@oslokommune/punkt-elements 16.7.1 → 16.7.3
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 +17 -0
- package/dist/accordionitem-_9AiCIvd.cjs +34 -0
- package/dist/{accordionitem-ZlaXvjt5.js → accordionitem-dCfSrxh5.js} +57 -55
- package/dist/alert-BtOk8yRH.cjs +33 -0
- package/dist/{alert-BuAXrnKl.js → alert-DlY2_grU.js} +48 -46
- package/dist/backlink-Ce5Vldop.js +49 -0
- package/dist/backlink-y3dwjKPC.cjs +13 -0
- package/dist/button-B_TXwNzt.cjs +27 -0
- package/dist/{button-DEyvt1LI.js → button-BiY-wlKF.js} +79 -77
- package/dist/calendar-B2pji2zn.cjs +90 -0
- package/dist/{calendar-S63oreVW.js → calendar-DhjQDC4C.js} +689 -687
- package/dist/card-BwMNB5Bb.cjs +87 -0
- package/dist/{card-DDiLfuO4.js → card-CGlmcMSR.js} +99 -97
- package/dist/checkbox-BsJZYA26.js +147 -0
- package/dist/checkbox-CTY8f_qn.cjs +31 -0
- package/dist/{combobox-BmxSecfE.js → combobox-DSB5WOxg.js} +223 -226
- package/dist/{combobox-Hb2V-fPX.cjs → combobox-DbICIgKG.cjs} +4 -4
- package/dist/consent-DkOQpbsg.cjs +11 -0
- package/dist/{consent-iXyx5v6J.js → consent-SNWV_mMU.js} +48 -46
- package/dist/datepicker-BEWl9iz3.cjs +273 -0
- package/dist/{datepicker-CZl7b8Na.js → datepicker-euHyzXnb.js} +341 -329
- package/dist/{heading-CKt7cVn7.js → heading-D2tVS6lS.js} +30 -28
- package/dist/heading-DrzbgDb6.cjs +1 -0
- package/dist/helptext-BKtU4mas.js +82 -0
- package/dist/helptext-DcRC7wW2.cjs +24 -0
- package/dist/icon-CxQcIa5F.js +105 -0
- package/dist/icon-q81vqPK_.cjs +9 -0
- package/dist/input-wrapper-Bs4CRNst.js +181 -0
- package/dist/input-wrapper-Bv9aqqVq.cjs +54 -0
- package/dist/link-C0rl-86s.cjs +7 -0
- package/dist/link-Cdqgl60z.js +55 -0
- package/dist/linkcard-Dimu7Rlx.cjs +13 -0
- package/dist/linkcard-Lbq_UhjZ.js +56 -0
- package/dist/{listbox-BQKDZvZn.js → listbox-Bia4_tvN.js} +131 -129
- package/dist/listbox-La2GZQei.cjs +106 -0
- package/dist/loader-D1ugDXGV.cjs +16 -0
- package/dist/{loader-Ci3CHU8k.js → loader-DyN6RGC5.js} +51 -49
- package/dist/messagebox-BGMVm2t9.js +71 -0
- package/dist/messagebox-M0yIgCz9.cjs +13 -0
- package/dist/modal-CMO1RtIi.cjs +36 -0
- package/dist/{modal-DzGe1g8Z.js → modal-DjPQDE-Z.js} +53 -51
- package/dist/pkt-accordion.cjs +1 -1
- package/dist/pkt-accordion.js +2 -2
- package/dist/pkt-alert.cjs +1 -1
- package/dist/pkt-alert.js +3 -4
- package/dist/pkt-backlink.cjs +1 -1
- package/dist/pkt-backlink.js +2 -3
- package/dist/pkt-breadcrumbs.cjs +11 -11
- package/dist/pkt-breadcrumbs.js +30 -28
- package/dist/pkt-button.cjs +1 -1
- package/dist/pkt-button.js +3 -4
- package/dist/pkt-calendar.cjs +1 -1
- package/dist/pkt-calendar.js +2 -3
- package/dist/pkt-card.cjs +1 -1
- package/dist/pkt-card.js +2 -3
- package/dist/pkt-checkbox.cjs +1 -1
- package/dist/pkt-checkbox.js +3 -4
- package/dist/pkt-combobox.cjs +1 -1
- package/dist/pkt-combobox.js +3 -4
- package/dist/pkt-consent.cjs +1 -1
- package/dist/pkt-consent.js +2 -3
- package/dist/pkt-datepicker.cjs +1 -1
- package/dist/pkt-datepicker.js +7 -8
- package/dist/pkt-header.cjs +35 -35
- package/dist/pkt-header.js +224 -218
- package/dist/pkt-heading.cjs +1 -1
- package/dist/pkt-heading.js +3 -4
- package/dist/pkt-helptext.cjs +1 -1
- package/dist/pkt-helptext.js +3 -4
- package/dist/pkt-icon.cjs +1 -1
- package/dist/pkt-icon.js +3 -4
- package/dist/pkt-index.cjs +1 -1
- package/dist/pkt-index.js +26 -26
- package/dist/pkt-input-wrapper.cjs +1 -1
- package/dist/pkt-input-wrapper.js +2 -3
- package/dist/pkt-link.cjs +1 -1
- package/dist/pkt-link.js +2 -3
- package/dist/pkt-linkcard.cjs +1 -1
- package/dist/pkt-linkcard.js +3 -4
- package/dist/pkt-listbox.cjs +1 -1
- package/dist/pkt-listbox.js +3 -4
- package/dist/pkt-loader.cjs +1 -1
- package/dist/pkt-loader.js +3 -4
- package/dist/pkt-messagebox.cjs +1 -1
- package/dist/pkt-messagebox.js +3 -4
- package/dist/pkt-modal.cjs +1 -1
- package/dist/pkt-modal.js +3 -4
- package/dist/pkt-progressbar.cjs +1 -1
- package/dist/pkt-progressbar.js +2 -3
- package/dist/pkt-radiobutton.cjs +1 -1
- package/dist/pkt-radiobutton.js +3 -4
- package/dist/pkt-select.cjs +1 -1
- package/dist/pkt-select.js +3 -4
- package/dist/pkt-tabs.cjs +1 -1
- package/dist/pkt-tabs.js +2 -2
- package/dist/pkt-tag.cjs +1 -1
- package/dist/pkt-tag.js +3 -4
- package/dist/pkt-textarea.cjs +1 -1
- package/dist/pkt-textarea.js +3 -4
- package/dist/pkt-textinput.cjs +1 -1
- package/dist/pkt-textinput.js +3 -4
- package/dist/pkt-timepicker.cjs +16 -16
- package/dist/pkt-timepicker.js +91 -89
- package/dist/progressbar-BqlMzkM_.cjs +21 -0
- package/dist/{progressbar-By7e0lEI.js → progressbar-sbHDFC12.js} +88 -88
- package/dist/radiobutton-5ZqVVtTT.cjs +31 -0
- package/dist/{radiobutton-6frNG9J_.js → radiobutton-D8Ai8ETa.js} +44 -42
- package/dist/select-De-n8on9.js +230 -0
- package/dist/select-dTWibR6_.cjs +49 -0
- package/dist/tabitem-B9-jeV97.js +334 -0
- package/dist/tabitem-BnhzqfW3.cjs +65 -0
- package/dist/tag-CbwO8yvD.cjs +27 -0
- package/dist/{tag-BuCpqaks.js → tag-D4FI5t3y.js} +42 -40
- package/dist/textarea-BmLaKzsc.cjs +50 -0
- package/dist/{textarea-Bzuymclz.js → textarea-CMiSJaYL.js} +62 -60
- package/dist/textinput-em9y4yrL.cjs +70 -0
- package/dist/{textinput-9lHjs4ce.js → textinput-r8udK0IX.js} +57 -55
- package/package.json +2 -2
- package/src/components/accordion/accordion.ts +6 -1
- package/src/components/accordion/accordionitem.ts +6 -1
- package/src/components/alert/alert.ts +6 -1
- package/src/components/backlink/backlink.ts +6 -1
- package/src/components/breadcrumbs/breadcrumbs.ts +6 -1
- package/src/components/button/button.ts +6 -1
- package/src/components/calendar/calendar.ts +6 -1
- package/src/components/card/card.ts +6 -1
- package/src/components/checkbox/checkbox.ts +6 -1
- package/src/components/combobox/combobox.ts +6 -1
- package/src/components/consent/consent.ts +6 -1
- package/src/components/datepicker/date-tags.ts +6 -1
- package/src/components/datepicker/datepicker-multiple.ts +6 -1
- package/src/components/datepicker/datepicker-popup.ts +6 -1
- package/src/components/datepicker/datepicker-range.ts +6 -1
- package/src/components/datepicker/datepicker-single.ts +6 -1
- package/src/components/datepicker/datepicker.ts +6 -1
- package/src/components/header/header-service.ts +6 -1
- package/src/components/header/header-user-menu.ts +6 -1
- package/src/components/header/header.ts +6 -1
- package/src/components/heading/heading.ts +6 -1
- package/src/components/helptext/helptext.ts +6 -1
- package/src/components/icon/icon.ts +6 -1
- package/src/components/input-wrapper/input-wrapper.ts +6 -1
- package/src/components/link/link.ts +6 -1
- package/src/components/linkcard/linkcard.ts +6 -1
- package/src/components/listbox/listbox.ts +6 -1
- package/src/components/loader/loader.ts +6 -1
- package/src/components/messagebox/messagebox.ts +6 -1
- package/src/components/modal/modal.ts +6 -1
- package/src/components/progressbar/progressbar.ts +6 -1
- package/src/components/radiobutton/radiobutton.ts +6 -1
- package/src/components/select/select.ts +6 -1
- package/src/components/tabs/tabitem.ts +6 -1
- package/src/components/tabs/tabs.ts +6 -1
- package/src/components/tag/tag.ts +6 -1
- package/src/components/textarea/textarea.ts +6 -1
- package/src/components/textinput/textinput.ts +6 -1
- package/src/components/timepicker/timepicker.ts +6 -1
- package/dist/accordionitem-D1Agl1bB.cjs +0 -34
- package/dist/alert-DFkFNTxh.cjs +0 -33
- package/dist/backlink-EiAXUUZP.cjs +0 -13
- package/dist/backlink-V4DAt17e.js +0 -47
- package/dist/button-DYv5Dg4M.cjs +0 -27
- package/dist/calendar-HIE9nxcc.cjs +0 -90
- package/dist/card-CyeH6l1c.cjs +0 -87
- package/dist/checkbox-BLlwTABj.cjs +0 -31
- package/dist/checkbox-ejBUa5qQ.js +0 -145
- package/dist/consent-ruWAEVXW.cjs +0 -11
- package/dist/datepicker-D2H7U6MS.cjs +0 -273
- package/dist/heading-Cvz8m1xL.cjs +0 -1
- package/dist/helptext-5Mzp65-F.cjs +0 -24
- package/dist/helptext-jIoWRcCF.js +0 -80
- package/dist/icon-BlKA8YuW.js +0 -103
- package/dist/icon-Bqj9oBbl.cjs +0 -9
- package/dist/input-wrapper-B0MkQ0IZ.cjs +0 -54
- package/dist/input-wrapper-B2JpK016.js +0 -179
- package/dist/link-R_lNhViF.cjs +0 -7
- package/dist/link-Z_GizclR.js +0 -53
- package/dist/linkcard-BlQvdB1a.js +0 -54
- package/dist/linkcard-C7HbSLlX.cjs +0 -13
- package/dist/listbox-CGgV9MAe.cjs +0 -106
- package/dist/loader-e2gs_1xz.cjs +0 -16
- package/dist/messagebox-Bf-XMlvW.js +0 -69
- package/dist/messagebox-D67w71VX.cjs +0 -13
- package/dist/modal-CyvEkbfQ.cjs +0 -36
- package/dist/progressbar-DsJ2B9Vm.cjs +0 -21
- package/dist/radiobutton-Bv-BZ1Hw.cjs +0 -31
- package/dist/select-CXZt1nHS.js +0 -228
- package/dist/select-WFhS4Vfp.cjs +0 -49
- package/dist/tabitem-CB8wkKmv.js +0 -332
- package/dist/tabitem-DZpspU4Q.cjs +0 -65
- package/dist/tag-X6xdjR0N.cjs +0 -27
- package/dist/textarea-DoeHJ7HR.cjs +0 -50
- package/dist/textinput-BNsLd26i.cjs +0 -70
package/dist/card-CyeH6l1c.cjs
DELETED
|
@@ -1,87 +0,0 @@
|
|
|
1
|
-
"use strict";const l=require("./class-map-CsENJXf1.cjs"),h=require("./if-defined-BOW3ODSj.cjs"),t=require("./element-gR_VtSiD.cjs"),g=require("./element-with-slot-ZX-up7jO.cjs");require("./icon-Bqj9oBbl.cjs");require("./tag-X6xdjR0N.cjs");require("./heading-Cvz8m1xL.cjs");const c={layout:{default:"vertical"},skin:{type:["outlined","outlined-beige","gray","blue","beige","green"],default:"outlined"},padding:{default:"default"}},p={props:c};var k=Object.defineProperty,u=Object.getOwnPropertyDescriptor,e=(i,a,n,s)=>{for(var r=s>1?void 0:s?u(a,n):a,d=i.length-1,o;d>=0;d--)(o=i[d])&&(r=(s?o(a,n,r):o(r))||r);return s&&r&&k(a,n,r),r};exports.PktCard=class extends g.PktElementWithSlot{constructor(){super(...arguments),this.ariaLabel="",this.metaLead=null,this.borderOnHover=!0,this.clickCardLink=null,this.metaTrail=null,this.layout=p.props.layout.default,this.heading="",this.headinglevel=3,this.image={src:"",alt:""},this.imageShape="square",this.openLinkInNewTab=!1,this.padding=p.props.padding.default,this.skin=p.props.skin.default,this.subheading="",this.tagPosition="top",this.tags=[]}connectedCallback(){super.connectedCallback()}render(){var r,d;const a={"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},n=((r=this.ariaLabel)==null?void 0:r.trim())||(this.heading?`${this.heading} lenkekort`:"lenkekort"),s=((d=this.ariaLabel)==null?void 0:d.trim())||(this.heading?this.heading:"kort");return t.b`
|
|
2
|
-
<article
|
|
3
|
-
class=${l.e(a)}
|
|
4
|
-
aria-label=${h.o(this.clickCardLink?n:s)}
|
|
5
|
-
>
|
|
6
|
-
${this.renderImage()}
|
|
7
|
-
<div class="pkt-card__wrapper">
|
|
8
|
-
${this.tagPosition==="top"?this.renderTags():t.A}
|
|
9
|
-
${this.renderHeader()}
|
|
10
|
-
${this.renderSlot()}
|
|
11
|
-
${this.tagPosition==="bottom"?this.renderTags():t.A}
|
|
12
|
-
${this.renderMetadata()}
|
|
13
|
-
</div>
|
|
14
|
-
</article>
|
|
15
|
-
`}renderImage(){const a={"pkt-card__image":!0,[`pkt-card__image-${this.imageShape}`]:this.imageShape};return t.b`
|
|
16
|
-
${this.image.src&&t.b`
|
|
17
|
-
<div class=${l.e(a)}>
|
|
18
|
-
<img src=${this.image.src} alt=${this.image.alt||""} />
|
|
19
|
-
</div>
|
|
20
|
-
`}
|
|
21
|
-
`}renderHeading(){return t.b`
|
|
22
|
-
${this.heading&&!this.clickCardLink?t.b`
|
|
23
|
-
<pkt-heading
|
|
24
|
-
class="pkt-card__heading"
|
|
25
|
-
.level=${this.headinglevel||3}
|
|
26
|
-
size="medium"
|
|
27
|
-
nospacing
|
|
28
|
-
weight="regular"
|
|
29
|
-
>
|
|
30
|
-
${this.heading}
|
|
31
|
-
</pkt-heading>
|
|
32
|
-
`:t.A}
|
|
33
|
-
`}renderLinkHeading(){return t.b`
|
|
34
|
-
${this.clickCardLink?t.b`
|
|
35
|
-
<pkt-heading
|
|
36
|
-
class="pkt-card__link-heading pkt-card__heading"
|
|
37
|
-
.level=${this.headinglevel||3}
|
|
38
|
-
size="medium"
|
|
39
|
-
weight="regular"
|
|
40
|
-
nospacing
|
|
41
|
-
>
|
|
42
|
-
<a
|
|
43
|
-
class="pkt-card__link"
|
|
44
|
-
href=${this.clickCardLink}
|
|
45
|
-
target=${this.openLinkInNewTab?"_blank":"_self"}
|
|
46
|
-
>${this.heading}</a
|
|
47
|
-
>
|
|
48
|
-
</pkt-heading>
|
|
49
|
-
`:t.A}
|
|
50
|
-
`}renderSubheading(){return t.b`
|
|
51
|
-
${this.subheading?t.b` <p class="pkt-card__subheading ">${this.subheading}</p> `:t.A}
|
|
52
|
-
`}renderHeader(){const a=!!this.heading||!!this.subheading;return t.b`
|
|
53
|
-
${a?t.b`
|
|
54
|
-
<header class="pkt-card__header">
|
|
55
|
-
${this.renderHeading()}
|
|
56
|
-
${this.renderLinkHeading()}
|
|
57
|
-
${this.renderSubheading()}
|
|
58
|
-
</header>
|
|
59
|
-
`:t.A}
|
|
60
|
-
`}renderTags(){const a={"pkt-card__tags":!0,[`pkt-card__tags-${this.tagPosition}`]:this.tagPosition};return t.b`
|
|
61
|
-
${this.tags.length>0?t.b`
|
|
62
|
-
<div
|
|
63
|
-
class=${l.e(a)}
|
|
64
|
-
role="list"
|
|
65
|
-
aria-label=${this.tags.length>1?"merkelapper":"merkelapp"}
|
|
66
|
-
>
|
|
67
|
-
${this.tags.map(n=>t.b`
|
|
68
|
-
<pkt-tag
|
|
69
|
-
role="listitem"
|
|
70
|
-
textStyle="normal-text"
|
|
71
|
-
size="medium"
|
|
72
|
-
skin=${h.o(n.skin)}
|
|
73
|
-
iconName=${h.o(n.iconName)}
|
|
74
|
-
>
|
|
75
|
-
<span>${n.text}</span>
|
|
76
|
-
</pkt-tag>
|
|
77
|
-
`)}
|
|
78
|
-
</div>
|
|
79
|
-
`:t.A}
|
|
80
|
-
`}renderSlot(){return t.b`<section class="pkt-card__content">${g.slotContent(this)}</section>`}renderMetadata(){return t.b`
|
|
81
|
-
${this.metaLead||this.metaTrail?t.b`
|
|
82
|
-
<footer class="pkt-card__metadata">
|
|
83
|
-
${this.metaLead?t.b`<span class="pkt-card__metadata-lead">${this.metaLead}</span>`:t.A}
|
|
84
|
-
${this.metaTrail?t.b`<span class="pkt-card__metadata-trail">${this.metaTrail}</span>`:t.A}
|
|
85
|
-
</footer>
|
|
86
|
-
`:t.A}
|
|
87
|
-
`}};e([t.n({type:String})],exports.PktCard.prototype,"ariaLabel",2);e([t.n({type:String})],exports.PktCard.prototype,"metaLead",2);e([t.n({type:Boolean})],exports.PktCard.prototype,"borderOnHover",2);e([t.n({type:String,reflect:!0})],exports.PktCard.prototype,"clickCardLink",2);e([t.n({type:String})],exports.PktCard.prototype,"metaTrail",2);e([t.n({type:String})],exports.PktCard.prototype,"layout",2);e([t.n({type:String})],exports.PktCard.prototype,"heading",2);e([t.n({type:Number})],exports.PktCard.prototype,"headinglevel",2);e([t.n({type:Object})],exports.PktCard.prototype,"image",2);e([t.n({type:String})],exports.PktCard.prototype,"imageShape",2);e([t.n({type:Boolean})],exports.PktCard.prototype,"openLinkInNewTab",2);e([t.n({type:String})],exports.PktCard.prototype,"padding",2);e([t.n({type:String,converter:{fromAttribute:i=>{const a=p.props.skin.type;return i&&a.includes(i)?i:(i&&!a.includes(i)&&console.warn(`Invalid skin value "${i}". Using default skin "${p.props.skin.default}".`),p.props.skin.default)},toAttribute:i=>i}})],exports.PktCard.prototype,"skin",2);e([t.n({type:String})],exports.PktCard.prototype,"subheading",2);e([t.n({type:String})],exports.PktCard.prototype,"tagPosition",2);e([t.n({type:Array})],exports.PktCard.prototype,"tags",2);exports.PktCard=e([t.t("pkt-card")],exports.PktCard);
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
"use strict";const t=require("./element-gR_VtSiD.cjs"),o=require("./input-element-DdVhUvva.cjs"),r=require("./ref-CL-Xk9Xm.cjs"),p=require("./class-map-CsENJXf1.cjs");var u=Object.defineProperty,d=Object.getOwnPropertyDescriptor,i=(l,e,h,a)=>{for(var s=a>1?void 0:a?d(e,h):e,c=l.length-1,n;c>=0;c--)(n=l[c])&&(s=(a?n(e,h,s):n(s))||s);return a&&s&&u(e,h,s),s};exports.PktCheckbox=class extends o.PktInputElement{constructor(){super(...arguments),this.inputRef=r.e(),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.optionalText="Valgfritt",this.requiredTag=!1,this.requiredText="Må fylles ut"}connectedCallback(){super.connectedCallback()}attributeChangedCallback(e,h,a){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,h,a)}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(){const e=p.e({"pkt-input-check__input":!0,"pkt-input-check__input--tile":this.hasTile,"pkt-input-check__input--tile-disabled":this.disabled&&this.hasTile}),h=p.e({"pkt-input-check__input-checkbox":!0,"pkt-input-check__input-checkbox--error":this.hasError}),a=p.e({"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}),s="pkt-tag pkt-tag--small pkt-tag--thin-text",c=()=>t.b`
|
|
2
|
-
${this.tagText?t.b`<span class=${s+" pkt-tag--gray"}>${this.tagText}</span>`:t.A}
|
|
3
|
-
${this.optionalTag?t.b`<span class=${s+" pkt-tag--blue-light"}>${this.optionalText}</span>`:t.A}
|
|
4
|
-
${this.requiredTag?t.b`<span class=${s+" pkt-tag--beige"}>${this.requiredText}</span>`:t.A}
|
|
5
|
-
`,n=()=>t.b`
|
|
6
|
-
<label class=${a} for=${this.id+"-internal"}>
|
|
7
|
-
${this.label} ${c()}
|
|
8
|
-
${this.checkHelptext?t.b`<div class="pkt-input-check__input-helptext">${this.checkHelptext}</div>`:t.A}
|
|
9
|
-
</label>
|
|
10
|
-
`;return t.b`
|
|
11
|
-
<div class="pkt-input-check">
|
|
12
|
-
<div class=${e}>
|
|
13
|
-
${this.labelPosition==="left"?n():t.A}
|
|
14
|
-
<input
|
|
15
|
-
id=${this.id+"-internal"}
|
|
16
|
-
class=${h}
|
|
17
|
-
type="checkbox"
|
|
18
|
-
?disabled=${this.disabled}
|
|
19
|
-
name=${this.name+"-internal"}
|
|
20
|
-
${r.n(this.inputRef)}
|
|
21
|
-
@change=${this.handleChange}
|
|
22
|
-
@click=${this.handleClick}
|
|
23
|
-
@blur=${this.onBlur}
|
|
24
|
-
@focus=${this.onFocus}
|
|
25
|
-
?checked=${this.checked}
|
|
26
|
-
role=${this.isSwitch?"switch":"checkbox"}
|
|
27
|
-
/>
|
|
28
|
-
${this.labelPosition==="right"?n():t.A}
|
|
29
|
-
</div>
|
|
30
|
-
</div>
|
|
31
|
-
`}handleClick(e){if(this.disabled)return e.preventDefault(),e.stopImmediatePropagation(),!1}handleChange(e){if(this.disabled)return e.preventDefault(),e.stopImmediatePropagation(),!1;this.toggleChecked(e)}toggleChecked(e){if(this.disabled){e.preventDefault(),e.stopImmediatePropagation();return}const h=e.target;if(h&&h.disabled){e.preventDefault(),e.stopImmediatePropagation();return}e.stopImmediatePropagation(),this.touched=!0,this.inputRef.value&&(this.checked=this.inputRef.value.matches(":checked"),this.valueChecked(this.checked))}};i([t.n({type:String,reflect:!0})],exports.PktCheckbox.prototype,"value",2);i([t.n({type:String})],exports.PktCheckbox.prototype,"checkHelptext",2);i([t.n({type:Boolean})],exports.PktCheckbox.prototype,"defaultChecked",2);i([t.n({type:Boolean})],exports.PktCheckbox.prototype,"hasTile",2);i([t.n({type:Boolean})],exports.PktCheckbox.prototype,"isSwitch",2);i([t.n({type:String})],exports.PktCheckbox.prototype,"labelPosition",2);i([t.n({type:Boolean})],exports.PktCheckbox.prototype,"hideLabel",2);i([t.n({type:Boolean,reflect:!0})],exports.PktCheckbox.prototype,"checked",2);i([t.n({type:Boolean,reflect:!0})],exports.PktCheckbox.prototype,"indeterminate",2);i([t.n({type:String,reflect:!0})],exports.PktCheckbox.prototype,"type",2);i([t.n({type:String})],exports.PktCheckbox.prototype,"tagText",2);i([t.n({type:Boolean})],exports.PktCheckbox.prototype,"optionalTag",2);i([t.n({type:String})],exports.PktCheckbox.prototype,"optionalText",2);i([t.n({type:Boolean})],exports.PktCheckbox.prototype,"requiredTag",2);i([t.n({type:String})],exports.PktCheckbox.prototype,"requiredText",2);exports.PktCheckbox=i([t.t("pkt-checkbox")],exports.PktCheckbox);
|
|
@@ -1,145 +0,0 @@
|
|
|
1
|
-
import { A as r, b as p, n as s, t as d } from "./element-CPpT3rFQ.js";
|
|
2
|
-
import { P as k } from "./input-element-8nLwuQS4.js";
|
|
3
|
-
import { e as f, n as b } from "./ref-Bg_Swj5w.js";
|
|
4
|
-
import { e as u } from "./class-map-CEnykyO_.js";
|
|
5
|
-
var g = Object.defineProperty, m = Object.getOwnPropertyDescriptor, i = (t, a, n, l) => {
|
|
6
|
-
for (var h = l > 1 ? void 0 : l ? m(a, n) : a, c = t.length - 1, o; c >= 0; c--)
|
|
7
|
-
(o = t[c]) && (h = (l ? o(a, n, h) : o(h)) || h);
|
|
8
|
-
return l && h && g(a, n, h), h;
|
|
9
|
-
};
|
|
10
|
-
let e = class extends k {
|
|
11
|
-
constructor() {
|
|
12
|
-
super(...arguments), this.inputRef = f(), 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.optionalText = "Valgfritt", this.requiredTag = !1, this.requiredText = "Må fylles ut";
|
|
13
|
-
}
|
|
14
|
-
connectedCallback() {
|
|
15
|
-
super.connectedCallback();
|
|
16
|
-
}
|
|
17
|
-
attributeChangedCallback(t, a, n) {
|
|
18
|
-
t === "defaultChecked" && !this.checked && (this.checked = this.defaultChecked), t === "checked" && (this.checked = this.checked === "" || this.checked === "true" || this.checked === !0, this.inputRef.value && (this.inputRef.value.checked = this.checked)), t === "indeterminate" && (this.indeterminate = this.indeterminate === "" || this.indeterminate === "true" || this.indeterminate === !0, this.inputRef.value && (this.inputRef.value.indeterminate = this.indeterminate)), super.attributeChangedCallback(t, a, n);
|
|
19
|
-
}
|
|
20
|
-
firstUpdated(t) {
|
|
21
|
-
t.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(t);
|
|
22
|
-
}
|
|
23
|
-
updated(t) {
|
|
24
|
-
t.has("defaultChecked") && !this.checked && (this.checked = this.defaultChecked), t.has("checked") && this.inputRef.value && (this.inputRef.value.checked = this.checked === "" || this.checked === "true" || this.checked === !0), t.has("indeterminate") && this.inputRef.value && (this.inputRef.value.indeterminate = this.indeterminate === "" || this.indeterminate === "true" || this.indeterminate === !0), super.updated(t);
|
|
25
|
-
}
|
|
26
|
-
render() {
|
|
27
|
-
const t = u({
|
|
28
|
-
"pkt-input-check__input": !0,
|
|
29
|
-
"pkt-input-check__input--tile": this.hasTile,
|
|
30
|
-
"pkt-input-check__input--tile-disabled": this.disabled && this.hasTile
|
|
31
|
-
}), a = u({
|
|
32
|
-
"pkt-input-check__input-checkbox": !0,
|
|
33
|
-
"pkt-input-check__input-checkbox--error": this.hasError
|
|
34
|
-
}), n = u({
|
|
35
|
-
"pkt-input-check__input-label": !0,
|
|
36
|
-
"pkt-input-check__input-label--disabled": this.disabled,
|
|
37
|
-
"pkt-input-check__input-label--left": this.labelPosition === "left",
|
|
38
|
-
"pkt-input-check__input-label--right": this.labelPosition === "right",
|
|
39
|
-
"pkt-sr-only": this.hideLabel
|
|
40
|
-
}), l = "pkt-tag pkt-tag--small pkt-tag--thin-text", h = () => p`
|
|
41
|
-
${this.tagText ? p`<span class=${l + " pkt-tag--gray"}>${this.tagText}</span>` : r}
|
|
42
|
-
${this.optionalTag ? p`<span class=${l + " pkt-tag--blue-light"}>${this.optionalText}</span>` : r}
|
|
43
|
-
${this.requiredTag ? p`<span class=${l + " pkt-tag--beige"}>${this.requiredText}</span>` : r}
|
|
44
|
-
`, c = () => p`
|
|
45
|
-
<label class=${n} for=${this.id + "-internal"}>
|
|
46
|
-
${this.label} ${h()}
|
|
47
|
-
${this.checkHelptext ? p`<div class="pkt-input-check__input-helptext">${this.checkHelptext}</div>` : r}
|
|
48
|
-
</label>
|
|
49
|
-
`;
|
|
50
|
-
return p`
|
|
51
|
-
<div class="pkt-input-check">
|
|
52
|
-
<div class=${t}>
|
|
53
|
-
${this.labelPosition === "left" ? c() : r}
|
|
54
|
-
<input
|
|
55
|
-
id=${this.id + "-internal"}
|
|
56
|
-
class=${a}
|
|
57
|
-
type="checkbox"
|
|
58
|
-
?disabled=${this.disabled}
|
|
59
|
-
name=${this.name + "-internal"}
|
|
60
|
-
${b(this.inputRef)}
|
|
61
|
-
@change=${this.handleChange}
|
|
62
|
-
@click=${this.handleClick}
|
|
63
|
-
@blur=${this.onBlur}
|
|
64
|
-
@focus=${this.onFocus}
|
|
65
|
-
?checked=${this.checked}
|
|
66
|
-
role=${this.isSwitch ? "switch" : "checkbox"}
|
|
67
|
-
/>
|
|
68
|
-
${this.labelPosition === "right" ? c() : r}
|
|
69
|
-
</div>
|
|
70
|
-
</div>
|
|
71
|
-
`;
|
|
72
|
-
}
|
|
73
|
-
handleClick(t) {
|
|
74
|
-
if (this.disabled)
|
|
75
|
-
return t.preventDefault(), t.stopImmediatePropagation(), !1;
|
|
76
|
-
}
|
|
77
|
-
handleChange(t) {
|
|
78
|
-
if (this.disabled)
|
|
79
|
-
return t.preventDefault(), t.stopImmediatePropagation(), !1;
|
|
80
|
-
this.toggleChecked(t);
|
|
81
|
-
}
|
|
82
|
-
toggleChecked(t) {
|
|
83
|
-
if (this.disabled) {
|
|
84
|
-
t.preventDefault(), t.stopImmediatePropagation();
|
|
85
|
-
return;
|
|
86
|
-
}
|
|
87
|
-
const a = t.target;
|
|
88
|
-
if (a && a.disabled) {
|
|
89
|
-
t.preventDefault(), t.stopImmediatePropagation();
|
|
90
|
-
return;
|
|
91
|
-
}
|
|
92
|
-
t.stopImmediatePropagation(), this.touched = !0, this.inputRef.value && (this.checked = this.inputRef.value.matches(":checked"), this.valueChecked(this.checked));
|
|
93
|
-
}
|
|
94
|
-
};
|
|
95
|
-
i([
|
|
96
|
-
s({ type: String, reflect: !0 })
|
|
97
|
-
], e.prototype, "value", 2);
|
|
98
|
-
i([
|
|
99
|
-
s({ type: String })
|
|
100
|
-
], e.prototype, "checkHelptext", 2);
|
|
101
|
-
i([
|
|
102
|
-
s({ type: Boolean })
|
|
103
|
-
], e.prototype, "defaultChecked", 2);
|
|
104
|
-
i([
|
|
105
|
-
s({ type: Boolean })
|
|
106
|
-
], e.prototype, "hasTile", 2);
|
|
107
|
-
i([
|
|
108
|
-
s({ type: Boolean })
|
|
109
|
-
], e.prototype, "isSwitch", 2);
|
|
110
|
-
i([
|
|
111
|
-
s({ type: String })
|
|
112
|
-
], e.prototype, "labelPosition", 2);
|
|
113
|
-
i([
|
|
114
|
-
s({ type: Boolean })
|
|
115
|
-
], e.prototype, "hideLabel", 2);
|
|
116
|
-
i([
|
|
117
|
-
s({ type: Boolean, reflect: !0 })
|
|
118
|
-
], e.prototype, "checked", 2);
|
|
119
|
-
i([
|
|
120
|
-
s({ type: Boolean, reflect: !0 })
|
|
121
|
-
], e.prototype, "indeterminate", 2);
|
|
122
|
-
i([
|
|
123
|
-
s({ type: String, reflect: !0 })
|
|
124
|
-
], e.prototype, "type", 2);
|
|
125
|
-
i([
|
|
126
|
-
s({ type: String })
|
|
127
|
-
], e.prototype, "tagText", 2);
|
|
128
|
-
i([
|
|
129
|
-
s({ type: Boolean })
|
|
130
|
-
], e.prototype, "optionalTag", 2);
|
|
131
|
-
i([
|
|
132
|
-
s({ type: String })
|
|
133
|
-
], e.prototype, "optionalText", 2);
|
|
134
|
-
i([
|
|
135
|
-
s({ type: Boolean })
|
|
136
|
-
], e.prototype, "requiredTag", 2);
|
|
137
|
-
i([
|
|
138
|
-
s({ type: String })
|
|
139
|
-
], e.prototype, "requiredText", 2);
|
|
140
|
-
e = i([
|
|
141
|
-
d("pkt-checkbox")
|
|
142
|
-
], e);
|
|
143
|
-
export {
|
|
144
|
-
e as P
|
|
145
|
-
};
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
"use strict";const o=require("./element-gR_VtSiD.cjs");require("./button-DYv5Dg4M.cjs");require("./icon-Bqj9oBbl.cjs");const k={i18n:{nb:{contentPresentation:{title:"Oslo kommune bruker informasjonskapsler",description:["For at nettstedet skal fungere og være trygt, bruker Oslo kommune informasjonskapsler. Noen er teknisk nødvendige, mens andre sikrer ulik funksjonalitet.","Godtar du alle informasjonskapsler, tillater du også at vi samler inn data om statistikk og brukeradferd. Da hjelper du oss med å lage et bedre nettsted uten at du trenger å dele noe personlig informasjon med oss."],buttons:{accept:"Godta alle",reject:"Kun nødvendige",settings:"Innstillinger for informasjonskapsler"}},contentSettings:{title:"Innstillinger for informasjonskapsler",description:["Her kan du velge hvilke typer informasjonskapsler du vil tillate. Tillatelsen gjelder i 90 dager. Husk at nødvendige informasjonskapsler ikke kan velges bort.","Du kan når som helst endre innstillingene og finne mer informasjon nederst på nettstedet under «Innstillinger for informasjonskapsler» og «Personvern og informasjonskapsler»."],buttons:{back:"Tilbake",save:"Lagre innstillinger"}}},en:{contentPresentation:{title:"Before you visit Oslo kommune ...",description:["This website uses cookies to make improvements. In this context, we need your consent to measure the traffic on the website in relation to statistics and feedback.","To read more about what we use cookies for, go to our privacy declaration which you will find at the bottom of our websites."],buttons:{accept:"Yes, I accept",reject:"Only necessary",settings:"Go to settings"}},contentSettings:{title:"Her kan du aktivt velge mellom ulike informasjonskapsler",description:["For å lese mer om hva vi bruker informasjonskapsler til gå til vår personvernserklering som du finner på våre nettsider"],buttons:{back:"Back",save:"Save settings"}}}}};var d=Object.defineProperty,p=Object.getOwnPropertyDescriptor,s=(r,e,t,n)=>{for(var i=n>1?void 0:n?p(e,t):e,a=r.length-1,l;a>=0;a--)(l=r[a])&&(i=(n?l(e,t,i):l(i))||i);return n&&i&&d(e,t,i),i};let c=null;function u(){return c||(c=new Promise((r,e)=>{if(document.querySelector("#oslo-consent-script")){r();return}const t=document.createElement("script");t.src="https://cdn.web.oslo.kommune.no/cb/cb-v1.1.0.js",t.id="oslo-consent-script",t.onload=()=>r(),t.onerror=e,document.head.appendChild(t);const n=document.createElement("link");n.href="https://cdn.web.oslo.kommune.no/cb/cb-v1.1.0.css",n.type="text/css",n.rel="stylesheet",n.id="oslo-consent-styles",document.head.appendChild(n)}),c)}exports.PktConsent=class extends o.PktElement{constructor(){super(),this.devMode=!1,this.hotjarId=null,this.googleAnalyticsId=null,this.cookieDomain=null,this.cookieSecure=null,this.cookieExpiryDays=null,this.triggerType="button",this.triggerText=null,this.i18nLanguage="nb"}connectedCallback(){super.connectedCallback(),this.triggerText=this.triggerText||k.i18n[this.i18nLanguage].contentPresentation.buttons.settings}disconnectedCallback(){var e;super.disconnectedCallback(),this._cookieEventHandler&&((e=window.__cookieEvents)==null||e.off("CookieManager.setCookie",this._cookieEventHandler))}returnJsonOrObject(e){let t;try{t=JSON.parse(e)}catch{t=e}return t}emitCookieConsents(e){const n=this.returnJsonOrObject(e.value).items.reduce((i,a)=>(i[a.name]=a.consent,i),{});this.dispatchEvent(new CustomEvent("toggle-consent",{detail:n,bubbles:!0,cancelable:!1}))}async firstUpdated(e){window.cookieBanner_googleAnalyticsId=this.googleAnalyticsId,window.cookieBanner_hotjarId=this.hotjarId,this.cookieDomain&&(window.cookieBanner_cookieDomain=this.cookieDomain),this.cookieSecure&&(window.cookieBanner_cookieSecure=this.cookieSecure),this.cookieExpiryDays&&(window.cookieBanner_cookieExpiryDays=this.cookieExpiryDays),this.devMode&&(window.cookieBanner_devMode=this.devMode),await u(),this.triggerInit()}triggerInit(){window.document.dispatchEvent(new Event("CookieBannerReady",{bubbles:!0,cancelable:!0})),window.cookieBanner.cookieConsent.validateConsentCookie().then(e=>{if(e){const n={value:window.cookieBanner.cookieConsent.getConsentCookie()};window.setTimeout(()=>this.emitCookieConsents(n),0),this._cookieEventHandler&&window.__cookieEvents.off("CookieManager.setCookie",this._cookieEventHandler),this._cookieEventHandler=i=>{this.emitCookieConsents(i)},window.__cookieEvents.on("CookieManager.setCookie",this._cookieEventHandler)}})}openModal(e){var t;e.preventDefault(),(t=window.cookieBanner)!=null&&t.cookieConsent||this.triggerInit(),setTimeout(()=>window.cookieBanner.openCookieModal())}render(){return this.triggerType==="link"?o.b`<a href="#" class="pkt-link" @click=${this.openModal}>${this.triggerText}</a>`:this.triggerType==="footerlink"?o.b`<a href="#" class="pkt-footer__link" @click=${this.openModal}>
|
|
2
|
-
<pkt-icon name="chevron-right" class="pkt-footer__link-icon"></pkt-icon>
|
|
3
|
-
${this.triggerText}
|
|
4
|
-
</a>`:this.triggerType==="icon"?o.b`<pkt-button
|
|
5
|
-
skin="tertiary"
|
|
6
|
-
variant="icon-only"
|
|
7
|
-
iconName="cookie"
|
|
8
|
-
@click=${this.openModal}
|
|
9
|
-
>
|
|
10
|
-
>${this.triggerText}</pkt-button
|
|
11
|
-
>`:o.b`<pkt-button @click=${this.openModal}>${this.triggerText}</pkt-button>`}};s([o.n({type:Boolean})],exports.PktConsent.prototype,"devMode",2);s([o.n({type:String})],exports.PktConsent.prototype,"hotjarId",2);s([o.n({type:String})],exports.PktConsent.prototype,"googleAnalyticsId",2);s([o.n({type:String})],exports.PktConsent.prototype,"cookieDomain",2);s([o.n({type:String})],exports.PktConsent.prototype,"cookieSecure",2);s([o.n({type:String})],exports.PktConsent.prototype,"cookieExpiryDays",2);s([o.n({type:String})],exports.PktConsent.prototype,"triggerType",2);s([o.n({type:String})],exports.PktConsent.prototype,"triggerText",2);s([o.n({type:String})],exports.PktConsent.prototype,"i18nLanguage",2);exports.PktConsent=s([o.t("pkt-consent")],exports.PktConsent);
|
|
@@ -1,273 +0,0 @@
|
|
|
1
|
-
"use strict";const l=require("./element-gR_VtSiD.cjs"),I=require("./state-Dg-53wQ8.cjs"),u=require("./calendar-HIE9nxcc.cjs"),A=require("./input-element-DdVhUvva.cjs"),o=require("./ref-CL-Xk9Xm.cjs");require("./icon-Bqj9oBbl.cjs");require("./input-wrapper-B0MkQ0IZ.cjs");const m=require("./class-map-CsENJXf1.cjs"),M=require("./repeat-Cfq8CDlf.cjs");require("./tag-X6xdjR0N.cjs");const O=require("./utils-byXsEz1u.cjs"),g=require("./if-defined-BOW3ODSj.cjs"),F=require("./element-with-slot-ZX-up7jO.cjs"),B={calendar:{buttonAltText:"Åpne kalender"}},j={calendar:{buttonAltText:"Åpne kalender"},generic:{from:"Fra",to:"Til"}};var q=Object.defineProperty,L=Object.getOwnPropertyDescriptor,k=(s,e,t,a)=>{for(var i=a>1?void 0:a?L(e,t):e,r=s.length-1,n;r>=0;r--)(n=s[r])&&(i=(a?n(e,t,i):n(i))||i);return a&&i&&q(e,t,i),i};exports.PktDateTags=class extends l.PktElement{constructor(){super(...arguments),this.dates=[],this.dateformat="dd.MM.yyyy",this.className="pkt-datepicker__tags",this.idBase=O.uuidish()}render(){return this.classes={"pkt-date-tags":!0,[this.className]:!0},l.b`
|
|
2
|
-
<div class=${m.e(this.classes)} aria-live="polite">
|
|
3
|
-
${Array.isArray(this.dates)&&this.dates[0]?M.c(u.sortDateStrings((this.dates??[]).filter(Boolean)),e=>e,e=>{var t;return l.b` <pkt-tag
|
|
4
|
-
id=${this.idBase+e+"-tag"}
|
|
5
|
-
closeTag
|
|
6
|
-
@close=${()=>{this.dispatchEvent(new CustomEvent("date-tag-removed",{detail:e}))}}
|
|
7
|
-
.ariaLabel=${`${(t=this.strings)==null?void 0:t.calendar.deleteDate} ${u.fromISOtoLocal(e,this.dateformat)}`}
|
|
8
|
-
>
|
|
9
|
-
<time datetime=${e}>${u.fromISOtoLocal(e,this.dateformat)}</time>
|
|
10
|
-
</pkt-tag>`}):l.A}
|
|
11
|
-
</div>
|
|
12
|
-
`}};k([l.n({type:Array})],exports.PktDateTags.prototype,"dates",2);k([l.n({type:String})],exports.PktDateTags.prototype,"dateformat",2);k([l.n({type:String,attribute:"class"})],exports.PktDateTags.prototype,"className",2);k([l.n({type:String,attribute:"id-base"})],exports.PktDateTags.prototype,"idBase",2);exports.PktDateTags=k([l.t("pkt-date-tags")],exports.PktDateTags);const V={dateformat:{default:"dd.MM.yyyy"},weeknumbers:{default:!1},withcontrols:{default:!1},multiple:{default:!1},range:{default:!1}},$={props:V},y=()=>{const s=navigator.userAgent;return!!(/iP(hone|od|ad)/.test(s)||/Macintosh/.test(s)&&"ontouchend"in document)},K=()=>y()?"text":"date",U=s=>!s||s.length!==2?!0:u.isValidDateRange(s[0],s[1]),N=s=>u.sortDateStrings(s),z=(s,e,t,a,i)=>u.filterSelectableDates(s,e,t,a,i),W=(s,e,t,a,i,r)=>({"pkt-input":!0,"pkt-datepicker__input":!0,"pkt-input--fullwidth":s,"pkt-datepicker--hasrangelabels":e,"pkt-datepicker--multiple":t,"pkt-datepicker--range":a,"ios-readonly-hack":i===!1&&r==="text"}),H=()=>({"pkt-input-icon":!0,"pkt-btn":!0,"pkt-btn--icon-only":!0,"pkt-btn--tertiary":!0,"pkt-datepicker__calendar-button":!0}),G=s=>({"pkt-input-prefix":s,"pkt-hide":!s}),J=(s,e,t)=>!e&&!t?Array.isArray(s)?s[0]||"":s:Array.isArray(s)?s.join(","):s,Q=(s,e,t=!1)=>{var p;if(!s||!e)return;const a=((p=e.parentElement)==null?void 0:p.getBoundingClientRect())||e.getBoundingClientRect(),i=t?a.height+30:a.height,r=s.getBoundingClientRect().height;let n=t?"calc(100% - 30px)":"100%";a&&a.top+r>window.innerHeight&&a.top-r>0&&(n=`calc(100% - ${i}px - ${r}px)`),s.style.top=n},X=(s,e,t,a,i,r)=>{const{key:n}=s;n===","&&(s.preventDefault(),r?r(s):i&&i()),(n==="Space"||n===" ")&&(s.preventDefault(),e(s)),n==="Enter"&&(s.preventDefault(),t?t():a?a():i&&i())},Y=(s,e)=>{const{key:t}=s;(t==="Enter"||t===" "||t==="Space")&&(s.preventDefault(),e(s))},E={validateRangeOrder:U,sortDates:N,filterSelectableDates:z},Z={getInputType:K},b={submitForm(s){var t;const e=(t=s.internals)==null?void 0:t.form;e&&e.requestSubmit()},submitFormOrFallback(s,e){const t=s==null?void 0:s.form;t?t.requestSubmit():e()},validateDateInput(s,e,t,a,i){var n,p,R,S;const r=s.value;r&&(t&&t>r?e.setValidity({rangeUnderflow:!0},((p=(n=i==null?void 0:i.forms)==null?void 0:n.messages)==null?void 0:p.rangeUnderflow)||"Value is below minimum",s):a&&a<r&&e.setValidity({rangeOverflow:!0},((S=(R=i==null?void 0:i.forms)==null?void 0:R.messages)==null?void 0:S.rangeOverflow)||"Value is above maximum",s))}},w={addToSelected(s,e,t,a){const i=s.target;if(!i.value)return;const r=t?u.newDate(t):null,n=a?u.newDate(a):null,p=u.newDate(i.value.split(",")[0]);p&&!isNaN(p.getTime())&&(!r||p>=r)&&(!n||p<=n)&&e.value&&e.value.handleDateSelect(p),i.value=""},handleCalendarPosition(s,e,t=!1){Q(s.value??null,e.value??null,t)}},x={getInputClasses:W,getButtonClasses:H,getRangeLabelClasses:G},T={processDateSelection:J,updateInputValues(s,e,t,a,i,r){s.value&&(a&&(e!=null&&e.value)?(s.value.value=t[0]??"",e.value.value=t[1]??"",r(s.value),r(e.value)):i||(s.value.value=t.length?t[0]:"",r(s.value)))},processRangeBlur(s,e,t,a,i){var n;const r=s.target;if(r.value){i(r);const p=u.fromISOToDate(r.value);p&&((n=t==null?void 0:t.value)==null||n.handleDateSelect(p))}else e[0]&&a()}},C={handleInputKeydown:X,handleButtonKeydown:Y};var ee=Object.defineProperty,te=Object.getOwnPropertyDescriptor,c=(s,e,t,a)=>{for(var i=a>1?void 0:a?te(e,t):e,r=s.length-1,n;r>=0;r--)(n=s[r])&&(i=(a?n(e,t,i):n(i))||i);return a&&i&&ee(e,t,i),i};let d=class extends l.PktElement{constructor(){super(...arguments),this.open=!1,this.multiple=!1,this.range=!1,this.weeknumbers=!1,this.withcontrols=!1,this.maxMultiple=null,this.selected=[],this.earliest=null,this.latest=null,this.excludedates=[],this.excludeweekdays=[],this.currentmonth=null,this.today=null,this._hasBeenOpened=!1,this.popupRef=o.e(),this.calendarRef=o.e(),this.handleDocumentClick=s=>{if(!this.open)return;const e=s.composedPath(),t=this.parentElement,a=this.popupRef.value;!e.includes(this)&&!e.includes(a)&&!(t&&e.includes(t))&&(this.hide(),this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0})))},this.handleDocumentKeydown=s=>{this.open&&s.key==="Escape"&&(this.hide(),this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0})))}}firstUpdated(){this.calRef=this.calendarRef}updated(s){super.updated(s),s.has("open")&&(this.open?(this._hasBeenOpened=!0,document.addEventListener("keydown",this.handleDocumentKeydown),document.addEventListener("click",this.handleDocumentClick)):(document.removeEventListener("click",this.handleDocumentClick),document.removeEventListener("keydown",this.handleDocumentKeydown)))}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this.handleDocumentClick),document.removeEventListener("keydown",this.handleDocumentKeydown)}show(){var s;this.open=!0,(s=this.calendarRef.value)==null||s.focus()}hide(){this.open=!1}toggle(){this.open?this.hide():this.show()}contains(s){var e;return!!s&&!!((e=this.popupRef.value)!=null&&e.contains(s))}focusOnCurrentDate(){const s=this.calendarRef.value;s&&typeof s.focusOnCurrentDate=="function"&&s.focusOnCurrentDate()}addToSelected(s,e,t){if(this.calendarRef.value&&typeof w.addToSelected=="function")return w.addToSelected(s,this.calendarRef,e,t);const i=s.target;if(!i.value)return;const r=e?u.newDate(e):null,n=t?u.newDate(t):null,p=u.newDate(i.value.split(",")[0]);p&&!isNaN(p.getTime())&&(!r||p>=r)&&(!n||p<=n)&&this.handleDateSelect(p),i.value=""}handleDateSelect(s){const e=this.calendarRef.value;if(e&&typeof e.handleDateSelect=="function")return e.handleDateSelect(s);const t=u.formatISODate(s),i=this.selected.indexOf(t)>=0?this.selected.filter(r=>r!==t):[...this.selected,t];this.selected=i,this.dispatchEvent(new CustomEvent("date-selected",{detail:i,bubbles:!0,composed:!0}))}render(){const s={"pkt-calendar-popup":!0,show:this.open,hide:!this.open};return l.b`
|
|
13
|
-
<div
|
|
14
|
-
class="${m.e(s)}"
|
|
15
|
-
${o.n(this.popupRef)}
|
|
16
|
-
id="date-popup"
|
|
17
|
-
?hidden=${!this.open}
|
|
18
|
-
aria-hidden="${!this.open}"
|
|
19
|
-
>
|
|
20
|
-
${this.open||this._hasBeenOpened?l.b`<pkt-calendar
|
|
21
|
-
${o.n(this.calendarRef)}
|
|
22
|
-
?multiple=${this.multiple}
|
|
23
|
-
?range=${this.range}
|
|
24
|
-
?weeknumbers=${this.weeknumbers}
|
|
25
|
-
?withcontrols=${this.withcontrols}
|
|
26
|
-
.maxMultiple=${this.maxMultiple}
|
|
27
|
-
.selected=${this.selected}
|
|
28
|
-
.earliest=${this.earliest}
|
|
29
|
-
.latest=${this.latest}
|
|
30
|
-
.excludedates=${this.excludedates}
|
|
31
|
-
.excludeweekdays=${this.excludeweekdays}
|
|
32
|
-
.currentmonth=${this.currentmonth}
|
|
33
|
-
.today=${this.today}
|
|
34
|
-
@date-selected=${e=>{this.selected=e.detail,this.dispatchEvent(new CustomEvent("date-selected",{detail:e.detail,bubbles:!0,composed:!0}))}}
|
|
35
|
-
@close=${()=>{this.hide(),this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0}))}}
|
|
36
|
-
></pkt-calendar>`:l.A}
|
|
37
|
-
</div>
|
|
38
|
-
`}};c([l.n({type:Boolean,reflect:!0})],d.prototype,"open",2);c([l.n({type:Boolean})],d.prototype,"multiple",2);c([l.n({type:Boolean})],d.prototype,"range",2);c([l.n({type:Boolean})],d.prototype,"weeknumbers",2);c([l.n({type:Boolean})],d.prototype,"withcontrols",2);c([l.n({type:Number})],d.prototype,"maxMultiple",2);c([l.n({type:Array})],d.prototype,"selected",2);c([l.n({type:String})],d.prototype,"earliest",2);c([l.n({type:String})],d.prototype,"latest",2);c([l.n({type:Array})],d.prototype,"excludedates",2);c([l.n({type:Array})],d.prototype,"excludeweekdays",2);c([l.n({type:String})],d.prototype,"currentmonth",2);c([l.n({type:String})],d.prototype,"today",2);c([I.r()],d.prototype,"_hasBeenOpened",2);d=c([l.t("pkt-datepicker-popup")],d);var se=Object.defineProperty,v=(s,e,t,a)=>{for(var i=void 0,r=s.length-1,n;r>=0;r--)(n=s[r])&&(i=n(e,t,i)||i);return i&&se(e,t,i),i};class f extends l.PktElement{constructor(){super(...arguments),this.inputType="date",this.id="",this.readonly=!1,this.disabled=!1,this.inputClasses={},this.inputRef=o.e(),this.btnRef=o.e()}get inputElement(){return this.inputRef.value}get buttonElement(){return this.btnRef.value}get isInputReadonly(){return this.readonly||this.inputType==="text"}dispatchToggleCalendar(e){this.readonly||this.dispatchEvent(new CustomEvent("toggle-calendar",{detail:e,bubbles:!0,composed:!0}))}dispatchInput(e){this.dispatchEvent(new CustomEvent("input-change",{detail:e,bubbles:!0,composed:!0}))}dispatchFocus(){this.dispatchEvent(new CustomEvent("input-focus",{bubbles:!0,composed:!0}))}dispatchBlur(e){this.dispatchEvent(new CustomEvent("input-blur",{detail:e,bubbles:!0,composed:!0}))}dispatchChange(e){this.dispatchEvent(new CustomEvent("input-changed",{detail:e,bubbles:!0,composed:!0}))}renderCalendarButton(){var e;return l.b`
|
|
39
|
-
<button
|
|
40
|
-
class="${m.e(x.getButtonClasses())}"
|
|
41
|
-
type="button"
|
|
42
|
-
@click=${t=>this.dispatchToggleCalendar(t)}
|
|
43
|
-
@keydown=${t=>{const{key:a}=t;(a==="Enter"||a===" "||a==="Space")&&(t.preventDefault(),this.dispatchToggleCalendar(t))}}
|
|
44
|
-
?disabled=${this.disabled}
|
|
45
|
-
${this.btnRef}
|
|
46
|
-
>
|
|
47
|
-
<pkt-icon name="calendar"></pkt-icon>
|
|
48
|
-
<span class="pkt-btn__text">${((e=this.strings.calendar)==null?void 0:e.buttonAltText)||"Åpne kalender"}</span>
|
|
49
|
-
</button>
|
|
50
|
-
`}createRenderRoot(){return this}}v([l.n({type:String})],f.prototype,"inputType");v([l.n({type:String})],f.prototype,"id");v([l.n({type:String})],f.prototype,"min");v([l.n({type:String})],f.prototype,"max");v([l.n({type:String})],f.prototype,"placeholder");v([l.n({type:Boolean})],f.prototype,"readonly");v([l.n({type:Boolean})],f.prototype,"disabled");v([l.n({type:Object})],f.prototype,"inputClasses");v([l.n({type:Object})],f.prototype,"internals");var ie=Object.defineProperty,ae=Object.getOwnPropertyDescriptor,_=(s,e,t,a)=>{for(var i=a>1?void 0:a?ae(e,t):e,r=s.length-1,n;r>=0;r--)(n=s[r])&&(i=(a?n(e,t,i):n(i))||i);return a&&i&&ie(e,t,i),i};exports.PktDatepickerSingle=class extends f{constructor(){super(...arguments),this.value="",this.strings=B}dispatchManageValidity(e){this.dispatchEvent(new CustomEvent("manage-validity",{detail:e,bubbles:!0,composed:!0}))}render(){return l.b`
|
|
51
|
-
<div class="pkt-input__container">
|
|
52
|
-
<input
|
|
53
|
-
class="${m.e(this.inputClasses)}"
|
|
54
|
-
.type=${this.inputType}
|
|
55
|
-
id="${this.id}-input"
|
|
56
|
-
.value=${this.value}
|
|
57
|
-
min=${g.o(this.min)}
|
|
58
|
-
max=${g.o(this.max)}
|
|
59
|
-
placeholder=${g.o(this.placeholder)}
|
|
60
|
-
?readonly=${this.isInputReadonly}
|
|
61
|
-
aria-describedby="${this.id}-helptext"
|
|
62
|
-
@click=${e=>{e.preventDefault(),this.dispatchToggleCalendar(e)}}
|
|
63
|
-
@touchend=${e=>{e.preventDefault(),this.dispatchToggleCalendar(e)}}
|
|
64
|
-
?disabled=${this.disabled}
|
|
65
|
-
@keydown=${e=>C.handleInputKeydown(e,t=>this.dispatchToggleCalendar(t),()=>b.submitFormOrFallback(this.internals,()=>{var t;return(t=this.inputRef.value)==null?void 0:t.blur()}),void 0,()=>{var t;return(t=this.inputRef.value)==null?void 0:t.blur()})}
|
|
66
|
-
@input=${e=>{this.dispatchInput(e),e.stopImmediatePropagation()}}
|
|
67
|
-
@focus=${()=>{this.dispatchFocus(),y()&&this.dispatchToggleCalendar(new Event("focus"))}}
|
|
68
|
-
@blur=${e=>{this.dispatchBlur(e),this.dispatchManageValidity(e.target),this.dispatchEvent(new CustomEvent("value-change",{detail:e.target.value,bubbles:!0,composed:!0}))}}
|
|
69
|
-
@change=${e=>{this.dispatchChange(e),e.stopImmediatePropagation()}}
|
|
70
|
-
${o.n(this.inputRef)}
|
|
71
|
-
/>
|
|
72
|
-
${this.renderCalendarButton()}
|
|
73
|
-
</div>
|
|
74
|
-
`}};_([l.n({type:String})],exports.PktDatepickerSingle.prototype,"value",2);_([l.n({type:Object})],exports.PktDatepickerSingle.prototype,"strings",2);exports.PktDatepickerSingle=_([l.t("pkt-datepicker-single")],exports.PktDatepickerSingle);var ne=Object.defineProperty,le=Object.getOwnPropertyDescriptor,D=(s,e,t,a)=>{for(var i=a>1?void 0:a?le(e,t):e,r=s.length-1,n;r>=0;r--)(n=s[r])&&(i=(a?n(e,t,i):n(i))||i);return a&&i&&ne(e,t,i),i};exports.PktDatepickerRange=class extends f{constructor(){super(...arguments),this.value=[],this.label="",this.showRangeLabels=!1,this.strings=j,this.inputRefTo=o.e()}get inputElementTo(){return this.inputRefTo.value}render(){var t,a,i,r;const e=x.getRangeLabelClasses(this.showRangeLabels);return l.b`
|
|
75
|
-
<div class="pkt-input__container">
|
|
76
|
-
${this.showRangeLabels?l.b` <div class="pkt-input-prefix">${(t=this.strings.generic)==null?void 0:t.from}</div> `:l.A}
|
|
77
|
-
<input
|
|
78
|
-
class=${m.e(this.inputClasses)}
|
|
79
|
-
.type=${this.inputType}
|
|
80
|
-
id="${this.id}-input"
|
|
81
|
-
aria-label="${this.label} ${((a=this.strings.generic)==null?void 0:a.from)??"Fra"}"
|
|
82
|
-
.value=${this.value[0]??""}
|
|
83
|
-
min=${g.o(this.min)}
|
|
84
|
-
max=${g.o(this.max)}
|
|
85
|
-
placeholder=${g.o(this.placeholder)}
|
|
86
|
-
?readonly=${this.isInputReadonly}
|
|
87
|
-
?disabled=${this.disabled}
|
|
88
|
-
@click=${n=>{n.preventDefault(),this.dispatchToggleCalendar(n)}}
|
|
89
|
-
@touchend=${n=>{n.preventDefault(),this.dispatchToggleCalendar(n)}}
|
|
90
|
-
@keydown=${n=>C.handleInputKeydown(n,p=>this.dispatchToggleCalendar(p),()=>b.submitFormOrFallback(this.internals,()=>{var p;return(p=this.inputRefTo.value)==null?void 0:p.focus()}),()=>{var p;return(p=this.inputRefTo.value)==null?void 0:p.focus()},()=>{var p;return(p=this.inputRef.value)==null?void 0:p.blur()})}
|
|
91
|
-
@input=${n=>{this.dispatchInput(n),n.stopImmediatePropagation()}}
|
|
92
|
-
@focus=${()=>{this.dispatchFocus(),y()&&this.dispatchToggleCalendar(new Event("focus"))}}
|
|
93
|
-
@blur=${n=>{this.dispatchBlur(n),this.dispatchEvent(new CustomEvent("range-blur",{detail:{event:n,values:this.value,inputType:"from"},bubbles:!0,composed:!0}))}}
|
|
94
|
-
@change=${n=>{this.dispatchChange(n),n.stopImmediatePropagation()}}
|
|
95
|
-
${o.n(this.inputRef)}
|
|
96
|
-
/>
|
|
97
|
-
<div class="${m.e(e)}" id="${this.id}-to-label">
|
|
98
|
-
${(i=this.strings.generic)==null?void 0:i.to}
|
|
99
|
-
</div>
|
|
100
|
-
${this.showRangeLabels?l.A:l.b` <div class="pkt-input-separator">–</div> `}
|
|
101
|
-
<input
|
|
102
|
-
class=${m.e(this.inputClasses)}
|
|
103
|
-
.type=${this.inputType}
|
|
104
|
-
id="${this.id}-to"
|
|
105
|
-
aria-label="${this.label} ${((r=this.strings.generic)==null?void 0:r.to)??"Til"}"
|
|
106
|
-
.value=${this.value[1]??""}
|
|
107
|
-
min=${g.o(this.min)}
|
|
108
|
-
max=${g.o(this.max)}
|
|
109
|
-
placeholder=${g.o(this.placeholder)}
|
|
110
|
-
?readonly=${this.isInputReadonly}
|
|
111
|
-
?disabled=${this.disabled}
|
|
112
|
-
@click=${n=>{n.preventDefault(),this.dispatchToggleCalendar(n)}}
|
|
113
|
-
@touchend=${n=>{n.preventDefault(),this.dispatchToggleCalendar(n)}}
|
|
114
|
-
@keydown=${n=>C.handleInputKeydown(n,p=>this.dispatchToggleCalendar(p),()=>b.submitFormOrFallback(this.internals,()=>{var p;return(p=this.inputRefTo.value)==null?void 0:p.blur()}),void 0,()=>{var p;return(p=this.inputRefTo.value)==null?void 0:p.blur()})}
|
|
115
|
-
@input=${n=>{this.dispatchInput(n),n.stopImmediatePropagation()}}
|
|
116
|
-
@focus=${()=>{this.dispatchFocus(),y()&&this.dispatchToggleCalendar(new Event("focus"))}}
|
|
117
|
-
@blur=${n=>{this.dispatchBlur(n),this.dispatchEvent(new CustomEvent("range-blur",{detail:{event:n,values:this.value,inputType:"to"},bubbles:!0,composed:!0}))}}
|
|
118
|
-
@change=${n=>{this.dispatchChange(n),n.stopImmediatePropagation()}}
|
|
119
|
-
${o.n(this.inputRefTo)}
|
|
120
|
-
/>
|
|
121
|
-
${this.renderCalendarButton()}
|
|
122
|
-
</div>
|
|
123
|
-
`}};D([l.n({type:Array})],exports.PktDatepickerRange.prototype,"value",2);D([l.n({type:String})],exports.PktDatepickerRange.prototype,"label",2);D([l.n({type:Boolean})],exports.PktDatepickerRange.prototype,"showRangeLabels",2);D([l.n({type:Object})],exports.PktDatepickerRange.prototype,"strings",2);exports.PktDatepickerRange=D([l.t("pkt-datepicker-range")],exports.PktDatepickerRange);var re=Object.defineProperty,pe=Object.getOwnPropertyDescriptor,P=(s,e,t,a)=>{for(var i=a>1?void 0:a?pe(e,t):e,r=s.length-1,n;r>=0;r--)(n=s[r])&&(i=(a?n(e,t,i):n(i))||i);return a&&i&&re(e,t,i),i};exports.PktDatepickerMultiple=class extends f{constructor(){super(...arguments),this.value=[],this.strings=B}get isInputDisabled(){return this.disabled||this.maxlength!==void 0&&this.maxlength!==null&&this.value.length>=this.maxlength}dispatchAddToSelected(e){this.dispatchEvent(new CustomEvent("add-to-selected",{detail:e,bubbles:!0,composed:!0}))}render(){return l.b`
|
|
124
|
-
<div class="pkt-input__container">
|
|
125
|
-
<input
|
|
126
|
-
class=${m.e(this.inputClasses)}
|
|
127
|
-
.type=${this.inputType}
|
|
128
|
-
id="${this.id}-input"
|
|
129
|
-
min=${g.o(this.min)}
|
|
130
|
-
max=${g.o(this.max)}
|
|
131
|
-
placeholder=${g.o(this.placeholder)}
|
|
132
|
-
?readonly=${this.isInputReadonly}
|
|
133
|
-
?disabled=${this.isInputDisabled}
|
|
134
|
-
@click=${e=>{e.preventDefault(),this.dispatchToggleCalendar(e)}}
|
|
135
|
-
@touchend=${e=>{e.preventDefault(),this.dispatchToggleCalendar(e)}}
|
|
136
|
-
@blur=${e=>{this.dispatchBlur(e),this.dispatchAddToSelected(e)}}
|
|
137
|
-
@input=${e=>{this.dispatchInput(e),e.stopImmediatePropagation()}}
|
|
138
|
-
@focus=${()=>{this.dispatchFocus(),y()&&this.dispatchToggleCalendar(new Event("focus"))}}
|
|
139
|
-
@keydown=${e=>C.handleInputKeydown(e,t=>this.dispatchToggleCalendar(t),()=>b.submitFormOrFallback(this.internals,()=>{var t;return(t=this.inputRef.value)==null?void 0:t.blur()}),void 0,void 0,t=>this.dispatchAddToSelected(t))}
|
|
140
|
-
@change=${e=>{this.dispatchChange(e),e.stopImmediatePropagation()}}
|
|
141
|
-
${o.n(this.inputRef)}
|
|
142
|
-
/>
|
|
143
|
-
${this.renderCalendarButton()}
|
|
144
|
-
</div>
|
|
145
|
-
`}};P([l.n({type:Array})],exports.PktDatepickerMultiple.prototype,"value",2);P([l.n({type:Number})],exports.PktDatepickerMultiple.prototype,"maxlength",2);P([l.n({type:Object})],exports.PktDatepickerMultiple.prototype,"strings",2);exports.PktDatepickerMultiple=P([l.t("pkt-datepicker-multiple")],exports.PktDatepickerMultiple);var ue=Object.defineProperty,oe=Object.getOwnPropertyDescriptor,h=(s,e,t,a)=>{for(var i=a>1?void 0:a?oe(e,t):e,r=s.length-1,n;r>=0;r--)(n=s[r])&&(i=(a?n(e,t,i):n(i))||i);return a&&i&&ue(e,t,i),i};exports.PktDatepicker=class extends A.PktInputElement{constructor(){super(...arguments),this._valueProperty="",this._valueProcessing=!1,this.datepickerPopupRef=o.e(),this._value=[],this.label="Datovelger",this.dateformat=$.props.dateformat.default,this.multiple=$.props.multiple.default,this.maxlength=null,this.range=$.props.range.default,this.showRangeLabels=!1,this.min=null,this.max=null,this.weeknumbers=$.props.weeknumbers.default,this.withcontrols=$.props.withcontrols.default,this.excludedates=[],this.excludeweekdays=[],this.currentmonth=null,this.today=null,this.calendarOpen=!1,this.timezone="Europe/Oslo",this.inputClasses={},this.calRef=o.e(),this.popupRef=o.e(),this.singleInputRef=o.e(),this.rangeInputRef=o.e(),this.multipleInputRef=o.e(),this.addToSelected=e=>{const t=this.datepickerPopupRef.value;return t&&typeof t.addToSelected=="function"?t.addToSelected(e,this.min,this.max):w.addToSelected(e,this.calRef,this.min,this.max)}}get value(){return this._valueProperty}set value(e){const t=this._valueProperty;this._valueProperty=Array.isArray(e)?e.join(","):e||"",this.valueChanged(this._valueProperty,t),this.requestUpdate("value",t)}get inputType(){return Z.getInputType()}connectedCallback(){super.connectedCallback(),this.timezone&&this.timezone!==window.pktTz&&(window.pktTz=this.timezone)}disconnectedCallback(){super.disconnectedCallback()}onInput(){this.dispatchEvent(new Event("input",{bubbles:!0}))}valueChanged(e,t){if(!(this._valueProcessing||e===t)){this._valueProcessing=!0;try{const a=u.valueToArray(e),i=this.multiple&&a.length>1?E.filterSelectableDates(a,this.min,this.max,this.excludedates,this.excludeweekdays):a;if(this.range&&!E.validateRangeOrder(i)){this._value=[],this._valueProperty="",super.valueChanged("",t);return}this._value=i;const r=u.arrayToCsv(i);if(this._valueProperty!==r&&(this._valueProperty=r),this.range&&i.length<2)return;super.valueChanged(r,t)}finally{this._valueProcessing=!1}}}attributeChangedCallback(e,t,a){e==="value"&&this.value!==t&&this.valueChanged(a,t),e==="excludedates"&&typeof this.excludedates=="string"&&(this.excludedates=u.valueToArray(a||"")),e==="excludeweekdays"&&typeof this.excludeweekdays=="string"&&(this.excludeweekdays=u.valueToArray(a||"")),super.attributeChangedCallback(e,t,a)}updated(e){if(e.has("value")&&(e.has("multiple")||e.has("range"))){const t=Array.isArray(this.value)?this.value.join(","):this.value,a=e.get("value"),i=Array.isArray(a)?a.join(","):a;this.valueChanged(t,i)}e.has("multiple")&&(this.multiple&&!Array.isArray(this._value)?this._value=u.valueToArray(this.value):!this.multiple&&Array.isArray(this._value)&&(this._value=this._value.filter(Boolean)),!this.multiple&&!this.range&&Array.isArray(this._value)&&(this._value=[this._value[0]??""])),super.updated(e)}get inputRef(){return{value:this.currentInputElement}}get inputRefTo(){return{value:this.currentInputElementTo}}get currentInputElement(){var e,t,a;return this.multiple?(e=this.multipleInputRef.value)==null?void 0:e.inputElement:this.range?(t=this.rangeInputRef.value)==null?void 0:t.inputElement:(a=this.singleInputRef.value)==null?void 0:a.inputElement}get currentInputElementTo(){var e;if(this.range)return(e=this.rangeInputRef.value)==null?void 0:e.inputElementTo}get currentButtonElement(){var e,t,a;return this.multiple?(e=this.multipleInputRef.value)==null?void 0:e.buttonElement:this.range?(t=this.rangeInputRef.value)==null?void 0:t.buttonElement:(a=this.singleInputRef.value)==null?void 0:a.buttonElement}get btnRef(){return{value:this.currentButtonElement}}renderInput(){return l.b`
|
|
146
|
-
<pkt-datepicker-single
|
|
147
|
-
.value=${this._value[0]??""}
|
|
148
|
-
.inputType=${this.inputType}
|
|
149
|
-
.id=${this.id}
|
|
150
|
-
.min=${this.min}
|
|
151
|
-
.max=${this.max}
|
|
152
|
-
.placeholder=${this.placeholder}
|
|
153
|
-
.readonly=${this.readonly}
|
|
154
|
-
.disabled=${this.disabled}
|
|
155
|
-
.inputClasses=${this.inputClasses}
|
|
156
|
-
.internals=${this.internals}
|
|
157
|
-
.strings=${this.strings}
|
|
158
|
-
@toggle-calendar=${e=>this.toggleCalendar(e.detail)}
|
|
159
|
-
@input-change=${()=>this.onInput()}
|
|
160
|
-
@input-focus=${()=>this.onFocus()}
|
|
161
|
-
@input-blur=${e=>{var t;(t=this.calRef.value)!=null&&t.contains(e.detail.relatedTarget)||this.onBlur()}}
|
|
162
|
-
@manage-validity=${e=>this.manageValidity(e.detail)}
|
|
163
|
-
@value-change=${e=>{this.value=e.detail}}
|
|
164
|
-
@input-changed=${()=>{this.touched=!0}}
|
|
165
|
-
${o.n(this.singleInputRef)}
|
|
166
|
-
></pkt-datepicker-single>
|
|
167
|
-
`}renderRangeInput(){return l.b`
|
|
168
|
-
<pkt-datepicker-range
|
|
169
|
-
.value=${this._value}
|
|
170
|
-
.inputType=${this.inputType}
|
|
171
|
-
.id=${this.id}
|
|
172
|
-
.label=${this.label}
|
|
173
|
-
.min=${this.min}
|
|
174
|
-
.max=${this.max}
|
|
175
|
-
.placeholder=${this.placeholder}
|
|
176
|
-
.readonly=${this.readonly}
|
|
177
|
-
.disabled=${this.disabled}
|
|
178
|
-
.showRangeLabels=${this.showRangeLabels}
|
|
179
|
-
.inputClasses=${this.inputClasses}
|
|
180
|
-
.internals=${this.internals}
|
|
181
|
-
.strings=${this.strings}
|
|
182
|
-
@toggle-calendar=${e=>this.toggleCalendar(e.detail)}
|
|
183
|
-
@input-change=${()=>this.onInput()}
|
|
184
|
-
@input-focus=${()=>this.onFocus()}
|
|
185
|
-
@input-blur=${e=>{var t;(t=this.calRef.value)!=null&&t.contains(e.detail.relatedTarget)||this.onBlur()}}
|
|
186
|
-
@range-blur=${e=>{const t=this.currentInputElement,a=this.currentInputElementTo;if(t&&a){const i=t.value,r=a.value;if(i&&r&&i>r)a.value="",this._value=[i],this.value=i;else{const n=[i,r].filter(Boolean);n.length>0&&(n[0]!==this._value[0]||n[1]!==this._value[1])&&(this._value=n,this.value=n.join(","))}}T.processRangeBlur(e.detail.event,e.detail.values,this.calRef,()=>this.clearInputValue(),i=>this.manageValidity(i))}}
|
|
187
|
-
@manage-validity=${e=>this.manageValidity(e.detail)}
|
|
188
|
-
@validate-date-input=${e=>{b.validateDateInput(e.detail,this.internals,this.min,this.max,this.strings)}}
|
|
189
|
-
@handle-date-select=${e=>{var a,i;const t=u.fromISOToDate(e.detail);if(t){const r=u.formatISODate(t);this._value[0]!==r&&this._value[1]!==r&&((i=(a=this.calRef)==null?void 0:a.value)==null||i.handleDateSelect(t))}}}
|
|
190
|
-
@input-changed=${()=>{this.touched=!0}}
|
|
191
|
-
${o.n(this.rangeInputRef)}
|
|
192
|
-
></pkt-datepicker-range>
|
|
193
|
-
`}renderMultipleInput(){return l.b`
|
|
194
|
-
<pkt-datepicker-multiple
|
|
195
|
-
.value=${this._value}
|
|
196
|
-
.inputType=${this.inputType}
|
|
197
|
-
.id=${this.id}
|
|
198
|
-
.min=${this.min}
|
|
199
|
-
.max=${this.max}
|
|
200
|
-
.placeholder=${this.placeholder}
|
|
201
|
-
.readonly=${this.readonly}
|
|
202
|
-
.disabled=${this.disabled}
|
|
203
|
-
.maxlength=${this.maxlength}
|
|
204
|
-
.inputClasses=${this.inputClasses}
|
|
205
|
-
.internals=${this.internals}
|
|
206
|
-
.strings=${this.strings}
|
|
207
|
-
@toggle-calendar=${e=>this.toggleCalendar(e.detail)}
|
|
208
|
-
@input-change=${()=>this.onInput()}
|
|
209
|
-
@input-focus=${()=>this.onFocus()}
|
|
210
|
-
@input-blur=${e=>{var t;(t=this.calRef.value)!=null&&t.contains(e.detail.relatedTarget)||this.onBlur()}}
|
|
211
|
-
@add-to-selected=${e=>this.addToSelected(e.detail)}
|
|
212
|
-
@input-changed=${()=>{this.touched=!0}}
|
|
213
|
-
${o.n(this.multipleInputRef)}
|
|
214
|
-
></pkt-datepicker-multiple>
|
|
215
|
-
`}renderCalendar(){return l.b`
|
|
216
|
-
<pkt-datepicker-popup
|
|
217
|
-
class="pkt-contents"
|
|
218
|
-
?open=${this.calendarOpen}
|
|
219
|
-
?multiple=${this.multiple}
|
|
220
|
-
?range=${this.range}
|
|
221
|
-
?weeknumbers=${this.weeknumbers}
|
|
222
|
-
?withcontrols=${this.withcontrols}
|
|
223
|
-
.maxMultiple=${this.maxlength}
|
|
224
|
-
.selected=${this._value}
|
|
225
|
-
.earliest=${this.min}
|
|
226
|
-
.latest=${this.max}
|
|
227
|
-
.excludedates=${Array.isArray(this.excludedates)?this.excludedates:this.excludedates.split(",")}
|
|
228
|
-
.excludeweekdays=${this.excludeweekdays}
|
|
229
|
-
.currentmonth=${this.currentmonth?u.parseISODateString(this.currentmonth):null}
|
|
230
|
-
.today=${this.today}
|
|
231
|
-
@date-selected=${e=>{this.value=T.processDateSelection(e.detail,this.multiple,this.range),this._value=e.detail,T.updateInputValues(this.inputRef,this.inputRefTo,this._value,this.range,this.multiple,t=>this.manageValidity(t))}}
|
|
232
|
-
@close=${()=>{this.onBlur(),this.hideCalendar()}}
|
|
233
|
-
${o.n(this.datepickerPopupRef)}
|
|
234
|
-
></pkt-datepicker-popup>
|
|
235
|
-
`}render(){return this.inputClasses=x.getInputClasses(this.fullwidth,this.showRangeLabels,this.multiple,this.range,this.readonly,this.inputType),l.b`
|
|
236
|
-
<pkt-input-wrapper
|
|
237
|
-
label="${this.label}"
|
|
238
|
-
forId="${this.id}-input"
|
|
239
|
-
?counter=${this.multiple&&!!this.maxlength}
|
|
240
|
-
.counterCurrent=${this.value?this._value.length:0}
|
|
241
|
-
.counterMaxLength=${this.maxlength}
|
|
242
|
-
?disabled=${this.disabled}
|
|
243
|
-
?hasError=${this.hasError}
|
|
244
|
-
?hasFieldset=${this.hasFieldset}
|
|
245
|
-
?inline=${this.inline}
|
|
246
|
-
?required=${this.required}
|
|
247
|
-
?optionalTag=${this.optionalTag}
|
|
248
|
-
?requiredTag=${this.requiredTag}
|
|
249
|
-
useWrapper=${this.useWrapper}
|
|
250
|
-
.optionalText=${this.optionalText}
|
|
251
|
-
.requiredText=${this.requiredText}
|
|
252
|
-
.tagText=${this.tagText}
|
|
253
|
-
.errorMessage=${this.errorMessage}
|
|
254
|
-
.helptext=${this.helptext}
|
|
255
|
-
.helptextDropdown=${this.helptextDropdown}
|
|
256
|
-
.helptextDropdownButton=${this.helptextDropdownButton}
|
|
257
|
-
.ariaDescribedBy=${this.ariaDescribedBy}
|
|
258
|
-
class="pkt-datepicker"
|
|
259
|
-
>
|
|
260
|
-
<div class="pkt-contents" slot="helptext">${F.slotContent(this,"helptext")}</div>
|
|
261
|
-
${this.multiple?l.b`<pkt-date-tags
|
|
262
|
-
.dates=${this._value}
|
|
263
|
-
dateformat=${this.dateformat}
|
|
264
|
-
strings=${this.strings}
|
|
265
|
-
id-base=${this.id}
|
|
266
|
-
@date-tag-removed=${e=>{var i;const t=this.datepickerPopupRef.value,a=u.fromISOToDate(e.detail);t&&a&&typeof t.handleDateSelect=="function"?t.handleDateSelect(a):(i=this.calRef.value)==null||i.handleDateSelect(a)}}
|
|
267
|
-
></pkt-date-tags>`:l.A}
|
|
268
|
-
<div class="pkt-datepicker__inputs ${this.range?"pkt-input__range-inputs":""}">
|
|
269
|
-
${this.range?this.renderRangeInput():this.multiple?this.renderMultipleInput():this.renderInput()}
|
|
270
|
-
</div>
|
|
271
|
-
</pkt-input-wrapper>
|
|
272
|
-
${this.renderCalendar()}
|
|
273
|
-
`}handleCalendarPosition(){const e=this.multiple&&!!this.maxlength;w.handleCalendarPosition(this.popupRef,this.inputRef,e)}async showCalendar(){var t;const e=this.datepickerPopupRef.value;if(this.calendarOpen=!0,e&&typeof e.show=="function"){e.show(),y()&&e.focusOnCurrentDate();return}await O.sleep(20),this.handleCalendarPosition(),y()&&((t=this.calRef.value)==null||t.focusOnCurrentDate())}hideCalendar(){const e=this.datepickerPopupRef.value;if(this.calendarOpen=!1,e&&typeof e.hide=="function")return e.hide()}async toggleCalendar(e){e.preventDefault();const t=this.datepickerPopupRef.value;if(t&&typeof t.toggle=="function"){const a=!!t.open;t.toggle(),this.calendarOpen=!a;return}this.calendarOpen?this.hideCalendar():this.showCalendar()}clearInputValue(){this._value=[],this.value="",this.internals.setFormValue(this.value),this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("value-change",{detail:this._value,bubbles:!0,composed:!0}))}};h([l.n({type:String,reflect:!0})],exports.PktDatepicker.prototype,"value",1);h([l.n({type:String,reflect:!0})],exports.PktDatepicker.prototype,"label",2);h([l.n({type:String})],exports.PktDatepicker.prototype,"dateformat",2);h([l.n({type:Boolean,reflect:!0})],exports.PktDatepicker.prototype,"multiple",2);h([l.n({type:Number,reflect:!0})],exports.PktDatepicker.prototype,"maxlength",2);h([l.n({type:Boolean,reflect:!0})],exports.PktDatepicker.prototype,"range",2);h([l.n({type:Boolean,attribute:"show-range-labels"})],exports.PktDatepicker.prototype,"showRangeLabels",2);h([l.n({type:String,reflect:!0})],exports.PktDatepicker.prototype,"min",2);h([l.n({type:String,reflect:!0})],exports.PktDatepicker.prototype,"max",2);h([l.n({type:Boolean})],exports.PktDatepicker.prototype,"weeknumbers",2);h([l.n({type:Boolean,reflect:!0})],exports.PktDatepicker.prototype,"withcontrols",2);h([l.n({converter:u.converters.csvToArray})],exports.PktDatepicker.prototype,"excludedates",2);h([l.n({converter:u.converters.csvToArray})],exports.PktDatepicker.prototype,"excludeweekdays",2);h([l.n({type:String})],exports.PktDatepicker.prototype,"currentmonth",2);h([l.n({type:String})],exports.PktDatepicker.prototype,"today",2);h([l.n({type:Boolean,reflect:!0,attribute:"calendar-open"})],exports.PktDatepicker.prototype,"calendarOpen",2);h([l.n({type:String})],exports.PktDatepicker.prototype,"timezone",2);h([I.r()],exports.PktDatepicker.prototype,"inputClasses",2);exports.PktDatepicker=h([l.t("pkt-datepicker")],exports.PktDatepicker);
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";const i=require("./element-gR_VtSiD.cjs");var n=Object.defineProperty,u=Object.getOwnPropertyDescriptor,a=(r,e,l,t)=>{for(var s=t>1?void 0:t?u(e,l):e,d=r.length-1,h;d>=0;d--)(h=r[d])&&(s=(t?h(e,l,s):h(s))||s);return t&&s&&n(e,l,s),s};exports.PktHeading=class extends i.PktShadowElement{constructor(){super(...arguments),this.size=void 0,this.level=2,this.weight=void 0,this.visuallyHidden=!1,this.align=void 0}connectedCallback(){super.connectedCallback(),this.setAttribute("role","heading"),this.setAttribute("aria-level",String(this.level)),this.updateHostClasses()}attributeChangedCallback(e,l,t){super.attributeChangedCallback(e,l,t),e==="level"&&t&&this.setLevel(Number(t)),e==="visuallyHidden"&&(this.visuallyHidden=t!==null&&t!=="false"),(e==="size"||e==="visuallyHidden"||e==="align"||e==="weight")&&this.updateHostClasses()}updated(e){super.updated(e),e.has("level")&&(this.setLevel(this.level),this.hasAttribute("size")||(this.size=this.defaultSizeForLevel),this.hasAttribute("weight")||(this.weight=this.defaultWeightForLevel)),!this.hasAttribute("size")&&(e.has("level")||this.size===void 0)&&(this.size=this.defaultSizeForLevel),(e.has("size")||e.has("visuallyHidden")||e.has("align")||e.has("weight"))&&this.updateHostClasses()}setLevel(e){e>=1&&e<=6?(this.level=e,this.setAttribute("aria-level",String(e))):console.warn(`Invalid heading level: ${e}. Must be between 1 and 6.`)}get defaultSizeForLevel(){switch(this.level){case 1:return"xlarge";case 2:return"large";case 3:return"medium";case 4:return"small";case 5:return"xsmall";case 6:return"xsmall";default:return"medium"}}get defaultWeightForLevel(){switch(this.level){case 1:return"regular";case 2:return"regular";case 3:return"medium";case 4:return"medium";case 5:return"medium";case 6:return"medium";default:return"medium"}}updateHostClasses(){this.classList.remove("pkt-heading","pkt-heading--xsmall","pkt-heading--small","pkt-heading--medium","pkt-heading--large","pkt-heading--xlarge","pkt-sr-only","pkt-heading--start","pkt-heading--center","pkt-heading--end","pkt-heading--light","pkt-heading--regular","pkt-heading--medium","pkt-heading--bold"),this.classList.add("pkt-heading"),this.size&&this.classList.add(`pkt-heading--${this.size}`),this.weight&&this.classList.add(`pkt-heading--fw-${this.weight}`),this.visuallyHidden&&this.classList.add("pkt-sr-only"),this.align&&this.classList.add(`pkt-heading--${this.align}`)}render(){return i.b`<slot></slot>`}};a([i.n({type:String,reflect:!0})],exports.PktHeading.prototype,"size",2);a([i.n({type:Number,reflect:!0})],exports.PktHeading.prototype,"level",2);a([i.n({type:String,reflect:!0})],exports.PktHeading.prototype,"weight",2);a([i.n({type:Boolean,reflect:!0})],exports.PktHeading.prototype,"visuallyHidden",2);a([i.n({type:String,reflect:!0})],exports.PktHeading.prototype,"align",2);exports.PktHeading=a([i.t("pkt-heading")],exports.PktHeading);
|