@dso-toolkit/core 51.2.1 → 51.4.0

package/dist/types/components/annotation-button/annotation-button.d.ts

@@ -0,0 +1,7 @@
+import { ComponentInterface } from "../../stencil-public-runtime";
+export declare class AnnotationButton implements ComponentInterface {
+  identifier: string;
+  annotationOutput: HTMLDsoAnnotationOutputElement | null;
+  componentDidLoad(): void;
+  render(): any;
+}

package/dist/types/components/annotation-output/annotation-output.d.ts

@@ -0,0 +1,12 @@
+import { ComponentInterface, EventEmitter } from "../../stencil-public-runtime";
+import { AnnotationToggleEvent } from "./annotation-output.interfaces";
+export declare class AnnotationOutput implements ComponentInterface {
+  /** The annotation-button that toggles this component should have the same identifier. */
+  identifier: string;
+  /** This text will be displayed above the annotation-output when opened */
+  annotationPrefix?: string;
+  dsoToggle: EventEmitter<AnnotationToggleEvent>;
+  toggleAnnotation(e: MouseEvent | KeyboardEvent, identifier: string): Promise<void>;
+  toggleHandler(e: MouseEvent | KeyboardEvent): void;
+  render(): any;
+}

package/dist/types/components/annotation-output/annotation-output.interfaces.d.ts

@@ -0,0 +1,4 @@
+export interface AnnotationToggleEvent {
+  originalEvent?: MouseEvent | KeyboardEvent;
+  open: boolean;
+}

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

@@ -1,4 +1,4 @@
 export declare class Badge {
-  status?: "primary" | "success" | "info" | "warning" | "danger" | "error" | "outline";
+  status?: "primary" | "success" | "info" | "warning" | "danger" | "error" | "outline" | "attention";
   render(): any;
 }

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

@@ -4,6 +4,7 @@ export declare class Card implements ComponentInterface {
   host: HTMLElement;
   isSelectable: boolean;
   hasImage: boolean;
+  clickable: boolean;
   dsoCardClicked: EventEmitter<DsoCardClickedEvent>;
   private clickEventHandler;
   componentWillLoad(): void;

package/dist/types/components/dropdown-menu/dropdown-menu.d.ts

@@ -13,11 +13,16 @@ export declare class DropdownMenu {
    * Whether the menu is checkable.
    */
   checkable: boolean;
+  /** Selector for the element the dropdown options should not be overflowing.*/
+  boundary?: string;
+  watchPosition(): void;
   host: HTMLElement;
+  private popper;
   get button(): HTMLButtonElement;
   get tabbables(): FocusableElement[];
   componentDidLoad(): void;
   componentDidRender(): void;
+  disconnectedCallback(): void;
   focusOutListener: (event: FocusEvent) => void;
   keyDownListener: (event: KeyboardEvent) => void;
   getActiveElement(root?: Document | ShadowRoot): Element | null;

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

@@ -0,0 +1,4 @@
+export declare class Expandable {
+  open?: boolean;
+  render(): any;
+}

package/dist/types/components/expandable-heading/expandable-heading.d.ts

@@ -0,0 +1,11 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+import { ExpandableHeadingToggleEvent, HeadingTags } from "./expandable-heading.interfaces";
+export declare class ExpandableHeading {
+  open?: boolean;
+  heading: HeadingTags;
+  color: "default" | "black";
+  dsoToggle: EventEmitter<ExpandableHeadingToggleEvent>;
+  identifier: string;
+  toggle(e: MouseEvent | KeyboardEvent): void;
+  render(): any;
+}

package/dist/types/components/expandable-heading/expandable-heading.interfaces.d.ts

@@ -0,0 +1,5 @@
+export declare type HeadingTags = "h2" | "h3" | "h4" | "h5" | "h6";
+export interface ExpandableHeadingToggleEvent {
+  originalEvent?: MouseEvent | KeyboardEvent;
+  open: boolean;
+}

package/dist/types/components/expandable-heading/heading.d.ts

@@ -0,0 +1,9 @@
+import { FunctionalComponent } from "../../stencil-public-runtime";
+import { HeadingTags } from "./expandable-heading.interfaces";
+export declare const Heading: FunctionalComponent<{
+  heading: HeadingTags;
+  className?: string | {
+    [className: string]: boolean;
+  };
+  ref?: (element: HTMLHeadingElement | undefined) => void;
+}>;

package/dist/types/components/image-overlay/image-overlay.d.ts

@@ -3,7 +3,6 @@ import { FocusTrap } from "focus-trap";
 export declare class ImageOverlay implements ComponentInterface {
   host: HTMLElement;
   active: boolean;
-  focused: boolean;
   zoomable: boolean;
   buttonElement: HTMLButtonElement | undefined;
   wrapperElement: HTMLDivElement | undefined;

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

@@ -7,7 +7,7 @@ export declare class Label implements ComponentInterface {
   private host;
   compact?: boolean;
   removable?: boolean;
-  status?: "primary" | "info" | "success" | "warning" | "danger" | "error" | "bright";
+  status?: "primary" | "info" | "success" | "warning" | "danger" | "error" | "bright" | "attention";
   removeHover?: boolean;
   removeFocus?: boolean;
   truncate?: boolean;

package/dist/types/components/map-controls/map-controls.d.ts

@@ -1,4 +1,5 @@
 import { EventEmitter } from "../../stencil-public-runtime";
+import { MapControlsToggleEvent } from "./map-controls.interfaces";
 export declare class MapControls {
   #private;
   private panelTitle;
@@ -6,7 +7,15 @@ export declare class MapControls {
   disableZoom?: "in" | "out" | "both";
   dsoZoomIn: EventEmitter<MouseEvent>;
   dsoZoomOut: EventEmitter<MouseEvent>;
+  /**
+   * emits when the panel opens or closes.
+   *
+   * - `event.detail.originalEvent` contains the original `MouseEvent / KeyboardEvent` when the panel is toggled by clicking the visibility button or the close button.
+   * - `event.detail.open` is true when the panel opens and false when the panel closes.
+   */
+  dsoToggle: EventEmitter<MapControlsToggleEvent>;
   hideContent: boolean;
   watchOpen(open: boolean): void;
+  toggleVisibility(e: MouseEvent | KeyboardEvent): Promise<void>;
   render(): any;
 }

package/dist/types/components/map-controls/map-controls.interfaces.d.ts

@@ -0,0 +1,5 @@
+export declare const transitionDuration = 300;
+export interface MapControlsToggleEvent {
+  originalEvent?: MouseEvent | KeyboardEvent;
+  open: boolean;
+}

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

@@ -7,6 +7,7 @@ export declare class Selectable {
   value: string;
   invalid?: boolean;
   describedById?: string;
+  labelledById?: string;
   disabled?: boolean;
   required?: boolean;
   checked?: boolean;

package/dist/types/components.d.ts

@@ -7,14 +7,17 @@
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { AccordionInternalState, AccordionSectionToggleAnimationEndEvent, AccordionSectionToggleEvent, AccordionVariant } from "./components/accordion/accordion.interfaces";
 import { AccordionHeading, AccordionSectionState } from "./components/accordion/components/accordion-section.interfaces";
+import { AnnotationToggleEvent } from "./components/annotation-output/annotation-output.interfaces";
 import { Suggestion } from "./components/autosuggest/autosuggest.interfaces";
 import { DsoCardClickedEvent } from "./components/card/card.interfaces";
 import { CardContainerMode } from "./components/card-container/card-container.interfaces";
 import { DsoDatePickerChangeEvent, DsoDatePickerDirection, DsoDatePickerFocusEvent, DsoDatePickerKeyboardEvent } from "./components/date-picker/date-picker.interfaces";
+import { ExpandableHeadingToggleEvent, HeadingTags } from "./components/expandable-heading/expandable-heading.interfaces";
 import { HeaderEvent, HeaderMenuItem } from "./components/header/header.interfaces";
 import { InfoButtonToggleEvent } from "./components/info-button/info-button.interfaces";
 import { ListButtonChangeEvent, ListButtonSelectedEvent } from "./components/list-button/list-button.interfaces";
 import { BaseLayer, BaseLayerChangeEvent } from "./components/map-base-layers/map-base-layers.interfaces";
+import { MapControlsToggleEvent } from "./components/map-controls/map-controls.interfaces";
 import { Overlay, OverlayChangeEvent } from "./components/map-overlays/map-overlays.interfaces";
 import { ModalRole } from "./components/modal/modal";
 import { DsoModalCloseEvent } from "./components/modal/modal.interfaces";
@@ -85,6 +88,20 @@ export namespace Components {
          */
         "status": "success" | "info" | "warning" | "error";
     }
+    interface DsoAnnotationButton {
+        "identifier": string;
+    }
+    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;
+        "toggleAnnotation": (e: MouseEvent | KeyboardEvent, identifier: string) => Promise<void>;
+    }
     interface DsoAttachmentsCounter {
         "count": number;
     }
@@ -115,12 +132,13 @@ export namespace Components {
         "suggestions": Suggestion[] | null;
     }
     interface DsoBadge {
-        "status"?: "primary" | "success" | "info" | "warning" | "danger" | "error" | "outline";
+        "status"?: "primary" | "success" | "info" | "warning" | "danger" | "error" | "outline" | "attention";
     }
     interface DsoBanner {
         "status": "warning" | "danger" | "error";
     }
     interface DsoCard {
+        "clickable": boolean;
         "hasImage": boolean;
         "isSelectable": boolean;
     }
@@ -182,6 +200,10 @@ export namespace Components {
         "value": string;
     }
     interface DsoDropdownMenu {
+        /**
+          * Selector for the element the dropdown options should not be overflowing.
+         */
+        "boundary"?: string;
         /**
           * Whether the menu is checkable.
          */
@@ -195,6 +217,14 @@ export namespace Components {
          */
         "open": boolean;
     }
+    interface DsoExpandable {
+        "open"?: boolean;
+    }
+    interface DsoExpandableHeading {
+        "color": "default" | "black";
+        "heading": HeadingTags;
+        "open"?: boolean;
+    }
     interface DsoHeader {
         /**
           * Used to show the login/logout option. 'none' renders nothing.
@@ -240,7 +270,7 @@ export namespace Components {
     interface DsoLabel {
         "compact"?: boolean;
         "removable"?: boolean;
-        "status"?: "primary" | "info" | "success" | "warning" | "danger" | "error" | "bright";
+        "status"?: "primary" | "info" | "success" | "warning" | "danger" | "error" | "bright" | "attention";
         "truncate"?: boolean;
     }
     interface DsoListButton {
@@ -263,6 +293,7 @@ export namespace Components {
     interface DsoMapControls {
         "disableZoom"?: "in" | "out" | "both";
         "open": boolean;
+        "toggleVisibility": (e: MouseEvent | KeyboardEvent) => Promise<void>;
     }
     interface DsoMapOverlays {
         "group": string;
@@ -336,6 +367,7 @@ export namespace Components {
         "indeterminate"?: boolean;
         "infoFixed"?: boolean;
         "invalid"?: boolean;
+        "labelledById"?: string;
         "name"?: string;
         "required"?: boolean;
         "toggleInfo": (active?: boolean) => Promise<void>;
@@ -437,6 +469,10 @@ export interface DsoAccordionCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLDsoAccordionElement;
 }
+export interface DsoAnnotationOutputCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLDsoAnnotationOutputElement;
+}
 export interface DsoAutosuggestCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLDsoAutosuggestElement;
@@ -449,6 +485,10 @@ export interface DsoDatePickerCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLDsoDatePickerElement;
 }
+export interface DsoExpandableHeadingCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLDsoExpandableHeadingElement;
+}
 export interface DsoHeaderCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLDsoHeaderElement;
@@ -532,6 +572,18 @@ declare global {
         prototype: HTMLDsoAlertElement;
         new (): HTMLDsoAlertElement;
     };
+    interface HTMLDsoAnnotationButtonElement extends Components.DsoAnnotationButton, HTMLStencilElement {
+    }
+    var HTMLDsoAnnotationButtonElement: {
+        prototype: HTMLDsoAnnotationButtonElement;
+        new (): HTMLDsoAnnotationButtonElement;
+    };
+    interface HTMLDsoAnnotationOutputElement extends Components.DsoAnnotationOutput, HTMLStencilElement {
+    }
+    var HTMLDsoAnnotationOutputElement: {
+        prototype: HTMLDsoAnnotationOutputElement;
+        new (): HTMLDsoAnnotationOutputElement;
+    };
     interface HTMLDsoAttachmentsCounterElement extends Components.DsoAttachmentsCounter, HTMLStencilElement {
     }
     var HTMLDsoAttachmentsCounterElement: {
@@ -580,6 +632,18 @@ declare global {
         prototype: HTMLDsoDropdownMenuElement;
         new (): HTMLDsoDropdownMenuElement;
     };
+    interface HTMLDsoExpandableElement extends Components.DsoExpandable, HTMLStencilElement {
+    }
+    var HTMLDsoExpandableElement: {
+        prototype: HTMLDsoExpandableElement;
+        new (): HTMLDsoExpandableElement;
+    };
+    interface HTMLDsoExpandableHeadingElement extends Components.DsoExpandableHeading, HTMLStencilElement {
+    }
+    var HTMLDsoExpandableHeadingElement: {
+        prototype: HTMLDsoExpandableHeadingElement;
+        new (): HTMLDsoExpandableHeadingElement;
+    };
     interface HTMLDsoHeaderElement extends Components.DsoHeader, HTMLStencilElement {
     }
     var HTMLDsoHeaderElement: {
@@ -734,6 +798,8 @@ declare global {
         "dso-accordion": HTMLDsoAccordionElement;
         "dso-accordion-section": HTMLDsoAccordionSectionElement;
         "dso-alert": HTMLDsoAlertElement;
+        "dso-annotation-button": HTMLDsoAnnotationButtonElement;
+        "dso-annotation-output": HTMLDsoAnnotationOutputElement;
         "dso-attachments-counter": HTMLDsoAttachmentsCounterElement;
         "dso-autosuggest": HTMLDsoAutosuggestElement;
         "dso-badge": HTMLDsoBadgeElement;
@@ -742,6 +808,8 @@ declare global {
         "dso-card-container": HTMLDsoCardContainerElement;
         "dso-date-picker": HTMLDsoDatePickerElement;
         "dso-dropdown-menu": HTMLDsoDropdownMenuElement;
+        "dso-expandable": HTMLDsoExpandableElement;
+        "dso-expandable-heading": HTMLDsoExpandableHeadingElement;
         "dso-header": HTMLDsoHeaderElement;
         "dso-helpcenter-panel": HTMLDsoHelpcenterPanelElement;
         "dso-highlight-box": HTMLDsoHighlightBoxElement;
@@ -818,6 +886,20 @@ declare namespace LocalJSX {
          */
         "status": "success" | "info" | "warning" | "error";
     }
+    interface DsoAnnotationButton {
+        "identifier": string;
+    }
+    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;
+        "onDsoToggle"?: (event: DsoAnnotationOutputCustomEvent<AnnotationToggleEvent>) => void;
+    }
     interface DsoAttachmentsCounter {
         "count": number;
     }
@@ -860,12 +942,13 @@ declare namespace LocalJSX {
         "suggestions"?: Suggestion[] | null;
     }
     interface DsoBadge {
-        "status"?: "primary" | "success" | "info" | "warning" | "danger" | "error" | "outline";
+        "status"?: "primary" | "success" | "info" | "warning" | "danger" | "error" | "outline" | "attention";
     }
     interface DsoBanner {
         "status": "warning" | "danger" | "error";
     }
     interface DsoCard {
+        "clickable"?: boolean;
         "hasImage"?: boolean;
         "isSelectable"?: boolean;
         "onDsoCardClicked"?: (event: DsoCardCustomEvent<DsoCardClickedEvent>) => void;
@@ -936,6 +1019,10 @@ declare namespace LocalJSX {
         "value"?: string;
     }
     interface DsoDropdownMenu {
+        /**
+          * Selector for the element the dropdown options should not be overflowing.
+         */
+        "boundary"?: string;
         /**
           * Whether the menu is checkable.
          */
@@ -949,6 +1036,15 @@ declare namespace LocalJSX {
          */
         "open"?: boolean;
     }
+    interface DsoExpandable {
+        "open"?: boolean;
+    }
+    interface DsoExpandableHeading {
+        "color"?: "default" | "black";
+        "heading"?: HeadingTags;
+        "onDsoToggle"?: (event: DsoExpandableHeadingCustomEvent<ExpandableHeadingToggleEvent>) => void;
+        "open"?: boolean;
+    }
     interface DsoHeader {
         /**
           * Used to show the login/logout option. 'none' renders nothing.
@@ -1000,7 +1096,7 @@ declare namespace LocalJSX {
         "compact"?: boolean;
         "onDsoRemoveClick"?: (event: DsoLabelCustomEvent<MouseEvent>) => void;
         "removable"?: boolean;
-        "status"?: "primary" | "info" | "success" | "warning" | "danger" | "error" | "bright";
+        "status"?: "primary" | "info" | "success" | "warning" | "danger" | "error" | "bright" | "attention";
         "truncate"?: boolean;
     }
     interface DsoListButton {
@@ -1025,6 +1121,10 @@ declare namespace LocalJSX {
     }
     interface DsoMapControls {
         "disableZoom"?: "in" | "out" | "both";
+        /**
+          * emits when the panel opens or closes.  - `event.detail.originalEvent` contains the original `MouseEvent / KeyboardEvent` when the panel is toggled by clicking the visibility button or the close button. - `event.detail.open` is true when the panel opens and false when the panel closes.
+         */
+        "onDsoToggle"?: (event: DsoMapControlsCustomEvent<MapControlsToggleEvent>) => void;
         "onDsoZoomIn"?: (event: DsoMapControlsCustomEvent<MouseEvent>) => void;
         "onDsoZoomOut"?: (event: DsoMapControlsCustomEvent<MouseEvent>) => void;
         "open"?: boolean;
@@ -1112,6 +1212,7 @@ declare namespace LocalJSX {
         "indeterminate"?: boolean;
         "infoFixed"?: boolean;
         "invalid"?: boolean;
+        "labelledById"?: string;
         "name"?: string;
         "onDsoChange"?: (event: DsoSelectableCustomEvent<SelectableChangeEvent>) => void;
         "required"?: boolean;
@@ -1215,6 +1316,8 @@ declare namespace LocalJSX {
         "dso-accordion": DsoAccordion;
         "dso-accordion-section": DsoAccordionSection;
         "dso-alert": DsoAlert;
+        "dso-annotation-button": DsoAnnotationButton;
+        "dso-annotation-output": DsoAnnotationOutput;
         "dso-attachments-counter": DsoAttachmentsCounter;
         "dso-autosuggest": DsoAutosuggest;
         "dso-badge": DsoBadge;
@@ -1223,6 +1326,8 @@ declare namespace LocalJSX {
         "dso-card-container": DsoCardContainer;
         "dso-date-picker": DsoDatePicker;
         "dso-dropdown-menu": DsoDropdownMenu;
+        "dso-expandable": DsoExpandable;
+        "dso-expandable-heading": DsoExpandableHeading;
         "dso-header": DsoHeader;
         "dso-helpcenter-panel": DsoHelpcenterPanel;
         "dso-highlight-box": DsoHighlightBox;
@@ -1257,6 +1362,8 @@ declare module "@stencil/core" {
             "dso-accordion": LocalJSX.DsoAccordion & JSXBase.HTMLAttributes<HTMLDsoAccordionElement>;
             "dso-accordion-section": LocalJSX.DsoAccordionSection & JSXBase.HTMLAttributes<HTMLDsoAccordionSectionElement>;
             "dso-alert": LocalJSX.DsoAlert & JSXBase.HTMLAttributes<HTMLDsoAlertElement>;
+            "dso-annotation-button": LocalJSX.DsoAnnotationButton & JSXBase.HTMLAttributes<HTMLDsoAnnotationButtonElement>;
+            "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>;
@@ -1265,6 +1372,8 @@ declare module "@stencil/core" {
             "dso-card-container": LocalJSX.DsoCardContainer & JSXBase.HTMLAttributes<HTMLDsoCardContainerElement>;
             "dso-date-picker": LocalJSX.DsoDatePicker & JSXBase.HTMLAttributes<HTMLDsoDatePickerElement>;
             "dso-dropdown-menu": LocalJSX.DsoDropdownMenu & JSXBase.HTMLAttributes<HTMLDsoDropdownMenuElement>;
+            "dso-expandable": LocalJSX.DsoExpandable & JSXBase.HTMLAttributes<HTMLDsoExpandableElement>;
+            "dso-expandable-heading": LocalJSX.DsoExpandableHeading & JSXBase.HTMLAttributes<HTMLDsoExpandableHeadingElement>;
             "dso-header": LocalJSX.DsoHeader & JSXBase.HTMLAttributes<HTMLDsoHeaderElement>;
             "dso-helpcenter-panel": LocalJSX.DsoHelpcenterPanel & JSXBase.HTMLAttributes<HTMLDsoHelpcenterPanelElement>;
             "dso-highlight-box": LocalJSX.DsoHighlightBox & JSXBase.HTMLAttributes<HTMLDsoHighlightBoxElement>;

package/dist/types/index.d.ts

@@ -1,12 +1,15 @@
 export { Components, JSX } from "./components";
 export * from "./components/accordion/accordion.interfaces";
+export * from "./components/annotation-output/annotation-output.interfaces";
 export * from "./components/autosuggest/autosuggest.interfaces";
 export * from "./components/card/card.interfaces";
 export * from "./components/date-picker/date-picker.interfaces";
+export * from "./components/expandable-heading/expandable-heading.interfaces";
 export * from "./components/header/header.interfaces";
 export * from "./components/info-button/info-button.interfaces";
 export * from "./components/list-button/list-button.interfaces";
 export * from "./components/map-base-layers/map-base-layers.interfaces";
+export * from "./components/map-controls/map-controls.interfaces";
 export * from "./components/map-overlays/map-overlays.interfaces";
 export * from "./components/modal/modal.interfaces";
 export * from "./components/ozon-content/ozon-content.interfaces";

package/dist/types/services/annotation.service.d.ts

@@ -0,0 +1,10 @@
+interface AnnotationState {
+  [key: string]: boolean;
+}
+export declare abstract class AnnotationService {
+  private static _state;
+  static get state(): AnnotationState;
+  static toggle(id: string): void;
+  private static initializeStore;
+}
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dso-toolkit/core",
-  "version": "51.2.1",
+  "version": "51.4.0",
   "description": "DSO Toolkit Web Components",
   "main": "dist/index.cjs.js",
   "module": "dist/components/index.js",
@@ -24,7 +24,7 @@
     "@stencil/store": "^2.0.1",
     "animejs": "3.2.1",
     "clsx": "1.2.1",
-    "dso-toolkit": "51.2.1",
+    "dso-toolkit": "51.4.0",
     "escape-string-regexp": "^5.0.0",
     "focus-trap": "^7.1.0",
     "popper-max-size-modifier": "^0.2.0",

package/dist/dso-toolkit/p-04ffcc93.entry.js

@@ -1 +0,0 @@
-import{r as e,c as s,h as t,F as o,f as l,a as c}from"./p-8f35c8f8.js";import{c as a}from"./p-6c543986.js";const i=class{constructor(t){e(this,t),this.dsoClose=s(this,"dsoClose",7),this.fixed=void 0,this.active=void 0}render(){return t(o,null,t("slot",null),!this.fixed&&t("button",{type:"button",onClick:e=>this.dsoClose.emit(e)},t("dso-icon",{icon:"times"}),t("span",{class:"sr-only"},"Sluiten")))}};i.style=":host{display:block;background-color:#f2f2f2;padding:16px 32px 16px 16px;position:relative}:host>button{background-color:transparent;border-style:none;padding:0;position:absolute;right:8px;top:8px}:host(:not([active]):not([fixed])){display:none}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}*,*::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}";const d=class{constructor(t){e(this,t),this.dsoChange=s(this,"dsoChange",7),this.fallbackIdentifier=a("DsoSelectable"),this.type=void 0,this.identifier=void 0,this.name=void 0,this.value=void 0,this.invalid=void 0,this.describedById=void 0,this.disabled=void 0,this.required=void 0,this.checked=void 0,this.indeterminate=void 0,this.infoFixed=void 0,this.infoActive=!1}async toggleInfo(e){this.infoActive=null!=e?e:!this.infoActive}componentDidLoad(){var e;null===(e=this.mutationObserver)||void 0===e||e.disconnect(),this.mutationObserver=new MutationObserver((()=>l(this.host))),this.mutationObserver.observe(this.host,{childList:!0}),this.setIndeterminate()}disconnectedCallback(){var e;null===(e=this.mutationObserver)||void 0===e||e.disconnect()}setIndeterminate(){this.input instanceof HTMLInputElement&&"checkbox"===this.type&&(this.input.indeterminate=!!this.indeterminate)}render(){var e;const s=!!this.host.querySelector('[slot="info"]');return t(o,null,t("div",{class:"dso-selectable-input-wrapper"},t("input",{type:this.type,id:this.getIdentifier(),value:this.value,name:this.name,"aria-invalid":null===(e=this.invalid)||void 0===e?void 0:e.toString(),"aria-describedby":s&&this.infoFixed?this.describedById:void 0,disabled:this.disabled,required:this.required,checked:this.checked,onChange:e=>this.dsoChange.emit(e),ref:e=>this.input=e}),t("label",{htmlFor:this.getIdentifier()},t("slot",null))),s&&t(o,null,!this.infoFixed&&t("dso-info-button",{active:this.infoActive,onDsoToggle:e=>this.infoActive=e.detail.active}),t("dso-info",{id:s&&this.infoFixed?this.describedById:void 0,fixed:this.infoFixed,active:this.infoActive,onDsoClose:()=>this.infoActive=!1},t("div",null,t("slot",{name:"info"})))))}getIdentifier(){var e;return null!==(e=this.identifier)&&void 0!==e?e:this.fallbackIdentifier}get host(){return c(this)}static get watchers(){return{indeterminate:["setIndeterminate"]}}};d.style='.sc-dso-selectable-h{display:block;position:relative}.sc-dso-selectable-h .dso-selectable-options.sc-dso-selectable{list-style:none;margin-top:8px;padding-left:0}.sc-dso-selectable-h .dso-selectable-options.sc-dso-selectable li.sc-dso-selectable+li.sc-dso-selectable{margin-top:8px}.sc-dso-selectable-h label.sc-dso-selectable{font-weight:400;line-height:24px;margin:0}.sc-dso-selectable-h input[type=checkbox][disabled].sc-dso-selectable+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=checkbox][disabled].sc-dso-selectable:active+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=checkbox][disabled].sc-dso-selectable:focus+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio][disabled].sc-dso-selectable+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio][disabled].sc-dso-selectable:active+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio][disabled].sc-dso-selectable:focus+label.sc-dso-selectable::before{background-color:#fff;box-shadow:0 0 0 2px #e5e5e5}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable,.sc-dso-selectable-h input[type=radio].sc-dso-selectable{height:24px;left:0;margin:0;opacity:0;position:absolute;top:0;width:24px;z-index:100;zoom:1}@media (prefers-contrast: more){.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable,.sc-dso-selectable-h input[type=radio].sc-dso-selectable{opacity:1}}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:not([disabled]),.sc-dso-selectable-h input[type=radio].sc-dso-selectable:not([disabled]){cursor:pointer}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable+label.sc-dso-selectable,.sc-dso-selectable-h input[type=radio].sc-dso-selectable+label.sc-dso-selectable{display:inline;font-style:normal;padding-left:0}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio].sc-dso-selectable+label.sc-dso-selectable::before{background:#fff;border:0;box-shadow:0 0 0 2px var(--dso-selectable-color, #275937);content:"";height:20px;left:2px;position:absolute;top:2px;width:20px}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:focus,.sc-dso-selectable-h input[type=radio].sc-dso-selectable:focus{outline:0}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:focus+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio].sc-dso-selectable:focus+label.sc-dso-selectable::before{box-shadow:0 0 0 3px var(--dso-selectable-color, #275937);height:18px;left:3px;top:3px;width:18px}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:active+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=checkbox].active.sc-dso-selectable+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio].sc-dso-selectable:active+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio].active.sc-dso-selectable+label.sc-dso-selectable::before{background-color:#ebf3e6;box-shadow:0 0 0 1px #275937;height:22px;left:1px;top:1px;width:22px}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable+label.sc-dso-selectable::before{border-radius:4px}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable+label.sc-dso-selectable::after{background:transparent;content:"";left:6px;opacity:0;position:absolute;top:6px;zoom:1}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:checked+label.sc-dso-selectable::after,.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:indeterminate+label.sc-dso-selectable::after{opacity:1}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:checked+label.sc-dso-selectable::after{border:solid;border-color:var(--dso-selectable-color, #39870c);border-top-color:transparent;border-width:0 0 3px 3px;height:8px;transform:rotate(-45deg);width:13px}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:indeterminate+label.sc-dso-selectable::after{background-color:var(--dso-selectable-color, #39870c);height:12px;width:12px}.sc-dso-selectable-h input[type=radio].sc-dso-selectable+label.sc-dso-selectable::before{border-radius:50%}.sc-dso-selectable-h input[type=radio].sc-dso-selectable+label.sc-dso-selectable::after{background-color:transparent;border-radius:50%;content:"";height:12px;left:6px;opacity:0;position:absolute;top:6px;width:12px;zoom:1}.sc-dso-selectable-h input[type=radio].sc-dso-selectable:checked+label.sc-dso-selectable::after{background-color:var(--dso-selectable-color, #39870c);opacity:1}.sc-dso-selectable-h>dso-info.sc-dso-selectable{float:none;margin:8px 16px 0 -32px;width:calc(100% + 32px)}.sc-dso-selectable-h:not(:last-child){margin-bottom:8px}*.sc-dso-selectable,*.sc-dso-selectable::after,*.sc-dso-selectable::before{box-sizing:border-box}.dso-selectable-input-wrapper.sc-dso-selectable{display:inline-block;padding-left:32px}.dso-selectable-input-wrapper.sc-dso-selectable:focus-within{border-radius:2px;outline-offset:3px;outline:3px solid #008ccc}.dso-selectable-input-wrapper.sc-dso-selectable input[type=radio].sc-dso-selectable:focus+label.sc-dso-selectable::before,.dso-selectable-input-wrapper.sc-dso-selectable input[type=checkbox].sc-dso-selectable:focus+label.sc-dso-selectable::before{box-shadow:0 0 0 2px var(--dso-selectable-color, #275937);height:20px;left:2px;top:2px;width:20px}';export{i as dso_info,d as dso_selectable}

package/dist/dso-toolkit/p-06b4f78d.entry.js

@@ -1 +0,0 @@
-import{r as t,h as e,H as n,a as o}from"./p-8f35c8f8.js";import{c as r}from"./p-6a1980b4.js";var i="top",a="bottom",f="right",p="left",s=[i,a,f,p],u=s.reduce((function(t,e){return t.concat([e+"-start",e+"-end"])}),[]),c=[].concat(s,["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 m(t){return t instanceof h(t).HTMLElement||t instanceof HTMLElement}function b(t){return"undefined"!=typeof ShadowRoot&&(t instanceof h(t).ShadowRoot||t instanceof ShadowRoot)}function x(t){return t.split("-")[0]}var w=Math.max,g=Math.min,y=Math.round;function O(){var t=navigator.userAgentData;return null!=t&&t.brands?t.brands.map((function(t){return t.brand+"/"+t.version})).join(" "):navigator.userAgent}function j(){return!/^((?!chrome|android).)*safari/i.test(O())}function k(t,e,n){void 0===e&&(e=!1),void 0===n&&(n=!1);var o=t.getBoundingClientRect(),r=1,i=1;e&&m(t)&&(r=t.offsetWidth>0&&y(o.width)/t.offsetWidth||1,i=t.offsetHeight>0&&y(o.height)/t.offsetHeight||1);var a=(v(t)?h(t):window).visualViewport,f=!j()&&n,p=(o.left+(f&&a?a.offsetLeft:0))/r,s=(o.top+(f&&a?a.offsetTop:0))/i,u=o.width/r,c=o.height/i;return{width:u,height:c,top:s,right:p+u,bottom:s+c,left:p,x:p,y:s}}function E(t){var e=k(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 M(t,e){var n=e.getRootNode&&e.getRootNode();if(t.contains(e))return!0;if(n&&b(n)){var o=e;do{if(o&&t.isSameNode(o))return!0;o=o.parentNode||o.host}while(o)}return!1}function S(t){return h(t).getComputedStyle(t)}function A(t){return["table","td","th"].indexOf(d(t))>=0}function L(t){return((v(t)?t.ownerDocument:t.document)||window.document).documentElement}function R(t){return"html"===d(t)?t:t.assignedSlot||t.parentNode||(b(t)?t.host:null)||L(t)}function T(t){return m(t)&&"fixed"!==S(t).position?t.offsetParent:null}function q(t){for(var e=h(t),n=T(t);n&&A(n)&&"static"===S(n).position;)n=T(n);return n&&("html"===d(n)||"body"===d(n)&&"static"===S(n).position)?e:n||function(t){var e=/firefox/i.test(O());if(/Trident/i.test(O())&&m(t)&&"fixed"===S(t).position)return null;var n=R(t);for(b(n)&&(n=n.host);m(n)&&["html","body"].indexOf(d(n))<0;){var o=S(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 z(t){return["top","bottom"].indexOf(t)>=0?"x":"y"}function P(t,e,n){return w(t,g(e,n))}function B(t){return Object.assign({},{top:0,right:0,bottom:0,left:0},t)}function W(t,e){return e.reduce((function(e,n){return e[n]=t,e}),{})}function H(t){return t.split("-")[1]}var D={top:"auto",right:"auto",bottom:"auto",left:"auto"};function I(t){var e,n=t.popper,o=t.popperRect,r=t.placement,s=t.variation,u=t.offsets,c=t.position,l=t.gpuAcceleration,d=t.adaptive,v=t.roundOffsets,m=t.isFixed,b=u.x,x=void 0===b?0:b,w=u.y,g=void 0===w?0:w,O="function"==typeof v?v({x,y:g}):{x,y:g};x=O.x,g=O.y;var j=u.hasOwnProperty("x"),k=u.hasOwnProperty("y"),E=p,M=i,A=window;if(d){var R=q(n),T="clientHeight",z="clientWidth";R===h(n)&&"static"!==S(R=L(n)).position&&"absolute"===c&&(T="scrollHeight",z="scrollWidth"),R=R,(r===i||(r===p||r===f)&&"end"===s)&&(M=a,g-=(m&&R===A&&A.visualViewport?A.visualViewport.height:R[T])-o.height,g*=l?1:-1),r!==p&&(r!==i&&r!==a||"end"!==s)||(E=f,x-=(m&&R===A&&A.visualViewport?A.visualViewport.width:R[z])-o.width,x*=l?1:-1)}var P,B=Object.assign({position:c},d&&D),W=!0===v?function(t){var e=t.y,n=window.devicePixelRatio||1;return{x:y(t.x*n)/n||0,y:y(e*n)/n||0}}({x,y:g}):{x,y:g};return x=W.x,g=W.y,Object.assign({},B,l?((P={})[M]=k?"0":"",P[E]=j?"0":"",P.transform=(A.devicePixelRatio||1)<=1?"translate("+x+"px, "+g+"px)":"translate3d("+x+"px, "+g+"px, 0)",P):((e={})[M]=k?g+"px":"",e[E]=j?x+"px":"",e.transform="",e))}var C={passive:!0},U={left:"right",right:"left",bottom:"top",top:"bottom"};function $(t){return t.replace(/left|right|bottom|top/g,(function(t){return U[t]}))}var _={start:"end",end:"start"};function F(t){return t.replace(/start|end/g,(function(t){return _[t]}))}function N(t){var e=h(t);return{scrollLeft:e.pageXOffset,scrollTop:e.pageYOffset}}function V(t){return k(L(t)).left+N(t).scrollLeft}function G(t){var e=S(t);return/auto|scroll|overlay|hidden/.test(e.overflow+e.overflowY+e.overflowX)}function J(t){return["html","body","#document"].indexOf(d(t))>=0?t.ownerDocument.body:m(t)&&G(t)?t:J(R(t))}function K(t,e){var n;void 0===e&&(e=[]);var o=J(t),r=o===(null==(n=t.ownerDocument)?void 0:n.body),i=h(o),a=r?[i].concat(i.visualViewport||[],G(o)?o:[]):o,f=e.concat(a);return r?f:f.concat(K(R(a)))}function Q(t){return Object.assign({},t,{left:t.x,top:t.y,right:t.x+t.width,bottom:t.y+t.height})}function X(t,e,n){return"viewport"===e?Q(function(t,e){var n=h(t),o=L(t),r=n.visualViewport,i=o.clientWidth,a=o.clientHeight,f=0,p=0;if(r){i=r.width,a=r.height;var s=j();(s||!s&&"fixed"===e)&&(f=r.offsetLeft,p=r.offsetTop)}return{width:i,height:a,x:f+V(t),y:p}}(t,n)):v(e)?function(t,e){var n=k(t,!1,"fixed"===e);return n.top=n.top+t.clientTop,n.left=n.left+t.clientLeft,n.bottom=n.top+t.clientHeight,n.right=n.left+t.clientWidth,n.width=t.clientWidth,n.height=t.clientHeight,n.x=n.left,n.y=n.top,n}(e,n):Q(function(t){var e,n=L(t),o=N(t),r=null==(e=t.ownerDocument)?void 0:e.body,i=w(n.scrollWidth,n.clientWidth,r?r.scrollWidth:0,r?r.clientWidth:0),a=w(n.scrollHeight,n.clientHeight,r?r.scrollHeight:0,r?r.clientHeight:0),f=-o.scrollLeft+V(t),p=-o.scrollTop;return"rtl"===S(r||n).direction&&(f+=w(n.clientWidth,r?r.clientWidth:0)-i),{width:i,height:a,x:f,y:p}}(L(t)))}function Y(t){var e,n=t.reference,o=t.element,r=t.placement,s=r?x(r):null,u=r?H(r):null,c=n.x+n.width/2-o.width/2,l=n.y+n.height/2-o.height/2;switch(s){case i:e={x:c,y:n.y-o.height};break;case a:e={x:c,y:n.y+n.height};break;case f:e={x:n.x+n.width,y:l};break;case p:e={x:n.x-o.width,y:l};break;default:e={x:n.x,y:n.y}}var d=s?z(s):null;if(null!=d){var h="y"===d?"height":"width";switch(u){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 Z(t,e){void 0===e&&(e={});var n=e.placement,o=void 0===n?t.placement:n,r=e.strategy,p=void 0===r?t.strategy:r,u=e.boundary,c=void 0===u?"clippingParents":u,l=e.rootBoundary,h=void 0===l?"viewport":l,b=e.elementContext,x=void 0===b?"popper":b,y=e.altBoundary,O=void 0!==y&&y,j=e.padding,E=void 0===j?0:j,A=B("number"!=typeof E?E:W(E,s)),T=t.rects.popper,z=t.elements[O?"popper"===x?"reference":"popper":x],P=function(t,e,n,o){var r="clippingParents"===e?function(t){var e=K(R(t)),n=["absolute","fixed"].indexOf(S(t).position)>=0&&m(t)?q(t):t;return v(n)?e.filter((function(t){return v(t)&&M(t,n)&&"body"!==d(t)})):[]}(t):[].concat(e),i=[].concat(r,[n]),a=i.reduce((function(e,n){var r=X(t,n,o);return e.top=w(r.top,e.top),e.right=g(r.right,e.right),e.bottom=g(r.bottom,e.bottom),e.left=w(r.left,e.left),e}),X(t,i[0],o));return a.width=a.right-a.left,a.height=a.bottom-a.top,a.x=a.left,a.y=a.top,a}(v(z)?z:z.contextElement||L(t.elements.popper),c,h,p),H=k(t.elements.reference),D=Y({reference:H,element:T,strategy:"absolute",placement:o}),I=Q(Object.assign({},T,D)),C="popper"===x?I:H,U={top:P.top-C.top+A.top,bottom:C.bottom-P.bottom+A.bottom,left:P.left-C.left+A.left,right:C.right-P.right+A.right},$=t.modifiersData.offset;if("popper"===x&&$){var _=$[o];Object.keys(U).forEach((function(t){var e=[f,a].indexOf(t)>=0?1:-1,n=[i,a].indexOf(t)>=0?"y":"x";U[t]+=_[n]*e}))}return U}function tt(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?c:a,p=H(e.placement),l=p?i?u:u.filter((function(t){return H(t)===p})):s,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]=Z(t,{placement:i,boundary:n,rootBoundary:o,padding:r})[x(i)],e}),{});return Object.keys(h).sort((function(t,e){return h[t]-h[e]}))}function et(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 nt(t){return[i,f,a,p].some((function(e){return t[e]>=0}))}function ot(t,e,n){void 0===n&&(n=!1);var o,r,i=m(e),a=m(e)&&function(t){var e=t.getBoundingClientRect(),n=y(e.width)/t.offsetWidth||1,o=y(e.height)/t.offsetHeight||1;return 1!==n||1!==o}(e),f=L(e),p=k(t,a,n),s={scrollLeft:0,scrollTop:0},u={x:0,y:0};return(i||!i&&!n)&&(("body"!==d(e)||G(f))&&(s=(o=e)!==h(o)&&m(o)?{scrollLeft:(r=o).scrollLeft,scrollTop:r.scrollTop}:N(o)),m(e)?((u=k(e,!0)).x+=e.clientLeft,u.y+=e.clientTop):f&&(u.x=V(f))),{x:p.left+s.scrollLeft-u.x,y:p.top+s.scrollTop-u.y,width:p.width,height:p.height}}function rt(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 it={placement:"bottom",modifiers:[],strategy:"absolute"};function at(){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 ft(t){void 0===t&&(t={});var e=t.defaultModifiers,n=void 0===e?[]:e,o=t.defaultOptions,r=void 0===o?it:o;return function(t,e,o){void 0===o&&(o=r);var i,a,f={placement:"bottom",orderedModifiers:[],options:Object.assign({},it,r),modifiersData:{},elements:{reference:t,popper:e},attributes:{},styles:{}},p=[],s=!1,u={state:f,setOptions:function(o){var i="function"==typeof o?o(f.options):o;c(),f.options=Object.assign({},r,f.options,i),f.scrollParents={reference:v(t)?K(t):t.contextElement?K(t.contextElement):[],popper:K(e)};var a,s,d=function(t){var e=rt(t);return l.reduce((function(t,n){return t.concat(e.filter((function(t){return t.phase===n})))}),[])}((a=[].concat(n,f.options.modifiers),s=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(s).map((function(t){return s[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:u,options:void 0===e?{}:e});p.push(o||function(){})}})),u.update()},forceUpdate:function(){if(!s){var t=f.elements,e=t.reference,n=t.popper;if(at(e,n)){f.rects={reference:ot(e,q(n),"fixed"===f.options.strategy),popper:E(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:u})||f)}else f.reset=!1,o=-1}}},update:(i=function(){return new Promise((function(t){u.forceUpdate(),t(f)}))},function(){return a||(a=new Promise((function(t){Promise.resolve().then((function(){a=void 0,t(i())}))}))),a}),destroy:function(){c(),s=!0}};if(!at(t,e))return u;function c(){p.forEach((function(t){return t()})),p=[]}return u.setOptions(o).then((function(t){!s&&o.onFirstUpdate&&o.onFirstUpdate(t)})),u}}var pt=ft({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,p=h(e.elements.popper),s=[].concat(e.scrollParents.reference,e.scrollParents.popper);return i&&s.forEach((function(t){t.addEventListener("scroll",n.update,C)})),f&&p.addEventListener("resize",n.update,C),function(){i&&s.forEach((function(t){t.removeEventListener("scroll",n.update,C)})),f&&p.removeEventListener("resize",n.update,C)}},data:{}},{name:"popperOffsets",enabled:!0,phase:"read",fn:function(t){var e=t.state;e.modifiersData[t.name]=Y({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,p=void 0===f||f,s={placement:x(e.placement),variation:H(e.placement),popper:e.elements.popper,popperRect:e.rects.popper,gpuAcceleration:r,isFixed:"fixed"===e.options.strategy};null!=e.modifiersData.popperOffsets&&(e.styles.popper=Object.assign({},e.styles.popper,I(Object.assign({},s,{offsets:e.modifiersData.popperOffsets,position:e.options.strategy,adaptive:a,roundOffsets:p})))),null!=e.modifiersData.arrow&&(e.styles.arrow=Object.assign({},e.styles.arrow,I(Object.assign({},s,{offsets:e.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:p})))),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];m(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}),{});m(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=c.reduce((function(t,n){return t[n]=function(t,e,n){var o=x(t),r=[p,i].indexOf(o)>=0?-1:1,a="function"==typeof n?n(Object.assign({},e,{placement:t})):n,s=a[0],u=a[1];return s=s||0,u=(u||0)*r,[p,f].indexOf(o)>=0?{x:u,y:s}:{x:s,y:u}}(n,e.rects,r),t}),{}),s=a[e.placement],u=s.y;null!=e.modifiersData.popperOffsets&&(e.modifiersData.popperOffsets.x+=s.x,e.modifiersData.popperOffsets.y+=u),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,s=void 0===r||r,u=n.altAxis,c=void 0===u||u,l=n.fallbackPlacements,d=n.padding,h=n.boundary,v=n.rootBoundary,m=n.altBoundary,b=n.flipVariations,w=void 0===b||b,g=n.allowedAutoPlacements,y=e.options.placement,O=x(y),j=l||(O!==y&&w?function(t){if("auto"===x(t))return[];var e=$(t);return[F(t),e,F(e)]}(y):[$(y)]),k=[y].concat(j).reduce((function(t,n){return t.concat("auto"===x(n)?tt(e,{placement:n,boundary:h,rootBoundary:v,padding:d,flipVariations:w,allowedAutoPlacements:g}):n)}),[]),E=e.rects.reference,M=e.rects.popper,S=new Map,A=!0,L=k[0],R=0;R<k.length;R++){var T=k[R],q=x(T),z="start"===H(T),P=[i,a].indexOf(q)>=0,B=P?"width":"height",W=Z(e,{placement:T,boundary:h,rootBoundary:v,altBoundary:m,padding:d}),D=P?z?f:p:z?a:i;E[B]>M[B]&&(D=$(D));var I=$(D),C=[];if(s&&C.push(W[q]<=0),c&&C.push(W[D]<=0,W[I]<=0),C.every((function(t){return t}))){L=T,A=!1;break}S.set(T,C)}if(A)for(var U=function(t){var e=k.find((function(e){var n=S.get(e);if(n)return n.slice(0,t).every((function(t){return t}))}));if(e)return L=e,"break"},_=w?3:1;_>0&&"break"!==U(_);_--);e.placement!==L&&(e.modifiersData[o]._skip=!0,e.placement=L,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,s=void 0===r||r,u=n.altAxis,c=void 0!==u&&u,l=n.tether,d=void 0===l||l,h=n.tetherOffset,v=void 0===h?0:h,m=Z(e,{boundary:n.boundary,rootBoundary:n.rootBoundary,padding:n.padding,altBoundary:n.altBoundary}),b=x(e.placement),y=H(e.placement),O=!y,j=z(b),k="x"===j?"y":"x",M=e.modifiersData.popperOffsets,S=e.rects.reference,A=e.rects.popper,L="function"==typeof v?v(Object.assign({},e.rects,{placement:e.placement})):v,R="number"==typeof L?{mainAxis:L,altAxis:L}:Object.assign({mainAxis:0,altAxis:0},L),T=e.modifiersData.offset?e.modifiersData.offset[e.placement]:null,B={x:0,y:0};if(M){if(s){var W,D="y"===j?i:p,I="y"===j?a:f,C="y"===j?"height":"width",U=M[j],$=U+m[D],_=U-m[I],F=d?-A[C]/2:0,N="start"===y?S[C]:A[C],V="start"===y?-A[C]:-S[C],G=e.elements.arrow,J=d&&G?E(G):{width:0,height:0},K=e.modifiersData["arrow#persistent"]?e.modifiersData["arrow#persistent"].padding:{top:0,right:0,bottom:0,left:0},Q=K[D],X=K[I],Y=P(0,S[C],J[C]),tt=O?S[C]/2-F-Y-Q-R.mainAxis:N-Y-Q-R.mainAxis,et=O?-S[C]/2+F+Y+X+R.mainAxis:V+Y+X+R.mainAxis,nt=e.elements.arrow&&q(e.elements.arrow),ot=null!=(W=null==T?void 0:T[j])?W:0,rt=U+et-ot,it=P(d?g($,U+tt-ot-(nt?"y"===j?nt.clientTop||0:nt.clientLeft||0:0)):$,U,d?w(_,rt):_);M[j]=it,B[j]=it-U}if(c){var at,ft=M[k],pt="y"===k?"height":"width",st=ft+m["x"===j?i:p],ut=ft-m["x"===j?a:f],ct=-1!==[i,p].indexOf(b),lt=null!=(at=null==T?void 0:T[k])?at:0,dt=ct?st:ft-S[pt]-A[pt]-lt+R.altAxis,ht=ct?ft+S[pt]+A[pt]-lt-R.altAxis:ut,vt=d&&ct?function(t,e,n){var o=P(t,e,n);return o>n?n:o}(dt,ft,ht):P(d?dt:st,ft,d?ht:ut);M[k]=vt,B[k]=vt-ft}e.modifiersData[o]=B}},requiresIfExists:["offset"]},{name:"arrow",enabled:!0,phase:"main",fn:function(t){var e,n=t.state,o=t.name,r=t.options,u=n.elements.arrow,c=n.modifiersData.popperOffsets,l=x(n.placement),d=z(l),h=[p,f].indexOf(l)>=0?"height":"width";if(u&&c){var v=function(t,e){return B("number"!=typeof(t="function"==typeof t?t(Object.assign({},e.rects,{placement:e.placement})):t)?t:W(t,s))}(r.padding,n),m=E(u),b="y"===d?i:p,w="y"===d?a:f,g=n.rects.reference[h]+n.rects.reference[d]-c[d]-n.rects.popper[h],y=c[d]-n.rects.reference[d],O=q(u),j=O?"y"===d?O.clientHeight||0:O.clientWidth||0:0,k=j/2-m[h]/2+(g/2-y/2),M=P(v[b],k,j-m[h]-v[w]);n.modifiersData[o]=((e={})[d]=M,e.centerOffset=M-k,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)))&&M(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=Z(e,{elementContext:"reference"}),f=Z(e,{altBoundary:!0}),p=et(a,o),s=et(f,r,i),u=nt(p),c=nt(s);e.modifiersData[n]={referenceClippingOffsets:p,popperEscapeOffsets:s,isReferenceHidden:u,hasPopperEscaped:c},e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-reference-hidden":u,"data-popper-escaped":c})}}]}),st={name:"maxSize",enabled:!0,phase:"main",requiresIfExists:["offset","preventOverflow","flip"],fn:function(t){var e=t.state,n=t.name,o=Z(e,t.options),r=e.modifiersData.preventOverflow||{x:0,y:0},i=r.x,a=r.y,f=e.rects.popper,p=f.width,s=f.height,u=e.placement.split("-")[0];e.modifiersData[n]={width:p-o["left"===u?"left":"right"]-i,height:s-o["top"===u?"top":"bottom"]-a}}};function ut(t){const e=window.getComputedStyle(t),n=e.getPropertyValue("overflow-x"),o=e.getPropertyValue("overflow-y"),r=["hidden","clip"];return-1!==r.indexOf(n)||-1!==r.indexOf(o)}const ct=class{constructor(e){t(this,e),this.applyMaxSize={name:"applyMaxSize",enabled:!0,phase:"beforeWrite",requires:["maxSize"],fn({state:t}){let{width:e}=t.modifiersData.maxSize;e<160&&(e=160),t.styles.popper=Object.assign(Object.assign({},t.styles.popper),{maxWidth:`${e}px`})}},this.keyDownListener=t=>{"Escape"===t.key&&this.deactivate()},this.descriptive=!1,this.position="top",this.strategy="auto",this.noArrow=!1,this.stateless=void 0,this.small=void 0,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})}watchStrategy(){this.setStrategy()}setStrategy(){if(!this.popper)return;if("absolute"===this.strategy||"fixed"===this.strategy)return void this.popper.setOptions({strategy:this.strategy});let t=this.element;for(;t&&t.parentNode!==document;)if(t=t.parentNode instanceof ShadowRoot?t.parentNode.host:t.parentElement,null!==t&&ut(t))return void this.popper.setOptions({strategy:"fixed"});this.popper.setOptions({strategy:"absolute"})}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}]}),document.addEventListener("keydown",this.keyDownListener)}))):(this.stateless||(null===(t=this.popper)||void 0===t||t.setOptions({modifiers:[{name:"eventListeners",enabled:!1}]}),document.removeEventListener("keydown",this.keyDownListener)),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");if(!this.element.id)throw new Error("Unable to find reference tooltip has no [id] attribute.");this.target=this.getTarget(this.element.id),this.popper=pt(this.target,e,{placement:this.position,modifiers:[st,this.applyMaxSize]}),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.setStrategy(),this.active&&(null===(t=this.popper)||void 0===t||t.update())}render(){return e(n,{class:{hidden:this.hidden},role:"tooltip"},e("div",{class:r("tooltip",{in:this.active})},!this.noArrow&&e("div",{"data-popper-arrow":!0,class:"tooltip-arrow"}),e("div",{"aria-hidden":!this.descriptive||void 0,class:r("tooltip-inner",{"dso-small":this.small})},e("slot",null))))}getTarget(t){const e=this.element.getRootNode();if(!(e instanceof Document||e instanceof ShadowRoot))throw new Error("rootNode is not instance of Document or ShadowRoot");const n=e.querySelector(`[aria-describedBy="${t}`);if(!n)throw new Error(`Unable to find reference with aria-describedby ${t}`);return n}get element(){return o(this)}static get watchers(){return{position:["watchPosition"],strategy:["watchStrategy"],active:["watchActive"]}}};ct.style=":host(.hidden){visibility:hidden}:host-context(dso-toggletip){color:red !important}:host-context(dso-toggletip) *[data-popper-placement=top] .tooltip-arrow{margin-left:3px}:host-context(dso-toggletip) *[data-popper-placement=right] .tooltip-arrow{margin-top:0}:host-context(dso-toggletip) *[data-popper-placement=bottom] .tooltip-arrow{margin-left:3px}:host-context(dso-toggletip) *[data-popper-placement=left]{margin-right:-8px !important}:host-context(dso-toggletip) *[data-popper-placement=left] .tooltip-arrow{margin-top:0}*,*::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:410}.tooltip.in{opacity:1}.tooltip .tooltip-inner{background-color:#fff;border-radius:4px;color:#191919;display:inline-block;font-size:1rem;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;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}.tooltip[data-popper-placement=top] .tooltip-arrow{margin-left:-3px}.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}.tooltip[data-popper-placement=right] .tooltip-arrow{margin-top:-3px}.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;top:0}.tooltip[data-popper-placement=bottom] .tooltip-arrow{margin-left:-3px}.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;right:0}.tooltip[data-popper-placement=left] .tooltip-arrow{margin-top:-3px}";export{ct as dso_tooltip}

package/dist/dso-toolkit/p-0e5315a3.entry.js

@@ -1 +0,0 @@
-import{r as t,h as s,H as o,a as e}from"./p-8f35c8f8.js";import{t as i}from"./p-3635427a.js";import{v as n}from"./p-5d7f4ff2.js";const r=class{constructor(s){t(this,s),this.focusOutListener=t=>{this.tabbables.includes(t.relatedTarget)||(this.open=!1)},this.keyDownListener=t=>{if(!t.defaultPrevented){switch(t.key){case"ArrowDown":this.tabInPopup(1);break;case"ArrowUp":this.tabInPopup(-1);break;case"Escape":this.escape();break;case" ":t.target instanceof HTMLElement&&t.target.click();break;default:return}t.preventDefault()}},this.escape=()=>{this.button.focus(),this.open=!1},this.open=!1,this.dropdownAlign="left",this.checkable=!1}get button(){const t=this.host.querySelector('button[slot="toggle"]');if(!(t instanceof HTMLButtonElement))throw new ReferenceError("Mandatory toggle button not found");return t}get tabbables(){return i(this.host).filter((t=>t!==this.button))}componentDidLoad(){this.button.setAttribute("aria-haspopup","menu"),this.button.setAttribute("aria-expanded","false"),this.button.id||(this.button.id=n()),this.button.addEventListener("click",(()=>{this.open=!this.open}));const t=this.host.querySelector(".dso-dropdown-options");if(!t)throw new ReferenceError("Dropdown options not found");t.setAttribute("role","menu"),t.setAttribute("aria-labelledby",this.button.id);for(const t of Array.from(this.host.getElementsByTagName("ul"))){t.setAttribute("role","group");for(const s of Array.from(t.getElementsByTagName("li")))s.setAttribute("role","none")}}componentDidRender(){for(const t of Array.from(this.host.getElementsByTagName("li")))for(const s of i(t))s.setAttribute("role",this.checkable?"menuitemradio":"menuitem"),this.checkable&&s.setAttribute("aria-checked",t.classList.contains("dso-checked").toString());this.host.removeEventListener("keydown",this.keyDownListener),this.button.setAttribute("aria-expanded",this.open?"true":"false"),this.open&&this.host.addEventListener("keydown",this.keyDownListener),this.tabbables.forEach((t=>{t.removeEventListener("click",this.escape),this.open&&t.addEventListener("click",this.escape)}))}getActiveElement(t=document){const s=t.activeElement;return s?s.shadowRoot?this.getActiveElement(s.shadowRoot):s:null}tabInPopup(t){const s=this.tabbables;let o=s.findIndex((t=>t===this.getActiveElement()))+t;o>=s.length?o=0:o<0&&(o=s.length-1),s[o].focus()}render(){return s(o,{onFocusout:this.focusOutListener,tabindex:this.open?"-1":void 0},s("slot",{name:"toggle"}),s("div",{hidden:!this.open},s("slot",null)))}get host(){return e(this)}};r.style=":host(:focus){outline:none}:host{display:inline-block;position:relative}";export{r as dso_dropdown_menu}

package/dist/dso-toolkit/p-36cd87c4.entry.js

@@ -1 +0,0 @@
-import{g as t,f as e,r as s,c as n,h as i,H as o,a as r}from"./p-8f35c8f8.js";const a=t=>!("isConnected"in t)||t.isConnected,c=(()=>{let t;return(...e)=>{t&&clearTimeout(t),t=setTimeout((()=>{t=0,(t=>{for(let e of t.keys())t.set(e,t.get(e).filter(a))})(...e)}),2e3)}})(),l=t=>"function"==typeof t?t():t,h=class{constructor(i){s(this,i),this.dsoToggleSection=n(this,"dsoToggleSection",7),this.dsoToggleSectionAnimationEnd=n(this,"dsoToggleSectionAnimationEnd",7),this.variant="default",this.reverseAlign=!1,this.allowMultipleOpen=!1;const{state:o}=((s,n)=>{const i=((t,e=((t,e)=>t!==e))=>{const s=l(t);let n=new Map(Object.entries(null!=s?s:{}));const i={dispose:[],get:[],set:[],reset:[]},o=()=>{var e;n=new Map(Object.entries(null!==(e=l(t))&&void 0!==e?e:{})),i.reset.forEach((t=>t()))},r=t=>(i.get.forEach((e=>e(t))),n.get(t)),a=(t,s)=>{const o=n.get(t);e(s,o,t)&&(n.set(t,s),i.set.forEach((e=>e(t,s,o))))},c="undefined"==typeof Proxy?{}:new Proxy(s,{get:(t,e)=>r(e),ownKeys:()=>Array.from(n.keys()),getOwnPropertyDescriptor:()=>({enumerable:!0,configurable:!0}),has:(t,e)=>n.has(e),set:(t,e,s)=>(a(e,s),!0)}),h=(t,e)=>(i[t].push(e),()=>{((t,e)=>{const s=t.indexOf(e);s>=0&&(t[s]=t[t.length-1],t.length--)})(i[t],e)});return{state:c,get:r,set:a,on:h,onChange:(e,s)=>{const n=h("set",((t,n)=>{t===e&&s(n)})),i=h("reset",(()=>s(l(t)[e])));return()=>{n(),i()}},use:(...t)=>{const e=t.reduce(((t,e)=>(e.set&&t.push(h("set",e.set)),e.get&&t.push(h("get",e.get)),e.reset&&t.push(h("reset",e.reset)),e.dispose&&t.push(h("dispose",e.dispose)),t)),[]);return()=>e.forEach((t=>t()))},dispose:()=>{i.dispose.forEach((t=>t())),o()},reset:o,forceUpdate:t=>{const e=n.get(t);i.set.forEach((s=>s(t,e,e)))}}})(s,n);return i.use((()=>{if("function"!=typeof t)return{};const s=new Map;return{dispose:()=>s.clear(),get:e=>{const n=t();n&&((t,e,s)=>{const n=t.get(e);n?n.includes(s)||n.push(s):t.set(e,[s])})(s,e,n)},set:t=>{const n=s.get(t);n&&s.set(t,n.filter(e)),c(s)},reset:()=>{s.forEach((t=>t.forEach(e))),c(s)}}})()),i})({variant:this.variant||"default",reverseAlign:this.reverseAlign,allowMultipleOpen:this.allowMultipleOpen});this.accordionState=o}updateVariant(t="default"){this.accordionState.variant=t||"default"}updateReverseAlign(t){this.accordionState.reverseAlign=t}updateAllowMultipleOpen(t){if(this.accordionState.allowMultipleOpen=t,!t){const t=Array.from(this.host.querySelectorAll(":scope > dso-accordion-section[open]"));t.shift(),t.forEach((t=>this.controlOpenAttribute(t,!1)))}}async getState(){return this.accordionState}async toggleSection(t,e){const s=Array.from(this.host.querySelectorAll(":scope > dso-accordion-section"));if("number"==typeof t&&(t=s[t]),!(t instanceof HTMLElement&&s.includes(t)))return;const n=this.isSectionOpen(t);return this.allowMultipleOpen?(this.controlOpenAttribute(t,!n),this.emitToggleEvent(t,s,e),!n):n?(this.controlOpenAttribute(t,!1),this.emitToggleEvent(t,s,e),!1):(await this.closeOpenSections(),this.controlOpenAttribute(t,!0),this.emitToggleEvent(t,s,e),!0)}async animationEnd(t){this.dsoToggleSectionAnimationEnd.emit({section:{element:t,open:this.isSectionOpen(t)}})}async closeOpenSections(){Array.from(this.host.querySelectorAll(":scope > dso-accordion-section")).filter((t=>this.isSectionOpen(t))).forEach((t=>this.controlOpenAttribute(t,!1)))}componentWillLoad(){this.accordionState.variant!==this.variant&&(this.accordionState.variant=this.variant||"default"),this.accordionState.reverseAlign!==this.reverseAlign&&(this.accordionState.reverseAlign=this.reverseAlign),this.accordionState.allowMultipleOpen!==this.allowMultipleOpen&&(this.accordionState.allowMultipleOpen=this.allowMultipleOpen)}render(){return i(o,{class:{"dso-accordion":!0}},i("slot",null))}emitToggleEvent(t,e,s){this.dsoToggleSection.emit({originalEvent:s,section:{element:t,open:this.isSectionOpen(t)},sections:e})}isSectionOpen(t){return"string"==typeof t.getAttribute("open")}controlOpenAttribute(t,e){e?t.setAttribute("open",""):t.removeAttribute("open")}get host(){return r(this)}static get watchers(){return{variant:["updateVariant"],reverseAlign:["updateReverseAlign"],allowMultipleOpen:["updateAllowMultipleOpen"]}}};h.style=":host{display:block}*,*::after,*::before{box-sizing:border-box}";export{h as dso_accordion}

package/dist/dso-toolkit/p-46acc09f.entry.js

@@ -1 +0,0 @@
-import{r as i,c as t,h as n,F as e,a}from"./p-8f35c8f8.js";import{i as o}from"./p-33df9903.js";const s=class{constructor(n){i(this,n),this.dsoSelectPage=t(this,"dsoSelectPage",7),this.sizePositionsMap={small:7,medium:9,large:11},this.availablePositions=void 0,this.totalPages=void 0,this.currentPage=void 0,this.formatHref=i=>"#"+i}sizeChangeHandler(i){this.availablePositions=this.getAvailablePositions(this.sizePositionsMap[i.detail])}clickHandler(i,t){this.dsoSelectPage.emit({originalEvent:i,page:t,isModifiedEvent:o(i)})}componentDidLoad(){var i;null===(i=this.responsiveElement)||void 0===i||i.getSize().then((i=>this.availablePositions=this.getAvailablePositions(this.sizePositionsMap[i])))}render(){var i,t,a;if(!this.totalPages)return null;if(void 0===this.availablePositions)return n("dso-responsive-element",{ref:i=>this.responsiveElement=i});const o=this.availablePositions,s=null!==(i=this.currentPage)&&void 0!==i?i:0,l=this.getPages(s,this.availablePositions,this.totalPages);return n("dso-responsive-element",{ref:i=>this.responsiveElement=i},n("ul",{class:"pagination"},n("li",{class:s<=1||s>this.totalPages?"dso-page-hidden":void 0},n("a",{href:this.formatHref(null!==(t=l[l.indexOf(s)-1])&&void 0!==t?t:1),"aria-label":"Vorige",onClick:i=>{var t;return s&&this.clickHandler(i,null!==(t=l[l.indexOf(s)-1])&&void 0!==t?t:1)}},n("dso-icon",{icon:"chevron-left"}))),l.map((i=>n(e,null,this.showEllipsisBeforeLast(l,i,o,l[l.length-1])&&n("li",null,n("span",null,"...")),n("li",{key:i,class:s===i?"active":void 0},s===i?n("span",{"aria-current":"page"},i):n("a",{href:this.formatHref(i),onClick:t=>this.clickHandler(t,i)},i)),this.showEllipsisAfterFirst(l,i,o)&&n("li",null,n("span",null,"..."))))),n("li",{class:s<1||s>=this.totalPages?"dso-page-hidden":void 0},n("a",{href:this.formatHref(null!==(a=l[l.indexOf(s)+1])&&void 0!==a?a:this.totalPages),"aria-label":"Volgende",onClick:i=>{var t;return s&&this.clickHandler(i,null!==(t=l[l.indexOf(s)+1])&&void 0!==t?t:this.totalPages)}},n("dso-icon",{icon:"chevron-right"})))))}getAvailablePositions(i){return i%2==0?i-1:i<=3?3:i}getPages(i,t,n){return n+2<=t?Array.from({length:n},((i,t)=>t+1)):3===t?[i]:5===t?[1,i,n]:[1,...this.getPageRange(i,t,n),n]}getPageRange(i,t,n){const e=[],a=Math.floor(t/2);if(i<=a)for(let i=2;i<=t-4;i++)e.push(i);if(i>=a&&i<=n-a&&(1===a&&(i>n-2&&e.push(n-2),e.push(i),i<3&&e.push(3)),a>1)){const t=a-3;for(let o=Math.min(i-t,n-a);o<=Math.max(i+t,a);o++)o>2&&o<n-1&&e.push(o)}if(i>n-a)for(let i=n-(t-5);i<=n-1;i++)e.push(i);return e.filter(((i,t,n)=>n.indexOf(i)===t))}showEllipsisAfterFirst(i,t,n){return 0===i.indexOf(t)&&i[i.length-1]>n-2&&!i.some((i=>2===i))&&n>=7}showEllipsisBeforeLast(i,t,n,e){return i.indexOf(t)===i.length-1&&i[i.length-1]>n-2&&!i.some((i=>i===e-1))&&n>=7}get host(){return a(this)}};s.style=':host{display:block}*,*::after,*::before{box-sizing:border-box}.pagination{padding-inline-start:initial;text-align:center}.pagination>li{display:inline-block;font-weight:bold;line-height:calc(2rem - 4px);text-align:center;vertical-align:middle}.pagination>li>a,.pagination>li>span{align-items:center;color:#39870c;display:flex;height:2rem;justify-content:center;position:relative;width:2rem}.pagination>li>a:active,.pagination>li>span:active{background-color:#ebf3e6}.pagination>li>span{border:2px solid transparent;border-radius:50%}.pagination>li a{line-height:2rem;text-decoration:none}.pagination>li a:hover,.pagination>li a:focus{text-decoration:none}.pagination>li a:hover::after,.pagination>li a:focus::after{border-bottom-color:#39870c}.pagination>li a::after{border-bottom:3px solid transparent;bottom:0;content:"";display:inline-block;left:0;position:absolute;width:100%}.pagination>li.active span{background-color:#39870c;color:#fff}.pagination>li+li{margin-left:8px}.dso-page-hidden{visibility:hidden}';export{s as dso_pagination}