@uplynk/lynk-design 1.11.3 → 1.12.0

package/dist/chunks/chunk.OQJH2DC2.js

@@ -1,29 +0,0 @@
-import {
-  LynkTreeItem
-} from "./chunk.OKAXIFTE.js";
-
-// src/react/tree-item/index.ts
-import * as React from "react";
-import { createComponent } from "@lit/react";
-import "@lit/react";
-var tagName = "lynk-tree-item";
-LynkTreeItem.define("lynk-tree-item");
-var reactWrapper = createComponent({
-  tagName,
-  elementClass: LynkTreeItem,
-  react: React,
-  events: {
-    EvExpand: "ev-expand",
-    EvAfterExpand: "ev-after-expand",
-    EvCollapse: "ev-collapse",
-    EvAfterCollapse: "ev-after-collapse",
-    EvLazyChange: "ev-lazy-change",
-    EvLazyLoad: "ev-lazy-load"
-  },
-  displayName: "LynkTreeItem"
-});
-var tree_item_default = reactWrapper;
-
-export {
-  tree_item_default
-};

package/dist/chunks/chunk.OQMATRB5.js

@@ -1,277 +0,0 @@
-import {
-  tooltip_styles_default
-} from "./chunk.FGRWDPVX.js";
-import {
-  LynkPopup
-} from "./chunk.HX54CHGM.js";
-import {
-  waitForEvent
-} from "./chunk.B4BZKR24.js";
-import {
-  animateTo,
-  parseDuration,
-  stopAnimations
-} from "./chunk.5SGOC3ZM.js";
-import {
-  getAnimation,
-  setDefaultAnimation
-} from "./chunk.SPWJX47D.js";
-import {
-  LocalizeController
-} from "./chunk.NJBJM2FD.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/tooltip/tooltip.component.ts
-import { classMap } from "lit/directives/class-map.js";
-import { html } from "lit";
-import { property, query } from "lit/decorators.js";
-var LynkTooltip = class extends LynkElement {
-  constructor() {
-    super();
-    this.localize = new LocalizeController(this);
-    this.content = "";
-    this.placement = "top";
-    this.disabled = false;
-    this.distance = 8;
-    this.open = false;
-    this.skidding = 0;
-    this.noArrow = false;
-    this.trigger = "hover focus";
-    this.hoist = false;
-    this.handleBlur = () => {
-      if (this.hasTrigger("focus")) {
-        this.hide();
-      }
-    };
-    this.handleClick = () => {
-      if (this.hasTrigger("click")) {
-        if (this.open) {
-          this.hide();
-        } else {
-          this.show();
-        }
-      }
-    };
-    this.handleFocus = () => {
-      if (this.hasTrigger("focus")) {
-        this.show();
-      }
-    };
-    this.handleDocumentKeyDown = (event) => {
-      if (this.open && event.key === "Escape") {
-        event.stopPropagation();
-        this.hide();
-      }
-    };
-    this.handleMouseOver = () => {
-      if (this.hasTrigger("hover")) {
-        const delay = parseDuration(getComputedStyle(this).getPropertyValue("--show-delay"));
-        clearTimeout(this.hoverTimeout);
-        this.hoverTimeout = window.setTimeout(() => void this.show(), delay);
-      }
-    };
-    this.handleMouseOut = () => {
-      if (this.hasTrigger("hover")) {
-        const delay = parseDuration(getComputedStyle(this).getPropertyValue("--hide-delay"));
-        clearTimeout(this.hoverTimeout);
-        this.hoverTimeout = window.setTimeout(() => void this.hide(), delay);
-      }
-    };
-    this.addEventListener("blur", this.handleBlur, true);
-    this.addEventListener("focus", this.handleFocus, true);
-    this.addEventListener("click", this.handleClick);
-    this.addEventListener("mouseover", this.handleMouseOver);
-    this.addEventListener("mouseout", this.handleMouseOut);
-  }
-  disconnectedCallback() {
-    var _a;
-    super.disconnectedCallback();
-    (_a = this.closeWatcher) == null ? void 0 : _a.destroy();
-    document.removeEventListener("keydown", this.handleDocumentKeyDown);
-  }
-  firstUpdated() {
-    this.body.hidden = !this.open;
-    if (this.open) {
-      this.popup.active = true;
-      this.popup.reposition();
-    }
-  }
-  hasTrigger(triggerType) {
-    const triggers = this.trigger.split(" ");
-    return triggers.includes(triggerType);
-  }
-  async handleOpenChange() {
-    var _a, _b;
-    if (this.open) {
-      if (this.disabled) {
-        return;
-      }
-      this.emit("ev-show");
-      if ("CloseWatcher" in window) {
-        (_a = this.closeWatcher) == null ? void 0 : _a.destroy();
-        this.closeWatcher = new CloseWatcher();
-        this.closeWatcher.onclose = () => {
-          this.hide();
-        };
-      } else {
-        document.addEventListener("keydown", this.handleDocumentKeyDown);
-      }
-      await stopAnimations(this.body);
-      this.body.hidden = false;
-      this.popup.active = true;
-      const { keyframes, options } = getAnimation(this, "tooltip.show", { dir: this.localize.dir() });
-      await animateTo(this.popup.popup, keyframes, options);
-      this.emit("ev-after-show");
-    } else {
-      this.emit("ev-hide");
-      (_b = this.closeWatcher) == null ? void 0 : _b.destroy();
-      document.removeEventListener("keydown", this.handleDocumentKeyDown);
-      await stopAnimations(this.body);
-      const { keyframes, options } = getAnimation(this, "tooltip.hide", { dir: this.localize.dir() });
-      await animateTo(this.popup.popup, keyframes, options);
-      this.popup.active = false;
-      this.body.hidden = true;
-      this.emit("ev-after-hide");
-    }
-  }
-  async handleOptionsChange() {
-    if (this.hasUpdated) {
-      await this.updateComplete;
-      this.popup.reposition();
-    }
-  }
-  handleDisabledChange() {
-    if (this.disabled && this.open) {
-      this.hide();
-    }
-  }
-  /** Shows the tooltip. */
-  async show() {
-    if (this.open) {
-      return void 0;
-    }
-    this.open = true;
-    return waitForEvent(this, "ev-after-show");
-  }
-  /** Hides the tooltip */
-  async hide() {
-    if (!this.open) {
-      return void 0;
-    }
-    this.open = false;
-    return waitForEvent(this, "ev-after-hide");
-  }
-  //
-  // NOTE: Tooltip is a bit unique in that we're using aria-live instead of aria-labelledby to trick screen readers into
-  // announcing the content. It works really well, but it violates an accessibility rule. We're also adding the
-  // aria-describedby attribute to a slot, which is required by <sl-popup> to correctly locate the first assigned
-  // element, otherwise positioning is incorrect.
-  //
-  render() {
-    return html`
-      <lynk-popup
-        part="base"
-        exportparts="
-          popup:base__popup,
-          arrow:base__arrow
-        "
-        class=${classMap({
-      tooltip: true,
-      "tooltip--open": this.open
-    })}
-        placement=${this.placement}
-        distance=${this.distance}
-        skidding=${this.skidding}
-        strategy=${this.hoist ? "fixed" : "absolute"}
-        flip
-        shift
-        ?arrow=${!this.noArrow}
-        hover-bridge
-      >
-        ${""}
-        <slot slot="anchor" aria-describedby="tooltip"></slot>
-
-        ${""}
-        <div part="body" id="tooltip" class="tooltip__body" role="tooltip" aria-live=${this.open ? "polite" : "off"}>
-          <slot name="content">${this.content}</slot>
-        </div>
-      </lynk-popup>
-    `;
-  }
-};
-LynkTooltip.styles = [component_styles_default, tooltip_styles_default];
-LynkTooltip.dependencies = { "lynk-popup": LynkPopup };
-__decorateClass([
-  query("slot:not([name])")
-], LynkTooltip.prototype, "defaultSlot", 2);
-__decorateClass([
-  query(".tooltip__body")
-], LynkTooltip.prototype, "body", 2);
-__decorateClass([
-  query("lynk-popup")
-], LynkTooltip.prototype, "popup", 2);
-__decorateClass([
-  property()
-], LynkTooltip.prototype, "content", 2);
-__decorateClass([
-  property()
-], LynkTooltip.prototype, "placement", 2);
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], LynkTooltip.prototype, "disabled", 2);
-__decorateClass([
-  property({ type: Number })
-], LynkTooltip.prototype, "distance", 2);
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], LynkTooltip.prototype, "open", 2);
-__decorateClass([
-  property({ type: Number })
-], LynkTooltip.prototype, "skidding", 2);
-__decorateClass([
-  property({ attribute: "no-arrow", type: Boolean, reflect: true })
-], LynkTooltip.prototype, "noArrow", 2);
-__decorateClass([
-  property()
-], LynkTooltip.prototype, "trigger", 2);
-__decorateClass([
-  property({ type: Boolean })
-], LynkTooltip.prototype, "hoist", 2);
-__decorateClass([
-  watch("open", { waitUntilFirstUpdate: true })
-], LynkTooltip.prototype, "handleOpenChange", 1);
-__decorateClass([
-  watch(["content", "distance", "hoist", "placement", "skidding"])
-], LynkTooltip.prototype, "handleOptionsChange", 1);
-__decorateClass([
-  watch("disabled")
-], LynkTooltip.prototype, "handleDisabledChange", 1);
-setDefaultAnimation("tooltip.show", {
-  keyframes: [
-    { opacity: 0, scale: 0.8 },
-    { opacity: 1, scale: 1 }
-  ],
-  options: { duration: 150, easing: "ease" }
-});
-setDefaultAnimation("tooltip.hide", {
-  keyframes: [
-    { opacity: 1, scale: 1 },
-    { opacity: 0, scale: 0.8 }
-  ],
-  options: { duration: 150, easing: "ease" }
-});
-
-export {
-  LynkTooltip
-};

package/dist/chunks/chunk.OSAWFQF6.js

@@ -1,29 +0,0 @@
-import {
-  LynkDrawer
-} from "./chunk.EA7J5SYS.js";
-
-// src/react/drawer/index.ts
-import * as React from "react";
-import { createComponent } from "@lit/react";
-import "@lit/react";
-var tagName = "lynk-drawer";
-LynkDrawer.define("lynk-drawer");
-var reactWrapper = createComponent({
-  tagName,
-  elementClass: LynkDrawer,
-  react: React,
-  events: {
-    EvShow: "ev-show",
-    EvAfterShow: "ev-after-show",
-    EvHide: "ev-hide",
-    EvAfterHide: "ev-after-hide",
-    EvInitialFocus: "ev-initial-focus",
-    EvRequestClose: "ev-request-close"
-  },
-  displayName: "LynkDrawer"
-});
-var drawer_default = reactWrapper;
-
-export {
-  drawer_default
-};

package/dist/chunks/chunk.P257M2BZ.js

@@ -1,28 +0,0 @@
-import {
-  LynkRange
-} from "./chunk.JQQQPXVM.js";
-
-// src/react/range/index.ts
-import * as React from "react";
-import { createComponent } from "@lit/react";
-import "@lit/react";
-var tagName = "lynk-range";
-LynkRange.define("lynk-range");
-var reactWrapper = createComponent({
-  tagName,
-  elementClass: LynkRange,
-  react: React,
-  events: {
-    EvBlur: "ev-blur",
-    EvChange: "ev-change",
-    EvFocus: "ev-focus",
-    EvInput: "ev-input",
-    EvInvalid: "ev-invalid"
-  },
-  displayName: "LynkRange"
-});
-var range_default = reactWrapper;
-
-export {
-  range_default
-};

package/dist/chunks/chunk.P3HGCEYU.js

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

package/dist/chunks/chunk.PGRU5XRK.js

@@ -1,11 +0,0 @@
-import {
-  LynkColorPicker
-} from "./chunk.7IWJVI3K.js";
-
-// src/components/color-picker/color-picker.ts
-var color_picker_default = LynkColorPicker;
-LynkColorPicker.define("lynk-color-picker");
-
-export {
-  color_picker_default
-};

package/dist/chunks/chunk.PJKPJSRA.js

@@ -1,22 +0,0 @@
-import {
-  menu_label_styles_default
-} from "./chunk.HKLTPXSQ.js";
-import {
-  LynkElement
-} from "./chunk.DEGSHN2L.js";
-import {
-  component_styles_default
-} from "./chunk.Y7724W4D.js";
-
-// src/components/menu-label/menu-label.component.ts
-import { html } from "lit";
-var LynkMenuLabel = class extends LynkElement {
-  render() {
-    return html` <slot part="base" class="menu-label"></slot> `;
-  }
-};
-LynkMenuLabel.styles = [component_styles_default, menu_label_styles_default];
-
-export {
-  LynkMenuLabel
-};

package/dist/chunks/chunk.PMNNOF76.js

@@ -1,11 +0,0 @@
-import {
-  LynkTd
-} from "./chunk.M5LXLCTG.js";
-
-// src/components/td/td.ts
-var td_default = LynkTd;
-LynkTd.define("lynk-td");
-
-export {
-  td_default
-};

package/dist/chunks/chunk.PNM36EZN.js

@@ -1,11 +0,0 @@
-import {
-  LynkDatePicker
-} from "./chunk.4MLOMYVC.js";
-
-// src/components/date-picker/date-picker.ts
-var date_picker_default = LynkDatePicker;
-LynkDatePicker.define("lynk-date-picker");
-
-export {
-  date_picker_default
-};

package/dist/chunks/chunk.POSQVYSV.js

@@ -1,21 +0,0 @@
-import {
-  LynkResponsiveMedia
-} from "./chunk.CVAHRATK.js";
-
-// src/react/responsive-media/index.ts
-import * as React from "react";
-import { createComponent } from "@lit/react";
-var tagName = "lynk-responsive-media";
-LynkResponsiveMedia.define("lynk-responsive-media");
-var reactWrapper = createComponent({
-  tagName,
-  elementClass: LynkResponsiveMedia,
-  react: React,
-  events: {},
-  displayName: "LynkResponsiveMedia"
-});
-var responsive_media_default = reactWrapper;
-
-export {
-  responsive_media_default
-};

package/dist/chunks/chunk.PSB42S5D.js

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

package/dist/chunks/chunk.PSBAZNIJ.js

@@ -1,11 +0,0 @@
-import {
-  LynkPageHeader
-} from "./chunk.DTOUHGZY.js";
-
-// src/components/page-header/page-header.ts
-var page_header_default = LynkPageHeader;
-LynkPageHeader.define("lynk-page-header");
-
-export {
-  page_header_default
-};

package/dist/chunks/chunk.PSQHPYMW.js

@@ -1,24 +0,0 @@
-import {
-  LynkTab
-} from "./chunk.UXZH7KTN.js";
-
-// src/react/tab/index.ts
-import * as React from "react";
-import { createComponent } from "@lit/react";
-import "@lit/react";
-var tagName = "lynk-tab";
-LynkTab.define("lynk-tab");
-var reactWrapper = createComponent({
-  tagName,
-  elementClass: LynkTab,
-  react: React,
-  events: {
-    EvClose: "ev-close"
-  },
-  displayName: "LynkTab"
-});
-var tab_default = reactWrapper;
-
-export {
-  tab_default
-};

package/dist/chunks/chunk.PTO6XZXG.js

@@ -1,44 +0,0 @@
-import {
-  tr_styles_default
-} from "./chunk.MMUNA5AM.js";
-import {
-  LynkElement
-} from "./chunk.DEGSHN2L.js";
-import {
-  component_styles_default
-} from "./chunk.Y7724W4D.js";
-import {
-  __decorateClass
-} from "./chunk.Q44EX5TP.js";
-
-// src/components/tr/tr.component.ts
-import { html } from "lit";
-import { property } from "lit/decorators.js";
-var LynkTr = class extends LynkElement {
-  constructor() {
-    super(...arguments);
-    this.interactive = false;
-    this.active = false;
-    this.pulse = false;
-  }
-  render() {
-    return html` <slot part="base"></slot> `;
-  }
-};
-LynkTr.styles = [component_styles_default, tr_styles_default];
-__decorateClass([
-  property({ reflect: true })
-], LynkTr.prototype, "state", 2);
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], LynkTr.prototype, "interactive", 2);
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], LynkTr.prototype, "active", 2);
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], LynkTr.prototype, "pulse", 2);
-
-export {
-  LynkTr
-};

package/dist/chunks/chunk.PVCJ44ST.js

@@ -1,11 +0,0 @@
-import {
-  LynkDropdown
-} from "./chunk.4V5IXUSY.js";
-
-// src/components/dropdown/dropdown.ts
-var dropdown_default = LynkDropdown;
-LynkDropdown.define("lynk-dropdown");
-
-export {
-  dropdown_default
-};

package/dist/chunks/chunk.PZKEHG3J.js

@@ -1,24 +0,0 @@
-import {
-  LynkResizeObserver
-} from "./chunk.OEYZYULV.js";
-
-// src/react/resize-observer/index.ts
-import * as React from "react";
-import { createComponent } from "@lit/react";
-import "@lit/react";
-var tagName = "lynk-resize-observer";
-LynkResizeObserver.define("lynk-resize-observer");
-var reactWrapper = createComponent({
-  tagName,
-  elementClass: LynkResizeObserver,
-  react: React,
-  events: {
-    EvResize: "ev-resize"
-  },
-  displayName: "LynkResizeObserver"
-});
-var resize_observer_default = reactWrapper;
-
-export {
-  resize_observer_default
-};

package/dist/chunks/chunk.Q47OTR32.js

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