@kdcloudjs/shoelace 0.0.1 → 1.0.0

package/cdn/chunks/chunk.G3BV6M4A.js

@@ -1,11 +0,0 @@
-import {
-  SlRelativeTime
-} from "./chunk.NFVYIXRQ.js";
-
-// src/components/relative-time/relative-time.ts
-var relative_time_default = SlRelativeTime;
-SlRelativeTime.define("sl-relative-time");
-
-export {
-  relative_time_default
-};

package/cdn/chunks/chunk.GCASL3UL.js

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

@@ -1,197 +0,0 @@
-import {
-  SubmenuController
-} from "./chunk.K2WEZ35I.js";
-import {
-  menu_item_styles_default
-} from "./chunk.BBQXAFWV.js";
-import {
-  SlPopup
-} from "./chunk.NM42HJNS.js";
-import {
-  SlSpinner
-} from "./chunk.4POYRVPM.js";
-import {
-  HasSlotController,
-  getTextContent
-} from "./chunk.NYIIDP5N.js";
-import {
-  e
-} from "./chunk.3RBSSBZT.js";
-import {
-  LocalizeController
-} from "./chunk.2SU6QBUU.js";
-import {
-  SlIcon
-} from "./chunk.BTNTELW5.js";
-import {
-  watch
-} from "./chunk.JMZM2TDT.js";
-import {
-  component_styles_default
-} from "./chunk.INZSKSLC.js";
-import {
-  ShoelaceElement,
-  e as e2,
-  n
-} from "./chunk.5YQYSVGD.js";
-import {
-  x
-} from "./chunk.OOP2EFQH.js";
-import {
-  __decorateClass
-} from "./chunk.W27M6RDR.js";
-
-// src/components/menu-item/menu-item.component.ts
-var SlMenuItem = class extends ShoelaceElement {
-  constructor() {
-    super(...arguments);
-    this.localize = new LocalizeController(this);
-    this.type = "normal";
-    this.checked = false;
-    this.value = "";
-    this.loading = false;
-    this.disabled = false;
-    this.hasSlotController = new HasSlotController(this, "submenu");
-    this.submenuController = new SubmenuController(this, this.hasSlotController);
-    this.handleHostClick = (event) => {
-      if (this.disabled) {
-        event.preventDefault();
-        event.stopImmediatePropagation();
-      }
-    };
-    this.handleMouseOver = (event) => {
-      this.focus();
-      event.stopPropagation();
-    };
-  }
-  connectedCallback() {
-    super.connectedCallback();
-    this.addEventListener("click", this.handleHostClick);
-    this.addEventListener("mouseover", this.handleMouseOver);
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback();
-    this.removeEventListener("click", this.handleHostClick);
-    this.removeEventListener("mouseover", this.handleMouseOver);
-  }
-  handleDefaultSlotChange() {
-    const textLabel = this.getTextLabel();
-    if (typeof this.cachedTextLabel === "undefined") {
-      this.cachedTextLabel = textLabel;
-      return;
-    }
-    if (textLabel !== this.cachedTextLabel) {
-      this.cachedTextLabel = textLabel;
-      this.emit("slotchange", { bubbles: true, composed: false, cancelable: false });
-    }
-  }
-  handleCheckedChange() {
-    if (this.checked && this.type !== "checkbox") {
-      this.checked = false;
-      console.error('The checked attribute can only be used on menu items with type="checkbox"', this);
-      return;
-    }
-    if (this.type === "checkbox") {
-      this.setAttribute("aria-checked", this.checked ? "true" : "false");
-    } else {
-      this.removeAttribute("aria-checked");
-    }
-  }
-  handleDisabledChange() {
-    this.setAttribute("aria-disabled", this.disabled ? "true" : "false");
-  }
-  handleTypeChange() {
-    if (this.type === "checkbox") {
-      this.setAttribute("role", "menuitemcheckbox");
-      this.setAttribute("aria-checked", this.checked ? "true" : "false");
-    } else {
-      this.setAttribute("role", "menuitem");
-      this.removeAttribute("aria-checked");
-    }
-  }
-  /** Returns a text label based on the contents of the menu item's default slot. */
-  getTextLabel() {
-    return getTextContent(this.defaultSlot);
-  }
-  isSubmenu() {
-    return this.hasSlotController.test("submenu");
-  }
-  render() {
-    const isRtl = this.localize.dir() === "rtl";
-    const isSubmenuExpanded = this.submenuController.isExpanded();
-    return x`
-      <div
-        id="anchor"
-        part="base"
-        class=${e({
-      "menu-item": true,
-      "menu-item--rtl": isRtl,
-      "menu-item--checked": this.checked,
-      "menu-item--disabled": this.disabled,
-      "menu-item--loading": this.loading,
-      "menu-item--has-submenu": this.isSubmenu(),
-      "menu-item--submenu-expanded": isSubmenuExpanded
-    })}
-        ?aria-haspopup="${this.isSubmenu()}"
-        ?aria-expanded="${isSubmenuExpanded ? true : false}"
-      >
-        <span part="checked-icon" class="menu-item__check">
-          <sl-icon name="check" library="system" aria-hidden="true"></sl-icon>
-        </span>
-
-        <slot name="prefix" part="prefix" class="menu-item__prefix"></slot>
-
-        <slot part="label" class="menu-item__label" @slotchange=${this.handleDefaultSlotChange}></slot>
-
-        <slot name="suffix" part="suffix" class="menu-item__suffix"></slot>
-
-        <span part="submenu-icon" class="menu-item__chevron">
-          <sl-icon name=${isRtl ? "chevron-left" : "chevron-right"} library="system" aria-hidden="true"></sl-icon>
-        </span>
-
-        ${this.submenuController.renderSubmenu()}
-        ${this.loading ? x` <sl-spinner part="spinner" exportparts="base:spinner__base"></sl-spinner> ` : ""}
-      </div>
-    `;
-  }
-};
-SlMenuItem.styles = [component_styles_default, menu_item_styles_default];
-SlMenuItem.dependencies = {
-  "sl-icon": SlIcon,
-  "sl-popup": SlPopup,
-  "sl-spinner": SlSpinner
-};
-__decorateClass([
-  e2("slot:not([name])")
-], SlMenuItem.prototype, "defaultSlot", 2);
-__decorateClass([
-  e2(".menu-item")
-], SlMenuItem.prototype, "menuItem", 2);
-__decorateClass([
-  n()
-], SlMenuItem.prototype, "type", 2);
-__decorateClass([
-  n({ type: Boolean, reflect: true })
-], SlMenuItem.prototype, "checked", 2);
-__decorateClass([
-  n()
-], SlMenuItem.prototype, "value", 2);
-__decorateClass([
-  n({ type: Boolean, reflect: true })
-], SlMenuItem.prototype, "loading", 2);
-__decorateClass([
-  n({ type: Boolean, reflect: true })
-], SlMenuItem.prototype, "disabled", 2);
-__decorateClass([
-  watch("checked")
-], SlMenuItem.prototype, "handleCheckedChange", 1);
-__decorateClass([
-  watch("disabled")
-], SlMenuItem.prototype, "handleDisabledChange", 1);
-__decorateClass([
-  watch("type")
-], SlMenuItem.prototype, "handleTypeChange", 1);
-
-export {
-  SlMenuItem
-};

package/cdn/chunks/chunk.GT7ESGEV.js

@@ -1,24 +0,0 @@
-import {
-  SlAvatar
-} from "./chunk.4RAV7BXG.js";
-
-// src/react/avatar/index.ts
-import * as React from "react";
-import { createComponent } from "@lit/react";
-import "@lit/react";
-var tagName = "sl-avatar";
-SlAvatar.define("sl-avatar");
-var reactWrapper = createComponent({
-  tagName,
-  elementClass: SlAvatar,
-  react: React,
-  events: {
-    onSlError: "sl-error"
-  },
-  displayName: "SlAvatar"
-});
-var avatar_default = reactWrapper;
-
-export {
-  avatar_default
-};

package/cdn/chunks/chunk.GUCZNPII.js

@@ -1,93 +0,0 @@
-import {
-  i
-} from "./chunk.OOP2EFQH.js";
-
-// src/components/breadcrumb-item/breadcrumb-item.styles.ts
-var breadcrumb_item_styles_default = i`
-  :host {
-    display: inline-flex;
-  }
-
-  .breadcrumb-item {
-    display: inline-flex;
-    align-items: center;
-    font-family: var(--sl-font-sans);
-    font-size: var(--sl-font-size-small);
-    font-weight: var(--sl-font-weight-semibold);
-    color: var(--sl-color-neutral-600);
-    line-height: var(--sl-line-height-normal);
-    white-space: nowrap;
-  }
-
-  .breadcrumb-item__label {
-    display: inline-block;
-    font-family: inherit;
-    font-size: inherit;
-    font-weight: inherit;
-    line-height: inherit;
-    text-decoration: none;
-    color: inherit;
-    background: none;
-    border: none;
-    border-radius: var(--sl-border-radius-medium);
-    padding: 0;
-    margin: 0;
-    cursor: pointer;
-    transition: var(--sl-transition-fast) --color;
-  }
-
-  :host(:not(:last-of-type)) .breadcrumb-item__label {
-    color: var(--sl-color-primary-600);
-  }
-
-  :host(:not(:last-of-type)) .breadcrumb-item__label:hover {
-    color: var(--sl-color-primary-500);
-  }
-
-  :host(:not(:last-of-type)) .breadcrumb-item__label:active {
-    color: var(--sl-color-primary-600);
-  }
-
-  .breadcrumb-item__label:focus {
-    outline: none;
-  }
-
-  .breadcrumb-item__label:focus-visible {
-    outline: var(--sl-focus-ring);
-    outline-offset: var(--sl-focus-ring-offset);
-  }
-
-  .breadcrumb-item__prefix,
-  .breadcrumb-item__suffix {
-    display: none;
-    flex: 0 0 auto;
-    display: flex;
-    align-items: center;
-  }
-
-  .breadcrumb-item--has-prefix .breadcrumb-item__prefix {
-    display: inline-flex;
-    margin-inline-end: var(--sl-spacing-x-small);
-  }
-
-  .breadcrumb-item--has-suffix .breadcrumb-item__suffix {
-    display: inline-flex;
-    margin-inline-start: var(--sl-spacing-x-small);
-  }
-
-  :host(:last-of-type) .breadcrumb-item__separator {
-    display: none;
-  }
-
-  .breadcrumb-item__separator {
-    display: inline-flex;
-    align-items: center;
-    margin: 0 var(--sl-spacing-x-small);
-    user-select: none;
-    -webkit-user-select: none;
-  }
-`;
-
-export {
-  breadcrumb_item_styles_default
-};

package/cdn/chunks/chunk.GYJIQCRZ.js

@@ -1,244 +0,0 @@
-import {
-  i
-} from "./chunk.OOP2EFQH.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: 2px;
-
-    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 var(--track-width) 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 var(--track-width) 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 var(--track-width) 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 var(--track-width) 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
-};