@luzmo/lucero 1.0.1-alpha.15 → 1.0.1-alpha.17

package/components/streaming-listener-B00MvALi.cjs

@@ -1,18 +0,0 @@
-/*! * Lucero - The design system for Luzmo.
- * 
- * Copyright © 2025 Luzmo
- * All rights reserved.
- * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
- * This license allows users with a current active Luzmo account to use Lucero.
- * This license terminates automatically if a user no longer has an active Luzmo account.
- * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
- * 
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- * */
-"use strict";const a=require("./base-CBCg3yyw.cjs"),d=require("./async-directive-BX1T1e1_.cjs"),m=require("./directive-C7oCP5Bh.cjs"),s=["",()=>{}];class l extends d.f{constructor(){super(...arguments),this.start=s,this.streamInside=s,this.end=s,this.streamOutside=s,this.state="off",this.handleStart=e=>{this.clearStream(),this.callHandler(this.start[1],e),!e.defaultPrevented&&(this.removeListeners(),this.addListeners("on"))},this.handleInside=e=>{this.handleStream(this.streamInside[1],e)},this.handleEnd=e=>{this.clearStream(),this.callHandler(this.end[1],e),this.removeListeners(),this.addListeners("off")},this.handleOutside=e=>{this.handleStream(this.streamOutside[1],e)}}render(e){return a.E}update(e,[{start:t,end:i,streamInside:n=s,streamOutside:h=s}]){var r;this.element!==e.element&&(this.element=e.element,this.removeListeners()),this.host=((r=e.options)==null?void 0:r.host)||this.element,this.start=t,this.end=i,this.streamInside=n,this.streamOutside=h,this.addListeners()}addListeners(e){this.state=e||this.state,this.state==="off"?(this.addListener(this.streamOutside[0],this.handleOutside),this.addListener(this.start[0],this.handleStart)):this.state==="on"&&(this.addListener(this.streamInside[0],this.handleInside),this.addListener(this.end[0],this.handleEnd))}callHandler(e,t){typeof e=="function"?e.call(this.host,t):e.handleEvent(t)}handleStream(e,t){this.stream||(this.callHandler(e,t),this.stream=requestAnimationFrame(()=>{this.stream=void 0}))}clearStream(){this.stream!=null&&(cancelAnimationFrame(this.stream),this.stream=void 0)}addListener(e,t){Array.isArray(e)?e.map(i=>{this.element.addEventListener(i,t)}):this.element.addEventListener(e,t)}removeListener(e,t){Array.isArray(e)?e.map(i=>{this.element.removeEventListener(i,t)}):this.element.removeEventListener(e,t)}removeListeners(){this.removeListener(this.start[0],this.handleStart),this.removeListener(this.streamInside[0],this.handleInside),this.removeListener(this.end[0],this.handleEnd),this.removeListener(this.streamOutside[0],this.handleOutside)}disconnected(){this.removeListeners()}reconnected(){this.addListeners()}}const o=m.e(l);exports.streamingListener=o;

package/components/streaming-listener-CP-JE6Fa.js

@@ -1,91 +0,0 @@
-/*! * Lucero - The design system for Luzmo.
- * 
- * Copyright © 2025 Luzmo
- * All rights reserved.
- * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
- * This license allows users with a current active Luzmo account to use Lucero.
- * This license terminates automatically if a user no longer has an active Luzmo account.
- * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
- * 
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- * */
-import { E as a } from "./base-WsynuqaS.js";
-import { f as d } from "./async-directive-BfcqVjDp.js";
-import { e as m } from "./directive-oAbCiebi.js";
-const s = ["", () => {
-}];
-class l extends d {
-  constructor() {
-    super(...arguments), this.start = s, this.streamInside = s, this.end = s, this.streamOutside = s, this.state = "off", this.handleStart = (e) => {
-      this.clearStream(), this.callHandler(this.start[1], e), !e.defaultPrevented && (this.removeListeners(), this.addListeners("on"));
-    }, this.handleInside = (e) => {
-      this.handleStream(this.streamInside[1], e);
-    }, this.handleEnd = (e) => {
-      this.clearStream(), this.callHandler(this.end[1], e), this.removeListeners(), this.addListeners("off");
-    }, this.handleOutside = (e) => {
-      this.handleStream(this.streamOutside[1], e);
-    };
-  }
-  /* c8 ignore next 4 */
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  render(e) {
-    return a;
-  }
-  update(e, [
-    {
-      start: t,
-      end: i,
-      streamInside: n = s,
-      streamOutside: h = s
-    }
-  ]) {
-    var r;
-    this.element !== e.element && (this.element = e.element, this.removeListeners()), this.host = ((r = e.options) == null ? void 0 : r.host) || this.element, this.start = t, this.end = i, this.streamInside = n, this.streamOutside = h, this.addListeners();
-  }
-  addListeners(e) {
-    this.state = e || this.state, this.state === "off" ? (this.addListener(this.streamOutside[0], this.handleOutside), this.addListener(this.start[0], this.handleStart)) : this.state === "on" && (this.addListener(this.streamInside[0], this.handleInside), this.addListener(this.end[0], this.handleEnd));
-  }
-  callHandler(e, t) {
-    typeof e == "function" ? e.call(this.host, t) : e.handleEvent(t);
-  }
-  handleStream(e, t) {
-    this.stream || (this.callHandler(e, t), this.stream = requestAnimationFrame(() => {
-      this.stream = void 0;
-    }));
-  }
-  clearStream() {
-    this.stream != null && (cancelAnimationFrame(this.stream), this.stream = void 0);
-  }
-  addListener(e, t) {
-    Array.isArray(e) ? e.map((i) => {
-      this.element.addEventListener(i, t);
-    }) : this.element.addEventListener(e, t);
-  }
-  removeListener(e, t) {
-    Array.isArray(e) ? e.map((i) => {
-      this.element.removeEventListener(i, t);
-    }) : this.element.removeEventListener(e, t);
-  }
-  removeListeners() {
-    this.removeListener(this.start[0], this.handleStart), this.removeListener(this.streamInside[0], this.handleInside), this.removeListener(this.end[0], this.handleEnd), this.removeListener(this.streamOutside[0], this.handleOutside);
-  }
-  disconnected() {
-    this.removeListeners();
-  }
-  /* c8 ignore next 3 */
-  reconnected() {
-    this.addListeners();
-  }
-}
-const u = m(
-  l
-);
-export {
-  u as s
-};

package/components/style-map-CeilmSgs.cjs

@@ -1,22 +0,0 @@
-/*! * Lucero - The design system for Luzmo.
- * 
- * Copyright © 2025 Luzmo
- * All rights reserved.
- * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
- * This license allows users with a current active Luzmo account to use Lucero.
- * This license terminates automatically if a user no longer has an active Luzmo account.
- * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
- * 
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- * */
-"use strict";const u=require("./base-CBCg3yyw.cjs"),o=require("./directive-C7oCP5Bh.cjs");/**
- * @license
- * Copyright 2018 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */const c="important",l=" !"+c,d=o.e(class extends o.i{constructor(n){var t;if(super(n),n.type!==o.t.ATTRIBUTE||n.name!=="style"||((t=n.strings)==null?void 0:t.length)>2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(n){return Object.keys(n).reduce((t,s)=>{const e=n[s];return e==null?t:t+`${s=s.includes("-")?s:s.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${e};`},"")}update(n,[t]){const{style:s}=n.element;if(this.ft===void 0)return this.ft=new Set(Object.keys(t)),this.render(t);for(const e of this.ft)t[e]==null&&(this.ft.delete(e),e.includes("-")?s.removeProperty(e):s[e]=null);for(const e in t){const r=t[e];if(r!=null){this.ft.add(e);const i=typeof r=="string"&&r.endsWith(l);e.includes("-")||i?s.setProperty(e,i?r.slice(0,-11):r,i?c:""):s[e]=r}}return u.T}});exports.o=d;

package/components/style-map-IgqIKvlE.js

@@ -1,53 +0,0 @@
-/*! * Lucero - The design system for Luzmo.
- * 
- * Copyright © 2025 Luzmo
- * All rights reserved.
- * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
- * This license allows users with a current active Luzmo account to use Lucero.
- * This license terminates automatically if a user no longer has an active Luzmo account.
- * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
- * 
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- * */
-import { T as l } from "./base-WsynuqaS.js";
-import { e as u, i as c, t as d } from "./directive-oAbCiebi.js";
-/**
- * @license
- * Copyright 2018 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const o = "important", f = " !" + o, p = u(class extends c {
-  constructor(n) {
-    var e;
-    if (super(n), n.type !== d.ATTRIBUTE || n.name !== "style" || ((e = n.strings) == null ? void 0 : e.length) > 2) throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.");
-  }
-  render(n) {
-    return Object.keys(n).reduce((e, s) => {
-      const t = n[s];
-      return t == null ? e : e + `${s = s.includes("-") ? s : s.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g, "-$&").toLowerCase()}:${t};`;
-    }, "");
-  }
-  update(n, [e]) {
-    const { style: s } = n.element;
-    if (this.ft === void 0) return this.ft = new Set(Object.keys(e)), this.render(e);
-    for (const t of this.ft) e[t] == null && (this.ft.delete(t), t.includes("-") ? s.removeProperty(t) : s[t] = null);
-    for (const t in e) {
-      const r = e[t];
-      if (r != null) {
-        this.ft.add(t);
-        const i = typeof r == "string" && r.endsWith(f);
-        t.includes("-") || i ? s.setProperty(t, i ? r.slice(0, -11) : r, i ? o : "") : s[t] = r;
-      }
-    }
-    return l;
-  }
-});
-export {
-  p as o
-};

package/components/text-field-BYF2RHY8.cjs

@@ -1,85 +0,0 @@
-/*! * Lucero - The design system for Luzmo.
- * 
- * Copyright © 2025 Luzmo
- * All rights reserved.
- * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
- * This license allows users with a current active Luzmo account to use Lucero.
- * This license terminates automatically if a user no longer has an active Luzmo account.
- * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
- * 
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- * */
-"use strict";const t=require("./base-CBCg3yyw.cjs"),v=require("./state-D8JEtYqe.cjs"),m=require("./query-BL-TJj7K.cjs"),r=require("./if-defined-C9YGdo33.cjs"),u=require("./directive-C7oCP5Bh.cjs"),c=require("./directive-helpers-DyIRTWwA.cjs"),h=require("./luzmo-icons-D47EGj-3.cjs"),g=require("./focusable-EbipgXRh.cjs"),f=require("./sized-mixin-CPxE5C96.cjs"),$=require("./manage-help-text-DhgARkZX.cjs"),x=require("./text-field.module-DXhFA9G-.cjs");/**
- * @license
- * Copyright 2020 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */const b=u.e(class extends u.i{constructor(s){if(super(s),s.type!==u.t.PROPERTY&&s.type!==u.t.ATTRIBUTE&&s.type!==u.t.BOOLEAN_ATTRIBUTE)throw Error("The `live` directive is not allowed on child or event bindings");if(!c.f(s))throw Error("`live` bindings can only contain a single expression")}render(s){return s}update(s,[e]){if(e===t.T||e===t.E)return e;const l=s.element,a=s.name;if(s.type===u.t.PROPERTY){if(e===l[a])return t.T}else if(s.type===u.t.BOOLEAN_ATTRIBUTE){if(!!e===l.hasAttribute(a))return t.T}else if(s.type===u.t.ATTRIBUTE&&l.getAttribute(a)===e+"")return t.T;return c.m(s),e}});var E=Object.defineProperty,T=Object.getOwnPropertyDescriptor,n=(s,e,l,a)=>{for(var o=a>1?void 0:a?T(e,l):e,p=s.length-1,d;p>=0;p--)(d=s[p])&&(o=(a?d(e,l,o):d(o))||o);return a&&o&&E(e,l,o),o};const q=["text","url","tel","email","password"];class i extends $.ManageHelpText(f.SizedMixin(g.Focusable,{noDefaultSize:!0})){constructor(){super(...arguments),this.allowedKeys="",this.focused=!1,this.invalid=!1,this.label="",this.placeholder="",this._type="text",this.grows=!1,this.maxlength=-1,this.minlength=-1,this.multiline=!1,this.readonly=!1,this.rows=-1,this.valid=!1,this._value="",this.quiet=!1,this.required=!1}static get styles(){return[t.r(x.textFieldStyles)]}set type(e){const l=this._type;this._type=e,this.requestUpdate("type",l)}get type(){return q.find(e=>e===this._type)??"text"}set value(e){if(e===this.value)return;const l=this._value;this._value=e,this.requestUpdate("value",l)}get value(){return this._value}get focusElement(){return this.inputElement}setSelectionRange(e,l,a="none"){this.inputElement.setSelectionRange(e,l,a)}select(){this.inputElement.select()}handleInput(e){if(this.allowedKeys&&this.inputElement.value&&!new RegExp(`^[${this.allowedKeys}]*$`,"u").test(this.inputElement.value)){const o=this.inputElement.selectionStart-1;this.inputElement.value=this.value.toString(),this.inputElement.setSelectionRange(o,o);return}this.value=this.inputElement.value}handleChange(){this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))}onFocus(){this.focused=!this.readonly&&!0}onBlur(e){this.focused=!this.readonly&&!1}handleInputElementPointerdown(){}renderStateIcons(){return this.invalid?t.x`
-        <div id="invalid" class="icon">${h.p3(h.$)}</div>
-      `:this.valid?t.x`
-        <div id="valid" class="icon">${h.p3(h.F)}</div>
-      `:t.E}get displayValue(){return this.value.toString()}get renderMultiline(){return t.x`
-      ${this.multiline&&this.grows&&this.rows===-1?t.x`
-          <div id="sizer" class="input" aria-hidden="true">${this.value}&#8203;
-          </div>
-        `:t.E}
-      <!-- @ts-ignore -->
-      <textarea
-        name=${r.o(this.name||void 0)}
-        aria-describedby=${this.helpTextId}
-        aria-label=${this.label||this.appliedLabel||this.placeholder}
-        aria-invalid=${r.o(this.invalid||void 0)}
-        class="input"
-        maxlength=${r.o(this.maxlength>-1?this.maxlength:void 0)}
-        minlength=${r.o(this.minlength>-1?this.minlength:void 0)}
-        title=${this.invalid?"":t.E}
-        pattern=${r.o(this.pattern)}
-        placeholder=${this.placeholder}
-        .value=${this.displayValue}
-        @change=${this.handleChange}
-        @input=${this.handleInput}
-        @focus=${this.onFocus}
-        @blur=${this.onBlur}
-        ?disabled=${this.disabled}
-        ?required=${this.required}
-        ?readonly=${this.readonly}
-        rows=${r.o(this.rows>-1?this.rows:void 0)}
-        autocomplete=${r.o(this.autocomplete)}
-      ></textarea>
-    `}get renderInput(){return t.x`
-      <!-- @ts-ignore -->
-      <input
-        name=${r.o(this.name||void 0)}
-        type=${this.type}
-        aria-describedby=${this.helpTextId}
-        aria-label=${this.label||this.appliedLabel||this.placeholder}
-        aria-invalid=${r.o(this.invalid||void 0)}
-        class="input"
-        title=${this.invalid?"":t.E}
-        maxlength=${r.o(this.maxlength>-1?this.maxlength:void 0)}
-        minlength=${r.o(this.minlength>-1?this.minlength:void 0)}
-        pattern=${r.o(this.pattern)}
-        placeholder=${this.placeholder}
-        .value=${b(this.displayValue)}
-        @change=${this.handleChange}
-        @input=${this.handleInput}
-        @pointerdown=${this.handleInputElementPointerdown}
-        @focus=${this.onFocus}
-        @blur=${this.onBlur}
-        ?disabled=${this.disabled}
-        ?required=${this.required}
-        ?readonly=${this.readonly}
-        autocomplete=${r.o(this.autocomplete)}
-      />
-    `}renderField(){return t.x`
-      ${this.renderStateIcons()}
-      ${this.multiline?this.renderMultiline:this.renderInput}
-    `}render(){return t.x`
-      <div id="text-field">${this.renderField()}</div>
-      ${this.renderHelpText(this.invalid)}
-    `}update(e){(e.has("value")||e.has("required")&&this.required)&&this.updateComplete.then(()=>{this.checkValidity()}),super.update(e)}checkValidity(){let e=this.inputElement.checkValidity();return(this.required||this.value&&this.pattern)&&((this.disabled||this.multiline)&&this.pattern&&(e=new RegExp(`^${this.pattern}$`,"u").test(this.value.toString())),this.minlength!==void 0&&(e=e&&this.value.toString().length>=this.minlength),this.valid=e,this.invalid=!e),e}}n([v.r()],i.prototype,"appliedLabel",2);n([t.n({attribute:"allowed-keys"})],i.prototype,"allowedKeys",2);n([t.n({type:Boolean,reflect:!0})],i.prototype,"focused",2);n([m.e(".input:not(#sizer)")],i.prototype,"inputElement",2);n([t.n({type:Boolean,reflect:!0})],i.prototype,"invalid",2);n([t.n()],i.prototype,"label",2);n([t.n({type:String,reflect:!0})],i.prototype,"name",2);n([t.n()],i.prototype,"placeholder",2);n([v.r()],i.prototype,"type",1);n([t.n({attribute:"type",reflect:!0})],i.prototype,"_type",2);n([t.n()],i.prototype,"pattern",2);n([t.n({type:Boolean,reflect:!0})],i.prototype,"grows",2);n([t.n({type:Number})],i.prototype,"maxlength",2);n([t.n({type:Number})],i.prototype,"minlength",2);n([t.n({type:Boolean,reflect:!0})],i.prototype,"multiline",2);n([t.n({type:Boolean,reflect:!0})],i.prototype,"readonly",2);n([t.n({type:Number})],i.prototype,"rows",2);n([t.n({type:Boolean,reflect:!0})],i.prototype,"valid",2);n([t.n({type:String})],i.prototype,"value",1);n([t.n({type:Boolean,reflect:!0})],i.prototype,"quiet",2);n([t.n({type:Boolean,reflect:!0})],i.prototype,"required",2);n([t.n({type:String,reflect:!0})],i.prototype,"autocomplete",2);class y extends i{constructor(){super(...arguments),this._value=""}set value(e){if(e===this.value)return;const l=this._value;this._value=e,this.requestUpdate("value",l)}get value(){return this._value}}n([t.n({type:String})],y.prototype,"value",1);exports.LuzmoTextField=y;exports.LuzmoTextFieldBase=i;

package/components/text-field-PYafEYeO.js

@@ -1,314 +0,0 @@
-/*! * Lucero - The design system for Luzmo.
- * 
- * Copyright © 2025 Luzmo
- * All rights reserved.
- * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
- * This license allows users with a current active Luzmo account to use Lucero.
- * This license terminates automatically if a user no longer has an active Luzmo account.
- * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
- * 
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- * */
-import { T as d, E as u, r as f, x as h, n as r } from "./base-WsynuqaS.js";
-import { r as v } from "./state-Deh-vKYE.js";
-import { e as g } from "./query-D_KR_GUc.js";
-import { o as n } from "./if-defined-DOaE2coe.js";
-import { e as $, i as x, t as p } from "./directive-oAbCiebi.js";
-import { f as b, m as E } from "./directive-helpers-Cm6gitnu.js";
-import { p as y, $ as w, F as T } from "./luzmo-icons-NEyaMpEM.js";
-import { F as _ } from "./focusable-BxtpnzWp.js";
-import { S } from "./sized-mixin-D4ACoVUr.js";
-import { M as B } from "./manage-help-text-syYnjKGL.js";
-import { t as I } from "./text-field.module-C2KVUJcX.js";
-/**
- * @license
- * Copyright 2020 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const q = $(class extends x {
-  constructor(l) {
-    if (super(l), l.type !== p.PROPERTY && l.type !== p.ATTRIBUTE && l.type !== p.BOOLEAN_ATTRIBUTE) throw Error("The `live` directive is not allowed on child or event bindings");
-    if (!b(l)) throw Error("`live` bindings can only contain a single expression");
-  }
-  render(l) {
-    return l;
-  }
-  update(l, [e]) {
-    if (e === d || e === u) return e;
-    const s = l.element, a = l.name;
-    if (l.type === p.PROPERTY) {
-      if (e === s[a]) return d;
-    } else if (l.type === p.BOOLEAN_ATTRIBUTE) {
-      if (!!e === s.hasAttribute(a)) return d;
-    } else if (l.type === p.ATTRIBUTE && s.getAttribute(a) === e + "") return d;
-    return E(l), e;
-  }
-});
-var R = Object.defineProperty, F = Object.getOwnPropertyDescriptor, t = (l, e, s, a) => {
-  for (var o = a > 1 ? void 0 : a ? F(e, s) : e, c = l.length - 1, m; c >= 0; c--)
-    (m = l[c]) && (o = (a ? m(e, s, o) : m(o)) || o);
-  return a && o && R(e, s, o), o;
-};
-const O = ["text", "url", "tel", "email", "password"];
-class i extends B(
-  S(_, {
-    noDefaultSize: !0
-  })
-) {
-  constructor() {
-    super(...arguments), this.allowedKeys = "", this.focused = !1, this.invalid = !1, this.label = "", this.placeholder = "", this._type = "text", this.grows = !1, this.maxlength = -1, this.minlength = -1, this.multiline = !1, this.readonly = !1, this.rows = -1, this.valid = !1, this._value = "", this.quiet = !1, this.required = !1;
-  }
-  static get styles() {
-    return [f(I)];
-  }
-  set type(e) {
-    const s = this._type;
-    this._type = e, this.requestUpdate("type", s);
-  }
-  get type() {
-    return O.find((e) => e === this._type) ?? "text";
-  }
-  set value(e) {
-    if (e === this.value)
-      return;
-    const s = this._value;
-    this._value = e, this.requestUpdate("value", s);
-  }
-  get value() {
-    return this._value;
-  }
-  get focusElement() {
-    return this.inputElement;
-  }
-  /**
-   * Sets the start and end positions of the current selection.
-   *
-   * @param selectionStart The 0-based index of the first selected character. An index greater than the length of the
-   * element's value is treated as pointing to the end of the value.
-   * @param selectionEnd The 0-based index of the character after the last selected character. An index greater than
-   * the length of the element's value is treated as pointing to the end of the value.
-   * @param [selectionDirection="none"] A string indicating the direction in which the selection is considered to
-   * have been performed.
-   */
-  setSelectionRange(e, s, a = "none") {
-    this.inputElement.setSelectionRange(
-      e,
-      s,
-      a
-    );
-  }
-  /**
-   * Selects all the text.
-   */
-  select() {
-    this.inputElement.select();
-  }
-  handleInput(e) {
-    if (this.allowedKeys && this.inputElement.value && !new RegExp(`^[${this.allowedKeys}]*$`, "u").test(this.inputElement.value)) {
-      const o = this.inputElement.selectionStart - 1;
-      this.inputElement.value = this.value.toString(), this.inputElement.setSelectionRange(o, o);
-      return;
-    }
-    this.value = this.inputElement.value;
-  }
-  handleChange() {
-    this.dispatchEvent(
-      new Event("change", {
-        bubbles: !0,
-        composed: !0
-      })
-    );
-  }
-  onFocus() {
-    this.focused = !this.readonly && !0;
-  }
-  onBlur(e) {
-    this.focused = !this.readonly && !1;
-  }
-  handleInputElementPointerdown() {
-  }
-  renderStateIcons() {
-    return this.invalid ? h`
-        <div id="invalid" class="icon">${y(w)}</div>
-      ` : this.valid ? h`
-        <div id="valid" class="icon">${y(T)}</div>
-      ` : u;
-  }
-  get displayValue() {
-    return this.value.toString();
-  }
-  // prettier-ignore
-  get renderMultiline() {
-    return h`
-      ${this.multiline && this.grows && this.rows === -1 ? h`
-          <div id="sizer" class="input" aria-hidden="true">${this.value}&#8203;
-          </div>
-        ` : u}
-      <!-- @ts-ignore -->
-      <textarea
-        name=${n(this.name || void 0)}
-        aria-describedby=${this.helpTextId}
-        aria-label=${this.label || this.appliedLabel || this.placeholder}
-        aria-invalid=${n(this.invalid || void 0)}
-        class="input"
-        maxlength=${n(this.maxlength > -1 ? this.maxlength : void 0)}
-        minlength=${n(this.minlength > -1 ? this.minlength : void 0)}
-        title=${this.invalid ? "" : u}
-        pattern=${n(this.pattern)}
-        placeholder=${this.placeholder}
-        .value=${this.displayValue}
-        @change=${this.handleChange}
-        @input=${this.handleInput}
-        @focus=${this.onFocus}
-        @blur=${this.onBlur}
-        ?disabled=${this.disabled}
-        ?required=${this.required}
-        ?readonly=${this.readonly}
-        rows=${n(this.rows > -1 ? this.rows : void 0)}
-        autocomplete=${n(this.autocomplete)}
-      ></textarea>
-    `;
-  }
-  get renderInput() {
-    return h`
-      <!-- @ts-ignore -->
-      <input
-        name=${n(this.name || void 0)}
-        type=${this.type}
-        aria-describedby=${this.helpTextId}
-        aria-label=${this.label || this.appliedLabel || this.placeholder}
-        aria-invalid=${n(this.invalid || void 0)}
-        class="input"
-        title=${this.invalid ? "" : u}
-        maxlength=${n(this.maxlength > -1 ? this.maxlength : void 0)}
-        minlength=${n(this.minlength > -1 ? this.minlength : void 0)}
-        pattern=${n(this.pattern)}
-        placeholder=${this.placeholder}
-        .value=${q(this.displayValue)}
-        @change=${this.handleChange}
-        @input=${this.handleInput}
-        @pointerdown=${this.handleInputElementPointerdown}
-        @focus=${this.onFocus}
-        @blur=${this.onBlur}
-        ?disabled=${this.disabled}
-        ?required=${this.required}
-        ?readonly=${this.readonly}
-        autocomplete=${n(this.autocomplete)}
-      />
-    `;
-  }
-  renderField() {
-    return h`
-      ${this.renderStateIcons()}
-      ${this.multiline ? this.renderMultiline : this.renderInput}
-    `;
-  }
-  render() {
-    return h`
-      <div id="text-field">${this.renderField()}</div>
-      ${this.renderHelpText(this.invalid)}
-    `;
-  }
-  update(e) {
-    (e.has("value") || e.has("required") && this.required) && this.updateComplete.then(() => {
-      this.checkValidity();
-    }), super.update(e);
-  }
-  checkValidity() {
-    let e = this.inputElement.checkValidity();
-    return (this.required || this.value && this.pattern) && ((this.disabled || this.multiline) && this.pattern && (e = new RegExp(`^${this.pattern}$`, "u").test(this.value.toString())), this.minlength !== void 0 && (e = e && this.value.toString().length >= this.minlength), this.valid = e, this.invalid = !e), e;
-  }
-}
-t([
-  v()
-], i.prototype, "appliedLabel", 2);
-t([
-  r({ attribute: "allowed-keys" })
-], i.prototype, "allowedKeys", 2);
-t([
-  r({ type: Boolean, reflect: !0 })
-], i.prototype, "focused", 2);
-t([
-  g(".input:not(#sizer)")
-], i.prototype, "inputElement", 2);
-t([
-  r({ type: Boolean, reflect: !0 })
-], i.prototype, "invalid", 2);
-t([
-  r()
-], i.prototype, "label", 2);
-t([
-  r({ type: String, reflect: !0 })
-], i.prototype, "name", 2);
-t([
-  r()
-], i.prototype, "placeholder", 2);
-t([
-  v()
-], i.prototype, "type", 1);
-t([
-  r({ attribute: "type", reflect: !0 })
-], i.prototype, "_type", 2);
-t([
-  r()
-], i.prototype, "pattern", 2);
-t([
-  r({ type: Boolean, reflect: !0 })
-], i.prototype, "grows", 2);
-t([
-  r({ type: Number })
-], i.prototype, "maxlength", 2);
-t([
-  r({ type: Number })
-], i.prototype, "minlength", 2);
-t([
-  r({ type: Boolean, reflect: !0 })
-], i.prototype, "multiline", 2);
-t([
-  r({ type: Boolean, reflect: !0 })
-], i.prototype, "readonly", 2);
-t([
-  r({ type: Number })
-], i.prototype, "rows", 2);
-t([
-  r({ type: Boolean, reflect: !0 })
-], i.prototype, "valid", 2);
-t([
-  r({ type: String })
-], i.prototype, "value", 1);
-t([
-  r({ type: Boolean, reflect: !0 })
-], i.prototype, "quiet", 2);
-t([
-  r({ type: Boolean, reflect: !0 })
-], i.prototype, "required", 2);
-t([
-  r({ type: String, reflect: !0 })
-], i.prototype, "autocomplete", 2);
-class A extends i {
-  constructor() {
-    super(...arguments), this._value = "";
-  }
-  set value(e) {
-    if (e === this.value)
-      return;
-    const s = this._value;
-    this._value = e, this.requestUpdate("value", s);
-  }
-  get value() {
-    return this._value;
-  }
-}
-t([
-  r({ type: String })
-], A.prototype, "value", 1);
-export {
-  A as L,
-  i as a
-};