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

package/components/like-anchor-v3cJ9RWM.js

@@ -0,0 +1,80 @@
+/*! * 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 { html } from "lit";
+import { property } from "lit/decorators.js";
+import { ifDefined } from "lit/directives/if-defined.js";
+var __defProp = Object.defineProperty;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = void 0;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = decorator(target, key, result) || result;
+  if (result) __defProp(target, key, result);
+  return result;
+};
+function LikeAnchor(constructor) {
+  class LikeAnchorElement extends constructor {
+    renderAnchor({
+      id,
+      className,
+      ariaHidden,
+      labelledby,
+      tabindex,
+      // prettier-ignore
+      anchorContent = html`<slot></slot>`
+    }) {
+      return html`
+            <a
+              id=${id}
+              class=${ifDefined(className)}
+              href=${ifDefined(this.href)}
+              download=${ifDefined(this.download)}
+              target=${ifDefined(this.target)}
+              aria-label=${ifDefined(this.label)}
+              aria-labelledby=${ifDefined(labelledby)}
+              aria-hidden=${ifDefined(ariaHidden ? "true" : void 0)}
+              tabindex=${ifDefined(tabindex)}
+              referrerpolicy=${ifDefined(this.referrerpolicy)}
+              rel=${ifDefined(this.rel)}
+          >${anchorContent}</a>
+        `;
+    }
+  }
+  __decorateClass([
+    property()
+  ], LikeAnchorElement.prototype, "download");
+  __decorateClass([
+    property()
+  ], LikeAnchorElement.prototype, "label");
+  __decorateClass([
+    property()
+  ], LikeAnchorElement.prototype, "href");
+  __decorateClass([
+    property()
+  ], LikeAnchorElement.prototype, "target");
+  __decorateClass([
+    property()
+  ], LikeAnchorElement.prototype, "referrerpolicy");
+  __decorateClass([
+    property()
+  ], LikeAnchorElement.prototype, "rel");
+  return LikeAnchorElement;
+}
+export {
+  LikeAnchor as L
+};

package/components/manage-help-text-BYx84zZR.cjs

@@ -0,0 +1,125 @@
+/*! * 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 lit = require("lit");
+const ifDefined_js = require("lit/directives/if-defined.js");
+const conditionAttributeWithId = require("./condition-attribute-with-id-DEc2Yjne.cjs");
+const randomId = require("./random-id-BE6HA503.cjs");
+class HelpTextManager {
+  constructor(host, { mode } = { mode: "internal" }) {
+    this.mode = "internal";
+    this.handleSlotchange = ({
+      target
+    }) => {
+      this.handleHelpText(target);
+      this.handleNegativeHelpText(target);
+    };
+    this.host = host;
+    this.id = `luzmo-help-text-${randomId.randomID()}`;
+    this.mode = mode;
+  }
+  get isInternal() {
+    return this.mode === "internal";
+  }
+  render(negative) {
+    return lit.html`
+      <div
+        id=${ifDefined_js.ifDefined(this.isInternal ? this.id : void 0)}
+        aria-live="assertive"
+      >
+        <slot
+          name=${negative ? "negative-help-text" : `pass-through-help-text-${randomId.randomID()}`}
+          @slotchange=${this.handleSlotchange}
+        >
+          <slot name="help-text"></slot>
+        </slot>
+      </div>
+    `;
+  }
+  addId() {
+    const id = this.helpTextElement ? this.helpTextElement.id : this.id;
+    this.conditionId = conditionAttributeWithId.conditionAttributeWithId(
+      this.host,
+      "aria-describedby",
+      id
+    );
+    if (this.host.hasAttribute("tabindex")) {
+      this.previousTabindex = Number.parseFloat(
+        this.host.getAttribute("tabindex")
+      );
+    }
+    this.host.tabIndex = 0;
+  }
+  removeId() {
+    if (this.conditionId) {
+      this.conditionId();
+      delete this.conditionId;
+    }
+    if (this.helpTextElement) {
+      return;
+    }
+    if (this.previousTabindex) {
+      this.host.tabIndex = this.previousTabindex;
+    } else {
+      this.host.removeAttribute("tabindex");
+    }
+  }
+  handleHelpText(target) {
+    if (this.isInternal) {
+      return;
+    }
+    if (this.helpTextElement && this.helpTextElement.id === this.id) {
+      this.helpTextElement.removeAttribute("id");
+    }
+    this.removeId();
+    const assignedElements = target.assignedElements();
+    const nextHelpTextElement = assignedElements[0];
+    this.helpTextElement = nextHelpTextElement;
+    if (nextHelpTextElement) {
+      if (!nextHelpTextElement.id) {
+        nextHelpTextElement.id = this.id;
+      }
+      this.addId();
+    }
+  }
+  handleNegativeHelpText(target) {
+    if (target.name !== "negative-help-text") {
+      return;
+    }
+    const assignedElements = target.assignedElements();
+    assignedElements.forEach(
+      (el) => el.variant = "negative"
+    );
+  }
+}
+function ManageHelpText(constructor, { mode } = { mode: "internal" }) {
+  class HelpTextElement extends constructor {
+    constructor() {
+      super(...arguments);
+      this.helpTextManager = new HelpTextManager(this, { mode });
+    }
+    get helpTextId() {
+      return this.helpTextManager.id;
+    }
+    renderHelpText(negative) {
+      return this.helpTextManager.render(negative);
+    }
+  }
+  return HelpTextElement;
+}
+exports.ManageHelpText = ManageHelpText;

package/components/manage-help-text-DOuMTGht.js

@@ -0,0 +1,126 @@
+/*! * 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 { html } from "lit";
+import { ifDefined } from "lit/directives/if-defined.js";
+import { c as conditionAttributeWithId } from "./condition-attribute-with-id-Cn815e9W.js";
+import { r as randomID } from "./random-id-BEc6QIUL.js";
+class HelpTextManager {
+  constructor(host, { mode } = { mode: "internal" }) {
+    this.mode = "internal";
+    this.handleSlotchange = ({
+      target
+    }) => {
+      this.handleHelpText(target);
+      this.handleNegativeHelpText(target);
+    };
+    this.host = host;
+    this.id = `luzmo-help-text-${randomID()}`;
+    this.mode = mode;
+  }
+  get isInternal() {
+    return this.mode === "internal";
+  }
+  render(negative) {
+    return html`
+      <div
+        id=${ifDefined(this.isInternal ? this.id : void 0)}
+        aria-live="assertive"
+      >
+        <slot
+          name=${negative ? "negative-help-text" : `pass-through-help-text-${randomID()}`}
+          @slotchange=${this.handleSlotchange}
+        >
+          <slot name="help-text"></slot>
+        </slot>
+      </div>
+    `;
+  }
+  addId() {
+    const id = this.helpTextElement ? this.helpTextElement.id : this.id;
+    this.conditionId = conditionAttributeWithId(
+      this.host,
+      "aria-describedby",
+      id
+    );
+    if (this.host.hasAttribute("tabindex")) {
+      this.previousTabindex = Number.parseFloat(
+        this.host.getAttribute("tabindex")
+      );
+    }
+    this.host.tabIndex = 0;
+  }
+  removeId() {
+    if (this.conditionId) {
+      this.conditionId();
+      delete this.conditionId;
+    }
+    if (this.helpTextElement) {
+      return;
+    }
+    if (this.previousTabindex) {
+      this.host.tabIndex = this.previousTabindex;
+    } else {
+      this.host.removeAttribute("tabindex");
+    }
+  }
+  handleHelpText(target) {
+    if (this.isInternal) {
+      return;
+    }
+    if (this.helpTextElement && this.helpTextElement.id === this.id) {
+      this.helpTextElement.removeAttribute("id");
+    }
+    this.removeId();
+    const assignedElements = target.assignedElements();
+    const nextHelpTextElement = assignedElements[0];
+    this.helpTextElement = nextHelpTextElement;
+    if (nextHelpTextElement) {
+      if (!nextHelpTextElement.id) {
+        nextHelpTextElement.id = this.id;
+      }
+      this.addId();
+    }
+  }
+  handleNegativeHelpText(target) {
+    if (target.name !== "negative-help-text") {
+      return;
+    }
+    const assignedElements = target.assignedElements();
+    assignedElements.forEach(
+      (el) => el.variant = "negative"
+    );
+  }
+}
+function ManageHelpText(constructor, { mode } = { mode: "internal" }) {
+  class HelpTextElement extends constructor {
+    constructor() {
+      super(...arguments);
+      this.helpTextManager = new HelpTextManager(this, { mode });
+    }
+    get helpTextId() {
+      return this.helpTextManager.id;
+    }
+    renderHelpText(negative) {
+      return this.helpTextManager.render(negative);
+    }
+  }
+  return HelpTextElement;
+}
+export {
+  ManageHelpText as M
+};