@oslokommune/punkt-elements 12.2.0 → 12.3.1

package/dist/index-CPvZ03uX.js

@@ -0,0 +1,577 @@
+import { P as _, k as f, D, n as h } from "./index-BHzxfdBK.js";
+import { a as b } from "./converters-DNCwIFwr.js";
+import { t as A } from "./directive-DA0-wdk7.js";
+import { r as M } from "./state-BRgFbJX9.js";
+import { R as I } from "./class-map-DiT0qP3E.js";
+import "./index-BlHnvy7v.js";
+function k(e) {
+  const t = Object.prototype.toString.call(e);
+  return e instanceof Date || typeof e == "object" && t === "[object Date]" ? new e.constructor(+e) : typeof e == "number" || t === "[object Number]" || typeof e == "string" || t === "[object String]" ? new Date(e) : /* @__PURE__ */ new Date(NaN);
+}
+function x(e, t) {
+  return e instanceof Date ? new e.constructor(t) : new Date(t);
+}
+const T = 6048e5, V = 864e5;
+let E = {};
+function O() {
+  return E;
+}
+function v(e, t) {
+  var p, c, u, d;
+  const s = O(), n = (t == null ? void 0 : t.weekStartsOn) ?? ((c = (p = t == null ? void 0 : t.locale) == null ? void 0 : p.options) == null ? void 0 : c.weekStartsOn) ?? s.weekStartsOn ?? ((d = (u = s.locale) == null ? void 0 : u.options) == null ? void 0 : d.weekStartsOn) ?? 0, a = k(e), o = a.getDay(), r = (o < n ? 7 : 0) + o - n;
+  return a.setDate(a.getDate() - r), a.setHours(0, 0, 0, 0), a;
+}
+function S(e, t) {
+  const s = k(e.start), n = k(e.end);
+  let a = +s > +n;
+  const o = a ? +s : +n, r = a ? n : s;
+  r.setHours(0, 0, 0, 0);
+  let p = 1;
+  const c = [];
+  for (; +r <= o; )
+    c.push(k(r)), r.setDate(r.getDate() + p), r.setHours(0, 0, 0, 0);
+  return a ? c.reverse() : c;
+}
+function R(e, t) {
+  var d, y, m, w;
+  const s = k(e), n = s.getFullYear(), a = O(), o = (t == null ? void 0 : t.firstWeekContainsDate) ?? ((y = (d = t == null ? void 0 : t.locale) == null ? void 0 : d.options) == null ? void 0 : y.firstWeekContainsDate) ?? a.firstWeekContainsDate ?? ((w = (m = a.locale) == null ? void 0 : m.options) == null ? void 0 : w.firstWeekContainsDate) ?? 1, r = x(e, 0);
+  r.setFullYear(n + 1, 0, o), r.setHours(0, 0, 0, 0);
+  const p = v(r, t), c = x(e, 0);
+  c.setFullYear(n, 0, o), c.setHours(0, 0, 0, 0);
+  const u = v(c, t);
+  return s.getTime() >= p.getTime() ? n + 1 : s.getTime() >= u.getTime() ? n : n - 1;
+}
+function C(e, t) {
+  var p, c, u, d;
+  const s = O(), n = (t == null ? void 0 : t.firstWeekContainsDate) ?? ((c = (p = t == null ? void 0 : t.locale) == null ? void 0 : p.options) == null ? void 0 : c.firstWeekContainsDate) ?? s.firstWeekContainsDate ?? ((d = (u = s.locale) == null ? void 0 : u.options) == null ? void 0 : d.firstWeekContainsDate) ?? 1, a = R(e, t), o = x(e, 0);
+  return o.setFullYear(a, 0, n), o.setHours(0, 0, 0, 0), v(o, t);
+}
+function $(e, t) {
+  const s = k(e), n = +v(s, t) - +C(s, t);
+  return Math.round(n / T) + 1;
+}
+function H(e) {
+  let s = k(e).getDay();
+  return s === 0 && (s = 7), s;
+}
+const N = "pkt-calendar", P = {
+  id: {
+    type: "string",
+    name: "ID",
+    description: "Unique identifier for the calendar"
+  },
+  currentmonth: {
+    type: "date",
+    converter: "stringToDate",
+    description: "The current month to display"
+  },
+  selected: {
+    type: "array",
+    converter: "csvToArray",
+    reflect: !0,
+    items: {
+      type: "date"
+    },
+    description: "Array of selected dates"
+  },
+  excludeweekdays: {
+    type: "array",
+    converter: "csvToArray",
+    items: {
+      type: "string"
+    },
+    description: "Array of weekdays (1-7) to exclude"
+  },
+  excludedates: {
+    type: "array",
+    converter: "stringsToDate",
+    items: {
+      type: "date"
+    },
+    description: "Array of specific dates to exclude"
+  },
+  earliest: {
+    type: "date",
+    converter: "stringToDate",
+    default: null,
+    description: "Earliest selectable date"
+  },
+  latest: {
+    type: "date",
+    converter: "stringToDate",
+    default: null,
+    description: "Latest selectable date"
+  },
+  weeknumbers: {
+    type: "boolean",
+    reflect: !0,
+    default: !1,
+    description: "Show week numbers in calendar"
+  },
+  withcontrols: {
+    type: "boolean",
+    reflect: !0,
+    default: !1,
+    description: "Show month and year navigation controls"
+  },
+  multiple: {
+    type: "boolean",
+    reflect: !0,
+    default: !1,
+    description: "Allow multiple date selection"
+  },
+  maxMultiple: {
+    type: "number",
+    default: 4,
+    description: "Maximum number of dates that can be selected"
+  },
+  range: {
+    type: "boolean",
+    reflect: !0,
+    default: !1,
+    description: "Allow date range selection"
+  }
+}, W = {
+  "date-selected": {
+    description: "Returns ISO formatted date string"
+  }
+}, g = {
+  name: N,
+  "css-class": "pkt-calendar",
+  props: P,
+  events: W
+};
+var Y = Object.defineProperty, F = Object.getOwnPropertyDescriptor, l = (e, t, s, n) => {
+  for (var a = n > 1 ? void 0 : n ? F(t, s) : t, o = e.length - 1, r; o >= 0; o--)
+    (r = e[o]) && (a = (n ? r(t, s, a) : r(a)) || a);
+  return n && a && Y(t, s, a), a;
+};
+let i = class extends _ {
+  /**
+   * If we are initializing props, slots and events from specs, we should do it in the constructor
+   */
+  constructor() {
+    super(), this.multiple = g.props.multiple.default, this.maxMultiple = g.props.maxMultiple.default, this.range = g.props.range.default, this.weeknumbers = g.props.weeknumbers.default, this.withcontrols = g.props.withcontrols.default, this.focused = !1, this.selected = [], this.earliest = g.props.earliest.default, this.latest = g.props.latest.default, this.excludedates = [], this.excludeweekdays = [], this.currentmonth = /* @__PURE__ */ new Date(), this.dayStrings = this.strings.dates.daysShort, this.monthStrings = this.strings.dates.months, this.weekString = this.strings.dates.week, this.prevMonthString = this.strings.dates.prevMonth, this.nextMonthString = this.strings.dates.nextMonth, this._selected = [], this.year = 0, this.month = 0, this.week = 0, this.rangeHovered = null, this.inRange = {}, this.focusedDate = null, this.selectableDates = [];
+  }
+  /**
+   * Runs on mount, used to set up various values and whatever you need to run
+   */
+  connectedCallback() {
+    const e = this.currentmonth;
+    this.year = e.getFullYear(), this.month = e.getMonth(), this.week = $(new Date(this.year, this.month, 1, 12)), this.selected && this.selected.length && this.selected.forEach((t) => {
+      this._selected.push(new Date(t));
+    }), super.connectedCallback();
+  }
+  disconnectedCallback() {
+    this.removeEventListener("keydown", this.handleKeydown), super.disconnectedCallback();
+  }
+  updated(e) {
+    if (e.has("selected") && this.selected.length === 2) {
+      const t = S({
+        start: new Date(this.selected[0]),
+        end: new Date(this.selected[1])
+      });
+      if (this.inRange = {}, Array.isArray(t) && t.length) {
+        const s = {};
+        for (let n = 0; n < t.length; n++)
+          s[this.formatISODate(t[n])] = this.isInRange(t[n]);
+        this.inRange = s;
+      }
+    }
+    super.updated(e);
+  }
+  firstUpdated(e) {
+    this.addEventListener("keydown", this.handleKeydown);
+  }
+  handleKeydown(e) {
+    switch (e.key) {
+      case "ArrowLeft":
+        this.handleArrowKey(e, -1);
+        break;
+      case "ArrowRight":
+        this.handleArrowKey(e, 1);
+        break;
+      case "ArrowUp":
+        this.handleArrowKey(e, -7);
+        break;
+      case "ArrowDown":
+        this.handleArrowKey(e, 7);
+        break;
+    }
+  }
+  handleArrowKey(e, t) {
+    if (e.preventDefault(), !this.focusedDate) return;
+    const s = new Date(this.focusedDate);
+    let n = new Date(s.setDate(s.getDate() + t));
+    if (n) {
+      let a = this.querySelector(`div[data-date="${this.formatISODate(n)}"]`);
+      if (a instanceof HTMLDivElement) {
+        if (a.dataset.disabled) {
+          let o = new Date(s.setDate(s.getDate() + t)), r = this.querySelector(`div[data-date="${this.formatISODate(o)}"]`);
+          for (; r && r instanceof HTMLDivElement && r.dataset.disabled; )
+            o = new Date(o.setDate(o.getDate() + t)), r = this.querySelector(`div[data-date="${this.formatISODate(o)}"]`);
+          a = r;
+        }
+        a instanceof HTMLDivElement && !a.dataset.disabled && a.focus();
+      }
+    }
+  }
+  /**
+   * Component functionality and render
+   */
+  render() {
+    return f`
+      <div
+        class="pkt-calendar ${this.weeknumbers ? "pkt-cal-weeknumbers" : D}"
+        @focusout=${this.closeEvent}
+        @keydown=${(e) => {
+      e.key === "Escape" && (e.preventDefault(), this.close());
+    }}
+      >
+        <nav class="pkt-cal-month-nav">
+          <div
+            @click=${this.isPrevMonthAllowed() && this.prevMonth}
+            @keydown=${(e) => {
+      (e.key === "Enter" || e.key === " ") && (e.preventDefault(), this.isNextMonthAllowed() && this.prevMonth());
+    }}
+            class="pkt-btn pkt-btn--tertiary pkt-btn--small pkt-btn--icon-only"
+            .data-disabled=${this.isPrevMonthAllowed() ? D : "disabled"}
+            ?aria-disabled=${!this.isPrevMonthAllowed()}
+            tabindex="0"
+          >
+            <pkt-icon class="pkt-btn__icon" name="chevron-thin-left"></pkt-icon>
+            <span class="pkt-btn__text">${this.prevMonthString}</span>
+          </div>
+          ${this.renderMonthNav()}
+          <div
+            @click=${this.isNextMonthAllowed() && this.nextMonth}
+            @keydown=${(e) => {
+      (e.key === "Enter" || e.key === " ") && (e.preventDefault(), this.isNextMonthAllowed() && this.nextMonth());
+    }}
+            class="pkt-btn pkt-btn--tertiary pkt-btn--small pkt-btn--icon-only"
+            .data-disabled=${this.isNextMonthAllowed() ? D : "disabled"}
+            ?aria-disabled=${!this.isNextMonthAllowed()}
+            tabindex="0"
+          >
+            <pkt-icon class="pkt-btn__icon" name="chevron-thin-right"></pkt-icon>
+            <span class="pkt-btn__text">${this.nextMonthString}</span>
+          </div>
+        </nav>
+        <table
+          class="pkt-cal-days pkt-txt-12-medium"
+          role="grid"
+          ?aria-multiselectable=${this.range || this.multiple}
+        >
+          ${this.renderDayNames()} ${this.renderCalendarBody()}
+        </table>
+      </div>
+    `;
+  }
+  renderDayNames() {
+    const e = [];
+    this.weeknumbers && e.push(f`<td><div>${this.weekString}<div></td>`);
+    for (let t = 0; t < this.dayStrings.length; t++)
+      e.push(f`<td><div>${this.dayStrings[t]}</div></td>`);
+    return f`<tr class="pkt-cal-week-row" role="presentation">
+      ${e}
+    </tr>`;
+  }
+  renderMonthNav() {
+    let e = [];
+    return this.withcontrols ? e.push(
+      f`<div class="pkt-cal-month-picker">
+          <select
+            class="pkt-input pkt-input-compact"
+            @change=${(t) => {
+        this.changeMonth(this.year, t.target.value);
+      }}
+          >
+            ${this.monthStrings.map(
+        (t, s) => f`<option value=${s} ?selected=${this.month === s}>${t}</option>`
+      )}
+          </select>
+          <input
+            class="pkt-input pkt-cal-input-year pkt-input-compact"
+            type="number"
+            size="4"
+            placeholder="0000"
+            @change=${(t) => {
+        this.changeMonth(t.target.value, this.month);
+      }}
+            value="${this.year}"
+          />
+        </div> `
+    ) : e.push(
+      f`<div class="pkt-txt-16-medium" aria-live="polite">
+          ${this.monthStrings[this.month]} ${this.year}
+        </div>`
+    ), e;
+  }
+  renderDayView(e, t, s) {
+    const n = new Date(this.year, this.month, e, 12), a = this.formatISODate(n), o = a === this.formatISODate(t), r = this.selected.includes(a), p = this.isExcluded(s, n) || !r && this.multiple && this.maxMultiple > 0 && this.selected.length >= this.maxMultiple, c = this.focusedDate ? this.focusedDate === a ? "0" : "-1" : e === 1 ? "0" : "-1";
+    this.selectableDates.push({ currentDateISO: a, isDisabled: p });
+    const u = {
+      "pkt-cal-today": o,
+      "pkt-cal-selected": r,
+      "pkt-cal-in-range": this.inRange[a],
+      "pkt-cal-excluded": this.isExcluded(s, n),
+      "pkt-cal-in-range-first": this.range && (this.selected.length === 2 || this.rangeHovered !== null) && a === this.selected[0],
+      "pkt-cal-in-range-last": this.range && this.selected.length === 2 && a === this.selected[1],
+      "pkt-cal-range-hover": this.rangeHovered !== null && a === this.formatISODate(this.rangeHovered)
+    };
+    return f`<td class=${I(u)}>
+      <div
+        ?aria-selected=${r}
+        role="gridcell"
+        class="pkt-btn pkt-btn--tertiary pkt-btn--small pkt-btn--label-only"
+        @mouseover=${() => this.range && !this.isExcluded(s, n) && this.handleRangeHover(n)}
+        @focus=${() => {
+      this.range && !this.isExcluded(s, n) && this.handleRangeHover(n), this.focusedDate = a;
+    }}
+        tabindex=${c}
+        data-disabled=${p ? "disabled" : D}
+        data-date=${a}
+        @keydown=${(d) => {
+      (d.key === "Enter" || d.key === " ") && (d.preventDefault(), this.handleDateSelect(n));
+    }}
+        @click=${(d) => {
+      p || (d.preventDefault(), this.handleDateSelect(n));
+    }}
+      >
+        <span class="pkt-btn__text pkt-txt-14-light">${e}</span>
+      </div>
+    </td>`;
+  }
+  renderCalendarBody() {
+    const e = /* @__PURE__ */ new Date(), t = new Date(this.year, this.month, 1, 12), s = new Date(this.year, this.month + 1, 0, 12), n = (t.getDay() + 6) % 7, a = s.getDate(), o = Math.ceil((a + n) / 7), p = new Date(this.year, this.month, 0, 12).getDate();
+    let c = 1;
+    this.week = $(new Date(this.year, this.month, 1, 12));
+    const u = [];
+    for (let d = 0; d < o; d++) {
+      const y = [];
+      this.weeknumbers && y.push(f`<td class="pkt-cal-week">${this.week}</td>`), this.week++;
+      for (let m = 1; m < 8; m++)
+        if (d === 0 && m < n + 1) {
+          const w = p - (n - m - 1);
+          y.push(
+            f`<td class="pkt-cal-other">
+              <div
+                class="pkt-btn pkt-btn--tertiary pkt-btn--small pkt-btn--label-only"
+                data-disabled="disabled"
+              >
+                <span class="pkt-btn__text pkt-txt-14-light">${w}</span>
+              </div>
+            </td>`
+          );
+        } else c > a ? (y.push(
+          f`<td class="pkt-cal-other">
+              <div
+                class="pkt-btn pkt-btn--tertiary pkt-btn--small pkt-btn--label-only"
+                data-disabled="disabled"
+              >
+                <span class="pkt-btn__text pkt-txt-14-light">${c - a}</span>
+              </div>
+            </td>`
+        ), c++) : (y.push(this.renderDayView(c, e, m)), c++);
+      u.push(
+        f`<tr class="pkt-cal-week-row" role="row">
+          ${y}
+        </tr>`
+      );
+    }
+    return u;
+  }
+  isExcluded(e, t) {
+    return this.excludeweekdays.includes(e.toString()) || this.earliest && t < new Date(this.earliest) || this.latest && t > new Date(this.latest) ? !0 : this.excludedates.some((s) => typeof s == "string" ? s === this.formatISODate(t) : s.toDateString() === t.toDateString());
+  }
+  formatISODate(e) {
+    return e.toISOString().split("T")[0];
+  }
+  isPrevMonthAllowed() {
+    const e = new Date(this.year, this.month, 0, 12);
+    return !(this.earliest && new Date(this.earliest) > e);
+  }
+  prevMonth() {
+    const e = this.month === 0 ? 11 : this.month - 1, t = this.month === 0 ? this.year - 1 : this.year;
+    this.changeMonth(t, e);
+  }
+  isNextMonthAllowed() {
+    const e = new Date(this.year, this.month === 11 ? 0 : this.month + 1, 1, 12);
+    return !(this.latest && new Date(this.latest) < e);
+  }
+  nextMonth() {
+    const e = this.month === 11 ? 0 : this.month + 1, t = this.month === 11 ? this.year + 1 : this.year;
+    this.changeMonth(t, e);
+  }
+  changeMonth(e, t) {
+    this.year = e, this.month = t, this.selectableDates = [], this.requestUpdate("currentmonth");
+  }
+  isInRange(e) {
+    if (this.range && this.selected.length === 2) {
+      if (e > new Date(this.selected[0]) && e < new Date(this.selected[1])) return !0;
+    } else if (this.range && this.selected.length === 1 && this.rangeHovered && e > new Date(this.selected[0]) && e < this.rangeHovered)
+      return !0;
+    return !1;
+  }
+  isRangeAllowed(e) {
+    let t = !0;
+    if (this._selected.length === 1) {
+      const s = S({
+        start: this._selected[0],
+        end: e
+      });
+      if (Array.isArray(s) && s.length)
+        for (let n = 0; n < s.length; n++)
+          this.excludedates.forEach((a) => {
+            a > this._selected[0] && a < e && (t = !1);
+          }), this.excludeweekdays.includes(H(s[n]).toString()) && (t = !1);
+    }
+    return t;
+  }
+  emptySelected() {
+    this.selected = [], this._selected = [], this.inRange = {};
+  }
+  addToSelected(e) {
+    this.selected.includes(this.formatISODate(e)) || (this.selected = [...this.selected, this.formatISODate(e)], this._selected = [...this._selected, e]);
+  }
+  removeFromSelected(e) {
+    if (this.selected.length === 1)
+      this.emptySelected();
+    else {
+      const t = this.selected.indexOf(this.formatISODate(e)), s = [...this.selected], n = [...this._selected];
+      s.splice(t, 1), n.splice(t, 1), this.selected = s, this._selected = n;
+    }
+  }
+  toggleSelected(e) {
+    const t = this.formatISODate(e);
+    this.selected.includes(t) ? this.removeFromSelected(e) : this.maxMultiple && this.selected.length >= this.maxMultiple || this.addToSelected(e);
+  }
+  handleRangeSelect(e) {
+    const t = this.formatISODate(e);
+    return this.selected.includes(t) ? this.selected.indexOf(t) === 0 ? this.emptySelected() : this.removeFromSelected(e) : this.selected.length > 1 ? (this.emptySelected(), this.addToSelected(e)) : (this.selected.length === 1 && !this.isRangeAllowed(e) && this.emptySelected(), this.selected.length === 1 && this._selected[0] > e && this.emptySelected(), this.addToSelected(e)), Promise.resolve();
+  }
+  handleRangeHover(e) {
+    if (this.range && this._selected.length === 1 && this.isRangeAllowed(e) && this._selected[0] < e) {
+      this.rangeHovered = e, this.inRange = {};
+      const t = S({
+        start: this._selected[0],
+        end: e
+      });
+      if (Array.isArray(t) && t.length)
+        for (let s = 0; s < t.length; s++)
+          this.inRange[this.formatISODate(t[s])] = this.isInRange(t[s]);
+    } else
+      this.rangeHovered = null;
+  }
+  handleDateSelect(e) {
+    if (e)
+      return this.range ? this.handleRangeSelect(e) : this.multiple ? this.toggleSelected(e) : (this.selected.includes(this.formatISODate(e)) ? this.emptySelected() : (this.emptySelected(), this.addToSelected(e)), this.close()), this.dispatchEvent(
+        new CustomEvent("date-selected", {
+          detail: this.selected,
+          bubbles: !0,
+          composed: !0
+        })
+      ), Promise.resolve();
+  }
+  closeEvent(e) {
+    this.contains(e.relatedTarget) || this.close();
+  }
+  close() {
+    this.dispatchEvent(
+      new CustomEvent("close", {
+        detail: !0,
+        bubbles: !0,
+        composed: !0
+      })
+    );
+  }
+};
+l([
+  h({ type: Boolean, reflect: !0 })
+], i.prototype, "multiple", 2);
+l([
+  h({ type: Number })
+], i.prototype, "maxMultiple", 2);
+l([
+  h({ type: Boolean, reflect: !0 })
+], i.prototype, "range", 2);
+l([
+  h({ type: Boolean, reflect: !0 })
+], i.prototype, "weeknumbers", 2);
+l([
+  h({ type: Boolean, reflect: !0 })
+], i.prototype, "withcontrols", 2);
+l([
+  h({ type: Boolean, reflect: !0 })
+], i.prototype, "focused", 2);
+l([
+  h({ converter: b.csvToArray })
+], i.prototype, "selected", 2);
+l([
+  h({ type: String, reflect: !0 })
+], i.prototype, "earliest", 2);
+l([
+  h({ type: String, reflect: !0 })
+], i.prototype, "latest", 2);
+l([
+  h({ converter: b.stringsToDate })
+], i.prototype, "excludedates", 2);
+l([
+  h({ converter: b.csvToArray })
+], i.prototype, "excludeweekdays", 2);
+l([
+  h({ converter: b.stringToDate })
+], i.prototype, "currentmonth", 2);
+l([
+  h({ type: Array })
+], i.prototype, "dayStrings", 2);
+l([
+  h({ type: Array })
+], i.prototype, "monthStrings", 2);
+l([
+  h({ type: String })
+], i.prototype, "weekString", 2);
+l([
+  h({ type: String })
+], i.prototype, "prevMonthString", 2);
+l([
+  h({ type: String })
+], i.prototype, "nextMonthString", 2);
+l([
+  h({ type: Array })
+], i.prototype, "_selected", 2);
+l([
+  h({ type: Number })
+], i.prototype, "year", 2);
+l([
+  h({ type: Number })
+], i.prototype, "month", 2);
+l([
+  h({ type: Number })
+], i.prototype, "week", 2);
+l([
+  h({ type: Date })
+], i.prototype, "rangeHovered", 2);
+l([
+  M()
+], i.prototype, "inRange", 2);
+l([
+  M()
+], i.prototype, "focusedDate", 2);
+l([
+  M()
+], i.prototype, "selectableDates", 2);
+i = l([
+  A("pkt-calendar")
+], i);
+export {
+  i as P,
+  T as a,
+  $ as b,
+  x as c,
+  O as d,
+  R as g,
+  V as m,
+  v as s,
+  k as t
+};

package/dist/index-DSplpVWQ.cjs

@@ -0,0 +1,9 @@
+"use strict";const o=require("./index-BJ_4AGO3.cjs"),n=require("./directive-19_ixLKS.cjs");/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */class a extends n.i{constructor(t){if(super(t),this.it=o.D,t.type!==n.t$1.CHILD)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(t){if(t===o.D||t==null)return this._t=void 0,this.it=t;if(t===o.R)return t;if(typeof t!="string")throw Error(this.constructor.directiveName+"() called with a non-string value");if(t===this.it)return this._t;this.it=t;const r=[t];return r.raw=r,this._t={_$litType$:this.constructor.resultType,strings:r,values:[]}}}a.directiveName="unsafeHTML",a.resultType=1;const f=n.e(a);/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */class d extends a{}d.directiveName="unsafeSVG",d.resultType=2;const w=n.e(d);var v=Object.defineProperty,g=Object.getOwnPropertyDescriptor,c=(e,t,r,s)=>{for(var i=s>1?void 0:s?g(t,r):t,p=e.length-1,u;p>=0;p--)(u=e[p])&&(i=(s?u(t,r,i):u(i))||i);return s&&i&&v(t,r,i),i};window.pktFetch=window.pktFetch===void 0?fetch:window.pktFetch;window.pktIconPath=window.pktIconPath||"https://punkt-cdn.oslo.kommune.no/latest/icons/";const P=e=>new Promise(t=>setTimeout(t,e)),l='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"></svg>',h={},k=async(e,t)=>{let r=0;for(;h[t+e+".svg"]==="fetching"&&(r++,!(r>50));)await P(50);return localStorage.getItem(t+e+".svg")?Promise.resolve(localStorage.getItem(t+e+".svg")):typeof window.pktFetch=="function"?(h[t+e+".svg"]="fetching",Promise.resolve(window.pktFetch(t+e+".svg").then(s=>s.ok?s.text():(console.error("Missing icon: "+t+e+".svg"),l)).then(s=>(s!==l&&localStorage.setItem(t+e+".svg",s),h[t+e+".svg"]="fetched",s)))):Promise.resolve(l)};exports.PktIcon=class extends o.PktElement{constructor(){super(),this.path=window.pktIconPath,this.name="",this.icon=w(l),this._updatedProps=[],this.classList.add("pkt-icon")}willUpdate(t){super.willUpdate(t),t.has("class")&&this.classList.add("my-element")}async attributeChangedCallback(t,r,s){super.attributeChangedCallback(t,r,s),this._updatedProps.length>0?(this.icon=w(await k(this.name||"",this.path).then(i=>i)),this._updatedProps=[]):this._updatedProps.includes(t)||this._updatedProps.push(t)}render(){return o.ke`${this.name&&this.icon}`}};c([o.n({type:String,reflect:!1})],exports.PktIcon.prototype,"path",2);c([o.n({type:String,reflect:!0})],exports.PktIcon.prototype,"name",2);c([o.n({type:SVGElement})],exports.PktIcon.prototype,"icon",2);c([o.n({type:Array,noAccessor:!0})],exports.PktIcon.prototype,"_updatedProps",2);exports.PktIcon=c([n.t("pkt-icon")],exports.PktIcon);exports.ae=f;