@dso-toolkit/core 33.2.0 → 33.3.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 (70) hide show
  1. package/dist/cjs/dso-autosuggest.cjs.entry.js +2 -70
  2. package/dist/cjs/dso-date-picker.cjs.entry.js +2 -3
  3. package/dist/cjs/dso-dropdown-menu.cjs.entry.js +15 -4
  4. package/dist/cjs/dso-header.cjs.entry.js +101 -0
  5. package/dist/cjs/dso-info-button.cjs.entry.js +1 -1
  6. package/dist/cjs/dso-map-base-layers.cjs.entry.js +3 -4
  7. package/dist/cjs/dso-map-controls.cjs.entry.js +2 -2
  8. package/dist/cjs/dso-map-overlays.cjs.entry.js +5 -8
  9. package/dist/cjs/dso-toolkit.cjs.js +1 -1
  10. package/dist/cjs/dso-tooltip.cjs.entry.js +168 -75
  11. package/dist/cjs/index-794ad37a.js +72 -0
  12. package/dist/cjs/loader.cjs.js +1 -1
  13. package/dist/collection/collection-manifest.json +1 -0
  14. package/dist/collection/components/date-picker/date-picker.js +2 -3
  15. package/dist/collection/components/dropdown-menu/dropdown-menu.js +15 -4
  16. package/dist/collection/components/header/header.css +439 -0
  17. package/dist/collection/components/header/header.js +294 -0
  18. package/dist/collection/components/header/header.template.js +32 -0
  19. package/dist/collection/components/info-button/info-button.css +1 -0
  20. package/dist/collection/components/map-base-layers/map-base-layers.js +6 -27
  21. package/dist/collection/components/map-controls/map-controls.css +18 -8
  22. package/dist/collection/components/map-controls/map-controls.js +10 -11
  23. package/dist/collection/components/map-controls/map-controls.template.js +5 -8
  24. package/dist/collection/components/map-overlays/map-overlays.js +9 -35
  25. package/dist/collection/components/tooltip/tooltip.css +34 -12
  26. package/dist/collection/components/tooltip/tooltip.js +19 -4
  27. package/dist/collection/components/tooltip/tooltip.template.js +3 -5
  28. package/dist/custom-elements/index.d.ts +6 -0
  29. package/dist/custom-elements/index.js +296 -102
  30. package/dist/dso-toolkit/dso-toolkit.esm.js +1 -1
  31. package/dist/dso-toolkit/p-1805f5b0.js +1 -0
  32. package/dist/dso-toolkit/p-22bc904d.entry.js +1 -0
  33. package/dist/dso-toolkit/{p-5665f1ee.entry.js → p-4a78a31b.entry.js} +1 -1
  34. package/dist/dso-toolkit/p-72e4484a.entry.js +1 -0
  35. package/dist/dso-toolkit/p-7a043467.entry.js +1 -0
  36. package/dist/dso-toolkit/p-99b93d2e.entry.js +5 -0
  37. package/dist/dso-toolkit/p-b3e6d377.entry.js +1 -0
  38. package/dist/dso-toolkit/p-da3be034.entry.js +1 -0
  39. package/dist/dso-toolkit/p-ec8b74f7.entry.js +1 -0
  40. package/dist/dso-toolkit/p-ff767c21.entry.js +1 -0
  41. package/dist/esm/dso-autosuggest.entry.js +1 -69
  42. package/dist/esm/dso-date-picker.entry.js +2 -3
  43. package/dist/esm/dso-dropdown-menu.entry.js +15 -4
  44. package/dist/esm/dso-header.entry.js +97 -0
  45. package/dist/esm/dso-info-button.entry.js +1 -1
  46. package/dist/esm/dso-map-base-layers.entry.js +3 -4
  47. package/dist/esm/dso-map-controls.entry.js +2 -2
  48. package/dist/esm/dso-map-overlays.entry.js +5 -8
  49. package/dist/esm/dso-toolkit.js +1 -1
  50. package/dist/esm/dso-tooltip.entry.js +168 -75
  51. package/dist/esm/index-f2bf58ce.js +70 -0
  52. package/dist/esm/loader.js +1 -1
  53. package/dist/types/components/dropdown-menu/dropdown-menu.d.ts +1 -1
  54. package/dist/types/components/header/header.d.ts +36 -0
  55. package/dist/types/components/header/header.template.d.ts +2 -0
  56. package/dist/types/components/map-base-layers/map-base-layers.d.ts +3 -4
  57. package/dist/types/components/map-base-layers/map-base-layers.interfaces.d.ts +5 -1
  58. package/dist/types/components/map-controls/map-controls.template.d.ts +1 -1
  59. package/dist/types/components/map-overlays/map-overlays.d.ts +4 -4
  60. package/dist/types/components/map-overlays/map-overlays.interfaces.d.ts +6 -1
  61. package/dist/types/components/tooltip/tooltip.d.ts +1 -0
  62. package/dist/types/components.d.ts +34 -8
  63. package/package.json +3 -2
  64. package/dist/dso-toolkit/p-08427682.entry.js +0 -1
  65. package/dist/dso-toolkit/p-731a9631.entry.js +0 -1
  66. package/dist/dso-toolkit/p-741e96de.entry.js +0 -5
  67. package/dist/dso-toolkit/p-759920d0.entry.js +0 -1
  68. package/dist/dso-toolkit/p-e4269e02.entry.js +0 -1
  69. package/dist/dso-toolkit/p-e7700d9e.entry.js +0 -1
  70. package/dist/dso-toolkit/p-fd5e24c9.entry.js +0 -1
@@ -10,7 +10,7 @@ const patchEsm = () => {
10
10
  const defineCustomElements = (win, options) => {
11
11
  if (typeof window === 'undefined') return Promise.resolve();
12
12
  return patchEsm().then(() => {
13
- return bootstrapLazy([["dso-map-base-layers",[[1,"dso-map-base-layers",{"baseLayers":[16],"selectedBaseLayer":[1040]}]]],["dso-map-overlays",[[1,"dso-map-overlays",{"overlays":[16],"checkedOverlays":[1040]}]]],["dso-toggletip",[[1,"dso-toggletip",{"label":[1],"position":[1],"small":[4],"secondary":[4],"active":[32]}]]],["dso-tree-view",[[1,"dso-tree-view",{"collection":[16]}]]],["dso-date-picker",[[1,"dso-date-picker",{"name":[1],"identifier":[1],"disabled":[516],"role":[1],"direction":[1],"required":[4],"dsoAutofocus":[4,"dso-autofocus"],"value":[1537],"min":[1],"max":[1],"activeFocus":[32],"focusedDay":[32],"open":[32],"setFocus":[64],"show":[64],"hide":[64]},[[6,"click","handleDocumentClick"]]]]],["dso-helpcenter-panel",[[1,"dso-helpcenter-panel",{"label":[1],"url":[1],"visibility":[32],"isOpen":[32],"slideState":[32],"loadIframe":[32]}]]],["dso-label",[[1,"dso-label",{"compact":[4],"removable":[4],"status":[1],"hover":[32]}]]],["dso-map-controls",[[1,"dso-map-controls",{"open":[1540],"disableZoom":[1,"disable-zoom"],"hideContent":[32]}]]],["dso-alert",[[1,"dso-alert",{"status":[1],"roleAlert":[4,"role-alert"]}]]],["dso-attachments-counter",[[1,"dso-attachments-counter",{"count":[2]}]]],["dso-autosuggest",[[6,"dso-autosuggest",{"suggestions":[16],"suggestOnFocus":[4,"suggest-on-focus"],"showSuggestions":[32],"selectedSuggestion":[32]},[[4,"click","onDocumentClick"]]]]],["dso-badge",[[1,"dso-badge",{"status":[1]}]]],["dso-banner",[[1,"dso-banner",{"status":[1]}]]],["dso-dropdown-menu",[[1,"dso-dropdown-menu",{"open":[1540],"dropdownAlign":[1,"dropdown-align"],"checkable":[4]}]]],["dso-highlight-box",[[1,"dso-highlight-box",{"yellow":[4],"border":[4],"white":[4],"dropShadow":[4,"drop-shadow"],"step":[2]}]]],["dso-ozon-content",[[0,"dso-ozon-content",{"content":[1]},[[0,"click","handleClick"]]]]],["dso-progress-bar",[[1,"dso-progress-bar",{"progress":[2],"min":[2],"max":[2]}]]],["dso-progress-indicator",[[1,"dso-progress-indicator",{"label":[1],"size":[1],"block":[4]}]]],["dso-tooltip",[[1,"dso-tooltip",{"position":[1],"for":[1],"noArrow":[4,"no-arrow"],"stateless":[4],"small":[4],"active":[1540],"hidden":[32],"activate":[64],"deactivate":[64]},[[0,"click","listenClick"]]]]],["dso-info-button",[[1,"dso-info-button",{"active":[1540],"secondary":[4],"label":[1]}]]],["dso-info_2",[[1,"dso-selectable",{"type":[1],"identifier":[1],"name":[1],"value":[1],"invalid":[4],"describedById":[1,"described-by-id"],"disabled":[4],"required":[4],"checked":[4],"indeterminate":[4],"infoFixed":[4,"info-fixed"],"infoActive":[32]}],[1,"dso-info",{"fixed":[516],"active":[516]}]]],["dso-icon",[[1,"dso-icon",{"icon":[1]}]]]], options);
13
+ return bootstrapLazy([["dso-map-base-layers",[[1,"dso-map-base-layers",{"baseLayers":[16]}]]],["dso-map-overlays",[[1,"dso-map-overlays",{"overlays":[16]}]]],["dso-header",[[1,"dso-header",{"loginUrl":[1,"login-url"],"logoutUrl":[1,"logout-url"],"mainMenu":[16],"useDropDownMenu":[1,"use-drop-down-menu"],"isLoggedIn":[4,"is-logged-in"],"userProfileName":[1,"user-profile-name"],"userProfileUrl":[1,"user-profile-url"],"userHomeUrl":[1,"user-home-url"],"showDropDown":[32],"hasSubLogo":[32],"overflowMenuItems":[32]}]]],["dso-toggletip",[[1,"dso-toggletip",{"label":[1],"position":[1],"small":[4],"secondary":[4],"active":[32]}]]],["dso-tree-view",[[1,"dso-tree-view",{"collection":[16]}]]],["dso-date-picker",[[2,"dso-date-picker",{"name":[1],"identifier":[1],"disabled":[516],"role":[1],"direction":[1],"required":[4],"dsoAutofocus":[4,"dso-autofocus"],"value":[1537],"min":[1],"max":[1],"activeFocus":[32],"focusedDay":[32],"open":[32],"setFocus":[64],"show":[64],"hide":[64]},[[6,"click","handleDocumentClick"]]]]],["dso-helpcenter-panel",[[1,"dso-helpcenter-panel",{"label":[1],"url":[1],"visibility":[32],"isOpen":[32],"slideState":[32],"loadIframe":[32]}]]],["dso-label",[[1,"dso-label",{"compact":[4],"removable":[4],"status":[1],"hover":[32]}]]],["dso-map-controls",[[1,"dso-map-controls",{"open":[1540],"disableZoom":[1,"disable-zoom"],"hideContent":[32]}]]],["dso-alert",[[1,"dso-alert",{"status":[1],"roleAlert":[4,"role-alert"]}]]],["dso-attachments-counter",[[1,"dso-attachments-counter",{"count":[2]}]]],["dso-autosuggest",[[6,"dso-autosuggest",{"suggestions":[16],"suggestOnFocus":[4,"suggest-on-focus"],"showSuggestions":[32],"selectedSuggestion":[32]},[[4,"click","onDocumentClick"]]]]],["dso-badge",[[1,"dso-badge",{"status":[1]}]]],["dso-banner",[[1,"dso-banner",{"status":[1]}]]],["dso-highlight-box",[[1,"dso-highlight-box",{"yellow":[4],"border":[4],"white":[4],"dropShadow":[4,"drop-shadow"],"step":[2]}]]],["dso-ozon-content",[[0,"dso-ozon-content",{"content":[1]},[[0,"click","handleClick"]]]]],["dso-progress-bar",[[1,"dso-progress-bar",{"progress":[2],"min":[2],"max":[2]}]]],["dso-dropdown-menu",[[1,"dso-dropdown-menu",{"open":[1540],"dropdownAlign":[1,"dropdown-align"],"checkable":[4]}]]],["dso-progress-indicator",[[1,"dso-progress-indicator",{"label":[1],"size":[1],"block":[4]}]]],["dso-tooltip",[[1,"dso-tooltip",{"position":[1],"for":[1],"noArrow":[4,"no-arrow"],"stateless":[4],"small":[4],"active":[1540],"hidden":[32],"activate":[64],"deactivate":[64]},[[0,"click","listenClick"]]]]],["dso-info-button",[[1,"dso-info-button",{"active":[1540],"secondary":[4],"label":[1]}]]],["dso-info_2",[[1,"dso-selectable",{"type":[1],"identifier":[1],"name":[1],"value":[1],"invalid":[4],"describedById":[1,"described-by-id"],"disabled":[4],"required":[4],"checked":[4],"indeterminate":[4],"infoFixed":[4,"info-fixed"],"infoActive":[32]}],[1,"dso-info",{"fixed":[516],"active":[516]}]]],["dso-icon",[[1,"dso-icon",{"icon":[1]}]]]], options);
14
14
  });
15
15
  };
16
16
 
@@ -18,12 +18,12 @@ export declare class DropdownMenu {
18
18
  get tabbables(): FocusableElement[];
19
19
  openWatch(open: boolean): void;
20
20
  connectedCallback(): void;
21
- componentDidRender(): void;
22
21
  componentWillRender(): void;
23
22
  openPopup(): void;
24
23
  closePopup(): void;
25
24
  focusOutListener: (event: FocusEvent) => void;
26
25
  keyDownListener: (event: KeyboardEvent) => void;
26
+ getActiveElement(root?: Document | ShadowRoot): Element | null;
27
27
  tabInPopup(direction: number): void;
28
28
  escape: () => void;
29
29
  render(): any;
@@ -0,0 +1,36 @@
1
+ export interface HeaderMenuItem {
2
+ label: string;
3
+ url: string;
4
+ active?: boolean;
5
+ }
6
+ export declare class Header {
7
+ loginUrl?: string;
8
+ logoutUrl?: string;
9
+ mainMenu: HeaderMenuItem[];
10
+ useDropDownMenu: "always" | "never" | "auto";
11
+ showDropDown: boolean;
12
+ isLoggedIn: boolean;
13
+ userProfileName?: string;
14
+ userProfileUrl?: string;
15
+ userHomeUrl?: string;
16
+ host: HTMLElement;
17
+ hasSubLogo: boolean;
18
+ overflowMenuItems: number;
19
+ watchUseDropDownMenu(value: "always" | "never" | "auto"): void;
20
+ wrapper: HTMLDivElement | undefined;
21
+ nav: HTMLUListElement | undefined;
22
+ componentWillLoad(): void;
23
+ shrinkMenuToFit(): void;
24
+ componentDidRender(): void;
25
+ setOverflowMenu(): void;
26
+ setDropDownMenu(): void;
27
+ onWindowResize: (() => void) & {
28
+ clear(): void;
29
+ } & {
30
+ flush(): void;
31
+ };
32
+ connectedCallback(): void;
33
+ disconnectedCallback(): void;
34
+ MenuItem(item: HeaderMenuItem): any;
35
+ render(): any;
36
+ }
@@ -0,0 +1,2 @@
1
+ import { Header } from "@dso-toolkit/sources";
2
+ export declare function headerTemplate({ logo, subLogo, mainMenu, useDropDownMenu, showSubLogo, loginUrl, logoutUrl, isLoggedIn, showLoggedIn, userProfileUrl, userProfileName, userHomeUrl, }: Header): import("lit-html").TemplateResult<1>;
@@ -1,9 +1,8 @@
1
1
  import { EventEmitter } from '../../stencil-public-runtime';
2
- import { BaseLayer } from './map-base-layers.interfaces';
2
+ import { BaseLayer, BaseLayerChangeEvent } from './map-base-layers.interfaces';
3
3
  export declare class MapBaseLayers {
4
- baseLayerChange: EventEmitter<BaseLayer>;
4
+ baseLayerChange: EventEmitter<BaseLayerChangeEvent>;
5
5
  baseLayers: BaseLayer[];
6
- selectedBaseLayer: BaseLayer | undefined;
7
- selectBaseLayer(baseLayer: BaseLayer): void;
6
+ baseLayerChangeHandler(baseLayer: BaseLayer): void;
8
7
  render(): any;
9
8
  }
@@ -1,5 +1,9 @@
1
1
  export interface BaseLayer {
2
2
  id: number;
3
3
  name: string;
4
+ checked?: boolean;
5
+ disabled?: boolean;
6
+ }
7
+ export interface BaseLayerChangeEvent {
8
+ activeBaseLayer: BaseLayer;
4
9
  }
5
- export declare type SelectedBaseLayerChangeEvent = CustomEvent<BaseLayer>;
@@ -1,2 +1,2 @@
1
1
  import { MapControls } from '@dso-toolkit/sources';
2
- export declare function mapControlsTemplate({ zoomIn, zoomOut, open, baseLayers, selectedBaseLayer, baseLayerChange, overlays, checkedOverlays, checkedOverlaysChange, disableZoom }: MapControls): import("lit-html").TemplateResult<1>;
2
+ export declare function mapControlsTemplate({ zoomIn, zoomOut, open, baseLayers, baseLayerChange, overlays, toggleOverlay, disableZoom }: MapControls): import("lit-html").TemplateResult<1>;
@@ -1,9 +1,9 @@
1
1
  import { EventEmitter } from '../../stencil-public-runtime';
2
- import { Overlay } from './map-overlays.interfaces';
2
+ import { Overlay, OverlayChangeEvent } from './map-overlays.interfaces';
3
+ import { SelectableChangeEvent } from '../selectable/selectable';
3
4
  export declare class MapOverlays {
4
5
  overlays: Overlay[];
5
- checkedOverlays: Overlay[];
6
- checkedOverlaysChange: EventEmitter<Overlay[]>;
7
- toggleOverlay(overlay: Overlay, checked: boolean): void;
6
+ toggleOverlay: EventEmitter<OverlayChangeEvent>;
7
+ overlayChangeHandler(overlay: Overlay, e: CustomEvent<SelectableChangeEvent>): void;
8
8
  render(): any;
9
9
  }
@@ -1,5 +1,10 @@
1
1
  export interface Overlay {
2
2
  id: number;
3
3
  name: string;
4
+ checked?: boolean;
5
+ disabled?: boolean;
6
+ }
7
+ export interface OverlayChangeEvent {
8
+ overlay: Overlay;
9
+ checked: boolean;
4
10
  }
5
- export declare type CheckedOverlaysChangeEvent = CustomEvent<Overlay[]>;
@@ -43,6 +43,7 @@ export declare class Tooltip {
43
43
  private callbacks;
44
44
  private hidden;
45
45
  listenClick(e: MouseEvent): void;
46
+ private applyMaxSize;
46
47
  componentDidLoad(): void;
47
48
  disconnectedCallback(): void;
48
49
  componentDidRender(): void;
@@ -7,9 +7,10 @@
7
7
  import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
8
8
  import { Suggestion } from "./components/autosuggest/autosuggest";
9
9
  import { DsoDatePickerChangeEvent, DsoDatePickerDirection, DsoDatePickerFocusEvent, DsoDatePickerKeyboardEvent } from "./components/date-picker/date-picker";
10
+ import { HeaderMenuItem } from "./components/header/header";
10
11
  import { InfoButtonToggleEvent } from "./components/info-button/info-button";
11
- import { BaseLayer } from "./components/map-base-layers/map-base-layers.interfaces";
12
- import { Overlay } from "./components/map-overlays/map-overlays.interfaces";
12
+ import { BaseLayer, BaseLayerChangeEvent } from "./components/map-base-layers/map-base-layers.interfaces";
13
+ import { Overlay, OverlayChangeEvent } from "./components/map-overlays/map-overlays.interfaces";
13
14
  import { ContentAnchor } from "./components/ozon-content/ozon-content.interfaces";
14
15
  import { SelectableChangeEvent } from "./components/selectable/selectable";
15
16
  import { TreeViewItem, TreeViewPointerEvent } from "./components/tree-view/tree-view.interfaces";
@@ -111,6 +112,16 @@ export namespace Components {
111
112
  */
112
113
  "open": boolean;
113
114
  }
115
+ interface DsoHeader {
116
+ "isLoggedIn": boolean;
117
+ "loginUrl"?: string;
118
+ "logoutUrl"?: string;
119
+ "mainMenu": HeaderMenuItem[];
120
+ "useDropDownMenu": "always" | "never" | "auto";
121
+ "userHomeUrl"?: string;
122
+ "userProfileName"?: string;
123
+ "userProfileUrl"?: string;
124
+ }
114
125
  interface DsoHelpcenterPanel {
115
126
  "label"?: string;
116
127
  "url": string;
@@ -141,14 +152,12 @@ export namespace Components {
141
152
  }
142
153
  interface DsoMapBaseLayers {
143
154
  "baseLayers": BaseLayer[];
144
- "selectedBaseLayer": BaseLayer | undefined;
145
155
  }
146
156
  interface DsoMapControls {
147
157
  "disableZoom"?: 'in' | 'out' | 'both';
148
158
  "open": boolean;
149
159
  }
150
160
  interface DsoMapOverlays {
151
- "checkedOverlays": Overlay[];
152
161
  "overlays": Overlay[];
153
162
  }
154
163
  interface DsoOzonContent {
@@ -267,6 +276,12 @@ declare global {
267
276
  prototype: HTMLDsoDropdownMenuElement;
268
277
  new (): HTMLDsoDropdownMenuElement;
269
278
  };
279
+ interface HTMLDsoHeaderElement extends Components.DsoHeader, HTMLStencilElement {
280
+ }
281
+ var HTMLDsoHeaderElement: {
282
+ prototype: HTMLDsoHeaderElement;
283
+ new (): HTMLDsoHeaderElement;
284
+ };
270
285
  interface HTMLDsoHelpcenterPanelElement extends Components.DsoHelpcenterPanel, HTMLStencilElement {
271
286
  }
272
287
  var HTMLDsoHelpcenterPanelElement: {
@@ -371,6 +386,7 @@ declare global {
371
386
  "dso-banner": HTMLDsoBannerElement;
372
387
  "dso-date-picker": HTMLDsoDatePickerElement;
373
388
  "dso-dropdown-menu": HTMLDsoDropdownMenuElement;
389
+ "dso-header": HTMLDsoHeaderElement;
374
390
  "dso-helpcenter-panel": HTMLDsoHelpcenterPanelElement;
375
391
  "dso-highlight-box": HTMLDsoHighlightBoxElement;
376
392
  "dso-icon": HTMLDsoIconElement;
@@ -507,6 +523,16 @@ declare namespace LocalJSX {
507
523
  */
508
524
  "open"?: boolean;
509
525
  }
526
+ interface DsoHeader {
527
+ "isLoggedIn"?: boolean;
528
+ "loginUrl"?: string;
529
+ "logoutUrl"?: string;
530
+ "mainMenu": HeaderMenuItem[];
531
+ "useDropDownMenu"?: "always" | "never" | "auto";
532
+ "userHomeUrl"?: string;
533
+ "userProfileName"?: string;
534
+ "userProfileUrl"?: string;
535
+ }
510
536
  interface DsoHelpcenterPanel {
511
537
  "label"?: string;
512
538
  "url": string;
@@ -540,8 +566,7 @@ declare namespace LocalJSX {
540
566
  }
541
567
  interface DsoMapBaseLayers {
542
568
  "baseLayers": BaseLayer[];
543
- "onBaseLayerChange"?: (event: CustomEvent<BaseLayer>) => void;
544
- "selectedBaseLayer"?: BaseLayer | undefined;
569
+ "onBaseLayerChange"?: (event: CustomEvent<BaseLayerChangeEvent>) => void;
545
570
  }
546
571
  interface DsoMapControls {
547
572
  "disableZoom"?: 'in' | 'out' | 'both';
@@ -550,8 +575,7 @@ declare namespace LocalJSX {
550
575
  "open"?: boolean;
551
576
  }
552
577
  interface DsoMapOverlays {
553
- "checkedOverlays"?: Overlay[];
554
- "onCheckedOverlaysChange"?: (event: CustomEvent<Overlay[]>) => void;
578
+ "onToggleOverlay"?: (event: CustomEvent<OverlayChangeEvent>) => void;
555
579
  "overlays": Overlay[];
556
580
  }
557
581
  interface DsoOzonContent {
@@ -640,6 +664,7 @@ declare namespace LocalJSX {
640
664
  "dso-banner": DsoBanner;
641
665
  "dso-date-picker": DsoDatePicker;
642
666
  "dso-dropdown-menu": DsoDropdownMenu;
667
+ "dso-header": DsoHeader;
643
668
  "dso-helpcenter-panel": DsoHelpcenterPanel;
644
669
  "dso-highlight-box": DsoHighlightBox;
645
670
  "dso-icon": DsoIcon;
@@ -669,6 +694,7 @@ declare module "@stencil/core" {
669
694
  "dso-banner": LocalJSX.DsoBanner & JSXBase.HTMLAttributes<HTMLDsoBannerElement>;
670
695
  "dso-date-picker": LocalJSX.DsoDatePicker & JSXBase.HTMLAttributes<HTMLDsoDatePickerElement>;
671
696
  "dso-dropdown-menu": LocalJSX.DsoDropdownMenu & JSXBase.HTMLAttributes<HTMLDsoDropdownMenuElement>;
697
+ "dso-header": LocalJSX.DsoHeader & JSXBase.HTMLAttributes<HTMLDsoHeaderElement>;
672
698
  "dso-helpcenter-panel": LocalJSX.DsoHelpcenterPanel & JSXBase.HTMLAttributes<HTMLDsoHelpcenterPanelElement>;
673
699
  "dso-highlight-box": LocalJSX.DsoHighlightBox & JSXBase.HTMLAttributes<HTMLDsoHighlightBoxElement>;
674
700
  "dso-icon": LocalJSX.DsoIcon & JSXBase.HTMLAttributes<HTMLDsoIconElement>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dso-toolkit/core",
3
- "version": "33.2.0",
3
+ "version": "33.3.0",
4
4
  "description": "DSO Toolkit Web Components",
5
5
  "main": "dist/index.cjs.js",
6
6
  "module": "dist/custom-elements/index.js",
@@ -28,7 +28,7 @@
28
28
  "devDependencies": {
29
29
  "@babel/core": "^7.15.8",
30
30
  "@dso-toolkit/sources": "0.0.0",
31
- "@popperjs/core": "^2.10.2",
31
+ "@popperjs/core": "^2.11.2",
32
32
  "@stencil/core": "2.9.0",
33
33
  "@stencil/react-output-target": "0.1.0",
34
34
  "@stencil/sass": "1.5.2",
@@ -54,6 +54,7 @@
54
54
  "lit-html": "^2.0.1",
55
55
  "mini-svg-data-uri": "1.4.3",
56
56
  "minimist": "^1.2.5",
57
+ "popper-max-size-modifier": "^0.2.0",
57
58
  "react": "^17.0.2",
58
59
  "react-dom": "^17.0.2",
59
60
  "rimraf": "^3.0.2",
@@ -1 +0,0 @@
1
- import{r as e,c as s,h as i}from"./p-a40eeb32.js";let o=class{constructor(i){e(this,i),this.baseLayerChange=s(this,"baseLayerChange",7)}selectBaseLayer(e){this.selectedBaseLayer=e,this.baseLayerChange.emit(e)}render(){return i("fieldset",{class:"form-group dso-radios"},i("legend",{class:"sr-only"},"Achtergrond"),i("div",{class:"dso-label-container"},i("span",{class:"control-label","aria-hidden":"true"},"Achtergrond")),i("div",{class:"dso-field-container"},this.baseLayers.map(((e,s)=>i("dso-selectable",{key:e.id,type:"radio",value:e.name,checked:!this.selectedBaseLayer&&0===s||this.selectedBaseLayer===e,onDsoChange:()=>this.selectBaseLayer(e)},e.name)))))}};o.style=":host{display:block}*,*::after,*::before{box-sizing:border-box}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}fieldset{border:0;margin:0;min-width:0;padding:0}fieldset .control-label{display:inline-block;font-weight:bold;margin-bottom:8px;max-width:100%;text-align:left}";export{o as dso_map_base_layers}
@@ -1 +0,0 @@
1
- import{r as t,c as s,h as i,F as e,g as h}from"./p-a40eeb32.js";import{v as o}from"./p-19b890a3.js";function a(t,s,i){var e,h,o,a,n;function r(){var c=Date.now()-a;c<s&&c>=0?e=setTimeout(r,s-c):(e=null,i||(n=t.apply(o,h),o=h=null))}null==s&&(s=100);var c=function(){o=this,h=arguments,a=Date.now();var c=i&&!e;return e||(e=setTimeout(r,s)),c&&(n=t.apply(o,h),o=h=null),n};return c.clear=function(){e&&(clearTimeout(e),e=null)},c.flush=function(){e&&(n=t.apply(o,h),o=h=null,clearTimeout(e),e=null)},c}a.debounce=a;var n=a;let r=class{constructor(i){t(this,i),this.selectEmitter=s(this,"dsoSelect",7),this.changeEmitter=s(this,"dsoChange",7),this.searchEmitter=s(this,"dsoSearch",7),this.suggestions=[],this.suggestOnFocus=!1,this.showSuggestions=!1,this.listboxId=o(),this.inputId=o(),this.labelId=o(),this.debouncedEmitValue=n((t=>this.changeEmitter.emit(t)),200),this.onInput=t=>{if(!(t.target instanceof HTMLInputElement))throw new Error("event.target is not instanceof HTMLInputElement");this.debouncedEmitValue(t.target.value.match(/(\S+)/g)?t.target.value:"")},this.onFocusIn=()=>{this.suggestOnFocus&&this.openSuggestions()},this.onKeyDown=t=>{if(!t.defaultPrevented){switch(t.key){case"ArrowDown":this.showSuggestions?this.selectNextSuggestion():this.openSuggestions("first");break;case"ArrowUp":this.showSuggestions?this.selectPreviousSuggestion():this.openSuggestions("last");break;case"Tab":return void this.closeSuggestions();case"Escape":this.closeSuggestions();break;case"Enter":this.pickSelectedValue();break;default:return}t.preventDefault()}}}suggestionsWatcher(){this.resetSelectedSuggestion(),!this.showSuggestions&&this.suggestions.length>0?this.openSuggestions():this.showSuggestions&&0===this.suggestions.length&&this.closeSuggestions()}onDocumentClick(t){this.showSuggestions&&this.listbox&&t.target instanceof Node&&!this.listbox.contains(t.target)&&this.input!=t.target&&this.closeSuggestions()}connectedCallback(){const t=this.host.querySelector('input[type="text"]');if(!(t instanceof HTMLInputElement))throw new ReferenceError("Mandatory text input not found");if(this.input=t,t.id?this.inputId=t.id:t.id=this.inputId,!this.input.labels||this.input.labels.length<1)throw new ReferenceError("Mandatory label for text input not found");const s=this.input.labels[0];s.id?this.labelId=s.id:s.id=this.labelId,this.input.setAttribute("role","combobox"),this.input.setAttribute("aria-haspopup","listbox"),this.input.setAttribute("aria-owns",this.listboxId),this.input.setAttribute("aria-expanded","false"),this.input.setAttribute("autocomplete","off"),this.input.setAttribute("aria-autocomplete","list"),this.input.setAttribute("aria-activedescendant",""),this.input.addEventListener("input",this.onInput),this.input.addEventListener("keydown",this.onKeyDown),this.input.addEventListener("focusin",this.onFocusIn)}disconnectedCallback(){this.input.removeEventListener("input",this.onInput),this.input.removeEventListener("keydown",this.onKeyDown),this.input.removeEventListener("focusin",this.onFocusIn)}markTerms(t,s){if(!t||!s||0===s.length)return[""];const e=new RegExp(`(${function(t){if("string"!=typeof t)throw new TypeError("Expected a string");return t.replace(/[|\\{}()[\]^$+*?.]/g,"\\$&").replace(/-/g,"\\x2d")}(s[0])})`,"gi");return t.split(e).map((t=>t?e.test(t)?i("mark",null,t):1===s.length?i("span",null,t):this.markTerms(t,s.slice(1)):""))}selectSuggestion(t){this.selectedSuggestion=t,this.input.setAttribute("aria-activedescendant",this.listboxItemId(t))}selectFirstSuggestion(){this.selectedSuggestion=this.suggestions[0],this.selectedSuggestion&&this.input.setAttribute("aria-activedescendant",this.listboxItemId(this.selectedSuggestion))}selectLastSuggestion(){this.selectedSuggestion=this.suggestions[this.suggestions.length-1],this.selectedSuggestion&&this.input.setAttribute("aria-activedescendant",this.listboxItemId(this.selectedSuggestion))}selectNextSuggestion(){var t;const s=this.selectedSuggestion?this.suggestions.indexOf(this.selectedSuggestion):-1;this.selectedSuggestion=null!==(t=this.suggestions[s+1])&&void 0!==t?t:this.suggestions[0],this.selectedSuggestion&&this.input.setAttribute("aria-activedescendant",this.listboxItemId(this.selectedSuggestion))}selectPreviousSuggestion(){var t;const s=this.selectedSuggestion?this.suggestions.indexOf(this.selectedSuggestion):0;this.selectedSuggestion=null!==(t=this.suggestions[s-1])&&void 0!==t?t:this.suggestions[this.suggestions.length-1],this.selectedSuggestion&&this.input.setAttribute("aria-activedescendant",this.listboxItemId(this.selectedSuggestion))}resetSelectedSuggestion(){this.selectedSuggestion=void 0,this.input.setAttribute("aria-activedescendant","")}openSuggestions(t){this.showSuggestions=this.suggestions.length>0,this.input.setAttribute("aria-expanded",this.showSuggestions.toString()),"first"===t?this.selectFirstSuggestion():"last"===t&&this.selectLastSuggestion()}closeSuggestions(){this.showSuggestions=!1,this.input.setAttribute("aria-expanded","false"),this.selectFirstSuggestion()}pickSelectedValue(){this.selectedSuggestion&&this.showSuggestions?this.selectEmitter.emit(this.selectedSuggestion):this.searchEmitter.emit(this.input.value),this.closeSuggestions()}listboxItemId(t){return`${this.inputId}-${this.suggestions.indexOf(t)+1}`}render(){const t=this.input.value.split(" ").filter((t=>t));return i(e,null,i("slot",null),i("ul",{role:"listbox",id:this.listboxId,"aria-labelledby":this.labelId,ref:t=>this.listbox=t,hidden:!this.showSuggestions},this.showSuggestions?this.suggestions.map((s=>i("li",{role:"option",id:this.listboxItemId(s),key:s.value,onMouseEnter:()=>this.selectSuggestion(s),onMouseLeave:()=>this.resetSelectedSuggestion(),onClick:()=>this.pickSelectedValue(),"aria-selected":(s===this.selectedSuggestion).toString(),"aria-label":s.value},i("span",{class:"value"},this.markTerms(s.value,t)),s.type?i("span",{class:"type"},s.type):void 0))):void 0))}get host(){return h(this)}static get watchers(){return{suggestions:["suggestionsWatcher"]}}};r.style=".sc-dso-autosuggest-h{display:block;position:relative}ul.sc-dso-autosuggest{background-clip:padding-box;background-color:#fff;border:1px solid rgba(0, 0, 0, 0.15);border-radius:4px;box-shadow:0 6px 12px rgba(0, 0, 0, 0.175);list-style-type:none;margin-top:2px;padding:4px 0;position:absolute;left:0;right:0;top:100%;z-index:10}ul.sc-dso-autosuggest li.sc-dso-autosuggest{display:flex;justify-content:space-between;padding:4px 18px}li[aria-selected=true].sc-dso-autosuggest{cursor:pointer;background-color:#39870c}li[aria-selected=true].sc-dso-autosuggest,li[aria-selected=true].sc-dso-autosuggest .type.sc-dso-autosuggest{color:#fff}mark.sc-dso-autosuggest{font-weight:700;background-color:inherit;color:inherit;padding:0}.type.sc-dso-autosuggest{color:#666}";export{r as dso_autosuggest}
@@ -1,5 +0,0 @@
1
- import{r as c,h as t,F as e,g as n}from"./p-a40eeb32.js";import{v as o}from"./p-19b890a3.js";
2
- /*!
3
- * tabbable 5.2.1
4
- * @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
5
- */var r=["input","select","textarea","a[href]","button","[tabindex]","audio[controls]","video[controls]",'[contenteditable]:not([contenteditable="false"])',"details>summary:first-of-type","details"].join(","),i="undefined"==typeof Element?function(){}:Element.prototype.matches||Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector,s=function(c){var t=parseInt(c.getAttribute("tabindex"),10);return isNaN(t)?function(c){return"true"===c.contentEditable}(c)?0:"AUDIO"!==c.nodeName&&"VIDEO"!==c.nodeName&&"DETAILS"!==c.nodeName||null!==c.getAttribute("tabindex")?c.tabIndex:0:t},a=function(c,t){return c.tabIndex===t.tabIndex?c.documentOrder-t.documentOrder:c.tabIndex-t.tabIndex},l=function(c){return"INPUT"===c.tagName},u=function(c,t){return!(!function(c,t){return!(t.disabled||function(c){return l(c)&&"hidden"===c.type}(t)||function(c,t){if("hidden"===getComputedStyle(c).visibility)return!0;var e=i.call(c,"details>summary:first-of-type");if(i.call(e?c.parentElement:c,"details:not([open]) *"))return!0;if(t&&"full"!==t){if("non-zero-area"===t){var n=c.getBoundingClientRect();return 0===n.width&&0===n.height}}else for(;c;){if("none"===getComputedStyle(c).display)return!0;c=c.parentElement}return!1}(t,c.displayCheck)||function(c){return"DETAILS"===c.tagName&&Array.prototype.slice.apply(c.children).some((function(c){return"SUMMARY"===c.tagName}))}(t)||function(c){if(l(c)||"SELECT"===c.tagName||"TEXTAREA"===c.tagName||"BUTTON"===c.tagName)for(var t=c.parentElement;t;){if("FIELDSET"===t.tagName&&t.disabled){for(var e=0;e<t.children.length;e++){var n=t.children.item(e);if("LEGEND"===n.tagName)return!n.contains(c)}return!0}t=t.parentElement}return!1}(t))}(c,t)||function(c){return function(c){return l(c)&&"radio"===c.type}(c)&&!function(c){if(!c.name)return!0;var t,e=c.form||c.ownerDocument,n=function(c){return e.querySelectorAll('input[type="radio"][name="'+c+'"]')};if("undefined"!=typeof window&&void 0!==window.CSS&&"function"==typeof window.CSS.escape)t=n(window.CSS.escape(c.name));else try{t=n(c.name)}catch(c){return console.error("Looks like you have a radio button with a name attribute containing invalid CSS selector characters and need the CSS.escape polyfill: %s",c.message),!1}var o=function(c,t){for(var e=0;e<c.length;e++)if(c[e].checked&&c[e].form===t)return c[e]}(t,c.form);return!o||o===c}(c)}(t)||s(t)<0)},d=function(c,t){var e=[],n=[];return function(c,t,e){var n=Array.prototype.slice.apply(c.querySelectorAll(r));return t&&i.call(c,r)&&n.unshift(c),n.filter(e)}(c,(t=t||{}).includeContainer,u.bind(null,t)).forEach((function(c,t){var o=s(c);0===o?e.push(c):n.push({documentOrder:t,tabIndex:o,node:c})})),n.sort(a).map((function(c){return c.node})).concat(e)};let h=class{constructor(t){c(this,t),this.open=!1,this.dropdownAlign="left",this.checkable=!1,this.focusOutListener=c=>{this.tabbables.includes(c.relatedTarget)||(this.open=!1)},this.keyDownListener=c=>{if(!c.defaultPrevented){switch(c.key){case"ArrowDown":this.tabInPopup(1);break;case"ArrowUp":this.tabInPopup(-1);break;case"Escape":this.escape();break;case" ":c.target instanceof HTMLElement&&c.target.click();break;default:return}c.preventDefault()}},this.escape=()=>{this.button.focus(),this.open=!1}}get button(){const c=this.host.querySelectorAll('button[slot="toggle"]')[0];if(!(c instanceof HTMLButtonElement))throw new ReferenceError("Mandatory toggle button not found");return c}get tabbables(){return d(this.host).filter((c=>c!==this.button))}openWatch(c){c?this.openPopup():this.closePopup()}connectedCallback(){this.button.setAttribute("aria-haspopup","menu"),this.button.setAttribute("aria-expanded","false"),this.button.id||(this.button.id=o()),this.button.addEventListener("click",(()=>{this.open=!this.open}));const c=this.host.querySelector(".dso-dropdown-options");if(null==c)throw new ReferenceError("Dropdown options not found");c.setAttribute("role","menu"),c.setAttribute("aria-labelledby",this.button.id);for(const c of Array.from(this.host.getElementsByTagName("ul"))){c.setAttribute("role","none");for(const t of Array.from(c.getElementsByTagName("li")))t.setAttribute("role","none")}this.open&&this.openPopup()}componentDidRender(){this.host.setAttribute("tabindex","-1")}componentWillRender(){for(const c of Array.from(this.host.getElementsByTagName("li")))for(const t of d(c))t.setAttribute("role",this.checkable?"menuitemradio":"menuitem"),this.checkable&&c.classList.contains("dso-checked")?t.setAttribute("aria-checked","true"):t.removeAttribute("aria-checked")}openPopup(){this.host.addEventListener("keydown",this.keyDownListener),this.host.addEventListener("focusout",this.focusOutListener),this.button.setAttribute("aria-expanded","true"),this.tabbables.forEach((c=>c.addEventListener("click",this.escape)))}closePopup(){this.host.removeEventListener("keydown",this.keyDownListener),this.host.removeEventListener("focusout",this.focusOutListener),this.button.setAttribute("aria-expanded","false"),this.tabbables.forEach((c=>c.removeEventListener("click",this.escape)))}tabInPopup(c){const t=this.tabbables;let e=t.findIndex((c=>c===document.activeElement))+c;e>=t.length?e=0:e<0&&(e=t.length-1),t[e].focus()}render(){return t(e,null,t("slot",{name:"toggle"}),t("div",{hidden:!this.open},t("slot",null)))}get host(){return n(this)}static get watchers(){return{open:["openWatch"]}}};h.style=":host(:focus){outline:none}:host{--di-check-wit:url(\"data:image/svg+xml,%3csvg id='check' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='color: white%3b'%3e %3cpath fill='currentColor' d='M10.11%2c18%2c5.29%2c13.31A.92.92%2c0%2c0%2c1%2c5.3%2c12a1%2c1%2c0%2c0%2c1%2c1.41%2c0l3.4%2c3.3%2c7.18-7a1%2c1%2c0%2c0%2c1%2c1.41%2c0%2c.92.92%2c0%2c0%2c1%2c0%2c1.35Z'/%3e %3c/svg%3e\");--di-chevron-down:url(\"data:image/svg+xml,%3csvg id='chevron-down' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='color: %2339870c%3b'%3e %3cpath fill='currentColor' d='M12%2c16%2c5.29%2c9.63a.93.93%2c0%2c0%2c1%2c0-1.35%2c1%2c1%2c0%2c0%2c1%2c1.42%2c0l5.29%2c5%2c5.29-5a1%2c1%2c0%2c0%2c1%2c1.42%2c0%2c.91.91%2c0%2c0%2c1%2c0%2c1.34Z'/%3e %3c/svg%3e\");--di-chevron-down-scampi:url(\"data:image/svg+xml,%3csvg id='chevron-down' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='color: %23676cb0%3b'%3e %3cpath fill='currentColor' d='M12%2c16%2c5.29%2c9.63a.93.93%2c0%2c0%2c1%2c0-1.35%2c1%2c1%2c0%2c0%2c1%2c1.42%2c0l5.29%2c5%2c5.29-5a1%2c1%2c0%2c0%2c1%2c1.42%2c0%2c.91.91%2c0%2c0%2c1%2c0%2c1.34Z'/%3e %3c/svg%3e\");--di-chevron-down-wit:url(\"data:image/svg+xml,%3csvg id='chevron-down' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='color: white%3b'%3e %3cpath fill='currentColor' d='M12%2c16%2c5.29%2c9.63a.93.93%2c0%2c0%2c1%2c0-1.35%2c1%2c1%2c0%2c0%2c1%2c1.42%2c0l5.29%2c5%2c5.29-5a1%2c1%2c0%2c0%2c1%2c1.42%2c0%2c.91.91%2c0%2c0%2c1%2c0%2c1.34Z'/%3e %3c/svg%3e\");--di-chevron-up:url(\"data:image/svg+xml,%3csvg id='chevron-up' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='color: %2339870c%3b'%3e %3cpath fill='currentColor' d='M18%2c16a1%2c1%2c0%2c0%2c1-.71-.28l-5.29-5-5.29%2c5a1%2c1%2c0%2c0%2c1-1.42%2c0%2c.93.93%2c0%2c0%2c1%2c0-1.35L12%2c8l6.71%2c6.38a.91.91%2c0%2c0%2c1%2c0%2c1.34A1%2c1%2c0%2c0%2c1%2c18%2c16Z'/%3e %3c/svg%3e\");--di-chevron-up-scampi:url(\"data:image/svg+xml,%3csvg id='chevron-up' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='color: %23676cb0%3b'%3e %3cpath fill='currentColor' d='M18%2c16a1%2c1%2c0%2c0%2c1-.71-.28l-5.29-5-5.29%2c5a1%2c1%2c0%2c0%2c1-1.42%2c0%2c.93.93%2c0%2c0%2c1%2c0-1.35L12%2c8l6.71%2c6.38a.91.91%2c0%2c0%2c1%2c0%2c1.34A1%2c1%2c0%2c0%2c1%2c18%2c16Z'/%3e %3c/svg%3e\");--di-chevron-up-wit:url(\"data:image/svg+xml,%3csvg id='chevron-up' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='color: white%3b'%3e %3cpath fill='currentColor' d='M18%2c16a1%2c1%2c0%2c0%2c1-.71-.28l-5.29-5-5.29%2c5a1%2c1%2c0%2c0%2c1-1.42%2c0%2c.93.93%2c0%2c0%2c1%2c0-1.35L12%2c8l6.71%2c6.38a.91.91%2c0%2c0%2c1%2c0%2c1.34A1%2c1%2c0%2c0%2c1%2c18%2c16Z'/%3e %3c/svg%3e\");display:inline-block;position:relative}";export{h as dso_dropdown_menu}
@@ -1 +0,0 @@
1
- import{r as t,h as e,H as n,g as o}from"./p-a40eeb32.js";import{c as r}from"./p-4070c1e5.js";var i="top",a="bottom",f="right",u="left",c=[i,a,f,u],s=c.reduce((function(t,e){return t.concat([e+"-start",e+"-end"])}),[]),p=[].concat(c,["auto"]).reduce((function(t,e){return t.concat([e,e+"-start",e+"-end"])}),[]),l=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function d(t){return t?(t.nodeName||"").toLowerCase():null}function h(t){if(null==t)return window;if("[object Window]"!==t.toString()){var e=t.ownerDocument;return e&&e.defaultView||window}return t}function v(t){return t instanceof h(t).Element||t instanceof Element}function b(t){return t instanceof h(t).HTMLElement||t instanceof HTMLElement}function m(t){return"undefined"!=typeof ShadowRoot&&(t instanceof h(t).ShadowRoot||t instanceof ShadowRoot)}function w(t){return t.split("-")[0]}function x(t){var e=t.getBoundingClientRect();return{width:e.width/1,height:e.height/1,top:e.top/1,right:e.right/1,bottom:e.bottom/1,left:e.left/1,x:e.left/1,y:e.top/1}}function y(t){var e=x(t),n=t.offsetWidth,o=t.offsetHeight;return Math.abs(e.width-n)<=1&&(n=e.width),Math.abs(e.height-o)<=1&&(o=e.height),{x:t.offsetLeft,y:t.offsetTop,width:n,height:o}}function g(t,e){var n=e.getRootNode&&e.getRootNode();if(t.contains(e))return!0;if(n&&m(n)){var o=e;do{if(o&&t.isSameNode(o))return!0;o=o.parentNode||o.host}while(o)}return!1}function O(t){return h(t).getComputedStyle(t)}function j(t){return["table","td","th"].indexOf(d(t))>=0}function k(t){return((v(t)?t.ownerDocument:t.document)||window.document).documentElement}function E(t){return"html"===d(t)?t:t.assignedSlot||t.parentNode||(m(t)?t.host:null)||k(t)}function M(t){return b(t)&&"fixed"!==O(t).position?t.offsetParent:null}function L(t){for(var e=h(t),n=M(t);n&&j(n)&&"static"===O(n).position;)n=M(n);return n&&("html"===d(n)||"body"===d(n)&&"static"===O(n).position)?e:n||function(t){var e=-1!==navigator.userAgent.toLowerCase().indexOf("firefox");if(-1!==navigator.userAgent.indexOf("Trident")&&b(t)&&"fixed"===O(t).position)return null;for(var n=E(t);b(n)&&["html","body"].indexOf(d(n))<0;){var o=O(n);if("none"!==o.transform||"none"!==o.perspective||"paint"===o.contain||-1!==["transform","perspective"].indexOf(o.willChange)||e&&"filter"===o.willChange||e&&o.filter&&"none"!==o.filter)return n;n=n.parentNode}return null}(t)||e}function T(t){return["top","bottom"].indexOf(t)>=0?"x":"y"}var P=Math.max,R=Math.min,H=Math.round;function S(t,e,n){return P(t,R(e,n))}function q(t){return Object.assign({},{top:0,right:0,bottom:0,left:0},t)}function B(t,e){return e.reduce((function(e,n){return e[n]=t,e}),{})}function z(t){return t.split("-")[1]}var A={top:"auto",right:"auto",bottom:"auto",left:"auto"};function W(t){var e,n=t.popper,o=t.popperRect,r=t.placement,c=t.variation,s=t.offsets,p=t.position,l=t.gpuAcceleration,d=t.adaptive,v=t.roundOffsets,b=!0===v?function(t){var e=t.y,n=window.devicePixelRatio||1;return{x:H(H(t.x*n)/n)||0,y:H(H(e*n)/n)||0}}(s):"function"==typeof v?v(s):s,m=b.x,w=void 0===m?0:m,x=b.y,y=void 0===x?0:x,g=s.hasOwnProperty("x"),j=s.hasOwnProperty("y"),E=u,M=i,T=window;if(d){var P=L(n),R="clientHeight",S="clientWidth";P===h(n)&&"static"!==O(P=k(n)).position&&"absolute"===p&&(R="scrollHeight",S="scrollWidth"),P=P,r!==i&&(r!==u&&r!==f||"end"!==c)||(M=a,y-=P[R]-o.height,y*=l?1:-1),r!==u&&(r!==i&&r!==a||"end"!==c)||(E=f,w-=P[S]-o.width,w*=l?1:-1)}var q,B=Object.assign({position:p},d&&A);return Object.assign({},B,l?((q={})[M]=j?"0":"",q[E]=g?"0":"",q.transform=(T.devicePixelRatio||1)<=1?"translate("+w+"px, "+y+"px)":"translate3d("+w+"px, "+y+"px, 0)",q):((e={})[M]=j?y+"px":"",e[E]=g?w+"px":"",e.transform="",e))}var D={passive:!0},C={left:"right",right:"left",bottom:"top",top:"bottom"};function I(t){return t.replace(/left|right|bottom|top/g,(function(t){return C[t]}))}var N={start:"end",end:"start"};function U(t){return t.replace(/start|end/g,(function(t){return N[t]}))}function _(t){var e=h(t);return{scrollLeft:e.pageXOffset,scrollTop:e.pageYOffset}}function V(t){return x(k(t)).left+_(t).scrollLeft}function $(t){var e=O(t);return/auto|scroll|overlay|hidden/.test(e.overflow+e.overflowY+e.overflowX)}function F(t){return["html","body","#document"].indexOf(d(t))>=0?t.ownerDocument.body:b(t)&&$(t)?t:F(E(t))}function G(t,e){var n;void 0===e&&(e=[]);var o=F(t),r=o===(null==(n=t.ownerDocument)?void 0:n.body),i=h(o),a=r?[i].concat(i.visualViewport||[],$(o)?o:[]):o,f=e.concat(a);return r?f:f.concat(G(E(a)))}function J(t){return Object.assign({},t,{left:t.x,top:t.y,right:t.x+t.width,bottom:t.y+t.height})}function K(t,e){return"viewport"===e?J(function(t){var e=h(t),n=k(t),o=e.visualViewport,r=n.clientWidth,i=n.clientHeight,a=0,f=0;return o&&(r=o.width,i=o.height,/^((?!chrome|android).)*safari/i.test(navigator.userAgent)||(a=o.offsetLeft,f=o.offsetTop)),{width:r,height:i,x:a+V(t),y:f}}(t)):b(e)?function(t){var e=x(t);return e.top=e.top+t.clientTop,e.left=e.left+t.clientLeft,e.bottom=e.top+t.clientHeight,e.right=e.left+t.clientWidth,e.width=t.clientWidth,e.height=t.clientHeight,e.x=e.left,e.y=e.top,e}(e):J(function(t){var e,n=k(t),o=_(t),r=null==(e=t.ownerDocument)?void 0:e.body,i=P(n.scrollWidth,n.clientWidth,r?r.scrollWidth:0,r?r.clientWidth:0),a=P(n.scrollHeight,n.clientHeight,r?r.scrollHeight:0,r?r.clientHeight:0),f=-o.scrollLeft+V(t),u=-o.scrollTop;return"rtl"===O(r||n).direction&&(f+=P(n.clientWidth,r?r.clientWidth:0)-i),{width:i,height:a,x:f,y:u}}(k(t)))}function Q(t){var e,n=t.reference,o=t.element,r=t.placement,c=r?w(r):null,s=r?z(r):null,p=n.x+n.width/2-o.width/2,l=n.y+n.height/2-o.height/2;switch(c){case i:e={x:p,y:n.y-o.height};break;case a:e={x:p,y:n.y+n.height};break;case f:e={x:n.x+n.width,y:l};break;case u:e={x:n.x-o.width,y:l};break;default:e={x:n.x,y:n.y}}var d=c?T(c):null;if(null!=d){var h="y"===d?"height":"width";switch(s){case"start":e[d]=e[d]-(n[h]/2-o[h]/2);break;case"end":e[d]=e[d]+(n[h]/2-o[h]/2)}}return e}function X(t,e){void 0===e&&(e={});var n=e.placement,o=void 0===n?t.placement:n,r=e.boundary,u=void 0===r?"clippingParents":r,s=e.rootBoundary,p=void 0===s?"viewport":s,l=e.elementContext,h=void 0===l?"popper":l,m=e.altBoundary,w=void 0!==m&&m,y=e.padding,j=void 0===y?0:y,M=q("number"!=typeof j?j:B(j,c)),T=t.rects.popper,H=t.elements[w?"popper"===h?"reference":"popper":h],S=function(t,e,n){var o="clippingParents"===e?function(t){var e=G(E(t)),n=["absolute","fixed"].indexOf(O(t).position)>=0&&b(t)?L(t):t;return v(n)?e.filter((function(t){return v(t)&&g(t,n)&&"body"!==d(t)})):[]}(t):[].concat(e),r=[].concat(o,[n]),i=r.reduce((function(e,n){var o=K(t,n);return e.top=P(o.top,e.top),e.right=R(o.right,e.right),e.bottom=R(o.bottom,e.bottom),e.left=P(o.left,e.left),e}),K(t,r[0]));return i.width=i.right-i.left,i.height=i.bottom-i.top,i.x=i.left,i.y=i.top,i}(v(H)?H:H.contextElement||k(t.elements.popper),u,p),z=x(t.elements.reference),A=Q({reference:z,element:T,strategy:"absolute",placement:o}),W=J(Object.assign({},T,A)),D="popper"===h?W:z,C={top:S.top-D.top+M.top,bottom:D.bottom-S.bottom+M.bottom,left:S.left-D.left+M.left,right:D.right-S.right+M.right},I=t.modifiersData.offset;if("popper"===h&&I){var N=I[o];Object.keys(C).forEach((function(t){var e=[f,a].indexOf(t)>=0?1:-1,n=[i,a].indexOf(t)>=0?"y":"x";C[t]+=N[n]*e}))}return C}function Y(t,e){void 0===e&&(e={});var n=e.boundary,o=e.rootBoundary,r=e.padding,i=e.flipVariations,a=e.allowedAutoPlacements,f=void 0===a?p:a,u=z(e.placement),l=u?i?s:s.filter((function(t){return z(t)===u})):c,d=l.filter((function(t){return f.indexOf(t)>=0}));0===d.length&&(d=l);var h=d.reduce((function(e,i){return e[i]=X(t,{placement:i,boundary:n,rootBoundary:o,padding:r})[w(i)],e}),{});return Object.keys(h).sort((function(t,e){return h[t]-h[e]}))}function Z(t,e,n){return void 0===n&&(n={x:0,y:0}),{top:t.top-e.height-n.y,right:t.right-e.width+n.x,bottom:t.bottom-e.height+n.y,left:t.left-e.width-n.x}}function tt(t){return[i,f,a,u].some((function(e){return t[e]>=0}))}function et(t,e,n){void 0===n&&(n=!1);var o=b(e);b(e)&&function(t){t.getBoundingClientRect()}(e);var r,i,a=k(e),f=x(t),u={scrollLeft:0,scrollTop:0},c={x:0,y:0};return(o||!o&&!n)&&(("body"!==d(e)||$(a))&&(u=(r=e)!==h(r)&&b(r)?{scrollLeft:(i=r).scrollLeft,scrollTop:i.scrollTop}:_(r)),b(e)?((c=x(e)).x+=e.clientLeft,c.y+=e.clientTop):a&&(c.x=V(a))),{x:f.left+u.scrollLeft-c.x,y:f.top+u.scrollTop-c.y,width:f.width,height:f.height}}function nt(t){var e=new Map,n=new Set,o=[];function r(t){n.add(t.name),[].concat(t.requires||[],t.requiresIfExists||[]).forEach((function(t){if(!n.has(t)){var o=e.get(t);o&&r(o)}})),o.push(t)}return t.forEach((function(t){e.set(t.name,t)})),t.forEach((function(t){n.has(t.name)||r(t)})),o}var ot={placement:"bottom",modifiers:[],strategy:"absolute"};function rt(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return!e.some((function(t){return!(t&&"function"==typeof t.getBoundingClientRect)}))}function it(t){void 0===t&&(t={});var e=t.defaultModifiers,n=void 0===e?[]:e,o=t.defaultOptions,r=void 0===o?ot:o;return function(t,e,o){void 0===o&&(o=r);var i,a,f={placement:"bottom",orderedModifiers:[],options:Object.assign({},ot,r),modifiersData:{},elements:{reference:t,popper:e},attributes:{},styles:{}},u=[],c=!1,s={state:f,setOptions:function(o){var i="function"==typeof o?o(f.options):o;p(),f.options=Object.assign({},r,f.options,i),f.scrollParents={reference:v(t)?G(t):t.contextElement?G(t.contextElement):[],popper:G(e)};var a,c,d=function(t){var e=nt(t);return l.reduce((function(t,n){return t.concat(e.filter((function(t){return t.phase===n})))}),[])}((a=[].concat(n,f.options.modifiers),c=a.reduce((function(t,e){var n=t[e.name];return t[e.name]=n?Object.assign({},n,e,{options:Object.assign({},n.options,e.options),data:Object.assign({},n.data,e.data)}):e,t}),{}),Object.keys(c).map((function(t){return c[t]}))));return f.orderedModifiers=d.filter((function(t){return t.enabled})),f.orderedModifiers.forEach((function(t){var e=t.options,n=t.effect;if("function"==typeof n){var o=n({state:f,name:t.name,instance:s,options:void 0===e?{}:e});u.push(o||function(){})}})),s.update()},forceUpdate:function(){if(!c){var t=f.elements,e=t.reference,n=t.popper;if(rt(e,n)){f.rects={reference:et(e,L(n),"fixed"===f.options.strategy),popper:y(n)},f.reset=!1,f.placement=f.options.placement,f.orderedModifiers.forEach((function(t){return f.modifiersData[t.name]=Object.assign({},t.data)}));for(var o=0;o<f.orderedModifiers.length;o++)if(!0!==f.reset){var r=f.orderedModifiers[o],i=r.fn,a=r.options;"function"==typeof i&&(f=i({state:f,options:void 0===a?{}:a,name:r.name,instance:s})||f)}else f.reset=!1,o=-1}}},update:(i=function(){return new Promise((function(t){s.forceUpdate(),t(f)}))},function(){return a||(a=new Promise((function(t){Promise.resolve().then((function(){a=void 0,t(i())}))}))),a}),destroy:function(){p(),c=!0}};if(!rt(t,e))return s;function p(){u.forEach((function(t){return t()})),u=[]}return s.setOptions(o).then((function(t){!c&&o.onFirstUpdate&&o.onFirstUpdate(t)})),s}}var at=it({defaultModifiers:[{name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:function(t){var e=t.state,n=t.instance,o=t.options,r=o.scroll,i=void 0===r||r,a=o.resize,f=void 0===a||a,u=h(e.elements.popper),c=[].concat(e.scrollParents.reference,e.scrollParents.popper);return i&&c.forEach((function(t){t.addEventListener("scroll",n.update,D)})),f&&u.addEventListener("resize",n.update,D),function(){i&&c.forEach((function(t){t.removeEventListener("scroll",n.update,D)})),f&&u.removeEventListener("resize",n.update,D)}},data:{}},{name:"popperOffsets",enabled:!0,phase:"read",fn:function(t){var e=t.state;e.modifiersData[t.name]=Q({reference:e.rects.reference,element:e.rects.popper,strategy:"absolute",placement:e.placement})},data:{}},{name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:function(t){var e=t.state,n=t.options,o=n.gpuAcceleration,r=void 0===o||o,i=n.adaptive,a=void 0===i||i,f=n.roundOffsets,u=void 0===f||f,c={placement:w(e.placement),variation:z(e.placement),popper:e.elements.popper,popperRect:e.rects.popper,gpuAcceleration:r};null!=e.modifiersData.popperOffsets&&(e.styles.popper=Object.assign({},e.styles.popper,W(Object.assign({},c,{offsets:e.modifiersData.popperOffsets,position:e.options.strategy,adaptive:a,roundOffsets:u})))),null!=e.modifiersData.arrow&&(e.styles.arrow=Object.assign({},e.styles.arrow,W(Object.assign({},c,{offsets:e.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:u})))),e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-placement":e.placement})},data:{}},{name:"applyStyles",enabled:!0,phase:"write",fn:function(t){var e=t.state;Object.keys(e.elements).forEach((function(t){var n=e.styles[t]||{},o=e.attributes[t]||{},r=e.elements[t];b(r)&&d(r)&&(Object.assign(r.style,n),Object.keys(o).forEach((function(t){var e=o[t];!1===e?r.removeAttribute(t):r.setAttribute(t,!0===e?"":e)})))}))},effect:function(t){var e=t.state,n={popper:{position:e.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(e.elements.popper.style,n.popper),e.styles=n,e.elements.arrow&&Object.assign(e.elements.arrow.style,n.arrow),function(){Object.keys(e.elements).forEach((function(t){var o=e.elements[t],r=e.attributes[t]||{},i=Object.keys(e.styles.hasOwnProperty(t)?e.styles[t]:n[t]).reduce((function(t,e){return t[e]="",t}),{});b(o)&&d(o)&&(Object.assign(o.style,i),Object.keys(r).forEach((function(t){o.removeAttribute(t)})))}))}},requires:["computeStyles"]},{name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:function(t){var e=t.state,n=t.name,o=t.options.offset,r=void 0===o?[0,0]:o,a=p.reduce((function(t,n){return t[n]=function(t,e,n){var o=w(t),r=[u,i].indexOf(o)>=0?-1:1,a="function"==typeof n?n(Object.assign({},e,{placement:t})):n,c=a[0],s=a[1];return c=c||0,s=(s||0)*r,[u,f].indexOf(o)>=0?{x:s,y:c}:{x:c,y:s}}(n,e.rects,r),t}),{}),c=a[e.placement],s=c.y;null!=e.modifiersData.popperOffsets&&(e.modifiersData.popperOffsets.x+=c.x,e.modifiersData.popperOffsets.y+=s),e.modifiersData[n]=a}},{name:"flip",enabled:!0,phase:"main",fn:function(t){var e=t.state,n=t.options,o=t.name;if(!e.modifiersData[o]._skip){for(var r=n.mainAxis,c=void 0===r||r,s=n.altAxis,p=void 0===s||s,l=n.fallbackPlacements,d=n.padding,h=n.boundary,v=n.rootBoundary,b=n.altBoundary,m=n.flipVariations,x=void 0===m||m,y=n.allowedAutoPlacements,g=e.options.placement,O=w(g),j=l||(O!==g&&x?function(t){if("auto"===w(t))return[];var e=I(t);return[U(t),e,U(e)]}(g):[I(g)]),k=[g].concat(j).reduce((function(t,n){return t.concat("auto"===w(n)?Y(e,{placement:n,boundary:h,rootBoundary:v,padding:d,flipVariations:x,allowedAutoPlacements:y}):n)}),[]),E=e.rects.reference,M=e.rects.popper,L=new Map,T=!0,P=k[0],R=0;R<k.length;R++){var H=k[R],S=w(H),q="start"===z(H),B=[i,a].indexOf(S)>=0,A=B?"width":"height",W=X(e,{placement:H,boundary:h,rootBoundary:v,altBoundary:b,padding:d}),D=B?q?f:u:q?a:i;E[A]>M[A]&&(D=I(D));var C=I(D),N=[];if(c&&N.push(W[S]<=0),p&&N.push(W[D]<=0,W[C]<=0),N.every((function(t){return t}))){P=H,T=!1;break}L.set(H,N)}if(T)for(var _=function(t){var e=k.find((function(e){var n=L.get(e);if(n)return n.slice(0,t).every((function(t){return t}))}));if(e)return P=e,"break"},V=x?3:1;V>0&&"break"!==_(V);V--);e.placement!==P&&(e.modifiersData[o]._skip=!0,e.placement=P,e.reset=!0)}},requiresIfExists:["offset"],data:{_skip:!1}},{name:"preventOverflow",enabled:!0,phase:"main",fn:function(t){var e=t.state,n=t.options,o=t.name,r=n.mainAxis,c=void 0===r||r,s=n.altAxis,p=void 0!==s&&s,l=n.tether,d=void 0===l||l,h=n.tetherOffset,v=void 0===h?0:h,b=X(e,{boundary:n.boundary,rootBoundary:n.rootBoundary,padding:n.padding,altBoundary:n.altBoundary}),m=w(e.placement),x=z(e.placement),g=!x,O=T(m),j="x"===O?"y":"x",k=e.modifiersData.popperOffsets,E=e.rects.reference,M=e.rects.popper,H="function"==typeof v?v(Object.assign({},e.rects,{placement:e.placement})):v,q={x:0,y:0};if(k){if(c||p){var B="y"===O?i:u,A="y"===O?a:f,W="y"===O?"height":"width",D=k[O],C=k[O]+b[B],I=k[O]-b[A],N=d?-M[W]/2:0,U="start"===x?E[W]:M[W],_="start"===x?-M[W]:-E[W],V=e.elements.arrow,$=d&&V?y(V):{width:0,height:0},F=e.modifiersData["arrow#persistent"]?e.modifiersData["arrow#persistent"].padding:{top:0,right:0,bottom:0,left:0},G=F[B],J=F[A],K=S(0,E[W],$[W]),Q=g?E[W]/2-N-K-G-H:U-K-G-H,Y=g?-E[W]/2+N+K+J+H:_+K+J+H,Z=e.elements.arrow&&L(e.elements.arrow),tt=e.modifiersData.offset?e.modifiersData.offset[e.placement][O]:0,et=k[O]+Q-tt-(Z?"y"===O?Z.clientTop||0:Z.clientLeft||0:0),nt=k[O]+Y-tt;if(c){var ot=S(d?R(C,et):C,D,d?P(I,nt):I);k[O]=ot,q[O]=ot-D}if(p){var rt=k[j],it=rt+b["x"===O?i:u],at=rt-b["x"===O?a:f],ft=S(d?R(it,et):it,rt,d?P(at,nt):at);k[j]=ft,q[j]=ft-rt}}e.modifiersData[o]=q}},requiresIfExists:["offset"]},{name:"arrow",enabled:!0,phase:"main",fn:function(t){var e,n=t.state,o=t.name,r=t.options,s=n.elements.arrow,p=n.modifiersData.popperOffsets,l=w(n.placement),d=T(l),h=[u,f].indexOf(l)>=0?"height":"width";if(s&&p){var v=function(t,e){return q("number"!=typeof(t="function"==typeof t?t(Object.assign({},e.rects,{placement:e.placement})):t)?t:B(t,c))}(r.padding,n),b=y(s),m="y"===d?i:u,x="y"===d?a:f,g=n.rects.reference[h]+n.rects.reference[d]-p[d]-n.rects.popper[h],O=p[d]-n.rects.reference[d],j=L(s),k=j?"y"===d?j.clientHeight||0:j.clientWidth||0:0,E=k/2-b[h]/2+(g/2-O/2),M=S(v[m],E,k-b[h]-v[x]);n.modifiersData[o]=((e={})[d]=M,e.centerOffset=M-E,e)}},effect:function(t){var e=t.state,n=t.options.element,o=void 0===n?"[data-popper-arrow]":n;null!=o&&("string"!=typeof o||(o=e.elements.popper.querySelector(o)))&&g(e.elements.popper,o)&&(e.elements.arrow=o)},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]},{name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:function(t){var e=t.state,n=t.name,o=e.rects.reference,r=e.rects.popper,i=e.modifiersData.preventOverflow,a=X(e,{elementContext:"reference"}),f=X(e,{altBoundary:!0}),u=Z(a,o),c=Z(f,r,i),s=tt(u),p=tt(c);e.modifiersData[n]={referenceClippingOffsets:u,popperEscapeOffsets:c,isReferenceHidden:s,hasPopperEscaped:p},e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-reference-hidden":s,"data-popper-escaped":p})}}]});let ft=class{constructor(e){t(this,e),this.position="top",this.noArrow=!1,this.active=!1,this.hidden=!0}async activate(){this.active=!0}async deactivate(){this.active=!1}watchPosition(){this.popper&&this.popper.setOptions({placement:this.position})}watchActive(){var t;this.active?(this.hidden=!1,this.stateless||setTimeout((()=>{var t;null===(t=this.popper)||void 0===t||t.setOptions({modifiers:[{name:"eventListeners",enabled:!0}]})}))):(this.stateless||null===(t=this.popper)||void 0===t||t.setOptions({modifiers:[{name:"eventListeners",enabled:!1}]}),setTimeout((()=>this.hidden=!0),150))}listenClick(t){t.stopPropagation()}componentDidLoad(){var t;if(this.popper)return;const e=null===(t=this.element.shadowRoot)||void 0===t?void 0:t.querySelector(".tooltip");if(!(e instanceof HTMLElement))throw new Error("tooltip element is not instanceof HTMLElement");this.target=this.getTarget(),this.popper=at(this.target,e,{placement:this.position}),this.callbacks={activate:()=>this.active=!0,deactivate:()=>this.active=!1},this.stateless||(this.target.addEventListener("mouseenter",this.callbacks.activate),this.target.addEventListener("mouseleave",this.callbacks.deactivate),this.target.addEventListener("focus",this.callbacks.activate),this.target.addEventListener("blur",this.callbacks.deactivate))}disconnectedCallback(){var t;null===(t=this.popper)||void 0===t||t.destroy(),!this.stateless&&this.target&&this.callbacks&&(this.target.removeEventListener("mouseenter",this.callbacks.activate),this.target.removeEventListener("mouseleave",this.callbacks.deactivate),this.target.removeEventListener("focus",this.callbacks.activate),this.target.removeEventListener("blur",this.callbacks.deactivate)),this.callbacks=void 0,this.target=void 0}componentDidRender(){var t;this.active&&(null===(t=this.popper)||void 0===t||t.update())}render(){return e(n,{hidden:this.hidden},e("div",{class:r("tooltip",{in:this.active}),role:"tooltip"},!this.noArrow&&e("div",{class:"tooltip-arrow"}),e("div",{class:r("tooltip-inner",{"dso-small":this.small})},e("slot",null))))}getTarget(){if(this.for instanceof HTMLElement)return this.for;if("string"==typeof this.for){const t=this.element.getRootNode();if(!(t instanceof Document||t instanceof ShadowRoot))throw new Error("rootNode is not instance of Document or ShadowRoot");const e=t.getElementById(this.for);if(!e)throw new Error(`Unable to find reference with id ${this.for}`);return e}const{parentElement:t}=this.element;if(!t)throw new Error("No reference given with [for] attribute but no parent found either");return t}get element(){return o(this)}static get watchers(){return{position:["watchPosition"],active:["watchActive"]}}};ft.style=":host(:not([hidden])){display:inline-block}*,*::after,*::before{box-sizing:border-box}.tooltip{font-family:Asap, sans-serif;font-style:normal;font-weight:400;line-height:1.5;line-break:auto;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;display:block;filter:drop-shadow(0 2px 8px rgba(0, 0, 0, 0.4));font-size:14px;opacity:0;position:absolute;transition:opacity 0.15s linear;z-index:1070}.tooltip.in{opacity:0.9}.tooltip .tooltip-inner{background-color:#fff;border-radius:4px;color:#191919;display:inline-block;font-size:16px;max-width:640px;padding:8px 16px;position:relative}.tooltip .tooltip-inner.dso-small{max-width:320px}.tooltip .tooltip-arrow{border-color:transparent;border-style:solid;height:0;position:absolute;width:0}.tooltip[data-popper-placement=top]{margin-top:-3px;padding:6px 0}.tooltip[data-popper-placement=top] .tooltip-arrow{border-top-color:#fff;border-width:6px 6px 0;bottom:0;left:50%;margin-left:-6px}.tooltip[data-popper-placement=right]{margin-left:3px;padding:0 6px}.tooltip[data-popper-placement=right] .tooltip-arrow{border-right-color:#fff;border-width:6px 6px 6px 0;left:0;margin-top:-6px;top:50%}.tooltip[data-popper-placement=bottom]{margin-top:3px;padding:6px 0}.tooltip[data-popper-placement=bottom] .tooltip-arrow{border-bottom-color:#fff;border-width:0 6px 6px;left:50%;margin-left:-6px;top:0}.tooltip[data-popper-placement=left]{margin-left:-3px;padding:0 6px}.tooltip[data-popper-placement=left] .tooltip-arrow{border-left-color:#fff;border-width:6px 0 6px 6px;margin-top:-6px;right:0;top:50%}";export{ft as dso_tooltip}
@@ -1 +0,0 @@
1
- import{r as o,c as t,h as i,H as e}from"./p-a40eeb32.js";var n,r,a=function(o,t){if(!t.has(o))throw new TypeError("attempted to get private field on non-instance");return t.get(o)},l=function(o,t,i){if(!t.has(o))throw new TypeError("attempted to set private field on non-instance");return t.set(o,i),i};let d=class{constructor(i){o(this,i),this.zoomIn=t(this,"zoomIn",7),this.zoomOut=t(this,"zoomOut",7),this.open=!1,this.hideContent=!this.open,n.set(this,void 0),r.set(this,void 0)}watchOpen(o){o?(this.hideContent=!1,setTimeout((()=>a(this,n).focus()),300)):setTimeout((()=>{this.hideContent=!0,a(this,r).focus()}),300)}render(){return i(e,null,i("div",{id:"controls"},i("button",{type:"button",id:"toggle-visibility-button",onClick:()=>this.open=!this.open,ref:o=>l(this,r,o)},i("dso-icon",{icon:"layers"}),i("span",null,"Kaartlagen")),i("div",{id:"zoom-buttons"},i("button",{type:"button",onClick:o=>this.zoomIn.emit(o),disabled:"in"===this.disableZoom||"both"===this.disableZoom},i("span",null,"Zoom in"),i("dso-icon",{icon:"plus"})),i("button",{type:"button",onClick:o=>this.zoomOut.emit(o),disabled:"out"===this.disableZoom||"both"===this.disableZoom},i("span",null,"Zoom uit"),i("dso-icon",{icon:"minus"})))),i("section",{hidden:this.hideContent},i("header",null,i("h2",null,"Kaartlagen"),i("button",{type:"button",id:"close-button",onClick:()=>this.open=!1,ref:o=>l(this,n,o)},i("span",null,"Sluit dialoog"),i("dso-icon",{icon:"times"}))),i("div",{class:"content"},i("slot",null))))}static get watchers(){return{open:["watchOpen"]}}};n=new WeakMap,r=new WeakMap,d.style='button{-webkit-appearance:button;color:inherit;cursor:pointer;font:inherit;font-family:inherit;font-size:inherit;line-height:inherit;margin:0;overflow:visible;text-transform:none}button[disabled]{cursor:default}button::-moz-focus-inner{border:0;padding:0}:host{background-color:#fff;border:1px solid #ccc;bottom:0;display:block;font-family:Asap, sans-serif;position:absolute;top:0;left:100%;transition:transform 300ms ease;width:300px}*,*::after,*::before{box-sizing:border-box}:host([open]){box-shadow:0 1px 4px 0 rgba(0, 0, 0, 0.3);transform:translateX(-100%)}:host([open]) #toggle-visibility-button{display:none}#controls{align-items:start;display:flex;position:absolute;right:calc(100% + 16px);top:16px}#toggle-visibility-button{display:inline-block;font-size:1em;font-weight:500;margin-bottom:0;text-decoration:none;touch-action:manipulation;text-align:left;user-select:none;vertical-align:middle;background-color:#fff;border-color:#39870c;color:#39870c;border-width:1px;border-style:solid;border-radius:4px;line-height:1.5;min-width:56px;padding:11px 15px;border:0;box-shadow:0 1px 4px 0 rgba(0, 0, 0, 0.5);font-weight:600;margin-right:16px;padding:8px 16px;white-space:nowrap}#toggle-visibility-button:focus,#toggle-visibility-button:focus-visible{outline-offset:2px}#toggle-visibility-button:active{outline:0}#toggle-visibility-button.extern::after,#toggle-visibility-button.download::after{content:"";display:inline-block;height:1.5em;margin-left:8px;vertical-align:top;width:1.5em}#toggle-visibility-button:hover{background-color:#39870c;border-color:#39870c;color:#fff}#toggle-visibility-button:active{background-color:#275937;border-color:#275937;color:#fff}#toggle-visibility-button[disabled],#toggle-visibility-button[disabled]:hover{background-color:#fff;border-color:#afcf9d;color:#afcf9d}#toggle-visibility-button.btn-sm{line-height:16px}#toggle-visibility-button.btn-sm dso-icon,#toggle-visibility-button.btn-sm svg.di,#toggle-visibility-button.btn-sm.extern::after,#toggle-visibility-button.btn-sm.download::after{margin-bottom:-4px;margin-top:-4px}#toggle-visibility-button.download::after{background:var(--dso-icon, var(--di-download)) no-repeat;background-position:center;background-size:cover;height:1.5em;vertical-align:top;width:1.5em}#toggle-visibility-button.download:hover::after{--dso-icon:var(--di-download-wit)}#toggle-visibility-button.download[disabled]::after{--dso-icon:var(--di-download-grasgroen-40)}#toggle-visibility-button.extern::after{background:var(--dso-icon, var(--di-external-link)) no-repeat;background-position:center;background-size:cover;height:1.5em;vertical-align:top;width:1.5em}#toggle-visibility-button.extern:hover::after{--dso-icon:var(--di-external-link-wit)}#toggle-visibility-button.extern[disabled]::after{--dso-icon:var(--di-external-link-grasgroen-40)}#toggle-visibility-button dso-icon,#toggle-visibility-button svg.di{margin-left:-8px;margin-right:8px}#toggle-visibility-button span+dso-icon,#toggle-visibility-button span+svg.di{margin-left:8px;margin-right:-8px}#zoom-buttons{border-radius:4px;box-shadow:0 1px 4px 0 rgba(0, 0, 0, 0.5);display:flex;flex-wrap:wrap;flex:0 0}#zoom-buttons button{display:inline-block;font-size:1em;font-weight:500;margin-bottom:0;text-decoration:none;touch-action:manipulation;text-align:left;user-select:none;vertical-align:middle;background-color:#fff;border-color:#39870c;color:#39870c;border-width:1px;border-style:solid;border-radius:4px;line-height:1.5;min-width:56px;padding:11px 15px;border:0;padding:8px;border-radius:0;border-top-left-radius:4px;border-top-right-radius:4px;flex:0 0 100%;height:40px;min-width:auto;width:40px}#zoom-buttons button:focus,#zoom-buttons button:focus-visible{outline-offset:2px}#zoom-buttons button:active{outline:0}#zoom-buttons button.extern::after,#zoom-buttons button.download::after{content:"";display:inline-block;height:1.5em;margin-left:8px;vertical-align:top;width:1.5em}#zoom-buttons button:hover{background-color:#39870c;border-color:#39870c;color:#fff}#zoom-buttons button:active{background-color:#275937;border-color:#275937;color:#fff}#zoom-buttons button[disabled],#zoom-buttons button[disabled]:hover{background-color:#fff;border-color:#afcf9d;color:#afcf9d}#zoom-buttons button.btn-sm{line-height:16px}#zoom-buttons button.btn-sm dso-icon,#zoom-buttons button.btn-sm svg.di,#zoom-buttons button.btn-sm.extern::after,#zoom-buttons button.btn-sm.download::after{margin-bottom:-4px;margin-top:-4px}#zoom-buttons button.download::after{background:var(--dso-icon, var(--di-download)) no-repeat;background-position:center;background-size:cover;height:1.5em;vertical-align:top;width:1.5em}#zoom-buttons button.download:hover::after{--dso-icon:var(--di-download-wit)}#zoom-buttons button.download[disabled]::after{--dso-icon:var(--di-download-grasgroen-40)}#zoom-buttons button.extern::after{background:var(--dso-icon, var(--di-external-link)) no-repeat;background-position:center;background-size:cover;height:1.5em;vertical-align:top;width:1.5em}#zoom-buttons button.extern:hover::after{--dso-icon:var(--di-external-link-wit)}#zoom-buttons button.extern[disabled]::after{--dso-icon:var(--di-external-link-grasgroen-40)}#zoom-buttons button>span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}#zoom-buttons button+button{border-radius:0;border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-top:1px solid #ccc}#close-button{display:inline-block;font-size:1em;font-weight:500;margin-bottom:0;text-decoration:none;touch-action:manipulation;text-align:left;user-select:none;vertical-align:middle;border:0;color:#39870c;line-height:1;padding:0;background-color:transparent;padding:0;position:absolute;right:16px;top:16px}#close-button:focus,#close-button:focus-visible{outline-offset:2px}#close-button:active{outline:0}#close-button.extern::after,#close-button.download::after{content:"";display:inline-block;height:1.5em;margin-left:8px;vertical-align:top;width:1.5em}#close-button[disabled]{color:#afcf9d}#close-button:not([disabled]):hover{color:#676cb0;text-decoration:underline}#close-button:not([disabled]):active{color:#676cb0}#close-button.btn-align{line-height:calc(1.5em - 1px);padding:11px 0;position:relative}#close-button.extern::after,#close-button.download::after{position:relative;top:-2px}#close-button.download::after{background:var(--dso-icon, var(--di-download)) no-repeat;background-position:center;background-size:cover;height:1.5em;vertical-align:top;width:1.5em}#close-button.download[disabled]::after{--dso-icon:var(--di-download-grasgroen-40)}#close-button.download:not([disabled]):hover::after,#close-button.download:not([disabled]):active::after{--dso-icon:var(--di-download-scampi)}#close-button.extern::after{background:var(--dso-icon, var(--di-external-link)) no-repeat;background-position:center;background-size:cover;height:1.5em;vertical-align:top;width:1.5em}#close-button.extern[disabled]::after{--dso-icon:var(--di-external-link-grasgroen-40)}#close-button.extern:not([disabled]):hover::after,#close-button.extern:not([disabled]):active::after{--dso-icon:var(--di-external-link-scampi)}#close-button>span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}header,.content{padding:16px}header{border-bottom:1px solid #ccc;position:relative}header h2{color:#275937;font-family:"Asap", sans-serif;line-height:1;margin:0}';export{d as dso_map_controls}
@@ -1 +0,0 @@
1
- import{r as e,c as s,h as t}from"./p-a40eeb32.js";let i=class{constructor(t){e(this,t),this.checkedOverlaysChange=s(this,"checkedOverlaysChange",7),this.checkedOverlays=[]}toggleOverlay(e,s){this.checkedOverlays=s?[...this.checkedOverlays,e]:this.checkedOverlays.filter((s=>s!==e)),this.checkedOverlaysChange.emit(this.checkedOverlays)}render(){return t("fieldset",{class:"form-group dso-checkboxes"},t("legend",{class:"sr-only"},"Kaartlagen"),t("div",{class:"dso-label-container"},t("span",{class:"control-label","aria-hidden":"true"},"Kaartlagen")),t("div",{class:"dso-field-container"},this.overlays.map((e=>t("dso-selectable",{type:"checkbox",value:e.name,checked:this.checkedOverlays.includes(e),onDsoChange:()=>this.toggleOverlay(e,!this.checkedOverlays.includes(e))},e.name)))))}};i.style=":host{display:block}*,*::after,*::before{box-sizing:border-box}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}fieldset{border:0;margin:0;min-width:0;padding:0}fieldset .control-label{display:inline-block;font-weight:bold;margin-bottom:8px;max-width:100%;text-align:left}";export{i as dso_map_overlays}
@@ -1 +0,0 @@
1
- import{h as e,r as t,c as i,H as s,g as a}from"./p-a40eeb32.js";import{c as o}from"./p-7b37bd52.js";var d;function n(e){if(!e)return;const t=e.split("-");return 3===t.length&&4===t[2].length?function(e,t,i){var s=parseInt(i,10),a=parseInt(t,10),o=parseInt(e,10);if(Number.isInteger(o)&&Number.isInteger(a)&&Number.isInteger(s)&&a>0&&a<=12&&s>0&&s<=31&&o>0)return new Date(o,a-1,s)}(t[2],t[1],t[0]):void 0}function r(e){return e?`${e.getDate().toString(10).padStart(2,"0")}-${(e.getMonth()+1).toString(10).padStart(2,"0")}-${e.getFullYear().toString(10).padStart(2,"0")}`:""}function l(e,t){return!(!e||!t)&&e.getFullYear()===t.getFullYear()&&e.getMonth()===t.getMonth()&&e.getDate()===t.getDate()}function h(e,t){var i=new Date(e);return i.setDate(i.getDate()+t),i}function c(e,t=d.Monday){var i=new Date(e),s=i.getDay(),a=(s<t?7:0)+s-t;return i.setDate(i.getDate()-a),i}function p(e,t=d.Monday){var i=new Date(e),s=i.getDay(),a=6+(s<t?-7:0)-(s-t);return i.setDate(i.getDate()+a),i}function u(e){return new Date(e.getFullYear(),e.getMonth(),1)}function _(e){return new Date(e.getFullYear(),e.getMonth()+1,0)}function b(e,t){const i=new Date(e);return i.setMonth(t),i}function f(e,t){const i=new Date(e);return i.setFullYear(t),i}function g(e,t,i){return m(e,t,i)===e}function m(e,t,i){const s=e.getTime();return t&&t instanceof Date&&s<t.getTime()?t:i&&i instanceof Date&&s>i.getTime()?i:e}!function(e){e[e.Sunday=0]="Sunday",e[e.Monday=1]="Monday",e[e.Tuesday=2]="Tuesday",e[e.Wednesday=3]="Wednesday",e[e.Thursday=4]="Thursday",e[e.Friday=5]="Friday",e[e.Saturday=6]="Saturday"}(d||(d={}));const x=({focusedDay:t,today:i,day:s,onDaySelect:a,onKeyboardNavigation:o,focusedDayRef:d,inRange:n})=>{const h=l(s,i),c=l(s,t),p=s.getMonth()!==t.getMonth(),u=!n;return e("button",{class:{"dso-date__day":!0,"is-outside":u,"is-disabled":p,"is-today":h},tabIndex:c?0:-1,onClick:function(e){a(e,s)},onKeyDown:o,disabled:u||p,type:"button",ref:e=>{c&&e&&d&&d(e)}},e("span",{"aria-hidden":"true"},s.getDate()),e("span",{class:"dso-date__vhidden"},r(s)))},v=({selectedDate:t,focusedDate:i,labelledById:s,localization:a,firstDayOfWeek:o,min:n,max:r,onDateSelect:b,onKeyboardNavigation:f,focusedDayRef:m,onMouseDown:v,onFocusIn:y})=>{const w=new Date,k=function(e,t=d.Monday){return function(e,t){const i=[];let s=e;for(;!l(s,t);)i.push(s),s=h(s,1);return i.push(s),i}(c(u(e),t),p(_(e),t))}(i,o);return e("table",{class:"dso-date__table",role:"grid","aria-labelledby":s,onFocusin:y,onMouseDown:v},e("thead",null,e("tr",null,(z=o,M=t=>e("th",{class:"dso-date__table-header",scope:"col"},e("span",{"aria-hidden":"true"},t.substr(0,2)),e("span",{class:"dso-date__vhidden"},t)),(D=a.dayNames).map(((e,t)=>M(D[(t+z)%D.length])))))),e("tbody",null,function(e){const t=[];for(let i=0;i<e.length;i+=7)t.push(e.slice(i,i+7));return t}(k).map((s=>e("tr",{class:"dso-date__row"},s.map((s=>e("td",{class:"dso-date__cell",role:"gridcell","aria-selected":l(s,t)?"true":void 0,"aria-current":l(s,w)?"date":void 0},e(x,{day:s,today:w,focusedDay:i,inRange:g(s,n,r),onDaySelect:b,onKeyboardNavigation:f,focusedDayRef:m})))))))));var D,z,M},y={buttonLabel:"Kies datum",placeholder:"dd-mm-jjjj",selectedDateMessage:"Geselecteerde datum is",prevMonthLabel:"Vorige maand",nextMonthLabel:"Volgende maand",monthSelectLabel:"Maand",yearSelectLabel:"Jaar",closeLabel:"Sluiten",keyboardInstruction:"Gebruik de pijltjestoetsen om een dag te kiezen",calendarHeading:"Kies een datum",dayNames:["Zondag","Maandag","Dinsdag","Woensdag","Donderdag","Vrijdag","Zaterdag"],monthNames:["Januari","Februari","Maart","April","Mei","Juni","Juli","Augustus","September","Oktober","November","December"],monthNamesShort:["Jan","Feb","Mrt","Apr","Mei","Jun","Jul","Aug","Sep","Okt","Nov","Dec"]},w=/[^0-9\.\/\-]+/g;let k=class{constructor(e){t(this,e),this.dateChange=i(this,"dateChange",7),this.dsoBlur=i(this,"dsoBlur",7),this.dsoKeyUp=i(this,"dsoKeyUp",7),this.dsoKeyDown=i(this,"dsoKeyDown",7),this.dsoFocus=i(this,"dsoFocus",7),this.monthSelectId=o("DsoDateMonth"),this.yearSelectId=o("DsoDateYear"),this.dialogLabelId=o("DsoDateLabel"),this.localization=y,this.firstDayOfWeek=d.Monday,this.activeFocus=!1,this.focusedDay=new Date,this.open=!1,this.name="date",this.disabled=!1,this.direction="right",this.required=!1,this.dsoAutofocus=!1,this.value="",this.enableActiveFocus=()=>{this.activeFocus=!0},this.disableActiveFocus=()=>{this.activeFocus=!1},this.toggleOpen=e=>{e.preventDefault(),this.open?this.hide(!1):this.show()},this.handleEscKey=e=>{27===e.keyCode&&this.hide()},this.handleBlur=e=>{e.stopPropagation(),this.dsoBlur.emit({component:"dso-date-picker"})},this.handleKeyUp=e=>{e.stopPropagation(),this.dsoKeyUp.emit({component:"dso-date-picker",originalEvent:e})},this.handleKeyDown=e=>{e.stopPropagation(),this.dsoKeyDown.emit({component:"dso-date-picker",originalEvent:e})},this.handleFocus=e=>{e.stopPropagation(),this.dsoFocus.emit({component:"dso-date-picker"})},this.handleTouchStart=e=>{const t=e.changedTouches[0];this.initialTouchX=t.pageX,this.initialTouchY=t.pageY},this.handleTouchMove=e=>{e.preventDefault()},this.handleTouchEnd=e=>{const t=e.changedTouches[0],i=t.pageX-this.initialTouchX,s=t.pageY-this.initialTouchY,a=Math.abs(i)>=70&&Math.abs(s)<=70,o=Math.abs(s)>=70&&Math.abs(i)<=70&&s>0;a?this.addMonths(i<0?1:-1):o&&(this.hide(!1),e.preventDefault()),this.initialTouchY=void 0,this.initialTouchX=void 0},this.handleNextMonthClick=e=>{e.preventDefault(),this.addMonths(1)},this.handlePreviousMonthClick=e=>{e.preventDefault(),this.addMonths(-1)},this.handleFirstFocusableKeydown=e=>{var t;9===e.keyCode&&e.shiftKey&&(null===(t=this.focusedDayNode)||void 0===t||t.focus(),e.preventDefault())},this.handleKeyboardNavigation=e=>{var t;if(9===e.keyCode&&!e.shiftKey)return e.preventDefault(),void(null===(t=this.firstFocusableElement)||void 0===t||t.focus());var i=!0;switch(e.keyCode){case 39:this.addDays(1);break;case 37:this.addDays(-1);break;case 40:this.addDays(7);break;case 38:this.addDays(-7);break;case 33:e.shiftKey?this.addYears(-1):this.addMonths(-1);break;case 34:e.shiftKey?this.addYears(1):this.addMonths(1);break;case 36:this.startOfWeek();break;case 35:this.endOfWeek();break;default:i=!1}i&&(e.preventDefault(),this.enableActiveFocus())},this.handleDaySelect=(e,t)=>{g(t,n(this.min),n(this.max))&&(t.getMonth()===this.focusedDay.getMonth()?(this.setValue(t),this.hide()):this.setFocusedDay(t))},this.handleMonthSelect=e=>{this.setMonth(parseInt(e.target.value,10))},this.handleYearSelect=e=>{this.setYear(parseInt(e.target.value,10))},this.handleInputChange=e=>{this.setValue(e.target.value.replace(w,""))},this.processFocusedDayNode=e=>{this.focusedDayNode=e,this.activeFocus&&this.open&&setTimeout((()=>e.focus()),0)}}handleDocumentClick(e){var t;if(!this.open)return;const i=e.composedPath();for(const e of i)if(e instanceof Node&&(null===(t=this.element.shadowRoot)||void 0===t?void 0:t.contains(e)))return;this.hide(!1)}async setFocus(){var e;return null===(e=this.datePickerInput)||void 0===e?void 0:e.focus()}async show(){this.open=!0,this.setFocusedDay(n(this.value)||new Date),void 0!==this.focusTimeoutId&&clearTimeout(this.focusTimeoutId),this.focusTimeoutId=setTimeout((()=>{var e;return null===(e=this.monthSelectNode)||void 0===e?void 0:e.focus()}),300)}async hide(e=!0){this.open=!1,void 0!==this.focusTimeoutId&&clearTimeout(this.focusTimeoutId),e&&setTimeout((()=>{var e;return null===(e=this.datePickerButton)||void 0===e?void 0:e.focus()}),500)}addDays(e){this.setFocusedDay(h(this.focusedDay,e))}addMonths(e){this.setMonth(this.focusedDay.getMonth()+e)}addYears(e){this.setYear(this.focusedDay.getFullYear()+e)}startOfWeek(){this.setFocusedDay(c(this.focusedDay,this.firstDayOfWeek))}endOfWeek(){this.setFocusedDay(p(this.focusedDay,this.firstDayOfWeek))}setMonth(e){const t=b(u(this.focusedDay),e),i=_(t),s=b(this.focusedDay,e);this.setFocusedDay(m(s,t,i))}setYear(e){const t=f(u(this.focusedDay),e),i=_(t),s=f(this.focusedDay,e);this.setFocusedDay(m(s,t,i))}setFocusedDay(e){this.focusedDay=m(e,n(this.min),n(this.max))}setValue(e){var t={component:"dso-date-picker",value:"",valueAsDate:void 0};e instanceof Date?t.valueAsDate=e:(t.value=e,t.valueAsDate=n(e)),t.valueAsDate&&(t.value=r(t.valueAsDate)),!t.valueAsDate&&this.required&&(t.error="required"),t.value&&!t.valueAsDate&&(t.error="invalid"),this.value=t.value,this.dateChange.emit(t)}componentDidLoad(){const e=n(this.value);e&&(this.value=r(e)),this.dsoAutofocus&&this.setFocus()}render(){const t=n(this.value),i=t&&r(t),a=(t||this.focusedDay).getFullYear(),o=this.focusedDay.getMonth(),d=this.focusedDay.getFullYear(),l=n(this.min),h=n(this.max),c=null!=l&&l.getMonth()===o&&l.getFullYear()===d,p=null!=h&&h.getMonth()===o&&h.getFullYear()===d;let u=a-10,_=a+10;return l&&(u=Math.max(u,l.getFullYear())),h&&(_=Math.min(_,h.getFullYear())),e(s,null,e("div",{class:"dso-date"},e("div",{class:"dso-date__input-wrapper"},e("input",{class:"dso-date__input",value:this.value,placeholder:this.localization.placeholder,id:this.identifier,disabled:this.disabled,role:this.role,required:!!this.required||void 0,"aria-autocomplete":"none",onInput:this.handleInputChange,onFocus:this.handleFocus,onBlur:this.handleBlur,onKeyUp:this.handleKeyUp,onKeyDown:this.handleKeyDown,autoComplete:"off",ref:e=>this.datePickerInput=e}),e("button",{type:"button",class:"dso-date__toggle",onClick:this.toggleOpen,disabled:this.disabled,ref:e=>this.datePickerButton=e},e("span",{class:"dso-date__toggle-icon"},e("dso-icon",{icon:"calendar"})),e("span",{class:"dso-date__vhidden"},this.localization.buttonLabel,i&&e("span",null,", ",this.localization.selectedDateMessage," ",i)))),e("div",{class:{"dso-date__dialog":!0,"is-left":"left"===this.direction,"is-active":this.open},role:"dialog","aria-modal":"true","aria-hidden":this.open?"false":"true","aria-labelledby":this.dialogLabelId,onTouchMove:this.handleTouchMove,onTouchStart:this.handleTouchStart,onTouchEnd:this.handleTouchEnd},e("div",{class:"dso-date__dialog-content",onKeyDown:this.handleEscKey},e("div",{class:"dso-date__vhidden dso-date__instructions","aria-live":"polite"},this.localization.keyboardInstruction),e("div",{class:"dso-date__mobile",onFocusin:this.disableActiveFocus},e("label",{class:"dso-date__mobile-heading"},this.localization.calendarHeading),e("button",{class:"dso-date__close",ref:e=>this.firstFocusableElement=e,onKeyDown:this.handleFirstFocusableKeydown,onClick:()=>this.hide(),type:"button"},e("dso-icon",{icon:"times"}),e("span",{class:"dso-date__vhidden"},this.localization.closeLabel))),e("div",{class:"dso-date__header",onFocusin:this.disableActiveFocus},e("div",null,e("h2",{id:this.dialogLabelId,class:"dso-date__vhidden","aria-live":"polite"},this.localization.monthNames[o]," ",this.focusedDay.getFullYear()),e("label",{htmlFor:this.monthSelectId,class:"dso-date__vhidden"},this.localization.monthSelectLabel),e("div",{class:"dso-date__select"},e("select",{id:this.monthSelectId,class:"dso-date__select--month",ref:e=>this.monthSelectNode=e,onChange:this.handleMonthSelect},this.localization.monthNames.map(((t,i)=>e("option",{key:t,value:i,selected:i===o},t)))),e("div",{class:"dso-date__select-label","aria-hidden":"true"},e("span",null,this.localization.monthNamesShort[o]),e("dso-icon",{icon:"chevron-down"}))),e("label",{htmlFor:this.yearSelectId,class:"dso-date__vhidden"},this.localization.yearSelectLabel),e("div",{class:"dso-date__select"},e("select",{id:this.yearSelectId,class:"dso-date__select--year",onChange:this.handleYearSelect},function(e,t){for(var i=[],s=e;s<=t;s++)i.push(s);return i}(u,_).map((t=>e("option",{key:t,selected:t===d},t)))),e("div",{class:"dso-date__select-label","aria-hidden":"true"},e("span",null,this.focusedDay.getFullYear()),e("dso-icon",{icon:"chevron-down"})))),e("div",{class:"dso-date__nav"},e("button",{class:"dso-date__prev",onClick:this.handlePreviousMonthClick,disabled:c,type:"button"},e("dso-icon",{icon:"chevron-left"}),e("span",{class:"dso-date__vhidden"},this.localization.prevMonthLabel)),e("button",{class:"dso-date__next",onClick:this.handleNextMonthClick,disabled:p,type:"button"},e("dso-icon",{icon:"chevron-right"}),e("span",{class:"dso-date__vhidden"},this.localization.nextMonthLabel)))),e(v,{selectedDate:t,focusedDate:this.focusedDay,onDateSelect:this.handleDaySelect,onKeyboardNavigation:this.handleKeyboardNavigation,labelledById:this.dialogLabelId,localization:this.localization,firstDayOfWeek:this.firstDayOfWeek,focusedDayRef:this.processFocusedDayNode,min:l,max:h})))))}get element(){return a(this)}};k.style=':host{display:block}.dso-date *,.dso-date *::before,.dso-date *::after{box-sizing:border-box}.dso-date{box-sizing:border-box;color:#191919;display:block;font-family:"Asap", sans-serif;margin:0;position:relative;text-align:left;width:100%}.dso-date__input{display:block;width:100%;height:40px;padding:6px 14px;font-size:16px;line-height:1.5;color:#191919;background-color:#fff;background-image:none;border:1px solid #275937;border-radius:4px;transition:border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s}.dso-date__input::-moz-placeholder{color:#666;opacity:1}.dso-date__input:-ms-input-placeholder{color:#666}.dso-date__input::-webkit-input-placeholder{color:#666}.dso-date__input::-ms-expand{background-color:transparent;border:0}.dso-date__input:focus{border-color:#275937;outline:0;box-shadow:inset 0 0 0 1px #275937}.dso-date__input[disabled],.dso-date__input[readonly],fieldset[disabled] .dso-date__input{background-color:#fff;opacity:1}.dso-date__input[disabled],fieldset[disabled] .dso-date__input{cursor:default}.dso-date__input[disabled]{border-color:#e5e5e5;color:#999}.dso-date__input[readonly]{border-width:1px}.dso-date__input[type=text]{line-height:40px}.dso-date__input[size]{width:auto}.dso-date__toggle{-moz-appearance:none;-webkit-appearance:none;-webkit-user-select:none;align-items:center;appearance:none;background:transparent;border:0;border-radius:0;border-bottom-right-radius:4px;border-top-right-radius:4px;color:#39870c;cursor:pointer;display:flex;height:38px;justify-content:center;padding:0;position:absolute;right:0;transform:translateY(-50%);top:50%;user-select:none;width:38px;z-index:2}.dso-date__toggle:disabled{color:#afcf9d;cursor:pointer}.dso-date__dialog{display:flex;right:0;min-width:320px;opacity:0;position:absolute;top:100%;transform:scale(0.96) translateZ(0) translateY(-20px);transform-origin:top right;transition:transform 300ms ease, opacity 300ms ease, visibility 300ms ease;visibility:hidden;will-change:transform, opacity, visibility;z-index:600}@media (max-width: 35.9375em){.dso-date__dialog{background:rgba(25, 25, 25, 0.5);bottom:0;position:fixed;left:0;right:0;top:0;transform:translateZ(0);transform-origin:bottom center}}.dso-date__dialog.is-left{left:auto;right:0;width:auto}.dso-date__dialog.is-active{opacity:1;transform:scale(1.0001) translateZ(0) translateY(0);visibility:visible}.dso-date__dialog-content{background:#fff;border:1px solid rgba(0, 0, 0, 0.1);border-radius:4px;box-shadow:0 8px 10px 1px rgba(0, 0, 0, 0.4);margin-left:auto;margin-right:-1px;margin-top:8px;max-width:310px;min-width:290px;padding:16px;position:relative;transform:none;width:100%;z-index:600}@media (max-width: 35.9375em){.dso-date__dialog-content{border:0;border-radius:0;border-top-left-radius:4px;border-top-right-radius:4px;bottom:0;left:0;margin:0;max-width:none;min-height:26em;opacity:0;padding:0 8% 20px;position:absolute;transform:translateZ(0) translateY(100%);transition:transform 400ms ease, opacity 400ms ease, visibility 400ms ease;visibility:hidden;will-change:transform, opacity, visibility}.is-active .dso-date__dialog-content{opacity:1;transform:translateZ(0) translateY(0);visibility:visible}}.dso-date__table{border-collapse:collapse;border-spacing:0;color:#191919;font-size:1rem;font-weight:400;line-height:1.25;min-width:280px;table-layout:fixed;text-align:center;width:100%}.dso-date__table-header{font-size:0.875em;font-weight:600;height:36px;line-height:36px;text-decoration:none;text-transform:uppercase}.dso-date__cell{height:40px;padding:1px;text-align:center;width:40px}.dso-date__day{-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;border-radius:50%;box-shadow:0 0 0 1px transparent;color:#191919;cursor:pointer;display:inline-block;font-family:"Asap", sans-serif;font-variant-numeric:tabular-nums;font-weight:400;height:38px;line-height:0;padding:0;position:relative;text-align:center;vertical-align:middle;width:38px;z-index:1}.dso-date__day.is-today{background:transparent;height:36px;box-shadow:0 0 0 1px #39870c;width:36px}.dso-date__day:hover,.dso-date__day:active{background:#39870c;color:#fff}.dso-date__day:focus{background:transparent;box-shadow:0 0 0 2px #275937;color:#191919;height:34px;outline:0;width:34px}[aria-selected=true] .dso-date__day{background:#39870c;color:#fff}[aria-selected=true] .dso-date__day:focus{background:transparent}[aria-selected=true] .dso-date__day:focus span[aria-hidden=true]{background:#39870c;border:1px solid #fff;line-height:32px}.dso-date__day.is-outside{background:#f2f2f2;box-shadow:none;color:#666;cursor:default;pointer-events:none}.dso-date__day.is-disabled{background:#fff;cursor:default}.dso-date__day.is-disabled:hover{color:#666}.dso-date__day span[aria-hidden=true]{border-radius:50%;display:inline-block;height:34px;line-height:34px;width:34px}.dso-date__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px;width:100%}.dso-date__header span{font-size:0.875rem}.dso-date__nav{white-space:nowrap}.dso-date__prev,.dso-date__next{-moz-appearance:none;-webkit-appearance:none;align-items:center;appearance:none;background:transparent;border:1px solid #39870c;border-radius:4px;box-sizing:border-box;color:#39870c;cursor:pointer;display:inline-flex;font-size:1em;height:32px;justify-content:center;margin-left:8px;padding:0;width:32px}@media (max-width: 35.9375em){.dso-date__prev,.dso-date__next{height:40px;width:40px}}.dso-date__prev:hover,.dso-date__prev:active,.dso-date__next:hover,.dso-date__next:active{background-color:#39870c;color:#fff}.dso-date__prev:focus,.dso-date__next:focus{background:transparent;color:#39870c}.dso-date__prev:disabled,.dso-date__prev:disabled:hover,.dso-date__next:disabled,.dso-date__next:disabled:hover{background-color:#fff;border-color:#afcf9d;color:#afcf9d;opacity:1}.dso-date__prev svg,.dso-date__next svg{margin:0 auto}.dso-date__select{display:inline-flex;height:28px;line-height:28px;position:relative}.dso-date__select span{margin-right:4px}.dso-date__select select{color:#275937;cursor:pointer;font-size:1rem;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:2}.dso-date__select select:focus+.dso-date__select-label{box-shadow:0 0 0 2px #275937}.dso-date__select select:disabled{color:#afcf9d}.dso-date__select-label{align-items:center;border-radius:4px;color:#39870c;display:flex;padding:0 4px 0 8px;pointer-events:none;position:relative;width:100%;z-index:1}.dso-date__select-label span{font-size:1.25rem;font-weight:600;line-height:1.25}.dso-date__select-label svg{width:16px;height:16px}.dso-date__mobile{align-items:center;border-bottom:1px solid rgba(0, 0, 0, 0.12);display:flex;font-size:1em;justify-content:space-between;margin-bottom:20px;margin-left:-10%;overflow:hidden;padding:12px 20px;position:relative;text-overflow:ellipsis;white-space:nowrap;width:120%}@media (min-width: 36em){.dso-date__mobile{border:0;margin:0;overflow:visible;padding:0;position:absolute;right:-16px;top:-16px;width:auto}}.dso-date__mobile-heading{display:inline-block;font-weight:600;max-width:84%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (min-width: 36em){.dso-date__mobile-heading{display:none}}.dso-date__close{-webkit-appearance:none;align-items:center;appearance:none;background-color:#fff;border:0;border-radius:50%;color:#39870c;cursor:pointer;display:flex;font-size:1em;height:32px;justify-content:center;margin-right:-4px;padding:0;width:32px}@media (min-width: 36em){.dso-date__close{margin-right:0;opacity:0}}.dso-date__close:focus{box-shadow:0 0 0 2px #275937;outline:none}@media (min-width: 36em){.dso-date__close:focus{opacity:1}}.dso-date__vhidden{border:0;clip:rect(1px, 1px, 1px, 1px);height:1px;overflow:hidden;padding:0;position:absolute;top:0;width:1px}';export{k as dso_date_picker}