@oslokommune/punkt-elements 12.32.0 → 12.32.7
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/dist/alert-C2WKLFow.cjs +27 -0
- package/dist/alert-XGjypFHe.js +115 -0
- package/dist/alert.d.ts +15 -15
- package/dist/{backlink-DdNgqA56.js → backlink-BX8HBhw5.js} +2 -2
- package/dist/{backlink-Q2HTG9jm.cjs → backlink-NJdC0FAO.cjs} +1 -1
- package/dist/backlink.d.ts +15 -15
- package/dist/{button-rArIL0-j.js → button-Bn8jVB0f.js} +33 -33
- package/dist/{button-BPyZeW73.cjs → button-Bpbh8A_a.cjs} +2 -2
- package/dist/button.d.ts +15 -15
- package/dist/{calendar-1ryAEdX3.js → calendar-BNHDEEwT.js} +20 -84
- package/dist/{calendar-2DqPLXdD.cjs → calendar-Ds13AKr5.cjs} +4 -4
- package/dist/calendar.d.ts +15 -15
- package/dist/card-CEv3DL-o.js +94 -0
- package/dist/card-c5EEPaNh.cjs +28 -0
- package/dist/card.d.ts +15 -15
- package/dist/{checkbox-BnDG6wIO.cjs → checkbox-DDBBDM85.cjs} +1 -1
- package/dist/{checkbox-Ceui2TLp.js → checkbox-DoMYxp83.js} +9 -9
- package/dist/checkbox.d.ts +15 -15
- package/dist/{class-map-ChuDQU5C.js → class-map-D4tSZX70.js} +2 -2
- package/dist/{class-map-D4rXyUxT.cjs → class-map-DvBKxTiW.cjs} +1 -1
- package/dist/combobox-BflWORVa.cjs +115 -0
- package/dist/combobox-l7LmWQYu.js +491 -0
- package/dist/combobox.d.ts +15 -15
- package/dist/datepicker-Bkiyh5P5.cjs +153 -0
- package/dist/datepicker-nWd89NwP.js +449 -0
- package/dist/datepicker.d.ts +15 -15
- package/dist/directive-C7oCP5Bh.cjs +5 -0
- package/dist/directive-helpers-BmXIK-1b.js +45 -0
- package/dist/directive-helpers-donnvcEO.cjs +5 -0
- package/dist/{directive-B76A7YXI.js → directive-oAbCiebi.js} +4 -4
- package/dist/element-DJpGVXjq.cjs +238 -0
- package/dist/{element-G8JoS0Lj.js → element-DiqKrDty.js} +8845 -8847
- package/dist/{helptext-Y4cSgTkd.js → helptext-DfRusn5R.js} +9 -9
- package/dist/{helptext-B4Uc-d56.cjs → helptext-aHD9icur.cjs} +1 -1
- package/dist/helptext.d.ts +15 -15
- package/dist/{icon-BJnwW0eh.js → icon-BdY52BIt.js} +2 -2
- package/dist/{icon-BTUCDPN5.cjs → icon-UtDKPH3R.cjs} +1 -1
- package/dist/icon.d.ts +15 -15
- package/dist/{if-defined-C1ZDVzYn.cjs → if-defined-CoBDkDGb.cjs} +1 -1
- package/dist/{if-defined-rCqT8Od1.js → if-defined-DeANa4n5.js} +1 -1
- package/dist/index.d.ts +17 -16
- package/dist/{input-element-DM2uSYaW.js → input-element-C4mmTk6h.js} +3 -3
- package/dist/{input-element-AhnBdCb8.cjs → input-element-VNai8bsq.cjs} +1 -1
- package/dist/input-wrapper-8iKEzDRZ.js +40 -0
- package/dist/{input-wrapper-BdZxmQyO.cjs → input-wrapper-DWOw7Yn-.cjs} +1 -1
- package/dist/input-wrapper-EoSAbU-U.cjs +1 -0
- package/dist/{input-wrapper-DQmYzhcy.js → input-wrapper-P_oEi6dk.js} +8 -8
- package/dist/input-wrapper.d.ts +15 -15
- package/dist/link-D9dJ6F-R.js +73 -0
- package/dist/link-DBxXqsnP.cjs +8 -0
- package/dist/link.d.ts +15 -15
- package/dist/{linkcard-DDD92XfD.cjs → linkcard-D5O1hR7N.cjs} +1 -1
- package/dist/{linkcard-CvqqyHVW.js → linkcard-DcEE9IVw.js} +4 -4
- package/dist/linkcard.d.ts +15 -15
- package/dist/{listbox-BTVnrHWv.cjs → listbox-CK1GmwCE.cjs} +1 -1
- package/dist/{listbox-DX-Euxdm.js → listbox-CfJWJDrc.js} +5 -5
- package/dist/listbox.d.ts +15 -15
- package/dist/{loader-BudoV0yd.js → loader-DZvOlXzI.js} +6 -6
- package/dist/{loader-Csq0Yd1k.cjs → loader-SDXJp58K.cjs} +1 -1
- package/dist/loader.d.ts +15 -15
- package/dist/messagebox-Ce5e1gga.js +79 -0
- package/dist/messagebox-D2_-WZQG.cjs +12 -0
- package/dist/messagebox.d.ts +15 -15
- package/dist/modal-CCtUsYKk.cjs +33 -0
- package/dist/{modal-DnYn2Rlg.js → modal-CdgIOp8Q.js} +51 -94
- package/dist/modal.d.ts +15 -15
- 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-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-datepicker.cjs +1 -1
- package/dist/pkt-datepicker.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 +27 -27
- 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-CZplGTgu.js → pkt-options-controller-BkWE4pZe.js} +1 -1
- package/dist/{pkt-options-controller-BtU1zEtG.cjs → pkt-options-controller-TJ1apYGF.cjs} +1 -1
- package/dist/pkt-progressbar.cjs +1 -1
- package/dist/pkt-progressbar.js +2 -2
- package/dist/pkt-radiobutton.cjs +1 -1
- package/dist/pkt-radiobutton.js +1 -1
- package/dist/pkt-select.cjs +1 -1
- package/dist/pkt-select.js +1 -1
- package/dist/pkt-slot-controller-BtVLTZb7.js +79 -0
- package/dist/pkt-slot-controller-plQxXRvV.cjs +1 -0
- 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/{progressbar-czvExwTL.js → progressbar-DvFz9KBo.js} +6 -6
- package/dist/{progressbar-BW_icNId.cjs → progressbar-jASTnhti.cjs} +1 -1
- package/dist/progressbar.d.ts +15 -15
- package/dist/{radiobutton-BeSuCrbp.cjs → radiobutton-C-Xd5sSq.cjs} +1 -1
- package/dist/{radiobutton-DKo27Stm.js → radiobutton-D03aN4yn.js} +5 -5
- package/dist/radiobutton.d.ts +15 -15
- package/dist/{ref-cRTOoM4R.js → ref-B70YZNXm.js} +11 -11
- package/dist/{ref-DsoUUoPU.cjs → ref-CLqTsViF.cjs} +3 -3
- package/dist/{repeat-CArTw6-s.js → repeat-CNLpCTun.js} +3 -3
- package/dist/{repeat-kruY8poV.cjs → repeat-t2oms1o6.cjs} +1 -1
- package/dist/{select-DxHhPEgD.js → select-BLDaK5Rd.js} +8 -8
- package/dist/{select-lvFnhEVg.cjs → select-Dvds7MzS.cjs} +1 -1
- package/dist/select.d.ts +15 -15
- package/dist/{state-BILlRnrD.cjs → state-C4LdlTYO.cjs} +1 -1
- package/dist/{state-gfUuUqVg.js → state-CDwPbiQj.js} +1 -1
- package/dist/tag-C52KeBmR.cjs +18 -0
- package/dist/{tag-CWx1XsGR.js → tag-DoS5S2Bq.js} +28 -77
- package/dist/tag.d.ts +15 -15
- package/dist/{textarea-BNNDbxxO.js → textarea-C9EvdPGi.js} +11 -11
- package/dist/{textarea-CDsLbogK.cjs → textarea-DJvNBmEL.cjs} +1 -1
- package/dist/textarea.d.ts +15 -15
- package/dist/{textinput-C3C088Ki.cjs → textinput-Cg3ObBuw.cjs} +1 -1
- package/dist/{textinput-M8I4dfoP.js → textinput-CxRSSYaN.js} +20 -20
- package/dist/textinput.d.ts +15 -15
- package/package.json +4 -4
- package/src/components/button/button.ts +3 -2
- package/src/components/datepicker/datepicker.ts +4 -4
- package/src/components/tag/tag.ts +1 -1
- package/dist/alert-D5G5UJuo.cjs +0 -27
- package/dist/alert-gERpVuB7.js +0 -163
- package/dist/card-BbMBpvJt.js +0 -176
- package/dist/card-ZX09f_ka.cjs +0 -28
- package/dist/combobox-DH-YlbNh.cjs +0 -115
- package/dist/combobox-DbO6I0GT.js +0 -694
- package/dist/datepicker-8MOgQsyL.js +0 -611
- package/dist/datepicker-BRH-59Q9.cjs +0 -153
- package/dist/directive-C_VV3qwo.cjs +0 -5
- package/dist/directive-helpers-D7XIyCQ_.js +0 -45
- package/dist/directive-helpers-mGjAtADc.cjs +0 -5
- package/dist/element-BBo3JZk5.cjs +0 -238
- package/dist/input-wrapper-Bw9tARAD.js +0 -125
- package/dist/input-wrapper-jPnKsfEC.cjs +0 -1
- package/dist/link-C3lW3z8X.js +0 -109
- package/dist/link-DOVlsg2S.cjs +0 -8
- package/dist/messagebox-8GwnNqb0.cjs +0 -12
- package/dist/messagebox-D6uexEhg.js +0 -114
- package/dist/modal-CLixB4Dz.cjs +0 -33
- package/dist/pkt-slot-controller-CqNvEpFd.cjs +0 -1
- package/dist/pkt-slot-controller-D1DakVrU.js +0 -95
- package/dist/tag-DThwKsrg.cjs +0 -18
|
@@ -1,153 +0,0 @@
|
|
|
1
|
-
"use strict";const h=require("./class-map-D4rXyUxT.cjs"),d=require("./if-defined-C1ZDVzYn.cjs"),a=require("./element-BBo3JZk5.cjs"),m=require("./state-BILlRnrD.cjs"),o=require("./calendar-2DqPLXdD.cjs"),k=require("./input-element-AhnBdCb8.cjs"),l=require("./ref-DsoUUoPU.cjs"),v=require("./repeat-kruY8poV.cjs");require("./icon-BTUCDPN5.cjs");require("./input-wrapper-BdZxmQyO.cjs");require("./tag-DThwKsrg.cjs");const y=require("./pkt-slot-controller-CqNvEpFd.cjs"),$="pkt-datepicker",b=!0,x={name:{type:"string",name:"Navn",description:"Navn som sendes brukes i skjema ved innsending"},label:{type:"string",name:"Etikett",description:"Tekst som vises over datovelgeren"},helptext:{type:"string",name:"Hjelpetekst",description:"Hjelpetekst som vises over datovelgeren"},helptextDropdown:{type:"string",name:"Utvidet hjelpetekst",description:"Hjelpetekst som vises i en lukket boks man kan åpne"},helptextDropdownButton:{type:"string",name:"Knappetekst for hjelpetekst",description:"Tekst som vises på knappen for å åpne/lukke utvidet hjelpetekst",default:"Les mer"},dateformat:{name:"Datoformat",description:"Datoformat for valgte datoer i flervalgsmodus",type:"string",default:"dd.MM.yyyy"},currentmonth:{name:"Nåværende måned",type:"ISOdatestring",description:"Måneden som skal vises i datovelgeren"},value:{name:"Verdi",type:"ISOdatestring",variant:"multiple",reflect:!0,description:"Kommaseparert liste av valgte datoer"},excludeweekdays:{name:"Utelat ukedager",type:"string",description:"Kommaseparert liste over ukedager (1-7) som skal ekskluderes"},excludedates:{name:"Utelat datoer",type:"ISOdatestring",variant:"multiple",description:"Kommaseparert liste over datoer som skal ekskluderes"},min:{name:"Tidligst tillatt",type:"ISOdatestring",default:null,description:"Første tillate dato i datovelgeren"},max:{name:"Senest tillatt",type:"ISOdatestring",default:null,description:"Siste tillate dato i datovelgeren"},weeknumbers:{name:"Vis ukenummer",type:"boolean",reflect:!0,default:!1,description:"Vis ukedager i datovelgerens kalender"},withcontrols:{name:"Med kontroller",type:"boolean",reflect:!0,default:!1,description:"Vis avanserte velgere for måned og år"},multiple:{name:"Flervalg",type:"boolean",reflect:!0,default:!1,description:"Tillat valg av flere enn én dato i samme velger"},maxlength:{name:"Maks antall",description:"Maks valgte datoer i flervalgsmodus",type:"number"},range:{name:"Datotidsrom",type:"boolean",reflect:!0,default:!1,description:"Tillat å velge et tidsrom mellom to datoer i samme velger"},hasError:{type:"boolean",name:"Feil",default:!1,description:"Viser feiltilstand for datovelgeren"},errorMessage:{type:"string",name:"Feilmelding",description:"Tekst som vises under datovelgeren ved feiltilstand"},disabled:{type:"boolean",name:"Deaktivert",default:!1,reflect:!0,description:"Er datovelgeren deaktivert?"},fullwidth:{type:"boolean",name:"Full bredde",default:!1,reflect:!0,description:"Skal datovelgeren ta opp hele bredden?"},required:{type:"boolean",name:"Påkrevd",default:!1,reflect:!0,description:"Er datovelgeren påkrevd?"},requiredTag:{type:"boolean",name:"Vise påkrevd-merking",default:!1,description:"Viser en merking som indikerer at datovelgeren er påkrevd"},requiredText:{type:"string",name:"Påkrevd-tekst",default:"Må fylles ut",description:"Tekst som vises i påkrevd-merkingen"},optionalTag:{type:"boolean",name:"Vise valgfritt-merking",default:!1,description:"Viser en merking som indikerer at datovelgeren er valgfri"},optionalText:{type:"string",name:"Valgfritt-tekst",default:"Valgfritt",description:"Tekst som vises i valgfritt-merkingen"},useWrapper:{type:"boolean",name:"Bruk wrapper",description:"Indikerer at feltet skal ha synlig label og hjelpetekst",displayAsFalse:!0,default:!0},id:{type:"string",name:"ID",description:"Unik identifikasjon for datovelgeren"}},w={change:{type:"Event",description:"Returnerer valgt dato som streng i ISO-format"},"value-change":{type:"CustomEvent",description:"Returnerer en <code>array</code> med valgte datoer i ISO-format"},toggleHelpText:{type:"CustomEvent",description:"Returnerer <code>event.detail { isOpen: true }</code> eller <code>event.detail { isOpen: false }</code> når hjelpeteksten åpnes eller lukkes"}},u={name:$,"css-class":"pkt-datepicker",isElement:b,props:x,events:w};var D=Object.defineProperty,R=Object.getOwnPropertyDescriptor,s=(c,e,t,i)=>{for(var r=i>1?void 0:i?R(e,t):e,n=c.length-1,p;n>=0;n--)(p=c[n])&&(r=(i?p(e,t,r):p(r))||r);return i&&r&&D(e,t,r),r};const g=c=>new Promise(e=>setTimeout(e,c));exports.PktDatepicker=class extends k.PktInputElement{constructor(){super(),this.value="",this._value=this.value?Array.isArray(this.value)?this.value:this.value.split(","):[],this.label="Datovelger",this.dateformat=u.props.dateformat.default,this.multiple=u.props.multiple.default,this.maxlength=null,this.range=u.props.range.default,this.showRangeLabels=!1,this.min=null,this.max=null,this.weeknumbers=u.props.weeknumbers.default,this.withcontrols=u.props.withcontrols.default,this.excludedates=[],this.excludeweekdays=[],this.currentmonth=null,this.calendarOpen=!1,this.timezone="Europe/Oslo",this.inputClasses={},this.buttonClasses={},this.inputRef=l.e(),this.inputRefTo=l.e(),this.btnRef=l.e(),this.calRef=l.e(),this.popupRef=l.e(),this.helptextSlot=l.e(),this.addToSelected=e=>{const t=e.target;if(!t.value)return;const i=this.min?o.newDate(this.min):null,r=this.max?o.newDate(this.max):null,n=o.newDate(t.value.split(",")[0]);n&&!isNaN(n.getTime())&&(!i||n>=i)&&(!r||n<=r)&&this.calRef.value&&this.calRef.value.handleDateSelect(n),t.value=""},this.slotController=new y.PktSlotController(this,this.helptextSlot)}async connectedCallback(){super.connectedCallback(),this.isMobileSafari=/iP(ad|od|hone)/i.test(window.navigator.userAgent)&&!!navigator.userAgent.match(/Version\/[\d\.]+.*Safari/),this.inputType=this.isMobileSafari?"text":"date",document&&document.body.addEventListener("click",e=>{var t,i;(t=this.inputRef)!=null&&t.value&&((i=this.btnRef)!=null&&i.value)&&!this.inputRef.value.contains(e.target)&&!(this.inputRefTo.value&&this.inputRefTo.value.contains(e.target))&&!this.btnRef.value.contains(e.target)&&!e.target.closest(".pkt-calendar-popup")&&this.calendarOpen&&(this.onBlur(),this.hideCalendar())}),this.value.length&&this._value.length===0&&(this._value=Array.isArray(this.value)?this.value:this.value.split(",")),this.min=this.min||u.props.min.default,this.max=this.max||u.props.max.default,typeof this.excludedates=="string"&&(this.excludedates=this.excludedates.split(",")),typeof this.excludeweekdays=="string"&&(this.excludeweekdays=this.excludeweekdays.split(",")),(this.multiple||this.range)&&this.name&&!this.name.endsWith("[]")&&(this.name=this.name+"[]"),this.calendarOpen&&(await g(20),this.handleCalendarPosition())}disconnectedCallback(){super.disconnectedCallback(),document&&document.body.removeEventListener("click",e=>{var t,i;(t=this.inputRef)!=null&&t.value&&((i=this.btnRef)!=null&&i.value)&&!this.inputRef.value.contains(e.target)&&!this.btnRef.value.contains(e.target)&&this.hideCalendar()})}attributeChangedCallback(e,t,i){if(e==="value"){if(this.range&&(i==null?void 0:i.split(",").length)===1)return;this.value!==t&&this.valueChanged(i,t)}e==="excludedates"&&typeof this.excludedates=="string"&&(this.excludedates=(i==null?void 0:i.split(","))??[]),e==="excludeweekdays"&&typeof this.excludeweekdays=="string"&&(this.excludeweekdays=(i==null?void 0:i.split(","))??[]),super.attributeChangedCallback(e,t,i)}updated(e){if(e.has("value")){if(this.range&&this.value.length===1)return;this.valueChanged(this.value,e.get("value"))}super.updated(e)}renderInput(){return a.x`
|
|
2
|
-
<input
|
|
3
|
-
class="${h.e(this.inputClasses)}"
|
|
4
|
-
.type=${this.inputType}
|
|
5
|
-
id="${this.id}-input"
|
|
6
|
-
.value=${this._value[0]??""}
|
|
7
|
-
min=${d.o(this.min)}
|
|
8
|
-
max=${d.o(this.max)}
|
|
9
|
-
@click=${e=>{e.preventDefault(),this.showCalendar()}}
|
|
10
|
-
?disabled=${this.disabled}
|
|
11
|
-
@keydown=${e=>{var t;(e.key===","||e.key==="Enter")&&((t=this.inputRef.value)==null||t.blur()),(e.key==="Space"||e.key===" ")&&(e.preventDefault(),this.toggleCalendar(e))}}
|
|
12
|
-
@input=${e=>{this.onInput(),e.stopImmediatePropagation()}}
|
|
13
|
-
@focus=${()=>{this.onFocus(),this.isMobileSafari&&this.showCalendar()}}
|
|
14
|
-
@blur=${e=>{var t;(t=this.calRef.value)!=null&&t.contains(e.relatedTarget)||this.onBlur(),this.manageValidity(e.target),this.value=e.target.value}}
|
|
15
|
-
@change=${e=>{e.stopImmediatePropagation()}}
|
|
16
|
-
${l.n(this.inputRef)}
|
|
17
|
-
/>
|
|
18
|
-
`}renderRangeInput(){const e={"pkt-input-prefix":this.showRangeLabels,"pkt-hide":!this.showRangeLabels};return a.x`
|
|
19
|
-
${this.showRangeLabels?a.x` <div class="pkt-input-prefix">${this.strings.generic.from}</div> `:a.E}
|
|
20
|
-
<input
|
|
21
|
-
class=${h.e(this.inputClasses)}
|
|
22
|
-
.type=${this.inputType}
|
|
23
|
-
id="${this.id}-input"
|
|
24
|
-
.value=${this._value[0]??""}
|
|
25
|
-
min=${d.o(this.min)}
|
|
26
|
-
max=${d.o(this.max)}
|
|
27
|
-
?disabled=${this.disabled}
|
|
28
|
-
@click=${t=>{t.preventDefault(),this.showCalendar()}}
|
|
29
|
-
@keydown=${t=>{var i;(t.key===","||t.key==="Enter")&&((i=this.inputRef.value)==null||i.blur()),(t.key==="Space"||t.key===" ")&&(t.preventDefault(),this.toggleCalendar(t))}}
|
|
30
|
-
@input=${t=>{this.onInput(),t.stopImmediatePropagation()}}
|
|
31
|
-
@focus=${()=>{this.onFocus(),this.isMobileSafari&&this.showCalendar()}}
|
|
32
|
-
@blur=${t=>{var i,r;if(t.target.value){this.manageValidity(t.target);const n=o.fromISOToDate(t.target.value);n&&this._value[0]!==t.target.value&&this._value[1]&&(this.clearInputValue(),(r=(i=this.calRef)==null?void 0:i.value)==null||r.handleDateSelect(n))}else this._value[0]&&this.clearInputValue()}}
|
|
33
|
-
@change=${t=>{t.stopImmediatePropagation()}}
|
|
34
|
-
${l.n(this.inputRef)}
|
|
35
|
-
/>
|
|
36
|
-
<div class="${h.e(e)}" id="${this.id}-to-label">
|
|
37
|
-
${this.strings.generic.to}
|
|
38
|
-
</div>
|
|
39
|
-
${this.showRangeLabels?a.E:a.x` <div class="pkt-input-separator">–</div> `}
|
|
40
|
-
<input
|
|
41
|
-
class=${h.e(this.inputClasses)}
|
|
42
|
-
.type=${this.inputType}
|
|
43
|
-
id="${this.id}-to"
|
|
44
|
-
aria-labelledby="${this.id}-to-label"
|
|
45
|
-
.value=${this._value[1]??""}
|
|
46
|
-
min=${d.o(this.min)}
|
|
47
|
-
max=${d.o(this.max)}
|
|
48
|
-
?disabled=${this.disabled}
|
|
49
|
-
@click=${t=>{t.preventDefault(),this.showCalendar()}}
|
|
50
|
-
@keydown=${t=>{var i;(t.key===","||t.key==="Enter")&&((i=this.inputRefTo.value)==null||i.blur()),(t.key==="Space"||t.key===" ")&&(t.preventDefault(),this.toggleCalendar(t))}}
|
|
51
|
-
@input=${t=>{this.onInput(),t.stopImmediatePropagation()}}
|
|
52
|
-
@focus=${()=>{this.onFocus(),this.isMobileSafari&&this.showCalendar()}}
|
|
53
|
-
@blur=${t=>{var i,r,n;if((i=this.calRef.value)!=null&&i.contains(t.relatedTarget)||this.onBlur(),t.target.value){this.manageValidity(t.target);const p=t.target.value;this.min&&this.min>p?this.internals.setValidity({rangeUnderflow:!0},this.strings.forms.messages.rangeUnderflow,t.target):this.max&&this.max<p&&this.internals.setValidity({rangeOverflow:!0},this.strings.forms.messages.rangeOverflow,t.target);const f=o.fromISOToDate(t.target.value);f&&this._value[1]!==o.formatISODate(f)&&((n=(r=this.calRef)==null?void 0:r.value)==null||n.handleDateSelect(f))}}}
|
|
54
|
-
@change=${t=>{t.stopImmediatePropagation()}}
|
|
55
|
-
${l.n(this.inputRefTo)}
|
|
56
|
-
/>
|
|
57
|
-
`}renderMultipleInput(){return a.x`
|
|
58
|
-
<input
|
|
59
|
-
class=${h.e(this.inputClasses)}
|
|
60
|
-
.type=${this.inputType}
|
|
61
|
-
id="${this.id}-input"
|
|
62
|
-
min=${d.o(this.min)}
|
|
63
|
-
max=${d.o(this.max)}
|
|
64
|
-
?disabled=${this.disabled||this.maxlength&&this._value.length>=this.maxlength}
|
|
65
|
-
@click=${e=>{e.preventDefault(),this.showCalendar()}}
|
|
66
|
-
@blur=${e=>{var t;(t=this.calRef.value)!=null&&t.contains(e.relatedTarget)||this.onBlur(),this.addToSelected(e)}}
|
|
67
|
-
@input=${e=>{this.onInput(),e.stopImmediatePropagation()}}
|
|
68
|
-
@focus=${()=>{this.onFocus(),this.isMobileSafari&&this.showCalendar()}}
|
|
69
|
-
@keydown=${e=>{(e.key===","||e.key==="Enter")&&(e.preventDefault(),this.addToSelected(e)),(e.key==="Space"||e.key===" ")&&(e.preventDefault(),this.toggleCalendar(e))}}
|
|
70
|
-
@change=${e=>{e.stopImmediatePropagation()}}
|
|
71
|
-
${l.n(this.inputRef)}
|
|
72
|
-
/>
|
|
73
|
-
`}renderTags(){return a.x`
|
|
74
|
-
<div class="pkt-datepicker__tags" aria-live="polite">
|
|
75
|
-
${this._value[0]?v.c(this._value??[],e=>e,e=>a.x`
|
|
76
|
-
<pkt-tag
|
|
77
|
-
.id="${this.id+e+"-tag"}"
|
|
78
|
-
closeTag
|
|
79
|
-
ariaLabel="${this.strings.calendar.deleteDate} ${o.fromISOtoLocal(e,this.dateformat)}"
|
|
80
|
-
@close=${()=>{var t;return(t=this.calRef.value)==null?void 0:t.handleDateSelect(o.fromISOToDate(e))}}
|
|
81
|
-
><time datetime="${e}">${o.fromISOtoLocal(e,this.dateformat)}</time></pkt-tag
|
|
82
|
-
>
|
|
83
|
-
`):a.E}
|
|
84
|
-
</div>
|
|
85
|
-
`}renderCalendar(){return a.x`<div
|
|
86
|
-
class="pkt-calendar-popup pkt-${this.calendarOpen?"show":"hide"}"
|
|
87
|
-
@focusout=${e=>{this.calendarOpen&&this.handleFocusOut(e)}}
|
|
88
|
-
id="${this.id}-popup"
|
|
89
|
-
${l.n(this.popupRef)}
|
|
90
|
-
>
|
|
91
|
-
<pkt-calendar
|
|
92
|
-
id="${this.id}-calendar"
|
|
93
|
-
?multiple=${this.multiple}
|
|
94
|
-
?range=${this.range}
|
|
95
|
-
?weeknumbers=${this.weeknumbers}
|
|
96
|
-
?withcontrols=${this.withcontrols}
|
|
97
|
-
.maxMultiple=${this.maxlength}
|
|
98
|
-
.selected=${this._value}
|
|
99
|
-
.earliest=${this.min}
|
|
100
|
-
.latest=${this.max}
|
|
101
|
-
.excludedates=${Array.isArray(this.excludedates)?this.excludedates:this.excludedates.split(",")}
|
|
102
|
-
.excludeweekdays=${this.excludeweekdays}
|
|
103
|
-
.currentmonth=${this.currentmonth?o.newDate(this.currentmonth):null}
|
|
104
|
-
@date-selected=${e=>{this.value=!this.multiple&&!this.range?e.detail[0]:e.detail,this._value=e.detail,this.inputRef.value&&(this.range&&this.inputRefTo.value?(this.inputRef.value.value=this._value[0]??"",this.inputRefTo.value.value=this._value[1]??""):this.multiple||(this.inputRef.value.value=this._value.length?this._value[0]:""))}}
|
|
105
|
-
@close=${()=>{this.onBlur(),this.hideCalendar()}}
|
|
106
|
-
${l.n(this.calRef)}
|
|
107
|
-
></pkt-calendar>
|
|
108
|
-
</div>`}render(){return this.inputClasses={"pkt-input":!0,"pkt-datepicker__input":!0,"pkt-input--fullwidth":this.fullwidth,"pkt-datepicker--hasrangelabels":this.showRangeLabels,"pkt-datepicker--multiple":this.multiple,"pkt-datepicker--range":this.range},this.buttonClasses={"pkt-input-icon":!0,"pkt-btn":!0,"pkt-btn--icon-only":!0,"pkt-btn--tertiary":!0},a.x`
|
|
109
|
-
<pkt-input-wrapper
|
|
110
|
-
label="${this.label}"
|
|
111
|
-
forId="${this.id}-input"
|
|
112
|
-
?counter=${this.multiple&&!!this.maxlength}
|
|
113
|
-
.counterCurrent=${this.value?this._value.length:0}
|
|
114
|
-
.counterMaxLength=${this.maxlength}
|
|
115
|
-
?disabled=${this.disabled}
|
|
116
|
-
?hasError=${this.hasError}
|
|
117
|
-
?hasFieldset=${this.hasFieldset}
|
|
118
|
-
?inline=${this.inline}
|
|
119
|
-
?required=${this.required}
|
|
120
|
-
?optionalTag=${this.optionalTag}
|
|
121
|
-
?requiredTag=${this.requiredTag}
|
|
122
|
-
?useWrapper=${this.useWrapper}
|
|
123
|
-
.optionalText=${this.optionalText}
|
|
124
|
-
.requiredText=${this.requiredText}
|
|
125
|
-
.errorMessage=${this.errorMessage}
|
|
126
|
-
.helptext=${this.helptext}
|
|
127
|
-
.helptextDropdown=${this.helptextDropdown}
|
|
128
|
-
.helptextDropdownButton=${this.helptextDropdownButton}
|
|
129
|
-
.ariaDescribedBy=${this.ariaDescribedBy}
|
|
130
|
-
class="pkt-datepicker"
|
|
131
|
-
>
|
|
132
|
-
<div class="pkt-contents" ${l.n(this.helptextSlot)} name="helptext" slot="helptext"></div>
|
|
133
|
-
${this.multiple?this.renderTags():a.E}
|
|
134
|
-
<div
|
|
135
|
-
class="pkt-datepicker__inputs ${this.range&&this.showRangeLabels?"pkt-input__range-inputs":""}"
|
|
136
|
-
>
|
|
137
|
-
<div class="pkt-input__container">
|
|
138
|
-
${this.range?this.renderRangeInput():this.multiple?this.renderMultipleInput():this.renderInput()}
|
|
139
|
-
<button
|
|
140
|
-
class="${h.e(this.buttonClasses)}"
|
|
141
|
-
type="button"
|
|
142
|
-
@click=${this.toggleCalendar}
|
|
143
|
-
?disabled=${this.disabled}
|
|
144
|
-
${l.n(this.btnRef)}
|
|
145
|
-
>
|
|
146
|
-
<pkt-icon name="calendar"></pkt-icon>
|
|
147
|
-
<span class="pkt-btn__text">${this.strings.calendar.buttonAltText}</span>
|
|
148
|
-
</button>
|
|
149
|
-
</div>
|
|
150
|
-
</div>
|
|
151
|
-
</pkt-input-wrapper>
|
|
152
|
-
${this.renderCalendar()}
|
|
153
|
-
`}handleCalendarPosition(){var e;if(this.popupRef.value&&this.inputRef.value){const t=this.multiple&&!!this.maxlength,i=((e=this.inputRef.value.parentElement)==null?void 0:e.getBoundingClientRect())||this.inputRef.value.getBoundingClientRect(),r=t?i.height+30:i.height,n=this.popupRef.value.getBoundingClientRect().height;let p=t?"calc(100% - 30px)":"100%";i&&i.top+n>window.innerHeight&&i.top-n>0&&(p=`calc(100% - ${r}px - ${n}px)`),this.popupRef.value.style.top=p}}handleFocusOut(e){this.contains(e.target)||(this.onBlur(),this.hideCalendar())}async showCalendar(){var e;this.calendarOpen=!0,await g(20),this.handleCalendarPosition(),this.isMobileSafari&&((e=this.calRef.value)==null||e.focusOnCurrentDate())}hideCalendar(){this.calendarOpen=!1}async toggleCalendar(e){e.preventDefault(),this.calendarOpen?this.hideCalendar():this.showCalendar()}};s([a.n({type:String,reflect:!0})],exports.PktDatepicker.prototype,"value",2);s([a.n({type:Array})],exports.PktDatepicker.prototype,"_value",2);s([a.n({type:String,reflect:!0})],exports.PktDatepicker.prototype,"label",2);s([a.n({type:String})],exports.PktDatepicker.prototype,"dateformat",2);s([a.n({type:Boolean,reflect:!0})],exports.PktDatepicker.prototype,"multiple",2);s([a.n({type:Number,reflect:!0})],exports.PktDatepicker.prototype,"maxlength",2);s([a.n({type:Boolean,reflect:!0})],exports.PktDatepicker.prototype,"range",2);s([a.n({type:Boolean})],exports.PktDatepicker.prototype,"showRangeLabels",2);s([a.n({type:String,reflect:!0})],exports.PktDatepicker.prototype,"min",2);s([a.n({type:String,reflect:!0})],exports.PktDatepicker.prototype,"max",2);s([a.n({type:Boolean})],exports.PktDatepicker.prototype,"weeknumbers",2);s([a.n({type:Boolean,reflect:!0})],exports.PktDatepicker.prototype,"withcontrols",2);s([a.n({converter:o.converters.csvToArray})],exports.PktDatepicker.prototype,"excludedates",2);s([a.n({converter:o.converters.csvToArray})],exports.PktDatepicker.prototype,"excludeweekdays",2);s([a.n({type:String})],exports.PktDatepicker.prototype,"currentmonth",2);s([a.n({type:Boolean,reflect:!0})],exports.PktDatepicker.prototype,"calendarOpen",2);s([a.n({type:String})],exports.PktDatepicker.prototype,"timezone",2);s([m.r()],exports.PktDatepicker.prototype,"inputClasses",2);s([m.r()],exports.PktDatepicker.prototype,"buttonClasses",2);exports.PktDatepicker=s([a.t("pkt-datepicker")],exports.PktDatepicker);
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
"use strict";/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright 2017 Google LLC
|
|
4
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
5
|
-
*/const r={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},T=i=>(...t)=>({_$litDirective$:i,values:t});class _{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,s){this._$Ct=t,this._$AM=e,this._$Ci=s}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}}exports.e=T;exports.i=_;exports.t=r;
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
import { Z as l } from "./element-G8JoS0Lj.js";
|
|
2
|
-
/**
|
|
3
|
-
* @license
|
|
4
|
-
* Copyright 2020 Google LLC
|
|
5
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
6
|
-
*/
|
|
7
|
-
const { I: m } = l, B = (t) => t.strings === void 0, c = () => document.createComment(""), g = (t, i, e) => {
|
|
8
|
-
var n;
|
|
9
|
-
const $ = t._$AA.parentNode, r = i === void 0 ? t._$AB : i._$AA;
|
|
10
|
-
if (e === void 0) {
|
|
11
|
-
const _ = $.insertBefore(c(), r), s = $.insertBefore(c(), r);
|
|
12
|
-
e = new m(_, s, t, t.options);
|
|
13
|
-
} else {
|
|
14
|
-
const _ = e._$AB.nextSibling, s = e._$AM, o = s !== t;
|
|
15
|
-
if (o) {
|
|
16
|
-
let A;
|
|
17
|
-
(n = e._$AQ) == null || n.call(e, t), e._$AM = t, e._$AP !== void 0 && (A = t._$AU) !== s._$AU && e._$AP(A);
|
|
18
|
-
}
|
|
19
|
-
if (_ !== r || o) {
|
|
20
|
-
let A = e._$AA;
|
|
21
|
-
for (; A !== _; ) {
|
|
22
|
-
const f = A.nextSibling;
|
|
23
|
-
$.insertBefore(A, r), A = f;
|
|
24
|
-
}
|
|
25
|
-
}
|
|
26
|
-
}
|
|
27
|
-
return e;
|
|
28
|
-
}, p = (t, i, e = t) => (t._$AI(i, e), t), d = {}, x = (t, i = d) => t._$AH = i, b = (t) => t._$AH, S = (t) => {
|
|
29
|
-
var $;
|
|
30
|
-
($ = t._$AP) == null || $.call(t, !1, !0);
|
|
31
|
-
let i = t._$AA;
|
|
32
|
-
const e = t._$AB.nextSibling;
|
|
33
|
-
for (; i !== e; ) {
|
|
34
|
-
const r = i.nextSibling;
|
|
35
|
-
i.remove(), i = r;
|
|
36
|
-
}
|
|
37
|
-
};
|
|
38
|
-
export {
|
|
39
|
-
S as M,
|
|
40
|
-
B as f,
|
|
41
|
-
x as m,
|
|
42
|
-
b as p,
|
|
43
|
-
g as r,
|
|
44
|
-
p as v
|
|
45
|
-
};
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
"use strict";const o=require("./element-BBo3JZk5.cjs");/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright 2020 Google LLC
|
|
4
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
5
|
-
*/const{I:m}=o.Z,v=e=>e.strings===void 0,f=()=>document.createComment(""),d=(e,i,t)=>{var n;const r=e._$AA.parentNode,$=i===void 0?e._$AB:i._$AA;if(t===void 0){const s=r.insertBefore(f(),$),_=r.insertBefore(f(),$);t=new m(s,_,e,e.options)}else{const s=t._$AB.nextSibling,_=t._$AM,c=_!==e;if(c){let A;(n=t._$AQ)==null||n.call(t,e),t._$AM=e,t._$AP!==void 0&&(A=e._$AU)!==_._$AU&&t._$AP(A)}if(s!==$||c){let A=t._$AA;for(;A!==s;){const l=A.nextSibling;r.insertBefore(A,$),A=l}}}return t},B=(e,i,t=e)=>(e._$AI(i,t),e),g={},u=(e,i=g)=>e._$AH=i,b=e=>e._$AH,p=e=>{var r;(r=e._$AP)==null||r.call(e,!1,!0);let i=e._$AA;const t=e._$AB.nextSibling;for(;i!==t;){const $=i.nextSibling;i.remove(),i=$}};exports.M=p;exports.f=v;exports.m=u;exports.p=b;exports.r=d;exports.v=B;
|