@dso-toolkit/core 62.2.1 → 62.3.0-ghi-2431.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 (177) hide show
  1. package/dist/cjs/create-identifier-5900c27b.js +19 -0
  2. package/dist/cjs/create-identifier-5900c27b.js.map +1 -0
  3. package/dist/cjs/dso-accordion-section.cjs.entry.js +15 -0
  4. package/dist/cjs/dso-accordion-section.cjs.entry.js.map +1 -1
  5. package/dist/cjs/{dso-alert_5.cjs.entry.js → dso-alert_7.cjs.entry.js} +201 -5
  6. package/dist/cjs/dso-alert_7.cjs.entry.js.map +1 -0
  7. package/dist/cjs/dso-annotation-output_3.cjs.entry.js +3 -1
  8. package/dist/cjs/dso-annotation-output_3.cjs.entry.js.map +1 -1
  9. package/dist/cjs/dso-date-picker-legacy.cjs.entry.js +704 -0
  10. package/dist/cjs/dso-date-picker-legacy.cjs.entry.js.map +1 -0
  11. package/dist/cjs/dso-expandable.cjs.entry.js +1 -1
  12. package/dist/cjs/dso-expandable.cjs.entry.js.map +1 -1
  13. package/dist/cjs/dso-highlight-box.cjs.entry.js +1 -1
  14. package/dist/cjs/dso-highlight-box.cjs.entry.js.map +1 -1
  15. package/dist/cjs/dso-info_2.cjs.entry.js +4 -17
  16. package/dist/cjs/dso-info_2.cjs.entry.js.map +1 -1
  17. package/dist/cjs/dso-list-button.cjs.entry.js +1 -1
  18. package/dist/cjs/dso-list-button.cjs.entry.js.map +1 -1
  19. package/dist/cjs/dso-toolkit.cjs.js +1 -1
  20. package/dist/cjs/loader.cjs.js +1 -1
  21. package/dist/collection/collection-manifest.json +1 -0
  22. package/dist/collection/components/accordion/components/accordion-section.js +15 -0
  23. package/dist/collection/components/accordion/components/accordion-section.js.map +1 -1
  24. package/dist/collection/components/annotation-button/annotation-button.js +1 -1
  25. package/dist/collection/components/annotation-output/annotation-output.js +1 -1
  26. package/dist/collection/components/date-picker-legacy/date-localization.js +30 -0
  27. package/dist/collection/components/date-picker-legacy/date-localization.js.map +1 -0
  28. package/dist/collection/components/date-picker-legacy/date-picker-day.js +20 -0
  29. package/dist/collection/components/date-picker-legacy/date-picker-day.js.map +1 -0
  30. package/dist/collection/components/date-picker-legacy/date-picker-legacy.css +487 -0
  31. package/dist/collection/components/date-picker-legacy/date-picker-legacy.interfaces.js +2 -0
  32. package/dist/collection/components/date-picker-legacy/date-picker-legacy.interfaces.js.map +1 -0
  33. package/dist/collection/components/date-picker-legacy/date-picker-legacy.js +849 -0
  34. package/dist/collection/components/date-picker-legacy/date-picker-legacy.js.map +1 -0
  35. package/dist/collection/components/date-picker-legacy/date-picker-month.js +26 -0
  36. package/dist/collection/components/date-picker-legacy/date-picker-month.js.map +1 -0
  37. package/dist/collection/components/date-picker-legacy/date-utils.js +155 -0
  38. package/dist/collection/components/date-picker-legacy/date-utils.js.map +1 -0
  39. package/dist/collection/components/date-picker-legacy/utils/month-range.js +28 -0
  40. package/dist/collection/components/date-picker-legacy/utils/month-range.js.map +1 -0
  41. package/dist/collection/components/date-picker-legacy/utils/range.js +8 -0
  42. package/dist/collection/components/date-picker-legacy/utils/range.js.map +1 -0
  43. package/dist/collection/components/document-component/document-component.js +44 -1
  44. package/dist/collection/components/document-component/document-component.js.map +1 -1
  45. package/dist/collection/components/document-component/document-component.models.js.map +1 -1
  46. package/dist/collection/components/expandable/expandable.css +0 -12
  47. package/dist/collection/components/expandable/expandable.js +2 -2
  48. package/dist/collection/components/highlight-box/highlight-box.css +2 -0
  49. package/dist/collection/components/list-button/list-button.css +0 -13
  50. package/dist/collection/components/ozon-content/nodes/text.node.js +11 -2
  51. package/dist/collection/components/ozon-content/nodes/text.node.js.map +1 -1
  52. package/dist/collection/components/ozon-content/ozon-content-context.interface.js.map +1 -1
  53. package/dist/collection/components/ozon-content/ozon-content-mapper.js +2 -0
  54. package/dist/collection/components/ozon-content/ozon-content-mapper.js.map +1 -1
  55. package/dist/collection/components/ozon-content/ozon-content-node-context.interface.js.map +1 -1
  56. package/dist/collection/components/ozon-content/ozon-content.css +9 -0
  57. package/dist/collection/components/ozon-content/ozon-content.interfaces.js.map +1 -1
  58. package/dist/collection/components/ozon-content/ozon-content.js +53 -1
  59. package/dist/collection/components/ozon-content/ozon-content.js.map +1 -1
  60. package/dist/collection/components/selectable/selectable.css +1 -24
  61. package/dist/collection/components/selectable/selectable.js +6 -1
  62. package/dist/collection/components/selectable/selectable.js.map +1 -1
  63. package/dist/components/create-identifier.js +17 -0
  64. package/dist/components/create-identifier.js.map +1 -0
  65. package/dist/components/document-component.js +29 -14
  66. package/dist/components/document-component.js.map +1 -1
  67. package/dist/components/dso-accordion-section.js +15 -0
  68. package/dist/components/dso-accordion-section.js.map +1 -1
  69. package/dist/components/dso-date-picker-legacy.d.ts +11 -0
  70. package/dist/components/dso-date-picker-legacy.js +743 -0
  71. package/dist/components/dso-date-picker-legacy.js.map +1 -0
  72. package/dist/components/dso-highlight-box.js +1 -1
  73. package/dist/components/dso-highlight-box.js.map +1 -1
  74. package/dist/components/dso-image-overlay.js +1 -122
  75. package/dist/components/dso-image-overlay.js.map +1 -1
  76. package/dist/components/dso-list-button.js +1 -1
  77. package/dist/components/dso-list-button.js.map +1 -1
  78. package/dist/components/dso-table.js +1 -109
  79. package/dist/components/dso-table.js.map +1 -1
  80. package/dist/components/dsot-document-component-demo.js +34 -22
  81. package/dist/components/dsot-document-component-demo.js.map +1 -1
  82. package/dist/components/expandable.js +1 -1
  83. package/dist/components/expandable.js.map +1 -1
  84. package/dist/{esm/dso-image-overlay.entry.js → components/image-overlay.js} +35 -12
  85. package/dist/components/image-overlay.js.map +1 -0
  86. package/dist/components/index.d.ts +2 -0
  87. package/dist/components/index.js +1 -0
  88. package/dist/components/index.js.map +1 -1
  89. package/dist/components/ozon-content.js +48 -5
  90. package/dist/components/ozon-content.js.map +1 -1
  91. package/dist/components/selectable.js +3 -16
  92. package/dist/components/selectable.js.map +1 -1
  93. package/dist/{esm/dso-table.entry.js → components/table.js} +38 -13
  94. package/dist/{cjs/dso-table.cjs.entry.js.map → components/table.js.map} +1 -1
  95. package/dist/dso-toolkit/dso-toolkit.esm.js +1 -1
  96. package/dist/dso-toolkit/dso-toolkit.esm.js.map +1 -1
  97. package/dist/dso-toolkit/{p-4239e3d6.entry.js → p-0c156f79.entry.js} +2 -2
  98. package/dist/dso-toolkit/{p-4239e3d6.entry.js.map → p-0c156f79.entry.js.map} +1 -1
  99. package/dist/dso-toolkit/p-0fbddb1a.entry.js +2 -0
  100. package/dist/dso-toolkit/p-0fbddb1a.entry.js.map +1 -0
  101. package/dist/dso-toolkit/p-1db9f4a4.entry.js +2 -0
  102. package/dist/dso-toolkit/p-1db9f4a4.entry.js.map +1 -0
  103. package/dist/dso-toolkit/{p-000f7731.entry.js → p-23ec080b.entry.js} +2 -2
  104. package/dist/dso-toolkit/p-23ec080b.entry.js.map +1 -0
  105. package/dist/dso-toolkit/p-4423c2b5.entry.js +2 -0
  106. package/dist/dso-toolkit/p-4423c2b5.entry.js.map +1 -0
  107. package/dist/dso-toolkit/p-5a47a86e.entry.js +2 -0
  108. package/dist/dso-toolkit/{p-caf4d880.entry.js.map → p-5a47a86e.entry.js.map} +1 -1
  109. package/dist/dso-toolkit/{p-47e77e24.entry.js → p-76c0fc1b.entry.js} +2 -2
  110. package/dist/dso-toolkit/p-76c0fc1b.entry.js.map +1 -0
  111. package/dist/dso-toolkit/p-a377846a.entry.js +2 -0
  112. package/dist/dso-toolkit/p-a377846a.entry.js.map +1 -0
  113. package/dist/dso-toolkit/p-c19cfe3f.js +2 -0
  114. package/dist/dso-toolkit/p-c19cfe3f.js.map +1 -0
  115. package/dist/esm/create-identifier-479a4699.js +17 -0
  116. package/dist/esm/create-identifier-479a4699.js.map +1 -0
  117. package/dist/esm/dso-accordion-section.entry.js +15 -0
  118. package/dist/esm/dso-accordion-section.entry.js.map +1 -1
  119. package/dist/esm/{dso-alert_5.entry.js → dso-alert_7.entry.js} +201 -7
  120. package/dist/esm/dso-alert_7.entry.js.map +1 -0
  121. package/dist/esm/dso-annotation-output_3.entry.js +3 -1
  122. package/dist/esm/dso-annotation-output_3.entry.js.map +1 -1
  123. package/dist/esm/dso-date-picker-legacy.entry.js +700 -0
  124. package/dist/esm/dso-date-picker-legacy.entry.js.map +1 -0
  125. package/dist/esm/dso-expandable.entry.js +1 -1
  126. package/dist/esm/dso-expandable.entry.js.map +1 -1
  127. package/dist/esm/dso-highlight-box.entry.js +1 -1
  128. package/dist/esm/dso-highlight-box.entry.js.map +1 -1
  129. package/dist/esm/dso-info_2.entry.js +3 -16
  130. package/dist/esm/dso-info_2.entry.js.map +1 -1
  131. package/dist/esm/dso-list-button.entry.js +1 -1
  132. package/dist/esm/dso-list-button.entry.js.map +1 -1
  133. package/dist/esm/dso-toolkit.js +1 -1
  134. package/dist/esm/loader.js +1 -1
  135. package/dist/types/components/date-picker-legacy/date-localization.d.ts +19 -0
  136. package/dist/types/components/date-picker-legacy/date-picker-day.d.ts +11 -0
  137. package/dist/types/components/date-picker-legacy/date-picker-legacy.d.ts +172 -0
  138. package/dist/types/components/date-picker-legacy/date-picker-legacy.interfaces.d.ts +14 -0
  139. package/dist/types/components/date-picker-legacy/date-picker-month.d.ts +20 -0
  140. package/dist/types/components/date-picker-legacy/date-utils.d.ts +46 -0
  141. package/dist/types/components/date-picker-legacy/utils/month-range.d.ts +2 -0
  142. package/dist/types/components/date-picker-legacy/utils/range.d.ts +1 -0
  143. package/dist/types/components/document-component/document-component.d.ts +9 -1
  144. package/dist/types/components/document-component/document-component.models.d.ts +8 -1
  145. package/dist/types/components/ozon-content/nodes/text.node.d.ts +2 -1
  146. package/dist/types/components/ozon-content/ozon-content-context.interface.d.ts +3 -1
  147. package/dist/types/components/ozon-content/ozon-content-node-context.interface.d.ts +3 -1
  148. package/dist/types/components/ozon-content/ozon-content.d.ts +10 -1
  149. package/dist/types/components/ozon-content/ozon-content.interfaces.d.ts +10 -0
  150. package/dist/types/components/selectable/selectable.d.ts +5 -0
  151. package/dist/types/components.d.ts +175 -4
  152. package/package.json +2 -2
  153. package/dist/cjs/dso-alert_5.cjs.entry.js.map +0 -1
  154. package/dist/cjs/dso-image-overlay.cjs.entry.js +0 -107
  155. package/dist/cjs/dso-image-overlay.cjs.entry.js.map +0 -1
  156. package/dist/cjs/dso-table.cjs.entry.js +0 -92
  157. package/dist/dso-toolkit/p-000f7731.entry.js.map +0 -1
  158. package/dist/dso-toolkit/p-18152675.entry.js +0 -2
  159. package/dist/dso-toolkit/p-18152675.entry.js.map +0 -1
  160. package/dist/dso-toolkit/p-2719a53a.entry.js +0 -2
  161. package/dist/dso-toolkit/p-2719a53a.entry.js.map +0 -1
  162. package/dist/dso-toolkit/p-47e77e24.entry.js.map +0 -1
  163. package/dist/dso-toolkit/p-a91673a9.entry.js +0 -2
  164. package/dist/dso-toolkit/p-a91673a9.entry.js.map +0 -1
  165. package/dist/dso-toolkit/p-ab1f0511.entry.js +0 -2
  166. package/dist/dso-toolkit/p-ab1f0511.entry.js.map +0 -1
  167. package/dist/dso-toolkit/p-caf4d880.entry.js +0 -2
  168. package/dist/dso-toolkit/p-cbeb00cc.entry.js +0 -2
  169. package/dist/dso-toolkit/p-cbeb00cc.entry.js.map +0 -1
  170. package/dist/esm/dso-alert_5.entry.js.map +0 -1
  171. package/dist/esm/dso-image-overlay.entry.js.map +0 -1
  172. package/dist/esm/dso-table.entry.js.map +0 -1
  173. package/dist/esm/polyfills/core-js.js +0 -11
  174. package/dist/esm/polyfills/dom.js +0 -79
  175. package/dist/esm/polyfills/es5-html-element.js +0 -1
  176. package/dist/esm/polyfills/index.js +0 -34
  177. package/dist/esm/polyfills/system.js +0 -6
@@ -77,7 +77,7 @@ export class AnnotationButton {
77
77
  "references": {
78
78
  "AnnotationButtonClickEvent": {
79
79
  "location": "local",
80
- "path": "/usr/src/app/packages/core/src/components/annotation-button/annotation-button.tsx",
80
+ "path": "D:/git/github/dso-toolkit/dso-toolkit/packages/core/src/components/annotation-button/annotation-button.tsx",
81
81
  "id": "src/components/annotation-button/annotation-button.tsx::AnnotationButtonClickEvent"
82
82
  }
83
83
  }
@@ -95,7 +95,7 @@ export class AnnotationOutput {
95
95
  "references": {
96
96
  "AnnotationOutputCloseEvent": {
97
97
  "location": "local",
98
- "path": "/usr/src/app/packages/core/src/components/annotation-output/annotation-output.tsx",
98
+ "path": "D:/git/github/dso-toolkit/dso-toolkit/packages/core/src/components/annotation-output/annotation-output.tsx",
99
99
  "id": "src/components/annotation-output/annotation-output.tsx::AnnotationOutputCloseEvent"
100
100
  }
101
101
  }
@@ -0,0 +1,30 @@
1
+ const localization = {
2
+ buttonLabel: "Kies datum",
3
+ placeholder: "dd-mm-jjjj",
4
+ selectedDateMessage: "Geselecteerde datum is",
5
+ prevMonthLabel: "Vorige maand",
6
+ nextMonthLabel: "Volgende maand",
7
+ monthSelectLabel: "Maand",
8
+ yearSelectLabel: "Jaar",
9
+ closeLabel: "Sluiten",
10
+ keyboardInstruction: "Gebruik de pijltjestoetsen om een dag te kiezen",
11
+ calendarHeading: "Kies een datum",
12
+ dayNames: ["Zondag", "Maandag", "Dinsdag", "Woensdag", "Donderdag", "Vrijdag", "Zaterdag"],
13
+ monthNames: [
14
+ "Januari",
15
+ "Februari",
16
+ "Maart",
17
+ "April",
18
+ "Mei",
19
+ "Juni",
20
+ "Juli",
21
+ "Augustus",
22
+ "September",
23
+ "Oktober",
24
+ "November",
25
+ "December",
26
+ ],
27
+ monthNamesShort: ["Jan", "Feb", "Mrt", "Apr", "Mei", "Jun", "Jul", "Aug", "Sep", "Okt", "Nov", "Dec"],
28
+ };
29
+ export default localization;
30
+ //# sourceMappingURL=date-localization.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"date-localization.js","sourceRoot":"","sources":["../../../src/components/date-picker-legacy/date-localization.ts"],"names":[],"mappings":"AAmBA,MAAM,YAAY,GAAqB;EACrC,WAAW,EAAE,YAAY;EACzB,WAAW,EAAE,YAAY;EACzB,mBAAmB,EAAE,wBAAwB;EAC7C,cAAc,EAAE,cAAc;EAC9B,cAAc,EAAE,gBAAgB;EAChC,gBAAgB,EAAE,OAAO;EACzB,eAAe,EAAE,MAAM;EACvB,UAAU,EAAE,SAAS;EACrB,mBAAmB,EAAE,iDAAiD;EACtE,eAAe,EAAE,gBAAgB;EACjC,QAAQ,EAAE,CAAC,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,WAAW,EAAE,SAAS,EAAE,UAAU,CAAC;EAC1F,UAAU,EAAE;IACV,SAAS;IACT,UAAU;IACV,OAAO;IACP,OAAO;IACP,KAAK;IACL,MAAM;IACN,MAAM;IACN,UAAU;IACV,WAAW;IACX,SAAS;IACT,UAAU;IACV,UAAU;GACX;EACD,eAAe,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC;CACtG,CAAC;AAEF,eAAe,YAAY,CAAC","sourcesContent":["type MonthsNames = [string, string, string, string, string, string, string, string, string, string, string, string];\r\ntype DayNames = [string, string, string, string, string, string, string];\r\n\r\nexport type DsoLocalizedText = {\r\n buttonLabel: string;\r\n placeholder: string;\r\n selectedDateMessage: string;\r\n prevMonthLabel: string;\r\n nextMonthLabel: string;\r\n monthSelectLabel: string;\r\n yearSelectLabel: string;\r\n closeLabel: string;\r\n keyboardInstruction: string;\r\n calendarHeading: string;\r\n dayNames: DayNames;\r\n monthNames: MonthsNames;\r\n monthNamesShort: MonthsNames;\r\n};\r\n\r\nconst localization: DsoLocalizedText = {\r\n buttonLabel: \"Kies datum\",\r\n placeholder: \"dd-mm-jjjj\",\r\n selectedDateMessage: \"Geselecteerde datum is\",\r\n prevMonthLabel: \"Vorige maand\",\r\n nextMonthLabel: \"Volgende maand\",\r\n monthSelectLabel: \"Maand\",\r\n yearSelectLabel: \"Jaar\",\r\n closeLabel: \"Sluiten\",\r\n keyboardInstruction: \"Gebruik de pijltjestoetsen om een dag te kiezen\",\r\n calendarHeading: \"Kies een datum\",\r\n dayNames: [\"Zondag\", \"Maandag\", \"Dinsdag\", \"Woensdag\", \"Donderdag\", \"Vrijdag\", \"Zaterdag\"],\r\n monthNames: [\r\n \"Januari\",\r\n \"Februari\",\r\n \"Maart\",\r\n \"April\",\r\n \"Mei\",\r\n \"Juni\",\r\n \"Juli\",\r\n \"Augustus\",\r\n \"September\",\r\n \"Oktober\",\r\n \"November\",\r\n \"December\",\r\n ],\r\n monthNamesShort: [\"Jan\", \"Feb\", \"Mrt\", \"Apr\", \"Mei\", \"Jun\", \"Jul\", \"Aug\", \"Sep\", \"Okt\", \"Nov\", \"Dec\"],\r\n};\r\n\r\nexport default localization;\r\n"]}
@@ -0,0 +1,20 @@
1
+ import { h } from "@stencil/core";
2
+ import { isEqual, printDutchDate } from "./date-utils";
3
+ export const DatePickerLegacyDay = ({ focusedDay, today, day, onDaySelect, onKeyboardNavigation, focusedDayRef, inRange, }) => {
4
+ const isToday = isEqual(day, today);
5
+ const isFocused = isEqual(day, focusedDay);
6
+ const notCurrentMonth = day.getMonth() !== focusedDay.getMonth();
7
+ const isOutsideRange = !inRange;
8
+ function handleClick(e) {
9
+ onDaySelect(e, day);
10
+ }
11
+ return (h("button", { class: {
12
+ "dso-date__day": true,
13
+ "is-today": isToday,
14
+ }, tabIndex: isFocused ? 0 : -1, onClick: handleClick, onKeyDown: onKeyboardNavigation, disabled: isOutsideRange || notCurrentMonth, type: "button", ref: (el) => {
15
+ if (isFocused && el && focusedDayRef) {
16
+ focusedDayRef(el);
17
+ }
18
+ } }, h("span", { "aria-hidden": "true" }, day.getDate()), h("span", { class: "dso-date__vhidden" }, printDutchDate(day))));
19
+ };
20
+ //# sourceMappingURL=date-picker-day.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"date-picker-day.js","sourceRoot":"","sources":["../../../src/components/date-picker-legacy/date-picker-day.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAuB,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAYvD,MAAM,CAAC,MAAM,mBAAmB,GAAkD,CAAC,EACjF,UAAU,EACV,KAAK,EACL,GAAG,EACH,WAAW,EACX,oBAAoB,EACpB,aAAa,EACb,OAAO,GACR,EAAE,EAAE;EACH,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;EACpC,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE,UAAU,CAAC,CAAC;EAC3C,MAAM,eAAe,GAAG,GAAG,CAAC,QAAQ,EAAE,KAAK,UAAU,CAAC,QAAQ,EAAE,CAAC;EACjE,MAAM,cAAc,GAAG,CAAC,OAAO,CAAC;EAEhC,SAAS,WAAW,CAAC,CAAa;IAChC,WAAW,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;EACtB,CAAC;EAED,OAAO,CACL,cACE,KAAK,EAAE;MACL,eAAe,EAAE,IAAI;MACrB,UAAU,EAAE,OAAO;KACpB,EACD,QAAQ,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAC5B,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,oBAAoB,EAC/B,QAAQ,EAAE,cAAc,IAAI,eAAe,EAC3C,IAAI,EAAC,QAAQ,EACb,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE;MACV,IAAI,SAAS,IAAI,EAAE,IAAI,aAAa,EAAE;QACpC,aAAa,CAAC,EAAE,CAAC,CAAC;OACnB;IACH,CAAC;IAED,2BAAkB,MAAM,IAAE,GAAG,CAAC,OAAO,EAAE,CAAQ;IAC/C,YAAM,KAAK,EAAC,mBAAmB,IAAE,cAAc,CAAC,GAAG,CAAC,CAAQ,CACrD,CACV,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { h, FunctionalComponent } from \"@stencil/core\";\r\nimport { isEqual, printDutchDate } from \"./date-utils\";\r\n\r\nexport type DatePickerLegacyDayProps = {\r\n focusedDay: Date;\r\n today: Date;\r\n day: Date;\r\n inRange: boolean;\r\n onDaySelect: (event: MouseEvent, day: Date) => void;\r\n onKeyboardNavigation: (event: KeyboardEvent) => void;\r\n focusedDayRef?: (element: HTMLButtonElement) => void;\r\n};\r\n\r\nexport const DatePickerLegacyDay: FunctionalComponent<DatePickerLegacyDayProps> = ({\r\n focusedDay,\r\n today,\r\n day,\r\n onDaySelect,\r\n onKeyboardNavigation,\r\n focusedDayRef,\r\n inRange,\r\n}) => {\r\n const isToday = isEqual(day, today);\r\n const isFocused = isEqual(day, focusedDay);\r\n const notCurrentMonth = day.getMonth() !== focusedDay.getMonth();\r\n const isOutsideRange = !inRange;\r\n\r\n function handleClick(e: MouseEvent) {\r\n onDaySelect(e, day);\r\n }\r\n\r\n return (\r\n <button\r\n class={{\r\n \"dso-date__day\": true,\r\n \"is-today\": isToday,\r\n }}\r\n tabIndex={isFocused ? 0 : -1}\r\n onClick={handleClick}\r\n onKeyDown={onKeyboardNavigation}\r\n disabled={isOutsideRange || notCurrentMonth}\r\n type=\"button\"\r\n ref={(el) => {\r\n if (isFocused && el && focusedDayRef) {\r\n focusedDayRef(el);\r\n }\r\n }}\r\n >\r\n <span aria-hidden=\"true\">{day.getDate()}</span>\r\n <span class=\"dso-date__vhidden\">{printDutchDate(day)}</span>\r\n </button>\r\n );\r\n};\r\n"]}
@@ -0,0 +1,487 @@
1
+ :host {
2
+ display: block;
3
+ }
4
+ :host[invalid]:not([invalid=false]) .dso-date__input {
5
+ border-color: #ce3f51;
6
+ }
7
+
8
+ .dso-date *,
9
+ .dso-date *::before,
10
+ .dso-date *::after {
11
+ box-sizing: border-box;
12
+ }
13
+
14
+ .dso-date {
15
+ box-sizing: border-box;
16
+ color: #191919;
17
+ display: block;
18
+ font-family: "Asap", sans-serif;
19
+ margin: 0;
20
+ position: relative;
21
+ text-align: left;
22
+ width: 100%;
23
+ }
24
+ .dso-date:not(.dso-visible) .dso-date__dialog {
25
+ display: none;
26
+ }
27
+
28
+ .dso-date__input {
29
+ display: block;
30
+ width: 100%;
31
+ height: 40px;
32
+ padding: 6px 14px;
33
+ font-size: 1rem;
34
+ line-height: 1.5;
35
+ color: #191919;
36
+ background-color: #fff;
37
+ background-image: none;
38
+ border: 1px solid #275937;
39
+ border-radius: 4px;
40
+ transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
41
+ }
42
+ .dso-date__input::-moz-placeholder {
43
+ color: #666;
44
+ opacity: 1;
45
+ }
46
+ .dso-date__input:-ms-input-placeholder {
47
+ color: #666;
48
+ }
49
+ .dso-date__input::-webkit-input-placeholder {
50
+ color: #666;
51
+ }
52
+ .dso-date__input::-ms-expand {
53
+ background-color: transparent;
54
+ border: 0;
55
+ }
56
+ .dso-date__input:focus {
57
+ border-color: #275937;
58
+ outline: 0;
59
+ box-shadow: inset 0 0 0 1px #275937;
60
+ }
61
+ .dso-date__input[disabled], .dso-date__input[readonly], fieldset[disabled] .dso-date__input {
62
+ background-color: #fff;
63
+ opacity: 1;
64
+ }
65
+ .dso-date__input[disabled], fieldset[disabled] .dso-date__input {
66
+ cursor: default;
67
+ }
68
+ .dso-date__input[disabled] {
69
+ border-color: #e5e5e5;
70
+ color: #999;
71
+ }
72
+ .dso-date__input[readonly] {
73
+ border-width: 1px;
74
+ }
75
+ .dso-date__input[type=text] {
76
+ line-height: 40px;
77
+ }
78
+ .dso-date__input[size] {
79
+ width: auto;
80
+ }
81
+
82
+ .dso-date__toggle {
83
+ -moz-appearance: none;
84
+ -webkit-appearance: none;
85
+ -webkit-user-select: none;
86
+ align-items: center;
87
+ appearance: none;
88
+ background: transparent;
89
+ border: 0;
90
+ border-radius: 0;
91
+ border-bottom-right-radius: 4px;
92
+ border-top-right-radius: 4px;
93
+ color: #39870c;
94
+ cursor: pointer;
95
+ display: flex;
96
+ height: 38px;
97
+ justify-content: center;
98
+ padding: 0;
99
+ position: absolute;
100
+ right: 0;
101
+ transform: translateY(-50%);
102
+ top: 50%;
103
+ user-select: none;
104
+ width: 38px;
105
+ z-index: 101;
106
+ }
107
+ .dso-date__toggle:disabled {
108
+ color: #afcf9d;
109
+ cursor: default;
110
+ }
111
+
112
+ .dso-date__dialog {
113
+ border-width: 1px;
114
+ display: flex;
115
+ right: 0;
116
+ min-width: 320px;
117
+ opacity: 0;
118
+ position: absolute;
119
+ top: 100%;
120
+ transform: scale(0.96) translateZ(0) translateY(-20px);
121
+ transform-origin: top right;
122
+ transition: transform 300ms ease, opacity 300ms ease, visibility 300ms ease;
123
+ visibility: hidden;
124
+ will-change: transform, opacity, visibility;
125
+ z-index: 210;
126
+ }
127
+ @media (max-width: 35.9375em) {
128
+ .dso-date__dialog {
129
+ background: rgba(25, 25, 25, 0.5);
130
+ bottom: 0;
131
+ position: fixed;
132
+ left: 0;
133
+ right: 0;
134
+ top: 0;
135
+ transform: translateZ(0);
136
+ transform-origin: bottom center;
137
+ }
138
+ }
139
+ .dso-date__dialog.is-left {
140
+ left: -11px;
141
+ right: auto;
142
+ width: auto;
143
+ }
144
+ .dso-date__dialog.is-active {
145
+ opacity: 1;
146
+ transform: scale(1.0001) translateZ(0) translateY(0);
147
+ visibility: visible;
148
+ }
149
+
150
+ .dso-date__dialog-content {
151
+ background: #fff;
152
+ border: 1px solid rgba(0, 0, 0, 0.1);
153
+ border-radius: 4px;
154
+ box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.4);
155
+ margin-left: auto;
156
+ margin-right: -1px;
157
+ margin-top: 8px;
158
+ max-width: 310px;
159
+ min-width: 290px;
160
+ padding: 16px;
161
+ position: relative;
162
+ transform: none;
163
+ width: 100%;
164
+ z-index: 210;
165
+ }
166
+ @media (max-width: 35.9375em) {
167
+ .dso-date__dialog-content {
168
+ border: 0;
169
+ border-radius: 0;
170
+ border-top-left-radius: 4px;
171
+ border-top-right-radius: 4px;
172
+ bottom: 0;
173
+ left: 0;
174
+ margin: 0;
175
+ max-width: none;
176
+ min-height: 26em;
177
+ opacity: 0;
178
+ padding: 0 8% 20px;
179
+ position: absolute;
180
+ transform: translateZ(0) translateY(100%);
181
+ transition: transform 400ms ease, opacity 400ms ease, visibility 400ms ease;
182
+ visibility: hidden;
183
+ will-change: transform, opacity, visibility;
184
+ }
185
+ .is-active .dso-date__dialog-content {
186
+ opacity: 1;
187
+ transform: translateZ(0) translateY(0);
188
+ visibility: visible;
189
+ }
190
+ }
191
+
192
+ .dso-date__table {
193
+ border-collapse: collapse;
194
+ border-spacing: 0;
195
+ color: #191919;
196
+ font-size: 1rem;
197
+ font-weight: 400;
198
+ line-height: 1.25;
199
+ min-width: 280px;
200
+ table-layout: fixed;
201
+ text-align: center;
202
+ width: 100%;
203
+ }
204
+
205
+ .dso-date__table-header {
206
+ font-size: 0.875em;
207
+ font-weight: 600;
208
+ height: 36px;
209
+ line-height: 36px;
210
+ text-align: center;
211
+ text-decoration: none;
212
+ text-transform: uppercase;
213
+ }
214
+
215
+ .dso-date__cell {
216
+ height: 40px;
217
+ padding: 1px;
218
+ text-align: center;
219
+ width: 40px;
220
+ }
221
+
222
+ .dso-date__day {
223
+ -moz-appearance: none;
224
+ -webkit-appearance: none;
225
+ appearance: none;
226
+ background: transparent;
227
+ border: 0;
228
+ border-radius: 50%;
229
+ box-shadow: 0 0 0 1px transparent;
230
+ color: #191919;
231
+ cursor: pointer;
232
+ display: inline-block;
233
+ font-family: "Asap", sans-serif;
234
+ font-variant-numeric: tabular-nums;
235
+ font-weight: 400;
236
+ height: 38px;
237
+ line-height: 0;
238
+ padding: 0;
239
+ position: relative;
240
+ text-align: center;
241
+ vertical-align: middle;
242
+ width: 38px;
243
+ z-index: 100;
244
+ }
245
+ .dso-date__day.is-today {
246
+ background: transparent;
247
+ height: 36px;
248
+ box-shadow: 0 0 0 1px #39870c;
249
+ width: 36px;
250
+ }
251
+ .dso-date__day:hover, .dso-date__day:active {
252
+ background: #39870c;
253
+ color: #fff;
254
+ }
255
+ .dso-date__day:focus {
256
+ background: transparent;
257
+ box-shadow: 0 0 0 2px #275937;
258
+ color: #191919;
259
+ height: 34px;
260
+ outline: 0;
261
+ width: 34px;
262
+ }
263
+ [aria-selected=true] .dso-date__day {
264
+ background: #39870c;
265
+ color: #fff;
266
+ }
267
+ [aria-selected=true] .dso-date__day:focus {
268
+ background: transparent;
269
+ }
270
+ [aria-selected=true] .dso-date__day:focus span[aria-hidden=true] {
271
+ background: #39870c;
272
+ border: 1px solid #fff;
273
+ line-height: 32px;
274
+ }
275
+ .dso-date__day:disabled {
276
+ background: #fff;
277
+ color: #ccc;
278
+ cursor: default;
279
+ }
280
+ .dso-date__day span[aria-hidden=true] {
281
+ border-radius: 50%;
282
+ display: inline-block;
283
+ height: 34px;
284
+ line-height: 34px;
285
+ width: 34px;
286
+ }
287
+
288
+ .dso-date__header {
289
+ align-items: center;
290
+ display: flex;
291
+ justify-content: space-between;
292
+ margin-bottom: 16px;
293
+ width: 100%;
294
+ }
295
+ .dso-date__header span {
296
+ font-size: 0.875rem;
297
+ }
298
+
299
+ .dso-date__nav {
300
+ white-space: nowrap;
301
+ }
302
+
303
+ .dso-date__prev,
304
+ .dso-date__next {
305
+ -moz-appearance: none;
306
+ -webkit-appearance: none;
307
+ align-items: center;
308
+ appearance: none;
309
+ background: transparent;
310
+ border: 1px solid #39870c;
311
+ border-radius: 4px;
312
+ box-sizing: border-box;
313
+ color: #39870c;
314
+ cursor: pointer;
315
+ display: inline-flex;
316
+ font-size: 1em;
317
+ height: 32px;
318
+ justify-content: center;
319
+ margin-left: 8px;
320
+ padding: 0;
321
+ width: 32px;
322
+ }
323
+ @media (max-width: 35.9375em) {
324
+ .dso-date__prev,
325
+ .dso-date__next {
326
+ height: 40px;
327
+ width: 40px;
328
+ }
329
+ }
330
+ .dso-date__prev:hover, .dso-date__prev:active,
331
+ .dso-date__next:hover,
332
+ .dso-date__next:active {
333
+ background-color: #39870c;
334
+ color: #fff;
335
+ }
336
+ .dso-date__prev:focus,
337
+ .dso-date__next:focus {
338
+ background: transparent;
339
+ color: #39870c;
340
+ }
341
+ .dso-date__prev:disabled, .dso-date__prev:disabled:hover,
342
+ .dso-date__next:disabled,
343
+ .dso-date__next:disabled:hover {
344
+ background-color: #fff;
345
+ border-color: #afcf9d;
346
+ color: #afcf9d;
347
+ opacity: 1;
348
+ }
349
+ .dso-date__prev svg,
350
+ .dso-date__next svg {
351
+ margin: 0 auto;
352
+ }
353
+
354
+ .dso-date__select {
355
+ display: inline-flex;
356
+ height: 28px;
357
+ line-height: 28px;
358
+ position: relative;
359
+ }
360
+ .dso-date__select span {
361
+ margin-right: 4px;
362
+ }
363
+ .dso-date__select select {
364
+ color: #275937;
365
+ cursor: pointer;
366
+ font-size: 1rem;
367
+ height: 100%;
368
+ left: 0;
369
+ opacity: 0;
370
+ position: absolute;
371
+ top: 0;
372
+ width: 100%;
373
+ z-index: 101;
374
+ }
375
+ .dso-date__select select:focus + .dso-date__select-label {
376
+ box-shadow: 0 0 0 2px #275937;
377
+ }
378
+ .dso-date__select select:disabled {
379
+ color: #afcf9d;
380
+ }
381
+
382
+ .dso-date__select-label {
383
+ align-items: center;
384
+ border-radius: 4px;
385
+ color: #39870c;
386
+ display: flex;
387
+ padding: 0 4px 0 8px;
388
+ pointer-events: none;
389
+ position: relative;
390
+ width: 100%;
391
+ z-index: 100;
392
+ }
393
+ .dso-date__select-label span {
394
+ font-size: 1.25rem;
395
+ font-weight: 600;
396
+ line-height: 1.25;
397
+ }
398
+ .dso-date__select-label svg {
399
+ width: 16px;
400
+ height: 16px;
401
+ }
402
+
403
+ .dso-date__mobile {
404
+ align-items: center;
405
+ border-bottom: 1px solid rgba(0, 0, 0, 0.12);
406
+ display: flex;
407
+ font-size: 1em;
408
+ justify-content: space-between;
409
+ margin-bottom: 20px;
410
+ margin-left: -10%;
411
+ overflow: hidden;
412
+ padding: 12px 20px;
413
+ position: relative;
414
+ text-overflow: ellipsis;
415
+ white-space: nowrap;
416
+ width: 120%;
417
+ }
418
+ @media (min-width: 36em) {
419
+ .dso-date__mobile {
420
+ border: 0;
421
+ margin: 0;
422
+ overflow: visible;
423
+ padding: 0;
424
+ position: absolute;
425
+ right: -16px;
426
+ top: -16px;
427
+ width: auto;
428
+ }
429
+ }
430
+
431
+ .dso-date__mobile-heading {
432
+ display: inline-block;
433
+ font-weight: 600;
434
+ max-width: 84%;
435
+ overflow: hidden;
436
+ text-overflow: ellipsis;
437
+ white-space: nowrap;
438
+ }
439
+ @media (min-width: 36em) {
440
+ .dso-date__mobile-heading {
441
+ display: none;
442
+ }
443
+ }
444
+
445
+ .dso-date__close {
446
+ -webkit-appearance: none;
447
+ align-items: center;
448
+ appearance: none;
449
+ background-color: #fff;
450
+ border: 0;
451
+ border-radius: 50%;
452
+ color: #39870c;
453
+ cursor: pointer;
454
+ display: flex;
455
+ font-size: 1em;
456
+ height: 32px;
457
+ justify-content: center;
458
+ margin-right: -4px;
459
+ padding: 0;
460
+ width: 32px;
461
+ }
462
+ @media (min-width: 36em) {
463
+ .dso-date__close {
464
+ margin-right: 0;
465
+ opacity: 0;
466
+ }
467
+ }
468
+ .dso-date__close:focus {
469
+ box-shadow: 0 0 0 2px #275937;
470
+ outline: none;
471
+ }
472
+ @media (min-width: 36em) {
473
+ .dso-date__close:focus {
474
+ opacity: 1;
475
+ }
476
+ }
477
+
478
+ .dso-date__vhidden {
479
+ border: 0;
480
+ clip: rect(1px, 1px, 1px, 1px);
481
+ height: 1px;
482
+ overflow: hidden;
483
+ padding: 0;
484
+ position: absolute;
485
+ top: 0;
486
+ width: 1px;
487
+ }
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=date-picker-legacy.interfaces.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"date-picker-legacy.interfaces.js","sourceRoot":"","sources":["../../../src/components/date-picker-legacy/date-picker-legacy.interfaces.ts"],"names":[],"mappings":"","sourcesContent":["export type DsoDatePickerLegacyChangeEvent = {\r\n component: \"dso-date-picker-legacy\";\r\n valueAsDate: Date | undefined;\r\n value: string;\r\n error?: \"invalid\" | \"required\" | \"min-range\" | \"max-range\";\r\n};\r\n\r\nexport type DsoDatePickerLegacyFocusEvent = {\r\n component: \"dso-date-picker-legacy\";\r\n};\r\n\r\nexport type DsoDatePickerLegacyKeyboardEvent = {\r\n component: \"dso-date-picker-legacy\";\r\n originalEvent: KeyboardEvent;\r\n};\r\n\r\nexport type DsoDatePickerLegacyDirection = \"left\" | \"right\";\r\n"]}