@uplynk/lynk-design 1.12.1 → 1.13.0

package/cdn/chunks/chunk.CPGP3SWL.js

@@ -1,356 +0,0 @@
-import {
-  color_variant_styles_default
-} from "./chunk.FWQNHQTI.js";
-import {
-  LynkSpinner
-} from "./chunk.MGNYBA52.js";
-import {
-  FormControlController,
-  validValidityState
-} from "./chunk.2LNQMRJE.js";
-import {
-  button_styles_default
-} from "./chunk.K7N5M4DT.js";
-import {
-  i,
-  u
-} from "./chunk.6HHAFBRE.js";
-import {
-  LocalizeController
-} from "./chunk.VS2OBD6I.js";
-import {
-  LynkIcon
-} from "./chunk.3Q5FSH4E.js";
-import {
-  o
-} from "./chunk.XQGSWNOO.js";
-import {
-  HasSlotController
-} from "./chunk.OW5NIGGX.js";
-import {
-  watch
-} from "./chunk.RB5L7E7Z.js";
-import {
-  e
-} from "./chunk.BB43Q4ZV.js";
-import {
-  LynkElement,
-  e as e2,
-  n,
-  r
-} from "./chunk.RWJTJO4F.js";
-import {
-  component_styles_default
-} from "./chunk.ADWNFIQR.js";
-import {
-  __decorateClass
-} from "./chunk.QIOX6AG5.js";
-
-// src/components/button/button.component.ts
-var LynkButton = class extends LynkElement {
-  constructor() {
-    super(...arguments);
-    this.formControlController = new FormControlController(this, {
-      assumeInteractionOn: ["click"]
-    });
-    this.hasSlotController = new HasSlotController(this, "[default]", "prefix", "suffix");
-    this.localize = new LocalizeController(this);
-    this.hasFocus = false;
-    this.invalid = false;
-    this.title = "";
-    this.color = "default";
-    this.size = "medium";
-    this.block = false;
-    this.caret = false;
-    this.disabled = false;
-    this.thinking = false;
-    this.outline = false;
-    this.stealth = false;
-    this.pill = false;
-    this.circle = false;
-    this.square = false;
-    this.type = "button";
-    this.name = "";
-    this.value = "";
-    this.href = "";
-    this.rel = "noreferrer noopener";
-    this.noBubble = false;
-  }
-  /** Gets the validity state object */
-  get validity() {
-    if (this.isButton()) {
-      return this.button.validity;
-    }
-    return validValidityState;
-  }
-  /** Gets the validation message */
-  get validationMessage() {
-    if (this.isButton()) {
-      return this.button.validationMessage;
-    }
-    return "";
-  }
-  connectedCallback() {
-    super.connectedCallback();
-    this.handleHostClick = this.handleHostClick.bind(this);
-    this.addEventListener("click", this.handleHostClick);
-    if (this.outline) {
-      this.appearance = "outlined";
-    } else if (this.stealth) {
-      this.appearance = "plain";
-    }
-    if (this.color !== "default" && !this.appearance) {
-      this.appearance = "loud";
-    }
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback();
-    this.removeEventListener("click", this.handleHostClick);
-  }
-  firstUpdated() {
-    if (this.isButton()) {
-      this.formControlController.updateValidity();
-    }
-  }
-  handleBlur() {
-    this.hasFocus = false;
-    this.emit("ev-blur");
-  }
-  handleFocus() {
-    this.hasFocus = true;
-    this.emit("ev-focus");
-  }
-  handleClick() {
-    if (this.type === "submit") {
-      this.formControlController.submit(this);
-    }
-    if (this.type === "reset") {
-      this.formControlController.reset(this);
-    }
-    this.emit("ev-click", {
-      bubbles: !this.noBubble
-    });
-  }
-  handleHostClick(event) {
-    if (this.disabled || this.thinking) {
-      event.preventDefault();
-      event.stopImmediatePropagation();
-    }
-    if (this.noBubble) {
-      event.stopPropagation();
-    }
-  }
-  handleInvalid(event) {
-    this.formControlController.setValidity(false);
-    this.formControlController.emitInvalidEvent(event);
-  }
-  isButton() {
-    return this.href ? false : true;
-  }
-  isLink() {
-    return this.href ? true : false;
-  }
-  handleDisabledChange() {
-    if (this.isButton()) {
-      this.formControlController.setValidity(this.disabled);
-    }
-  }
-  handleOutlineChange() {
-    if (this.outline) {
-      this.appearance = "outlined";
-    }
-  }
-  handleStealthChange() {
-    if (this.stealth) {
-      this.appearance = "plain";
-    }
-  }
-  /** Simulates a click on the button. */
-  click() {
-    this.button.click();
-  }
-  /** Sets focus on the button. */
-  focus(options) {
-    this.button.focus(options);
-  }
-  /** Removes focus from the button. */
-  blur() {
-    this.button.blur();
-  }
-  /** Checks for validity but does not show the browser's validation message. */
-  checkValidity() {
-    if (this.isButton()) {
-      return this.button.checkValidity();
-    }
-    return true;
-  }
-  /** Gets the associated form, if one exists. */
-  getForm() {
-    return this.formControlController.getForm();
-  }
-  /** Checks for validity and shows the browser's validation message if the control is invalid. */
-  reportValidity() {
-    if (this.isButton()) {
-      return this.button.reportValidity();
-    }
-    return true;
-  }
-  /** Sets a custom validation message. Pass an empty string to restore validity. */
-  setCustomValidity(message) {
-    if (this.isButton()) {
-      this.button.setCustomValidity(message);
-      this.formControlController.updateValidity();
-    }
-  }
-  render() {
-    const isLink = this.isLink();
-    const tag = isLink ? i`a` : i`button`;
-    return u`
-      <${tag}
-        part="base"
-        class=${e({
-      button: true,
-      "is-disabled": this.disabled,
-      "is-focused": this.hasFocus,
-      "is-thinking": this.thinking,
-      rtl: this.localize.dir() === "rtl",
-      "has-label": this.hasSlotController.test("[default]"),
-      "has-prefix": this.hasSlotController.test("prefix"),
-      "has-suffix": this.hasSlotController.test("suffix"),
-      "has-caret": this.caret
-    })}
-        ?disabled=${o(isLink ? void 0 : this.disabled)}
-        type=${o(isLink ? void 0 : this.type)}
-        title=${this.title}
-        name=${o(isLink ? void 0 : this.name)}
-        value=${o(isLink ? void 0 : this.value)}
-        href=${o(isLink ? this.href : void 0)}
-        target=${o(isLink ? this.target : void 0)}
-        download=${o(isLink ? this.download : void 0)}
-        rel=${o(isLink ? this.rel : void 0)}
-        role=${o(isLink ? void 0 : "button")}
-        aria-disabled=${this.disabled ? "true" : "false"}
-        tabindex=${this.disabled ? "-1" : "0"}
-        @blur=${this.handleBlur}
-        @focus=${this.handleFocus}
-        @invalid=${this.isButton() ? this.handleInvalid : null}
-        @click=${this.handleClick}
-      >
-      ${this.hasSlotController.test("prefix") ? u`<slot name="prefix" part="prefix" class="button__prefix"></slot>` : ""}
-      <slot part="label" class="button__label"></slot>
-      ${this.hasSlotController.test("suffix") ? u`<slot name="suffix" part="suffix" class="button__suffix"></slot>` : ""}
-
-      ${this.caret ? u` <lynk-icon part="caret" class="button__caret" library="system" name="caret"></lynk-icon> ` : ""}
-        ${this.thinking ? u`<lynk-spinner part="spinner"></lynk-spinner>` : ""}
-      </${tag}>
-    `;
-  }
-};
-LynkButton.styles = [component_styles_default, color_variant_styles_default, button_styles_default];
-LynkButton.dependencies = {
-  "lynk-icon": LynkIcon,
-  "lynk-spinner": LynkSpinner
-};
-__decorateClass([
-  e2(".button")
-], LynkButton.prototype, "button", 2);
-__decorateClass([
-  r()
-], LynkButton.prototype, "hasFocus", 2);
-__decorateClass([
-  r()
-], LynkButton.prototype, "invalid", 2);
-__decorateClass([
-  n()
-], LynkButton.prototype, "title", 2);
-__decorateClass([
-  n({ reflect: true })
-], LynkButton.prototype, "color", 2);
-__decorateClass([
-  n({ reflect: true })
-], LynkButton.prototype, "appearance", 2);
-__decorateClass([
-  n({ reflect: true })
-], LynkButton.prototype, "size", 2);
-__decorateClass([
-  n({ type: Boolean, reflect: true })
-], LynkButton.prototype, "block", 2);
-__decorateClass([
-  n({ type: Boolean, reflect: true })
-], LynkButton.prototype, "caret", 2);
-__decorateClass([
-  n({ type: Boolean, reflect: true })
-], LynkButton.prototype, "disabled", 2);
-__decorateClass([
-  n({ type: Boolean, reflect: true })
-], LynkButton.prototype, "thinking", 2);
-__decorateClass([
-  n({ type: Boolean })
-], LynkButton.prototype, "outline", 2);
-__decorateClass([
-  n({ type: Boolean })
-], LynkButton.prototype, "stealth", 2);
-__decorateClass([
-  n({ type: Boolean, reflect: true })
-], LynkButton.prototype, "pill", 2);
-__decorateClass([
-  n({ type: Boolean, reflect: true })
-], LynkButton.prototype, "circle", 2);
-__decorateClass([
-  n({ type: Boolean, reflect: true })
-], LynkButton.prototype, "square", 2);
-__decorateClass([
-  n()
-], LynkButton.prototype, "type", 2);
-__decorateClass([
-  n()
-], LynkButton.prototype, "name", 2);
-__decorateClass([
-  n()
-], LynkButton.prototype, "value", 2);
-__decorateClass([
-  n()
-], LynkButton.prototype, "href", 2);
-__decorateClass([
-  n()
-], LynkButton.prototype, "target", 2);
-__decorateClass([
-  n()
-], LynkButton.prototype, "rel", 2);
-__decorateClass([
-  n()
-], LynkButton.prototype, "download", 2);
-__decorateClass([
-  n()
-], LynkButton.prototype, "form", 2);
-__decorateClass([
-  n({ attribute: "formaction" })
-], LynkButton.prototype, "formAction", 2);
-__decorateClass([
-  n({ attribute: "formenctype" })
-], LynkButton.prototype, "formEnctype", 2);
-__decorateClass([
-  n({ attribute: "formmethod" })
-], LynkButton.prototype, "formMethod", 2);
-__decorateClass([
-  n({ attribute: "formnovalidate", type: Boolean })
-], LynkButton.prototype, "formNoValidate", 2);
-__decorateClass([
-  n({ attribute: "formtarget" })
-], LynkButton.prototype, "formTarget", 2);
-__decorateClass([
-  n({ attribute: "no-bubble", type: Boolean, reflect: true })
-], LynkButton.prototype, "noBubble", 2);
-__decorateClass([
-  watch("disabled", { waitUntilFirstUpdate: true })
-], LynkButton.prototype, "handleDisabledChange", 1);
-__decorateClass([
-  watch("outline", { waitUntilFirstUpdate: true })
-], LynkButton.prototype, "handleOutlineChange", 1);
-__decorateClass([
-  watch("stealth", { waitUntilFirstUpdate: true })
-], LynkButton.prototype, "handleStealthChange", 1);
-
-export {
-  LynkButton
-};

package/cdn/chunks/chunk.CPWOGPMB.js

@@ -1,47 +0,0 @@
-import {
-  splitter_pane_styles_default
-} from "./chunk.GG3E6OCZ.js";
-import {
-  LynkElement,
-  n
-} from "./chunk.RWJTJO4F.js";
-import {
-  component_styles_default
-} from "./chunk.ADWNFIQR.js";
-import {
-  x
-} from "./chunk.BW3AXSF6.js";
-import {
-  __decorateClass
-} from "./chunk.QIOX6AG5.js";
-
-// src/components/splitter-pane/splitter-pane.component.ts
-var LynkSplitterPane = class extends LynkElement {
-  /** Shows the pane by removing the hidden attribute. */
-  show() {
-    this.hidden = false;
-    this.emit("ev-show");
-  }
-  /** Hides the pane by setting the hidden attribute. */
-  hide() {
-    this.hidden = true;
-    this.emit("ev-hide");
-  }
-  render() {
-    return x` <slot part="base"></slot> `;
-  }
-};
-LynkSplitterPane.styles = [component_styles_default, splitter_pane_styles_default];
-__decorateClass([
-  n({ attribute: "min-size", reflect: true })
-], LynkSplitterPane.prototype, "minSize", 2);
-__decorateClass([
-  n({ attribute: "max-size", reflect: true })
-], LynkSplitterPane.prototype, "maxSize", 2);
-__decorateClass([
-  n({ reflect: true })
-], LynkSplitterPane.prototype, "size", 2);
-
-export {
-  LynkSplitterPane
-};

package/cdn/chunks/chunk.CZSZGVVA.js

@@ -1,24 +0,0 @@
-import {
-  LynkCalendar
-} from "./chunk.JJ6QKYUV.js";
-
-// src/react/calendar/index.ts
-import * as React from "react";
-import { createComponent } from "@lit/react";
-import "@lit/react";
-var tagName = "lynk-calendar";
-LynkCalendar.define("lynk-calendar");
-var reactWrapper = createComponent({
-  tagName,
-  elementClass: LynkCalendar,
-  react: React,
-  events: {
-    EvChange: "ev-change"
-  },
-  displayName: "LynkCalendar"
-});
-var calendar_default = reactWrapper;
-
-export {
-  calendar_default
-};

package/cdn/chunks/chunk.D7IUUPAI.js

@@ -1,96 +0,0 @@
-import {
-  breadcrumb_styles_default
-} from "./chunk.H4PUQNF7.js";
-import {
-  LocalizeController
-} from "./chunk.VS2OBD6I.js";
-import {
-  LynkIcon
-} from "./chunk.3Q5FSH4E.js";
-import {
-  LynkElement,
-  e,
-  n
-} from "./chunk.RWJTJO4F.js";
-import {
-  component_styles_default
-} from "./chunk.ADWNFIQR.js";
-import {
-  x
-} from "./chunk.BW3AXSF6.js";
-import {
-  __decorateClass
-} from "./chunk.QIOX6AG5.js";
-
-// src/components/breadcrumb/breadcrumb.component.ts
-var LynkBreadcrumb = class extends LynkElement {
-  constructor() {
-    super(...arguments);
-    this.localize = new LocalizeController(this);
-    this.separatorDir = this.localize.dir();
-    this.label = "";
-  }
-  // Generates a clone of the separator element to use for each breadcrumb item
-  getSeparator() {
-    const separator = this.separatorSlot.assignedElements({ flatten: true })[0];
-    const clone = separator.cloneNode(true);
-    [clone, ...clone.querySelectorAll("[id]")].forEach((el) => el.removeAttribute("id"));
-    clone.setAttribute("data-default", "");
-    clone.slot = "separator";
-    return clone;
-  }
-  handleSlotChange() {
-    const items = [...this.defaultSlot.assignedElements({ flatten: true })].filter(
-      (item) => item.tagName.toLowerCase() === "lynk-breadcrumb-item"
-    );
-    items.forEach((item, index) => {
-      const separator = item.querySelector('[slot="separator"]');
-      if (separator === null) {
-        item.append(this.getSeparator());
-      } else if (separator.hasAttribute("data-default")) {
-        separator.replaceWith(this.getSeparator());
-      } else {
-      }
-      if (index === items.length - 1) {
-        item.setAttribute("aria-current", "page");
-      } else {
-        item.removeAttribute("aria-current");
-      }
-    });
-  }
-  render() {
-    if (this.separatorDir !== this.localize.dir()) {
-      this.separatorDir = this.localize.dir();
-      this.updateComplete.then(() => this.handleSlotChange());
-    }
-    return x`
-      <nav part="base" class="breadcrumb" aria-label=${this.label}>
-        <slot @slotchange=${this.handleSlotChange}></slot>
-      </nav>
-
-      <span hidden aria-hidden="true">
-        <slot name="separator">
-          <lynk-icon
-            name=${this.localize.dir() === "rtl" ? "chevron-left" : "chevron-right"}
-            library="system"
-          ></lynk-icon>
-        </slot>
-      </span>
-    `;
-  }
-};
-LynkBreadcrumb.styles = [component_styles_default, breadcrumb_styles_default];
-LynkBreadcrumb.dependencies = { "lynk-icon": LynkIcon };
-__decorateClass([
-  e("slot")
-], LynkBreadcrumb.prototype, "defaultSlot", 2);
-__decorateClass([
-  e('slot[name="separator"]')
-], LynkBreadcrumb.prototype, "separatorSlot", 2);
-__decorateClass([
-  n()
-], LynkBreadcrumb.prototype, "label", 2);
-
-export {
-  LynkBreadcrumb
-};

package/cdn/chunks/chunk.D7PSY7QV.js

@@ -1,11 +0,0 @@
-import {
-  LynkSplitterPane
-} from "./chunk.CPWOGPMB.js";
-
-// src/components/splitter-pane/splitter-pane.ts
-var splitter_pane_default = LynkSplitterPane;
-LynkSplitterPane.define("lynk-splitter-pane");
-
-export {
-  splitter_pane_default
-};

package/cdn/chunks/chunk.DBZ22F6M.js

@@ -1,24 +0,0 @@
-import {
-  LynkTh
-} from "./chunk.4V6MUP2V.js";
-
-// src/react/th/index.ts
-import * as React from "react";
-import { createComponent } from "@lit/react";
-import "@lit/react";
-var tagName = "lynk-th";
-LynkTh.define("lynk-th");
-var reactWrapper = createComponent({
-  tagName,
-  elementClass: LynkTh,
-  react: React,
-  events: {
-    EvTableSort: "ev-table-sort"
-  },
-  displayName: "LynkTh"
-});
-var th_default = reactWrapper;
-
-export {
-  th_default
-};

package/cdn/chunks/chunk.DDXNVUQI.js

@@ -1,82 +0,0 @@
-import {
-  M,
-  m,
-  p,
-  s,
-  v
-} from "./chunk.ZTDXF4HQ.js";
-import {
-  e,
-  i,
-  t
-} from "./chunk.VXKMS4DN.js";
-import {
-  T
-} from "./chunk.BW3AXSF6.js";
-
-// node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/repeat.js
-var u = (e2, s2, t2) => {
-  const r = /* @__PURE__ */ new Map();
-  for (let l = s2; l <= t2; l++) r.set(e2[l], l);
-  return r;
-};
-var c = e(class extends i {
-  constructor(e2) {
-    if (super(e2), e2.type !== t.CHILD) throw Error("repeat() can only be used in text expressions");
-  }
-  dt(e2, s2, t2) {
-    let r;
-    void 0 === t2 ? t2 = s2 : void 0 !== s2 && (r = s2);
-    const l = [], o = [];
-    let i2 = 0;
-    for (const s3 of e2) l[i2] = r ? r(s3, i2) : i2, o[i2] = t2(s3, i2), i2++;
-    return { values: o, keys: l };
-  }
-  render(e2, s2, t2) {
-    return this.dt(e2, s2, t2).values;
-  }
-  update(s2, [t2, r, c2]) {
-    var _a;
-    const d = p(s2), { values: p2, keys: a } = this.dt(t2, r, c2);
-    if (!Array.isArray(d)) return this.ut = a, p2;
-    const h = (_a = this.ut) != null ? _a : this.ut = [], v2 = [];
-    let m2, y, x = 0, j = d.length - 1, k = 0, w = p2.length - 1;
-    for (; x <= j && k <= w; ) if (null === d[x]) x++;
-    else if (null === d[j]) j--;
-    else if (h[x] === a[k]) v2[k] = v(d[x], p2[k]), x++, k++;
-    else if (h[j] === a[w]) v2[w] = v(d[j], p2[w]), j--, w--;
-    else if (h[x] === a[w]) v2[w] = v(d[x], p2[w]), s(s2, v2[w + 1], d[x]), x++, w--;
-    else if (h[j] === a[k]) v2[k] = v(d[j], p2[k]), s(s2, d[x], d[j]), j--, k++;
-    else if (void 0 === m2 && (m2 = u(a, k, w), y = u(h, x, j)), m2.has(h[x])) if (m2.has(h[j])) {
-      const e2 = y.get(a[k]), t3 = void 0 !== e2 ? d[e2] : null;
-      if (null === t3) {
-        const e3 = s(s2, d[x]);
-        v(e3, p2[k]), v2[k] = e3;
-      } else v2[k] = v(t3, p2[k]), s(s2, d[x], t3), d[e2] = null;
-      k++;
-    } else M(d[j]), j--;
-    else M(d[x]), x++;
-    for (; k <= w; ) {
-      const e2 = s(s2, v2[w + 1]);
-      v(e2, p2[k]), v2[k++] = e2;
-    }
-    for (; x <= j; ) {
-      const e2 = d[x++];
-      null !== e2 && M(e2);
-    }
-    return this.ut = a, m(s2, v2), T;
-  }
-});
-
-export {
-  c
-};
-/*! Bundled license information:
-
-lit-html/directives/repeat.js:
-  (**
-   * @license
-   * Copyright 2017 Google LLC
-   * SPDX-License-Identifier: BSD-3-Clause
-   *)
-*/