@kdcloudjs/shoelace 1.0.20 → 1.0.22

package/cdn/chunks/chunk.2CM45OPI.js

@@ -0,0 +1,11 @@
+import {
+  SlAnimatedImage
+} from "./chunk.EPRQOZJV.js";
+
+// src/components/animated-image/animated-image.ts
+var animated_image_default = SlAnimatedImage;
+SlAnimatedImage.define("sl-animated-image");
+
+export {
+  animated_image_default
+};

package/cdn/chunks/chunk.2M2IEZMJ.js

@@ -0,0 +1,11 @@
+import {
+  SlSwitch
+} from "./chunk.SPES5DKU.js";
+
+// src/components/switch/switch.ts
+var switch_default = SlSwitch;
+SlSwitch.define("sl-switch");
+
+export {
+  switch_default
+};

package/cdn/chunks/chunk.2YWTCW7W.js

@@ -0,0 +1,11 @@
+import {
+  SlSplitPanel
+} from "./chunk.GDMHZY7D.js";
+
+// src/components/split-panel/split-panel.ts
+var split_panel_default = SlSplitPanel;
+SlSplitPanel.define("sl-split-panel");
+
+export {
+  split_panel_default
+};

package/cdn/chunks/chunk.2ZQOLEDC.js

@@ -0,0 +1,11 @@
+import {
+  SlRadio
+} from "./chunk.6LEXUZ6W.js";
+
+// src/components/radio/radio.ts
+var radio_default = SlRadio;
+SlRadio.define("sl-radio");
+
+export {
+  radio_default
+};

package/cdn/chunks/chunk.3YYDPUTT.js

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

package/cdn/chunks/chunk.3ZDUMADR.js

@@ -0,0 +1,358 @@
+import {
+  component_styles_default
+} from "./chunk.NDXSHFSW.js";
+import {
+  i
+} from "./chunk.7WSF3BCU.js";
+
+// src/components/nav-submenu/nav-submenu.styles.ts
+var nav_submenu_styles_default = i`
+  ${component_styles_default}
+
+  :host {
+    display: block;
+    --content-padding: var(--sl-spacing-2x-small);
+    --submenu-offset: var(--sl-spacing-medium);
+    --header-height: var(--sl-nav-item-height, 46px);
+    --header-padding: var(--sl-nav-item-padding-inline, var(--sl-spacing-medium));
+    --header-radius: var(--sl-border-radius-x-medium);
+    --sl-nav-item-padding-start: calc(var(--sl-spacing-3x-large) - var(--sl-spacing-2x-small));
+  }
+
+  .nav-submenu__header {
+    display: flex;
+    align-items: stretch;
+    position: relative;
+    width: 100%;
+    height: var(--header-height);
+    color: var(--sl-nav-item-color, var(--sl-color-neutral-900));
+    background-color: transparent;
+    border: none;
+    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);
+    padding: var(--sl-spacing-2x-small);
+    text-align: start;
+    text-decoration: none;
+    user-select: none;
+    cursor: pointer;
+    transition:
+      var(--sl-transition-fast) background-color,
+      var(--sl-transition-fast) color,
+      var(--sl-transition-fast) box-shadow;
+  }
+
+  .nav-submenu__header-content {
+    display: flex;
+    gap: var(--sl-spacing-x-small);
+    align-items: center;
+    box-sizing: border-box;
+    width: 100%;
+    height: 100%;
+    padding-inline: var(--header-padding);
+    padding-block: var(--sl-spacing-x-small);
+    border-radius: var(--header-radius);
+    transition:
+      var(--sl-transition-fast) background-color,
+      var(--sl-transition-fast) box-shadow;
+  }
+
+  .nav-submenu__header:hover:not(.nav-submenu__header--disabled):not(.nav-submenu__header--active),
+  .nav-submenu__header:focus-visible:not(.nav-submenu__header--disabled) {
+    color: var(--sl-nav-item-hover-color, var(--sl-color-neutral-900));
+    outline: none;
+  }
+
+  .nav-submenu__header:hover:not(.nav-submenu__header--disabled):not(.nav-submenu__header--active)
+    .nav-submenu__header-content,
+  .nav-submenu__header:focus-visible:not(.nav-submenu__header--disabled) .nav-submenu__header-content {
+    background-color: var(--sl-nav-item-hover-background, var(--sl-color-neutral-100));
+  }
+
+  .nav-submenu__header:focus-visible {
+    outline: var(--sl-focus-ring);
+    outline-offset: var(--sl-focus-ring-offset);
+  }
+
+  .nav-submenu__header--disabled {
+    color: var(--sl-color-neutral-400);
+    opacity: 1;
+    cursor: not-allowed;
+  }
+
+  .nav-submenu__header--active:not(.nav-submenu__header--disabled) {
+    color: var(--sl-nav-item-active-color, var(--sl-color-primary-600));
+  }
+
+  .nav-submenu__header--active:not(.nav-submenu__header--disabled) .nav-submenu__header-content {
+    background-color: var(--sl-nav-item-active-background, transparent);
+  }
+
+  .nav-submenu__prefix,
+  .nav-submenu__suffix {
+    display: flex;
+    align-items: center;
+    flex: 0 0 auto;
+    color: inherit;
+  }
+
+  .nav-submenu__prefix::slotted(*) {
+    display: inline-flex;
+    width: 20px;
+    height: 20px;
+  }
+
+  .nav-submenu__suffix::slotted(*) {
+    display: inline-flex;
+  }
+
+  .nav-submenu__label {
+    flex: 1 1 auto;
+    min-width: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+
+  .nav-submenu__label::slotted(*) {
+    color: inherit;
+  }
+
+  .nav-submenu__chevron {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-inline-start: auto;
+    color: var(--sl-color-neutral-500);
+    transition:
+      var(--sl-transition-medium) transform,
+      var(--sl-transition-fast) color;
+    width: 16px;
+    height: 16px;
+  }
+
+  .nav-submenu__header--active .nav-submenu__chevron,
+  :host([open]) .nav-submenu__chevron {
+    color: currentColor;
+  }
+
+  :host([open]) .nav-submenu__chevron {
+    transform: rotate(90deg);
+  }
+
+  :host([mode='vertical'][open]) .nav-submenu__chevron,
+  :host([mode='horizontal'][nested][open]) .nav-submenu__chevron {
+    transform: none;
+  }
+
+  :host([dir='rtl'][open]) .nav-submenu__chevron {
+    transform: rotate(-90deg);
+  }
+
+  :host([mode='inline'][open]) .nav-submenu__chevron {
+    transform: rotate(180deg);
+  }
+
+  /* Body (Content) */
+  .nav-submenu__body {
+    display: block;
+    overflow: hidden;
+  }
+
+  :host([mode='inline']) .nav-submenu__body {
+    margin-block-start: 4px;
+    background-color: var(--sl-color-neutral-gray-50);
+  }
+
+  :host([nested][mode='inline']) .nav-submenu__body {
+    margin-inline-start: 0;
+    background-color: var(--sl-color-neutral-gray-200);
+  }
+
+  :host([nested][mode='inline']) .nav-submenu__content {
+    --sl-nav-item-padding-start: calc(var(--sl-spacing-4x-large) - var(--sl-spacing-2x-small));
+    --sl-nav-item-hover-background: var(--sl-color-neutral-gray-400);
+  }
+
+  :host([nested][mode='inline']) .nav-submenu__header-content {
+    padding-inline-start: calc(var(--sl-spacing-3x-large) - var(--sl-spacing-2x-small));
+  }
+
+  .nav-submenu__content {
+    display: grid;
+    gap: 2px;
+  }
+
+  /* Horizontal (Popup) Mode Overrides */
+  :host([mode='horizontal']) .nav-submenu__header {
+    height: 46px;
+    font-size: var(--sl-font-size-small);
+    line-height: 20px;
+    padding: 0 var(--sl-nav-horizontal-item-padding-inline, var(--sl-spacing-medium));
+  }
+
+  :host([mode='horizontal']) .nav-submenu__header-content {
+    gap: var(--sl-nav-horizontal-item-gap, var(--sl-spacing-x-small));
+    padding: 0;
+    border-radius: 0;
+  }
+
+  :host([mode='horizontal'])
+    .nav-submenu__header:hover:not(.nav-submenu__header--disabled):not(.nav-submenu__header--active) {
+    background-color: transparent;
+    color: var(--sl-nav-item-hover-color, var(--sl-color-neutral-900));
+  }
+
+  :host([mode='horizontal'])
+    .nav-submenu__header:hover:not(.nav-submenu__header--disabled):not(.nav-submenu__header--active)
+    .nav-submenu__header-content {
+    box-shadow: inset 0 calc(-1 * var(--sl-nav-horizontal-indicator-width, 2px)) 0 0
+      var(--sl-nav-horizontal-indicator-color, var(--sl-color-primary-600));
+  }
+
+  :host([mode='horizontal'])
+    .nav-submenu__header:hover:not(.nav-submenu__header--disabled)
+    .nav-submenu__header-content,
+  :host([mode='horizontal'])
+    .nav-submenu__header:focus-visible:not(.nav-submenu__header--disabled)
+    .nav-submenu__header-content {
+    background-color: transparent;
+  }
+
+  :host([mode='horizontal'][nested]) .nav-submenu__header:hover:not(.nav-submenu__header--disabled) {
+    box-shadow: none;
+  }
+
+  :host([mode='horizontal'][nested]) .nav-submenu__header,
+  :host([mode='vertical'][nested]) .nav-submenu__header {
+    padding: 4px;
+    box-sizing: border-box;
+  }
+
+  :host([mode='horizontal'][nested]) .nav-submenu__header-content,
+  :host([mode='vertical'][nested]) .nav-submenu__header-content {
+    border-radius: var(--header-radius);
+  }
+
+  :host([mode='horizontal'][nested])
+    .nav-submenu__header:hover:not(.nav-submenu__header--disabled)
+    .nav-submenu__header-content {
+    background-color: var(--sl-nav-item-hover-background, var(--sl-color-neutral-100));
+  }
+
+  :host([mode='horizontal'][open]) .nav-submenu__header {
+    color: var(--sl-nav-item-active-color, var(--sl-color-primary-600));
+    box-shadow: none;
+  }
+
+  :host([mode='horizontal']) .nav-submenu__header--active {
+    color: var(--sl-color-primary-600);
+  }
+
+  :host([mode='horizontal']) .nav-submenu__header--active .nav-submenu__header-content {
+    background-color: transparent;
+    box-shadow: inset 0 calc(-1 * var(--sl-nav-horizontal-indicator-width, 2px)) 0 0
+      var(--sl-nav-horizontal-indicator-color, var(--sl-color-primary-600));
+  }
+
+  :host([mode='horizontal']) .nav-submenu__prefix::slotted(*) {
+    width: 16px;
+    height: 16px;
+  }
+
+  /* Popup Content Style */
+  :host([mode='horizontal']) .nav-submenu__body,
+  :host([mode='vertical']) .nav-submenu__body {
+    background-color: var(--sl-color-neutral-0);
+    border: none;
+    border-radius: var(--sl-border-radius-x-medium);
+    box-shadow: 0px 4px 15px 0px #2f3e611f;
+    min-width: 212px;
+    padding: var(--sl-spacing-2x-small) 0;
+    overflow: visible;
+    --sl-nav-item-height: 46px;
+    --sl-nav-item-padding-inline: var(--sl-spacing-small);
+    --sl-nav-item-radius: var(--sl-border-radius-x-large);
+    --sl-nav-item-hover-background: var(--sl-color-neutral-100);
+    --sl-nav-item-active-background: var(--sl-color-primary-50);
+    --sl-nav-item-active-color: var(--sl-color-primary-600);
+    --sl-nav-item-color: var(--sl-color-neutral-900);
+    --sl-nav-item-divider-width: 1px;
+    --sl-nav-item-divider-color: var(--sl-color-neutral-300);
+    --sl-nav-item-divider-inset: var(--sl-spacing-small);
+  }
+
+  :host([mode='horizontal']) .nav-submenu__body {
+    margin-block-start: var(--sl-spacing-2x-small);
+  }
+
+  :host([mode='horizontal'][nested]) .nav-submenu__body {
+    margin-block-start: 0;
+    margin-inline-start: var(--sl-spacing-2x-small);
+  }
+
+  :host([mode='vertical']) .nav-submenu__body {
+    margin-inline-start: var(--sl-spacing-2x-small);
+  }
+
+  :host([mode='horizontal']) .nav-submenu__content,
+  :host([mode='vertical']) .nav-submenu__content {
+    padding: 0;
+    gap: 0;
+  }
+
+  :host([mode='horizontal']) ::slotted(sl-nav-item),
+  :host([mode='vertical']) ::slotted(sl-nav-item) {
+    --padding-start: var(--sl-spacing-small);
+    --padding-end: var(--sl-spacing-small);
+  }
+
+  :host([mode='horizontal']) ::slotted(sl-nav-submenu),
+  :host([mode='vertical']) ::slotted(sl-nav-submenu) {
+    --padding-start: var(--sl-spacing-large);
+    --padding-end: var(--sl-spacing-large);
+  }
+
+  :host([mode='horizontal']) ::slotted(sl-nav-item[active]) {
+    --sl-nav-item-active-color: var(--sl-color-primary-600);
+    --sl-nav-item-active-background: var(--sl-color-primary-50);
+  }
+
+  :host([mode='horizontal']) ::slotted(sl-nav-submenu[active]),
+  :host([mode='vertical']) ::slotted(sl-nav-submenu[active]) {
+    --sl-nav-item-active-color: var(--sl-color-primary-600);
+    --sl-nav-item-hover-background: var(--sl-color-neutral-100);
+    --sl-nav-item-divider-width: 1px;
+    --sl-nav-item-divider-color: var(--sl-color-neutral-300);
+    --sl-nav-item-divider-inset: var(--sl-spacing-medium);
+  }
+
+  :host([mode='horizontal']:not([nested])) .nav-submenu__chevron {
+    display: none;
+  }
+
+  :host([mode='horizontal'][nested]) .nav-submenu__chevron,
+  :host([mode='vertical']) .nav-submenu__chevron {
+    width: 16px;
+    height: 16px;
+    color: inherit;
+  }
+
+  :host([mode='vertical']) .nav-submenu__header:hover:not(.nav-submenu__header--disabled) {
+    box-shadow: none;
+  }
+
+  :host([mode='horizontal'][nested][open]) .nav-submenu__header,
+  :host([mode='vertical'][nested][open]) .nav-submenu__header {
+    color: var(--sl-color-primary-600);
+  }
+
+  :host([mode='horizontal'][nested][open]) .nav-submenu__header .nav-submenu__header-content,
+  :host([mode='vertical'][nested][open]) .nav-submenu__header .nav-submenu__header-content {
+    background-color: var(--sl-color-primary-50);
+  }
+`;
+
+export {
+  nav_submenu_styles_default
+};

package/cdn/chunks/chunk.3ZKKS3GH.js

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

package/cdn/chunks/chunk.42RSWJ72.js

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

package/cdn/chunks/chunk.4D35RY2E.js

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