@kdcloudjs/shoelace 1.0.14 → 1.0.16

package/cdn/chunks/chunk.NMPFIQ3O.js

@@ -1,361 +0,0 @@
-import {
-  i
-} from "./chunk.7WSF3BCU.js";
-
-// src/components/select/select.styles.ts
-var select_styles_default = i`
-  :host {
-    display: block;
-  }
-
-  /** The popup */
-  .select {
-    flex: 1 1 auto;
-    display: inline-flex;
-    width: 100%;
-    position: relative;
-    vertical-align: middle;
-  }
-
-  .select::part(popup) {
-    z-index: var(--sl-z-index-dropdown);
-  }
-
-  .select[data-current-placement^='top']::part(popup) {
-    transform-origin: bottom;
-  }
-
-  .select[data-current-placement^='bottom']::part(popup) {
-    transform-origin: top;
-  }
-
-  /* Combobox */
-  .select__combobox {
-    flex: 1;
-    display: flex;
-    width: 100%;
-    min-width: 0;
-    position: relative;
-    align-items: center;
-    justify-content: start;
-    font-family: var(--sl-input-font-family);
-    font-weight: var(--sl-input-font-weight);
-    letter-spacing: var(--sl-input-letter-spacing);
-    vertical-align: middle;
-    overflow: hidden;
-    cursor: pointer;
-    transition:
-      var(--sl-transition-fast) color,
-      var(--sl-transition-fast) border,
-      var(--sl-transition-fast) box-shadow,
-      var(--sl-transition-fast) background-color;
-  }
-
-  .select__display-input {
-    position: relative;
-    width: 100%;
-    font: inherit;
-    border: none;
-    background: none;
-    color: var(--sl-input-color);
-    cursor: inherit;
-    overflow: hidden;
-    padding: 0;
-    margin: 0;
-    -webkit-appearance: none;
-  }
-
-  .select__display-input::placeholder {
-    color: var(--sl-input-placeholder-color);
-  }
-
-  .select:not(.select--disabled):hover .select__display-input {
-    color: var(--sl-input-color-hover);
-  }
-
-  .select__display-input:focus {
-    outline: none;
-  }
-
-  /* Visually hide the display input when multiple is enabled */
-  .select--multiple:not(.select--placeholder-visible) .select__display-input {
-    position: absolute;
-    z-index: -1;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    opacity: 0;
-  }
-
-  .select__value-input {
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    padding: 0;
-    margin: 0;
-    opacity: 0;
-    z-index: -1;
-  }
-
-  .select__tags {
-    display: flex;
-    flex: 1;
-    align-items: center;
-    flex-wrap: wrap;
-    margin-inline-start: var(--sl-spacing-2x-small);
-  }
-
-  .select__tags::slotted(sl-tag) {
-    cursor: pointer !important;
-  }
-
-  .select--disabled .select__tags,
-  .select--disabled .select__tags::slotted(sl-tag) {
-    cursor: not-allowed !important;
-  }
-
-  /* Standard selects */
-  .select--standard .select__combobox {
-    background-color: var(--sl-input-background-color);
-    border: solid var(--sl-input-border-width) var(--sl-input-border-color);
-  }
-
-  .select--standard.select--disabled .select__combobox {
-    background-color: var(--sl-input-background-color-disabled);
-    border-color: var(--sl-input-border-color-disabled);
-    color: var(--sl-input-color-disabled);
-    opacity: 0.5;
-    cursor: not-allowed;
-    outline: none;
-  }
-
-  .select--standard:not(.select--disabled).select--open .select__combobox,
-  .select--standard:not(.select--disabled).select--focused .select__combobox {
-    background-color: var(--sl-input-background-color-focus);
-    border-color: var(--sl-input-border-color-focus);
-    box-shadow: 0 0 0 var(--sl-focus-ring-width) var(--sl-input-focus-ring-color);
-  }
-
-  /* Filled selects */
-  .select--filled .select__combobox {
-    border: none;
-    background-color: var(--sl-input-filled-background-color);
-    color: var(--sl-input-color);
-  }
-
-  .select--filled:hover:not(.select--disabled) .select__combobox {
-    background-color: var(--sl-input-filled-background-color-hover);
-  }
-
-  .select--filled.select--disabled .select__combobox {
-    background-color: var(--sl-input-filled-background-color-disabled);
-    opacity: 0.5;
-    cursor: not-allowed;
-  }
-
-  .select--filled:not(.select--disabled).select--open .select__combobox,
-  .select--filled:not(.select--disabled).select--focused .select__combobox {
-    background-color: var(--sl-input-filled-background-color-focus);
-    outline: var(--sl-focus-ring);
-  }
-
-  /* Sizes */
-  .select--small .select__combobox {
-    border-radius: var(--sl-input-border-radius-small);
-    font-size: var(--sl-input-font-size-small);
-    min-height: var(--sl-input-height-small);
-    padding-block: 0;
-    padding-inline: var(--sl-spacing-x-small);
-  }
-
-  .select--small .select__clear {
-    margin-inline-start: var(--sl-input-spacing-small);
-  }
-
-  .select--small .select__prefix::slotted(*) {
-    margin-inline-end: var(--sl-spacing-x-small);
-  }
-
-  .select--small.select--multiple:not(.select--placeholder-visible) .select__prefix::slotted(*) {
-    margin-inline-start: var(--sl-input-spacing-small);
-  }
-
-  .select--small.select--multiple:not(.select--placeholder-visible) .select__combobox {
-    padding-block: 2px;
-    padding-inline-start: 0;
-  }
-
-  .select--small .select__tags {
-    gap: 2px;
-  }
-
-  .select--medium .select__combobox {
-    border-radius: var(--sl-input-border-radius-medium);
-    font-size: var(--sl-input-font-size-medium);
-    min-height: var(--sl-input-height-medium);
-    padding-block: 0;
-    padding-inline: var(--sl-spacing-x-small);
-  }
-
-  .select--medium .select__clear {
-    margin-inline-start: var(--sl-input-spacing-medium);
-  }
-
-  .select--medium .select__prefix::slotted(*) {
-    margin-inline-end: var(--sl-spacing-x-small);
-  }
-
-  .select--medium.select--multiple:not(.select--placeholder-visible) .select__prefix::slotted(*) {
-    margin-inline-start: var(--sl-input-spacing-medium);
-  }
-
-  .select--medium.select--multiple:not(.select--placeholder-visible) .select__combobox {
-    padding-inline-start: 0;
-    padding-block: 3px;
-  }
-
-  .select--medium .select__tags {
-    gap: 3px;
-  }
-
-  .select--large .select__combobox {
-    border-radius: var(--sl-input-border-radius-large);
-    font-size: var(--sl-input-font-size-large);
-    min-height: var(--sl-input-height-large);
-    padding-block: 0;
-    padding-inline: var(--sl-spacing-x-small);
-  }
-
-  .select--large .select__clear {
-    margin-inline-start: var(--sl-input-spacing-large);
-  }
-
-  .select--large .select__prefix::slotted(*) {
-    margin-inline-end: var(--sl-spacing-x-small);
-  }
-
-  .select--large.select--multiple:not(.select--placeholder-visible) .select__prefix::slotted(*) {
-    margin-inline-start: var(--sl-input-spacing-large);
-  }
-
-  .select--large.select--multiple:not(.select--placeholder-visible) .select__combobox {
-    padding-inline-start: 0;
-    padding-block: 4px;
-  }
-
-  .select--large .select__tags {
-    gap: 4px;
-  }
-
-  /* Pills */
-  .select--pill.select--small .select__combobox {
-    border-radius: var(--sl-input-height-small);
-  }
-
-  .select--pill.select--medium .select__combobox {
-    border-radius: var(--sl-input-height-medium);
-  }
-
-  .select--pill.select--large .select__combobox {
-    border-radius: var(--sl-input-height-large);
-  }
-
-  /* Prefix and Suffix */
-  .select__prefix,
-  .select__suffix {
-    flex: 0;
-    display: inline-flex;
-    align-items: center;
-    color: var(--sl-input-placeholder-color);
-  }
-
-  .select__suffix::slotted(*) {
-    margin-inline-start: var(--sl-spacing-small);
-  }
-
-  /* Clear button */
-  .select__clear {
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    font-size: inherit;
-    color: var(--sl-color-neutral-600);
-    border: none;
-    background: none;
-    padding: 0;
-    transition: var(--sl-transition-fast) color;
-    cursor: pointer;
-  }
-
-  .select__clear sl-icon {
-    font-size: var(--sl-font-size-medium);
-  }
-
-  .select__clear:hover {
-    color: var(--sl-color-neutral-700);
-  }
-
-  .select__clear:focus {
-    outline: none;
-  }
-
-  /* Expand icon */
-  .select__expand-icon {
-    flex: 0 0 auto;
-    display: flex;
-    align-items: center;
-    transition: var(--sl-transition-medium) rotate ease;
-    rotate: 0;
-    margin-inline-start: var(--sl-spacing-small);
-  }
-
-  .select__expand-icon sl-icon {
-    color: var(--sl-color-neutral-600);
-    font-size: var(--sl-font-size-medium);
-  }
-
-  .select--open .select__expand-icon {
-    rotate: -180deg;
-  }
-
-  /* Listbox */
-  .select__listbox {
-    display: block;
-    position: relative;
-    font-family: var(--sl-font-sans);
-    font-size: var(--sl-font-size-medium);
-    font-weight: var(--sl-font-weight-normal);
-    box-shadow: var(--sl-shadow-medium);
-    background: var(--sl-panel-background-color);
-    border: none;
-    border-radius: var(--sl-border-radius-medium);
-    padding-block: var(--sl-spacing-x-small);
-    padding-inline: 0;
-    overflow: auto;
-    overscroll-behavior: none;
-
-    /* Make sure it adheres to the popup's auto size */
-    max-width: var(--auto-size-available-width);
-    max-height: var(--auto-size-available-height);
-  }
-
-  .select__listbox ::slotted(sl-divider) {
-    --spacing: var(--sl-spacing-x-small);
-  }
-
-  .select__listbox ::slotted(small) {
-    display: block;
-    font-size: var(--sl-font-size-small);
-    font-weight: var(--sl-font-weight-semibold);
-    color: var(--sl-color-neutral-500);
-    padding-block: var(--sl-spacing-2x-small);
-    padding-inline: var(--sl-spacing-x-large);
-  }
-`;
-
-export {
-  select_styles_default
-};

package/cdn/chunks/chunk.NREVM6GO.js

@@ -1,73 +0,0 @@
-import {
-  i
-} from "./chunk.7WSF3BCU.js";
-
-// src/components/avatar/avatar.styles.ts
-var avatar_styles_default = i`
-  :host {
-    display: inline-block;
-
-    --size: 3rem;
-  }
-
-  .avatar {
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    position: relative;
-    width: var(--size);
-    height: var(--size);
-    background-color: var(--sl-color-neutral-400);
-    font-family: var(--sl-font-sans);
-    font-size: calc(var(--size) * 0.5);
-    font-weight: var(--sl-font-weight-normal);
-    color: var(--sl-color-neutral-0);
-    user-select: none;
-    -webkit-user-select: none;
-    vertical-align: middle;
-  }
-
-  .avatar--circle,
-  .avatar--circle .avatar__image {
-    border-radius: var(--sl-border-radius-circle);
-  }
-
-  .avatar--rounded,
-  .avatar--rounded .avatar__image {
-    border-radius: var(--sl-border-radius-medium);
-  }
-
-  .avatar--square {
-    border-radius: 0;
-  }
-
-  .avatar__icon {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-  }
-
-  .avatar__initials {
-    line-height: 1;
-    text-transform: uppercase;
-  }
-
-  .avatar__image {
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    object-fit: cover;
-    overflow: hidden;
-  }
-`;
-
-export {
-  avatar_styles_default
-};

package/cdn/chunks/chunk.NTNT4PPV.js

@@ -1,11 +0,0 @@
-import {
-  SlVisuallyHidden
-} from "./chunk.YKV5SWKI.js";
-
-// src/components/visually-hidden/visually-hidden.ts
-var visually_hidden_default = SlVisuallyHidden;
-SlVisuallyHidden.define("sl-visually-hidden");
-
-export {
-  visually_hidden_default
-};

package/cdn/chunks/chunk.NUH4ZPIH.js

@@ -1,11 +0,0 @@
-import {
-  SlFormatNumber
-} from "./chunk.L6FGCETQ.js";
-
-// src/components/format-number/format-number.ts
-var format_number_default = SlFormatNumber;
-SlFormatNumber.define("sl-format-number");
-
-export {
-  format_number_default
-};

package/cdn/chunks/chunk.NUHQ2NKA.js

@@ -1,21 +0,0 @@
-import {
-  SlPagination
-} from "./chunk.43SCCVRL.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/cdn/chunks/chunk.NURMQVNA.js

@@ -1,26 +0,0 @@
-import {
-  SlButton
-} from "./chunk.QIPXCAP6.js";
-
-// src/react/button/index.ts
-import * as React from "react";
-import { createComponent } from "@lit/react";
-import "@lit/react";
-var tagName = "sl-button";
-SlButton.define("sl-button");
-var reactWrapper = createComponent({
-  tagName,
-  elementClass: SlButton,
-  react: React,
-  events: {
-    onSlBlur: "sl-blur",
-    onSlFocus: "sl-focus",
-    onSlInvalid: "sl-invalid"
-  },
-  displayName: "SlButton"
-});
-var button_default = reactWrapper;
-
-export {
-  button_default
-};

package/cdn/chunks/chunk.NYIIDP5N.js

@@ -1,62 +0,0 @@
-// src/internal/slot.ts
-var HasSlotController = class {
-  constructor(host, ...slotNames) {
-    this.slotNames = [];
-    this.handleSlotChange = (event) => {
-      const slot = event.target;
-      if (this.slotNames.includes("[default]") && !slot.name || slot.name && this.slotNames.includes(slot.name)) {
-        this.host.requestUpdate();
-      }
-    };
-    (this.host = host).addController(this);
-    this.slotNames = slotNames;
-  }
-  hasDefaultSlot() {
-    return [...this.host.childNodes].some((node) => {
-      if (node.nodeType === node.TEXT_NODE && node.textContent.trim() !== "") {
-        return true;
-      }
-      if (node.nodeType === node.ELEMENT_NODE) {
-        const el = node;
-        const tagName = el.tagName.toLowerCase();
-        if (tagName === "sl-visually-hidden") {
-          return false;
-        }
-        if (!el.hasAttribute("slot")) {
-          return true;
-        }
-      }
-      return false;
-    });
-  }
-  hasNamedSlot(name) {
-    return this.host.querySelector(`:scope > [slot="${name}"]`) !== null;
-  }
-  test(slotName) {
-    return slotName === "[default]" ? this.hasDefaultSlot() : this.hasNamedSlot(slotName);
-  }
-  hostConnected() {
-    this.host.shadowRoot.addEventListener("slotchange", this.handleSlotChange);
-  }
-  hostDisconnected() {
-    this.host.shadowRoot.removeEventListener("slotchange", this.handleSlotChange);
-  }
-};
-function getTextContent(slot) {
-  if (!slot) {
-    return "";
-  }
-  const nodes = slot.assignedNodes({ flatten: true });
-  let text = "";
-  [...nodes].forEach((node) => {
-    if (node.nodeType === Node.TEXT_NODE) {
-      text += node.textContent;
-    }
-  });
-  return text;
-}
-
-export {
-  HasSlotController,
-  getTextContent
-};

package/cdn/chunks/chunk.O2SIM6TD.js

@@ -1,11 +0,0 @@
-import {
-  SlInclude
-} from "./chunk.Q5L5BQ3L.js";
-
-// src/components/include/include.ts
-var include_default = SlInclude;
-SlInclude.define("sl-include");
-
-export {
-  include_default
-};

package/cdn/chunks/chunk.O7EXOX5A.js

@@ -1,61 +0,0 @@
-import {
-  i
-} from "./chunk.7WSF3BCU.js";
-
-// src/components/animated-image/animated-image.styles.ts
-var animated_image_styles_default = i`
-  :host {
-    --control-box-size: 3rem;
-    --icon-size: calc(var(--control-box-size) * 0.625);
-
-    display: inline-flex;
-    position: relative;
-    cursor: pointer;
-  }
-
-  img {
-    display: block;
-    width: 100%;
-    height: 100%;
-  }
-
-  img[aria-hidden='true'] {
-    display: none;
-  }
-
-  .animated-image__control-box {
-    display: flex;
-    position: absolute;
-    align-items: center;
-    justify-content: center;
-    top: calc(50% - var(--control-box-size) / 2);
-    right: calc(50% - var(--control-box-size) / 2);
-    width: var(--control-box-size);
-    height: var(--control-box-size);
-    font-size: var(--icon-size);
-    background: none;
-    border: solid 2px currentColor;
-    background-color: rgb(0 0 0 /50%);
-    border-radius: var(--sl-border-radius-circle);
-    color: white;
-    pointer-events: none;
-    transition: var(--sl-transition-fast) opacity;
-  }
-
-  :host([play]:hover) .animated-image__control-box {
-    opacity: 1;
-  }
-
-  :host([play]:not(:hover)) .animated-image__control-box {
-    opacity: 0;
-  }
-
-  :host([play]) slot[name='play-icon'],
-  :host(:not([play])) slot[name='pause-icon'] {
-    display: none;
-  }
-`;
-
-export {
-  animated_image_styles_default
-};

package/cdn/chunks/chunk.OLEKKUPW.js

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

package/cdn/chunks/chunk.OMALDWI2.js

@@ -1,11 +0,0 @@
-import {
-  SlOption
-} from "./chunk.AY7WNNXC.js";
-
-// src/components/option/option.ts
-var option_default = SlOption;
-SlOption.define("sl-option");
-
-export {
-  option_default
-};