@nysds/nys-icon 1.11.2 → 1.11.4

package/dist/nys-icon.js

@@ -1,299 +1,6 @@
-import { css as x, LitElement as D, html as Z } from "lit";
-/*!
-   * ▒█▄░▒█ ▒█░░▒█ ▒█▀▀▀█ ▒█▀▀▄ ▒█▀▀▀█ 
-   * ▒█▒█▒█ ▒█▄▄▄█ ░▀▀▀▄▄ ▒█░▒█ ░▀▀▀▄▄ 
-   * ▒█░░▀█ ░░▒█░░ ▒█▄▄▄█ ▒█▄▄▀ ▒█▄▄▄█
-   * 
-   * Icon Component
-   * Part of the New York State Design System
-   * Repository: https://github.com/its-hcd/nysds
-   * License: MIT
-*/
-/**
- * @license
- * Copyright 2019 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const w = globalThis, v = w.ShadowRoot && (w.ShadyCSS === void 0 || w.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, M = Symbol(), _ = /* @__PURE__ */ new WeakMap();
-let V = class {
-  constructor(C, t, s) {
-    if (this._$cssResult$ = !0, s !== M) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
-    this.cssText = C, this.t = t;
-  }
-  get styleSheet() {
-    let C = this.o;
-    const t = this.t;
-    if (v && C === void 0) {
-      const s = t !== void 0 && t.length === 1;
-      s && (C = _.get(t)), C === void 0 && ((this.o = C = new CSSStyleSheet()).replaceSync(this.cssText), s && _.set(t, C));
-    }
-    return C;
-  }
-  toString() {
-    return this.cssText;
-  }
-};
-const H = (i) => new V(typeof i == "string" ? i : i + "", void 0, M), U = (i, C) => {
-  if (v) i.adoptedStyleSheets = C.map(((t) => t instanceof CSSStyleSheet ? t : t.styleSheet));
-  else for (const t of C) {
-    const s = document.createElement("style"), e = w.litNonce;
-    e !== void 0 && s.setAttribute("nonce", e), s.textContent = t.cssText, i.appendChild(s);
-  }
-}, u = v ? (i) => i : (i) => i instanceof CSSStyleSheet ? ((C) => {
-  let t = "";
-  for (const s of C.cssRules) t += s.cssText;
-  return H(t);
-})(i) : i;
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const { is: S, defineProperty: O, getOwnPropertyDescriptor: b, getOwnPropertyNames: $, getOwnPropertySymbols: E, getPrototypeOf: B } = Object, p = globalThis, f = p.trustedTypes, P = f ? f.emptyScript : "", z = p.reactiveElementPolyfillSupport, m = (i, C) => i, d = { toAttribute(i, C) {
-  switch (C) {
-    case Boolean:
-      i = i ? P : null;
-      break;
-    case Object:
-    case Array:
-      i = i == null ? i : JSON.stringify(i);
-  }
-  return i;
-}, fromAttribute(i, C) {
-  let t = i;
-  switch (C) {
-    case Boolean:
-      t = i !== null;
-      break;
-    case Number:
-      t = i === null ? null : Number(i);
-      break;
-    case Object:
-    case Array:
-      try {
-        t = JSON.parse(i);
-      } catch {
-        t = null;
-      }
-  }
-  return t;
-} }, y = (i, C) => !S(i, C), L = { attribute: !0, type: String, converter: d, reflect: !1, useDefault: !1, hasChanged: y };
-Symbol.metadata ??= Symbol("metadata"), p.litPropertyMetadata ??= /* @__PURE__ */ new WeakMap();
-class g extends HTMLElement {
-  static addInitializer(C) {
-    this._$Ei(), (this.l ??= []).push(C);
-  }
-  static get observedAttributes() {
-    return this.finalize(), this._$Eh && [...this._$Eh.keys()];
-  }
-  static createProperty(C, t = L) {
-    if (t.state && (t.attribute = !1), this._$Ei(), this.prototype.hasOwnProperty(C) && ((t = Object.create(t)).wrapped = !0), this.elementProperties.set(C, t), !t.noAccessor) {
-      const s = Symbol(), e = this.getPropertyDescriptor(C, s, t);
-      e !== void 0 && O(this.prototype, C, e);
-    }
-  }
-  static getPropertyDescriptor(C, t, s) {
-    const { get: e, set: a } = b(this.prototype, C) ?? { get() {
-      return this[t];
-    }, set(l) {
-      this[t] = l;
-    } };
-    return { get: e, set(l) {
-      const r = e?.call(this);
-      a?.call(this, l), this.requestUpdate(C, r, s);
-    }, configurable: !0, enumerable: !0 };
-  }
-  static getPropertyOptions(C) {
-    return this.elementProperties.get(C) ?? L;
-  }
-  static _$Ei() {
-    if (this.hasOwnProperty(m("elementProperties"))) return;
-    const C = B(this);
-    C.finalize(), C.l !== void 0 && (this.l = [...C.l]), this.elementProperties = new Map(C.elementProperties);
-  }
-  static finalize() {
-    if (this.hasOwnProperty(m("finalized"))) return;
-    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(m("properties"))) {
-      const t = this.properties, s = [...$(t), ...E(t)];
-      for (const e of s) this.createProperty(e, t[e]);
-    }
-    const C = this[Symbol.metadata];
-    if (C !== null) {
-      const t = litPropertyMetadata.get(C);
-      if (t !== void 0) for (const [s, e] of t) this.elementProperties.set(s, e);
-    }
-    this._$Eh = /* @__PURE__ */ new Map();
-    for (const [t, s] of this.elementProperties) {
-      const e = this._$Eu(t, s);
-      e !== void 0 && this._$Eh.set(e, t);
-    }
-    this.elementStyles = this.finalizeStyles(this.styles);
-  }
-  static finalizeStyles(C) {
-    const t = [];
-    if (Array.isArray(C)) {
-      const s = new Set(C.flat(1 / 0).reverse());
-      for (const e of s) t.unshift(u(e));
-    } else C !== void 0 && t.push(u(C));
-    return t;
-  }
-  static _$Eu(C, t) {
-    const s = t.attribute;
-    return s === !1 ? void 0 : typeof s == "string" ? s : typeof C == "string" ? C.toLowerCase() : void 0;
-  }
-  constructor() {
-    super(), this._$Ep = void 0, this.isUpdatePending = !1, this.hasUpdated = !1, this._$Em = null, this._$Ev();
-  }
-  _$Ev() {
-    this._$ES = new Promise(((C) => this.enableUpdating = C)), this._$AL = /* @__PURE__ */ new Map(), this._$E_(), this.requestUpdate(), this.constructor.l?.forEach(((C) => C(this)));
-  }
-  addController(C) {
-    (this._$EO ??= /* @__PURE__ */ new Set()).add(C), this.renderRoot !== void 0 && this.isConnected && C.hostConnected?.();
-  }
-  removeController(C) {
-    this._$EO?.delete(C);
-  }
-  _$E_() {
-    const C = /* @__PURE__ */ new Map(), t = this.constructor.elementProperties;
-    for (const s of t.keys()) this.hasOwnProperty(s) && (C.set(s, this[s]), delete this[s]);
-    C.size > 0 && (this._$Ep = C);
-  }
-  createRenderRoot() {
-    const C = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
-    return U(C, this.constructor.elementStyles), C;
-  }
-  connectedCallback() {
-    this.renderRoot ??= this.createRenderRoot(), this.enableUpdating(!0), this._$EO?.forEach(((C) => C.hostConnected?.()));
-  }
-  enableUpdating(C) {
-  }
-  disconnectedCallback() {
-    this._$EO?.forEach(((C) => C.hostDisconnected?.()));
-  }
-  attributeChangedCallback(C, t, s) {
-    this._$AK(C, s);
-  }
-  _$ET(C, t) {
-    const s = this.constructor.elementProperties.get(C), e = this.constructor._$Eu(C, s);
-    if (e !== void 0 && s.reflect === !0) {
-      const a = (s.converter?.toAttribute !== void 0 ? s.converter : d).toAttribute(t, s.type);
-      this._$Em = C, a == null ? this.removeAttribute(e) : this.setAttribute(e, a), this._$Em = null;
-    }
-  }
-  _$AK(C, t) {
-    const s = this.constructor, e = s._$Eh.get(C);
-    if (e !== void 0 && this._$Em !== e) {
-      const a = s.getPropertyOptions(e), l = typeof a.converter == "function" ? { fromAttribute: a.converter } : a.converter?.fromAttribute !== void 0 ? a.converter : d;
-      this._$Em = e;
-      const r = l.fromAttribute(t, a.type);
-      this[e] = r ?? this._$Ej?.get(e) ?? r, this._$Em = null;
-    }
-  }
-  requestUpdate(C, t, s) {
-    if (C !== void 0) {
-      const e = this.constructor, a = this[C];
-      if (s ??= e.getPropertyOptions(C), !((s.hasChanged ?? y)(a, t) || s.useDefault && s.reflect && a === this._$Ej?.get(C) && !this.hasAttribute(e._$Eu(C, s)))) return;
-      this.C(C, t, s);
-    }
-    this.isUpdatePending === !1 && (this._$ES = this._$EP());
-  }
-  C(C, t, { useDefault: s, reflect: e, wrapped: a }, l) {
-    s && !(this._$Ej ??= /* @__PURE__ */ new Map()).has(C) && (this._$Ej.set(C, l ?? t ?? this[C]), a !== !0 || l !== void 0) || (this._$AL.has(C) || (this.hasUpdated || s || (t = void 0), this._$AL.set(C, t)), e === !0 && this._$Em !== C && (this._$Eq ??= /* @__PURE__ */ new Set()).add(C));
-  }
-  async _$EP() {
-    this.isUpdatePending = !0;
-    try {
-      await this._$ES;
-    } catch (t) {
-      Promise.reject(t);
-    }
-    const C = this.scheduleUpdate();
-    return C != null && await C, !this.isUpdatePending;
-  }
-  scheduleUpdate() {
-    return this.performUpdate();
-  }
-  performUpdate() {
-    if (!this.isUpdatePending) return;
-    if (!this.hasUpdated) {
-      if (this.renderRoot ??= this.createRenderRoot(), this._$Ep) {
-        for (const [e, a] of this._$Ep) this[e] = a;
-        this._$Ep = void 0;
-      }
-      const s = this.constructor.elementProperties;
-      if (s.size > 0) for (const [e, a] of s) {
-        const { wrapped: l } = a, r = this[e];
-        l !== !0 || this._$AL.has(e) || r === void 0 || this.C(e, void 0, a, r);
-      }
-    }
-    let C = !1;
-    const t = this._$AL;
-    try {
-      C = this.shouldUpdate(t), C ? (this.willUpdate(t), this._$EO?.forEach(((s) => s.hostUpdate?.())), this.update(t)) : this._$EM();
-    } catch (s) {
-      throw C = !1, this._$EM(), s;
-    }
-    C && this._$AE(t);
-  }
-  willUpdate(C) {
-  }
-  _$AE(C) {
-    this._$EO?.forEach(((t) => t.hostUpdated?.())), this.hasUpdated || (this.hasUpdated = !0, this.firstUpdated(C)), this.updated(C);
-  }
-  _$EM() {
-    this._$AL = /* @__PURE__ */ new Map(), this.isUpdatePending = !1;
-  }
-  get updateComplete() {
-    return this.getUpdateComplete();
-  }
-  getUpdateComplete() {
-    return this._$ES;
-  }
-  shouldUpdate(C) {
-    return !0;
-  }
-  update(C) {
-    this._$Eq &&= this._$Eq.forEach(((t) => this._$ET(t, this[t]))), this._$EM();
-  }
-  updated(C) {
-  }
-  firstUpdated(C) {
-  }
-}
-g.elementStyles = [], g.shadowRootOptions = { mode: "open" }, g[m("elementProperties")] = /* @__PURE__ */ new Map(), g[m("finalized")] = /* @__PURE__ */ new Map(), z?.({ ReactiveElement: g }), (p.reactiveElementVersions ??= []).push("2.1.1");
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const A = { attribute: !0, type: String, converter: d, reflect: !1, hasChanged: y }, R = (i = A, C, t) => {
-  const { kind: s, metadata: e } = t;
-  let a = globalThis.litPropertyMetadata.get(e);
-  if (a === void 0 && globalThis.litPropertyMetadata.set(e, a = /* @__PURE__ */ new Map()), s === "setter" && ((i = Object.create(i)).wrapped = !0), a.set(t.name, i), s === "accessor") {
-    const { name: l } = t;
-    return { set(r) {
-      const k = C.get.call(this);
-      C.set.call(this, r), this.requestUpdate(l, k, i);
-    }, init(r) {
-      return r !== void 0 && this.C(l, void 0, i, r), r;
-    } };
-  }
-  if (s === "setter") {
-    const { name: l } = t;
-    return function(r) {
-      const k = this[l];
-      C.call(this, r), this.requestUpdate(l, k, i);
-    };
-  }
-  throw Error("Unsupported decorator location: " + s);
-};
-function n(i) {
-  return (C, t) => typeof t == "object" ? R(i, C, t) : ((s, e, a) => {
-    const l = e.hasOwnProperty(a);
-    return e.constructor.createProperty(a, s), l ? Object.getOwnPropertyDescriptor(e, a) : void 0;
-  })(i, C, t);
-}
-const T = {
+import { LitElement as g, unsafeCSS as c, html as m } from "lit";
+import { property as e } from "lit/decorators.js";
+const w = {
   // --------- UX Team Main Library (below) --------- //
   // *** CORE *** //
   account_circle: `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
@@ -383,6 +90,14 @@ const T = {
   <g mask="url(#mask0_12372_616)">
     <path d="M5 21C4.45 21 3.97917 20.8041 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V4.99998C3 4.44998 3.19583 3.97914 3.5875 3.58748C3.97917 3.19581 4.45 2.99998 5 2.99998H11.525C11.8583 2.99998 12.1083 3.10414 12.275 3.31248C12.4417 3.52081 12.525 3.74998 12.525 3.99998C12.525 4.24998 12.4375 4.47914 12.2625 4.68748C12.0875 4.89581 11.8333 4.99998 11.5 4.99998H5V19H19V12.475C19 12.1416 19.1042 11.8916 19.3125 11.725C19.5208 11.5583 19.75 11.475 20 11.475C20.25 11.475 20.4792 11.5583 20.6875 11.725C20.8958 11.8916 21 12.1416 21 12.475V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8041 19.55 21 19 21H5ZM9 14V11.575C9 11.3083 9.05 11.0541 9.15 10.8125C9.25 10.5708 9.39167 10.3583 9.575 10.175L18.175 1.57498C18.375 1.37498 18.6 1.22498 18.85 1.12498C19.1 1.02498 19.35 0.974976 19.6 0.974976C19.8667 0.974976 20.1208 1.02498 20.3625 1.12498C20.6042 1.22498 20.825 1.37498 21.025 1.57498L22.425 2.99998C22.6083 3.19998 22.75 3.42081 22.85 3.66248C22.95 3.90414 23 4.14998 23 4.39998C23 4.64998 22.9542 4.89581 22.8625 5.13748C22.7708 5.37914 22.625 5.59998 22.425 5.79998L13.825 14.4C13.6417 14.5833 13.4292 14.7291 13.1875 14.8375C12.9458 14.9458 12.6917 15 12.425 15H10C9.71667 15 9.47917 14.9041 9.2875 14.7125C9.09583 14.5208 9 14.2833 9 14ZM11 13H12.4L18.2 7.19998L17.5 6.49998L16.775 5.79998L11 11.575V13Z" fill="var(--nys-icon-color, currentcolor)"/>
   </g>
+</svg>`,
+  expand_all: `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+  <mask id="mask0_13942_344" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
+    <rect width="24" height="24" fill="#D9D9D9"/>
+  </mask>
+  <g mask="url(#mask0_13942_344)">
+    <path d="M12 19.15L15.875 15.275C16.075 15.075 16.3083 14.975 16.575 14.975C16.8417 14.975 17.075 15.075 17.275 15.275C17.475 15.475 17.575 15.7125 17.575 15.9875C17.575 16.2625 17.475 16.5 17.275 16.7L13.425 20.575C13.0417 20.9583 12.5667 21.15 12 21.15C11.4333 21.15 10.9583 20.9583 10.575 20.575L6.69999 16.7C6.49999 16.5 6.40415 16.2625 6.41249 15.9875C6.42082 15.7125 6.52499 15.475 6.72499 15.275C6.92499 15.075 7.16249 14.975 7.43749 14.975C7.71249 14.975 7.94999 15.075 8.14999 15.275L12 19.15ZM12 4.84998L8.14999 8.69998C7.94999 8.89998 7.71665 8.99581 7.44999 8.98748C7.18332 8.97914 6.94999 8.88331 6.74999 8.69998C6.54999 8.49998 6.44582 8.26248 6.43749 7.98748C6.42915 7.71248 6.52499 7.47498 6.72499 7.27498L10.575 3.42498C10.9583 3.04164 11.4333 2.84998 12 2.84998C12.5667 2.84998 13.0417 3.04164 13.425 3.42498L17.275 7.27498C17.475 7.47498 17.5708 7.71248 17.5625 7.98748C17.5542 8.26248 17.45 8.49998 17.25 8.69998C17.05 8.88331 16.8167 8.97914 16.55 8.98748C16.2833 8.99581 16.05 8.89998 15.85 8.69998L12 4.84998Z" fill="var(--nys-icon-color, currentcolor)"/>
+  </g>
 </svg>`,
   help: `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
   <mask id="mask0_12372_153" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
@@ -602,6 +317,22 @@ const T = {
   <g mask="url(#mask0_7578_90)">
     <path d="M11 7.825L6.09999 12.725C5.89999 12.925 5.66665 13.0208 5.39999 13.0125C5.13332 13.0042 4.89999 12.9 4.69999 12.7C4.51665 12.5 4.42082 12.2667 4.41249 12C4.40415 11.7333 4.49999 11.5 4.69999 11.3L11.3 4.7C11.4 4.6 11.5083 4.52917 11.625 4.4875C11.7417 4.44584 11.8667 4.425 12 4.425C12.1333 4.425 12.2583 4.44584 12.375 4.4875C12.4917 4.52917 12.6 4.6 12.7 4.7L19.3 11.3C19.4833 11.4833 19.575 11.7125 19.575 11.9875C19.575 12.2625 19.4833 12.5 19.3 12.7C19.1 12.9 18.8625 13 18.5875 13C18.3125 13 18.075 12.9 17.875 12.7L13 7.825V19C13 19.2833 12.9042 19.5208 12.7125 19.7125C12.5208 19.9042 12.2833 20 12 20C11.7167 20 11.4792 19.9042 11.2875 19.7125C11.0958 19.5208 11 19.2833 11 19V7.825Z" fill="var(--nys-icon-color, currentcolor)"/>
   </g>
+</svg>`,
+  height: `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+  <mask id="mask0_14209_585" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
+    <rect width="24" height="24" fill="#D9D9D9"/>
+  </mask>
+  <g mask="url(#mask0_14209_585)">
+    <path d="M11 17.175V6.82505L10.1 7.72505C9.91665 7.90838 9.68749 8.00005 9.41249 8.00005C9.13749 8.00005 8.89999 7.90005 8.69999 7.70005C8.51665 7.51672 8.42499 7.28338 8.42499 7.00005C8.42499 6.71672 8.51665 6.48338 8.69999 6.30005L11.3 3.70005C11.4 3.60005 11.5083 3.52922 11.625 3.48755C11.7417 3.44588 11.8667 3.42505 12 3.42505C12.1333 3.42505 12.2583 3.44588 12.375 3.48755C12.4917 3.52922 12.6 3.60005 12.7 3.70005L15.3 6.30005C15.4833 6.48338 15.575 6.71255 15.575 6.98755C15.575 7.26255 15.4833 7.50005 15.3 7.70005C15.1 7.90005 14.8625 8.00005 14.5875 8.00005C14.3125 8.00005 14.075 7.90005 13.875 7.70005L13 6.82505V17.175L13.9 16.275C14.0833 16.0917 14.3125 16 14.5875 16C14.8625 16 15.1 16.1 15.3 16.3C15.4833 16.4834 15.575 16.7167 15.575 17C15.575 17.2834 15.4833 17.5167 15.3 17.7L12.7 20.3C12.6 20.4 12.4917 20.4709 12.375 20.5125C12.2583 20.5542 12.1333 20.575 12 20.575C11.8667 20.575 11.7417 20.5542 11.625 20.5125C11.5083 20.4709 11.4 20.4 11.3 20.3L8.69999 17.7C8.51665 17.5167 8.42082 17.2875 8.41249 17.0125C8.40415 16.7375 8.49999 16.5 8.69999 16.3C8.88332 16.1167 9.11665 16.025 9.39999 16.025C9.68332 16.025 9.91665 16.1167 10.1 16.3L11 17.175Z" fill="var(--nys-icon-color, currentcolor)"/>
+  </g>
+</svg>`,
+  straight: `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+<mask id="mask0_14209_599" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
+<rect width="24" height="24" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_14209_599)">
+<path d="M11 6.8249L10.1 7.7249C9.91672 7.90824 9.68755 7.9999 9.41255 7.9999C9.13755 7.9999 8.90005 7.8999 8.70005 7.6999C8.51672 7.51657 8.42505 7.28324 8.42505 6.9999C8.42505 6.71657 8.51672 6.48324 8.70005 6.2999L11.3 3.6999C11.5 3.4999 11.7334 3.3999 12 3.3999C12.2667 3.3999 12.5 3.4999 12.7 3.6999L15.3 6.2999C15.4834 6.48324 15.5792 6.7124 15.5875 6.9874C15.5959 7.2624 15.5 7.4999 15.3 7.6999C15.1167 7.88324 14.8834 7.9749 14.6 7.9749C14.3167 7.9749 14.0834 7.88324 13.9 7.6999L13 6.8249V19.9999C13 20.2832 12.9042 20.5207 12.7125 20.7124C12.5209 20.9041 12.2834 20.9999 12 20.9999C11.7167 20.9999 11.4792 20.9041 11.2875 20.7124C11.0959 20.5207 11 20.2832 11 19.9999V6.8249Z" fill="var(--nys-icon-color, currentcolor)"/>
+</g>
 </svg>`,
   // *** Chevrons *** //
   chevron_down: `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
@@ -898,146 +629,35 @@ const T = {
     <path d="M6.30002 22.7751C5.43369 22.7751 4.69211 22.4667 4.07527 21.8498C3.45844 21.2328 3.15002 20.4913 3.15002 19.6251V10.2251C3.15002 9.35893 3.45844 8.61735 4.07527 8.00035C4.69211 7.38351 5.43369 7.0751 6.30002 7.0751H6.62502V5.8001C6.62502 4.28343 7.14586 2.99593 8.18752 1.9376C9.22919 0.879264 10.5 0.350098 12 0.350098C13.5 0.350098 14.7709 0.879264 15.8125 1.9376C16.8542 2.99593 17.375 4.28343 17.375 5.8001V7.0751H17.7C18.5662 7.0751 19.3078 7.38351 19.9248 8.00035C20.5416 8.61735 20.85 9.35893 20.85 10.2251V19.6251C20.85 20.4913 20.5416 21.2328 19.9248 21.8498C19.3078 22.4667 18.5662 22.7751 17.7 22.7751H6.30002ZM12 16.9251C12.55 16.9251 13.0209 16.7293 13.4125 16.3376C13.8042 15.9459 14 15.4751 14 14.9251C14 14.3751 13.8042 13.9043 13.4125 13.5126C13.0209 13.1209 12.55 12.9251 12 12.9251C11.45 12.9251 10.9792 13.1209 10.5875 13.5126C10.1959 13.9043 10 14.3751 10 14.9251C10 15.4751 10.1959 15.9459 10.5875 16.3376C10.9792 16.7293 11.45 16.9251 12 16.9251ZM9.77502 7.0751H14.225V5.8001C14.225 5.16126 14.0125 4.61818 13.5875 4.17085C13.1625 3.72368 12.6334 3.5001 12 3.5001C11.3667 3.5001 10.8375 3.72368 10.4125 4.17085C9.98752 4.61818 9.77502 5.16126 9.77502 5.8001V7.0751Z" fill="var(--nys-icon-color, currentcolor)"/>
   </g>
 </svg>`
-}, j = x`
-  :host {
-    display: inline-block;
-    --_nys-icon-size: var(
-      --nys-icon-size,
-      0.7em
-    ); /* If cap isn't supported, a fallback value of 0.7em is used, as it closely approximates the height of capital letters in most fonts. */
-    box-sizing: content-box !important;
-  }
-
-  /* Use 'cap' if supported */
-  @supports (font-size: 1cap) {
-    :host {
-      --_nys-icon-size: var(--nys-icon-size, 1cap);
-    }
-  }
-
-  /* SVG size and color is initially determined by the parent's font-size and text-color */
-  .nys-icon--svg {
-    width: var(--_nys-icon-size, 1em);
-    height: var(--_nys-icon-size, 1em);
-    display: block;
-    white-space: nowrap;
-  }
-
-  /* Relative Sizes */
-  .nys-icon--xs {
-    width: calc(var(--_nys-icon-size) * 0.75);
-    height: calc(var(--_nys-icon-size) * 0.75);
-  }
-  .nys-icon--sm {
-    width: calc(var(--_nys-icon-size) * 0.875);
-    height: calc(var(--_nys-icon-size) * 0.875);
-  }
-  .nys-icon--md {
-    width: var(--_nys-icon-size);
-    height: var(--_nys-icon-size);
-  }
-  .nys-icon--lg {
-    width: calc(var(--_nys-icon-size) * 1.125);
-    height: calc(var(--_nys-icon-size) * 1.125);
-  }
-  .nys-icon--xl {
-    width: calc(var(--_nys-icon-size) * 1.25);
-    height: calc(var(--_nys-icon-size) * 1.25);
-  }
-  .nys-icon--2xl {
-    width: calc(var(--_nys-icon-size) * 1.5);
-    height: calc(var(--_nys-icon-size) * 1.5);
-  }
-  .nys-icon--3xl {
-    width: calc(var(--_nys-icon-size) * 1.875);
-    height: calc(var(--_nys-icon-size) * 1.875);
-  }
-  .nys-icon--4xl {
-    width: calc(var(--_nys-icon-size) * 2.25);
-    height: calc(var(--_nys-icon-size) * 2.25);
-  }
-  .nys-icon--5xl {
-    width: calc(var(--_nys-icon-size) * 3);
-    height: calc(var(--_nys-icon-size) * 3);
-  }
-
-  /* Literal Sizing */
-  .nys-icon--12 {
-    width: 0.75rem;
-    height: 0.75rem;
-  }
-  .nys-icon--14 {
-    width: 0.875rem;
-    height: 0.875rem;
-  }
-  .nys-icon--16 {
-    width: 1rem;
-    height: 1rem;
-  }
-  .nys-icon--18 {
-    width: 1.125rem;
-    height: 1.125rem;
-  }
-  .nys-icon--20 {
-    width: 1.25rem;
-    height: 1.25rem;
-  }
-  .nys-icon--24 {
-    width: 1.5rem;
-    height: 1.5rem;
-  }
-  .nys-icon--32 {
-    width: 2rem;
-    height: 2rem;
-  }
-  .nys-icon--40 {
-    width: 2.5rem;
-    height: 2.5rem;
-  }
-  .nys-icon--50 {
-    width: 3.125rem;
-    height: 3.125rem;
-  }
-
-  /* Flipping Icons */
-  .nys-icon--flip-horizontal {
-    transform: scaleX(-1);
-  }
-  .nys-icon--flip-vertical {
-    transform: scaleY(-1);
-  }
-  .nys-icon--flip-both {
-    transform: scale(-1, -1);
-  }
-`;
-var q = Object.defineProperty, I = Object.getOwnPropertyDescriptor, c = (i, C, t, s) => {
-  for (var e = s > 1 ? void 0 : s ? I(C, t) : C, a = i.length - 1, l; a >= 0; a--)
-    (l = i[a]) && (e = (s ? l(C, t, e) : l(e)) || e);
-  return s && e && q(C, t, e), e;
-}, h;
-const o = (h = class extends D {
+}, k = ":host{display:inline-block;--_nys-icon-size: var( --nys-icon-size, .7em );box-sizing:content-box!important}@supports (font-size: 1cap){:host{--_nys-icon-size: var(--nys-icon-size, 1cap)}}.nys-icon--svg{width:var(--_nys-icon-size, 1em);height:var(--_nys-icon-size, 1em);display:block;white-space:nowrap}.nys-icon--xs{width:calc(var(--_nys-icon-size) * .75);height:calc(var(--_nys-icon-size) * .75)}.nys-icon--sm{width:calc(var(--_nys-icon-size) * .875);height:calc(var(--_nys-icon-size) * .875)}.nys-icon--md{width:var(--_nys-icon-size);height:var(--_nys-icon-size)}.nys-icon--lg{width:calc(var(--_nys-icon-size) * 1.125);height:calc(var(--_nys-icon-size) * 1.125)}.nys-icon--xl{width:calc(var(--_nys-icon-size) * 1.25);height:calc(var(--_nys-icon-size) * 1.25)}.nys-icon--2xl{width:calc(var(--_nys-icon-size) * 1.5);height:calc(var(--_nys-icon-size) * 1.5)}.nys-icon--3xl{width:calc(var(--_nys-icon-size) * 1.875);height:calc(var(--_nys-icon-size) * 1.875)}.nys-icon--4xl{width:calc(var(--_nys-icon-size) * 2.25);height:calc(var(--_nys-icon-size) * 2.25)}.nys-icon--5xl{width:calc(var(--_nys-icon-size) * 3);height:calc(var(--_nys-icon-size) * 3)}.nys-icon--12{width:.75rem;height:.75rem}.nys-icon--14{width:.875rem;height:.875rem}.nys-icon--16{width:1rem;height:1rem}.nys-icon--18{width:1.125rem;height:1.125rem}.nys-icon--20{width:1.25rem;height:1.25rem}.nys-icon--24{width:1.5rem;height:1.5rem}.nys-icon--32{width:2rem;height:2rem}.nys-icon--40{width:2.5rem;height:2.5rem}.nys-icon--50{width:3.125rem;height:3.125rem}.nys-icon--flip-horizontal{transform:scaleX(-1)}.nys-icon--flip-vertical{transform:scaleY(-1)}.nys-icon--flip-both{transform:scale(-1)}";
+var d = Object.defineProperty, p = Object.getOwnPropertyDescriptor, l = (n, s, h, a) => {
+  for (var C = a > 1 ? void 0 : a ? p(s, h) : s, r = n.length - 1, o; r >= 0; r--)
+    (o = n[r]) && (C = (a ? o(s, h, C) : o(C)) || C);
+  return a && C && d(s, h, C), C;
+}, t;
+const i = (t = class extends g {
   constructor() {
     super(...arguments), this.name = "", this.ariaLabel = "", this.rotate = "0", this.flip = "", this.color = "", this._size = "md";
   }
   get size() {
     return this._size;
   }
-  set size(C) {
-    this._size = h.VALID_TYPES.includes(
-      C
-    ) ? C : "md";
+  set size(s) {
+    this._size = t.VALID_TYPES.includes(
+      s
+    ) ? s : "md";
   }
   getIcon() {
-    const C = T[this.name];
-    if (!C) return null;
-    const e = new DOMParser().parseFromString(C, "image/svg+xml").documentElement;
-    return e instanceof SVGElement ? (e.setAttribute("role", "img"), this.ariaLabel ? (e.setAttribute("aria-label", this.ariaLabel), e.removeAttribute("aria-hidden")) : (e.setAttribute("aria-hidden", "true"), e.removeAttribute("aria-label")), e.style.rotate = `${this.rotate}deg`, e.style.color = this.color || "currentcolor", e.classList.add(`nys-icon--${this.size}`), e.classList.add("nys-icon--svg"), this.flip && e.classList.add(`nys-icon--flip-${this.flip}`), e) : null;
+    const s = w[this.name];
+    if (!s) return null;
+    const C = new DOMParser().parseFromString(s, "image/svg+xml").documentElement;
+    return C instanceof SVGElement ? (C.setAttribute("role", "img"), this.ariaLabel ? (C.setAttribute("aria-label", this.ariaLabel), C.removeAttribute("aria-hidden")) : (C.setAttribute("aria-hidden", "true"), C.removeAttribute("aria-label")), C.style.rotate = `${this.rotate}deg`, C.style.color = this.color || "currentcolor", C.classList.add(`nys-icon--${this.size}`), C.classList.add("nys-icon--svg"), this.flip && C.classList.add(`nys-icon--flip-${this.flip}`), C) : null;
   }
   render() {
-    const C = this.getIcon();
-    return C ? Z`${C}` : null;
+    const s = this.getIcon();
+    return s ? m`${s}` : null;
   }
-}, h.styles = j, h.VALID_TYPES = [
+}, t.styles = c(k), t.VALID_TYPES = [
   "xs",
   "sm",
   "md",
@@ -1056,28 +676,28 @@ const o = (h = class extends D {
   "32",
   "40",
   "50"
-], h);
-c([
-  n({ type: String, reflect: !0 })
-], o.prototype, "name", 2);
-c([
-  n({ type: String })
-], o.prototype, "ariaLabel", 2);
-c([
-  n({ type: String })
-], o.prototype, "rotate", 2);
-c([
-  n({ type: String })
-], o.prototype, "flip", 2);
-c([
-  n({ type: String })
-], o.prototype, "color", 2);
-c([
-  n({ reflect: !0 })
-], o.prototype, "size", 1);
-let N = o;
-customElements.get("nys-icon") || customElements.define("nys-icon", N);
+], t);
+l([
+  e({ type: String, reflect: !0 })
+], i.prototype, "name", 2);
+l([
+  e({ type: String })
+], i.prototype, "ariaLabel", 2);
+l([
+  e({ type: String })
+], i.prototype, "rotate", 2);
+l([
+  e({ type: String })
+], i.prototype, "flip", 2);
+l([
+  e({ type: String })
+], i.prototype, "color", 2);
+l([
+  e({ reflect: !0 })
+], i.prototype, "size", 1);
+let v = i;
+customElements.get("nys-icon") || customElements.define("nys-icon", v);
 export {
-  N as NysIcon
+  v as NysIcon
 };
 //# sourceMappingURL=nys-icon.js.map