@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.
Files changed (147) hide show
  1. package/CHANGELOG.md +40 -0
  2. package/dist/{accordionitem-B_h5XGCo.js → accordionitem-C_URrDjP.js} +4 -4
  3. package/dist/{accordionitem-BOmnm80g.cjs → accordionitem-DCZrHVNR.cjs} +1 -1
  4. package/dist/{alert-ZP5-fqlt.cjs → alert-Ci7WvRXi.cjs} +1 -1
  5. package/dist/{alert-CTTm6ugp.js → alert-Dh1YhaBq.js} +13 -26
  6. package/dist/{backlink-BT7DO6rV.cjs → backlink-BzEvli8m.cjs} +1 -1
  7. package/dist/{backlink-Bq8O2bt8.js → backlink-CI_jMGzZ.js} +3 -3
  8. package/dist/{button-x6Xw-5w0.js → button-CCFAUJa0.js} +5 -5
  9. package/dist/{button-BfqxLnMT.cjs → button-CXJQ_Wgl.cjs} +1 -1
  10. package/dist/calendar-BaMrdMDZ.cjs +115 -0
  11. package/dist/{calendar-CodWwTHM.js → calendar-DtJh7UYD.js} +532 -480
  12. package/dist/{card-B9RPShvV.cjs → card-Cf-UcGAP.cjs} +1 -1
  13. package/dist/{card-en2KhOPO.js → card-M1X36b6i.js} +8 -26
  14. package/dist/{checkbox-CH8xeK-0.cjs → checkbox-CTxc8wQe.cjs} +1 -1
  15. package/dist/{checkbox-DSAcMC-D.js → checkbox-_5LbXU7N.js} +4 -4
  16. package/dist/class-map-C_erArZz.cjs +5 -0
  17. package/dist/{class-map-Dw6Wrxwi.js → class-map-wy7PUk0P.js} +3 -3
  18. package/dist/{combobox-BFOjlFIj.cjs → combobox-BJ1gA0f0.cjs} +1 -1
  19. package/dist/{combobox-DaiEdUKx.js → combobox-Ct0NNY1p.js} +12 -16
  20. package/dist/{consent-CXp0bLvg.js → consent-B2hIQh4b.js} +3 -3
  21. package/dist/{consent-DFrsiYGQ.cjs → consent-BeOjxQdR.cjs} +1 -1
  22. package/dist/datepicker-B8mifBAm.js +1374 -0
  23. package/dist/datepicker-DVqmQAOe.cjs +289 -0
  24. package/dist/directive-helpers-4oOjKnGY.cjs +5 -0
  25. package/dist/directive-helpers-BzAtj9by.js +38 -0
  26. package/dist/{element-D62wHiNU.cjs → element-CJ_QKaki.cjs} +6 -6
  27. package/dist/{element-DJZPsA_J.js → element-CRDRygXu.js} +47 -132
  28. package/dist/{heading-H_FWjo2k.cjs → heading--JKFppLS.cjs} +1 -1
  29. package/dist/{heading-DQ0R34j4.js → heading-Cs5yGnJg.js} +1 -1
  30. package/dist/{helptext-D1fkGmfT.cjs → helptext-CVQP3pis.cjs} +1 -1
  31. package/dist/{helptext-8ykxyegi.js → helptext-DuvVSH7d.js} +6 -6
  32. package/dist/icon-1dy7UZcu.js +89 -0
  33. package/dist/icon-BGuizDwk.cjs +9 -0
  34. package/dist/{if-defined-D3lgJqT7.js → if-defined-BWZGb3bh.js} +1 -1
  35. package/dist/{if-defined-CkVc_RJD.cjs → if-defined-Bc9-_I01.cjs} +1 -1
  36. package/dist/index.d.ts +98 -6
  37. package/dist/input-element-BcFmygSF.js +707 -0
  38. package/dist/input-element-j9znzLWz.cjs +1 -0
  39. package/dist/{input-wrapper-DVjNwf8-.cjs → input-wrapper-BsQ7oFMd.cjs} +1 -1
  40. package/dist/input-wrapper-CDgenrYA.js +6 -0
  41. package/dist/{input-wrapper-CQzXG44g.js → input-wrapper-CKJU0QWG.js} +8 -8
  42. package/dist/{link-CyiVlb-7.cjs → link-Da3pZ_CW.cjs} +1 -1
  43. package/dist/{link-DSSJYrtn.js → link-DzZCw8j2.js} +9 -16
  44. package/dist/{linkcard-fH9uydjS.cjs → linkcard-BM23gzhS.cjs} +1 -1
  45. package/dist/{linkcard-g8JtooPU.js → linkcard-RIK5xqbd.js} +4 -4
  46. package/dist/{listbox-L-iOSF7M.cjs → listbox-CsGiqzD0.cjs} +1 -1
  47. package/dist/{listbox-n4wjlLqD.js → listbox-DlJevu8O.js} +5 -5
  48. package/dist/{loader-Bzf1sPSg.js → loader-BVvBzaPI.js} +5 -5
  49. package/dist/{loader-C-3l7kb9.cjs → loader-Bo8RCbCJ.cjs} +1 -1
  50. package/dist/{messagebox---xPIAwR.cjs → messagebox-C76IcXTl.cjs} +1 -1
  51. package/dist/{messagebox-okJLeSpj.js → messagebox-DwdMXoAe.js} +6 -16
  52. package/dist/{modal-pohCsr_x.js → modal-BGXk3f9u.js} +6 -16
  53. package/dist/{modal-IjDRQfX1.cjs → modal-Cdz9JcCX.cjs} +1 -1
  54. package/dist/pkt-accordion.cjs +1 -1
  55. package/dist/pkt-accordion.js +2 -2
  56. package/dist/pkt-alert.cjs +1 -1
  57. package/dist/pkt-alert.js +1 -1
  58. package/dist/pkt-backlink.cjs +1 -1
  59. package/dist/pkt-backlink.js +1 -1
  60. package/dist/pkt-button.cjs +1 -1
  61. package/dist/pkt-button.js +1 -1
  62. package/dist/pkt-calendar.cjs +1 -1
  63. package/dist/pkt-calendar.js +1 -1
  64. package/dist/pkt-card.cjs +1 -1
  65. package/dist/pkt-card.js +1 -1
  66. package/dist/pkt-checkbox.cjs +1 -1
  67. package/dist/pkt-checkbox.js +1 -1
  68. package/dist/pkt-combobox.cjs +1 -1
  69. package/dist/pkt-combobox.js +1 -1
  70. package/dist/pkt-consent.cjs +1 -1
  71. package/dist/pkt-consent.js +1 -1
  72. package/dist/pkt-datepicker.cjs +1 -1
  73. package/dist/pkt-datepicker.js +8 -4
  74. package/dist/pkt-heading.cjs +1 -1
  75. package/dist/pkt-heading.js +1 -1
  76. package/dist/pkt-helptext.cjs +1 -1
  77. package/dist/pkt-helptext.js +1 -1
  78. package/dist/pkt-icon.cjs +1 -1
  79. package/dist/pkt-icon.js +1 -1
  80. package/dist/pkt-index.cjs +1 -1
  81. package/dist/pkt-index.js +29 -29
  82. package/dist/pkt-input-wrapper.cjs +1 -1
  83. package/dist/pkt-input-wrapper.js +1 -1
  84. package/dist/pkt-link.cjs +1 -1
  85. package/dist/pkt-link.js +1 -1
  86. package/dist/pkt-linkcard.cjs +1 -1
  87. package/dist/pkt-linkcard.js +1 -1
  88. package/dist/pkt-listbox.cjs +1 -1
  89. package/dist/pkt-listbox.js +1 -1
  90. package/dist/pkt-loader.cjs +1 -1
  91. package/dist/pkt-loader.js +1 -1
  92. package/dist/pkt-messagebox.cjs +1 -1
  93. package/dist/pkt-messagebox.js +1 -1
  94. package/dist/pkt-modal.cjs +1 -1
  95. package/dist/pkt-modal.js +1 -1
  96. package/dist/pkt-progressbar.cjs +1 -1
  97. package/dist/pkt-progressbar.js +2 -2
  98. package/dist/pkt-radiobutton.cjs +1 -1
  99. package/dist/pkt-radiobutton.js +1 -1
  100. package/dist/pkt-select.cjs +1 -1
  101. package/dist/pkt-select.js +1 -1
  102. package/dist/pkt-tag.cjs +1 -1
  103. package/dist/pkt-tag.js +1 -1
  104. package/dist/pkt-textarea.cjs +1 -1
  105. package/dist/pkt-textarea.js +1 -1
  106. package/dist/pkt-textinput.cjs +1 -1
  107. package/dist/pkt-textinput.js +1 -1
  108. package/dist/{progressbar-DjsupQ7Y.js → progressbar-BbVei20_.js} +7 -7
  109. package/dist/{progressbar-DJzEC7cx.cjs → progressbar-CazcIzVT.cjs} +2 -2
  110. package/dist/{radiobutton-DEboKECm.cjs → radiobutton-D1fihs8R.cjs} +1 -1
  111. package/dist/{radiobutton-Bz_qApF3.js → radiobutton-DODROIBF.js} +5 -5
  112. package/dist/{ref-BfgcOXko.cjs → ref-BFa5Utho.cjs} +1 -1
  113. package/dist/{ref-BCGCor-j.js → ref-Xa5dbh--.js} +2 -2
  114. package/dist/repeat-BZb41H64.cjs +5 -0
  115. package/dist/{repeat-B6qPUgAq.js → repeat-CJ79egkN.js} +8 -8
  116. package/dist/{select-DKkoxmgj.js → select-BG2MBQbh.js} +6 -6
  117. package/dist/{select-DynzsPo0.cjs → select-D-m1PhpA.cjs} +1 -1
  118. package/dist/{state-CPQXJ4Ct.js → state-DS_kr2Fy.js} +1 -1
  119. package/dist/{state-BkE_Rxl7.cjs → state-DSjcvzDN.cjs} +1 -1
  120. package/dist/{tag-NZ5oeGfw.js → tag-CqMgt01I.js} +7 -20
  121. package/dist/{tag-BKq07hGI.cjs → tag-EFUKrc8q.cjs} +2 -2
  122. package/dist/{textarea-COG1CH_s.js → textarea-DCKKhs1B.js} +9 -9
  123. package/dist/{textarea-BS1tgktz.cjs → textarea-aUG3S7C2.cjs} +1 -1
  124. package/dist/{textinput-CTOtfcTR.js → textinput-B5Ai5R8L.js} +8 -8
  125. package/dist/{textinput-CCK8ti2y.cjs → textinput-mUERucRy.cjs} +1 -1
  126. package/package.json +15 -7
  127. package/src/components/combobox/combobox.ts +1 -1
  128. package/src/components/datepicker/datepicker-multiple.ts +202 -0
  129. package/src/components/datepicker/datepicker-range.ts +281 -0
  130. package/src/components/datepicker/datepicker-single.ts +198 -0
  131. package/src/components/datepicker/datepicker-utils.ts +9 -1
  132. package/src/components/datepicker/datepicker.ts +141 -213
  133. package/src/components/datepicker/index.ts +5 -1
  134. package/src/components/icon/icon.ts +16 -7
  135. package/src/components/select/select.ts +1 -1
  136. package/dist/calendar-DH-fCGyW.cjs +0 -115
  137. package/dist/class-map-CG3vIaNm.cjs +0 -5
  138. package/dist/datepicker-C244h82t.cjs +0 -190
  139. package/dist/datepicker-DwOkktaP.js +0 -859
  140. package/dist/directive-helpers-_qHew-gi.cjs +0 -5
  141. package/dist/directive-helpers-cAOIHg9K.js +0 -45
  142. package/dist/icon-B1-mkmwB.js +0 -88
  143. package/dist/icon-__Hjt2XZ.cjs +0 -9
  144. package/dist/input-element-DQOVrqUZ.js +0 -703
  145. package/dist/input-element-Y8sdrq9C.cjs +0 -1
  146. package/dist/input-wrapper-8iKEzDRZ.js +0 -40
  147. 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
- private _options;
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
- private _options;
1191
+ _options: TSelectOption[];
1100
1192
  selectedIndex: number | null;
1101
1193
  selectedOptions: HTMLCollectionOf<HTMLOptionElement> | undefined;
1102
1194
  get options(): TSelectOption[];