@kdcloudjs/shoelace 1.0.4 → 1.0.6

package/cdn/chunks/chunk.JGLKPOL4.js

@@ -1,114 +0,0 @@
-import {
-  i
-} from "./chunk.ZKRJ3RUK.js";
-
-// src/components/time-panel/time-panel.styles.ts
-var time_panel_styles_default = i`
-  :host {
-    display: block;
-  }
-
-  .timepicker {
-    width: 180px;
-    display: flex;
-    flex-direction: column;
-    background-color: var(--sl-color-neutral-0);
-    height: 100%;
-    box-shadow: var(--sl-shadow-large);
-    border-radius: var(--sl-border-radius-medium);
-  }
-
-  .timepicker__header {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    padding: var(--sl-spacing-2x-small) var(--sl-spacing-small);
-    font-variant-numeric: tabular-nums;
-    border-bottom: 1px solid var(--sl-color-neutral-300);
-    background-color: var(--sl-color-neutral-50);
-    min-height: 40px;
-    box-sizing: border-box;
-    font-weight: var(--sl-font-weight-semibold);
-  }
-
-  .timepicker__header-item {
-    min-width: 2ch;
-    text-align: center;
-  }
-
-  .timepicker__header-separator {
-    padding: 0 var(--sl-spacing-3x-small);
-  }
-
-  .timepicker__margin {
-    height: var(--sl-spacing-x-small);
-    display: flex;
-  }
-  .timepicker__margin div {
-    flex: 1 1 0;
-    height: 100%;
-    border-inline-start: 1px solid var(--sl-color-neutral-300);
-  }
-
-  .timepicker__margin div:first-child {
-    border-inline-start: none;
-  }
-
-  .timepicker__columns {
-    display: flex;
-    flex: 1 1 auto;
-    max-height: 232px;
-  }
-
-  .timepicker__column {
-    flex: 1 1 0;
-    overflow-y: hidden;
-    border-inline-start: 1px solid var(--sl-color-neutral-300);
-    scroll-behavior: smooth;
-  }
-
-  .timepicker__pad {
-    height: 200px;
-  }
-
-  .timepicker__column:hover {
-    overflow-y: auto;
-  }
-
-  .timepicker__column::-webkit-scrollbar {
-    display: none !important;
-  }
-
-  .timepicker__column:first-child {
-    border-inline-start: none;
-  }
-
-  .timepicker__item {
-    height: 32px;
-    line-height: 32px;
-    text-align: center;
-    cursor: pointer;
-    font-size: var(--sl-font-size-small);
-  }
-
-  .timepicker__item:hover {
-    background-color: var(--sl-color-neutral-100);
-  }
-
-  .timepicker__item--selected {
-    background-color: var(--sl-color-primary-100);
-    color: var(--sl-color-primary-700);
-    font-weight: var(--sl-font-weight-semibold);
-  }
-
-  .timepicker__footer {
-    display: flex;
-    justify-content: flex-end;
-    padding: var(--sl-spacing-2x-small) var(--sl-spacing-small);
-    border-top: solid 1px var(--sl-color-neutral-300);
-  }
-`;
-
-export {
-  time_panel_styles_default
-};

package/cdn/chunks/chunk.JJZJBIGO.js

@@ -1,233 +0,0 @@
-import {
-  SlTooltip
-} from "./chunk.MAXEUF7J.js";
-import {
-  copy_button_styles_default
-} from "./chunk.ZSNUIR56.js";
-import {
-  getAnimation,
-  setDefaultAnimation
-} from "./chunk.KSB7EI3T.js";
-import {
-  e
-} from "./chunk.ZLZKOPYV.js";
-import {
-  LocalizeController
-} from "./chunk.2SU6QBUU.js";
-import {
-  SlIcon
-} from "./chunk.NXY2UROX.js";
-import {
-  component_styles_default
-} from "./chunk.EFE6XYM5.js";
-import {
-  ShoelaceElement,
-  e as e2,
-  n,
-  r
-} from "./chunk.2FS7YXYL.js";
-import {
-  x
-} from "./chunk.ZKRJ3RUK.js";
-import {
-  __decorateClass
-} from "./chunk.CZCSAYQZ.js";
-
-// src/components/copy-button/copy-button.component.ts
-var SlCopyButton = class extends ShoelaceElement {
-  constructor() {
-    super(...arguments);
-    this.localize = new LocalizeController(this);
-    this.isCopying = false;
-    this.status = "rest";
-    this.value = "";
-    this.from = "";
-    this.disabled = false;
-    this.copyLabel = "";
-    this.successLabel = "";
-    this.errorLabel = "";
-    this.feedbackDuration = 1e3;
-    this.tooltipPlacement = "top";
-    this.hoist = false;
-  }
-  async handleCopy() {
-    if (this.disabled || this.isCopying) {
-      return;
-    }
-    this.isCopying = true;
-    let valueToCopy = this.value;
-    if (this.from) {
-      const root = this.getRootNode();
-      const isProperty = this.from.includes(".");
-      const isAttribute = this.from.includes("[") && this.from.includes("]");
-      let id = this.from;
-      let field = "";
-      if (isProperty) {
-        [id, field] = this.from.trim().split(".");
-      } else if (isAttribute) {
-        [id, field] = this.from.trim().replace(/\]$/, "").split("[");
-      }
-      const target = "getElementById" in root ? root.getElementById(id) : null;
-      if (target) {
-        if (isAttribute) {
-          valueToCopy = target.getAttribute(field) || "";
-        } else if (isProperty) {
-          valueToCopy = target[field] || "";
-        } else {
-          valueToCopy = target.textContent || "";
-        }
-      } else {
-        this.showStatus("error");
-        this.emit("sl-error");
-      }
-    }
-    if (!valueToCopy) {
-      this.showStatus("error");
-      this.emit("sl-error");
-    } else {
-      try {
-        await navigator.clipboard.writeText(valueToCopy);
-        this.showStatus("success");
-        this.emit("sl-copy", {
-          detail: {
-            value: valueToCopy
-          }
-        });
-      } catch (error) {
-        this.showStatus("error");
-        this.emit("sl-error");
-      }
-    }
-  }
-  async showStatus(status) {
-    const copyLabel = this.copyLabel || this.localize.term("copy");
-    const successLabel = this.successLabel || this.localize.term("copied");
-    const errorLabel = this.errorLabel || this.localize.term("error");
-    const iconToShow = status === "success" ? this.successIcon : this.errorIcon;
-    const showAnimation = getAnimation(this, "copy.in", { dir: "ltr" });
-    const hideAnimation = getAnimation(this, "copy.out", { dir: "ltr" });
-    this.tooltip.content = status === "success" ? successLabel : errorLabel;
-    await this.copyIcon.animate(hideAnimation.keyframes, hideAnimation.options).finished;
-    this.copyIcon.hidden = true;
-    this.status = status;
-    iconToShow.hidden = false;
-    await iconToShow.animate(showAnimation.keyframes, showAnimation.options).finished;
-    setTimeout(async () => {
-      await iconToShow.animate(hideAnimation.keyframes, hideAnimation.options).finished;
-      iconToShow.hidden = true;
-      this.status = "rest";
-      this.copyIcon.hidden = false;
-      await this.copyIcon.animate(showAnimation.keyframes, showAnimation.options).finished;
-      this.tooltip.content = copyLabel;
-      this.isCopying = false;
-    }, this.feedbackDuration);
-  }
-  render() {
-    const copyLabel = this.copyLabel || this.localize.term("copy");
-    return x`
-      <sl-tooltip
-        class=${e({
-      "copy-button": true,
-      "copy-button--success": this.status === "success",
-      "copy-button--error": this.status === "error"
-    })}
-        content=${copyLabel}
-        placement=${this.tooltipPlacement}
-        ?disabled=${this.disabled}
-        ?hoist=${this.hoist}
-        exportparts="
-          base:tooltip__base,
-          base__popup:tooltip__base__popup,
-          base__arrow:tooltip__base__arrow,
-          body:tooltip__body
-        "
-      >
-        <button
-          class="copy-button__button"
-          part="button"
-          type="button"
-          ?disabled=${this.disabled}
-          @click=${this.handleCopy}
-        >
-          <slot part="copy-icon" name="copy-icon">
-            <sl-icon library="system" name="copy"></sl-icon>
-          </slot>
-          <slot part="success-icon" name="success-icon" hidden>
-            <sl-icon library="system" name="check"></sl-icon>
-          </slot>
-          <slot part="error-icon" name="error-icon" hidden>
-            <sl-icon library="system" name="x-lg"></sl-icon>
-          </slot>
-        </button>
-      </sl-tooltip>
-    `;
-  }
-};
-SlCopyButton.styles = [component_styles_default, copy_button_styles_default];
-SlCopyButton.dependencies = {
-  "sl-icon": SlIcon,
-  "sl-tooltip": SlTooltip
-};
-__decorateClass([
-  e2('slot[name="copy-icon"]')
-], SlCopyButton.prototype, "copyIcon", 2);
-__decorateClass([
-  e2('slot[name="success-icon"]')
-], SlCopyButton.prototype, "successIcon", 2);
-__decorateClass([
-  e2('slot[name="error-icon"]')
-], SlCopyButton.prototype, "errorIcon", 2);
-__decorateClass([
-  e2("sl-tooltip")
-], SlCopyButton.prototype, "tooltip", 2);
-__decorateClass([
-  r()
-], SlCopyButton.prototype, "isCopying", 2);
-__decorateClass([
-  r()
-], SlCopyButton.prototype, "status", 2);
-__decorateClass([
-  n()
-], SlCopyButton.prototype, "value", 2);
-__decorateClass([
-  n()
-], SlCopyButton.prototype, "from", 2);
-__decorateClass([
-  n({ type: Boolean, reflect: true })
-], SlCopyButton.prototype, "disabled", 2);
-__decorateClass([
-  n({ attribute: "copy-label" })
-], SlCopyButton.prototype, "copyLabel", 2);
-__decorateClass([
-  n({ attribute: "success-label" })
-], SlCopyButton.prototype, "successLabel", 2);
-__decorateClass([
-  n({ attribute: "error-label" })
-], SlCopyButton.prototype, "errorLabel", 2);
-__decorateClass([
-  n({ attribute: "feedback-duration", type: Number })
-], SlCopyButton.prototype, "feedbackDuration", 2);
-__decorateClass([
-  n({ attribute: "tooltip-placement" })
-], SlCopyButton.prototype, "tooltipPlacement", 2);
-__decorateClass([
-  n({ type: Boolean })
-], SlCopyButton.prototype, "hoist", 2);
-setDefaultAnimation("copy.in", {
-  keyframes: [
-    { scale: ".25", opacity: ".25" },
-    { scale: "1", opacity: "1" }
-  ],
-  options: { duration: 100 }
-});
-setDefaultAnimation("copy.out", {
-  keyframes: [
-    { scale: "1", opacity: "1" },
-    { scale: ".25", opacity: "0" }
-  ],
-  options: { duration: 100 }
-});
-
-export {
-  SlCopyButton
-};

package/cdn/chunks/chunk.JK2SZSOP.js

@@ -1,57 +0,0 @@
-import {
-  i
-} from "./chunk.ZKRJ3RUK.js";
-
-// src/components/icon-button/icon-button.styles.ts
-var icon_button_styles_default = i`
-  :host {
-    display: inline-block;
-    color: var(--sl-color-neutral-600);
-  }
-
-  .icon-button {
-    flex: 0 0 auto;
-    display: flex;
-    align-items: center;
-    background: none;
-    border: none;
-    border-radius: var(--sl-border-radius-medium);
-    font-size: inherit;
-    color: inherit;
-    padding: var(--sl-spacing-x-small);
-    cursor: pointer;
-    transition: var(--sl-transition-x-fast) color;
-    -webkit-appearance: none;
-  }
-
-  .icon-button:hover:not(.icon-button--disabled),
-  .icon-button:focus-visible:not(.icon-button--disabled) {
-    color: var(--sl-color-primary-600);
-  }
-
-  .icon-button:active:not(.icon-button--disabled) {
-    color: var(--sl-color-primary-700);
-  }
-
-  .icon-button:focus {
-    outline: none;
-  }
-
-  .icon-button--disabled {
-    opacity: 0.5;
-    cursor: not-allowed;
-  }
-
-  .icon-button:focus-visible {
-    outline: var(--sl-focus-ring);
-    outline-offset: var(--sl-focus-ring-offset);
-  }
-
-  .icon-button__icon {
-    pointer-events: none;
-  }
-`;
-
-export {
-  icon_button_styles_default
-};

package/cdn/chunks/chunk.JNL27MRY.js

@@ -1,27 +0,0 @@
-import {
-  i
-} from "./chunk.ZKRJ3RUK.js";
-
-// src/components/menu-label/menu-label.styles.ts
-var menu_label_styles_default = i`
-  :host {
-    display: block;
-  }
-
-  .menu-label {
-    display: inline-block;
-    font-family: var(--sl-font-sans);
-    font-size: var(--sl-font-size-small);
-    font-weight: var(--sl-font-weight-semibold);
-    line-height: var(--sl-line-height-normal);
-    letter-spacing: var(--sl-letter-spacing-normal);
-    color: var(--sl-color-neutral-500);
-    padding: var(--sl-spacing-2x-small) var(--sl-spacing-x-large);
-    user-select: none;
-    -webkit-user-select: none;
-  }
-`;
-
-export {
-  menu_label_styles_default
-};

package/cdn/chunks/chunk.JV4JUKDD.js

@@ -1,11 +0,0 @@
-import {
-  SlMenu
-} from "./chunk.WRRTQDOR.js";
-
-// src/components/menu/menu.ts
-var menu_default = SlMenu;
-SlMenu.define("sl-menu");
-
-export {
-  menu_default
-};

package/cdn/chunks/chunk.K2TJ56SW.js

@@ -1,51 +0,0 @@
-import {
-  e,
-  i,
-  t
-} from "./chunk.UP75L23G.js";
-import {
-  T
-} from "./chunk.ZKRJ3RUK.js";
-
-// node_modules/lit-html/directives/style-map.js
-var n = "important";
-var i2 = " !" + n;
-var o = e(class extends i {
-  constructor(t2) {
-    var _a;
-    if (super(t2), t2.type !== t.ATTRIBUTE || "style" !== t2.name || ((_a = t2.strings) == null ? void 0 : _a.length) > 2) throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.");
-  }
-  render(t2) {
-    return Object.keys(t2).reduce((e2, r) => {
-      const s = t2[r];
-      return null == s ? e2 : e2 + `${r = r.includes("-") ? r : r.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g, "-$&").toLowerCase()}:${s};`;
-    }, "");
-  }
-  update(e2, [r]) {
-    const { style: s } = e2.element;
-    if (void 0 === this.ft) return this.ft = new Set(Object.keys(r)), this.render(r);
-    for (const t2 of this.ft) null == r[t2] && (this.ft.delete(t2), t2.includes("-") ? s.removeProperty(t2) : s[t2] = null);
-    for (const t2 in r) {
-      const e3 = r[t2];
-      if (null != e3) {
-        this.ft.add(t2);
-        const r2 = "string" == typeof e3 && e3.endsWith(i2);
-        t2.includes("-") || r2 ? s.setProperty(t2, r2 ? e3.slice(0, -11) : e3, r2 ? n : "") : s[t2] = e3;
-      }
-    }
-    return T;
-  }
-});
-
-export {
-  o
-};
-/*! Bundled license information:
-
-lit-html/directives/style-map.js:
-  (**
-   * @license
-   * Copyright 2018 Google LLC
-   * SPDX-License-Identifier: BSD-3-Clause
-   *)
-*/

package/cdn/chunks/chunk.KDAPZDKF.js

@@ -1,11 +0,0 @@
-import {
-  SlColorPicker
-} from "./chunk.4YK5BEQS.js";
-
-// src/components/color-picker/color-picker.ts
-var color_picker_default = SlColorPicker;
-SlColorPicker.define("sl-color-picker");
-
-export {
-  color_picker_default
-};

package/cdn/chunks/chunk.KDEA44OK.js

@@ -1,162 +0,0 @@
-import {
-  i
-} from "./chunk.ZKRJ3RUK.js";
-
-// src/components/carousel/carousel.styles.ts
-var carousel_styles_default = i`
-  :host {
-    --slide-gap: var(--sl-spacing-medium, 1rem);
-    --aspect-ratio: 16 / 9;
-    --scroll-hint: 0px;
-
-    display: flex;
-  }
-
-  .carousel {
-    display: grid;
-    grid-template-columns: min-content 1fr min-content;
-    grid-template-rows: 1fr min-content;
-    grid-template-areas:
-      '. slides .'
-      '. pagination .';
-    gap: var(--sl-spacing-medium);
-    align-items: center;
-    min-height: 100%;
-    min-width: 100%;
-    position: relative;
-  }
-
-  .carousel__pagination {
-    grid-area: pagination;
-    display: flex;
-    flex-wrap: wrap;
-    justify-content: center;
-    gap: var(--sl-spacing-small);
-  }
-
-  .carousel__slides {
-    grid-area: slides;
-
-    display: grid;
-    height: 100%;
-    width: 100%;
-    align-items: center;
-    justify-items: center;
-    overflow: auto;
-    overscroll-behavior-x: contain;
-    scrollbar-width: none;
-    aspect-ratio: calc(var(--aspect-ratio) * var(--slides-per-page));
-    border-radius: var(--sl-border-radius-small);
-
-    --slide-size: calc((100% - (var(--slides-per-page) - 1) * var(--slide-gap)) / var(--slides-per-page));
-  }
-
-  @media (prefers-reduced-motion) {
-    :where(.carousel__slides) {
-      scroll-behavior: auto;
-    }
-  }
-
-  .carousel__slides--horizontal {
-    grid-auto-flow: column;
-    grid-auto-columns: var(--slide-size);
-    grid-auto-rows: 100%;
-    column-gap: var(--slide-gap);
-    scroll-snap-type: x mandatory;
-    scroll-padding-inline: var(--scroll-hint);
-    padding-inline: var(--scroll-hint);
-    overflow-y: hidden;
-  }
-
-  .carousel__slides--vertical {
-    grid-auto-flow: row;
-    grid-auto-columns: 100%;
-    grid-auto-rows: var(--slide-size);
-    row-gap: var(--slide-gap);
-    scroll-snap-type: y mandatory;
-    scroll-padding-block: var(--scroll-hint);
-    padding-block: var(--scroll-hint);
-    overflow-x: hidden;
-  }
-
-  .carousel__slides--dragging {
-  }
-
-  :host([vertical]) ::slotted(sl-carousel-item) {
-    height: 100%;
-  }
-
-  .carousel__slides::-webkit-scrollbar {
-    display: none;
-  }
-
-  .carousel__navigation {
-    grid-area: navigation;
-    display: contents;
-    font-size: var(--sl-font-size-x-large);
-  }
-
-  .carousel__navigation-button {
-    flex: 0 0 auto;
-    display: flex;
-    align-items: center;
-    background: none;
-    border: none;
-    border-radius: var(--sl-border-radius-small);
-    font-size: inherit;
-    color: var(--sl-color-neutral-600);
-    padding: var(--sl-spacing-x-small);
-    cursor: pointer;
-    transition: var(--sl-transition-medium) color;
-    appearance: none;
-  }
-
-  .carousel__navigation-button--disabled {
-    opacity: 0.5;
-    cursor: not-allowed;
-  }
-
-  .carousel__navigation-button--disabled::part(base) {
-    pointer-events: none;
-  }
-
-  .carousel__navigation-button--previous {
-    grid-column: 1;
-    grid-row: 1;
-  }
-
-  .carousel__navigation-button--next {
-    grid-column: 3;
-    grid-row: 1;
-  }
-
-  .carousel__pagination-item {
-    display: block;
-    cursor: pointer;
-    background: none;
-    border: 0;
-    border-radius: var(--sl-border-radius-circle);
-    width: var(--sl-spacing-small);
-    height: var(--sl-spacing-small);
-    background-color: var(--sl-color-neutral-300);
-    padding: 0;
-    margin: 0;
-  }
-
-  .carousel__pagination-item--active {
-    background-color: var(--sl-color-neutral-700);
-    transform: scale(1.2);
-  }
-
-  /* Focus styles */
-  .carousel__slides:focus-visible,
-  .carousel__navigation-button:focus-visible,
-  .carousel__pagination-item:focus-visible {
-    outline: var(--sl-focus-ring);
-    outline-offset: var(--sl-focus-ring-offset);
-  }
-`;
-
-export {
-  carousel_styles_default
-};

package/cdn/chunks/chunk.KDNDVHCL.js

@@ -1,21 +0,0 @@
-import {
-  SlTabPanel
-} from "./chunk.CWYUZFWC.js";
-
-// src/react/tab-panel/index.ts
-import * as React from "react";
-import { createComponent } from "@lit/react";
-var tagName = "sl-tab-panel";
-SlTabPanel.define("sl-tab-panel");
-var reactWrapper = createComponent({
-  tagName,
-  elementClass: SlTabPanel,
-  react: React,
-  events: {},
-  displayName: "SlTabPanel"
-});
-var tab_panel_default = reactWrapper;
-
-export {
-  tab_panel_default
-};