@luzmo/lucero 1.0.1-alpha.9 → 1.0.2

package/components/element-resolution-FCUT-wql.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.
- * */
-const h = Symbol("element resolver updated");
-class d {
-  constructor(e, { selector: l } = { selector: "" }) {
-    this._element = null, this._selector = "", this.mutationCallback = (t) => {
-      let s = !1;
-      t.forEach((r) => {
-        if (!s) {
-          if (r.type === "childList") {
-            const o = this.element && [...r.removedNodes].includes(this.element), i = !!this.selector && [...r.addedNodes].some(
-              (n) => this.elementIsSelected(n)
-            );
-            s = s || o || i;
-          }
-          if (r.type === "attributes") {
-            const o = r.target === this.element, i = !!this.selector && this.elementIsSelected(r.target);
-            s = s || o || i;
-          }
-        }
-      }), s && this.resolveElement();
-    }, this.elementIsSelected = (t) => {
-      var s;
-      return this.selectorIsId ? (t == null ? void 0 : t.id) === this.selectorAsId : (s = t == null ? void 0 : t.matches) == null ? void 0 : s.call(t, this.selector);
-    }, this.host = e, this.selector = l, this.observer = new MutationObserver(this.mutationCallback), this.host.addController(this);
-  }
-  get element() {
-    return this._element;
-  }
-  set element(e) {
-    if (e === this.element)
-      return;
-    const l = this.element;
-    this._element = e, this.host.requestUpdate(h, l);
-  }
-  get selector() {
-    return this._selector;
-  }
-  set selector(e) {
-    e !== this.selector && (this.releaseElement(), this._selector = e, this.resolveElement());
-  }
-  get selectorAsId() {
-    return this.selector.slice(1);
-  }
-  get selectorIsId() {
-    return !!this.selector && this.selector.startsWith("#");
-  }
-  hostConnected() {
-    this.resolveElement(), this.observer.observe(this.host.getRootNode(), {
-      subtree: !0,
-      childList: !0,
-      attributes: !0
-    });
-  }
-  hostDisconnected() {
-    this.releaseElement(), this.observer.disconnect();
-  }
-  resolveElement() {
-    if (!this.selector) {
-      this.releaseElement();
-      return;
-    }
-    const e = this.host.getRootNode();
-    this.element = this.selectorIsId ? (
-      // eslint-disable-next-line unicorn/prefer-query-selector
-      e.getElementById(this.selectorAsId)
-    ) : e.querySelector(this.selector);
-  }
-  releaseElement() {
-    this.element = null;
-  }
-}
-export {
-  d as E,
-  h as e
-};

package/components/field-group-DXfBWrkO.js

@@ -1,66 +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 { a as d, r as p, x as u, n as l } from "./base-WsynuqaS.js";
-import { M as h } from "./manage-help-text-syYnjKGL.js";
-const f = '.luzmo-FieldGroup--toplabel{flex-direction:column}.luzmo-FieldGroup--sidelabel{flex-direction:row}.group{flex-flow:column wrap;display:flex}:host([vertical]) .group{flex-direction:column}:host([horizontal]) .group{flex-direction:row}:host([horizontal]) .group slot:not([name])::slotted(:not(:last-child)){margin-inline-end:var(--field-group-margin)}:host([horizontal]) .group .luzmo-HelpText{flex-basis:100%}:host{--field-group-margin: 16px;--field-group-readonly-delimiter: ","}:host([horizontal][dir=rtl]) slot:not([name])::slotted(*:not(:last-child)),:host([dir=rtl]:not([vertical])) slot:not([name])::slotted(*:not(:last-child)){margin:0 0 0 var(--field-group-margin)}:host([horizontal][dir=ltr]) slot:not([name])::slotted(*:not(:last-child)),:host([dir=ltr]:not([vertical])) slot:not([name])::slotted(*:not(:last-child)){margin:0 var(--field-group-margin) 0 0}';
-var m = Object.defineProperty, o = (i, t, s, c) => {
-  for (var e = void 0, a = i.length - 1, n; a >= 0; a--)
-    (n = i[a]) && (e = n(t, s, e) || e);
-  return e && m(t, s, e), e;
-};
-class r extends h(d, {
-  mode: "external"
-}) {
-  constructor() {
-    super(...arguments), this.horizontal = !1, this.invalid = !1, this.label = "", this.vertical = !1;
-  }
-  static get styles() {
-    return [p(f)];
-  }
-  handleSlotchange() {
-  }
-  render() {
-    return u`
-      <div class="group" role="presentation">
-        <slot @slotchange=${this.handleSlotchange}></slot>
-      </div>
-      ${this.renderHelpText(this.invalid)}
-    `;
-  }
-  firstUpdated(t) {
-    super.firstUpdated(t), this.hasAttribute("role") || this.setAttribute("role", "group");
-  }
-  updated(t) {
-    super.updated(t), t.has("label") && (this.label ? this.setAttribute("aria-label", this.label) : this.removeAttribute("aria-label"));
-  }
-}
-o([
-  l({ type: Boolean, reflect: !0 })
-], r.prototype, "horizontal");
-o([
-  l({ type: Boolean, reflect: !0 })
-], r.prototype, "invalid");
-o([
-  l()
-], r.prototype, "label");
-o([
-  l({ type: Boolean, reflect: !0 })
-], r.prototype, "vertical");
-export {
-  r as L
-};

package/components/field-group-DkGst3r5.cjs

@@ -1,23 +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 e=require("./base-CBCg3yyw.cjs"),d=require("./manage-help-text-DhgARkZX.cjs"),u='.luzmo-FieldGroup--toplabel{flex-direction:column}.luzmo-FieldGroup--sidelabel{flex-direction:row}.group{flex-flow:column wrap;display:flex}:host([vertical]) .group{flex-direction:column}:host([horizontal]) .group{flex-direction:row}:host([horizontal]) .group slot:not([name])::slotted(:not(:last-child)){margin-inline-end:var(--field-group-margin)}:host([horizontal]) .group .luzmo-HelpText{flex-basis:100%}:host{--field-group-margin: 16px;--field-group-readonly-delimiter: ","}:host([horizontal][dir=rtl]) slot:not([name])::slotted(*:not(:last-child)),:host([dir=rtl]:not([vertical])) slot:not([name])::slotted(*:not(:last-child)){margin:0 0 0 var(--field-group-margin)}:host([horizontal][dir=ltr]) slot:not([name])::slotted(*:not(:last-child)),:host([dir=ltr]:not([vertical])) slot:not([name])::slotted(*:not(:last-child)){margin:0 var(--field-group-margin) 0 0}';var p=Object.defineProperty,r=(i,t,n,h)=>{for(var l=void 0,a=i.length-1,s;a>=0;a--)(s=i[a])&&(l=s(t,n,l)||l);return l&&p(t,n,l),l};class o extends d.ManageHelpText(e.LuzmoElement,{mode:"external"}){constructor(){super(...arguments),this.horizontal=!1,this.invalid=!1,this.label="",this.vertical=!1}static get styles(){return[e.r(u)]}handleSlotchange(){}render(){return e.x`
-      <div class="group" role="presentation">
-        <slot @slotchange=${this.handleSlotchange}></slot>
-      </div>
-      ${this.renderHelpText(this.invalid)}
-    `}firstUpdated(t){super.firstUpdated(t),this.hasAttribute("role")||this.setAttribute("role","group")}updated(t){super.updated(t),t.has("label")&&(this.label?this.setAttribute("aria-label",this.label):this.removeAttribute("aria-label"))}}r([e.n({type:Boolean,reflect:!0})],o.prototype,"horizontal");r([e.n({type:Boolean,reflect:!0})],o.prototype,"invalid");r([e.n()],o.prototype,"label");r([e.n({type:Boolean,reflect:!0})],o.prototype,"vertical");exports.LuzmoFieldGroup=o;

package/components/field-label-CZ2zzChK.js

@@ -1,106 +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 { a as b, r as g, E as m, x as d, n as r } from "./base-WsynuqaS.js";
-import { e as h } from "./query-D_KR_GUc.js";
-import { c, a as u } from "./condition-attribute-with-id-Dv4lSRbe.js";
-import { r as p } from "./random-id-ByCz1xaq.js";
-import { E as z, e as v } from "./element-resolution-FCUT-wql.js";
-import { S as x } from "./sized-mixin-D4ACoVUr.js";
-const k = ":host{box-sizing:border-box;min-block-size:var(--luzmo-field-label-min-height, var(--field-label-min-height));padding-block:var(--luzmo-field-label-padding-block, var(--luzmo-field-label-top-to-text, var(--field-label-top-to-text)) var(--luzmo-field-label-bottom-to-text, var(--field-label-bottom-to-text)));padding-inline:0;padding-inline:var(--luzmo-field-label-padding-inline, 0);margin-block:0;margin-block:var(--luzmo-field-label-margin-block, var(--luzmo-field-label-margin-block-start, 0) var(--luzmo-field-label-margin-block-end, 0));margin-inline:0;margin-inline:var(--luzmo-field-label-margin-inline, var(--luzmo-field-label-margin-inline-start, 0) var(--luzmo-field-label-margin-inline-end, 0));font-size:var(--luzmo-field-label-font-size, var(--field-label-font-size));font-weight:var(--luzmo-field-label-font-weight, var(--field-label-font-weight));line-height:var(--luzmo-field-label-line-height, var(--field-label-line-height));-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto;color:var(--luzmo-field-label-color, var(--field-label-color));display:block;font-family:var(--luzmo-field-label-font-family, var(--luzmo-font-family))}:host(:lang(ja)),:host(:lang(ko)),:host(:lang(zh)){--luzmo-field-label-line-height: var( --luzmo-field-label-line-height-cjk, var(--field-label-line-height-cjk) )}:host([disabled]),:host([disabled]) .required-icon{--luzmo-field-label-color: var( --highcontrast-field-label-disabled-content-color, var( --luzmo-disabled-content-color, var(--field-label-disabled-content-color) ) )}.required-icon{display:inline-block;margin-block:0;margin-inline:var(--luzmo-field-label-text-to-asterisk, var(--field-label-text-to-asterisk)) 0;vertical-align:initial;vertical-align:var(--luzmo-field-label-asterisk-vertical-align, baseline)}:host([side-aligned=start]),:host([side-aligned=end]){vertical-align:top;margin-block-start:0;margin-block-end:0;margin-inline-end:var(--luzmo-field-label-side-padding-right, var(--field-label-side-padding-right));display:inline-flex;align-items:center;font-size:var(--luzmo-field-label-side-aligned-font-size, var(--field-label-side-aligned-font-size));block-size:var(--luzmo-field-label-side-aligned-height, var(--field-label-side-aligned-height))}:host([side-aligned=end]){text-align:end}@media (forced-colors: active){:host{--highcontrast-field-label-disabled-content-color: GrayText}}:host{--field-label-color: var(--luzmo-font-color);--field-label-font-weight: var(--luzmo-font-weight);--field-label-line-height: var(--luzmo-line-height);--field-label-line-height-cjk: 1.5;--field-label-disabled-content-color: var(--luzmo-font-color-disabled)}:host{--field-label-min-height: var(--luzmo-component-height-xs);--field-label-side-aligned-height: var(--luzmo-component-height);--field-label-top-to-text: calc(var(--luzmo-spacing-2));--field-label-bottom-to-text: var(--luzmo-spacing-2);--field-label-side-aligned-font-size: var(--luzmo-font-size);--field-label-font-size: var(--luzmo-font-size-s);--field-label-side-padding-right: var(--luzmo-spacing-4);--field-label-text-to-asterisk: 0px}:host([size=s]){--field-label-min-height: var(--luzmo-component-height-xxs);--field-label-side-aligned-height: var(--luzmo-component-height-s);--field-label-top-to-text: calc(var(--luzmo-spacing-1));--field-label-bottom-to-text: var(--luzmo-spacing-1);--field-label-side-aligned-font-size: var(--luzmo-font-size-s);--field-label-font-size: var(--luzmo-font-size-xs);--field-label-side-padding-right: var(--luzmo-spacing-3);--field-label-text-to-asterisk: 0px}:host([size=l]){--field-label-min-height: var(--luzmo-component-height-xs);--field-label-side-aligned-height: var(--luzmo-component-height-l);--field-label-top-to-text: var(--luzmo-spacing-3);--field-label-bottom-to-text: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) );--field-label-side-aligned-font-size: var(--luzmo-font-size-l);--field-label-font-size: var(--luzmo-font-size);--field-label-side-padding-right: var(--luzmo-spacing-4);--field-label-text-to-asterisk: var(--luzmo-spacing-1)}:host([size=xl]){--field-label-min-height: var(--luzmo-component-height-s);--field-label-side-aligned-height: var(--luzmo-component-height-xl);--field-label-top-to-text: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) );--field-label-bottom-to-text: var(--luzmo-spacing-3);--field-label-side-aligned-font-size: var(--luzmo-font-size-xl);--field-label-font-size: var(--luzmo-font-size-l);--field-label-side-padding-right: var(--luzmo-spacing-4);--field-label-text-to-asterisk: var(--luzmo-spacing-1)}label{display:inline-block}";
-var y = Object.defineProperty, o = (s, e, t, l) => {
-  for (var i = void 0, a = s.length - 1, f; a >= 0; a--)
-    (f = s[a]) && (i = f(e, t, i) || i);
-  return i && y(e, t, i), i;
-};
-const E = () => d`
-  <div class="icon-container required-icon">*</div>
-`;
-class n extends x(b, {
-  noDefaultSize: !0
-}) {
-  constructor() {
-    super(...arguments), this.disabled = !1, this.id = "", this.for = "", this.required = !1, this.resolvedElement = new z(this);
-  }
-  static get styles() {
-    return [g(k)];
-  }
-  handleClick(e) {
-    if (!this.target || this.disabled || e.defaultPrevented)
-      return;
-    this.target.focus();
-    const t = this.getRootNode(), l = this.target, i = l.getRootNode(), a = i.host;
-    i === t && l.forceFocusVisible ? l.forceFocusVisible() : a && a.forceFocusVisible && a.forceFocusVisible();
-  }
-  applyTargetLabel(e) {
-    if (this.target = e || this.target, this.target) {
-      const t = this.target.applyFocusElementLabel, l = this.target.focusElement || this.target, i = l.getRootNode();
-      t !== void 0 ? t(this.labelText, this) : i === this.getRootNode() ? (e ? c : u)(l, "aria-labelledby", [this.id]) : e ? l.setAttribute("aria-label", this.labelText) : l.removeAttribute("aria-label");
-    }
-  }
-  async manageTarget() {
-    this.applyTargetLabel();
-    const e = this.resolvedElement.element;
-    if (!e) {
-      this.target = e;
-      return;
-    }
-    e.localName.search("-") > 0 && await customElements.whenDefined(e.localName), e.updateComplete !== void 0 && await e.updateComplete, this.applyTargetLabel(e);
-  }
-  get labelText() {
-    const e = this.slotEl.assignedNodes({ flatten: !0 });
-    return e.length === 0 ? "" : e.map(
-      (l) => (l.textContent || /* c8 ignore next */
-      "").trim()
-    ).join(" ");
-  }
-  render() {
-    return d`
-      <label>
-        <slot></slot>
-        ${this.required ? d` ${E()} ` : m}
-      </label>
-    `;
-  }
-  firstUpdated(e) {
-    super.firstUpdated(e), this.addEventListener("click", this.handleClick);
-  }
-  willUpdate(e) {
-    this.hasAttribute("id") || this.setAttribute("id", `${this.tagName.toLowerCase()}-${p()}`), e.has("for") && (this.resolvedElement.selector = this.for ? `#${this.for}` : ""), (e.has("id") || e.has(v)) && this.manageTarget();
-  }
-}
-o([
-  r({ type: Boolean, reflect: !0 })
-], n.prototype, "disabled");
-o([
-  r({ type: String })
-], n.prototype, "id");
-o([
-  r({ type: String })
-], n.prototype, "for");
-o([
-  r({ type: Boolean, reflect: !0 })
-], n.prototype, "required");
-o([
-  h("slot")
-], n.prototype, "slotEl");
-o([
-  r({ type: String, reflect: !0, attribute: "side-aligned" })
-], n.prototype, "sideAligned");
-export {
-  n as L
-};

package/components/field-label-mO1AkUgR.cjs

@@ -1,25 +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"),g=require("./query-BL-TJj7K.cjs"),f=require("./condition-attribute-with-id-DrQYZzFS.cjs"),h=require("./random-id-CqvckpWe.cjs"),b=require("./element-resolution-BvRLGqIU.cjs"),c=require("./sized-mixin-CPxE5C96.cjs"),m=":host{box-sizing:border-box;min-block-size:var(--luzmo-field-label-min-height, var(--field-label-min-height));padding-block:var(--luzmo-field-label-padding-block, var(--luzmo-field-label-top-to-text, var(--field-label-top-to-text)) var(--luzmo-field-label-bottom-to-text, var(--field-label-bottom-to-text)));padding-inline:0;padding-inline:var(--luzmo-field-label-padding-inline, 0);margin-block:0;margin-block:var(--luzmo-field-label-margin-block, var(--luzmo-field-label-margin-block-start, 0) var(--luzmo-field-label-margin-block-end, 0));margin-inline:0;margin-inline:var(--luzmo-field-label-margin-inline, var(--luzmo-field-label-margin-inline-start, 0) var(--luzmo-field-label-margin-inline-end, 0));font-size:var(--luzmo-field-label-font-size, var(--field-label-font-size));font-weight:var(--luzmo-field-label-font-weight, var(--field-label-font-weight));line-height:var(--luzmo-field-label-line-height, var(--field-label-line-height));-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto;color:var(--luzmo-field-label-color, var(--field-label-color));display:block;font-family:var(--luzmo-field-label-font-family, var(--luzmo-font-family))}:host(:lang(ja)),:host(:lang(ko)),:host(:lang(zh)){--luzmo-field-label-line-height: var( --luzmo-field-label-line-height-cjk, var(--field-label-line-height-cjk) )}:host([disabled]),:host([disabled]) .required-icon{--luzmo-field-label-color: var( --highcontrast-field-label-disabled-content-color, var( --luzmo-disabled-content-color, var(--field-label-disabled-content-color) ) )}.required-icon{display:inline-block;margin-block:0;margin-inline:var(--luzmo-field-label-text-to-asterisk, var(--field-label-text-to-asterisk)) 0;vertical-align:initial;vertical-align:var(--luzmo-field-label-asterisk-vertical-align, baseline)}:host([side-aligned=start]),:host([side-aligned=end]){vertical-align:top;margin-block-start:0;margin-block-end:0;margin-inline-end:var(--luzmo-field-label-side-padding-right, var(--field-label-side-padding-right));display:inline-flex;align-items:center;font-size:var(--luzmo-field-label-side-aligned-font-size, var(--field-label-side-aligned-font-size));block-size:var(--luzmo-field-label-side-aligned-height, var(--field-label-side-aligned-height))}:host([side-aligned=end]){text-align:end}@media (forced-colors: active){:host{--highcontrast-field-label-disabled-content-color: GrayText}}:host{--field-label-color: var(--luzmo-font-color);--field-label-font-weight: var(--luzmo-font-weight);--field-label-line-height: var(--luzmo-line-height);--field-label-line-height-cjk: 1.5;--field-label-disabled-content-color: var(--luzmo-font-color-disabled)}:host{--field-label-min-height: var(--luzmo-component-height-xs);--field-label-side-aligned-height: var(--luzmo-component-height);--field-label-top-to-text: calc(var(--luzmo-spacing-2));--field-label-bottom-to-text: var(--luzmo-spacing-2);--field-label-side-aligned-font-size: var(--luzmo-font-size);--field-label-font-size: var(--luzmo-font-size-s);--field-label-side-padding-right: var(--luzmo-spacing-4);--field-label-text-to-asterisk: 0px}:host([size=s]){--field-label-min-height: var(--luzmo-component-height-xxs);--field-label-side-aligned-height: var(--luzmo-component-height-s);--field-label-top-to-text: calc(var(--luzmo-spacing-1));--field-label-bottom-to-text: var(--luzmo-spacing-1);--field-label-side-aligned-font-size: var(--luzmo-font-size-s);--field-label-font-size: var(--luzmo-font-size-xs);--field-label-side-padding-right: var(--luzmo-spacing-3);--field-label-text-to-asterisk: 0px}:host([size=l]){--field-label-min-height: var(--luzmo-component-height-xs);--field-label-side-aligned-height: var(--luzmo-component-height-l);--field-label-top-to-text: var(--luzmo-spacing-3);--field-label-bottom-to-text: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) );--field-label-side-aligned-font-size: var(--luzmo-font-size-l);--field-label-font-size: var(--luzmo-font-size);--field-label-side-padding-right: var(--luzmo-spacing-4);--field-label-text-to-asterisk: var(--luzmo-spacing-1)}:host([size=xl]){--field-label-min-height: var(--luzmo-component-height-s);--field-label-side-aligned-height: var(--luzmo-component-height-xl);--field-label-top-to-text: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) );--field-label-bottom-to-text: var(--luzmo-spacing-3);--field-label-side-aligned-font-size: var(--luzmo-font-size-xl);--field-label-font-size: var(--luzmo-font-size-l);--field-label-side-padding-right: var(--luzmo-spacing-4);--field-label-text-to-asterisk: var(--luzmo-spacing-1)}label{display:inline-block}";var u=Object.defineProperty,r=(s,e,a,l)=>{for(var i=void 0,o=s.length-1,d;o>=0;o--)(d=s[o])&&(i=d(e,a,i)||i);return i&&u(e,a,i),i};const z=()=>t.x`
-  <div class="icon-container required-icon">*</div>
-`;class n extends c.SizedMixin(t.LuzmoElement,{noDefaultSize:!0}){constructor(){super(...arguments),this.disabled=!1,this.id="",this.for="",this.required=!1,this.resolvedElement=new b.ElementResolutionController(this)}static get styles(){return[t.r(m)]}handleClick(e){if(!this.target||this.disabled||e.defaultPrevented)return;this.target.focus();const a=this.getRootNode(),l=this.target,i=l.getRootNode(),o=i.host;i===a&&l.forceFocusVisible?l.forceFocusVisible():o&&o.forceFocusVisible&&o.forceFocusVisible()}applyTargetLabel(e){if(this.target=e||this.target,this.target){const a=this.target.applyFocusElementLabel,l=this.target.focusElement||this.target,i=l.getRootNode();a!==void 0?a(this.labelText,this):i===this.getRootNode()?(e?f.conditionAttributeWithId:f.conditionAttributeWithoutId)(l,"aria-labelledby",[this.id]):e?l.setAttribute("aria-label",this.labelText):l.removeAttribute("aria-label")}}async manageTarget(){this.applyTargetLabel();const e=this.resolvedElement.element;if(!e){this.target=e;return}e.localName.search("-")>0&&await customElements.whenDefined(e.localName),e.updateComplete!==void 0&&await e.updateComplete,this.applyTargetLabel(e)}get labelText(){const e=this.slotEl.assignedNodes({flatten:!0});return e.length===0?"":e.map(l=>(l.textContent||"").trim()).join(" ")}render(){return t.x`
-      <label>
-        <slot></slot>
-        ${this.required?t.x` ${z()} `:t.E}
-      </label>
-    `}firstUpdated(e){super.firstUpdated(e),this.addEventListener("click",this.handleClick)}willUpdate(e){this.hasAttribute("id")||this.setAttribute("id",`${this.tagName.toLowerCase()}-${h.randomID()}`),e.has("for")&&(this.resolvedElement.selector=this.for?`#${this.for}`:""),(e.has("id")||e.has(b.elementResolverUpdatedSymbol))&&this.manageTarget()}}r([t.n({type:Boolean,reflect:!0})],n.prototype,"disabled");r([t.n({type:String})],n.prototype,"id");r([t.n({type:String})],n.prototype,"for");r([t.n({type:Boolean,reflect:!0})],n.prototype,"required");r([g.e("slot")],n.prototype,"slotEl");r([t.n({type:String,reflect:!0,attribute:"side-aligned"})],n.prototype,"sideAligned");exports.LuzmoFieldLabel=n;