@warp-ds/elements 1.0.0-alpha.28 → 1.0.0-alpha.29

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/elements.min.js +2 -1
  2. package/dist/index.js +112 -96
  3. package/dist/packages/utils/index.d.ts +0 -1
  4. package/dist/packages/utils/window-exists.d.ts +1 -0
  5. package/package.json +2 -2
package/dist/elements.min.js CHANGED
@@ -1,4 +1,5 @@
1
1
  import {css} from 'lit';
2
2
  export const styles = css`
3
- @import "https://assets.finn.no/pkg/@warp-ds/css/1.0.0-alpha.33/tokens/finn-no.css";
3
+ @import "https://assets.finn.no/pkg/@warp-ds/fonts/v1/finn-no.css";
4
+ @import "https://assets.finn.no/pkg/@warp-ds/css/1.0.0-alpha.37/tokens/finn-no.css";
4
5
  `;
package/dist/index.js CHANGED
@@ -277,7 +277,7 @@ ao[nr] = !0, ao.elementProperties = /* @__PURE__ */ new Map(), ao.elementStyles
277
277
  var or;
278
278
  const Lo = window, no = Lo.trustedTypes, Nr = no ? no.createPolicy("lit-html", { createHTML: (r) => r }) : void 0, To = "$lit$", R = `lit$${(Math.random() + "").slice(9)}$`, jr = "?" + R, ot = `<${jr}>`, Q = document, wo = () => Q.createComment(""), mo = (r) => r === null || typeof r != "object" && typeof r != "function", ge = Array.isArray, ue = (r) => ge(r) || typeof (r == null ? void 0 : r[Symbol.iterator]) == "function", rr = `[
279
279
  \f\r]`, uo = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, Ir = /-->/g, Or = />/g, F = RegExp(`>|${rr}(?:([^\\s"'>=/]+)(${rr}*=${rr}*(?:[^
280
- \f\r"'\`<>=]|("|')|))|$)`, "g"), Hr = /'/g, Dr = /"/g, ve = /^(?:script|style|textarea|title)$/i, pe = (r) => (o, ...e) => ({ _$litType$: r, strings: o, values: e }), u = pe(1), D = pe(2), N = Symbol.for("lit-noChange"), f = Symbol.for("lit-nothing"), Ur = /* @__PURE__ */ new WeakMap(), G = Q.createTreeWalker(Q, 129, null, !1);
280
+ \f\r"'\`<>=]|("|')|))|$)`, "g"), Hr = /'/g, Dr = /"/g, ve = /^(?:script|style|textarea|title)$/i, pe = (r) => (o, ...e) => ({ _$litType$: r, strings: o, values: e }), u = pe(1), D = pe(2), N = Symbol.for("lit-noChange"), k = Symbol.for("lit-nothing"), Ur = /* @__PURE__ */ new WeakMap(), G = Q.createTreeWalker(Q, 129, null, !1);
281
281
  function he(r, o) {
282
282
  if (!Array.isArray(r) || !r.hasOwnProperty("raw"))
283
283
  throw Error("invalid template strings array");
@@ -315,7 +315,7 @@ class xo {
315
315
  const v = s[i++];
316
316
  if (b.push(g), v !== void 0) {
317
317
  const p = a.getAttribute(v.toLowerCase() + To).split(R), h = /([.?@])?(.*)/.exec(v);
318
- d.push({ type: 1, index: c, name: h[2], strings: p, ctor: h[1] === "." ? fe : h[1] === "?" ? ke : h[1] === "@" ? $e : yo });
318
+ d.push({ type: 1, index: c, name: h[2], strings: p, ctor: h[1] === "." ? ke : h[1] === "?" ? fe : h[1] === "@" ? $e : yo });
319
319
  } else
320
320
  d.push({ type: 6, index: c });
321
321
  }
@@ -388,7 +388,7 @@ class me {
388
388
  let Vo = class xe {
389
389
  constructor(o, e, t, a) {
390
390
  var c;
391
- this.type = 2, this._$AH = f, this._$AN = void 0, this._$AA = o, this._$AB = e, this._$AM = t, this.options = a, this._$Cp = (c = a == null ? void 0 : a.isConnected) === null || c === void 0 || c;
391
+ this.type = 2, this._$AH = k, this._$AN = void 0, this._$AA = o, this._$AB = e, this._$AM = t, this.options = a, this._$Cp = (c = a == null ? void 0 : a.isConnected) === null || c === void 0 || c;
392
392
  }
393
393
  get _$AU() {
394
394
  var o, e;
@@ -406,7 +406,7 @@ let Vo = class xe {
406
406
  return this._$AB;
407
407
  }
408
408
  _$AI(o, e = this) {
409
- o = oo(this, o, e), mo(o) ? o === f || o == null || o === "" ? (this._$AH !== f && this._$AR(), this._$AH = f) : o !== this._$AH && o !== N && this._(o) : o._$litType$ !== void 0 ? this.g(o) : o.nodeType !== void 0 ? this.$(o) : ue(o) ? this.T(o) : this._(o);
409
+ o = oo(this, o, e), mo(o) ? o === k || o == null || o === "" ? (this._$AH !== k && this._$AR(), this._$AH = k) : o !== this._$AH && o !== N && this._(o) : o._$litType$ !== void 0 ? this.g(o) : o.nodeType !== void 0 ? this.$(o) : ue(o) ? this.T(o) : this._(o);
410
410
  }
411
411
  k(o) {
412
412
  return this._$AA.parentNode.insertBefore(o, this._$AB);
@@ -415,7 +415,7 @@ let Vo = class xe {
415
415
  this._$AH !== o && (this._$AR(), this._$AH = this.k(o));
416
416
  }
417
417
  _(o) {
418
- this._$AH !== f && mo(this._$AH) ? this._$AA.nextSibling.data = o : this.$(Q.createTextNode(o)), this._$AH = o;
418
+ this._$AH !== k && mo(this._$AH) ? this._$AA.nextSibling.data = o : this.$(Q.createTextNode(o)), this._$AH = o;
419
419
  }
420
420
  g(o) {
421
421
  var e;
@@ -453,7 +453,7 @@ let Vo = class xe {
453
453
  };
454
454
  class yo {
455
455
  constructor(o, e, t, a, c) {
456
- this.type = 1, this._$AH = f, this._$AN = void 0, this.element = o, this.name = e, this._$AM = a, this.options = c, t.length > 2 || t[0] !== "" || t[1] !== "" ? (this._$AH = Array(t.length - 1).fill(new String()), this.strings = t) : this._$AH = f;
456
+ this.type = 1, this._$AH = k, this._$AN = void 0, this.element = o, this.name = e, this._$AM = a, this.options = c, t.length > 2 || t[0] !== "" || t[1] !== "" ? (this._$AH = Array(t.length - 1).fill(new String()), this.strings = t) : this._$AH = k;
457
457
  }
458
458
  get tagName() {
459
459
  return this.element.tagName;
@@ -470,29 +470,29 @@ class yo {
470
470
  const l = o;
471
471
  let d, n;
472
472
  for (o = c[0], d = 0; d < c.length - 1; d++)
473
- n = oo(this, l[t + d], e, d), n === N && (n = this._$AH[d]), i || (i = !mo(n) || n !== this._$AH[d]), n === f ? o = f : o !== f && (o += (n ?? "") + c[d + 1]), this._$AH[d] = n;
473
+ n = oo(this, l[t + d], e, d), n === N && (n = this._$AH[d]), i || (i = !mo(n) || n !== this._$AH[d]), n === k ? o = k : o !== k && (o += (n ?? "") + c[d + 1]), this._$AH[d] = n;
474
474
  }
475
475
  i && !a && this.j(o);
476
476
  }
477
477
  j(o) {
478
- o === f ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, o ?? "");
478
+ o === k ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, o ?? "");
479
479
  }
480
480
  }
481
- let fe = class extends yo {
481
+ let ke = class extends yo {
482
482
  constructor() {
483
483
  super(...arguments), this.type = 3;
484
484
  }
485
485
  j(o) {
486
- this.element[this.name] = o === f ? void 0 : o;
486
+ this.element[this.name] = o === k ? void 0 : o;
487
487
  }
488
488
  };
489
489
  const rt = no ? no.emptyScript : "";
490
- let ke = class extends yo {
490
+ let fe = class extends yo {
491
491
  constructor() {
492
492
  super(...arguments), this.type = 4;
493
493
  }
494
494
  j(o) {
495
- o && o !== f ? this.element.setAttribute(this.name, rt) : this.element.removeAttribute(this.name);
495
+ o && o !== k ? this.element.setAttribute(this.name, rt) : this.element.removeAttribute(this.name);
496
496
  }
497
497
  }, $e = class extends yo {
498
498
  constructor(o, e, t, a, c) {
@@ -500,9 +500,9 @@ let ke = class extends yo {
500
500
  }
501
501
  _$AI(o, e = this) {
502
502
  var t;
503
- if ((o = (t = oo(this, o, e, 0)) !== null && t !== void 0 ? t : f) === N)
503
+ if ((o = (t = oo(this, o, e, 0)) !== null && t !== void 0 ? t : k) === N)
504
504
  return;
505
- const a = this._$AH, c = o === f && a !== f || o.capture !== a.capture || o.once !== a.once || o.passive !== a.passive, i = o !== f && (a === f || c);
505
+ const a = this._$AH, c = o === k && a !== k || o.capture !== a.capture || o.once !== a.once || o.passive !== a.passive, i = o !== k && (a === k || c);
506
506
  c && this.element.removeEventListener(this.name, this, a), i && this.element.addEventListener(this.name, this, o), this._$AH = o;
507
507
  }
508
508
  handleEvent(o) {
@@ -521,7 +521,7 @@ class ye {
521
521
  oo(this, o);
522
522
  }
523
523
  }
524
- const et = { O: To, P: R, A: jr, C: 1, M: we, L: me, D: ue, R: oo, I: Vo, V: yo, H: ke, N: $e, U: fe, F: ye }, Fr = Lo.litHtmlPolyfillSupport;
524
+ const et = { O: To, P: R, A: jr, C: 1, M: we, L: me, D: ue, R: oo, I: Vo, V: yo, H: fe, N: $e, U: ke, F: ye }, Fr = Lo.litHtmlPolyfillSupport;
525
525
  Fr == null || Fr(xo, Vo), ((or = Lo.litHtmlVersions) !== null && or !== void 0 ? or : Lo.litHtmlVersions = []).push("2.7.5");
526
526
  const tt = (r, o, e) => {
527
527
  var t, a;
@@ -539,7 +539,7 @@ const tt = (r, o, e) => {
539
539
  * SPDX-License-Identifier: BSD-3-Clause
540
540
  */
541
541
  var er, tr;
542
- let k = class extends ao {
542
+ let f = class extends ao {
543
543
  constructor() {
544
544
  super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
545
545
  }
@@ -564,9 +564,9 @@ let k = class extends ao {
564
564
  return N;
565
565
  }
566
566
  };
567
- k.finalized = !0, k._$litElement$ = !0, (er = globalThis.litElementHydrateSupport) === null || er === void 0 || er.call(globalThis, { LitElement: k });
567
+ f.finalized = !0, f._$litElement$ = !0, (er = globalThis.litElementHydrateSupport) === null || er === void 0 || er.call(globalThis, { LitElement: f });
568
568
  const Vr = globalThis.litElementPolyfillSupport;
569
- Vr == null || Vr({ LitElement: k });
569
+ Vr == null || Vr({ LitElement: f });
570
570
  ((tr = globalThis.litElementVersions) !== null && tr !== void 0 ? tr : globalThis.litElementVersions = []).push("3.3.2");
571
571
  const T = {
572
572
  base: "border-2 relative",
@@ -654,8 +654,8 @@ const T = {
654
654
  // .button--utility
655
655
  buttonUtilityFlat: "py-12 px-16 bg-transparent border-0 font-bold text-m leading-[24] max-w-max focusable justify-center transition-colors ease-in-out i-text-$color-button-utility-quiet-text i-bg-$color-button-utility-quiet-background hover:i-bg-$color-button-utility-quiet-background-hover rounded-4",
656
656
  // .button--utility-flat
657
- buttonPill: "font-bold text-m leading-[24] max-w-max focusable justify-center transition-colors ease-in-out rounded-full! min-h-[44px] min-w-[44px] border-0! p-4 i-text-$color-button-pill-icon hover:i-text-$color-button-pill-icon-hover active:i-text-$color-button-pill-icon-active i-bg-$color-button-pill-background hover:i-bg-$color-button-pill-background-hover acive:i-bg-$color-button-pill-background-active inline-flex items-center justify-center hover:bg-clip-padding",
658
- // .button--pill missing: hover:background-color: rgba(var(--f-blue-600-rgb), 0.1) , and: hover:border-color: hsla(0, 0%, 100%, 0.4);
657
+ buttonPill: "font-bold text-m leading-[24] max-w-max focusable justify-center transition-colors ease-in-out rounded-full! min-h-[44px] min-w-[44px] border-0! p-4 i-text-$color-button-pill-icon hover:i-text-$color-button-pill-icon-hover active:i-text-$color-button-pill-icon-active i-bg-$color-button-pill-background hover:i-bg-$color-button-pill-background-hover active:i-bg-$color-button-pill-background-active inline-flex items-center justify-center hover:bg-clip-padding",
658
+ // .button--pill
659
659
  buttonLink: "leading-[24] max-w-max bg-transparent focusable ease-in-out inline i-text-$color-button-link-text active:underline hover:underline",
660
660
  //.button--link /* Buttons pretending to be links, (Should rather inherit the actual link setup in the future?) */
661
661
  // Size stuff
@@ -710,7 +710,7 @@ const T = {
710
710
  readOnly: "pl-0 bg-transparent border-0 pointer-events-none before:hidden",
711
711
  wrapper: "relative",
712
712
  selectWrapper: "relative before:block before:absolute before:right-0 before:bottom-0 before:w-32 before:h-full before:pointer-events-none ",
713
- chevron: "absolute top-[30%] block right-0 bottom-0 w-32 h-full i-text-$color-select-icon",
713
+ chevron: "absolute top-[30%] block right-0 bottom-0 w-32 h-full i-text-$color-select-icon pointer-events-none cursor-pointer",
714
714
  chevronDisabled: "opacity-25"
715
715
  }, J = {
716
716
  label: "antialiased block relative text-s font-bold pb-4 cursor-pointer i-text-$color-label-text",
@@ -820,7 +820,7 @@ const Wr = {
820
820
  warning: nt(),
821
821
  info: bt()
822
822
  };
823
- class br extends k {
823
+ class br extends f {
824
824
  constructor() {
825
825
  super(), this.show = !1, this.role = "alert";
826
826
  }
@@ -1024,6 +1024,7 @@ w(br, "styles", q`
1024
1024
  .hover\\:i-bg-\\$color-combobox-option-background-hover:hover{background-color:var(--w-color-combobox-option-background-hover);}
1025
1025
  .hover\\:i-bg-\\$color-combobox-option-background-selected-hover:hover{background-color:var(--w-color-combobox-option-background-selected-hover);}
1026
1026
  .hover\\:i-bg-\\$color-expandable-background-hover:hover{background-color:var(--w-color-expandable-background-hover);}
1027
+ .hover\\:i-bg-\\$color-pageindicator-background-hover:hover{background-color:var(--w-color-pageindicator-background-hover);}
1027
1028
  .hover\\:i-bg-\\$color-pill-filter-background-hover:hover{background-color:var(--w-color-pill-filter-background-hover);}
1028
1029
  .hover\\:i-bg-\\$color-pill-suggestion-background-hover:hover{background-color:var(--w-color-pill-suggestion-background-hover);}
1029
1030
  .i-bg-\\$color-alert-info-background{background-color:var(--w-color-alert-info-background);}
@@ -1063,8 +1064,7 @@ w(br, "styles", q`
1063
1064
  .i-bg-\\$color-input-background-disabled{background-color:var(--w-color-input-background-disabled);}
1064
1065
  .i-bg-\\$color-modal-background{background-color:var(--w-color-modal-background);}
1065
1066
  .i-bg-\\$color-pageindicator-background{background-color:var(--w-color-pageindicator-background);}
1066
- .i-bg-\\$color-pageindicator-background-active{background-color:var(--w-color-pageindicator-background-active);}
1067
- .i-bg-\\$color-pageindicator-background-hover{background-color:var(--w-color-pageindicator-background-hover);}
1067
+ .i-bg-\\$color-pageindicator-background-selected{background-color:var(--w-color-pageindicator-background-selected);}
1068
1068
  .i-bg-\\$color-pill-filter-background{background-color:var(--w-color-pill-filter-background);}
1069
1069
  .i-bg-\\$color-pill-suggestion-background{background-color:var(--w-color-pill-suggestion-background);}
1070
1070
  .i-bg-\\$color-popover-background{background-color:var(--w-color-popover-background);}
@@ -1104,6 +1104,7 @@ w(br, "styles", q`
1104
1104
  .active\\:i-bg-\\$color-box-neutral-background-hover:active{background-color:var(--w-color-box-neutral-background-hover);}
1105
1105
  .active\\:i-bg-\\$color-button-negative-background-active\\!:active{background-color:var(--w-color-button-negative-background-active) !important;}
1106
1106
  .active\\:i-bg-\\$color-button-negative-quiet-background-active\\!:active{background-color:var(--w-color-button-negative-quiet-background-active) !important;}
1107
+ .active\\:i-bg-\\$color-button-pill-background-active:active{background-color:var(--w-color-button-pill-background-active);}
1107
1108
  .active\\:i-bg-\\$color-button-primary-background-active:active{background-color:var(--w-color-button-primary-background-active);}
1108
1109
  .active\\:i-bg-\\$color-button-quiet-background-active\\!:active{background-color:var(--w-color-button-quiet-background-active) !important;}
1109
1110
  .active\\:i-bg-\\$color-button-secondary-background-active:active{background-color:var(--w-color-button-secondary-background-active);}
@@ -1597,7 +1598,6 @@ function Gr(r) {
1597
1598
  t && o.push(e);
1598
1599
  return o.join(" ");
1599
1600
  }
1600
- const fo = typeof window < "u";
1601
1601
  function Z(r) {
1602
1602
  const o = {};
1603
1603
  for (const [e, t] of Object.entries(r))
@@ -1616,7 +1616,7 @@ const cr = [
1616
1616
  "pill",
1617
1617
  "link"
1618
1618
  ];
1619
- class Ao extends zo(k) {
1619
+ class Ao extends zo(f) {
1620
1620
  constructor() {
1621
1621
  super(), this.variant = "secondary";
1622
1622
  }
@@ -1675,7 +1675,7 @@ ${cr.join(
1675
1675
  />` : null}`;
1676
1676
  }
1677
1677
  }
1678
- w(Ao, "shadowRootOptions", { ...k.shadowRootOptions, delegatesFocus: !0 }), w(Ao, "properties", {
1678
+ w(Ao, "shadowRootOptions", { ...f.shadowRootOptions, delegatesFocus: !0 }), w(Ao, "properties", {
1679
1679
  type: { type: "button" | "submit" | "reset", reflect: !0 },
1680
1680
  autofocus: { type: Boolean, reflect: !0 },
1681
1681
  variant: { type: String, reflect: !0 },
@@ -1842,6 +1842,7 @@ w(Ao, "shadowRootOptions", { ...k.shadowRootOptions, delegatesFocus: !0 }), w(Ao
1842
1842
  .hover\\:i-bg-\\$color-combobox-option-background-hover:hover{background-color:var(--w-color-combobox-option-background-hover);}
1843
1843
  .hover\\:i-bg-\\$color-combobox-option-background-selected-hover:hover{background-color:var(--w-color-combobox-option-background-selected-hover);}
1844
1844
  .hover\\:i-bg-\\$color-expandable-background-hover:hover{background-color:var(--w-color-expandable-background-hover);}
1845
+ .hover\\:i-bg-\\$color-pageindicator-background-hover:hover{background-color:var(--w-color-pageindicator-background-hover);}
1845
1846
  .hover\\:i-bg-\\$color-pill-filter-background-hover:hover{background-color:var(--w-color-pill-filter-background-hover);}
1846
1847
  .hover\\:i-bg-\\$color-pill-suggestion-background-hover:hover{background-color:var(--w-color-pill-suggestion-background-hover);}
1847
1848
  .i-bg-\\$color-alert-info-background{background-color:var(--w-color-alert-info-background);}
@@ -1881,8 +1882,7 @@ w(Ao, "shadowRootOptions", { ...k.shadowRootOptions, delegatesFocus: !0 }), w(Ao
1881
1882
  .i-bg-\\$color-input-background-disabled{background-color:var(--w-color-input-background-disabled);}
1882
1883
  .i-bg-\\$color-modal-background{background-color:var(--w-color-modal-background);}
1883
1884
  .i-bg-\\$color-pageindicator-background{background-color:var(--w-color-pageindicator-background);}
1884
- .i-bg-\\$color-pageindicator-background-active{background-color:var(--w-color-pageindicator-background-active);}
1885
- .i-bg-\\$color-pageindicator-background-hover{background-color:var(--w-color-pageindicator-background-hover);}
1885
+ .i-bg-\\$color-pageindicator-background-selected{background-color:var(--w-color-pageindicator-background-selected);}
1886
1886
  .i-bg-\\$color-pill-filter-background{background-color:var(--w-color-pill-filter-background);}
1887
1887
  .i-bg-\\$color-pill-suggestion-background{background-color:var(--w-color-pill-suggestion-background);}
1888
1888
  .i-bg-\\$color-popover-background{background-color:var(--w-color-popover-background);}
@@ -1922,6 +1922,7 @@ w(Ao, "shadowRootOptions", { ...k.shadowRootOptions, delegatesFocus: !0 }), w(Ao
1922
1922
  .active\\:i-bg-\\$color-box-neutral-background-hover:active{background-color:var(--w-color-box-neutral-background-hover);}
1923
1923
  .active\\:i-bg-\\$color-button-negative-background-active\\!:active{background-color:var(--w-color-button-negative-background-active) !important;}
1924
1924
  .active\\:i-bg-\\$color-button-negative-quiet-background-active\\!:active{background-color:var(--w-color-button-negative-quiet-background-active) !important;}
1925
+ .active\\:i-bg-\\$color-button-pill-background-active:active{background-color:var(--w-color-button-pill-background-active);}
1925
1926
  .active\\:i-bg-\\$color-button-primary-background-active:active{background-color:var(--w-color-button-primary-background-active);}
1926
1927
  .active\\:i-bg-\\$color-button-quiet-background-active\\!:active{background-color:var(--w-color-button-quiet-background-active) !important;}
1927
1928
  .active\\:i-bg-\\$color-button-secondary-background-active:active{background-color:var(--w-color-button-secondary-background-active);}
@@ -2339,11 +2340,11 @@ customElements.get("w-button") || customElements.define("w-button", Ao);
2339
2340
  * Copyright 2018 Google LLC
2340
2341
  * SPDX-License-Identifier: BSD-3-Clause
2341
2342
  */
2342
- const x = (r) => r ?? f, Jr = {
2343
+ const x = (r) => r ?? k, Jr = {
2343
2344
  ENTER: "Enter",
2344
2345
  SPACE: " "
2345
2346
  };
2346
- class sr extends k {
2347
+ class sr extends f {
2347
2348
  constructor() {
2348
2349
  super(), this.selected = !1, this.flat = !1, this.clickable = !1;
2349
2350
  }
@@ -2545,6 +2546,7 @@ w(sr, "styles", [
2545
2546
  .hover\\:i-bg-\\$color-combobox-option-background-hover:hover{background-color:var(--w-color-combobox-option-background-hover);}
2546
2547
  .hover\\:i-bg-\\$color-combobox-option-background-selected-hover:hover{background-color:var(--w-color-combobox-option-background-selected-hover);}
2547
2548
  .hover\\:i-bg-\\$color-expandable-background-hover:hover{background-color:var(--w-color-expandable-background-hover);}
2549
+ .hover\\:i-bg-\\$color-pageindicator-background-hover:hover{background-color:var(--w-color-pageindicator-background-hover);}
2548
2550
  .hover\\:i-bg-\\$color-pill-filter-background-hover:hover{background-color:var(--w-color-pill-filter-background-hover);}
2549
2551
  .hover\\:i-bg-\\$color-pill-suggestion-background-hover:hover{background-color:var(--w-color-pill-suggestion-background-hover);}
2550
2552
  .i-bg-\\$color-alert-info-background{background-color:var(--w-color-alert-info-background);}
@@ -2584,8 +2586,7 @@ w(sr, "styles", [
2584
2586
  .i-bg-\\$color-input-background-disabled{background-color:var(--w-color-input-background-disabled);}
2585
2587
  .i-bg-\\$color-modal-background{background-color:var(--w-color-modal-background);}
2586
2588
  .i-bg-\\$color-pageindicator-background{background-color:var(--w-color-pageindicator-background);}
2587
- .i-bg-\\$color-pageindicator-background-active{background-color:var(--w-color-pageindicator-background-active);}
2588
- .i-bg-\\$color-pageindicator-background-hover{background-color:var(--w-color-pageindicator-background-hover);}
2589
+ .i-bg-\\$color-pageindicator-background-selected{background-color:var(--w-color-pageindicator-background-selected);}
2589
2590
  .i-bg-\\$color-pill-filter-background{background-color:var(--w-color-pill-filter-background);}
2590
2591
  .i-bg-\\$color-pill-suggestion-background{background-color:var(--w-color-pill-suggestion-background);}
2591
2592
  .i-bg-\\$color-popover-background{background-color:var(--w-color-popover-background);}
@@ -2625,6 +2626,7 @@ w(sr, "styles", [
2625
2626
  .active\\:i-bg-\\$color-box-neutral-background-hover:active{background-color:var(--w-color-box-neutral-background-hover);}
2626
2627
  .active\\:i-bg-\\$color-button-negative-background-active\\!:active{background-color:var(--w-color-button-negative-background-active) !important;}
2627
2628
  .active\\:i-bg-\\$color-button-negative-quiet-background-active\\!:active{background-color:var(--w-color-button-negative-quiet-background-active) !important;}
2629
+ .active\\:i-bg-\\$color-button-pill-background-active:active{background-color:var(--w-color-button-pill-background-active);}
2628
2630
  .active\\:i-bg-\\$color-button-primary-background-active:active{background-color:var(--w-color-button-primary-background-active);}
2629
2631
  .active\\:i-bg-\\$color-button-quiet-background-active\\!:active{background-color:var(--w-color-button-quiet-background-active) !important;}
2630
2632
  .active\\:i-bg-\\$color-button-secondary-background-active:active{background-color:var(--w-color-button-secondary-background-active);}
@@ -3068,11 +3070,11 @@ function Co(r, o, e) {
3068
3070
  */
3069
3071
  let gr = class extends Cr {
3070
3072
  constructor(o) {
3071
- if (super(o), this.et = f, o.type !== Zr.CHILD)
3073
+ if (super(o), this.et = k, o.type !== Zr.CHILD)
3072
3074
  throw Error(this.constructor.directiveName + "() can only be used in child bindings");
3073
3075
  }
3074
3076
  render(o) {
3075
- if (o === f || o == null)
3077
+ if (o === k || o == null)
3076
3078
  return this.ft = void 0, this.et = o;
3077
3079
  if (o === N)
3078
3080
  return o;
@@ -3088,7 +3090,7 @@ let gr = class extends Cr {
3088
3090
  gr.directiveName = "unsafeHTML", gr.resultType = 1;
3089
3091
  const qe = Ar(gr);
3090
3092
  var Ho, Xe, Do, Ye, Uo, je, Fo, Ze, io, So, lo, Eo;
3091
- class ur extends zo(k) {
3093
+ class ur extends zo(f) {
3092
3094
  constructor() {
3093
3095
  super();
3094
3096
  U(this, Ho);
@@ -3341,6 +3343,7 @@ Ho = new WeakSet(), Xe = function() {
3341
3343
  .hover\\:i-bg-\\$color-combobox-option-background-hover:hover{background-color:var(--w-color-combobox-option-background-hover);}
3342
3344
  .hover\\:i-bg-\\$color-combobox-option-background-selected-hover:hover{background-color:var(--w-color-combobox-option-background-selected-hover);}
3343
3345
  .hover\\:i-bg-\\$color-expandable-background-hover:hover{background-color:var(--w-color-expandable-background-hover);}
3346
+ .hover\\:i-bg-\\$color-pageindicator-background-hover:hover{background-color:var(--w-color-pageindicator-background-hover);}
3344
3347
  .hover\\:i-bg-\\$color-pill-filter-background-hover:hover{background-color:var(--w-color-pill-filter-background-hover);}
3345
3348
  .hover\\:i-bg-\\$color-pill-suggestion-background-hover:hover{background-color:var(--w-color-pill-suggestion-background-hover);}
3346
3349
  .i-bg-\\$color-alert-info-background{background-color:var(--w-color-alert-info-background);}
@@ -3380,8 +3383,7 @@ Ho = new WeakSet(), Xe = function() {
3380
3383
  .i-bg-\\$color-input-background-disabled{background-color:var(--w-color-input-background-disabled);}
3381
3384
  .i-bg-\\$color-modal-background{background-color:var(--w-color-modal-background);}
3382
3385
  .i-bg-\\$color-pageindicator-background{background-color:var(--w-color-pageindicator-background);}
3383
- .i-bg-\\$color-pageindicator-background-active{background-color:var(--w-color-pageindicator-background-active);}
3384
- .i-bg-\\$color-pageindicator-background-hover{background-color:var(--w-color-pageindicator-background-hover);}
3386
+ .i-bg-\\$color-pageindicator-background-selected{background-color:var(--w-color-pageindicator-background-selected);}
3385
3387
  .i-bg-\\$color-pill-filter-background{background-color:var(--w-color-pill-filter-background);}
3386
3388
  .i-bg-\\$color-pill-suggestion-background{background-color:var(--w-color-pill-suggestion-background);}
3387
3389
  .i-bg-\\$color-popover-background{background-color:var(--w-color-popover-background);}
@@ -3421,6 +3423,7 @@ Ho = new WeakSet(), Xe = function() {
3421
3423
  .active\\:i-bg-\\$color-box-neutral-background-hover:active{background-color:var(--w-color-box-neutral-background-hover);}
3422
3424
  .active\\:i-bg-\\$color-button-negative-background-active\\!:active{background-color:var(--w-color-button-negative-background-active) !important;}
3423
3425
  .active\\:i-bg-\\$color-button-negative-quiet-background-active\\!:active{background-color:var(--w-color-button-negative-quiet-background-active) !important;}
3426
+ .active\\:i-bg-\\$color-button-pill-background-active:active{background-color:var(--w-color-button-pill-background-active);}
3424
3427
  .active\\:i-bg-\\$color-button-primary-background-active:active{background-color:var(--w-color-button-primary-background-active);}
3425
3428
  .active\\:i-bg-\\$color-button-quiet-background-active\\!:active{background-color:var(--w-color-button-quiet-background-active) !important;}
3426
3429
  .active\\:i-bg-\\$color-button-secondary-background-active:active{background-color:var(--w-color-button-secondary-background-active);}
@@ -3833,7 +3836,7 @@ Ho = new WeakSet(), Xe = function() {
3833
3836
  }
3834
3837
  `);
3835
3838
  customElements.get("w-select") || customElements.define("w-select", ur);
3836
- class vr extends k {
3839
+ class vr extends f {
3837
3840
  get _class() {
3838
3841
  return Z({
3839
3842
  [B.box]: !0,
@@ -4016,6 +4019,7 @@ w(vr, "styles", q`
4016
4019
  .hover\\:i-bg-\\$color-combobox-option-background-hover:hover{background-color:var(--w-color-combobox-option-background-hover);}
4017
4020
  .hover\\:i-bg-\\$color-combobox-option-background-selected-hover:hover{background-color:var(--w-color-combobox-option-background-selected-hover);}
4018
4021
  .hover\\:i-bg-\\$color-expandable-background-hover:hover{background-color:var(--w-color-expandable-background-hover);}
4022
+ .hover\\:i-bg-\\$color-pageindicator-background-hover:hover{background-color:var(--w-color-pageindicator-background-hover);}
4019
4023
  .hover\\:i-bg-\\$color-pill-filter-background-hover:hover{background-color:var(--w-color-pill-filter-background-hover);}
4020
4024
  .hover\\:i-bg-\\$color-pill-suggestion-background-hover:hover{background-color:var(--w-color-pill-suggestion-background-hover);}
4021
4025
  .i-bg-\\$color-alert-info-background{background-color:var(--w-color-alert-info-background);}
@@ -4055,8 +4059,7 @@ w(vr, "styles", q`
4055
4059
  .i-bg-\\$color-input-background-disabled{background-color:var(--w-color-input-background-disabled);}
4056
4060
  .i-bg-\\$color-modal-background{background-color:var(--w-color-modal-background);}
4057
4061
  .i-bg-\\$color-pageindicator-background{background-color:var(--w-color-pageindicator-background);}
4058
- .i-bg-\\$color-pageindicator-background-active{background-color:var(--w-color-pageindicator-background-active);}
4059
- .i-bg-\\$color-pageindicator-background-hover{background-color:var(--w-color-pageindicator-background-hover);}
4062
+ .i-bg-\\$color-pageindicator-background-selected{background-color:var(--w-color-pageindicator-background-selected);}
4060
4063
  .i-bg-\\$color-pill-filter-background{background-color:var(--w-color-pill-filter-background);}
4061
4064
  .i-bg-\\$color-pill-suggestion-background{background-color:var(--w-color-pill-suggestion-background);}
4062
4065
  .i-bg-\\$color-popover-background{background-color:var(--w-color-popover-background);}
@@ -4096,6 +4099,7 @@ w(vr, "styles", q`
4096
4099
  .active\\:i-bg-\\$color-box-neutral-background-hover:active{background-color:var(--w-color-box-neutral-background-hover);}
4097
4100
  .active\\:i-bg-\\$color-button-negative-background-active\\!:active{background-color:var(--w-color-button-negative-background-active) !important;}
4098
4101
  .active\\:i-bg-\\$color-button-negative-quiet-background-active\\!:active{background-color:var(--w-color-button-negative-quiet-background-active) !important;}
4102
+ .active\\:i-bg-\\$color-button-pill-background-active:active{background-color:var(--w-color-button-pill-background-active);}
4099
4103
  .active\\:i-bg-\\$color-button-primary-background-active:active{background-color:var(--w-color-button-primary-background-active);}
4100
4104
  .active\\:i-bg-\\$color-button-quiet-background-active\\!:active{background-color:var(--w-color-button-quiet-background-active) !important;}
4101
4105
  .active\\:i-bg-\\$color-button-secondary-background-active:active{background-color:var(--w-color-button-secondary-background-active);}
@@ -4518,7 +4522,7 @@ function wt(r, o) {
4518
4522
  return r.flatMap((e) => [e, o]).slice(0, -1);
4519
4523
  }
4520
4524
  const mt = u`<span class=${co.separator} aria-hidden='true'>/</span>`;
4521
- class pr extends zo(k) {
4525
+ class pr extends zo(f) {
4522
4526
  constructor() {
4523
4527
  super(), this.ariaLabel = "Her er du";
4524
4528
  }
@@ -4700,6 +4704,7 @@ w(pr, "styles", q`
4700
4704
  .hover\\:i-bg-\\$color-combobox-option-background-hover:hover{background-color:var(--w-color-combobox-option-background-hover);}
4701
4705
  .hover\\:i-bg-\\$color-combobox-option-background-selected-hover:hover{background-color:var(--w-color-combobox-option-background-selected-hover);}
4702
4706
  .hover\\:i-bg-\\$color-expandable-background-hover:hover{background-color:var(--w-color-expandable-background-hover);}
4707
+ .hover\\:i-bg-\\$color-pageindicator-background-hover:hover{background-color:var(--w-color-pageindicator-background-hover);}
4703
4708
  .hover\\:i-bg-\\$color-pill-filter-background-hover:hover{background-color:var(--w-color-pill-filter-background-hover);}
4704
4709
  .hover\\:i-bg-\\$color-pill-suggestion-background-hover:hover{background-color:var(--w-color-pill-suggestion-background-hover);}
4705
4710
  .i-bg-\\$color-alert-info-background{background-color:var(--w-color-alert-info-background);}
@@ -4739,8 +4744,7 @@ w(pr, "styles", q`
4739
4744
  .i-bg-\\$color-input-background-disabled{background-color:var(--w-color-input-background-disabled);}
4740
4745
  .i-bg-\\$color-modal-background{background-color:var(--w-color-modal-background);}
4741
4746
  .i-bg-\\$color-pageindicator-background{background-color:var(--w-color-pageindicator-background);}
4742
- .i-bg-\\$color-pageindicator-background-active{background-color:var(--w-color-pageindicator-background-active);}
4743
- .i-bg-\\$color-pageindicator-background-hover{background-color:var(--w-color-pageindicator-background-hover);}
4747
+ .i-bg-\\$color-pageindicator-background-selected{background-color:var(--w-color-pageindicator-background-selected);}
4744
4748
  .i-bg-\\$color-pill-filter-background{background-color:var(--w-color-pill-filter-background);}
4745
4749
  .i-bg-\\$color-pill-suggestion-background{background-color:var(--w-color-pill-suggestion-background);}
4746
4750
  .i-bg-\\$color-popover-background{background-color:var(--w-color-popover-background);}
@@ -4780,6 +4784,7 @@ w(pr, "styles", q`
4780
4784
  .active\\:i-bg-\\$color-box-neutral-background-hover:active{background-color:var(--w-color-box-neutral-background-hover);}
4781
4785
  .active\\:i-bg-\\$color-button-negative-background-active\\!:active{background-color:var(--w-color-button-negative-background-active) !important;}
4782
4786
  .active\\:i-bg-\\$color-button-negative-quiet-background-active\\!:active{background-color:var(--w-color-button-negative-quiet-background-active) !important;}
4787
+ .active\\:i-bg-\\$color-button-pill-background-active:active{background-color:var(--w-color-button-pill-background-active);}
4783
4788
  .active\\:i-bg-\\$color-button-primary-background-active:active{background-color:var(--w-color-button-primary-background-active);}
4784
4789
  .active\\:i-bg-\\$color-button-quiet-background-active\\!:active{background-color:var(--w-color-button-quiet-background-active) !important;}
4785
4790
  .active\\:i-bg-\\$color-button-secondary-background-active:active{background-color:var(--w-color-button-secondary-background-active);}
@@ -5207,7 +5212,7 @@ const Ce = (r) => {
5207
5212
  r.style.transition = `height ${o}`, r.style.backfaceVisibility = "hidden", r.style.overflow = "hidden";
5208
5213
  }, xt = (r, o) => () => {
5209
5214
  r.style.height = "auto", r.style.overflow = null, o && o();
5210
- }, ft = (r) => () => {
5215
+ }, kt = (r) => () => {
5211
5216
  r && r();
5212
5217
  }, Ee = (r, o) => {
5213
5218
  const e = (() => {
@@ -5228,14 +5233,14 @@ const Ce = (r) => {
5228
5233
  return new Promise((c) => {
5229
5234
  o = c;
5230
5235
  });
5231
- })(), t = ft(o);
5236
+ })(), t = kt(o);
5232
5237
  Ce(r);
5233
5238
  let a = r.scrollHeight;
5234
5239
  if (Sr && requestAnimationFrame(() => {
5235
5240
  r.addEventListener("transitionend", t, { once: !0 }), r.style.height = a + "px", r.style.transitionTimingFunction = "ease-in", Se(r), requestAnimationFrame(() => r.style.height = "0px");
5236
5241
  }), e)
5237
5242
  return e;
5238
- }, kt = () => u`
5243
+ }, ft = () => u`
5239
5244
  <svg
5240
5245
  role="img"
5241
5246
  aria-label="Lukk"
@@ -5319,7 +5324,7 @@ const Ce = (r) => {
5319
5324
  error: "error",
5320
5325
  warning: "warning"
5321
5326
  };
5322
- class hr extends k {
5327
+ class hr extends f {
5323
5328
  constructor() {
5324
5329
  super(), this.id = Date.now().toString(36) + Math.random().toString(36).slice(2, 5), this.type = "success", this.text = "", this.canclose = !1;
5325
5330
  }
@@ -5392,7 +5397,7 @@ class hr extends k {
5392
5397
  </div>
5393
5398
  ${Co(
5394
5399
  this.canclose === !0,
5395
- () => u`<button class="${S.close}" @click="${this.close}">${kt()}</button>`
5400
+ () => u`<button class="${S.close}" @click="${this.close}">${ft()}</button>`
5396
5401
  )}
5397
5402
  </div>
5398
5403
  </section>` : u``;
@@ -5555,6 +5560,7 @@ w(hr, "styles", [
5555
5560
  .hover\\:i-bg-\\$color-combobox-option-background-hover:hover{background-color:var(--w-color-combobox-option-background-hover);}
5556
5561
  .hover\\:i-bg-\\$color-combobox-option-background-selected-hover:hover{background-color:var(--w-color-combobox-option-background-selected-hover);}
5557
5562
  .hover\\:i-bg-\\$color-expandable-background-hover:hover{background-color:var(--w-color-expandable-background-hover);}
5563
+ .hover\\:i-bg-\\$color-pageindicator-background-hover:hover{background-color:var(--w-color-pageindicator-background-hover);}
5558
5564
  .hover\\:i-bg-\\$color-pill-filter-background-hover:hover{background-color:var(--w-color-pill-filter-background-hover);}
5559
5565
  .hover\\:i-bg-\\$color-pill-suggestion-background-hover:hover{background-color:var(--w-color-pill-suggestion-background-hover);}
5560
5566
  .i-bg-\\$color-alert-info-background{background-color:var(--w-color-alert-info-background);}
@@ -5594,8 +5600,7 @@ w(hr, "styles", [
5594
5600
  .i-bg-\\$color-input-background-disabled{background-color:var(--w-color-input-background-disabled);}
5595
5601
  .i-bg-\\$color-modal-background{background-color:var(--w-color-modal-background);}
5596
5602
  .i-bg-\\$color-pageindicator-background{background-color:var(--w-color-pageindicator-background);}
5597
- .i-bg-\\$color-pageindicator-background-active{background-color:var(--w-color-pageindicator-background-active);}
5598
- .i-bg-\\$color-pageindicator-background-hover{background-color:var(--w-color-pageindicator-background-hover);}
5603
+ .i-bg-\\$color-pageindicator-background-selected{background-color:var(--w-color-pageindicator-background-selected);}
5599
5604
  .i-bg-\\$color-pill-filter-background{background-color:var(--w-color-pill-filter-background);}
5600
5605
  .i-bg-\\$color-pill-suggestion-background{background-color:var(--w-color-pill-suggestion-background);}
5601
5606
  .i-bg-\\$color-popover-background{background-color:var(--w-color-popover-background);}
@@ -5635,6 +5640,7 @@ w(hr, "styles", [
5635
5640
  .active\\:i-bg-\\$color-box-neutral-background-hover:active{background-color:var(--w-color-box-neutral-background-hover);}
5636
5641
  .active\\:i-bg-\\$color-button-negative-background-active\\!:active{background-color:var(--w-color-button-negative-background-active) !important;}
5637
5642
  .active\\:i-bg-\\$color-button-negative-quiet-background-active\\!:active{background-color:var(--w-color-button-negative-quiet-background-active) !important;}
5643
+ .active\\:i-bg-\\$color-button-pill-background-active:active{background-color:var(--w-color-button-pill-background-active);}
5638
5644
  .active\\:i-bg-\\$color-button-primary-background-active:active{background-color:var(--w-color-button-primary-background-active);}
5639
5645
  .active\\:i-bg-\\$color-button-quiet-background-active\\!:active{background-color:var(--w-color-button-quiet-background-active) !important;}
5640
5646
  .active\\:i-bg-\\$color-button-secondary-background-active:active{background-color:var(--w-color-button-secondary-background-active);}
@@ -6163,7 +6169,7 @@ const oe = (r, o, e) => {
6163
6169
  return this.ht = l, At(r, n), N;
6164
6170
  }
6165
6171
  });
6166
- class wr extends k {
6172
+ class wr extends f {
6167
6173
  constructor() {
6168
6174
  super(), this._toasts = /* @__PURE__ */ new Map();
6169
6175
  }
@@ -6414,6 +6420,7 @@ w(wr, "styles", [
6414
6420
  .hover\\:i-bg-\\$color-combobox-option-background-hover:hover{background-color:var(--w-color-combobox-option-background-hover);}
6415
6421
  .hover\\:i-bg-\\$color-combobox-option-background-selected-hover:hover{background-color:var(--w-color-combobox-option-background-selected-hover);}
6416
6422
  .hover\\:i-bg-\\$color-expandable-background-hover:hover{background-color:var(--w-color-expandable-background-hover);}
6423
+ .hover\\:i-bg-\\$color-pageindicator-background-hover:hover{background-color:var(--w-color-pageindicator-background-hover);}
6417
6424
  .hover\\:i-bg-\\$color-pill-filter-background-hover:hover{background-color:var(--w-color-pill-filter-background-hover);}
6418
6425
  .hover\\:i-bg-\\$color-pill-suggestion-background-hover:hover{background-color:var(--w-color-pill-suggestion-background-hover);}
6419
6426
  .i-bg-\\$color-alert-info-background{background-color:var(--w-color-alert-info-background);}
@@ -6453,8 +6460,7 @@ w(wr, "styles", [
6453
6460
  .i-bg-\\$color-input-background-disabled{background-color:var(--w-color-input-background-disabled);}
6454
6461
  .i-bg-\\$color-modal-background{background-color:var(--w-color-modal-background);}
6455
6462
  .i-bg-\\$color-pageindicator-background{background-color:var(--w-color-pageindicator-background);}
6456
- .i-bg-\\$color-pageindicator-background-active{background-color:var(--w-color-pageindicator-background-active);}
6457
- .i-bg-\\$color-pageindicator-background-hover{background-color:var(--w-color-pageindicator-background-hover);}
6463
+ .i-bg-\\$color-pageindicator-background-selected{background-color:var(--w-color-pageindicator-background-selected);}
6458
6464
  .i-bg-\\$color-pill-filter-background{background-color:var(--w-color-pill-filter-background);}
6459
6465
  .i-bg-\\$color-pill-suggestion-background{background-color:var(--w-color-pill-suggestion-background);}
6460
6466
  .i-bg-\\$color-popover-background{background-color:var(--w-color-popover-background);}
@@ -6494,6 +6500,7 @@ w(wr, "styles", [
6494
6500
  .active\\:i-bg-\\$color-box-neutral-background-hover:active{background-color:var(--w-color-box-neutral-background-hover);}
6495
6501
  .active\\:i-bg-\\$color-button-negative-background-active\\!:active{background-color:var(--w-color-button-negative-background-active) !important;}
6496
6502
  .active\\:i-bg-\\$color-button-negative-quiet-background-active\\!:active{background-color:var(--w-color-button-negative-quiet-background-active) !important;}
6503
+ .active\\:i-bg-\\$color-button-pill-background-active:active{background-color:var(--w-color-button-pill-background-active);}
6497
6504
  .active\\:i-bg-\\$color-button-primary-background-active:active{background-color:var(--w-color-button-primary-background-active);}
6498
6505
  .active\\:i-bg-\\$color-button-quiet-background-active\\!:active{background-color:var(--w-color-button-quiet-background-active) !important;}
6499
6506
  .active\\:i-bg-\\$color-button-secondary-background-active:active{background-color:var(--w-color-button-secondary-background-active);}
@@ -6912,8 +6919,9 @@ w(wr, "styles", [
6912
6919
  _toasts: { state: !0 }
6913
6920
  });
6914
6921
  customElements.get("w-toast-container") || customElements.define("w-toast-container", wr);
6922
+ const ko = typeof window < "u";
6915
6923
  function ga(r, o) {
6916
- if (!fo)
6924
+ if (!ko)
6917
6925
  return;
6918
6926
  const e = customElements.get("w-toast-container").init(), t = {
6919
6927
  id: Date.now().toString(36) + Math.random().toString(36).slice(2, 5),
@@ -6925,24 +6933,24 @@ function ga(r, o) {
6925
6933
  return e.set(t), t;
6926
6934
  }
6927
6935
  function ua(r) {
6928
- return fo ? customElements.get("w-toast-container").init().del(r) : void 0;
6936
+ return ko ? customElements.get("w-toast-container").init().del(r) : void 0;
6929
6937
  }
6930
6938
  function va(r, o) {
6931
- if (!fo)
6939
+ if (!ko)
6932
6940
  return;
6933
6941
  const e = customElements.get("w-toast-container").init();
6934
6942
  return e.set({ ...e.get(r), ...o }), e.get(r);
6935
6943
  }
6936
- class mr extends k {
6944
+ class mr extends f {
6937
6945
  constructor() {
6938
- super(), this._messages = [], this.interval = 3e4, this._hiddenMessageIds = [], this.url = fo ? window.location.href : "";
6946
+ super(), this._messages = [], this.interval = 3e4, this._hiddenMessageIds = [], this.url = ko ? window.location.href : "";
6939
6947
  }
6940
6948
  async connectedCallback() {
6941
6949
  if (super.connectedCallback(), !this.api) {
6942
6950
  console.error('Broadcast "api" attribute invalid or undefined');
6943
6951
  return;
6944
6952
  }
6945
- fo && (await this._fetchMessage(), setInterval(() => this._fetchMessage(), this.interval));
6953
+ ko && (await this._fetchMessage(), setInterval(() => this._fetchMessage(), this.interval));
6946
6954
  }
6947
6955
  async _fetchMessage() {
6948
6956
  const o = `${this.api}?path=${this.url}`;
@@ -7149,6 +7157,7 @@ w(mr, "properties", {
7149
7157
  .hover\\:i-bg-\\$color-combobox-option-background-hover:hover{background-color:var(--w-color-combobox-option-background-hover);}
7150
7158
  .hover\\:i-bg-\\$color-combobox-option-background-selected-hover:hover{background-color:var(--w-color-combobox-option-background-selected-hover);}
7151
7159
  .hover\\:i-bg-\\$color-expandable-background-hover:hover{background-color:var(--w-color-expandable-background-hover);}
7160
+ .hover\\:i-bg-\\$color-pageindicator-background-hover:hover{background-color:var(--w-color-pageindicator-background-hover);}
7152
7161
  .hover\\:i-bg-\\$color-pill-filter-background-hover:hover{background-color:var(--w-color-pill-filter-background-hover);}
7153
7162
  .hover\\:i-bg-\\$color-pill-suggestion-background-hover:hover{background-color:var(--w-color-pill-suggestion-background-hover);}
7154
7163
  .i-bg-\\$color-alert-info-background{background-color:var(--w-color-alert-info-background);}
@@ -7188,8 +7197,7 @@ w(mr, "properties", {
7188
7197
  .i-bg-\\$color-input-background-disabled{background-color:var(--w-color-input-background-disabled);}
7189
7198
  .i-bg-\\$color-modal-background{background-color:var(--w-color-modal-background);}
7190
7199
  .i-bg-\\$color-pageindicator-background{background-color:var(--w-color-pageindicator-background);}
7191
- .i-bg-\\$color-pageindicator-background-active{background-color:var(--w-color-pageindicator-background-active);}
7192
- .i-bg-\\$color-pageindicator-background-hover{background-color:var(--w-color-pageindicator-background-hover);}
7200
+ .i-bg-\\$color-pageindicator-background-selected{background-color:var(--w-color-pageindicator-background-selected);}
7193
7201
  .i-bg-\\$color-pill-filter-background{background-color:var(--w-color-pill-filter-background);}
7194
7202
  .i-bg-\\$color-pill-suggestion-background{background-color:var(--w-color-pill-suggestion-background);}
7195
7203
  .i-bg-\\$color-popover-background{background-color:var(--w-color-popover-background);}
@@ -7229,6 +7237,7 @@ w(mr, "properties", {
7229
7237
  .active\\:i-bg-\\$color-box-neutral-background-hover:active{background-color:var(--w-color-box-neutral-background-hover);}
7230
7238
  .active\\:i-bg-\\$color-button-negative-background-active\\!:active{background-color:var(--w-color-button-negative-background-active) !important;}
7231
7239
  .active\\:i-bg-\\$color-button-negative-quiet-background-active\\!:active{background-color:var(--w-color-button-negative-quiet-background-active) !important;}
7240
+ .active\\:i-bg-\\$color-button-pill-background-active:active{background-color:var(--w-color-button-pill-background-active);}
7232
7241
  .active\\:i-bg-\\$color-button-primary-background-active:active{background-color:var(--w-color-button-primary-background-active);}
7233
7242
  .active\\:i-bg-\\$color-button-quiet-background-active\\!:active{background-color:var(--w-color-button-quiet-background-active) !important;}
7234
7243
  .active\\:i-bg-\\$color-button-secondary-background-active:active{background-color:var(--w-color-button-secondary-background-active);}
@@ -7886,7 +7895,7 @@ function Oe(r) {
7886
7895
  function ce(r) {
7887
7896
  return L(r) && getComputedStyle(r).position !== "fixed" ? r.offsetParent : null;
7888
7897
  }
7889
- function fr(r) {
7898
+ function kr(r) {
7890
7899
  const o = I(r);
7891
7900
  let e = ce(r);
7892
7901
  for (; e && Dt(e) && getComputedStyle(e).position === "static"; )
@@ -7939,7 +7948,7 @@ function le(r, o, e) {
7939
7948
  }(H(r)));
7940
7949
  }
7941
7950
  function Ft(r) {
7942
- const o = De(r), e = ["absolute", "fixed"].includes(Xo(r).position) && L(r) ? fr(r) : r;
7951
+ const o = De(r), e = ["absolute", "fixed"].includes(Xo(r).position) && L(r) ? kr(r) : r;
7943
7952
  return bo(e) ? o.filter((t) => bo(t) && function(a, c) {
7944
7953
  const i = c.getRootNode == null ? void 0 : c.getRootNode();
7945
7954
  if (a.contains(c))
@@ -7974,25 +7983,25 @@ const Vt = { getClippingRect: function(r) {
7974
7983
  l.x = d.x + e.clientLeft, l.y = d.y + e.clientTop;
7975
7984
  }
7976
7985
  return { ...o, x: o.x - i.scrollLeft + l.x, y: o.y - i.scrollTop + l.y };
7977
- }, isElement: bo, getDimensions: ie, getOffsetParent: fr, getDocumentElement: H, getElementRects: (r) => {
7986
+ }, isElement: bo, getDimensions: ie, getOffsetParent: kr, getDocumentElement: H, getElementRects: (r) => {
7978
7987
  let { reference: o, floating: e, strategy: t } = r;
7979
- return { reference: Ut(o, fr(e), t), floating: { ...ie(e), x: 0, y: 0 } };
7980
- }, getClientRects: (r) => Array.from(r.getClientRects()), isRTL: (r) => Xo(r).direction === "rtl" }, Wt = (r, o, e) => St(r, o, { platform: Vt, ...e }), ko = "top", $o = "bottom", Io = "left", Oo = "right", lr = {
7981
- [ko]: $o,
7982
- [$o]: ko,
7988
+ return { reference: Ut(o, kr(e), t), floating: { ...ie(e), x: 0, y: 0 } };
7989
+ }, getClientRects: (r) => Array.from(r.getClientRects()), isRTL: (r) => Xo(r).direction === "rtl" }, Wt = (r, o, e) => St(r, o, { platform: Vt, ...e }), fo = "top", $o = "bottom", Io = "left", Oo = "right", lr = {
7990
+ [fo]: $o,
7991
+ [$o]: fo,
7983
7992
  [Io]: Oo,
7984
7993
  [Oo]: Io
7985
7994
  }, Gt = {
7986
- [ko]: "↑",
7995
+ [fo]: "↑",
7987
7996
  [$o]: "↓",
7988
7997
  [Io]: "←",
7989
7998
  [Oo]: "→"
7990
7999
  }, Jt = {
7991
8000
  [Io]: -45,
7992
- [ko]: 45,
8001
+ [fo]: 45,
7993
8002
  [Oo]: 135,
7994
8003
  [$o]: -135
7995
- }, de = "calc(50% - 7px)", Kt = (r) => [ko, $o].includes(r);
8004
+ }, de = "calc(50% - 7px)", Kt = (r) => [fo, $o].includes(r);
7996
8005
  function Qt({ actualDirection: r, directionName: o, arrowEl: e }) {
7997
8006
  if (!e)
7998
8007
  return;
@@ -8026,7 +8035,7 @@ async function oa(r) {
8026
8035
  let { x: e, y: t } = o.middlewareData.arrow;
8027
8036
  r.arrowEl && (r.arrowEl.style.left = e ? e + "px" : "", r.arrowEl.style.top = t ? t + "px" : "");
8028
8037
  }
8029
- class kr extends zo(k) {
8038
+ class fr extends zo(f) {
8030
8039
  constructor() {
8031
8040
  super(), this.show = !1, this.tooltip = !1, this.callout = !1, this.popover = !1, this.noArrow = !1;
8032
8041
  }
@@ -8131,7 +8140,7 @@ ${JSON.stringify(
8131
8140
  `;
8132
8141
  }
8133
8142
  }
8134
- w(kr, "properties", {
8143
+ w(fr, "properties", {
8135
8144
  // Whether Attention element should be visible.
8136
8145
  show: { type: Boolean, reflect: !0 },
8137
8146
  // Placement according to the target element
@@ -8145,7 +8154,7 @@ w(kr, "properties", {
8145
8154
  popover: { type: Boolean, reflect: !0 },
8146
8155
  // Render Attention element without an arrow
8147
8156
  noArrow: { type: Boolean, reflect: !0 }
8148
- }), w(kr, "styles", [
8157
+ }), w(fr, "styles", [
8149
8158
  q`
8150
8159
  /* layer: preflights */
8151
8160
  *,::before,::after{--w-rotate:0;--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-scale-x:1;--w-scale-y:1;--w-scale-z:1;--w-skew-x:0;--w-skew-y:0;--w-translate-x:0;--w-translate-y:0;--w-translate-z:0;}
@@ -8302,6 +8311,7 @@ w(kr, "properties", {
8302
8311
  .hover\\:i-bg-\\$color-combobox-option-background-hover:hover{background-color:var(--w-color-combobox-option-background-hover);}
8303
8312
  .hover\\:i-bg-\\$color-combobox-option-background-selected-hover:hover{background-color:var(--w-color-combobox-option-background-selected-hover);}
8304
8313
  .hover\\:i-bg-\\$color-expandable-background-hover:hover{background-color:var(--w-color-expandable-background-hover);}
8314
+ .hover\\:i-bg-\\$color-pageindicator-background-hover:hover{background-color:var(--w-color-pageindicator-background-hover);}
8305
8315
  .hover\\:i-bg-\\$color-pill-filter-background-hover:hover{background-color:var(--w-color-pill-filter-background-hover);}
8306
8316
  .hover\\:i-bg-\\$color-pill-suggestion-background-hover:hover{background-color:var(--w-color-pill-suggestion-background-hover);}
8307
8317
  .i-bg-\\$color-alert-info-background{background-color:var(--w-color-alert-info-background);}
@@ -8341,8 +8351,7 @@ w(kr, "properties", {
8341
8351
  .i-bg-\\$color-input-background-disabled{background-color:var(--w-color-input-background-disabled);}
8342
8352
  .i-bg-\\$color-modal-background{background-color:var(--w-color-modal-background);}
8343
8353
  .i-bg-\\$color-pageindicator-background{background-color:var(--w-color-pageindicator-background);}
8344
- .i-bg-\\$color-pageindicator-background-active{background-color:var(--w-color-pageindicator-background-active);}
8345
- .i-bg-\\$color-pageindicator-background-hover{background-color:var(--w-color-pageindicator-background-hover);}
8354
+ .i-bg-\\$color-pageindicator-background-selected{background-color:var(--w-color-pageindicator-background-selected);}
8346
8355
  .i-bg-\\$color-pill-filter-background{background-color:var(--w-color-pill-filter-background);}
8347
8356
  .i-bg-\\$color-pill-suggestion-background{background-color:var(--w-color-pill-suggestion-background);}
8348
8357
  .i-bg-\\$color-popover-background{background-color:var(--w-color-popover-background);}
@@ -8382,6 +8391,7 @@ w(kr, "properties", {
8382
8391
  .active\\:i-bg-\\$color-box-neutral-background-hover:active{background-color:var(--w-color-box-neutral-background-hover);}
8383
8392
  .active\\:i-bg-\\$color-button-negative-background-active\\!:active{background-color:var(--w-color-button-negative-background-active) !important;}
8384
8393
  .active\\:i-bg-\\$color-button-negative-quiet-background-active\\!:active{background-color:var(--w-color-button-negative-quiet-background-active) !important;}
8394
+ .active\\:i-bg-\\$color-button-pill-background-active:active{background-color:var(--w-color-button-pill-background-active);}
8385
8395
  .active\\:i-bg-\\$color-button-primary-background-active:active{background-color:var(--w-color-button-primary-background-active);}
8386
8396
  .active\\:i-bg-\\$color-button-quiet-background-active\\!:active{background-color:var(--w-color-button-quiet-background-active) !important;}
8387
8397
  .active\\:i-bg-\\$color-button-secondary-background-active:active{background-color:var(--w-color-button-secondary-background-active);}
@@ -8805,8 +8815,8 @@ w(kr, "properties", {
8805
8815
  }
8806
8816
  `
8807
8817
  ]);
8808
- customElements.get("w-attention") || customElements.define("w-attention", kr);
8809
- class $r extends k {
8818
+ customElements.get("w-attention") || customElements.define("w-attention", fr);
8819
+ class $r extends f {
8810
8820
  constructor() {
8811
8821
  super(), this.type = "text";
8812
8822
  }
@@ -9078,6 +9088,7 @@ w($r, "styles", [
9078
9088
  .hover\\:i-bg-\\$color-combobox-option-background-hover:hover{background-color:var(--w-color-combobox-option-background-hover);}
9079
9089
  .hover\\:i-bg-\\$color-combobox-option-background-selected-hover:hover{background-color:var(--w-color-combobox-option-background-selected-hover);}
9080
9090
  .hover\\:i-bg-\\$color-expandable-background-hover:hover{background-color:var(--w-color-expandable-background-hover);}
9091
+ .hover\\:i-bg-\\$color-pageindicator-background-hover:hover{background-color:var(--w-color-pageindicator-background-hover);}
9081
9092
  .hover\\:i-bg-\\$color-pill-filter-background-hover:hover{background-color:var(--w-color-pill-filter-background-hover);}
9082
9093
  .hover\\:i-bg-\\$color-pill-suggestion-background-hover:hover{background-color:var(--w-color-pill-suggestion-background-hover);}
9083
9094
  .i-bg-\\$color-alert-info-background{background-color:var(--w-color-alert-info-background);}
@@ -9117,8 +9128,7 @@ w($r, "styles", [
9117
9128
  .i-bg-\\$color-input-background-disabled{background-color:var(--w-color-input-background-disabled);}
9118
9129
  .i-bg-\\$color-modal-background{background-color:var(--w-color-modal-background);}
9119
9130
  .i-bg-\\$color-pageindicator-background{background-color:var(--w-color-pageindicator-background);}
9120
- .i-bg-\\$color-pageindicator-background-active{background-color:var(--w-color-pageindicator-background-active);}
9121
- .i-bg-\\$color-pageindicator-background-hover{background-color:var(--w-color-pageindicator-background-hover);}
9131
+ .i-bg-\\$color-pageindicator-background-selected{background-color:var(--w-color-pageindicator-background-selected);}
9122
9132
  .i-bg-\\$color-pill-filter-background{background-color:var(--w-color-pill-filter-background);}
9123
9133
  .i-bg-\\$color-pill-suggestion-background{background-color:var(--w-color-pill-suggestion-background);}
9124
9134
  .i-bg-\\$color-popover-background{background-color:var(--w-color-popover-background);}
@@ -9158,6 +9168,7 @@ w($r, "styles", [
9158
9168
  .active\\:i-bg-\\$color-box-neutral-background-hover:active{background-color:var(--w-color-box-neutral-background-hover);}
9159
9169
  .active\\:i-bg-\\$color-button-negative-background-active\\!:active{background-color:var(--w-color-button-negative-background-active) !important;}
9160
9170
  .active\\:i-bg-\\$color-button-negative-quiet-background-active\\!:active{background-color:var(--w-color-button-negative-quiet-background-active) !important;}
9171
+ .active\\:i-bg-\\$color-button-pill-background-active:active{background-color:var(--w-color-button-pill-background-active);}
9161
9172
  .active\\:i-bg-\\$color-button-primary-background-active:active{background-color:var(--w-color-button-primary-background-active);}
9162
9173
  .active\\:i-bg-\\$color-button-quiet-background-active\\!:active{background-color:var(--w-color-button-quiet-background-active) !important;}
9163
9174
  .active\\:i-bg-\\$color-button-secondary-background-active:active{background-color:var(--w-color-button-secondary-background-active);}
@@ -9577,13 +9588,13 @@ w($r, "styles", [
9577
9588
  `
9578
9589
  ]);
9579
9590
  customElements.get("w-textfield") || customElements.define("w-textfield", $r);
9580
- class ne extends k {
9591
+ class ne extends f {
9581
9592
  render() {
9582
9593
  return u`<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M2.5 5.5 8 11l5.5-5.5"></path></svg>`;
9583
9594
  }
9584
9595
  }
9585
9596
  customElements.get("f-icon-chevron-down16", ne) || customElements.define("f-icon-chevron-down16", ne);
9586
- class yr extends zo(k) {
9597
+ class yr extends zo(f) {
9587
9598
  constructor() {
9588
9599
  super(), this.expanded = !1, this.animated = !1, this.info = !1, this.box = !1, this.bleed = !1, this.noChevron = !1, this._hasTitle = !0;
9589
9600
  }
@@ -9822,6 +9833,7 @@ w(yr, "styles", [
9822
9833
  .hover\\:i-bg-\\$color-combobox-option-background-hover:hover{background-color:var(--w-color-combobox-option-background-hover);}
9823
9834
  .hover\\:i-bg-\\$color-combobox-option-background-selected-hover:hover{background-color:var(--w-color-combobox-option-background-selected-hover);}
9824
9835
  .hover\\:i-bg-\\$color-expandable-background-hover:hover{background-color:var(--w-color-expandable-background-hover);}
9836
+ .hover\\:i-bg-\\$color-pageindicator-background-hover:hover{background-color:var(--w-color-pageindicator-background-hover);}
9825
9837
  .hover\\:i-bg-\\$color-pill-filter-background-hover:hover{background-color:var(--w-color-pill-filter-background-hover);}
9826
9838
  .hover\\:i-bg-\\$color-pill-suggestion-background-hover:hover{background-color:var(--w-color-pill-suggestion-background-hover);}
9827
9839
  .i-bg-\\$color-alert-info-background{background-color:var(--w-color-alert-info-background);}
@@ -9861,8 +9873,7 @@ w(yr, "styles", [
9861
9873
  .i-bg-\\$color-input-background-disabled{background-color:var(--w-color-input-background-disabled);}
9862
9874
  .i-bg-\\$color-modal-background{background-color:var(--w-color-modal-background);}
9863
9875
  .i-bg-\\$color-pageindicator-background{background-color:var(--w-color-pageindicator-background);}
9864
- .i-bg-\\$color-pageindicator-background-active{background-color:var(--w-color-pageindicator-background-active);}
9865
- .i-bg-\\$color-pageindicator-background-hover{background-color:var(--w-color-pageindicator-background-hover);}
9876
+ .i-bg-\\$color-pageindicator-background-selected{background-color:var(--w-color-pageindicator-background-selected);}
9866
9877
  .i-bg-\\$color-pill-filter-background{background-color:var(--w-color-pill-filter-background);}
9867
9878
  .i-bg-\\$color-pill-suggestion-background{background-color:var(--w-color-pill-suggestion-background);}
9868
9879
  .i-bg-\\$color-popover-background{background-color:var(--w-color-popover-background);}
@@ -9902,6 +9913,7 @@ w(yr, "styles", [
9902
9913
  .active\\:i-bg-\\$color-box-neutral-background-hover:active{background-color:var(--w-color-box-neutral-background-hover);}
9903
9914
  .active\\:i-bg-\\$color-button-negative-background-active\\!:active{background-color:var(--w-color-button-negative-background-active) !important;}
9904
9915
  .active\\:i-bg-\\$color-button-negative-quiet-background-active\\!:active{background-color:var(--w-color-button-negative-quiet-background-active) !important;}
9916
+ .active\\:i-bg-\\$color-button-pill-background-active:active{background-color:var(--w-color-button-pill-background-active);}
9905
9917
  .active\\:i-bg-\\$color-button-primary-background-active:active{background-color:var(--w-color-button-primary-background-active);}
9906
9918
  .active\\:i-bg-\\$color-button-quiet-background-active\\!:active{background-color:var(--w-color-button-quiet-background-active) !important;}
9907
9919
  .active\\:i-bg-\\$color-button-secondary-background-active:active{background-color:var(--w-color-button-secondary-background-active);}
@@ -10364,7 +10376,7 @@ const ra = u`
10364
10376
  </defs>
10365
10377
  </svg>
10366
10378
  `;
10367
- class zr extends k {
10379
+ class zr extends f {
10368
10380
  get _classBase() {
10369
10381
  return this.slot === "suffix" ? ct : it;
10370
10382
  }
@@ -10564,6 +10576,7 @@ w(zr, "styles", q`
10564
10576
  .hover\\:i-bg-\\$color-combobox-option-background-hover:hover{background-color:var(--w-color-combobox-option-background-hover);}
10565
10577
  .hover\\:i-bg-\\$color-combobox-option-background-selected-hover:hover{background-color:var(--w-color-combobox-option-background-selected-hover);}
10566
10578
  .hover\\:i-bg-\\$color-expandable-background-hover:hover{background-color:var(--w-color-expandable-background-hover);}
10579
+ .hover\\:i-bg-\\$color-pageindicator-background-hover:hover{background-color:var(--w-color-pageindicator-background-hover);}
10567
10580
  .hover\\:i-bg-\\$color-pill-filter-background-hover:hover{background-color:var(--w-color-pill-filter-background-hover);}
10568
10581
  .hover\\:i-bg-\\$color-pill-suggestion-background-hover:hover{background-color:var(--w-color-pill-suggestion-background-hover);}
10569
10582
  .i-bg-\\$color-alert-info-background{background-color:var(--w-color-alert-info-background);}
@@ -10603,8 +10616,7 @@ w(zr, "styles", q`
10603
10616
  .i-bg-\\$color-input-background-disabled{background-color:var(--w-color-input-background-disabled);}
10604
10617
  .i-bg-\\$color-modal-background{background-color:var(--w-color-modal-background);}
10605
10618
  .i-bg-\\$color-pageindicator-background{background-color:var(--w-color-pageindicator-background);}
10606
- .i-bg-\\$color-pageindicator-background-active{background-color:var(--w-color-pageindicator-background-active);}
10607
- .i-bg-\\$color-pageindicator-background-hover{background-color:var(--w-color-pageindicator-background-hover);}
10619
+ .i-bg-\\$color-pageindicator-background-selected{background-color:var(--w-color-pageindicator-background-selected);}
10608
10620
  .i-bg-\\$color-pill-filter-background{background-color:var(--w-color-pill-filter-background);}
10609
10621
  .i-bg-\\$color-pill-suggestion-background{background-color:var(--w-color-pill-suggestion-background);}
10610
10622
  .i-bg-\\$color-popover-background{background-color:var(--w-color-popover-background);}
@@ -10644,6 +10656,7 @@ w(zr, "styles", q`
10644
10656
  .active\\:i-bg-\\$color-box-neutral-background-hover:active{background-color:var(--w-color-box-neutral-background-hover);}
10645
10657
  .active\\:i-bg-\\$color-button-negative-background-active\\!:active{background-color:var(--w-color-button-negative-background-active) !important;}
10646
10658
  .active\\:i-bg-\\$color-button-negative-quiet-background-active\\!:active{background-color:var(--w-color-button-negative-quiet-background-active) !important;}
10659
+ .active\\:i-bg-\\$color-button-pill-background-active:active{background-color:var(--w-color-button-pill-background-active);}
10647
10660
  .active\\:i-bg-\\$color-button-primary-background-active:active{background-color:var(--w-color-button-primary-background-active);}
10648
10661
  .active\\:i-bg-\\$color-button-quiet-background-active\\!:active{background-color:var(--w-color-button-quiet-background-active) !important;}
10649
10662
  .active\\:i-bg-\\$color-button-secondary-background-active:active{background-color:var(--w-color-button-secondary-background-active);}
@@ -11062,9 +11075,10 @@ w(zr, "styles", q`
11062
11075
  });
11063
11076
  customElements.get("w-affix") || customElements.define("w-affix", zr);
11064
11077
  const Ue = q`
11065
- @import "https://assets.finn.no/pkg/@warp-ds/css/1.0.0-alpha.33/tokens/finn-no.css";
11078
+ @import "https://assets.finn.no/pkg/@warp-ds/fonts/v1/finn-no.css";
11079
+ @import "https://assets.finn.no/pkg/@warp-ds/css/1.0.0-alpha.37/tokens/finn-no.css";
11066
11080
  `;
11067
- class _r extends k {
11081
+ class _r extends f {
11068
11082
  constructor() {
11069
11083
  super(), this.show = !1, this._mounted = !1, this._removeElement = !1;
11070
11084
  }
@@ -11253,6 +11267,7 @@ w(_r, "properties", {
11253
11267
  .hover\\:i-bg-\\$color-combobox-option-background-hover:hover{background-color:var(--w-color-combobox-option-background-hover);}
11254
11268
  .hover\\:i-bg-\\$color-combobox-option-background-selected-hover:hover{background-color:var(--w-color-combobox-option-background-selected-hover);}
11255
11269
  .hover\\:i-bg-\\$color-expandable-background-hover:hover{background-color:var(--w-color-expandable-background-hover);}
11270
+ .hover\\:i-bg-\\$color-pageindicator-background-hover:hover{background-color:var(--w-color-pageindicator-background-hover);}
11256
11271
  .hover\\:i-bg-\\$color-pill-filter-background-hover:hover{background-color:var(--w-color-pill-filter-background-hover);}
11257
11272
  .hover\\:i-bg-\\$color-pill-suggestion-background-hover:hover{background-color:var(--w-color-pill-suggestion-background-hover);}
11258
11273
  .i-bg-\\$color-alert-info-background{background-color:var(--w-color-alert-info-background);}
@@ -11292,8 +11307,7 @@ w(_r, "properties", {
11292
11307
  .i-bg-\\$color-input-background-disabled{background-color:var(--w-color-input-background-disabled);}
11293
11308
  .i-bg-\\$color-modal-background{background-color:var(--w-color-modal-background);}
11294
11309
  .i-bg-\\$color-pageindicator-background{background-color:var(--w-color-pageindicator-background);}
11295
- .i-bg-\\$color-pageindicator-background-active{background-color:var(--w-color-pageindicator-background-active);}
11296
- .i-bg-\\$color-pageindicator-background-hover{background-color:var(--w-color-pageindicator-background-hover);}
11310
+ .i-bg-\\$color-pageindicator-background-selected{background-color:var(--w-color-pageindicator-background-selected);}
11297
11311
  .i-bg-\\$color-pill-filter-background{background-color:var(--w-color-pill-filter-background);}
11298
11312
  .i-bg-\\$color-pill-suggestion-background{background-color:var(--w-color-pill-suggestion-background);}
11299
11313
  .i-bg-\\$color-popover-background{background-color:var(--w-color-popover-background);}
@@ -11333,6 +11347,7 @@ w(_r, "properties", {
11333
11347
  .active\\:i-bg-\\$color-box-neutral-background-hover:active{background-color:var(--w-color-box-neutral-background-hover);}
11334
11348
  .active\\:i-bg-\\$color-button-negative-background-active\\!:active{background-color:var(--w-color-button-negative-background-active) !important;}
11335
11349
  .active\\:i-bg-\\$color-button-negative-quiet-background-active\\!:active{background-color:var(--w-color-button-negative-quiet-background-active) !important;}
11350
+ .active\\:i-bg-\\$color-button-pill-background-active:active{background-color:var(--w-color-button-pill-background-active);}
11336
11351
  .active\\:i-bg-\\$color-button-primary-background-active:active{background-color:var(--w-color-button-primary-background-active);}
11337
11352
  .active\\:i-bg-\\$color-button-quiet-background-active\\!:active{background-color:var(--w-color-button-quiet-background-active) !important;}
11338
11353
  .active\\:i-bg-\\$color-button-secondary-background-active:active{background-color:var(--w-color-button-secondary-background-active);}
@@ -11749,7 +11764,7 @@ w(_r, "properties", {
11749
11764
  `
11750
11765
  ]);
11751
11766
  customElements.get("w-expand-transition") || customElements.define("w-expand-transition", _r);
11752
- class qr extends k {
11767
+ class qr extends f {
11753
11768
  get _markup() {
11754
11769
  return `<h${this.level}
11755
11770
  style="margin: 0; font-weight: unset; font-size: unset; line-height: unset;"
@@ -11920,6 +11935,7 @@ w(qr, "properties", {
11920
11935
  .hover\\:i-bg-\\$color-combobox-option-background-hover:hover{background-color:var(--w-color-combobox-option-background-hover);}
11921
11936
  .hover\\:i-bg-\\$color-combobox-option-background-selected-hover:hover{background-color:var(--w-color-combobox-option-background-selected-hover);}
11922
11937
  .hover\\:i-bg-\\$color-expandable-background-hover:hover{background-color:var(--w-color-expandable-background-hover);}
11938
+ .hover\\:i-bg-\\$color-pageindicator-background-hover:hover{background-color:var(--w-color-pageindicator-background-hover);}
11923
11939
  .hover\\:i-bg-\\$color-pill-filter-background-hover:hover{background-color:var(--w-color-pill-filter-background-hover);}
11924
11940
  .hover\\:i-bg-\\$color-pill-suggestion-background-hover:hover{background-color:var(--w-color-pill-suggestion-background-hover);}
11925
11941
  .i-bg-\\$color-alert-info-background{background-color:var(--w-color-alert-info-background);}
@@ -11959,8 +11975,7 @@ w(qr, "properties", {
11959
11975
  .i-bg-\\$color-input-background-disabled{background-color:var(--w-color-input-background-disabled);}
11960
11976
  .i-bg-\\$color-modal-background{background-color:var(--w-color-modal-background);}
11961
11977
  .i-bg-\\$color-pageindicator-background{background-color:var(--w-color-pageindicator-background);}
11962
- .i-bg-\\$color-pageindicator-background-active{background-color:var(--w-color-pageindicator-background-active);}
11963
- .i-bg-\\$color-pageindicator-background-hover{background-color:var(--w-color-pageindicator-background-hover);}
11978
+ .i-bg-\\$color-pageindicator-background-selected{background-color:var(--w-color-pageindicator-background-selected);}
11964
11979
  .i-bg-\\$color-pill-filter-background{background-color:var(--w-color-pill-filter-background);}
11965
11980
  .i-bg-\\$color-pill-suggestion-background{background-color:var(--w-color-pill-suggestion-background);}
11966
11981
  .i-bg-\\$color-popover-background{background-color:var(--w-color-popover-background);}
@@ -12000,6 +12015,7 @@ w(qr, "properties", {
12000
12015
  .active\\:i-bg-\\$color-box-neutral-background-hover:active{background-color:var(--w-color-box-neutral-background-hover);}
12001
12016
  .active\\:i-bg-\\$color-button-negative-background-active\\!:active{background-color:var(--w-color-button-negative-background-active) !important;}
12002
12017
  .active\\:i-bg-\\$color-button-negative-quiet-background-active\\!:active{background-color:var(--w-color-button-negative-quiet-background-active) !important;}
12018
+ .active\\:i-bg-\\$color-button-pill-background-active:active{background-color:var(--w-color-button-pill-background-active);}
12003
12019
  .active\\:i-bg-\\$color-button-primary-background-active:active{background-color:var(--w-color-button-primary-background-active);}
12004
12020
  .active\\:i-bg-\\$color-button-quiet-background-active\\!:active{background-color:var(--w-color-button-quiet-background-active) !important;}
12005
12021
  .active\\:i-bg-\\$color-button-secondary-background-active:active{background-color:var(--w-color-button-secondary-background-active);}
@@ -12417,7 +12433,7 @@ export {
12417
12433
  qr as UnstyledHeading,
12418
12434
  zr as WarpAffix,
12419
12435
  br as WarpAlert,
12420
- kr as WarpAttention,
12436
+ fr as WarpAttention,
12421
12437
  vr as WarpBox,
12422
12438
  pr as WarpBreadcrumbs,
12423
12439
  mr as WarpBroadcast,
package/dist/packages/utils/index.d.ts CHANGED
@@ -8,4 +8,3 @@ export function kebabCaseAttributes(constructor: any): {
8
8
  export function classes(defn: any): string;
9
9
  export function fclasses(definition: any): import(".pnpm/lit-html@2.7.5/node_modules/lit-html/directive").DirectiveResult<typeof import(".pnpm/lit-html@2.7.5/node_modules/lit-html/directives/class-map").ClassMapDirective>;
10
10
  export function generateRandomId(): string;
11
- export const windowExists: boolean;
package/dist/packages/utils/window-exists.d.ts ADDED
@@ -0,0 +1 @@
1
+ export const windowExists: boolean;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@warp-ds/elements",
3
3
  "type": "module",
4
- "version": "1.0.0-alpha.28",
4
+ "version": "1.0.0-alpha.29",
5
5
  "description": "Custom elements for Warp",
6
6
  "exports": {
7
7
  ".": "./dist/index.js",
@@ -73,7 +73,7 @@
73
73
  "@open-wc/testing": "3.2.0",
74
74
  "@warp-ds/core": "1.0.0",
75
75
  "@warp-ds/uno": "^1.0.0-alpha.60",
76
- "@warp-ds/css": "1.0.0-alpha.33",
76
+ "@warp-ds/css": "1.0.0-alpha.37",
77
77
  "glob": "8.1.0",
78
78
  "html-format": "1.1.2",
79
79
  "lit": "2.7.5"