@ndwnu/design-system 10.0.0 → 10.0.1
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.
|
@@ -2522,22 +2522,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImpor
|
|
|
2522
2522
|
}], ctorParameters: () => [] });
|
|
2523
2523
|
|
|
2524
2524
|
const MAP_BACKGROUND_IMAGES = {
|
|
2525
|
-
OSM_DEFAULT: '
|
|
2526
|
-
OSM_BASIC: '
|
|
2527
|
-
OSM_COLOR_BLIND: '
|
|
2528
|
-
OSM_DARK: '
|
|
2529
|
-
OSM_NO_ROADS: '
|
|
2530
|
-
OSM_FCD_LINKS: '
|
|
2531
|
-
OSM_FCD_ROADS: '
|
|
2532
|
-
OSM_FCD_SEGMENTS: '
|
|
2533
|
-
OSM_MST: '
|
|
2534
|
-
OSM_NWB_ROADS_WHITE: '
|
|
2535
|
-
OSM_NWB_ROADS: '
|
|
2536
|
-
OSM_DEFAULT_FULL: '
|
|
2537
|
-
OSM_FRONT_DARK: '
|
|
2538
|
-
OSM_FRONT_LIGHT_NWB: '
|
|
2539
|
-
OSM_FRONT_LIGHT: '
|
|
2540
|
-
OSM_GREEN: '
|
|
2525
|
+
OSM_DEFAULT: 'images/map-backgrounds/osm-default.webp',
|
|
2526
|
+
OSM_BASIC: 'images/map-backgrounds/osm-basic.webp',
|
|
2527
|
+
OSM_COLOR_BLIND: 'images/map-backgrounds/osm-color-blind.webp',
|
|
2528
|
+
OSM_DARK: 'images/map-backgrounds/osm-dark.webp',
|
|
2529
|
+
OSM_NO_ROADS: 'images/map-backgrounds/osm-default-no-roads.webp',
|
|
2530
|
+
OSM_FCD_LINKS: 'images/map-backgrounds/osm-default-with-fcd-links_1-5.webp',
|
|
2531
|
+
OSM_FCD_ROADS: 'images/map-backgrounds/osm-default-with-fcd-roads.webp',
|
|
2532
|
+
OSM_FCD_SEGMENTS: 'images/map-backgrounds/osm-default-with-fcd-segments.webp',
|
|
2533
|
+
OSM_MST: 'images/map-backgrounds/osm-default-with-mst.webp',
|
|
2534
|
+
OSM_NWB_ROADS_WHITE: 'images/map-backgrounds/osm-default-with-nwb-roads-white.webp',
|
|
2535
|
+
OSM_NWB_ROADS: 'images/map-backgrounds/osm-default-with-nwb-roads.webp',
|
|
2536
|
+
OSM_DEFAULT_FULL: 'images/map-backgrounds/osm-default.webp',
|
|
2537
|
+
OSM_FRONT_DARK: 'images/map-backgrounds/osm-front-office-dark.webp',
|
|
2538
|
+
OSM_FRONT_LIGHT_NWB: 'images/map-backgrounds/osm-front-office-light-with-nwb-roads.webp',
|
|
2539
|
+
OSM_FRONT_LIGHT: 'images/map-backgrounds/osm-front-office-light.webp',
|
|
2540
|
+
OSM_GREEN: 'images/map-backgrounds/osm-green.webp',
|
|
2541
2541
|
};
|
|
2542
2542
|
const MAP_BACKGROUNDS = {
|
|
2543
2543
|
OSM_BASIC: {
|
|
@@ -2659,12 +2659,12 @@ const DEFAULT_BACKGROUNDS = [
|
|
|
2659
2659
|
];
|
|
2660
2660
|
|
|
2661
2661
|
const MAP_LAYER_IMAGES = {
|
|
2662
|
-
ACTUAL_TRAFFIC_V1: '
|
|
2663
|
-
ACTUAL_TRAFFIC_V2: '
|
|
2664
|
-
IMAGE_MODE_V1: '
|
|
2665
|
-
IMAGE_MODE_V2: '
|
|
2666
|
-
HECTOMETRY: '
|
|
2667
|
-
ROAD_WORKS: '
|
|
2662
|
+
ACTUAL_TRAFFIC_V1: 'images/map-layers/actueelverkeer1.webp',
|
|
2663
|
+
ACTUAL_TRAFFIC_V2: 'images/map-layers/actueelverkeerv2.webp',
|
|
2664
|
+
IMAGE_MODE_V1: 'images/map-layers/beeldstand1.webp',
|
|
2665
|
+
IMAGE_MODE_V2: 'images/map-layers/beeldstand2.webp',
|
|
2666
|
+
HECTOMETRY: 'images/map-layers/hectometrering.webp',
|
|
2667
|
+
ROAD_WORKS: 'images/map-layers/wegwerkzaamheden.webp',
|
|
2668
2668
|
};
|
|
2669
2669
|
const MAP_LAYERS = {
|
|
2670
2670
|
ACTUAL_TRAFFIC_V1: {
|
|
@@ -3362,7 +3362,7 @@ class ToastListComponent {
|
|
|
3362
3362
|
this.toastService.resume();
|
|
3363
3363
|
}
|
|
3364
3364
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: ToastListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3365
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.7", type: ToastListComponent, isStandalone: true, selector: "ndw-toast-list", host: { listeners: { "mouseenter": "pause()", "mouseleave": "resume()" }, properties: { "style.--total-toast-height": "totalHeightExcludingGaps() + \"px\"", "style.--total-toast-count": "toastComponents().length", "style.--max-toast-width": "maxToastWidth() + \"px\"" } }, viewQueries: [{ propertyName: "toastComponents", predicate: ToastComponent, descendants: true, isSignal: true }], ngImport: i0, template: "@for (toast of toastService.toasts(); track toast.id) {\n <ndw-toast\n class=\"toast\"\n [class.hide-content]=\"!toastService.paused() && $index > 0\"\n [ngStyle]=\"{\n '--index': $index,\n '--offset-height': toastOffsetHeights()[$index] + 'px',\n '--first-toast-height': firstToastHeight() + 'px',\n }\"\n [id]=\"toast.id\"\n [message]=\"toast.message\"\n [duration]=\"toast.duration\"\n [paused]=\"toastService.paused()\"\n [showProgress]=\"toastService.paused() || $first\"\n (closed)=\"toastService.close(toast.id)\"\n (elementDimensions)=\"setToastDimensions(toast.id, $event)\"\n ></ndw-toast>\n}\n", styles: [":host{--stack-gap: var(--ndw-spacing-sm);--animation-speed: var(--ndw-animation-speed-default);position:relative;width:var(--max-toast-width)}:host .toast{--x: 0;--y: calc((var(--stack-gap) * var(--index)));--scaleX: calc(1 - .05 * var(--index));top:0;left:0;position:absolute;transform:translate(var(--x),var(--y));transform-origin:top center;transition-property:transform,opacity;transition-duration:var(--animation-speed);transition-timing-function:ease;z-index:calc(1000 - var(--index))}:host .toast:not(:first-child){transform:translate(var(--x),var(--y)) scaleX(var(--scaleX))}:host:not(:hover):not(:focus-within) .toast:not(:first-child){height:
|
|
3365
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.7", type: ToastListComponent, isStandalone: true, selector: "ndw-toast-list", host: { listeners: { "mouseenter": "pause()", "mouseleave": "resume()" }, properties: { "style.--total-toast-height": "totalHeightExcludingGaps() + \"px\"", "style.--total-toast-count": "toastComponents().length", "style.--max-toast-width": "maxToastWidth() + \"px\"" } }, viewQueries: [{ propertyName: "toastComponents", predicate: ToastComponent, descendants: true, isSignal: true }], ngImport: i0, template: "@for (toast of toastService.toasts(); track toast.id) {\n <ndw-toast\n class=\"toast\"\n [class.hide-content]=\"!toastService.paused() && $index > 0\"\n [ngStyle]=\"{\n '--index': $index,\n '--offset-height': toastOffsetHeights()[$index] + 'px',\n '--first-toast-height': firstToastHeight() + 'px',\n }\"\n [id]=\"toast.id\"\n [message]=\"toast.message\"\n [duration]=\"toast.duration\"\n [paused]=\"toastService.paused()\"\n [showProgress]=\"toastService.paused() || $first\"\n (closed)=\"toastService.close(toast.id)\"\n (elementDimensions)=\"setToastDimensions(toast.id, $event)\"\n ></ndw-toast>\n}\n", styles: [":host{--stack-gap: var(--ndw-spacing-sm);--animation-speed: var(--ndw-animation-speed-default);position:relative;width:var(--max-toast-width)}:host .toast{--x: 0;--y: calc((var(--stack-gap) * var(--index)));--scaleX: calc(1 - .05 * var(--index));top:0;left:0;position:absolute;transform:translate(var(--x),var(--y));transform-origin:top center;transition-property:transform,opacity;transition-duration:var(--animation-speed);transition-timing-function:ease;z-index:calc(1000 - var(--index))}:host .toast:not(:first-child){transform:translate(var(--x),var(--y)) scaleX(var(--scaleX))}:host:not(:hover):not(:focus-within) .toast:not(:first-child){height:var(--first-toast-height)}:host:hover,:host:focus-within{height:calc(var(--total-toast-height) + var(--stack-gap) * (var(--total-toast-count) - 1))}:host:hover .toast,:host:focus-within .toast{--scaleX: 1;--y: calc(var(--offset-height) + var(--stack-gap) * var(--index));transition-duration:var(--animation-speed)}\n"], dependencies: [{ kind: "component", type: ToastComponent, selector: "ndw-toast", inputs: ["message", "id", "duration", "paused", "showProgress"], outputs: ["closed", "elementDimensions"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
3366
3366
|
}
|
|
3367
3367
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: ToastListComponent, decorators: [{
|
|
3368
3368
|
type: Component,
|
|
@@ -3372,7 +3372,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImpor
|
|
|
3372
3372
|
'[style.--total-toast-height]': 'totalHeightExcludingGaps() + "px"',
|
|
3373
3373
|
'[style.--total-toast-count]': 'toastComponents().length',
|
|
3374
3374
|
'[style.--max-toast-width]': 'maxToastWidth() + "px"',
|
|
3375
|
-
}, imports: [ToastComponent, NgStyle], selector: 'ndw-toast-list', template: "@for (toast of toastService.toasts(); track toast.id) {\n <ndw-toast\n class=\"toast\"\n [class.hide-content]=\"!toastService.paused() && $index > 0\"\n [ngStyle]=\"{\n '--index': $index,\n '--offset-height': toastOffsetHeights()[$index] + 'px',\n '--first-toast-height': firstToastHeight() + 'px',\n }\"\n [id]=\"toast.id\"\n [message]=\"toast.message\"\n [duration]=\"toast.duration\"\n [paused]=\"toastService.paused()\"\n [showProgress]=\"toastService.paused() || $first\"\n (closed)=\"toastService.close(toast.id)\"\n (elementDimensions)=\"setToastDimensions(toast.id, $event)\"\n ></ndw-toast>\n}\n", styles: [":host{--stack-gap: var(--ndw-spacing-sm);--animation-speed: var(--ndw-animation-speed-default);position:relative;width:var(--max-toast-width)}:host .toast{--x: 0;--y: calc((var(--stack-gap) * var(--index)));--scaleX: calc(1 - .05 * var(--index));top:0;left:0;position:absolute;transform:translate(var(--x),var(--y));transform-origin:top center;transition-property:transform,opacity;transition-duration:var(--animation-speed);transition-timing-function:ease;z-index:calc(1000 - var(--index))}:host .toast:not(:first-child){transform:translate(var(--x),var(--y)) scaleX(var(--scaleX))}:host:not(:hover):not(:focus-within) .toast:not(:first-child){height:
|
|
3375
|
+
}, imports: [ToastComponent, NgStyle], selector: 'ndw-toast-list', template: "@for (toast of toastService.toasts(); track toast.id) {\n <ndw-toast\n class=\"toast\"\n [class.hide-content]=\"!toastService.paused() && $index > 0\"\n [ngStyle]=\"{\n '--index': $index,\n '--offset-height': toastOffsetHeights()[$index] + 'px',\n '--first-toast-height': firstToastHeight() + 'px',\n }\"\n [id]=\"toast.id\"\n [message]=\"toast.message\"\n [duration]=\"toast.duration\"\n [paused]=\"toastService.paused()\"\n [showProgress]=\"toastService.paused() || $first\"\n (closed)=\"toastService.close(toast.id)\"\n (elementDimensions)=\"setToastDimensions(toast.id, $event)\"\n ></ndw-toast>\n}\n", styles: [":host{--stack-gap: var(--ndw-spacing-sm);--animation-speed: var(--ndw-animation-speed-default);position:relative;width:var(--max-toast-width)}:host .toast{--x: 0;--y: calc((var(--stack-gap) * var(--index)));--scaleX: calc(1 - .05 * var(--index));top:0;left:0;position:absolute;transform:translate(var(--x),var(--y));transform-origin:top center;transition-property:transform,opacity;transition-duration:var(--animation-speed);transition-timing-function:ease;z-index:calc(1000 - var(--index))}:host .toast:not(:first-child){transform:translate(var(--x),var(--y)) scaleX(var(--scaleX))}:host:not(:hover):not(:focus-within) .toast:not(:first-child){height:var(--first-toast-height)}:host:hover,:host:focus-within{height:calc(var(--total-toast-height) + var(--stack-gap) * (var(--total-toast-count) - 1))}:host:hover .toast,:host:focus-within .toast{--scaleX: 1;--y: calc(var(--offset-height) + var(--stack-gap) * var(--index));transition-duration:var(--animation-speed)}\n"] }]
|
|
3376
3376
|
}] });
|
|
3377
3377
|
|
|
3378
3378
|
class ToastService {
|