placer-toolkit 0.5.1 → 1.0.0-alpha.2

package/cdn/chunks/chunk.RWQ2HCYN.js

@@ -0,0 +1,297 @@
+import{a as x}from"./chunk.IX4OV3X6.js";import{a as i}from"./chunk.XESREUP5.js";import{a as w}from"./chunk.BSQP4EKW.js";import{a as p}from"./chunk.KKVT4LHX.js";import{a as m,b as e,c as a,e as d,g as v}from"./chunk.NYYTSWQF.js";import{a as u}from"./chunk.U2DNK7H4.js";import{a as g}from"./chunk.H2EOXVSZ.js";import{a as C}from"./chunk.D5CFOPIE.js";import{d as c}from"./chunk.2N5ZK4F4.js";import{b as y,c as k}from"./chunk.IIHX5LOR.js";import{b as o}from"./chunk.E6MOE4FE.js";var E=`:host {
+    display: inline-block;
+    position: relative;
+}
+
+.button {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    inline-size: 100%;
+    block-size: var(--pc-form-control-height);
+    background-color: var(--pc-color-fill-loud);
+    color: var(--pc-color-on-loud);
+    border: var(--pc-border-width-s) var(--pc-border-style) transparent;
+    border-radius: var(--pc-form-control-border-radius);
+    padding: 0 var(--pc-form-control-padding-inline);
+    box-sizing: border-box;
+    font-family: inherit;
+    font-size: inherit;
+    font-weight: var(--pc-font-weight-bold);
+    line-height: calc(var(--pc-form-control-height) - var(--border-width) * 2);
+    vertical-align: middle;
+    white-space: nowrap;
+    user-select: none;
+    -webkit-user-select: none;
+    cursor: pointer;
+    text-align: center;
+    text-decoration: none;
+    transition: all var(--pc-transition-fast) ease-in-out;
+}
+
+.button::-moz-focus-inner {
+    border: 0;
+}
+
+.button:focus {
+    outline: none;
+}
+
+.button:focus-visible {
+    outline: var(--pc-focus-ring);
+    outline-offset: var(--pc-focus-ring-offset);
+    animation: focus-ring-animation var(--pc-transition-medium)
+        cubic-bezier(0.33, 1, 0.68, 1);
+}
+
+.prefix,
+.suffix {
+    display: flex;
+    align-items: center;
+    pointer-events: none;
+}
+
+.prefix::slotted(*) {
+    margin-inline-end: 0.75em;
+}
+
+.suffix::slotted(*) {
+    margin-inline-start: 0.75em;
+}
+
+.label {
+    display: flex;
+    transition: color var(--pc-transition-fast) ease-in-out;
+}
+
+.label::slotted(pc-icon) {
+    align-self: center;
+}
+
+:host([pill]) .button {
+    border-radius: var(--pc-border-radius-pill);
+}
+
+.disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+}
+
+.disabled * {
+    pointer-events: none;
+}
+
+.icon-button {
+    aspect-ratio: 1 / 1;
+    inline-size: var(--pc-form-control-height);
+}
+
+:host([variant~="accent"]) {
+    .button {
+        background-color: var(--pc-color-fill-loud);
+        color: var(--pc-color-on-loud);
+        border-color: transparent;
+    }
+
+    @media (hover: hover) {
+        .button:not(.disabled):hover {
+            background-color: color-mix(
+                in oklab,
+                var(--pc-color-fill-loud),
+                var(--pc-color-mix-hover)
+            );
+        }
+    }
+
+    .button:not(.disabled):active {
+        background-color: color-mix(
+            in oklab,
+            var(--pc-color-fill-loud),
+            var(--pc-color-mix-active)
+        );
+    }
+}
+
+:host([variant~="outlined"]) {
+    .button {
+        background-color: transparent;
+        color: var(--pc-color-on-quiet);
+        border-color: var(--pc-color-border-loud);
+    }
+
+    @media (hover: hover) {
+        .button:not(.disabled):hover {
+            background-color: color-mix(
+                in oklab,
+                var(--pc-color-fill-quiet),
+                var(--pc-color-mix-hover)
+            );
+            color: var(--pc-color-on-quiet);
+        }
+    }
+
+    .button:not(.disabled):active {
+        background-color: color-mix(
+            in oklab,
+            var(--pc-color-fill-quiet),
+            var(--pc-color-mix-active)
+        );
+        color: var(--pc-color-on-quiet);
+    }
+}
+
+:host([variant~="filled"]) {
+    .button {
+        background-color: var(--pc-color-fill-normal);
+        color: var(--pc-color-on-normal);
+        border-color: transparent;
+    }
+
+    @media (hover: hover) {
+        .button:not(.disabled):hover {
+            background-color: color-mix(
+                in oklab,
+                var(--pc-color-fill-normal),
+                var(--pc-color-mix-hover)
+            );
+        }
+    }
+
+    .button:not(.disabled):active {
+        background-color: color-mix(
+            in oklab,
+            var(--pc-color-fill-normal),
+            var(--pc-color-mix-active)
+        );
+    }
+}
+
+:host([variant~="filled"][variant~="outlined"]) .button {
+    border-color: var(--pc-color-border-normal);
+}
+
+:host([variant~="plain"]) {
+    .button {
+        background-color: transparent;
+        color: var(--pc-color-on-quiet);
+        border-color: transparent;
+    }
+
+    @media (hover: hover) {
+        .button:not(.disabled):hover {
+            background-color: color-mix(
+                in oklab,
+                var(--pc-color-fill-quiet),
+                var(--pc-color-mix-hover)
+            );
+            color: var(--pc-color-on-quiet);
+        }
+    }
+
+    .button:not(.disabled):active {
+        background-color: color-mix(
+            in oklab,
+            var(--pc-color-fill-quiet),
+            var(--pc-color-mix-active)
+        );
+        color: var(--pc-color-on-quiet);
+    }
+}
+
+:host(
+        [data-pc-button-group-button-first]:not(
+            [data-pc-button-group-button-last]
+        )
+    )
+    .button {
+    border-start-end-radius: 0;
+    border-end-end-radius: 0;
+}
+
+:host([data-pc-button-group-button-inner]) .button {
+    border-radius: 0;
+}
+
+:host(
+        [data-pc-button-group-button-last]:not(
+            [data-pc-button-group-button-first]
+        )
+    )
+    .button {
+    border-start-start-radius: 0;
+    border-end-start-radius: 0;
+}
+
+:host([data-pc-button-group-button]:not([data-pc-button-group-button-first])) {
+    margin-inline-start: calc(-1 * var(--pc-input-border-width));
+}
+
+:host([data-pc-button-group-button-hover]),
+:host([data-pc-button-group-button-focus]) {
+    z-index: 1;
+}
+
+:host([data-pc-button-group-button][checked]) {
+    z-index: 2;
+}
+
+@keyframes focus-ring-animation {
+    0% {
+        outline-width: 0;
+    }
+
+    50% {
+        outline-width: calc(var(--pc-focus-ring-width) * 2);
+    }
+
+    100% {
+        outline-width: var(--pc-focus-ring-width);
+    }
+}
+`;var t=class extends v{constructor(){super(...arguments);this.formControlController=new y(this,{assumeInteractionOn:["click"]});this.hasSlotController=new C(this,"[default]","prefix","suffix");this.hasFocus=!1;this.isIconButton=!1;this.invalid=!1;this.title="";this.appearance="neutral";this.variant="accent";this.size="medium";this.disabled=!1;this.pill=!1;this.type="button";this.name="";this.value="";this.href="";this.rel="noreferrer noopener"}get validity(){return this.isButton()?this.button.validity:k}get validationMessage(){return this.isButton()?this.button.validationMessage:""}firstUpdated(){this.isButton()&&this.formControlController.updateValidity(),this.handleLabelSlotChange()}handleClick(){this.type==="submit"&&this.formControlController.submit(),this.type==="reset"&&this.formControlController.reset()}handleFocus(){this.hasFocus=!0,u(this,"pc-focus")}handleBlur(){this.hasFocus=!1,u(this,"pc-blur")}handleInvalid(r){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(r)}isButton(){return!this.href}isLink(){return!!this.href}handleLabelSlotChange(){let r=this.labelSlot.assignedNodes({flatten:!0}),n=!1,f=!1,h=!1,b=!1;[...r].forEach(l=>{if(l.nodeType===Node.ELEMENT_NODE){let s=l;s.localName==="pc-icon"?(f=!0,n||(n=s.label!==void 0)):b=!0}else l.nodeType===Node.TEXT_NODE&&(l.textContent?.trim()||"").length>0&&(h=!0)}),this.isIconButton=f&&!h&&!b,this.isIconButton&&!n&&console.warn(`<pc-icon> is missing an accessible label. Add a label attribute/property to help screen reader users. ${this}`)}handleDisabledChange(){this.isButton()&&this.formControlController.setValidity(this.disabled)}click(){this.button.click()}focus(r){this.button.focus(r)}blur(){this.button.blur()}checkValidity(){return this.isButton()?this.button.checkValidity():!0}getForm(){return this.formControlController.getForm()}reportValidity(){return this.isButton()?this.button.reportValidity():!0}setCustomValidity(r){this.isButton()&&(this.button.setCustomValidity(r),this.formControlController.updateValidity())}render(){return this.isLink()?c`
+                <a
+                    part="base"
+                    class=${p({button:!0,disabled:this.disabled,focused:this.hasFocus,"icon-button":this.isIconButton,"has-label":this.hasSlotController.test("[default]"),"has-prefix":this.hasSlotController.test("prefix"),"has-suffix":this.hasSlotController.test("suffix")})}
+                    href=${i(this.disabled?void 0:this.href)}
+                    target=${i(this.target)}
+                    download=${i(this.download)}
+                    rel=${i(this.rel)}
+                    aria-disabled=${this.disabled?"true":"false"}
+                    tabindex=${this.disabled?"-1":"0"}
+                    @click=${this.handleClick}
+                    @focus=${this.handleFocus}
+                    @blur=${this.handleBlur}
+                >
+                    <slot class="prefix" part="prefix" name="prefix"></slot>
+                    <slot
+                        class="label"
+                        part="label"
+                        @slotchange=${this.handleLabelSlotChange}
+                    ></slot>
+                    <slot class="suffix" part="suffix" name="suffix"></slot>
+                </a>
+            `:c`
+                <button
+                    part="base"
+                    class=${p({button:!0,disabled:this.disabled,focused:this.hasFocus,"icon-button":this.isIconButton,"has-label":this.hasSlotController.test("[default]"),"has-prefix":this.hasSlotController.test("prefix"),"has-suffix":this.hasSlotController.test("suffix")})}
+                    type=${this.type}
+                    title=${this.title}
+                    name=${this.name}
+                    value=${this.value}
+                    role="button"
+                    aria-disabled=${this.disabled?"true":"false"}
+                    tabindex=${this.disabled?"-1":"0"}
+                    @click=${this.handleClick}
+                    @focus=${this.handleFocus}
+                    @blur=${this.handleBlur}
+                    @invalid=${this.handleInvalid}
+                >
+                    <slot class="prefix" part="prefix" name="prefix"></slot>
+                    <slot
+                        class="label"
+                        part="label"
+                        @slotchange=${this.handleLabelSlotChange}
+                    ></slot>
+                    <slot class="suffix" part="suffix" name="suffix"></slot>
+                </button>
+            `}};t.css=[x,w,E],o([d(".button")],t.prototype,"button",2),o([d("slot:not([name])")],t.prototype,"labelSlot",2),o([a()],t.prototype,"hasFocus",2),o([a()],t.prototype,"isIconButton",2),o([a()],t.prototype,"invalid",2),o([e()],t.prototype,"title",2),o([e({reflect:!0})],t.prototype,"appearance",2),o([e({reflect:!0})],t.prototype,"variant",2),o([e({reflect:!0})],t.prototype,"size",2),o([e({type:Boolean,reflect:!0})],t.prototype,"disabled",2),o([e({type:Boolean,reflect:!0})],t.prototype,"pill",2),o([e({reflect:!0})],t.prototype,"type",2),o([e()],t.prototype,"name",2),o([e()],t.prototype,"value",2),o([e()],t.prototype,"href",2),o([e()],t.prototype,"target",2),o([e()],t.prototype,"rel",2),o([e()],t.prototype,"download",2),o([e()],t.prototype,"form",2),o([e({attribute:"formaction"})],t.prototype,"formAction",2),o([e({attribute:"formenctype"})],t.prototype,"formEnctype",2),o([e({attribute:"formmethod"})],t.prototype,"formMethod",2),o([e({attribute:"formnovalidate",type:Boolean})],t.prototype,"formNoValidate",2),o([e({attribute:"formtarget"})],t.prototype,"formTarget",2),o([g("disabled",{waitUntilFirstUpdate:!0})],t.prototype,"handleDisabledChange",1),t=o([m("pc-button")],t);export{t as a};

package/cdn/chunks/chunk.RYPVSVQS.js

@@ -0,0 +1,326 @@
+import{a as g}from"./chunk.63PFEC3G.js";import{a as k}from"./chunk.ZZIEMICG.js";import{a as $}from"./chunk.W5PM7F34.js";import{a as r}from"./chunk.XESREUP5.js";import{a as x}from"./chunk.BSQP4EKW.js";import{a as v}from"./chunk.KKVT4LHX.js";import{a as C}from"./chunk.7YEJIK24.js";import{a as d,b as o,c as m,e as f,g as b}from"./chunk.NYYTSWQF.js";import{a as l}from"./chunk.U2DNK7H4.js";import{a as c}from"./chunk.H2EOXVSZ.js";import{a as w}from"./chunk.D5CFOPIE.js";import{a as _}from"./chunk.E4QLFQIH.js";import{d as n}from"./chunk.2N5ZK4F4.js";import{b as y}from"./chunk.IIHX5LOR.js";import{b as t}from"./chunk.E6MOE4FE.js";var V=`:host {
+    border-width: 0;
+}
+
+.text-field {
+    display: flex;
+    position: relative;
+    align-items: stretch;
+    justify-content: flex-start;
+    flex: auto;
+    inline-size: 100%;
+    block-size: var(--pc-form-control-height);
+    background-color: var(--pc-form-control-background-color);
+    color: var(--pc-form-control-value-color);
+    border: var(--pc-form-control-border-width)
+        var(--pc-form-control-border-style) var(--pc-form-control-border-color);
+    border-radius: var(--pc-form-control-border-radius);
+    padding: 0 var(--pc-form-control-padding-inline);
+    font-family: inherit;
+    font-weight: var(--pc-form-control-value-font-weight);
+    line-height: var(--pc-form-control-value-line-height);
+    vertical-align: middle;
+    overflow: hidden;
+    cursor: text;
+    transition: all var(--pc-transition-fast) ease-in-out;
+}
+
+@media (hover: hover) {
+    .text-field:not(:has(:disabled), :focus-within):hover {
+        border-color: color-mix(
+            in oklab,
+            var(--pc-form-control-border-color),
+            var(--pc-color-mix-hover)
+        );
+    }
+}
+
+.text-field:focus-within {
+    outline: var(--pc-focus-ring);
+    outline-offset: var(--pc-focus-ring-offset);
+    animation: focus-ring-animation var(--pc-transition-medium)
+        cubic-bezier(0.33, 1, 0.68, 1);
+}
+
+.text-field:has(:disabled) {
+    opacity: 0.5;
+    cursor: not-allowed;
+}
+
+:host([filled]) .text-field {
+    background-color: var(--pc-color-neutral-fill-quiet);
+    border-color: var(--pc-color-neutral-fill-quiet);
+}
+
+@media (hover: hover) {
+    :host([filled]) .text-field:not(:has(:disabled), :focus-within):hover {
+        background-color: color-mix(
+            in oklab,
+            var(--pc-color-neutral-fill-quiet),
+            var(--pc-color-mix-hover)
+        );
+        border-color: color-mix(
+            in oklab,
+            var(--pc-color-neutral-fill-quiet),
+            var(--pc-color-mix-hover)
+        );
+    }
+}
+
+:host([pill]) .text-field {
+    border-radius: var(--pc-border-radius-pill) !important;
+}
+
+.text-field input {
+    margin: 0;
+    padding: 0;
+    block-size: 100%;
+    border: none;
+    outline: none;
+    font: inherit;
+    cursor: inherit;
+    -webkit-appearance: none;
+}
+
+.text-field input:-webkit-autofill,
+.text-field input:-webkit-autofill:hover,
+.text-field input:-webkit-autofill:focus,
+.text-field input:-webkit-autofill:active {
+    background-color: transparent;
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: inherit;
+}
+
+.text-field:has(:autofill),
+.text-field:has(:-webkit-autofill) {
+    background-color: var(--pc-color-primary-fill-quiet) !important;
+}
+
+input {
+    background-color: transparent;
+    color: inherit;
+    min-inline-size: 0;
+    block-size: calc(var(--pc-form-control-height) - var(--border-width) * 1.5);
+    padding-block: 0;
+    flex: 1 1 auto;
+}
+
+input:autofill,
+input:autofill:hover,
+input:autofill:focus,
+input:autofill:active {
+    box-shadow: none;
+    caret-color: var(--pc-form-control-value-color);
+}
+
+input::placeholder {
+    color: var(--pc-form-control-placeholder-color);
+    user-select: none;
+    -webkit-user-select: none;
+}
+
+input::-webkit-search-decoration,
+input::-webkit-search-cancel-button,
+input::-webkit-search-results-button,
+input::-webkit-search-results-decoration {
+    -webkit-appearance: none;
+}
+
+input:focus {
+    outline: none;
+}
+
+.prefix,
+.suffix {
+    display: inline-flex;
+    align-items: center;
+    flex: 0 0 auto;
+    cursor: default;
+}
+
+.prefix::slotted(pc-icon),
+.suffix::slotted(pc-icon) {
+    color: var(--pc-color-neutral-on-quiet);
+}
+
+.prefix::slotted(*) {
+    margin-inline-end: var(--pc-form-control-padding-inline);
+}
+
+.suffix::slotted(*) {
+    margin-inline-start: var(--pc-form-control-padding-inline);
+}
+
+.clear,
+.password-toggle {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    font-size: inherit;
+    color: var(--pc-color-neutral-on-quiet);
+    border: none;
+    background: none;
+    padding: 0;
+    cursor: pointer;
+    transition: color var(--pc-transition-fast) ease-in-out;
+}
+
+@media (hover: hover) {
+    .clear:hover,
+    .password-toggle:hover {
+        color: color-mix(
+            in oklab,
+            var(--pc-color-neutral-on-quiet),
+            var(--pc-color-mix-hover)
+        );
+    }
+}
+
+.clear:active,
+.password-toggle:active {
+    color: color-mix(
+        in oklab,
+        var(--pc-color-neutral-on-quiet),
+        var(--pc-color-mix-active)
+    );
+}
+
+.clear:focus,
+.password-toggle:focus {
+    outline: none;
+}
+
+::-ms-reveal {
+    display: none;
+}
+
+:host([no-spin-buttons]) input[type="number"] {
+    -moz-appearance: textfield;
+}
+
+:host([no-spin-buttons]) input[type="number"]::-webkit-outer-spin-button,
+:host([no-spin-buttons]) input[type="number"]::-webkit-inner-spin-button {
+    -webkit-appearance: none;
+    display: none;
+}
+
+@keyframes focus-ring-animation {
+    0% {
+        outline-width: 0;
+    }
+
+    50% {
+        outline-width: calc(var(--pc-focus-ring-width) * 2);
+    }
+
+    100% {
+        outline-width: var(--pc-focus-ring-width);
+    }
+}
+`;var e=class extends b{constructor(){super(...arguments);this.formControlController=new y(this,{assumeInteractionOn:["pc-blur","pc-input"]});this.hasSlotController=new w(this,"label","hint");this.localize=new _(this);this.hasFocus=!1;this.__numberInput=Object.assign(document.createElement("input"),{type:"number"});this.__dateInput=Object.assign(document.createElement("input"),{type:"date"});this.title="";this.type="text";this.name="";this.value="";this.defaultValue="";this.size="medium";this.filled=!1;this.pill=!1;this.label="";this.hint="";this.clearable=!1;this.disabled=!1;this.placeholder="";this.readonly=!1;this.passwordToggle=!1;this.passwordVisible=!1;this.noSpinButtons=!1;this.form="";this.required=!1;this.autocapitalize="none";this.autocorrect=!1;this.enterkeyhint="enter";this.spellcheck=!0;this.inputmode="text"}get valueAsDate(){return this.__dateInput.type=this.type,this.__dateInput.value=this.value,this.input?.valueAsDate||this.__dateInput.valueAsDate}set valueAsDate(i){this.__dateInput.type=this.type,this.__dateInput.valueAsDate=i,this.value=this.__dateInput.value}get valueAsNumber(){return this.__numberInput.value=this.value,this.input?.valueAsNumber||this.__numberInput.valueAsNumber}set valueAsNumber(i){this.__numberInput.valueAsNumber=i,this.value=this.__numberInput.value}get validity(){return this.input.validity}get validationMessage(){return this.input.validationMessage}firstUpdated(){this.formControlController.updateValidity()}handleFocus(){this.hasFocus=!0,l(this,"pc-focus")}handleBlur(){this.hasFocus=!1,l(this,"pc-blur")}handleChange(){this.value=this.input.value,l(this,"pc-change")}handleInput(){this.value=this.input.value,this.formControlController.updateValidity(),l(this,"pc-input")}handleClearClick(i){i.preventDefault(),this.value!==""&&(this.value="",l(this,"pc-clear"),l(this,"pc-input"),l(this,"pc-change")),this.input.focus()}handleKeyDown(i){let a=i.metaKey||i.ctrlKey||i.shiftKey||i.altKey;i.key==="Enter"&&!a&&setTimeout(()=>{!i.defaultPrevented&&!i.isComposing&&this.formControlController.submit()})}handlePasswordToggle(){this.passwordVisible=!this.passwordVisible}handleInvalid(i){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(i)}handleDisabledChange(){this.formControlController.setValidity(this.disabled)}handleStepChange(){this.input.step=String(this.step),this.formControlController.updateValidity()}async handleValueChange(){await this.updateComplete,this.formControlController.updateValidity()}focus(i){this.input.focus(i)}blur(){this.input.blur()}select(){this.input.select()}setSelectionRange(i,a,s="none"){this.input.setSelectionRange(i,a,s)}setRangeText(i,a,s,u="preserve"){let h=a??this.input.selectionStart,p=s??this.input.selectionEnd;this.input.setRangeText(i,h,p,u),this.value!==this.input.value&&(this.value=this.input.value)}showPicker(){"showPicker"in HTMLInputElement.prototype&&this.input.showPicker()}stepUp(){this.input.stepUp(),this.value!==this.input.value&&(this.value=this.input.value)}stepDown(){this.input.stepDown(),this.value!==this.input.value&&(this.value=this.input.value)}checkValidity(){return this.input.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.input.reportValidity()}setCustomValidity(i){this.input.setCustomValidity(i),this.formControlController.updateValidity()}render(){let i=this.hasSlotController.test("label"),a=this.hasSlotController.test("hint"),s=this.label?!0:!!i,u=this.hint?!0:!!a,p=this.clearable&&!this.disabled&&!this.readonly&&(typeof this.value=="number"||this.value.length>0);return n`
+            <label
+                part="label"
+                class="label"
+                for="input"
+                aria-hidden=${s?"false":"true"}
+            >
+                <slot name="label">${this.label}</slot>
+            </label>
+
+            <div part="input" class="text-field">
+                <slot class="prefix" part="prefix" name="prefix"></slot>
+
+                <input
+                    part="base"
+                    class="control"
+                    id="input"
+                    type=${this.type==="password"&&this.passwordVisible?"text":this.type}
+                    title=${this.title}
+                    name=${r(this.name)}
+                    ?disabled=${this.disabled}
+                    ?readonly=${this.readonly}
+                    ?required=${this.required}
+                    placeholder=${r(this.placeholder)}
+                    min=${r(this.min)}
+                    minlength=${r(this.minlength)}
+                    max=${r(this.max)}
+                    maxlength=${r(this.maxlength)}
+                    step=${r(this.step)}
+                    .value=${k(this.value)}
+                    autocapitalize=${r(this.autocapitalize)}
+                    autocomplete=${r(this.autocomplete)}
+                    autocorrect=${r(this.autocorrect)}
+                    ?autofocus=${this.autofocus}
+                    spellcheck=${this.spellcheck}
+                    pattern=${r(this.pattern)}
+                    enterkeyhint=${r(this.enterkeyhint)}
+                    inputmode=${r(this.inputmode)}
+                    aria-describedby="hint"
+                    @focus=${this.handleFocus}
+                    @blur=${this.handleBlur}
+                    @change=${this.handleChange}
+                    @input=${this.handleInput}
+                    @keydown=${this.handleKeyDown}
+                    @invalid=${this.handleInvalid}
+                />
+
+                ${p?n`
+                          <button
+                              class="clear"
+                              part="clear-button"
+                              type="button"
+                              aria-label=${this.localize.term("clearEntry")}
+                              @click=${this.handleClearClick}
+                              tabindex="-1"
+                          >
+                              <slot name="clear-icon">
+                                  <pc-icon
+                                      library="system"
+                                      icon-style="regular"
+                                      name="circle-xmark"
+                                  ></pc-icon>
+                              </slot>
+                          </button>
+                      `:""}
+                ${this.passwordToggle&&!this.disabled?n`
+                          <button
+                              class="password-toggle"
+                              part="password-toggle-button"
+                              type="button"
+                              aria-label=${this.localize.term(this.passwordVisible?"hidePassword":"showPassword")}
+                              @click=${this.handlePasswordToggle}
+                              tabindex="-1"
+                          >
+                              ${this.passwordVisible?n`
+                                        <slot name="hide-password-icon">
+                                            <pc-icon
+                                                library="system"
+                                                icon-style="regular"
+                                                name="eye"
+                                            ></pc-icon>
+                                        </slot>
+                                    `:n`
+                                        <slot name="show-password-icon">
+                                            <pc-icon
+                                                library="system"
+                                                icon-style="regular"
+                                                name="eye-slash"
+                                            ></pc-icon>
+                                        </slot>
+                                    `}
+                          </button>
+                      `:""}
+
+                <slot class="suffix" part="suffix" name="suffix"></slot>
+            </div>
+
+            <slot
+                class=${v({"has-hint":u})}
+                part="hint"
+                id="hint"
+                name="hint"
+                aria-hidden=${u?"false":"true"}
+            >
+                ${this.hint}
+            </slot>
+        `}};e.css=[$,x,V],e.dependencies={"pc-icon":g},t([f(".control")],e.prototype,"input",2),t([m()],e.prototype,"hasFocus",2),t([o()],e.prototype,"title",2),t([o({reflect:!0})],e.prototype,"type",2),t([o()],e.prototype,"name",2),t([o()],e.prototype,"value",2),t([C()],e.prototype,"defaultValue",2),t([o({reflect:!0})],e.prototype,"size",2),t([o({type:Boolean,reflect:!0})],e.prototype,"filled",2),t([o({type:Boolean,reflect:!0})],e.prototype,"pill",2),t([o()],e.prototype,"label",2),t([o()],e.prototype,"hint",2),t([o({type:Boolean})],e.prototype,"clearable",2),t([o({type:Boolean,reflect:!0})],e.prototype,"disabled",2),t([o()],e.prototype,"placeholder",2),t([o({type:Boolean,reflect:!0})],e.prototype,"readonly",2),t([o({attribute:"password-toggle",type:Boolean})],e.prototype,"passwordToggle",2),t([o({attribute:"password-visible",type:Boolean})],e.prototype,"passwordVisible",2),t([o({attribute:"no-spin-buttons",type:Boolean})],e.prototype,"noSpinButtons",2),t([o({reflect:!0})],e.prototype,"form",2),t([o({type:Boolean,reflect:!0})],e.prototype,"required",2),t([o()],e.prototype,"pattern",2),t([o()],e.prototype,"minlength",2),t([o()],e.prototype,"maxlength",2),t([o()],e.prototype,"min",2),t([o()],e.prototype,"max",2),t([o()],e.prototype,"step",2),t([o()],e.prototype,"autocapitalize",2),t([o({type:Boolean,converter:{fromAttribute:i=>!(!i||i==="off"),toAttribute:i=>i?"on":"off"}})],e.prototype,"autocorrect",2),t([o()],e.prototype,"autocomplete",2),t([o({type:Boolean})],e.prototype,"autofocus",2),t([o()],e.prototype,"enterkeyhint",2),t([o({type:Boolean,converter:{fromAttribute:i=>!(!i||i==="off"),toAttribute:i=>i?"on":"off"}})],e.prototype,"spellcheck",2),t([o()],e.prototype,"inputmode",2),t([c("disabled",{waitUntilFirstUpdate:!0})],e.prototype,"handleDisabledChange",1),t([c("step",{waitUntilFirstUpdate:!0})],e.prototype,"handleStepChange",1),t([c("value",{waitUntilFirstUpdate:!0})],e.prototype,"handleValueChange",1),e=t([d("pc-input")],e);export{e as a};

package/cdn/chunks/chunk.RZZMGXAZ.js

@@ -0,0 +1 @@
+function a(e,t,n){return new Promise(r=>{if(n?.duration===1/0)throw new Error("Promise\u2010based animations must be finite.");let i=e.animate(t,{...n,duration:o()?0:n.duration});i.addEventListener("cancel",r,{once:!0}),i.addEventListener("finish",r,{once:!0})})}function u(e){return e=e.toString().toLowerCase(),e.indexOf("ms")>-1?parseFloat(e):e.indexOf("s")>-1?parseFloat(e)*1e3:parseFloat(e)}function o(){return window.matchMedia("(prefers-reduced-motion: reduce)").matches}function m(e){return Promise.all(e.getAnimations().map(t=>new Promise(n=>{t.cancel(),requestAnimationFrame(n)})))}function s(e,t){return e.map(n=>{let r={...n};return n.height==="auto"&&(r.height=`${t}px`),n.blockSize==="auto"&&(r.blockSize=`${t}px`),r})}export{a,u as b,o as c,m as d,s as e};

package/cdn/chunks/chunk.SEIDC2AV.js

@@ -0,0 +1 @@
+var t=[{offset:0,transform:"translate3d(-100%, 0, 0) skewX(30deg)",opacity:"0"},{offset:.6,transform:"skewX(-20deg)",opacity:"1"},{offset:.8,transform:"skewX(5deg)"},{offset:1,transform:"translate3d(0, 0, 0)"}];export{t as a};

package/cdn/chunks/chunk.SMFJUIOR.js

@@ -0,0 +1,10 @@
+var T={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},_=r=>(...t)=>({_$litDirective$:r,values:t}),s=class{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,i){this._$Ct=t,this._$AM=e,this._$Ci=i}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}};export{T as a,_ as b,s as c};
+/*! Bundled license information:
+
+lit-html/directive.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+*/

package/cdn/chunks/chunk.SPURF5RT.js

@@ -0,0 +1,4 @@
+import{a as l,b as a,g as h}from"./chunk.NYYTSWQF.js";import{a as o}from"./chunk.U2DNK7H4.js";import{a as i}from"./chunk.H2EOXVSZ.js";import{d as s}from"./chunk.2N5ZK4F4.js";import{b as e}from"./chunk.E6MOE4FE.js";var c=`:host {
+    display: contents;
+}
+`;var t=class extends h{constructor(){super(...arguments);this.attributeOldValue=!1;this.characterData=!1;this.characterDataOldValue=!1;this.childList=!1;this.disabled=!1;this.handleMutation=r=>{o(this,"pc-mutation",{detail:{mutationList:r}})}}connectedCallback(){super.connectedCallback(),this.mutationObserver=new MutationObserver(this.handleMutation),this.disabled||this.startObserver()}disconnectedCallback(){super.disconnectedCallback(),this.stopObserver()}startObserver(){let r=typeof this.attribute=="string"&&this.attribute.length>0,d=r&&this.attribute!=="*"?this.attribute?.split(" "):void 0;try{this.mutationObserver.observe(this,{subtree:!0,childList:this.childList,attributes:r,attributeFilter:d,attributeOldValue:this.attributeOldValue,characterData:this.characterData,characterDataOldValue:this.characterDataOldValue})}catch{}}stopObserver(){this.mutationObserver.disconnect()}handleDisabledChange(){this.disabled?this.stopObserver():this.startObserver()}handleChange(){this.stopObserver(),this.startObserver()}render(){return s`<slot></slot>`}};t.css=c,e([a({reflect:!0})],t.prototype,"attribute",2),e([a({attribute:"attribute-old-value",type:Boolean,reflect:!0})],t.prototype,"attributeOldValue",2),e([a({attribute:"character-data",type:Boolean,reflect:!0})],t.prototype,"characterData",2),e([a({attribute:"character-data-old-value",type:Boolean,reflect:!0})],t.prototype,"characterDataOldValue",2),e([a({attribute:"child-list",type:Boolean,reflect:!0})],t.prototype,"childList",2),e([a({type:Boolean,reflect:!0})],t.prototype,"disabled",2),e([i("disabled")],t.prototype,"handleDisabledChange",1),e([i(["attribute","attribute-old-value","character-data","character-data-old-value","child-list"],{waitUntilFirstUpdate:!0})],t.prototype,"handleChange",1),t=e([l("pc-mutation-observer")],t);export{t as a};