@oslokommune/punkt-elements 13.6.12 → 13.7.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +40 -0
- package/dist/{accordionitem-B_h5XGCo.js → accordionitem-C_URrDjP.js} +4 -4
- package/dist/{accordionitem-BOmnm80g.cjs → accordionitem-DCZrHVNR.cjs} +1 -1
- package/dist/{alert-ZP5-fqlt.cjs → alert-Ci7WvRXi.cjs} +1 -1
- package/dist/{alert-CTTm6ugp.js → alert-Dh1YhaBq.js} +13 -26
- package/dist/{backlink-BT7DO6rV.cjs → backlink-BzEvli8m.cjs} +1 -1
- package/dist/{backlink-Bq8O2bt8.js → backlink-CI_jMGzZ.js} +3 -3
- package/dist/{button-x6Xw-5w0.js → button-CCFAUJa0.js} +5 -5
- package/dist/{button-BfqxLnMT.cjs → button-CXJQ_Wgl.cjs} +1 -1
- package/dist/calendar-BaMrdMDZ.cjs +115 -0
- package/dist/{calendar-CodWwTHM.js → calendar-DtJh7UYD.js} +532 -480
- package/dist/{card-B9RPShvV.cjs → card-Cf-UcGAP.cjs} +1 -1
- package/dist/{card-en2KhOPO.js → card-M1X36b6i.js} +8 -26
- package/dist/{checkbox-CH8xeK-0.cjs → checkbox-CTxc8wQe.cjs} +1 -1
- package/dist/{checkbox-DSAcMC-D.js → checkbox-_5LbXU7N.js} +4 -4
- package/dist/class-map-C_erArZz.cjs +5 -0
- package/dist/{class-map-Dw6Wrxwi.js → class-map-wy7PUk0P.js} +3 -3
- package/dist/{combobox-BFOjlFIj.cjs → combobox-BJ1gA0f0.cjs} +1 -1
- package/dist/{combobox-DaiEdUKx.js → combobox-Ct0NNY1p.js} +12 -16
- package/dist/{consent-CXp0bLvg.js → consent-B2hIQh4b.js} +3 -3
- package/dist/{consent-DFrsiYGQ.cjs → consent-BeOjxQdR.cjs} +1 -1
- package/dist/datepicker-B8mifBAm.js +1374 -0
- package/dist/datepicker-DVqmQAOe.cjs +289 -0
- package/dist/directive-helpers-4oOjKnGY.cjs +5 -0
- package/dist/directive-helpers-BzAtj9by.js +38 -0
- package/dist/{element-D62wHiNU.cjs → element-CJ_QKaki.cjs} +6 -6
- package/dist/{element-DJZPsA_J.js → element-CRDRygXu.js} +47 -132
- package/dist/{heading-H_FWjo2k.cjs → heading--JKFppLS.cjs} +1 -1
- package/dist/{heading-DQ0R34j4.js → heading-Cs5yGnJg.js} +1 -1
- package/dist/{helptext-D1fkGmfT.cjs → helptext-CVQP3pis.cjs} +1 -1
- package/dist/{helptext-8ykxyegi.js → helptext-DuvVSH7d.js} +6 -6
- package/dist/icon-1dy7UZcu.js +89 -0
- package/dist/icon-BGuizDwk.cjs +9 -0
- package/dist/{if-defined-D3lgJqT7.js → if-defined-BWZGb3bh.js} +1 -1
- package/dist/{if-defined-CkVc_RJD.cjs → if-defined-Bc9-_I01.cjs} +1 -1
- package/dist/index.d.ts +98 -6
- package/dist/input-element-BcFmygSF.js +707 -0
- package/dist/input-element-j9znzLWz.cjs +1 -0
- package/dist/{input-wrapper-DVjNwf8-.cjs → input-wrapper-BsQ7oFMd.cjs} +1 -1
- package/dist/input-wrapper-CDgenrYA.js +6 -0
- package/dist/{input-wrapper-CQzXG44g.js → input-wrapper-CKJU0QWG.js} +8 -8
- package/dist/{link-CyiVlb-7.cjs → link-Da3pZ_CW.cjs} +1 -1
- package/dist/{link-DSSJYrtn.js → link-DzZCw8j2.js} +9 -16
- package/dist/{linkcard-fH9uydjS.cjs → linkcard-BM23gzhS.cjs} +1 -1
- package/dist/{linkcard-g8JtooPU.js → linkcard-RIK5xqbd.js} +4 -4
- package/dist/{listbox-L-iOSF7M.cjs → listbox-CsGiqzD0.cjs} +1 -1
- package/dist/{listbox-n4wjlLqD.js → listbox-DlJevu8O.js} +5 -5
- package/dist/{loader-Bzf1sPSg.js → loader-BVvBzaPI.js} +5 -5
- package/dist/{loader-C-3l7kb9.cjs → loader-Bo8RCbCJ.cjs} +1 -1
- package/dist/{messagebox---xPIAwR.cjs → messagebox-C76IcXTl.cjs} +1 -1
- package/dist/{messagebox-okJLeSpj.js → messagebox-DwdMXoAe.js} +6 -16
- package/dist/{modal-pohCsr_x.js → modal-BGXk3f9u.js} +6 -16
- package/dist/{modal-IjDRQfX1.cjs → modal-Cdz9JcCX.cjs} +1 -1
- 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 +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-consent.cjs +1 -1
- package/dist/pkt-consent.js +1 -1
- package/dist/pkt-datepicker.cjs +1 -1
- package/dist/pkt-datepicker.js +8 -4
- package/dist/pkt-heading.cjs +1 -1
- package/dist/pkt-heading.js +1 -1
- package/dist/pkt-helptext.cjs +1 -1
- package/dist/pkt-helptext.js +1 -1
- package/dist/pkt-icon.cjs +1 -1
- package/dist/pkt-icon.js +1 -1
- package/dist/pkt-index.cjs +1 -1
- package/dist/pkt-index.js +29 -29
- 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-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-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-DjsupQ7Y.js → progressbar-BbVei20_.js} +7 -7
- package/dist/{progressbar-DJzEC7cx.cjs → progressbar-CazcIzVT.cjs} +2 -2
- package/dist/{radiobutton-DEboKECm.cjs → radiobutton-D1fihs8R.cjs} +1 -1
- package/dist/{radiobutton-Bz_qApF3.js → radiobutton-DODROIBF.js} +5 -5
- package/dist/{ref-BfgcOXko.cjs → ref-BFa5Utho.cjs} +1 -1
- package/dist/{ref-BCGCor-j.js → ref-Xa5dbh--.js} +2 -2
- package/dist/repeat-BZb41H64.cjs +5 -0
- package/dist/{repeat-B6qPUgAq.js → repeat-CJ79egkN.js} +8 -8
- package/dist/{select-DKkoxmgj.js → select-BG2MBQbh.js} +6 -6
- package/dist/{select-DynzsPo0.cjs → select-D-m1PhpA.cjs} +1 -1
- package/dist/{state-CPQXJ4Ct.js → state-DS_kr2Fy.js} +1 -1
- package/dist/{state-BkE_Rxl7.cjs → state-DSjcvzDN.cjs} +1 -1
- package/dist/{tag-NZ5oeGfw.js → tag-CqMgt01I.js} +7 -20
- package/dist/{tag-BKq07hGI.cjs → tag-EFUKrc8q.cjs} +2 -2
- package/dist/{textarea-COG1CH_s.js → textarea-DCKKhs1B.js} +9 -9
- package/dist/{textarea-BS1tgktz.cjs → textarea-aUG3S7C2.cjs} +1 -1
- package/dist/{textinput-CTOtfcTR.js → textinput-B5Ai5R8L.js} +8 -8
- package/dist/{textinput-CCK8ti2y.cjs → textinput-mUERucRy.cjs} +1 -1
- package/package.json +15 -7
- package/src/components/combobox/combobox.ts +1 -1
- package/src/components/datepicker/datepicker-multiple.ts +202 -0
- package/src/components/datepicker/datepicker-range.ts +281 -0
- package/src/components/datepicker/datepicker-single.ts +198 -0
- package/src/components/datepicker/datepicker-utils.ts +9 -1
- package/src/components/datepicker/datepicker.ts +141 -213
- package/src/components/datepicker/index.ts +5 -1
- package/src/components/icon/icon.ts +16 -7
- package/src/components/select/select.ts +1 -1
- package/dist/calendar-DH-fCGyW.cjs +0 -115
- package/dist/class-map-CG3vIaNm.cjs +0 -5
- package/dist/datepicker-C244h82t.cjs +0 -190
- package/dist/datepicker-DwOkktaP.js +0 -859
- package/dist/directive-helpers-_qHew-gi.cjs +0 -5
- package/dist/directive-helpers-cAOIHg9K.js +0 -45
- package/dist/icon-B1-mkmwB.js +0 -88
- package/dist/icon-__Hjt2XZ.cjs +0 -9
- package/dist/input-element-DQOVrqUZ.js +0 -703
- package/dist/input-element-Y8sdrq9C.cjs +0 -1
- package/dist/input-wrapper-8iKEzDRZ.js +0 -40
- package/dist/repeat-DzibMwhi.cjs +0 -5
package/dist/index.d.ts
CHANGED
|
@@ -545,7 +545,7 @@ export declare class PktCombobox extends PktInputElement implements IPktCombobox
|
|
|
545
545
|
maxlength: number | null;
|
|
546
546
|
displayValueAs: string;
|
|
547
547
|
tagPlacement: TPktComboboxTagPlacement | null;
|
|
548
|
-
|
|
548
|
+
_options: IPktComboboxOption[];
|
|
549
549
|
private _isOptionsOpen;
|
|
550
550
|
private _value;
|
|
551
551
|
private _userInfoMessage;
|
|
@@ -682,7 +682,6 @@ export declare class PktDatepicker extends PktInputElement<Props_4> {
|
|
|
682
682
|
calendarOpen: boolean;
|
|
683
683
|
timezone: string;
|
|
684
684
|
inputClasses: {};
|
|
685
|
-
buttonClasses: {};
|
|
686
685
|
/**
|
|
687
686
|
* Computed properties
|
|
688
687
|
*/
|
|
@@ -700,12 +699,18 @@ export declare class PktDatepicker extends PktInputElement<Props_4> {
|
|
|
700
699
|
/**
|
|
701
700
|
* Element references
|
|
702
701
|
*/
|
|
703
|
-
inputRef: Ref<HTMLInputElement>;
|
|
704
|
-
inputRefTo: Ref<HTMLInputElement>;
|
|
705
|
-
btnRef: Ref<HTMLButtonElement>;
|
|
702
|
+
get inputRef(): Ref<HTMLInputElement>;
|
|
703
|
+
get inputRefTo(): Ref<HTMLInputElement>;
|
|
706
704
|
calRef: Ref<PktCalendar>;
|
|
707
705
|
popupRef: Ref<HTMLDivElement>;
|
|
708
706
|
helptextSlot: Ref<HTMLElement>;
|
|
707
|
+
singleInputRef: Ref<PktDatepickerSingle>;
|
|
708
|
+
rangeInputRef: Ref<PktDatepickerRange>;
|
|
709
|
+
multipleInputRef: Ref<PktDatepickerMultiple>;
|
|
710
|
+
get currentInputElement(): HTMLInputElement | undefined;
|
|
711
|
+
get currentInputElementTo(): HTMLInputElement | undefined;
|
|
712
|
+
get currentButtonElement(): HTMLButtonElement | undefined;
|
|
713
|
+
get btnRef(): Ref<HTMLButtonElement>;
|
|
709
714
|
/**
|
|
710
715
|
* Rendering
|
|
711
716
|
*/
|
|
@@ -725,6 +730,35 @@ export declare class PktDatepicker extends PktInputElement<Props_4> {
|
|
|
725
730
|
clearInputValue(): void;
|
|
726
731
|
}
|
|
727
732
|
|
|
733
|
+
declare class PktDatepickerMultiple extends PktElement {
|
|
734
|
+
value: string[];
|
|
735
|
+
inputType: string;
|
|
736
|
+
id: string;
|
|
737
|
+
min?: string;
|
|
738
|
+
max?: string;
|
|
739
|
+
placeholder?: string;
|
|
740
|
+
readonly: boolean;
|
|
741
|
+
disabled: boolean;
|
|
742
|
+
maxlength?: number;
|
|
743
|
+
inputClasses: Record<string, boolean>;
|
|
744
|
+
internals?: any;
|
|
745
|
+
strings: any;
|
|
746
|
+
inputRef: Ref<HTMLInputElement>;
|
|
747
|
+
btnRef: Ref<HTMLButtonElement>;
|
|
748
|
+
get inputElement(): HTMLInputElement | undefined;
|
|
749
|
+
get buttonElement(): HTMLButtonElement | undefined;
|
|
750
|
+
get isInputReadonly(): boolean;
|
|
751
|
+
get isInputDisabled(): boolean;
|
|
752
|
+
private dispatchToggleCalendar;
|
|
753
|
+
private dispatchInput;
|
|
754
|
+
private dispatchFocus;
|
|
755
|
+
private dispatchBlur;
|
|
756
|
+
private dispatchChange;
|
|
757
|
+
private dispatchAddToSelected;
|
|
758
|
+
createRenderRoot(): this;
|
|
759
|
+
render(): TemplateResult<1>;
|
|
760
|
+
}
|
|
761
|
+
|
|
728
762
|
declare class PktDatepickerPopup extends PktElement {
|
|
729
763
|
open: boolean;
|
|
730
764
|
multiple: boolean;
|
|
@@ -754,6 +788,63 @@ declare class PktDatepickerPopup extends PktElement {
|
|
|
754
788
|
render(): TemplateResult<1>;
|
|
755
789
|
}
|
|
756
790
|
|
|
791
|
+
declare class PktDatepickerRange extends PktElement {
|
|
792
|
+
value: string[];
|
|
793
|
+
inputType: string;
|
|
794
|
+
id: string;
|
|
795
|
+
min?: string;
|
|
796
|
+
max?: string;
|
|
797
|
+
placeholder?: string;
|
|
798
|
+
readonly: boolean;
|
|
799
|
+
disabled: boolean;
|
|
800
|
+
showRangeLabels: boolean;
|
|
801
|
+
inputClasses: Record<string, boolean>;
|
|
802
|
+
internals?: any;
|
|
803
|
+
strings: any;
|
|
804
|
+
inputRef: Ref<HTMLInputElement>;
|
|
805
|
+
inputRefTo: Ref<HTMLInputElement>;
|
|
806
|
+
btnRef: Ref<HTMLButtonElement>;
|
|
807
|
+
get inputElement(): HTMLInputElement | undefined;
|
|
808
|
+
get inputElementTo(): HTMLInputElement | undefined;
|
|
809
|
+
get buttonElement(): HTMLButtonElement | undefined;
|
|
810
|
+
get isInputReadonly(): boolean;
|
|
811
|
+
private dispatchToggleCalendar;
|
|
812
|
+
private dispatchInput;
|
|
813
|
+
private dispatchFocus;
|
|
814
|
+
private dispatchBlur;
|
|
815
|
+
private dispatchChange;
|
|
816
|
+
private dispatchManageValidity;
|
|
817
|
+
createRenderRoot(): this;
|
|
818
|
+
render(): TemplateResult<1>;
|
|
819
|
+
}
|
|
820
|
+
|
|
821
|
+
declare class PktDatepickerSingle extends PktElement {
|
|
822
|
+
value: string;
|
|
823
|
+
inputType: string;
|
|
824
|
+
id: string;
|
|
825
|
+
min?: string;
|
|
826
|
+
max?: string;
|
|
827
|
+
placeholder?: string;
|
|
828
|
+
readonly: boolean;
|
|
829
|
+
disabled: boolean;
|
|
830
|
+
inputClasses: Record<string, boolean>;
|
|
831
|
+
internals?: any;
|
|
832
|
+
strings: any;
|
|
833
|
+
inputRef: Ref<HTMLInputElement>;
|
|
834
|
+
btnRef: Ref<HTMLButtonElement>;
|
|
835
|
+
get inputElement(): HTMLInputElement | undefined;
|
|
836
|
+
get buttonElement(): HTMLButtonElement | undefined;
|
|
837
|
+
get isInputReadonly(): boolean;
|
|
838
|
+
private dispatchToggleCalendar;
|
|
839
|
+
private dispatchInput;
|
|
840
|
+
private dispatchFocus;
|
|
841
|
+
private dispatchBlur;
|
|
842
|
+
private dispatchChange;
|
|
843
|
+
private dispatchManageValidity;
|
|
844
|
+
createRenderRoot(): this;
|
|
845
|
+
render(): TemplateResult<1>;
|
|
846
|
+
}
|
|
847
|
+
|
|
757
848
|
/**
|
|
758
849
|
* OBS! `dateformat` er standard formatteringsstreng for visning av datoer.
|
|
759
850
|
* Denne brukes for å sette "menneskeleselig" format på datoene i tags.
|
|
@@ -861,6 +952,7 @@ declare class PktInputElement<T = {}> extends PktElement<Props_2 & T> {
|
|
|
861
952
|
tagText: string | null;
|
|
862
953
|
dataTestid: string;
|
|
863
954
|
touched: boolean;
|
|
955
|
+
_options?: any[];
|
|
864
956
|
constructor();
|
|
865
957
|
protected manageValidity(input: HTMLInputElement): void;
|
|
866
958
|
protected setFormValue(value: string | string[]): void;
|
|
@@ -1096,7 +1188,7 @@ export declare class PktSelect extends PktInputElement implements IPktSelect {
|
|
|
1096
1188
|
private helptextSlot;
|
|
1097
1189
|
private _optionsProp;
|
|
1098
1190
|
value: string;
|
|
1099
|
-
|
|
1191
|
+
_options: TSelectOption[];
|
|
1100
1192
|
selectedIndex: number | null;
|
|
1101
1193
|
selectedOptions: HTMLCollectionOf<HTMLOptionElement> | undefined;
|
|
1102
1194
|
get options(): TSelectOption[];
|