https://www.principal.com/profiles/contrib/houston/modules/pfg_pds…/icons/5.22.1/es/PdsIcon.Cm4dtfWP.js

1import { customElement as ue, property as U, state as J } from "lit/decorators.js";
2import { LitElement as ve, isServer as he } from "lit";
3function Me(e) {
4  return function(r) {
5    customElements.get(e) === void 0 && ue(e)(r);
6  };
7}
8var u = [], de = function() {
9  return u.some(function(e) {
10    return e.activeTargets.length > 0;
11  });
12}, le = function() {
13  return u.some(function(e) {
14    return e.skippedTargets.length > 0;
15  });
16}, _ = "ResizeObserver loop completed with undelivered notifications.", fe = function() {
17  var e;
18  typeof ErrorEvent == "function" ? e = new ErrorEvent("error", {
19    message: _
20  }) : (e = document.createEvent("Event"), e.initEvent("error", !1, !1), e.message = _), window.dispatchEvent(e);
21}, b;
22(function(e) {
23  e.BORDER_BOX = "border-box", e.CONTENT_BOX = "content-box", e.DEVICE_PIXEL_CONTENT_BOX = "device-pixel-content-box";
24})(b || (b = {}));
25var v = function(e) {
26  return Object.freeze(e);
27}, pe = /* @__PURE__ */ (function() {
28  function e(t, r) {
29    this.inlineSize = t, this.blockSize = r, v(this);
30  }
31  return e;
32})(), Y = (function() {
33  function e(t, r, i, n) {
34    return this.x = t, this.y = r, this.width = i, this.height = n, this.top = this.y, this.left = this.x, this.bottom = this.top + this.height, this.right = this.left + this.width, v(this);
35  }
36  return e.prototype.toJSON = function() {
37    var t = this, r = t.x, i = t.y, n = t.top, o = t.right, s = t.bottom, d = t.left, l = t.width, c = t.height;
38    return { x: r, y: i, top: n, right: o, bottom: s, left: d, width: l, height: c };
39  }, e.fromRect = function(t) {
40    return new e(t.x, t.y, t.width, t.height);
41  }, e;
42})(), D = function(e) {
43  return e instanceof SVGElement && "getBBox" in e;
44}, Z = function(e) {
45  if (D(e)) {
46    var t = e.getBBox(), r = t.width, i = t.height;
47    return !r && !i;
48  }
49  var n = e, o = n.offsetWidth, s = n.offsetHeight;
50  return !(o || s || e.getClientRects().length);
51}, H = function(e) {
52  var t;
53  if (e instanceof Element)
54    return !0;
55  var r = (t = e?.ownerDocument) === null || t === void 0 ? void 0 : t.defaultView;
56  return !!(r && e instanceof r.Element);
57}, ge = function(e) {
58  switch (e.tagName) {
59    case "INPUT":
60      if (e.type !== "image")
61        break;
62    case "VIDEO":
63    case "AUDIO":
64    case "EMBED":
65    case "OBJECT":
66    case "CANVAS":
67    case "IFRAME":
68    case "IMG":
69      return !0;
70  }
71  return !1;
72}, g = typeof window < "u" ? window : {}, S = /* @__PURE__ */ new WeakMap(), N = /auto|scroll/, be = /^tb|vertical/, me = /msie|trident/i.test(g.navigator && g.navigator.userAgent), a = function(e) {
73  return parseFloat(e || "0");
74}, f = function(e, t, r) {
75  return e === void 0 && (e = 0), t === void 0 && (t = 0), r === void 0 && (r = !1), new pe((r ? t : e) || 0, (r ? e : t) || 0);
76}, F = v({
77  devicePixelContentBoxSize: f(),
78  borderBoxSize: f(),
79  contentBoxSize: f(),
80  contentRect: new Y(0, 0, 0, 0)
81}), j = function(e, t) {
82  if (t === void 0 && (t = !1), S.has(e) && !t)
83    return S.get(e);
84  if (Z(e))
85    return S.set(e, F), F;
86  var r = getComputedStyle(e), i = D(e) && e.ownerSVGElement && e.getBBox(), n = !me && r.boxSizing === "border-box", o = be.test(r.writingMode || ""), s = !i && N.test(r.overflowY || ""), d = !i && N.test(r.overflowX || ""), l = i ? 0 : a(r.paddingTop), c = i ? 0 : a(r.paddingRight), y = i ? 0 : a(r.paddingBottom), p = i ? 0 : a(r.paddingLeft), te = i ? 0 : a(r.borderTopWidth), re = i ? 0 : a(r.borderRightWidth), ie = i ? 0 : a(r.borderBottomWidth), ne = i ? 0 : a(r.borderLeftWidth), A = p + c, I = l + y, R = ne + re, k = te + ie, L = d ? e.offsetHeight - k - e.clientHeight : 0, P = s ? e.offsetWidth - R - e.clientWidth : 0, oe = n ? A + R : 0, se = n ? I + k : 0, z = i ? i.width : a(r.width) - oe - P, w = i ? i.height : a(r.height) - se - L, ae = z + A + P + R, ce = w + I + L + k, M = v({
87    devicePixelContentBoxSize: f(Math.round(z * devicePixelRatio), Math.round(w * devicePixelRatio), o),
88    borderBoxSize: f(ae, ce, o),
89    contentBoxSize: f(z, w, o),
90    contentRect: new Y(p, l, z, w)
91  });
92  return S.set(e, M), M;
93}, K = function(e, t, r) {
94  var i = j(e, r), n = i.borderBoxSize, o = i.contentBoxSize, s = i.devicePixelContentBoxSize;
95  switch (t) {
96    case b.DEVICE_PIXEL_CONTENT_BOX:
97      return s;
98    case b.BORDER_BOX:
99      return n;
100    default:
101      return o;
102  }
103}, ze = /* @__PURE__ */ (function() {
104  function e(t) {
105    var r = j(t);
106    this.target = t, this.contentRect = r.contentRect, this.borderBoxSize = v([r.borderBoxSize]), this.contentBoxSize = v([r.contentBoxSize]), this.devicePixelContentBoxSize = v([r.devicePixelContentBoxSize]);
107  }
108  return e;
109})(), Q = function(e) {
110  if (Z(e))
111    return 1 / 0;
112  for (var t = 0, r = e.parentNode; r; )
113    t += 1, r = r.parentNode;
114  return t;
115}, we = function() {
116  var e = 1 / 0, t = [];
117  u.forEach(function(s) {
118    if (s.activeTargets.length !== 0) {
119      var d = [];

120      s.activeTargets.forEach(function(c) {
121        var y = new ze(c.target), p = Q(c.target);
122        d.push(y), c.lastReportedSize = K(c.target, c.observedBox), p < e && (e = p);
123      }), t.push(function() {
124        s.callback.call(s.observer, d, s.observer);
125      }), s.activeTargets.splice(0, s.activeTargets.length);
126    }
127  });
128  for (var r = 0, i = t; r < i.length; r++) {
129    var n = i[r];
130    n();
131  }
132  return e;
133}, V = function(e) {
134  u.forEach(function(r) {
135    r.activeTargets.splice(0, r.activeTargets.length), r.skippedTargets.splice(0, r.skippedTargets.length), r.observationTargets.forEach(function(n) {
136      n.isActive() && (Q(n.target) > e ? r.activeTargets.push(n) : r.skippedTargets.push(n));
137    });
138  });
139}, Se = function() {
140  var e = 0;
141  for (V(e); de(); )
142    e = we(), V(e);
143  return le() && fe(), e > 0;
144}, B, ee = [], xe = function() {
145  return ee.splice(0).forEach(function(e) {
146    return e();
147  });
148}, Te = function(e) {
149  if (!B) {
150    var t = 0, r = document.createTextNode(""), i = { characterData: !0 };
151    new MutationObserver(function() {
152      return xe();
153    }).observe(r, i), B = function() {
154      r.textContent = "".concat(t ? t-- : t++);
155    };
156  }
157  ee.push(e), B();
158}, Oe = function(e) {
159  Te(function() {
160    requestAnimationFrame(e);
161  });
162}, O = 0, Ee = function() {
163  return !!O;
164}, ye = 250, Re = { attributes: !0, characterData: !0, childList: !0, subtree: !0 }, X = [
165  "resize",
166  "load",
167  "transitionend",
168  "animationend",
169  "animationstart",
170  "animationiteration",
171  "keyup",
172  "keydown",
173  "mouseup",
174  "mousedown",
175  "mouseover",
176  "mouseout",
177  "blur",
178  "focus"
179], q = function(e) {
180  return e === void 0 && (e = 0), Date.now() + e;
181}, C = !1, ke = (function() {
182  function e() {
183    var t = this;
184    this.stopped = !0, this.listener = function() {
185      return t.schedule();
186    };
187  }
188  return e.prototype.run = function(t) {
189    var r = this;
190    if (t === void 0 && (t = ye), !C) {
191      C = !0;
192      var i = q(t);
193      Oe(function() {
194        var n = !1;
195        try {
196          n = Se();
197        } finally {
198          if (C = !1, t = i - q(), !Ee())
199            return;
200          n ? r.run(1e3) : t > 0 ? r.run(t) : r.start();
201        }
202      });
203    }
204  }, e.prototype.schedule = function() {
205    this.stop(), this.run();
206  }, e.prototype.observe = function() {
207    var t = this, r = function() {
208      return t.observer && t.observer.observe(document.body, Re);
209    };
210    document.body ? r() : g.addEventListener("DOMContentLoaded", r);
211  }, e.prototype.start = function() {
212    var t = this;
213    this.stopped && (this.stopped = !1, this.observer = new MutationObserver(this.listener), this.observe(), X.forEach(function(r) {
214      return g.addEventListener(r, t.listener, !0);
215    }));
216  }, e.prototype.stop = function() {
217    var t = this;
218    this.stopped || (this.observer && this.observer.disconnect(), X.forEach(function(r) {
219      return g.removeEventListener(r, t.listener, !0);
220    }), this.stopped = !0);
221  }, e;
222})(), W = new ke(), G = function(e) {
223  !O && e > 0 && W.start(), O += e, !O && W.stop();
224}, Be = function(e) {
225  return !D(e) && !ge(e) && getComputedStyle(e).display === "inline";
226}, Ce = (function() {
227  function e(t, r) {
228    this.target = t, this.observedBox = r || b.CONTENT_BOX, this.lastReportedSize = {
229      inlineSize: 0,
230      blockSize: 0
231    };
232  }
233  return e.prototype.isActive = function() {
234    var t = K(this.target, this.observedBox, !0);
235    return Be(this.target) && (this.lastReportedSize = t), this.lastReportedSize.inlineSize !== t.inlineSize || this.lastReportedSize.blockSize !== t.blockSize;
236  }, e;
237})(), We = /* @__PURE__ */ (function() {
238  function e(t, r) {
239    this.activeTargets = [], this.skippedTargets = [], this.observationTargets = [], this.observer = t, this.callback = r;
240  }
241  return e;
242})(), x = /* @__PURE__ */ new WeakMap(), $ = function(e, t) {
243  for (var r = 0; r < e.length; r += 1)
244    if (e[r].target === t)
245      return r;
246  return -1;
247}, T = (function() {
248  function e() {
249  }
250  return e.connect = function(t, r) {
251    var i = new We(t, r);
252    x.set(t, i);
253  }, e.observe = function(t, r, i) {
254    var n = x.get(t), o = n.observationTargets.length === 0;
255    $(n.observationTargets, r) < 0 && (o && u.push(n), n.observationTargets.push(new Ce(r, i && i.box)), G(1), W.schedule());
256  }, e.unobserve = function(t, r) {
257    var i = x.get(t), n = $(i.observationTargets, r), o = i.observationTargets.length === 1;
258    n >= 0 && (o && u.splice(u.indexOf(i), 1), i.observationTargets.splice(n, 1), G(-1));
259  }, e.disconnect = function(t) {
260    var r = this, i = x.get(t);

261    i.observationTargets.slice().forEach(function(n) {
262      return r.unobserve(t, n.target);
263    }), i.activeTargets.splice(0, i.activeTargets.length);
264  }, e;
265})(), De = (function() {
266  function e(t) {
267    if (arguments.length === 0)
268      throw new TypeError("Failed to construct 'ResizeObserver': 1 argument required, but only 0 present.");
269    if (typeof t != "function")
270      throw new TypeError("Failed to construct 'ResizeObserver': The callback provided as parameter 1 is not a function.");
271    T.connect(this, t);
272  }
273  return e.prototype.observe = function(t, r) {
274    if (arguments.length === 0)
275      throw new TypeError("Failed to execute 'observe' on 'ResizeObserver': 1 argument required, but only 0 present.");
276    if (!H(t))
277      throw new TypeError("Failed to execute 'observe' on 'ResizeObserver': parameter 1 is not of type 'Element");
278    T.observe(this, t, r);
279  }, e.prototype.unobserve = function(t) {
280    if (arguments.length === 0)
281      throw new TypeError("Failed to execute 'unobserve' on 'ResizeObserver': 1 argument required, but only 0 present.");
282    if (!H(t))
283      throw new TypeError("Failed to execute 'unobserve' on 'ResizeObserver': parameter 1 is not of type 'Element");
284    T.unobserve(this, t);
285  }, e.prototype.disconnect = function() {
286    T.disconnect(this);
287  }, e.toString = function() {
288    return "function ResizeObserver () { [polyfill code] }";
289  }, e;
290})(), Ae = Object.defineProperty, E = (e, t, r, i) => {
291  for (var n = void 0, o = e.length - 1, s; o >= 0; o--)
292    (s = e[o]) && (n = s(t, r, n) || n);
293  return n && Ae(t, r, n), n;
294};
295const Ie = [
296  "icon-default",
297  "inverted-default",
298  "disabled",
299  "info",
300  "inverted-info",
301  "strong",
302  "success",
303  "inverted-success",
304  "warning",
305  "error",
306  "inverted-error",
307  "interactive-default",
308  "interactive-strong",
309  "interactive-xstrong",
310  "interactive-inverted-strong",
311  "interactive-inverted-xstrong"
312];
313var h;
314const m = (h = class extends ve {
315  constructor() {
316    super(...arguments), this.size = "default", this.color = "icon-default", this.currentSafariStrokeLevel = null, this.resizeThrottleTimeout = null, this.resizeObserver = new h.ResizeObserver(() => {
317      this.resizeThrottleTimeout === null && (this.resizeThrottleTimeout = window.setTimeout(() => {
318        this.handleResizeCallback(), this.resizeThrottleTimeout = null;
319      }, 50));
320    });
321  }
322  /**
323   * ICON SIZE
324   * xs - 12x12
325   * sm - 16x16
326   * default - 20x20
327   * lg - 24x24
328   * xl - 32x32
329   * xxl - 40x40
330   */
331  getSize(t) {
332    switch (t) {
333      case "xs":
334        return 12;
335      case "sm":
336        return 16;
337      case "lg":
338        return 24;
339      case "xl":
340        return 32;
341      case "xxl":
342        return 40;
343      default:
344        return 20;
345    }
346  }
347  /**
348   * Handles the resize callback with throttling
349   *
350   * @internal
351   */
352  handleResizeCallback() {
353    const t = this.getSafariStrokeWidth(), r = document.documentElement.scrollHeight;
354    let i = !1;
355    t !== this.currentSafariStrokeLevel && (this.currentSafariStrokeLevel = t, i = !0), r !== this.lastScrollHeight && (this.lastScrollHeight = r, i = !0), i && this.setIconAttributes();
356  }
357  firstUpdated() {
358    navigator && navigator.userAgent && (this.isSafari = /safari/i.test(navigator.userAgent) && !/chrome|chromium|crios|fxios|edg|opera|opr/i.test(navigator.userAgent)), this.isSafari && (this.currentSafariStrokeLevel = this.getSafariStrokeWidth(), this.lastScrollHeight = document.documentElement.scrollHeight, this.resizeObserver.observe(document.documentElement));
359  }
360  /**
361   * Clean up zoom polling interval and ResizeObserver if set
362   */
363  disconnectedCallback() {
364    super.disconnectedCallback(), this.resizeThrottleTimeout !== null && (window.clearTimeout(this.resizeThrottleTimeout), this.resizeThrottleTimeout = null), this.resizeObserver && this.resizeObserver.disconnect();
365  }
366  updated(t) {
367    const r = Object.fromEntries(t);
368    (r.size || r.color) && this.setIconAttributes();
369  }
370  /*
371   * Returns stroke width for Safari based on zoom level
372   */
373  getSafariStrokeWidth() {
374    const t = [
375      { range: [0, 50], strokeWidth: 4 },
376      { range: [51, 75], strokeWidth: 2.5 },
377      { range: [76, 85], strokeWidth: 2.25 },
378      { range: [86, 100], strokeWidth: 2 },
379      { range: [101, 115], strokeWidth: 1.6 },
380      { range: [116, 125], strokeWidth: 1.5 },

381      { range: [126, 150], strokeWidth: 1.3 },
382      { range: [151, 175], strokeWidth: 1.1 },
383      { range: [176, 200], strokeWidth: 0.9 },
384      { range: [201, 250], strokeWidth: 0.8 },
385      { range: [251, 1 / 0], strokeWidth: 0.7 }
386    ];
387    if (this.isSafari && window.outerWidth && window.innerWidth) {
388      const r = Math.round(
389        window.outerWidth / window.innerWidth * 100
390      );
391      for (const { range: i, strokeWidth: n } of t)
392        if (r >= i[0] && r <= i[1])
393          return n;
394    }
395    return 2;
396  }
397  setIconAttributes() {
398    let t = this.icon.replace(/ width="\d*"/, ` width="${this.getSize(this.size).toString()}"`).replace(
399      / height="\d*"/,
400      ` height="${this.getSize(this.size).toString()}"`
401    ).replace(/>/, `display="block"
402aria-hidden="true"
403>`);
404    return Ie.includes(this.color) ? t = t.replace(
405      / stroke=".*?"/g,
406      `stroke="currentColor" style="stroke: var(--pds-icon-color-override, var(--pds-semantic-border-${this.color}))"`
407    ) : t = t.replace(
408      / stroke=".*?"/g,
409      'stroke="currentColor" style="stroke: var(--pds-icon-color-override, var(--pds-semantic-border-icon-default))"'
410    ), this.isSafari && typeof this.currentSafariStrokeLevel == "number" && (t = t.replace(
411      / stroke-width=".*?"/g,
412      `stroke-width="${this.currentSafariStrokeLevel}"`
413    )), t;
414  }
415}, h.ResizeObserver = !he && window && window.ResizeObserver ? window.ResizeObserver : De, h);
416E([
417  U()
418], m.prototype, "size");
419E([
420  U()
421], m.prototype, "color");
422E([
423  J()
424], m.prototype, "icon");
425E([
426  J()
427], m.prototype, "currentSafariStrokeLevel");
428let _e = m;
429export {
430  _e as P,
431  Ie as i,
432  Me as p
433};
434//# sourceMappingURL=PdsIcon.Cm4dtfWP.js.map