Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
@justeattakeaway/pie-button
Advanced tools
@justeattakeaway/pie-button - npm Package Compare versions
Comparing version 0.45.0 to 0.45.1
1081
dist/index.js
@@ -1,7 +0,7 @@ | ||
| import { LitElement as wt, html as N, nothing as W, unsafeCSS as xt } from "lit"; | ||
| import { property as h } from "lit/decorators.js"; | ||
| import { ifDefined as Et } from "lit/directives/if-defined.js"; | ||
| import { FormControlMixin as kt, validPropertyValues as R, defineCustomElement as zt } from "@justeattakeaway/pie-webc-core"; | ||
| import { LitElement as zt, html as N, nothing as B, unsafeCSS as Ct } from "lit"; | ||
| import { property as m } from "lit/decorators.js"; | ||
| import { ifDefined as St } from "lit/directives/if-defined.js"; | ||
| import { FormControlMixin as Ft, validPropertyValues as P, defineCustomElement as Lt } from "@justeattakeaway/pie-webc-core"; | ||
| import "@justeattakeaway/pie-spinner"; | ||
| const Mt = ["xsmall", "small-productive", "small-expressive", "medium", "large"], Pt = ["productive", "expressive"], Ct = ["submit", "button", "reset"], Lt = [ | ||
| const At = ["xsmall", "small-productive", "small-expressive", "medium", "large"], Bt = ["productive", "expressive"], It = ["submit", "button", "reset"], Tt = [ | ||
| "primary", | ||
@@ -16,495 +16,498 @@ "secondary", | ||
| "destructive-ghost" | ||
| ], Ft = ["leading", "trailing"], Dt = ["application/x-www-form-urlencoded", "multipart/form-data", "text/plain"], $t = ["post", "get", "dialog"], Ot = ["_self", "_blank", "_parent", "_top"], St = `*,*:before,*:after{box-sizing:border-box}.o-btn{--btn-border-radius: var(--dt-radius-rounded-e);--btn-font-family: var(--dt-font-interactive-m-family);--btn-font-weight: var(--dt-font-interactive-m-weight);--btn-bg-color: var(--dt-color-interactive-brand);--btn-text-color: var(--dt-color-content-interactive-primary);--btn-height--xsmall: 32px;--btn-height--small: 40px;--btn-height--medium: 48px;--btn-height--large: 56px;--icon-display-override: block;position:relative;display:flex;gap:var(--dt-spacing-b);align-items:center;justify-content:center;box-sizing:border-box;height:var(--btn-height);padding:var(--btn-padding);border:none;border-radius:var(--btn-border-radius);outline:none;background-color:var(--btn-bg-color);font-family:var(--btn-font-family);font-size:var(--btn-font-size);font-weight:var(--btn-font-weight);color:var(--btn-text-color);line-height:var(--btn-line-height);cursor:pointer;user-select:none;inline-size:var(--btn-inline-size)}.o-btn[variant=primary]:hover:not(:disabled){--hover-modifier: calc(-1 * var(--dt-color-hover-01));--btn-bg-color: hsl(var(--dt-color-interactive-brand-h), var(--dt-color-interactive-brand-s), calc(var(--dt-color-interactive-brand-l) + var(--hover-modifier)))}.o-btn[variant=primary]:active:not(:disabled),.o-btn[variant=primary][isLoading]:not(:disabled){--active-modifier: calc(-1 * var(--dt-color-active-01));--btn-bg-color: hsl(var(--dt-color-interactive-brand-h), var(--dt-color-interactive-brand-s), calc(var(--dt-color-interactive-brand-l) + var(--active-modifier)))}.o-btn[variant=primary][size=xsmall],.o-btn[variant=primary][size=small-productive]{--btn-bg-color: var(--dt-color-interactive-primary)}.o-btn[variant=primary][size=xsmall]:hover:not(:disabled),.o-btn[variant=primary][size=small-productive]:hover:not(:disabled){--hover-modifier: var(--dt-color-hover-02);--btn-bg-color: hsl(var(--dt-color-interactive-primary-h), var(--dt-color-interactive-primary-s), calc(var(--dt-color-interactive-primary-l) + var(--hover-modifier)))}.o-btn[variant=primary][size=xsmall]:active:not(:disabled),.o-btn[variant=primary][size=xsmall][isLoading]:not(:disabled),.o-btn[variant=primary][size=small-productive]:active:not(:disabled),.o-btn[variant=primary][size=small-productive][isLoading]:not(:disabled){--active-modifier: var(--dt-color-active-02);--btn-bg-color: hsl(var(--dt-color-interactive-primary-h), var(--dt-color-interactive-primary-s), calc(var(--dt-color-interactive-primary-l) + var(--active-modifier)))}.o-btn[variant=secondary]{--btn-bg-color: var(--dt-color-interactive-secondary);--btn-text-color: var(--dt-color-content-interactive-secondary)}.o-btn[variant=secondary]:hover:not(:disabled){--hover-modifier: calc(-1 * var(--dt-color-hover-01));--btn-bg-color: hsl(var(--dt-color-interactive-secondary-h), var(--dt-color-interactive-secondary-s), calc(var(--dt-color-interactive-secondary-l) + var(--hover-modifier)))}.o-btn[variant=secondary]:active:not(:disabled),.o-btn[variant=secondary][isLoading]:not(:disabled){--active-modifier: calc(-1 * var(--dt-color-active-01));--btn-bg-color: hsl(var(--dt-color-interactive-secondary-h), var(--dt-color-interactive-secondary-s), calc(var(--dt-color-interactive-secondary-l) + var(--active-modifier)))}.o-btn[variant=outline]{--btn-bg-color: transparent;--btn-text-color: var(--dt-color-content-interactive-secondary);border:1px solid var(--dt-color-border-strong)}.o-btn[variant=outline]:hover:not(:disabled){--hover-modifier: calc(-1 * var(--dt-color-hover-01));--hover-modifier: var(--dt-color-hover-01);--btn-bg-color: hsl(var(--dt-color-black-h), var(--dt-color-black-s), var(--dt-color-black-l), var(--hover-modifier))}.o-btn[variant=outline]:active:not(:disabled),.o-btn[variant=outline][isLoading]:not(:disabled){--active-modifier: calc(-1 * var(--dt-color-active-01));--active-modifier: var(--dt-color-active-01);--btn-bg-color: hsl(var(--dt-color-black-h), var(--dt-color-black-s), var(--dt-color-black-l), var(--active-modifier))}.o-btn[variant=ghost]{--btn-bg-color: transparent;--btn-text-color: var(--dt-color-content-link)}.o-btn[variant=ghost]:hover:not(:disabled){--hover-modifier: calc(-1 * var(--dt-color-hover-01));--hover-modifier: var(--dt-color-hover-01);--btn-bg-color: hsl(var(--dt-color-black-h), var(--dt-color-black-s), var(--dt-color-black-l), var(--hover-modifier))}.o-btn[variant=ghost]:active:not(:disabled),.o-btn[variant=ghost][isLoading]:not(:disabled){--active-modifier: calc(-1 * var(--dt-color-active-01));--active-modifier: var(--dt-color-active-01);--btn-bg-color: hsl(var(--dt-color-black-h), var(--dt-color-black-s), var(--dt-color-black-l), var(--active-modifier))}.o-btn[variant=inverse]{--btn-bg-color: var(--dt-color-interactive-inverse);--btn-text-color: var(--dt-color-content-interactive-secondary)}.o-btn[variant=inverse]:hover:not(:disabled){--hover-modifier: calc(-1 * var(--dt-color-hover-01));--btn-bg-color: hsl(var(--dt-color-interactive-inverse-h), var(--dt-color-interactive-inverse-s), calc(var(--dt-color-interactive-inverse-l) + var(--hover-modifier)))}.o-btn[variant=inverse]:active:not(:disabled),.o-btn[variant=inverse][isLoading]:not(:disabled){--active-modifier: calc(-1 * var(--dt-color-active-01));--btn-bg-color: hsl(var(--dt-color-interactive-inverse-h), var(--dt-color-interactive-inverse-s), calc(var(--dt-color-interactive-inverse-l) + var(--active-modifier)))}.o-btn[variant=ghost-inverse],.o-btn[variant=outline-inverse]{--btn-bg-color: transparent;--btn-text-color: var(--dt-color-content-interactive-primary)}.o-btn[variant=ghost-inverse]:hover:not(:disabled),.o-btn[variant=outline-inverse]:hover:not(:disabled){--hover-modifier: calc(-1 * var(--dt-color-hover-01));--hover-modifier: var(--dt-color-hover-01);--btn-bg-color: hsl(var(--dt-color-container-default-h), var(--dt-color-container-default-s), var(--dt-color-container-default-l), var(--hover-modifier))}.o-btn[variant=ghost-inverse]:active:not(:disabled),.o-btn[variant=ghost-inverse][isLoading]:not(:disabled),.o-btn[variant=outline-inverse]:active:not(:disabled),.o-btn[variant=outline-inverse][isLoading]:not(:disabled){--active-modifier: calc(-1 * var(--dt-color-active-01));--active-modifier: var(--dt-color-active-01);--btn-bg-color: hsl(var(--dt-color-container-default-h), var(--dt-color-container-default-s), var(--dt-color-container-default-l), var(--active-modifier))}.o-btn[variant=outline-inverse]:not([disabled]){border:1px solid var(--dt-color-border-strong)}.o-btn[variant=destructive]{--btn-bg-color: var(--dt-color-support-error)}.o-btn[variant=destructive]:hover:not(:disabled){--hover-modifier: calc(-1 * var(--dt-color-hover-01));--btn-bg-color: hsl(var(--dt-color-support-error-h), var(--dt-color-support-error-s), calc(var(--dt-color-support-error-l) + var(--hover-modifier)))}.o-btn[variant=destructive]:active:not(:disabled),.o-btn[variant=destructive][isLoading]:not(:disabled){--active-modifier: calc(-1 * var(--dt-color-active-01));--btn-bg-color: hsl(var(--dt-color-support-error-h), var(--dt-color-support-error-s), calc(var(--dt-color-support-error-l) + var(--active-modifier)))}.o-btn[variant=destructive-ghost]{--btn-bg-color: transparent;--btn-text-color: var(--dt-color-content-interactive-error)}.o-btn[variant=destructive-ghost]:hover:not(:disabled){--hover-modifier: calc(-1 * var(--dt-color-hover-01));--hover-modifier: var(--dt-color-hover-01);--btn-bg-color: hsl(var(--dt-color-black-h), var(--dt-color-black-s), var(--dt-color-black-l), var(--hover-modifier))}.o-btn[variant=destructive-ghost]:active:not(:disabled),.o-btn[variant=destructive-ghost][isLoading]:not(:disabled){--active-modifier: calc(-1 * var(--dt-color-active-01));--active-modifier: var(--dt-color-active-01);--btn-bg-color: hsl(var(--dt-color-black-h), var(--dt-color-black-s), var(--dt-color-black-l), var(--active-modifier))}.o-btn[isFullWidth]{--btn-inline-size: 100%}.o-btn[disabled]{--btn-text-color: var(--dt-color-content-disabled) !important;cursor:not-allowed}.o-btn[disabled]:not([variant=ghost],[variant=ghost-inverse],[variant=destructive-ghost]){--btn-bg-color: var(--dt-color-disabled-01) !important}.o-btn[disabled][variant=outline]{border-color:var(--dt-color-disabled-01)!important}.o-btn[size=xsmall]{--btn-height: var(--btn-height--xsmall);--btn-padding: 6px var(--dt-spacing-b);--btn-font-size: calc(var(--dt-font-size-14) * 1px);--btn-line-height: calc(var(--dt-font-size-14-line-height) * 1px);--icon-size-override: 16px}@media (min-width: 768px){.o-btn[size=xsmall][isResponsive]{--btn-height: var(--btn-height--small);--btn-padding: 8px var(--dt-spacing-d);--btn-font-size: calc(var(--dt-font-size-16) * 1px);--btn-line-height: calc(var(--dt-font-size-16-line-height) * 1px);--icon-size-override: 20px}.o-btn[size=xsmall][isResponsive][responsiveSize=expressive]{--btn-height: var(--btn-height--small);--btn-padding: 6px var(--dt-spacing-d);--btn-font-size: calc(var(--dt-font-size-20) * 1px);--btn-line-height: calc(var(--dt-font-size-20-line-height) * 1px);--icon-size-override: 20px}}.o-btn[size=small-expressive]{--btn-height: var(--btn-height--small);--btn-padding: 6px var(--dt-spacing-d);--btn-font-size: calc(var(--dt-font-size-20) * 1px);--btn-line-height: calc(var(--dt-font-size-20-line-height) * 1px);--icon-size-override: 20px}@media (min-width: 768px){.o-btn[size=small-expressive][isResponsive]{--btn-height: var(--btn-height--medium);--btn-padding: 10px var(--dt-spacing-e);--btn-font-size: calc(var(--dt-font-size-20) * 1px);--btn-line-height: calc(var(--dt-font-size-20-line-height) * 1px);--icon-size-override: 24px}}.o-btn[size=small-productive]{--btn-height: var(--btn-height--small);--btn-padding: 8px var(--dt-spacing-d);--btn-font-size: calc(var(--dt-font-size-16) * 1px);--btn-line-height: calc(var(--dt-font-size-16-line-height) * 1px);--icon-size-override: 20px}@media (min-width: 768px){.o-btn[size=small-productive][isResponsive]{--btn-height: var(--btn-height--medium);--btn-padding: 10px var(--dt-spacing-e);--btn-font-size: calc(var(--dt-font-size-20) * 1px);--btn-line-height: calc(var(--dt-font-size-20-line-height) * 1px);--icon-size-override: 24px}}.o-btn[size=medium]{--btn-height: var(--btn-height--medium);--btn-padding: 10px var(--dt-spacing-e);--btn-font-size: calc(var(--dt-font-size-20) * 1px);--btn-line-height: calc(var(--dt-font-size-20-line-height) * 1px);--icon-size-override: 24px}@media (min-width: 768px){.o-btn[size=medium][isResponsive]{--btn-height: var(--btn-height--large);--btn-padding: 14px var(--dt-spacing-e);--btn-font-size: calc(var(--dt-font-size-20) * 1px);--btn-line-height: calc(var(--dt-font-size-20-line-height) * 1px);--icon-size-override: 24px}}.o-btn[size=large]{--btn-height: var(--btn-height--large);--btn-padding: 14px var(--dt-spacing-e);--btn-font-size: calc(var(--dt-font-size-20) * 1px);--btn-line-height: calc(var(--dt-font-size-20-line-height) * 1px);--icon-size-override: 24px}.o-btn[isLoading]>*:not(pie-spinner){visibility:hidden}.o-btn[isLoading] pie-spinner{position:absolute}.o-btn:focus-visible{box-shadow:0 0 0 2px var(--dt-color-focus-inner),0 0 0 4px var(--dt-color-focus-outer);outline:none}::slotted(svg){height:var(--icon-size-override);width:var(--icon-size-override)} | ||
| ], Vt = ["leading", "trailing"], Kt = ["application/x-www-form-urlencoded", "multipart/form-data", "text/plain"], Ut = ["post", "get", "dialog"], qt = ["_self", "_blank", "_parent", "_top"], Nt = `*,*:before,*:after{box-sizing:border-box}.o-btn{--btn-border-radius: var(--dt-radius-rounded-e);--btn-font-family: var(--dt-font-interactive-m-family);--btn-font-weight: var(--dt-font-interactive-m-weight);--btn-bg-color: var(--dt-color-interactive-brand);--btn-text-color: var(--dt-color-content-interactive-primary);--btn-height--xsmall: 32px;--btn-height--small: 40px;--btn-height--medium: 48px;--btn-height--large: 56px;--icon-display-override: block;position:relative;display:flex;gap:var(--dt-spacing-b);align-items:center;justify-content:center;box-sizing:border-box;height:var(--btn-height);padding:var(--btn-padding);border:none;border-radius:var(--btn-border-radius);outline:none;background-color:var(--btn-bg-color);font-family:var(--btn-font-family);font-size:var(--btn-font-size);font-weight:var(--btn-font-weight);color:var(--btn-text-color);line-height:var(--btn-line-height);cursor:pointer;user-select:none;inline-size:var(--btn-inline-size)}.o-btn[variant=primary]:hover:not(:disabled){--hover-modifier: calc(-1 * var(--dt-color-hover-01));--btn-bg-color: hsl(var(--dt-color-interactive-brand-h), var(--dt-color-interactive-brand-s), calc(var(--dt-color-interactive-brand-l) + var(--hover-modifier)))}.o-btn[variant=primary]:active:not(:disabled),.o-btn[variant=primary][isLoading]:not(:disabled){--active-modifier: calc(-1 * var(--dt-color-active-01));--btn-bg-color: hsl(var(--dt-color-interactive-brand-h), var(--dt-color-interactive-brand-s), calc(var(--dt-color-interactive-brand-l) + var(--active-modifier)))}.o-btn[variant=primary][size=xsmall],.o-btn[variant=primary][size=small-productive]{--btn-bg-color: var(--dt-color-interactive-primary)}.o-btn[variant=primary][size=xsmall]:hover:not(:disabled),.o-btn[variant=primary][size=small-productive]:hover:not(:disabled){--hover-modifier: var(--dt-color-hover-02);--btn-bg-color: hsl(var(--dt-color-interactive-primary-h), var(--dt-color-interactive-primary-s), calc(var(--dt-color-interactive-primary-l) + var(--hover-modifier)))}.o-btn[variant=primary][size=xsmall]:active:not(:disabled),.o-btn[variant=primary][size=xsmall][isLoading]:not(:disabled),.o-btn[variant=primary][size=small-productive]:active:not(:disabled),.o-btn[variant=primary][size=small-productive][isLoading]:not(:disabled){--active-modifier: var(--dt-color-active-02);--btn-bg-color: hsl(var(--dt-color-interactive-primary-h), var(--dt-color-interactive-primary-s), calc(var(--dt-color-interactive-primary-l) + var(--active-modifier)))}.o-btn[variant=secondary]{--btn-bg-color: var(--dt-color-interactive-secondary);--btn-text-color: var(--dt-color-content-interactive-secondary)}.o-btn[variant=secondary]:hover:not(:disabled){--hover-modifier: calc(-1 * var(--dt-color-hover-01));--btn-bg-color: hsl(var(--dt-color-interactive-secondary-h), var(--dt-color-interactive-secondary-s), calc(var(--dt-color-interactive-secondary-l) + var(--hover-modifier)))}.o-btn[variant=secondary]:active:not(:disabled),.o-btn[variant=secondary][isLoading]:not(:disabled){--active-modifier: calc(-1 * var(--dt-color-active-01));--btn-bg-color: hsl(var(--dt-color-interactive-secondary-h), var(--dt-color-interactive-secondary-s), calc(var(--dt-color-interactive-secondary-l) + var(--active-modifier)))}.o-btn[variant=outline]{--btn-bg-color: transparent;--btn-text-color: var(--dt-color-content-interactive-secondary);border:1px solid var(--dt-color-border-strong)}.o-btn[variant=outline]:hover:not(:disabled){--hover-modifier: calc(-1 * var(--dt-color-hover-01));--hover-modifier: var(--dt-color-hover-01);--btn-bg-color: hsl(var(--dt-color-black-h), var(--dt-color-black-s), var(--dt-color-black-l), var(--hover-modifier))}.o-btn[variant=outline]:active:not(:disabled),.o-btn[variant=outline][isLoading]:not(:disabled){--active-modifier: calc(-1 * var(--dt-color-active-01));--active-modifier: var(--dt-color-active-01);--btn-bg-color: hsl(var(--dt-color-black-h), var(--dt-color-black-s), var(--dt-color-black-l), var(--active-modifier))}.o-btn[variant=ghost]{--btn-bg-color: transparent;--btn-text-color: var(--dt-color-content-link)}.o-btn[variant=ghost]:hover:not(:disabled){--hover-modifier: calc(-1 * var(--dt-color-hover-01));--hover-modifier: var(--dt-color-hover-01);--btn-bg-color: hsl(var(--dt-color-black-h), var(--dt-color-black-s), var(--dt-color-black-l), var(--hover-modifier))}.o-btn[variant=ghost]:active:not(:disabled),.o-btn[variant=ghost][isLoading]:not(:disabled){--active-modifier: calc(-1 * var(--dt-color-active-01));--active-modifier: var(--dt-color-active-01);--btn-bg-color: hsl(var(--dt-color-black-h), var(--dt-color-black-s), var(--dt-color-black-l), var(--active-modifier))}.o-btn[variant=inverse]{--btn-bg-color: var(--dt-color-interactive-inverse);--btn-text-color: var(--dt-color-content-interactive-secondary)}.o-btn[variant=inverse]:hover:not(:disabled){--hover-modifier: calc(-1 * var(--dt-color-hover-01));--btn-bg-color: hsl(var(--dt-color-interactive-inverse-h), var(--dt-color-interactive-inverse-s), calc(var(--dt-color-interactive-inverse-l) + var(--hover-modifier)))}.o-btn[variant=inverse]:active:not(:disabled),.o-btn[variant=inverse][isLoading]:not(:disabled){--active-modifier: calc(-1 * var(--dt-color-active-01));--btn-bg-color: hsl(var(--dt-color-interactive-inverse-h), var(--dt-color-interactive-inverse-s), calc(var(--dt-color-interactive-inverse-l) + var(--active-modifier)))}.o-btn[variant=ghost-inverse],.o-btn[variant=outline-inverse]{--btn-bg-color: transparent;--btn-text-color: var(--dt-color-content-interactive-primary)}.o-btn[variant=ghost-inverse]:hover:not(:disabled),.o-btn[variant=outline-inverse]:hover:not(:disabled){--hover-modifier: calc(-1 * var(--dt-color-hover-01));--hover-modifier: var(--dt-color-hover-01);--btn-bg-color: hsl(var(--dt-color-container-default-h), var(--dt-color-container-default-s), var(--dt-color-container-default-l), var(--hover-modifier))}.o-btn[variant=ghost-inverse]:active:not(:disabled),.o-btn[variant=ghost-inverse][isLoading]:not(:disabled),.o-btn[variant=outline-inverse]:active:not(:disabled),.o-btn[variant=outline-inverse][isLoading]:not(:disabled){--active-modifier: calc(-1 * var(--dt-color-active-01));--active-modifier: var(--dt-color-active-01);--btn-bg-color: hsl(var(--dt-color-container-default-h), var(--dt-color-container-default-s), var(--dt-color-container-default-l), var(--active-modifier))}.o-btn[variant=outline-inverse]:not([disabled]){border:1px solid var(--dt-color-border-strong)}.o-btn[variant=destructive]{--btn-bg-color: var(--dt-color-support-error)}.o-btn[variant=destructive]:hover:not(:disabled){--hover-modifier: calc(-1 * var(--dt-color-hover-01));--btn-bg-color: hsl(var(--dt-color-support-error-h), var(--dt-color-support-error-s), calc(var(--dt-color-support-error-l) + var(--hover-modifier)))}.o-btn[variant=destructive]:active:not(:disabled),.o-btn[variant=destructive][isLoading]:not(:disabled){--active-modifier: calc(-1 * var(--dt-color-active-01));--btn-bg-color: hsl(var(--dt-color-support-error-h), var(--dt-color-support-error-s), calc(var(--dt-color-support-error-l) + var(--active-modifier)))}.o-btn[variant=destructive-ghost]{--btn-bg-color: transparent;--btn-text-color: var(--dt-color-content-interactive-error)}.o-btn[variant=destructive-ghost]:hover:not(:disabled){--hover-modifier: calc(-1 * var(--dt-color-hover-01));--hover-modifier: var(--dt-color-hover-01);--btn-bg-color: hsl(var(--dt-color-black-h), var(--dt-color-black-s), var(--dt-color-black-l), var(--hover-modifier))}.o-btn[variant=destructive-ghost]:active:not(:disabled),.o-btn[variant=destructive-ghost][isLoading]:not(:disabled){--active-modifier: calc(-1 * var(--dt-color-active-01));--active-modifier: var(--dt-color-active-01);--btn-bg-color: hsl(var(--dt-color-black-h), var(--dt-color-black-s), var(--dt-color-black-l), var(--active-modifier))}.o-btn[isFullWidth]{--btn-inline-size: 100%}.o-btn[disabled]{--btn-text-color: var(--dt-color-content-disabled) !important;cursor:not-allowed}.o-btn[disabled]:not([variant=ghost],[variant=ghost-inverse],[variant=destructive-ghost]){--btn-bg-color: var(--dt-color-disabled-01) !important}.o-btn[disabled][variant=outline]{border-color:var(--dt-color-disabled-01)!important}.o-btn[size=xsmall]{--btn-height: var(--btn-height--xsmall);--btn-padding: 6px var(--dt-spacing-b);--btn-font-size: calc(var(--dt-font-size-14) * 1px);--btn-line-height: calc(var(--dt-font-size-14-line-height) * 1px);--icon-size-override: 16px}@media (min-width: 768px){.o-btn[size=xsmall][isResponsive]{--btn-height: var(--btn-height--small);--btn-padding: 8px var(--dt-spacing-d);--btn-font-size: calc(var(--dt-font-size-16) * 1px);--btn-line-height: calc(var(--dt-font-size-16-line-height) * 1px);--icon-size-override: 20px}.o-btn[size=xsmall][isResponsive][responsiveSize=expressive]{--btn-height: var(--btn-height--small);--btn-padding: 6px var(--dt-spacing-d);--btn-font-size: calc(var(--dt-font-size-20) * 1px);--btn-line-height: calc(var(--dt-font-size-20-line-height) * 1px);--icon-size-override: 20px}}.o-btn[size=small-expressive]{--btn-height: var(--btn-height--small);--btn-padding: 6px var(--dt-spacing-d);--btn-font-size: calc(var(--dt-font-size-20) * 1px);--btn-line-height: calc(var(--dt-font-size-20-line-height) * 1px);--icon-size-override: 20px}@media (min-width: 768px){.o-btn[size=small-expressive][isResponsive]{--btn-height: var(--btn-height--medium);--btn-padding: 10px var(--dt-spacing-e);--btn-font-size: calc(var(--dt-font-size-20) * 1px);--btn-line-height: calc(var(--dt-font-size-20-line-height) * 1px);--icon-size-override: 24px}}.o-btn[size=small-productive]{--btn-height: var(--btn-height--small);--btn-padding: 8px var(--dt-spacing-d);--btn-font-size: calc(var(--dt-font-size-16) * 1px);--btn-line-height: calc(var(--dt-font-size-16-line-height) * 1px);--icon-size-override: 20px}@media (min-width: 768px){.o-btn[size=small-productive][isResponsive]{--btn-height: var(--btn-height--medium);--btn-padding: 10px var(--dt-spacing-e);--btn-font-size: calc(var(--dt-font-size-20) * 1px);--btn-line-height: calc(var(--dt-font-size-20-line-height) * 1px);--icon-size-override: 24px}}.o-btn[size=medium]{--btn-height: var(--btn-height--medium);--btn-padding: 10px var(--dt-spacing-e);--btn-font-size: calc(var(--dt-font-size-20) * 1px);--btn-line-height: calc(var(--dt-font-size-20-line-height) * 1px);--icon-size-override: 24px}@media (min-width: 768px){.o-btn[size=medium][isResponsive]{--btn-height: var(--btn-height--large);--btn-padding: 14px var(--dt-spacing-e);--btn-font-size: calc(var(--dt-font-size-20) * 1px);--btn-line-height: calc(var(--dt-font-size-20-line-height) * 1px);--icon-size-override: 24px}}.o-btn[size=large]{--btn-height: var(--btn-height--large);--btn-padding: 14px var(--dt-spacing-e);--btn-font-size: calc(var(--dt-font-size-20) * 1px);--btn-line-height: calc(var(--dt-font-size-20-line-height) * 1px);--icon-size-override: 24px}.o-btn[isLoading]>*:not(pie-spinner){visibility:hidden}.o-btn[isLoading] pie-spinner{position:absolute}.o-btn:focus-visible{box-shadow:0 0 0 2px var(--dt-color-focus-inner),0 0 0 4px var(--dt-color-focus-outer);outline:none}::slotted(svg){height:var(--icon-size-override);width:var(--icon-size-override)} | ||
| `; | ||
| (function() { | ||
| const p = /* @__PURE__ */ new WeakMap(), s = /* @__PURE__ */ new WeakMap(), a = /* @__PURE__ */ new WeakMap(), c = /* @__PURE__ */ new WeakMap(), u = /* @__PURE__ */ new WeakMap(), f = /* @__PURE__ */ new WeakMap(), g = /* @__PURE__ */ new WeakMap(), y = /* @__PURE__ */ new WeakMap(), M = /* @__PURE__ */ new WeakMap(), k = /* @__PURE__ */ new WeakMap(), H = /* @__PURE__ */ new WeakMap(), B = /* @__PURE__ */ new WeakMap(), K = /* @__PURE__ */ new WeakMap(), q = /* @__PURE__ */ new WeakMap(), F = /* @__PURE__ */ new WeakMap(), S = { | ||
| ariaAtomic: "aria-atomic", | ||
| ariaAutoComplete: "aria-autocomplete", | ||
| ariaBusy: "aria-busy", | ||
| ariaChecked: "aria-checked", | ||
| ariaColCount: "aria-colcount", | ||
| ariaColIndex: "aria-colindex", | ||
| ariaColIndexText: "aria-colindextext", | ||
| ariaColSpan: "aria-colspan", | ||
| ariaCurrent: "aria-current", | ||
| ariaDisabled: "aria-disabled", | ||
| ariaExpanded: "aria-expanded", | ||
| ariaHasPopup: "aria-haspopup", | ||
| ariaHidden: "aria-hidden", | ||
| ariaInvalid: "aria-invalid", | ||
| ariaKeyShortcuts: "aria-keyshortcuts", | ||
| ariaLabel: "aria-label", | ||
| ariaLevel: "aria-level", | ||
| ariaLive: "aria-live", | ||
| ariaModal: "aria-modal", | ||
| ariaMultiLine: "aria-multiline", | ||
| ariaMultiSelectable: "aria-multiselectable", | ||
| ariaOrientation: "aria-orientation", | ||
| ariaPlaceholder: "aria-placeholder", | ||
| ariaPosInSet: "aria-posinset", | ||
| ariaPressed: "aria-pressed", | ||
| ariaReadOnly: "aria-readonly", | ||
| ariaRelevant: "aria-relevant", | ||
| ariaRequired: "aria-required", | ||
| ariaRoleDescription: "aria-roledescription", | ||
| ariaRowCount: "aria-rowcount", | ||
| ariaRowIndex: "aria-rowindex", | ||
| ariaRowIndexText: "aria-rowindextext", | ||
| ariaRowSpan: "aria-rowspan", | ||
| ariaSelected: "aria-selected", | ||
| ariaSetSize: "aria-setsize", | ||
| ariaSort: "aria-sort", | ||
| ariaValueMax: "aria-valuemax", | ||
| ariaValueMin: "aria-valuemin", | ||
| ariaValueNow: "aria-valuenow", | ||
| ariaValueText: "aria-valuetext", | ||
| role: "role" | ||
| }, ot = (i, t) => { | ||
| for (let e in S) { | ||
| t[e] = null; | ||
| let r = null; | ||
| const o = S[e]; | ||
| Object.defineProperty(t, e, { | ||
| get() { | ||
| return r; | ||
| }, | ||
| set(l) { | ||
| r = l, i.isConnected ? i.setAttribute(o, l) : k.set(i, t); | ||
| } | ||
| }); | ||
| } | ||
| }; | ||
| function U(i) { | ||
| const t = c.get(i), { form: e } = t; | ||
| Y(i, e, t), X(i, t.labels); | ||
| } | ||
| const j = (i, t = !1) => { | ||
| const e = document.createTreeWalker(i, NodeFilter.SHOW_ELEMENT, { | ||
| acceptNode(l) { | ||
| return c.has(l) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP; | ||
| (function(E) { | ||
| const a = /* @__PURE__ */ new WeakMap(), n = /* @__PURE__ */ new WeakMap(), h = /* @__PURE__ */ new WeakMap(), c = /* @__PURE__ */ new WeakMap(), f = /* @__PURE__ */ new WeakMap(), y = /* @__PURE__ */ new WeakMap(), M = /* @__PURE__ */ new WeakMap(), b = /* @__PURE__ */ new WeakMap(), S = /* @__PURE__ */ new WeakMap(), F = /* @__PURE__ */ new WeakMap(), K = /* @__PURE__ */ new WeakMap(), U = /* @__PURE__ */ new WeakMap(), q = /* @__PURE__ */ new WeakMap(), j = /* @__PURE__ */ new WeakMap(), L = /* @__PURE__ */ new WeakMap(), A = { | ||
| ariaAtomic: "aria-atomic", | ||
| ariaAutoComplete: "aria-autocomplete", | ||
| ariaBusy: "aria-busy", | ||
| ariaChecked: "aria-checked", | ||
| ariaColCount: "aria-colcount", | ||
| ariaColIndex: "aria-colindex", | ||
| ariaColIndexText: "aria-colindextext", | ||
| ariaColSpan: "aria-colspan", | ||
| ariaCurrent: "aria-current", | ||
| ariaDisabled: "aria-disabled", | ||
| ariaExpanded: "aria-expanded", | ||
| ariaHasPopup: "aria-haspopup", | ||
| ariaHidden: "aria-hidden", | ||
| ariaInvalid: "aria-invalid", | ||
| ariaKeyShortcuts: "aria-keyshortcuts", | ||
| ariaLabel: "aria-label", | ||
| ariaLevel: "aria-level", | ||
| ariaLive: "aria-live", | ||
| ariaModal: "aria-modal", | ||
| ariaMultiLine: "aria-multiline", | ||
| ariaMultiSelectable: "aria-multiselectable", | ||
| ariaOrientation: "aria-orientation", | ||
| ariaPlaceholder: "aria-placeholder", | ||
| ariaPosInSet: "aria-posinset", | ||
| ariaPressed: "aria-pressed", | ||
| ariaReadOnly: "aria-readonly", | ||
| ariaRelevant: "aria-relevant", | ||
| ariaRequired: "aria-required", | ||
| ariaRoleDescription: "aria-roledescription", | ||
| ariaRowCount: "aria-rowcount", | ||
| ariaRowIndex: "aria-rowindex", | ||
| ariaRowIndexText: "aria-rowindextext", | ||
| ariaRowSpan: "aria-rowspan", | ||
| ariaSelected: "aria-selected", | ||
| ariaSetSize: "aria-setsize", | ||
| ariaSort: "aria-sort", | ||
| ariaValueMax: "aria-valuemax", | ||
| ariaValueMin: "aria-valuemin", | ||
| ariaValueNow: "aria-valuenow", | ||
| ariaValueText: "aria-valuetext", | ||
| role: "role" | ||
| }, ct = (e, t) => { | ||
| for (let i in A) { | ||
| t[i] = null; | ||
| let r = null; | ||
| const o = A[i]; | ||
| Object.defineProperty(t, i, { | ||
| get() { | ||
| return r; | ||
| }, | ||
| set(s) { | ||
| r = s, e.isConnected ? e.setAttribute(o, s) : F.set(e, t); | ||
| } | ||
| }); | ||
| } | ||
| }); | ||
| let r = e.nextNode(); | ||
| const o = !t || i.disabled; | ||
| for (; r; ) | ||
| r.formDisabledCallback && o && D(r, i.disabled), r = e.nextNode(); | ||
| }, G = { attributes: !0, attributeFilter: ["disabled", "name"] }, z = I() ? new MutationObserver((i) => { | ||
| for (const t of i) { | ||
| const e = t.target; | ||
| if (t.attributeName === "disabled" && (e.constructor.formAssociated ? D(e, e.hasAttribute("disabled")) : e.localName === "fieldset" && j(e)), t.attributeName === "name" && e.constructor.formAssociated) { | ||
| const r = c.get(e), o = M.get(e); | ||
| r.setFormValue(o); | ||
| } | ||
| }; | ||
| function G(e) { | ||
| const t = c.get(e), { form: i } = t; | ||
| tt(e, i, t), Z(e, t.labels); | ||
| } | ||
| }) : {}; | ||
| function _(i) { | ||
| i.forEach((t) => { | ||
| const { addedNodes: e, removedNodes: r } = t, o = Array.from(e), l = Array.from(r); | ||
| o.forEach((n) => { | ||
| var b; | ||
| if (c.has(n) && n.constructor.formAssociated && U(n), k.has(n)) { | ||
| const d = k.get(n); | ||
| Object.keys(S).filter((w) => d[w] !== null).forEach((w) => { | ||
| n.setAttribute(S[w], d[w]); | ||
| }), k.delete(n); | ||
| const J = (e, t = !1) => { | ||
| const i = document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, { | ||
| acceptNode(s) { | ||
| return c.has(s) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP; | ||
| } | ||
| if (F.has(n)) { | ||
| const d = F.get(n); | ||
| n.setAttribute("internals-valid", d.validity.valid.toString()), n.setAttribute("internals-invalid", (!d.validity.valid).toString()), n.setAttribute("aria-invalid", (!d.validity.valid).toString()), F.delete(n); | ||
| }); | ||
| let r = i.nextNode(); | ||
| const o = !t || e.disabled; | ||
| for (; r; ) | ||
| r.formDisabledCallback && o && D(r, e.disabled), r = i.nextNode(); | ||
| }, Q = { attributes: !0, attributeFilter: ["disabled", "name"] }, k = V() ? new MutationObserver((e) => { | ||
| for (const t of e) { | ||
| const i = t.target; | ||
| if (t.attributeName === "disabled" && (i.constructor.formAssociated ? D(i, i.hasAttribute("disabled")) : i.localName === "fieldset" && J(i)), t.attributeName === "name" && i.constructor.formAssociated) { | ||
| const r = c.get(i), o = S.get(i); | ||
| r.setFormValue(o); | ||
| } | ||
| if (n.localName === "form") { | ||
| const d = y.get(n), E = document.createTreeWalker(n, NodeFilter.SHOW_ELEMENT, { | ||
| acceptNode(O) { | ||
| return c.has(O) && O.constructor.formAssociated && !(d && d.has(O)) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP; | ||
| } | ||
| }); | ||
| let w = E.nextNode(); | ||
| for (; w; ) | ||
| U(w), w = E.nextNode(); | ||
| } | ||
| n.localName === "fieldset" && ((b = z.observe) == null || b.call(z, n, G), j(n, !0)); | ||
| }), l.forEach((n) => { | ||
| const b = c.get(n); | ||
| b && a.get(b) && J(b), g.has(n) && g.get(n).disconnect(); | ||
| } | ||
| }) : {}; | ||
| function R(e) { | ||
| e.forEach((t) => { | ||
| const { addedNodes: i, removedNodes: r } = t, o = Array.from(i), s = Array.from(r); | ||
| o.forEach((l) => { | ||
| var u; | ||
| if (c.has(l) && l.constructor.formAssociated && G(l), F.has(l)) { | ||
| const d = F.get(l); | ||
| Object.keys(A).filter((g) => d[g] !== null).forEach((g) => { | ||
| l.setAttribute(A[g], d[g]); | ||
| }), F.delete(l); | ||
| } | ||
| if (L.has(l)) { | ||
| const d = L.get(l); | ||
| l.setAttribute("internals-valid", d.validity.valid.toString()), l.setAttribute("internals-invalid", (!d.validity.valid).toString()), l.setAttribute("aria-invalid", (!d.validity.valid).toString()), L.delete(l); | ||
| } | ||
| if (l.localName === "form") { | ||
| const d = b.get(l), x = document.createTreeWalker(l, NodeFilter.SHOW_ELEMENT, { | ||
| acceptNode(H) { | ||
| return c.has(H) && H.constructor.formAssociated && !(d && d.has(H)) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP; | ||
| } | ||
| }); | ||
| let g = x.nextNode(); | ||
| for (; g; ) | ||
| G(g), g = x.nextNode(); | ||
| } | ||
| l.localName === "fieldset" && ((u = k.observe) == null || u.call(k, l, Q), J(l, !0)); | ||
| }), s.forEach((l) => { | ||
| const u = c.get(l); | ||
| u && h.get(u) && X(u), M.has(l) && M.get(l).disconnect(); | ||
| }); | ||
| }); | ||
| }); | ||
| } | ||
| function at(i) { | ||
| i.forEach((t) => { | ||
| const { removedNodes: e } = t; | ||
| e.forEach((r) => { | ||
| const o = K.get(t.target); | ||
| c.has(r) && tt(r), o.disconnect(); | ||
| } | ||
| function dt(e) { | ||
| e.forEach((t) => { | ||
| const { removedNodes: i } = t; | ||
| i.forEach((r) => { | ||
| const o = q.get(t.target); | ||
| c.has(r) && it(r), o.disconnect(); | ||
| }); | ||
| }); | ||
| }); | ||
| } | ||
| const nt = (i) => { | ||
| var e; | ||
| const t = new MutationObserver(at); | ||
| (e = t.observe) == null || e.call(t, i, { childList: !0 }), K.set(i, t); | ||
| }; | ||
| I() && new MutationObserver(_); | ||
| const P = { | ||
| childList: !0, | ||
| subtree: !0 | ||
| }, D = (i, t) => { | ||
| i.toggleAttribute("internals-disabled", t), t ? i.setAttribute("aria-disabled", "true") : i.removeAttribute("aria-disabled"), i.formDisabledCallback && i.formDisabledCallback.apply(i, [t]); | ||
| }, J = (i) => { | ||
| a.get(i).forEach((e) => { | ||
| e.remove(); | ||
| }), a.set(i, []); | ||
| }, Q = (i, t) => { | ||
| const e = document.createElement("input"); | ||
| return e.type = "hidden", e.name = i.getAttribute("name"), i.after(e), a.get(t).push(e), e; | ||
| }, st = (i, t) => { | ||
| var e; | ||
| a.set(t, []), (e = z.observe) == null || e.call(z, i, G); | ||
| }, X = (i, t) => { | ||
| if (t.length) { | ||
| Array.from(t).forEach((r) => r.addEventListener("click", i.click.bind(i))); | ||
| let e = t[0].id; | ||
| t[0].id || (e = `${t[0].htmlFor}_Label`, t[0].id = e), i.setAttribute("aria-labelledby", e); | ||
| } | ||
| }, A = (i) => { | ||
| const t = Array.from(i.elements).filter((l) => !l.tagName.includes("-") && l.validity).map((l) => l.validity.valid), e = y.get(i) || [], r = Array.from(e).filter((l) => l.isConnected).map((l) => c.get(l).validity.valid), o = [...t, ...r].includes(!1); | ||
| i.toggleAttribute("internals-invalid", o), i.toggleAttribute("internals-valid", !o); | ||
| }, lt = (i) => { | ||
| A(T(i.target)); | ||
| }, ct = (i) => { | ||
| A(T(i.target)); | ||
| }, dt = (i) => { | ||
| const t = ["button[type=submit]", "input[type=submit]", "button:not([type])"].map((e) => `${e}:not([disabled])`).map((e) => `${e}:not([form])${i.id ? `,${e}[form='${i.id}']` : ""}`).join(","); | ||
| i.addEventListener("click", (e) => { | ||
| if (e.target.closest(t)) { | ||
| const o = y.get(i); | ||
| if (i.noValidate) | ||
| return; | ||
| o.size && Array.from(o).reverse().map((b) => c.get(b).reportValidity()).includes(!1) && e.preventDefault(); | ||
| const vt = (e) => { | ||
| var i, r; | ||
| const t = new MutationObserver(dt); | ||
| (i = window == null ? void 0 : window.ShadyDOM) != null && i.inUse && e.mode && e.host && (e = e.host), (r = t.observe) == null || r.call(t, e, { childList: !0 }), q.set(e, t); | ||
| }; | ||
| V() && new MutationObserver(R); | ||
| const _ = { | ||
| childList: !0, | ||
| subtree: !0 | ||
| }, D = (e, t) => { | ||
| e.toggleAttribute("internals-disabled", t), t ? e.setAttribute("aria-disabled", "true") : e.removeAttribute("aria-disabled"), e.formDisabledCallback && e.formDisabledCallback.apply(e, [t]); | ||
| }, X = (e) => { | ||
| h.get(e).forEach((i) => { | ||
| i.remove(); | ||
| }), h.set(e, []); | ||
| }, Y = (e, t) => { | ||
| const i = document.createElement("input"); | ||
| return i.type = "hidden", i.name = e.getAttribute("name"), e.after(i), h.get(t).push(i), i; | ||
| }, ht = (e, t) => { | ||
| var i; | ||
| h.set(t, []), (i = k.observe) == null || i.call(k, e, Q); | ||
| }, Z = (e, t) => { | ||
| if (t.length) { | ||
| Array.from(t).forEach((r) => r.addEventListener("click", e.click.bind(e))); | ||
| let i = t[0].id; | ||
| t[0].id || (i = `${t[0].htmlFor}_Label`, t[0].id = i), e.setAttribute("aria-labelledby", i); | ||
| } | ||
| }); | ||
| }, vt = (i) => { | ||
| const t = y.get(i.target); | ||
| t && t.size && t.forEach((e) => { | ||
| e.constructor.formAssociated && e.formResetCallback && e.formResetCallback.apply(e); | ||
| }); | ||
| }, Y = (i, t, e) => { | ||
| if (t) { | ||
| const r = y.get(t); | ||
| if (r) | ||
| r.add(i); | ||
| else { | ||
| const o = /* @__PURE__ */ new Set(); | ||
| o.add(i), y.set(t, o), dt(t), t.addEventListener("reset", vt), t.addEventListener("input", lt), t.addEventListener("change", ct); | ||
| }, I = (e) => { | ||
| const t = Array.from(e.elements).filter((s) => !s.tagName.includes("-") && s.validity).map((s) => s.validity.valid), i = b.get(e) || [], r = Array.from(i).filter((s) => s.isConnected).map((s) => c.get(s).validity.valid), o = [...t, ...r].includes(!1); | ||
| e.toggleAttribute("internals-invalid", o), e.toggleAttribute("internals-valid", !o); | ||
| }, mt = (e) => { | ||
| I(T(e.target)); | ||
| }, pt = (e) => { | ||
| I(T(e.target)); | ||
| }, ut = (e) => { | ||
| const t = ["button[type=submit]", "input[type=submit]", "button:not([type])"].map((i) => `${i}:not([disabled])`).map((i) => `${i}:not([form])${e.id ? `,${i}[form='${e.id}']` : ""}`).join(","); | ||
| e.addEventListener("click", (i) => { | ||
| if (i.target.closest(t)) { | ||
| const o = b.get(e); | ||
| if (e.noValidate) | ||
| return; | ||
| o.size && Array.from(o).reverse().map((u) => c.get(u).reportValidity()).includes(!1) && i.preventDefault(); | ||
| } | ||
| }); | ||
| }, ft = (e) => { | ||
| const t = b.get(e.target); | ||
| t && t.size && t.forEach((i) => { | ||
| i.constructor.formAssociated && i.formResetCallback && i.formResetCallback.apply(i); | ||
| }); | ||
| }, tt = (e, t, i) => { | ||
| if (t) { | ||
| const r = b.get(t); | ||
| if (r) | ||
| r.add(e); | ||
| else { | ||
| const o = /* @__PURE__ */ new Set(); | ||
| o.add(e), b.set(t, o), ut(t), t.addEventListener("reset", ft), t.addEventListener("input", mt), t.addEventListener("change", pt); | ||
| } | ||
| y.set(t, { ref: e, internals: i }), e.constructor.formAssociated && e.formAssociatedCallback && setTimeout(() => { | ||
| e.formAssociatedCallback.apply(e, [t]); | ||
| }, 0), I(t); | ||
| } | ||
| f.set(t, { ref: i, internals: e }), i.constructor.formAssociated && i.formAssociatedCallback && setTimeout(() => { | ||
| i.formAssociatedCallback.apply(i, [t]); | ||
| }, 0), A(t); | ||
| }, T = (e) => { | ||
| let t = e.parentNode; | ||
| return t && t.tagName !== "FORM" && (t = T(t)), t; | ||
| }, w = (e, t, i = DOMException) => { | ||
| if (!e.constructor.formAssociated) | ||
| throw new i(t); | ||
| }, et = (e, t, i) => { | ||
| const r = b.get(e); | ||
| return r && r.size && r.forEach((o) => { | ||
| c.get(o)[i]() || (t = !1); | ||
| }), t; | ||
| }, it = (e) => { | ||
| if (e.constructor.formAssociated) { | ||
| const t = c.get(e), { labels: i, form: r } = t; | ||
| Z(e, i), tt(e, r, t); | ||
| } | ||
| }; | ||
| function V() { | ||
| return typeof MutationObserver < "u"; | ||
| } | ||
| }, T = (i) => { | ||
| let t = i.parentNode; | ||
| return t && t.tagName !== "FORM" && (t = T(t)), t; | ||
| }, x = (i, t, e = DOMException) => { | ||
| if (!i.constructor.formAssociated) | ||
| throw new e(t); | ||
| }, Z = (i, t, e) => { | ||
| const r = y.get(i); | ||
| return r && r.size && r.forEach((o) => { | ||
| c.get(o)[e]() || (t = !1); | ||
| }), t; | ||
| }, tt = (i) => { | ||
| if (i.constructor.formAssociated) { | ||
| const t = c.get(i), { labels: e, form: r } = t; | ||
| X(i, e), Y(i, r, t); | ||
| class bt { | ||
| constructor() { | ||
| this.badInput = !1, this.customError = !1, this.patternMismatch = !1, this.rangeOverflow = !1, this.rangeUnderflow = !1, this.stepMismatch = !1, this.tooLong = !1, this.tooShort = !1, this.typeMismatch = !1, this.valid = !0, this.valueMissing = !1, Object.seal(this); | ||
| } | ||
| } | ||
| }; | ||
| function I() { | ||
| return typeof MutationObserver < "u"; | ||
| } | ||
| class ht { | ||
| constructor() { | ||
| this.badInput = !1, this.customError = !1, this.patternMismatch = !1, this.rangeOverflow = !1, this.rangeUnderflow = !1, this.stepMismatch = !1, this.tooLong = !1, this.tooShort = !1, this.typeMismatch = !1, this.valid = !0, this.valueMissing = !1, Object.seal(this); | ||
| const gt = (e) => (e.badInput = !1, e.customError = !1, e.patternMismatch = !1, e.rangeOverflow = !1, e.rangeUnderflow = !1, e.stepMismatch = !1, e.tooLong = !1, e.tooShort = !1, e.typeMismatch = !1, e.valid = !0, e.valueMissing = !1, e), yt = (e, t, i) => (e.valid = wt(t), Object.keys(t).forEach((r) => e[r] = t[r]), i && I(i), e), wt = (e) => { | ||
| let t = !0; | ||
| for (let i in e) | ||
| i !== "valid" && e[i] !== !1 && (t = !1); | ||
| return t; | ||
| }, O = /* @__PURE__ */ new WeakMap(); | ||
| function rt(e, t) { | ||
| e.toggleAttribute(t, !0), e.part && e.part.add(t); | ||
| } | ||
| } | ||
| const mt = (i) => (i.badInput = !1, i.customError = !1, i.patternMismatch = !1, i.rangeOverflow = !1, i.rangeUnderflow = !1, i.stepMismatch = !1, i.tooLong = !1, i.tooShort = !1, i.typeMismatch = !1, i.valid = !0, i.valueMissing = !1, i), pt = (i, t, e) => (i.valid = ut(t), Object.keys(t).forEach((r) => i[r] = t[r]), e && A(e), i), ut = (i) => { | ||
| let t = !0; | ||
| for (let e in i) | ||
| e !== "valid" && i[e] !== !1 && (t = !1); | ||
| return t; | ||
| }, $ = /* @__PURE__ */ new WeakMap(); | ||
| function et(i, t) { | ||
| i.toggleAttribute(t, !0), i.part && i.part.add(t); | ||
| } | ||
| class V extends Set { | ||
| static get isPolyfilled() { | ||
| return !0; | ||
| class $ extends Set { | ||
| static get isPolyfilled() { | ||
| return !0; | ||
| } | ||
| constructor(t) { | ||
| if (super(), !t || !t.tagName || t.tagName.indexOf("-") === -1) | ||
| throw new TypeError("Illegal constructor"); | ||
| O.set(this, t); | ||
| } | ||
| add(t) { | ||
| if (!/^--/.test(t) || typeof t != "string") | ||
| throw new DOMException(`Failed to execute 'add' on 'CustomStateSet': The specified value ${t} must start with '--'.`); | ||
| const i = super.add(t), r = O.get(this), o = `state${t}`; | ||
| return r.isConnected ? rt(r, o) : setTimeout(() => { | ||
| rt(r, o); | ||
| }), i; | ||
| } | ||
| clear() { | ||
| for (let [t] of this.entries()) | ||
| this.delete(t); | ||
| super.clear(); | ||
| } | ||
| delete(t) { | ||
| const i = super.delete(t), r = O.get(this); | ||
| return r.isConnected ? (r.toggleAttribute(`state${t}`, !1), r.part && r.part.remove(`state${t}`)) : setTimeout(() => { | ||
| r.toggleAttribute(`state${t}`, !1), r.part && r.part.remove(`state${t}`); | ||
| }), i; | ||
| } | ||
| } | ||
| constructor(t) { | ||
| if (super(), !t || !t.tagName || t.tagName.indexOf("-") === -1) | ||
| throw new TypeError("Illegal constructor"); | ||
| $.set(this, t); | ||
| function ot(e, t, i, r) { | ||
| if (i === "a" && !r) | ||
| throw new TypeError("Private accessor was defined without a getter"); | ||
| if (typeof t == "function" ? e !== t || !r : !t.has(e)) | ||
| throw new TypeError("Cannot read private member from an object whose class did not declare it"); | ||
| return i === "m" ? r : i === "a" ? r.call(e) : r ? r.value : t.get(e); | ||
| } | ||
| add(t) { | ||
| if (!/^--/.test(t) || typeof t != "string") | ||
| throw new DOMException(`Failed to execute 'add' on 'CustomStateSet': The specified value ${t} must start with '--'.`); | ||
| const e = super.add(t), r = $.get(this), o = `state${t}`; | ||
| return r.isConnected ? et(r, o) : setTimeout(() => { | ||
| et(r, o); | ||
| }), e; | ||
| function xt(e, t, i, r, o) { | ||
| if (r === "m") | ||
| throw new TypeError("Private method is not writable"); | ||
| if (r === "a" && !o) | ||
| throw new TypeError("Private accessor was defined without a setter"); | ||
| if (typeof t == "function" ? e !== t || !o : !t.has(e)) | ||
| throw new TypeError("Cannot write private member to an object whose class did not declare it"); | ||
| return r === "a" ? o.call(e, i) : o ? o.value = i : t.set(e, i), i; | ||
| } | ||
| clear() { | ||
| for (let [t] of this.entries()) | ||
| this.delete(t); | ||
| super.clear(); | ||
| } | ||
| delete(t) { | ||
| const e = super.delete(t), r = $.get(this); | ||
| return r.isConnected ? (r.toggleAttribute(`state${t}`, !1), r.part && r.part.remove(`state${t}`)) : setTimeout(() => { | ||
| r.toggleAttribute(`state${t}`, !1), r.part && r.part.remove(`state${t}`); | ||
| }), e; | ||
| } | ||
| } | ||
| function it(i, t, e, r) { | ||
| if (e === "a" && !r) | ||
| throw new TypeError("Private accessor was defined without a getter"); | ||
| if (typeof t == "function" ? i !== t || !r : !t.has(i)) | ||
| throw new TypeError("Cannot read private member from an object whose class did not declare it"); | ||
| return e === "m" ? r : e === "a" ? r.call(i) : r ? r.value : t.get(i); | ||
| } | ||
| function bt(i, t, e, r, o) { | ||
| if (r === "m") | ||
| throw new TypeError("Private method is not writable"); | ||
| if (r === "a" && !o) | ||
| throw new TypeError("Private accessor was defined without a setter"); | ||
| if (typeof t == "function" ? i !== t || !o : !t.has(i)) | ||
| throw new TypeError("Cannot write private member to an object whose class did not declare it"); | ||
| return r === "a" ? o.call(i, e) : o ? o.value = e : t.set(i, e), e; | ||
| } | ||
| var C; | ||
| class ft { | ||
| constructor(t) { | ||
| C.set(this, void 0), bt(this, C, t, "f"); | ||
| for (let e = 0; e < t.length; e++) { | ||
| let r = t[e]; | ||
| this[e] = r, r.hasAttribute("name") && (this[r.getAttribute("name")] = r); | ||
| var z; | ||
| class Et { | ||
| constructor(t) { | ||
| z.set(this, void 0), xt(this, z, t, "f"); | ||
| for (let i = 0; i < t.length; i++) { | ||
| let r = t[i]; | ||
| this[i] = r, r.hasAttribute("name") && (this[r.getAttribute("name")] = r); | ||
| } | ||
| Object.freeze(this); | ||
| } | ||
| Object.freeze(this); | ||
| get length() { | ||
| return ot(this, z, "f").length; | ||
| } | ||
| [(z = /* @__PURE__ */ new WeakMap(), Symbol.iterator)]() { | ||
| return ot(this, z, "f")[Symbol.iterator](); | ||
| } | ||
| item(t) { | ||
| return this[t] == null ? null : this[t]; | ||
| } | ||
| namedItem(t) { | ||
| return this[t] == null ? null : this[t]; | ||
| } | ||
| } | ||
| get length() { | ||
| return it(this, C, "f").length; | ||
| } | ||
| [(C = /* @__PURE__ */ new WeakMap(), Symbol.iterator)]() { | ||
| return it(this, C, "f")[Symbol.iterator](); | ||
| } | ||
| item(t) { | ||
| return this[t] == null ? null : this[t]; | ||
| } | ||
| namedItem(t) { | ||
| return this[t] == null ? null : this[t]; | ||
| } | ||
| } | ||
| function gt() { | ||
| const i = HTMLFormElement.prototype.checkValidity; | ||
| HTMLFormElement.prototype.checkValidity = e; | ||
| const t = HTMLFormElement.prototype.reportValidity; | ||
| HTMLFormElement.prototype.reportValidity = r; | ||
| function e(...l) { | ||
| let n = i.apply(this, l); | ||
| return Z(this, n, "checkValidity"); | ||
| } | ||
| function r(...l) { | ||
| let n = t.apply(this, l); | ||
| return Z(this, n, "reportValidity"); | ||
| } | ||
| const { get: o } = Object.getOwnPropertyDescriptor(HTMLFormElement.prototype, "elements"); | ||
| Object.defineProperty(HTMLFormElement.prototype, "elements", { | ||
| get(...l) { | ||
| const n = o.call(this, ...l), b = Array.from(y.get(this) || []); | ||
| if (b.length === 0) | ||
| return n; | ||
| const d = Array.from(n).concat(b).sort((E, w) => E.compareDocumentPosition ? E.compareDocumentPosition(w) & 2 ? 1 : -1 : 0); | ||
| return new ft(d); | ||
| function kt() { | ||
| const e = HTMLFormElement.prototype.checkValidity; | ||
| HTMLFormElement.prototype.checkValidity = i; | ||
| const t = HTMLFormElement.prototype.reportValidity; | ||
| HTMLFormElement.prototype.reportValidity = r; | ||
| function i(...s) { | ||
| let l = e.apply(this, s); | ||
| return et(this, l, "checkValidity"); | ||
| } | ||
| }); | ||
| } | ||
| class rt { | ||
| static get isPolyfilled() { | ||
| return !0; | ||
| function r(...s) { | ||
| let l = t.apply(this, s); | ||
| return et(this, l, "reportValidity"); | ||
| } | ||
| const { get: o } = Object.getOwnPropertyDescriptor(HTMLFormElement.prototype, "elements"); | ||
| Object.defineProperty(HTMLFormElement.prototype, "elements", { | ||
| get(...s) { | ||
| const l = o.call(this, ...s), u = Array.from(b.get(this) || []); | ||
| if (u.length === 0) | ||
| return l; | ||
| const d = Array.from(l).concat(u).sort((x, g) => x.compareDocumentPosition ? x.compareDocumentPosition(g) & 2 ? 1 : -1 : 0); | ||
| return new Et(d); | ||
| } | ||
| }); | ||
| } | ||
| constructor(t) { | ||
| if (!t || !t.tagName || t.tagName.indexOf("-") === -1) | ||
| throw new TypeError("Illegal constructor"); | ||
| const e = t.getRootNode(), r = new ht(); | ||
| this.states = new V(t), p.set(this, t), s.set(this, r), c.set(t, this), ot(t, this), st(t, this), Object.seal(this), e instanceof DocumentFragment && nt(e); | ||
| } | ||
| checkValidity() { | ||
| const t = p.get(this); | ||
| if (x(t, "Failed to execute 'checkValidity' on 'ElementInternals': The target element is not a form-associated custom element."), !this.willValidate) | ||
| class at { | ||
| static get isPolyfilled() { | ||
| return !0; | ||
| const e = s.get(this); | ||
| if (!e.valid) { | ||
| const r = new Event("invalid", { | ||
| bubbles: !1, | ||
| cancelable: !0, | ||
| composed: !1 | ||
| }); | ||
| t.dispatchEvent(r); | ||
| } | ||
| return e.valid; | ||
| } | ||
| get form() { | ||
| const t = p.get(this); | ||
| x(t, "Failed to read the 'form' property from 'ElementInternals': The target element is not a form-associated custom element."); | ||
| let e; | ||
| return t.constructor.formAssociated === !0 && (e = T(t)), e; | ||
| } | ||
| get labels() { | ||
| const t = p.get(this); | ||
| x(t, "Failed to read the 'labels' property from 'ElementInternals': The target element is not a form-associated custom element."); | ||
| const e = t.getAttribute("id"), r = t.getRootNode(); | ||
| return r && e ? r.querySelectorAll(`[for="${e}"]`) : []; | ||
| } | ||
| reportValidity() { | ||
| const t = p.get(this); | ||
| if (x(t, "Failed to execute 'reportValidity' on 'ElementInternals': The target element is not a form-associated custom element."), !this.willValidate) | ||
| return !0; | ||
| const e = this.checkValidity(), r = B.get(this); | ||
| if (r && !t.constructor.formAssociated) | ||
| throw new DOMException("Failed to execute 'reportValidity' on 'ElementInternals': The target element is not a form-associated custom element."); | ||
| return !e && r && (t.focus(), r.focus()), e; | ||
| } | ||
| setFormValue(t) { | ||
| const e = p.get(this); | ||
| if (x(e, "Failed to execute 'setFormValue' on 'ElementInternals': The target element is not a form-associated custom element."), J(this), t != null && !(t instanceof FormData)) { | ||
| if (e.getAttribute("name")) { | ||
| const r = Q(e, this); | ||
| r.value = t; | ||
| constructor(t) { | ||
| if (!t || !t.tagName || t.tagName.indexOf("-") === -1) | ||
| throw new TypeError("Illegal constructor"); | ||
| const i = t.getRootNode(), r = new bt(); | ||
| this.states = new $(t), a.set(this, t), n.set(this, r), c.set(t, this), ct(t, this), ht(t, this), Object.seal(this), i instanceof DocumentFragment && vt(i); | ||
| } | ||
| checkValidity() { | ||
| const t = a.get(this); | ||
| if (w(t, "Failed to execute 'checkValidity' on 'ElementInternals': The target element is not a form-associated custom element."), !this.willValidate) | ||
| return !0; | ||
| const i = n.get(this); | ||
| if (!i.valid) { | ||
| const r = new Event("invalid", { | ||
| bubbles: !1, | ||
| cancelable: !0, | ||
| composed: !1 | ||
| }); | ||
| t.dispatchEvent(r); | ||
| } | ||
| } else | ||
| t != null && t instanceof FormData && Array.from(t).reverse().forEach(([r, o]) => { | ||
| if (typeof o == "string") { | ||
| const l = Q(e, this); | ||
| l.name = r, l.value = o; | ||
| return i.valid; | ||
| } | ||
| get form() { | ||
| const t = a.get(this); | ||
| w(t, "Failed to read the 'form' property from 'ElementInternals': The target element is not a form-associated custom element."); | ||
| let i; | ||
| return t.constructor.formAssociated === !0 && (i = T(t)), i; | ||
| } | ||
| get labels() { | ||
| const t = a.get(this); | ||
| w(t, "Failed to read the 'labels' property from 'ElementInternals': The target element is not a form-associated custom element."); | ||
| const i = t.getAttribute("id"), r = t.getRootNode(); | ||
| return r && i ? r.querySelectorAll(`[for="${i}"]`) : []; | ||
| } | ||
| reportValidity() { | ||
| const t = a.get(this); | ||
| if (w(t, "Failed to execute 'reportValidity' on 'ElementInternals': The target element is not a form-associated custom element."), !this.willValidate) | ||
| return !0; | ||
| const i = this.checkValidity(), r = U.get(this); | ||
| if (r && !t.constructor.formAssociated) | ||
| throw new DOMException("Failed to execute 'reportValidity' on 'ElementInternals': The target element is not a form-associated custom element."); | ||
| return !i && r && (t.focus(), r.focus()), i; | ||
| } | ||
| setFormValue(t) { | ||
| const i = a.get(this); | ||
| if (w(i, "Failed to execute 'setFormValue' on 'ElementInternals': The target element is not a form-associated custom element."), X(this), t != null && !(t instanceof FormData)) { | ||
| if (i.getAttribute("name")) { | ||
| const r = Y(i, this); | ||
| r.value = t; | ||
| } | ||
| }); | ||
| M.set(e, t); | ||
| } else | ||
| t != null && t instanceof FormData && Array.from(t).reverse().forEach(([r, o]) => { | ||
| if (typeof o == "string") { | ||
| const s = Y(i, this); | ||
| s.name = r, s.value = o; | ||
| } | ||
| }); | ||
| S.set(i, t); | ||
| } | ||
| setValidity(t, i, r) { | ||
| const o = a.get(this); | ||
| if (w(o, "Failed to execute 'setValidity' on 'ElementInternals': The target element is not a form-associated custom element."), !t) | ||
| throw new TypeError("Failed to execute 'setValidity' on 'ElementInternals': 1 argument required, but only 0 present."); | ||
| U.set(this, r); | ||
| const s = n.get(this), l = {}; | ||
| for (const x in t) | ||
| l[x] = t[x]; | ||
| Object.keys(l).length === 0 && gt(s); | ||
| const u = { ...s, ...l }; | ||
| delete u.valid; | ||
| const { valid: d } = yt(s, u, this.form); | ||
| if (!d && !i) | ||
| throw new DOMException("Failed to execute 'setValidity' on 'ElementInternals': The second argument should not be empty if one or more flags in the first argument are true."); | ||
| f.set(this, d ? "" : i), o.isConnected ? (o.toggleAttribute("internals-invalid", !d), o.toggleAttribute("internals-valid", d), o.setAttribute("aria-invalid", `${!d}`)) : L.set(o, this); | ||
| } | ||
| get shadowRoot() { | ||
| const t = a.get(this), i = K.get(t); | ||
| return i || null; | ||
| } | ||
| get validationMessage() { | ||
| const t = a.get(this); | ||
| return w(t, "Failed to read the 'validationMessage' property from 'ElementInternals': The target element is not a form-associated custom element."), f.get(this); | ||
| } | ||
| get validity() { | ||
| const t = a.get(this); | ||
| return w(t, "Failed to read the 'validity' property from 'ElementInternals': The target element is not a form-associated custom element."), n.get(this); | ||
| } | ||
| get willValidate() { | ||
| const t = a.get(this); | ||
| return w(t, "Failed to read the 'willValidate' property from 'ElementInternals': The target element is not a form-associated custom element."), !(t.disabled || t.hasAttribute("disabled") || t.hasAttribute("readonly")); | ||
| } | ||
| } | ||
| setValidity(t, e, r) { | ||
| const o = p.get(this); | ||
| if (x(o, "Failed to execute 'setValidity' on 'ElementInternals': The target element is not a form-associated custom element."), !t) | ||
| throw new TypeError("Failed to execute 'setValidity' on 'ElementInternals': 1 argument required, but only 0 present."); | ||
| B.set(this, r); | ||
| const l = s.get(this), n = {}; | ||
| for (const E in t) | ||
| n[E] = t[E]; | ||
| Object.keys(n).length === 0 && mt(l); | ||
| const b = { ...l, ...n }; | ||
| delete b.valid; | ||
| const { valid: d } = pt(l, b, this.form); | ||
| if (!d && !e) | ||
| throw new DOMException("Failed to execute 'setValidity' on 'ElementInternals': The second argument should not be empty if one or more flags in the first argument are true."); | ||
| u.set(this, d ? "" : e), o.isConnected ? (o.toggleAttribute("internals-invalid", !d), o.toggleAttribute("internals-valid", d), o.setAttribute("aria-invalid", `${!d}`)) : F.set(o, this); | ||
| } | ||
| get shadowRoot() { | ||
| const t = p.get(this), e = H.get(t); | ||
| return e || null; | ||
| } | ||
| get validationMessage() { | ||
| const t = p.get(this); | ||
| return x(t, "Failed to read the 'validationMessage' property from 'ElementInternals': The target element is not a form-associated custom element."), u.get(this); | ||
| } | ||
| get validity() { | ||
| const t = p.get(this); | ||
| return x(t, "Failed to read the 'validity' property from 'ElementInternals': The target element is not a form-associated custom element."), s.get(this); | ||
| } | ||
| get willValidate() { | ||
| const t = p.get(this); | ||
| return x(t, "Failed to read the 'willValidate' property from 'ElementInternals': The target element is not a form-associated custom element."), !(t.disabled || t.hasAttribute("disabled") || t.hasAttribute("readonly")); | ||
| } | ||
| } | ||
| function yt() { | ||
| if (typeof window > "u" || !window.ElementInternals || !HTMLElement.prototype.attachInternals) | ||
| return !1; | ||
| class i extends HTMLElement { | ||
| constructor() { | ||
| super(), this.internals = this.attachInternals(); | ||
| function Mt() { | ||
| if (typeof window > "u" || !window.ElementInternals || !HTMLElement.prototype.attachInternals) | ||
| return !1; | ||
| class e extends HTMLElement { | ||
| constructor() { | ||
| super(), this.internals = this.attachInternals(); | ||
| } | ||
| } | ||
| const t = `element-internals-feature-detection-${Math.random().toString(36).replace(/[^a-z]+/g, "")}`; | ||
| customElements.define(t, e); | ||
| const i = new e(); | ||
| return [ | ||
| "shadowRoot", | ||
| "form", | ||
| "willValidate", | ||
| "validity", | ||
| "validationMessage", | ||
| "labels", | ||
| "setFormValue", | ||
| "setValidity", | ||
| "checkValidity", | ||
| "reportValidity" | ||
| ].every((r) => r in i.internals); | ||
| } | ||
| const t = `element-internals-feature-detection-${Math.random().toString(36).replace(/[^a-z]+/g, "")}`; | ||
| customElements.define(t, i); | ||
| const e = new i(); | ||
| return [ | ||
| "shadowRoot", | ||
| "form", | ||
| "willValidate", | ||
| "validity", | ||
| "validationMessage", | ||
| "labels", | ||
| "setFormValue", | ||
| "setValidity", | ||
| "checkValidity", | ||
| "reportValidity" | ||
| ].every((r) => r in e.internals); | ||
| } | ||
| if (yt()) { | ||
| if (typeof window < "u" && !window.CustomStateSet) { | ||
| window.CustomStateSet = V; | ||
| const i = HTMLElement.prototype.attachInternals; | ||
| HTMLElement.prototype.attachInternals = function(...t) { | ||
| const e = i.call(this, t); | ||
| return e.states = new V(this), e; | ||
| }; | ||
| let nt = !1, st = !1; | ||
| function W(e) { | ||
| st || (st = !0, window.CustomStateSet = $, e && (HTMLElement.prototype.attachInternals = function(...t) { | ||
| const i = e.call(this, t); | ||
| return i.states = new $(this), i; | ||
| })); | ||
| } | ||
| } else { | ||
| if (typeof window < "u" && (window.ElementInternals = rt), typeof CustomElementRegistry < "u") { | ||
| const i = CustomElementRegistry.prototype.define; | ||
| CustomElementRegistry.prototype.define = function(t, e, r) { | ||
| if (e.formAssociated) { | ||
| const o = e.prototype.connectedCallback; | ||
| e.prototype.connectedCallback = function() { | ||
| q.has(this) || (q.set(this, !0), this.hasAttribute("disabled") && D(this, !0)), o != null && o.apply(this), tt(this); | ||
| function lt(e = !0) { | ||
| if (!nt) { | ||
| if (nt = !0, typeof window < "u" && (window.ElementInternals = at), typeof CustomElementRegistry < "u") { | ||
| const t = CustomElementRegistry.prototype.define; | ||
| CustomElementRegistry.prototype.define = function(i, r, o) { | ||
| if (r.formAssociated) { | ||
| const s = r.prototype.connectedCallback; | ||
| r.prototype.connectedCallback = function() { | ||
| j.has(this) || (j.set(this, !0), this.hasAttribute("disabled") && D(this, !0)), s != null && s.apply(this), it(this); | ||
| }; | ||
| } | ||
| t.call(this, i, r, o); | ||
| }; | ||
| } | ||
| i.call(this, t, e, r); | ||
| }; | ||
| } | ||
| if (typeof HTMLElement < "u" && (HTMLElement.prototype.attachInternals = function() { | ||
| if (this.tagName) { | ||
| if (this.tagName.indexOf("-") === -1) | ||
| throw new Error("Failed to execute 'attachInternals' on 'HTMLElement': Unable to attach ElementInternals to non-custom elements."); | ||
| } else | ||
| return {}; | ||
| if (c.has(this)) | ||
| throw new DOMException("DOMException: Failed to execute 'attachInternals' on 'HTMLElement': ElementInternals for the specified element was already attached."); | ||
| return new rt(this); | ||
| }), typeof Element < "u") { | ||
| let i = function(...e) { | ||
| const r = t.apply(this, e); | ||
| if (H.set(this, r), I()) { | ||
| const o = new MutationObserver(_); | ||
| window.ShadyDOM ? o.observe(this, P) : o.observe(r, P), g.set(this, o); | ||
| if (typeof HTMLElement < "u" && (HTMLElement.prototype.attachInternals = function() { | ||
| if (this.tagName) { | ||
| if (this.tagName.indexOf("-") === -1) | ||
| throw new Error("Failed to execute 'attachInternals' on 'HTMLElement': Unable to attach ElementInternals to non-custom elements."); | ||
| } else | ||
| return {}; | ||
| if (c.has(this)) | ||
| throw new DOMException("DOMException: Failed to execute 'attachInternals' on 'HTMLElement': ElementInternals for the specified element was already attached."); | ||
| return new at(this); | ||
| }), typeof Element < "u") { | ||
| let t = function(...r) { | ||
| const o = i.apply(this, r); | ||
| if (K.set(this, o), V()) { | ||
| const s = new MutationObserver(R); | ||
| window.ShadyDOM ? s.observe(this, _) : s.observe(o, _), M.set(this, s); | ||
| } | ||
| return o; | ||
| }; | ||
| const i = Element.prototype.attachShadow; | ||
| Element.prototype.attachShadow = t; | ||
| } | ||
| return r; | ||
| }; | ||
| const t = Element.prototype.attachShadow; | ||
| Element.prototype.attachShadow = i; | ||
| V() && typeof document < "u" && new MutationObserver(R).observe(document.documentElement, _), typeof HTMLFormElement < "u" && kt(), (e || typeof window < "u" && !window.CustomStateSet) && W(); | ||
| } | ||
| } | ||
| I() && typeof document < "u" && new MutationObserver(_).observe(document.documentElement, P), typeof HTMLFormElement < "u" && gt(), typeof window < "u" && !window.CustomStateSet && (window.CustomStateSet = V); | ||
| } | ||
| return !!customElements.polyfillWrapFlushCallback || (Mt() ? typeof window < "u" && !window.CustomStateSet && W(HTMLElement.prototype.attachInternals) : lt(!1)), E.forceCustomStateSetPolyfill = W, E.forceElementInternalsPolyfill = lt, Object.defineProperty(E, "__esModule", { value: !0 }), E; | ||
| })({}); | ||
| })(); | ||
| var At = Object.defineProperty, Tt = Object.getOwnPropertyDescriptor, m = (p, s, a, c) => { | ||
| for (var u = c > 1 ? void 0 : c ? Tt(s, a) : s, f = p.length - 1, g; f >= 0; f--) | ||
| (g = p[f]) && (u = (c ? g(s, a, u) : g(u)) || u); | ||
| return c && u && At(s, a, u), u; | ||
| var Pt = Object.defineProperty, Rt = Object.getOwnPropertyDescriptor, p = (E, a, n, h) => { | ||
| for (var c = h > 1 ? void 0 : h ? Rt(a, n) : a, f = E.length - 1, y; f >= 0; f--) | ||
| (y = E[f]) && (c = (h ? y(a, n, c) : y(c)) || c); | ||
| return h && c && Pt(a, n, c), c; | ||
| }; | ||
| const L = "pie-button"; | ||
| class v extends kt(wt) { | ||
| const C = "pie-button"; | ||
| class v extends Ft(zt) { | ||
| constructor() { | ||
| super(...arguments), this.size = "medium", this.type = "submit", this.variant = "primary", this.iconPlacement = "leading", this.disabled = !1, this.isLoading = !1, this.isFullWidth = !1, this.isResponsive = !1, this._handleFormKeyDown = (s) => { | ||
| if (!(s.key !== "Enter" || this.type !== "submit" || this.disabled)) { | ||
| if (s.target instanceof HTMLElement) { | ||
| const a = s.target.tagName.toLowerCase(); | ||
| if (a === "button" || a === "pie-button") | ||
| super(...arguments), this.size = "medium", this.type = "submit", this.variant = "primary", this.iconPlacement = "leading", this.disabled = !1, this.isLoading = !1, this.isFullWidth = !1, this.isResponsive = !1, this._handleFormKeyDown = (a) => { | ||
| if (!(a.key !== "Enter" || this.type !== "submit" || this.disabled)) { | ||
| if (a.target instanceof HTMLElement) { | ||
| const n = a.target.tagName.toLowerCase(); | ||
| if (n === "button" || n === "pie-button") | ||
| return; | ||
| } | ||
| s.preventDefault(), this._handleClick(); | ||
| a.preventDefault(), this._handleClick(); | ||
| } | ||
@@ -514,12 +517,12 @@ }; | ||
| connectedCallback() { | ||
| var s; | ||
| super.connectedCallback(), this.type === "submit" && ((s = this.form) == null || s.addEventListener("keydown", this._handleFormKeyDown)); | ||
| var a; | ||
| super.connectedCallback(), this.type === "submit" && ((a = this.form) == null || a.addEventListener("keydown", this._handleFormKeyDown)); | ||
| } | ||
| disconnectedCallback() { | ||
| var s; | ||
| super.disconnectedCallback(), this.type === "submit" && ((s = this.form) == null || s.removeEventListener("keydown", this._handleFormKeyDown)); | ||
| var a; | ||
| super.disconnectedCallback(), this.type === "submit" && ((a = this.form) == null || a.removeEventListener("keydown", this._handleFormKeyDown)); | ||
| } | ||
| updated(s) { | ||
| var a, c; | ||
| super.updated(s), s.has("type") && (this.type === "submit" ? (a = this.form) == null || a.addEventListener("keydown", this._handleFormKeyDown) : (c = this.form) == null || c.removeEventListener("keydown", this._handleFormKeyDown)); | ||
| updated(a) { | ||
| var n, h; | ||
| super.updated(a), a.has("type") && (this.type === "submit" ? (n = this.form) == null || n.addEventListener("keydown", this._handleFormKeyDown) : (h = this.form) == null || h.removeEventListener("keydown", this._handleFormKeyDown)); | ||
| } | ||
@@ -534,7 +537,7 @@ /** | ||
| */ | ||
| _simulateNativeButtonClick(s) { | ||
| _simulateNativeButtonClick(a) { | ||
| if (!this.form) | ||
| return; | ||
| const a = document.createElement("button"); | ||
| a.type = s, a.style.position = "absolute", a.style.width = "1px", a.style.height = "1px", a.style.padding = "0", a.style.margin = "-1px", a.style.overflow = "hidden", a.style.border = "0", a.style.whiteSpace = "nowrap", s === "submit" && (this.name && (a.name = this.name), this.value && (a.value = this.value), this.formaction && a.setAttribute("formaction", this.formaction), this.formenctype && a.setAttribute("formenctype", this.formenctype), this.formmethod && a.setAttribute("formmethod", this.formmethod), this.formnovalidate && a.setAttribute("formnovalidate", "formnovalidate"), this.formtarget && a.setAttribute("formtarget", this.formtarget)), this.form.append(a), a.click(), a.remove(); | ||
| const n = document.createElement("button"); | ||
| n.type = a, n.style.position = "absolute", n.style.width = "1px", n.style.height = "1px", n.style.padding = "0", n.style.margin = "-1px", n.style.overflow = "hidden", n.style.border = "0", n.style.whiteSpace = "nowrap", a === "submit" && (this.name && (n.name = this.name), this.value && (n.value = this.value), this.formaction && n.setAttribute("formaction", this.formaction), this.formenctype && n.setAttribute("formenctype", this.formenctype), this.formmethod && n.setAttribute("formmethod", this.formmethod), this.formnovalidate && n.setAttribute("formnovalidate", "formnovalidate"), this.formtarget && n.setAttribute("formtarget", this.formtarget)), this.form.append(n), n.click(), n.remove(); | ||
| } | ||
@@ -550,7 +553,7 @@ _handleClick() { | ||
| renderSpinner() { | ||
| const { size: s, variant: a, disabled: c } = this, u = s && s.includes("small") ? "small" : "medium"; | ||
| const { size: a, variant: n, disabled: h } = this, c = a && a.includes("small") ? "small" : "medium"; | ||
| let f; | ||
| return c ? f = a === "ghost-inverse" ? "inverse" : "secondary" : f = ["primary", "destructive", "outline-inverse", "ghost-inverse"].includes(this.variant) ? "inverse" : "secondary", N` | ||
| return h ? f = n === "ghost-inverse" ? "inverse" : "secondary" : f = ["primary", "destructive", "outline-inverse", "ghost-inverse"].includes(this.variant) ? "inverse" : "secondary", N` | ||
| <pie-spinner | ||
| size="${u}" | ||
| size="${c}" | ||
| variant="${f}"> | ||
@@ -561,11 +564,11 @@ </pie-spinner>`; | ||
| const { | ||
| type: s, | ||
| disabled: a, | ||
| isFullWidth: c, | ||
| variant: u, | ||
| type: a, | ||
| disabled: n, | ||
| isFullWidth: h, | ||
| variant: c, | ||
| size: f, | ||
| isLoading: g, | ||
| isResponsive: y, | ||
| iconPlacement: M, | ||
| responsiveSize: k | ||
| isLoading: y, | ||
| isResponsive: M, | ||
| iconPlacement: b, | ||
| responsiveSize: S | ||
| } = this; | ||
@@ -576,85 +579,85 @@ return N` | ||
| class="o-btn" | ||
| type=${s || "submit"} | ||
| variant=${u || "primary"} | ||
| type=${a || "submit"} | ||
| variant=${c || "primary"} | ||
| size=${f || "medium"} | ||
| responsiveSize=${Et(k)} | ||
| ?disabled=${a} | ||
| ?isFullWidth=${c} | ||
| ?isResponsive=${y} | ||
| ?isLoading=${g}> | ||
| ${g ? this.renderSpinner() : W} | ||
| ${M === "leading" ? N`<slot name="icon"></slot>` : W} | ||
| responsiveSize=${St(S)} | ||
| ?disabled=${n} | ||
| ?isFullWidth=${h} | ||
| ?isResponsive=${M} | ||
| ?isLoading=${y}> | ||
| ${y ? this.renderSpinner() : B} | ||
| ${b === "leading" ? N`<slot name="icon"></slot>` : B} | ||
| <slot></slot> | ||
| ${M === "trailing" ? N`<slot name="icon"></slot>` : W} | ||
| ${b === "trailing" ? N`<slot name="icon"></slot>` : B} | ||
| </button>`; | ||
| } | ||
| focus() { | ||
| var s, a; | ||
| (a = (s = this.shadowRoot) == null ? void 0 : s.querySelector("button")) == null || a.focus(); | ||
| var a, n; | ||
| (n = (a = this.shadowRoot) == null ? void 0 : a.querySelector("button")) == null || n.focus(); | ||
| } | ||
| } | ||
| v.styles = xt(St); | ||
| m([ | ||
| h(), | ||
| R(L, Mt, "medium") | ||
| v.styles = Ct(Nt); | ||
| p([ | ||
| m(), | ||
| P(C, At, "medium") | ||
| ], v.prototype, "size", 2); | ||
| m([ | ||
| h(), | ||
| R(L, Ct, "submit") | ||
| p([ | ||
| m(), | ||
| P(C, It, "submit") | ||
| ], v.prototype, "type", 2); | ||
| m([ | ||
| h(), | ||
| R(L, Lt, "primary") | ||
| p([ | ||
| m(), | ||
| P(C, Tt, "primary") | ||
| ], v.prototype, "variant", 2); | ||
| m([ | ||
| h({ type: String }), | ||
| R(L, Ft, "leading") | ||
| p([ | ||
| m({ type: String }), | ||
| P(C, Vt, "leading") | ||
| ], v.prototype, "iconPlacement", 2); | ||
| m([ | ||
| h({ type: Boolean }) | ||
| p([ | ||
| m({ type: Boolean }) | ||
| ], v.prototype, "disabled", 2); | ||
| m([ | ||
| h({ type: Boolean, reflect: !0 }) | ||
| p([ | ||
| m({ type: Boolean, reflect: !0 }) | ||
| ], v.prototype, "isLoading", 2); | ||
| m([ | ||
| h({ type: Boolean }) | ||
| p([ | ||
| m({ type: Boolean }) | ||
| ], v.prototype, "isFullWidth", 2); | ||
| m([ | ||
| h({ type: Boolean }) | ||
| p([ | ||
| m({ type: Boolean }) | ||
| ], v.prototype, "isResponsive", 2); | ||
| m([ | ||
| h({ type: String }) | ||
| p([ | ||
| m({ type: String }) | ||
| ], v.prototype, "name", 2); | ||
| m([ | ||
| h({ type: String }) | ||
| p([ | ||
| m({ type: String }) | ||
| ], v.prototype, "value", 2); | ||
| m([ | ||
| h() | ||
| p([ | ||
| m() | ||
| ], v.prototype, "formaction", 2); | ||
| m([ | ||
| h() | ||
| p([ | ||
| m() | ||
| ], v.prototype, "formenctype", 2); | ||
| m([ | ||
| h() | ||
| p([ | ||
| m() | ||
| ], v.prototype, "formmethod", 2); | ||
| m([ | ||
| h({ type: Boolean }) | ||
| p([ | ||
| m({ type: Boolean }) | ||
| ], v.prototype, "formnovalidate", 2); | ||
| m([ | ||
| h() | ||
| p([ | ||
| m() | ||
| ], v.prototype, "formtarget", 2); | ||
| m([ | ||
| h({ type: String }) | ||
| p([ | ||
| m({ type: String }) | ||
| ], v.prototype, "responsiveSize", 2); | ||
| zt(L, v); | ||
| Lt(C, v); | ||
| export { | ||
| v as PieButton, | ||
| Dt as formEncodingtypes, | ||
| $t as formMethodTypes, | ||
| Ot as formTargetTypes, | ||
| Ft as iconPlacements, | ||
| Pt as responsiveSizes, | ||
| Mt as sizes, | ||
| Ct as types, | ||
| Lt as variants | ||
| Kt as formEncodingtypes, | ||
| Ut as formMethodTypes, | ||
| qt as formTargetTypes, | ||
| Vt as iconPlacements, | ||
| Bt as responsiveSizes, | ||
| At as sizes, | ||
| It as types, | ||
| Tt as variants | ||
| }; |
| { | ||
| "name": "@justeattakeaway/pie-button", | ||
| "version": "0.45.0", | ||
| "version": "0.45.1", | ||
| "description": "PIE design system button built using web components", | ||
@@ -36,3 +36,3 @@ "type": "module", | ||
| "@justeattakeaway/pie-components-config": "0.9.0", | ||
| "@justeattakeaway/pie-wrapper-react": "0.13.0", | ||
| "@justeattakeaway/pie-wrapper-react": "0.14.0", | ||
| "cem-plugin-module-file-extensions": "0.0.5" | ||
@@ -48,6 +48,6 @@ }, | ||
| "dependencies": { | ||
| "@justeattakeaway/pie-spinner": "0.5.0", | ||
| "@justeattakeaway/pie-webc-core": "0.17.0", | ||
| "element-internals-polyfill": "1.3.9" | ||
| "@justeattakeaway/pie-spinner": "0.5.1", | ||
| "@justeattakeaway/pie-webc-core": "0.17.1", | ||
| "element-internals-polyfill": "1.3.10" | ||
| } | ||
| } |
@@ -18,4 +18,3 @@ import * as React from 'react'; | ||
| export const PieButton = PieButtonReact as React.ForwardRefExoticComponent<React.PropsWithoutRef<ButtonProps> & React.RefAttributes<PieButtonLit> & ReactBaseType>; | ||
| export const PieButton = PieButtonReact as React.ForwardRefExoticComponent<React.PropsWithoutRef<ButtonProps> | ||
| & React.RefAttributes<PieButtonLit> & ReactBaseType>; |
New alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Fixed alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Improved metrics
- Total package byte prevSize
- increased by1.51%
94149
- Lines of code
- increased by0.27%
1862
Dependency changes
+ Added@justeattakeaway/pie-spinner@0.5.1(transitive)
+ Added@justeattakeaway/pie-webc-core@0.17.1(transitive)
+ Addedelement-internals-polyfill@1.3.10(transitive)
+ Addedlit@3.1.1(transitive)
- Removed@justeattakeaway/pie-spinner@0.5.0(transitive)
- Removed@justeattakeaway/pie-webc-core@0.17.0(transitive)
- Removedelement-internals-polyfill@1.3.9(transitive)
- Removedlit@3.1.0(transitive)