@dso-toolkit/core 62.30.1 → 64.0.0

package/dist/types/components/label/label.d.ts

@@ -1,4 +1,5 @@
 import { ComponentInterface, EventEmitter } from "../../stencil-public-runtime";
+import { LabelStatus } from "./label.interfaces";
 export declare class Label implements ComponentInterface {
     private labelContent;
     private mutationObserver?;
@@ -14,7 +15,7 @@ export declare class Label implements ComponentInterface {
     /**
      * The status of this Label.
      */
-    status?: "primary" | "info" | "success" | "warning" | "danger" | "error" | "bright" | "attention";
+    status?: LabelStatus;
     /**
      * Emitted when the user activates the remove button.
      */

package/dist/types/components/label/label.interfaces.d.ts

@@ -0,0 +1 @@
+export type LabelStatus = "primary" | "success" | "info" | "warning" | "danger" | "error" | "bright" | "attention";

package/dist/types/components/ozon-content/nodes/figuur.node.d.ts

@@ -2,7 +2,8 @@ import { OzonContentNodeContext } from "../ozon-content-node-context.interface";
 import { OzonContentNode } from "../ozon-content-node.interface";
 export declare class OzonContentFiguurNode implements OzonContentNode {
     name: string[];
-    setImageDimensions(imageElement: HTMLImageElement, schaal: number): void;
-    onImageLoad(event: Event, schaal?: number): void;
+    getStyle(breedte: number, hoogte: number): {
+        "--img-aspect-ratio": string;
+    } | undefined;
     render(node: Element, { mapNodeToJsx }: OzonContentNodeContext): any;
 }

package/dist/types/components.d.ts

@@ -7,14 +7,13 @@
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { AccordionInternalState, AccordionVariant } from "./components/accordion/accordion.interfaces";
 import { AccordionHeading, AccordionSectionAnimationEndEvent, AccordionSectionAnimationStartEvent, AccordionSectionState, AccordionSectionToggleClickEvent } from "./components/accordion/components/accordion-section.interfaces";
-import { BadgeStatus } from "./components/badge/badge.interfaces";
+import { LabelStatus } from "./components/label/label.interfaces";
 import { AdvancedSelectChangeEvent, AdvancedSelectOption, AdvancedSelectOptionOrGroup, AdvancedSelectRedirectEvent } from "./components/advanced-select/advanced-select.interfaces";
 import { AnnotationActiveChangeEvent, AnnotationWijzigactie } from "./components/annotation/annotation.interfaces";
 import { RenvooiValue } from "./components/renvooi/renvooi.interfaces";
-import { AnnotationButtonClickEvent } from "./components/annotation-button/annotation-button";
 import { AnnotationKaartClickEvent } from "./components/annotation/annotation-kaart/annotation-kaart.interfaces";
-import { AnnotationOutputCloseEvent } from "./components/annotation-output/annotation-output";
 import { AutosuggestMarkFunction, Suggestion } from "./components/autosuggest/autosuggest.interfaces";
+import { BadgeStatus } from "./components/badge/badge.interfaces";
 import { DsoCardClickedEvent, ImageShape } from "./components/card/card.interfaces";
 import { CardContainerMode } from "./components/card-container/card-container.interfaces";
 import { DatePickerBlurEvent, DatePickerChangeEvent, DatePickerFocusEvent, DatePickerKeyboardEvent } from "./components/date-picker/date-picker.interfaces";
@@ -44,14 +43,13 @@ import { TreeViewItem, TreeViewPointerEvent } from "./components/tree-view/tree-
 import { ViewerGridActiveTabSwitchEvent, ViewerGridChangeSizeAnimationEndEvent, ViewerGridChangeSizeEvent, ViewerGridCloseOverlayEvent, ViewerGridFilterpanelApplyEvent, ViewerGridFilterpanelCancelEvent, ViewerGridMainExpandEvent, ViewerGridMainToggleEvent, ViewerGridMode, ViewerGridPanelSize, ViewerGridVdkTab, ViewerGridVrkTab } from "./components/viewer-grid/viewer-grid.interfaces";
 export { AccordionInternalState, AccordionVariant } from "./components/accordion/accordion.interfaces";
 export { AccordionHeading, AccordionSectionAnimationEndEvent, AccordionSectionAnimationStartEvent, AccordionSectionState, AccordionSectionToggleClickEvent } from "./components/accordion/components/accordion-section.interfaces";
-export { BadgeStatus } from "./components/badge/badge.interfaces";
+export { LabelStatus } from "./components/label/label.interfaces";
 export { AdvancedSelectChangeEvent, AdvancedSelectOption, AdvancedSelectOptionOrGroup, AdvancedSelectRedirectEvent } from "./components/advanced-select/advanced-select.interfaces";
 export { AnnotationActiveChangeEvent, AnnotationWijzigactie } from "./components/annotation/annotation.interfaces";
 export { RenvooiValue } from "./components/renvooi/renvooi.interfaces";
-export { AnnotationButtonClickEvent } from "./components/annotation-button/annotation-button";
 export { AnnotationKaartClickEvent } from "./components/annotation/annotation-kaart/annotation-kaart.interfaces";
-export { AnnotationOutputCloseEvent } from "./components/annotation-output/annotation-output";
 export { AutosuggestMarkFunction, Suggestion } from "./components/autosuggest/autosuggest.interfaces";
+export { BadgeStatus } from "./components/badge/badge.interfaces";
 export { DsoCardClickedEvent, ImageShape } from "./components/card/card.interfaces";
 export { CardContainerMode } from "./components/card-container/card-container.interfaces";
 export { DatePickerBlurEvent, DatePickerChangeEvent, DatePickerFocusEvent, DatePickerKeyboardEvent } from "./components/date-picker/date-picker.interfaces";
@@ -96,14 +94,6 @@ export namespace Components {
           * `attachmentCount` takes precedence over `icon`
          */
         "attachmentCount"?: number;
-        /**
-          * A message to be displayed in the heading handle inside a Badge (optional)
-         */
-        "badgeMessage"?: string;
-        /**
-          * The status of the Badge in the heading handle (optional)
-         */
-        "badgeStatus"?: BadgeStatus;
         /**
           * Calling this method will set focus to the handle.
          */
@@ -128,6 +118,14 @@ export namespace Components {
           * To set an icon in the heading handle.
          */
         "icon"?: string;
+        /**
+          * The label to be displayed in the heading handle inside a Label (optional)
+         */
+        "label"?: string;
+        /**
+          * The status of the Label in the heading handle (optional)
+         */
+        "labelStatus"?: LabelStatus;
         /**
           * Set the Accordion Section open.
          */
@@ -227,16 +225,6 @@ export namespace Components {
          */
         "wijzigactie"?: AnnotationWijzigactie;
     }
-    interface DsoAnnotationButton {
-        /**
-          * To link the Annotation Button with `aria-controls` to a different element, most likely an Annotation Output.
-         */
-        "identifier": string | undefined;
-        /**
-          * Set to true when the annotation is open.
-         */
-        "open": boolean;
-    }
     interface DsoAnnotationGebiedsaanwijzing {
         /**
           * Een optionele boolean die aangeeft of de annotatie actief is.
@@ -320,20 +308,6 @@ export namespace Components {
          */
         "wijzigactie"?: AnnotationWijzigactie;
     }
-    interface DsoAnnotationOutput {
-        /**
-          * This text will be displayed above the annotation-output when opened
-         */
-        "annotationPrefix"?: string;
-        /**
-          * The annotation-button that toggles this component should have the same identifier.
-         */
-        "identifier": string;
-        /**
-          * Set to `true` to show content.
-         */
-        "open": boolean;
-    }
     interface DsoAttachmentsCounter {
         /**
           * The number of attachments.
@@ -573,7 +547,7 @@ export namespace Components {
          */
         "open": boolean;
         /**
-          * When the Annotation Output is opened, set this to true.
+          * When the Annotation is opened, set this to true.
          */
         "openAnnotation": boolean;
         /**
@@ -802,7 +776,7 @@ export namespace Components {
         /**
           * The status of this Label.
          */
-        "status"?: "primary" | "info" | "success" | "warning" | "danger" | "error" | "bright" | "attention";
+        "status"?: LabelStatus;
         /**
           * Whether the Label is allowed to truncate the contents if it does not fit the container element.
          */
@@ -1254,10 +1228,6 @@ export interface DsoAnnotationActiviteitCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLDsoAnnotationActiviteitElement;
 }
-export interface DsoAnnotationButtonCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLDsoAnnotationButtonElement;
-}
 export interface DsoAnnotationGebiedsaanwijzingCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLDsoAnnotationGebiedsaanwijzingElement;
@@ -1274,10 +1244,6 @@ export interface DsoAnnotationOmgevingsnormwaardeCustomEvent<T> extends CustomEv
     detail: T;
     target: HTMLDsoAnnotationOmgevingsnormwaardeElement;
 }
-export interface DsoAnnotationOutputCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLDsoAnnotationOutputElement;
-}
 export interface DsoAutosuggestCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLDsoAutosuggestElement;
@@ -1473,23 +1439,6 @@ declare global {
         prototype: HTMLDsoAnnotationActiviteitElement;
         new (): HTMLDsoAnnotationActiviteitElement;
     };
-    interface HTMLDsoAnnotationButtonElementEventMap {
-        "dsoClick": AnnotationButtonClickEvent;
-    }
-    interface HTMLDsoAnnotationButtonElement extends Components.DsoAnnotationButton, HTMLStencilElement {
-        addEventListener<K extends keyof HTMLDsoAnnotationButtonElementEventMap>(type: K, listener: (this: HTMLDsoAnnotationButtonElement, ev: DsoAnnotationButtonCustomEvent<HTMLDsoAnnotationButtonElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
-        removeEventListener<K extends keyof HTMLDsoAnnotationButtonElementEventMap>(type: K, listener: (this: HTMLDsoAnnotationButtonElement, ev: DsoAnnotationButtonCustomEvent<HTMLDsoAnnotationButtonElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
-    }
-    var HTMLDsoAnnotationButtonElement: {
-        prototype: HTMLDsoAnnotationButtonElement;
-        new (): HTMLDsoAnnotationButtonElement;
-    };
     interface HTMLDsoAnnotationGebiedsaanwijzingElementEventMap {
         "dsoActiveChange": AnnotationActiveChangeEvent;
     }
@@ -1561,23 +1510,6 @@ declare global {
         prototype: HTMLDsoAnnotationOmgevingsnormwaardeElement;
         new (): HTMLDsoAnnotationOmgevingsnormwaardeElement;
     };
-    interface HTMLDsoAnnotationOutputElementEventMap {
-        "dsoClose": AnnotationOutputCloseEvent;
-    }
-    interface HTMLDsoAnnotationOutputElement extends Components.DsoAnnotationOutput, HTMLStencilElement {
-        addEventListener<K extends keyof HTMLDsoAnnotationOutputElementEventMap>(type: K, listener: (this: HTMLDsoAnnotationOutputElement, ev: DsoAnnotationOutputCustomEvent<HTMLDsoAnnotationOutputElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
-        removeEventListener<K extends keyof HTMLDsoAnnotationOutputElementEventMap>(type: K, listener: (this: HTMLDsoAnnotationOutputElement, ev: DsoAnnotationOutputCustomEvent<HTMLDsoAnnotationOutputElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
-    }
-    var HTMLDsoAnnotationOutputElement: {
-        prototype: HTMLDsoAnnotationOutputElement;
-        new (): HTMLDsoAnnotationOutputElement;
-    };
     interface HTMLDsoAttachmentsCounterElement extends Components.DsoAttachmentsCounter, HTMLStencilElement {
     }
     var HTMLDsoAttachmentsCounterElement: {
@@ -2208,12 +2140,10 @@ declare global {
         "dso-advanced-select": HTMLDsoAdvancedSelectElement;
         "dso-alert": HTMLDsoAlertElement;
         "dso-annotation-activiteit": HTMLDsoAnnotationActiviteitElement;
-        "dso-annotation-button": HTMLDsoAnnotationButtonElement;
         "dso-annotation-gebiedsaanwijzing": HTMLDsoAnnotationGebiedsaanwijzingElement;
         "dso-annotation-kaart": HTMLDsoAnnotationKaartElement;
         "dso-annotation-locatie": HTMLDsoAnnotationLocatieElement;
         "dso-annotation-omgevingsnormwaarde": HTMLDsoAnnotationOmgevingsnormwaardeElement;
-        "dso-annotation-output": HTMLDsoAnnotationOutputElement;
         "dso-attachments-counter": HTMLDsoAttachmentsCounterElement;
         "dso-autosuggest": HTMLDsoAutosuggestElement;
         "dso-badge": HTMLDsoBadgeElement;
@@ -2276,14 +2206,6 @@ declare namespace LocalJSX {
           * `attachmentCount` takes precedence over `icon`
          */
         "attachmentCount"?: number;
-        /**
-          * A message to be displayed in the heading handle inside a Badge (optional)
-         */
-        "badgeMessage"?: string;
-        /**
-          * The status of the Badge in the heading handle (optional)
-         */
-        "badgeStatus"?: BadgeStatus;
         /**
           * The title of the handle
          */
@@ -2304,6 +2226,14 @@ declare namespace LocalJSX {
           * To set an icon in the heading handle.
          */
         "icon"?: string;
+        /**
+          * The label to be displayed in the heading handle inside a Label (optional)
+         */
+        "label"?: string;
+        /**
+          * The status of the Label in the heading handle (optional)
+         */
+        "labelStatus"?: LabelStatus;
         /**
           * Event emitted when the Accordion Section completes its toggle animation.
          */
@@ -2427,20 +2357,6 @@ declare namespace LocalJSX {
          */
         "wijzigactie"?: AnnotationWijzigactie;
     }
-    interface DsoAnnotationButton {
-        /**
-          * To link the Annotation Button with `aria-controls` to a different element, most likely an Annotation Output.
-         */
-        "identifier": string | undefined;
-        /**
-          * Emitted when user activates the button.
-         */
-        "onDsoClick"?: (event: DsoAnnotationButtonCustomEvent<AnnotationButtonClickEvent>) => void;
-        /**
-          * Set to true when the annotation is open.
-         */
-        "open"?: boolean;
-    }
     interface DsoAnnotationGebiedsaanwijzing {
         /**
           * Een optionele boolean die aangeeft of de annotatie actief is.
@@ -2540,24 +2456,6 @@ declare namespace LocalJSX {
          */
         "wijzigactie"?: AnnotationWijzigactie;
     }
-    interface DsoAnnotationOutput {
-        /**
-          * This text will be displayed above the annotation-output when opened
-         */
-        "annotationPrefix"?: string;
-        /**
-          * The annotation-button that toggles this component should have the same identifier.
-         */
-        "identifier": string;
-        /**
-          * This event is emitted when the user activates the Annotation Button.
-         */
-        "onDsoClose"?: (event: DsoAnnotationOutputCustomEvent<AnnotationOutputCloseEvent>) => void;
-        /**
-          * Set to `true` to show content.
-         */
-        "open"?: boolean;
-    }
     interface DsoAttachmentsCounter {
         /**
           * The number of attachments.
@@ -2861,7 +2759,7 @@ declare namespace LocalJSX {
          */
         "open"?: boolean;
         /**
-          * When the Annotation Output is opened, set this to true.
+          * When the Annotation is opened, set this to true.
          */
         "openAnnotation"?: boolean;
         /**
@@ -3113,7 +3011,7 @@ declare namespace LocalJSX {
         /**
           * The status of this Label.
          */
-        "status"?: "primary" | "info" | "success" | "warning" | "danger" | "error" | "bright" | "attention";
+        "status"?: LabelStatus;
         /**
           * Whether the Label is allowed to truncate the contents if it does not fit the container element.
          */
@@ -3682,12 +3580,10 @@ declare namespace LocalJSX {
         "dso-advanced-select": DsoAdvancedSelect;
         "dso-alert": DsoAlert;
         "dso-annotation-activiteit": DsoAnnotationActiviteit;
-        "dso-annotation-button": DsoAnnotationButton;
         "dso-annotation-gebiedsaanwijzing": DsoAnnotationGebiedsaanwijzing;
         "dso-annotation-kaart": DsoAnnotationKaart;
         "dso-annotation-locatie": DsoAnnotationLocatie;
         "dso-annotation-omgevingsnormwaarde": DsoAnnotationOmgevingsnormwaarde;
-        "dso-annotation-output": DsoAnnotationOutput;
         "dso-attachments-counter": DsoAttachmentsCounter;
         "dso-autosuggest": DsoAutosuggest;
         "dso-badge": DsoBadge;
@@ -3745,7 +3641,6 @@ declare module "@stencil/core" {
             "dso-advanced-select": LocalJSX.DsoAdvancedSelect & JSXBase.HTMLAttributes<HTMLDsoAdvancedSelectElement>;
             "dso-alert": LocalJSX.DsoAlert & JSXBase.HTMLAttributes<HTMLDsoAlertElement>;
             "dso-annotation-activiteit": LocalJSX.DsoAnnotationActiviteit & JSXBase.HTMLAttributes<HTMLDsoAnnotationActiviteitElement>;
-            "dso-annotation-button": LocalJSX.DsoAnnotationButton & JSXBase.HTMLAttributes<HTMLDsoAnnotationButtonElement>;
             "dso-annotation-gebiedsaanwijzing": LocalJSX.DsoAnnotationGebiedsaanwijzing & JSXBase.HTMLAttributes<HTMLDsoAnnotationGebiedsaanwijzingElement>;
             "dso-annotation-kaart": LocalJSX.DsoAnnotationKaart & JSXBase.HTMLAttributes<HTMLDsoAnnotationKaartElement>;
             "dso-annotation-locatie": LocalJSX.DsoAnnotationLocatie & JSXBase.HTMLAttributes<HTMLDsoAnnotationLocatieElement>;
@@ -3753,7 +3648,6 @@ declare module "@stencil/core" {
              * Dit component wordt voor een Omgevingsnorm en Omgevingswaarde gebruikt.
              */
             "dso-annotation-omgevingsnormwaarde": LocalJSX.DsoAnnotationOmgevingsnormwaarde & JSXBase.HTMLAttributes<HTMLDsoAnnotationOmgevingsnormwaardeElement>;
-            "dso-annotation-output": LocalJSX.DsoAnnotationOutput & JSXBase.HTMLAttributes<HTMLDsoAnnotationOutputElement>;
             "dso-attachments-counter": LocalJSX.DsoAttachmentsCounter & JSXBase.HTMLAttributes<HTMLDsoAttachmentsCounterElement>;
             "dso-autosuggest": LocalJSX.DsoAutosuggest & JSXBase.HTMLAttributes<HTMLDsoAutosuggestElement>;
             "dso-badge": LocalJSX.DsoBadge & JSXBase.HTMLAttributes<HTMLDsoBadgeElement>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dso-toolkit/core",
-  "version": "62.30.1",
+  "version": "64.0.0",
   "description": "DSO Toolkit Web Components",
   "main": "dist/index.cjs.js",
   "module": "dist/components/index.js",
@@ -20,10 +20,10 @@
   },
   "dependencies": {
     "@popperjs/core": "^2.11.8",
-    "@stencil/core": "^4.19.2",
+    "@stencil/core": "4.20.0",
     "@stencil/store": "^2.0.16",
     "clsx": "^2.1.1",
-    "dso-toolkit": "^62.30.1",
+    "dso-toolkit": "^64.0.0",
     "escape-string-regexp": "^5.0.0",
     "focus-trap": "^7.5.4",
     "popper-max-size-modifier": "^0.2.0",
@@ -46,11 +46,11 @@
     "lodash.kebabcase": "^4.1.1",
     "lodash.random": "^3.2.0",
     "lodash.samplesize": "^4.2.0",
-    "prettier": "^3.3.2",
+    "prettier": "^3.3.3",
     "rimraf": "^6.0.1",
     "stencil-inline-svg": "^1.1.0",
-    "tsx": "^4.16.2",
-    "typescript": "^5.5.3"
+    "tsx": "^4.18.0",
+    "typescript": "^5.5.4"
   },
   "peerDependencies": {
     "dso-toolkit": ">=45"