@xwiki/cristal-electron-renderer 1.4.0 → 1.5.0

package/dist/chunk.XA43ZQPC-maNlqVLX.js

@@ -0,0 +1,395 @@
+import{i as c,c as m,_ as e,n as l,S as f,b as r}from"./chunk.4TUIT776-BvlNwMXD.js";import{d as b,l as g}from"./live-z5w0O4st.js";import{f as v}from"./chunk.SI4ACBFK-BB831ml8.js";import{F as _}from"./chunk.3RPBFEDE-DI7eSlIl.js";import{H as y}from"./chunk.NYIIDP5N-AHr3eTN0.js";import{L as w}from"./chunk.6CTB5ZDJ-9Su7bEUQ.js";import{S as x,r as k}from"./chunk.YHLNUJ7P-BGNuPG1R.js";import{w as p}from"./chunk.GMYPQTFK-BT1AAYXJ.js";import{e as h}from"./class-map-DmaCJs8c.js";import{o}from"./if-defined-O-hFrvt0.js";import{e as C}from"./query-x48B6FB_.js";var $=c`
+  :host {
+    display: block;
+  }
+
+  .input {
+    flex: 1 1 auto;
+    display: inline-flex;
+    align-items: stretch;
+    justify-content: start;
+    position: relative;
+    width: 100%;
+    font-family: var(--sl-input-font-family);
+    font-weight: var(--sl-input-font-weight);
+    letter-spacing: var(--sl-input-letter-spacing);
+    vertical-align: middle;
+    overflow: hidden;
+    cursor: text;
+    transition:
+      var(--sl-transition-fast) color,
+      var(--sl-transition-fast) border,
+      var(--sl-transition-fast) box-shadow,
+      var(--sl-transition-fast) background-color;
+  }
+
+  /* Standard inputs */
+  .input--standard {
+    background-color: var(--sl-input-background-color);
+    border: solid var(--sl-input-border-width) var(--sl-input-border-color);
+  }
+
+  .input--standard:hover:not(.input--disabled) {
+    background-color: var(--sl-input-background-color-hover);
+    border-color: var(--sl-input-border-color-hover);
+  }
+
+  .input--standard.input--focused:not(.input--disabled) {
+    background-color: var(--sl-input-background-color-focus);
+    border-color: var(--sl-input-border-color-focus);
+    box-shadow: 0 0 0 var(--sl-focus-ring-width) var(--sl-input-focus-ring-color);
+  }
+
+  .input--standard.input--focused:not(.input--disabled) .input__control {
+    color: var(--sl-input-color-focus);
+  }
+
+  .input--standard.input--disabled {
+    background-color: var(--sl-input-background-color-disabled);
+    border-color: var(--sl-input-border-color-disabled);
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+
+  .input--standard.input--disabled .input__control {
+    color: var(--sl-input-color-disabled);
+  }
+
+  .input--standard.input--disabled .input__control::placeholder {
+    color: var(--sl-input-placeholder-color-disabled);
+  }
+
+  /* Filled inputs */
+  .input--filled {
+    border: none;
+    background-color: var(--sl-input-filled-background-color);
+    color: var(--sl-input-color);
+  }
+
+  .input--filled:hover:not(.input--disabled) {
+    background-color: var(--sl-input-filled-background-color-hover);
+  }
+
+  .input--filled.input--focused:not(.input--disabled) {
+    background-color: var(--sl-input-filled-background-color-focus);
+    outline: var(--sl-focus-ring);
+    outline-offset: var(--sl-focus-ring-offset);
+  }
+
+  .input--filled.input--disabled {
+    background-color: var(--sl-input-filled-background-color-disabled);
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+
+  .input__control {
+    flex: 1 1 auto;
+    font-family: inherit;
+    font-size: inherit;
+    font-weight: inherit;
+    min-width: 0;
+    height: 100%;
+    color: var(--sl-input-color);
+    border: none;
+    background: inherit;
+    box-shadow: none;
+    padding: 0;
+    margin: 0;
+    cursor: inherit;
+    -webkit-appearance: none;
+  }
+
+  .input__control::-webkit-search-decoration,
+  .input__control::-webkit-search-cancel-button,
+  .input__control::-webkit-search-results-button,
+  .input__control::-webkit-search-results-decoration {
+    -webkit-appearance: none;
+  }
+
+  .input__control:-webkit-autofill,
+  .input__control:-webkit-autofill:hover,
+  .input__control:-webkit-autofill:focus,
+  .input__control:-webkit-autofill:active {
+    box-shadow: 0 0 0 var(--sl-input-height-large) var(--sl-input-background-color-hover) inset !important;
+    -webkit-text-fill-color: var(--sl-color-primary-500);
+    caret-color: var(--sl-input-color);
+  }
+
+  .input--filled .input__control:-webkit-autofill,
+  .input--filled .input__control:-webkit-autofill:hover,
+  .input--filled .input__control:-webkit-autofill:focus,
+  .input--filled .input__control:-webkit-autofill:active {
+    box-shadow: 0 0 0 var(--sl-input-height-large) var(--sl-input-filled-background-color) inset !important;
+  }
+
+  .input__control::placeholder {
+    color: var(--sl-input-placeholder-color);
+    user-select: none;
+    -webkit-user-select: none;
+  }
+
+  .input:hover:not(.input--disabled) .input__control {
+    color: var(--sl-input-color-hover);
+  }
+
+  .input__control:focus {
+    outline: none;
+  }
+
+  .input__prefix,
+  .input__suffix {
+    display: inline-flex;
+    flex: 0 0 auto;
+    align-items: center;
+    cursor: default;
+  }
+
+  .input__prefix ::slotted(sl-icon),
+  .input__suffix ::slotted(sl-icon) {
+    color: var(--sl-input-icon-color);
+  }
+
+  /*
+   * Size modifiers
+   */
+
+  .input--small {
+    border-radius: var(--sl-input-border-radius-small);
+    font-size: var(--sl-input-font-size-small);
+    height: var(--sl-input-height-small);
+  }
+
+  .input--small .input__control {
+    height: calc(var(--sl-input-height-small) - var(--sl-input-border-width) * 2);
+    padding: 0 var(--sl-input-spacing-small);
+  }
+
+  .input--small .input__clear,
+  .input--small .input__password-toggle {
+    width: calc(1em + var(--sl-input-spacing-small) * 2);
+  }
+
+  .input--small .input__prefix ::slotted(*) {
+    margin-inline-start: var(--sl-input-spacing-small);
+  }
+
+  .input--small .input__suffix ::slotted(*) {
+    margin-inline-end: var(--sl-input-spacing-small);
+  }
+
+  .input--medium {
+    border-radius: var(--sl-input-border-radius-medium);
+    font-size: var(--sl-input-font-size-medium);
+    height: var(--sl-input-height-medium);
+  }
+
+  .input--medium .input__control {
+    height: calc(var(--sl-input-height-medium) - var(--sl-input-border-width) * 2);
+    padding: 0 var(--sl-input-spacing-medium);
+  }
+
+  .input--medium .input__clear,
+  .input--medium .input__password-toggle {
+    width: calc(1em + var(--sl-input-spacing-medium) * 2);
+  }
+
+  .input--medium .input__prefix ::slotted(*) {
+    margin-inline-start: var(--sl-input-spacing-medium);
+  }
+
+  .input--medium .input__suffix ::slotted(*) {
+    margin-inline-end: var(--sl-input-spacing-medium);
+  }
+
+  .input--large {
+    border-radius: var(--sl-input-border-radius-large);
+    font-size: var(--sl-input-font-size-large);
+    height: var(--sl-input-height-large);
+  }
+
+  .input--large .input__control {
+    height: calc(var(--sl-input-height-large) - var(--sl-input-border-width) * 2);
+    padding: 0 var(--sl-input-spacing-large);
+  }
+
+  .input--large .input__clear,
+  .input--large .input__password-toggle {
+    width: calc(1em + var(--sl-input-spacing-large) * 2);
+  }
+
+  .input--large .input__prefix ::slotted(*) {
+    margin-inline-start: var(--sl-input-spacing-large);
+  }
+
+  .input--large .input__suffix ::slotted(*) {
+    margin-inline-end: var(--sl-input-spacing-large);
+  }
+
+  /*
+   * Pill modifier
+   */
+
+  .input--pill.input--small {
+    border-radius: var(--sl-input-height-small);
+  }
+
+  .input--pill.input--medium {
+    border-radius: var(--sl-input-height-medium);
+  }
+
+  .input--pill.input--large {
+    border-radius: var(--sl-input-height-large);
+  }
+
+  /*
+   * Clearable + Password Toggle
+   */
+
+  .input__clear,
+  .input__password-toggle {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    font-size: inherit;
+    color: var(--sl-input-icon-color);
+    border: none;
+    background: none;
+    padding: 0;
+    transition: var(--sl-transition-fast) color;
+    cursor: pointer;
+  }
+
+  .input__clear:hover,
+  .input__password-toggle:hover {
+    color: var(--sl-input-icon-color-hover);
+  }
+
+  .input__clear:focus,
+  .input__password-toggle:focus {
+    outline: none;
+  }
+
+  /* Don't show the browser's password toggle in Edge */
+  ::-ms-reveal {
+    display: none;
+  }
+
+  /* Hide the built-in number spinner */
+  .input--no-spin-buttons input[type='number']::-webkit-outer-spin-button,
+  .input--no-spin-buttons input[type='number']::-webkit-inner-spin-button {
+    -webkit-appearance: none;
+    display: none;
+  }
+
+  .input--no-spin-buttons input[type='number'] {
+    -moz-appearance: textfield;
+  }
+`,t=class extends f{constructor(){super(...arguments),this.formControlController=new _(this,{assumeInteractionOn:["sl-blur","sl-input"]}),this.hasSlotController=new y(this,"help-text","label"),this.localize=new w(this),this.hasFocus=!1,this.title="",this.__numberInput=Object.assign(document.createElement("input"),{type:"number"}),this.__dateInput=Object.assign(document.createElement("input"),{type:"date"}),this.type="text",this.name="",this.value="",this.defaultValue="",this.size="medium",this.filled=!1,this.pill=!1,this.label="",this.helpText="",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.spellcheck=!0}get valueAsDate(){var i;return this.__dateInput.type=this.type,this.__dateInput.value=this.value,((i=this.input)==null?void 0:i.valueAsDate)||this.__dateInput.valueAsDate}set valueAsDate(i){this.__dateInput.type=this.type,this.__dateInput.valueAsDate=i,this.value=this.__dateInput.value}get valueAsNumber(){var i;return this.__numberInput.value=this.value,((i=this.input)==null?void 0:i.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()}handleBlur(){this.hasFocus=!1,this.emit("sl-blur")}handleChange(){this.value=this.input.value,this.emit("sl-change")}handleClearClick(i){i.preventDefault(),this.value!==""&&(this.value="",this.emit("sl-clear"),this.emit("sl-input"),this.emit("sl-change")),this.input.focus()}handleFocus(){this.hasFocus=!0,this.emit("sl-focus")}handleInput(){this.value=this.input.value,this.formControlController.updateValidity(),this.emit("sl-input")}handleInvalid(i){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(i)}handleKeyDown(i){const n=i.metaKey||i.ctrlKey||i.shiftKey||i.altKey;i.key==="Enter"&&!n&&setTimeout(()=>{!i.defaultPrevented&&!i.isComposing&&this.formControlController.submit()})}handlePasswordToggle(){this.passwordVisible=!this.passwordVisible}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,n,s="none"){this.input.setSelectionRange(i,n,s)}setRangeText(i,n,s,a="preserve"){const d=n??this.input.selectionStart,u=s??this.input.selectionEnd;this.input.setRangeText(i,d,u,a),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(){const i=this.hasSlotController.test("label"),n=this.hasSlotController.test("help-text"),s=this.label?!0:!!i,a=this.helpText?!0:!!n,u=this.clearable&&!this.disabled&&!this.readonly&&(typeof this.value=="number"||this.value.length>0);return r`
+      <div
+        part="form-control"
+        class=${h({"form-control":!0,"form-control--small":this.size==="small","form-control--medium":this.size==="medium","form-control--large":this.size==="large","form-control--has-label":s,"form-control--has-help-text":a})}
+      >
+        <label
+          part="form-control-label"
+          class="form-control__label"
+          for="input"
+          aria-hidden=${s?"false":"true"}
+        >
+          <slot name="label">${this.label}</slot>
+        </label>
+
+        <div part="form-control-input" class="form-control-input">
+          <div
+            part="base"
+            class=${h({input:!0,"input--small":this.size==="small","input--medium":this.size==="medium","input--large":this.size==="large","input--pill":this.pill,"input--standard":!this.filled,"input--filled":this.filled,"input--disabled":this.disabled,"input--focused":this.hasFocus,"input--empty":!this.value,"input--no-spin-buttons":this.noSpinButtons})}
+          >
+            <span part="prefix" class="input__prefix">
+              <slot name="prefix"></slot>
+            </span>
+
+            <input
+              part="input"
+              id="input"
+              class="input__control"
+              type=${this.type==="password"&&this.passwordVisible?"text":this.type}
+              title=${this.title}
+              name=${o(this.name)}
+              ?disabled=${this.disabled}
+              ?readonly=${this.readonly}
+              ?required=${this.required}
+              placeholder=${o(this.placeholder)}
+              minlength=${o(this.minlength)}
+              maxlength=${o(this.maxlength)}
+              min=${o(this.min)}
+              max=${o(this.max)}
+              step=${o(this.step)}
+              .value=${g(this.value)}
+              autocapitalize=${o(this.autocapitalize)}
+              autocomplete=${o(this.autocomplete)}
+              autocorrect=${o(this.autocorrect)}
+              ?autofocus=${this.autofocus}
+              spellcheck=${this.spellcheck}
+              pattern=${o(this.pattern)}
+              enterkeyhint=${o(this.enterkeyhint)}
+              inputmode=${o(this.inputmode)}
+              aria-describedby="help-text"
+              @change=${this.handleChange}
+              @input=${this.handleInput}
+              @invalid=${this.handleInvalid}
+              @keydown=${this.handleKeyDown}
+              @focus=${this.handleFocus}
+              @blur=${this.handleBlur}
+            />
+
+            ${u?r`
+                  <button
+                    part="clear-button"
+                    class="input__clear"
+                    type="button"
+                    aria-label=${this.localize.term("clearEntry")}
+                    @click=${this.handleClearClick}
+                    tabindex="-1"
+                  >
+                    <slot name="clear-icon">
+                      <sl-icon name="x-circle-fill" library="system"></sl-icon>
+                    </slot>
+                  </button>
+                `:""}
+            ${this.passwordToggle&&!this.disabled?r`
+                  <button
+                    part="password-toggle-button"
+                    class="input__password-toggle"
+                    type="button"
+                    aria-label=${this.localize.term(this.passwordVisible?"hidePassword":"showPassword")}
+                    @click=${this.handlePasswordToggle}
+                    tabindex="-1"
+                  >
+                    ${this.passwordVisible?r`
+                          <slot name="show-password-icon">
+                            <sl-icon name="eye-slash" library="system"></sl-icon>
+                          </slot>
+                        `:r`
+                          <slot name="hide-password-icon">
+                            <sl-icon name="eye" library="system"></sl-icon>
+                          </slot>
+                        `}
+                  </button>
+                `:""}
+
+            <span part="suffix" class="input__suffix">
+              <slot name="suffix"></slot>
+            </span>
+          </div>
+        </div>
+
+        <div
+          part="form-control-help-text"
+          id="help-text"
+          class="form-control__help-text"
+          aria-hidden=${a?"false":"true"}
+        >
+          <slot name="help-text">${this.helpText}</slot>
+        </div>
+      </div>
+    `}};t.styles=[m,v,$];t.dependencies={"sl-icon":x};e([C(".input__control")],t.prototype,"input",2);e([k()],t.prototype,"hasFocus",2);e([l()],t.prototype,"title",2);e([l({reflect:!0})],t.prototype,"type",2);e([l()],t.prototype,"name",2);e([l()],t.prototype,"value",2);e([b()],t.prototype,"defaultValue",2);e([l({reflect:!0})],t.prototype,"size",2);e([l({type:Boolean,reflect:!0})],t.prototype,"filled",2);e([l({type:Boolean,reflect:!0})],t.prototype,"pill",2);e([l()],t.prototype,"label",2);e([l({attribute:"help-text"})],t.prototype,"helpText",2);e([l({type:Boolean})],t.prototype,"clearable",2);e([l({type:Boolean,reflect:!0})],t.prototype,"disabled",2);e([l()],t.prototype,"placeholder",2);e([l({type:Boolean,reflect:!0})],t.prototype,"readonly",2);e([l({attribute:"password-toggle",type:Boolean})],t.prototype,"passwordToggle",2);e([l({attribute:"password-visible",type:Boolean})],t.prototype,"passwordVisible",2);e([l({attribute:"no-spin-buttons",type:Boolean})],t.prototype,"noSpinButtons",2);e([l({reflect:!0})],t.prototype,"form",2);e([l({type:Boolean,reflect:!0})],t.prototype,"required",2);e([l()],t.prototype,"pattern",2);e([l({type:Number})],t.prototype,"minlength",2);e([l({type:Number})],t.prototype,"maxlength",2);e([l()],t.prototype,"min",2);e([l()],t.prototype,"max",2);e([l()],t.prototype,"step",2);e([l()],t.prototype,"autocapitalize",2);e([l()],t.prototype,"autocorrect",2);e([l()],t.prototype,"autocomplete",2);e([l({type:Boolean})],t.prototype,"autofocus",2);e([l()],t.prototype,"enterkeyhint",2);e([l({type:Boolean,converter:{fromAttribute:i=>!(!i||i==="false"),toAttribute:i=>i?"true":"false"}})],t.prototype,"spellcheck",2);e([l()],t.prototype,"inputmode",2);e([p("disabled",{waitUntilFirstUpdate:!0})],t.prototype,"handleDisabledChange",1);e([p("step",{waitUntilFirstUpdate:!0})],t.prototype,"handleStepChange",1);e([p("value",{waitUntilFirstUpdate:!0})],t.prototype,"handleValueChange",1);t.define("sl-input");export{t as S};
+//# sourceMappingURL=chunk.XA43ZQPC-maNlqVLX.js.map

package/dist/chunk.XA43ZQPC-maNlqVLX.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chunk.XA43ZQPC-maNlqVLX.js","sources":["../../../node_modules/.pnpm/@shoelace-style+shoelace@2.20.1_@floating-ui+utils@0.2.11_@types+react@19.2.6/node_modules/@shoelace-style/shoelace/dist/chunks/chunk.GGT72J62.js","../../../node_modules/.pnpm/@shoelace-style+shoelace@2.20.1_@floating-ui+utils@0.2.11_@types+react@19.2.6/node_modules/@shoelace-style/shoelace/dist/chunks/chunk.VM65NPGC.js","../../../node_modules/.pnpm/@shoelace-style+shoelace@2.20.1_@floating-ui+utils@0.2.11_@types+react@19.2.6/node_modules/@shoelace-style/shoelace/dist/chunks/chunk.XA43ZQPC.js"],"sourcesContent":["// src/components/input/input.styles.ts\nimport { css } from \"lit\";\nvar input_styles_default = css`\n  :host {\n    display: block;\n  }\n\n  .input {\n    flex: 1 1 auto;\n    display: inline-flex;\n    align-items: stretch;\n    justify-content: start;\n    position: relative;\n    width: 100%;\n    font-family: var(--sl-input-font-family);\n    font-weight: var(--sl-input-font-weight);\n    letter-spacing: var(--sl-input-letter-spacing);\n    vertical-align: middle;\n    overflow: hidden;\n    cursor: text;\n    transition:\n      var(--sl-transition-fast) color,\n      var(--sl-transition-fast) border,\n      var(--sl-transition-fast) box-shadow,\n      var(--sl-transition-fast) background-color;\n  }\n\n  /* Standard inputs */\n  .input--standard {\n    background-color: var(--sl-input-background-color);\n    border: solid var(--sl-input-border-width) var(--sl-input-border-color);\n  }\n\n  .input--standard:hover:not(.input--disabled) {\n    background-color: var(--sl-input-background-color-hover);\n    border-color: var(--sl-input-border-color-hover);\n  }\n\n  .input--standard.input--focused:not(.input--disabled) {\n    background-color: var(--sl-input-background-color-focus);\n    border-color: var(--sl-input-border-color-focus);\n    box-shadow: 0 0 0 var(--sl-focus-ring-width) var(--sl-input-focus-ring-color);\n  }\n\n  .input--standard.input--focused:not(.input--disabled) .input__control {\n    color: var(--sl-input-color-focus);\n  }\n\n  .input--standard.input--disabled {\n    background-color: var(--sl-input-background-color-disabled);\n    border-color: var(--sl-input-border-color-disabled);\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  .input--standard.input--disabled .input__control {\n    color: var(--sl-input-color-disabled);\n  }\n\n  .input--standard.input--disabled .input__control::placeholder {\n    color: var(--sl-input-placeholder-color-disabled);\n  }\n\n  /* Filled inputs */\n  .input--filled {\n    border: none;\n    background-color: var(--sl-input-filled-background-color);\n    color: var(--sl-input-color);\n  }\n\n  .input--filled:hover:not(.input--disabled) {\n    background-color: var(--sl-input-filled-background-color-hover);\n  }\n\n  .input--filled.input--focused:not(.input--disabled) {\n    background-color: var(--sl-input-filled-background-color-focus);\n    outline: var(--sl-focus-ring);\n    outline-offset: var(--sl-focus-ring-offset);\n  }\n\n  .input--filled.input--disabled {\n    background-color: var(--sl-input-filled-background-color-disabled);\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  .input__control {\n    flex: 1 1 auto;\n    font-family: inherit;\n    font-size: inherit;\n    font-weight: inherit;\n    min-width: 0;\n    height: 100%;\n    color: var(--sl-input-color);\n    border: none;\n    background: inherit;\n    box-shadow: none;\n    padding: 0;\n    margin: 0;\n    cursor: inherit;\n    -webkit-appearance: none;\n  }\n\n  .input__control::-webkit-search-decoration,\n  .input__control::-webkit-search-cancel-button,\n  .input__control::-webkit-search-results-button,\n  .input__control::-webkit-search-results-decoration {\n    -webkit-appearance: none;\n  }\n\n  .input__control:-webkit-autofill,\n  .input__control:-webkit-autofill:hover,\n  .input__control:-webkit-autofill:focus,\n  .input__control:-webkit-autofill:active {\n    box-shadow: 0 0 0 var(--sl-input-height-large) var(--sl-input-background-color-hover) inset !important;\n    -webkit-text-fill-color: var(--sl-color-primary-500);\n    caret-color: var(--sl-input-color);\n  }\n\n  .input--filled .input__control:-webkit-autofill,\n  .input--filled .input__control:-webkit-autofill:hover,\n  .input--filled .input__control:-webkit-autofill:focus,\n  .input--filled .input__control:-webkit-autofill:active {\n    box-shadow: 0 0 0 var(--sl-input-height-large) var(--sl-input-filled-background-color) inset !important;\n  }\n\n  .input__control::placeholder {\n    color: var(--sl-input-placeholder-color);\n    user-select: none;\n    -webkit-user-select: none;\n  }\n\n  .input:hover:not(.input--disabled) .input__control {\n    color: var(--sl-input-color-hover);\n  }\n\n  .input__control:focus {\n    outline: none;\n  }\n\n  .input__prefix,\n  .input__suffix {\n    display: inline-flex;\n    flex: 0 0 auto;\n    align-items: center;\n    cursor: default;\n  }\n\n  .input__prefix ::slotted(sl-icon),\n  .input__suffix ::slotted(sl-icon) {\n    color: var(--sl-input-icon-color);\n  }\n\n  /*\n   * Size modifiers\n   */\n\n  .input--small {\n    border-radius: var(--sl-input-border-radius-small);\n    font-size: var(--sl-input-font-size-small);\n    height: var(--sl-input-height-small);\n  }\n\n  .input--small .input__control {\n    height: calc(var(--sl-input-height-small) - var(--sl-input-border-width) * 2);\n    padding: 0 var(--sl-input-spacing-small);\n  }\n\n  .input--small .input__clear,\n  .input--small .input__password-toggle {\n    width: calc(1em + var(--sl-input-spacing-small) * 2);\n  }\n\n  .input--small .input__prefix ::slotted(*) {\n    margin-inline-start: var(--sl-input-spacing-small);\n  }\n\n  .input--small .input__suffix ::slotted(*) {\n    margin-inline-end: var(--sl-input-spacing-small);\n  }\n\n  .input--medium {\n    border-radius: var(--sl-input-border-radius-medium);\n    font-size: var(--sl-input-font-size-medium);\n    height: var(--sl-input-height-medium);\n  }\n\n  .input--medium .input__control {\n    height: calc(var(--sl-input-height-medium) - var(--sl-input-border-width) * 2);\n    padding: 0 var(--sl-input-spacing-medium);\n  }\n\n  .input--medium .input__clear,\n  .input--medium .input__password-toggle {\n    width: calc(1em + var(--sl-input-spacing-medium) * 2);\n  }\n\n  .input--medium .input__prefix ::slotted(*) {\n    margin-inline-start: var(--sl-input-spacing-medium);\n  }\n\n  .input--medium .input__suffix ::slotted(*) {\n    margin-inline-end: var(--sl-input-spacing-medium);\n  }\n\n  .input--large {\n    border-radius: var(--sl-input-border-radius-large);\n    font-size: var(--sl-input-font-size-large);\n    height: var(--sl-input-height-large);\n  }\n\n  .input--large .input__control {\n    height: calc(var(--sl-input-height-large) - var(--sl-input-border-width) * 2);\n    padding: 0 var(--sl-input-spacing-large);\n  }\n\n  .input--large .input__clear,\n  .input--large .input__password-toggle {\n    width: calc(1em + var(--sl-input-spacing-large) * 2);\n  }\n\n  .input--large .input__prefix ::slotted(*) {\n    margin-inline-start: var(--sl-input-spacing-large);\n  }\n\n  .input--large .input__suffix ::slotted(*) {\n    margin-inline-end: var(--sl-input-spacing-large);\n  }\n\n  /*\n   * Pill modifier\n   */\n\n  .input--pill.input--small {\n    border-radius: var(--sl-input-height-small);\n  }\n\n  .input--pill.input--medium {\n    border-radius: var(--sl-input-height-medium);\n  }\n\n  .input--pill.input--large {\n    border-radius: var(--sl-input-height-large);\n  }\n\n  /*\n   * Clearable + Password Toggle\n   */\n\n  .input__clear,\n  .input__password-toggle {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    font-size: inherit;\n    color: var(--sl-input-icon-color);\n    border: none;\n    background: none;\n    padding: 0;\n    transition: var(--sl-transition-fast) color;\n    cursor: pointer;\n  }\n\n  .input__clear:hover,\n  .input__password-toggle:hover {\n    color: var(--sl-input-icon-color-hover);\n  }\n\n  .input__clear:focus,\n  .input__password-toggle:focus {\n    outline: none;\n  }\n\n  /* Don't show the browser's password toggle in Edge */\n  ::-ms-reveal {\n    display: none;\n  }\n\n  /* Hide the built-in number spinner */\n  .input--no-spin-buttons input[type='number']::-webkit-outer-spin-button,\n  .input--no-spin-buttons input[type='number']::-webkit-inner-spin-button {\n    -webkit-appearance: none;\n    display: none;\n  }\n\n  .input--no-spin-buttons input[type='number'] {\n    -moz-appearance: textfield;\n  }\n`;\n\nexport {\n  input_styles_default\n};\n","import {\n  input_styles_default\n} from \"./chunk.GGT72J62.js\";\nimport {\n  defaultValue\n} from \"./chunk.GI7VDIWX.js\";\nimport {\n  form_control_styles_default\n} from \"./chunk.SI4ACBFK.js\";\nimport {\n  FormControlController\n} from \"./chunk.3RPBFEDE.js\";\nimport {\n  HasSlotController\n} from \"./chunk.NYIIDP5N.js\";\nimport {\n  LocalizeController\n} from \"./chunk.6CTB5ZDJ.js\";\nimport {\n  SlIcon\n} from \"./chunk.YHLNUJ7P.js\";\nimport {\n  watch\n} from \"./chunk.GMYPQTFK.js\";\nimport {\n  component_styles_default\n} from \"./chunk.TUVJKY7S.js\";\nimport {\n  ShoelaceElement\n} from \"./chunk.4TUIT776.js\";\nimport {\n  __decorateClass\n} from \"./chunk.KAW7D32O.js\";\n\n// src/components/input/input.component.ts\nimport { classMap } from \"lit/directives/class-map.js\";\nimport { html } from \"lit\";\nimport { ifDefined } from \"lit/directives/if-defined.js\";\nimport { live } from \"lit/directives/live.js\";\nimport { property, query, state } from \"lit/decorators.js\";\nvar SlInput = class extends ShoelaceElement {\n  constructor() {\n    super(...arguments);\n    this.formControlController = new FormControlController(this, {\n      assumeInteractionOn: [\"sl-blur\", \"sl-input\"]\n    });\n    this.hasSlotController = new HasSlotController(this, \"help-text\", \"label\");\n    this.localize = new LocalizeController(this);\n    this.hasFocus = false;\n    this.title = \"\";\n    // make reactive to pass through\n    this.__numberInput = Object.assign(document.createElement(\"input\"), { type: \"number\" });\n    this.__dateInput = Object.assign(document.createElement(\"input\"), { type: \"date\" });\n    this.type = \"text\";\n    this.name = \"\";\n    this.value = \"\";\n    this.defaultValue = \"\";\n    this.size = \"medium\";\n    this.filled = false;\n    this.pill = false;\n    this.label = \"\";\n    this.helpText = \"\";\n    this.clearable = false;\n    this.disabled = false;\n    this.placeholder = \"\";\n    this.readonly = false;\n    this.passwordToggle = false;\n    this.passwordVisible = false;\n    this.noSpinButtons = false;\n    this.form = \"\";\n    this.required = false;\n    this.spellcheck = true;\n  }\n  //\n  // NOTE: We use an in-memory input for these getters/setters instead of the one in the template because the properties\n  // can be set before the component is rendered.\n  //\n  /**\n   * Gets or sets the current value as a `Date` object. Returns `null` if the value can't be converted. This will use the native `<input type=\"{{type}}\">` implementation and may result in an error.\n   */\n  get valueAsDate() {\n    var _a;\n    this.__dateInput.type = this.type;\n    this.__dateInput.value = this.value;\n    return ((_a = this.input) == null ? void 0 : _a.valueAsDate) || this.__dateInput.valueAsDate;\n  }\n  set valueAsDate(newValue) {\n    this.__dateInput.type = this.type;\n    this.__dateInput.valueAsDate = newValue;\n    this.value = this.__dateInput.value;\n  }\n  /** Gets or sets the current value as a number. Returns `NaN` if the value can't be converted. */\n  get valueAsNumber() {\n    var _a;\n    this.__numberInput.value = this.value;\n    return ((_a = this.input) == null ? void 0 : _a.valueAsNumber) || this.__numberInput.valueAsNumber;\n  }\n  set valueAsNumber(newValue) {\n    this.__numberInput.valueAsNumber = newValue;\n    this.value = this.__numberInput.value;\n  }\n  /** Gets the validity state object */\n  get validity() {\n    return this.input.validity;\n  }\n  /** Gets the validation message */\n  get validationMessage() {\n    return this.input.validationMessage;\n  }\n  firstUpdated() {\n    this.formControlController.updateValidity();\n  }\n  handleBlur() {\n    this.hasFocus = false;\n    this.emit(\"sl-blur\");\n  }\n  handleChange() {\n    this.value = this.input.value;\n    this.emit(\"sl-change\");\n  }\n  handleClearClick(event) {\n    event.preventDefault();\n    if (this.value !== \"\") {\n      this.value = \"\";\n      this.emit(\"sl-clear\");\n      this.emit(\"sl-input\");\n      this.emit(\"sl-change\");\n    }\n    this.input.focus();\n  }\n  handleFocus() {\n    this.hasFocus = true;\n    this.emit(\"sl-focus\");\n  }\n  handleInput() {\n    this.value = this.input.value;\n    this.formControlController.updateValidity();\n    this.emit(\"sl-input\");\n  }\n  handleInvalid(event) {\n    this.formControlController.setValidity(false);\n    this.formControlController.emitInvalidEvent(event);\n  }\n  handleKeyDown(event) {\n    const hasModifier = event.metaKey || event.ctrlKey || event.shiftKey || event.altKey;\n    if (event.key === \"Enter\" && !hasModifier) {\n      setTimeout(() => {\n        if (!event.defaultPrevented && !event.isComposing) {\n          this.formControlController.submit();\n        }\n      });\n    }\n  }\n  handlePasswordToggle() {\n    this.passwordVisible = !this.passwordVisible;\n  }\n  handleDisabledChange() {\n    this.formControlController.setValidity(this.disabled);\n  }\n  handleStepChange() {\n    this.input.step = String(this.step);\n    this.formControlController.updateValidity();\n  }\n  async handleValueChange() {\n    await this.updateComplete;\n    this.formControlController.updateValidity();\n  }\n  /** Sets focus on the input. */\n  focus(options) {\n    this.input.focus(options);\n  }\n  /** Removes focus from the input. */\n  blur() {\n    this.input.blur();\n  }\n  /** Selects all the text in the input. */\n  select() {\n    this.input.select();\n  }\n  /** Sets the start and end positions of the text selection (0-based). */\n  setSelectionRange(selectionStart, selectionEnd, selectionDirection = \"none\") {\n    this.input.setSelectionRange(selectionStart, selectionEnd, selectionDirection);\n  }\n  /** Replaces a range of text with a new string. */\n  setRangeText(replacement, start, end, selectMode = \"preserve\") {\n    const selectionStart = start != null ? start : this.input.selectionStart;\n    const selectionEnd = end != null ? end : this.input.selectionEnd;\n    this.input.setRangeText(replacement, selectionStart, selectionEnd, selectMode);\n    if (this.value !== this.input.value) {\n      this.value = this.input.value;\n    }\n  }\n  /** Displays the browser picker for an input element (only works if the browser supports it for the input type). */\n  showPicker() {\n    if (\"showPicker\" in HTMLInputElement.prototype) {\n      this.input.showPicker();\n    }\n  }\n  /** Increments the value of a numeric input type by the value of the step attribute. */\n  stepUp() {\n    this.input.stepUp();\n    if (this.value !== this.input.value) {\n      this.value = this.input.value;\n    }\n  }\n  /** Decrements the value of a numeric input type by the value of the step attribute. */\n  stepDown() {\n    this.input.stepDown();\n    if (this.value !== this.input.value) {\n      this.value = this.input.value;\n    }\n  }\n  /** Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid. */\n  checkValidity() {\n    return this.input.checkValidity();\n  }\n  /** Gets the associated form, if one exists. */\n  getForm() {\n    return this.formControlController.getForm();\n  }\n  /** Checks for validity and shows the browser's validation message if the control is invalid. */\n  reportValidity() {\n    return this.input.reportValidity();\n  }\n  /** Sets a custom validation message. Pass an empty string to restore validity. */\n  setCustomValidity(message) {\n    this.input.setCustomValidity(message);\n    this.formControlController.updateValidity();\n  }\n  render() {\n    const hasLabelSlot = this.hasSlotController.test(\"label\");\n    const hasHelpTextSlot = this.hasSlotController.test(\"help-text\");\n    const hasLabel = this.label ? true : !!hasLabelSlot;\n    const hasHelpText = this.helpText ? true : !!hasHelpTextSlot;\n    const hasClearIcon = this.clearable && !this.disabled && !this.readonly;\n    const isClearIconVisible = hasClearIcon && (typeof this.value === \"number\" || this.value.length > 0);\n    return html`\n      <div\n        part=\"form-control\"\n        class=${classMap({\n      \"form-control\": true,\n      \"form-control--small\": this.size === \"small\",\n      \"form-control--medium\": this.size === \"medium\",\n      \"form-control--large\": this.size === \"large\",\n      \"form-control--has-label\": hasLabel,\n      \"form-control--has-help-text\": hasHelpText\n    })}\n      >\n        <label\n          part=\"form-control-label\"\n          class=\"form-control__label\"\n          for=\"input\"\n          aria-hidden=${hasLabel ? \"false\" : \"true\"}\n        >\n          <slot name=\"label\">${this.label}</slot>\n        </label>\n\n        <div part=\"form-control-input\" class=\"form-control-input\">\n          <div\n            part=\"base\"\n            class=${classMap({\n      input: true,\n      // Sizes\n      \"input--small\": this.size === \"small\",\n      \"input--medium\": this.size === \"medium\",\n      \"input--large\": this.size === \"large\",\n      // States\n      \"input--pill\": this.pill,\n      \"input--standard\": !this.filled,\n      \"input--filled\": this.filled,\n      \"input--disabled\": this.disabled,\n      \"input--focused\": this.hasFocus,\n      \"input--empty\": !this.value,\n      \"input--no-spin-buttons\": this.noSpinButtons\n    })}\n          >\n            <span part=\"prefix\" class=\"input__prefix\">\n              <slot name=\"prefix\"></slot>\n            </span>\n\n            <input\n              part=\"input\"\n              id=\"input\"\n              class=\"input__control\"\n              type=${this.type === \"password\" && this.passwordVisible ? \"text\" : this.type}\n              title=${this.title}\n              name=${ifDefined(this.name)}\n              ?disabled=${this.disabled}\n              ?readonly=${this.readonly}\n              ?required=${this.required}\n              placeholder=${ifDefined(this.placeholder)}\n              minlength=${ifDefined(this.minlength)}\n              maxlength=${ifDefined(this.maxlength)}\n              min=${ifDefined(this.min)}\n              max=${ifDefined(this.max)}\n              step=${ifDefined(this.step)}\n              .value=${live(this.value)}\n              autocapitalize=${ifDefined(this.autocapitalize)}\n              autocomplete=${ifDefined(this.autocomplete)}\n              autocorrect=${ifDefined(this.autocorrect)}\n              ?autofocus=${this.autofocus}\n              spellcheck=${this.spellcheck}\n              pattern=${ifDefined(this.pattern)}\n              enterkeyhint=${ifDefined(this.enterkeyhint)}\n              inputmode=${ifDefined(this.inputmode)}\n              aria-describedby=\"help-text\"\n              @change=${this.handleChange}\n              @input=${this.handleInput}\n              @invalid=${this.handleInvalid}\n              @keydown=${this.handleKeyDown}\n              @focus=${this.handleFocus}\n              @blur=${this.handleBlur}\n            />\n\n            ${isClearIconVisible ? html`\n                  <button\n                    part=\"clear-button\"\n                    class=\"input__clear\"\n                    type=\"button\"\n                    aria-label=${this.localize.term(\"clearEntry\")}\n                    @click=${this.handleClearClick}\n                    tabindex=\"-1\"\n                  >\n                    <slot name=\"clear-icon\">\n                      <sl-icon name=\"x-circle-fill\" library=\"system\"></sl-icon>\n                    </slot>\n                  </button>\n                ` : \"\"}\n            ${this.passwordToggle && !this.disabled ? html`\n                  <button\n                    part=\"password-toggle-button\"\n                    class=\"input__password-toggle\"\n                    type=\"button\"\n                    aria-label=${this.localize.term(this.passwordVisible ? \"hidePassword\" : \"showPassword\")}\n                    @click=${this.handlePasswordToggle}\n                    tabindex=\"-1\"\n                  >\n                    ${this.passwordVisible ? html`\n                          <slot name=\"show-password-icon\">\n                            <sl-icon name=\"eye-slash\" library=\"system\"></sl-icon>\n                          </slot>\n                        ` : html`\n                          <slot name=\"hide-password-icon\">\n                            <sl-icon name=\"eye\" library=\"system\"></sl-icon>\n                          </slot>\n                        `}\n                  </button>\n                ` : \"\"}\n\n            <span part=\"suffix\" class=\"input__suffix\">\n              <slot name=\"suffix\"></slot>\n            </span>\n          </div>\n        </div>\n\n        <div\n          part=\"form-control-help-text\"\n          id=\"help-text\"\n          class=\"form-control__help-text\"\n          aria-hidden=${hasHelpText ? \"false\" : \"true\"}\n        >\n          <slot name=\"help-text\">${this.helpText}</slot>\n        </div>\n      </div>\n    `;\n  }\n};\nSlInput.styles = [component_styles_default, form_control_styles_default, input_styles_default];\nSlInput.dependencies = { \"sl-icon\": SlIcon };\n__decorateClass([\n  query(\".input__control\")\n], SlInput.prototype, \"input\", 2);\n__decorateClass([\n  state()\n], SlInput.prototype, \"hasFocus\", 2);\n__decorateClass([\n  property()\n], SlInput.prototype, \"title\", 2);\n__decorateClass([\n  property({ reflect: true })\n], SlInput.prototype, \"type\", 2);\n__decorateClass([\n  property()\n], SlInput.prototype, \"name\", 2);\n__decorateClass([\n  property()\n], SlInput.prototype, \"value\", 2);\n__decorateClass([\n  defaultValue()\n], SlInput.prototype, \"defaultValue\", 2);\n__decorateClass([\n  property({ reflect: true })\n], SlInput.prototype, \"size\", 2);\n__decorateClass([\n  property({ type: Boolean, reflect: true })\n], SlInput.prototype, \"filled\", 2);\n__decorateClass([\n  property({ type: Boolean, reflect: true })\n], SlInput.prototype, \"pill\", 2);\n__decorateClass([\n  property()\n], SlInput.prototype, \"label\", 2);\n__decorateClass([\n  property({ attribute: \"help-text\" })\n], SlInput.prototype, \"helpText\", 2);\n__decorateClass([\n  property({ type: Boolean })\n], SlInput.prototype, \"clearable\", 2);\n__decorateClass([\n  property({ type: Boolean, reflect: true })\n], SlInput.prototype, \"disabled\", 2);\n__decorateClass([\n  property()\n], SlInput.prototype, \"placeholder\", 2);\n__decorateClass([\n  property({ type: Boolean, reflect: true })\n], SlInput.prototype, \"readonly\", 2);\n__decorateClass([\n  property({ attribute: \"password-toggle\", type: Boolean })\n], SlInput.prototype, \"passwordToggle\", 2);\n__decorateClass([\n  property({ attribute: \"password-visible\", type: Boolean })\n], SlInput.prototype, \"passwordVisible\", 2);\n__decorateClass([\n  property({ attribute: \"no-spin-buttons\", type: Boolean })\n], SlInput.prototype, \"noSpinButtons\", 2);\n__decorateClass([\n  property({ reflect: true })\n], SlInput.prototype, \"form\", 2);\n__decorateClass([\n  property({ type: Boolean, reflect: true })\n], SlInput.prototype, \"required\", 2);\n__decorateClass([\n  property()\n], SlInput.prototype, \"pattern\", 2);\n__decorateClass([\n  property({ type: Number })\n], SlInput.prototype, \"minlength\", 2);\n__decorateClass([\n  property({ type: Number })\n], SlInput.prototype, \"maxlength\", 2);\n__decorateClass([\n  property()\n], SlInput.prototype, \"min\", 2);\n__decorateClass([\n  property()\n], SlInput.prototype, \"max\", 2);\n__decorateClass([\n  property()\n], SlInput.prototype, \"step\", 2);\n__decorateClass([\n  property()\n], SlInput.prototype, \"autocapitalize\", 2);\n__decorateClass([\n  property()\n], SlInput.prototype, \"autocorrect\", 2);\n__decorateClass([\n  property()\n], SlInput.prototype, \"autocomplete\", 2);\n__decorateClass([\n  property({ type: Boolean })\n], SlInput.prototype, \"autofocus\", 2);\n__decorateClass([\n  property()\n], SlInput.prototype, \"enterkeyhint\", 2);\n__decorateClass([\n  property({\n    type: Boolean,\n    converter: {\n      // Allow \"true|false\" attribute values but keep the property boolean\n      fromAttribute: (value) => !value || value === \"false\" ? false : true,\n      toAttribute: (value) => value ? \"true\" : \"false\"\n    }\n  })\n], SlInput.prototype, \"spellcheck\", 2);\n__decorateClass([\n  property()\n], SlInput.prototype, \"inputmode\", 2);\n__decorateClass([\n  watch(\"disabled\", { waitUntilFirstUpdate: true })\n], SlInput.prototype, \"handleDisabledChange\", 1);\n__decorateClass([\n  watch(\"step\", { waitUntilFirstUpdate: true })\n], SlInput.prototype, \"handleStepChange\", 1);\n__decorateClass([\n  watch(\"value\", { waitUntilFirstUpdate: true })\n], SlInput.prototype, \"handleValueChange\", 1);\n\nexport {\n  SlInput\n};\n","import {\n  SlInput\n} from \"./chunk.VM65NPGC.js\";\n\n// src/components/input/input.ts\nvar input_default = SlInput;\nSlInput.define(\"sl-input\");\n\nexport {\n  input_default\n};\n"],"names":["input_styles_default","css","SlInput","ShoelaceElement","FormControlController","HasSlotController","LocalizeController","_a","newValue","event","hasModifier","options","selectionStart","selectionEnd","selectionDirection","replacement","start","end","selectMode","message","hasLabelSlot","hasHelpTextSlot","hasLabel","hasHelpText","isClearIconVisible","html","classMap","ifDefined","live","component_styles_default","form_control_styles_default","SlIcon","__decorateClass","query","state","property","defaultValue","value","watch"],"mappings":"2iBAEA,IAAIA,EAAuBC;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAA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","x_google_ignoreList":[0,1,2]}

package/dist/chunk.XSFJLY2D-ldEKWtxN.js

@@ -0,0 +1,178 @@
+import{i as n,c as h,_ as t,n as i,S as d,b as r}from"./chunk.4TUIT776-BvlNwMXD.js";import{d as u,l as s}from"./live-z5w0O4st.js";import{f as p}from"./chunk.SI4ACBFK-BB831ml8.js";import{F as b}from"./chunk.3RPBFEDE-DI7eSlIl.js";import{H as m}from"./chunk.NYIIDP5N-AHr3eTN0.js";import{S as k,r as f}from"./chunk.YHLNUJ7P-BGNuPG1R.js";import{w as a}from"./chunk.GMYPQTFK-BT1AAYXJ.js";import{e as c}from"./class-map-DmaCJs8c.js";import{o as x}from"./if-defined-O-hFrvt0.js";import{e as v}from"./query-x48B6FB_.js";var g=n`
+  :host {
+    display: inline-block;
+  }
+
+  .checkbox {
+    position: relative;
+    display: inline-flex;
+    align-items: flex-start;
+    font-family: var(--sl-input-font-family);
+    font-weight: var(--sl-input-font-weight);
+    color: var(--sl-input-label-color);
+    vertical-align: middle;
+    cursor: pointer;
+  }
+
+  .checkbox--small {
+    --toggle-size: var(--sl-toggle-size-small);
+    font-size: var(--sl-input-font-size-small);
+  }
+
+  .checkbox--medium {
+    --toggle-size: var(--sl-toggle-size-medium);
+    font-size: var(--sl-input-font-size-medium);
+  }
+
+  .checkbox--large {
+    --toggle-size: var(--sl-toggle-size-large);
+    font-size: var(--sl-input-font-size-large);
+  }
+
+  .checkbox__control {
+    flex: 0 0 auto;
+    position: relative;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: var(--toggle-size);
+    height: var(--toggle-size);
+    border: solid var(--sl-input-border-width) var(--sl-input-border-color);
+    border-radius: 2px;
+    background-color: var(--sl-input-background-color);
+    color: var(--sl-color-neutral-0);
+    transition:
+      var(--sl-transition-fast) border-color,
+      var(--sl-transition-fast) background-color,
+      var(--sl-transition-fast) color,
+      var(--sl-transition-fast) box-shadow;
+  }
+
+  .checkbox__input {
+    position: absolute;
+    opacity: 0;
+    padding: 0;
+    margin: 0;
+    pointer-events: none;
+  }
+
+  .checkbox__checked-icon,
+  .checkbox__indeterminate-icon {
+    display: inline-flex;
+    width: var(--toggle-size);
+    height: var(--toggle-size);
+  }
+
+  /* Hover */
+  .checkbox:not(.checkbox--checked):not(.checkbox--disabled) .checkbox__control:hover {
+    border-color: var(--sl-input-border-color-hover);
+    background-color: var(--sl-input-background-color-hover);
+  }
+
+  /* Focus */
+  .checkbox:not(.checkbox--checked):not(.checkbox--disabled) .checkbox__input:focus-visible ~ .checkbox__control {
+    outline: var(--sl-focus-ring);
+    outline-offset: var(--sl-focus-ring-offset);
+  }
+
+  /* Checked/indeterminate */
+  .checkbox--checked .checkbox__control,
+  .checkbox--indeterminate .checkbox__control {
+    border-color: var(--sl-color-primary-600);
+    background-color: var(--sl-color-primary-600);
+  }
+
+  /* Checked/indeterminate + hover */
+  .checkbox.checkbox--checked:not(.checkbox--disabled) .checkbox__control:hover,
+  .checkbox.checkbox--indeterminate:not(.checkbox--disabled) .checkbox__control:hover {
+    border-color: var(--sl-color-primary-500);
+    background-color: var(--sl-color-primary-500);
+  }
+
+  /* Checked/indeterminate + focus */
+  .checkbox.checkbox--checked:not(.checkbox--disabled) .checkbox__input:focus-visible ~ .checkbox__control,
+  .checkbox.checkbox--indeterminate:not(.checkbox--disabled) .checkbox__input:focus-visible ~ .checkbox__control {
+    outline: var(--sl-focus-ring);
+    outline-offset: var(--sl-focus-ring-offset);
+  }
+
+  /* Disabled */
+  .checkbox--disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+
+  .checkbox__label {
+    display: inline-block;
+    color: var(--sl-input-label-color);
+    line-height: var(--toggle-size);
+    margin-inline-start: 0.5em;
+    user-select: none;
+    -webkit-user-select: none;
+  }
+
+  :host([required]) .checkbox__label::after {
+    content: var(--sl-input-required-content);
+    color: var(--sl-input-required-content-color);
+    margin-inline-start: var(--sl-input-required-content-offset);
+  }
+`,e=class extends d{constructor(){super(...arguments),this.formControlController=new b(this,{value:o=>o.checked?o.value||"on":void 0,defaultValue:o=>o.defaultChecked,setValue:(o,l)=>o.checked=l}),this.hasSlotController=new m(this,"help-text"),this.hasFocus=!1,this.title="",this.name="",this.size="medium",this.disabled=!1,this.checked=!1,this.indeterminate=!1,this.defaultChecked=!1,this.form="",this.required=!1,this.helpText=""}get validity(){return this.input.validity}get validationMessage(){return this.input.validationMessage}firstUpdated(){this.formControlController.updateValidity()}handleClick(){this.checked=!this.checked,this.indeterminate=!1,this.emit("sl-change")}handleBlur(){this.hasFocus=!1,this.emit("sl-blur")}handleInput(){this.emit("sl-input")}handleInvalid(o){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(o)}handleFocus(){this.hasFocus=!0,this.emit("sl-focus")}handleDisabledChange(){this.formControlController.setValidity(this.disabled)}handleStateChange(){this.input.checked=this.checked,this.input.indeterminate=this.indeterminate,this.formControlController.updateValidity()}click(){this.input.click()}focus(o){this.input.focus(o)}blur(){this.input.blur()}checkValidity(){return this.input.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.input.reportValidity()}setCustomValidity(o){this.input.setCustomValidity(o),this.formControlController.updateValidity()}render(){const o=this.hasSlotController.test("help-text"),l=this.helpText?!0:!!o;return r`
+      <div
+        class=${c({"form-control":!0,"form-control--small":this.size==="small","form-control--medium":this.size==="medium","form-control--large":this.size==="large","form-control--has-help-text":l})}
+      >
+        <label
+          part="base"
+          class=${c({checkbox:!0,"checkbox--checked":this.checked,"checkbox--disabled":this.disabled,"checkbox--focused":this.hasFocus,"checkbox--indeterminate":this.indeterminate,"checkbox--small":this.size==="small","checkbox--medium":this.size==="medium","checkbox--large":this.size==="large"})}
+        >
+          <input
+            class="checkbox__input"
+            type="checkbox"
+            title=${this.title}
+            name=${this.name}
+            value=${x(this.value)}
+            .indeterminate=${s(this.indeterminate)}
+            .checked=${s(this.checked)}
+            .disabled=${this.disabled}
+            .required=${this.required}
+            aria-checked=${this.checked?"true":"false"}
+            aria-describedby="help-text"
+            @click=${this.handleClick}
+            @input=${this.handleInput}
+            @invalid=${this.handleInvalid}
+            @blur=${this.handleBlur}
+            @focus=${this.handleFocus}
+          />
+
+          <span
+            part="control${this.checked?" control--checked":""}${this.indeterminate?" control--indeterminate":""}"
+            class="checkbox__control"
+          >
+            ${this.checked?r`
+                  <sl-icon part="checked-icon" class="checkbox__checked-icon" library="system" name="check"></sl-icon>
+                `:""}
+            ${!this.checked&&this.indeterminate?r`
+                  <sl-icon
+                    part="indeterminate-icon"
+                    class="checkbox__indeterminate-icon"
+                    library="system"
+                    name="indeterminate"
+                  ></sl-icon>
+                `:""}
+          </span>
+
+          <div part="label" class="checkbox__label">
+            <slot></slot>
+          </div>
+        </label>
+
+        <div
+          aria-hidden=${l?"false":"true"}
+          class="form-control__help-text"
+          id="help-text"
+          part="form-control-help-text"
+        >
+          <slot name="help-text">${this.helpText}</slot>
+        </div>
+      </div>
+    `}};e.styles=[h,p,g];e.dependencies={"sl-icon":k};t([v('input[type="checkbox"]')],e.prototype,"input",2);t([f()],e.prototype,"hasFocus",2);t([i()],e.prototype,"title",2);t([i()],e.prototype,"name",2);t([i()],e.prototype,"value",2);t([i({reflect:!0})],e.prototype,"size",2);t([i({type:Boolean,reflect:!0})],e.prototype,"disabled",2);t([i({type:Boolean,reflect:!0})],e.prototype,"checked",2);t([i({type:Boolean,reflect:!0})],e.prototype,"indeterminate",2);t([u("checked")],e.prototype,"defaultChecked",2);t([i({reflect:!0})],e.prototype,"form",2);t([i({type:Boolean,reflect:!0})],e.prototype,"required",2);t([i({attribute:"help-text"})],e.prototype,"helpText",2);t([a("disabled",{waitUntilFirstUpdate:!0})],e.prototype,"handleDisabledChange",1);t([a(["checked","indeterminate"],{waitUntilFirstUpdate:!0})],e.prototype,"handleStateChange",1);export{e as S};
+//# sourceMappingURL=chunk.XSFJLY2D-ldEKWtxN.js.map