@kdcloudjs/shoelace 1.0.34 → 1.0.36

package/dist/chunks/chunk.NKL4KZI5.js

@@ -1,212 +0,0 @@
-import {
-  col_styles_default
-} from "./chunk.DCUBK6Y2.js";
-import {
-  component_styles_default
-} from "./chunk.TUVJKY7S.js";
-import {
-  ShoelaceElement
-} from "./chunk.IAKFV7KT.js";
-import {
-  __decorateClass
-} from "./chunk.W5KB6T3Z.js";
-
-// src/components/col/col.component.ts
-import { html } from "lit";
-import { property, state } from "lit/decorators.js";
-var breakpoints = {
-  xs: 0,
-  sm: 576,
-  md: 768,
-  lg: 992,
-  xl: 1200,
-  xxl: 1600
-};
-var responsiveArray = ["xxl", "xl", "lg", "md", "sm", "xs"];
-var SlCol = class extends ShoelaceElement {
-  constructor() {
-    super(...arguments);
-    this.mediaQueryLists = /* @__PURE__ */ new Map();
-    this.currentBreakpoint = "xs";
-    this.rowContext = { gutter: [0, 0], wrap: true };
-  }
-  connectedCallback() {
-    super.connectedCallback();
-    this.setupResponsiveObserver();
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback();
-    this.cleanupResponsiveObserver();
-  }
-  setupResponsiveObserver() {
-    Object.entries(breakpoints).forEach(([key, minWidth]) => {
-      const breakpoint = key;
-      const mediaQuery = minWidth === 0 ? "(min-width: 0px)" : `(min-width: ${minWidth}px)`;
-      const mql = window.matchMedia(mediaQuery);
-      const handler = (e) => {
-        if (e.matches) {
-          this.currentBreakpoint = breakpoint;
-          this.requestUpdate();
-        }
-      };
-      mql.addEventListener("change", handler);
-      this.mediaQueryLists.set(breakpoint, mql);
-      if (mql.matches) {
-        this.currentBreakpoint = breakpoint;
-      }
-    });
-  }
-  cleanupResponsiveObserver() {
-    this.mediaQueryLists.forEach((mql) => {
-      mql.removeEventListener("change", () => {
-      });
-    });
-    this.mediaQueryLists.clear();
-  }
-  getResponsiveProps() {
-    for (const bp of responsiveArray) {
-      const bpIndex = responsiveArray.indexOf(bp);
-      const currentIndex = responsiveArray.indexOf(this.currentBreakpoint);
-      if (bpIndex >= currentIndex) {
-        const config = this[bp];
-        if (config !== void 0) {
-          if (typeof config === "number" || typeof config === "string") {
-            return { span: config };
-          }
-          return config;
-        }
-      }
-    }
-    return {};
-  }
-  parseFlex(flex) {
-    if (flex === "auto") {
-      return "1 1 auto";
-    }
-    if (typeof flex === "number") {
-      return `${flex} ${flex} auto`;
-    }
-    if (/^\d+(\.\d+)?(px|em|rem|%)$/.test(String(flex))) {
-      return `0 0 ${flex}`;
-    }
-    return String(flex);
-  }
-  updated(changedProperties) {
-    super.updated(changedProperties);
-    this.updateHostStyles();
-  }
-  updateHostStyles() {
-    var _a, _b, _c, _d, _e, _f;
-    const responsiveProps = this.getResponsiveProps();
-    const mergedSpan = (_a = this.span) != null ? _a : responsiveProps.span;
-    const mergedOffset = (_b = this.offset) != null ? _b : responsiveProps.offset;
-    const mergedOrder = (_c = this.order) != null ? _c : responsiveProps.order;
-    const mergedPush = (_d = this.push) != null ? _d : responsiveProps.push;
-    const mergedPull = (_e = this.pull) != null ? _e : responsiveProps.pull;
-    const mergedFlex = (_f = this.flex) != null ? _f : responsiveProps.flex;
-    const hostStyle = this.style;
-    hostStyle.flex = "";
-    hostStyle.maxWidth = "";
-    hostStyle.marginLeft = "";
-    hostStyle.order = "";
-    hostStyle.left = "";
-    hostStyle.right = "";
-    hostStyle.paddingLeft = "";
-    hostStyle.paddingRight = "";
-    hostStyle.display = "";
-    hostStyle.minWidth = "";
-    if (mergedSpan !== void 0) {
-      const spanNum = Number(mergedSpan);
-      if (spanNum === 0) {
-        hostStyle.display = "none";
-      } else {
-        const percentage = spanNum / 24 * 100;
-        hostStyle.flex = `0 0 ${percentage}%`;
-        hostStyle.maxWidth = `${percentage}%`;
-      }
-    }
-    if (mergedOffset !== void 0 && mergedOffset !== 0) {
-      const offsetNum = Number(mergedOffset);
-      const percentage = offsetNum / 24 * 100;
-      hostStyle.marginLeft = `${percentage}%`;
-    }
-    if (mergedOrder !== void 0) {
-      hostStyle.order = String(mergedOrder);
-    }
-    if (mergedPush !== void 0 && mergedPush !== 0) {
-      const pushNum = Number(mergedPush);
-      const percentage = pushNum / 24 * 100;
-      hostStyle.left = `${percentage}%`;
-    }
-    if (mergedPull !== void 0 && mergedPull !== 0) {
-      const pullNum = Number(mergedPull);
-      const percentage = pullNum / 24 * 100;
-      hostStyle.right = `${percentage}%`;
-    }
-    if (mergedFlex !== void 0) {
-      hostStyle.flex = this.parseFlex(mergedFlex);
-      if (!this.rowContext.wrap) {
-        hostStyle.minWidth = "0";
-      }
-    }
-    const [gutterH] = this.rowContext.gutter;
-    if (gutterH) {
-      hostStyle.paddingLeft = `${gutterH / 2}px`;
-      hostStyle.paddingRight = `${gutterH / 2}px`;
-    }
-  }
-  render() {
-    return html`
-      <div part="base" class="col">
-        <slot></slot>
-      </div>
-    `;
-  }
-};
-SlCol.styles = [component_styles_default, col_styles_default];
-__decorateClass([
-  state()
-], SlCol.prototype, "currentBreakpoint", 2);
-__decorateClass([
-  state()
-], SlCol.prototype, "rowContext", 2);
-__decorateClass([
-  property({ type: Number })
-], SlCol.prototype, "span", 2);
-__decorateClass([
-  property({ type: Number })
-], SlCol.prototype, "offset", 2);
-__decorateClass([
-  property({ type: Number })
-], SlCol.prototype, "order", 2);
-__decorateClass([
-  property({ type: Number })
-], SlCol.prototype, "push", 2);
-__decorateClass([
-  property({ type: Number })
-], SlCol.prototype, "pull", 2);
-__decorateClass([
-  property()
-], SlCol.prototype, "flex", 2);
-__decorateClass([
-  property({ type: Object })
-], SlCol.prototype, "xs", 2);
-__decorateClass([
-  property({ type: Object })
-], SlCol.prototype, "sm", 2);
-__decorateClass([
-  property({ type: Object })
-], SlCol.prototype, "md", 2);
-__decorateClass([
-  property({ type: Object })
-], SlCol.prototype, "lg", 2);
-__decorateClass([
-  property({ type: Object })
-], SlCol.prototype, "xl", 2);
-__decorateClass([
-  property({ type: Object })
-], SlCol.prototype, "xxl", 2);
-
-export {
-  SlCol
-};

package/dist/chunks/chunk.NLTQFXNT.js

@@ -1,11 +0,0 @@
-import {
-  SlTab
-} from "./chunk.JURZEXKN.js";
-
-// src/components/tab/tab.ts
-var tab_default = SlTab;
-SlTab.define("sl-tab");
-
-export {
-  tab_default
-};

package/dist/chunks/chunk.NNPCDD3Z.js

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

package/dist/chunks/chunk.NPTTMDBK.js

@@ -1,11 +0,0 @@
-import {
-  SlBadge
-} from "./chunk.PBDXSAH7.js";
-
-// src/components/badge/badge.ts
-var badge_default = SlBadge;
-SlBadge.define("sl-badge");
-
-export {
-  badge_default
-};

package/dist/chunks/chunk.NS5UOY3H.js

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

package/dist/chunks/chunk.OADKN5TF.js

@@ -1,11 +0,0 @@
-import {
-  SlSkeleton
-} from "./chunk.LU5XWDXG.js";
-
-// src/components/skeleton/skeleton.ts
-var skeleton_default = SlSkeleton;
-SlSkeleton.define("sl-skeleton");
-
-export {
-  skeleton_default
-};

package/dist/chunks/chunk.OASYD7GP.js

@@ -1,126 +0,0 @@
-import {
-  icon_button_styles_default
-} from "./chunk.6I2T3DLI.js";
-import {
-  SlIcon
-} from "./chunk.4HMJR4HD.js";
-import {
-  component_styles_default
-} from "./chunk.TUVJKY7S.js";
-import {
-  ShoelaceElement
-} from "./chunk.IAKFV7KT.js";
-import {
-  __decorateClass
-} from "./chunk.W5KB6T3Z.js";
-
-// src/components/icon-button/icon-button.component.ts
-import { classMap } from "lit/directives/class-map.js";
-import { html, literal } from "lit/static-html.js";
-import { ifDefined } from "lit/directives/if-defined.js";
-import { property, query, state } from "lit/decorators.js";
-var SlIconButton = class extends ShoelaceElement {
-  constructor() {
-    super(...arguments);
-    this.hasFocus = false;
-    this.label = "";
-    this.disabled = false;
-  }
-  handleBlur() {
-    this.hasFocus = false;
-    this.emit("sl-blur");
-  }
-  handleFocus() {
-    this.hasFocus = true;
-    this.emit("sl-focus");
-  }
-  handleClick(event) {
-    if (this.disabled) {
-      event.preventDefault();
-      event.stopPropagation();
-    }
-  }
-  /** Simulates a click on the icon button. */
-  click() {
-    this.button.click();
-  }
-  /** Sets focus on the icon button. */
-  focus(options) {
-    this.button.focus(options);
-  }
-  /** Removes focus from the icon button. */
-  blur() {
-    this.button.blur();
-  }
-  render() {
-    const isLink = this.href ? true : false;
-    const tag = isLink ? literal`a` : literal`button`;
-    return html`
-      <${tag}
-        part="base"
-        class=${classMap({
-      "icon-button": true,
-      "icon-button--disabled": !isLink && this.disabled,
-      "icon-button--focused": this.hasFocus
-    })}
-        ?disabled=${ifDefined(isLink ? void 0 : this.disabled)}
-        type=${ifDefined(isLink ? void 0 : "button")}
-        href=${ifDefined(isLink ? this.href : void 0)}
-        target=${ifDefined(isLink ? this.target : void 0)}
-        download=${ifDefined(isLink ? this.download : void 0)}
-        rel=${ifDefined(isLink && this.target ? "noreferrer noopener" : void 0)}
-        role=${ifDefined(isLink ? void 0 : "button")}
-        aria-disabled=${this.disabled ? "true" : "false"}
-        aria-label="${this.label}"
-        tabindex=${this.disabled ? "-1" : "0"}
-        @blur=${this.handleBlur}
-        @focus=${this.handleFocus}
-        @click=${this.handleClick}
-      >
-        <sl-icon
-          class="icon-button__icon"
-          name=${ifDefined(this.name)}
-          library=${ifDefined(this.library)}
-          src=${ifDefined(this.src)}
-          aria-hidden="true"
-        ></sl-icon>
-      </${tag}>
-    `;
-  }
-};
-SlIconButton.styles = [component_styles_default, icon_button_styles_default];
-SlIconButton.dependencies = { "sl-icon": SlIcon };
-__decorateClass([
-  query(".icon-button")
-], SlIconButton.prototype, "button", 2);
-__decorateClass([
-  state()
-], SlIconButton.prototype, "hasFocus", 2);
-__decorateClass([
-  property()
-], SlIconButton.prototype, "name", 2);
-__decorateClass([
-  property()
-], SlIconButton.prototype, "library", 2);
-__decorateClass([
-  property()
-], SlIconButton.prototype, "src", 2);
-__decorateClass([
-  property()
-], SlIconButton.prototype, "href", 2);
-__decorateClass([
-  property()
-], SlIconButton.prototype, "target", 2);
-__decorateClass([
-  property()
-], SlIconButton.prototype, "download", 2);
-__decorateClass([
-  property()
-], SlIconButton.prototype, "label", 2);
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], SlIconButton.prototype, "disabled", 2);
-
-export {
-  SlIconButton
-};

package/dist/chunks/chunk.OGH3QKUZ.js

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

package/dist/chunks/chunk.OT4TAWUR.js

@@ -1,11 +0,0 @@
-import {
-  SlRadioButton
-} from "./chunk.2TEPVCQC.js";
-
-// src/components/radio-button/radio-button.ts
-var radio_button_default = SlRadioButton;
-SlRadioButton.define("sl-radio-button");
-
-export {
-  radio_button_default
-};

package/dist/chunks/chunk.OU2IO7MC.js

@@ -1,119 +0,0 @@
-import {
-  breadcrumb_item_styles_default
-} from "./chunk.Q5P7Y2HU.js";
-import {
-  HasSlotController
-} from "./chunk.NYIIDP5N.js";
-import {
-  watch
-} from "./chunk.55S3OOTM.js";
-import {
-  component_styles_default
-} from "./chunk.TUVJKY7S.js";
-import {
-  ShoelaceElement
-} from "./chunk.IAKFV7KT.js";
-import {
-  __decorateClass
-} from "./chunk.W5KB6T3Z.js";
-
-// src/components/breadcrumb-item/breadcrumb-item.component.ts
-import { classMap } from "lit/directives/class-map.js";
-import { html } from "lit";
-import { ifDefined } from "lit/directives/if-defined.js";
-import { property, query, state } from "lit/decorators.js";
-var SlBreadcrumbItem = class extends ShoelaceElement {
-  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() === "sl-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 html`
-      <div
-        part="base"
-        class=${classMap({
-      "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" ? html`
-              <a
-                part="label"
-                class="breadcrumb-item__label breadcrumb-item__label--link"
-                href="${this.href}"
-                target="${ifDefined(this.target ? this.target : void 0)}"
-                rel=${ifDefined(this.target ? this.rel : void 0)}
-              >
-                <slot @slotchange=${this.handleSlotChange}></slot>
-              </a>
-            ` : ""}
-        ${this.renderType === "button" ? html`
-              <button part="label" type="button" class="breadcrumb-item__label breadcrumb-item__label--button">
-                <slot @slotchange=${this.handleSlotChange}></slot>
-              </button>
-            ` : ""}
-        ${this.renderType === "dropdown" ? html`
-              <div part="label" class="breadcrumb-item__label breadcrumb-item__label--drop-down">
-                <slot @slotchange=${this.handleSlotChange}></slot>
-              </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>
-    `;
-  }
-};
-SlBreadcrumbItem.styles = [component_styles_default, breadcrumb_item_styles_default];
-__decorateClass([
-  query("slot:not([name])")
-], SlBreadcrumbItem.prototype, "defaultSlot", 2);
-__decorateClass([
-  state()
-], SlBreadcrumbItem.prototype, "renderType", 2);
-__decorateClass([
-  property()
-], SlBreadcrumbItem.prototype, "href", 2);
-__decorateClass([
-  property()
-], SlBreadcrumbItem.prototype, "target", 2);
-__decorateClass([
-  property()
-], SlBreadcrumbItem.prototype, "rel", 2);
-__decorateClass([
-  watch("href", { waitUntilFirstUpdate: true })
-], SlBreadcrumbItem.prototype, "hrefChanged", 1);
-
-export {
-  SlBreadcrumbItem
-};

package/dist/chunks/chunk.P2U4ATXS.js

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

package/dist/chunks/chunk.P3DAQVW3.js

@@ -1,11 +0,0 @@
-import {
-  SlTable
-} from "./chunk.UQNPA54S.js";
-
-// src/components/table/table.ts
-var table_default = SlTable;
-SlTable.define("sl-table");
-
-export {
-  table_default
-};

package/dist/chunks/chunk.P3UQWYAM.js

@@ -1,85 +0,0 @@
-import {
-  LocalizeController
-} from "./chunk.6CTB5ZDJ.js";
-import {
-  ShoelaceElement
-} from "./chunk.IAKFV7KT.js";
-import {
-  __decorateClass
-} from "./chunk.W5KB6T3Z.js";
-
-// src/components/format-date/format-date.component.ts
-import { html } from "lit";
-import { property } from "lit/decorators.js";
-var SlFormatDate = class extends ShoelaceElement {
-  constructor() {
-    super(...arguments);
-    this.localize = new LocalizeController(this);
-    this.date = /* @__PURE__ */ new Date();
-    this.hourFormat = "auto";
-  }
-  render() {
-    const date = new Date(this.date);
-    const hour12 = this.hourFormat === "auto" ? void 0 : this.hourFormat === "12";
-    if (isNaN(date.getMilliseconds())) {
-      return void 0;
-    }
-    return html`
-      <time datetime=${date.toISOString()}>
-        ${this.localize.date(date, {
-      weekday: this.weekday,
-      era: this.era,
-      year: this.year,
-      month: this.month,
-      day: this.day,
-      hour: this.hour,
-      minute: this.minute,
-      second: this.second,
-      timeZoneName: this.timeZoneName,
-      timeZone: this.timeZone,
-      hour12
-    })}
-      </time>
-    `;
-  }
-};
-__decorateClass([
-  property()
-], SlFormatDate.prototype, "date", 2);
-__decorateClass([
-  property()
-], SlFormatDate.prototype, "weekday", 2);
-__decorateClass([
-  property()
-], SlFormatDate.prototype, "era", 2);
-__decorateClass([
-  property()
-], SlFormatDate.prototype, "year", 2);
-__decorateClass([
-  property()
-], SlFormatDate.prototype, "month", 2);
-__decorateClass([
-  property()
-], SlFormatDate.prototype, "day", 2);
-__decorateClass([
-  property()
-], SlFormatDate.prototype, "hour", 2);
-__decorateClass([
-  property()
-], SlFormatDate.prototype, "minute", 2);
-__decorateClass([
-  property()
-], SlFormatDate.prototype, "second", 2);
-__decorateClass([
-  property({ attribute: "time-zone-name" })
-], SlFormatDate.prototype, "timeZoneName", 2);
-__decorateClass([
-  property({ attribute: "time-zone" })
-], SlFormatDate.prototype, "timeZone", 2);
-__decorateClass([
-  property({ attribute: "hour-format" })
-], SlFormatDate.prototype, "hourFormat", 2);
-
-export {
-  SlFormatDate
-};