@uplynk/lynk-design 1.11.3 → 1.12.1

package/cdn/chunks/chunk.ZSCRZV4S.js

@@ -1,372 +0,0 @@
-import {
-  dropdown_styles_default
-} from "./chunk.ADOEVMCQ.js";
-import {
-  getTabbableBoundary
-} from "./chunk.LXDTFLWU.js";
-import {
-  LynkPopup
-} from "./chunk.KBRBEOAH.js";
-import {
-  waitForEvent
-} from "./chunk.B4BZKR24.js";
-import {
-  animateTo,
-  stopAnimations
-} from "./chunk.ONECFZZX.js";
-import {
-  getAnimation,
-  setDefaultAnimation
-} from "./chunk.JSLXCIMZ.js";
-import {
-  LocalizeController
-} from "./chunk.VS2OBD6I.js";
-import {
-  o
-} from "./chunk.XQGSWNOO.js";
-import {
-  e
-} from "./chunk.BB43Q4ZV.js";
-import {
-  watch
-} from "./chunk.RB5L7E7Z.js";
-import {
-  LynkElement,
-  e as e2,
-  n
-} from "./chunk.OZC3U74R.js";
-import {
-  component_styles_default
-} from "./chunk.ADWNFIQR.js";
-import {
-  x
-} from "./chunk.BW3AXSF6.js";
-import {
-  __decorateClass
-} from "./chunk.QIOX6AG5.js";
-
-// src/components/dropdown/dropdown.component.ts
-var LynkDropdown = class extends LynkElement {
-  constructor() {
-    super(...arguments);
-    this.localize = new LocalizeController(this);
-    this.open = false;
-    this.placement = "bottom-start";
-    this.disabled = false;
-    this.stayOpenOnSelect = false;
-    this.distance = 0;
-    this.skidding = 0;
-    this.block = false;
-    this.hoist = false;
-    this.sync = void 0;
-    this.handleKeyDown = (event) => {
-      if (this.open && event.key === "Escape") {
-        event.stopPropagation();
-        this.hide();
-        this.focusOnTrigger();
-      }
-    };
-    this.handleDocumentKeyDown = (event) => {
-      var _a;
-      if (event.key === "Escape" && this.open) {
-        event.stopPropagation();
-        this.focusOnTrigger();
-        this.hide();
-        return;
-      }
-      if (event.key === "Tab") {
-        if (this.open && ((_a = document.activeElement) == null ? void 0 : _a.tagName.toLowerCase()) === "lynk-menu-item") {
-          event.preventDefault();
-          this.hide();
-          this.focusOnTrigger();
-          return;
-        }
-        setTimeout(() => {
-          var _a2, _b, _c;
-          const activeElement = ((_a2 = this.containingElement) == null ? void 0 : _a2.getRootNode()) instanceof ShadowRoot ? (_c = (_b = document.activeElement) == null ? void 0 : _b.shadowRoot) == null ? void 0 : _c.activeElement : document.activeElement;
-          if (!this.containingElement || (activeElement == null ? void 0 : activeElement.closest(this.containingElement.tagName.toLowerCase())) !== this.containingElement) {
-            this.hide();
-          }
-        });
-      }
-    };
-    this.handleDocumentMouseDown = (event) => {
-      const path = event.composedPath();
-      if (this.containingElement && !path.includes(this.containingElement)) {
-        this.hide();
-      }
-    };
-    this.handlePanelSelect = (event) => {
-      const target = event.target;
-      if (!this.stayOpenOnSelect && target.tagName.toLowerCase() === "lynk-menu") {
-        this.hide();
-        this.focusOnTrigger();
-      }
-    };
-  }
-  connectedCallback() {
-    super.connectedCallback();
-    if (!this.containingElement) {
-      this.containingElement = this;
-    }
-  }
-  firstUpdated() {
-    this.panel.hidden = !this.open;
-    if (this.open) {
-      this.addOpenListeners();
-      this.popup.active = true;
-    }
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback();
-    this.removeOpenListeners();
-    this.hide();
-  }
-  focusOnTrigger() {
-    const trigger = this.trigger.assignedElements({ flatten: true })[0];
-    if (typeof (trigger == null ? void 0 : trigger.focus) === "function") {
-      trigger.focus();
-    }
-  }
-  getMenu() {
-    return this.panel.assignedElements({ flatten: true }).find((el) => el.tagName.toLowerCase() === "lynk-menu");
-  }
-  handleTriggerClick() {
-    if (this.open) {
-      this.hide();
-    } else {
-      this.show();
-      this.focusOnTrigger();
-    }
-  }
-  async handleTriggerKeyDown(event) {
-    if ([" ", "Enter"].includes(event.key)) {
-      event.preventDefault();
-      this.handleTriggerClick();
-      return;
-    }
-    const menu = this.getMenu();
-    if (menu) {
-      const menuItems = menu.getAllItems();
-      const firstMenuItem = menuItems[0];
-      const lastMenuItem = menuItems[menuItems.length - 1];
-      if (["ArrowDown", "ArrowUp", "Home", "End"].includes(event.key)) {
-        event.preventDefault();
-        if (!this.open) {
-          this.show();
-          await this.updateComplete;
-        }
-        if (menuItems.length > 0) {
-          this.updateComplete.then(() => {
-            if (event.key === "ArrowDown" || event.key === "Home") {
-              menu.setCurrentItem(firstMenuItem);
-              firstMenuItem.focus();
-            }
-            if (event.key === "ArrowUp" || event.key === "End") {
-              menu.setCurrentItem(lastMenuItem);
-              lastMenuItem.focus();
-            }
-          });
-        }
-      }
-    }
-  }
-  handleTriggerKeyUp(event) {
-    if (event.key === " ") {
-      event.preventDefault();
-    }
-  }
-  handleTriggerSlotChange() {
-    this.updateAccessibleTrigger();
-  }
-  //
-  // Slotted triggers can be arbitrary content, but we need to link them to the dropdown panel with `aria-haspopup` and
-  // `aria-expanded`. These must be applied to the "accessible trigger" (the tabbable portion of the trigger element
-  // that gets slotted in) so screen readers will understand them. The accessible trigger could be the slotted element,
-  // a child of the slotted element, or an element in the slotted element's shadow root.
-  //
-  // For example, the accessible trigger of an <lynk-button> is a <button> located inside its shadow root.
-  //
-  // To determine this, we assume the first tabbable element in the trigger slot is the "accessible trigger."
-  //
-  updateAccessibleTrigger() {
-    const assignedElements = this.trigger.assignedElements({ flatten: true });
-    const accessibleTrigger = assignedElements.find((el) => getTabbableBoundary(el).start);
-    let target;
-    if (accessibleTrigger) {
-      switch (accessibleTrigger.tagName.toLowerCase()) {
-        // Lynk buttons have to update the internal button so it's announced correctly by screen readers
-        case "lynk-button":
-        case "lynk-icon-button":
-          target = accessibleTrigger.button;
-          break;
-        default:
-          target = accessibleTrigger;
-      }
-      target.setAttribute("aria-haspopup", "true");
-      target.setAttribute("aria-expanded", this.open ? "true" : "false");
-    }
-  }
-  /** Shows the dropdown panel. */
-  async show() {
-    if (this.open) {
-      return void 0;
-    }
-    this.open = true;
-    return waitForEvent(this, "ev-after-show");
-  }
-  /** Hides the dropdown panel */
-  async hide() {
-    if (!this.open) {
-      return void 0;
-    }
-    this.open = false;
-    return waitForEvent(this, "ev-after-hide");
-  }
-  /**
-   * Instructs the dropdown menu to reposition. Useful when the position or size of the trigger changes when the menu
-   * is activated.
-   */
-  reposition() {
-    this.popup.reposition();
-  }
-  addOpenListeners() {
-    this.panel.addEventListener("ev-select", this.handlePanelSelect);
-    this.panel.addEventListener("keydown", this.handleKeyDown);
-    document.addEventListener("keydown", this.handleDocumentKeyDown);
-    document.addEventListener("mousedown", this.handleDocumentMouseDown);
-  }
-  removeOpenListeners() {
-    if (this.panel) {
-      this.panel.removeEventListener("ev-select", this.handlePanelSelect);
-      this.panel.removeEventListener("keydown", this.handleKeyDown);
-    }
-    document.removeEventListener("keydown", this.handleDocumentKeyDown);
-    document.removeEventListener("mousedown", this.handleDocumentMouseDown);
-  }
-  async handleOpenChange() {
-    if (this.disabled) {
-      this.open = false;
-      return;
-    }
-    this.updateAccessibleTrigger();
-    if (this.open) {
-      this.emit("ev-show");
-      this.addOpenListeners();
-      await stopAnimations(this);
-      this.panel.hidden = false;
-      this.popup.active = true;
-      const { keyframes, options } = getAnimation(this, "dropdown.show", { dir: this.localize.dir() });
-      await animateTo(this.popup.popup, keyframes, options);
-      this.emit("ev-after-show");
-    } else {
-      this.emit("ev-hide");
-      this.removeOpenListeners();
-      await stopAnimations(this);
-      const { keyframes, options } = getAnimation(this, "dropdown.hide", { dir: this.localize.dir() });
-      await animateTo(this.popup.popup, keyframes, options);
-      this.panel.hidden = true;
-      this.popup.active = false;
-      this.emit("ev-after-hide");
-    }
-  }
-  render() {
-    return x`
-      <lynk-popup
-        part="base"
-        exportparts="popup:base__popup"
-        id="dropdown"
-        placement=${this.placement}
-        distance=${this.distance}
-        skidding=${this.skidding}
-        strategy=${this.hoist ? "fixed" : "absolute"}
-        flip
-        shift
-        auto-size="vertical"
-        auto-size-padding="10"
-        sync=${o(this.sync ? this.sync : void 0)}
-        class=${e({
-      dropdown: true,
-      "dropdown--open": this.open
-    })}
-      >
-        <slot
-          name="trigger"
-          slot="anchor"
-          part="trigger"
-          class="dropdown__trigger"
-          @click=${this.handleTriggerClick}
-          @keydown=${this.handleTriggerKeyDown}
-          @keyup=${this.handleTriggerKeyUp}
-          @slotchange=${this.handleTriggerSlotChange}
-        ></slot>
-
-        <div aria-hidden=${this.open ? "false" : "true"} aria-labelledby="dropdown">
-          <slot part="panel" class="dropdown__panel"></slot>
-        </div>
-      </lynk-popup>
-    `;
-  }
-};
-LynkDropdown.styles = [component_styles_default, dropdown_styles_default];
-LynkDropdown.dependencies = { "lynk-popup": LynkPopup };
-__decorateClass([
-  e2(".dropdown")
-], LynkDropdown.prototype, "popup", 2);
-__decorateClass([
-  e2(".dropdown__trigger")
-], LynkDropdown.prototype, "trigger", 2);
-__decorateClass([
-  e2(".dropdown__panel")
-], LynkDropdown.prototype, "panel", 2);
-__decorateClass([
-  n({ type: Boolean, reflect: true })
-], LynkDropdown.prototype, "open", 2);
-__decorateClass([
-  n({ reflect: true })
-], LynkDropdown.prototype, "placement", 2);
-__decorateClass([
-  n({ type: Boolean, reflect: true })
-], LynkDropdown.prototype, "disabled", 2);
-__decorateClass([
-  n({ attribute: "stay-open-on-select", type: Boolean, reflect: true })
-], LynkDropdown.prototype, "stayOpenOnSelect", 2);
-__decorateClass([
-  n({ attribute: false })
-], LynkDropdown.prototype, "containingElement", 2);
-__decorateClass([
-  n({ type: Number })
-], LynkDropdown.prototype, "distance", 2);
-__decorateClass([
-  n({ type: Number })
-], LynkDropdown.prototype, "skidding", 2);
-__decorateClass([
-  n({ type: Boolean, reflect: true })
-], LynkDropdown.prototype, "block", 2);
-__decorateClass([
-  n({ type: Boolean })
-], LynkDropdown.prototype, "hoist", 2);
-__decorateClass([
-  n({ reflect: true })
-], LynkDropdown.prototype, "sync", 2);
-__decorateClass([
-  watch("open", { waitUntilFirstUpdate: true })
-], LynkDropdown.prototype, "handleOpenChange", 1);
-setDefaultAnimation("dropdown.show", {
-  keyframes: [
-    { opacity: 0, scale: 0.9 },
-    { opacity: 1, scale: 1 }
-  ],
-  options: { duration: 100, easing: "ease" }
-});
-setDefaultAnimation("dropdown.hide", {
-  keyframes: [
-    { opacity: 1, scale: 1 },
-    { opacity: 0, scale: 0.9 }
-  ],
-  options: { duration: 100, easing: "ease" }
-});
-
-export {
-  LynkDropdown
-};

package/cdn/chunks/chunk.ZSKRA3BQ.js

@@ -1,21 +0,0 @@
-import {
-  LynkNavGroup
-} from "./chunk.ZZAQSSN3.js";
-
-// src/react/nav-group/index.ts
-import * as React from "react";
-import { createComponent } from "@lit/react";
-var tagName = "lynk-nav-group";
-LynkNavGroup.define("lynk-nav-group");
-var reactWrapper = createComponent({
-  tagName,
-  elementClass: LynkNavGroup,
-  react: React,
-  events: {},
-  displayName: "LynkNavGroup"
-});
-var nav_group_default = reactWrapper;
-
-export {
-  nav_group_default
-};

package/cdn/chunks/chunk.ZYFEV46X.js

@@ -1,11 +0,0 @@
-import {
-  LynkMutationObserver
-} from "./chunk.DEAMMFY6.js";
-
-// src/components/mutation-observer/mutation-observer.ts
-var mutation_observer_default = LynkMutationObserver;
-LynkMutationObserver.define("lynk-mutation-observer");
-
-export {
-  mutation_observer_default
-};

package/cdn/chunks/chunk.ZZAQSSN3.js

@@ -1,88 +0,0 @@
-import {
-  nav_group_styles_default
-} from "./chunk.O6EASOX3.js";
-import {
-  HasSlotController
-} from "./chunk.OW5NIGGX.js";
-import {
-  e
-} from "./chunk.BB43Q4ZV.js";
-import {
-  watch
-} from "./chunk.RB5L7E7Z.js";
-import {
-  LynkElement,
-  n,
-  r
-} from "./chunk.OZC3U74R.js";
-import {
-  component_styles_default
-} from "./chunk.ADWNFIQR.js";
-import {
-  x
-} from "./chunk.BW3AXSF6.js";
-import {
-  __decorateClass
-} from "./chunk.QIOX6AG5.js";
-
-// src/components/nav-group/nav-group.component.ts
-var LynkNavGroup = class extends LynkElement {
-  constructor() {
-    super(...arguments);
-    this.hasSlotController = new HasSlotController(this, "heading");
-    this.squished = false;
-    this.heading = "";
-  }
-  connectedCallback() {
-    super.connectedCallback();
-    this.setAttribute("role", "group");
-  }
-  firstUpdated() {
-    this.handleSquished();
-  }
-  handleSquished() {
-    if (this.squished) {
-      this.setAttribute("squished", this.squished ? "true" : "false");
-    } else {
-      this.removeAttribute("squished");
-    }
-  }
-  render() {
-    const hasHeadingSlot = this.hasSlotController.test("heading");
-    const hasHeading = this.heading ? true : !!hasHeadingSlot;
-    return x`
-      <div
-        id="heading"
-        part="base"
-        class=${e({
-      "nav-group__heading": true
-    })}
-        aria-hidden=${hasHeading ? "false" : "true"}
-      >
-        <slot name="heading">${this.heading}</slot>
-      </div>
-
-      <slot
-        part="children"
-        class=${e({
-      "nav-group": true,
-      "nav-group--squished": this.squished
-    })}
-      ></slot>
-    `;
-  }
-};
-LynkNavGroup.styles = [component_styles_default, nav_group_styles_default];
-__decorateClass([
-  r()
-], LynkNavGroup.prototype, "squished", 2);
-__decorateClass([
-  n({ reflect: true })
-], LynkNavGroup.prototype, "heading", 2);
-__decorateClass([
-  watch("squished", { waitUntilFirstUpdate: true })
-], LynkNavGroup.prototype, "handleSquished", 1);
-
-export {
-  LynkNavGroup
-};

package/dist/chunks/chunk.23GIWWSU.js

@@ -1,24 +0,0 @@
-import {
-  LynkTag
-} from "./chunk.DBRJ7PJR.js";
-
-// src/react/tag/index.ts
-import * as React from "react";
-import { createComponent } from "@lit/react";
-import "@lit/react";
-var tagName = "lynk-tag";
-LynkTag.define("lynk-tag");
-var reactWrapper = createComponent({
-  tagName,
-  elementClass: LynkTag,
-  react: React,
-  events: {
-    EvRemove: "ev-remove"
-  },
-  displayName: "LynkTag"
-});
-var tag_default = reactWrapper;
-
-export {
-  tag_default
-};

package/dist/chunks/chunk.23HPDV2C.js

@@ -1,111 +0,0 @@
-import {
-  mutation_observer_styles_default
-} from "./chunk.2W6X55FG.js";
-import {
-  watch
-} from "./chunk.GQZ7EGMM.js";
-import {
-  LynkElement
-} from "./chunk.DEGSHN2L.js";
-import {
-  component_styles_default
-} from "./chunk.Y7724W4D.js";
-import {
-  __decorateClass
-} from "./chunk.Q44EX5TP.js";
-
-// src/components/mutation-observer/mutation-observer.component.ts
-import { html } from "lit";
-import { property } from "lit/decorators.js";
-var LynkMutationObserver = class extends LynkElement {
-  constructor() {
-    super(...arguments);
-    this.attrOldValue = false;
-    this.charData = false;
-    this.charDataOldValue = false;
-    this.childList = false;
-    this.disabled = false;
-    this.handleMutation = (mutationList) => {
-      this.emit("ev-mutation", {
-        detail: { mutationList }
-      });
-    };
-  }
-  connectedCallback() {
-    super.connectedCallback();
-    this.mutationObserver = new MutationObserver(this.handleMutation);
-    if (!this.disabled) {
-      this.startObserver();
-    }
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback();
-    this.stopObserver();
-  }
-  startObserver() {
-    const observeAttributes = typeof this.attr === "string" && this.attr.length > 0;
-    const attributeFilter = observeAttributes && this.attr !== "*" ? this.attr.split(" ") : void 0;
-    try {
-      this.mutationObserver.observe(this, {
-        subtree: true,
-        childList: this.childList,
-        attributes: observeAttributes,
-        attributeFilter,
-        attributeOldValue: this.attrOldValue,
-        characterData: this.charData,
-        characterDataOldValue: this.charDataOldValue
-      });
-    } catch (e) {
-    }
-  }
-  stopObserver() {
-    this.mutationObserver.disconnect();
-  }
-  handleDisabledChange() {
-    if (this.disabled) {
-      this.stopObserver();
-    } else {
-      this.startObserver();
-    }
-  }
-  handleChange() {
-    this.stopObserver();
-    this.startObserver();
-  }
-  render() {
-    return html` <slot></slot> `;
-  }
-};
-LynkMutationObserver.styles = [component_styles_default, mutation_observer_styles_default];
-__decorateClass([
-  property({ reflect: true })
-], LynkMutationObserver.prototype, "attr", 2);
-__decorateClass([
-  property({ attribute: "attr-old-value", type: Boolean, reflect: true })
-], LynkMutationObserver.prototype, "attrOldValue", 2);
-__decorateClass([
-  property({ attribute: "char-data", type: Boolean, reflect: true })
-], LynkMutationObserver.prototype, "charData", 2);
-__decorateClass([
-  property({ attribute: "char-data-old-value", type: Boolean, reflect: true })
-], LynkMutationObserver.prototype, "charDataOldValue", 2);
-__decorateClass([
-  property({ attribute: "child-list", type: Boolean, reflect: true })
-], LynkMutationObserver.prototype, "childList", 2);
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], LynkMutationObserver.prototype, "disabled", 2);
-__decorateClass([
-  watch("disabled")
-], LynkMutationObserver.prototype, "handleDisabledChange", 1);
-__decorateClass([
-  watch("attr", { waitUntilFirstUpdate: true }),
-  watch("attr-old-value", { waitUntilFirstUpdate: true }),
-  watch("char-data", { waitUntilFirstUpdate: true }),
-  watch("char-data-old-value", { waitUntilFirstUpdate: true }),
-  watch("childList", { waitUntilFirstUpdate: true })
-], LynkMutationObserver.prototype, "handleChange", 1);
-
-export {
-  LynkMutationObserver
-};

package/dist/chunks/chunk.23M5RVR4.js

@@ -1,11 +0,0 @@
-import {
-  LynkBadge
-} from "./chunk.4ZRSNCZW.js";
-
-// src/components/badge/badge.ts
-var badge_default = LynkBadge;
-LynkBadge.define("lynk-badge");
-
-export {
-  badge_default
-};

package/dist/chunks/chunk.26UINBJY.js

@@ -1,11 +0,0 @@
-import {
-  LynkTabGroup
-} from "./chunk.JTLSV3XG.js";
-
-// src/components/tab-group/tab-group.ts
-var tab_group_default = LynkTabGroup;
-LynkTabGroup.define("lynk-tab-group");
-
-export {
-  tab_group_default
-};

package/dist/chunks/chunk.2D2YROF7.js

@@ -1,11 +0,0 @@
-import {
-  LynkBreadcrumbItem
-} from "./chunk.D5QLKR6R.js";
-
-// src/components/breadcrumb-item/breadcrumb-item.ts
-var breadcrumb_item_default = LynkBreadcrumbItem;
-LynkBreadcrumbItem.define("lynk-breadcrumb-item");
-
-export {
-  breadcrumb_item_default
-};

package/dist/chunks/chunk.2JTFJPVG.js

@@ -1,11 +0,0 @@
-import {
-  LynkMutationObserver
-} from "./chunk.23HPDV2C.js";
-
-// src/components/mutation-observer/mutation-observer.ts
-var mutation_observer_default = LynkMutationObserver;
-LynkMutationObserver.define("lynk-mutation-observer");
-
-export {
-  mutation_observer_default
-};

package/dist/chunks/chunk.2LL2SBGD.js

@@ -1,21 +0,0 @@
-import {
-  LynkSpinner
-} from "./chunk.2SPG6TRY.js";
-
-// src/react/spinner/index.ts
-import * as React from "react";
-import { createComponent } from "@lit/react";
-var tagName = "lynk-spinner";
-LynkSpinner.define("lynk-spinner");
-var reactWrapper = createComponent({
-  tagName,
-  elementClass: LynkSpinner,
-  react: React,
-  events: {},
-  displayName: "LynkSpinner"
-});
-var spinner_default = reactWrapper;
-
-export {
-  spinner_default
-};