q2-tecton-elements 1.60.2 → 1.61.0

package/dist/q2-tecton-elements/q2-icon.entry.js

@@ -0,0 +1,870 @@
+import { r, a as t, h as a, g as s } from "./index-CGkHOjh1.js";
+
+import { c as n } from "./index-LNnzUeDP.js";
+
+import { g as d } from "./sprites-jG2RmiwF.js";
+
+const o = "standard";
+
+const e = "standard";
+
+const c = "standard";
+
+const i = "standard";
+
+const l = "browsersos";
+
+const p = "standard";
+
+const b = "standard";
+
+const h = "standard";
+
+const u = "standard";
+
+const f = "standard";
+
+const m = "standard";
+
+const g = "standard";
+
+const v = "standard";
+
+const w = "standard";
+
+const y = "standard";
+
+const k = "standard";
+
+const x = "standard";
+
+const z = "standard";
+
+const j = "standard";
+
+const N = "standard";
+
+const $ = "standard";
+
+const C = "standard";
+
+const E = "standard";
+
+const F = "cards";
+
+const I = "standard";
+
+const S = "standard";
+
+const G = "standard";
+
+const q = "communication";
+
+const B = "standard";
+
+const D = "standard";
+
+const V = "standard";
+
+const L = "standard";
+
+const R = "standard";
+
+const A = "standard";
+
+const H = "standard";
+
+const O = "standard";
+
+const P = "standard";
+
+const U = "standard";
+
+const W = "devices";
+
+const _ = "standard";
+
+const J = "standard";
+
+const K = "standard";
+
+const M = "standard";
+
+const Q = "standard";
+
+const T = "standard";
+
+const X = "status";
+
+const Y = "standard";
+
+const Z = "standard";
+
+const rr = "standard";
+
+const tr = "standard";
+
+const ar = "standard";
+
+const sr = "standard";
+
+const nr = "standard";
+
+const dr = "standard";
+
+const or = "standard";
+
+const er = "standard";
+
+const cr = "standard";
+
+const ir = "standard";
+
+const lr = "standard";
+
+const pr = "standard";
+
+const br = "standard";
+
+const hr = "standard";
+
+const ur = "standard";
+
+const fr = "status";
+
+const mr = "browsersos";
+
+const gr = "standard";
+
+const vr = "devices";
+
+const wr = "standard";
+
+const yr = "standard";
+
+const kr = "standard";
+
+const xr = "standard";
+
+const zr = "standard";
+
+const jr = "standard";
+
+const Nr = "standard";
+
+const $r = "standard";
+
+const Cr = "standard";
+
+const Er = "standard";
+
+const Fr = "standard";
+
+const Ir = "standard";
+
+const Sr = "standard";
+
+const Gr = "standard";
+
+const qr = "standard";
+
+const Br = "standard";
+
+const Dr = "standard";
+
+const Vr = "standard";
+
+const Lr = "standard";
+
+const Rr = "standard";
+
+const Ar = "standard";
+
+const Hr = "standard";
+
+const Or = "standard";
+
+const Pr = "standard";
+
+const Ur = "standard";
+
+const Wr = "standard";
+
+const _r = "standard";
+
+const Jr = "standard";
+
+const Kr = "standard";
+
+const Mr = "standard";
+
+const Qr = "devices";
+
+const Tr = "standard";
+
+const Xr = "standard";
+
+const Yr = "standard";
+
+const Zr = "standard";
+
+const rt = "standard";
+
+const tt = "standard";
+
+const at = "standard";
+
+const st = "standard";
+
+const nt = "standard";
+
+const dt = "standard";
+
+const ot = "legacy";
+
+const et = "standard";
+
+const ct = "standard";
+
+const it = "standard";
+
+const lt = "standard";
+
+const pt = "standard";
+
+const bt = "standard";
+
+const ht = "standard";
+
+const ut = "standard";
+
+const ft = "standard";
+
+const mt = "standard";
+
+const gt = "standard";
+
+const vt = "standard";
+
+const wt = "standard";
+
+const yt = "standard";
+
+const kt = "standard";
+
+const xt = "standard";
+
+const zt = "standard";
+
+const jt = "standard";
+
+const Nt = "status";
+
+const $t = "devices";
+
+const Ct = "standard";
+
+const Et = "standard";
+
+const Ft = "standard";
+
+const It = "standard";
+
+const St = "standard";
+
+const Gt = "standard";
+
+const qt = "standard";
+
+const Bt = "standard";
+
+const Dt = "standard";
+
+const Vt = "standard";
+
+const Lt = "standard";
+
+const Rt = "standard";
+
+const At = "standard";
+
+const Ht = "standard";
+
+const Ot = "status";
+
+const Pt = "standard";
+
+const Ut = "standard";
+
+var Wt = {
+  a11y: o,
+  add: e,
+  airplane: c,
+  "alarm-clock": "standard",
+  ambulance: i,
+  android: l,
+  apple: p,
+  "arrow-down": "standard",
+  "arrow-left": "standard",
+  "arrow-right": "standard",
+  "arrow-up": "standard",
+  arts: b,
+  atv: h,
+  backpack: u,
+  bank: f,
+  barchart: m,
+  "barchart-trend": "standard",
+  bed: g,
+  bell: v,
+  bicycle: w,
+  boat: y,
+  box: k,
+  "brand-autobooks-color": "brand",
+  "brand-autobooks-filled": "brand",
+  "brand-facebook-color": "brand",
+  "brand-facebook-filled": "brand",
+  "brand-instagram-color": "brand",
+  "brand-instagram-filled": "brand",
+  "brand-linkedin-color": "brand",
+  "brand-linkedin-filled": "brand",
+  "brand-messenger-color": "brand",
+  "brand-messenger-filled": "brand",
+  "brand-payrecs-color": "brand",
+  "brand-payrecs-filled": "brand",
+  "brand-snapchat-color": "brand",
+  "brand-snapchat-filled": "brand",
+  "brand-twitter-color": "brand",
+  "brand-twitter-filled": "brand",
+  "brand-vimeo-color": "brand",
+  "brand-vimeo-filled": "brand",
+  "brand-x-color": "brand",
+  "brand-x-filled": "brand",
+  "brand-youtube-color": "brand",
+  "brand-youtube-filled": "brand",
+  "brand-zelle-color": "brand",
+  "brand-zelle-filled": "brand",
+  "brand-zelle-name-color": "brand",
+  "brand-zelle-name-filled": "brand",
+  briefcase: x,
+  "browser-chrome": "browsersos",
+  "browser-chrome-color": "browsersos",
+  "browser-chrome-filled": "browsersos",
+  "browser-edge": "browsersos",
+  "browser-edge-color": "browsersos",
+  "browser-edge-filled": "browsersos",
+  "browser-firefox": "browsersos",
+  "browser-firefox-color": "browsersos",
+  "browser-firefox-filled": "browsersos",
+  "browser-ie": "browsersos",
+  "browser-ie-color": "browsersos",
+  "browser-ie-filled": "browsersos",
+  "browser-opera": "browsersos",
+  "browser-opera-color": "browsersos",
+  "browser-opera-filled": "browsersos",
+  "browser-safari": "browsersos",
+  "browser-safari-color": "browsersos",
+  "browser-safari-filled": "browsersos",
+  "bubble-graph": "standard",
+  bug: z,
+  buildings: j,
+  "buildings-2": "standard",
+  calculator: N,
+  calendar: $,
+  "calendar-confirm": "legacy",
+  "calendar-create": "standard",
+  "calendar-pay": "standard",
+  "calendar-remove": "standard",
+  "calendar-repeat": "standard",
+  "calendar-skip": "standard",
+  "calendar-time": "standard",
+  "call-color": "legacy",
+  "call-filled": "legacy",
+  camera: C,
+  car: E,
+  "car-front": "standard",
+  card: F,
+  "card-add": "cards",
+  "card-amazon": "cards",
+  "card-amazon-color": "cards",
+  "card-amex": "cards",
+  "card-amex-color": "cards",
+  "card-applepay": "cards",
+  "card-applepay-color": "cards",
+  "card-bitcoin": "cards",
+  "card-bitcoin-color": "cards",
+  "card-dinersclub": "cards",
+  "card-dinersclub-color": "cards",
+  "card-discover": "cards",
+  "card-discover-color": "cards",
+  "card-edit": "cards",
+  "card-gift": "cards",
+  "card-googlepay": "cards",
+  "card-googlepay-color": "cards",
+  "card-heart": "cards",
+  "card-in-hand": "cards",
+  "card-insert": "cards",
+  "card-jcb": "cards",
+  "card-jcb-color": "cards",
+  "card-join": "cards",
+  "card-locked": "cards",
+  "card-maestro": "cards",
+  "card-maestro-color": "cards",
+  "card-mastercard": "cards",
+  "card-mastercard-color": "cards",
+  "card-more": "cards",
+  "card-paypal": "cards",
+  "card-paypal-color": "cards",
+  "card-prohibited": "cards",
+  "card-remove": "cards",
+  "card-scissors": "cards",
+  "card-star": "cards",
+  "card-stripe": "cards",
+  "card-stripe-color": "cards",
+  "card-success": "cards",
+  "card-unknown": "cards",
+  "card-update": "cards",
+  "card-visa": "cards",
+  "card-visa-color": "cards",
+  cart: I,
+  "cart-moving": "standard",
+  cash: S,
+  "cash-bills": "standard",
+  "cash-coins": "standard",
+  "cash-in-hand": "standard",
+  "cash-register": "standard",
+  certificate: G,
+  chat: q,
+  "chat-bubbles": "communication",
+  "chat-question": "communication",
+  "chat-round": "communication",
+  check: B,
+  "check-add": "standard",
+  "check-dollar": "standard",
+  "check-edit": "standard",
+  "check-remove": "standard",
+  "check-shield": "standard",
+  checkmark: D,
+  "checkmark-outline": "standard",
+  "chevron-double-left": "standard",
+  "chevron-double-right": "standard",
+  "chevron-down": "standard",
+  "chevron-left": "standard",
+  "chevron-right": "standard",
+  "chevron-up": "standard",
+  clipboard: V,
+  close: L,
+  coins: R,
+  compass: A,
+  conversation: H,
+  copy: O,
+  coupon: P,
+  "credit-score": "standard",
+  "currency-dollar": "currencies",
+  "currency-dollar-circle": "currencies",
+  "currency-euro": "currencies",
+  "currency-pound": "currencies",
+  "currency-yen": "currencies",
+  dashboard: U,
+  "delivery-truck": "standard",
+  desktop: W,
+  diploma: _,
+  divider: J,
+  document: K,
+  "document-add": "standard",
+  "document-checklist": "standard",
+  "document-remove": "standard",
+  download: M,
+  "drag-handle": "standard",
+  edit: Q,
+  ellipsis: T,
+  error: X,
+  "error-filled": "status",
+  "external-link": "standard",
+  "eye-hide": "standard",
+  "eye-show": "standard",
+  "face-id": "standard",
+  factory: Y,
+  failed: Z,
+  filebox: rr,
+  "filetype-csv": "filetypes",
+  "filetype-doc": "filetypes",
+  "filetype-docx": "filetypes",
+  "filetype-generic": "filetypes",
+  "filetype-gif": "filetypes",
+  "filetype-iso": "filetypes",
+  "filetype-jpg": "filetypes",
+  "filetype-otf": "filetypes",
+  "filetype-pdf": "filetypes",
+  "filetype-png": "filetypes",
+  "filetype-ppt": "filetypes",
+  "filetype-svg": "filetypes",
+  "filetype-txt": "filetypes",
+  "filetype-xls": "filetypes",
+  "filetype-xlsx": "filetypes",
+  "filetype-xml": "filetypes",
+  filter: tr,
+  fingerprint: ar,
+  flag: sr,
+  gear: nr,
+  "gesture-hand": "gestures",
+  "gesture-scroll-horizontal": "gestures",
+  "gesture-scroll-vertical": "gestures",
+  "gesture-stretch": "gestures",
+  "gesture-swipe-down": "gestures",
+  "gesture-swipe-left": "gestures",
+  "gesture-swipe-right": "gestures",
+  "gesture-swipe-up": "gestures",
+  "gesture-tap": "gestures",
+  gift: dr,
+  "gold-bars": "standard",
+  government: or,
+  gps: er,
+  "graduation-cap": "standard",
+  "grid-x2": "standard",
+  "grid-x3": "standard",
+  "hamburger-menu": "standard",
+  hand: cr,
+  "hand-with-coins": "standard",
+  "hand-with-key": "standard",
+  handshake: ir,
+  headset: lr,
+  health: pr,
+  heart: br,
+  "heart-add": "standard",
+  "heart-remove": "standard",
+  home: hr,
+  "home-chimney": "standard",
+  "home-gear": "standard",
+  "id-badge": "standard",
+  inbox: ur,
+  "inbox-checked": "standard",
+  "inbox-full": "standard",
+  info: fr,
+  "info-filled": "status",
+  ios: mr,
+  key: gr,
+  laptop: vr,
+  law: wr,
+  leaf: yr,
+  lightbulb: kr,
+  linechart: xr,
+  "linechart-trend": "standard",
+  link: zr,
+  list: jr,
+  location: Nr,
+  "location-base": "standard",
+  "location-prohibited": "standard",
+  lock: $r,
+  logout: Cr,
+  loop: Er,
+  mail: Fr,
+  math: Ir,
+  medal: Sr,
+  megaphone: Gr,
+  "message-forward": "standard",
+  "message-reply": "standard",
+  "message-response": "standard",
+  microscope: qr,
+  "mobile-button": "mobile",
+  "mobile-edit": "mobile",
+  "mobile-fast-dollar": "standard",
+  "mobile-heart": "mobile",
+  "mobile-location": "mobile",
+  "mobile-lock": "mobile",
+  "mobile-remove": "mobile",
+  "mobile-rotate": "mobile",
+  "mobile-search": "mobile",
+  "mobile-settings": "mobile",
+  "mobile-time": "mobile",
+  "money-time": "standard",
+  mortgage: Br,
+  motorcycle: Dr,
+  motorhome: Vr,
+  mountains: Lr,
+  movie: Rr,
+  music: Ar,
+  "nest-egg": "standard",
+  newspaper: Hr,
+  options: Or,
+  "os-android": "browsersos",
+  "os-android-color": "browsersos",
+  "os-android-filled": "browsersos",
+  "os-apple": "browsersos",
+  "os-apple-color": "browsersos",
+  "os-apple-filled": "browsersos",
+  "os-windows": "browsersos",
+  "os-windows-color": "browsersos",
+  "os-windows-filled": "browsersos",
+  palette: Pr,
+  "paper-plane": "standard",
+  paperclip: Ur,
+  pause: Wr,
+  paw: _r,
+  people: Jr,
+  "people-group": "standard",
+  percent: Kr,
+  person: Mr,
+  "person-add": "standard",
+  "person-lock": "standard",
+  "person-remove": "standard",
+  "person-settings": "standard",
+  "person-to-person": "standard",
+  "personal-care": "standard",
+  phone: Qr,
+  piechart: Tr,
+  "piechart-expanded": "standard",
+  "piggy-bank": "standard",
+  play: Xr,
+  pricetag: Yr,
+  "pricetag-blank": "standard",
+  "pricetag-time": "standard",
+  print: Zr,
+  prohibited: rt,
+  question: tt,
+  receipt: at,
+  "receipt-list": "standard",
+  "receipt-list-top": "standard",
+  "receipt-top": "standard",
+  refresh: st,
+  remove: nt,
+  repeat: dt,
+  "repeat-time": "standard",
+  revert: ot,
+  ribbon: et,
+  ring: ct,
+  roadblock: it,
+  "rss-color": "legacy",
+  "rss-filled": "legacy",
+  save: lt,
+  school: pt,
+  search: bt,
+  section: ht,
+  service: ut,
+  shield: ft,
+  sign: mt,
+  "sign-closed": "standard",
+  "sign-open": "standard",
+  "sign-sale": "standard",
+  "sign-sold": "standard",
+  silverware: gt,
+  skip: vt,
+  "sms-color": "legacy",
+  "sms-filled": "legacy",
+  sort: wt,
+  speedometer: yt,
+  split: kt,
+  star: xt,
+  "star-add": "standard",
+  "star-remove": "standard",
+  statements: zt,
+  "steering-wheel": "standard",
+  "stop-payment": "standard",
+  storefront: jt,
+  "storefront-add": "standard",
+  "storefront-prohibited": "standard",
+  "storefront-remove": "standard",
+  "storefront-settings": "standard",
+  success: Nt,
+  "success-filled": "status",
+  tablet: $t,
+  target: Ct,
+  taxi: Et,
+  time: Ft,
+  todo: It,
+  tools: St,
+  tractor: Gt,
+  transfer: qt,
+  "transfer-receive": "standard",
+  "transfer-send": "standard",
+  trash: Bt,
+  tree: Dt,
+  "truck-with-lock": "standard",
+  umbrella: Vt,
+  unlink: Lt,
+  upload: Rt,
+  "venmo-colored": "brand",
+  "venmo-filled": "brand",
+  virus: At,
+  wallet: Ht,
+  warning: Ot,
+  "warning-filled": "status",
+  watch: Pt,
+  world: Ut,
+  "zoom-in": "standard",
+  "zoom-out": "standard"
+};
+
+const _t = "*{box-sizing:border-box}*:active{outline:none}*:focus-visible{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:inline-block;height:var(--tct-icon-size, 24px);width:var(--tct-icon-size, 24px);position:relative;fill:none}:host([inline]){height:1em;width:1em}svg{display:block;position:absolute;top:0;left:0;stroke-width:var(--tct-icon-stroke-width, var(--t-icon-stroke-width, var(--tct-icon-group-stroke-width, 2)));stroke-linecap:var(--tct-icon-cap, var(--t-icon-cap, round));stroke-linejoin:var(--tct-icon-cap, var(--t-icon-cap, round));transition:var(--tct-icon-transition, none)}svg.brand{stroke-width:var(--tct-icon-group-brand-stroke-width, 1)}svg.browsersos{stroke-width:var(--tct-icon-group-browsersos-stroke-width, 1)}.stroke-primary{stroke:var(--tct-icon-stroke-primary, var(--t-icon-stroke-primary, var(--t-text, currentcolor)));transition:var(--tct-icon-stroke-primary-transition, none)}.stroke-secondary{stroke:var(--tct-icon-stroke-secondary, var(--t-icon-stroke-secondary, var(--t-text, currentcolor)));transition:var(--tct-icon-stroke-secondary-transition, none)}.fill-primary{fill:var(--tct-icon-stroke-primary, var(--t-icon-stroke-primary, var(--t-text, currentcolor)));transition:var(--tct-icon-stroke-primary-transition, none)}.fill-secondary{fill:var(--tct-icon-stroke-secondary, var(--t-icon-stroke-secondary, var(--t-text, currentcolor)));transition:var(--tct-icon-stroke-secondary-transition, none)}.filled{fill:var(--tct-icon-fill, var(--comp-icon-fill, var(--t-icon-fill, none)));transition:var(--tct-icon-fill-transition, none)}.brand-filled{fill:var(--tct-brand-icon-fill, var(--tct-icon-fill, currentColor));transition:var(--tct-icon-fill-transition, none)}.uniform{fill:var(--tct-icon-stroke-primary, var(--t-icon-stroke-primary, currentcolor));transition:var(--tct-icon-stroke-primary-transition, none)}:host([type=info]),:host([type=info-filled]){--tct-icon-stroke-primary:transparent;--comp-status-color:var(--tct-stoplight-info, var(--const-stoplight-info, #0079c1))}:host([type=success]),:host([type=success-filled]){--tct-icon-stroke-primary:transparent;--comp-status-color:var(--tct-stoplight-success, var(--const-stoplight-success, #0e8a00))}:host([type=warning]),:host([type=warning-filled]){--tct-icon-stroke-primary:transparent;--comp-status-color:var(--tct-stoplight-warning, var(--const-stoplight-warning, #c35500))}:host([type=error]),:host([type=error-filled]){--tct-icon-stroke-primary:transparent;--comp-status-color:var(--tct-stoplight-alert, var(--const-stoplight-alert, #d20a0a))}";
+
+const Jt = class {
+  constructor(t) {
+    r(this, t);
+    this.spritePrefix = "tecton-sprite-";
+  }
+  // #endregion
+  // #region Component Lifecycle Events
+  componentWillLoad() {
+    this.handleIcon();
+  }
+  componentDidRender() {
+    var r, t, a, s;
+    if (!this.iconClone) return;
+    (t = (r = this.spriteGroup) === null || r === void 0 ? void 0 : r.firstElementChild) === null || t === void 0 ? void 0 : t.remove();
+    const n = (a = this.spriteGroup) === null || a === void 0 ? void 0 : a.appendChild(this.iconClone);
+    // We have to set the `href` attribute after the symbol is appended to the DOM to avoid a bug in Safari
+        (s = this.spriteUse) === null || s === void 0 ? void 0 : s.setAttribute("href", `#${n.id}`);
+  }
+  disconnectedCallback() {
+    this.spriteGroup = null;
+    this.spriteUse = null;
+  }
+  // #endregion
+  // #region Watchers
+  handleIcon() {
+    var r, t;
+    if (this.isCustom) {
+      this.setCustomSVGAttrs();
+    } else if (this.type) {
+      this.fetchSprite();
+    } else {
+      this.iconClone = null;
+      (t = (r = this.spriteGroup) === null || r === void 0 ? void 0 : r.firstElementChild) === null || t === void 0 ? void 0 : t.remove();
+    }
+  }
+  // #endregion
+  // #region Local Methods
+  get iconCloneViewBox() {
+    var r, t;
+    return (t = (r = this.iconClone) === null || r === void 0 ? void 0 : r.getAttribute("viewBox")) !== null && t !== void 0 ? t : "0 0 24 24";
+  }
+  get isCustom() {
+    return this.type === "custom";
+  }
+  get spriteElement() {
+    const {spriteId: r} = this;
+    if (!r) return;
+    return document.querySelector(`#${r}`);
+  }
+  get spriteEventName() {
+    const {spriteFileName: r} = this;
+    if (!r) return;
+    return `tct-loaded-${r}`;
+  }
+  get spriteFileName() {
+    if (this.isCustom) return;
+    return Wt[this.type];
+  }
+  get spriteId() {
+    const {spriteFileName: r} = this;
+    if (!r) return;
+    return `${this.spritePrefix}${r}`;
+  }
+  checkForSprite() {
+    var r;
+    const {spriteId: t, spriteEventName: a} = this;
+    const s = d();
+    let n = document.getElementById(t);
+    // If the sprite element exists and has the `data-loaded` attribute, we know we have everything we need
+        if ((r = n === null || n === void 0 ? void 0 : n.hasAttribute("data-loaded")) !== null && r !== void 0 ? r : false) {
+      this.cloneSpriteNode();
+      return true;
+    }
+    // If the sprite element exists but does not have the `data-loaded` attribute, we know it's being loaded
+    // We'll listen for the event that will be dispatched when the sprite is loaded
+        s.addEventListener(a, (() => {
+      this.cloneSpriteNode();
+    }), {
+      once: true
+    });
+    // If the sprite element exists, we know it's being loaded and will be handled by the event listener
+        if (n) return true;
+    // If sprite element does not exist, create a placeholder
+    // This will let other icons know the sprite is being loaded
+        n = document.createElement("div");
+    n.id = t;
+    s.appendChild(n);
+    return false;
+  }
+  cloneSpriteNode() {
+    const r = document.getElementById(`tct-${this.type}`);
+    this.iconClone = r ? r.cloneNode(true) : undefined;
+  }
+  async fetchSprite() {
+    const {spriteFileName: r, spriteId: a, spriteEventName: s} = this;
+    const n = this.checkForSprite();
+    if (n) return;
+    if (!r) return;
+    const d = t(`assets/${r}.symbol.svg`);
+    const o = await fetch(d);
+    const e = await o.text();
+    const c = document.createElement("div");
+    c.innerHTML = e;
+    const i = c.querySelector("svg");
+    i.id = a;
+    i.setAttribute("data-loaded", "");
+    let {spriteElement: l} = this;
+    if ((l === null || l === void 0 ? void 0 : l.tagName) === "SVG") return;
+    if (typeof l.replaceWith === "function") {
+      l.replaceWith(i);
+    } else {
+      l.parentNode.replaceChild(i, l);
+    }
+    l = document.getElementById(a);
+    l.dispatchEvent(new CustomEvent(s, {
+      bubbles: true
+    }));
+  }
+  setCustomSVGAttrs() {
+    const r = this.hostElement.querySelector("svg");
+    if (!r) return;
+    r.setAttribute("role", "img");
+    r.setAttribute("xmlns", "http://www.w3.org/2000/svg");
+    const {label: t} = this;
+    if (t) {
+      const a = document.createElement("title");
+      const s = `label-${n()}`;
+      a.id = s;
+      a.textContent = t;
+      r.appendChild(a);
+      r.setAttribute("aria-labelledby", s);
+    } else {
+      r.setAttribute("aria-hidden", "true");
+    }
+  }
+  // #endregion
+  // #region Render Methods
+  render() {
+    const {label: r, type: t} = this;
+    return this.isCustom ? a("slot", null) : a("svg", {
+      "aria-hidden": !!r ? undefined : "true",
+      role: !!r ? "img" : undefined,
+      "aria-labelledby": !!r ? "label" : undefined,
+      viewBox: this.iconCloneViewBox,
+      xmlns: "http://www.w3.org/2000/svg",
+      class: this.spriteFileName
+    }, !!r && a("title", {
+      id: "label"
+    }, r), !!t && a("use", {
+      ref: r => this.spriteUse = r
+    }), a("g", {
+      ref: r => this.spriteGroup = r
+    }));
+  }
+  static get assetsDirs() {
+    return [ "assets" ];
+  }
+  get hostElement() {
+    return s(this);
+  }
+  static get watchers() {
+    return {
+      type: [ "handleIcon" ]
+    };
+  }
+};
+
+Jt.style = _t;
+
+export { Jt as q2_icon };
+//# sourceMappingURL=q2-icon.entry.esm.js.map
+//# sourceMappingURL=q2-icon.entry.js.map