@dso-toolkit/core 47.0.1 → 49.0.0

package/dist/collection/components/autosuggest/autosuggest.js

@@ -95,42 +95,45 @@ export class Autosuggest {
     }
   }
   connectedCallback() {
-    const input = this.host.querySelector('input[type="text"]');
-    if (!(input instanceof HTMLInputElement)) {
-      throw new ReferenceError("Mandatory text input not found");
-    }
-    this.input = input;
-    if (input.id) {
-      this.inputId = input.id;
-    }
-    else {
-      input.id = this.inputId;
-    }
-    if (!this.input.labels || this.input.labels.length < 1) {
-      throw new ReferenceError("Mandatory label for text input not found");
-    }
-    const label = this.input.labels[0];
-    if (label.id) {
-      this.labelId = label.id;
-    }
-    else {
-      label.id = this.labelId;
-    }
-    this.input.setAttribute("role", "combobox");
-    this.input.setAttribute("aria-haspopup", "listbox");
-    this.input.setAttribute("aria-controls", this.listboxId);
-    this.input.setAttribute("aria-expanded", "false");
-    this.input.setAttribute("autocomplete", "off");
-    this.input.setAttribute("aria-autocomplete", "list");
-    this.input.setAttribute("aria-activedescendant", "");
-    this.input.addEventListener("input", this.onInput);
-    this.input.addEventListener("keydown", this.onKeyDown);
-    this.input.addEventListener("focusin", this.onFocusIn);
+    setTimeout(() => {
+      const input = this.host.querySelector('input[type="text"]');
+      if (!(input instanceof HTMLInputElement)) {
+        throw new ReferenceError("Mandatory text input not found");
+      }
+      this.input = input;
+      if (input.id) {
+        this.inputId = input.id;
+      }
+      else {
+        input.id = this.inputId;
+      }
+      if (!this.input.labels || this.input.labels.length < 1) {
+        throw new ReferenceError("Mandatory label for text input not found");
+      }
+      const label = this.input.labels[0];
+      if (label.id) {
+        this.labelId = label.id;
+      }
+      else {
+        label.id = this.labelId;
+      }
+      this.input.setAttribute("role", "combobox");
+      this.input.setAttribute("aria-haspopup", "listbox");
+      this.input.setAttribute("aria-controls", this.listboxId);
+      this.input.setAttribute("aria-expanded", "false");
+      this.input.setAttribute("autocomplete", "off");
+      this.input.setAttribute("aria-autocomplete", "list");
+      this.input.setAttribute("aria-activedescendant", "");
+      this.input.addEventListener("input", this.onInput);
+      this.input.addEventListener("keydown", this.onKeyDown);
+      this.input.addEventListener("focusin", this.onFocusIn);
+    });
   }
   disconnectedCallback() {
-    this.input.removeEventListener("input", this.onInput);
-    this.input.removeEventListener("keydown", this.onKeyDown);
-    this.input.removeEventListener("focusin", this.onFocusIn);
+    var _a, _b, _c;
+    (_a = this.input) === null || _a === void 0 ? void 0 : _a.removeEventListener("input", this.onInput);
+    (_b = this.input) === null || _b === void 0 ? void 0 : _b.removeEventListener("keydown", this.onKeyDown);
+    (_c = this.input) === null || _c === void 0 ? void 0 : _c.removeEventListener("focusin", this.onFocusIn);
   }
   markTerms(suggestionValue, terms) {
     if (!suggestionValue || !terms || terms.length === 0) {
@@ -151,60 +154,64 @@ export class Autosuggest {
     });
   }
   selectSuggestion(suggestion) {
+    var _a;
     this.selectedSuggestion = suggestion;
-    this.input.setAttribute("aria-activedescendant", this.listboxItemId(suggestion));
+    (_a = this.input) === null || _a === void 0 ? void 0 : _a.setAttribute("aria-activedescendant", this.listboxItemId(suggestion));
   }
   selectFirstSuggestion() {
+    var _a;
     if (!this.suggestions) {
       return;
     }
     this.selectedSuggestion = this.suggestions[0];
     if (this.selectedSuggestion) {
-      this.input.setAttribute("aria-activedescendant", this.listboxItemId(this.selectedSuggestion));
+      (_a = this.input) === null || _a === void 0 ? void 0 : _a.setAttribute("aria-activedescendant", this.listboxItemId(this.selectedSuggestion));
     }
   }
   selectLastSuggestion() {
+    var _a;
     if (!this.suggestions) {
       return;
     }
     this.selectedSuggestion = this.suggestions[this.suggestions.length - 1];
     if (this.selectedSuggestion) {
-      this.input.setAttribute("aria-activedescendant", this.listboxItemId(this.selectedSuggestion));
+      (_a = this.input) === null || _a === void 0 ? void 0 : _a.setAttribute("aria-activedescendant", this.listboxItemId(this.selectedSuggestion));
     }
   }
   selectNextSuggestion() {
-    var _a;
+    var _a, _b;
     if (!this.suggestions) {
       return;
     }
     const index = this.selectedSuggestion ? this.suggestions.indexOf(this.selectedSuggestion) : -1;
     this.selectedSuggestion = (_a = this.suggestions[index + 1]) !== null && _a !== void 0 ? _a : this.suggestions[0];
     if (this.selectedSuggestion) {
-      this.input.setAttribute("aria-activedescendant", this.listboxItemId(this.selectedSuggestion));
+      (_b = this.input) === null || _b === void 0 ? void 0 : _b.setAttribute("aria-activedescendant", this.listboxItemId(this.selectedSuggestion));
     }
   }
   selectPreviousSuggestion() {
-    var _a;
+    var _a, _b;
     if (!this.suggestions) {
       return;
     }
     const index = this.selectedSuggestion ? this.suggestions.indexOf(this.selectedSuggestion) : 0;
     this.selectedSuggestion = (_a = this.suggestions[index - 1]) !== null && _a !== void 0 ? _a : this.suggestions[this.suggestions.length - 1];
     if (this.selectedSuggestion) {
-      this.input.setAttribute("aria-activedescendant", this.listboxItemId(this.selectedSuggestion));
+      (_b = this.input) === null || _b === void 0 ? void 0 : _b.setAttribute("aria-activedescendant", this.listboxItemId(this.selectedSuggestion));
     }
   }
   resetSelectedSuggestion() {
+    var _a;
     this.showLoading = !this.loadingDelayed;
     this.notFound = false;
     this.selectedSuggestion = undefined;
-    this.input.setAttribute("aria-activedescendant", "");
+    (_a = this.input) === null || _a === void 0 ? void 0 : _a.setAttribute("aria-activedescendant", "");
   }
   openSuggestions(selectSuggestion) {
-    var _a, _b, _c;
+    var _a, _b, _c, _d;
     this.showSuggestions = (_a = (this.suggestions && this.suggestions.length > 0)) !== null && _a !== void 0 ? _a : false;
     this.notFound = (_c = ((_b = this.suggestions) === null || _b === void 0 ? void 0 : _b.length) === 0) !== null && _c !== void 0 ? _c : false;
-    this.input.setAttribute("aria-expanded", (this.showSuggestions || this.notFound).toString());
+    (_d = this.input) === null || _d === void 0 ? void 0 : _d.setAttribute("aria-expanded", (this.showSuggestions || this.notFound).toString());
     if (this.showSuggestions && selectSuggestion === "first") {
       this.selectFirstSuggestion();
     }
@@ -213,17 +220,19 @@ export class Autosuggest {
     }
   }
   closeSuggestions() {
+    var _a;
     this.showSuggestions = false;
     this.notFound = false;
-    this.input.setAttribute("aria-expanded", "false");
+    (_a = this.input) === null || _a === void 0 ? void 0 : _a.setAttribute("aria-expanded", "false");
     this.selectFirstSuggestion();
   }
   pickSelectedValue() {
+    var _a;
     if (this.selectedSuggestion && this.showSuggestions) {
       this.dsoSelect.emit(this.selectedSuggestion);
     }
     else {
-      this.dsoSearch.emit(this.input.value);
+      this.dsoSearch.emit((_a = this.input) === null || _a === void 0 ? void 0 : _a.value);
     }
     this.closeSuggestions();
   }
@@ -234,7 +243,8 @@ export class Autosuggest {
     return `${this.inputId}-${this.suggestions.indexOf(suggestion) + 1}`;
   }
   render() {
-    const terms = this.input.value.split(" ").filter((t) => t);
+    var _a, _b;
+    const terms = (_b = (_a = this.input) === null || _a === void 0 ? void 0 : _a.value.split(" ").filter((t) => t)) !== null && _b !== void 0 ? _b : [];
     return (h(Fragment, null, h("slot", null), this.loading && this.showLoading ? (h("div", { class: "autosuggest-progress-box" }, h("dso-progress-indicator", { label: this.loadingLabel }))) : (h("ul", { role: "listbox", id: this.listboxId, "aria-labelledby": this.labelId, ref: (element) => (this.listbox = element), hidden: !this.showSuggestions && !this.notFound }, this.showSuggestions && this.suggestions ? (this.suggestions.map((suggestion) => (h("li", { role: "option", id: this.listboxItemId(suggestion), key: suggestion.value, onMouseEnter: () => this.selectSuggestion(suggestion), onMouseLeave: () => this.resetSelectedSuggestion(), onClick: () => this.pickSelectedValue(), "aria-selected": (suggestion === this.selectedSuggestion).toString(), "aria-label": suggestion.value }, h("span", { class: "value" }, this.markTerms(suggestion.value, terms)), suggestion.type ? h("span", { class: "type" }, suggestion.type) : undefined)))) : this.notFound ? (h("li", null, h("span", { class: "value" }, !this.notFoundLabel ? (this.markTerms(`${this.inputValue} is niet gevonden.`, terms)) : (h("span", null, this.notFoundLabel))))) : undefined))));
   }
   static get is() { return "dso-autosuggest"; }
@@ -259,7 +269,8 @@ export class Autosuggest {
           "resolved": "Suggestion[] | null",
           "references": {
             "Suggestion": {
-              "location": "local"
+              "location": "import",
+              "path": "./autosuggest.interfaces"
             }
           }
         },
@@ -385,7 +396,8 @@ export class Autosuggest {
           "resolved": "Suggestion",
           "references": {
             "Suggestion": {
-              "location": "local"
+              "location": "import",
+              "path": "./autosuggest.interfaces"
             }
           }
         }

package/dist/collection/components/banner/banner.js

@@ -36,7 +36,7 @@ export class Banner {
           "text": ""
         },
         "attribute": "status",
-        "reflect": false
+        "reflect": true
       }
     };
   }

package/dist/collection/components/card-container/card-container.js

@@ -40,7 +40,7 @@ export class CardContainer {
           "text": ""
         },
         "attribute": "mode",
-        "reflect": false,
+        "reflect": true,
         "defaultValue": "\"list\""
       }
     };

package/dist/collection/components/date-picker/date-picker.interfaces.js

@@ -0,0 +1 @@
+export {};

package/dist/collection/components/date-picker/date-picker.js

@@ -268,7 +268,7 @@ export class DsoDatePicker {
     this.name = "date";
     this.identifier = undefined;
     this.disabled = false;
-    this.role = undefined;
+    this.role = null;
     this.direction = "right";
     this.required = false;
     this.dsoAutofocus = false;
@@ -388,6 +388,7 @@ export class DsoDatePicker {
    * Always the last one in the class.
    */
   render() {
+    var _a;
     const valueAsDate = parseDutchDate(this.value);
     const formattedDate = valueAsDate && printDutchDate(valueAsDate);
     const selectedYear = (valueAsDate || this.focusedDay).getFullYear();
@@ -405,7 +406,7 @@ export class DsoDatePicker {
     if (maxDate) {
       maxYear = Math.min(maxYear, maxDate.getFullYear());
     }
-    return (h(Host, null, h("div", { class: { "dso-date": true, "dso-visible": this.visible } }, h("div", { class: "dso-date__input-wrapper" }, h("input", { class: "dso-date__input", value: this.value, placeholder: this.localization.placeholder, id: this.identifier, disabled: this.disabled, role: this.role, required: this.required ? true : undefined, "aria-autocomplete": "none", onInput: this.handleInputChange, onFocus: this.handleFocus, onBlur: this.handleBlur, onKeyUp: this.handleKeyUp, onKeyDown: this.handleKeyDown, autoComplete: "off", ref: (element) => (this.datePickerInput = element) }), h("button", { type: "button", class: "dso-date__toggle", onClick: this.toggleOpen, disabled: this.disabled, ref: (element) => (this.datePickerButton = element) }, h("span", { class: "dso-date__toggle-icon" }, h("dso-icon", { icon: "calendar" })), h("span", { class: "dso-date__vhidden" }, this.localization.buttonLabel, formattedDate && (h("span", null, ", ", this.localization.selectedDateMessage, " ", formattedDate))))), h("div", { class: {
+    return (h(Host, null, h("div", { class: { "dso-date": true, "dso-visible": this.visible } }, h("div", { class: "dso-date__input-wrapper" }, h("input", { class: "dso-date__input", value: this.value, placeholder: this.localization.placeholder, id: this.identifier, disabled: this.disabled, role: (_a = this.role) !== null && _a !== void 0 ? _a : undefined, required: this.required ? true : undefined, "aria-autocomplete": "none", onInput: this.handleInputChange, onFocus: this.handleFocus, onBlur: this.handleBlur, onKeyUp: this.handleKeyUp, onKeyDown: this.handleKeyDown, autoComplete: "off", ref: (element) => (this.datePickerInput = element) }), h("button", { type: "button", class: "dso-date__toggle", onClick: this.toggleOpen, disabled: this.disabled, ref: (element) => (this.datePickerButton = element) }, h("span", { class: "dso-date__toggle-icon" }, h("dso-icon", { icon: "calendar" })), h("span", { class: "dso-date__vhidden" }, this.localization.buttonLabel, formattedDate && (h("span", null, ", ", this.localization.selectedDateMessage, " ", formattedDate))))), h("div", { class: {
         "dso-date__dialog": true,
         "is-left": this.direction === "left",
         "is-active": this.open,
@@ -482,8 +483,8 @@ export class DsoDatePicker {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "string | undefined",
-          "resolved": "string | undefined",
+          "original": "string | null",
+          "resolved": "null | string",
           "references": {}
         },
         "required": false,
@@ -493,7 +494,8 @@ export class DsoDatePicker {
           "text": "Defines a specific role attribute for the date picker input."
         },
         "attribute": "role",
-        "reflect": false
+        "reflect": false,
+        "defaultValue": "null"
       },
       "direction": {
         "type": "string",
@@ -503,7 +505,8 @@ export class DsoDatePicker {
           "resolved": "\"left\" | \"right\"",
           "references": {
             "DsoDatePickerDirection": {
-              "location": "local"
+              "location": "import",
+              "path": "./date-picker.interfaces"
             }
           }
         },
@@ -631,7 +634,8 @@ export class DsoDatePicker {
           "resolved": "{ component: \"dso-date-picker\"; valueAsDate: Date | undefined; value: string; error?: \"invalid\" | \"required\" | \"min-range\" | \"max-range\" | undefined; }",
           "references": {
             "DsoDatePickerChangeEvent": {
-              "location": "local"
+              "location": "import",
+              "path": "./date-picker.interfaces"
             }
           }
         }
@@ -650,7 +654,8 @@ export class DsoDatePicker {
           "resolved": "{ component: \"dso-date-picker\"; }",
           "references": {
             "DsoDatePickerFocusEvent": {
-              "location": "local"
+              "location": "import",
+              "path": "./date-picker.interfaces"
             }
           }
         }
@@ -669,7 +674,8 @@ export class DsoDatePicker {
           "resolved": "{ component: \"dso-date-picker\"; originalEvent: KeyboardEvent; }",
           "references": {
             "DsoDatePickerKeyboardEvent": {
-              "location": "local"
+              "location": "import",
+              "path": "./date-picker.interfaces"
             }
           }
         }
@@ -688,7 +694,8 @@ export class DsoDatePicker {
           "resolved": "{ component: \"dso-date-picker\"; originalEvent: KeyboardEvent; }",
           "references": {
             "DsoDatePickerKeyboardEvent": {
-              "location": "local"
+              "location": "import",
+              "path": "./date-picker.interfaces"
             }
           }
         }
@@ -707,7 +714,8 @@ export class DsoDatePicker {
           "resolved": "{ component: \"dso-date-picker\"; }",
           "references": {
             "DsoDatePickerFocusEvent": {
-              "location": "local"
+              "location": "import",
+              "path": "./date-picker.interfaces"
             }
           }
         }

package/dist/collection/components/dropdown-menu/dropdown-menu.js

@@ -41,7 +41,7 @@ export class DropdownMenu {
     this.checkable = false;
   }
   get button() {
-    const button = this.host.querySelectorAll('button[slot="toggle"]')[0];
+    const button = this.host.querySelector('button[slot="toggle"]');
     if (!(button instanceof HTMLButtonElement)) {
       throw new ReferenceError("Mandatory toggle button not found");
     }
@@ -50,7 +50,7 @@ export class DropdownMenu {
   get tabbables() {
     return tabbable(this.host).filter((e) => e !== this.button);
   }
-  connectedCallback() {
+  componentDidLoad() {
     this.button.setAttribute("aria-haspopup", "menu");
     this.button.setAttribute("aria-expanded", "false");
     if (!this.button.id) {

package/dist/collection/components/header/header.js

@@ -280,14 +280,10 @@ export class Header {
           "text": "Emitted when something in the header is selected.\r\n\r\n`event.detail.type` indicates the functionality the user pressed. eg. `'login'` or `'menuItem'`"
         },
         "complexType": {
-          "original": "HeaderClickEvent | HeaderClickMenuItemEvent",
+          "original": "HeaderEvent",
           "resolved": "HeaderClickEvent | HeaderClickMenuItemEvent",
           "references": {
-            "HeaderClickEvent": {
-              "location": "import",
-              "path": "./header.interfaces"
-            },
-            "HeaderClickMenuItemEvent": {
+            "HeaderEvent": {
               "location": "import",
               "path": "./header.interfaces"
             }

package/dist/collection/components/icon/icon.js

@@ -1,99 +1,99 @@
 import { h } from "@stencil/core";
-import air from "@dso-toolkit/sources/src/icons/air.svg";
-import angleDown from "@dso-toolkit/sources/src/icons/angle-down.svg";
-import angleLeft from "@dso-toolkit/sources/src/icons/angle-left.svg";
-import angleRight from "@dso-toolkit/sources/src/icons/angle-right.svg";
-import angleUp from "@dso-toolkit/sources/src/icons/angle-up.svg";
-import balloon from "@dso-toolkit/sources/src/icons/balloon.svg";
-import bars from "@dso-toolkit/sources/src/icons/bars.svg";
-import buildings from "@dso-toolkit/sources/src/icons/buildings.svg";
-import calendar from "@dso-toolkit/sources/src/icons/calendar.svg";
-import call from "@dso-toolkit/sources/src/icons/call.svg";
-import caretDown from "@dso-toolkit/sources/src/icons/caret-down.svg";
-import check from "@dso-toolkit/sources/src/icons/check.svg";
-import checkCircle from "@dso-toolkit/sources/src/icons/check-circle.svg";
-import chevronDown from "@dso-toolkit/sources/src/icons/chevron-down.svg";
-import chevronLeft from "@dso-toolkit/sources/src/icons/chevron-left.svg";
-import chevronRight from "@dso-toolkit/sources/src/icons/chevron-right.svg";
-import chevronUp from "@dso-toolkit/sources/src/icons/chevron-up.svg";
-import circleNotch from "@dso-toolkit/sources/src/icons/circle-notch.svg";
-import clock from "@dso-toolkit/sources/src/icons/clock.svg";
-import copy from "@dso-toolkit/sources/src/icons/copy.svg";
-import crown from "@dso-toolkit/sources/src/icons/crown.svg";
-import cultural from "@dso-toolkit/sources/src/icons/cultural.svg";
-import document from "@dso-toolkit/sources/src/icons/document.svg";
-import download from "@dso-toolkit/sources/src/icons/download.svg";
-import email from "@dso-toolkit/sources/src/icons/email.svg";
-import energy from "@dso-toolkit/sources/src/icons/energy.svg";
-import environment from "@dso-toolkit/sources/src/icons/environment.svg";
-import exclamation from "@dso-toolkit/sources/src/icons/exclamation.svg";
-import externalLink from "@dso-toolkit/sources/src/icons/external-link.svg";
-import eyeSlash from "@dso-toolkit/sources/src/icons/eye-slash.svg";
-import eye from "@dso-toolkit/sources/src/icons/eye.svg";
-import filter from "@dso-toolkit/sources/src/icons/filter.svg";
-import forbidden from "@dso-toolkit/sources/src/icons/forbidden.svg";
-import health from "@dso-toolkit/sources/src/icons/health.svg";
-import helpActive from "@dso-toolkit/sources/src/icons/help-active.svg";
-import help from "@dso-toolkit/sources/src/icons/help.svg";
-import house from "@dso-toolkit/sources/src/icons/house.svg";
-import infoActive from "@dso-toolkit/sources/src/icons/info-active.svg";
-import infoI from "@dso-toolkit/sources/src/icons/info-i.svg";
-import info from "@dso-toolkit/sources/src/icons/info.svg";
-import infrastructure from "@dso-toolkit/sources/src/icons/infrastructure.svg";
-import label from "@dso-toolkit/sources/src/icons/label.svg";
-import land from "@dso-toolkit/sources/src/icons/land.svg";
-import landscape from "@dso-toolkit/sources/src/icons/landscape.svg";
-import layers from "@dso-toolkit/sources/src/icons/layers.svg";
-import location from "@dso-toolkit/sources/src/icons/location.svg";
-import locationOutline from "@dso-toolkit/sources/src/icons/location-outline.svg";
-import locationSearch from "@dso-toolkit/sources/src/icons/location-search.svg";
-import lock from "@dso-toolkit/sources/src/icons/lock.svg";
-import magnet from "@dso-toolkit/sources/src/icons/magnet.svg";
-import mapLayers from "@dso-toolkit/sources/src/icons/map-layers.svg";
-import mapLocation from "@dso-toolkit/sources/src/icons/map-location.svg";
-import marker from "@dso-toolkit/sources/src/icons/marker.svg";
-import measurement from "@dso-toolkit/sources/src/icons/measurement.svg";
-import minusSquare from "@dso-toolkit/sources/src/icons/minus-square.svg";
-import minus from "@dso-toolkit/sources/src/icons/minus.svg";
-import more from "@dso-toolkit/sources/src/icons/more.svg";
-import municipality from "@dso-toolkit/sources/src/icons/municipality.svg";
-import nature from "@dso-toolkit/sources/src/icons/nature.svg";
-import newWindow from "@dso-toolkit/sources/src/icons/new-window.svg";
-import paperclip from "@dso-toolkit/sources/src/icons/paperclip.svg";
-import parking from "@dso-toolkit/sources/src/icons/parking.svg";
-import pencil from "@dso-toolkit/sources/src/icons/pencil.svg";
-import pin from "@dso-toolkit/sources/src/icons/pin.svg";
-import pinOutline from "@dso-toolkit/sources/src/icons/pin-outline.svg";
-import plusSquare from "@dso-toolkit/sources/src/icons/plus-square.svg";
-import plus from "@dso-toolkit/sources/src/icons/plus.svg";
-import print from "@dso-toolkit/sources/src/icons/print.svg";
-import procedures from "@dso-toolkit/sources/src/icons/procedures.svg";
-import redo from "@dso-toolkit/sources/src/icons/redo.svg";
-import safety from "@dso-toolkit/sources/src/icons/safety.svg";
-import search from "@dso-toolkit/sources/src/icons/search.svg";
-import scale from "@dso-toolkit/sources/src/icons/scale.svg";
-import sitemap from "@dso-toolkit/sources/src/icons/sitemap.svg";
-import soil from "@dso-toolkit/sources/src/icons/soil.svg";
-import sortAscending from "@dso-toolkit/sources/src/icons/sort-ascending.svg";
-import sortDescending from "@dso-toolkit/sources/src/icons/sort-descending.svg";
-import sort from "@dso-toolkit/sources/src/icons/sort.svg";
-import sound from "@dso-toolkit/sources/src/icons/sound.svg";
-import statusError from "@dso-toolkit/sources/src/icons/status-error.svg";
-import statusDanger from "@dso-toolkit/sources/src/icons/status-danger.svg";
-import statusInfo from "@dso-toolkit/sources/src/icons/status-info.svg";
-import statusSuccess from "@dso-toolkit/sources/src/icons/status-success.svg";
-import statusWarning from "@dso-toolkit/sources/src/icons/status-warning.svg";
-import statusWarningInline from "@dso-toolkit/sources/src/icons/status-warning-inline.svg";
-import statusWarningInlineNegative from "@dso-toolkit/sources/src/icons/status-warning-inline-negative.svg";
-import table from "@dso-toolkit/sources/src/icons/table.svg";
-import times from "@dso-toolkit/sources/src/icons/times.svg";
-import trash from "@dso-toolkit/sources/src/icons/trash.svg";
-import undo from "@dso-toolkit/sources/src/icons/undo.svg";
-import userLine from "@dso-toolkit/sources/src/icons/user-line.svg";
-import user from "@dso-toolkit/sources/src/icons/user.svg";
-import users from "@dso-toolkit/sources/src/icons/users.svg";
-import water from "@dso-toolkit/sources/src/icons/water.svg";
-import wipWip from "@dso-toolkit/sources/src/icons/wip-wip.svg";
+import air from "dso-toolkit/src/icons/air.svg";
+import angleDown from "dso-toolkit/src/icons/angle-down.svg";
+import angleLeft from "dso-toolkit/src/icons/angle-left.svg";
+import angleRight from "dso-toolkit/src/icons/angle-right.svg";
+import angleUp from "dso-toolkit/src/icons/angle-up.svg";
+import balloon from "dso-toolkit/src/icons/balloon.svg";
+import bars from "dso-toolkit/src/icons/bars.svg";
+import buildings from "dso-toolkit/src/icons/buildings.svg";
+import calendar from "dso-toolkit/src/icons/calendar.svg";
+import call from "dso-toolkit/src/icons/call.svg";
+import caretDown from "dso-toolkit/src/icons/caret-down.svg";
+import check from "dso-toolkit/src/icons/check.svg";
+import checkCircle from "dso-toolkit/src/icons/check-circle.svg";
+import chevronDown from "dso-toolkit/src/icons/chevron-down.svg";
+import chevronLeft from "dso-toolkit/src/icons/chevron-left.svg";
+import chevronRight from "dso-toolkit/src/icons/chevron-right.svg";
+import chevronUp from "dso-toolkit/src/icons/chevron-up.svg";
+import circleNotch from "dso-toolkit/src/icons/circle-notch.svg";
+import clock from "dso-toolkit/src/icons/clock.svg";
+import copy from "dso-toolkit/src/icons/copy.svg";
+import crown from "dso-toolkit/src/icons/crown.svg";
+import cultural from "dso-toolkit/src/icons/cultural.svg";
+import document from "dso-toolkit/src/icons/document.svg";
+import download from "dso-toolkit/src/icons/download.svg";
+import email from "dso-toolkit/src/icons/email.svg";
+import energy from "dso-toolkit/src/icons/energy.svg";
+import environment from "dso-toolkit/src/icons/environment.svg";
+import exclamation from "dso-toolkit/src/icons/exclamation.svg";
+import externalLink from "dso-toolkit/src/icons/external-link.svg";
+import eyeSlash from "dso-toolkit/src/icons/eye-slash.svg";
+import eye from "dso-toolkit/src/icons/eye.svg";
+import filter from "dso-toolkit/src/icons/filter.svg";
+import forbidden from "dso-toolkit/src/icons/forbidden.svg";
+import health from "dso-toolkit/src/icons/health.svg";
+import helpActive from "dso-toolkit/src/icons/help-active.svg";
+import help from "dso-toolkit/src/icons/help.svg";
+import house from "dso-toolkit/src/icons/house.svg";
+import infoActive from "dso-toolkit/src/icons/info-active.svg";
+import infoI from "dso-toolkit/src/icons/info-i.svg";
+import info from "dso-toolkit/src/icons/info.svg";
+import infrastructure from "dso-toolkit/src/icons/infrastructure.svg";
+import label from "dso-toolkit/src/icons/label.svg";
+import land from "dso-toolkit/src/icons/land.svg";
+import landscape from "dso-toolkit/src/icons/landscape.svg";
+import layers from "dso-toolkit/src/icons/layers.svg";
+import location from "dso-toolkit/src/icons/location.svg";
+import locationOutline from "dso-toolkit/src/icons/location-outline.svg";
+import locationSearch from "dso-toolkit/src/icons/location-search.svg";
+import lock from "dso-toolkit/src/icons/lock.svg";
+import magnet from "dso-toolkit/src/icons/magnet.svg";
+import mapLayers from "dso-toolkit/src/icons/map-layers.svg";
+import mapLocation from "dso-toolkit/src/icons/map-location.svg";
+import marker from "dso-toolkit/src/icons/marker.svg";
+import measurement from "dso-toolkit/src/icons/measurement.svg";
+import minusSquare from "dso-toolkit/src/icons/minus-square.svg";
+import minus from "dso-toolkit/src/icons/minus.svg";
+import more from "dso-toolkit/src/icons/more.svg";
+import municipality from "dso-toolkit/src/icons/municipality.svg";
+import nature from "dso-toolkit/src/icons/nature.svg";
+import newWindow from "dso-toolkit/src/icons/new-window.svg";
+import paperclip from "dso-toolkit/src/icons/paperclip.svg";
+import parking from "dso-toolkit/src/icons/parking.svg";
+import pencil from "dso-toolkit/src/icons/pencil.svg";
+import pin from "dso-toolkit/src/icons/pin.svg";
+import pinOutline from "dso-toolkit/src/icons/pin-outline.svg";
+import plusSquare from "dso-toolkit/src/icons/plus-square.svg";
+import plus from "dso-toolkit/src/icons/plus.svg";
+import print from "dso-toolkit/src/icons/print.svg";
+import procedures from "dso-toolkit/src/icons/procedures.svg";
+import redo from "dso-toolkit/src/icons/redo.svg";
+import safety from "dso-toolkit/src/icons/safety.svg";
+import search from "dso-toolkit/src/icons/search.svg";
+import scale from "dso-toolkit/src/icons/scale.svg";
+import sitemap from "dso-toolkit/src/icons/sitemap.svg";
+import soil from "dso-toolkit/src/icons/soil.svg";
+import sortAscending from "dso-toolkit/src/icons/sort-ascending.svg";
+import sortDescending from "dso-toolkit/src/icons/sort-descending.svg";
+import sort from "dso-toolkit/src/icons/sort.svg";
+import sound from "dso-toolkit/src/icons/sound.svg";
+import statusError from "dso-toolkit/src/icons/status-error.svg";
+import statusDanger from "dso-toolkit/src/icons/status-danger.svg";
+import statusInfo from "dso-toolkit/src/icons/status-info.svg";
+import statusSuccess from "dso-toolkit/src/icons/status-success.svg";
+import statusWarning from "dso-toolkit/src/icons/status-warning.svg";
+import statusWarningInline from "dso-toolkit/src/icons/status-warning-inline.svg";
+import statusWarningInlineNegative from "dso-toolkit/src/icons/status-warning-inline-negative.svg";
+import table from "dso-toolkit/src/icons/table.svg";
+import times from "dso-toolkit/src/icons/times.svg";
+import trash from "dso-toolkit/src/icons/trash.svg";
+import undo from "dso-toolkit/src/icons/undo.svg";
+import userLine from "dso-toolkit/src/icons/user-line.svg";
+import user from "dso-toolkit/src/icons/user.svg";
+import users from "dso-toolkit/src/icons/users.svg";
+import water from "dso-toolkit/src/icons/water.svg";
+import wipWip from "dso-toolkit/src/icons/wip-wip.svg";
 const icons = [
   { alias: "air", svg: air },
   { alias: "angle-down", svg: angleDown },

package/dist/collection/components/info-button/info-button.interfaces.js

@@ -0,0 +1 @@
+export {};

package/dist/collection/components/info-button/info-button.js

@@ -107,7 +107,8 @@ export class InfoButton {
           "resolved": "InfoButtonToggleEvent",
           "references": {
             "InfoButtonToggleEvent": {
-              "location": "local"
+              "location": "import",
+              "path": "./info-button.interfaces"
             }
           }
         }

package/dist/collection/components/label/label.js

@@ -84,13 +84,13 @@ export class Label {
     const status = this.status && Label.statusMap.get(this.status);
     return (h(Host, { "aria-roledescription": this.truncate && this.truncatedContent
         ? "Deze tekst is visueel afgekapt en wordt volledig zichtbaar bij focus."
-        : undefined }, h("span", { id: "toggle-anchor", class: clsx("dso-label", {
+        : undefined }, h("span", { "aria-describedby": "toggle-anchor", class: clsx("dso-label", {
         [`dso-label-${this.status}`]: this.status,
         "dso-compact": this.compact && !this.removable,
         "dso-hover": this.removeHover || this.removeFocus,
       }) }, h("slot", { name: "symbol" }), status && h("span", { class: "sr-only" }, status, ": "), h("span", { class: clsx("dso-label-content", {
         "dso-truncate": !!this.truncate,
-      }), ref: (element) => (this.labelContent = element), tabindex: this.truncate && this.truncatedContent ? 0 : -1, onMouseEnter: () => (this.textHover = true), onMouseLeave: () => (this.textHover = false), onFocus: () => (this.textFocus = true), onBlur: () => (this.textFocus = false) }, h("slot", null)), this.removable && (h("button", { type: "button", onClick: (e) => this.dsoRemoveClick.emit(e), onMouseEnter: () => (this.removeHover = true), onMouseLeave: () => (this.removeHover = false), onFocus: () => (this.removeFocus = true), onBlur: () => (this.removeFocus = false) }, h("span", { class: "sr-only" }, "Verwijder: ", this.labelText), h("dso-icon", { icon: "times" })))), h("dso-tooltip", { stateless: true, for: "toggle-anchor", active: !!this.truncatedContent && (this.textHover || this.textFocus), position: "top", strategy: "absolute" }, this.truncatedContent)));
+      }), ref: (element) => (this.labelContent = element), tabindex: this.truncate && this.truncatedContent ? 0 : -1, onMouseEnter: () => (this.textHover = true), onMouseLeave: () => (this.textHover = false), onFocus: () => (this.textFocus = true), onBlur: () => (this.textFocus = false) }, h("slot", null)), this.removable && (h("button", { type: "button", onClick: (e) => this.dsoRemoveClick.emit(e), onMouseEnter: () => (this.removeHover = true), onMouseLeave: () => (this.removeHover = false), onFocus: () => (this.removeFocus = true), onBlur: () => (this.removeFocus = false) }, h("span", { class: "sr-only" }, "Verwijder: ", this.labelText), h("dso-icon", { icon: "times" })))), h("dso-tooltip", { stateless: true, id: "toggle-anchor", active: !!this.truncatedContent && (this.textHover || this.textFocus), position: "top", strategy: "absolute" }, this.truncatedContent)));
   }
   static get is() { return "dso-label"; }
   static get encapsulation() { return "shadow"; }