@dso-toolkit/core 32.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.
- package/dist/cjs/dso-autosuggest.cjs.entry.js +7 -71
- package/dist/cjs/dso-date-picker.cjs.entry.js +10 -10
- package/dist/cjs/dso-dropdown-menu.cjs.entry.js +16 -2
- package/dist/cjs/dso-header.cjs.entry.js +101 -0
- package/dist/cjs/dso-info-button.cjs.entry.js +1 -1
- package/dist/cjs/dso-label.cjs.entry.js +1 -1
- package/dist/cjs/dso-map-base-layers.cjs.entry.js +3 -4
- package/dist/cjs/dso-map-controls.cjs.entry.js +2 -2
- package/dist/cjs/dso-map-overlays.cjs.entry.js +5 -8
- package/dist/cjs/dso-toggletip.cjs.entry.js +2 -1
- package/dist/cjs/dso-toolkit.cjs.js +1 -1
- package/dist/cjs/dso-tooltip.cjs.entry.js +168 -75
- package/dist/cjs/dso-tree-view.cjs.entry.js +5 -4
- package/dist/cjs/index-794ad37a.js +72 -0
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +1 -0
- package/dist/collection/components/autosuggest/autosuggest.js +19 -1
- package/dist/collection/components/autosuggest/autosuggest.template.js +2 -1
- package/dist/collection/components/date-picker/date-picker.js +10 -10
- package/dist/collection/components/dropdown-menu/dropdown-menu.css +4 -0
- package/dist/collection/components/dropdown-menu/dropdown-menu.js +15 -1
- package/dist/collection/components/header/header.css +439 -0
- package/dist/collection/components/header/header.js +294 -0
- package/dist/collection/components/header/header.template.js +32 -0
- package/dist/collection/components/info-button/info-button.css +1 -0
- package/dist/collection/components/label/label.js +2 -1
- package/dist/collection/components/map-base-layers/map-base-layers.js +6 -27
- package/dist/collection/components/map-controls/map-controls.css +18 -8
- package/dist/collection/components/map-controls/map-controls.js +10 -11
- package/dist/collection/components/map-controls/map-controls.template.js +5 -8
- package/dist/collection/components/map-overlays/map-overlays.js +9 -35
- package/dist/collection/components/toggletip/toggletip.css +4 -0
- package/dist/collection/components/toggletip/toggletip.js +1 -0
- package/dist/collection/components/tooltip/tooltip.css +34 -12
- package/dist/collection/components/tooltip/tooltip.js +19 -4
- package/dist/collection/components/tooltip/tooltip.template.js +3 -5
- package/dist/collection/components/tree-view/tree-item.js +3 -2
- package/dist/collection/components/tree-view/tree-view.css +33 -5
- package/dist/collection/components/tree-view/tree-view.js +11 -11
- package/dist/custom-elements/index.d.ts +6 -0
- package/dist/custom-elements/index.js +318 -114
- package/dist/dso-toolkit/dso-toolkit.esm.js +1 -1
- package/dist/dso-toolkit/p-0a08ac9f.entry.js +1 -0
- package/dist/dso-toolkit/p-1805f5b0.js +1 -0
- package/dist/dso-toolkit/p-22bc904d.entry.js +1 -0
- package/dist/dso-toolkit/{p-5665f1ee.entry.js → p-4a78a31b.entry.js} +1 -1
- package/dist/dso-toolkit/p-72e4484a.entry.js +1 -0
- package/dist/dso-toolkit/p-7a043467.entry.js +1 -0
- package/dist/dso-toolkit/{p-e2dc97c4.entry.js → p-984551a8.entry.js} +1 -1
- package/dist/dso-toolkit/{p-12f7e7d7.entry.js → p-99b93d2e.entry.js} +1 -1
- package/dist/dso-toolkit/p-b3e6d377.entry.js +1 -0
- package/dist/dso-toolkit/p-da3be034.entry.js +1 -0
- package/dist/dso-toolkit/p-e814d644.entry.js +1 -0
- package/dist/dso-toolkit/p-ec8b74f7.entry.js +1 -0
- package/dist/dso-toolkit/p-ff767c21.entry.js +1 -0
- package/dist/esm/dso-autosuggest.entry.js +6 -70
- package/dist/esm/dso-date-picker.entry.js +10 -10
- package/dist/esm/dso-dropdown-menu.entry.js +16 -2
- package/dist/esm/dso-header.entry.js +97 -0
- package/dist/esm/dso-info-button.entry.js +1 -1
- package/dist/esm/dso-label.entry.js +1 -1
- package/dist/esm/dso-map-base-layers.entry.js +3 -4
- package/dist/esm/dso-map-controls.entry.js +2 -2
- package/dist/esm/dso-map-overlays.entry.js +5 -8
- package/dist/esm/dso-toggletip.entry.js +2 -1
- package/dist/esm/dso-toolkit.js +1 -1
- package/dist/esm/dso-tooltip.entry.js +168 -75
- package/dist/esm/dso-tree-view.entry.js +5 -4
- package/dist/esm/index-f2bf58ce.js +70 -0
- package/dist/esm/loader.js +1 -1
- package/dist/types/components/autosuggest/autosuggest.d.ts +5 -0
- package/dist/types/components/autosuggest/autosuggest.template.d.ts +1 -1
- package/dist/types/components/dropdown-menu/dropdown-menu.d.ts +1 -0
- package/dist/types/components/header/header.d.ts +36 -0
- package/dist/types/components/header/header.template.d.ts +2 -0
- package/dist/types/components/map-base-layers/map-base-layers.d.ts +3 -4
- package/dist/types/components/map-base-layers/map-base-layers.interfaces.d.ts +5 -1
- package/dist/types/components/map-controls/map-controls.template.d.ts +1 -1
- package/dist/types/components/map-overlays/map-overlays.d.ts +4 -4
- package/dist/types/components/map-overlays/map-overlays.interfaces.d.ts +6 -1
- package/dist/types/components/tooltip/tooltip.d.ts +1 -0
- package/dist/types/components/tree-view/tree-item.d.ts +4 -4
- package/dist/types/components/tree-view/tree-view.d.ts +12 -9
- package/dist/types/components/tree-view/tree-view.interfaces.d.ts +14 -4
- package/dist/types/components/tree-view/tree-view.template.d.ts +1 -1
- package/dist/types/components.d.ts +45 -15
- package/package.json +3 -9
- package/dist/dso-toolkit/p-08427682.entry.js +0 -1
- package/dist/dso-toolkit/p-39dae284.entry.js +0 -1
- package/dist/dso-toolkit/p-759920d0.entry.js +0 -1
- package/dist/dso-toolkit/p-9e9f8bcf.entry.js +0 -1
- package/dist/dso-toolkit/p-ad8f467f.entry.js +0 -1
- package/dist/dso-toolkit/p-e03d7741.entry.js +0 -1
- package/dist/dso-toolkit/p-e4269e02.entry.js +0 -1
- package/dist/dso-toolkit/p-e7700d9e.entry.js +0 -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
|
-
|
|
6
|
-
|
|
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[]>;
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { FunctionalComponent } from '../../stencil-public-runtime';
|
|
2
2
|
import { TreeViewItem } from '@dso-toolkit/sources';
|
|
3
3
|
import { TreeView } from './tree-view';
|
|
4
|
-
interface TreeViewItemProps
|
|
4
|
+
interface TreeViewItemProps {
|
|
5
5
|
owner: TreeView;
|
|
6
|
-
ancestors: TreeViewItem
|
|
7
|
-
item: TreeViewItem
|
|
6
|
+
ancestors: TreeViewItem[];
|
|
7
|
+
item: TreeViewItem;
|
|
8
8
|
index: number;
|
|
9
9
|
level: number;
|
|
10
10
|
setSize: number;
|
|
11
11
|
}
|
|
12
|
-
export declare const DsoTreeItem: FunctionalComponent<TreeViewItemProps
|
|
12
|
+
export declare const DsoTreeItem: FunctionalComponent<TreeViewItemProps>;
|
|
13
13
|
export {};
|
|
@@ -1,32 +1,35 @@
|
|
|
1
|
-
import { ComponentInterface,
|
|
2
|
-
import { TreeViewItem } from './tree-view.interfaces';
|
|
1
|
+
import { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
|
|
2
|
+
import { TreeViewPointerEvent, TreeViewItem } from './tree-view.interfaces';
|
|
3
3
|
export declare class TreeView implements ComponentInterface {
|
|
4
4
|
/**
|
|
5
5
|
* The collection of TreeViewItems
|
|
6
6
|
*/
|
|
7
|
-
collection: TreeViewItem
|
|
7
|
+
collection: TreeViewItem[];
|
|
8
8
|
/**
|
|
9
9
|
* Emitted when a tree view item is opened.
|
|
10
10
|
* The `detail` property of the `CustomEvent` will contain the complete path of TreeViewItems from the
|
|
11
11
|
* root to the item that is emitting the open event. The consumer of the event is responsible for updating
|
|
12
12
|
* the TreeView's collection (usually set the open state on the last TreeViewItem in path).
|
|
13
13
|
*/
|
|
14
|
-
openItem: EventEmitter<TreeViewItem
|
|
14
|
+
openItem: EventEmitter<TreeViewItem[]>;
|
|
15
15
|
/**
|
|
16
16
|
* Emitted when a tree view item is closed.
|
|
17
17
|
* The `detail` property of the `CustomEvent` will contain the complete path of TreeViewItems from the
|
|
18
18
|
* root to the item that is emitting the close event. The consumer of the event is responsible for updating
|
|
19
19
|
* the TreeView's collection (usually set the closed state on the last TreeViewItem in path).
|
|
20
20
|
*/
|
|
21
|
-
closeItem: EventEmitter<TreeViewItem
|
|
21
|
+
closeItem: EventEmitter<TreeViewItem[]>;
|
|
22
22
|
/**
|
|
23
23
|
* Emitted when a tree view item is clicked.
|
|
24
|
-
* The `detail` property of the `CustomEvent` will contain
|
|
25
|
-
* root to the item that is emitting the clicked event.
|
|
24
|
+
* The `detail` property of the `CustomEvent` will contain an object with:
|
|
25
|
+
* `path` = the complete path of TreeViewItems from the root to the item that is emitting the clicked event.
|
|
26
|
+
* `originalEvent` = the original click event.
|
|
27
|
+
* The consumer of the event is responsible for updating the TreeView's collection (usually set the active
|
|
28
|
+
* state on the last TreeViewItem in path and clear all other active item states).
|
|
26
29
|
*/
|
|
27
|
-
clickItem: EventEmitter<
|
|
30
|
+
clickItem: EventEmitter<TreeViewPointerEvent>;
|
|
28
31
|
keyDownListener: (event: KeyboardEvent) => void;
|
|
29
|
-
itemClick: (event:
|
|
32
|
+
itemClick: (event: MouseEvent, ancestors: TreeViewItem[], item: TreeViewItem) => void;
|
|
30
33
|
private static setFocus;
|
|
31
34
|
private static moveFocus;
|
|
32
35
|
private static expandItemOrFocusChild;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
export interface TreeViewItem
|
|
2
|
-
/** The
|
|
3
|
-
|
|
1
|
+
export interface TreeViewItem {
|
|
2
|
+
/** The id of the item */
|
|
3
|
+
id: string;
|
|
4
4
|
/** The label of the item */
|
|
5
5
|
label: string;
|
|
6
6
|
/** The optional href of the item (creates a link) */
|
|
@@ -8,11 +8,15 @@ export interface TreeViewItem<T> {
|
|
|
8
8
|
/** Indicates whether the item has children */
|
|
9
9
|
hasItems: boolean;
|
|
10
10
|
/** The array of child items */
|
|
11
|
-
items?: TreeViewItem
|
|
11
|
+
items?: TreeViewItem[];
|
|
12
12
|
/** Indicates whether the node is open and child items are shown */
|
|
13
13
|
open?: boolean;
|
|
14
14
|
/** Indicates the node is loading child items */
|
|
15
15
|
loading?: boolean;
|
|
16
|
+
/** Indicates the node is active, only one item should be active */
|
|
17
|
+
active?: boolean;
|
|
18
|
+
/** Indicates the node is selected, multiple items can be selected */
|
|
19
|
+
selected?: boolean;
|
|
16
20
|
/** An optional array of icons */
|
|
17
21
|
icons?: TreeViewItemIcon[];
|
|
18
22
|
}
|
|
@@ -22,3 +26,9 @@ export interface TreeViewItemIcon {
|
|
|
22
26
|
/** The label for the icon */
|
|
23
27
|
label: string;
|
|
24
28
|
}
|
|
29
|
+
export interface TreeViewPointerEvent {
|
|
30
|
+
/** The path to the clicked item */
|
|
31
|
+
path: TreeViewItem[];
|
|
32
|
+
/** The original pointer event */
|
|
33
|
+
originalEvent: MouseEvent;
|
|
34
|
+
}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { TreeView } from '@dso-toolkit/sources';
|
|
2
|
-
export declare function treeViewTemplate({ collection, onOpenItem, onCloseItem, onClickItem }: TreeView
|
|
2
|
+
export declare function treeViewTemplate({ collection, onOpenItem, onCloseItem, onClickItem }: TreeView): import("lit-html").TemplateResult<1>;
|
|
@@ -7,12 +7,13 @@
|
|
|
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
|
-
import { TreeViewItem } from "./components/tree-view/tree-view.interfaces";
|
|
16
|
+
import { TreeViewItem, TreeViewPointerEvent } from "./components/tree-view/tree-view.interfaces";
|
|
16
17
|
export namespace Components {
|
|
17
18
|
interface DsoAlert {
|
|
18
19
|
/**
|
|
@@ -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 {
|
|
@@ -221,7 +230,7 @@ export namespace Components {
|
|
|
221
230
|
/**
|
|
222
231
|
* The collection of TreeViewItems
|
|
223
232
|
*/
|
|
224
|
-
"collection": TreeViewItem
|
|
233
|
+
"collection": TreeViewItem[];
|
|
225
234
|
}
|
|
226
235
|
}
|
|
227
236
|
declare global {
|
|
@@ -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;
|
|
@@ -408,6 +424,10 @@ declare namespace LocalJSX {
|
|
|
408
424
|
* This is emitted debounced for every change for the slotted input type=text element.
|
|
409
425
|
*/
|
|
410
426
|
"onDsoChange"?: (event: CustomEvent<string>) => void;
|
|
427
|
+
/**
|
|
428
|
+
* Emitted when enter is pressed. The `detail` property of the `CustomEvent` will contain the input text.
|
|
429
|
+
*/
|
|
430
|
+
"onDsoSearch"?: (event: CustomEvent<string>) => void;
|
|
411
431
|
/**
|
|
412
432
|
* Emitted when a suggestion is selected. The `detail` property of the `CustomEvent` will contain the selected suggestion.
|
|
413
433
|
*/
|
|
@@ -503,6 +523,16 @@ declare namespace LocalJSX {
|
|
|
503
523
|
*/
|
|
504
524
|
"open"?: boolean;
|
|
505
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
|
+
}
|
|
506
536
|
interface DsoHelpcenterPanel {
|
|
507
537
|
"label"?: string;
|
|
508
538
|
"url": string;
|
|
@@ -536,8 +566,7 @@ declare namespace LocalJSX {
|
|
|
536
566
|
}
|
|
537
567
|
interface DsoMapBaseLayers {
|
|
538
568
|
"baseLayers": BaseLayer[];
|
|
539
|
-
"onBaseLayerChange"?: (event: CustomEvent<
|
|
540
|
-
"selectedBaseLayer"?: BaseLayer | undefined;
|
|
569
|
+
"onBaseLayerChange"?: (event: CustomEvent<BaseLayerChangeEvent>) => void;
|
|
541
570
|
}
|
|
542
571
|
interface DsoMapControls {
|
|
543
572
|
"disableZoom"?: 'in' | 'out' | 'both';
|
|
@@ -546,8 +575,7 @@ declare namespace LocalJSX {
|
|
|
546
575
|
"open"?: boolean;
|
|
547
576
|
}
|
|
548
577
|
interface DsoMapOverlays {
|
|
549
|
-
"
|
|
550
|
-
"onCheckedOverlaysChange"?: (event: CustomEvent<Overlay[]>) => void;
|
|
578
|
+
"onToggleOverlay"?: (event: CustomEvent<OverlayChangeEvent>) => void;
|
|
551
579
|
"overlays": Overlay[];
|
|
552
580
|
}
|
|
553
581
|
interface DsoOzonContent {
|
|
@@ -614,19 +642,19 @@ declare namespace LocalJSX {
|
|
|
614
642
|
/**
|
|
615
643
|
* The collection of TreeViewItems
|
|
616
644
|
*/
|
|
617
|
-
"collection": TreeViewItem
|
|
645
|
+
"collection": TreeViewItem[];
|
|
618
646
|
/**
|
|
619
|
-
* Emitted when a tree view item is clicked. The `detail` property of the `CustomEvent` will contain the complete path of TreeViewItems from the root to the item that is emitting the clicked event.
|
|
647
|
+
* Emitted when a tree view item is clicked. The `detail` property of the `CustomEvent` will contain an object with: `path` = the complete path of TreeViewItems from the root to the item that is emitting the clicked event. `originalEvent` = the original click event. The consumer of the event is responsible for updating the TreeView's collection (usually set the active state on the last TreeViewItem in path and clear all other active item states).
|
|
620
648
|
*/
|
|
621
|
-
"onClickItem"?: (event: CustomEvent<
|
|
649
|
+
"onClickItem"?: (event: CustomEvent<TreeViewPointerEvent>) => void;
|
|
622
650
|
/**
|
|
623
651
|
* Emitted when a tree view item is closed. The `detail` property of the `CustomEvent` will contain the complete path of TreeViewItems from the root to the item that is emitting the close event. The consumer of the event is responsible for updating the TreeView's collection (usually set the closed state on the last TreeViewItem in path).
|
|
624
652
|
*/
|
|
625
|
-
"onCloseItem"?: (event: CustomEvent<TreeViewItem
|
|
653
|
+
"onCloseItem"?: (event: CustomEvent<TreeViewItem[]>) => void;
|
|
626
654
|
/**
|
|
627
655
|
* Emitted when a tree view item is opened. The `detail` property of the `CustomEvent` will contain the complete path of TreeViewItems from the root to the item that is emitting the open event. The consumer of the event is responsible for updating the TreeView's collection (usually set the open state on the last TreeViewItem in path).
|
|
628
656
|
*/
|
|
629
|
-
"onOpenItem"?: (event: CustomEvent<TreeViewItem
|
|
657
|
+
"onOpenItem"?: (event: CustomEvent<TreeViewItem[]>) => void;
|
|
630
658
|
}
|
|
631
659
|
interface IntrinsicElements {
|
|
632
660
|
"dso-alert": DsoAlert;
|
|
@@ -636,6 +664,7 @@ declare namespace LocalJSX {
|
|
|
636
664
|
"dso-banner": DsoBanner;
|
|
637
665
|
"dso-date-picker": DsoDatePicker;
|
|
638
666
|
"dso-dropdown-menu": DsoDropdownMenu;
|
|
667
|
+
"dso-header": DsoHeader;
|
|
639
668
|
"dso-helpcenter-panel": DsoHelpcenterPanel;
|
|
640
669
|
"dso-highlight-box": DsoHighlightBox;
|
|
641
670
|
"dso-icon": DsoIcon;
|
|
@@ -665,6 +694,7 @@ declare module "@stencil/core" {
|
|
|
665
694
|
"dso-banner": LocalJSX.DsoBanner & JSXBase.HTMLAttributes<HTMLDsoBannerElement>;
|
|
666
695
|
"dso-date-picker": LocalJSX.DsoDatePicker & JSXBase.HTMLAttributes<HTMLDsoDatePickerElement>;
|
|
667
696
|
"dso-dropdown-menu": LocalJSX.DsoDropdownMenu & JSXBase.HTMLAttributes<HTMLDsoDropdownMenuElement>;
|
|
697
|
+
"dso-header": LocalJSX.DsoHeader & JSXBase.HTMLAttributes<HTMLDsoHeaderElement>;
|
|
668
698
|
"dso-helpcenter-panel": LocalJSX.DsoHelpcenterPanel & JSXBase.HTMLAttributes<HTMLDsoHelpcenterPanelElement>;
|
|
669
699
|
"dso-highlight-box": LocalJSX.DsoHighlightBox & JSXBase.HTMLAttributes<HTMLDsoHighlightBoxElement>;
|
|
670
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": "
|
|
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",
|
|
@@ -18,9 +18,7 @@
|
|
|
18
18
|
"clear": "rimraf dist && rimraf loader",
|
|
19
19
|
"build": "stencil build",
|
|
20
20
|
"start": "yarn clear && cross-env DSO_ENV=development yarn node scripts/start.js",
|
|
21
|
-
"test-storybook-static": "start-server-and-test 'http-server --silent --port 56106 www' http://localhost:56106 'cypress run'",
|
|
22
21
|
"watch": "yarn clear && cross-env DSO_ENV=development yarn node scripts/watch.js",
|
|
23
|
-
"cypress": "yarn clear && cross-env DSO_ENV=cypress yarn node scripts/cypress.js",
|
|
24
22
|
"build-www": "cross-env DSO_ENV=production yarn bin_build-storybook --static-dir ./dist --output-dir ./www",
|
|
25
23
|
"bin_stencil": "stencil",
|
|
26
24
|
"bin_start-storybook": "start-storybook",
|
|
@@ -30,7 +28,7 @@
|
|
|
30
28
|
"devDependencies": {
|
|
31
29
|
"@babel/core": "^7.15.8",
|
|
32
30
|
"@dso-toolkit/sources": "0.0.0",
|
|
33
|
-
"@popperjs/core": "^2.
|
|
31
|
+
"@popperjs/core": "^2.11.2",
|
|
34
32
|
"@stencil/core": "2.9.0",
|
|
35
33
|
"@stencil/react-output-target": "0.1.0",
|
|
36
34
|
"@stencil/sass": "1.5.2",
|
|
@@ -50,20 +48,16 @@
|
|
|
50
48
|
"clsx": "1.1.1",
|
|
51
49
|
"concurrently": "^6.3.0",
|
|
52
50
|
"cross-env": "^7.0.3",
|
|
53
|
-
"cypress": "^8.6.0",
|
|
54
|
-
"cypress-axe": "^0.13.0",
|
|
55
|
-
"cypress-real-events": "^1.5.1",
|
|
56
51
|
"debounce": "^1.2.1",
|
|
57
52
|
"escape-string-regexp": "^5.0.0",
|
|
58
53
|
"http-proxy-middleware": "^2.0.1",
|
|
59
|
-
"http-server": "^13.0.2",
|
|
60
54
|
"lit-html": "^2.0.1",
|
|
61
55
|
"mini-svg-data-uri": "1.4.3",
|
|
62
56
|
"minimist": "^1.2.5",
|
|
57
|
+
"popper-max-size-modifier": "^0.2.0",
|
|
63
58
|
"react": "^17.0.2",
|
|
64
59
|
"react-dom": "^17.0.2",
|
|
65
60
|
"rimraf": "^3.0.2",
|
|
66
|
-
"start-server-and-test": "^1.14.0",
|
|
67
61
|
"stencil-inline-svg": "1.1.0",
|
|
68
62
|
"tabbable": "^5.2.1",
|
|
69
63
|
"typescript": "4.4.4",
|
|
@@ -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 o}from"./p-a40eeb32.js";import{v as a}from"./p-19b890a3.js";function h(t,s,i){var e,o,a,h,n;function r(){var c=Date.now()-h;c<s&&c>=0?e=setTimeout(r,s-c):(e=null,i||(n=t.apply(a,o),a=o=null))}null==s&&(s=100);var c=function(){a=this,o=arguments,h=Date.now();var c=i&&!e;return e||(e=setTimeout(r,s)),c&&(n=t.apply(a,o),a=o=null),n};return c.clear=function(){e&&(clearTimeout(e),e=null)},c.flush=function(){e&&(n=t.apply(a,o),a=o=null,clearTimeout(e),e=null)},c}h.debounce=h;var n=h;let r=class{constructor(i){t(this,i),this.selectEmitter=s(this,"dsoSelect",7),this.changeEmitter=s(this,"dsoChange",7),this.suggestions=[],this.suggestOnFocus=!1,this.showSuggestions=!1,this.listboxId=a(),this.inputId=a(),this.labelId=a(),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.selectEmitter.emit(this.selectedSuggestion),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 o(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 +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 l,h as s}from"./p-a40eeb32.js";import{c as r}from"./p-4070c1e5.js";let e=class{constructor(s){o(this,s),this.removeClick=l(this,"removeClick",7)}render(){const o=this.status&&e.statusMap.get(this.status);return s("span",{class:r("dso-label",{[`dso-label-${this.status}`]:this.status,"dso-compact":this.compact&&!this.removable,"dso-hover":this.hover})},s("slot",{name:"symbol"}),o&&s("span",{class:"sr-only"},o,": "),s("slot",null),this.removable&&s("button",{type:"button",onClick:o=>this.removeClick.emit(o),title:"Verwijder",onMouseEnter:()=>this.hover=!0,onMouseLeave:()=>this.hover=!1},s("dso-icon",{icon:"times"})))}};e.statusMap=new Map([["info","Opmerking"],["success","Gelukt"],["warning","Waarschuwing"],["danger","Fout"]]),e.style=":host{display:inline-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}.dso-label{background-color:#f2f2f2;border-radius:4px;color:#191919;display:inline-block;line-height:1.5}.dso-label:not(.dso-label-bright){padding:4px 8px}.dso-label:focus-within,.dso-label.dso-hover{text-decoration:line-through}.dso-label button{background:none;border:0;border-radius:0 4px 4px 0;color:inherit;float:right;font-size:16px;margin-bottom:-4px;margin-left:8px;margin-right:-4px;margin-top:0;padding:0}.dso-label button:hover{cursor:pointer}.dso-label button>dso-icon,.dso-label button>svg.di{display:block}.dso-label.dso-compact{border:0;padding:0 8px}.dso-label.dso-label-info{background-color:#6ca4d9;color:#191919}.dso-label.dso-label-primary{background-color:#275937;color:#fff}.dso-label.dso-label-success{background-color:#39870c;color:#fff}.dso-label.dso-label-warning{background-color:#dcd400;color:#191919}.dso-label.dso-label-danger{background-color:#ce3f51;color:#fff}.dso-label.dso-label-bright{background-color:#fff;color:#191919;border:1px solid #ccc;padding:3px 7px}";export{e as dso_label}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{h as e,F as t,r as o,c as n}from"./p-a40eeb32.js";import{c as r}from"./p-4070c1e5.js";const i=({owner:o,ancestors:n,item:s,index:a,level:l,setSize:c})=>{var d,u,v;return e("li",{key:s.reference,class:r("tree-item",{"has-child":s.hasItems}),role:"none"},e("div",{class:"tree-branch-control"},s.hasItems?e("div",{onClick:e=>o.itemClick(e,n,s)},e("dso-icon",{icon:s.open?"chevron-down":"chevron-right"})):e("dso-icon",null)),e("p",{class:"tree-content",tabindex:1===l&&0===a?0:-1,role:"treeitem","aria-expanded":s.hasItems?""+(!!s.open&&!!(null===(d=s.items)||void 0===d?void 0:d.length)):void 0,"aria-level":l,"aria-setsize":c,"aria-posinset":a+1,"aria-busy":s.loading?"true":void 0,onClick:e=>o.itemClick(e,n,s)},s.href?e("a",{href:s.href,tabindex:"-1"},s.label):e("span",null,s.label),null===(u=s.icons)||void 0===u?void 0:u.map((t=>e("dso-icon",{icon:t.icon,title:t.label})))),s.open&&e(t,null,s.hasItems&&!s.items&&s.loading?e("dso-progress-indicator",{size:"small",label:"Resultaten laden: een moment geduld alstublieft."}):e("ul",{role:"group"},null===(v=s.items)||void 0===v?void 0:v.map(((t,r,a)=>e(i,{owner:o,ancestors:[...n,s],item:t,index:r,level:l+1,setSize:a.length}))))))};let s=class{constructor(e){o(this,e),this.openItem=n(this,"openItem",7),this.closeItem=n(this,"closeItem",7),this.clickItem=n(this,"clickItem",7),this.keyDownListener=e=>{if(e.defaultPrevented)return;const t=e.composedPath().find((e=>e instanceof HTMLElement&&"dso-tree"===e.className));if(e.target instanceof HTMLParagraphElement&&t instanceof HTMLElement){switch(e.key){case"ArrowDown":s.moveFocus(t,e.target,"next");break;case"ArrowUp":s.moveFocus(t,e.target,"previous");break;case"ArrowRight":s.expandItemOrFocusChild(t,e.target);break;case"ArrowLeft":s.collapseItemOrFocusParent(t,e.target);break;case"End":s.moveFocus(t,e.target,"last");break;case"Home":s.moveFocus(t,e.target,"first");break;case"Enter":case" ":e.target.click();break;default:if(1===(o=e.key).length&&o.match(/\S/)&&s.setFocusByFirstCharacter(t,e.target,e.key,e.shiftKey))break;return}var o;e.preventDefault()}},this.itemClick=(e,t,o)=>{if(!(e.target instanceof HTMLElement))return;const n=e.target.closest(".tree-content");if(n){const r=e.composedPath().find((e=>e instanceof HTMLElement&&"dso-tree"===e.className));if(!(n instanceof HTMLParagraphElement&&r instanceof HTMLElement))return;return s.setFocus(r,n),void this.clickItem.emit([...t,o])}o.open?this.closeItem.emit([...t,o]):this.openItem.emit([...t,o])}}static setFocus(e,t){t&&(Array.from(e.querySelectorAll("p")).filter((e=>0===e.tabIndex)).forEach((e=>e.tabIndex=-1)),t.tabIndex=0,t.focus())}static moveFocus(e,t,o){const n=Array.from(e.querySelectorAll("p")).filter((e=>e.offsetWidth>0&&e.offsetHeight>0));let r=0;switch(o){case"first":r=0;break;case"previous":r=n.indexOf(t)-1;break;case"next":r=n.indexOf(t)+1;break;case"last":r=n.length-1}s.setFocus(e,n[r])}static expandItemOrFocusChild(e,t){var o;if("true"===(null==t?void 0:t.getAttribute("aria-expanded")))s.moveFocus(e,t,"next");else{const e=null===(o=t.previousElementSibling)||void 0===o?void 0:o.firstElementChild;e instanceof HTMLElement&&e.click()}}static collapseItemOrFocusParent(e,t){var o,n,r;if("true"===(null==t?void 0:t.getAttribute("aria-expanded"))){const e=null===(o=t.previousElementSibling)||void 0===o?void 0:o.firstElementChild;e instanceof HTMLElement&&e.click()}else{const o=null===(r=null===(n=null==t?void 0:t.parentElement)||void 0===n?void 0:n.parentElement)||void 0===r?void 0:r.previousElementSibling;o instanceof HTMLElement&&s.setFocus(e,o)}}static setFocusByFirstCharacter(e,t,o,n){const r=Array.from(e.querySelectorAll("p")).filter((e=>e.offsetWidth>0&&e.offsetHeight>0));n&&r.reverse();const i=r.indexOf(t);o=o.toLowerCase();let a=r.find(((e,t)=>{var n;return t>i&&(null===(n=e.textContent)||void 0===n?void 0:n.toLowerCase().startsWith(o))}));return a||(a=r.find(((e,t)=>{var n;return t<i&&(null===(n=e.textContent)||void 0===n?void 0:n.toLowerCase().startsWith(o))}))),!!a&&(s.setFocus(e,a),!0)}render(){var t;return e("div",{id:"tree",class:"dso-tree",onKeyDown:e=>this.keyDownListener(e)},e("ul",{role:"tree","aria-label":"Objectenboom"},null===(t=this.collection)||void 0===t?void 0:t.map(((t,o)=>e(i,{owner:this,ancestors:[],item:t,index:o,level:1,setSize:this.collection.length})))))}};s.style=":host ul{list-style-type:none}:host ul[role=tree]{padding-left:0}:host li[role=treeitem]>ul{padding-left:1.5em}:host .tree-branch-control{cursor:pointer;display:inline-block}:host .tree-content{cursor:pointer;display:inline-block;margin:8px 0}:host .tree-content a,:host .tree-content a:visited{color:#39870c;text-decoration:none}:host .tree-content a:hover,:host .tree-content a:focus{color:#676cb0;text-decoration:underline}:host .tree-content a:active{text-decoration:none}:host .tree-content dso-icon{vertical-align:text-bottom;font-size:0.75em;margin-left:0.5em}*,*::after,*::before{box-sizing:border-box}";export{s as dso_tree_view}
|
|
@@ -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=>{const t=e.target;t.value=t.value.replace(w,""),this.setValue(t.value)},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=this.value=r(t.valueAsDate):this.value="",!t.valueAsDate&&this.required&&(t.error="required"),t.value&&!t.valueAsDate&&(t.error="invalid"),this.dateChange.emit(t)}componentDidLoad(){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:i,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}
|
|
@@ -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}
|