nve-designsystem 0.1.43 → 0.1.45

package/chunks/chunk.2HU27ZWH.js

@@ -0,0 +1,138 @@
+import { c as p, b as l, S as f } from "./chunk.JS655M6J.js";
+import { i as g, x as y } from "./lit-element.js";
+import { w, u as L, g as m } from "./chunk.3WAW4E2K.js";
+import { w as b } from "./chunk.Q6ASPMKT.js";
+import { n as h } from "./property.js";
+import { r as _ } from "./state.js";
+var C = g`
+  ${p}
+
+  :host {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    box-sizing: content-box !important;
+  }
+
+  svg {
+    display: block;
+    height: 100%;
+    width: 100%;
+  }
+`;
+/**
+ * @license
+ * Copyright 2020 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const I = (t, e) => e === void 0 ? (t == null ? void 0 : t._$litType$) !== void 0 : (t == null ? void 0 : t._$litType$) === e, H = (t) => t.strings === void 0, R = {}, M = (t, e = R) => t._$AH = e;
+var o = Symbol(), c = Symbol(), d, v = /* @__PURE__ */ new Map(), a = class extends f {
+  constructor() {
+    super(...arguments), this.initialRender = !1, this.svg = null, this.label = "", this.library = "default";
+  }
+  /** Given a URL, this function returns the resulting SVG element or an appropriate error symbol. */
+  async resolveIcon(t, e) {
+    var n;
+    let r;
+    if (e != null && e.spriteSheet)
+      return y`<svg part="svg">
+        <use part="use" href="${t}"></use>
+      </svg>`;
+    try {
+      if (r = await fetch(t, { mode: "cors" }), !r.ok)
+        return r.status === 410 ? o : c;
+    } catch {
+      return c;
+    }
+    try {
+      const s = document.createElement("div");
+      s.innerHTML = await r.text();
+      const i = s.firstElementChild;
+      if (((n = i == null ? void 0 : i.tagName) == null ? void 0 : n.toLowerCase()) !== "svg")
+        return o;
+      d || (d = new DOMParser());
+      const u = d.parseFromString(i.outerHTML, "text/html").body.querySelector("svg");
+      return u ? (u.part.add("svg"), document.adoptNode(u)) : o;
+    } catch {
+      return o;
+    }
+  }
+  connectedCallback() {
+    super.connectedCallback(), w(this);
+  }
+  firstUpdated() {
+    this.initialRender = !0, this.setIcon();
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), L(this);
+  }
+  getIconSource() {
+    const t = m(this.library);
+    return this.name && t ? {
+      url: t.resolver(this.name),
+      fromLibrary: !0
+    } : {
+      url: this.src,
+      fromLibrary: !1
+    };
+  }
+  handleLabelChange() {
+    typeof this.label == "string" && this.label.length > 0 ? (this.setAttribute("role", "img"), this.setAttribute("aria-label", this.label), this.removeAttribute("aria-hidden")) : (this.removeAttribute("role"), this.removeAttribute("aria-label"), this.setAttribute("aria-hidden", "true"));
+  }
+  async setIcon() {
+    var t;
+    const { url: e, fromLibrary: n } = this.getIconSource(), r = n ? m(this.library) : void 0;
+    if (!e) {
+      this.svg = null;
+      return;
+    }
+    let s = v.get(e);
+    if (s || (s = this.resolveIcon(e, r), v.set(e, s)), !this.initialRender)
+      return;
+    const i = await s;
+    if (i === c && v.delete(e), e === this.getIconSource().url) {
+      if (I(i)) {
+        this.svg = i;
+        return;
+      }
+      switch (i) {
+        case c:
+        case o:
+          this.svg = null, this.emit("sl-error");
+          break;
+        default:
+          this.svg = i.cloneNode(!0), (t = r == null ? void 0 : r.mutator) == null || t.call(r, this.svg), this.emit("sl-load");
+      }
+    }
+  }
+  render() {
+    return this.svg;
+  }
+};
+a.styles = C;
+l([
+  _()
+], a.prototype, "svg", 2);
+l([
+  h({ reflect: !0 })
+], a.prototype, "name", 2);
+l([
+  h()
+], a.prototype, "src", 2);
+l([
+  h()
+], a.prototype, "label", 2);
+l([
+  h({ reflect: !0 })
+], a.prototype, "library", 2);
+l([
+  b("label")
+], a.prototype, "handleLabelChange", 1);
+l([
+  b(["name", "src", "library"])
+], a.prototype, "setIcon", 1);
+export {
+  a as S,
+  H as f,
+  M as m
+};

package/chunks/chunk.3WAW4E2K.js

@@ -0,0 +1,163 @@
+var s = "";
+function c(e) {
+  s = e;
+}
+function g(e = "") {
+  if (!s) {
+    const t = [...document.getElementsByTagName("script")], l = t.find((r) => r.hasAttribute("data-shoelace"));
+    if (l)
+      c(l.getAttribute("data-shoelace"));
+    else {
+      const r = t.find((n) => /shoelace(\.min)?\.js($|\?)/.test(n.src) || /shoelace-autoloader(\.min)?\.js($|\?)/.test(n.src));
+      let o = "";
+      r && (o = r.getAttribute("src")), c(o.split("/").slice(0, -1).join("/"));
+    }
+  }
+  return s.replace(/\/$/, "") + (e ? `/${e.replace(/^\//, "")}` : "");
+}
+var v = {
+  name: "default",
+  resolver: (e) => g(`assets/icons/${e}.svg`)
+}, w = v, h = {
+  caret: `
+    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+      <polyline points="6 9 12 15 18 9"></polyline>
+    </svg>
+  `,
+  check: `
+    <svg part="checked-icon" class="checkbox__icon" viewBox="0 0 16 16">
+      <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round">
+        <g stroke="currentColor">
+          <g transform="translate(3.428571, 3.428571)">
+            <path d="M0,5.71428571 L3.42857143,9.14285714"></path>
+            <path d="M9.14285714,0 L3.42857143,9.14285714"></path>
+          </g>
+        </g>
+      </g>
+    </svg>
+  `,
+  "chevron-down": `
+    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-down" viewBox="0 0 16 16">
+      <path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/>
+    </svg>
+  `,
+  "chevron-left": `
+    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-left" viewBox="0 0 16 16">
+      <path fill-rule="evenodd" d="M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z"/>
+    </svg>
+  `,
+  "chevron-right": `
+    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-right" viewBox="0 0 16 16">
+      <path fill-rule="evenodd" d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z"/>
+    </svg>
+  `,
+  copy: `
+    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-files" viewBox="0 0 16 16" part="svg">
+      <path d="M13 0H6a2 2 0 0 0-2 2 2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h7a2 2 0 0 0 2-2 2 2 0 0 0 2-2V2a2 2 0 0 0-2-2zm0 13V4a2 2 0 0 0-2-2H5a1 1 0 0 1 1-1h7a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1zM3 4a1 1 0 0 1 1-1h7a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4z"></path>
+    </svg>
+  `,
+  eye: `
+    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-eye" viewBox="0 0 16 16">
+      <path d="M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.133 13.133 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.133 13.133 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5c-2.12 0-3.879-1.168-5.168-2.457A13.134 13.134 0 0 1 1.172 8z"/>
+      <path d="M8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5zM4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0z"/>
+    </svg>
+  `,
+  "eye-slash": `
+    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-eye-slash" viewBox="0 0 16 16">
+      <path d="M13.359 11.238C15.06 9.72 16 8 16 8s-3-5.5-8-5.5a7.028 7.028 0 0 0-2.79.588l.77.771A5.944 5.944 0 0 1 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.134 13.134 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755-.165.165-.337.328-.517.486l.708.709z"/>
+      <path d="M11.297 9.176a3.5 3.5 0 0 0-4.474-4.474l.823.823a2.5 2.5 0 0 1 2.829 2.829l.822.822zm-2.943 1.299.822.822a3.5 3.5 0 0 1-4.474-4.474l.823.823a2.5 2.5 0 0 0 2.829 2.829z"/>
+      <path d="M3.35 5.47c-.18.16-.353.322-.518.487A13.134 13.134 0 0 0 1.172 8l.195.288c.335.48.83 1.12 1.465 1.755C4.121 11.332 5.881 12.5 8 12.5c.716 0 1.39-.133 2.02-.36l.77.772A7.029 7.029 0 0 1 8 13.5C3 13.5 0 8 0 8s.939-1.721 2.641-3.238l.708.709zm10.296 8.884-12-12 .708-.708 12 12-.708.708z"/>
+    </svg>
+  `,
+  eyedropper: `
+    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-eyedropper" viewBox="0 0 16 16">
+      <path d="M13.354.646a1.207 1.207 0 0 0-1.708 0L8.5 3.793l-.646-.647a.5.5 0 1 0-.708.708L8.293 5l-7.147 7.146A.5.5 0 0 0 1 12.5v1.793l-.854.853a.5.5 0 1 0 .708.707L1.707 15H3.5a.5.5 0 0 0 .354-.146L11 7.707l1.146 1.147a.5.5 0 0 0 .708-.708l-.647-.646 3.147-3.146a1.207 1.207 0 0 0 0-1.708l-2-2zM2 12.707l7-7L10.293 7l-7 7H2v-1.293z"></path>
+    </svg>
+  `,
+  "grip-vertical": `
+    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-grip-vertical" viewBox="0 0 16 16">
+      <path d="M7 2a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm3 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zM7 5a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm3 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zM7 8a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm3 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm-3 3a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm3 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm-3 3a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm3 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0z"></path>
+    </svg>
+  `,
+  indeterminate: `
+    <svg part="indeterminate-icon" class="checkbox__icon" viewBox="0 0 16 16">
+      <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round">
+        <g stroke="currentColor" stroke-width="2">
+          <g transform="translate(2.285714, 6.857143)">
+            <path d="M10.2857143,1.14285714 L1.14285714,1.14285714"></path>
+          </g>
+        </g>
+      </g>
+    </svg>
+  `,
+  "person-fill": `
+    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-person-fill" viewBox="0 0 16 16">
+      <path d="M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6z"/>
+    </svg>
+  `,
+  "play-fill": `
+    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-play-fill" viewBox="0 0 16 16">
+      <path d="m11.596 8.697-6.363 3.692c-.54.313-1.233-.066-1.233-.697V4.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 0 1 0 1.393z"></path>
+    </svg>
+  `,
+  "pause-fill": `
+    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-pause-fill" viewBox="0 0 16 16">
+      <path d="M5.5 3.5A1.5 1.5 0 0 1 7 5v6a1.5 1.5 0 0 1-3 0V5a1.5 1.5 0 0 1 1.5-1.5zm5 0A1.5 1.5 0 0 1 12 5v6a1.5 1.5 0 0 1-3 0V5a1.5 1.5 0 0 1 1.5-1.5z"></path>
+    </svg>
+  `,
+  radio: `
+    <svg part="checked-icon" class="radio__icon" viewBox="0 0 16 16">
+      <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g fill="currentColor">
+          <circle cx="8" cy="8" r="3.42857143"></circle>
+        </g>
+      </g>
+    </svg>
+  `,
+  "star-fill": `
+    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-star-fill" viewBox="0 0 16 16">
+      <path d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"/>
+    </svg>
+  `,
+  "x-lg": `
+    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-x-lg" viewBox="0 0 16 16">
+      <path d="M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8 2.146 2.854Z"/>
+    </svg>
+  `,
+  "x-circle-fill": `
+    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-x-circle-fill" viewBox="0 0 16 16">
+      <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM5.354 4.646a.5.5 0 1 0-.708.708L7.293 8l-2.647 2.646a.5.5 0 0 0 .708.708L8 8.707l2.646 2.647a.5.5 0 0 0 .708-.708L8.707 8l2.647-2.646a.5.5 0 0 0-.708-.708L8 7.293 5.354 4.646z"></path>
+    </svg>
+  `
+}, d = {
+  name: "system",
+  resolver: (e) => e in h ? `data:image/svg+xml,${encodeURIComponent(h[e])}` : ""
+}, p = d, a = [w, p], i = [];
+function u(e) {
+  i.push(e);
+}
+function m(e) {
+  i = i.filter((t) => t !== e);
+}
+function b(e) {
+  return a.find((t) => t.name === e);
+}
+function x(e, t) {
+  f(e), a.push({
+    name: e,
+    resolver: t.resolver,
+    mutator: t.mutator,
+    spriteSheet: t.spriteSheet
+  }), i.forEach((l) => {
+    l.library === e && l.setIcon();
+  });
+}
+function f(e) {
+  a = a.filter((t) => t.name !== e);
+}
+export {
+  b as g,
+  x as r,
+  m as u,
+  u as w
+};

package/chunks/chunk.7O2CYFQX.js

@@ -0,0 +1,153 @@
+import { c as a, b as i, S as l } from "./chunk.JS655M6J.js";
+import { i as c } from "./lit-element.js";
+import { S as u } from "./chunk.2HU27ZWH.js";
+import { a as d } from "./class-map.js";
+import { s as n, n as b } from "./static.js";
+import { o as e } from "./if-defined.js";
+import { n as s } from "./property.js";
+import { r as p } from "./state.js";
+import { e as h } from "./query.js";
+var f = c`
+  ${a}
+
+  :host {
+    display: inline-block;
+    color: var(--sl-color-neutral-600);
+  }
+
+  .icon-button {
+    flex: 0 0 auto;
+    display: flex;
+    align-items: center;
+    background: none;
+    border: none;
+    border-radius: var(--sl-border-radius-medium);
+    font-size: inherit;
+    color: inherit;
+    padding: var(--sl-spacing-x-small);
+    cursor: pointer;
+    transition: var(--sl-transition-x-fast) color;
+    -webkit-appearance: none;
+  }
+
+  .icon-button:hover:not(.icon-button--disabled),
+  .icon-button:focus-visible:not(.icon-button--disabled) {
+    color: var(--sl-color-primary-600);
+  }
+
+  .icon-button:active:not(.icon-button--disabled) {
+    color: var(--sl-color-primary-700);
+  }
+
+  .icon-button:focus {
+    outline: none;
+  }
+
+  .icon-button--disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+
+  .icon-button:focus-visible {
+    outline: var(--sl-focus-ring);
+    outline-offset: var(--sl-focus-ring-offset);
+  }
+
+  .icon-button__icon {
+    pointer-events: none;
+  }
+`, t = class extends l {
+  constructor() {
+    super(...arguments), this.hasFocus = !1, this.label = "", this.disabled = !1;
+  }
+  handleBlur() {
+    this.hasFocus = !1, this.emit("sl-blur");
+  }
+  handleFocus() {
+    this.hasFocus = !0, this.emit("sl-focus");
+  }
+  handleClick(o) {
+    this.disabled && (o.preventDefault(), o.stopPropagation());
+  }
+  /** Simulates a click on the icon button. */
+  click() {
+    this.button.click();
+  }
+  /** Sets focus on the icon button. */
+  focus(o) {
+    this.button.focus(o);
+  }
+  /** Removes focus from the icon button. */
+  blur() {
+    this.button.blur();
+  }
+  render() {
+    const o = !!this.href, r = o ? n`a` : n`button`;
+    return b`
+      <${r}
+        part="base"
+        class=${d({
+      "icon-button": !0,
+      "icon-button--disabled": !o && this.disabled,
+      "icon-button--focused": this.hasFocus
+    })}
+        ?disabled=${e(o ? void 0 : this.disabled)}
+        type=${e(o ? void 0 : "button")}
+        href=${e(o ? this.href : void 0)}
+        target=${e(o ? this.target : void 0)}
+        download=${e(o ? this.download : void 0)}
+        rel=${e(o && this.target ? "noreferrer noopener" : void 0)}
+        role=${e(o ? 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=${e(this.name)}
+          library=${e(this.library)}
+          src=${e(this.src)}
+          aria-hidden="true"
+        ></sl-icon>
+      </${r}>
+    `;
+  }
+};
+t.styles = f;
+t.dependencies = { "sl-icon": u };
+i([
+  h(".icon-button")
+], t.prototype, "button", 2);
+i([
+  p()
+], t.prototype, "hasFocus", 2);
+i([
+  s()
+], t.prototype, "name", 2);
+i([
+  s()
+], t.prototype, "library", 2);
+i([
+  s()
+], t.prototype, "src", 2);
+i([
+  s()
+], t.prototype, "href", 2);
+i([
+  s()
+], t.prototype, "target", 2);
+i([
+  s()
+], t.prototype, "download", 2);
+i([
+  s()
+], t.prototype, "label", 2);
+i([
+  s({ type: Boolean, reflect: !0 })
+], t.prototype, "disabled", 2);
+export {
+  t as S
+};

package/chunks/chunk.GI7VDIWX.js

@@ -0,0 +1,16 @@
+import { u as c } from "./lit-element.js";
+var C = (r = "value") => (l, s) => {
+  const e = l.constructor, b = e.prototype.attributeChangedCallback;
+  e.prototype.attributeChangedCallback = function(i, f, n) {
+    var a;
+    const t = e.getPropertyOptions(r), p = typeof t.attribute == "string" ? t.attribute : r;
+    if (i === p) {
+      const o = t.converter || c, u = (typeof o == "function" ? o : (a = o == null ? void 0 : o.fromAttribute) != null ? a : c.fromAttribute)(n, t.type);
+      this[r] !== u && (this[s] = u);
+    }
+    b.call(this, i, f, n);
+  };
+};
+export {
+  C as d
+};