@viur/shoelace 0.6.2-v2.9.0 → 0.6.3-v2.10.0

package/README.md

@@ -85,16 +85,6 @@ Shoelace is an open source project and contributions are encouraged! If you're i
 
 ## License
 
-Shoelace is designed in New Hampshire by [Cory LaViska](https://twitter.com/claviska). It’s available under the terms of the MIT license.
-
-Designing, developing, and supporting this library requires a lot of time, effort, and skill. I’d like to keep it open source so everyone can use it, but that doesn’t provide me with any income.
-
-**Therefore, if you’re using my software to make a profit,** I respectfully ask that you help [fund its development](https://github.com/sponsors/claviska) by becoming a sponsor. There are multiple tiers to choose from with benefits at every level, including prioritized support, bug fixes, feature requests, and advertising.
-
-👇 Your support is very much appreciated! 👇
-
-- [Become a sponsor](https://github.com/sponsors/claviska)
-- [Star on GitHub](https://github.com/shoelace-style/shoelace/stargazers)
-- [Follow on Twitter](https://twitter.com/shoelace_style)
+Shoelace was created by [Cory LaViska](https://twitter.com/claviska) and is available under the terms of the MIT license.
 
 Whether you're building Shoelace or building something _with_ Shoelace — have fun creating! 🥾

package/cdn/chunks/chunk.22CQCVND.js

@@ -0,0 +1,29 @@
+import {
+  RawBone
+} from "./chunk.4I4BZIWF.js";
+
+// src/components/bone/bones/stringBone.ts
+var StringBone = class extends RawBone {
+  getEditor(value, boneName, lang = null) {
+    const stringBone = super.getEditor(value, boneName, lang);
+    stringBone.addEventListener("keypress", (keypress_event) => {
+      if (keypress_event.key !== "Enter")
+        return;
+      const name = lang === null ? `${this.boneName}` : `${this.boneName}.${lang}`;
+      const multipleWrapper = this.mainInstance.bone.querySelector(`[data-multiplebone='${name}']`);
+      const childs = multipleWrapper.querySelectorAll("sl-input");
+      if (stringBone === childs[childs.length - 1]) {
+        const elem = this.addInput(null, lang);
+        multipleWrapper.appendChild(elem);
+        elem.getElementsByTagName("sl-input")[0].updateComplete.then(() => {
+          elem.getElementsByTagName("sl-input")[0].focus();
+        });
+      }
+    });
+    return stringBone;
+  }
+};
+
+export {
+  StringBone
+};

package/cdn/chunks/chunk.25XI5M5J.js

@@ -0,0 +1,11 @@
+import {
+  SlQrCode
+} from "./chunk.6IQY76RC.js";
+
+// src/components/qr-code/qr-code.ts
+var qr_code_default = SlQrCode;
+SlQrCode.define("sl-qr-code");
+
+export {
+  qr_code_default
+};

package/cdn/chunks/chunk.27DIKW76.js

@@ -0,0 +1,76 @@
+import {
+  component_styles_default
+} from "./chunk.IPXZTT5M.js";
+import {
+  i
+} from "./chunk.K6MEZQO6.js";
+
+// src/components/combobox/combobox.styles.ts
+var combobox_styles_default = i`
+  ${component_styles_default}
+
+  sl-dropdown {
+    width: 100%;
+  }
+
+
+  sl-menu::part(base) {
+    padding: 0;
+  }
+
+  sl-menu-item:hover .highlight,
+  sl-menu-item:focus[tabindex='0'] .highlight {
+    color: var(--sl-color-white);
+  }
+
+  sl-menu-item .highlight {
+    color: var(--sl-color-primary-500);
+  }
+
+  sl-menu-item[active] .highlight {
+    color: var(--sl-color-primary-100);
+  }
+
+
+  .input__prefix,
+  .input__suffix {
+    display: inline-flex;
+    flex: 0 0 auto;
+    align-items: center;
+    cursor: default;
+    padding: 0;
+  }
+
+  .input__prefix ::slotted(sl-icon),
+  .input__suffix ::slotted(sl-icon) {
+    color: var(--sl-input-icon-color);
+  }
+
+  sl-input[size="small"] .input__prefix ::slotted(*) {
+    padding-left: var(--sl-input-spacing-small);
+  }
+
+  sl-input[size="small"] .input__suffix ::slotted(*) {
+    padding-right: var(--sl-input-spacing-small);
+  }
+
+  sl-input[size="medium"] .input__prefix ::slotted(*) {
+    padding-left: var(--sl-input-spacing-medium);
+  }
+
+  sl-input[size="medium"] .input__suffix ::slotted(*) {
+    padding-right: var(--sl-input-spacing-medium);
+  }
+
+  sl-input[size="large"] .input__prefix ::slotted(*) {
+    padding-left: var(--sl-input-spacing-large);
+  }
+
+  sl-input[size="large"] .input__suffix ::slotted(*) {
+    padding-right: var(--sl-input-spacing-large);
+  }
+`;
+
+export {
+  combobox_styles_default
+};

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

@@ -0,0 +1,281 @@
+import {
+  Modal
+} from "./chunk.6LQWCFZU.js";
+import {
+  dialog_styles_default
+} from "./chunk.RGCFOLSF.js";
+import {
+  lockBodyScrolling,
+  unlockBodyScrolling
+} from "./chunk.RK73WSZS.js";
+import {
+  SlIconButton
+} from "./chunk.MLXT7Q6S.js";
+import {
+  getAnimation,
+  setDefaultAnimation
+} from "./chunk.EGU2F22J.js";
+import {
+  animateTo,
+  stopAnimations
+} from "./chunk.H2LU6QCD.js";
+import {
+  LocalizeController
+} from "./chunk.BQBM4GHU.js";
+import {
+  o
+} from "./chunk.IGUHWIRF.js";
+import {
+  HasSlotController
+} from "./chunk.NYIIDP5N.js";
+import {
+  waitForEvent
+} from "./chunk.LPDDR7BK.js";
+import {
+  e
+} from "./chunk.2CYJOARV.js";
+import {
+  watch
+} from "./chunk.D5WGC2A2.js";
+import {
+  ShoelaceElement,
+  e as e2,
+  n
+} from "./chunk.P4TTX3JF.js";
+import {
+  x2 as x
+} from "./chunk.K6MEZQO6.js";
+import {
+  __decorateClass
+} from "./chunk.WBPCYWDE.js";
+
+// src/components/dialog/dialog.component.ts
+var SlDialog = class extends ShoelaceElement {
+  constructor() {
+    super(...arguments);
+    this.hasSlotController = new HasSlotController(this, "footer");
+    this.localize = new LocalizeController(this);
+    this.modal = new Modal(this);
+    this.open = false;
+    this.label = "";
+    this.noHeader = false;
+    this.handleDocumentKeyDown = (event) => {
+      if (event.key === "Escape" && this.modal.isActive() && this.open) {
+        event.stopPropagation();
+        this.requestClose("keyboard");
+      }
+    };
+  }
+  firstUpdated() {
+    this.dialog.hidden = !this.open;
+    if (this.open) {
+      this.addOpenListeners();
+      this.modal.activate();
+      lockBodyScrolling(this);
+    }
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    this.modal.deactivate();
+    unlockBodyScrolling(this);
+  }
+  requestClose(source) {
+    const slRequestClose = this.emit("sl-request-close", {
+      cancelable: true,
+      detail: { source }
+    });
+    if (slRequestClose.defaultPrevented) {
+      const animation = getAnimation(this, "dialog.denyClose", { dir: this.localize.dir() });
+      animateTo(this.panel, animation.keyframes, animation.options);
+      return;
+    }
+    this.hide();
+  }
+  addOpenListeners() {
+    document.addEventListener("keydown", this.handleDocumentKeyDown);
+  }
+  removeOpenListeners() {
+    document.removeEventListener("keydown", this.handleDocumentKeyDown);
+  }
+  async handleOpenChange() {
+    if (this.open) {
+      this.emit("sl-show", { bubbles: false });
+      this.addOpenListeners();
+      this.originalTrigger = document.activeElement;
+      this.modal.activate();
+      lockBodyScrolling(this);
+      const autoFocusTarget = this.querySelector("[autofocus]");
+      if (autoFocusTarget) {
+        autoFocusTarget.removeAttribute("autofocus");
+      }
+      await Promise.all([stopAnimations(this.dialog), stopAnimations(this.overlay)]);
+      this.dialog.hidden = false;
+      requestAnimationFrame(() => {
+        const slInitialFocus = this.emit("sl-initial-focus", { cancelable: true });
+        if (!slInitialFocus.defaultPrevented) {
+          if (autoFocusTarget) {
+            autoFocusTarget.focus({ preventScroll: true });
+          } else {
+            this.panel.focus({ preventScroll: true });
+          }
+        }
+        if (autoFocusTarget) {
+          autoFocusTarget.setAttribute("autofocus", "");
+        }
+      });
+      const panelAnimation = getAnimation(this, "dialog.show", { dir: this.localize.dir() });
+      const overlayAnimation = getAnimation(this, "dialog.overlay.show", { dir: this.localize.dir() });
+      await Promise.all([
+        animateTo(this.panel, panelAnimation.keyframes, panelAnimation.options),
+        animateTo(this.overlay, overlayAnimation.keyframes, overlayAnimation.options)
+      ]);
+      this.emit("sl-after-show", { bubbles: false });
+    } else {
+      this.emit("sl-hide", { bubbles: false });
+      this.removeOpenListeners();
+      this.modal.deactivate();
+      await Promise.all([stopAnimations(this.dialog), stopAnimations(this.overlay)]);
+      const panelAnimation = getAnimation(this, "dialog.hide", { dir: this.localize.dir() });
+      const overlayAnimation = getAnimation(this, "dialog.overlay.hide", { dir: this.localize.dir() });
+      await Promise.all([
+        animateTo(this.overlay, overlayAnimation.keyframes, overlayAnimation.options).then(() => {
+          this.overlay.hidden = true;
+        }),
+        animateTo(this.panel, panelAnimation.keyframes, panelAnimation.options).then(() => {
+          this.panel.hidden = true;
+        })
+      ]);
+      this.dialog.hidden = true;
+      this.overlay.hidden = false;
+      this.panel.hidden = false;
+      unlockBodyScrolling(this);
+      const trigger = this.originalTrigger;
+      if (typeof (trigger == null ? void 0 : trigger.focus) === "function") {
+        setTimeout(() => trigger.focus());
+      }
+      this.emit("sl-after-hide", { bubbles: false });
+    }
+  }
+  /** Shows the dialog. */
+  async show() {
+    if (this.open) {
+      return void 0;
+    }
+    this.open = true;
+    return waitForEvent(this, "sl-after-show");
+  }
+  /** Hides the dialog */
+  async hide() {
+    if (!this.open) {
+      return void 0;
+    }
+    this.open = false;
+    return waitForEvent(this, "sl-after-hide");
+  }
+  render() {
+    return x`
+      <div
+        part="base"
+        class=${e({
+      dialog: true,
+      "dialog--open": this.open,
+      "dialog--has-footer": this.hasSlotController.test("footer")
+    })}
+      >
+        <div part="overlay" class="dialog__overlay" @click=${() => this.requestClose("overlay")} tabindex="-1"></div>
+
+        <div
+          part="panel"
+          class="dialog__panel"
+          role="dialog"
+          aria-modal="true"
+          aria-hidden=${this.open ? "false" : "true"}
+          aria-label=${o(this.noHeader ? this.label : void 0)}
+          aria-labelledby=${o(!this.noHeader ? "title" : void 0)}
+          tabindex="-1"
+        >
+          ${!this.noHeader ? x`
+                <header part="header" class="dialog__header">
+                  <h2 part="title" class="dialog__title" id="title">
+                    <slot name="label"> ${this.label.length > 0 ? this.label : String.fromCharCode(65279)} </slot>
+                  </h2>
+                  <div part="header-actions" class="dialog__header-actions">
+                    <slot name="header-actions"></slot>
+                    <sl-icon-button
+                      part="close-button"
+                      exportparts="base:close-button__base"
+                      class="dialog__close"
+                      name="x-lg"
+                      label=${this.localize.term("close")}
+                      library="system"
+                      @click="${() => this.requestClose("close-button")}"
+                    ></sl-icon-button>
+                  </div>
+                </header>
+              ` : ""}
+          ${""}
+          <slot part="body" class="dialog__body" tabindex="-1"></slot>
+
+          <footer part="footer" class="dialog__footer">
+            <slot name="footer"></slot>
+          </footer>
+        </div>
+      </div>
+    `;
+  }
+};
+SlDialog.styles = dialog_styles_default;
+SlDialog.dependencies = {
+  "sl-icon-button": SlIconButton
+};
+__decorateClass([
+  e2(".dialog")
+], SlDialog.prototype, "dialog", 2);
+__decorateClass([
+  e2(".dialog__panel")
+], SlDialog.prototype, "panel", 2);
+__decorateClass([
+  e2(".dialog__overlay")
+], SlDialog.prototype, "overlay", 2);
+__decorateClass([
+  n({ type: Boolean, reflect: true })
+], SlDialog.prototype, "open", 2);
+__decorateClass([
+  n({ reflect: true })
+], SlDialog.prototype, "label", 2);
+__decorateClass([
+  n({ attribute: "no-header", type: Boolean, reflect: true })
+], SlDialog.prototype, "noHeader", 2);
+__decorateClass([
+  watch("open", { waitUntilFirstUpdate: true })
+], SlDialog.prototype, "handleOpenChange", 1);
+setDefaultAnimation("dialog.show", {
+  keyframes: [
+    { opacity: 0, scale: 0.8 },
+    { opacity: 1, scale: 1 }
+  ],
+  options: { duration: 250, easing: "ease" }
+});
+setDefaultAnimation("dialog.hide", {
+  keyframes: [
+    { opacity: 1, scale: 1 },
+    { opacity: 0, scale: 0.8 }
+  ],
+  options: { duration: 250, easing: "ease" }
+});
+setDefaultAnimation("dialog.denyClose", {
+  keyframes: [{ scale: 1 }, { scale: 1.02 }, { scale: 1 }],
+  options: { duration: 250 }
+});
+setDefaultAnimation("dialog.overlay.show", {
+  keyframes: [{ opacity: 0 }, { opacity: 1 }],
+  options: { duration: 250 }
+});
+setDefaultAnimation("dialog.overlay.hide", {
+  keyframes: [{ opacity: 1 }, { opacity: 0 }],
+  options: { duration: 250 }
+});
+
+export {
+  SlDialog
+};

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

@@ -0,0 +1,50 @@
+import {
+  e,
+  i,
+  t
+} from "./chunk.JJNPZ52S.js";
+import {
+  w
+} from "./chunk.K6MEZQO6.js";
+
+// node_modules/lit/node_modules/lit-html/directives/class-map.js
+var e2 = e(class extends i {
+  constructor(t2) {
+    var _a;
+    if (super(t2), t2.type !== t.ATTRIBUTE || "class" !== t2.name || ((_a = t2.strings) == null ? void 0 : _a.length) > 2)
+      throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.");
+  }
+  render(t2) {
+    return " " + Object.keys(t2).filter((s) => t2[s]).join(" ") + " ";
+  }
+  update(s, [i2]) {
+    var _a, _b;
+    if (void 0 === this.it) {
+      this.it = /* @__PURE__ */ new Set(), void 0 !== s.strings && (this.st = new Set(s.strings.join(" ").split(/\s/).filter((t2) => "" !== t2)));
+      for (const t2 in i2)
+        i2[t2] && !((_a = this.st) == null ? void 0 : _a.has(t2)) && this.it.add(t2);
+      return this.render(i2);
+    }
+    const r = s.element.classList;
+    for (const t2 of this.it)
+      t2 in i2 || (r.remove(t2), this.it.delete(t2));
+    for (const t2 in i2) {
+      const s2 = !!i2[t2];
+      s2 === this.it.has(t2) || ((_b = this.st) == null ? void 0 : _b.has(t2)) || (s2 ? (r.add(t2), this.it.add(t2)) : (r.remove(t2), this.it.delete(t2)));
+    }
+    return w;
+  }
+});
+
+export {
+  e2 as e
+};
+/*! Bundled license information:
+
+lit-html/directives/class-map.js:
+  (**
+   * @license
+   * Copyright 2018 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+*/