@uplynk/lynk-design 1.12.1 → 1.14.0

package/cdn/chunks/chunk.XT2SZO55.js

@@ -1,230 +0,0 @@
-import {
-  i
-} from "./chunk.BW3AXSF6.js";
-
-// src/components/textarea/textarea.styles.ts
-var textarea_styles_default = i`
-  :host {
-    display: block;
-  }
-
-  .textarea {
-    display: flex;
-    align-items: center;
-    position: relative;
-    width: 100%;
-    font-family: var(--lynk-input-font-family);
-    font-weight: var(--lynk-input-font-weight);
-    line-height: var(--lynk-line-height-normal);
-    letter-spacing: var(--lynk-input-letter-spacing);
-    vertical-align: middle;
-    transition:
-      var(--lynk-transition-fast) color,
-      var(--lynk-transition-fast) border,
-      var(--lynk-transition-fast) box-shadow,
-      var(--lynk-transition-fast) background-color;
-    cursor: text;
-  }
-
-  /* Standard textareas */
-  .textarea--standard {
-    background-color: var(--lynk-input-background-color);
-    border: solid var(--lynk-input-border-width) var(--lynk-input-border-color);
-  }
-
-  .textarea--standard:hover:not(.textarea--disabled) {
-    background-color: var(--lynk-input-background-color-hover);
-    border-color: var(--lynk-input-border-color-hover);
-  }
-  .textarea--standard:hover:not(.textarea--disabled) .textarea__control {
-    color: var(--lynk-input-color-hover);
-  }
-
-  .textarea--standard.textarea--focused:not(.textarea--disabled) {
-    background-color: var(--lynk-input-background-color-focus);
-    border-color: var(--lynk-input-border-color-focus);
-    color: var(--lynk-input-color-focus);
-    box-shadow: 0 0 0 var(--lynk-focus-ring-width) var(--lynk-input-focus-ring-color);
-  }
-
-  .textarea--standard.textarea--focused:not(.textarea--disabled) .textarea__control {
-    color: var(--lynk-input-color-focus);
-  }
-
-  .textarea--standard.textarea--disabled {
-    background-color: var(--lynk-input-background-color-disabled);
-    border-color: var(--lynk-input-border-color-disabled);
-    opacity: 0.9;
-    cursor: not-allowed;
-  }
-
-  .textarea--standard.textarea--disabled .textarea__control {
-    color: var(--lynk-input-color-disabled);
-  }
-
-  .textarea--standard.textarea--disabled .textarea__control::placeholder {
-    color: var(--lynk-input-placeholder-color-disabled);
-  }
-
-  /* Filled textareas */
-  .textarea--filled {
-    border: none;
-    background-color: var(--lynk-input-filled-background-color);
-    color: var(--lynk-input-color);
-  }
-
-  .textarea--filled:hover:not(.textarea--disabled) {
-    background-color: var(--lynk-input-filled-background-color-hover);
-  }
-
-  .textarea--filled.textarea--focused:not(.textarea--disabled) {
-    background-color: var(--lynk-input-filled-background-color-focus);
-    outline: var(--lynk-focus-ring);
-    outline-offset: var(--lynk-focus-ring-offset);
-  }
-
-  .textarea--filled.textarea--disabled {
-    background-color: var(--lynk-input-filled-background-color-disabled);
-    opacity: 0.9;
-    cursor: not-allowed;
-  }
-
-  .textarea__control,
-  .textarea__size-adjuster {
-    grid-area: 1 / 1 / 2 / 2;
-  }
-
-  .textarea__size-adjuster {
-    visibility: hidden;
-    pointer-events: none;
-    opacity: 0;
-  }
-
-  .textarea.textarea--restricted {
-    border: none;
-    background-color: none;
-    color: var(--lynk-input-color);
-  }
-
-  .textarea__control {
-    flex: 1 1 auto;
-    font-family: inherit;
-    font-size: inherit;
-    font-weight: inherit;
-    line-height: 1.4;
-    color: var(--lynk-input-color);
-    border: none;
-    background: none;
-    box-shadow: none;
-    cursor: inherit;
-    -webkit-appearance: none;
-  }
-
-  .textarea__control--restricted {
-    white-space: pre-line;
-    padding: 0 !important;
-  }
-
-  .textarea__control::-webkit-search-decoration,
-  .textarea__control::-webkit-search-cancel-button,
-  .textarea__control::-webkit-search-results-button,
-  .textarea__control::-webkit-search-results-decoration {
-    -webkit-appearance: none;
-  }
-
-  .textarea__control::placeholder {
-    color: var(--lynk-input-placeholder-color);
-    user-select: none;
-  }
-
-  .textarea__control:focus {
-    outline: none;
-  }
-
-  /*
-   * Size modifiers
-   */
-
-  .textarea--small {
-    border-radius: var(--lynk-input-border-radius-small);
-    font-size: var(--lynk-input-font-size-small);
-  }
-
-  .textarea--small .textarea__control {
-    padding: 0.5em var(--lynk-input-spacing-small);
-  }
-
-  .textarea--medium {
-    border-radius: var(--lynk-input-border-radius-medium);
-    font-size: var(--lynk-input-font-size-medium);
-  }
-
-  .textarea--medium .textarea__control {
-    padding: 0.5em var(--lynk-input-spacing-medium);
-  }
-
-  .textarea--large {
-    border-radius: var(--lynk-input-border-radius-large);
-    font-size: var(--lynk-input-font-size-large);
-  }
-
-  .textarea--large .textarea__control {
-    padding: 0.5em var(--lynk-input-spacing-large);
-  }
-
-  /*
-   * Resize types
-   */
-
-  .textarea--resize-none .textarea__control {
-    resize: none;
-  }
-
-  .textarea--resize-vertical .textarea__control {
-    resize: vertical;
-  }
-
-  .textarea--resize-auto .textarea__control {
-    height: auto;
-    resize: none;
-    overflow-y: hidden;
-  }
-
-  /*
-   * Error & Warning States
-   */
-
-  .textarea--has-error,
-  .textarea--has-error:hover:not(.textarea--disabled) {
-    border-color: var(--lynk-color-danger-500);
-  }
-
-  .textarea--has-error.textarea--focused:not(.textarea--disabled) {
-    border-color: var(--lynk-color-danger-500);
-    box-shadow: 0 0 2px var(--lynk-focus-ring-width) var(--lynk-color-danger-a50);
-  }
-
-  .textarea--has-warning,
-  .textarea--has-warning:hover:not(.textarea--disabled) {
-    border-color: var(--lynk-color-warning-500);
-  }
-
-  .textarea--has-warning.textarea--focused:not(.textarea--disabled) {
-    border-color: var(--lynk-color-warning-500);
-    box-shadow: 0 0 2px var(--lynk-focus-ring-width) var(--lynk-color-warning-a50);
-  }
-
-  .textarea--has-success,
-  .textarea--has-success:hover:not(.textarea--disabled) {
-    border-color: var(--lynk-color-success-500);
-  }
-
-  .textarea--has-success.textarea--focused:not(.textarea--disabled) {
-    border-color: var(--lynk-color-success-500);
-    box-shadow: 0 0 2px var(--lynk-focus-ring-width) var(--lynk-color-success-a50);
-  }
-`;
-
-export {
-  textarea_styles_default
-};

package/cdn/chunks/chunk.Y26C5QQK.js

@@ -1,11 +0,0 @@
-import {
-  LynkIconButton
-} from "./chunk.X7IAPL73.js";
-
-// src/components/icon-button/icon-button.ts
-var icon_button_default = LynkIconButton;
-LynkIconButton.define("lynk-icon-button");
-
-export {
-  icon_button_default
-};

package/cdn/chunks/chunk.Y2HBBDAG.js

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

package/cdn/chunks/chunk.Y6QFB7XV.js

@@ -1,131 +0,0 @@
-import {
-  truncate_default
-} from "./chunk.C72MBUFP.js";
-import {
-  breadcrumb_item_styles_default
-} from "./chunk.6PXGXP25.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 {
-  x
-} from "./chunk.BW3AXSF6.js";
-import {
-  __decorateClass
-} from "./chunk.QIOX6AG5.js";
-
-// src/components/breadcrumb-item/breadcrumb-item.component.ts
-var LynkBreadcrumbItem = class extends LynkElement {
-  constructor() {
-    super(...arguments);
-    this.hasSlotController = new HasSlotController(this, "prefix", "suffix");
-    this.renderType = "button";
-    this.rel = "noreferrer noopener";
-  }
-  setRenderType() {
-    const hasDropdown = this.defaultSlot.assignedElements({ flatten: true }).filter((i) => i.tagName.toLowerCase() === "lynk-dropdown").length > 0;
-    if (this.href) {
-      this.renderType = "link";
-      return;
-    }
-    if (hasDropdown) {
-      this.renderType = "dropdown";
-      return;
-    }
-    this.renderType = "button";
-  }
-  hrefChanged() {
-    this.setRenderType();
-  }
-  handleSlotChange() {
-    this.setRenderType();
-  }
-  render() {
-    return x`
-      <div
-        part="base"
-        class=${e({
-      "breadcrumb-item": true,
-      "breadcrumb-item--has-prefix": this.hasSlotController.test("prefix"),
-      "breadcrumb-item--has-suffix": this.hasSlotController.test("suffix")
-    })}
-      >
-        <span part="prefix" class="breadcrumb-item__prefix">
-          <slot name="prefix"></slot>
-        </span>
-
-        ${this.renderType === "link" ? x`
-              <a
-                part="label"
-                class="breadcrumb-item__label breadcrumb-item__label--link"
-                href="${this.href}"
-                target="${o(this.target ? this.target : void 0)}"
-                rel=${o(this.target ? this.rel : void 0)}
-              >
-                <lynk-truncate><slot @slotchange=${this.handleSlotChange}></slot></lynk-truncate>
-              </a>
-            ` : ""}
-        ${this.renderType === "button" ? x`
-              <button part="label" type="button" class="breadcrumb-item__label breadcrumb-item__label--button">
-                <lynk-truncate><slot @slotchange=${this.handleSlotChange}></slot></lynk-truncate>
-              </button>
-            ` : ""}
-        ${this.renderType === "dropdown" ? x`
-              <div part="label" class="breadcrumb-item__label breadcrumb-item__label--drop-down">
-                <lynk-truncate><slot @slotchange=${this.handleSlotChange}></slot></lynk-truncate>
-              </div>
-            ` : ""}
-
-        <span part="suffix" class="breadcrumb-item__suffix">
-          <slot name="suffix"></slot>
-        </span>
-
-        <span part="separator" class="breadcrumb-item__separator" aria-hidden="true">
-          <slot name="separator"></slot>
-        </span>
-      </div>
-    `;
-  }
-};
-LynkBreadcrumbItem.styles = [component_styles_default, breadcrumb_item_styles_default];
-LynkBreadcrumbItem.dependencies = { "lynk-truncate": truncate_default };
-__decorateClass([
-  e2("slot:not([name])")
-], LynkBreadcrumbItem.prototype, "defaultSlot", 2);
-__decorateClass([
-  r()
-], LynkBreadcrumbItem.prototype, "renderType", 2);
-__decorateClass([
-  n()
-], LynkBreadcrumbItem.prototype, "href", 2);
-__decorateClass([
-  n()
-], LynkBreadcrumbItem.prototype, "target", 2);
-__decorateClass([
-  n()
-], LynkBreadcrumbItem.prototype, "rel", 2);
-__decorateClass([
-  watch("href", { waitUntilFirstUpdate: true })
-], LynkBreadcrumbItem.prototype, "hrefChanged", 1);
-
-export {
-  LynkBreadcrumbItem
-};

package/cdn/chunks/chunk.Y72RQVSE.js

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

package/cdn/chunks/chunk.YDIVYFFX.js

@@ -1,24 +0,0 @@
-import {
-  LynkMenu
-} from "./chunk.G5TGI57T.js";
-
-// src/react/menu/index.ts
-import * as React from "react";
-import { createComponent } from "@lit/react";
-import "@lit/react";
-var tagName = "lynk-menu";
-LynkMenu.define("lynk-menu");
-var reactWrapper = createComponent({
-  tagName,
-  elementClass: LynkMenu,
-  react: React,
-  events: {
-    EvSelect: "ev-select"
-  },
-  displayName: "LynkMenu"
-});
-var menu_default = reactWrapper;
-
-export {
-  menu_default
-};

package/cdn/chunks/chunk.YIEC7C7I.js

@@ -1,11 +0,0 @@
-import {
-  LynkPageFooter
-} from "./chunk.FXB4J523.js";
-
-// src/components/page-footer/page-footer.ts
-var page_footer_default = LynkPageFooter;
-LynkPageFooter.define("lynk-page-footer");
-
-export {
-  page_footer_default
-};

package/cdn/chunks/chunk.YOMDZYX5.js

@@ -1,29 +0,0 @@
-// src/utilities/base-path.ts
-var basePath = "";
-function setBasePath(path) {
-  basePath = path;
-}
-function getBasePath(subpath = "") {
-  if (!basePath) {
-    const scripts = [...document.getElementsByTagName("script")];
-    const configScript = scripts.find((script) => script.hasAttribute("data-lynk"));
-    if (configScript) {
-      setBasePath(configScript.getAttribute("data-lynk"));
-    } else {
-      const fallbackScript = scripts.find((s) => {
-        return /lynk(\.min)?\.js($|\?)/.test(s.src) || /lynk-autoloader(\.min)?\.js($|\?)/.test(s.src);
-      });
-      let path = "";
-      if (fallbackScript) {
-        path = fallbackScript.getAttribute("src");
-      }
-      setBasePath(path.split("/").slice(0, -1).join("/"));
-    }
-  }
-  return basePath.replace(/\/$/, "") + (subpath ? `/${subpath.replace(/^\//, "")}` : ``);
-}
-
-export {
-  setBasePath,
-  getBasePath
-};

package/cdn/chunks/chunk.YOULE2WF.js

@@ -1,11 +0,0 @@
-import {
-  LynkTimePicker
-} from "./chunk.EP3HIRND.js";
-
-// src/components/time-picker/time-picker.ts
-var time_picker_default = LynkTimePicker;
-LynkTimePicker.define("lynk-time-picker");
-
-export {
-  time_picker_default
-};

package/cdn/chunks/chunk.YUBP5U3F.js

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

package/cdn/chunks/chunk.ZB2ZOK3S.js

@@ -1,36 +0,0 @@
-import {
-  page_styles_default
-} from "./chunk.WVHLHPLQ.js";
-import {
-  LynkElement
-} from "./chunk.RWJTJO4F.js";
-import {
-  component_styles_default
-} from "./chunk.ADWNFIQR.js";
-import {
-  x
-} from "./chunk.BW3AXSF6.js";
-
-// src/components/page/page.component.ts
-var LynkPage = class extends LynkElement {
-  render() {
-    return x`
-      <div part="base" class="page">
-        <slot name="header" part="header" class="page__header"></slot>
-        <slot name="left-sidebar" part="left-sidebar" class="page__left-sidebar"></slot>
-        <slot name="left-inset-sidebar" part="left-inset-sidebar" class="page__left-inset-sidebar"></slot>
-        <div part="main" class="page__main">
-          <slot></slot>
-        </div>
-        <slot name="right-sidebar" part="right-sidebar" class="page__right-sidebar"></slot>
-        <slot name="right-inset-sidebar" part="right-inset-sidebar" class="page__right-inset-sidebar"></slot>
-        <slot name="footer" part="footer" class="page__footer"></slot>
-      </div>
-    `;
-  }
-};
-LynkPage.styles = [component_styles_default, page_styles_default];
-
-export {
-  LynkPage
-};

package/cdn/chunks/chunk.ZBZSIKH3.js

@@ -1,24 +0,0 @@
-import {
-  LynkTab
-} from "./chunk.JHGLQIWU.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/cdn/chunks/chunk.ZGZZZ6WN.js

@@ -1,44 +0,0 @@
-import {
-  library_default_default
-} from "./chunk.MBGTEG7M.js";
-import {
-  library_system_default
-} from "./chunk.325EGD4Y.js";
-
-// src/components/icon/library.ts
-var registry = [library_default_default, library_system_default];
-var watchedIcons = [];
-function watchIcon(icon) {
-  watchedIcons.push(icon);
-}
-function unwatchIcon(icon) {
-  watchedIcons = watchedIcons.filter((el) => el !== icon);
-}
-function getIconLibrary(name) {
-  return registry.find((lib) => lib.name === name);
-}
-function registerIconLibrary(name, options) {
-  unregisterIconLibrary(name);
-  registry.push({
-    name,
-    resolver: options.resolver,
-    mutator: options.mutator,
-    spriteSheet: options.spriteSheet
-  });
-  watchedIcons.forEach((icon) => {
-    if (icon.library === name) {
-      icon.setIcon();
-    }
-  });
-}
-function unregisterIconLibrary(name) {
-  registry = registry.filter((lib) => lib.name !== name);
-}
-
-export {
-  watchIcon,
-  unwatchIcon,
-  getIconLibrary,
-  registerIconLibrary,
-  unregisterIconLibrary
-};

package/cdn/chunks/chunk.ZN7WFSBF.js

@@ -1,25 +0,0 @@
-import {
-  i
-} from "./chunk.BW3AXSF6.js";
-
-// src/components/tab-panel/tab-panel.styles.ts
-var tab_panel_styles_default = i`
-  :host {
-    --padding: 0;
-
-    display: none;
-  }
-
-  :host([active]) {
-    display: block;
-  }
-
-  .tab-panel {
-    display: block;
-    padding: var(--padding);
-  }
-`;
-
-export {
-  tab_panel_styles_default
-};

package/cdn/chunks/chunk.ZTDXF4HQ.js

@@ -1,57 +0,0 @@
-import {
-  Z
-} from "./chunk.BW3AXSF6.js";
-
-// node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directive-helpers.js
-var { I: t } = Z;
-var e = (o, t2) => void 0 === t2 ? void 0 !== (o == null ? void 0 : o._$litType$) : (o == null ? void 0 : o._$litType$) === t2;
-var f = (o) => void 0 === o.strings;
-var r = () => document.createComment("");
-var s = (o, i, n) => {
-  var _a;
-  const e2 = o._$AA.parentNode, l = void 0 === i ? o._$AB : i._$AA;
-  if (void 0 === n) {
-    const i2 = e2.insertBefore(r(), l), d = e2.insertBefore(r(), l);
-    n = new t(i2, d, o, o.options);
-  } else {
-    const t2 = n._$AB.nextSibling, i2 = n._$AM, d = i2 !== o;
-    if (d) {
-      let t3;
-      (_a = n._$AQ) == null ? void 0 : _a.call(n, o), n._$AM = o, void 0 !== n._$AP && (t3 = o._$AU) !== i2._$AU && n._$AP(t3);
-    }
-    if (t2 !== l || d) {
-      let o2 = n._$AA;
-      for (; o2 !== t2; ) {
-        const t3 = o2.nextSibling;
-        e2.insertBefore(o2, l), o2 = t3;
-      }
-    }
-  }
-  return n;
-};
-var v = (o, t2, i = o) => (o._$AI(t2, i), o);
-var u = {};
-var m = (o, t2 = u) => o._$AH = t2;
-var p = (o) => o._$AH;
-var M = (o) => {
-  o._$AR(), o._$AA.remove();
-};
-
-export {
-  e,
-  f,
-  s,
-  v,
-  m,
-  p,
-  M
-};
-/*! Bundled license information:
-
-lit-html/directive-helpers.js:
-  (**
-   * @license
-   * Copyright 2020 Google LLC
-   * SPDX-License-Identifier: BSD-3-Clause
-   *)
-*/