@oslokommune/punkt-elements 18.0.0 → 18.2.0
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.
- package/CHANGELOG.md +34 -0
- package/dist/{accordion-1_pdxTgJ.js → accordion-CcUosZjL.js} +5 -5
- package/dist/{accordion-DobbH-Sv.cjs → accordion-k0pWTG1X.cjs} +1 -1
- package/dist/alert-BD8YVKia.cjs +35 -0
- package/dist/{alert-xspFetQ8.js → alert-Bmaly2Yo.js} +46 -41
- package/dist/{async-directive-D2Sht790.js → async-directive-COqx0IYj.js} +2 -2
- package/dist/{async-directive-B5pcIMfO.cjs → async-directive-DN2eg9gA.cjs} +1 -1
- package/dist/{backlink-C0jZFnZ2.js → backlink-C_ZO-ZbR.js} +4 -4
- package/dist/{backlink-ZMhqHaVs.cjs → backlink-Ch64Pivx.cjs} +1 -1
- package/dist/base-elements/element.d.ts +6 -1
- package/dist/base-elements/input-element.d.ts +2 -1
- package/dist/{breadcrumbs-BvMownZN.js → breadcrumbs-CF_gAbUk.js} +2 -2
- package/dist/{breadcrumbs-BS64xd1s.cjs → breadcrumbs-CzzbardP.cjs} +1 -1
- package/dist/{button-C44vNLFC.js → button-C1CQSASU.js} +5 -5
- package/dist/{button-CR4CXtnj.cjs → button-CF3dNKeI.cjs} +1 -1
- package/dist/{calendar-DQ4byeom.cjs → calendar-BxF81kB9.cjs} +1 -1
- package/dist/{calendar-DgjCKMMV.js → calendar-DRmxORMc.js} +3 -3
- package/dist/{card-Dpqi6HVt.cjs → card-Cg1daj05.cjs} +1 -1
- package/dist/{card-DhHqC265.js → card-W_Jb0Tlo.js} +7 -7
- package/dist/{checkbox-CXQxbiaX.cjs → checkbox-BHQv8lHq.cjs} +1 -1
- package/dist/{checkbox-BQ1K57AB.js → checkbox-BQw2dMSX.js} +4 -4
- package/dist/{class-map-CzCE5pqG.cjs → class-map-C33ixq7O.cjs} +1 -1
- package/dist/{class-map-F1DJHyb7.js → class-map-wh4Yi3oj.js} +1 -1
- package/dist/{combobox-BV4oDiII.cjs → combobox-BpZow9OU.cjs} +1 -1
- package/dist/{combobox-DPck39I2.js → combobox-C9wwnUfM.js} +12 -12
- package/dist/components/accordion/accordion.d.ts +2 -6
- package/dist/components/accordion/accordionitem.d.ts +2 -8
- package/dist/components/alert/alert.d.ts +5 -4
- package/dist/components/backlink/backlink.d.ts +4 -5
- package/dist/components/backlink/backlink.test.d.ts +1 -1
- package/dist/components/breadcrumbs/breadcrumbs.d.ts +7 -8
- package/dist/components/breadcrumbs/index.d.ts +1 -1
- package/dist/components/calendar/calendar.d.ts +2 -1
- package/dist/components/combobox/combobox-base.d.ts +2 -1
- package/dist/components/combobox/combobox.d.ts +2 -1
- package/dist/components/datepicker/date-tags.d.ts +2 -1
- package/dist/components/datepicker/datepicker.d.ts +2 -1
- package/dist/components/fileupload/fileupload-base.d.ts +4 -2
- package/dist/components/fileupload/fileupload-types.d.ts +5 -43
- package/dist/components/header/types.d.ts +3 -2
- package/dist/components/helptext/helptext.d.ts +2 -1
- package/dist/components/index.d.ts +2 -2
- package/dist/components/input-wrapper/input-wrapper.d.ts +2 -1
- package/dist/components/listbox/listbox.d.ts +3 -2
- package/dist/components/tag/tag.d.ts +2 -1
- package/dist/components/timepicker/timepicker.d.ts +2 -1
- package/dist/{consent-_N9foluG.cjs → consent-CPtr7cBw.cjs} +1 -1
- package/dist/{consent-BneInZov.js → consent-D8MrqGKk.js} +2 -2
- package/dist/{datepicker-nSSSr1U7.js → datepicker-D4YnAtWG.js} +11 -11
- package/dist/{datepicker-9NX5qt2z.cjs → datepicker-DaoumZT9.cjs} +1 -1
- package/dist/define-component-spec-BYOSeplU.js +6 -0
- package/dist/define-component-spec-DBNd2FJY.cjs +1 -0
- package/dist/{directive-helpers-BARw3nEZ.js → directive-helpers-BWSAVe00.js} +1 -1
- package/dist/{directive-helpers-D6AAMFKs.cjs → directive-helpers-C6J4AkFk.cjs} +1 -1
- package/dist/docs/components/alert.d.ts +2 -3
- package/dist/{element-B8OGznK0.cjs → element-DiFhBcIl.cjs} +1 -1
- package/dist/{element-BKSPVgs2.js → element-WEzISABa.js} +1 -0
- package/dist/{element-with-slot-YUAUFRqw.js → element-with-slot-BKYUx4gb.js} +2 -2
- package/dist/{element-with-slot-DTxILHVv.cjs → element-with-slot-CBK4zrdN.cjs} +1 -1
- package/dist/{fileupload-E0LGGNgj.js → fileupload-DEHSETw0.js} +110 -412
- package/dist/{fileupload-D05VSbEP.cjs → fileupload-DWu6FIMv.cjs} +37 -37
- package/dist/{footer-DYilVBMC.js → footer-BJLEw6Ab.js} +4 -4
- package/dist/{footer-DBApIdGh.cjs → footer-D_yYWkQ6.cjs} +1 -1
- package/dist/{header-B7tbX-Ok.cjs → header-B7_4Cwaq.cjs} +1 -1
- package/dist/{header-v3GWAzOK.js → header-DLVq7-dM.js} +11 -11
- package/dist/{header-menu-D522-VTV.js → header-menu-BsrrTjpT.js} +4 -4
- package/dist/{header-menu-1FFWhvNc.cjs → header-menu-m7nOOC1g.cjs} +1 -1
- package/dist/{heading-rx_oSCqe.js → heading-DSArgrDK.js} +2 -2
- package/dist/{heading-CvytvcL7.cjs → heading-_RPw2UW9.cjs} +1 -1
- package/dist/{helptext-DYFdcylX.cjs → helptext-QMVsW5g6.cjs} +1 -1
- package/dist/{helptext-LShGPm-b.js → helptext-dtVVufNH.js} +4 -4
- package/dist/{icon-HYU1f54x.js → icon-DEtOSWRK.js} +1 -1
- package/dist/{icon-BmMC09mi.cjs → icon-DIavy2cB.cjs} +1 -1
- package/dist/{if-defined-BF8XcDi5.js → if-defined-BmnvvxtR.js} +1 -1
- package/dist/if-defined-Dc3xFDaM.cjs +1 -0
- package/dist/{input-element-DumGj_oJ.cjs → input-element-DQY1Rpbp.cjs} +1 -1
- package/dist/{input-element-D07DmR34.js → input-element-IBypGOaV.js} +2 -2
- package/dist/{input-wrapper-Cci_wTvD.js → input-wrapper-CQgAL1Br.js} +6 -6
- package/dist/{input-wrapper-DDfapoRX.cjs → input-wrapper-mJZLVXy_.cjs} +1 -1
- package/dist/{link-CQK0SH4H.js → link-DwLeY37f.js} +51 -18
- package/dist/link-yk4IXDWm.cjs +7 -0
- package/dist/{linkcard-DNYsVlV6.cjs → linkcard-BinKnxQF.cjs} +1 -1
- package/dist/{linkcard-B4GlmjJ6.js → linkcard-D5DXpmXI.js} +4 -4
- package/dist/{listbox-BlFRhyI7.cjs → listbox-C5zTRNAO.cjs} +1 -1
- package/dist/{listbox-wd_OofyF.js → listbox-C8ooO8qZ.js} +4 -4
- package/dist/{loader-0C3qVk16.js → loader-C3HyayzL.js} +4 -4
- package/dist/{loader-B9u2qUlR.cjs → loader-DHF7M5Vn.cjs} +1 -1
- package/dist/{messagebox-BD5tGmT-.cjs → messagebox-DqYf6VmQ.cjs} +1 -1
- package/dist/{messagebox-C-y1ICmr.js → messagebox-u8i3R5QA.js} +4 -4
- package/dist/{modal-BzPGQYCs.cjs → modal-CnJ9y2TQ.cjs} +1 -1
- package/dist/{modal-Cghs3w-d.js → modal-V-jEe0aY.js} +5 -5
- package/dist/pkt-accordion.cjs +1 -1
- package/dist/pkt-accordion.js +1 -1
- package/dist/pkt-alert.cjs +1 -1
- package/dist/pkt-alert.js +1 -1
- package/dist/pkt-backlink.cjs +1 -1
- package/dist/pkt-backlink.js +1 -1
- package/dist/pkt-breadcrumbs.cjs +1 -1
- package/dist/pkt-breadcrumbs.js +1 -1
- package/dist/pkt-button.cjs +1 -1
- package/dist/pkt-button.js +1 -1
- package/dist/pkt-calendar.cjs +1 -1
- package/dist/pkt-calendar.js +1 -1
- package/dist/pkt-card.cjs +1 -1
- package/dist/pkt-card.js +1 -1
- package/dist/pkt-checkbox.cjs +1 -1
- package/dist/pkt-checkbox.js +1 -1
- package/dist/pkt-combobox.cjs +1 -1
- package/dist/pkt-combobox.js +1 -1
- package/dist/pkt-consent.cjs +1 -1
- package/dist/pkt-consent.js +1 -1
- package/dist/pkt-datepicker.cjs +1 -1
- package/dist/pkt-datepicker.js +1 -1
- package/dist/pkt-fileupload.cjs +1 -1
- package/dist/pkt-fileupload.js +1 -1
- package/dist/pkt-footer.cjs +1 -1
- package/dist/pkt-footer.js +1 -1
- package/dist/pkt-header-menu.cjs +1 -1
- package/dist/pkt-header-menu.js +1 -1
- package/dist/pkt-header.cjs +1 -1
- package/dist/pkt-header.js +1 -1
- package/dist/pkt-heading.cjs +1 -1
- package/dist/pkt-heading.js +1 -1
- package/dist/pkt-helptext.cjs +1 -1
- package/dist/pkt-helptext.js +1 -1
- package/dist/pkt-icon.cjs +1 -1
- package/dist/pkt-icon.js +1 -1
- package/dist/pkt-index.cjs +1 -1
- package/dist/pkt-index.js +34 -34
- package/dist/pkt-input-wrapper.cjs +1 -1
- package/dist/pkt-input-wrapper.js +1 -1
- package/dist/pkt-link.cjs +1 -1
- package/dist/pkt-link.js +1 -1
- package/dist/pkt-linkcard.cjs +1 -1
- package/dist/pkt-linkcard.js +1 -1
- package/dist/pkt-listbox.cjs +1 -1
- package/dist/pkt-listbox.js +1 -1
- package/dist/pkt-loader.cjs +1 -1
- package/dist/pkt-loader.js +1 -1
- package/dist/pkt-messagebox.cjs +1 -1
- package/dist/pkt-messagebox.js +1 -1
- package/dist/pkt-modal.cjs +1 -1
- package/dist/pkt-modal.js +1 -1
- package/dist/{pkt-options-controller-CEEAqXaB.cjs → pkt-options-controller-BhMNCWcc.cjs} +1 -1
- package/dist/{pkt-options-controller-PtjhmTGk.js → pkt-options-controller-CuQ6SClv.js} +1 -1
- package/dist/pkt-progressbar.cjs +1 -1
- package/dist/pkt-progressbar.js +1 -1
- package/dist/pkt-radiobutton.cjs +1 -1
- package/dist/pkt-radiobutton.js +1 -1
- package/dist/pkt-searchinput.cjs +1 -1
- package/dist/pkt-searchinput.js +1 -1
- package/dist/pkt-select.cjs +1 -1
- package/dist/pkt-select.js +1 -1
- package/dist/pkt-tabs.cjs +1 -1
- package/dist/pkt-tabs.js +1 -1
- package/dist/pkt-tag.cjs +1 -1
- package/dist/pkt-tag.js +1 -1
- package/dist/pkt-textarea.cjs +1 -1
- package/dist/pkt-textarea.js +1 -1
- package/dist/pkt-textinput.cjs +1 -1
- package/dist/pkt-textinput.js +1 -1
- package/dist/pkt-timepicker.cjs +1 -1
- package/dist/pkt-timepicker.js +1 -1
- package/dist/{progressbar-BexQQw1o.js → progressbar-DS4i8IWq.js} +4 -4
- package/dist/{progressbar-X9mSvpjw.cjs → progressbar-DY5hxImR.cjs} +1 -1
- package/dist/{radiobutton-CkhTasn4.js → radiobutton-BhvZztMZ.js} +4 -4
- package/dist/{radiobutton-ln29Ad3U.cjs → radiobutton-BswqwRnA.cjs} +1 -1
- package/dist/{ref-CHbJYtKE.cjs → ref-DZmN5Qgj.cjs} +1 -1
- package/dist/{ref-Chc_DZAb.js → ref-OU8ryfP6.js} +2 -2
- package/dist/{repeat-CHDs__rN.cjs → repeat-DIa_g6WL.cjs} +1 -1
- package/dist/{repeat-P9SMlKd5.js → repeat-Dx2H127b.js} +2 -2
- package/dist/{searchinput-Da7dKHBH.js → searchinput-CJo1PpM7.js} +4 -4
- package/dist/{searchinput-CPgMEAZZ.cjs → searchinput-Cl46nW0r.cjs} +1 -1
- package/dist/{select-jabMSjft.js → select-CBrjauXT.js} +7 -7
- package/dist/{select-DCuvdAuK.cjs → select-Dman8Skr.cjs} +1 -1
- package/dist/shared-strings/index.d.ts +1 -1
- package/dist/shared-strings/nb.d.ts +3 -0
- package/dist/shared-strings/types.d.ts +17 -0
- package/dist/shared-types/accordion.d.ts +58 -0
- package/dist/shared-types/alert.d.ts +20 -0
- package/dist/shared-types/aria.d.ts +2 -1
- package/dist/shared-types/backlink.d.ts +23 -0
- package/dist/shared-types/breadcrumbs.d.ts +33 -0
- package/dist/shared-types/fileupload.d.ts +56 -2
- package/dist/shared-types/footer.d.ts +10 -0
- package/dist/shared-types/form-field.d.ts +46 -0
- package/dist/shared-types/header-footer.d.ts +2 -0
- package/dist/shared-types/index.d.ts +15 -5
- package/dist/shared-types/render-link.d.ts +22 -0
- package/dist/shared-types/searchinput.d.ts +2 -1
- package/dist/shared-types/skin.d.ts +2 -9
- package/dist/{tabs-DV5CQNDL.cjs → tabs-C1m5rSrR.cjs} +1 -1
- package/dist/{tabs-D_hoi1zu.js → tabs-Xu3mIedh.js} +4 -4
- package/dist/{tag-DK5SgKry.js → tag-Azkjhkeu.js} +5 -5
- package/dist/{tag-BxYulmZn.cjs → tag-BS6dDPxY.cjs} +1 -1
- package/dist/{textarea-BR7Riace.js → textarea-D4qXcVGD.js} +9 -9
- package/dist/{textarea-ffBD_VHq.cjs → textarea-DftUkR6w.cjs} +1 -1
- package/dist/{textinput-CtHFzAux.cjs → textinput-Ar-1Sbqy.cjs} +1 -1
- package/dist/{textinput-CRNrsRNV.js → textinput-iCgwwNPU.js} +8 -8
- package/dist/{timepicker-ixs_E5RY.js → timepicker-W6HVWtmA.js} +8 -8
- package/dist/{timepicker-AfgJipo6.cjs → timepicker-dpAF7h49.cjs} +1 -1
- package/package.json +2 -2
- package/src/components/accordion/accordion.ts +2 -10
- package/src/components/accordion/accordionitem.ts +2 -9
- package/src/components/alert/alert.ts +21 -12
- package/src/components/backlink/backlink.test.ts +3 -3
- package/src/components/backlink/backlink.ts +4 -6
- package/src/components/breadcrumbs/breadcrumbs.ts +9 -10
- package/src/components/breadcrumbs/index.ts +1 -1
- package/src/components/calendar/calendar.ts +2 -1
- package/src/components/combobox/combobox-base.ts +2 -1
- package/src/components/combobox/combobox.ts +2 -1
- package/src/components/datepicker/date-tags.ts +2 -1
- package/src/components/datepicker/datepicker.ts +3 -1
- package/src/components/fileupload/fileupload-base.ts +4 -3
- package/src/components/fileupload/fileupload-types.ts +5 -42
- package/src/components/header/types.ts +6 -4
- package/src/components/helptext/helptext.ts +2 -1
- package/src/components/index.ts +2 -2
- package/src/components/input-wrapper/input-wrapper.ts +3 -2
- package/src/components/link/link.ts +8 -3
- package/src/components/listbox/listbox.ts +3 -2
- package/src/components/tag/tag.ts +2 -2
- package/src/components/timepicker/timepicker.ts +3 -2
- package/dist/alert-COeHz6o2.cjs +0 -33
- package/dist/if-defined-CVYApOgK.cjs +0 -1
- package/dist/link-11g2ZNin.cjs +0 -7
package/CHANGELOG.md
CHANGED
|
@@ -5,6 +5,40 @@ og skriver commits ca etter [Conventional Commits](https://conventionalcommits.o
|
|
|
5
5
|
|
|
6
6
|
---
|
|
7
7
|
|
|
8
|
+
## [18.2.0](https://github.com/oslokommune/punkt/compare/18.1.0...18.2.0) (2026-09-01)
|
|
9
|
+
|
|
10
|
+
### ⚠ BREAKING CHANGES
|
|
11
|
+
Ingen
|
|
12
|
+
|
|
13
|
+
### Features
|
|
14
|
+
Ingen
|
|
15
|
+
|
|
16
|
+
### Bug Fixes
|
|
17
|
+
Ingen
|
|
18
|
+
|
|
19
|
+
### Chores
|
|
20
|
+
Ingen
|
|
21
|
+
|
|
22
|
+
---
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
## [18.1.0](https://github.com/oslokommune/punkt/compare/18.0.0...18.1.0) (2026-08-31)
|
|
26
|
+
|
|
27
|
+
### ⚠ BREAKING CHANGES
|
|
28
|
+
Ingen
|
|
29
|
+
|
|
30
|
+
### Features
|
|
31
|
+
Ingen
|
|
32
|
+
|
|
33
|
+
### Bug Fixes
|
|
34
|
+
Ingen
|
|
35
|
+
|
|
36
|
+
### Chores
|
|
37
|
+
Ingen
|
|
38
|
+
|
|
39
|
+
---
|
|
40
|
+
|
|
41
|
+
|
|
8
42
|
## [18.0.0](https://github.com/oslokommune/punkt/compare/17.1.3...18.0.0) (2026-08-27)
|
|
9
43
|
|
|
10
44
|
### ⚠ BREAKING CHANGES
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { _ as e, c as t, d as n, l as r, n as i, u as a } from "./element-
|
|
2
|
-
import { t as o } from "./class-map-
|
|
3
|
-
import { n as s, t as c } from "./element-with-slot-
|
|
4
|
-
import { t as l } from "./if-defined-
|
|
1
|
+
import { _ as e, c as t, d as n, l as r, n as i, u as a } from "./element-WEzISABa.js";
|
|
2
|
+
import { t as o } from "./class-map-wh4Yi3oj.js";
|
|
3
|
+
import { n as s, t as c } from "./element-with-slot-BKYUx4gb.js";
|
|
4
|
+
import { t as l } from "./if-defined-BmnvvxtR.js";
|
|
5
5
|
import { n as u, r as d, t as f } from "./consume-BDnMAp2g.js";
|
|
6
|
-
import { n as p, t as m } from "./ref-
|
|
6
|
+
import { n as p, t as m } from "./ref-OU8ryfP6.js";
|
|
7
7
|
//#region src/components/accordion/accordion-context.ts
|
|
8
8
|
var h = d(Symbol("pkt-accordion-context")), g = class extends t {
|
|
9
9
|
constructor(...e) {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
const e=require("./element-
|
|
1
|
+
const e=require("./element-DiFhBcIl.cjs"),t=require("./class-map-C33ixq7O.cjs"),n=require("./element-with-slot-CBK4zrdN.cjs"),r=require("./if-defined-Dc3xFDaM.cjs"),i=require("./consume-Le4HztPo.cjs"),a=require("./ref-DZmN5Qgj.cjs");var o=i.r(Symbol(`pkt-accordion-context`)),s=class extends e.c{constructor(...e){super(...e),this.ariaLabelledBy=``,this.compact=!1,this.skin=`borderless`,this.name=``,this.context={skin:this.skin}}willUpdate(e){e.has(`skin`)&&(this.context={...this.context,skin:this.skin})}updated(e){e.has(`name`)&&this.updateAccordionItemNames()}updateAccordionItemNames(){if(this.name){let e=this.renderRoot?.querySelector(`slot`);e&&e.assignedElements().forEach(e=>{e.tagName.toLowerCase()===`pkt-accordion-item`&&(e.hasAttribute(`name`)||e.setAttribute(`name`,this.name))})}}firstUpdated(){let e=this.renderRoot?.querySelector(`slot`);e&&e.addEventListener(`slotchange`,()=>{this.updateAccordionItemNames()})}render(){let n={"pkt-accordion":!0,"pkt-accordion--compact":this.compact,[`pkt-accordion--${this.skin}`]:this.skin};return e._`
|
|
2
2
|
<div
|
|
3
3
|
part="container"
|
|
4
4
|
class=${t.t(n)}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
const e=require("./element-DiFhBcIl.cjs"),t=require("./class-map-C33ixq7O.cjs"),n=require("./format-B8meU8Tm.cjs"),r=require("./element-with-slot-CBK4zrdN.cjs"),i=require("./classutils-CbklAJDe.cjs"),a=require("./define-component-spec-DBNd2FJY.cjs");require("./icon-DIavy2cB.cjs"),require("./button-CF3dNKeI.cjs");var o=[`off`,`polite`,`assertive`],s=[`info`,`success`,`warning`,`error`],c=[`medium`,`small`,`xsmall`],l=a.t({name:`pkt-alert`,react:`PktAlert`,"css-class":`pkt-alert`,"dark-mode":!0,isElement:!0,isPureReact:!0,events:{onClose:{description:`React: Klikk-event for 'Lukk'-knappen`},close:{description:`Vue: Klikk-event for 'Lukk'-knappen`}},props:{title:{name:`Tittel`,description:`Tittelen som vises øverst i på meldingen`,type:`string`,category:`contents`},skin:{name:`Utseende`,description:`Hvordan type melding er dette?`,type:[...s],default:`info`,category:`ui`},date:{name:`Sist oppdatert`,description:`Dato som vises nederst i på meldingen`,type:`string`,category:`contents`},ariaLive:{name:`aria-live`,description:`Hvordan skal skjermleseren lese opp meldingen?`,type:[...o],default:`polite`,category:`accessibility`},size:{name:`Størrelse`,description:`Endrer størrelsen på ulike elementer i alerten.`,type:[...c],default:`medium`,category:`ui`},closeAlert:{name:`Vis 'Lukk'-knapp`,description:`Viser 'Lukk'-knappen`,type:`boolean`,default:!1,category:`ui`}},slots:{default:{description:`Innholdet i meldingen`}},deprecated:{compact:{name:`Kompakt (deprecated)`,description:"Bruk `size` i stedet; uten eksplisitt `size` gir compact størrelsen 'small'.",type:`boolean`,category:`ui`,default:!1}}}),u=class extends r.t{constructor(){super(),this.compact=l.deprecated.compact.default,this.title=``,this.skin=l.props.skin.default,this.ariaLive=l.props.ariaLive.default,this.ariaLiveAttr=null,this.closeAlert=l.props.closeAlert.default,this.date=null,this.role=`status`,this._isClosed=!1,this.close=e=>{this._isClosed=!0,this.dispatchEvent(new CustomEvent(`close`,{detail:{origin:e},bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent(`on-close`,{detail:{origin:e},bubbles:!0,composed:!0}))},this._isClosed=!1}connectedCallback(){super.connectedCallback(),this.ariaLiveAttr=this.getAttribute(`aria-live`)||this.ariaLive}attributeChangedCallback(e,t,n){e===`ariaLive`&&(this.ariaLiveAttr=n),super.attributeChangedCallback(e,t,n)}updated(e){super.updated(e),e.has(`ariaLive`)&&(this.ariaLiveAttr=this.ariaLive),e.has(`_isClosed`)&&i.t(this,`pkt-hide`,this._isClosed)}render(){let i=this.size??(this.compact?`small`:`medium`),a={"pkt-alert":!0,[`pkt-alert--${i}`]:!0,[`pkt-alert--${this.skin}`]:!0,"pkt-hide":this._isClosed},o={"pkt-alert__grid":!0,"pkt-alert__noTitle":!this.title,"pkt-alert__noDate":!this.date};return e._`
|
|
2
|
+
<div class=${t.t(a)} aria-live=${this.ariaLiveAttr}>
|
|
3
|
+
<div class=${t.t(o)}>
|
|
4
|
+
<pkt-icon
|
|
5
|
+
class="pkt-alert__icon"
|
|
6
|
+
aria-hidden="true"
|
|
7
|
+
name=${this.skin===`info`?`alert-information`:`alert-${this.skin}`}
|
|
8
|
+
></pkt-icon>
|
|
9
|
+
|
|
10
|
+
${this.closeAlert?e._`
|
|
11
|
+
<div class="pkt-alert__close">
|
|
12
|
+
<pkt-button
|
|
13
|
+
tabindex="0"
|
|
14
|
+
aria-label="close"
|
|
15
|
+
size=${i}
|
|
16
|
+
type="button"
|
|
17
|
+
skin="tertiary"
|
|
18
|
+
iconName="close"
|
|
19
|
+
variant="icon-only"
|
|
20
|
+
@click=${this.close}
|
|
21
|
+
>
|
|
22
|
+
<span class="sr-only">${this.pktStrings.get(`generic`).close}</span>
|
|
23
|
+
</pkt-button>
|
|
24
|
+
</div>
|
|
25
|
+
`:e.h}
|
|
26
|
+
${this.title?e._`<div class="pkt-alert__title">${this.title}</div>`:e.h}
|
|
27
|
+
|
|
28
|
+
<div class="pkt-alert__text">${r.n(this)}</div>
|
|
29
|
+
|
|
30
|
+
${this.date?e._`<div class="pkt-alert__date">
|
|
31
|
+
${n.t(this.pktStrings.get(`alert`).lastUpdated,{date:this.date})}
|
|
32
|
+
</div>`:e.h}
|
|
33
|
+
</div>
|
|
34
|
+
</div>
|
|
35
|
+
`}};e.n([e.u({type:Boolean,reflect:!1})],u.prototype,`compact`,void 0),e.n([e.u({type:String,reflect:!0})],u.prototype,`title`,void 0),e.n([e.u({type:String,reflect:!0})],u.prototype,`skin`,void 0),e.n([e.u({type:String})],u.prototype,`ariaLive`,void 0),e.n([e.u({type:String,reflect:!0,attribute:`aria-live`})],u.prototype,`ariaLiveAttr`,void 0),e.n([e.u({type:Boolean,reflect:!0})],u.prototype,`closeAlert`,void 0),e.n([e.u({type:String,reflect:!0})],u.prototype,`date`,void 0),e.n([e.u({type:String,reflect:!0})],u.prototype,`role`,void 0),e.n([e.u({type:String,attribute:`size`})],u.prototype,`size`,void 0),e.n([e.l()],u.prototype,`_isClosed`,void 0);try{e.d(`pkt-alert`)(u)}catch{console.warn(`Forsøker å definere <pkt-alert>, men den er allerede definert`)}var d=u;Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return d}});
|
|
@@ -1,10 +1,26 @@
|
|
|
1
|
-
import { _ as e, d as t, h as n, l as r, n as i, u as a } from "./element-
|
|
2
|
-
import { t as o } from "./class-map-
|
|
3
|
-
import {
|
|
4
|
-
import { t as l } from "./
|
|
5
|
-
import "./
|
|
6
|
-
import "./
|
|
7
|
-
|
|
1
|
+
import { _ as e, d as t, h as n, l as r, n as i, u as a } from "./element-WEzISABa.js";
|
|
2
|
+
import { t as o } from "./class-map-wh4Yi3oj.js";
|
|
3
|
+
import { t as s } from "./format-BTeSVkED.js";
|
|
4
|
+
import { n as c, t as l } from "./element-with-slot-BKYUx4gb.js";
|
|
5
|
+
import { t as u } from "./classutils-DcYnSgfc.js";
|
|
6
|
+
import { t as d } from "./define-component-spec-BYOSeplU.js";
|
|
7
|
+
import "./icon-DEtOSWRK.js";
|
|
8
|
+
import "./button-C1CQSASU.js";
|
|
9
|
+
//#region ../../shared-types/aria.ts
|
|
10
|
+
var f = [
|
|
11
|
+
"off",
|
|
12
|
+
"polite",
|
|
13
|
+
"assertive"
|
|
14
|
+
], p = [
|
|
15
|
+
"info",
|
|
16
|
+
"success",
|
|
17
|
+
"warning",
|
|
18
|
+
"error"
|
|
19
|
+
], m = [
|
|
20
|
+
"medium",
|
|
21
|
+
"small",
|
|
22
|
+
"xsmall"
|
|
23
|
+
], h = d({
|
|
8
24
|
name: "pkt-alert",
|
|
9
25
|
react: "PktAlert",
|
|
10
26
|
"css-class": "pkt-alert",
|
|
@@ -25,12 +41,7 @@ var u = {
|
|
|
25
41
|
skin: {
|
|
26
42
|
name: "Utseende",
|
|
27
43
|
description: "Hvordan type melding er dette?",
|
|
28
|
-
type: [
|
|
29
|
-
"info",
|
|
30
|
-
"success",
|
|
31
|
-
"warning",
|
|
32
|
-
"error"
|
|
33
|
-
],
|
|
44
|
+
type: [...p],
|
|
34
45
|
default: "info",
|
|
35
46
|
category: "ui"
|
|
36
47
|
},
|
|
@@ -43,22 +54,14 @@ var u = {
|
|
|
43
54
|
ariaLive: {
|
|
44
55
|
name: "aria-live",
|
|
45
56
|
description: "Hvordan skal skjermleseren lese opp meldingen?",
|
|
46
|
-
type: [
|
|
47
|
-
"off",
|
|
48
|
-
"polite",
|
|
49
|
-
"assertive"
|
|
50
|
-
],
|
|
57
|
+
type: [...f],
|
|
51
58
|
default: "polite",
|
|
52
59
|
category: "accessibility"
|
|
53
60
|
},
|
|
54
61
|
size: {
|
|
55
62
|
name: "Størrelse",
|
|
56
63
|
description: "Endrer størrelsen på ulike elementer i alerten.",
|
|
57
|
-
type: [
|
|
58
|
-
"medium",
|
|
59
|
-
"small",
|
|
60
|
-
"xsmall"
|
|
61
|
-
],
|
|
64
|
+
type: [...m],
|
|
62
65
|
default: "medium",
|
|
63
66
|
category: "ui"
|
|
64
67
|
},
|
|
@@ -73,14 +76,14 @@ var u = {
|
|
|
73
76
|
slots: { default: { description: "Innholdet i meldingen" } },
|
|
74
77
|
deprecated: { compact: {
|
|
75
78
|
name: "Kompakt (deprecated)",
|
|
76
|
-
description: "Bruk size i stedet; uten eksplisitt size gir compact størrelsen 'small'.",
|
|
79
|
+
description: "Bruk `size` i stedet; uten eksplisitt `size` gir compact størrelsen 'small'.",
|
|
77
80
|
type: "boolean",
|
|
78
81
|
category: "ui",
|
|
79
82
|
default: !1
|
|
80
83
|
} }
|
|
81
|
-
},
|
|
84
|
+
}), g = class extends l {
|
|
82
85
|
constructor() {
|
|
83
|
-
super(), this.compact =
|
|
86
|
+
super(), this.compact = h.deprecated.compact.default, this.title = "", this.skin = h.props.skin.default, this.ariaLive = h.props.ariaLive.default, this.ariaLiveAttr = null, this.closeAlert = h.props.closeAlert.default, this.date = null, this.role = "status", this._isClosed = !1, this.close = (e) => {
|
|
84
87
|
this._isClosed = !0, this.dispatchEvent(new CustomEvent("close", {
|
|
85
88
|
detail: { origin: e },
|
|
86
89
|
bubbles: !0,
|
|
@@ -99,7 +102,7 @@ var u = {
|
|
|
99
102
|
e === "ariaLive" && (this.ariaLiveAttr = n), super.attributeChangedCallback(e, t, n);
|
|
100
103
|
}
|
|
101
104
|
updated(e) {
|
|
102
|
-
super.updated(e), e.has("ariaLive") && (this.ariaLiveAttr = this.ariaLive), e.has("_isClosed") &&
|
|
105
|
+
super.updated(e), e.has("ariaLive") && (this.ariaLiveAttr = this.ariaLive), e.has("_isClosed") && u(this, "pkt-hide", this._isClosed);
|
|
103
106
|
}
|
|
104
107
|
render() {
|
|
105
108
|
let t = this.size ?? (this.compact ? "small" : "medium"), r = {
|
|
@@ -133,15 +136,17 @@ var u = {
|
|
|
133
136
|
variant="icon-only"
|
|
134
137
|
@click=${this.close}
|
|
135
138
|
>
|
|
136
|
-
<span class="sr-only"
|
|
139
|
+
<span class="sr-only">${this.pktStrings.get("generic").close}</span>
|
|
137
140
|
</pkt-button>
|
|
138
141
|
</div>
|
|
139
142
|
` : n}
|
|
140
143
|
${this.title ? e`<div class="pkt-alert__title">${this.title}</div>` : n}
|
|
141
144
|
|
|
142
|
-
<div class="pkt-alert__text">${
|
|
145
|
+
<div class="pkt-alert__text">${c(this)}</div>
|
|
143
146
|
|
|
144
|
-
${this.date ? e`<div class="pkt-alert__date">
|
|
147
|
+
${this.date ? e`<div class="pkt-alert__date">
|
|
148
|
+
${s(this.pktStrings.get("alert").lastUpdated, { date: this.date })}
|
|
149
|
+
</div>` : n}
|
|
145
150
|
</div>
|
|
146
151
|
</div>
|
|
147
152
|
`;
|
|
@@ -150,36 +155,36 @@ var u = {
|
|
|
150
155
|
i([a({
|
|
151
156
|
type: Boolean,
|
|
152
157
|
reflect: !1
|
|
153
|
-
})],
|
|
158
|
+
})], g.prototype, "compact", void 0), i([a({
|
|
154
159
|
type: String,
|
|
155
160
|
reflect: !0
|
|
156
|
-
})],
|
|
161
|
+
})], g.prototype, "title", void 0), i([a({
|
|
157
162
|
type: String,
|
|
158
163
|
reflect: !0
|
|
159
|
-
})],
|
|
164
|
+
})], g.prototype, "skin", void 0), i([a({ type: String })], g.prototype, "ariaLive", void 0), i([a({
|
|
160
165
|
type: String,
|
|
161
166
|
reflect: !0,
|
|
162
167
|
attribute: "aria-live"
|
|
163
|
-
})],
|
|
168
|
+
})], g.prototype, "ariaLiveAttr", void 0), i([a({
|
|
164
169
|
type: Boolean,
|
|
165
170
|
reflect: !0
|
|
166
|
-
})],
|
|
171
|
+
})], g.prototype, "closeAlert", void 0), i([a({
|
|
167
172
|
type: String,
|
|
168
173
|
reflect: !0
|
|
169
|
-
})],
|
|
174
|
+
})], g.prototype, "date", void 0), i([a({
|
|
170
175
|
type: String,
|
|
171
176
|
reflect: !0
|
|
172
|
-
})],
|
|
177
|
+
})], g.prototype, "role", void 0), i([a({
|
|
173
178
|
type: String,
|
|
174
179
|
attribute: "size"
|
|
175
|
-
})],
|
|
180
|
+
})], g.prototype, "size", void 0), i([r()], g.prototype, "_isClosed", void 0);
|
|
176
181
|
try {
|
|
177
|
-
t("pkt-alert")(
|
|
182
|
+
t("pkt-alert")(g);
|
|
178
183
|
} catch {
|
|
179
184
|
console.warn("Forsøker å definere <pkt-alert>, men den er allerede definert");
|
|
180
185
|
}
|
|
181
186
|
//#endregion
|
|
182
187
|
//#region src/components/alert/index.ts
|
|
183
|
-
var
|
|
188
|
+
var _ = g;
|
|
184
189
|
//#endregion
|
|
185
|
-
export {
|
|
190
|
+
export { g as n, _ as t };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { m as e, p as t } from "./element-
|
|
2
|
-
import { i as n } from "./directive-helpers-
|
|
1
|
+
import { m as e, p as t } from "./element-WEzISABa.js";
|
|
2
|
+
import { i as n } from "./directive-helpers-BWSAVe00.js";
|
|
3
3
|
//#region ../../node_modules/lit-html/async-directive.js
|
|
4
4
|
var r = (e, t) => {
|
|
5
5
|
let n = e._$AN;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const e=require("./element-
|
|
1
|
+
const e=require("./element-DiFhBcIl.cjs"),t=require("./directive-helpers-C6J4AkFk.cjs");var n=(e,t)=>{let r=e._$AN;if(r===void 0)return!1;for(let e of r)e._$AO?.(t,!1),n(e,t);return!0},r=e=>{let t,n;do{if((t=e._$AM)===void 0)break;n=t._$AN,n.delete(e),e=t}while(n?.size===0)},i=e=>{for(let t;t=e._$AM;e=t){let n=t._$AN;if(n===void 0)t._$AN=n=new Set;else if(n.has(e))break;n.add(e),s(t)}};function a(e){this._$AN===void 0?this._$AM=e:(r(this),this._$AM=e,i(this))}function o(e,t=!1,i=0){let a=this._$AH,o=this._$AN;if(o!==void 0&&o.size!==0){if(t){if(Array.isArray(a))for(let e=i;e<a.length;e++)n(a[e],!1),r(a[e]);else a!=null&&(n(a,!1),r(a))}else n(this,e)}}var s=t=>{t.type==e.m.CHILD&&(t._$AP??=o,t._$AQ??=a)},c=class extends e.p{constructor(){super(...arguments),this._$AN=void 0}_$AT(e,t,n){super._$AT(e,t,n),i(this),this.isConnected=e._$AU}_$AO(e,t=!0){e!==this.isConnected&&(this.isConnected=e,e?this.reconnected?.():this.disconnected?.()),t&&(n(this,e),r(this))}setValue(e){if(t.i(this._$Ct))this._$Ct._$AI(e,this);else{let t=[...this._$Ct._$AH];t[this._$Ci]=e,this._$Ct._$AI(t,this,0)}}disconnected(){}reconnected(){}};Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return c}});
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { _ as e, d as t, n, t as r, u as i } from "./element-
|
|
2
|
-
import "./icon-
|
|
3
|
-
import { t as a } from "./if-defined-
|
|
1
|
+
import { _ as e, d as t, n, t as r, u as i } from "./element-WEzISABa.js";
|
|
2
|
+
import "./icon-DEtOSWRK.js";
|
|
3
|
+
import { t as a } from "./if-defined-BmnvvxtR.js";
|
|
4
4
|
//#region src/components/backlink/backlink.ts
|
|
5
5
|
var o = class extends r {
|
|
6
6
|
constructor(...e) {
|
|
7
|
-
super(...e), this.href = "", this.text = "Forsiden", this.ariaLabel =
|
|
7
|
+
super(...e), this.href = "", this.text = "Forsiden", this.ariaLabel = null;
|
|
8
8
|
}
|
|
9
9
|
attributeChangedCallback(e, t, n) {
|
|
10
10
|
e === "arialabel" && this.removeAttribute("arialabel"), e === "href" && this.removeAttribute("href"), e === "text" && this.removeAttribute("text"), super.attributeChangedCallback(e, t, n);
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
const e=require("./element-
|
|
1
|
+
const e=require("./element-DiFhBcIl.cjs");require("./icon-DIavy2cB.cjs");const t=require("./if-defined-Dc3xFDaM.cjs");var n=class extends e.t{constructor(...e){super(...e),this.href=``,this.text=`Forsiden`,this.ariaLabel=null}attributeChangedCallback(e,t,n){e===`arialabel`&&this.removeAttribute(`arialabel`),e===`href`&&this.removeAttribute(`href`),e===`text`&&this.removeAttribute(`text`),super.attributeChangedCallback(e,t,n)}render(){return e._`<nav
|
|
2
2
|
class="pkt-back-link"
|
|
3
3
|
aria-label=${this.ariaLabel||this.pktStrings.get(`backlink`).label}
|
|
4
4
|
>
|
|
@@ -3,6 +3,11 @@ import { ElementProps } from '../types/typeUtils';
|
|
|
3
3
|
import { PktStringsController } from '../controllers/strings-controller';
|
|
4
4
|
import { TPktStringsOverride } from '../shared-strings';
|
|
5
5
|
type Props = ElementProps<PktElement, 'strings' | 'role'>;
|
|
6
|
+
/**
|
|
7
|
+
* `strings` on `$props` comes from `T` when the component includes `IPktStringsProps<NS>`.
|
|
8
|
+
* Unmigrated components keep the full catalogue from the base class.
|
|
9
|
+
*/
|
|
10
|
+
type PropsFor<T> = T & Omit<Props, 'strings'> & ('strings' extends keyof T ? unknown : Pick<Props, 'strings'>);
|
|
6
11
|
/**
|
|
7
12
|
* Base class for Punkt shadow DOM elements
|
|
8
13
|
* @extends LitElement
|
|
@@ -24,7 +29,7 @@ export declare class PktShadowElement<T = {}> extends LitElement {
|
|
|
24
29
|
/**
|
|
25
30
|
* Here to support prop typing in Vue
|
|
26
31
|
*/
|
|
27
|
-
$props: T
|
|
32
|
+
$props: PropsFor<T>;
|
|
28
33
|
/**
|
|
29
34
|
* Add support for Hot Module Reloading in dev mode
|
|
30
35
|
*/
|
|
@@ -2,6 +2,7 @@ import { PropertyValues } from 'lit';
|
|
|
2
2
|
import { Booleanish } from '../shared-types';
|
|
3
3
|
import { ElementProps } from '../types/typeUtils';
|
|
4
4
|
import { PktOptionsSlotController } from '../controllers/pkt-options-controller';
|
|
5
|
+
import { IPktStringsProps } from '../shared-strings';
|
|
5
6
|
import { PktElementWithSlot } from './element-with-slot';
|
|
6
7
|
/**
|
|
7
8
|
* Base interface for input options used in select, combobox, etc.
|
|
@@ -13,7 +14,7 @@ export interface PktInputOption {
|
|
|
13
14
|
disabled?: boolean;
|
|
14
15
|
hidden?: boolean;
|
|
15
16
|
}
|
|
16
|
-
type Props = ElementProps<PktInputElement, 'defaultValue' | 'disabled' | 'readonly' | 'required' | 'max' | 'maxlength' | 'min' | 'minlength' | 'ariaDescribedby' | 'ariaLabelledby' | 'name' | 'pattern' | 'placeholder' | 'id' | 'counter' | 'hasError' | 'hasFieldset' | 'inline' | 'optionalTag' | 'requiredTag' | 'skipForwardTestid' | 'useWrapper' | 'fullwidth' | 'counterMaxLength' | 'errorMessage' | 'helptext' | 'helptextDropdown' | 'helptextDropdownButton' | 'label' | 'optionalText' | 'requiredText' | 'tagText' | 'inputSize' | 'dataTestid'>;
|
|
17
|
+
type Props = ElementProps<PktInputElement, 'defaultValue' | 'disabled' | 'readonly' | 'required' | 'max' | 'maxlength' | 'min' | 'minlength' | 'ariaDescribedby' | 'ariaLabelledby' | 'name' | 'pattern' | 'placeholder' | 'id' | 'counter' | 'hasError' | 'hasFieldset' | 'inline' | 'optionalTag' | 'requiredTag' | 'skipForwardTestid' | 'useWrapper' | 'fullwidth' | 'counterMaxLength' | 'errorMessage' | 'helptext' | 'helptextDropdown' | 'helptextDropdownButton' | 'label' | 'optionalText' | 'requiredText' | 'tagText' | 'inputSize' | 'dataTestid'> & IPktStringsProps<'forms' | 'validation'>;
|
|
17
18
|
/**
|
|
18
19
|
* Base class for all Punkt input elements
|
|
19
20
|
* @extends PktElementWithSlot
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { _ as e, d as t, h as n, n as r, t as i, u as a } from "./element-
|
|
2
|
-
import "./icon-
|
|
1
|
+
import { _ as e, d as t, h as n, n as r, t as i, u as a } from "./element-WEzISABa.js";
|
|
2
|
+
import "./icon-DEtOSWRK.js";
|
|
3
3
|
//#region src/components/breadcrumbs/breadcrumbs.ts
|
|
4
4
|
var o = class extends i {
|
|
5
5
|
constructor(...e) {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
const e=require("./element-
|
|
1
|
+
const e=require("./element-DiFhBcIl.cjs");require("./icon-DIavy2cB.cjs");var t=class extends e.t{constructor(...e){super(...e),this.breadcrumbs=[]}handleLinkClick(e,t,n){let r=new CustomEvent(`navigate`,{detail:{item:t,index:n,originalEvent:e},bubbles:!0,composed:!0,cancelable:!0});this.dispatchEvent(r)||e.preventDefault()}render(){if(!this.breadcrumbs||this.breadcrumbs.length===0)return e.h;let t=this.breadcrumbs[this.breadcrumbs.length-2];return e._`
|
|
2
2
|
<nav class="pkt-breadcrumbs" aria-label=${this.pktStrings.get(`breadcrumbs`).ariaLabel}>
|
|
3
3
|
<ol class="pkt-breadcrumbs__list pkt-breadcrumbs--desktop">
|
|
4
4
|
${this.breadcrumbs.map((t,n)=>n===this.breadcrumbs.length-1?e._`
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { _ as e, d as t, h as n, l as r, n as i, u as a } from "./element-
|
|
2
|
-
import { t as o } from "./class-map-
|
|
3
|
-
import { n as s, t as c } from "./element-with-slot-
|
|
4
|
-
import "./icon-
|
|
5
|
-
import { t as l } from "./if-defined-
|
|
1
|
+
import { _ as e, d as t, h as n, l as r, n as i, u as a } from "./element-WEzISABa.js";
|
|
2
|
+
import { t as o } from "./class-map-wh4Yi3oj.js";
|
|
3
|
+
import { n as s, t as c } from "./element-with-slot-BKYUx4gb.js";
|
|
4
|
+
import "./icon-DEtOSWRK.js";
|
|
5
|
+
import { t as l } from "./if-defined-BmnvvxtR.js";
|
|
6
6
|
//#region src/components/button/button.ts
|
|
7
7
|
var u = "https://punkt-cdn.oslo.kommune.no/latest/animations/";
|
|
8
8
|
typeof window < "u" && (window.pktAnimationPath = window.pktAnimationPath || u);
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
const e=require("./element-
|
|
1
|
+
const e=require("./element-DiFhBcIl.cjs"),t=require("./class-map-C33ixq7O.cjs"),n=require("./element-with-slot-CBK4zrdN.cjs");require("./icon-DIavy2cB.cjs");const r=require("./if-defined-Dc3xFDaM.cjs");var i=`https://punkt-cdn.oslo.kommune.no/latest/animations/`;typeof window<`u`&&(window.pktAnimationPath=window.pktAnimationPath||i);var a=class a extends n.t{constructor(...e){super(...e),this.iconName=`user`,this.secondIconName=`user`,this.mode=`light`,this.size=`medium`,this.fullWidth=!1,this.fullWidthOnMobile=!1,this.skin=`primary`,this.variant=`label-only`,this.state=`normal`,this.type=`button`,this.form=void 0,this.isLoading=!1,this.disabled=!1,this.loadingAnimationPath=typeof window<`u`?window.pktAnimationPath:i,this.relocatedAria={}}connectedCallback(){super.connectedCallback(),this.addEventListener(`click`,e=>{(this.disabled||this.hasAttribute(`disabled`)||this.isLoading)&&(e.preventDefault(),e.stopImmediatePropagation())},!0),this.addEventListener(`keydown`,e=>{(this.disabled||this.hasAttribute(`disabled`)||this.isLoading)&&(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),e.stopImmediatePropagation())},!0)}attributeChangedCallback(e,t,n){super.attributeChangedCallback(e,t,n),e===`disabled`&&n===`false`&&(this.disabled=!1),(e===`isloading`||e===`isLoading`)&&n===`false`&&(this.isLoading=!1)}static{this.relocatedAriaAttributes=[`aria-haspopup`,`aria-expanded`,`aria-controls`]}willUpdate(e){super.willUpdate(e);let t=!1,n={...this.relocatedAria};for(let e of a.relocatedAriaAttributes){let r=this.getAttribute(e);r!==null&&(n[e]=r,this.removeAttribute(e),t=!0)}t&&(this.relocatedAria=n)}firstUpdated(e){super.firstUpdated(e),this.disabled===`false`&&(this.disabled=!1),this.isLoading===`false`&&(this.isLoading=!1)}render(){let i=this.form??this.getAttribute(`form`)??void 0,a={"pkt-btn":!0,[`pkt-btn--${this.size}`]:!!this.size,[`pkt-btn--${this.skin}`]:!!this.skin,[`pkt-btn--${this.variant}`]:!!this.variant,[`pkt-btn--${this.color}`]:!!this.color,[`pkt-btn--${this.state}`]:!!this.state,"pkt-btn--full":!!this.fullWidth,"pkt-btn--full-small":!!this.fullWidthOnMobile,"pkt-btn--disabled":!!this.disabled,"pkt-btn--isLoading":!!this.isLoading};return e._`
|
|
2
2
|
<button
|
|
3
3
|
class=${t.t(a)}
|
|
4
4
|
type=${this.type}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
const e=require("./element-
|
|
1
|
+
const e=require("./element-DiFhBcIl.cjs"),t=require("./class-map-C33ixq7O.cjs");require("./icon-DIavy2cB.cjs");const n=require("./converters-BJ9Fe0kW.cjs");function r(e,t,r){let i=n.y(e,r?.in);return isNaN(t)?n.b(r?.in||e,NaN):(t&&i.setDate(i.getDate()+t),i)}function i(e,t){let[r,i]=n.v(e,t.start,t.end);return{start:r,end:i}}function a(e,t){let{start:r,end:a}=i(t?.in,e),o=+r>+a,s=o?+r:+a,c=o?a:r;c.setHours(0,0,0,0);let l=t?.step??1;if(!l)return[];l<0&&(l=-l,o=!o);let u=[];for(;+c<=s;)u.push(n.b(r,c)),c.setDate(c.getDate()+l),c.setHours(0,0,0,0);return o?u.reverse():u}function o(e,t){let r=n.y(e,t?.in).getDay();return r===0?7:r}var s={name:`pkt-calendar`,react:`PktCalendar`,"css-class":`pkt-calendar`,isElement:!0,isPureReact:!0,props:{id:{type:`string`,name:`ID`,description:`Unik identifikasjon for kalenderen`},currentmonth:{type:`date`,name:`Gjeldende måned`,converter:`stringToDate`,description:`Måneden som vises i kalenderen`},selected:{type:`array`,name:`Valgte datoer`,converter:`csvToArray`,reflect:!0,items:{type:`date`},description:`Liste over valgte datoer`},excludeweekdays:{type:`array`,name:`Utelat ukedager`,converter:`csvToArray`,items:{type:`string`},description:`Liste over ukedager (1-7) som skal ekskluderes`},excludedates:{type:`array`,name:`Utelat datoer`,converter:`stringsToDate`,items:{type:`date`},description:`Liste over spesifikke datoer som skal ekskluderes`},earliest:{type:`date`,name:`Tidligst tillatte dato`,converter:`stringToDate`,default:null,description:`Tidligste dato som kan velges`},latest:{type:`date`,name:`Senest tillatte dato`,converter:`stringToDate`,default:null,description:`Seneste dato som kan velges`},weeknumbers:{type:`boolean`,name:`Vis ukenummer`,reflect:!0,default:!1,description:`Vis ukenummer i kalenderen`},withcontrols:{type:`boolean`,name:`Med velgere for måned/år`,reflect:!0,default:!1,description:`Vis navigasjonskontroller for måned og år`},multiple:{type:`boolean`,name:`Flervalg`,reflect:!0,default:!1,description:`Tillat valg av flere datoer`},maxMultiple:{attribute:`max-multiple`,type:`number`,name:`Maks antall i flervalg`,default:4,description:`Maksimalt antall datoer som kan velges`},today:{type:`string`,name:`Dagens dato (overstyring)`,description:`ISO-datostreng som overstyrer dagens dato. Nyttig for snapshot-tester.`},range:{type:`boolean`,name:`Datotidsrom (fra og til)`,reflect:!0,default:!1,description:`Tillat valg av datotidsrom`},dayStrings:{attribute:`day-strings`,type:`array`,name:`Korte dagsnavn`,items:{type:`string`},description:`Korte dagsnavn for kalenderoverskriften`},dayStringsLong:{attribute:`day-strings-long`,type:`array`,name:`Fulle dagsnavn`,items:{type:`string`},description:`Fulle dagsnavn for tilgjengelighetsetiketter`},monthStrings:{attribute:`month-strings`,type:`array`,name:`Månedsnavn`,items:{type:`string`},description:`Månedsnavn for kalendernavigasjonen`},weekString:{attribute:`week-string`,type:`string`,name:`Ukenummer-etikett`,description:`Etikett for ukenummerkolonnen`},prevMonthString:{attribute:`prev-month-string`,type:`string`,name:`Forrige måned-etikett`,description:`Tilgjengelighetsetikett for forrige måned-knappen`},nextMonthString:{attribute:`next-month-string`,type:`string`,name:`Neste måned-etikett`,description:`Tilgjengelighetsetikett for neste måned-knappen`}},events:{"date-selected":{description:`Returnerer en liste med valgte datoer i ISO-format`},close:{description:`Utløses når kalenderen ber om å lukkes (Escape-tast eller fokus forlater)`}}};function c(e,t){let r=(t.excludedates??[]).map(e=>typeof e==`string`?e:n.a(e));return!n.l(e,t.earliest,t.latest,r,t.excludeweekdays??[])}function l(e,t,n,r){return!!(c(e,n)||!t&&r.multiple&&r.maxMultiple>0&&r.selectedCount>=r.maxMultiple)}function u(e,t,r){let i=n.p(e,t,0);return!(r&&n.d(r)>i)}function d(e,t,r){let i=n.p(t===11?e+1:e,t===11?0:t+1,1);return!(r&&n.d(r)<i)}function f(e,t){let r=n.p(e,t,1),i=n.p(e,t+1,0),a=(r.getDay()+6)%7,o=i.getDate();return{firstDayOfMonth:r,lastDayOfMonth:i,startingDay:a,numDays:o,numRows:Math.ceil((o+a)/7),numDaysPrevMonth:n.p(e,t,0).getDate(),initialWeek:n._(r)}}function p(e,t,n,r){let{startingDay:i,numDays:a}=r;return e===0&&t<i?`prev-month`:n>a?`next-month`:`current-month`}function m(e,t,n,r){let{startingDay:i,numDaysPrevMonth:a,numDays:o}=r;return e===`prev-month`?a-(i-t-1):e===`next-month`?n-o:n}function h(e){return typeof e==`string`&&(e=e.split(`,`)),e.length===1&&e[0]===``?[]:e.map(e=>n.m(e))}function g(e,t){let r=a({start:e,end:t}),i={};if(Array.isArray(r)&&r.length)for(let a=0;a<r.length;a++){let o=r[a],s=o>e&&o<t;i[n.a(o)]=s}return i}function _(e,t,n,r){if(t.length!==1)return!0;let i=a({start:t[0],end:e});if(!Array.isArray(i)||!i.length)return!0;for(let a=0;a<i.length;a++){for(let r of n??[])if(r>t[0]&&r<e)return!1;if((r??[]).includes(o(i[a]).toString()))return!1}return!0}function v(e,t){let r=n.a(e);return t.includes(r)?t:[...t,r]}function y(e,t){let r=n.a(e),i=t.indexOf(r);if(i===-1)return t;if(t.length===1)return[];let a=[...t];return a.splice(i,1),a}function b(e,t,r){let i=n.a(e);return t.includes(i)?y(e,t):r>0&&t.length>=r?t:v(e,t)}function x(e,t,r){let i=n.a(e),a=h(t);return t.includes(i)?t.indexOf(i)===0?[]:y(e,t):t.length>1||t.length===1&&(!_(e,a,r.excludedates,r.excludeweekdays)||a[0]>e)?[i]:v(e,t)}var S={ArrowLeft:-1,ArrowRight:1,ArrowUp:-7,ArrowDown:7};function C(e){let t=e.nodeName;return t===`INPUT`||t===`SELECT`||t===`BUTTON`&&!e.dataset?.date}function w(e,t,i){let a=r(e,t);if(!a)return null;let o=i(`button[data-date="${n.a(a)}"]`);for(;o instanceof HTMLButtonElement&&o.dataset.disabled;)if(a=r(a,t),o=i(`button[data-date="${n.a(a)}"]`),!o)return null;return a}function T(e){return S[e]??null}var E=class extends e.t{constructor(...e){super(...e),this.selected=[],this.multiple=s.props.multiple.default,this.maxMultiple=s.props.maxMultiple.default,this.range=s.props.range.default,this.earliest=s.props.earliest.default,this.latest=s.props.latest.default,this.excludedates=[],this.excludeweekdays=[],this.weeknumbers=s.props.weeknumbers.default,this.withcontrols=s.props.withcontrols.default,this.currentmonth=null,this.today=null,this._selected=[],this.inRange={},this.rangeHovered=null,this.year=0,this.month=0,this.week=0,this.currentmonthtouched=!1,this.focusedDate=null,this.selectableDates=[],this.tabIndexSet=0}get calendarStrings(){let e=this.pktStrings.get(`dates`),t=this.pktStrings.get(`calendar`);return{daysShort:this.dayStrings??e.daysShort,days:this.dayStringsLong??e.days,months:this.monthStrings??e.months,week:this.weekString??e.week,prevMonth:this.prevMonthString??t.prevMonth,nextMonth:this.nextMonthString??t.nextMonth}}get todayDate(){return this.today?n.m(this.today):n.g()}firstUpdated(e){this.addEventListener(`keydown`,this.handleKeydown)}disconnectedCallback(){this.removeEventListener(`keydown`,this.handleKeydown),super.disconnectedCallback()}updated(e){super.updated(e),e.has(`selected`)&&this.convertSelected()}convertSelected(){typeof this.selected==`string`&&(this.selected=this.selected.split(`,`)),this.selected.length===1&&this.selected[0]===``&&(this.selected=[]),this._selected=h(this.selected),this.range&&this.selected.length===2&&(this.inRange=g(this._selected[0],this._selected[1])),this.setCurrentMonth()}setCurrentMonth(){if(this.currentmonth===null&&!this.currentmonthtouched&&(this.currentmonthtouched=!0),this.selected.length&&this.selected[0]!==``){let e=n.m(this.selected[this.selected.length-1]);this.currentmonth=isNaN(e.getTime())?n.f(this.todayDate):e}else this.currentmonth===null&&(this.currentmonth=n.f(this.todayDate));(!this.currentmonth||isNaN(this.currentmonth.getTime()))&&(this.currentmonth=n.f(this.todayDate)),this.year=this.currentmonth.getFullYear(),this.month=this.currentmonth.getMonth()}handleKeydown(e){let t=T(e.key);t!==null&&this.handleArrowKey(e,t)}handleArrowKey(e,t){let r=e.target;if(C(r))return;if(e.preventDefault(),!this.focusedDate){this.focusOnCurrentDate();return}let i=w(this.focusedDate?n.d(this.focusedDate):n.p(this.year,this.month,1),t,this.querySelector.bind(this));if(i){let e=this.querySelector(`button[data-date="${n.a(i)}"]`);e instanceof HTMLButtonElement&&!e.dataset.disabled&&(this.focusedDate=n.a(i),e.focus())}}render(){return e._`
|
|
2
2
|
<div
|
|
3
3
|
class="pkt-calendar ${this.weeknumbers?`pkt-cal-weeknumbers`:``}"
|
|
4
4
|
@focusout=${this.closeEvent}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { _ as e, d as t, h as n, l as r, n as i, t as a, u as o } from "./element-
|
|
2
|
-
import { t as s } from "./class-map-
|
|
3
|
-
import "./icon-
|
|
1
|
+
import { _ as e, d as t, h as n, l as r, n as i, t as a, u as o } from "./element-WEzISABa.js";
|
|
2
|
+
import { t as s } from "./class-map-wh4Yi3oj.js";
|
|
3
|
+
import "./icon-DEtOSWRK.js";
|
|
4
4
|
import { _ as c, a as l, b as u, d, f, g as p, l as m, m as h, o as g, p as _, t as v, v as y, y as b } from "./converters-CkjLSYpa.js";
|
|
5
5
|
//#region ../../node_modules/date-fns/addDays.js
|
|
6
6
|
function x(e, t, n) {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
const e=require("./element-
|
|
1
|
+
const e=require("./element-DiFhBcIl.cjs"),t=require("./class-map-C33ixq7O.cjs"),n=require("./element-with-slot-CBK4zrdN.cjs");require("./icon-DIavy2cB.cjs");const r=require("./if-defined-Dc3xFDaM.cjs");require("./tag-BS6dDPxY.cjs"),require("./heading-_RPw2UW9.cjs");var i={name:`pkt-card`,react:`PktCard`,"css-class":`pkt-card`,isElement:!0,isPureReact:!0,"dark-mode":!0,props:{heading:{type:`string`,name:`Overskrift`,description:`Tittel på card`,category:`contents`},headingLevel:{type:[1,2,3,4,5,6],name:`Overskriftsnivå`,description:`Nivået på headingen. Brukes for tilgjengelighet.`,default:3,category:`accessibility`},subheading:{type:`string`,name:`Undertittel`,description:`Undertittel på card`,category:`contents`},layout:{type:[`vertical`,`horizontal`],name:`Layout`,description:`Horisontal eller vertikal layout. Ved horisontal layout vil bildet være plassert til venstre for teksten på desktop, og over teksten på mobil.`,default:`vertical`,category:`ui`},skin:{type:[`outlined`,`outlined-beige`,`gray`,`blue`,`beige`,`green`],name:`Utseende`,description:`Fargen på card. Velg mellom outlined, outlined-beige, gray, blue, beige og green. Ved padding=none er det ikke mulighet for outlined-skin. Card med kombinasjonen av propsene padding=none + layout=vertical vil alltid være transparante.`,default:`outlined`,category:`ui`},padding:{type:[`none`,`default`],name:`Padding`,description:`Padding rundt card. Ved "none" strekker innholdet i card seg ut til kantene, og dette er derfor ikke mulig å kombinere med outlined skin.`,default:`default`,category:`ui`},metaLead:{type:`string`,name:`Forfatter eller annen metadata`,description:`Undertekst med fet skriftvekt`,default:!1,category:`contents`},metaTrail:{type:`string`,name:`Dato eller annen metadata`,description:`Undertekst med normal skriftvekt`,default:!1,category:`contents`},tagPosition:{type:[`top`,`bottom`],name:`Tagplassering`,description:`Plassering av tags i card`,default:`top`,category:`ui`},clickCardLink:{type:`string`,name:`Lenke for klikkbart card`,description:`Href sendes inn som streng for å gjøre card klikkbart. Ved bruk MÅ heading sendes inn da denne vil brukes som lenketekst i klikkbart card.`,category:`contents`},openLinkInNewTab:{type:`boolean`,name:`Åpne i ny fane`,description:`Velg denne dersom du ønsker at lenken i card skal åpnes i ny fane.`,default:!1,category:`tech`},borderOnHover:{type:`boolean`,name:`Hover border for klikkbart card`,description:`Vi anbefaler hoverborder på klikkbart card. Kan slås av ved behov.`,default:!0,category:`ui`},image:{type:`object`,name:`Bilde`,description:`Bildet på card. Tar inn et objekt av typen {src: string, alt: string}.`,properties:{src:{type:`string`,description:`Stien til bildet`,required:!0},alt:{type:`string`,description:`Tekst til skjermleser. Skal kun sendes inn for bilder som ikke er dekorative`,required:!1}},category:`contents`},imageShape:{type:[`square`,`round`],name:`Bildeform`,description:`Valg for om bildet skal ha rektangulær eller rund form.`,default:`square`,category:`contents`},tags:{type:`array`,description:`Liste av tags på card. Tar inn et array med objekter med følgende stringproperties: skin, iconName, ariaLabel, text`,name:`Tags`,items:{type:`object`,name:`Tag`,properties:{skin:{type:[`blue`,`green`,`red`,`yellow`],description:`Farge på tag`},iconName:{type:`icon`,description:`Id på ikonet du ønsker å bruke til tag`},ariaLabel:{type:`string`,description:`Tekst for aria-label`},text:{type:`string`,description:`Tekst på tag`,required:!0}}},category:`contents`},ariaLabel:{type:`string`,name:`Aria-label for card`,description:`Tekst til skjermleser for aria-label på card. Settes automatisk til headingen, eller subheadingen der heading ikke eksisterer. Ved bruk av klikkbart card må heading alltid sendes inn da denne brukes som lenketekst.`,category:`accessibility`}},slots:{default:{description:`Innholdet i card`}}},a=class extends n.t{constructor(...e){super(...e),this.ariaLabel=``,this.metaLead=null,this.borderOnHover=!0,this.clickCardLink=null,this.metaTrail=null,this.layout=i.props.layout.default,this.heading=``,this.headinglevel=3,this.image={src:``,alt:``},this.imageShape=`square`,this.openLinkInNewTab=!1,this.padding=i.props.padding.default,this.skin=i.props.skin.default,this.subheading=``,this.tagPosition=`top`,this.tags=[]}connectedCallback(){super.connectedCallback()}render(){let n={"pkt-card":!0,[`pkt-card--${this.skin}`]:this.skin,[`pkt-card--${this.layout}`]:this.layout,[`pkt-card--padding-${this.padding}`]:this.padding,"pkt-card--border-on-hover":this.borderOnHover},i=this.ariaLabel?.trim()||(this.heading?`${this.heading} lenkekort`:`lenkekort`),a=this.ariaLabel?.trim()||(this.heading?this.heading:`kort`);return e._`
|
|
2
2
|
<article
|
|
3
3
|
class=${t.t(n)}
|
|
4
4
|
aria-label=${r.t(this.clickCardLink?i:a)}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { _ as e, d as t, h as n, n as r, u as i } from "./element-
|
|
2
|
-
import { t as a } from "./class-map-
|
|
3
|
-
import { n as o, t as s } from "./element-with-slot-
|
|
4
|
-
import "./icon-
|
|
5
|
-
import { t as c } from "./if-defined-
|
|
6
|
-
import "./tag-
|
|
7
|
-
import "./heading-
|
|
1
|
+
import { _ as e, d as t, h as n, n as r, u as i } from "./element-WEzISABa.js";
|
|
2
|
+
import { t as a } from "./class-map-wh4Yi3oj.js";
|
|
3
|
+
import { n as o, t as s } from "./element-with-slot-BKYUx4gb.js";
|
|
4
|
+
import "./icon-DEtOSWRK.js";
|
|
5
|
+
import { t as c } from "./if-defined-BmnvvxtR.js";
|
|
6
|
+
import "./tag-Azkjhkeu.js";
|
|
7
|
+
import "./heading-DSArgrDK.js";
|
|
8
8
|
var l = {
|
|
9
9
|
name: "pkt-card",
|
|
10
10
|
react: "PktCard",
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
const e=require("./element-
|
|
1
|
+
const e=require("./element-DiFhBcIl.cjs"),t=require("./class-map-C33ixq7O.cjs"),n=require("./ref-DZmN5Qgj.cjs"),r=require("./input-element-DQY1Rpbp.cjs");var i=class extends r.t{constructor(...e){super(...e),this.inputRef=n.t(),this.value=``,this.checkHelptext=null,this.defaultChecked=!1,this.hasTile=!1,this.isSwitch=!1,this.labelPosition=`right`,this.hideLabel=!1,this.checked=null,this.indeterminate=!1,this.type=`checkbox`,this.tagText=null,this.optionalTag=!1,this.requiredTag=!1}connectedCallback(){super.connectedCallback()}attributeChangedCallback(e,t,n){e===`defaultChecked`&&!this.checked&&(this.checked=this.defaultChecked),e===`checked`&&(this.checked=this.checked===``||this.checked===`true`||this.checked===!0,this.inputRef.value&&(this.inputRef.value.checked=this.checked)),e===`indeterminate`&&(this.indeterminate=this.indeterminate===``||this.indeterminate===`true`||this.indeterminate===!0,this.inputRef.value&&(this.inputRef.value.indeterminate=this.indeterminate)),super.attributeChangedCallback(e,t,n)}firstUpdated(e){e.has(`defaultChecked`)&&!this.checked&&(this.checked=this.defaultChecked),this.inputRef.value&&(this.inputRef.value.indeterminate=this.indeterminate===``||this.indeterminate===`true`||this.indeterminate===!0),super.firstUpdated(e)}updated(e){e.has(`defaultChecked`)&&!this.checked&&(this.checked=this.defaultChecked),e.has(`checked`)&&this.inputRef.value&&(this.inputRef.value.checked=this.checked===``||this.checked===`true`||this.checked===!0),e.has(`indeterminate`)&&this.inputRef.value&&(this.inputRef.value.indeterminate=this.indeterminate===``||this.indeterminate===`true`||this.indeterminate===!0),super.updated(e)}render(){let r=t.t({"pkt-input-check__input":!0,"pkt-input-check__input--tile":this.hasTile,"pkt-input-check__input--tile-disabled":this.disabled&&this.hasTile}),i=t.t({"pkt-input-check__input-checkbox":!0,"pkt-input-check__input-checkbox--error":this.hasError}),a=t.t({"pkt-input-check__input-label":!0,"pkt-input-check__input-label--disabled":this.disabled,"pkt-input-check__input-label--left":this.labelPosition===`left`,"pkt-input-check__input-label--right":this.labelPosition===`right`,"pkt-sr-only":this.hideLabel}),o=`pkt-tag pkt-tag--small pkt-tag--thin-text`,s=this.pktStrings.get(`forms`),c=()=>e._`
|
|
2
2
|
${this.tagText?e._`<span class=${o+` pkt-tag--gray`}>${this.tagText}</span>`:e.h}
|
|
3
3
|
${this.optionalTag?e._`<span class=${o+` pkt-tag--blue-light`}>${this.optionalText??s.optional}</span>`:e.h}
|
|
4
4
|
${this.requiredTag?e._`<span class=${o+` pkt-tag--beige`}>${this.requiredText??s.required}</span>`:e.h}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { _ as e, d as t, h as n, n as r, u as i } from "./element-
|
|
2
|
-
import { t as a } from "./class-map-
|
|
3
|
-
import { n as o, t as s } from "./ref-
|
|
4
|
-
import { t as c } from "./input-element-
|
|
1
|
+
import { _ as e, d as t, h as n, n as r, u as i } from "./element-WEzISABa.js";
|
|
2
|
+
import { t as a } from "./class-map-wh4Yi3oj.js";
|
|
3
|
+
import { n as o, t as s } from "./ref-OU8ryfP6.js";
|
|
4
|
+
import { t as c } from "./input-element-IBypGOaV.js";
|
|
5
5
|
//#region src/components/checkbox/checkbox.ts
|
|
6
6
|
var l = class extends c {
|
|
7
7
|
constructor(...e) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const e=require("./element-
|
|
1
|
+
const e=require("./element-DiFhBcIl.cjs");var t=e.f(class extends e.p{constructor(t){if(super(t),t.type!==e.m.ATTRIBUTE||t.name!==`class`||t.strings?.length>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(e){return` `+Object.keys(e).filter(t=>e[t]).join(` `)+` `}update(t,[n]){if(this.st===void 0){this.st=new Set,t.strings!==void 0&&(this.nt=new Set(t.strings.join(` `).split(/\s/).filter(e=>e!==``)));for(let e in n)n[e]&&!this.nt?.has(e)&&this.st.add(e);return this.render(n)}let r=t.element.classList;for(let e of this.st)e in n||(r.remove(e),this.st.delete(e));for(let e in n){let t=!!n[e];t===this.st.has(e)||this.nt?.has(e)||(t?(r.add(e),this.st.add(e)):(r.remove(e),this.st.delete(e)))}return e.g}});Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return t}});
|