@dso-toolkit/core 84.0.0 → 84.1.0

package/dist/cjs/dso-icon-button.cjs.entry.js

@@ -1,589 +0,0 @@
-'use strict';
-
-var index = require('./index-DDpKNH_F.js');
-var positionTooltip_function = require('./position-tooltip.function-ByMSSaYN.js');
-var tooltip_functionalComponent = require('./tooltip.functional-component-BQpcPpgi.js');
-require('./floating-ui.dom-CHD5ZW0W.js');
-require('./clsx-BtxeOLZW.js');
-
-const iconButtonCss = () => `.dso-tooltip {
-  --_dso-alert-success-border-color: #39870c;
-  --_dso-alert-error-border-color: #ce3f51;
-  --_dso-alert-info-border-color: #6ca4d9;
-  --_dso-alert-warning-border-color: #dcd400;
-  --link-color: currentColor;
-  --link-hover-color: currentColor;
-  --link-visited-color: currentColor;
-}
-.dso-tooltip a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {
-  background-image: var(--_dso-di-background-image, url("./di.svg#download-wit"));
-}
-.dso-tooltip a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible) {
-  background-image: var(--_dso-di-background-image, url("./di.svg#external-link-wit"));
-}
-.dso-tooltip a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {
-  background-image: var(--_dso-di-background-image, url("./di.svg#call-wit"));
-}
-.dso-tooltip a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {
-  background-image: var(--_dso-di-background-image, url("./di.svg#email-wit"));
-}
-.dso-tooltip {
-  --_dso-icon-button-tertiary-color: #fff;
-  background-color: #666;
-  color: #fff;
-}
-.dso-tooltip {
-  border-radius: 4px;
-  overflow: unset;
-  margin: 0;
-  border: 0;
-  padding: 0;
-  filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.4));
-  opacity: 0;
-  visibility: hidden;
-  transition: opacity 0.15s;
-}
-.dso-tooltip.visible {
-  opacity: 1;
-  visibility: visible;
-}
-.dso-tooltip .tooltip-inner {
-  --_dso-alert-success-border-color: #39870c;
-  --_dso-alert-error-border-color: #ce3f51;
-  --_dso-alert-info-border-color: #6ca4d9;
-  --_dso-alert-warning-border-color: #dcd400;
-  --link-color: currentColor;
-  --link-hover-color: currentColor;
-  --link-visited-color: currentColor;
-}
-.dso-tooltip .tooltip-inner a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {
-  background-image: var(--_dso-di-background-image, url("./di.svg#download-wit"));
-}
-.dso-tooltip .tooltip-inner a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible) {
-  background-image: var(--_dso-di-background-image, url("./di.svg#external-link-wit"));
-}
-.dso-tooltip .tooltip-inner a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {
-  background-image: var(--_dso-di-background-image, url("./di.svg#call-wit"));
-}
-.dso-tooltip .tooltip-inner a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {
-  background-image: var(--_dso-di-background-image, url("./di.svg#email-wit"));
-}
-.dso-tooltip .tooltip-inner {
-  --_dso-icon-button-tertiary-color: #fff;
-  background-color: #666;
-  color: #fff;
-}
-.dso-tooltip .tooltip-inner {
-  font-family: Asap, sans-serif;
-  font-size: 1rem;
-  font-weight: normal;
-  padding-block: 0;
-  padding-inline: 8px;
-  border-radius: 4px;
-  line-height: 1.5;
-  max-inline-size: 320px;
-}
-.dso-tooltip .tooltip-arrow {
-  --_dso-alert-success-border-color: #39870c;
-  --_dso-alert-error-border-color: #ce3f51;
-  --_dso-alert-info-border-color: #6ca4d9;
-  --_dso-alert-warning-border-color: #dcd400;
-  --link-color: currentColor;
-  --link-hover-color: currentColor;
-  --link-visited-color: currentColor;
-}
-.dso-tooltip .tooltip-arrow a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {
-  background-image: var(--_dso-di-background-image, url("./di.svg#download-wit"));
-}
-.dso-tooltip .tooltip-arrow a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible) {
-  background-image: var(--_dso-di-background-image, url("./di.svg#external-link-wit"));
-}
-.dso-tooltip .tooltip-arrow a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {
-  background-image: var(--_dso-di-background-image, url("./di.svg#call-wit"));
-}
-.dso-tooltip .tooltip-arrow a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {
-  background-image: var(--_dso-di-background-image, url("./di.svg#email-wit"));
-}
-.dso-tooltip .tooltip-arrow {
-  --_dso-icon-button-tertiary-color: #fff;
-  background-color: #666;
-  color: #fff;
-}
-.dso-tooltip .tooltip-arrow {
-  position: absolute;
-  border-start-start-radius: 4px;
-  block-size: 8px;
-  inline-size: 8px;
-  pointer-events: none;
-  z-index: -1;
-}
-
-:host {
-  display: inline-block;
-  line-height: 1;
-}
-
-*,
-*::after,
-*::before {
-  box-sizing: border-box;
-}
-
-.dso-secondary {
-  display: inline-block;
-  font-size: 1em;
-  font-weight: 500;
-  margin-block-end: 0;
-  text-decoration: none;
-  touch-action: manipulation;
-  text-align: start;
-  user-select: none;
-  vertical-align: middle;
-}
-.dso-secondary:focus, .dso-secondary:focus-visible {
-  outline-offset: 2px;
-}
-.dso-secondary:active {
-  outline: 0;
-}
-.dso-secondary.extern::after, .dso-secondary.download::after {
-  content: "";
-  display: inline-block;
-  margin-inline-start: 8px;
-}
-.dso-secondary {
-  background-color: var(--_dso-button-secondary-background-color, #fff);
-  border-color: var(--_dso-button-secondary-border-color, #39870c);
-  color: var(--_dso-button-secondary-color, #39870c);
-}
-.dso-secondary {
-  border-width: 1px;
-  border-style: solid;
-  border-radius: 4px;
-  line-height: 1.5;
-  min-inline-size: 56px;
-  padding-block: 11px;
-  padding-inline: 15px;
-}
-.dso-secondary:hover {
-  background-color: var(--_dso-button-secondary-hover-background-color, #d7e7ce);
-  border-color: var(--_dso-button-secondary-hover-border-color, #275937);
-  color: var(--_dso-button-secondary-hover-color, #275937);
-}
-.dso-secondary:active {
-  background-color: var(--_dso-button-secondary-active-background-color, #275937);
-  border-color: var(--_dso-button-secondary-active-border-color, #275937);
-  color: var(--_dso-button-secondary-active-color, #fff);
-}
-.dso-secondary[disabled], .dso-secondary[disabled]:hover {
-  background-color: var(--_dso-button-secondary-disabled-background-color, #fff);
-  border-color: var(--_dso-button-secondary-disabled-border-color, #afcf9d);
-  color: var(--_dso-button-secondary-disabled-color, #afcf9d);
-}
-.dso-secondary.dso-small {
-  line-height: 1rem;
-}
-.dso-secondary.dso-small dso-icon, .dso-secondary.dso-small.extern::after, .dso-secondary.dso-small.download::after, .dso-secondary.dso-small.dso-spinner::before {
-  margin-block-end: -4px;
-  margin-block-start: -4px;
-}
-.dso-secondary.dso-small.dso-spinner-left::before {
-  block-size: 16px;
-  inline-size: 16px;
-}
-.dso-secondary.dso-small.dso-spinner-right::after {
-  block-size: 16px;
-  inline-size: 16px;
-}
-.dso-secondary.dso-extra-small {
-  line-height: 1rem;
-}
-.dso-secondary.dso-extra-small dso-icon, .dso-secondary.dso-extra-small.extern::after, .dso-secondary.dso-extra-small.download::after, .dso-secondary.dso-extra-small.dso-spinner::before {
-  margin-block-end: -4px;
-  margin-block-start: -4px;
-}
-.dso-secondary.dso-extra-small.dso-spinner-left::before {
-  block-size: 16px;
-  inline-size: 16px;
-}
-.dso-secondary.dso-extra-small.dso-spinner-right::after {
-  block-size: 16px;
-  inline-size: 16px;
-}
-.dso-secondary.dso-extra-small {
-  padding-block: 9px;
-}
-.dso-secondary dso-icon:has(+ span:not(.sr-only)) {
-  margin-inline-start: -8px;
-}
-.dso-secondary span:not(.sr-only) + dso-icon {
-  margin-inline-start: 8px;
-  margin-inline-end: -8px;
-}
-.dso-secondary dso-icon + span:not(.sr-only) {
-  margin-inline-start: 8px;
-}
-.dso-secondary.dso-spinner-left[disabled], .dso-secondary.dso-spinner-right[disabled] {
-  background-color: #fff;
-  border-color: #39870c;
-  color: #39870c;
-}
-.dso-secondary.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: "";
-  display: inline-block;
-  block-size: 24px;
-  vertical-align: top;
-  inline-size: 24px;
-  margin-inline-end: 8px;
-}
-.dso-secondary.dso-spinner-left:not([disabled]):hover::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: %23fff; 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: "";
-  display: inline-block;
-  block-size: 24px;
-  vertical-align: top;
-  inline-size: 24px;
-  margin-inline-end: 8px;
-}
-.dso-secondary.dso-spinner-left:not([disabled]).dso-small:hover::before {
-  block-size: 16px;
-  inline-size: 16px;
-}
-.dso-secondary.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: "";
-  display: inline-block;
-  block-size: 24px;
-  vertical-align: top;
-  inline-size: 24px;
-  margin-inline-start: 8px;
-}
-.dso-secondary.dso-spinner-right:not([disabled]):hover::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: %23fff; 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: "";
-  display: inline-block;
-  block-size: 24px;
-  vertical-align: top;
-  inline-size: 24px;
-  margin-inline-start: 8px;
-}
-.dso-secondary.dso-spinner-right:not([disabled]).dso-small:hover::after {
-  block-size: 16px;
-  inline-size: 16px;
-}
-.dso-secondary {
-  padding-inline: calc(8px - 1px);
-  padding-block: calc(8px - 1px);
-}
-
-.dso-tertiary {
-  display: inline-block;
-  font-size: 1em;
-  font-weight: 500;
-  margin-block-end: 0;
-  text-decoration: none;
-  touch-action: manipulation;
-  text-align: start;
-  user-select: none;
-  vertical-align: middle;
-}
-.dso-tertiary:focus, .dso-tertiary:focus-visible {
-  outline-offset: 2px;
-}
-.dso-tertiary:active {
-  outline: 0;
-}
-.dso-tertiary.extern::after, .dso-tertiary.download::after {
-  content: "";
-  display: inline-block;
-  margin-inline-start: 8px;
-}
-.dso-tertiary {
-  padding-inline: 0;
-  padding-block: 0;
-  color: var(--_dso-icon-button-tertiary-color, #39870c);
-  background-color: transparent;
-  border: 0;
-}
-.dso-tertiary:not([disabled]):hover {
-  color: var(--_dso-icon-button-tertiary-hover-color, var(--_dso-icon-button-tertiary-color, #275937));
-}
-.dso-tertiary:not([disabled]):active {
-  color: var(--_dso-icon-button-tertiary-active-color, var(--_dso-icon-button-tertiary-color, #275937));
-}
-.dso-tertiary[disabled] {
-  color: var(--_dso-icon-button-tertiary-disabled-color, var(--_dso-icon-button-tertiary-color, #afcf9d));
-}
-
-.dso-map {
-  display: inline-block;
-  font-size: 1em;
-  font-weight: 500;
-  margin-block-end: 0;
-  text-decoration: none;
-  touch-action: manipulation;
-  text-align: start;
-  user-select: none;
-  vertical-align: middle;
-}
-.dso-map:focus, .dso-map:focus-visible {
-  outline-offset: 2px;
-}
-.dso-map:active {
-  outline: 0;
-}
-.dso-map {
-  background-color: var(--_dso-button-secondary-background-color, #fff);
-  border-color: var(--_dso-button-secondary-border-color, #39870c);
-  color: var(--_dso-button-secondary-color, #39870c);
-}
-.dso-map {
-  border-width: 1px;
-  border-style: solid;
-  border-radius: 4px;
-  line-height: 1.5;
-  min-inline-size: 56px;
-  padding-block: 11px;
-  padding-inline: 15px;
-}
-.dso-map:hover {
-  background-color: var(--_dso-button-secondary-hover-background-color, #d7e7ce);
-  border-color: var(--_dso-button-secondary-hover-border-color, #275937);
-  color: var(--_dso-button-secondary-hover-color, #275937);
-}
-.dso-map:active {
-  background-color: var(--_dso-button-secondary-active-background-color, #275937);
-  border-color: var(--_dso-button-secondary-active-border-color, #275937);
-  color: var(--_dso-button-secondary-active-color, #fff);
-}
-.dso-map[disabled], .dso-map[disabled]:hover {
-  background-color: var(--_dso-button-secondary-disabled-background-color, #fff);
-  border-color: var(--_dso-button-secondary-disabled-border-color, #afcf9d);
-  color: var(--_dso-button-secondary-disabled-color, #afcf9d);
-}
-.dso-map.dso-small {
-  line-height: 1rem;
-}
-.dso-map.dso-small dso-icon, .dso-map.dso-small.extern::after, .dso-map.dso-small.download::after, .dso-map.dso-small.dso-spinner::before {
-  margin-block-end: -4px;
-  margin-block-start: -4px;
-}
-.dso-map.dso-small.dso-spinner-left::before {
-  block-size: 16px;
-  inline-size: 16px;
-}
-.dso-map.dso-small.dso-spinner-right::after {
-  block-size: 16px;
-  inline-size: 16px;
-}
-.dso-map.dso-extra-small {
-  line-height: 1rem;
-}
-.dso-map.dso-extra-small dso-icon, .dso-map.dso-extra-small.extern::after, .dso-map.dso-extra-small.download::after, .dso-map.dso-extra-small.dso-spinner::before {
-  margin-block-end: -4px;
-  margin-block-start: -4px;
-}
-.dso-map.dso-extra-small.dso-spinner-left::before {
-  block-size: 16px;
-  inline-size: 16px;
-}
-.dso-map.dso-extra-small.dso-spinner-right::after {
-  block-size: 16px;
-  inline-size: 16px;
-}
-.dso-map.dso-extra-small {
-  padding-block: 9px;
-}
-.dso-map dso-icon:has(+ span:not(.sr-only)) {
-  margin-inline-start: -8px;
-}
-.dso-map span:not(.sr-only) + dso-icon {
-  margin-inline-start: 8px;
-  margin-inline-end: -8px;
-}
-.dso-map dso-icon + span:not(.sr-only) {
-  margin-inline-start: 8px;
-}
-.dso-map.dso-spinner-left[disabled], .dso-map.dso-spinner-right[disabled] {
-  background-color: #fff;
-  border-color: #39870c;
-  color: #39870c;
-}
-.dso-map.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: "";
-  display: inline-block;
-  block-size: 24px;
-  vertical-align: top;
-  inline-size: 24px;
-  margin-inline-end: 8px;
-}
-.dso-map.dso-spinner-left:not([disabled]):hover::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: %23fff; 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: "";
-  display: inline-block;
-  block-size: 24px;
-  vertical-align: top;
-  inline-size: 24px;
-  margin-inline-end: 8px;
-}
-.dso-map.dso-spinner-left:not([disabled]).dso-small:hover::before {
-  block-size: 16px;
-  inline-size: 16px;
-}
-.dso-map.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: "";
-  display: inline-block;
-  block-size: 24px;
-  vertical-align: top;
-  inline-size: 24px;
-  margin-inline-start: 8px;
-}
-.dso-map.dso-spinner-right:not([disabled]):hover::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: %23fff; 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: "";
-  display: inline-block;
-  block-size: 24px;
-  vertical-align: top;
-  inline-size: 24px;
-  margin-inline-start: 8px;
-}
-.dso-map.dso-spinner-right:not([disabled]).dso-small:hover::after {
-  block-size: 16px;
-  inline-size: 16px;
-}
-.dso-map {
-  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
-  border: 0;
-  font-weight: 600;
-  margin-inline-end: 16px;
-  padding-block: 8px;
-  padding-inline: 16px;
-  white-space: nowrap;
-}
-.dso-map:focus, .dso-map:focus-visible {
-  outline-offset: -1px;
-}
-.dso-map:has(span.sr-only):has(dso-icon) {
-  padding: 8px;
-  min-inline-size: auto;
-  block-size: 40px;
-  inline-size: 40px;
-}
-.dso-map {
-  padding-inline: 8px;
-  padding-block: 8px;
-  border: 0;
-  margin-inline-end: 0;
-  box-shadow: var(--_dso-icon-button-map-box-shadow, 0 0 8px 0 rgba(0, 0, 0, 0.3));
-  border-radius: var(--_dso-icon-button-map-border-radius, 4px);
-}
-
-.icon-button {
-  min-inline-size: auto;
-  cursor: pointer;
-}
-.icon-button[disabled] {
-  cursor: default;
-}`;
-
-const IconButton = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.dsoClick = index.createEvent(this, "dsoClick", 3);
-        /**
-         * The variant of the Icon Button.
-         */
-        this.variant = "secondary";
-        /**
-         * The placement of the tooltip on hover and focus of the Icon Button.
-         */
-        this.tooltipPlacement = "top";
-        /**
-         * To disable the Icon Button
-         */
-        this.disabled = false;
-        this.showTooltip = false;
-        this.lastClickTime = 0;
-        this.tooltipShowDelay = 500;
-        this.handleShowTooltip = () => {
-            if (this.disabled) {
-                return;
-            }
-            // Don't show the tooltip if the button is clicked within 500ms of the last click
-            if (Date.now() - this.lastClickTime < this.tooltipShowDelay) {
-                return;
-            }
-            this.clearToolTipTimeout();
-            this.tooltipTimeout = window.setTimeout(() => {
-                var _a, _b;
-                if (!((_a = this.tooltipElRef) === null || _a === void 0 ? void 0 : _a.isConnected)) {
-                    return;
-                }
-                this.showTooltip = true;
-                (_b = this.tooltipElRef) === null || _b === void 0 ? void 0 : _b.showPopover();
-                if (!this.cleanUp && this.buttonElRef && this.tooltipElRef && this.tipArrowElRef) {
-                    this.cleanUp = positionTooltip_function.positionTooltip({
-                        referenceElement: this.buttonElRef,
-                        tipRef: this.tooltipElRef,
-                        tipArrowRef: this.tipArrowElRef,
-                        placementTip: this.tooltipPlacement,
-                        topPositionSmallViewPort: false,
-                        halfMainAxisOffset: false,
-                        forceVisible: true,
-                    });
-                }
-            }, this.tooltipShowDelay);
-        };
-        this.clearToolTipTimeout = () => {
-            if (this.tooltipTimeout) {
-                clearTimeout(this.tooltipTimeout);
-            }
-        };
-        this.handleHideTooltip = () => {
-            var _a;
-            this.clearToolTipTimeout();
-            this.showTooltip = false;
-            (_a = this.tooltipElRef) === null || _a === void 0 ? void 0 : _a.hidePopover();
-            if (!this.showTooltip && this.cleanUp) {
-                this.cleanUp();
-                this.cleanUp = undefined;
-            }
-        };
-        this.handleClick = (e) => {
-            this.lastClickTime = Date.now();
-            this.handleHideTooltip();
-            this.dsoClick.emit({ originalEvent: e });
-        };
-    }
-    /**
-     * Focuses the button.
-     */
-    async setFocus() {
-        var _a;
-        (_a = this.buttonElRef) === null || _a === void 0 ? void 0 : _a.focus();
-    }
-    disconnectedCallback() {
-        var _a;
-        this.clearToolTipTimeout();
-        (_a = this.cleanUp) === null || _a === void 0 ? void 0 : _a.call(this);
-        this.cleanUp = undefined;
-    }
-    render() {
-        return (index.h("button", { key: '5045ce3b4d8d0bf8538501dee9f573ee8f6cee38', ref: (el) => (this.buttonElRef = el), type: "button", disabled: this.disabled, "aria-label": this.label, class: `icon-button dso-${this.variant}`, onMouseEnter: this.handleShowTooltip, onMouseLeave: this.handleHideTooltip, onFocus: this.handleShowTooltip, onBlur: this.handleHideTooltip, onClick: this.handleClick }, index.h("dso-icon", { key: '3ce28c59e0f6c2a137c9f65958765e5ac3d4f239', icon: this.icon }), index.h(tooltip_functionalComponent.Tooltip, { key: 'ed39dd1770074c20e3103067ddc1d32db8d0d2d1', visible: this.showTooltip, onAfterHidden: this.handleHideTooltip, tipElementRef: (element) => (this.tooltipElRef = element), tipArrowElementRef: (element) => (this.tipArrowElRef = element) }, this.label)));
-    }
-};
-IconButton.style = iconButtonCss();
-
-exports.dso_icon_button = IconButton;
-//# sourceMappingURL=dso-icon-button.entry.cjs.js.map

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

@@ -1,2 +0,0 @@
-import{r as e,c as a,h as s,F as t}from"./p-WDDbscLp.js";const i=()=>`:host{display:block}*,*::after,*::before{box-sizing:border-box}.map-layer{display:flex;justify-content:space-between;min-block-size:32px}.map-layer-label{font-weight:600;line-height:1.375em;margin:0;position:relative}.slide-toggle-container dso-slide-toggle{display:flex;padding-block-start:0}`;const o=class{constructor(s){e(this,s);this.dsoActiveChange=a(this,"dsoActiveChange",7);this.activatable=false;this.handleActiveChange=e=>{this.dsoActiveChange.emit({current:Boolean(this.active),next:!this.active,originalEvent:e})}}render(){return s(t,{key:"f7a9febc99f223bbaae4a60c49566e94a630e545"},s("div",{key:"621f18ff0f293bc0ff805a4355b7c43038413584",class:"map-layer"},s("span",{key:"52a17c153fa213953bfd6bd005780995ea0519f9",class:"map-layer-label"},this.label),this.activatable&&s("div",{key:"e8e0f4c6e7136621dbc0dc8d46ef8efdf43fdda6",class:"slide-toggle-container"},s("dso-slide-toggle",{key:"e04a1f31755eaae48fa185d361478bffa917fe22",accessibleLabel:"Toon op kaart",checked:this.active,onDsoActiveChange:this.handleActiveChange}))),s("slot",{key:"9d28c70969a368bbd4bb4a721bbcaca9255b9698"}))}};o.style=i();export{o as dso_map_layer};
-//# sourceMappingURL=p-0eb57b0b.entry.js.map

package/dist/dso-toolkit/p-1fcfb9f3.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c as t,f as i,h as s,H as o,g as n}from"./p-WDDbscLp.js";import{c as a}from"./p-ChV9xqsO.js";const d=()=>`:host{display:block;padding-block:4px;padding-inline:4px}*,*::after,*::before{box-sizing:border-box}::slotted(span[slot=symbol]){background-color:#fff;display:block;float:inline-start;block-size:26px;margin-block-start:0;margin-inline-end:8px;inline-size:30px;overflow:hidden;position:relative}.legend-item{display:flex;position:relative}.legend-item.legend-item-symbol+.options{margin-block-start:8px}.legend-item dso-icon-button.active{--_dso-icon-button-tertiary-color:#173521}.legend-item-right-content{margin-inline-start:auto;display:flex;justify-content:center;align-content:center;align-items:center}.legend-item-right-content dso-slide-toggle{display:flex;align-self:center;line-height:1;margin-inline-start:8px;padding-block-start:0 !important}`;const l=class{constructor(i){e(this,i);this.dsoActiveChange=t(this,"dsoActiveChange",7);this.dsoMouseEnter=t(this,"dsoMouseEnter",7);this.dsoMouseLeave=t(this,"dsoMouseLeave",7);this.disabled=false;this.showOptions=false}connectedCallback(){this.mutationObserver=new MutationObserver((()=>i(this.host)));this.mutationObserver.observe(this.host,{attributes:true,childList:true})}disconnectedCallback(){var e;(e=this.mutationObserver)===null||e===void 0?void 0:e.disconnect();delete this.mutationObserver}get symbolSlottedElement(){return this.host.querySelector("[slot='symbol']")}get optionsSlottedElement(){return this.host.querySelector("[slot='options']")}render(){const e=this.symbolSlottedElement!==null;const t=this.optionsSlottedElement!==null;return s(o,{key:"d4e2f6d842f7ca0157c262d6f4512e1decf04a9d",onMouseEnter:()=>this.dsoMouseEnter.emit(),onMouseLeave:()=>this.dsoMouseLeave.emit()},s("div",{key:"cfd02f4df6aa26b14fdbee59b466f90f8d8cbee2",class:a("legend-item",{"legend-item-symbol":e})},e&&s("div",{key:"0d2c32702db90dbe44583a44c50055aba1958cf4"},s("slot",{key:"bebec9612d2ddbb73f930b6d7fd6826e8f30e8af",name:"symbol"})),s("div",{key:"b4badff0166ace15d3e1fc0be215705801af1067"},s("slot",{key:"23ca6f63fd79d869ee906a3a857b3c56a837364c"})),this.disabled&&this.disabledMessage&&s("dso-toggletip",{key:"648ce50e21c68c7f400c8a08a7e5df6704d19a43",position:"bottom"},this.disabledMessage),s("div",{key:"b296b98e92f779c77020ec235c2d4cbfe061c4f0",class:"legend-item-right-content"},this.active&&t&&!this.disabled&&s("dso-icon-button",{key:"de4322f255b6a23a211789b565f190c222ea7d71",label:"Opties",icon:"more",variant:"tertiary",class:{active:this.showOptions},id:"edit-button",onDsoClick:()=>this.showOptions=!this.showOptions}),this.activatable&&s("dso-slide-toggle",{key:"2734a9783b1b31c6883180c44c0db2f290346543",accessibleLabel:"Maak actief",checked:this.active,disabled:this.disabled,onDsoActiveChange:e=>this.dsoActiveChange.emit({current:Boolean(this.active),next:!this.active,originalEvent:e})}))),t&&s("div",{key:"33c1543398c746f35d528032f6f47ee72d18cdf2",hidden:this.disabled||!this.showOptions,class:"options"},s("slot",{key:"c2c87a85c16b32f663a640349008bca4fb01adae",name:"options"})))}get host(){return n(this)}};l.style=d();export{l as dso_legend_item};
-//# sourceMappingURL=p-1fcfb9f3.entry.js.map

package/dist/dso-toolkit/p-2d6c125f.entry.js

@@ -1,2 +0,0 @@
-import{r as o,c as t,h as s,g as e}from"./p-WDDbscLp.js";import{c as i}from"./p-ChV9xqsO.js";import{d as r}from"./p-baWVwd8J.js";const n=()=>`:host{display:block;block-size:100%;overflow-y:hidden}*,*::after,*::before{box-sizing:border-box}.dso-shadow-container{block-size:100%;max-block-size:inherit;min-block-size:inherit;position:relative}.dso-shadow-container .dso-scroll-container{block-size:100%;max-block-size:inherit;min-block-size:inherit;overflow-y:auto}.dso-shadow-container .dso-scroll-container::before,.dso-shadow-container .dso-scroll-container::after{background-repeat:no-repeat;background-size:100% 24px;content:"";display:block;block-size:24px;inset-inline-start:0;opacity:0;overflow:visible;position:absolute;transition:opacity 150ms ease-in-out;inline-size:100%;pointer-events:none;z-index:1}.dso-shadow-container .dso-scroll-container::before{background-image:linear-gradient(to top, rgba(183, 183, 183, 0), rgba(183, 183, 183, 0.7));inset-block-start:0}.dso-shadow-container .dso-scroll-container::after{background-image:linear-gradient(to bottom, rgba(183, 183, 183, 0), rgba(183, 183, 183, 0.7));inset-block-end:0}.dso-shadow-container .dso-scroll-container.dso-scroll-bottom::before{opacity:1}.dso-shadow-container .dso-scroll-container.dso-scroll-top::after{opacity:1}.dso-shadow-container .dso-scroll-container.dso-scroll-middle::before,.dso-shadow-container .dso-scroll-container.dso-scroll-middle::after{opacity:1}`;const a=new ResizeObserver(r((o=>o.forEach((o=>{var t;return(t=c(o))===null||t===void 0?void 0:t._setScrollState()}))),50));function c({target:o}){if(o.parentNode instanceof ShadowRoot&&l(o.parentNode.host)){return o.parentNode.host}if(o.parentElement&&l(o.parentElement)){return o.parentElement}return undefined}function l(o){return o.tagName==="DSO-SCROLLABLE"}const d=class{constructor(s){o(this,s);this.dsoScrollEnd=t(this,"dsoScrollEnd",7);this.mutationObserver=new MutationObserver((o=>o.forEach((({target:o})=>{var t;const s=(t=o.parentElement)===null||t===void 0?void 0:t.closest("dso-scrollable");if(s!==this.host){return}this._setScrollState()}))));this.scrollPosition="noScroll"}async _setScrollState(){if(!this.host.isConnected){return}const o=this.getScrollPosition();if(this.scrollPosition!==o){this.scrollPosition=o;if(this.scrollPosition==="top"||this.scrollPosition==="bottom"){this.dsoScrollEnd.emit({scrollEnd:this.scrollPosition})}}}get slottedElements(){return Array.from(this.host.children)}getScrollPosition(){if(!this.scrollContainerDiv){return"noScroll"}const{scrollHeight:o,clientHeight:t,scrollTop:s}=this.scrollContainerDiv;if(o<=t){return"noScroll"}if(s===0){return"top"}if(o-s-t<1){return"bottom"}if(s>0){return"middle"}return"noScroll"}componentDidLoad(){this.mutationObserver.observe(this.host,{characterData:true,attributes:false,childList:false,subtree:true});if(this.shadowContainerDiv instanceof HTMLDivElement){a.observe(this.shadowContainerDiv)}this.slottedElements.forEach((o=>a.observe(o)))}disconnectedCallback(){if(this.shadowContainerDiv instanceof HTMLDivElement){a.unobserve(this.shadowContainerDiv)}this.mutationObserver.disconnect();this.slottedElements.forEach((o=>a.unobserve(o)))}render(){return s("div",{key:"842ad8c1e4357cdc597d3d5c29bb150d679354fa",ref:o=>this.shadowContainerDiv=o,class:"dso-shadow-container"},s("div",{key:"9a67f0aca69c30da42e313420dda9cebc8f142fc",ref:o=>this.scrollContainerDiv=o,class:i("dso-scroll-container",{[`dso-scroll-${this.scrollPosition}`]:this.scrollPosition!=="noScroll"}),onScroll:()=>this._setScrollState()},s("slot",{key:"8e264a36ad1b1eba2f194e3e93c60af2b481003c"})))}get host(){return e(this)}};d.style=n();export{d as dso_scrollable};
-//# sourceMappingURL=p-2d6c125f.entry.js.map