@oslokommune/punkt-elements 19.18.2 → 19.18.4

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 (178) hide show
  1. package/CHANGELOG.md +21 -0
  2. package/dist/{accordion-gEzU_AQC.js → accordion-BHVzR-6Z.js} +3 -2
  3. package/dist/{accordion-Ea61u8Xj.cjs → accordion-Bg4CMrUM.cjs} +2 -2
  4. package/dist/alert-CBW94-ku.cjs +39 -0
  5. package/dist/{alert-B3ify6mt.js → alert-CdfTJcT2.js} +3 -2
  6. package/dist/{backlink-HF3DMgLc.js → backlink-D3rkJWkd.js} +1 -1
  7. package/dist/{backlink-CNRyH73A.cjs → backlink-GIyyoDoi.cjs} +1 -1
  8. package/dist/base-elements/input-element.d.ts +3 -0
  9. package/dist/{breadcrumbs-qyZMkJtA.js → breadcrumbs-B4WdX4QR.js} +1 -1
  10. package/dist/{breadcrumbs-YQ1orAK_.cjs → breadcrumbs-B7U57Zey.cjs} +1 -1
  11. package/dist/{button-DWXtPiAA.cjs → button-DdR_XzMY.cjs} +1 -1
  12. package/dist/{button-U4r2XSv4.js → button-DwcFG7bU.js} +1 -1
  13. package/dist/{calendar-C8maj_iv.js → calendar-DGOwyX3o.js} +1 -1
  14. package/dist/{calendar-4S_k7_KN.cjs → calendar-DcenMWOQ.cjs} +1 -1
  15. package/dist/{card-CS0OoVjJ.cjs → card-CizBnD59.cjs} +1 -1
  16. package/dist/{card-yxsQ563N.js → card-D4rpTD_e.js} +3 -2
  17. package/dist/{checkbox-Cj3S0xJE.cjs → checkbox-B8foyiOW.cjs} +1 -1
  18. package/dist/{checkbox-A5B82H0n.js → checkbox-D9-KugOh.js} +2 -1
  19. package/dist/{checkbox-group-AVOtCLSB.js → checkbox-group-BCtUOlZp.js} +2 -2
  20. package/dist/{checkbox-group-BFtLRclu.cjs → checkbox-group-C3CwgQIq.cjs} +1 -1
  21. package/dist/{combobox-rmrzvK3U.cjs → combobox-Bfe2p8d8.cjs} +1 -1
  22. package/dist/{combobox-CScZtqsn.js → combobox-CXdUSMaA.js} +4 -4
  23. package/dist/components/accordion/accordionitem.d.ts +1 -1
  24. package/dist/components/datepicker/datepicker-popup.d.ts +1 -0
  25. package/dist/components/header/header-chrome-controller.d.ts +5 -0
  26. package/dist/components/header/header-service.d.ts +1 -0
  27. package/dist/components/loader/loader.d.ts +3 -3
  28. package/dist/components/modal/modal.d.ts +2 -2
  29. package/dist/components/progressbar/progressbar.d.ts +1 -0
  30. package/dist/components/select/select.d.ts +3 -1
  31. package/dist/components/tag/tag.d.ts +3 -4
  32. package/dist/{consent-JoGVWIB7.js → consent-Chtz1yL0.js} +2 -1
  33. package/dist/consent-Dhh207Zz.cjs +18 -0
  34. package/dist/{datepicker-BOi60ruU.cjs → datepicker-CGpQOyQb.cjs} +3 -3
  35. package/dist/{datepicker-C8DQaZa8.js → datepicker-DQt_f4MP.js} +10 -7
  36. package/dist/{fileupload-Dov3DkmR.cjs → fileupload-BrDtkw2A.cjs} +1 -1
  37. package/dist/{fileupload-jSc9M2Ok.js → fileupload-_v5x0RrP.js} +7 -7
  38. package/dist/{footer-BOIVSL59.js → footer-D4R-9si6.js} +3 -2
  39. package/dist/{footer-MYZSMtmP.cjs → footer-QGnujLm9.cjs} +1 -1
  40. package/dist/{header-CecwTgso.cjs → header-BnyUkagz.cjs} +2 -2
  41. package/dist/{header-BCpCu0HP.js → header-CZUjgMNP.js} +19 -9
  42. package/dist/{header-menu-BEhnqxnw.js → header-menu-Bxuz8rw9.js} +3 -2
  43. package/dist/{header-menu-CkZjAxHb.cjs → header-menu-D9ErtEEq.cjs} +1 -1
  44. package/dist/{helptext-BXoDjtNs.js → helptext-BXryqHy5.js} +1 -1
  45. package/dist/{helptext-DPqzGQeD.cjs → helptext-KrtUyA7H.cjs} +1 -1
  46. package/dist/{icon-D3XT49vM.js → icon-BVSiUQSL.js} +1 -0
  47. package/dist/icon-BsRlhXU2.cjs +1 -0
  48. package/dist/input-element-D82laWtR.cjs +1 -0
  49. package/dist/{input-element-JH4qPly5.js → input-element-DczlJQb1.js} +12 -8
  50. package/dist/{input-wrapper-BttEKK9G.js → input-wrapper-7RSISZu6.js} +4 -3
  51. package/dist/{input-wrapper-Bekd6DGA.cjs → input-wrapper-DT9h0n2i.cjs} +1 -1
  52. package/dist/{link-Cb0ufHt0.js → link-DL4dZoI5.js} +1 -1
  53. package/dist/{link-UEoCDWe-.cjs → link-u69d_-Zh.cjs} +1 -1
  54. package/dist/{linkcard-Dmp8DOyg.cjs → linkcard-B6N7xChn.cjs} +1 -1
  55. package/dist/{linkcard-CD-tRZnz.js → linkcard-C_9NCgkD.js} +1 -1
  56. package/dist/{loader-B0p9ZrAa.js → loader-DJGAd8c-.js} +8 -8
  57. package/dist/{loader-nd4WUR88.cjs → loader-l7CLjzgI.cjs} +8 -8
  58. package/dist/{messagebox-B-DU7T5q.js → messagebox-V1Kszdop.js} +2 -1
  59. package/dist/{messagebox-Bx9jEw4V.cjs → messagebox-YkknrtEM.cjs} +1 -1
  60. package/dist/{modal-Cv0uz8iY.js → modal-BV77IiGH.js} +44 -46
  61. package/dist/{modal-SFoXzth5.cjs → modal-i8CzjbyX.cjs} +20 -22
  62. package/dist/option-group-element-BEGRouXw.cjs +23 -0
  63. package/dist/{option-group-element-16F2MJlO.js → option-group-element-CQViBzca.js} +2 -1
  64. package/dist/pkt-accordion.cjs +1 -1
  65. package/dist/pkt-accordion.js +1 -1
  66. package/dist/pkt-alert.cjs +1 -1
  67. package/dist/pkt-alert.js +1 -1
  68. package/dist/pkt-backlink.cjs +1 -1
  69. package/dist/pkt-backlink.js +1 -1
  70. package/dist/pkt-breadcrumbs.cjs +1 -1
  71. package/dist/pkt-breadcrumbs.js +1 -1
  72. package/dist/pkt-button.cjs +1 -1
  73. package/dist/pkt-button.js +1 -1
  74. package/dist/pkt-calendar.cjs +1 -1
  75. package/dist/pkt-calendar.js +1 -1
  76. package/dist/pkt-card.cjs +1 -1
  77. package/dist/pkt-card.js +1 -1
  78. package/dist/pkt-checkbox-group.cjs +1 -1
  79. package/dist/pkt-checkbox-group.js +1 -1
  80. package/dist/pkt-checkbox.cjs +1 -1
  81. package/dist/pkt-checkbox.js +1 -1
  82. package/dist/pkt-combobox.cjs +1 -1
  83. package/dist/pkt-combobox.js +1 -1
  84. package/dist/pkt-consent.cjs +1 -1
  85. package/dist/pkt-consent.js +1 -1
  86. package/dist/pkt-datepicker.cjs +1 -1
  87. package/dist/pkt-datepicker.js +1 -1
  88. package/dist/pkt-fileupload.cjs +1 -1
  89. package/dist/pkt-fileupload.js +1 -1
  90. package/dist/pkt-footer.cjs +1 -1
  91. package/dist/pkt-footer.js +1 -1
  92. package/dist/pkt-header-menu.cjs +1 -1
  93. package/dist/pkt-header-menu.js +1 -1
  94. package/dist/pkt-header.cjs +1 -1
  95. package/dist/pkt-header.js +1 -1
  96. package/dist/pkt-helptext.cjs +1 -1
  97. package/dist/pkt-helptext.js +1 -1
  98. package/dist/pkt-icon.cjs +1 -1
  99. package/dist/pkt-icon.js +1 -1
  100. package/dist/pkt-index.cjs +1 -1
  101. package/dist/pkt-index.js +34 -34
  102. package/dist/pkt-input-wrapper.cjs +1 -1
  103. package/dist/pkt-input-wrapper.js +1 -1
  104. package/dist/pkt-link.cjs +1 -1
  105. package/dist/pkt-link.js +1 -1
  106. package/dist/pkt-linkcard.cjs +1 -1
  107. package/dist/pkt-linkcard.js +1 -1
  108. package/dist/pkt-loader.cjs +1 -1
  109. package/dist/pkt-loader.js +1 -1
  110. package/dist/pkt-messagebox.cjs +1 -1
  111. package/dist/pkt-messagebox.js +1 -1
  112. package/dist/pkt-modal.cjs +1 -1
  113. package/dist/pkt-modal.js +1 -1
  114. package/dist/pkt-progressbar.cjs +1 -1
  115. package/dist/pkt-progressbar.js +1 -1
  116. package/dist/pkt-radio-group.cjs +1 -1
  117. package/dist/pkt-radio-group.js +1 -1
  118. package/dist/pkt-radiobutton.cjs +1 -1
  119. package/dist/pkt-radiobutton.js +1 -1
  120. package/dist/pkt-searchinput.cjs +1 -1
  121. package/dist/pkt-searchinput.js +1 -1
  122. package/dist/pkt-select.cjs +1 -1
  123. package/dist/pkt-select.js +1 -1
  124. package/dist/pkt-tabs.cjs +1 -1
  125. package/dist/pkt-tabs.js +1 -1
  126. package/dist/pkt-tag.cjs +1 -1
  127. package/dist/pkt-tag.js +1 -1
  128. package/dist/pkt-textarea.cjs +1 -1
  129. package/dist/pkt-textarea.js +1 -1
  130. package/dist/pkt-textinput.cjs +1 -1
  131. package/dist/pkt-textinput.js +1 -1
  132. package/dist/pkt-timepicker.cjs +1 -1
  133. package/dist/pkt-timepicker.js +1 -1
  134. package/dist/{progressbar-eRJU41Uc.cjs → progressbar-Do0ZPeMk.cjs} +3 -2
  135. package/dist/{progressbar-CMwFXEMB.js → progressbar-bamcqcZ2.js} +8 -4
  136. package/dist/{radio-group-CO3dzdOl.js → radio-group-Dz3a7Dgq.js} +2 -2
  137. package/dist/{radio-group-S8Gg4Qaq.cjs → radio-group-iv9QgcSe.cjs} +1 -1
  138. package/dist/{radiobutton-BNsed-4-.js → radiobutton-DMvVv81Y.js} +2 -1
  139. package/dist/{radiobutton-CYlly_Zk.cjs → radiobutton-IcDc6ze2.cjs} +1 -1
  140. package/dist/{searchinput-CVpPmZAJ.cjs → searchinput-B1m241pF.cjs} +1 -1
  141. package/dist/{searchinput-Ca6zFqH5.js → searchinput-zxHqZ-jG.js} +1 -1
  142. package/dist/{select-C74U9Tyl.cjs → select-BuikSUfZ.cjs} +1 -1
  143. package/dist/{select-C7r2Y7Bq.js → select-CN3d9HWQ.js} +9 -6
  144. package/dist/shared-types/heading.d.ts +2 -1
  145. package/dist/shared-types/index.d.ts +2 -2
  146. package/dist/shared-types/size.d.ts +4 -12
  147. package/dist/shared-types-A6iGIX-f.js +1 -0
  148. package/dist/shared-types-BvRk9kiK.cjs +0 -0
  149. package/dist/{tabs-CxG9lgAB.js → tabs-ZhYxE5fX.js} +1 -1
  150. package/dist/{tabs-BsVUzKix.cjs → tabs-fXlMzPFJ.cjs} +1 -1
  151. package/dist/{tag-BfFtiV5e.cjs → tag-B2EEjkjD.cjs} +9 -9
  152. package/dist/{tag-BswfpmoV.js → tag-Bv5JRS69.js} +9 -9
  153. package/dist/{textarea-VObZEvUw.cjs → textarea-Bb_DpiQc.cjs} +1 -1
  154. package/dist/{textarea-5aOI1Qkq.js → textarea-BdeJyPFA.js} +5 -4
  155. package/dist/{textinput-DABFhf0d.js → textinput-B1fKltx7.js} +4 -4
  156. package/dist/{textinput-Wd1yRQuN.cjs → textinput-B5xO_FmE.cjs} +1 -1
  157. package/dist/{timepicker-Bfp365j8.js → timepicker-CUxP-zLZ.js} +3 -3
  158. package/dist/{timepicker-Cc_7siiw.cjs → timepicker-CmSgKlJ4.cjs} +1 -1
  159. package/dist/types/size.d.ts +2 -1
  160. package/package.json +2 -3
  161. package/src/components/accordion/accordionitem.ts +3 -2
  162. package/src/components/datepicker/datepicker-popup.ts +5 -1
  163. package/src/components/datepicker/datepicker.ts +1 -0
  164. package/src/components/fileupload/fileupload-base.ts +6 -6
  165. package/src/components/header/header-chrome-controller.ts +18 -5
  166. package/src/components/header/header-service.ts +6 -3
  167. package/src/components/loader/loader.ts +15 -13
  168. package/src/components/modal/modal.ts +35 -34
  169. package/src/components/progressbar/progressbar.ts +8 -2
  170. package/src/components/select/select.ts +22 -19
  171. package/src/components/tag/tag.ts +21 -25
  172. package/src/components/textarea/textarea.ts +3 -0
  173. package/src/components/textinput/textinput.ts +3 -0
  174. package/dist/alert-ByQC8-D1.cjs +0 -39
  175. package/dist/consent-T0-aOOEh.cjs +0 -18
  176. package/dist/icon-Dk8y6odR.cjs +0 -1
  177. package/dist/input-element-BhbkMU20.cjs +0 -1
  178. package/dist/option-group-element-DHpno4pS.cjs +0 -23
@@ -2,6 +2,7 @@ import { l as e, n as t, u as n } from "./element-ckeMVgMz.js";
2
2
  import { t as r } from "./format-BTeSVkED.js";
3
3
  import { t as i } from "./element-with-slot-Dp2Gzv-Q.js";
4
4
  import { n as a, t as o } from "./booleanish-OQJTYSrw.js";
5
+ import "./shared-types-A6iGIX-f.js";
5
6
  import { n as s } from "./utils-BwF4QSrq.js";
6
7
  //#region ../../node_modules/element-internals-polyfill/dist/maps.js
7
8
  var c = /* @__PURE__ */ new WeakMap(), l = /* @__PURE__ */ new WeakMap(), u = /* @__PURE__ */ new WeakMap(), d = /* @__PURE__ */ new WeakMap(), f = /* @__PURE__ */ new WeakMap(), ee = /* @__PURE__ */ new WeakMap(), p = /* @__PURE__ */ new WeakMap(), m = /* @__PURE__ */ new WeakMap(), h = /* @__PURE__ */ new WeakMap(), g = /* @__PURE__ */ new WeakMap(), _ = /* @__PURE__ */ new WeakMap(), v = /* @__PURE__ */ new WeakMap(), y = /* @__PURE__ */ new WeakMap(), b = /* @__PURE__ */ new WeakMap(), x = /* @__PURE__ */ new WeakMap(), S = (e, t, n) => {
@@ -589,14 +590,16 @@ var X = "on", ve = "--checked", Z = ",", Q = (e) => e === !0 || e === "" || e ==
589
590
  valueChecked(e) {
590
591
  this.touched && (this.type === "radio" && this.coordinateRadioGroup(), typeof e == "string" ? this.checked = e === "true" : typeof e == "boolean" && (this.checked = e), this.syncCheckedState(), this.validateCheckable(), this.onInput(), this.dispatchChangeEvents(this.checked));
591
592
  }
593
+ warnInvalidValue(e) {
594
+ let t = typeof e == "object" ? e?.constructor?.name ?? "object" : typeof e;
595
+ console.warn(`${this.localName}: value må være en streng eller et tall, men fikk ${t}. Verdien ignoreres. For dato-/tidsfelt, send en ISO-formatert streng (f.eks. "2026-07-09" eller "13:45").`);
596
+ }
597
+ coerceToString(e) {
598
+ return typeof e == "string" ? e : typeof e == "number" || typeof e == "boolean" ? String(e) : (e != null && this.warnInvalidValue(e), "");
599
+ }
592
600
  valueChanged(e, t) {
593
601
  let n = e;
594
- if (typeof n == "number" || typeof n == "boolean") e = String(n);
595
- else if (n != null && typeof n != "string" && !Array.isArray(n)) {
596
- let e = typeof n == "object" ? n?.constructor?.name ?? "object" : typeof n;
597
- console.warn(`${this.localName}: value må være en streng eller et tall, men fikk ${e}. Verdien ignoreres. For dato-/tidsfelt, send en ISO-formatert streng (f.eks. "2026-07-09" eller "13:45").`);
598
- }
599
- (t !== this.value || t !== this._value) && (typeof e == "string" ? ((this.multiple || this.range) && e.includes(Z) && (e = e.split(Z)), this.value = e, this._value = Array.isArray(e) ? e : [e]) : Array.isArray(e) ? (this.value = this.multiple || this.range ? e : e[0], this._value = e) : (this.value = "", this._value = []), (!this.value || this.value.length === 0) && t && t.length !== 0 ? this.clearInputValue() : this.value && this.value.toString() !== t?.toString() && this.onChange(this.value));
602
+ typeof n == "number" || typeof n == "boolean" ? e = String(n) : n != null && typeof n != "string" && !Array.isArray(n) && this.warnInvalidValue(n), (t !== this.value || t !== this._value) && (typeof e == "string" ? ((this.multiple || this.range) && e.includes(Z) && (e = e.split(Z)), this.value = e, this._value = Array.isArray(e) ? e : [e]) : Array.isArray(e) ? (this.value = this.multiple || this.range ? e : e[0], this._value = e) : (this.value = "", this._value = []), (!this.value || this.value.length === 0) && t && t.length !== 0 ? this.clearInputValue() : this.value && this.value.toString() !== t?.toString() && this.onChange(this.value));
600
603
  }
601
604
  dispatchChangeEvents(e) {
602
605
  this.dispatchEvent(new Event("change", {
@@ -665,7 +668,7 @@ var X = "on", ve = "--checked", Z = ",", Q = (e) => e === !0 || e === "" || e ==
665
668
  super.willUpdate(e), e.has("disabled") && this.toggleAttribute("disabled", this.disabled), this.syncGroupName(), !this._didInitDerivedState && (this._didInitDerivedState = !0, this.defaultChecked && (this.checked = !0), this.id && !this.name && (this.name = this.id, this.derivedName = this.id), this.value && this.defaultValue === null && (this.defaultValue = this.value), this.defaultValue !== null && !this.value && this.valueChanged(this.defaultValue, null));
666
669
  }
667
670
  firstUpdated(e) {
668
- if (super.firstUpdated(e), this.value && this.defaultValue === null && (this.defaultValue = this.value), this.defaultValue !== null && !this.value && this.valueChanged(this.defaultValue, null), this.defaultChecked && (this.internals.ariaChecked = "true"), this.isRequired && (this.internals.ariaRequired = "true"), this.disabled && (this.internals.ariaDisabled = "true"), this.checked !== void 0) {
671
+ if (super.firstUpdated(e), this.defaultChecked && (this.internals.ariaChecked = "true"), this.isRequired && (this.internals.ariaRequired = "true"), this.disabled && (this.internals.ariaDisabled = "true"), this.checked !== void 0) {
669
672
  let e = Q(this.checked);
670
673
  this._defaultCheckedState = e, this.internals.ariaChecked = String(e);
671
674
  let t = e ? (typeof this.value == "string" ? this.value : "") || X : null;
@@ -760,7 +763,8 @@ t([n({
760
763
  attribute: "input-size"
761
764
  })], $.prototype, "inputSize", void 0), t([n({
762
765
  type: String,
763
- attribute: "data-testid"
766
+ attribute: "data-testid",
767
+ hasChanged: (e, t) => !!e && e !== t
764
768
  })], $.prototype, "dataTestid", void 0), t([e()], $.prototype, "formDisabled", void 0);
765
769
  //#endregion
766
770
  export { $ as t };
@@ -2,11 +2,12 @@ import { _ as e, d as t, h as n, n as r, u as i } from "./element-ckeMVgMz.js";
2
2
  import { t as a } from "./format-BTeSVkED.js";
3
3
  import { i as o, n as s, t as c } from "./element-with-slot-Dp2Gzv-Q.js";
4
4
  import { t as l } from "./booleanish-OQJTYSrw.js";
5
- import "./alert-B3ify6mt.js";
6
- import { r as u } from "./icon-D3XT49vM.js";
5
+ import "./shared-types-A6iGIX-f.js";
6
+ import "./alert-CdfTJcT2.js";
7
+ import { r as u } from "./icon-BVSiUQSL.js";
7
8
  import { t as d } from "./if-defined-D18nY_K_.js";
8
9
  import { n as f } from "./utils-BwF4QSrq.js";
9
- import "./helptext-BXoDjtNs.js";
10
+ import "./helptext-BXryqHy5.js";
10
11
  import { t as p } from "./focus-modality-controller-Dc2S-KqR.js";
11
12
  //#region ../../shared-types/input-wrapper.ts
12
13
  var m = {
@@ -1,4 +1,4 @@
1
- const e=require("./element-C6WTyJFE.cjs"),t=require("./format-B8meU8Tm.cjs"),n=require("./element-with-slot-B0Vp_OuR.cjs"),r=require("./booleanish-BF8l4scU.cjs");require("./alert-ByQC8-D1.cjs");const i=require("./icon-Dk8y6odR.cjs"),a=require("./if-defined-CiML3MTM.cjs"),o=require("./utils-63cRpWut.cjs");require("./helptext-DPqzGQeD.cjs");const s=require("./focus-modality-controller-C1ocyv2J.cjs");var c={counter:!1,counterCurrent:0,counterPosition:`bottom`,optionalTag:!1,requiredTag:!1,hasError:!1,disabled:!1,inline:!1,hasFieldset:!1,layout:`vertical`,useWrapper:!0,size:`medium`},l=e=>{let t=[];return e.hasHelptext&&t.push(`${e.id}-helptext`),e.hasCounter&&t.push(`${e.id}-counter-status`),e.ariaDescribedby&&t.push(e.ariaDescribedby),t.length?t.join(` `):void 0},u=e=>`${e}-counter-status`,d=(e,t)=>!!t&&t>0&&(e??0)>t,f=class extends n.t{constructor(...e){super(...e),this.forId=o.n(),this.label=``,this.helptext=null,this.helptextDropdown=null,this.helptextDropdownButton=null,this.counter=c.counter,this.counterCurrent=c.counterCurrent,this.counterMaxLength=0,this.counterError=null,this.counterPosition=c.counterPosition,this.optionalTag=c.optionalTag,this.requiredTag=c.requiredTag,this.tagText=null,this.hasError=c.hasError,this.errorMessage=``,this.disabled=c.disabled,this.inline=c.inline,this.ariaDescribedby=void 0,this.hasFieldset=c.hasFieldset,this.layout=c.layout,this.role=null,this.useWrapper=c.useWrapper,this.size=c.size,this.focusModality=new s.t(this)}updated(e){super.updated(e),this.classList.add(`pkt-inputwrapper`),this.classList.toggle(`pkt-inputwrapper--error`,this.hasError),this.classList.toggle(`pkt-inputwrapper--disabled`,this.disabled),this.classList.toggle(`pkt-inputwrapper--inline`,this.inline),this.classList.toggle(`pkt-inputwrapper--medium`,this.size===`medium`),this.classList.toggle(`pkt-inputwrapper--small`,this.size===`small`),this.classList.toggle(`pkt-inputwrapper--xsmall`,this.size===`xsmall`),this.role?this.setAttribute(`aria-labelledby`,`${this.forId}-label`):this.removeAttribute(`aria-labelledby`)}render(){let r=`pkt-tag pkt-tag--small pkt-tag--thin-text`,o=!!this.helptext||this.hasSlotContent(`helptext`),s=new Set([this.ariaDescribedby||(o?`${this.forId}-helptext`:``),this.hasError&&this.errorMessage?`${this.forId}-error`:``].join(` `).split(` `).filter(Boolean)),c=s.size?[...s].join(` `):e.h,l=this.pktStrings.get(`forms`),f=()=>e._`
1
+ const e=require("./element-C6WTyJFE.cjs"),t=require("./format-B8meU8Tm.cjs"),n=require("./element-with-slot-B0Vp_OuR.cjs"),r=require("./booleanish-BF8l4scU.cjs");require("./shared-types-BvRk9kiK.cjs"),require("./alert-CBW94-ku.cjs");const i=require("./icon-BsRlhXU2.cjs"),a=require("./if-defined-CiML3MTM.cjs"),o=require("./utils-63cRpWut.cjs");require("./helptext-KrtUyA7H.cjs");const s=require("./focus-modality-controller-C1ocyv2J.cjs");var c={counter:!1,counterCurrent:0,counterPosition:`bottom`,optionalTag:!1,requiredTag:!1,hasError:!1,disabled:!1,inline:!1,hasFieldset:!1,layout:`vertical`,useWrapper:!0,size:`medium`},l=e=>{let t=[];return e.hasHelptext&&t.push(`${e.id}-helptext`),e.hasCounter&&t.push(`${e.id}-counter-status`),e.ariaDescribedby&&t.push(e.ariaDescribedby),t.length?t.join(` `):void 0},u=e=>`${e}-counter-status`,d=(e,t)=>!!t&&t>0&&(e??0)>t,f=class extends n.t{constructor(...e){super(...e),this.forId=o.n(),this.label=``,this.helptext=null,this.helptextDropdown=null,this.helptextDropdownButton=null,this.counter=c.counter,this.counterCurrent=c.counterCurrent,this.counterMaxLength=0,this.counterError=null,this.counterPosition=c.counterPosition,this.optionalTag=c.optionalTag,this.requiredTag=c.requiredTag,this.tagText=null,this.hasError=c.hasError,this.errorMessage=``,this.disabled=c.disabled,this.inline=c.inline,this.ariaDescribedby=void 0,this.hasFieldset=c.hasFieldset,this.layout=c.layout,this.role=null,this.useWrapper=c.useWrapper,this.size=c.size,this.focusModality=new s.t(this)}updated(e){super.updated(e),this.classList.add(`pkt-inputwrapper`),this.classList.toggle(`pkt-inputwrapper--error`,this.hasError),this.classList.toggle(`pkt-inputwrapper--disabled`,this.disabled),this.classList.toggle(`pkt-inputwrapper--inline`,this.inline),this.classList.toggle(`pkt-inputwrapper--medium`,this.size===`medium`),this.classList.toggle(`pkt-inputwrapper--small`,this.size===`small`),this.classList.toggle(`pkt-inputwrapper--xsmall`,this.size===`xsmall`),this.role?this.setAttribute(`aria-labelledby`,`${this.forId}-label`):this.removeAttribute(`aria-labelledby`)}render(){let r=`pkt-tag pkt-tag--small pkt-tag--thin-text`,o=!!this.helptext||this.hasSlotContent(`helptext`),s=new Set([this.ariaDescribedby||(o?`${this.forId}-helptext`:``),this.hasError&&this.errorMessage?`${this.forId}-error`:``].join(` `).split(` `).filter(Boolean)),c=s.size?[...s].join(` `):e.h,l=this.pktStrings.get(`forms`),f=()=>e._`
2
2
  ${this.tagText?e._`<span class=${r+` pkt-tag--gray`}>${this.tagText}</span>`:e.h}
3
3
  ${this.optionalTag?e._`<span class=${r+` pkt-tag--blue-light`}
4
4
  >${this.optionalText??l.optional}</span
@@ -1,7 +1,7 @@
1
1
  import { _ as e, d as t, h as n, n as r, u as i } from "./element-ckeMVgMz.js";
2
2
  import { t as a } from "./class-map-BkEYw5uE.js";
3
3
  import { i as o, t as s } from "./element-with-slot-Dp2Gzv-Q.js";
4
- import "./icon-D3XT49vM.js";
4
+ import "./icon-BVSiUQSL.js";
5
5
  import { t as c } from "./define-component-spec-BYOSeplU.js";
6
6
  //#endregion
7
7
  //#region src/components/link/link.ts
@@ -1,4 +1,4 @@
1
- const e=require("./element-C6WTyJFE.cjs"),t=require("./class-map-Bh6toDeV.cjs"),n=require("./element-with-slot-B0Vp_OuR.cjs");require("./icon-Dk8y6odR.cjs");const r=require("./define-component-spec-DBNd2FJY.cjs");var i={href:{type:`string`,description:`Mål-URL for lenken.`,required:!0,reactOnly:!0},className:{type:`string`,description:`CSS-klasser Punkt har satt på lenken.`,required:!0,reactOnly:!0},children:{type:`ReactNode`,description:`Innhold/label som skal rendres inni lenken.`,required:!0,reactOnly:!0},props:{type:`AnchorHTMLAttributes<HTMLAnchorElement>`,description:`Resten av anchor-attributter (f.eks. <code>onClick</code>, <code>aria-*</code>) som skal spreades på lenken.`,required:!0,reactOnly:!0}},a={name:`Egendefinert lenkekomponent`,description:`React: Funksjon for å rendre en egendefinert lenkekomponent (f.eks. Next.js Link eller React Router Link). Mottar et <code>IRenderLink</code>-objekt med href, className, children og props. Standard er et vanlig <code>&lt;a&gt;</code>-element.`,type:`(args: IRenderLink) => ReactNode`,relatedTypes:[`IRenderLink`],category:`tech`,reactOnly:!0},o={IRenderLink:{title:`IRenderLink`,description:`Objektet som sendes til <code>renderLink</code> i Link, BackLink og Breadcrumbs. Kun React — brukes til å bytte ut standard <code>&lt;a&gt;</code> med f.eks. Next.js Link eller React Router Link.`,properties:i}},s=r.t({name:`pkt-link`,react:`PktLink`,"css-class":`pkt-link`,"dark-mode":!0,isElement:!0,props:{href:{name:`URL`,description:`URL til lenken`,type:`string`,default:`#`,category:`contents`},target:{name:`Mål`,description:`Mål for lenken`,type:[`_blank`,`_self`,`_parent`,`_top`],default:`_self`,category:`tech`},iconName:{name:`Ikon`,description:`Ikon som skal vises ved siden av lenketeksten`,type:`icon`,category:`ui`},iconPosition:{name:`Ikonposisjon`,description:`Posisjonen til ikonet i forhold til lenketeksten`,type:[`left`,`right`],category:`ui`},renderLink:a},types:{...o},slots:{default:{description:`Innholdet i lenken`}}}).props,c=class extends n.t{constructor(...e){super(...e),this.href=s.href.default,this.iconName=void 0,this.iconPosition=void 0,this.external=!1,this.target=s.target.default}render(){let r={"pkt-link":!0,"pkt-link--icon-left":!!this.iconName&&this.iconPosition===`left`||!(!this.iconName||this.iconPosition),"pkt-link--icon-right":!!this.iconName&&this.iconPosition===`right`,"pkt-link--external":this.external},i=this.target&&this.target!==`_self`?this.target:e.h;return e._`<a
1
+ const e=require("./element-C6WTyJFE.cjs"),t=require("./class-map-Bh6toDeV.cjs"),n=require("./element-with-slot-B0Vp_OuR.cjs");require("./icon-BsRlhXU2.cjs");const r=require("./define-component-spec-DBNd2FJY.cjs");var i={href:{type:`string`,description:`Mål-URL for lenken.`,required:!0,reactOnly:!0},className:{type:`string`,description:`CSS-klasser Punkt har satt på lenken.`,required:!0,reactOnly:!0},children:{type:`ReactNode`,description:`Innhold/label som skal rendres inni lenken.`,required:!0,reactOnly:!0},props:{type:`AnchorHTMLAttributes<HTMLAnchorElement>`,description:`Resten av anchor-attributter (f.eks. <code>onClick</code>, <code>aria-*</code>) som skal spreades på lenken.`,required:!0,reactOnly:!0}},a={name:`Egendefinert lenkekomponent`,description:`React: Funksjon for å rendre en egendefinert lenkekomponent (f.eks. Next.js Link eller React Router Link). Mottar et <code>IRenderLink</code>-objekt med href, className, children og props. Standard er et vanlig <code>&lt;a&gt;</code>-element.`,type:`(args: IRenderLink) => ReactNode`,relatedTypes:[`IRenderLink`],category:`tech`,reactOnly:!0},o={IRenderLink:{title:`IRenderLink`,description:`Objektet som sendes til <code>renderLink</code> i Link, BackLink og Breadcrumbs. Kun React — brukes til å bytte ut standard <code>&lt;a&gt;</code> med f.eks. Next.js Link eller React Router Link.`,properties:i}},s=r.t({name:`pkt-link`,react:`PktLink`,"css-class":`pkt-link`,"dark-mode":!0,isElement:!0,props:{href:{name:`URL`,description:`URL til lenken`,type:`string`,default:`#`,category:`contents`},target:{name:`Mål`,description:`Mål for lenken`,type:[`_blank`,`_self`,`_parent`,`_top`],default:`_self`,category:`tech`},iconName:{name:`Ikon`,description:`Ikon som skal vises ved siden av lenketeksten`,type:`icon`,category:`ui`},iconPosition:{name:`Ikonposisjon`,description:`Posisjonen til ikonet i forhold til lenketeksten`,type:[`left`,`right`],category:`ui`},renderLink:a},types:{...o},slots:{default:{description:`Innholdet i lenken`}}}).props,c=class extends n.t{constructor(...e){super(...e),this.href=s.href.default,this.iconName=void 0,this.iconPosition=void 0,this.external=!1,this.target=s.target.default}render(){let r={"pkt-link":!0,"pkt-link--icon-left":!!this.iconName&&this.iconPosition===`left`||!(!this.iconName||this.iconPosition),"pkt-link--icon-right":!!this.iconName&&this.iconPosition===`right`,"pkt-link--external":this.external},i=this.target&&this.target!==`_self`?this.target:e.h;return e._`<a
2
2
  class=${t.t(r)}
3
3
  href=${this.href}
4
4
  target=${i}
@@ -1,4 +1,4 @@
1
- const e=require("./element-C6WTyJFE.cjs"),t=require("./element-with-slot-B0Vp_OuR.cjs");require("./icon-Dk8y6odR.cjs");const n=require("./if-defined-CiML3MTM.cjs");var r=class extends t.t{constructor(...e){super(...e),this.title=``,this.href=`#`,this.iconName=``,this.external=!1,this.openInNewTab=!1,this.skin=void 0}render(){let r=[`pkt-linkcard`,this.skin&&`pkt-linkcard--${this.skin}`].filter(Boolean).join(` `),i=[`pkt-linkcard__title`,this.external&&`pkt-link pkt-link--external`].filter(Boolean).join(` `),a=this.pktStrings.get(`linkcard`),o=this.openInNewTab?a.openInNewTab:``;return e._`
1
+ const e=require("./element-C6WTyJFE.cjs"),t=require("./element-with-slot-B0Vp_OuR.cjs");require("./icon-BsRlhXU2.cjs");const n=require("./if-defined-CiML3MTM.cjs");var r=class extends t.t{constructor(...e){super(...e),this.title=``,this.href=`#`,this.iconName=``,this.external=!1,this.openInNewTab=!1,this.skin=void 0}render(){let r=[`pkt-linkcard`,this.skin&&`pkt-linkcard--${this.skin}`].filter(Boolean).join(` `),i=[`pkt-linkcard__title`,this.external&&`pkt-link pkt-link--external`].filter(Boolean).join(` `),a=this.pktStrings.get(`linkcard`),o=this.openInNewTab?a.openInNewTab:``;return e._`
2
2
  <a
3
3
  href=${this.href}
4
4
  class=${r}
@@ -1,6 +1,6 @@
1
1
  import { _ as e, d as t, n, u as r } from "./element-ckeMVgMz.js";
2
2
  import { i, t as a } from "./element-with-slot-Dp2Gzv-Q.js";
3
- import "./icon-D3XT49vM.js";
3
+ import "./icon-BVSiUQSL.js";
4
4
  import { t as o } from "./if-defined-D18nY_K_.js";
5
5
  //#region src/components/linkcard/linkcard.ts
6
6
  var s = class extends a {
@@ -1,7 +1,7 @@
1
1
  import { _ as e, d as t, h as n, l as r, n as i, u as a } from "./element-ckeMVgMz.js";
2
2
  import { t as o } from "./class-map-BkEYw5uE.js";
3
3
  import { i as s, t as c } from "./element-with-slot-Dp2Gzv-Q.js";
4
- import "./icon-D3XT49vM.js";
4
+ import "./icon-BVSiUQSL.js";
5
5
  //#region src/components/loader/loader.ts
6
6
  var l = "https://punkt-cdn.oslo.kommune.no/latest/animations/";
7
7
  typeof window < "u" && (window.pktAnimationPath = window.pktAnimationPath || l);
@@ -31,13 +31,13 @@ var u = class extends c {
31
31
  class=${t}
32
32
  >
33
33
  ${this.isLoading && this._shouldDisplayLoader ? e`<div class="pkt-loader__spinner">
34
- <pkt-icon
35
- name=${this.getVariant(this.variant)}
36
- path=${this.loadingAnimationPath}
37
- class="pkt-loader__svg pkt-loader__${this.variant}"
38
- ></pkt-icon>
39
- ${this.message && e`<p>${this.message}</p>`}
40
- </div>` : n}
34
+ <pkt-icon
35
+ name=${this.getVariant(this.variant)}
36
+ path=${this.loadingAnimationPath}
37
+ class="pkt-loader__svg pkt-loader__${this.variant}"
38
+ ></pkt-icon>
39
+ ${this.message && e`<p>${this.message}</p>`}
40
+ </div>` : n}
41
41
  <div class=${r}>${s(this)}</div>
42
42
  </div>`;
43
43
  }
@@ -1,16 +1,16 @@
1
- const e=require("./element-C6WTyJFE.cjs"),t=require("./class-map-Bh6toDeV.cjs"),n=require("./element-with-slot-B0Vp_OuR.cjs");require("./icon-Dk8y6odR.cjs");var r=`https://punkt-cdn.oslo.kommune.no/latest/animations/`;typeof window<`u`&&(window.pktAnimationPath=window.pktAnimationPath||r);var i=class extends n.t{constructor(...e){super(...e),this.delay=0,this.inline=!1,this.isLoading=!0,this.message=null,this.size=`medium`,this.variant=`rainbow`,this.loadingAnimationPath=typeof window<`u`?window.pktAnimationPath:r,this._shouldDisplayLoader=!1}connectedCallback(){super.connectedCallback(),this._shouldDisplayLoader=this.delay===0,this.delay>0&&this.setupLoader()}updated(e){e.has(`delay`)&&this.setupLoader()}render(){let r=t.t({"pkt-loader":!0,[`pkt-loader--${this.inline?`inline`:`box`}`]:!0,[`pkt-loader--${this.size}`]:!0}),i=t.t({"pkt-contents":!0,"pkt-hide":this.isLoading});return e._`<div
1
+ const e=require("./element-C6WTyJFE.cjs"),t=require("./class-map-Bh6toDeV.cjs"),n=require("./element-with-slot-B0Vp_OuR.cjs");require("./icon-BsRlhXU2.cjs");var r=`https://punkt-cdn.oslo.kommune.no/latest/animations/`;typeof window<`u`&&(window.pktAnimationPath=window.pktAnimationPath||r);var i=class extends n.t{constructor(...e){super(...e),this.delay=0,this.inline=!1,this.isLoading=!0,this.message=null,this.size=`medium`,this.variant=`rainbow`,this.loadingAnimationPath=typeof window<`u`?window.pktAnimationPath:r,this._shouldDisplayLoader=!1}connectedCallback(){super.connectedCallback(),this._shouldDisplayLoader=this.delay===0,this.delay>0&&this.setupLoader()}updated(e){e.has(`delay`)&&this.setupLoader()}render(){let r=t.t({"pkt-loader":!0,[`pkt-loader--${this.inline?`inline`:`box`}`]:!0,[`pkt-loader--${this.size}`]:!0}),i=t.t({"pkt-contents":!0,"pkt-hide":this.isLoading});return e._`<div
2
2
  role="status"
3
3
  aria-live="polite"
4
4
  aria-busy=${this.isLoading?`true`:`false`}
5
5
  class=${r}
6
6
  >
7
7
  ${this.isLoading&&this._shouldDisplayLoader?e._`<div class="pkt-loader__spinner">
8
- <pkt-icon
9
- name=${this.getVariant(this.variant)}
10
- path=${this.loadingAnimationPath}
11
- class="pkt-loader__svg pkt-loader__${this.variant}"
12
- ></pkt-icon>
13
- ${this.message&&e._`<p>${this.message}</p>`}
14
- </div>`:e.h}
8
+ <pkt-icon
9
+ name=${this.getVariant(this.variant)}
10
+ path=${this.loadingAnimationPath}
11
+ class="pkt-loader__svg pkt-loader__${this.variant}"
12
+ ></pkt-icon>
13
+ ${this.message&&e._`<p>${this.message}</p>`}
14
+ </div>`:e.h}
15
15
  <div class=${i}>${n.i(this)}</div>
16
16
  </div>`}getVariant(e){switch(e){case`blue`:return`spinner-blue`;case`rainbow`:return`spinner`;default:return`loader`}}setupLoader(){this.delay>0&&(this._shouldDisplayLoader=!1,setTimeout(()=>{this._shouldDisplayLoader=!0,this.requestUpdate()},this.delay))}};e.n([e.u({type:Number})],i.prototype,`delay`,void 0),e.n([e.u({type:Boolean})],i.prototype,`inline`,void 0),e.n([e.u({type:Boolean})],i.prototype,`isLoading`,void 0),e.n([e.u({type:String})],i.prototype,`message`,void 0),e.n([e.u({type:String})],i.prototype,`size`,void 0),e.n([e.u({type:String})],i.prototype,`variant`,void 0),e.n([e.u({type:String})],i.prototype,`loadingAnimationPath`,void 0),e.n([e.l()],i.prototype,`_shouldDisplayLoader`,void 0);try{e.d(`pkt-loader`)(i)}catch{console.warn(`Forsøker å definere <pkt-loader>, men den er allerede definert`)}var a=i;Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return a}});
@@ -1,7 +1,8 @@
1
1
  import { _ as e, d as t, h as n, l as r, n as i, u as a } from "./element-ckeMVgMz.js";
2
2
  import { t as o } from "./class-map-BkEYw5uE.js";
3
3
  import { i as s, t as c } from "./element-with-slot-Dp2Gzv-Q.js";
4
- import "./icon-D3XT49vM.js";
4
+ import "./shared-types-A6iGIX-f.js";
5
+ import "./icon-BVSiUQSL.js";
5
6
  import { t as l } from "./classutils-DcYnSgfc.js";
6
7
  //#region ../../shared-types/messagebox.ts
7
8
  var u = {
@@ -1,4 +1,4 @@
1
- const e=require("./element-C6WTyJFE.cjs"),t=require("./class-map-Bh6toDeV.cjs"),n=require("./element-with-slot-B0Vp_OuR.cjs");require("./icon-Dk8y6odR.cjs");const r=require("./classutils-CbklAJDe.cjs");var i={skin:`beige`,compact:!1,closable:!1},a=class extends n.t{constructor(){super(),this.closable=i.closable,this.compact=i.compact,this.title=``,this.skin=i.skin,this._isClosed=!1,this.close=e=>{this._isClosed=!0,this.dispatchEvent(new CustomEvent(`close`,{detail:{origin:e},bubbles:!0})),this.dispatchEvent(new CustomEvent(`on-close`,{detail:{origin:e},bubbles:!0}))},this._isClosed=!1}updated(e){super.updated(e),e.has(`_isClosed`)&&r.t(this,`pkt-hide`,this._isClosed)}render(){let r={"pkt-messagebox":!0,"pkt-messagebox--compact":this.compact,[`pkt-messagebox--${this.skin}`]:!!this.skin,"pkt-messagebox--closable":this.closable,"pkt-hide":this._isClosed};return e._`<div class=${t.t(r)}>
1
+ const e=require("./element-C6WTyJFE.cjs"),t=require("./class-map-Bh6toDeV.cjs"),n=require("./element-with-slot-B0Vp_OuR.cjs");require("./shared-types-BvRk9kiK.cjs"),require("./icon-BsRlhXU2.cjs");const r=require("./classutils-CbklAJDe.cjs");var i={skin:`beige`,compact:!1,closable:!1},a=class extends n.t{constructor(){super(),this.closable=i.closable,this.compact=i.compact,this.title=``,this.skin=i.skin,this._isClosed=!1,this.close=e=>{this._isClosed=!0,this.dispatchEvent(new CustomEvent(`close`,{detail:{origin:e},bubbles:!0})),this.dispatchEvent(new CustomEvent(`on-close`,{detail:{origin:e},bubbles:!0}))},this._isClosed=!1}updated(e){super.updated(e),e.has(`_isClosed`)&&r.t(this,`pkt-hide`,this._isClosed)}render(){let r={"pkt-messagebox":!0,"pkt-messagebox--compact":this.compact,[`pkt-messagebox--${this.skin}`]:!!this.skin,"pkt-messagebox--closable":this.closable,"pkt-hide":this._isClosed};return e._`<div class=${t.t(r)}>
2
2
  ${this.closable?e._`<div class="pkt-messagebox__close">
3
3
  <button
4
4
  @click=${this.close}
@@ -1,12 +1,12 @@
1
- import { _ as e, d as t, h as n, l as r, n as i, u as a } from "./element-ckeMVgMz.js";
2
- import { t as o } from "./class-map-BkEYw5uE.js";
3
- import { i as s, t as c } from "./element-with-slot-Dp2Gzv-Q.js";
4
- import "./icon-D3XT49vM.js";
5
- import { t as l } from "./if-defined-D18nY_K_.js";
6
- import { n as u, t as d } from "./ref-D4OwQYdf.js";
7
- import { n as f } from "./utils-BwF4QSrq.js";
8
- import { n as p, t as m } from "./scroll-lock-CR-g54ai.js";
9
- var h = {
1
+ import { _ as e, d as t, h as n, n as r, u as i } from "./element-ckeMVgMz.js";
2
+ import { t as a } from "./class-map-BkEYw5uE.js";
3
+ import { i as o, t as s } from "./element-with-slot-Dp2Gzv-Q.js";
4
+ import "./icon-BVSiUQSL.js";
5
+ import { t as c } from "./if-defined-D18nY_K_.js";
6
+ import { n as l, t as u } from "./ref-D4OwQYdf.js";
7
+ import { n as d } from "./utils-BwF4QSrq.js";
8
+ import { n as f, t as p } from "./scroll-lock-CR-g54ai.js";
9
+ var m = {
10
10
  name: "pkt-modal",
11
11
  react: "PktModal",
12
12
  "css-class": "pkt-modal",
@@ -105,11 +105,11 @@ var h = {
105
105
  }
106
106
  },
107
107
  slots: { default: { description: "Innholdet i meldingen. Her tilbyr vi støtteklasser for å style 1-3 knapper i modalen." } }
108
- }, g = class extends c {
108
+ }, h = class extends s {
109
109
  constructor() {
110
- super(), this.open = !1, this.headingText = "", this.removePadding = !1, this.hideCloseButton = h.props.hideCloseButton.default, this.closeOnBackdropClick = h.props.closeOnBackdropClick.default, this.closeButtonSkin = "blue", this.size = h.props.size.default, this.variant = "dialog", this.drawerPosition = "right", this.transparentBackdrop = !1, this.dialogRef = d(), this._scrollLockToken = m(), this._idSuffix = f(), this._headingId = `pkt-modal__headingText-${this._idSuffix}`, this._contentId = `pkt-modal__content-${this._idSuffix}`, this._isOpen = !1, this.close = (e, t = !1) => {
110
+ super(), this.open = !1, this.headingText = "", this.removePadding = !1, this.hideCloseButton = m.props.hideCloseButton.default, this.closeOnBackdropClick = m.props.closeOnBackdropClick.default, this.closeButtonSkin = "blue", this.size = m.props.size.default, this.variant = "dialog", this.drawerPosition = "right", this.transparentBackdrop = !1, this.dialogRef = u(), this._scrollLockToken = p(), this._idSuffix = d(), this._headingId = `pkt-modal__headingText-${this._idSuffix}`, this._contentId = `pkt-modal__content-${this._idSuffix}`, this._isOpen = !1, this.close = (e, t = !1) => {
111
111
  if (!this._isOpen) return;
112
- this._isOpen = !1, this.open = !1, p(this._scrollLockToken, !1);
112
+ this._isOpen = !1, this.open = !1, f(this._scrollLockToken, !1);
113
113
  let n = document.activeElement;
114
114
  n && !this.isElementInViewport(n) && n.scrollIntoView({
115
115
  behavior: "smooth",
@@ -118,20 +118,20 @@ var h = {
118
118
  detail: { origin: e },
119
119
  bubbles: !0,
120
120
  composed: !0
121
- })), t || this.dialogRef.value?.close(), this.requestUpdate();
121
+ })), t || this.dialogRef.value?.close();
122
122
  }, this.showModal = (e = null) => {
123
- this._isOpen = !0, this.open = !0, this.dialogRef.value?.showModal(), p(this._scrollLockToken, !0), this.dispatchEvent(new CustomEvent("showModal", {
123
+ this._isOpen = !0, this.open = !0, this.dialogRef.value?.showModal(), f(this._scrollLockToken, !0), this.dispatchEvent(new CustomEvent("showModal", {
124
124
  detail: { origin: e },
125
125
  bubbles: !0,
126
126
  composed: !0
127
- })), this.requestUpdate();
127
+ }));
128
128
  }, this._isOpen = !1;
129
129
  }
130
130
  async connectedCallback() {
131
131
  super.connectedCallback(), document.addEventListener("keydown", this.handleKeyDown.bind(this)), document.addEventListener("click", this.handleBackdropClick.bind(this));
132
132
  }
133
133
  disconnectedCallback() {
134
- super.disconnectedCallback(), document.removeEventListener("keydown", this.handleKeyDown), document.removeEventListener("click", this.handleBackdropClick), p(this._scrollLockToken, !1);
134
+ super.disconnectedCallback(), document.removeEventListener("keydown", this.handleKeyDown), document.removeEventListener("click", this.handleBackdropClick), f(this._scrollLockToken, !1);
135
135
  }
136
136
  updated(e) {
137
137
  super.updated(e), e.has("open") && (this.open && !this._isOpen ? this.showModal() : !this.open && this._isOpen && this.close(new Event("close"), !1));
@@ -168,62 +168,60 @@ var h = {
168
168
  }, i = this.headingIconName ? e`<pkt-icon
169
169
  class="pkt-modal__headingIcon"
170
170
  name=${this.headingIconName}
171
- path=${l(this.headingIconPath)}
172
- ></pkt-icon>` : n, a = {
171
+ path=${c(this.headingIconPath)}
172
+ ></pkt-icon>` : n, s = {
173
173
  "pkt-modal__content": !0,
174
174
  "pkt-txt-18-light": !0
175
- }, c = this.closeButtonSkin === "blue", d = {
175
+ }, u = this.closeButtonSkin === "blue", d = {
176
176
  "pkt-modal__closeButton": !0,
177
177
  [`pkt-modal__closeButton--${this.closeButtonSkin}`]: !0
178
178
  };
179
179
  return e`
180
180
  <dialog
181
- class=${o(t)}
182
- ${u(this.dialogRef)}
181
+ class=${a(t)}
182
+ ${l(this.dialogRef)}
183
183
  aria-labelledby=${this.headingText ? this._headingId : n}
184
184
  aria-describedby=${this._contentId}
185
185
  @close=${(e) => this.close(e, !0)}
186
186
  >
187
187
  <div class="pkt-modal__wrapper">
188
188
  ${this.headingText || !this.hideCloseButton ? e`<div class="pkt-modal__header">
189
- <div class="pkt-modal__header-background"></div>
190
- ${this.headingText ? e`<h1 id=${this._headingId} class=${o(r)}>
191
- ${i}${this.headingText}
192
- </h1>` : e`<div class="pkt-modal__headingText"></div>`}
193
- ${this.hideCloseButton ? e`<div class="pkt-modal__noCloseButton"></div>` : e`<div class="${o(d)}">
194
- <pkt-button
195
- @click=${(e) => this.close(e)}
196
- aria-label=${this.pktStrings.get("generic").close}
197
- iconname="close"
198
- variant="icon-only"
199
- size="medium"
200
- skin=${c ? "tertiary" : "primary"}
201
- >
202
- ${this.pktStrings.get("generic").close}
203
- </pkt-button>
204
- </div>`}
205
- </div>` : n}
189
+ <div class="pkt-modal__header-background"></div>
190
+ ${this.headingText ? e`<h1 id=${this._headingId} class=${a(r)}>
191
+ ${i}${this.headingText}
192
+ </h1>` : e`<div class="pkt-modal__headingText"></div>`}
193
+ ${this.hideCloseButton ? e`<div class="pkt-modal__noCloseButton"></div>` : e`<div class="${a(d)}">
194
+ <pkt-button
195
+ @click=${(e) => this.close(e)}
196
+ aria-label=${this.pktStrings.get("generic").close}
197
+ iconname="close"
198
+ variant="icon-only"
199
+ size="medium"
200
+ skin=${u ? "tertiary" : "primary"}
201
+ >
202
+ ${this.pktStrings.get("generic").close}
203
+ </pkt-button>
204
+ </div>`}
205
+ </div>` : n}
206
206
  <div class="pkt-modal__container">
207
- <div id=${this._contentId} class=${o(a)}>
208
- ${s(this)}
209
- </div>
207
+ <div id=${this._contentId} class=${a(s)}>${o(this)}</div>
210
208
  </div>
211
209
  </div>
212
210
  </dialog>
213
211
  `;
214
212
  }
215
213
  };
216
- i([a({
214
+ r([i({
217
215
  type: Boolean,
218
216
  reflect: !0
219
- })], g.prototype, "open", void 0), i([a({ type: String })], g.prototype, "headingText", void 0), i([a({ type: String })], g.prototype, "headingIconName", void 0), i([a({ type: String })], g.prototype, "headingIconPath", void 0), i([a({ type: Boolean })], g.prototype, "removePadding", void 0), i([a({ type: Boolean })], g.prototype, "hideCloseButton", void 0), i([a({ type: Boolean })], g.prototype, "closeOnBackdropClick", void 0), i([a({ type: String })], g.prototype, "closeButtonSkin", void 0), i([a({ type: String })], g.prototype, "size", void 0), i([a({ type: String })], g.prototype, "variant", void 0), i([a({ type: String })], g.prototype, "drawerPosition", void 0), i([a({ type: Boolean })], g.prototype, "transparentBackdrop", void 0), i([r()], g.prototype, "_isOpen", void 0);
217
+ })], h.prototype, "open", void 0), r([i({ type: String })], h.prototype, "headingText", void 0), r([i({ type: String })], h.prototype, "headingIconName", void 0), r([i({ type: String })], h.prototype, "headingIconPath", void 0), r([i({ type: Boolean })], h.prototype, "removePadding", void 0), r([i({ type: Boolean })], h.prototype, "hideCloseButton", void 0), r([i({ type: Boolean })], h.prototype, "closeOnBackdropClick", void 0), r([i({ type: String })], h.prototype, "closeButtonSkin", void 0), r([i({ type: String })], h.prototype, "size", void 0), r([i({ type: String })], h.prototype, "variant", void 0), r([i({ type: String })], h.prototype, "drawerPosition", void 0), r([i({ type: Boolean })], h.prototype, "transparentBackdrop", void 0);
220
218
  try {
221
- t("pkt-modal")(g);
219
+ t("pkt-modal")(h);
222
220
  } catch {
223
221
  console.warn("Forsøker å definere <pkt-modal>, men den er allerede definert");
224
222
  }
225
223
  //#endregion
226
224
  //#region src/components/modal/index.ts
227
- var _ = g;
225
+ var g = h;
228
226
  //#endregion
229
- export { g as n, _ as t };
227
+ export { h as n, g as t };
@@ -1,4 +1,4 @@
1
- const e=require("./element-C6WTyJFE.cjs"),t=require("./class-map-Bh6toDeV.cjs"),n=require("./element-with-slot-B0Vp_OuR.cjs");require("./icon-Dk8y6odR.cjs");const r=require("./if-defined-CiML3MTM.cjs"),i=require("./ref-CB7e9nMY.cjs"),a=require("./utils-63cRpWut.cjs"),o=require("./scroll-lock-x0VxhKWZ.cjs");var s={name:`pkt-modal`,react:`PktModal`,"css-class":`pkt-modal`,isElement:!0,isPureReact:!0,events:{"background-click":{description:`Event som trigges når bakgrunnen trykkes på`},close:{description:`Event som trigges når meldingsboksen lukkes`}},props:{open:{name:`Åpen`,description:`Deklarativ styring av modalens åpen/lukket-tilstand. Kan brukes i stedet for showModal()/close()-metodene.`,type:`boolean`,category:`tech`,default:!1},headingText:{name:`Heading text`,description:`Heading tekst på modalen`,type:`string`,category:`contents`},headingIconName:{name:`Ikon i overskriften`,description:`Navn på ikonet som vises foran overskriften. Vises bare når headingText er satt.`,type:`icon`,category:`ui`},headingIconPath:{name:`Ikon-sti for overskriften`,description:`Overstyr stien til ikonet i overskriften. Kan også settes globalt med window.pktIconPath.`,type:`string`,category:`tech`},hideCloseButton:{name:`Gjem 'Lukk'-knapp`,description:`Gjemmer lukkeknappen. Dersom denne er satt til true, vil ikke lukkeknappen vises, og dermed er det viktig at man tilbyr en annen måte som f.eks. en knapp for å lukke modalen på.`,type:`boolean`,category:`ui`,default:!1},closeOnBackdropClick:{name:`Lukk modalen når bakgrunnen trykkes på`,description:`Lukk modalen når bakgrunnen trykkes på`,type:`boolean`,category:`tech`,default:!1},closeButtonSkin:{name:`Stil på lukkeknappen`,description:`Stil på lukkeknappen`,type:[`blue`,`yellow-filled`],category:`ui`,default:`blue`},size:{name:`Størrelse`,description:`Størrelsen på modalen`,type:[`small`,`medium`,`large`,`fit-content`],category:`ui`,default:`medium`},variant:{name:`Variant`,description:`Standard dialog eller skuff`,type:[`dialog`,`drawer`],category:`ui`,default:`dialog`},drawerPosition:{name:`Skuffposisjon`,description:`Posisjonen til skuffen`,type:[`left`,`right`],category:`ui`,default:`right`},transparentBackdrop:{name:`Gjennomsiktig bakgrunn`,description:`Bakgrunnen er gjennomsiktig`,type:`boolean`,category:`ui`,default:!1},removePadding:{name:`Fjern padding`,description:`Fjerner paddingen rundt innholdet i modalen`,type:`boolean`,category:`ui`,default:!1}},slots:{default:{description:`Innholdet i meldingen. Her tilbyr vi støtteklasser for å style 1-3 knapper i modalen.`}}},c=class extends n.t{constructor(){super(),this.open=!1,this.headingText=``,this.removePadding=!1,this.hideCloseButton=s.props.hideCloseButton.default,this.closeOnBackdropClick=s.props.closeOnBackdropClick.default,this.closeButtonSkin=`blue`,this.size=s.props.size.default,this.variant=`dialog`,this.drawerPosition=`right`,this.transparentBackdrop=!1,this.dialogRef=i.t(),this._scrollLockToken=o.t(),this._idSuffix=a.n(),this._headingId=`pkt-modal__headingText-${this._idSuffix}`,this._contentId=`pkt-modal__content-${this._idSuffix}`,this._isOpen=!1,this.close=(e,t=!1)=>{if(!this._isOpen)return;this._isOpen=!1,this.open=!1,o.n(this._scrollLockToken,!1);let n=document.activeElement;n&&!this.isElementInViewport(n)&&n.scrollIntoView({behavior:`smooth`,block:`nearest`}),this.dispatchEvent(new CustomEvent(`close`,{detail:{origin:e},bubbles:!0,composed:!0})),t||this.dialogRef.value?.close(),this.requestUpdate()},this.showModal=(e=null)=>{this._isOpen=!0,this.open=!0,this.dialogRef.value?.showModal(),o.n(this._scrollLockToken,!0),this.dispatchEvent(new CustomEvent(`showModal`,{detail:{origin:e},bubbles:!0,composed:!0})),this.requestUpdate()},this._isOpen=!1}async connectedCallback(){super.connectedCallback(),document.addEventListener(`keydown`,this.handleKeyDown.bind(this)),document.addEventListener(`click`,this.handleBackdropClick.bind(this))}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener(`keydown`,this.handleKeyDown),document.removeEventListener(`click`,this.handleBackdropClick),o.n(this._scrollLockToken,!1)}updated(e){super.updated(e),e.has(`open`)&&(this.open&&!this._isOpen?this.showModal():!this.open&&this._isOpen&&this.close(new Event(`close`),!1))}async firstUpdated(e){super.firstUpdated(e),this.dialogRef.value&&!window.HTMLDialogElement&&!this.dialogRef.value.showModal&&(`document`in window&&`createElement`in document&&(await Promise.resolve().then(()=>require("./dialog-polyfill.esm-CW51hN2p.cjs")).then(e=>e.default)).registerDialog(this.dialogRef.value),this.dialogRef.value.addEventListener(`close`,()=>{this.close(new Event(`close`),!0)}))}handleKeyDown(e){e.key===`Escape`&&this.close(e)}handleBackdropClick(e){this.closeOnBackdropClick&&e.target===this.dialogRef?.value&&this.close(e)}isElementInViewport(e){let t=e.getBoundingClientRect();return t.top>=0&&t.left>=0&&t.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&t.right<=(window.innerWidth||document.documentElement.clientWidth)}render(){let a={"pkt-modal":!0,"pkt-modal--removePadding":this.removePadding??!1,"pkt-modal--noHeadingText":this.headingText===``||this.headingText===void 0,"pkt-modal--noShadow":this.closeButtonSkin===`yellow-filled`,"pkt-modal--transparentBackdrop":this.transparentBackdrop??!1,[`pkt-modal--${this.size}`]:this.size!==void 0,[`pkt-modal__${this.variant}`]:this.variant!==void 0,[`pkt-modal__drawer--${this.drawerPosition}`]:this.variant===`drawer`},o={"pkt-modal__headingText":!0,"pkt-txt-24":!0,"pkt-modal__headingText--hasIcon":!!this.headingIconName},s=this.headingIconName?e._`<pkt-icon
1
+ const e=require("./element-C6WTyJFE.cjs"),t=require("./class-map-Bh6toDeV.cjs"),n=require("./element-with-slot-B0Vp_OuR.cjs");require("./icon-BsRlhXU2.cjs");const r=require("./if-defined-CiML3MTM.cjs"),i=require("./ref-CB7e9nMY.cjs"),a=require("./utils-63cRpWut.cjs"),o=require("./scroll-lock-x0VxhKWZ.cjs");var s={name:`pkt-modal`,react:`PktModal`,"css-class":`pkt-modal`,isElement:!0,isPureReact:!0,events:{"background-click":{description:`Event som trigges når bakgrunnen trykkes på`},close:{description:`Event som trigges når meldingsboksen lukkes`}},props:{open:{name:`Åpen`,description:`Deklarativ styring av modalens åpen/lukket-tilstand. Kan brukes i stedet for showModal()/close()-metodene.`,type:`boolean`,category:`tech`,default:!1},headingText:{name:`Heading text`,description:`Heading tekst på modalen`,type:`string`,category:`contents`},headingIconName:{name:`Ikon i overskriften`,description:`Navn på ikonet som vises foran overskriften. Vises bare når headingText er satt.`,type:`icon`,category:`ui`},headingIconPath:{name:`Ikon-sti for overskriften`,description:`Overstyr stien til ikonet i overskriften. Kan også settes globalt med window.pktIconPath.`,type:`string`,category:`tech`},hideCloseButton:{name:`Gjem 'Lukk'-knapp`,description:`Gjemmer lukkeknappen. Dersom denne er satt til true, vil ikke lukkeknappen vises, og dermed er det viktig at man tilbyr en annen måte som f.eks. en knapp for å lukke modalen på.`,type:`boolean`,category:`ui`,default:!1},closeOnBackdropClick:{name:`Lukk modalen når bakgrunnen trykkes på`,description:`Lukk modalen når bakgrunnen trykkes på`,type:`boolean`,category:`tech`,default:!1},closeButtonSkin:{name:`Stil på lukkeknappen`,description:`Stil på lukkeknappen`,type:[`blue`,`yellow-filled`],category:`ui`,default:`blue`},size:{name:`Størrelse`,description:`Størrelsen på modalen`,type:[`small`,`medium`,`large`,`fit-content`],category:`ui`,default:`medium`},variant:{name:`Variant`,description:`Standard dialog eller skuff`,type:[`dialog`,`drawer`],category:`ui`,default:`dialog`},drawerPosition:{name:`Skuffposisjon`,description:`Posisjonen til skuffen`,type:[`left`,`right`],category:`ui`,default:`right`},transparentBackdrop:{name:`Gjennomsiktig bakgrunn`,description:`Bakgrunnen er gjennomsiktig`,type:`boolean`,category:`ui`,default:!1},removePadding:{name:`Fjern padding`,description:`Fjerner paddingen rundt innholdet i modalen`,type:`boolean`,category:`ui`,default:!1}},slots:{default:{description:`Innholdet i meldingen. Her tilbyr vi støtteklasser for å style 1-3 knapper i modalen.`}}},c=class extends n.t{constructor(){super(),this.open=!1,this.headingText=``,this.removePadding=!1,this.hideCloseButton=s.props.hideCloseButton.default,this.closeOnBackdropClick=s.props.closeOnBackdropClick.default,this.closeButtonSkin=`blue`,this.size=s.props.size.default,this.variant=`dialog`,this.drawerPosition=`right`,this.transparentBackdrop=!1,this.dialogRef=i.t(),this._scrollLockToken=o.t(),this._idSuffix=a.n(),this._headingId=`pkt-modal__headingText-${this._idSuffix}`,this._contentId=`pkt-modal__content-${this._idSuffix}`,this._isOpen=!1,this.close=(e,t=!1)=>{if(!this._isOpen)return;this._isOpen=!1,this.open=!1,o.n(this._scrollLockToken,!1);let n=document.activeElement;n&&!this.isElementInViewport(n)&&n.scrollIntoView({behavior:`smooth`,block:`nearest`}),this.dispatchEvent(new CustomEvent(`close`,{detail:{origin:e},bubbles:!0,composed:!0})),t||this.dialogRef.value?.close()},this.showModal=(e=null)=>{this._isOpen=!0,this.open=!0,this.dialogRef.value?.showModal(),o.n(this._scrollLockToken,!0),this.dispatchEvent(new CustomEvent(`showModal`,{detail:{origin:e},bubbles:!0,composed:!0}))},this._isOpen=!1}async connectedCallback(){super.connectedCallback(),document.addEventListener(`keydown`,this.handleKeyDown.bind(this)),document.addEventListener(`click`,this.handleBackdropClick.bind(this))}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener(`keydown`,this.handleKeyDown),document.removeEventListener(`click`,this.handleBackdropClick),o.n(this._scrollLockToken,!1)}updated(e){super.updated(e),e.has(`open`)&&(this.open&&!this._isOpen?this.showModal():!this.open&&this._isOpen&&this.close(new Event(`close`),!1))}async firstUpdated(e){super.firstUpdated(e),this.dialogRef.value&&!window.HTMLDialogElement&&!this.dialogRef.value.showModal&&(`document`in window&&`createElement`in document&&(await Promise.resolve().then(()=>require("./dialog-polyfill.esm-CW51hN2p.cjs")).then(e=>e.default)).registerDialog(this.dialogRef.value),this.dialogRef.value.addEventListener(`close`,()=>{this.close(new Event(`close`),!0)}))}handleKeyDown(e){e.key===`Escape`&&this.close(e)}handleBackdropClick(e){this.closeOnBackdropClick&&e.target===this.dialogRef?.value&&this.close(e)}isElementInViewport(e){let t=e.getBoundingClientRect();return t.top>=0&&t.left>=0&&t.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&t.right<=(window.innerWidth||document.documentElement.clientWidth)}render(){let a={"pkt-modal":!0,"pkt-modal--removePadding":this.removePadding??!1,"pkt-modal--noHeadingText":this.headingText===``||this.headingText===void 0,"pkt-modal--noShadow":this.closeButtonSkin===`yellow-filled`,"pkt-modal--transparentBackdrop":this.transparentBackdrop??!1,[`pkt-modal--${this.size}`]:this.size!==void 0,[`pkt-modal__${this.variant}`]:this.variant!==void 0,[`pkt-modal__drawer--${this.drawerPosition}`]:this.variant===`drawer`},o={"pkt-modal__headingText":!0,"pkt-txt-24":!0,"pkt-modal__headingText--hasIcon":!!this.headingIconName},s=this.headingIconName?e._`<pkt-icon
2
2
  class="pkt-modal__headingIcon"
3
3
  name=${this.headingIconName}
4
4
  path=${r.t(this.headingIconPath)}
@@ -12,28 +12,26 @@ const e=require("./element-C6WTyJFE.cjs"),t=require("./class-map-Bh6toDeV.cjs"),
12
12
  >
13
13
  <div class="pkt-modal__wrapper">
14
14
  ${this.headingText||!this.hideCloseButton?e._`<div class="pkt-modal__header">
15
- <div class="pkt-modal__header-background"></div>
16
- ${this.headingText?e._`<h1 id=${this._headingId} class=${t.t(o)}>
17
- ${s}${this.headingText}
18
- </h1>`:e._`<div class="pkt-modal__headingText"></div>`}
19
- ${this.hideCloseButton?e._`<div class="pkt-modal__noCloseButton"></div>`:e._`<div class="${t.t(u)}">
20
- <pkt-button
21
- @click=${e=>this.close(e)}
22
- aria-label=${this.pktStrings.get(`generic`).close}
23
- iconname="close"
24
- variant="icon-only"
25
- size="medium"
26
- skin=${l?`tertiary`:`primary`}
27
- >
28
- ${this.pktStrings.get(`generic`).close}
29
- </pkt-button>
30
- </div>`}
31
- </div>`:e.h}
15
+ <div class="pkt-modal__header-background"></div>
16
+ ${this.headingText?e._`<h1 id=${this._headingId} class=${t.t(o)}>
17
+ ${s}${this.headingText}
18
+ </h1>`:e._`<div class="pkt-modal__headingText"></div>`}
19
+ ${this.hideCloseButton?e._`<div class="pkt-modal__noCloseButton"></div>`:e._`<div class="${t.t(u)}">
20
+ <pkt-button
21
+ @click=${e=>this.close(e)}
22
+ aria-label=${this.pktStrings.get(`generic`).close}
23
+ iconname="close"
24
+ variant="icon-only"
25
+ size="medium"
26
+ skin=${l?`tertiary`:`primary`}
27
+ >
28
+ ${this.pktStrings.get(`generic`).close}
29
+ </pkt-button>
30
+ </div>`}
31
+ </div>`:e.h}
32
32
  <div class="pkt-modal__container">
33
- <div id=${this._contentId} class=${t.t(c)}>
34
- ${n.i(this)}
35
- </div>
33
+ <div id=${this._contentId} class=${t.t(c)}>${n.i(this)}</div>
36
34
  </div>
37
35
  </div>
38
36
  </dialog>
39
- `}};e.n([e.u({type:Boolean,reflect:!0})],c.prototype,`open`,void 0),e.n([e.u({type:String})],c.prototype,`headingText`,void 0),e.n([e.u({type:String})],c.prototype,`headingIconName`,void 0),e.n([e.u({type:String})],c.prototype,`headingIconPath`,void 0),e.n([e.u({type:Boolean})],c.prototype,`removePadding`,void 0),e.n([e.u({type:Boolean})],c.prototype,`hideCloseButton`,void 0),e.n([e.u({type:Boolean})],c.prototype,`closeOnBackdropClick`,void 0),e.n([e.u({type:String})],c.prototype,`closeButtonSkin`,void 0),e.n([e.u({type:String})],c.prototype,`size`,void 0),e.n([e.u({type:String})],c.prototype,`variant`,void 0),e.n([e.u({type:String})],c.prototype,`drawerPosition`,void 0),e.n([e.u({type:Boolean})],c.prototype,`transparentBackdrop`,void 0),e.n([e.l()],c.prototype,`_isOpen`,void 0);try{e.d(`pkt-modal`)(c)}catch{console.warn(`Forsøker å definere <pkt-modal>, men den er allerede definert`)}var l=c;Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return l}});
37
+ `}};e.n([e.u({type:Boolean,reflect:!0})],c.prototype,`open`,void 0),e.n([e.u({type:String})],c.prototype,`headingText`,void 0),e.n([e.u({type:String})],c.prototype,`headingIconName`,void 0),e.n([e.u({type:String})],c.prototype,`headingIconPath`,void 0),e.n([e.u({type:Boolean})],c.prototype,`removePadding`,void 0),e.n([e.u({type:Boolean})],c.prototype,`hideCloseButton`,void 0),e.n([e.u({type:Boolean})],c.prototype,`closeOnBackdropClick`,void 0),e.n([e.u({type:String})],c.prototype,`closeButtonSkin`,void 0),e.n([e.u({type:String})],c.prototype,`size`,void 0),e.n([e.u({type:String})],c.prototype,`variant`,void 0),e.n([e.u({type:String})],c.prototype,`drawerPosition`,void 0),e.n([e.u({type:Boolean})],c.prototype,`transparentBackdrop`,void 0);try{e.d(`pkt-modal`)(c)}catch{console.warn(`Forsøker å definere <pkt-modal>, men den er allerede definert`)}var l=c;Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return l}});
@@ -0,0 +1,23 @@
1
+ const e=require("./element-C6WTyJFE.cjs"),t=require("./element-with-slot-B0Vp_OuR.cjs"),n=require("./booleanish-BF8l4scU.cjs");require("./shared-types-BvRk9kiK.cjs"),require("./input-wrapper-DT9h0n2i.cjs");const r=require("./utils-63cRpWut.cjs");var i={layout:`vertical`,inputSize:`medium`,hasTile:!1,required:!1,disabled:!1,hasError:!1,useWrapper:!0,requiredTag:!1,optionalTag:!1},a=[`change`,`input`,`value-change`,`focus`,`blur`];function o(e){return e.checked===void 0?e.hasAttribute(`checked`):e.checked===!0||e.checked===``||e.checked===`true`}function s(e){return(typeof e.value==`string`?e.value:e.getAttribute(`value`))||`on`}function c(e){return e.hasAttribute(`disabled`)||e.matches(`:disabled`)}var l=class extends t.t{get groupName(){return this.name||this.id||this.generatedId}options(){return Array.from(this.querySelectorAll(this.optionSelector))}createGroupContext(){return{name:this.groupName,hasTile:this.hasTile,hasError:this.hasError}}syncValidity(){}constructor(){super(),this.name=``,this.label=``,this.helptext=``,this.helptextDropdown=``,this.helptextDropdownButton=null,this.hasError=i.hasError,this.errorMessage=``,this.disabled=i.disabled,this.required=i.required,this.hasTile=i.hasTile,this.layout=i.layout,this.inputSize=i.inputSize,this.useWrapper=i.useWrapper,this.optionalTag=i.optionalTag,this.requiredTag=i.requiredTag,this.tagText=null,this.generatedId=r.n(),this.knownOptions=new Set,this.resetForm=null,this.handleFormReset=()=>{setTimeout(()=>{this.hasStoredValue&&this.storeCurrentValue(),this.syncValidity()})},this.relayOptionEvent=e=>{let t=e.target;if(!t||t===this||!t.matches(this.optionSelector))return;e.stopImmediatePropagation();let n={bubbles:!0,composed:!0};e.type===`change`?(this.storeCurrentValue(),this.syncValidity(),this.dispatchEvent(new Event(`change`,n))):e.type===`input`?this.dispatchEvent(new InputEvent(`input`,n)):e.type===`value-change`&&this.dispatchEvent(new CustomEvent(`value-change`,{...n,detail:this.value}))},this.handleFocusIn=e=>{this.contains(e.relatedTarget)||this.dispatchEvent(new FocusEvent(`focus`,{bubbles:!0,composed:!0,relatedTarget:e.relatedTarget}))},this.handleFocusOut=e=>{this.contains(e.relatedTarget)||this.dispatchEvent(new FocusEvent(`blur`,{bubbles:!0,composed:!0,relatedTarget:e.relatedTarget}))};for(let e of a)this.addEventListener(e,this.relayOptionEvent);this.addEventListener(`focusin`,this.handleFocusIn),this.addEventListener(`focusout`,this.handleFocusOut)}disconnectedCallback(){super.disconnectedCallback(),this.watchFormReset(null)}focus(e){let t=this.options();(t.find(e=>o(e)&&!c(e))??t.find(e=>!c(e)))?.querySelector(`input`)?.focus(e)}willUpdate(e){super.willUpdate(e);let t=this.createGroupContext(),n=this.groupContext;(!n||Object.keys(t).some(e=>t[e]!==n[e]))&&(this.groupContext=t)}updated(e){super.updated(e);let t=this.options(),n=t.filter(e=>!this.knownOptions.has(e));this.knownOptions=new Set(t),this.hasStoredValue&&n.length&&this.applyStoredValue(n),this.syncValidity(),this.watchFormReset(t[0]?.form??null)}watchFormReset(e){e!==this.resetForm&&(this.resetForm?.removeEventListener(`reset`,this.handleFormReset),this.resetForm=e,this.resetForm?.addEventListener(`reset`,this.handleFormReset))}render(){return e._`
2
+ <pkt-input-wrapper
3
+ ${t.n(this,[null,`helptext`])}
4
+ .strings=${this.strings}
5
+ label=${this.label}
6
+ hasFieldset
7
+ ?disabled=${this.disabled}
8
+ ?hasError=${this.hasError}
9
+ ?optionalTag=${this.optionalTag}
10
+ ?requiredTag=${this.requiredTag}
11
+ useWrapper=${this.useWrapper}
12
+ .errorMessage=${this.errorMessage}
13
+ .forId=${this.id||this.generatedId}
14
+ .helptext=${this.helptext}
15
+ .helptextDropdown=${this.helptextDropdown}
16
+ .helptextDropdownButton=${this.helptextDropdownButton}
17
+ .layout=${this.layout}
18
+ .optionalText=${this.optionalText}
19
+ .requiredText=${this.requiredText}
20
+ .tagText=${this.tagText}
21
+ .size=${this.inputSize}
22
+ ></pkt-input-wrapper>
23
+ `}};e.n([e.u({type:String})],l.prototype,`name`,void 0),e.n([e.u({type:String})],l.prototype,`label`,void 0),e.n([e.u({type:String})],l.prototype,`helptext`,void 0),e.n([e.u({type:String})],l.prototype,`helptextDropdown`,void 0),e.n([e.u({type:String})],l.prototype,`helptextDropdownButton`,void 0),e.n([e.u({type:Boolean})],l.prototype,`hasError`,void 0),e.n([e.u({type:String})],l.prototype,`errorMessage`,void 0),e.n([e.u({type:Boolean})],l.prototype,`disabled`,void 0),e.n([e.u({type:Boolean})],l.prototype,`required`,void 0),e.n([e.u({type:Boolean})],l.prototype,`hasTile`,void 0),e.n([e.u({type:String})],l.prototype,`layout`,void 0),e.n([e.u({type:String,attribute:`input-size`})],l.prototype,`inputSize`,void 0),e.n([e.u({type:Boolean,converter:n.t})],l.prototype,`useWrapper`,void 0),e.n([e.u({type:Boolean})],l.prototype,`optionalTag`,void 0),e.n([e.u({type:String})],l.prototype,`optionalText`,void 0),e.n([e.u({type:Boolean})],l.prototype,`requiredTag`,void 0),e.n([e.u({type:String})],l.prototype,`requiredText`,void 0),e.n([e.u({type:String})],l.prototype,`tagText`,void 0),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return l}});
@@ -1,7 +1,8 @@
1
1
  import { _ as e, n as t, u as n } from "./element-ckeMVgMz.js";
2
2
  import { n as r, t as i } from "./element-with-slot-Dp2Gzv-Q.js";
3
3
  import { t as a } from "./booleanish-OQJTYSrw.js";
4
- import "./input-wrapper-BttEKK9G.js";
4
+ import "./shared-types-A6iGIX-f.js";
5
+ import "./input-wrapper-7RSISZu6.js";
5
6
  import { n as o } from "./utils-BwF4QSrq.js";
6
7
  //#region ../../shared-types/option-group.ts
7
8
  var s = {
@@ -1 +1 @@
1
- Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./accordion-Ea61u8Xj.cjs");exports.PktAccordion=e.r,exports.PktAccordionItem=e.n,exports.default=e.t;
1
+ Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./accordion-Bg4CMrUM.cjs");exports.PktAccordion=e.r,exports.PktAccordionItem=e.n,exports.default=e.t;
@@ -1 +1 @@
1
- export { r as PktAccordion, n as PktAccordionItem, t as default } from "./accordion-gEzU_AQC.js";
1
+ export { r as PktAccordion, n as PktAccordionItem, t as default } from "./accordion-BHVzR-6Z.js";
@@ -1 +1 @@
1
- Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./alert-ByQC8-D1.cjs");exports.PktAlert=e.n,exports.default=e.t;
1
+ Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./alert-CBW94-ku.cjs");exports.PktAlert=e.n,exports.default=e.t;
package/dist/pkt-alert.js CHANGED
@@ -1 +1 @@
1
- export { n as PktAlert, t as default } from "./alert-B3ify6mt.js";
1
+ export { n as PktAlert, t as default } from "./alert-CdfTJcT2.js";
@@ -1 +1 @@
1
- Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./backlink-CNRyH73A.cjs");exports.PktBackLink=e.n,exports.default=e.t;
1
+ Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./backlink-GIyyoDoi.cjs");exports.PktBackLink=e.n,exports.default=e.t;
@@ -1 +1 @@
1
- export { n as PktBackLink, t as default } from "./backlink-HF3DMgLc.js";
1
+ export { n as PktBackLink, t as default } from "./backlink-D3rkJWkd.js";
@@ -1 +1 @@
1
- Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./breadcrumbs-YQ1orAK_.cjs");exports.PktBreadcrumbs=e.t;
1
+ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./breadcrumbs-B7U57Zey.cjs");exports.PktBreadcrumbs=e.t;
@@ -1 +1 @@
1
- export { t as PktBreadcrumbs } from "./breadcrumbs-qyZMkJtA.js";
1
+ export { t as PktBreadcrumbs } from "./breadcrumbs-B4WdX4QR.js";
@@ -1 +1 @@
1
- Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./button-DWXtPiAA.cjs");exports.PktButton=e.n,exports.default=e.t;
1
+ Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./button-DdR_XzMY.cjs");exports.PktButton=e.n,exports.default=e.t;
@@ -1 +1 @@
1
- export { n as PktButton, t as default } from "./button-U4r2XSv4.js";
1
+ export { n as PktButton, t as default } from "./button-DwcFG7bU.js";
@@ -1 +1 @@
1
- Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./calendar-4S_k7_KN.cjs");exports.PktCalendar=e.n,exports.default=e.t;
1
+ Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./calendar-DcenMWOQ.cjs");exports.PktCalendar=e.n,exports.default=e.t;
@@ -1 +1 @@
1
- export { n as PktCalendar, t as default } from "./calendar-C8maj_iv.js";
1
+ export { n as PktCalendar, t as default } from "./calendar-DGOwyX3o.js";
package/dist/pkt-card.cjs CHANGED
@@ -1 +1 @@
1
- Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./card-CS0OoVjJ.cjs");exports.PktCard=e.n,exports.default=e.t;
1
+ Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./card-CizBnD59.cjs");exports.PktCard=e.n,exports.default=e.t;
package/dist/pkt-card.js CHANGED
@@ -1 +1 @@
1
- export { n as PktCard, t as default } from "./card-yxsQ563N.js";
1
+ export { n as PktCard, t as default } from "./card-D4rpTD_e.js";
@@ -1 +1 @@
1
- Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./checkbox-group-BFtLRclu.cjs");exports.PktCheckboxGroup=e.n,exports.default=e.t;
1
+ Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./checkbox-group-C3CwgQIq.cjs");exports.PktCheckboxGroup=e.n,exports.default=e.t;
@@ -1 +1 @@
1
- export { n as PktCheckboxGroup, t as default } from "./checkbox-group-AVOtCLSB.js";
1
+ export { n as PktCheckboxGroup, t as default } from "./checkbox-group-BCtUOlZp.js";
@@ -1 +1 @@
1
- Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./checkbox-Cj3S0xJE.cjs");exports.PktCheckbox=e.n,exports.default=e.t;
1
+ Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./checkbox-B8foyiOW.cjs");exports.PktCheckbox=e.n,exports.default=e.t;
@@ -1 +1 @@
1
- export { n as PktCheckbox, t as default } from "./checkbox-A5B82H0n.js";
1
+ export { n as PktCheckbox, t as default } from "./checkbox-D9-KugOh.js";
@@ -1 +1 @@
1
- Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./combobox-rmrzvK3U.cjs");exports.PktCombobox=e.n,exports.default=e.t;
1
+ Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./combobox-Bfe2p8d8.cjs");exports.PktCombobox=e.n,exports.default=e.t;
@@ -1 +1 @@
1
- export { n as PktCombobox, t as default } from "./combobox-CScZtqsn.js";
1
+ export { n as PktCombobox, t as default } from "./combobox-CXdUSMaA.js";