@kdcloudjs/shoelace 1.0.28 → 1.0.30

package/cdn/chunks/chunk.B7JDZ7KE.js

@@ -1,74 +0,0 @@
-import {
-  i
-} from "./chunk.7WSF3BCU.js";
-
-// src/components/row/row.styles.ts
-var row_styles_default = i`
-  :host {
-    display: block;
-    width: 100%;
-  }
-
-  .row {
-    display: flex;
-    flex-flow: row wrap;
-    min-width: 0;
-    width: 100%;
-  }
-
-  .row::before,
-  .row::after {
-    display: flex;
-  }
-
-  /* Wrap */
-  .row--no-wrap {
-    flex-wrap: nowrap;
-  }
-
-  /* Justify */
-  .row--start {
-    justify-content: flex-start;
-  }
-
-  .row--center {
-    justify-content: center;
-  }
-
-  .row--end {
-    justify-content: flex-end;
-  }
-
-  .row--space-between {
-    justify-content: space-between;
-  }
-
-  .row--space-around {
-    justify-content: space-around;
-  }
-
-  .row--space-evenly {
-    justify-content: space-evenly;
-  }
-
-  /* Align */
-  .row--top {
-    align-items: flex-start;
-  }
-
-  .row--middle {
-    align-items: center;
-  }
-
-  .row--bottom {
-    align-items: flex-end;
-  }
-
-  .row--stretch {
-    align-items: stretch;
-  }
-`;
-
-export {
-  row_styles_default
-};

package/cdn/chunks/chunk.BAIGSUJW.js

@@ -1,128 +0,0 @@
-import {
-  thought_chain_styles_default
-} from "./chunk.ZA62RUD6.js";
-import {
-  component_styles_default
-} from "./chunk.NDXSHFSW.js";
-import {
-  ShoelaceElement,
-  n,
-  r
-} from "./chunk.DGZ6NWOG.js";
-import {
-  b
-} from "./chunk.7WSF3BCU.js";
-import {
-  __decorateClass
-} from "./chunk.CZCSAYQZ.js";
-
-// src/components/thought-chain/thought-chain.component.ts
-var SlThoughtChain = class extends ShoelaceElement {
-  constructor() {
-    super(...arguments);
-    this.size = "middle";
-    this.line = true;
-    this.defaultExpandedKeys = [];
-    this.internalExpandedKeys = [];
-    this.hasInitialized = false;
-  }
-  firstUpdated() {
-    if (!this.hasInitialized) {
-      this.internalExpandedKeys = [...this.defaultExpandedKeys];
-      this.hasInitialized = true;
-    }
-    this.updateChildNodes();
-  }
-  updated(changedProperties) {
-    super.updated(changedProperties);
-    if (changedProperties.has("line") || changedProperties.has("size") || changedProperties.has("expandedKeys") || changedProperties.has("internalExpandedKeys") || changedProperties.has("defaultExpandedKeys")) {
-      this.updateChildNodes();
-    }
-  }
-  /** Get the effective expanded keys */
-  getExpandedKeys() {
-    var _a;
-    return (_a = this.expandedKeys) != null ? _a : this.internalExpandedKeys;
-  }
-  /** Normalize line value to a consistent CSS-friendly string */
-  getLineStyleValue() {
-    const line = this.line;
-    if (line === false) return "none";
-    if (line === true || line === "solid") return "solid";
-    return line;
-  }
-  /** Propagate context to child sl-thought-chain-node elements */
-  async updateChildNodes() {
-    await customElements.whenDefined("sl-thought-chain-node");
-    const nodes = this.querySelectorAll(":scope > sl-thought-chain-node");
-    const expandedKeys = this.getExpandedKeys();
-    const total = nodes.length;
-    const lineStyleValue = this.getLineStyleValue();
-    nodes.forEach((node, index) => {
-      node._lineStyle = lineStyleValue;
-      node._isLast = index === total - 1;
-      node._index = index;
-      node._size = this.size;
-      node._expandedKeys = expandedKeys;
-      node._onExpand = (key) => this.handleItemExpand(key);
-    });
-  }
-  /** Handle slot changes to update newly added nodes */
-  handleSlotChange() {
-    this.updateChildNodes();
-  }
-  /** Handle expand/collapse toggle from child node */
-  handleItemExpand(key) {
-    const currentKeys = this.getExpandedKeys();
-    const isExpanded = currentKeys.includes(key);
-    const newKeys = isExpanded ? currentKeys.filter((k) => k !== key) : [...currentKeys, key];
-    if (this.expandedKeys === void 0) {
-      this.internalExpandedKeys = newKeys;
-    }
-    this.emit("sl-expand", {
-      detail: { key, expandedKeys: newKeys }
-    });
-  }
-  render() {
-    return b`
-      <div part="base" class="thought-chain">
-        <slot @slotchange=${this.handleSlotChange}></slot>
-      </div>
-    `;
-  }
-};
-SlThoughtChain.styles = [component_styles_default, thought_chain_styles_default];
-__decorateClass([
-  n({ reflect: true })
-], SlThoughtChain.prototype, "size", 2);
-__decorateClass([
-  n({
-    reflect: true,
-    converter: {
-      fromAttribute(value) {
-        if (value === null || value === "true" || value === "") return true;
-        if (value === "false" || value === "none") return false;
-        if (value === "solid" || value === "dashed" || value === "dotted") return value;
-        return true;
-      },
-      toAttribute(value) {
-        if (value === true) return "true";
-        if (value === false) return "none";
-        return String(value);
-      }
-    }
-  })
-], SlThoughtChain.prototype, "line", 2);
-__decorateClass([
-  n({ attribute: "default-expanded-keys", type: Array })
-], SlThoughtChain.prototype, "defaultExpandedKeys", 2);
-__decorateClass([
-  n({ attribute: "expanded-keys", type: Array })
-], SlThoughtChain.prototype, "expandedKeys", 2);
-__decorateClass([
-  r()
-], SlThoughtChain.prototype, "internalExpandedKeys", 2);
-
-export {
-  SlThoughtChain
-};

package/cdn/chunks/chunk.BEJW4Y4A.js

@@ -1,244 +0,0 @@
-import {
-  i
-} from "./chunk.7WSF3BCU.js";
-
-// src/components/tab-group/tab-group.styles.ts
-var tab_group_styles_default = i`
-  :host {
-    --indicator-color: var(--sl-color-primary-600);
-    --track-color: var(--sl-color-neutral-200);
-    --track-width: 1px;
-
-    display: block;
-  }
-
-  .tab-group {
-    display: flex;
-    border-radius: 0;
-  }
-
-  .tab-group__tabs {
-    display: flex;
-    position: relative;
-  }
-
-  .tab-group__indicator {
-    position: absolute;
-    transition:
-      var(--sl-transition-fast) translate ease,
-      var(--sl-transition-fast) width ease;
-  }
-
-  .tab-group--has-scroll-controls .tab-group__nav-container {
-    position: relative;
-    padding: 0 var(--sl-spacing-x-large);
-  }
-
-  .tab-group--has-scroll-controls .tab-group__scroll-button--start--hidden,
-  .tab-group--has-scroll-controls .tab-group__scroll-button--end--hidden {
-    visibility: hidden;
-  }
-
-  .tab-group__body {
-    display: block;
-    overflow: auto;
-  }
-
-  .tab-group__scroll-button {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    position: absolute;
-    top: 0;
-    bottom: 0;
-    width: var(--sl-spacing-x-large);
-  }
-
-  .tab-group__scroll-button--start {
-    left: 0;
-  }
-
-  .tab-group__scroll-button--end {
-    right: 0;
-  }
-
-  .tab-group--rtl .tab-group__scroll-button--start {
-    left: auto;
-    right: 0;
-  }
-
-  .tab-group--rtl .tab-group__scroll-button--end {
-    left: 0;
-    right: auto;
-  }
-
-  /*
-   * Top
-   */
-
-  .tab-group--top {
-    flex-direction: column;
-  }
-
-  .tab-group--top .tab-group__nav-container {
-    order: 1;
-  }
-
-  .tab-group--top .tab-group__nav {
-    display: flex;
-    overflow-x: auto;
-
-    /* Hide scrollbar in Firefox */
-    scrollbar-width: none;
-  }
-
-  /* Hide scrollbar in Chrome/Safari */
-  .tab-group--top .tab-group__nav::-webkit-scrollbar {
-    width: 0;
-    height: 0;
-  }
-
-  .tab-group--top .tab-group__tabs {
-    flex: 1 1 auto;
-    position: relative;
-    flex-direction: row;
-    border-bottom: solid var(--track-width) var(--track-color);
-  }
-
-  .tab-group--top .tab-group__indicator {
-    bottom: calc(-1 * var(--track-width));
-    border-bottom: solid 2px var(--indicator-color);
-  }
-
-  .tab-group--top .tab-group__body {
-    order: 2;
-  }
-
-  .tab-group--top ::slotted(sl-tab-panel) {
-    --padding: var(--sl-spacing-medium) 0;
-  }
-
-  /*
-   * Bottom
-   */
-
-  .tab-group--bottom {
-    flex-direction: column;
-  }
-
-  .tab-group--bottom .tab-group__nav-container {
-    order: 2;
-  }
-
-  .tab-group--bottom .tab-group__nav {
-    display: flex;
-    overflow-x: auto;
-
-    /* Hide scrollbar in Firefox */
-    scrollbar-width: none;
-  }
-
-  /* Hide scrollbar in Chrome/Safari */
-  .tab-group--bottom .tab-group__nav::-webkit-scrollbar {
-    width: 0;
-    height: 0;
-  }
-
-  .tab-group--bottom .tab-group__tabs {
-    flex: 1 1 auto;
-    position: relative;
-    flex-direction: row;
-    border-top: solid var(--track-width) var(--track-color);
-  }
-
-  .tab-group--bottom .tab-group__indicator {
-    top: calc(-1 * var(--track-width));
-    border-top: solid 2px var(--indicator-color);
-  }
-
-  .tab-group--bottom .tab-group__body {
-    order: 1;
-  }
-
-  .tab-group--bottom ::slotted(sl-tab-panel) {
-    --padding: var(--sl-spacing-medium) 0;
-  }
-
-  /*
-   * Start
-   */
-
-  .tab-group--start {
-    flex-direction: row;
-  }
-
-  .tab-group--start .tab-group__nav-container {
-    order: 1;
-  }
-
-  .tab-group--start .tab-group__tabs {
-    flex: 0 0 auto;
-    flex-direction: column;
-    border-inline-end: solid var(--track-width) var(--track-color);
-  }
-
-  .tab-group--start .tab-group__indicator {
-    right: calc(-1 * var(--track-width));
-    border-right: solid 2px var(--indicator-color);
-  }
-
-  .tab-group--start.tab-group--rtl .tab-group__indicator {
-    right: auto;
-    left: calc(-1 * var(--track-width));
-  }
-
-  .tab-group--start .tab-group__body {
-    flex: 1 1 auto;
-    order: 2;
-  }
-
-  .tab-group--start ::slotted(sl-tab-panel) {
-    --padding: 0 var(--sl-spacing-medium);
-  }
-
-  /*
-   * End
-   */
-
-  .tab-group--end {
-    flex-direction: row;
-  }
-
-  .tab-group--end .tab-group__nav-container {
-    order: 2;
-  }
-
-  .tab-group--end .tab-group__tabs {
-    flex: 0 0 auto;
-    flex-direction: column;
-    border-left: solid var(--track-width) var(--track-color);
-  }
-
-  .tab-group--end .tab-group__indicator {
-    left: calc(-1 * var(--track-width));
-    border-inline-start: solid 2px var(--indicator-color);
-  }
-
-  .tab-group--end.tab-group--rtl .tab-group__indicator {
-    right: calc(-1 * var(--track-width));
-    left: auto;
-  }
-
-  .tab-group--end .tab-group__body {
-    flex: 1 1 auto;
-    order: 1;
-  }
-
-  .tab-group--end ::slotted(sl-tab-panel) {
-    --padding: 0 var(--sl-spacing-medium);
-  }
-`;
-
-export {
-  tab_group_styles_default
-};

package/cdn/chunks/chunk.BJDNEBPV.js

@@ -1,51 +0,0 @@
-import {
-  e,
-  i,
-  t
-} from "./chunk.UP75L23G.js";
-import {
-  E
-} from "./chunk.7WSF3BCU.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 E;
-  }
-});
-
-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.BSPPXCTS.js

@@ -1,113 +0,0 @@
-import {
-  mutation_observer_styles_default
-} from "./chunk.GYOTPPQV.js";
-import {
-  watch
-} from "./chunk.WID3TCT6.js";
-import {
-  component_styles_default
-} from "./chunk.NDXSHFSW.js";
-import {
-  ShoelaceElement,
-  n
-} from "./chunk.DGZ6NWOG.js";
-import {
-  b
-} from "./chunk.7WSF3BCU.js";
-import {
-  __decorateClass
-} from "./chunk.CZCSAYQZ.js";
-
-// src/components/mutation-observer/mutation-observer.component.ts
-var SlMutationObserver = class extends ShoelaceElement {
-  constructor() {
-    super(...arguments);
-    this.attrOldValue = false;
-    this.charData = false;
-    this.charDataOldValue = false;
-    this.childList = false;
-    this.disabled = false;
-    this.handleMutation = (mutationList) => {
-      this.emit("sl-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 b` <slot></slot> `;
-  }
-};
-SlMutationObserver.styles = [component_styles_default, mutation_observer_styles_default];
-__decorateClass([
-  n({ reflect: true })
-], SlMutationObserver.prototype, "attr", 2);
-__decorateClass([
-  n({ attribute: "attr-old-value", type: Boolean, reflect: true })
-], SlMutationObserver.prototype, "attrOldValue", 2);
-__decorateClass([
-  n({ attribute: "char-data", type: Boolean, reflect: true })
-], SlMutationObserver.prototype, "charData", 2);
-__decorateClass([
-  n({ attribute: "char-data-old-value", type: Boolean, reflect: true })
-], SlMutationObserver.prototype, "charDataOldValue", 2);
-__decorateClass([
-  n({ attribute: "child-list", type: Boolean, reflect: true })
-], SlMutationObserver.prototype, "childList", 2);
-__decorateClass([
-  n({ type: Boolean, reflect: true })
-], SlMutationObserver.prototype, "disabled", 2);
-__decorateClass([
-  watch("disabled")
-], SlMutationObserver.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 })
-], SlMutationObserver.prototype, "handleChange", 1);
-
-export {
-  SlMutationObserver
-};

package/cdn/chunks/chunk.BT53JGIN.js

@@ -1,68 +0,0 @@
-import {
-  i
-} from "./chunk.7WSF3BCU.js";
-
-// src/components/popup/popup.styles.ts
-var popup_styles_default = i`
-  :host {
-    --arrow-color: var(--sl-color-neutral-1000);
-    --arrow-size: 6px;
-
-    /*
-     * These properties are computed to account for the arrow's dimensions after being rotated 45º. The constant
-     * 0.7071 is derived from sin(45), which is the diagonal size of the arrow's container after rotating.
-     */
-    --arrow-size-diagonal: calc(var(--arrow-size) * 0.7071);
-    --arrow-padding-offset: calc(var(--arrow-size-diagonal) - var(--arrow-size));
-
-    display: contents;
-  }
-
-  .popup {
-    position: absolute;
-    isolation: isolate;
-    max-width: var(--auto-size-available-width, none);
-    max-height: var(--auto-size-available-height, none);
-  }
-
-  .popup--fixed {
-    position: fixed;
-  }
-
-  .popup:not(.popup--active) {
-    display: none;
-  }
-
-  .popup__arrow {
-    position: absolute;
-    width: calc(var(--arrow-size-diagonal) * 2);
-    height: calc(var(--arrow-size-diagonal) * 2);
-    rotate: 45deg;
-    background: var(--arrow-color);
-    z-index: -1;
-  }
-
-  /* Hover bridge */
-  .popup-hover-bridge:not(.popup-hover-bridge--visible) {
-    display: none;
-  }
-
-  .popup-hover-bridge {
-    position: fixed;
-    z-index: calc(var(--sl-z-index-dropdown) - 1);
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
-    clip-path: polygon(
-      var(--hover-bridge-top-left-x, 0) var(--hover-bridge-top-left-y, 0),
-      var(--hover-bridge-top-right-x, 0) var(--hover-bridge-top-right-y, 0),
-      var(--hover-bridge-bottom-right-x, 0) var(--hover-bridge-bottom-right-y, 0),
-      var(--hover-bridge-bottom-left-x, 0) var(--hover-bridge-bottom-left-y, 0)
-    );
-  }
-`;
-
-export {
-  popup_styles_default
-};

package/cdn/chunks/chunk.BUIRZB5U.js

@@ -1,26 +0,0 @@
-import {
-  SlNav
-} from "./chunk.JWYNNSIR.js";
-
-// src/react/nav/index.ts
-import * as React from "react";
-import { createComponent } from "@lit/react";
-import "@lit/react";
-var tagName = "sl-nav";
-SlNav.define("sl-nav");
-var reactWrapper = createComponent({
-  tagName,
-  elementClass: SlNav,
-  react: React,
-  events: {
-    onSlChange: "sl-change",
-    onSlNavOpenChange: "sl-nav-open-change",
-    onSlNavSelect: "sl-nav-select"
-  },
-  displayName: "SlNav"
-});
-var nav_default = reactWrapper;
-
-export {
-  nav_default
-};