@kdcloudjs/shoelace 1.0.43 → 1.0.44

package/cdn/chunks/chunk.CDFM7MPO.js

@@ -0,0 +1,24 @@
+import {
+  SlFloatButton
+} from "./chunk.XZGSNIXQ.js";
+
+// src/react/float-button/index.ts
+import * as React from "react";
+import { createComponent } from "@lit/react";
+import "@lit/react";
+var tagName = "sl-float-button";
+SlFloatButton.define("sl-float-button");
+var reactWrapper = createComponent({
+  tagName,
+  elementClass: SlFloatButton,
+  react: React,
+  events: {
+    onSlClick: "sl-click"
+  },
+  displayName: "SlFloatButton"
+});
+var float_button_default = reactWrapper;
+
+export {
+  float_button_default
+};

package/cdn/chunks/chunk.CFB6KCPG.js

@@ -0,0 +1,155 @@
+import {
+  i
+} from "./chunk.LXXLDXU7.js";
+
+// src/components/dialog/dialog.styles.ts
+var dialog_styles_default = i`
+  :host {
+    --width: 31rem;
+    --header-spacing: var(--sl-spacing-medium, calc(16 * 1 / var(--kdds-base-font-size, 16) * 1rem));
+    --body-spacing: var(--sl-spacing-medium, calc(16 * 1 / var(--kdds-base-font-size, 16) * 1rem));
+    --footer-spacing: var(--sl-spacing-medium, calc(16 * 1 / var(--kdds-base-font-size, 16) * 1rem));
+    display: contents;
+  }
+
+  .dialog {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    position: fixed;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    z-index: var(--sl-z-index-dialog, 800);
+  }
+
+  .dialog__panel {
+    display: flex;
+    flex-direction: column;
+    z-index: 2;
+    width: var(--width);
+    max-width: calc(100% - var(--sl-spacing-2x-large, calc(16 * 2.25 / var(--kdds-base-font-size, 16) * 1rem)));
+    max-height: calc(100% - var(--sl-spacing-2x-large, calc(16 * 2.25 / var(--kdds-base-font-size, 16) * 1rem)));
+    background-color: var(--sl-panel-background-color, var(--sl-color-neutral-0, hsl(0, 0%, 100%)));
+    border-radius: var(--sl-border-radius-medium, calc(16 * 0.25 / var(--kdds-base-font-size, 16) * 1rem));
+    box-shadow: var(--sl-shadow-x-large, 0 8px 20px rgba(47, 62, 97, 0.12));
+    transition: width 0.3s ease, height 0.3s ease, max-width 0.3s ease, max-height 0.3s ease;
+  }
+
+  .dialog--resizable .dialog__panel {
+    resize: both;
+    overflow: hidden;
+  }
+
+  .dialog--fullscreen .dialog__panel {
+    width: 100% !important;
+    height: 100% !important;
+    max-width: 100% !important;
+    max-height: 100% !important;
+    border-radius: 0;
+  }
+
+  .dialog__panel:focus {
+    outline: none;
+  }
+
+  /* Ensure there's enough vertical padding for phones that don't update vh when chrome appears (e.g. iPhone) */
+  @media screen and (max-width: 420px) {
+    .dialog__panel {
+      max-height: 80vh;
+    }
+  }
+
+  .dialog--open .dialog__panel {
+    display: flex;
+    opacity: 1;
+  }
+
+  .dialog__header {
+    flex: 0 0 auto;
+    display: flex;
+    height: var(--sl-dialog-header-height, 50px);
+    border-bottom: solid 1px var(--sl-color-neutral-200, #e5e5e5);
+  }
+
+  .dialog__title {
+    flex: 1 1 auto;
+    font: inherit;
+    font-size: var(--sl-font-size-medium, calc(16 * 1 / var(--kdds-base-font-size, 16) * 1rem));
+    font-weight: var(--sl-font-weight-bold, 700);
+    line-height: var(--sl-line-height-dense, 1.5);
+    padding-left: var(--header-spacing);
+    margin: 0;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: block;
+    align-self: center;
+    min-width: 32px;
+  }
+
+  .dialog__header-actions {
+    flex-shrink: 0;
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: end;
+    align-items: center;
+    gap: var(--sl-spacing-2x-small, calc(16 * 0.25 / var(--kdds-base-font-size, 16) * 1rem));
+    padding: 0 var(--sl-spacing-medium, calc(16 * 1 / var(--kdds-base-font-size, 16) * 1rem)) 0 var(--sl-spacing-x-large, calc(16 * 1.75 / var(--kdds-base-font-size, 16) * 1rem));
+  }
+
+  .dialog__header-actions sl-icon-button,
+  .dialog__header-actions ::slotted(sl-icon-button) {
+    flex: 0 0 auto;
+    display: flex;
+    align-items: center;
+    font-size: var(--sl-font-size-medium, calc(16 * 1 / var(--kdds-base-font-size, 16) * 1rem));
+  }
+
+  .dialog__close::part(base) {
+    padding: 0;
+  }
+
+  .dialog__body {
+    flex: 1 1 auto;
+    display: block;
+    padding: var(--body-spacing);
+    overflow: auto;
+    -webkit-overflow-scrolling: touch;
+  }
+
+  .dialog__footer {
+    flex: 0 0 auto;
+    text-align: center;
+    padding: var(--sl-spacing-x-small, calc(16 * 0.5 / var(--kdds-base-font-size, 16) * 1rem)) var(--footer-spacing);
+    border-top: solid 1px var(--sl-color-neutral-200, #e5e5e5);
+  }
+
+  .dialog__footer ::slotted(sl-button:not(:first-of-type)) {
+    margin-inline-start: var(--sl-spacing-x-small, calc(16 * 0.5 / var(--kdds-base-font-size, 16) * 1rem));
+  }
+
+  .dialog:not(.dialog--has-footer) .dialog__footer {
+    display: none;
+  }
+
+  .dialog__overlay {
+    position: fixed;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    background-color: var(--sl-overlay-background-color, hsla(0, 0%, 0%, 0.3));
+  }
+
+  @media (forced-colors: active) {
+    .dialog__panel {
+      border: solid 1px var(--sl-color-neutral-0, hsl(0, 0%, 100%));
+    }
+  }
+`;
+
+export {
+  dialog_styles_default
+};

package/cdn/chunks/chunk.CIH4S22M.js

@@ -0,0 +1,92 @@
+import {
+  sender_switch_styles_default
+} from "./chunk.XLVCTU2K.js";
+import {
+  SlButton
+} from "./chunk.6R2B3JDC.js";
+import {
+  e
+} from "./chunk.2QDPYAHS.js";
+import {
+  ShoelaceElement,
+  n
+} from "./chunk.AEDZMM7E.js";
+import {
+  A,
+  b
+} from "./chunk.OLIQR3OU.js";
+import {
+  __decorateClass
+} from "./chunk.CZCSAYQZ.js";
+
+// src/components/sender-switch/sender-switch.component.ts
+var SlSenderSwitch = class extends ShoelaceElement {
+  constructor() {
+    super(...arguments);
+    this.checked = false;
+    this.defaultChecked = false;
+    this.disabled = false;
+    this.loading = false;
+    this._hasSetChecked = false;
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    if (!this._hasSetChecked && this.defaultChecked) {
+      this.checked = this.defaultChecked;
+    }
+  }
+  willUpdate(changedProperties) {
+    if (changedProperties.has("checked")) {
+      this._hasSetChecked = true;
+    }
+  }
+  handleClick() {
+    if (this.disabled || this.loading) return;
+    this.checked = !this.checked;
+    this.dispatchEvent(new CustomEvent("sl-change", {
+      detail: { checked: this.checked },
+      bubbles: true,
+      composed: true
+    }));
+  }
+  render() {
+    return b`
+      <sl-button
+        variant="outline"
+        class=${e({
+      "sender-switch": true,
+      "switch--checked": this.checked
+    })}
+        ?disabled=${this.disabled}
+        ?loading=${this.loading}
+        @click=${this.handleClick}
+        part="base"
+      >
+        <slot name="icon" slot="prefix"></slot>
+        ${this.checked ? b`<slot name="checked"></slot>` : A}
+        ${!this.checked ? b`<slot name="unchecked"></slot>` : A}
+        <slot></slot>
+      </sl-button>
+    `;
+  }
+};
+SlSenderSwitch.styles = [sender_switch_styles_default];
+SlSenderSwitch.dependencies = {
+  "sl-button": SlButton
+};
+__decorateClass([
+  n({ type: Boolean, reflect: true })
+], SlSenderSwitch.prototype, "checked", 2);
+__decorateClass([
+  n({ type: Boolean, attribute: "default-checked" })
+], SlSenderSwitch.prototype, "defaultChecked", 2);
+__decorateClass([
+  n({ type: Boolean, reflect: true })
+], SlSenderSwitch.prototype, "disabled", 2);
+__decorateClass([
+  n({ type: Boolean, reflect: true })
+], SlSenderSwitch.prototype, "loading", 2);
+
+export {
+  SlSenderSwitch
+};

package/cdn/chunks/chunk.CM3IHANJ.js

@@ -0,0 +1,24 @@
+import {
+  SlResizeObserver
+} from "./chunk.L47J3NI3.js";
+
+// src/react/resize-observer/index.ts
+import * as React from "react";
+import { createComponent } from "@lit/react";
+import "@lit/react";
+var tagName = "sl-resize-observer";
+SlResizeObserver.define("sl-resize-observer");
+var reactWrapper = createComponent({
+  tagName,
+  elementClass: SlResizeObserver,
+  react: React,
+  events: {
+    onSlResize: "sl-resize"
+  },
+  displayName: "SlResizeObserver"
+});
+var resize_observer_default = reactWrapper;
+
+export {
+  resize_observer_default
+};