@dso-toolkit/core 74.0.0 → 75.1.0

package/dist/collection/components/icon/icon.css

@@ -1,3 +1,18 @@
+@charset "UTF-8";
+/* Genereert een `transition` met vaste easing en optionele duur en delay per property.
+**
+** @param {ArgList} $transitions...
+**   - "property": gebruikt standaard duur (260ms) en delay (0ms)
+**   - ("property", duur): eigen duur, geen delay
+**   - ("property", duur, delay): eigen duur én delay
+**
+** @example
+**   @include transition(opacity, ("transform", 300ms), ("color", 500ms, 200ms));
+**
+** @output
+**   transition: [property] [duration] cubic-bezier(0.4, 0, 0.2, 1) [delay];
+**
+*/
 :host {
   display: inline-block;
   block-size: 24px;

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

@@ -34,6 +34,7 @@ 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 hammer from "dso-toolkit/src/icons/hammer.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";
@@ -138,6 +139,7 @@ const icons = [
     { alias: "eye", svg: eye },
     { alias: "filter", svg: filter },
     { alias: "forbidden", svg: forbidden },
+    { alias: "hammer", svg: hammer },
     { alias: "health", svg: health },
     { alias: "help-active", svg: helpActive },
     { alias: "help", svg: help },
@@ -214,7 +216,7 @@ export class Icon {
             if (!icon) {
                 throw new TypeError(`Unknown svg: ${this.icon}`);
             }
-            return h("span", { key: '2b4a2e6470ff21f5590e1c1440574f13e9918a19', class: "icon-container", innerHTML: icon.svg });
+            return h("span", { key: 'e962221557cb12a24864ee3bce03b1d73d0d527a', class: "icon-container", innerHTML: icon.svg });
         }
     }
     static get is() { return "dso-icon"; }

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

@@ -1 +1 @@
-{"version":3,"file":"icon.js","sourceRoot":"","sources":["../../../../src/components/icon/icon.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, h } from \"@stencil/core\";\r\nimport air from \"dso-toolkit/src/icons/air.svg\";\r\nimport angleDown from \"dso-toolkit/src/icons/angle-down.svg\";\r\nimport angleLeft from \"dso-toolkit/src/icons/angle-left.svg\";\r\nimport angleRight from \"dso-toolkit/src/icons/angle-right.svg\";\r\nimport angleUp from \"dso-toolkit/src/icons/angle-up.svg\";\r\nimport asterisk from \"dso-toolkit/src/icons/asterisk.svg\";\r\nimport balloon from \"dso-toolkit/src/icons/balloon.svg\";\r\nimport bars from \"dso-toolkit/src/icons/bars.svg\";\r\nimport bell from \"dso-toolkit/src/icons/bell.svg\";\r\nimport buildings from \"dso-toolkit/src/icons/buildings.svg\";\r\nimport calendar from \"dso-toolkit/src/icons/calendar.svg\";\r\nimport call from \"dso-toolkit/src/icons/call.svg\";\r\nimport caretDown from \"dso-toolkit/src/icons/caret-down.svg\";\r\nimport checkCircle from \"dso-toolkit/src/icons/check-circle.svg\";\r\nimport check from \"dso-toolkit/src/icons/check.svg\";\r\nimport chevronDown from \"dso-toolkit/src/icons/chevron-down.svg\";\r\nimport chevronLeft from \"dso-toolkit/src/icons/chevron-left.svg\";\r\nimport chevronRight from \"dso-toolkit/src/icons/chevron-right.svg\";\r\nimport chevronUp from \"dso-toolkit/src/icons/chevron-up.svg\";\r\nimport circleNotch from \"dso-toolkit/src/icons/circle-notch.svg\";\r\nimport clock from \"dso-toolkit/src/icons/clock.svg\";\r\nimport copy from \"dso-toolkit/src/icons/copy.svg\";\r\nimport crown from \"dso-toolkit/src/icons/crown.svg\";\r\nimport cultural from \"dso-toolkit/src/icons/cultural.svg\";\r\nimport document from \"dso-toolkit/src/icons/document.svg\";\r\nimport download from \"dso-toolkit/src/icons/download.svg\";\r\nimport email from \"dso-toolkit/src/icons/email.svg\";\r\nimport energy from \"dso-toolkit/src/icons/energy.svg\";\r\nimport environment from \"dso-toolkit/src/icons/environment.svg\";\r\nimport exclamation from \"dso-toolkit/src/icons/exclamation.svg\";\r\nimport externalLink from \"dso-toolkit/src/icons/external-link.svg\";\r\nimport eyeSlash from \"dso-toolkit/src/icons/eye-slash.svg\";\r\nimport eye from \"dso-toolkit/src/icons/eye.svg\";\r\nimport filter from \"dso-toolkit/src/icons/filter.svg\";\r\nimport forbidden from \"dso-toolkit/src/icons/forbidden.svg\";\r\nimport health from \"dso-toolkit/src/icons/health.svg\";\r\nimport helpActive from \"dso-toolkit/src/icons/help-active.svg\";\r\nimport help from \"dso-toolkit/src/icons/help.svg\";\r\nimport house from \"dso-toolkit/src/icons/house.svg\";\r\nimport infoActive from \"dso-toolkit/src/icons/info-active.svg\";\r\nimport infoI from \"dso-toolkit/src/icons/info-i.svg\";\r\nimport info from \"dso-toolkit/src/icons/info.svg\";\r\nimport infrastructure from \"dso-toolkit/src/icons/infrastructure.svg\";\r\nimport label from \"dso-toolkit/src/icons/label.svg\";\r\nimport land from \"dso-toolkit/src/icons/land.svg\";\r\nimport landscape from \"dso-toolkit/src/icons/landscape.svg\";\r\nimport layers from \"dso-toolkit/src/icons/layers.svg\";\r\nimport lightBulb from \"dso-toolkit/src/icons/light-bulb.svg\";\r\nimport locationOutline from \"dso-toolkit/src/icons/location-outline.svg\";\r\nimport locationSearch from \"dso-toolkit/src/icons/location-search.svg\";\r\nimport location from \"dso-toolkit/src/icons/location.svg\";\r\nimport lock from \"dso-toolkit/src/icons/lock.svg\";\r\nimport magnet from \"dso-toolkit/src/icons/magnet.svg\";\r\nimport mail from \"dso-toolkit/src/icons/mail.svg\";\r\nimport mapLayers from \"dso-toolkit/src/icons/map-layers.svg\";\r\nimport mapLocation from \"dso-toolkit/src/icons/map-location.svg\";\r\nimport marker from \"dso-toolkit/src/icons/marker.svg\";\r\nimport measurement from \"dso-toolkit/src/icons/measurement.svg\";\r\nimport minusCircle from \"dso-toolkit/src/icons/minus-circle.svg\";\r\nimport minusSquare from \"dso-toolkit/src/icons/minus-square.svg\";\r\nimport minus from \"dso-toolkit/src/icons/minus.svg\";\r\nimport more from \"dso-toolkit/src/icons/more.svg\";\r\nimport municipality from \"dso-toolkit/src/icons/municipality.svg\";\r\nimport nature from \"dso-toolkit/src/icons/nature.svg\";\r\nimport newWindow from \"dso-toolkit/src/icons/new-window.svg\";\r\nimport paperclip from \"dso-toolkit/src/icons/paperclip.svg\";\r\nimport parking from \"dso-toolkit/src/icons/parking.svg\";\r\nimport pencil from \"dso-toolkit/src/icons/pencil.svg\";\r\nimport pinOutline from \"dso-toolkit/src/icons/pin-outline.svg\";\r\nimport pin from \"dso-toolkit/src/icons/pin.svg\";\r\nimport plusCircle from \"dso-toolkit/src/icons/plus-circle.svg\";\r\nimport plusSquare from \"dso-toolkit/src/icons/plus-square.svg\";\r\nimport plus from \"dso-toolkit/src/icons/plus.svg\";\r\nimport print from \"dso-toolkit/src/icons/print.svg\";\r\nimport procedures from \"dso-toolkit/src/icons/procedures.svg\";\r\nimport redo from \"dso-toolkit/src/icons/redo.svg\";\r\nimport safety from \"dso-toolkit/src/icons/safety.svg\";\r\nimport scale from \"dso-toolkit/src/icons/scale.svg\";\r\nimport search from \"dso-toolkit/src/icons/search.svg\";\r\nimport sitemap from \"dso-toolkit/src/icons/sitemap.svg\";\r\nimport soil from \"dso-toolkit/src/icons/soil.svg\";\r\nimport sortAscending from \"dso-toolkit/src/icons/sort-ascending.svg\";\r\nimport sortDescending from \"dso-toolkit/src/icons/sort-descending.svg\";\r\nimport sort from \"dso-toolkit/src/icons/sort.svg\";\r\nimport sound from \"dso-toolkit/src/icons/sound.svg\";\r\nimport spinner from \"dso-toolkit/src/icons/spinner.svg\";\r\nimport statusDanger from \"dso-toolkit/src/icons/status-danger.svg\";\r\nimport statusError from \"dso-toolkit/src/icons/status-error.svg\";\r\nimport statusInfo from \"dso-toolkit/src/icons/status-info.svg\";\r\nimport statusSuccess from \"dso-toolkit/src/icons/status-success.svg\";\r\nimport statusWarningInlineNegative from \"dso-toolkit/src/icons/status-warning-inline-negative.svg\";\r\nimport statusWarningInline from \"dso-toolkit/src/icons/status-warning-inline.svg\";\r\nimport statusWarning from \"dso-toolkit/src/icons/status-warning.svg\";\r\nimport table from \"dso-toolkit/src/icons/table.svg\";\r\nimport times from \"dso-toolkit/src/icons/times.svg\";\r\nimport toDoList from \"dso-toolkit/src/icons/to-do-list.svg\";\r\nimport trash from \"dso-toolkit/src/icons/trash.svg\";\r\nimport undo from \"dso-toolkit/src/icons/undo.svg\";\r\nimport userLine from \"dso-toolkit/src/icons/user-line.svg\";\r\nimport user from \"dso-toolkit/src/icons/user.svg\";\r\nimport users from \"dso-toolkit/src/icons/users.svg\";\r\nimport water from \"dso-toolkit/src/icons/water.svg\";\r\nimport wipWip from \"dso-toolkit/src/icons/wip-wip.svg\";\r\n\r\nconst icons = [\r\n  { alias: \"air\", svg: air },\r\n  { alias: \"angle-down\", svg: angleDown },\r\n  { alias: \"angle-left\", svg: angleLeft },\r\n  { alias: \"angle-right\", svg: angleRight },\r\n  { alias: \"angle-up\", svg: angleUp },\r\n  { alias: \"asterisk\", svg: asterisk },\r\n  { alias: \"balloon\", svg: balloon },\r\n  { alias: \"bars\", svg: bars },\r\n  { alias: \"bell\", svg: bell },\r\n  { alias: \"buildings\", svg: buildings },\r\n  { alias: \"calendar\", svg: calendar },\r\n  { alias: \"call\", svg: call },\r\n  { alias: \"caret-down\", svg: caretDown },\r\n  { alias: \"check\", svg: check },\r\n  { alias: \"check-circle\", svg: checkCircle },\r\n  { alias: \"chevron-down\", svg: chevronDown },\r\n  { alias: \"chevron-left\", svg: chevronLeft },\r\n  { alias: \"chevron-right\", svg: chevronRight },\r\n  { alias: \"chevron-up\", svg: chevronUp },\r\n  { alias: \"circle-notch\", svg: circleNotch },\r\n  { alias: \"clock\", svg: clock },\r\n  { alias: \"copy\", svg: copy },\r\n  { alias: \"crown\", svg: crown },\r\n  { alias: \"cultural\", svg: cultural },\r\n  { alias: \"document\", svg: document },\r\n  { alias: \"download\", svg: download },\r\n  { alias: \"email\", svg: email },\r\n  { alias: \"energy\", svg: energy },\r\n  { alias: \"environment\", svg: environment },\r\n  { alias: \"exclamation\", svg: exclamation },\r\n  { alias: \"external-link\", svg: externalLink },\r\n  { alias: \"eye-slash\", svg: eyeSlash },\r\n  { alias: \"eye\", svg: eye },\r\n  { alias: \"filter\", svg: filter },\r\n  { alias: \"forbidden\", svg: forbidden },\r\n  { alias: \"health\", svg: health },\r\n  { alias: \"help-active\", svg: helpActive },\r\n  { alias: \"help\", svg: help },\r\n  { alias: \"house\", svg: house },\r\n  { alias: \"info-active\", svg: infoActive },\r\n  { alias: \"info-i\", svg: infoI },\r\n  { alias: \"info\", svg: info },\r\n  { alias: \"infrastructure\", svg: infrastructure },\r\n  { alias: \"label\", svg: label },\r\n  { alias: \"land\", svg: land },\r\n  { alias: \"landscape\", svg: landscape },\r\n  { alias: \"layers\", svg: layers },\r\n  { alias: \"light-bulb\", svg: lightBulb },\r\n  { alias: \"location\", svg: location },\r\n  { alias: \"location-outline\", svg: locationOutline },\r\n  { alias: \"location-search\", svg: locationSearch },\r\n  { alias: \"lock\", svg: lock },\r\n  { alias: \"magnet\", svg: magnet },\r\n  { alias: \"mail\", svg: mail },\r\n  { alias: \"map-layers\", svg: mapLayers },\r\n  { alias: \"map-location\", svg: mapLocation },\r\n  { alias: \"marker\", svg: marker },\r\n  { alias: \"measurement\", svg: measurement },\r\n  { alias: \"minus-circle\", svg: minusCircle },\r\n  { alias: \"minus-square\", svg: minusSquare },\r\n  { alias: \"minus\", svg: minus },\r\n  { alias: \"more\", svg: more },\r\n  { alias: \"municipality\", svg: municipality },\r\n  { alias: \"nature\", svg: nature },\r\n  { alias: \"new-window\", svg: newWindow },\r\n  { alias: \"paperclip\", svg: paperclip },\r\n  { alias: \"parking\", svg: parking },\r\n  { alias: \"pencil\", svg: pencil },\r\n  { alias: \"pin\", svg: pin },\r\n  { alias: \"pin-outline\", svg: pinOutline },\r\n  { alias: \"plus-circle\", svg: plusCircle },\r\n  { alias: \"plus-square\", svg: plusSquare },\r\n  { alias: \"plus\", svg: plus },\r\n  { alias: \"print\", svg: print },\r\n  { alias: \"procedures\", svg: procedures },\r\n  { alias: \"spinner\", svg: spinner },\r\n  { alias: \"redo\", svg: redo },\r\n  { alias: \"safety\", svg: safety },\r\n  { alias: \"scale\", svg: scale },\r\n  { alias: \"search\", svg: search },\r\n  { alias: \"sitemap\", svg: sitemap },\r\n  { alias: \"soil\", svg: soil },\r\n  { alias: \"sort-ascending\", svg: sortAscending },\r\n  { alias: \"sort-descending\", svg: sortDescending },\r\n  { alias: \"sort\", svg: sort },\r\n  { alias: \"sound\", svg: sound },\r\n  { alias: \"status-danger\", svg: statusDanger },\r\n  { alias: \"status-error\", svg: statusError },\r\n  { alias: \"status-info\", svg: statusInfo },\r\n  { alias: \"status-success\", svg: statusSuccess },\r\n  { alias: \"status-warning\", svg: statusWarning },\r\n  { alias: \"status-warning-inline\", svg: statusWarningInline },\r\n  { alias: \"status-warning-inline-negative\", svg: statusWarningInlineNegative },\r\n  { alias: \"table\", svg: table },\r\n  { alias: \"times\", svg: times },\r\n  { alias: \"to-do-list\", svg: toDoList },\r\n  { alias: \"trash\", svg: trash },\r\n  { alias: \"undo\", svg: undo },\r\n  { alias: \"user-line\", svg: userLine },\r\n  { alias: \"user\", svg: user },\r\n  { alias: \"users\", svg: users },\r\n  { alias: \"water\", svg: water },\r\n  { alias: \"wip-wip\", svg: wipWip },\r\n];\r\n\r\n@Component({\r\n  tag: \"dso-icon\",\r\n  styleUrl: \"./icon.scss\",\r\n  shadow: true,\r\n})\r\nexport class Icon {\r\n  /**\r\n   * The alias of the icon.\r\n   */\r\n  @Prop()\r\n  icon?: string;\r\n\r\n  render() {\r\n    if (this.icon) {\r\n      const icon = icons.find((i) => i.alias === this.icon);\r\n      if (!icon) {\r\n        throw new TypeError(`Unknown svg: ${this.icon}`);\r\n      }\r\n\r\n      return <span class=\"icon-container\" innerHTML={icon.svg} />;\r\n    }\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"icon.js","sourceRoot":"","sources":["../../../../src/components/icon/icon.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, h } from \"@stencil/core\";\r\nimport air from \"dso-toolkit/src/icons/air.svg\";\r\nimport angleDown from \"dso-toolkit/src/icons/angle-down.svg\";\r\nimport angleLeft from \"dso-toolkit/src/icons/angle-left.svg\";\r\nimport angleRight from \"dso-toolkit/src/icons/angle-right.svg\";\r\nimport angleUp from \"dso-toolkit/src/icons/angle-up.svg\";\r\nimport asterisk from \"dso-toolkit/src/icons/asterisk.svg\";\r\nimport balloon from \"dso-toolkit/src/icons/balloon.svg\";\r\nimport bars from \"dso-toolkit/src/icons/bars.svg\";\r\nimport bell from \"dso-toolkit/src/icons/bell.svg\";\r\nimport buildings from \"dso-toolkit/src/icons/buildings.svg\";\r\nimport calendar from \"dso-toolkit/src/icons/calendar.svg\";\r\nimport call from \"dso-toolkit/src/icons/call.svg\";\r\nimport caretDown from \"dso-toolkit/src/icons/caret-down.svg\";\r\nimport checkCircle from \"dso-toolkit/src/icons/check-circle.svg\";\r\nimport check from \"dso-toolkit/src/icons/check.svg\";\r\nimport chevronDown from \"dso-toolkit/src/icons/chevron-down.svg\";\r\nimport chevronLeft from \"dso-toolkit/src/icons/chevron-left.svg\";\r\nimport chevronRight from \"dso-toolkit/src/icons/chevron-right.svg\";\r\nimport chevronUp from \"dso-toolkit/src/icons/chevron-up.svg\";\r\nimport circleNotch from \"dso-toolkit/src/icons/circle-notch.svg\";\r\nimport clock from \"dso-toolkit/src/icons/clock.svg\";\r\nimport copy from \"dso-toolkit/src/icons/copy.svg\";\r\nimport crown from \"dso-toolkit/src/icons/crown.svg\";\r\nimport cultural from \"dso-toolkit/src/icons/cultural.svg\";\r\nimport document from \"dso-toolkit/src/icons/document.svg\";\r\nimport download from \"dso-toolkit/src/icons/download.svg\";\r\nimport email from \"dso-toolkit/src/icons/email.svg\";\r\nimport energy from \"dso-toolkit/src/icons/energy.svg\";\r\nimport environment from \"dso-toolkit/src/icons/environment.svg\";\r\nimport exclamation from \"dso-toolkit/src/icons/exclamation.svg\";\r\nimport externalLink from \"dso-toolkit/src/icons/external-link.svg\";\r\nimport eyeSlash from \"dso-toolkit/src/icons/eye-slash.svg\";\r\nimport eye from \"dso-toolkit/src/icons/eye.svg\";\r\nimport filter from \"dso-toolkit/src/icons/filter.svg\";\r\nimport forbidden from \"dso-toolkit/src/icons/forbidden.svg\";\r\nimport hammer from \"dso-toolkit/src/icons/hammer.svg\";\r\nimport health from \"dso-toolkit/src/icons/health.svg\";\r\nimport helpActive from \"dso-toolkit/src/icons/help-active.svg\";\r\nimport help from \"dso-toolkit/src/icons/help.svg\";\r\nimport house from \"dso-toolkit/src/icons/house.svg\";\r\nimport infoActive from \"dso-toolkit/src/icons/info-active.svg\";\r\nimport infoI from \"dso-toolkit/src/icons/info-i.svg\";\r\nimport info from \"dso-toolkit/src/icons/info.svg\";\r\nimport infrastructure from \"dso-toolkit/src/icons/infrastructure.svg\";\r\nimport label from \"dso-toolkit/src/icons/label.svg\";\r\nimport land from \"dso-toolkit/src/icons/land.svg\";\r\nimport landscape from \"dso-toolkit/src/icons/landscape.svg\";\r\nimport layers from \"dso-toolkit/src/icons/layers.svg\";\r\nimport lightBulb from \"dso-toolkit/src/icons/light-bulb.svg\";\r\nimport locationOutline from \"dso-toolkit/src/icons/location-outline.svg\";\r\nimport locationSearch from \"dso-toolkit/src/icons/location-search.svg\";\r\nimport location from \"dso-toolkit/src/icons/location.svg\";\r\nimport lock from \"dso-toolkit/src/icons/lock.svg\";\r\nimport magnet from \"dso-toolkit/src/icons/magnet.svg\";\r\nimport mail from \"dso-toolkit/src/icons/mail.svg\";\r\nimport mapLayers from \"dso-toolkit/src/icons/map-layers.svg\";\r\nimport mapLocation from \"dso-toolkit/src/icons/map-location.svg\";\r\nimport marker from \"dso-toolkit/src/icons/marker.svg\";\r\nimport measurement from \"dso-toolkit/src/icons/measurement.svg\";\r\nimport minusCircle from \"dso-toolkit/src/icons/minus-circle.svg\";\r\nimport minusSquare from \"dso-toolkit/src/icons/minus-square.svg\";\r\nimport minus from \"dso-toolkit/src/icons/minus.svg\";\r\nimport more from \"dso-toolkit/src/icons/more.svg\";\r\nimport municipality from \"dso-toolkit/src/icons/municipality.svg\";\r\nimport nature from \"dso-toolkit/src/icons/nature.svg\";\r\nimport newWindow from \"dso-toolkit/src/icons/new-window.svg\";\r\nimport paperclip from \"dso-toolkit/src/icons/paperclip.svg\";\r\nimport parking from \"dso-toolkit/src/icons/parking.svg\";\r\nimport pencil from \"dso-toolkit/src/icons/pencil.svg\";\r\nimport pinOutline from \"dso-toolkit/src/icons/pin-outline.svg\";\r\nimport pin from \"dso-toolkit/src/icons/pin.svg\";\r\nimport plusCircle from \"dso-toolkit/src/icons/plus-circle.svg\";\r\nimport plusSquare from \"dso-toolkit/src/icons/plus-square.svg\";\r\nimport plus from \"dso-toolkit/src/icons/plus.svg\";\r\nimport print from \"dso-toolkit/src/icons/print.svg\";\r\nimport procedures from \"dso-toolkit/src/icons/procedures.svg\";\r\nimport redo from \"dso-toolkit/src/icons/redo.svg\";\r\nimport safety from \"dso-toolkit/src/icons/safety.svg\";\r\nimport scale from \"dso-toolkit/src/icons/scale.svg\";\r\nimport search from \"dso-toolkit/src/icons/search.svg\";\r\nimport sitemap from \"dso-toolkit/src/icons/sitemap.svg\";\r\nimport soil from \"dso-toolkit/src/icons/soil.svg\";\r\nimport sortAscending from \"dso-toolkit/src/icons/sort-ascending.svg\";\r\nimport sortDescending from \"dso-toolkit/src/icons/sort-descending.svg\";\r\nimport sort from \"dso-toolkit/src/icons/sort.svg\";\r\nimport sound from \"dso-toolkit/src/icons/sound.svg\";\r\nimport spinner from \"dso-toolkit/src/icons/spinner.svg\";\r\nimport statusDanger from \"dso-toolkit/src/icons/status-danger.svg\";\r\nimport statusError from \"dso-toolkit/src/icons/status-error.svg\";\r\nimport statusInfo from \"dso-toolkit/src/icons/status-info.svg\";\r\nimport statusSuccess from \"dso-toolkit/src/icons/status-success.svg\";\r\nimport statusWarningInlineNegative from \"dso-toolkit/src/icons/status-warning-inline-negative.svg\";\r\nimport statusWarningInline from \"dso-toolkit/src/icons/status-warning-inline.svg\";\r\nimport statusWarning from \"dso-toolkit/src/icons/status-warning.svg\";\r\nimport table from \"dso-toolkit/src/icons/table.svg\";\r\nimport times from \"dso-toolkit/src/icons/times.svg\";\r\nimport toDoList from \"dso-toolkit/src/icons/to-do-list.svg\";\r\nimport trash from \"dso-toolkit/src/icons/trash.svg\";\r\nimport undo from \"dso-toolkit/src/icons/undo.svg\";\r\nimport userLine from \"dso-toolkit/src/icons/user-line.svg\";\r\nimport user from \"dso-toolkit/src/icons/user.svg\";\r\nimport users from \"dso-toolkit/src/icons/users.svg\";\r\nimport water from \"dso-toolkit/src/icons/water.svg\";\r\nimport wipWip from \"dso-toolkit/src/icons/wip-wip.svg\";\r\n\r\nconst icons = [\r\n  { alias: \"air\", svg: air },\r\n  { alias: \"angle-down\", svg: angleDown },\r\n  { alias: \"angle-left\", svg: angleLeft },\r\n  { alias: \"angle-right\", svg: angleRight },\r\n  { alias: \"angle-up\", svg: angleUp },\r\n  { alias: \"asterisk\", svg: asterisk },\r\n  { alias: \"balloon\", svg: balloon },\r\n  { alias: \"bars\", svg: bars },\r\n  { alias: \"bell\", svg: bell },\r\n  { alias: \"buildings\", svg: buildings },\r\n  { alias: \"calendar\", svg: calendar },\r\n  { alias: \"call\", svg: call },\r\n  { alias: \"caret-down\", svg: caretDown },\r\n  { alias: \"check\", svg: check },\r\n  { alias: \"check-circle\", svg: checkCircle },\r\n  { alias: \"chevron-down\", svg: chevronDown },\r\n  { alias: \"chevron-left\", svg: chevronLeft },\r\n  { alias: \"chevron-right\", svg: chevronRight },\r\n  { alias: \"chevron-up\", svg: chevronUp },\r\n  { alias: \"circle-notch\", svg: circleNotch },\r\n  { alias: \"clock\", svg: clock },\r\n  { alias: \"copy\", svg: copy },\r\n  { alias: \"crown\", svg: crown },\r\n  { alias: \"cultural\", svg: cultural },\r\n  { alias: \"document\", svg: document },\r\n  { alias: \"download\", svg: download },\r\n  { alias: \"email\", svg: email },\r\n  { alias: \"energy\", svg: energy },\r\n  { alias: \"environment\", svg: environment },\r\n  { alias: \"exclamation\", svg: exclamation },\r\n  { alias: \"external-link\", svg: externalLink },\r\n  { alias: \"eye-slash\", svg: eyeSlash },\r\n  { alias: \"eye\", svg: eye },\r\n  { alias: \"filter\", svg: filter },\r\n  { alias: \"forbidden\", svg: forbidden },\r\n  { alias: \"hammer\", svg: hammer },\r\n  { alias: \"health\", svg: health },\r\n  { alias: \"help-active\", svg: helpActive },\r\n  { alias: \"help\", svg: help },\r\n  { alias: \"house\", svg: house },\r\n  { alias: \"info-active\", svg: infoActive },\r\n  { alias: \"info-i\", svg: infoI },\r\n  { alias: \"info\", svg: info },\r\n  { alias: \"infrastructure\", svg: infrastructure },\r\n  { alias: \"label\", svg: label },\r\n  { alias: \"land\", svg: land },\r\n  { alias: \"landscape\", svg: landscape },\r\n  { alias: \"layers\", svg: layers },\r\n  { alias: \"light-bulb\", svg: lightBulb },\r\n  { alias: \"location\", svg: location },\r\n  { alias: \"location-outline\", svg: locationOutline },\r\n  { alias: \"location-search\", svg: locationSearch },\r\n  { alias: \"lock\", svg: lock },\r\n  { alias: \"magnet\", svg: magnet },\r\n  { alias: \"mail\", svg: mail },\r\n  { alias: \"map-layers\", svg: mapLayers },\r\n  { alias: \"map-location\", svg: mapLocation },\r\n  { alias: \"marker\", svg: marker },\r\n  { alias: \"measurement\", svg: measurement },\r\n  { alias: \"minus-circle\", svg: minusCircle },\r\n  { alias: \"minus-square\", svg: minusSquare },\r\n  { alias: \"minus\", svg: minus },\r\n  { alias: \"more\", svg: more },\r\n  { alias: \"municipality\", svg: municipality },\r\n  { alias: \"nature\", svg: nature },\r\n  { alias: \"new-window\", svg: newWindow },\r\n  { alias: \"paperclip\", svg: paperclip },\r\n  { alias: \"parking\", svg: parking },\r\n  { alias: \"pencil\", svg: pencil },\r\n  { alias: \"pin\", svg: pin },\r\n  { alias: \"pin-outline\", svg: pinOutline },\r\n  { alias: \"plus-circle\", svg: plusCircle },\r\n  { alias: \"plus-square\", svg: plusSquare },\r\n  { alias: \"plus\", svg: plus },\r\n  { alias: \"print\", svg: print },\r\n  { alias: \"procedures\", svg: procedures },\r\n  { alias: \"spinner\", svg: spinner },\r\n  { alias: \"redo\", svg: redo },\r\n  { alias: \"safety\", svg: safety },\r\n  { alias: \"scale\", svg: scale },\r\n  { alias: \"search\", svg: search },\r\n  { alias: \"sitemap\", svg: sitemap },\r\n  { alias: \"soil\", svg: soil },\r\n  { alias: \"sort-ascending\", svg: sortAscending },\r\n  { alias: \"sort-descending\", svg: sortDescending },\r\n  { alias: \"sort\", svg: sort },\r\n  { alias: \"sound\", svg: sound },\r\n  { alias: \"status-danger\", svg: statusDanger },\r\n  { alias: \"status-error\", svg: statusError },\r\n  { alias: \"status-info\", svg: statusInfo },\r\n  { alias: \"status-success\", svg: statusSuccess },\r\n  { alias: \"status-warning\", svg: statusWarning },\r\n  { alias: \"status-warning-inline\", svg: statusWarningInline },\r\n  { alias: \"status-warning-inline-negative\", svg: statusWarningInlineNegative },\r\n  { alias: \"table\", svg: table },\r\n  { alias: \"times\", svg: times },\r\n  { alias: \"to-do-list\", svg: toDoList },\r\n  { alias: \"trash\", svg: trash },\r\n  { alias: \"undo\", svg: undo },\r\n  { alias: \"user-line\", svg: userLine },\r\n  { alias: \"user\", svg: user },\r\n  { alias: \"users\", svg: users },\r\n  { alias: \"water\", svg: water },\r\n  { alias: \"wip-wip\", svg: wipWip },\r\n];\r\n\r\n@Component({\r\n  tag: \"dso-icon\",\r\n  styleUrl: \"./icon.scss\",\r\n  shadow: true,\r\n})\r\nexport class Icon {\r\n  /**\r\n   * The alias of the icon.\r\n   */\r\n  @Prop()\r\n  icon?: string;\r\n\r\n  render() {\r\n    if (this.icon) {\r\n      const icon = icons.find((i) => i.alias === this.icon);\r\n      if (!icon) {\r\n        throw new TypeError(`Unknown svg: ${this.icon}`);\r\n      }\r\n\r\n      return <span class=\"icon-container\" innerHTML={icon.svg} />;\r\n    }\r\n  }\r\n}\r\n"]}

package/dist/collection/components/image-overlay/image-overlay.css

@@ -1,3 +1,18 @@
+@charset "UTF-8";
+/* Genereert een `transition` met vaste easing en optionele duur en delay per property.
+**
+** @param {ArgList} $transitions...
+**   - "property": gebruikt standaard duur (260ms) en delay (0ms)
+**   - ("property", duur): eigen duur, geen delay
+**   - ("property", duur, delay): eigen duur én delay
+**
+** @example
+**   @include transition(opacity, ("transform", 300ms), ("color", 500ms, 200ms));
+**
+** @output
+**   transition: [property] [duration] cubic-bezier(0.4, 0, 0.2, 1) [delay];
+**
+*/
 :host {
   display: inline-block;
   position: relative;

package/dist/collection/components/info/info.css

@@ -1,3 +1,18 @@
+@charset "UTF-8";
+/* Genereert een `transition` met vaste easing en optionele duur en delay per property.
+**
+** @param {ArgList} $transitions...
+**   - "property": gebruikt standaard duur (260ms) en delay (0ms)
+**   - ("property", duur): eigen duur, geen delay
+**   - ("property", duur, delay): eigen duur én delay
+**
+** @example
+**   @include transition(opacity, ("transform", 300ms), ("color", 500ms, 200ms));
+**
+** @output
+**   transition: [property] [duration] cubic-bezier(0.4, 0, 0.2, 1) [delay];
+**
+*/
 :host {
   display: block;
   padding-block: 16px;

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

@@ -1,3 +1,18 @@
+@charset "UTF-8";
+/* Genereert een `transition` met vaste easing en optionele duur en delay per property.
+**
+** @param {ArgList} $transitions...
+**   - "property": gebruikt standaard duur (260ms) en delay (0ms)
+**   - ("property", duur): eigen duur, geen delay
+**   - ("property", duur, delay): eigen duur én delay
+**
+** @example
+**   @include transition(opacity, ("transform", 300ms), ("color", 500ms, 200ms));
+**
+** @output
+**   transition: [property] [duration] cubic-bezier(0.4, 0, 0.2, 1) [delay];
+**
+*/
 :host {
   display: inline-block;
 }

package/dist/collection/components/input-range/input-range.css

@@ -1,3 +1,18 @@
+@charset "UTF-8";
+/* Genereert een `transition` met vaste easing en optionele duur en delay per property.
+**
+** @param {ArgList} $transitions...
+**   - "property": gebruikt standaard duur (260ms) en delay (0ms)
+**   - ("property", duur): eigen duur, geen delay
+**   - ("property", duur, delay): eigen duur én delay
+**
+** @example
+**   @include transition(opacity, ("transform", 300ms), ("color", 500ms, 200ms));
+**
+** @output
+**   transition: [property] [duration] cubic-bezier(0.4, 0, 0.2, 1) [delay];
+**
+*/
 :host {
   display: flex;
   align-items: center;

package/dist/collection/components/label/label.css

@@ -1,3 +1,18 @@
+@charset "UTF-8";
+/* Genereert een `transition` met vaste easing en optionele duur en delay per property.
+**
+** @param {ArgList} $transitions...
+**   - "property": gebruikt standaard duur (260ms) en delay (0ms)
+**   - ("property", duur): eigen duur, geen delay
+**   - ("property", duur, delay): eigen duur én delay
+**
+** @example
+**   @include transition(opacity, ("transform", 300ms), ("color", 500ms, 200ms));
+**
+** @output
+**   transition: [property] [duration] cubic-bezier(0.4, 0, 0.2, 1) [delay];
+**
+*/
 :host {
   display: inline-block;
   max-inline-size: 100%;
@@ -97,11 +112,11 @@
 }
 .dso-label.dso-label-filter {
   background-color: #e1ecf7;
-  border-color: #2b5780;
+  border-color: #e1ecf7;
   color: #191919;
 }
 .dso-label.dso-label-filter {
-  border-inline-start: 5px solid;
+  border-inline-start: 5px solid #2b5780;
 }
 .dso-label.dso-compact {
   padding-block: 0;

package/dist/collection/components/legend-item/legend-item.css

@@ -1,3 +1,18 @@
+@charset "UTF-8";
+/* Genereert een `transition` met vaste easing en optionele duur en delay per property.
+**
+** @param {ArgList} $transitions...
+**   - "property": gebruikt standaard duur (260ms) en delay (0ms)
+**   - ("property", duur): eigen duur, geen delay
+**   - ("property", duur, delay): eigen duur én delay
+**
+** @example
+**   @include transition(opacity, ("transform", 300ms), ("color", 500ms, 200ms));
+**
+** @output
+**   transition: [property] [duration] cubic-bezier(0.4, 0, 0.2, 1) [delay];
+**
+*/
 :host {
   display: block;
   padding-block: 4px;
@@ -15,16 +30,13 @@
   position: relative;
 }
 .legend-item.legend-item-symbol + .body {
-  margin-inline-start: 38px;
-}
-.legend-item.legend-item-selectable + .body {
-  margin-inline-start: 32px;
-}
-.legend-item.legend-item-selectable.legend-item-symbol + .body {
-  margin-inline-start: 70px;
+  margin-block-start: 8px;
 }
 
-button {
+.legend-item-right-content {
+  margin-inline-start: auto;
+}
+.legend-item-right-content button {
   display: inline-block;
   font-size: 1em;
   font-weight: 500;
@@ -35,46 +47,46 @@ button {
   user-select: none;
   vertical-align: middle;
 }
-button:focus, button:focus-visible {
+.legend-item-right-content button:focus, .legend-item-right-content button:focus-visible {
   outline-offset: 2px;
 }
-button:active {
+.legend-item-right-content button:active {
   outline: 0;
 }
-button {
+.legend-item-right-content button {
   border: 0;
   color: #39870c;
   line-height: 1;
   padding: 0;
   background-color: transparent;
 }
-button[disabled] {
+.legend-item-right-content button[disabled] {
   color: #afcf9d;
 }
-button[disabled].dso-spinner-left, button[disabled].dso-spinner-right {
+.legend-item-right-content button[disabled].dso-spinner-left, .legend-item-right-content button[disabled].dso-spinner-right {
   color: #39870c;
 }
-button:not([disabled]):hover {
+.legend-item-right-content button:not([disabled]):hover {
   color: #275937;
   text-decoration: underline;
   text-underline-position: under;
 }
-button:not([disabled]):active {
+.legend-item-right-content button:not([disabled]):active {
   color: #173521;
 }
-button.dso-align {
+.legend-item-right-content button.dso-align {
   line-height: calc(1.5em - 1px);
   padding-block: 11px;
   padding-inline: 0;
   position: relative;
 }
-button.dso-truncate {
+.legend-item-right-content button.dso-truncate {
   max-inline-size: 100%;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-button.dso-spinner-left::before {
+.legend-item-right-content button.dso-spinner-left::before {
   background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E");
   background-repeat: no-repeat;
   content: "";
@@ -84,7 +96,7 @@ button.dso-spinner-left::before {
   inline-size: 24px;
   margin-inline-end: 8px;
 }
-button.dso-spinner-right::after {
+.legend-item-right-content button.dso-spinner-right::after {
   background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E");
   background-repeat: no-repeat;
   content: "";
@@ -94,7 +106,7 @@ button.dso-spinner-right::after {
   inline-size: 24px;
   margin-inline-start: 8px;
 }
-button > span {
+.legend-item-right-content button > span {
   position: absolute;
   inline-size: 1px;
   block-size: 1px;
@@ -104,7 +116,14 @@ button > span {
   clip: rect(0, 0, 0, 0);
   border: 0;
 }
-button {
-  position: absolute;
-  inset-inline-end: 0;
+.legend-item-right-content button {
+  cursor: pointer;
+}
+.legend-item-right-content button.active {
+  color: #173521;
+}
+.legend-item-right-content dso-slide-toggle {
+  align-self: center;
+  margin-inline-start: 8px;
+  padding-block-start: 0 !important;
 }

package/dist/collection/components/legend-item/legend-item.interfaces.js.map

@@ -1 +1 @@
-{"version":3,"file":"legend-item.interfaces.js","sourceRoot":"","sources":["../../../../src/components/legend-item/legend-item.interfaces.tsx"],"names":[],"mappings":"","sourcesContent":["export interface LegendItemRemoveClickEvent {\r\n  originalEvent: MouseEvent;\r\n}\r\n"]}
+{"version":3,"file":"legend-item.interfaces.js","sourceRoot":"","sources":["../../../../src/components/legend-item/legend-item.interfaces.tsx"],"names":[],"mappings":"","sourcesContent":["export interface LegendItemActiveChangeEvent {\r\n  /**\r\n   * De huidige status van de Legend Item.\r\n   */\r\n  current: boolean;\r\n\r\n  /**\r\n   * De gewenste status van de Legend Item.\r\n   */\r\n  next: boolean;\r\n\r\n  originalEvent: Event;\r\n}\r\n"]}

package/dist/collection/components/legend-item/legend-item.js

@@ -1,9 +1,9 @@
 import { Host, h } from "@stencil/core";
 import clsx from "clsx";
 /**
- * @slot - Either the label for this legend item or a `dso-selectable` holding the label.
+ * @slot The label for this Legend Item
  * @slot symbol - A span where the symbol is styled upon
- * @slot body - The slot to place controls in (i.e. `dso-input-range` or multiple `dso-selectable`\`s). If present, this will cause the appearance of an edit-button (three dots) to show the controls. Will not be displayed if property `disabled` is set to true.
+ * @slot body - The slot to place controls in (i.e. `dso-input-range`). If present, this will cause the appearance of an edit-button (three dots) to show the controls. Will not be displayed if property `disabled` is set to true.
  */
 export class LegendItem {
     constructor() {
@@ -16,20 +16,13 @@ export class LegendItem {
     get symbolSlottedElement() {
         return this.host.querySelector("[slot='symbol']");
     }
-    get selectableSlottedElement() {
-        return this.host.querySelector(":scope > dso-selectable");
-    }
     get bodySlottedElement() {
         return this.host.querySelector("[slot='body']");
     }
     render() {
         const hasSymbol = this.symbolSlottedElement !== null;
         const hasBody = this.bodySlottedElement !== null;
-        const isSelectable = this.selectableSlottedElement !== null;
-        return (h(Host, { key: 'eb48f82b5146955e33e5db2cc61e7bafc3723fe3', onMouseEnter: () => this.dsoMouseEnter.emit(), onMouseLeave: () => this.dsoMouseLeave.emit() }, h("div", { key: 'af871a8d76bb92382a19b3485867196ffd75edb0', class: clsx("legend-item", {
-                "legend-item-symbol": hasSymbol,
-                "legend-item-selectable": isSelectable,
-            }) }, h("div", { key: '9443d749600aaecabaefabc8551ed7ce1021b3ed', hidden: !hasSymbol }, h("slot", { key: '254430f374019d5a2fcf30842eac3e91902d26dc', name: "symbol" })), h("div", { key: '1b641b6ac7f3142d2c0796eb2523463268cfaae5' }, h("slot", { key: '715b000454869eac218b92cb2e2f6cb85e43658b' })), this.disabled && this.disabledMessage && (h("dso-toggletip", { key: '060ebca19ef1fcdae11667f63e4e7dd92ddee12f', position: "bottom" }, this.disabledMessage)), this.removable && (h("button", { key: '4476704e14002aaa3ec915555fd85c3e9d309636', id: "remove-button", type: "button", onClick: (e) => this.dsoRemoveClick.emit({ originalEvent: e }) }, h("span", { key: 'ccb12aec339599791f2c8f4397e4ace9d87350d7', class: "sr-only" }, "Legenda item verwijderen"), h("dso-icon", { key: '94f5696f60462a954a3c4576a998542f44e374c6', icon: "trash" }))), hasBody && !this.disabled && (h("button", { key: '0c5e8faf2a0b0ffc572230b9ad620c324d9ccec2', id: "edit-button", type: "button", onClick: () => (this.showBody = !this.showBody) }, h("span", { key: '5779aed6c3c1283800b014c2fa7df7fc78db6ecd', class: "sr-only" }, "Legenda item aanpassen"), h("dso-icon", { key: '0bf33586f9a433fb018b5a7c5d8143dfe6037e8a', icon: this.showBody ? "times" : "more" })))), h("div", { key: '0fc138e85c19d1b70db051f207016903b4dd543c', hidden: !hasBody || this.disabled || !this.showBody, class: "body" }, h("slot", { key: '8ff1c9f0b14f0814b3f635a0fbf244a0e351e436', name: "body" }))));
+        return (h(Host, { key: '67814413c80d68a1b04cae35bbe937d31c949329', onMouseEnter: () => this.dsoMouseEnter.emit(), onMouseLeave: () => this.dsoMouseLeave.emit() }, h("div", { key: '282c637320cfeb0b4a58579acaf5ad7124700654', class: clsx("legend-item", { "legend-item-symbol": hasSymbol }) }, h("div", { key: '290b0c6a3b11d0c47ca7d226c4847743edd901a7', hidden: !hasSymbol }, h("slot", { key: '8dec6a89a72f546b34d1a2e47ad34e65ed50047e', name: "symbol" })), h("div", { key: '5161253e1df39357fc9dd68f8cf8e87167034d29' }, h("slot", { key: '98139f7cc6b6884d1529f996e4679e7278e4f0df' })), this.disabled && this.disabledMessage && (h("dso-toggletip", { key: '6673f0115a44d5d15b34f870aebf8fa4014d8785', position: "bottom" }, this.disabledMessage)), h("div", { key: '22ed1d4da22b0961e920eb5d38928d27d9e64eaa', class: "legend-item-right-content" }, hasBody && !this.disabled && (h("button", { key: 'e3e78dfb48a68378673fbaa23245cff7b8bbe589', id: "edit-button", type: "button", onClick: () => (this.showBody = !this.showBody), class: { active: this.showBody } }, h("span", { key: 'fe61e8c16730bca25956415f6fc9d557b6448637', class: "sr-only" }, "Legenda item aanpassen"), h("dso-icon", { key: '8073e744e0c9810dcd42e8132b074a583b85c54f', icon: "more" }))), h("dso-slide-toggle", { key: '5e752a57ae9c8be4561fa49b722b9307121674c0', accessibleLabel: "Maak actief", checked: this.active, disabled: this.disabled, onDsoActiveChange: (e) => this.dsoActiveChange.emit({ current: Boolean(this.active), next: !this.active, originalEvent: e }) }))), h("div", { key: '5d7189d66641b58de83e9068037134b52ec28e8f', hidden: !hasBody || this.disabled || !this.showBody, class: "body" }, h("slot", { key: 'ad3a9f9d77eaf06b4e9dd6fca086bb668071ba71', name: "body" }))));
     }
     static get is() { return "dso-legend-item"; }
     static get encapsulation() { return "shadow"; }
@@ -84,9 +77,9 @@ export class LegendItem {
                 "setter": false,
                 "reflect": false
             },
-            "removable": {
+            "active": {
                 "type": "boolean",
-                "attribute": "removable",
+                "attribute": "active",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -97,11 +90,11 @@ export class LegendItem {
                 "optional": true,
                 "docs": {
                     "tags": [],
-                    "text": "Shows a trash-can that, when clicked, emits `dsoRemoveClick`."
+                    "text": "Controls whether this Legend Item is active or not"
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": true
             }
         };
     }
@@ -112,23 +105,23 @@ export class LegendItem {
     }
     static get events() {
         return [{
-                "method": "dsoRemoveClick",
-                "name": "dsoRemoveClick",
+                "method": "dsoActiveChange",
+                "name": "dsoActiveChange",
                 "bubbles": true,
                 "cancelable": true,
                 "composed": true,
                 "docs": {
                     "tags": [],
-                    "text": "Emitted when the user activates the remove button."
+                    "text": "Emitted when user checks or unchecks the Slide Toggle."
                 },
                 "complexType": {
-                    "original": "LegendItemRemoveClickEvent",
-                    "resolved": "LegendItemRemoveClickEvent",
+                    "original": "LegendItemActiveChangeEvent",
+                    "resolved": "LegendItemActiveChangeEvent",
                     "references": {
-                        "LegendItemRemoveClickEvent": {
+                        "LegendItemActiveChangeEvent": {
                             "location": "import",
                             "path": "./legend-item.interfaces",
-                            "id": "src/components/legend-item/legend-item.interfaces.tsx::LegendItemRemoveClickEvent"
+                            "id": "src/components/legend-item/legend-item.interfaces.tsx::LegendItemActiveChangeEvent"
                         }
                     }
                 }

package/dist/collection/components/legend-item/legend-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"legend-item.js","sourceRoot":"","sources":["../../../../src/components/legend-item/legend-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAsB,OAAO,EAAE,KAAK,EAAgB,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAClH,OAAO,IAAI,MAAM,MAAM,CAAC;AAIxB;;;;GAIG;AAMH,MAAM,OAAO,UAAU;IALvB;QASE;;WAEG;QAEH,aAAQ,GAAG,KAAK,CAAC;QAiCjB,aAAQ,GAAG,KAAK,CAAC;KAwDlB;IAtDC,IAAI,oBAAoB;QACtB,OAAO,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAC;IACpD,CAAC;IAED,IAAI,wBAAwB;QAC1B,OAAO,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,yBAAyB,CAAC,CAAC;IAC5D,CAAC;IAED,IAAI,kBAAkB;QACpB,OAAO,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,eAAe,CAAC,CAAC;IAClD,CAAC;IAED,MAAM;QACJ,MAAM,SAAS,GAAG,IAAI,CAAC,oBAAoB,KAAK,IAAI,CAAC;QACrD,MAAM,OAAO,GAAG,IAAI,CAAC,kBAAkB,KAAK,IAAI,CAAC;QACjD,MAAM,YAAY,GAAG,IAAI,CAAC,wBAAwB,KAAK,IAAI,CAAC;QAE5D,OAAO,CACL,EAAC,IAAI,qDAAC,YAAY,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,EAAE,YAAY,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE;YAChG,4DACE,KAAK,EAAE,IAAI,CAAC,aAAa,EAAE;oBACzB,oBAAoB,EAAE,SAAS;oBAC/B,wBAAwB,EAAE,YAAY;iBACvC,CAAC;gBAEF,4DAAK,MAAM,EAAE,CAAC,SAAS;oBACrB,6DAAM,IAAI,EAAC,QAAQ,GAAG,CAClB;gBACN;oBACE,8DAAa,CACT;gBACL,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,eAAe,IAAI,CACxC,sEAAe,QAAQ,EAAC,QAAQ,IAAE,IAAI,CAAC,eAAe,CAAiB,CACxE;gBACA,IAAI,CAAC,SAAS,IAAI,CACjB,+DAAQ,EAAE,EAAC,eAAe,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,aAAa,EAAE,CAAC,EAAE,CAAC;oBACrG,6DAAM,KAAK,EAAC,SAAS,+BAAgC;oBACrD,iEAAU,IAAI,EAAC,OAAO,GAAY,CAC3B,CACV;gBAEA,OAAO,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,CAC5B,+DAAQ,EAAE,EAAC,aAAa,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC;oBACpF,6DAAM,KAAK,EAAC,SAAS,6BAA8B;oBACnD,iEAAU,IAAI,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,GAAI,CAC7C,CACV,CACG;YACN,4DAAK,MAAM,EAAE,CAAC,OAAO,IAAI,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAC,MAAM;gBACpE,6DAAM,IAAI,EAAC,MAAM,GAAG,CAChB,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, ComponentInterface, Element, Event, EventEmitter, Host, Prop, State, h } from \"@stencil/core\";\r\nimport clsx from \"clsx\";\r\n\r\nimport { LegendItemRemoveClickEvent } from \"./legend-item.interfaces\";\r\n\r\n/**\r\n * @slot - Either the label for this legend item or a `dso-selectable` holding the label.\r\n * @slot symbol - A span where the symbol is styled upon\r\n * @slot body - The slot to place controls in (i.e. `dso-input-range` or multiple `dso-selectable`\\`s). If present, this will cause the appearance of an edit-button (three dots) to show the controls. Will not be displayed if property `disabled` is set to true.\r\n */\r\n@Component({\r\n  tag: \"dso-legend-item\",\r\n  styleUrl: \"legend-item.scss\",\r\n  shadow: true,\r\n})\r\nexport class LegendItem implements ComponentInterface {\r\n  @Element()\r\n  host!: HTMLDsoLegendItemElement;\r\n\r\n  /**\r\n   * To disable the Legend Item\r\n   */\r\n  @Prop({ reflect: true })\r\n  disabled = false;\r\n\r\n  /**\r\n   * Message to be shown behind a toggletip when the Legend Item is disabled\r\n   */\r\n  @Prop()\r\n  disabledMessage?: string;\r\n\r\n  /**\r\n   * Shows a trash-can that, when clicked, emits `dsoRemoveClick`.\r\n   */\r\n  @Prop()\r\n  removable?: boolean;\r\n\r\n  /**\r\n   * Emitted when the user activates the remove button.\r\n   */\r\n  @Event()\r\n  dsoRemoveClick!: EventEmitter<LegendItemRemoveClickEvent>;\r\n\r\n  /**\r\n   * Emitted when the mouse enters the Legend Item\r\n   */\r\n  @Event()\r\n  dsoMouseEnter!: EventEmitter;\r\n\r\n  /**\r\n   * Emitted when the mouse leaves the Legend Item\r\n   */\r\n  @Event()\r\n  dsoMouseLeave!: EventEmitter;\r\n\r\n  @State()\r\n  showBody = false;\r\n\r\n  get symbolSlottedElement() {\r\n    return this.host.querySelector(\"[slot='symbol']\");\r\n  }\r\n\r\n  get selectableSlottedElement() {\r\n    return this.host.querySelector(\":scope > dso-selectable\");\r\n  }\r\n\r\n  get bodySlottedElement() {\r\n    return this.host.querySelector(\"[slot='body']\");\r\n  }\r\n\r\n  render() {\r\n    const hasSymbol = this.symbolSlottedElement !== null;\r\n    const hasBody = this.bodySlottedElement !== null;\r\n    const isSelectable = this.selectableSlottedElement !== null;\r\n\r\n    return (\r\n      <Host onMouseEnter={() => this.dsoMouseEnter.emit()} onMouseLeave={() => this.dsoMouseLeave.emit()}>\r\n        <div\r\n          class={clsx(\"legend-item\", {\r\n            \"legend-item-symbol\": hasSymbol,\r\n            \"legend-item-selectable\": isSelectable,\r\n          })}\r\n        >\r\n          <div hidden={!hasSymbol}>\r\n            <slot name=\"symbol\" />\r\n          </div>\r\n          <div>\r\n            <slot></slot>\r\n          </div>\r\n          {this.disabled && this.disabledMessage && (\r\n            <dso-toggletip position=\"bottom\">{this.disabledMessage}</dso-toggletip>\r\n          )}\r\n          {this.removable && (\r\n            <button id=\"remove-button\" type=\"button\" onClick={(e) => this.dsoRemoveClick.emit({ originalEvent: e })}>\r\n              <span class=\"sr-only\">Legenda item verwijderen</span>\r\n              <dso-icon icon=\"trash\"></dso-icon>\r\n            </button>\r\n          )}\r\n\r\n          {hasBody && !this.disabled && (\r\n            <button id=\"edit-button\" type=\"button\" onClick={() => (this.showBody = !this.showBody)}>\r\n              <span class=\"sr-only\">Legenda item aanpassen</span>\r\n              <dso-icon icon={this.showBody ? \"times\" : \"more\"} />\r\n            </button>\r\n          )}\r\n        </div>\r\n        <div hidden={!hasBody || this.disabled || !this.showBody} class=\"body\">\r\n          <slot name=\"body\" />\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"legend-item.js","sourceRoot":"","sources":["../../../../src/components/legend-item/legend-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAsB,OAAO,EAAE,KAAK,EAAgB,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAClH,OAAO,IAAI,MAAM,MAAM,CAAC;AAIxB;;;;GAIG;AAMH,MAAM,OAAO,UAAU;IALvB;QASE;;WAEG;QAEH,aAAQ,GAAG,KAAK,CAAC;QAiCjB,aAAQ,GAAG,KAAK,CAAC;KAuDlB;IArDC,IAAI,oBAAoB;QACtB,OAAO,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAC;IACpD,CAAC;IAED,IAAI,kBAAkB;QACpB,OAAO,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,eAAe,CAAC,CAAC;IAClD,CAAC;IAED,MAAM;QACJ,MAAM,SAAS,GAAG,IAAI,CAAC,oBAAoB,KAAK,IAAI,CAAC;QACrD,MAAM,OAAO,GAAG,IAAI,CAAC,kBAAkB,KAAK,IAAI,CAAC;QAEjD,OAAO,CACL,EAAC,IAAI,qDAAC,YAAY,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,EAAE,YAAY,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE;YAChG,4DAAK,KAAK,EAAE,IAAI,CAAC,aAAa,EAAE,EAAE,oBAAoB,EAAE,SAAS,EAAE,CAAC;gBAClE,4DAAK,MAAM,EAAE,CAAC,SAAS;oBACrB,6DAAM,IAAI,EAAC,QAAQ,GAAG,CAClB;gBACN;oBACE,8DAAQ,CACJ;gBACL,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,eAAe,IAAI,CACxC,sEAAe,QAAQ,EAAC,QAAQ,IAAE,IAAI,CAAC,eAAe,CAAiB,CACxE;gBAED,4DAAK,KAAK,EAAC,2BAA2B;oBACnC,OAAO,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,CAC5B,+DACE,EAAE,EAAC,aAAa,EAChB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,EAC/C,KAAK,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,QAAQ,EAAE;wBAEhC,6DAAM,KAAK,EAAC,SAAS,6BAA8B;wBACnD,iEAAU,IAAI,EAAC,MAAM,GAAG,CACjB,CACV;oBACD,yEACE,eAAe,EAAC,aAAa,EAC7B,OAAO,EAAE,IAAI,CAAC,MAAM,EACpB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,iBAAiB,EAAE,CAAC,CAAC,EAAE,EAAE,CACvB,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,IAAI,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE,aAAa,EAAE,CAAC,EAAE,CAAC,GAEpG,CACE,CACF;YACN,4DAAK,MAAM,EAAE,CAAC,OAAO,IAAI,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAC,MAAM;gBACpE,6DAAM,IAAI,EAAC,MAAM,GAAG,CAChB,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, ComponentInterface, Element, Event, EventEmitter, Host, Prop, State, h } from \"@stencil/core\";\r\nimport clsx from \"clsx\";\r\n\r\nimport { LegendItemActiveChangeEvent } from \"./legend-item.interfaces\";\r\n\r\n/**\r\n * @slot The label for this Legend Item\r\n * @slot symbol - A span where the symbol is styled upon\r\n * @slot body - The slot to place controls in (i.e. `dso-input-range`). If present, this will cause the appearance of an edit-button (three dots) to show the controls. Will not be displayed if property `disabled` is set to true.\r\n */\r\n@Component({\r\n  tag: \"dso-legend-item\",\r\n  styleUrl: \"legend-item.scss\",\r\n  shadow: true,\r\n})\r\nexport class LegendItem implements ComponentInterface {\r\n  @Element()\r\n  host!: HTMLDsoLegendItemElement;\r\n\r\n  /**\r\n   * To disable the Legend Item\r\n   */\r\n  @Prop({ reflect: true })\r\n  disabled = false;\r\n\r\n  /**\r\n   * Message to be shown behind a toggletip when the Legend Item is disabled\r\n   */\r\n  @Prop()\r\n  disabledMessage?: string;\r\n\r\n  /**\r\n   * Controls whether this Legend Item is active or not\r\n   */\r\n  @Prop({ reflect: true })\r\n  active?: boolean;\r\n\r\n  /**\r\n   * Emitted when user checks or unchecks the Slide Toggle.\r\n   */\r\n  @Event()\r\n  dsoActiveChange!: EventEmitter<LegendItemActiveChangeEvent>;\r\n\r\n  /**\r\n   * Emitted when the mouse enters the Legend Item\r\n   */\r\n  @Event()\r\n  dsoMouseEnter!: EventEmitter;\r\n\r\n  /**\r\n   * Emitted when the mouse leaves the Legend Item\r\n   */\r\n  @Event()\r\n  dsoMouseLeave!: EventEmitter;\r\n\r\n  @State()\r\n  showBody = false;\r\n\r\n  get symbolSlottedElement() {\r\n    return this.host.querySelector(\"[slot='symbol']\");\r\n  }\r\n\r\n  get bodySlottedElement() {\r\n    return this.host.querySelector(\"[slot='body']\");\r\n  }\r\n\r\n  render() {\r\n    const hasSymbol = this.symbolSlottedElement !== null;\r\n    const hasBody = this.bodySlottedElement !== null;\r\n\r\n    return (\r\n      <Host onMouseEnter={() => this.dsoMouseEnter.emit()} onMouseLeave={() => this.dsoMouseLeave.emit()}>\r\n        <div class={clsx(\"legend-item\", { \"legend-item-symbol\": hasSymbol })}>\r\n          <div hidden={!hasSymbol}>\r\n            <slot name=\"symbol\" />\r\n          </div>\r\n          <div>\r\n            <slot />\r\n          </div>\r\n          {this.disabled && this.disabledMessage && (\r\n            <dso-toggletip position=\"bottom\">{this.disabledMessage}</dso-toggletip>\r\n          )}\r\n\r\n          <div class=\"legend-item-right-content\">\r\n            {hasBody && !this.disabled && (\r\n              <button\r\n                id=\"edit-button\"\r\n                type=\"button\"\r\n                onClick={() => (this.showBody = !this.showBody)}\r\n                class={{ active: this.showBody }}\r\n              >\r\n                <span class=\"sr-only\">Legenda item aanpassen</span>\r\n                <dso-icon icon=\"more\" />\r\n              </button>\r\n            )}\r\n            <dso-slide-toggle\r\n              accessibleLabel=\"Maak actief\"\r\n              checked={this.active}\r\n              disabled={this.disabled}\r\n              onDsoActiveChange={(e) =>\r\n                this.dsoActiveChange.emit({ current: Boolean(this.active), next: !this.active, originalEvent: e })\r\n              }\r\n            />\r\n          </div>\r\n        </div>\r\n        <div hidden={!hasBody || this.disabled || !this.showBody} class=\"body\">\r\n          <slot name=\"body\" />\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"]}