npm - @utrecht/web-component-library-stencil - Versions diffs - 4.2.1 → 5.0.0 - Mend

@utrecht/web-component-library-stencil 4.2.1 → 5.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2174) hide show

package/dist/components/p-cb74e90e.js ADDED Viewed

@@ -0,0 +1,143 @@
+import { p as proxyCustomElement, H, c as createEvent, h } from './p-169bb78d.js';
+import { c as clsx } from './p-e91d8a25.js';
+const buttonCss = ".utrecht-button{--_utrecht-button-background-color:var(\n    --_utrecht-button-hint-background-color,\n    var(--_utrecht-button-appearance-background-color, var(--utrecht-button-background-color))\n  );--_utrecht-button-color:var(\n    --_utrecht-button-hint-color,\n    var(--_utrecht-button-appearance-color, var(--utrecht-button-color))\n  );--_utrecht-button-border-color:var(\n    --_utrecht-button-hint-border-color,\n    var(--_utrecht-button-appearance-border-color, var(--utrecht-button-border-color, transparent))\n  );--_utrecht-button-border-bottom-color:var(\n    --_utrecht-button-hint-border-bottom-color,\n    var(\n      --_utrecht-button-hint-border-color,\n      var(\n        --_utrecht-button-appearance-border-bottom-color,\n        var(\n          --_utrecht-button-appearance-border-color,\n          var(--utrecht-button-border-bottom-color, var(--utrecht-button-border-color, transparent))\n        )\n      )\n    )\n  );--_utrecht-button-disabled-background-color:var(\n    --_utrecht-button-hint-disabled-background-color,\n    var(\n      --_utrecht-button-appearance-disabled-background-color,\n      var(--utrecht-button-disabled-background-color, var(--utrecht-button-background-color))\n    )\n  );--_utrecht-button-disabled-border-color:var(\n    --_utrecht-button-hint-disabled-border-color,\n    var(\n      --_utrecht-button-appearance-disabled-border-color,\n      var(--utrecht-button-disabled-border-color, var(--utrecht-button-border-color))\n    )\n  );--_utrecht-button-disabled-color:var(\n    --_utrecht-button-hint-disabled-color,\n    var(--_utrecht-button-appearance-disabled-color, var(--utrecht-button-disabled-color, var(--utrecht-button-color)))\n  );--_utrecht-button-pressed-background-color:var(\n    --_utrecht-button-hint-pressed-background-color,\n    var(\n      --_utrecht-button-hint-background-color,\n      var(\n        --_utrecht-button-appearance-pressed-background-color,\n        var(\n          --_utrecht-button-appearance-background-color,\n          var(--utrecht-button-pressed-background-color, var(--utrecht-button-background-color))\n        )\n      )\n    )\n  );--_utrecht-button-pressed-border-color:var(\n    --_utrecht-button-hint-pressed-border-color,\n    var(\n      --_utrecht-button-hint-border-color,\n      var(\n        --_utrecht-button-appearance-pressed-border-color,\n        var(\n          --_utrecht-button-appearance-border-color,\n          var(--utrecht-button-pressed-border-color, var(--utrecht-button-border-color))\n        )\n      )\n    )\n  );--_utrecht-button-pressed-color:var(\n    --_utrecht-button-hint-pressed-color,\n    var(\n      --_utrecht-button-hint-color,\n      var(\n        --_utrecht-button-appearance-pressed-color,\n        var(--_utrecht-button-appearance-color, var(--utrecht-button-pressed-color, var(--utrecht-button-color)))\n      )\n    )\n  );--_utrecht-button-focus-background-color:var(\n    --_utrecht-button-hint-focus-background-color,\n    var(\n      --_utrecht-button-hint-background-color,\n      var(\n        --_utrecht-button-appearance-focus-background-color,\n        var(\n          --_utrecht-button-appearance-background-color,\n          var(--utrecht-button-focus-background-color, var(--utrecht-button-background-color))\n        )\n      )\n    )\n  );--_utrecht-button-focus-border-color:var(\n    --_utrecht-button-hint-focus-border-color,\n    var(\n      --_utrecht-button-hint-border-color,\n      var(\n        --_utrecht-button-appearance-focus-border-color,\n        var(\n          --_utrecht-button-appearance-border-color,\n          var(--utrecht-button-focus-border-color, var(--utrecht-button-border-color))\n        )\n      )\n    )\n  );--_utrecht-button-focus-color:var(\n    --_utrecht-button-hint-focus-color,\n    var(\n      --_utrecht-button-hint-color,\n      var(\n        --_utrecht-button-appearance-focus-color,\n        var(--_utrecht-button-appearance-color, var(--utrecht-button-focus-color, var(--utrecht-button-color)))\n      )\n    )\n  );--_utrecht-button-hover-background-color:var(\n    --_utrecht-button-hint-hover-background-color,\n    var(\n      --_utrecht-button-hint-background-color,\n      var(\n        --_utrecht-button-appearance-hover-background-color,\n        var(\n          --_utrecht-button-appearance-background-color,\n          var(--utrecht-button-hover-background-color, var(--utrecht-button-background-color))\n        )\n      )\n    )\n  );--_utrecht-button-hover-border-color:var(\n    --_utrecht-button-hint-hover-border-color,\n    var(\n      --_utrecht-button-hint-border-color,\n      var(\n        --_utrecht-button-appearance-hover-border-color,\n        var(\n          --_utrecht-button-appearance-border-color,\n          var(--utrecht-button-hover-border-color, var(--utrecht-button-border-color))\n        )\n      )\n    )\n  );--_utrecht-button-hover-color:var(\n    --_utrecht-button-hint-hover-color,\n    var(\n      --_utrecht-button-hint-color,\n      var(\n        --_utrecht-button-appearance-hover-color,\n        var(--_utrecht-button-appearance-color, var(--utrecht-button-hover-color, var(--utrecht-button-color)))\n      )\n    )\n  );--_utrecht-button-active-background-color:var(\n    --_utrecht-button-hint-active-background-color,\n    var(\n      --_utrecht-button-hint-background-color,\n      var(\n        --_utrecht-button-appearance-active-background-color,\n        var(\n          --_utrecht-button-appearance-background-color,\n          var(--utrecht-button-active-background-color, var(--utrecht-button-background-color))\n        )\n      )\n    )\n  );--_utrecht-button-active-border-color:var(\n    --_utrecht-button-hint-active-border-color,\n    var(\n      --_utrecht-button-hint-border-color,\n      var(\n        --_utrecht-button-appearance-active-border-color,\n        var(\n          --_utrecht-button-appearance-border-color,\n          var(--utrecht-button-active-border-color, var(--utrecht-button-border-color))\n        )\n      )\n    )\n  );--_utrecht-button-active-color:var(\n    --_utrecht-button-hint-active-color,\n    var(\n      --_utrecht-button-hint-color,\n      var(\n        --_utrecht-button-appearance-active-color,\n        var(--_utrecht-button-appearance-color, var(--utrecht-button-active-color, var(--utrecht-button-color)))\n      )\n    )\n  );--_utrecht-button-border-width:var(--_utrecht-button-appearance-border-width, var(--utrecht-button-border-width, 0));--_utrecht-button-border-block-end-width:var(\n    --utrecht-button-border-bottom-width,\n    var(--_utrecht-button-border-width, 0)\n  );--_utrecht-button-font-size:var(--_utrecht-button-appearance-font-size, var(--utrecht-button-font-size));--_utrecht-button-line-height:var(--_utrecht-button-appearance-line-height, var(--utrecht-button-line-height));--utrecht-icon-size:var(--utrecht-button-icon-size, 1em);align-items:center;background-color:var(--_utrecht-button-background-color);block-size:fit-content;border-color:var(--_utrecht-button-border-color);border-radius:var(--utrecht-button-border-radius);border-style:solid;border-width:var(--_utrecht-button-border-width);border-block-end-color:var(--_utrecht-button-border-bottom-color);border-block-end-width:var(--_utrecht-button-border-block-end-width);box-sizing:border-box;color:var(--_utrecht-button-color);column-gap:var(--utrecht-button-column-gap);cursor:var(--utrecht-action-activate-cursor, revert);display:inline-flex;font-family:var(--utrecht-button-font-family, var(--utrecht-document-font-family));font-size:var(--_utrecht-button-font-size, var(--utrecht-document-font-family, inherit));font-weight:var(--_utrecht-button-appearance-font-weight, var(--utrecht-button-font-weight));inline-size:var(--utrecht-button-inline-size, auto);justify-content:var(--utrecht-button-justify-content, center);line-height:var(--_utrecht-button-line-height);max-inline-size:var(--utrecht-button-max-inline-size, fit-content);min-block-size:var(--utrecht-button-min-block-size, 44px);min-inline-size:var(--utrecht-button-min-inline-size, 44px);padding-block-end:var(--utrecht-button-padding-block-end);padding-block-start:var(--utrecht-button-padding-block-start);padding-inline-end:var(--utrecht-button-padding-inline-end);padding-inline-start:var(--utrecht-button-padding-inline-start);scale:1;text-transform:var(--utrecht-button-text-transform);-webkit-user-select:none;user-select:none}@media screen and (-ms-high-contrast: active), screen and (forced-colors: active){.utrecht-button{--_utrecht-button-disabled-border-color:GrayText;--_utrecht-button-disabled-color:GrayText;background-color:ButtonFace;border-color:buttonborder;color:ButtonText;}}.utrecht-button--distanced{margin-block-end:var(--utrecht-button-margin-block-end);margin-block-start:var(--utrecht-button-margin-block-start);margin-inline-end:var(--utrecht-button-margin-inline-end);margin-inline-start:var(--utrecht-button-margin-inline-start)}.utrecht-button--submit{cursor:var(--utrecht-action-submit-cursor, revert)}.utrecht-button--busy{cursor:var(--utrecht-action-busy-cursor, wait)}.utrecht-button--pressed{background-color:var(--_utrecht-button-pressed-background-color);border-color:var(--_utrecht-button-pressed-border-color);color:var(--_utrecht-button-pressed-color)}.utrecht-button:disabled,.utrecht-button--disabled{background-color:var(--_utrecht-button-disabled-background-color);border-color:var(--_utrecht-button-disabled-border-color);color:var(--_utrecht-button-disabled-color);cursor:var(--utrecht-action-disabled-cursor, not-allowed)}.utrecht-button--focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width, 0)\n    var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert);z-index:1}.utrecht-button--focus:not(.utrecht-button--disabled){background-color:var(--_utrecht-button-focus-background-color);border-color:var(--_utrecht-button-focus-border-color);color:var(--_utrecht-button-focus-color);scale:var(--utrecht-button-focus-scale, 1)}.utrecht-button:focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width, 0)\n    var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert);z-index:1}.utrecht-button:focus:not(:disabled,[aria-disabled=true],.utrecht-button--disabled){background-color:var(--_utrecht-button-focus-background-color);border-color:var(--_utrecht-button-focus-border-color);color:var(--_utrecht-button-focus-color);scale:var(--utrecht-button-focus-scale, 1)}.utrecht-button--hover:not(:disabled,.utrecht-button--disabled),.utrecht-button:hover:not(:disabled,[aria-disabled=true],.utrecht-button--disabled){background-color:var(--_utrecht-button-hover-background-color);border-color:var(--_utrecht-button-hover-border-color);color:var(--_utrecht-button-hover-color);scale:var(--utrecht-button-hover-scale, 1)}.utrecht-button:active:not(:disabled,[aria-disabled=true],.utrecht-button--disabled),.utrecht-button--active{background-color:var(--_utrecht-button-active-background-color);border-color:var(--_utrecht-button-active-border-color);color:var(--_utrecht-button-active-color)}.utrecht-button--primary-action{--_utrecht-button-appearance-active-background-color:var(--utrecht-button-primary-action-active-background-color);--_utrecht-button-appearance-active-border-color:var(--utrecht-button-primary-action-active-border-color);--_utrecht-button-appearance-active-color:var(--utrecht-button-primary-action-active-color);--_utrecht-button-appearance-background-color:var(--utrecht-button-primary-action-background-color);--_utrecht-button-appearance-border-color:var(--utrecht-button-primary-action-border-color);--_utrecht-button-appearance-border-width:var(--utrecht-button-primary-action-border-width);--_utrecht-button-appearance-color:var(--utrecht-button-primary-action-color);--_utrecht-button-appearance-font-size:var(--utrecht-button-primary-action-font-size);--_utrecht-button-appearance-font-weight:var(--utrecht-button-primary-action-font-weight);--_utrecht-button-appearance-line-height:var(--utrecht-button-primary-action-line-height);--_utrecht-button-appearance-disabled-background-color:var(--utrecht-button-primary-action-disabled-background-color);--_utrecht-button-appearance-disabled-border-color:var(--utrecht-button-primary-action-disabled-border-color);--_utrecht-button-appearance-disabled-color:var(--utrecht-button-primary-action-disabled-color);--_utrecht-button-appearance-focus-background-color:var(--utrecht-button-primary-action-focus-background-color);--_utrecht-button-appearance-focus-border-color:var(--utrecht-button-primary-action-focus-border-color);--_utrecht-button-appearance-focus-color:var(--utrecht-button-primary-action-focus-color);--_utrecht-button-appearance-hover-background-color:var(--utrecht-button-primary-action-hover-background-color);--_utrecht-button-appearance-hover-border-color:var(--utrecht-button-primary-action-hover-border-color);--_utrecht-button-appearance-hover-color:var(--utrecht-button-primary-action-hover-color);--_utrecht-button-appearance-pressed-background-color:var(--utrecht-button-primary-action-pressed-background-color);--_utrecht-button-appearance-pressed-border-color:var(--utrecht-button-primary-action-pressed-border-color);--_utrecht-button-appearance-pressed-color:var(--utrecht-button-primary-action-pressed-color)}.utrecht-button--secondary-action{--_utrecht-button-appearance-active-background-color:var(--utrecht-button-secondary-action-active-background-color);--_utrecht-button-appearance-active-border-color:var(--utrecht-button-secondary-action-active-border-color);--_utrecht-button-appearance-active-color:var(--utrecht-button-secondary-action-active-color);--_utrecht-button-appearance-background-color:var(--utrecht-button-secondary-action-background-color);--_utrecht-button-appearance-border-color:var(--utrecht-button-secondary-action-border-color);--_utrecht-button-appearance-border-width:var(--utrecht-button-secondary-action-border-width);--_utrecht-button-appearance-color:var(--utrecht-button-secondary-action-color);--_utrecht-button-appearance-font-size:var(--utrecht-button-secondary-action-font-size);--_utrecht-button-appearance-font-weight:var(--utrecht-button-secondary-action-font-weight);--_utrecht-button-appearance-line-height:var(--utrecht-button-secondary-action-line-height);--_utrecht-button-appearance-disabled-background-color:var(--utrecht-button-secondary-action-disabled-background-color);--_utrecht-button-appearance-disabled-border-color:var(--utrecht-button-secondary-action-disabled-border-color);--_utrecht-button-appearance-disabled-color:var(--utrecht-button-secondary-action-disabled-color);--_utrecht-button-appearance-focus-background-color:var(--utrecht-button-secondary-action-focus-background-color);--_utrecht-button-appearance-focus-border-color:var(--utrecht-button-secondary-action-focus-border-color);--_utrecht-button-appearance-focus-color:var(--utrecht-button-secondary-action-focus-color);--_utrecht-button-appearance-hover-background-color:var(--utrecht-button-secondary-action-hover-background-color);--_utrecht-button-appearance-hover-border-color:var(--utrecht-button-secondary-action-hover-border-color);--_utrecht-button-appearance-hover-color:var(--utrecht-button-secondary-action-hover-color);--_utrecht-button-appearance-pressed-background-color:var(--utrecht-button-secondary-action-pressed-background-color);--_utrecht-button-appearance-pressed-border-color:var(--utrecht-button-secondary-action-pressed-border-color);--_utrecht-button-appearance-pressed-color:var(--utrecht-button-secondary-action-pressed-color)}.utrecht-button--subtle{--_utrecht-button-appearance-active-background-color:var(--utrecht-button-subtle-active-background-color);--_utrecht-button-appearance-active-border-color:var(--utrecht-button-subtle-active-border-color);--_utrecht-button-appearance-active-color:var(--utrecht-button-subtle-active-color);--_utrecht-button-appearance-background-color:var(--utrecht-button-subtle-background-color);--_utrecht-button-appearance-border-color:var(--utrecht-button-subtle-border-color);--_utrecht-button-appearance-border-width:var(--utrecht-button-subtle-border-width);--_utrecht-button-appearance-color:var(--utrecht-button-subtle-color);--_utrecht-button-appearance-font-size:var(--utrecht-button-subtle-font-size);--_utrecht-button-appearance-font-weight:var(--utrecht-button-subtle-font-weight);--_utrecht-button-appearance-line-height:var(--utrecht-button-subtle-line-height);--_utrecht-button-appearance-disabled-background-color:var(--utrecht-button-subtle-disabled-background-color);--_utrecht-button-appearance-disabled-border-color:var(--utrecht-button-subtle-disabled-border-color);--_utrecht-button-appearance-disabled-color:var(--utrecht-button-subtle-disabled-color);--_utrecht-button-appearance-focus-background-color:var(--utrecht-button-subtle-focus-background-color);--_utrecht-button-appearance-focus-border-color:var(--utrecht-button-subtle-focus-border-color);--_utrecht-button-appearance-focus-color:var(--utrecht-button-subtle-focus-color);--_utrecht-button-appearance-hover-background-color:var(--utrecht-button-subtle-hover-background-color);--_utrecht-button-appearance-hover-border-color:var(--utrecht-button-subtle-hover-border-color);--_utrecht-button-appearance-hover-color:var(--utrecht-button-subtle-hover-color);--_utrecht-button-appearance-pressed-background-color:var(--utrecht-button-subtle-pressed-background-color);--_utrecht-button-appearance-pressed-border-color:var(--utrecht-button-subtle-pressed-border-color);--_utrecht-button-appearance-pressed-color:var(--utrecht-button-subtle-pressed-color)}.utrecht-button--primary-action.utrecht-button--danger{--_utrecht-button-hint-active-background-color:var(--utrecht-button-primary-action-danger-active-background-color);--_utrecht-button-hint-active-border-color:var(--utrecht-button-primary-action-danger-active-border-color);--_utrecht-button-hint-active-color:var(--utrecht-button-primary-action-danger-active-color);--_utrecht-button-hint-background-color:var(--utrecht-button-primary-action-danger-background-color);--_utrecht-button-hint-border-color:var(--utrecht-button-primary-action-danger-border-color);--_utrecht-button-hint-color:var(--utrecht-button-primary-action-danger-color);--_utrecht-button-hint-disabled-background-color:var(\n    --utrecht-button-primary-action-danger-disabled-background-color\n  );--_utrecht-button-hint-disabled-border-color:var(--utrecht-button-primary-action-danger-disabled-border-color);--_utrecht-button-hint-disabled-color:var(--utrecht-button-primary-action-danger-disabled-color);--_utrecht-button-hint-focus-background-color:var(--utrecht-button-primary-action-danger-focus-background-color);--_utrecht-button-hint-focus-border-color:var(--utrecht-button-primary-action-danger-focus-border-color);--_utrecht-button-hint-focus-color:var(--utrecht-button-primary-action-danger-focus-color);--_utrecht-button-hint-hover-background-color:var(--utrecht-button-primary-action-danger-hover-background-color);--_utrecht-button-hint-hover-border-color:var(--utrecht-button-primary-action-danger-hover-border-color);--_utrecht-button-hint-hover-color:var(--utrecht-button-primary-action-danger-hover-color);--_utrecht-button-hint-pressed-background-color:var(\n    --utrecht-button-primary-action-danger-pressed-background-color\n  );--_utrecht-button-hint-pressed-border-color:var(--utrecht-button-primary-action-danger-pressed-border-color);--_utrecht-button-hint-pressed-color:var(--utrecht-button-primary-action-danger-pressed-color)}.utrecht-button--primary-action.utrecht-button--ready{--_utrecht-button-hint-active-background-color:var(--utrecht-button-primary-action-ready-active-background-color);--_utrecht-button-hint-active-border-color:var(--utrecht-button-primary-action-ready-active-border-color);--_utrecht-button-hint-active-color:var(--utrecht-button-primary-action-ready-active-color);--_utrecht-button-hint-background-color:var(--utrecht-button-primary-action-ready-background-color);--_utrecht-button-hint-border-color:var(--utrecht-button-primary-action-ready-border-color);--_utrecht-button-hint-color:var(--utrecht-button-primary-action-ready-color);--_utrecht-button-hint-disabled-background-color:var(\n    --utrecht-button-primary-action-ready-disabled-background-color\n  );--_utrecht-button-hint-disabled-border-color:var(--utrecht-button-primary-action-ready-disabled-border-color);--_utrecht-button-hint-disabled-color:var(--utrecht-button-primary-action-ready-disabled-color);--_utrecht-button-hint-focus-background-color:var(--utrecht-button-primary-action-ready-focus-background-color);--_utrecht-button-hint-focus-border-color:var(--utrecht-button-primary-action-ready-focus-border-color);--_utrecht-button-hint-focus-color:var(--utrecht-button-primary-action-ready-focus-color);--_utrecht-button-hint-hover-background-color:var(--utrecht-button-primary-action-ready-hover-background-color);--_utrecht-button-hint-hover-border-color:var(--utrecht-button-primary-action-ready-hover-border-color);--_utrecht-button-hint-hover-color:var(--utrecht-button-primary-action-ready-hover-color);--_utrecht-button-hint-pressed-background-color:var(\n    --utrecht-button-primary-action-ready-pressed-background-color\n  );--_utrecht-button-hint-pressed-border-color:var(--utrecht-button-primary-action-ready-pressed-border-color);--_utrecht-button-hint-pressed-color:var(--utrecht-button-primary-action-ready-pressed-color)}.utrecht-button--primary-action.utrecht-button--warning{--_utrecht-button-hint-active-background-color:var(--utrecht-button-primary-action-warning-active-background-color);--_utrecht-button-hint-active-border-color:var(--utrecht-button-primary-action-warning-active-border-color);--_utrecht-button-hint-active-color:var(--utrecht-button-primary-action-warning-active-color);--_utrecht-button-hint-background-color:var(--utrecht-button-primary-action-warning-background-color);--_utrecht-button-hint-border-color:var(--utrecht-button-primary-action-warning-border-color);--_utrecht-button-hint-color:var(--utrecht-button-primary-action-warning-color);--_utrecht-button-hint-disabled-background-color:var(\n    --utrecht-button-primary-action-warning-disabled-background-color\n  );--_utrecht-button-hint-disabled-border-color:var(--utrecht-button-primary-action-warning-disabled-border-color);--_utrecht-button-hint-disabled-color:var(--utrecht-button-primary-action-warning-disabled-color);--_utrecht-button-hint-focus-background-color:var(--utrecht-button-primary-action-warning-focus-background-color);--_utrecht-button-hint-focus-border-color:var(--utrecht-button-primary-action-warning-focus-border-color);--_utrecht-button-hint-focus-color:var(--utrecht-button-primary-action-warning-focus-color);--_utrecht-button-hint-hover-background-color:var(--utrecht-button-primary-action-warning-hover-background-color);--_utrecht-button-hint-hover-border-color:var(--utrecht-button-primary-action-warning-hover-border-color);--_utrecht-button-hint-hover-color:var(--utrecht-button-primary-action-warning-hover-color);--_utrecht-button-hint-pressed-background-color:var(\n    --utrecht-button-primary-action-warning-pressed-background-color\n  );--_utrecht-button-hint-pressed-border-color:var(--utrecht-button-primary-action-warning-pressed-border-color);--_utrecht-button-hint-pressed-color:var(--utrecht-button-primary-action-warning-pressed-color)}.utrecht-button--secondary-action.utrecht-button--danger{--_utrecht-button-hint-active-background-color:var(--utrecht-button-secondary-action-danger-active-background-color);--_utrecht-button-hint-active-border-color:var(--utrecht-button-secondary-action-danger-active-border-color);--_utrecht-button-hint-active-color:var(--utrecht-button-secondary-action-danger-active-color);--_utrecht-button-hint-background-color:var(--utrecht-button-secondary-action-danger-background-color);--_utrecht-button-hint-border-color:var(--utrecht-button-secondary-action-danger-border-color);--_utrecht-button-hint-color:var(--utrecht-button-secondary-action-danger-color);--_utrecht-button-hint-disabled-background-color:var(\n    --utrecht-button-secondary-action-danger-disabled-background-color\n  );--_utrecht-button-hint-disabled-border-color:var(--utrecht-button-secondary-action-danger-disabled-border-color);--_utrecht-button-hint-disabled-color:var(--utrecht-button-secondary-action-danger-disabled-color);--_utrecht-button-hint-focus-background-color:var(--utrecht-button-secondary-action-danger-focus-background-color);--_utrecht-button-hint-focus-border-color:var(--utrecht-button-secondary-action-danger-focus-border-color);--_utrecht-button-hint-focus-color:var(--utrecht-button-secondary-action-danger-focus-color);--_utrecht-button-hint-hover-background-color:var(--utrecht-button-secondary-action-danger-hover-background-color);--_utrecht-button-hint-hover-border-color:var(--utrecht-button-secondary-action-danger-hover-border-color);--_utrecht-button-hint-hover-color:var(--utrecht-button-secondary-action-danger-hover-color);--_utrecht-button-hint-pressed-background-color:var(\n    --utrecht-button-secondary-action-danger-pressed-background-color\n  );--_utrecht-button-hint-pressed-border-color:var(--utrecht-button-secondary-action-danger-pressed-border-color);--_utrecht-button-hint-pressed-color:var(--utrecht-button-secondary-action-danger-pressed-color)}.utrecht-button--secondary-action.utrecht-button--ready{--_utrecht-button-hint-active-background-color:var(--utrecht-button-secondary-action-ready-active-background-color);--_utrecht-button-hint-active-border-color:var(--utrecht-button-secondary-action-ready-active-border-color);--_utrecht-button-hint-active-color:var(--utrecht-button-secondary-action-ready-active-color);--_utrecht-button-hint-background-color:var(--utrecht-button-secondary-action-ready-background-color);--_utrecht-button-hint-border-color:var(--utrecht-button-secondary-action-ready-border-color);--_utrecht-button-hint-color:var(--utrecht-button-secondary-action-ready-color);--_utrecht-button-hint-disabled-background-color:var(\n    --utrecht-button-secondary-action-ready-disabled-background-color\n  );--_utrecht-button-hint-disabled-border-color:var(--utrecht-button-secondary-action-ready-disabled-border-color);--_utrecht-button-hint-disabled-color:var(--utrecht-button-secondary-action-ready-disabled-color);--_utrecht-button-hint-focus-background-color:var(--utrecht-button-secondary-action-ready-focus-background-color);--_utrecht-button-hint-focus-border-color:var(--utrecht-button-secondary-action-ready-focus-border-color);--_utrecht-button-hint-focus-color:var(--utrecht-button-secondary-action-ready-focus-color);--_utrecht-button-hint-hover-background-color:var(--utrecht-button-secondary-action-ready-hover-background-color);--_utrecht-button-hint-hover-border-color:var(--utrecht-button-secondary-action-ready-hover-border-color);--_utrecht-button-hint-hover-color:var(--utrecht-button-secondary-action-ready-hover-color);--_utrecht-button-hint-pressed-background-color:var(\n    --utrecht-button-secondary-action-ready-pressed-background-color\n  );--_utrecht-button-hint-pressed-border-color:var(--utrecht-button-secondary-action-ready-pressed-border-color);--_utrecht-button-hint-pressed-color:var(--utrecht-button-secondary-action-ready-pressed-color)}.utrecht-button--secondary-action.utrecht-button--warning{--_utrecht-button-hint-active-background-color:var(--utrecht-button-secondary-action-warning-active-background-color);--_utrecht-button-hint-active-border-color:var(--utrecht-button-secondary-action-warning-active-border-color);--_utrecht-button-hint-active-color:var(--utrecht-button-secondary-action-warning-active-color);--_utrecht-button-hint-background-color:var(--utrecht-button-secondary-action-warning-background-color);--_utrecht-button-hint-border-color:var(--utrecht-button-secondary-action-warning-border-color);--_utrecht-button-hint-color:var(--utrecht-button-secondary-action-warning-color);--_utrecht-button-hint-disabled-background-color:var(\n    --utrecht-button-secondary-action-warning-disabled-background-color\n  );--_utrecht-button-hint-disabled-border-color:var(--utrecht-button-secondary-action-warning-disabled-border-color);--_utrecht-button-hint-disabled-color:var(--utrecht-button-secondary-action-warning-disabled-color);--_utrecht-button-hint-focus-background-color:var(--utrecht-button-secondary-action-warning-focus-background-color);--_utrecht-button-hint-focus-border-color:var(--utrecht-button-secondary-action-warning-focus-border-color);--_utrecht-button-hint-focus-color:var(--utrecht-button-secondary-action-warning-focus-color);--_utrecht-button-hint-hover-background-color:var(--utrecht-button-secondary-action-warning-hover-background-color);--_utrecht-button-hint-hover-border-color:var(--utrecht-button-secondary-action-warning-hover-border-color);--_utrecht-button-hint-hover-color:var(--utrecht-button-secondary-action-warning-hover-color);--_utrecht-button-hint-pressed-background-color:var(\n    --utrecht-button-secondary-action-warning-pressed-background-color\n  );--_utrecht-button-hint-pressed-border-color:var(--utrecht-button-secondary-action-warning-pressed-border-color);--_utrecht-button-hint-pressed-color:var(--utrecht-button-secondary-action-warning-pressed-color)}.utrecht-button--subtle.utrecht-button--danger{--_utrecht-button-hint-active-background-color:var(--utrecht-button-subtle-danger-active-background-color);--_utrecht-button-hint-active-border-color:var(--utrecht-button-subtle-danger-active-border-color);--_utrecht-button-hint-active-color:var(--utrecht-button-subtle-danger-active-color);--_utrecht-button-hint-background-color:var(--utrecht-button-subtle-danger-background-color);--_utrecht-button-hint-border-color:var(--utrecht-button-subtle-danger-border-color);--_utrecht-button-hint-color:var(--utrecht-button-subtle-danger-color);--_utrecht-button-hint-disabled-background-color:var(\n    --utrecht-button-subtle-danger-disabled-background-color\n  );--_utrecht-button-hint-disabled-border-color:var(--utrecht-button-subtle-danger-disabled-border-color);--_utrecht-button-hint-disabled-color:var(--utrecht-button-subtle-danger-disabled-color);--_utrecht-button-hint-focus-background-color:var(--utrecht-button-subtle-danger-focus-background-color);--_utrecht-button-hint-focus-border-color:var(--utrecht-button-subtle-danger-focus-border-color);--_utrecht-button-hint-focus-color:var(--utrecht-button-subtle-danger-focus-color);--_utrecht-button-hint-hover-background-color:var(--utrecht-button-subtle-danger-hover-background-color);--_utrecht-button-hint-hover-border-color:var(--utrecht-button-subtle-danger-hover-border-color);--_utrecht-button-hint-hover-color:var(--utrecht-button-subtle-danger-hover-color);--_utrecht-button-hint-pressed-background-color:var(\n    --utrecht-button-subtle-danger-pressed-background-color\n  );--_utrecht-button-hint-pressed-border-color:var(--utrecht-button-subtle-danger-pressed-border-color);--_utrecht-button-hint-pressed-color:var(--utrecht-button-subtle-danger-pressed-color)}.utrecht-button--subtle.utrecht-button--ready{--_utrecht-button-hint-active-background-color:var(--utrecht-button-subtle-ready-active-background-color);--_utrecht-button-hint-active-border-color:var(--utrecht-button-subtle-ready-active-border-color);--_utrecht-button-hint-active-color:var(--utrecht-button-subtle-ready-active-color);--_utrecht-button-hint-background-color:var(--utrecht-button-subtle-ready-background-color);--_utrecht-button-hint-border-color:var(--utrecht-button-subtle-ready-border-color);--_utrecht-button-hint-color:var(--utrecht-button-subtle-ready-color);--_utrecht-button-hint-disabled-background-color:var(\n    --utrecht-button-subtle-ready-disabled-background-color\n  );--_utrecht-button-hint-disabled-border-color:var(--utrecht-button-subtle-ready-disabled-border-color);--_utrecht-button-hint-disabled-color:var(--utrecht-button-subtle-ready-disabled-color);--_utrecht-button-hint-focus-background-color:var(--utrecht-button-subtle-ready-focus-background-color);--_utrecht-button-hint-focus-border-color:var(--utrecht-button-subtle-ready-focus-border-color);--_utrecht-button-hint-focus-color:var(--utrecht-button-subtle-ready-focus-color);--_utrecht-button-hint-hover-background-color:var(--utrecht-button-subtle-ready-hover-background-color);--_utrecht-button-hint-hover-border-color:var(--utrecht-button-subtle-ready-hover-border-color);--_utrecht-button-hint-hover-color:var(--utrecht-button-subtle-ready-hover-color);--_utrecht-button-hint-pressed-background-color:var(\n    --utrecht-button-subtle-ready-pressed-background-color\n  );--_utrecht-button-hint-pressed-border-color:var(--utrecht-button-subtle-ready-pressed-border-color);--_utrecht-button-hint-pressed-color:var(--utrecht-button-subtle-ready-pressed-color)}.utrecht-button--subtle.utrecht-button--warning{--_utrecht-button-hint-active-background-color:var(--utrecht-button-subtle-warning-active-background-color);--_utrecht-button-hint-active-border-color:var(--utrecht-button-subtle-warning-active-border-color);--_utrecht-button-hint-active-color:var(--utrecht-button-subtle-warning-active-color);--_utrecht-button-hint-background-color:var(--utrecht-button-subtle-warning-background-color);--_utrecht-button-hint-border-color:var(--utrecht-button-subtle-warning-border-color);--_utrecht-button-hint-color:var(--utrecht-button-subtle-warning-color);--_utrecht-button-hint-disabled-background-color:var(\n    --utrecht-button-subtle-warning-disabled-background-color\n  );--_utrecht-button-hint-disabled-border-color:var(--utrecht-button-subtle-warning-disabled-border-color);--_utrecht-button-hint-disabled-color:var(--utrecht-button-subtle-warning-disabled-color);--_utrecht-button-hint-focus-background-color:var(--utrecht-button-subtle-warning-focus-background-color);--_utrecht-button-hint-focus-border-color:var(--utrecht-button-subtle-warning-focus-border-color);--_utrecht-button-hint-focus-color:var(--utrecht-button-subtle-warning-focus-color);--_utrecht-button-hint-hover-background-color:var(--utrecht-button-subtle-warning-hover-background-color);--_utrecht-button-hint-hover-border-color:var(--utrecht-button-subtle-warning-hover-border-color);--_utrecht-button-hint-hover-color:var(--utrecht-button-subtle-warning-hover-color);--_utrecht-button-hint-pressed-background-color:var(\n    --utrecht-button-subtle-warning-pressed-background-color\n  );--_utrecht-button-hint-pressed-border-color:var(--utrecht-button-subtle-warning-pressed-border-color);--_utrecht-button-hint-pressed-color:var(--utrecht-button-subtle-warning-pressed-color)}:host{display:inline-block}:host([hidden]){display:none !important}";
+const UtrechtButtonStyle0 = buttonCss;
+const Button = /*@__PURE__*/ proxyCustomElement(class Button extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.utrechtRequestReset = createEvent(this, "utrechtRequestReset", 7);
+        this.utrechtRequestSubmit = createEvent(this, "utrechtRequestSubmit", 7);
+        this.appearance = undefined;
+        this.busy = undefined;
+        this.disabled = undefined;
+        this.expanded = undefined;
+        this.pressed = undefined;
+        this.form = undefined;
+        this.formAction = undefined;
+        this.formEnctype = undefined;
+        this.formMethod = undefined;
+        this.formNoValidate = undefined;
+        this.formTarget = undefined;
+        this.popoverTarget = undefined;
+        this.popoverTargetAction = undefined;
+        this.name = undefined;
+        this.value = undefined;
+        this.type = undefined;
+    }
+    render() {
+        const handleReset = () => {
+            var _a, _b;
+            const event = this.utrechtRequestReset.emit();
+            if (!event.defaultPrevented) {
+                (_b = (_a = this.hostElement) === null || _a === void 0 ? void 0 : _a.closest('form')) === null || _b === void 0 ? void 0 : _b.reset();
+            }
+        };
+        const handleSubmit = () => {
+            var _a, _b;
+            const event = this.utrechtRequestSubmit.emit();
+            if (!event.defaultPrevented) {
+                (_b = (_a = this.hostElement) === null || _a === void 0 ? void 0 : _a.closest('form')) === null || _b === void 0 ? void 0 : _b.requestSubmit();
+            }
+        };
+        const handleClick = () => {
+            if (this.type === 'reset') {
+                handleReset();
+            }
+            else if (this.type === 'submit') {
+                handleSubmit();
+            }
+            else {
+                const button = this.hostElement.querySelector('button[hidden]');
+                if (button) {
+                    button.click();
+                }
+            }
+        };
+        const { hostElement, expanded, pressed, name, value, form, formAction, formEnctype, formTarget, formNoValidate, formMethod, popoverTargetAction, popoverTarget, type, } = this;
+        let button = hostElement.querySelector('button[hidden]');
+        const needsButton = !!(name ||
+            form ||
+            formTarget ||
+            formEnctype ||
+            formMethod ||
+            formNoValidate ||
+            popoverTarget ||
+            popoverTargetAction ||
+            type === 'submit');
+        if (button && !needsButton) {
+            button.parentNode.removeChild(button);
+        }
+        if (!button && needsButton) {
+            button = hostElement.ownerDocument.createElement('button');
+            button.hidden = true;
+            button.tabIndex = -1;
+            button.ariaHidden = 'true';
+            hostElement.appendChild(button);
+        }
+        const setAttribute = (el, name, value) => {
+            if (typeof value === 'string') {
+                el.setAttribute(name, value);
+            }
+            else {
+                el.removeAttribute(name);
+            }
+        };
+        if (button) {
+            setAttribute(button, 'name', name);
+            setAttribute(button, 'type', type);
+            setAttribute(button, 'form', form);
+            setAttribute(button, 'formaction', formAction);
+            setAttribute(button, 'form', form);
+            setAttribute(button, 'formtarget', formTarget);
+            setAttribute(button, 'formenctype', formEnctype);
+            setAttribute(button, 'formmethod', formMethod);
+            setAttribute(button, 'formnovalidate', formNoValidate ? '' : null);
+            setAttribute(button, 'popovertargetaction', popoverTargetAction);
+            setAttribute(button, 'popovertarget', popoverTarget);
+            setAttribute(button, 'type', type);
+            button.style.display = 'none';
+            button.value = value || '';
+        }
+        return (h("button", { key: 'f9a03c6eb1802e4c95f586b904d81efab6192bc4', class: clsx('utrecht-button', this.busy && 'utrecht-button--busy', this.disabled && 'utrecht-button--disabled', pressed && 'utrecht-button--pressed', this.type === 'submit' && 'utrecht-button--submit', this.appearance === 'primary-action-button' && 'utrecht-button--primary-action', this.appearance === 'secondary-action-button' && 'utrecht-button--secondary-action', this.appearance === 'subtle-button' && 'utrecht-button--subtle'), "aria-busy": this.busy ? 'true' : null, "aria-expanded": typeof this.expanded === 'boolean' ? String(expanded) : typeof expanded === 'string' ? expanded : null, "aria-pressed": typeof this.pressed === 'boolean' ? String(pressed) : typeof pressed === 'string' ? pressed : null, disabled: this.disabled, type: this.type || 'button', onClick: handleClick }, h("slot", { key: '60bbb545abd7474e87801bce05c50be6b44b3b34', name: "icon" }), h("span", { key: 'd6d6ccb23d86b266b0885104a5355f7a89d0c727', class: "utrecht-button__label" }, h("slot", { key: '0940dbf409384db621f3d7bb895e7f3546da9a19' }))));
+    }
+    get hostElement() { return this; }
+    static get style() { return UtrechtButtonStyle0; }
+}, [1, "utrecht-button", {
+        "appearance": [1],
+        "busy": [4],
+        "disabled": [4],
+        "expanded": [8],
+        "pressed": [8],
+        "form": [513, "readonly"],
+        "formAction": [513, "formaction"],
+        "formEnctype": [513, "formenctype"],
+        "formMethod": [513, "formmethod"],
+        "formNoValidate": [516, "formnovalidate"],
+        "formTarget": [513, "formtarget"],
+        "popoverTarget": [513, "popovertarget"],
+        "popoverTargetAction": [513, "popovertargetaction"],
+        "name": [1],
+        "value": [1],
+        "type": [1]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["utrecht-button"];
+    components.forEach(tagName => { switch (tagName) {
+        case "utrecht-button":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, Button);
+            }
+            break;
+    } });
+}
+export { Button as B, defineCustomElement as d };
+//# sourceMappingURL=p-cb74e90e.js.map

package/dist/components/p-cb74e90e.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"p-cb74e90e.js","mappings":";;;AAAA,MAAM,SAAS,GAAG,m7kCAAm7kC,CAAC;AACt8kC,4BAAe,SAAS;;MCOX,MAAM;;;;;;;;;;;;;;;;;;;;;;;;IAqBjB,MAAM;QACJ,MAAM,WAAW,GAAG;;YAClB,MAAM,KAAK,GAAG,IAAI,CAAC,mBAAmB,CAAC,IAAI,EAAE,CAAC;YAC9C,IAAI,CAAC,KAAK,CAAC,gBAAgB,EAAE;gBAC3B,MAAA,MAAA,IAAI,CAAC,WAAW,0CAAE,OAAO,CAAC,MAAM,CAAC,0CAAE,KAAK,EAAE,CAAC;aAC5C;SACF,CAAC;QAEF,MAAM,YAAY,GAAG;;YACnB,MAAM,KAAK,GAAG,IAAI,CAAC,oBAAoB,CAAC,IAAI,EAAE,CAAC;YAC/C,IAAI,CAAC,KAAK,CAAC,gBAAgB,EAAE;gBAC3B,MAAA,MAAA,IAAI,CAAC,WAAW,0CAAE,OAAO,CAAC,MAAM,CAAC,0CAAE,aAAa,EAAE,CAAC;aACpD;SACF,CAAC;QAEF,MAAM,WAAW,GAAG;YAClB,IAAI,IAAI,CAAC,IAAI,KAAK,OAAO,EAAE;gBACzB,WAAW,EAAE,CAAC;aACf;iBAAM,IAAI,IAAI,CAAC,IAAI,KAAK,QAAQ,EAAE;gBACjC,YAAY,EAAE,CAAC;aAChB;iBAAM;gBACL,MAAM,MAAM,GAAG,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,gBAAgB,CAA6B,CAAC;gBAC5F,IAAI,MAAM,EAAE;oBACV,MAAM,CAAC,KAAK,EAAE,CAAC;iBAChB;aACF;SACF,CAAC;QAEF,MAAM,EACJ,WAAW,EACX,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,UAAU,EACV,WAAW,EACX,UAAU,EACV,cAAc,EACd,UAAU,EACV,mBAAmB,EACnB,aAAa,EACb,IAAI,GACL,GAAG,IAAI,CAAC;QAET,IAAI,MAAM,GAAG,WAAW,CAAC,aAAa,CAAC,gBAAgB,CAA6B,CAAC;QAErF,MAAM,WAAW,GAAG,CAAC,EACnB,IAAI;YACJ,IAAI;YACJ,UAAU;YACV,WAAW;YACX,UAAU;YACV,cAAc;YACd,aAAa;YACb,mBAAmB;YACnB,IAAI,KAAK,QAAQ,CAClB,CAAC;QACF,IAAI,MAAM,IAAI,CAAC,WAAW,EAAE;YAC1B,MAAM,CAAC,UAAU,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;SACvC;QAED,IAAI,CAAC,MAAM,IAAI,WAAW,EAAE;YAC1B,MAAM,GAAG,WAAW,CAAC,aAAa,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;YAC3D,MAAM,CAAC,MAAM,GAAG,IAAI,CAAC;YACrB,MAAM,CAAC,QAAQ,GAAG,CAAC,CAAC,CAAC;YACrB,MAAM,CAAC,UAAU,GAAG,MAAM,CAAC;YAC3B,WAAW,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;SACjC;QAED,MAAM,YAAY,GAAG,CAAC,EAAe,EAAE,IAAY,EAAE,KAAqB;YACxE,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;gBAC7B,EAAE,CAAC,YAAY,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;aAC9B;iBAAM;gBACL,EAAE,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;aAC1B;SACF,CAAC;QAEF,IAAI,MAAM,EAAE;YACV,YAAY,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,CAAC,CAAC;YACnC,YAAY,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,CAAC,CAAC;YACnC,YAAY,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,CAAC,CAAC;YACnC,YAAY,CAAC,MAAM,EAAE,YAAY,EAAE,UAAU,CAAC,CAAC;YAC/C,YAAY,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,CAAC,CAAC;YACnC,YAAY,CAAC,MAAM,EAAE,YAAY,EAAE,UAAU,CAAC,CAAC;YAC/C,YAAY,CAAC,MAAM,EAAE,aAAa,EAAE,WAAW,CAAC,CAAC;YACjD,YAAY,CAAC,MAAM,EAAE,YAAY,EAAE,UAAU,CAAC,CAAC;YAC/C,YAAY,CAAC,MAAM,EAAE,gBAAgB,EAAE,cAAc,GAAG,EAAE,GAAG,IAAI,CAAC,CAAC;YACnE,YAAY,CAAC,MAAM,EAAE,qBAAqB,EAAE,mBAAmB,CAAC,CAAC;YACjE,YAAY,CAAC,MAAM,EAAE,eAAe,EAAE,aAAa,CAAC,CAAC;YACrD,YAAY,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,CAAC,CAAC;YACnC,MAAM,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;YAC9B,MAAM,CAAC,KAAK,GAAG,KAAK,IAAI,EAAE,CAAC;SAC5B;QAED,QACE,+DACE,KAAK,EAAE,IAAI,CACT,gBAAgB,EAChB,IAAI,CAAC,IAAI,IAAI,sBAAsB,EACnC,IAAI,CAAC,QAAQ,IAAI,0BAA0B,EAC3C,OAAO,IAAI,yBAAyB,EACpC,IAAI,CAAC,IAAI,KAAK,QAAQ,IAAI,wBAAwB,EAClD,IAAI,CAAC,UAAU,KAAK,uBAAuB,IAAI,gCAAgC,EAC/E,IAAI,CAAC,UAAU,KAAK,yBAAyB,IAAI,kCAAkC,EACnF,IAAI,CAAC,UAAU,KAAK,eAAe,IAAI,wBAAwB,CAChE,eACU,IAAI,CAAC,IAAI,GAAG,MAAM,GAAG,IAAI,mBAElC,OAAO,IAAI,CAAC,QAAQ,KAAK,SAAS,GAAG,MAAM,CAAC,QAAQ,CAAC,GAAG,OAAO,QAAQ,KAAK,QAAQ,GAAG,QAAQ,GAAG,IAAI,kBAGtG,OAAO,IAAI,CAAC,OAAO,KAAK,SAAS,GAAG,MAAM,CAAC,OAAO,CAAC,GAAG,OAAO,OAAO,KAAK,QAAQ,GAAG,OAAO,GAAG,IAAI,EAEpG,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,IAAI,EAAE,IAAI,CAAC,IAAI,IAAI,QAAQ,EAC3B,OAAO,EAAE,WAAW,IAEpB,6DAAM,IAAI,EAAC,MAAM,GAAQ,EACzB,6DAAM,KAAK,EAAC,uBAAuB,IACjC,8DAAa,CACR,CACA,EACT;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/button.scss?tag=utrecht-button&encapsulation=shadow","src/components/button.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\n@use \"~@utrecht/button-css/src\" as *;\n\n:host {\n display: inline-block;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n","import { Component, Element, Event, EventEmitter, h, Prop } from '@stencil/core';\nimport clsx from 'clsx';\n\n@Component({\n tag: 'utrecht-button',\n styleUrl: 'button.scss',\n shadow: true,\n})\nexport class Button {\n @Prop() appearance: string;\n @Prop() busy: boolean;\n @Prop() disabled: boolean;\n @Prop() expanded: boolean | string | 'false' | 'true';\n @Prop() pressed: boolean | string | 'false' | 'true';\n @Prop({ attribute: 'readonly', reflect: true }) form: string;\n @Prop({ attribute: 'formaction', reflect: true }) formAction: string;\n @Prop({ attribute: 'formenctype', reflect: true }) formEnctype: string;\n @Prop({ attribute: 'formmethod', reflect: true }) formMethod: string;\n @Prop({ attribute: 'formnovalidate', reflect: true }) formNoValidate: boolean;\n @Prop({ attribute: 'formtarget', reflect: true }) formTarget: string;\n @Prop({ attribute: 'popovertarget', reflect: true }) popoverTarget: string;\n @Prop({ attribute: 'popovertargetaction', reflect: true }) popoverTargetAction: string;\n @Prop() name: string;\n @Prop() value: string;\n @Event({ cancelable: true }) utrechtRequestReset: EventEmitter;\n @Event({ cancelable: true }) utrechtRequestSubmit: EventEmitter;\n @Element() hostElement: HTMLElement;\n @Prop() type: string;\n\n render() {\n const handleReset = () => {\n const event = this.utrechtRequestReset.emit();\n if (!event.defaultPrevented) {\n this.hostElement?.closest('form')?.reset();\n }\n };\n\n const handleSubmit = () => {\n const event = this.utrechtRequestSubmit.emit();\n if (!event.defaultPrevented) {\n this.hostElement?.closest('form')?.requestSubmit();\n }\n };\n\n const handleClick = () => {\n if (this.type === 'reset') {\n handleReset();\n } else if (this.type === 'submit') {\n handleSubmit();\n } else {\n const button = this.hostElement.querySelector('button[hidden]') as HTMLButtonElement | null;\n if (button) {\n button.click();\n }\n }\n };\n\n const {\n hostElement,\n expanded,\n pressed,\n name,\n value,\n form,\n formAction,\n formEnctype,\n formTarget,\n formNoValidate,\n formMethod,\n popoverTargetAction,\n popoverTarget,\n type,\n } = this;\n\n let button = hostElement.querySelector('button[hidden]') as HTMLButtonElement | null;\n\n const needsButton = !!(\n name ||\n form ||\n formTarget ||\n formEnctype ||\n formMethod ||\n formNoValidate ||\n popoverTarget ||\n popoverTargetAction ||\n type === 'submit'\n );\n if (button && !needsButton) {\n button.parentNode.removeChild(button);\n }\n\n if (!button && needsButton) {\n button = hostElement.ownerDocument.createElement('button');\n button.hidden = true;\n button.tabIndex = -1;\n button.ariaHidden = 'true';\n hostElement.appendChild(button);\n }\n\n const setAttribute = (el: HTMLElement, name: string, value?: string | null) => {\n if (typeof value === 'string') {\n el.setAttribute(name, value);\n } else {\n el.removeAttribute(name);\n }\n };\n\n if (button) {\n setAttribute(button, 'name', name);\n setAttribute(button, 'type', type);\n setAttribute(button, 'form', form);\n setAttribute(button, 'formaction', formAction);\n setAttribute(button, 'form', form);\n setAttribute(button, 'formtarget', formTarget);\n setAttribute(button, 'formenctype', formEnctype);\n setAttribute(button, 'formmethod', formMethod);\n setAttribute(button, 'formnovalidate', formNoValidate ? '' : null);\n setAttribute(button, 'popovertargetaction', popoverTargetAction);\n setAttribute(button, 'popovertarget', popoverTarget);\n setAttribute(button, 'type', type);\n button.style.display = 'none';\n button.value = value || '';\n }\n\n return (\n <button\n class={clsx(\n 'utrecht-button',\n this.busy && 'utrecht-button--busy',\n this.disabled && 'utrecht-button--disabled',\n pressed && 'utrecht-button--pressed',\n this.type === 'submit' && 'utrecht-button--submit',\n this.appearance === 'primary-action-button' && 'utrecht-button--primary-action',\n this.appearance === 'secondary-action-button' && 'utrecht-button--secondary-action',\n this.appearance === 'subtle-button' && 'utrecht-button--subtle',\n )}\n aria-busy={this.busy ? 'true' : null}\n aria-expanded={\n typeof this.expanded === 'boolean' ? String(expanded) : typeof expanded === 'string' ? expanded : null\n }\n aria-pressed={\n typeof this.pressed === 'boolean' ? String(pressed) : typeof pressed === 'string' ? pressed : null\n }\n disabled={this.disabled}\n type={this.type || 'button'}\n onClick={handleClick}\n >\n <slot name=\"icon\"></slot>\n <span class=\"utrecht-button__label\">\n <slot></slot>\n </span>\n </button>\n );\n }\n}\n"],"version":3}

package/dist/components/utrecht-action-group.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h } from './p-2f0ff193.js';
+import { p as proxyCustomElement, H, h } from './p-169bb78d.js';
 import { c as clsx } from './p-e91d8a25.js';
 const actionGroupCss = ".utrecht-action-group{align-items:baseline;background-color:var(--utrecht-action-group-background-color);break-inside:avoid;column-gap:var(--utrecht-action-group-column-gap, 1em);display:flex;flex-wrap:wrap;margin-block-end:calc(var(--utrecht-space-around, 0) * var(--utrecht-action-group-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-action-group-margin-block-start, 0));min-block-size:var(--utrecht-button-block-size);padding-block-end:var(--utrecht-action-group-padding-block-end);padding-block-start:var(--utrecht-action-group-padding-block-start);row-gap:var(--utrecht-action-group-row-gap, 1em)}.utrecht-action-group--distanced{--utrecht-space-around:1}.utrecht-action-group__link-button--row,.utrecht-action-group--row .utrecht-link-button,.utrecht-action-group:not(.utrecht-action-group--column) .utrecht-link-button{--utrecht-button-padding-inline-end:0;--utrecht-button-padding-inline-start:0}.utrecht-action-group--column{flex-direction:column}.utrecht-action-group--column-stretch{flex-direction:column;--utrecht-button-max-inline-size:none;align-items:stretch;inline-size:fit-content}:host{display:block}:host([hidden]){display:none !important}";

package/dist/components/utrecht-alert.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h } from './p-2f0ff193.js';
+import { p as proxyCustomElement, H, h } from './p-169bb78d.js';
 import { c as clsx } from './p-e91d8a25.js';
 const alertCss = ".utrecht-alert{background-color:var(--_utrecht-alert-background-color, var(--utrecht-alert-background-color));border-color:var(--_utrecht-alert-border-color, var(--utrecht-alert-border-color));border-radius:var(--utrecht-alert-border-radius, 0);border-style:solid;border-width:var(--_utrecht-alert-border-width, var(--utrecht-alert-border-width, 0));color:var(--_utrecht-alert-color, var(--utrecht-alert-color));column-gap:var(--utrecht-alert-column-gap);display:flex;flex-direction:row;margin-block-end:calc(var(--utrecht-space-around, 0) * var(--utrecht-alert-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-alert-margin-block-start, 0));padding-block-end:var(--utrecht-alert-padding-block-end);padding-block-start:var(--utrecht-alert-padding-block-start);padding-inline-end:var(--utrecht-alert-padding-inline-end);padding-inline-start:var(--utrecht-alert-padding-inline-start)}.utrecht-alert__icon{--utrecht-icon-color:var(--_utrecht-alert-icon-color, var(--utrecht-alert-icon-color));--utrecht-icon-size:var(--utrecht-alert-icon-size);--utrecht-icon-inset-block-start:var(--utrecht-alert-icon-inset-block-start)}.utrecht-alert__content{display:flex;flex-direction:column;row-gap:var(--utrecht-alert-content-row-gap)}.utrecht-alert__message{--utrecht-heading-color:var(--utrecht-alert-color);--utrecht-paragraph-color:var(--utrecht-alert-color);display:flex;flex-direction:column;row-gap:var(--utrecht-alert-message-row-gap)}.utrecht-alert--info{--_utrecht-alert-icon-color:var(--utrecht-alert-icon-info-color);--_utrecht-alert-background-color:var(--utrecht-alert-info-background-color);--_utrecht-alert-border-color:var(--utrecht-alert-info-border-color);--_utrecht-alert-border-width:var(--utrecht-alert-info-border-width);--_utrecht-alert-color:var(--utrecht-alert-info-color)}.utrecht-alert--ok{--_utrecht-alert-icon-color:var(--utrecht-alert-icon-ok-color);--_utrecht-alert-background-color:var(--utrecht-alert-ok-background-color);--_utrecht-alert-border-color:var(--utrecht-alert-ok-border-color);--_utrecht-alert-border-width:var(--utrecht-alert-ok-border-width);--_utrecht-alert-color:var(--utrecht-alert-ok-color)}.utrecht-alert--warning{--_utrecht-alert-icon-color:var(--utrecht-alert-icon-warning-color);--_utrecht-alert-background-color:var(--utrecht-alert-warning-background-color);--_utrecht-alert-border-color:var(--utrecht-alert-warning-border-color);--_utrecht-alert-border-width:var(--utrecht-alert-warning-border-width);--_utrecht-alert-color:var(--utrecht-alert-warning-color)}.utrecht-alert--error{--_utrecht-alert-icon-color:var(--utrecht-alert-icon-error-color);--_utrecht-alert-background-color:var(--utrecht-alert-error-background-color);--_utrecht-alert-border-color:var(--utrecht-alert-error-border-color);--_utrecht-alert-border-width:var(--utrecht-alert-error-border-width);--_utrecht-alert-color:var(--utrecht-alert-error-color)}:host{display:block}:host([hidden]){display:none !important}";

package/dist/components/utrecht-article.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h } from './p-2f0ff193.js';
+import { p as proxyCustomElement, H, h } from './p-169bb78d.js';
 const articleCss = ".utrecht-article{max-inline-size:var(--utrecht-article-max-inline-size)}:host{display:block}:host([hidden]){display:none !important}";
 const UtrechtArticleStyle0 = articleCss;

package/dist/components/utrecht-backdrop.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h } from './p-2f0ff193.js';
+import { p as proxyCustomElement, H, h } from './p-169bb78d.js';
 import { c as clsx } from './p-e91d8a25.js';
 const backdropCss = ".utrecht-backdrop{--_utrecht-backdrop-opacity:var(--utrecht-backdrop-opacity);--_utrecht-backdrop-fade-in-animation-duration:var(--utrecht-backdrop-fade-in-animation-duration, 0);animation-duration:min(var(--utrecht-motion-max-animation-duration, var(--_utrecht-backdrop-fade-in-animation-duration)), var(--_utrecht-backdrop-fade-in-animation-duration, 0));animation-name:utrecht-backdrop-fade-in;animation-timing-function:ease-in-out;background-color:var(--utrecht-backdrop-background-color);color:var(--utrecht-backdrop-color);opacity:var(--_utrecht-backdrop-opacity);-webkit-user-select:none;user-select:none}@keyframes utrecht-backdrop-fade-in{from{opacity:0%}to{opacity:var(--_utrecht-backdrop-opacity)}}@media (prefers-reduced-motion: reduce){.utrecht-backdrop{--_utrecht-backdrop-fade-in-animation-duration:0}}@media (prefers-reduced-transparency: reduce){.utrecht-backdrop{--_utrecht-backdrop-opacity:var(--utrecht-backdrop-reduced-transparency-opacity, 100%)}}.utrecht-backdrop{display:block;inset-block-end:0;inset-block-start:0;inset-inline-end:0;inset-inline-start:0;position:absolute;z-index:var(--utrecht-backdrop-z-index)}.utrecht-backdrop--reduced-motion{--_utrecht-backdrop-fade-in-animation-duration:0}.utrecht-backdrop--reduced-transparency{--_utrecht-backdrop-opacity:var(--utrecht-backdrop-reduced-transparency-opacity, 100%)}.utrecht-backdrop--viewport{position:fixed}:host{display:block}:host([hidden]){display:none !important}";

package/dist/components/utrecht-badge-counter.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h } from './p-2f0ff193.js';
+import { p as proxyCustomElement, H, h } from './p-169bb78d.js';
 const badgeCounterCss = ".utrecht-badge-counter{background-color:var(--utrecht-badge-counter-background-color, var(--utrecht-badge-background-color, hsl(0, 0%, 0%)));border-radius:var(--utrecht-badge-counter-border-radius, var(--utrecht-badge-border-radius, 0.5ch));color:var(--utrecht-badge-counter-color, var(--utrecht-badge-color, hsl(0, 0%, 100%)));display:inline-block;font-family:var(--utrecht-badge-counter-font-family, var(--utrecht-badge-font-family, var(--utrecht-document-font-family, sans-serif)));font-size:var(--utrecht-badge-counter-font-size, var(--utrecht-badge-font-size));font-style:var(--utrecht-badge-counter-font-style, normal);font-weight:var(--utrecht-badge-counter-font-weight, var(--utrecht-badge-font-weight, bold));line-height:1;max-block-size:max-content;max-inline-size:max-content;min-block-size:var(--utrecht-badge-counter-min-block-size, var(--utrecht-badge-counter-min-inline-size, var(--utrecht-badge-counter-min-size, 1em)));min-inline-size:var(--utrecht-badge-counter-min-inline-size, var(--utrecht-badge-counter-min-size, 1em));padding-block-end:var(--utrecht-badge-counter-padding-block, var(--utrecht-badge-padding-block, 0.5ex));padding-block-start:var(--utrecht-badge-counter-padding-block, var(--utrecht-badge-padding-block, 0.5ex));padding-inline-end:var(--utrecht-badge-counter-padding-inline, var(--utrecht-badge-padding-inline, 0.5ch));padding-inline-start:var(--utrecht-badge-counter-padding-inline, var(--utrecht-badge-padding-inline, 0.5ch));text-align:center;text-decoration:none;white-space:nowrap}@media screen and (-ms-high-contrast: active), screen and (forced-colors: active){.utrecht-badge-counter{border-color:currentColor;border-style:solid;border-width:1px}}:host{display:inline-block}:host([hidden]){display:none !important}";
 const UtrechtBadgeCounterStyle0 = badgeCounterCss;

package/dist/components/utrecht-badge-list.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h } from './p-2f0ff193.js';
+import { p as proxyCustomElement, H, h } from './p-169bb78d.js';
 const badgeListCss = ".utrecht-badge-list{column-gap:var(--utrecht-badge-list-column-gap);display:flex;flex-wrap:wrap;row-gap:var(--utrecht-badge-list-row-gap)}:host{display:block}:host([hidden]){display:none !important}";
 const UtrechtBadgeListStyle0 = badgeListCss;

package/dist/components/utrecht-body.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h } from './p-2f0ff193.js';
+import { p as proxyCustomElement, H, h } from './p-169bb78d.js';
 const bodyCss = ":host{block-size:100%;margin-block-end:0;margin-block-start:0;margin-inline-end:0;margin-inline-start:0;padding-block-end:0;padding-block-start:0;padding-inline-end:0;padding-inline-start:0}@media screen{:host{min-block-size:100vh;min-block-size:100vb}}:host([hidden]){display:none !important}";
 const UtrechtBodyStyle0 = bodyCss;

package/dist/components/utrecht-breadcrumb-nav.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h } from './p-2f0ff193.js';
+import { p as proxyCustomElement, H, h } from './p-169bb78d.js';
 import { c as clsx } from './p-e91d8a25.js';
 const breadcrumbNavCss = ".utrecht-breadcrumb-nav{--utrecht-focus-background-color:var(--utrecht-breadcrumb-nav-link-focus-background-color);--utrecht-link-background-color:var(--utrecht-breadcrumb-nav-link-background-color);--utrecht-link-text-decoration:var(--utrecht-breadcrumb-nav-link-text-decoration);--utrecht-link-active-color:var(\n    --utrecht-breadcrumb-nav-link-active-color,\n    var(--utrecht-breadcrumb-nav-link-color)\n  );--utrecht-link-active-text-decoration:var(\n    --utrecht-breadcrumb-nav-link-focus-text-decoration,\n    var(--utrecht-breadcrumb-nav-link-text-decoration)\n  );--utrecht-link-focus-color:var(--utrecht-breadcrumb-nav-link-focus-color, var(--utrecht-breadcrumb-nav-link-color));--utrecht-link-focus-text-decoration:var(\n    --utrecht-breadcrumb-nav-link-focus-text-decoration,\n    var(--utrecht-breadcrumb-nav-link-text-decoration)\n  );--utrecht-link-hover-color:var(--utrecht-breadcrumb-nav-link-hover-color, var(--utrecht-breadcrumb-nav-link-color));--utrecht-link-hover-text-decoration:var(\n    --utrecht-breadcrumb-nav-link-hover-text-decoration,\n    var(--utrecht-breadcrumb-nav-link-text-decoration)\n  );--utrecht-link-visited-color:var(--utrecht-breadcrumb-nav-link-color);--utrecht-link-visited-text-decoration:var(--utrecht-link-text-decoration);--utrecht-link-color:var(--utrecht-breadcrumb-nav-link-color);--utrecht-link-placeholder-color:var(--utrecht-link-breadcrumb-link-disabled-color);font-family:var(--utrecht-document-font-family, inherit);font-size:var(--utrecht-breadcrumb-nav-font-size);line-height:var(--utrecht-breadcrumb-nav-line-height);margin-block-end:var(--utrecht-breadcrumb-nav-margin-block-end);text-transform:var(--utrecht-document-text-transform, inherit)}.utrecht-breadcrumb-nav__heading{display:none}.utrecht-breadcrumb-nav__list{display:flex;flex-wrap:wrap;min-block-size:var(--utrecht-breadcrumb-nav-min-block-size)}.utrecht-breadcrumb-nav__list--html-ol{list-style:none;margin-block-end:0;margin-block-start:0;padding-inline-start:0}.utrecht-breadcrumb-nav__list--html-p{margin-block-end:0;margin-block-start:0}.utrecht-breadcrumb-nav__item{block-size:100%}.utrecht-breadcrumb-nav__link{--utrecht-icon-size:var(--utrecht-breadcrumb-nav-link-icon-size);--utrecht-link-icon-size:var(--utrecht-breadcrumb-nav-link-icon-size);background-color:var(--utrecht-breadcrumb-nav-link-background-color);display:inline-block;padding-block-end:var(--utrecht-breadcrumb-nav-item-padding-block-end, 8px);padding-block-start:var(--utrecht-breadcrumb-nav-item-padding-block-start, 8px);padding-inline-end:var(--utrecht-breadcrumb-nav-item-padding-inline-end, 8px);padding-inline-start:var(--utrecht-breadcrumb-nav-item-padding-inline-start, 8px)}.utrecht-breadcrumb-nav__link--first{padding-inline-start:var(--utrecht-breadcrumb-nav-item-first-padding-inline-start, var(--utrecht-breadcrumb-nav-item-padding-inline-start, 8px))}.utrecht-breadcrumb-nav__link--current{--utrecht-link-current-font-weight:var(--utrecht-breadcrumb-nav-link-current-font-weight, inherit);--_utrecht-breadcrumb-nav-link-current-cursor:var(--utrecht-action-inert-cursor, default);font-weight:var(--utrecht-breadcrumb-nav-link-current-font-weight, inherit)}.utrecht-breadcrumb-nav__link--disabled{--utrecht-link-placeholder-color:var(\n    --utrecht-breadcrumb-nav-link-disabled-color,\n    var(--utrecht-breadcrumb-nav-link-color)\n  );--_utrecht-breadcrumb-nav-link-disabled-cursor:var(--utrecht-action-disabled-cursor, not-allowed);background-color:var(--utrecht-breadcrumb-nav-link-disabled-background-color, var(--utrecht-breadcrumb-nav-link-background-color));cursor:var(--_utrecht-breadcrumb-nav-link-current-cursor, var(--_utrecht-breadcrumb-nav-link-disabled-cursor))}.utrecht-breadcrumb-nav__separator{--_utrecht-breadcrumb-nav-separator-display:inline-flex;--utrecht-icon-size:var(--utrecht-breadcrumb-nav-separator-icon-size);align-items:center;color:var(--utrecht-breadcrumb-nav-separator-color);cursor:var(--utrecht-action-inert-cursor, default);display:var(--_utrecht-breadcrumb-nav-separator-display);inline-size:fit-content;-webkit-user-select:none;user-select:none}.utrecht-breadcrumb-nav__separator--html-li{--_utrecht-breadcrumb-nav-separator-display:inline-flex;--utrecht-icon-size:var(--utrecht-breadcrumb-nav-separator-icon-size);align-items:center;color:var(--utrecht-breadcrumb-nav-separator-color);cursor:var(--utrecht-action-inert-cursor, default);display:var(--_utrecht-breadcrumb-nav-separator-display);inline-size:fit-content;-webkit-user-select:none;user-select:none}.utrecht-breadcrumb-nav--arrows{--utrecht-breadcrumb-nav-arrow-size:24px;min-block-size:var(--utrecht-breadcrumb-nav-min-block-size);overflow:hidden}.utrecht-breadcrumb-nav--arrows .utrecht-breadcrumb-nav__link{background-color:var(--utrecht-breadcrumb-nav-arrows-link-background-color);padding-inline-end:0;position:relative}.utrecht-breadcrumb-nav--arrows .utrecht-breadcrumb-nav__link::after,.utrecht-breadcrumb-nav--arrows .utrecht-breadcrumb-nav__link::before{block-size:0;border-color:transparent;border-style:solid;border-block-end-width:var(--utrecht-breadcrumb-nav-min-block-size);border-block-start-width:var(--utrecht-breadcrumb-nav-min-block-size);content:\" \";display:block;inline-size:0;inset-block-start:50%;inset-inline-start:100%;margin-block-start:calc(-1 * var(--utrecht-breadcrumb-nav-min-block-size));position:absolute}.utrecht-breadcrumb-nav--arrows .utrecht-breadcrumb-nav__link::after{border-inline-start-color:var(--utrecht-breadcrumb-nav-arrows-link-background-color);border-inline-start-width:var(--utrecht-breadcrumb-nav-arrow-size);z-index:2}.utrecht-breadcrumb-nav--arrows .utrecht-breadcrumb-nav__link::before{border-inline-start-color:var(--utrecht-document-background-color);border-inline-start-width:var(--utrecht-breadcrumb-nav-arrow-size);margin-block-start:calc(-1 * var(--utrecht-breadcrumb-nav-min-block-size));margin-inline-start:1px;z-index:1}.utrecht-breadcrumb-nav--arrows .utrecht-breadcrumb-nav__link--focus,.utrecht-breadcrumb-nav--arrows .utrecht-breadcrumb-nav__link:focus{--utrecht-link-focus-background-color:var(--utrecht-breadcrumb-nav-arrows-link-focus-background-color);background-color:var(--utrecht-breadcrumb-nav-arrows-link-focus-background-color)}.utrecht-breadcrumb-nav--arrows .utrecht-breadcrumb-nav__link--focus::after,.utrecht-breadcrumb-nav--arrows .utrecht-breadcrumb-nav__link:focus::after{border-inline-start-color:var(--utrecht-breadcrumb-nav-arrows-link-focus-background-color)}.utrecht-breadcrumb-nav--arrows .utrecht-breadcrumb-nav__link~.utrecht-breadcrumb-nav__link,.utrecht-breadcrumb-nav--arrows .utrecht-breadcrumb-nav__item~.utrecht-breadcrumb-nav__item .utrecht-breadcrumb-nav__link{padding-inline-start:calc(var(--utrecht-breadcrumb-nav-item-padding-inline-start) + var(--utrecht-breadcrumb-nav-arrow-size))}.utrecht-breadcrumb-nav__item~.utrecht-breadcrumb-nav__item{margin-inline-start:var(--utrecht-breadcrumb-nav-item-divider-inline-size)}.utrecht-link{--utrecht-icon-size:var(--utrecht-link-icon-size, 1em);color:var(--_utrecht-link-state-color, var(--utrecht-link-color, var(--_utrecht-link-forced-colors-color)))}.utrecht-link:any-link{--_utrecht-link-forced-colors-color:linktext;text-decoration-color:var(--_utrecht-link-state-text-decoration-color, var(--utrecht-link-text-decoration-color, currentColor));text-decoration-line:var(--_utrecht-link-state-text-decoration, var(--utrecht-link-text-decoration, underline));text-decoration-skip-ink:all;text-decoration-thickness:max(var(--_utrecht-link-state-text-decoration-thickness, var(--utrecht-link-text-decoration-thickness)), 1px);text-underline-offset:var(--utrecht-link-text-underline-offset)}.utrecht-link--visited{--_utrecht-link-forced-colors-color:visitedtext;--_utrecht-link-state-color:var(--utrecht-link-visited-color)}.utrecht-link--html-a:any-link:hover,.utrecht-link--hover{--_utrecht-link-forced-colors-color:linktext;--_utrecht-link-state-color:var(--utrecht-link-hover-color);--_utrecht-link-state-text-decoration:var(--utrecht-link-hover-text-decoration);--_utrecht-link-state-text-decoration-thickness:var(--utrecht-link-hover-text-decoration-thickness);text-decoration-skip:none;text-decoration-skip-ink:none}.utrecht-link--focus{--_utrecht-link-state-color:var(--utrecht-link-focus-color);background-color:var(--utrecht-link-focus-background-color, transparent);text-decoration-skip:none;text-decoration-skip-ink:none}.utrecht-link--focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width, 0)\n    var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert);z-index:1;--_utrecht-link-state-text-decoration:var(\n    --utrecht-link-focus-visible-text-decoration,\n    var(--utrecht-link-focus-text-decoration)\n  );--_utrecht-link-state-text-decoration-thickness:var(\n    --utrecht-link-focus-visible-text-decoration-thickness,\n    var(--utrecht-link-focus-text-decoration-thickness)\n  );z-index:var(--utrecht-stack-focus-z-index, 1)}.utrecht-link--html-span:focus-visible,.utrecht-link--html-a:focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width, 0)\n    var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert);z-index:1;--_utrecht-link-state-text-decoration:var(\n    --utrecht-link-focus-visible-text-decoration,\n    var(--utrecht-link-focus-text-decoration)\n  );--_utrecht-link-state-text-decoration-thickness:var(\n    --utrecht-link-focus-visible-text-decoration-thickness,\n    var(--utrecht-link-focus-text-decoration-thickness)\n  );z-index:var(--utrecht-stack-focus-z-index, 1)}.utrecht-link--html-span:focus,.utrecht-link--html-a:any-link:focus{--_utrecht-link-state-color:var(--utrecht-link-focus-color);background-color:var(--utrecht-link-focus-background-color, transparent);text-decoration-skip:none;text-decoration-skip-ink:none}.utrecht-link--html-span:active,.utrecht-link--html-a:any-link:active,.utrecht-link--active{--_utrecht-link-forced-colors-color:activetext;--_utrecht-link-state-color:var(--utrecht-link-active-color)}.utrecht-link--telephone{white-space:nowrap}.utrecht-link--current{cursor:var(--utrecht-action-inert-cursor, normal);font-weight:var(--utrecht-link-current-font-weight)}.utrecht-link--box-content:any-link{color:unset;display:inline-block;text-decoration-line:unset;text-decoration-skip-ink:unset;text-decoration-thickness:unset;text-underline-offset:unset}.utrecht-link--placeholder{--_utrecht-link-forced-colors-color:GrayText;--_utrecht-link-state-color:var(--utrecht-link-placeholder-color);cursor:var(--utrecht-action-disabled-cursor, not-allowed);font-weight:var(--utrecht-link-placeholder-font-weight);text-decoration-line:none}.utrecht-link--forced-colors{--utrecht-focus-outline-color:Highlight;--utrecht-focus-inverse-outline-color:HighlightText;--utrecht-link-color:linktext;--utrecht-link-hover-color:linktext;--utrecht-link-focus-color:linktext;--utrecht-link-active-color:activetext;--utrecht-link-visited-color:visitedtext;--utrecht-link-placeholder-color:GrayText}:host{display:block}:host([hidden]){display:none !important}";

package/dist/components/utrecht-button-group.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h } from './p-2f0ff193.js';
+import { p as proxyCustomElement, H, h } from './p-169bb78d.js';
 import { c as clsx } from './p-e91d8a25.js';
 const buttonGroupCss = ".utrecht-button-group{align-items:baseline;background-color:var(--utrecht-button-group-background-color);break-inside:avoid;display:flex;flex-wrap:wrap;gap:var(--utrecht-button-group-inline-gap, 1em);margin-block-end:calc(var(--utrecht-space-around, 0) * var(--utrecht-button-group-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-button-group-margin-block-start, 0));min-block-size:var(--utrecht-button-block-size);padding-block-end:var(--utrecht-button-group-padding-block-end);padding-block-start:var(--utrecht-button-group-padding-block-start)}.utrecht-button-group--distanced{--utrecht-space-around:1}.utrecht-button-group__link-button--row,.utrecht-button-group--row .utrecht-link-button,.utrecht-button-group:not(.utrecht-button-group--column) .utrecht-link-button{--utrecht-button-padding-inline-end:0;--utrecht-button-padding-inline-start:0}.utrecht-button-group--column{flex-direction:column;gap:var(--utrecht-button-group-block-gap, 1em)}:host{display:block}:host([hidden]){display:none !important}";

package/dist/components/utrecht-button-link.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h } from './p-2f0ff193.js';
+import { p as proxyCustomElement, H, h } from './p-169bb78d.js';
 import { c as clsx } from './p-e91d8a25.js';
 const buttonLinkCss = ".utrecht-button-link{--_utrecht-button-background-color:var(\n    --_utrecht-button-hint-background-color,\n    var(--_utrecht-button-appearance-background-color, var(--utrecht-button-background-color))\n  );--_utrecht-button-color:var(\n    --_utrecht-button-hint-color,\n    var(--_utrecht-button-appearance-color, var(--utrecht-button-color))\n  );--_utrecht-button-border-color:var(\n    --_utrecht-button-hint-border-color,\n    var(--_utrecht-button-appearance-border-color, var(--utrecht-button-border-color, transparent))\n  );--_utrecht-button-border-bottom-color:var(\n    --_utrecht-button-hint-border-bottom-color,\n    var(\n      --_utrecht-button-hint-border-color,\n      var(\n        --_utrecht-button-appearance-border-bottom-color,\n        var(\n          --_utrecht-button-appearance-border-color,\n          var(--utrecht-button-border-bottom-color, var(--utrecht-button-border-color, transparent))\n        )\n      )\n    )\n  );--_utrecht-button-disabled-background-color:var(\n    --_utrecht-button-hint-disabled-background-color,\n    var(\n      --_utrecht-button-appearance-disabled-background-color,\n      var(--utrecht-button-disabled-background-color, var(--utrecht-button-background-color))\n    )\n  );--_utrecht-button-disabled-border-color:var(\n    --_utrecht-button-hint-disabled-border-color,\n    var(\n      --_utrecht-button-appearance-disabled-border-color,\n      var(--utrecht-button-disabled-border-color, var(--utrecht-button-border-color))\n    )\n  );--_utrecht-button-disabled-color:var(\n    --_utrecht-button-hint-disabled-color,\n    var(--_utrecht-button-appearance-disabled-color, var(--utrecht-button-disabled-color, var(--utrecht-button-color)))\n  );--_utrecht-button-pressed-background-color:var(\n    --_utrecht-button-hint-pressed-background-color,\n    var(\n      --_utrecht-button-hint-background-color,\n      var(\n        --_utrecht-button-appearance-pressed-background-color,\n        var(\n          --_utrecht-button-appearance-background-color,\n          var(--utrecht-button-pressed-background-color, var(--utrecht-button-background-color))\n        )\n      )\n    )\n  );--_utrecht-button-pressed-border-color:var(\n    --_utrecht-button-hint-pressed-border-color,\n    var(\n      --_utrecht-button-hint-border-color,\n      var(\n        --_utrecht-button-appearance-pressed-border-color,\n        var(\n          --_utrecht-button-appearance-border-color,\n          var(--utrecht-button-pressed-border-color, var(--utrecht-button-border-color))\n        )\n      )\n    )\n  );--_utrecht-button-pressed-color:var(\n    --_utrecht-button-hint-pressed-color,\n    var(\n      --_utrecht-button-hint-color,\n      var(\n        --_utrecht-button-appearance-pressed-color,\n        var(--_utrecht-button-appearance-color, var(--utrecht-button-pressed-color, var(--utrecht-button-color)))\n      )\n    )\n  );--_utrecht-button-focus-background-color:var(\n    --_utrecht-button-hint-focus-background-color,\n    var(\n      --_utrecht-button-hint-background-color,\n      var(\n        --_utrecht-button-appearance-focus-background-color,\n        var(\n          --_utrecht-button-appearance-background-color,\n          var(--utrecht-button-focus-background-color, var(--utrecht-button-background-color))\n        )\n      )\n    )\n  );--_utrecht-button-focus-border-color:var(\n    --_utrecht-button-hint-focus-border-color,\n    var(\n      --_utrecht-button-hint-border-color,\n      var(\n        --_utrecht-button-appearance-focus-border-color,\n        var(\n          --_utrecht-button-appearance-border-color,\n          var(--utrecht-button-focus-border-color, var(--utrecht-button-border-color))\n        )\n      )\n    )\n  );--_utrecht-button-focus-color:var(\n    --_utrecht-button-hint-focus-color,\n    var(\n      --_utrecht-button-hint-color,\n      var(\n        --_utrecht-button-appearance-focus-color,\n        var(--_utrecht-button-appearance-color, var(--utrecht-button-focus-color, var(--utrecht-button-color)))\n      )\n    )\n  );--_utrecht-button-hover-background-color:var(\n    --_utrecht-button-hint-hover-background-color,\n    var(\n      --_utrecht-button-hint-background-color,\n      var(\n        --_utrecht-button-appearance-hover-background-color,\n        var(\n          --_utrecht-button-appearance-background-color,\n          var(--utrecht-button-hover-background-color, var(--utrecht-button-background-color))\n        )\n      )\n    )\n  );--_utrecht-button-hover-border-color:var(\n    --_utrecht-button-hint-hover-border-color,\n    var(\n      --_utrecht-button-hint-border-color,\n      var(\n        --_utrecht-button-appearance-hover-border-color,\n        var(\n          --_utrecht-button-appearance-border-color,\n          var(--utrecht-button-hover-border-color, var(--utrecht-button-border-color))\n        )\n      )\n    )\n  );--_utrecht-button-hover-color:var(\n    --_utrecht-button-hint-hover-color,\n    var(\n      --_utrecht-button-hint-color,\n      var(\n        --_utrecht-button-appearance-hover-color,\n        var(--_utrecht-button-appearance-color, var(--utrecht-button-hover-color, var(--utrecht-button-color)))\n      )\n    )\n  );--_utrecht-button-active-background-color:var(\n    --_utrecht-button-hint-active-background-color,\n    var(\n      --_utrecht-button-hint-background-color,\n      var(\n        --_utrecht-button-appearance-active-background-color,\n        var(\n          --_utrecht-button-appearance-background-color,\n          var(--utrecht-button-active-background-color, var(--utrecht-button-background-color))\n        )\n      )\n    )\n  );--_utrecht-button-active-border-color:var(\n    --_utrecht-button-hint-active-border-color,\n    var(\n      --_utrecht-button-hint-border-color,\n      var(\n        --_utrecht-button-appearance-active-border-color,\n        var(\n          --_utrecht-button-appearance-border-color,\n          var(--utrecht-button-active-border-color, var(--utrecht-button-border-color))\n        )\n      )\n    )\n  );--_utrecht-button-active-color:var(\n    --_utrecht-button-hint-active-color,\n    var(\n      --_utrecht-button-hint-color,\n      var(\n        --_utrecht-button-appearance-active-color,\n        var(--_utrecht-button-appearance-color, var(--utrecht-button-active-color, var(--utrecht-button-color)))\n      )\n    )\n  );--_utrecht-button-border-width:var(--_utrecht-button-appearance-border-width, var(--utrecht-button-border-width, 0));--_utrecht-button-border-block-end-width:var(\n    --utrecht-button-border-bottom-width,\n    var(--_utrecht-button-border-width, 0)\n  );--_utrecht-button-font-size:var(--_utrecht-button-appearance-font-size, var(--utrecht-button-font-size));--_utrecht-button-line-height:var(--_utrecht-button-appearance-line-height, var(--utrecht-button-line-height));--utrecht-icon-size:var(--utrecht-button-icon-size, 1em);align-items:center;background-color:var(--_utrecht-button-background-color);block-size:fit-content;border-color:var(--_utrecht-button-border-color);border-radius:var(--utrecht-button-border-radius);border-style:solid;border-width:var(--_utrecht-button-border-width);border-block-end-color:var(--_utrecht-button-border-bottom-color);border-block-end-width:var(--_utrecht-button-border-block-end-width);box-sizing:border-box;color:var(--_utrecht-button-color);column-gap:var(--utrecht-button-column-gap);cursor:var(--utrecht-action-activate-cursor, revert);display:inline-flex;font-family:var(--utrecht-button-font-family, var(--utrecht-document-font-family));font-size:var(--_utrecht-button-font-size, var(--utrecht-document-font-family, inherit));font-weight:var(--_utrecht-button-appearance-font-weight, var(--utrecht-button-font-weight));inline-size:var(--utrecht-button-inline-size, auto);justify-content:var(--utrecht-button-justify-content, center);line-height:var(--_utrecht-button-line-height);max-inline-size:var(--utrecht-button-max-inline-size, fit-content);min-block-size:var(--utrecht-button-min-block-size, 44px);min-inline-size:var(--utrecht-button-min-inline-size, 44px);padding-block-end:var(--utrecht-button-padding-block-end);padding-block-start:var(--utrecht-button-padding-block-start);padding-inline-end:var(--utrecht-button-padding-inline-end);padding-inline-start:var(--utrecht-button-padding-inline-start);scale:1;text-transform:var(--utrecht-button-text-transform);-webkit-user-select:none;user-select:none}@media screen and (-ms-high-contrast: active), screen and (forced-colors: active){.utrecht-button-link{--_utrecht-button-disabled-border-color:GrayText;--_utrecht-button-disabled-color:GrayText;background-color:ButtonFace;border-color:buttonborder;color:ButtonText;}}.utrecht-button-link{cursor:var(--utrecht-action-navigate-cursor, pointer);text-decoration:none}.utrecht-button-link--active{background-color:var(--_utrecht-button-active-background-color);border-color:var(--_utrecht-button-active-border-color);color:var(--_utrecht-button-active-color)}.utrecht-button-link--hover{background-color:var(--_utrecht-button-hover-background-color);border-color:var(--_utrecht-button-hover-border-color);color:var(--_utrecht-button-hover-color);scale:var(--utrecht-button-hover-scale, 1)}.utrecht-button-link--focus{background-color:var(--_utrecht-button-focus-background-color);border-color:var(--_utrecht-button-focus-border-color);color:var(--_utrecht-button-focus-color);scale:var(--utrecht-button-focus-scale, 1)}.utrecht-button-link--focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width, 0)\n    var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert);z-index:1}.utrecht-button-link--placeholder{background-color:var(--_utrecht-button-disabled-background-color);border-color:var(--_utrecht-button-disabled-border-color);color:var(--_utrecht-button-disabled-color);cursor:var(--utrecht-action-disabled-cursor, not-allowed)}.utrecht-button-link--html-a:focus{background-color:var(--_utrecht-button-focus-background-color);border-color:var(--_utrecht-button-focus-border-color);color:var(--_utrecht-button-focus-color);scale:var(--utrecht-button-focus-scale, 1)}.utrecht-button-link--html-a:focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width, 0)\n    var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert);z-index:1}.utrecht-button-link--html-a:hover{background-color:var(--_utrecht-button-hover-background-color);border-color:var(--_utrecht-button-hover-border-color);color:var(--_utrecht-button-hover-color);scale:var(--utrecht-button-hover-scale, 1)}.utrecht-button-link--html-a:active{background-color:var(--_utrecht-button-active-background-color);border-color:var(--_utrecht-button-active-border-color);color:var(--_utrecht-button-active-color)}.utrecht-button-link--primary-action{--_utrecht-button-appearance-active-background-color:var(--utrecht-button-primary-action-active-background-color);--_utrecht-button-appearance-active-border-color:var(--utrecht-button-primary-action-active-border-color);--_utrecht-button-appearance-active-color:var(--utrecht-button-primary-action-active-color);--_utrecht-button-appearance-background-color:var(--utrecht-button-primary-action-background-color);--_utrecht-button-appearance-border-color:var(--utrecht-button-primary-action-border-color);--_utrecht-button-appearance-border-width:var(--utrecht-button-primary-action-border-width);--_utrecht-button-appearance-color:var(--utrecht-button-primary-action-color);--_utrecht-button-appearance-font-size:var(--utrecht-button-primary-action-font-size);--_utrecht-button-appearance-font-weight:var(--utrecht-button-primary-action-font-weight);--_utrecht-button-appearance-line-height:var(--utrecht-button-primary-action-line-height);--_utrecht-button-appearance-disabled-background-color:var(--utrecht-button-primary-action-disabled-background-color);--_utrecht-button-appearance-disabled-border-color:var(--utrecht-button-primary-action-disabled-border-color);--_utrecht-button-appearance-disabled-color:var(--utrecht-button-primary-action-disabled-color);--_utrecht-button-appearance-focus-background-color:var(--utrecht-button-primary-action-focus-background-color);--_utrecht-button-appearance-focus-border-color:var(--utrecht-button-primary-action-focus-border-color);--_utrecht-button-appearance-focus-color:var(--utrecht-button-primary-action-focus-color);--_utrecht-button-appearance-hover-background-color:var(--utrecht-button-primary-action-hover-background-color);--_utrecht-button-appearance-hover-border-color:var(--utrecht-button-primary-action-hover-border-color);--_utrecht-button-appearance-hover-color:var(--utrecht-button-primary-action-hover-color);--_utrecht-button-appearance-pressed-background-color:var(--utrecht-button-primary-action-pressed-background-color);--_utrecht-button-appearance-pressed-border-color:var(--utrecht-button-primary-action-pressed-border-color);--_utrecht-button-appearance-pressed-color:var(--utrecht-button-primary-action-pressed-color)}.utrecht-button-link--secondary-action{--_utrecht-button-appearance-active-background-color:var(--utrecht-button-secondary-action-active-background-color);--_utrecht-button-appearance-active-border-color:var(--utrecht-button-secondary-action-active-border-color);--_utrecht-button-appearance-active-color:var(--utrecht-button-secondary-action-active-color);--_utrecht-button-appearance-background-color:var(--utrecht-button-secondary-action-background-color);--_utrecht-button-appearance-border-color:var(--utrecht-button-secondary-action-border-color);--_utrecht-button-appearance-border-width:var(--utrecht-button-secondary-action-border-width);--_utrecht-button-appearance-color:var(--utrecht-button-secondary-action-color);--_utrecht-button-appearance-font-size:var(--utrecht-button-secondary-action-font-size);--_utrecht-button-appearance-font-weight:var(--utrecht-button-secondary-action-font-weight);--_utrecht-button-appearance-line-height:var(--utrecht-button-secondary-action-line-height);--_utrecht-button-appearance-disabled-background-color:var(--utrecht-button-secondary-action-disabled-background-color);--_utrecht-button-appearance-disabled-border-color:var(--utrecht-button-secondary-action-disabled-border-color);--_utrecht-button-appearance-disabled-color:var(--utrecht-button-secondary-action-disabled-color);--_utrecht-button-appearance-focus-background-color:var(--utrecht-button-secondary-action-focus-background-color);--_utrecht-button-appearance-focus-border-color:var(--utrecht-button-secondary-action-focus-border-color);--_utrecht-button-appearance-focus-color:var(--utrecht-button-secondary-action-focus-color);--_utrecht-button-appearance-hover-background-color:var(--utrecht-button-secondary-action-hover-background-color);--_utrecht-button-appearance-hover-border-color:var(--utrecht-button-secondary-action-hover-border-color);--_utrecht-button-appearance-hover-color:var(--utrecht-button-secondary-action-hover-color);--_utrecht-button-appearance-pressed-background-color:var(--utrecht-button-secondary-action-pressed-background-color);--_utrecht-button-appearance-pressed-border-color:var(--utrecht-button-secondary-action-pressed-border-color);--_utrecht-button-appearance-pressed-color:var(--utrecht-button-secondary-action-pressed-color)}.utrecht-button-link--subtle{--_utrecht-button-appearance-active-background-color:var(--utrecht-button-subtle-active-background-color);--_utrecht-button-appearance-active-border-color:var(--utrecht-button-subtle-active-border-color);--_utrecht-button-appearance-active-color:var(--utrecht-button-subtle-active-color);--_utrecht-button-appearance-background-color:var(--utrecht-button-subtle-background-color);--_utrecht-button-appearance-border-color:var(--utrecht-button-subtle-border-color);--_utrecht-button-appearance-border-width:var(--utrecht-button-subtle-border-width);--_utrecht-button-appearance-color:var(--utrecht-button-subtle-color);--_utrecht-button-appearance-font-size:var(--utrecht-button-subtle-font-size);--_utrecht-button-appearance-font-weight:var(--utrecht-button-subtle-font-weight);--_utrecht-button-appearance-line-height:var(--utrecht-button-subtle-line-height);--_utrecht-button-appearance-disabled-background-color:var(--utrecht-button-subtle-disabled-background-color);--_utrecht-button-appearance-disabled-border-color:var(--utrecht-button-subtle-disabled-border-color);--_utrecht-button-appearance-disabled-color:var(--utrecht-button-subtle-disabled-color);--_utrecht-button-appearance-focus-background-color:var(--utrecht-button-subtle-focus-background-color);--_utrecht-button-appearance-focus-border-color:var(--utrecht-button-subtle-focus-border-color);--_utrecht-button-appearance-focus-color:var(--utrecht-button-subtle-focus-color);--_utrecht-button-appearance-hover-background-color:var(--utrecht-button-subtle-hover-background-color);--_utrecht-button-appearance-hover-border-color:var(--utrecht-button-subtle-hover-border-color);--_utrecht-button-appearance-hover-color:var(--utrecht-button-subtle-hover-color);--_utrecht-button-appearance-pressed-background-color:var(--utrecht-button-subtle-pressed-background-color);--_utrecht-button-appearance-pressed-border-color:var(--utrecht-button-subtle-pressed-border-color);--_utrecht-button-appearance-pressed-color:var(--utrecht-button-subtle-pressed-color)}:host{display:inline-flex}:host([hidden]){display:none !important}";

package/dist/components/utrecht-button.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { B as Button, d as defineCustomElement$1 } from './p-c1da5de5.js';
+import { B as Button, d as defineCustomElement$1 } from './p-cb74e90e.js';
 const UtrechtButton = Button;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/utrecht-checkbox.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, c as createEvent, h } from './p-2f0ff193.js';
+import { p as proxyCustomElement, H, c as createEvent, h } from './p-169bb78d.js';
 import { c as clsx } from './p-e91d8a25.js';
 const checkboxCss = ".utrecht-checkbox{margin-block-end:0;margin-block-start:0;margin-inline-end:0;margin-inline-start:0;cursor:var(--utrecht-action-activate-cursor, revert);-webkit-user-select:none;user-select:none}.utrecht-checkbox--disabled{cursor:var(--utrecht-action-disabled-cursor, revert)}.utrecht-checkbox--focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width, 0)\n    var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert);z-index:1}.utrecht-checkbox--html-input:disabled{cursor:var(--utrecht-action-disabled-cursor, revert)}.utrecht-checkbox--html-input :focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width, 0)\n    var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert);z-index:1}:host{display:block}:host([hidden]){display:none !important}";

package/dist/components/utrecht-code-block.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h } from './p-2f0ff193.js';
+import { p as proxyCustomElement, H, h } from './p-169bb78d.js';
 const codeBlockCss = ".utrecht-code-block{background-color:var(--utrecht-code-background-color);color:var(--utrecht-code-color);font-family:var(--utrecht-code-font-family, monospace), monospace;font-size:var(--utrecht-code-font-size, inherit);font-variant-ligatures:none;line-height:var(--utrecht-code-line-height);--utrecht-code-color:var(--utrecht-code-block-color, inherit);--utrecht-code-background-color:var(--utrecht-code-block-background-color, inherit);--utrecht-code-font-weight:var(--utrecht-code-block-font-weight, inherit);--utrecht-code-font-size:var(--utrecht-code-block-font-size, inherit);--utrecht-code-font-family:var(--utrecht-code-block-font-family, monospace);background-color:var(--utrecht-code-block-background-color);display:block;font-size:var(--utrecht-code-block-font-size, var(--utrecht-code-font-size, inherit));line-height:var(--utrecht-code-block-line-height, var(--utrecht-code-line-height));margin-block-end:var(--utrecht-code-block-margin-block-end);margin-block-start:var(--utrecht-code-block-margin-block-start);margin-inline-end:var(--utrecht-code-block-margin-inline-end);margin-inline-start:var(--utrecht-code-block-margin-inline-start);padding-block-end:var(--utrecht-code-block-padding-block-end);padding-block-start:var(--utrecht-code-block-padding-block-start);padding-inline-end:var(--utrecht-code-block-padding-inline-end);padding-inline-start:var(--utrecht-code-block-padding-inline-start);white-space:pre}.utrecht-code-block__content{font-family:inherit;font-size:inherit}:host{display:block}:host([hidden]){display:none !important}";
 const UtrechtCodeBlockStyle0 = codeBlockCss;

package/dist/components/utrecht-code.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h } from './p-2f0ff193.js';
+import { p as proxyCustomElement, H, h } from './p-169bb78d.js';
 const codeCss = ".utrecht-code{background-color:var(--utrecht-code-background-color);color:var(--utrecht-code-color);font-family:var(--utrecht-code-font-family, monospace), monospace;font-size:var(--utrecht-code-font-size, inherit);font-variant-ligatures:none;line-height:var(--utrecht-code-line-height)}:host{display:inline}:host([hidden]){display:none !important}";
 const UtrechtCodeStyle0 = codeCss;

package/dist/components/utrecht-color-sample.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-2f0ff193.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-169bb78d.js';
 const colorSampleCss = ":host{background-color:var(--utrecht-color-sample-background-color, currentColor);block-size:var(--utrecht-color-sample-block-size, 2em);border-color:var(--utrecht-color-sample-border-color, var(--utrecht-color-sample-default-border-color));border-radius:var(--utrecht-color-sample-border-radius, 0);border-style:solid;border-width:var(--utrecht-color-sample-border-width, 0);box-sizing:border-box;display:inline-block;inline-size:var(--utrecht-color-sample-inline-size, 2em);-webkit-print-color-adjust:exact;print-color-adjust:exact}@media (forced-colors: active){:host{forced-color-adjust:none}}@media (forced-colors: active) and (prefers-color-scheme: dark){:host{--utrecht-color-sample-default-border-color:var(--utrecht-color-sample-dark-border-color, #000)}}@media (forced-colors: active) and (prefers-color-scheme: light){:host{--utrecht-color-sample-default-border-color:var(--utrecht-color-sample-light-border-color, #fff)}}:host([hidden]){display:none !important}";
 const UtrechtColorSampleStyle0 = colorSampleCss;

package/dist/components/utrecht-column-layout.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h } from './p-2f0ff193.js';
+import { p as proxyCustomElement, H, h } from './p-169bb78d.js';
 const columnLayoutCss = ":host{column-gap:var(--utrecht-column-layout-gap, 2em);column-width:var(--utrecht-column-layout-column-width, 40ch);display:block}:host([rule]){column-rule-color:var(--utrecht-column-layout-column-rule-color);column-rule-style:solid;column-rule-width:var(--utrecht-column-layout-column-rule-width, 0)}:host([hidden]){display:none !important}";
 const UtrechtColumnLayoutStyle0 = columnLayoutCss;

package/dist/components/utrecht-contact-card.d.ts ADDED Viewed

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+interface UtrechtContactCard extends Components.UtrechtContactCard, HTMLElement {}
+export const UtrechtContactCard: {
+    prototype: UtrechtContactCard;
+    new (): UtrechtContactCard;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/utrecht-contact-card.js ADDED Viewed

@@ -0,0 +1,67 @@
+import { p as proxyCustomElement, H, h, d as Host } from './p-169bb78d.js';
+const contactCardCss = ":host{display:block}:host([hidden]){display:none !important}.utrecht-contact-card{--utrecht-space-around:1;--utrecht-separator-color:var(--utrecht-contact-card-separator-color, var(--utrecht-separator-color));background-color:var(--utrecht-contact-card-background-color);background-image:var(--utrecht-contact-card-background-image);background-position:center center;background-size:var(--utrecht-contact-card-background-size);border-radius:var(--utrecht-contact-card-border-radius);box-shadow:var(--utrecht-contact-card-box-shadow);color:var(--utrecht-contact-card-color);padding-block-end:var(--utrecht-contact-card-padding-block-end, var(--utrecht-space-block-md));padding-block-start:var(--utrecht-contact-card-padding-block-start, var(--utrecht-space-block-md));padding-inline-end:var(--utrecht-contact-card-padding-inline-end, var(--utrecht-space-block-md));padding-inline-start:var(--utrecht-contact-card-padding-inline-start, var(--utrecht-space-block-md))}@media (forced-colors: active){.utrecht-contact-card{border-color:LinkText;border-width:1px;outline-color:LinkText;outline-width:3px}.utrecht-contact-card:focus-within{border-color:Highlight;outline-color:Highlight}}.utrecht-contact-card__title{--utrecht-heading-2-margin-block-start:0;--utrecht-heading-2-margin-block-end:var(\n    --utrecht-contact-card-title-margin-block-end,\n    var(--utrecht-space-block-lg)\n  )}.utrecht-contact-card__grid{--utrecht-grid-spacing-md:var(--utrecht-contact-card-grid-spacing, var(--utrecht-grid-spacing-md));align-items:var(--_utrecht-grid-align-items, initial);display:var(--_utrecht-grid-display, flex);flex-direction:var(--_utrecht-grid-flex-direction, row);flex-wrap:var(--_utrecht-grid-flex-wrap, wrap);justify-content:var(--_utrecht-grid-justify-content, initial)}.utrecht-contact-card__grid--cols-1{--_utrecht-grid-columns-total:1;--_utrecht-grid-columns-default:1}.utrecht-contact-card__grid--cols-2{--_utrecht-grid-columns-total:2;--_utrecht-grid-columns-default:1}.utrecht-contact-card__grid--cols-3{--_utrecht-grid-columns-total:3;--_utrecht-grid-columns-default:1}.utrecht-contact-card__grid--cols-4{--_utrecht-grid-columns-total:4;--_utrecht-grid-columns-default:1}.utrecht-contact-card__grid--cols-5{--_utrecht-grid-columns-total:5;--_utrecht-grid-columns-default:1}.utrecht-contact-card__grid--cols-6{--_utrecht-grid-columns-total:6;--_utrecht-grid-columns-default:1}.utrecht-contact-card__grid--cols-7{--_utrecht-grid-columns-total:7;--_utrecht-grid-columns-default:1}.utrecht-contact-card__grid--cols-8{--_utrecht-grid-columns-total:8;--_utrecht-grid-columns-default:1}.utrecht-contact-card__grid--cols-9{--_utrecht-grid-columns-total:9;--_utrecht-grid-columns-default:1}.utrecht-contact-card__grid--cols-10{--_utrecht-grid-columns-total:10;--_utrecht-grid-columns-default:1}.utrecht-contact-card__grid--cols-11{--_utrecht-grid-columns-total:11;--_utrecht-grid-columns-default:1}.utrecht-contact-card__grid--cols-12{--_utrecht-grid-columns-total:12;--_utrecht-grid-columns-default:1}.utrecht-contact-card__grid{margin-block:calc(-1 * var(--utrecht-contact-card-grid-spacing, var(--utrecht-grid-spacing-md, 16px)));margin-inline:calc(-1 * var(--utrecht-contact-card-grid-spacing, var(--utrecht-grid-spacing-md, 16px)))}slot{display:contents}.utrecht-contact-card__grid-cell{--_utrecht-grid-display:block;align-items:var(--_utrecht-grid-align-items, initial);box-sizing:var(--_utrecht-grid-box-sizing, border-box);display:var(--_utrecht-grid-display, block);flex:var(--_utrecht-grid-flex, 0 0 auto);inline-size:calc(var(--_utrecht-columns, var(--_utrecht-grid-columns-default, 4)) / var(--_utrecht-grid-columns-total, 12) * 100%);justify-content:var(--_utrecht-grid-justify-content, initial);order:var(--_utrecht-grid-order, initial);--_utrecht-columns:12;padding-block:var(--utrecht-contact-card-grid-spacing, var(--utrecht-grid-spacing-md, 16px));padding-inline:var(--utrecht-contact-card-grid-spacing, var(--utrecht-grid-spacing-md, 16px))}@media screen and (width >= 600px){.utrecht-contact-card__grid-cell{--_utrecht-columns:var(--_utrecht-contact-card-sm-cols, 12)}}@media screen and (width >= 960px){.utrecht-contact-card__grid-cell{--_utrecht-columns:var(--_utrecht-contact-card-md-cols, 12)}}.utrecht-contact-card__grid-cell--tel a[href^=\"tel:\"]{font-size:var(--utrecht-contact-card-tel-font-size, inherit)}.utrecht-contact-card__subtitle{font-weight:var(--utrecht-contact-card-subtitle-font-weight)}.utrecht-contact-card__subtitle::before{content:\" \" var(--utrecht-contact-card-subtitle-separator) \" \"}.utrecht-contact-card__socials-links{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--utrecht-contact-card-socials-links-gap, var(--utrecht-space-inline-sm));margin-block-start:var(--utrecht-contact-card-socials-margin-block-start, var(--utrecht-space-block-md))}.utrecht-contact-card__social-link{display:inline-flex;text-decoration:none}::slotted(.utrecht-contact-card__grid-cell){align-items:var(--_utrecht-grid-align-items, initial);box-sizing:var(--_utrecht-grid-box-sizing, border-box);display:var(--_utrecht-grid-display, block);flex:var(--_utrecht-grid-flex, 0 0 auto);inline-size:calc(var(--_utrecht-columns, var(--_utrecht-grid-columns-default, 4)) / var(--_utrecht-grid-columns-total, 12) * 100%);justify-content:var(--_utrecht-grid-justify-content, initial);order:var(--_utrecht-grid-order, initial);--_utrecht-columns:12;padding-block:var(--utrecht-contact-card-grid-spacing, var(--utrecht-grid-spacing-md, 16px));padding-inline:var(--utrecht-contact-card-grid-spacing, var(--utrecht-grid-spacing-md, 16px))}@media screen and (width >= 600px){::slotted(.utrecht-contact-card__grid-cell){--_utrecht-columns:var(--_utrecht-contact-card-sm-cols, 12)}}@media screen and (width >= 960px){::slotted(.utrecht-contact-card__grid-cell){--_utrecht-columns:var(--_utrecht-contact-card-md-cols, 12)}}::slotted(.utrecht-contact-card__grid-cell--tel){--utrecht-link-font-size:var(--utrecht-contact-card-tel-font-size, inherit)}";
+const UtrechtContactCardStyle0 = contactCardCss;
+const ContactCard = /*@__PURE__*/ proxyCustomElement(class ContactCard extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.heading = undefined;
+        this.subtitle = undefined;
+        this.socialLinks = undefined;
+        this.socialLinksHeading = undefined;
+        this.sectionCount = undefined;
+    }
+    render() {
+        var _a;
+        const socialLinks = this.socialLinks
+            ? JSON.parse(this.socialLinks)
+            : [];
+        const sectionCount = (_a = this.sectionCount) !== null && _a !== void 0 ? _a : 0;
+        const hasSocialLinksColumn = socialLinks.length > 0 && sectionCount <= 1;
+        const effectiveCount = hasSocialLinksColumn ? sectionCount + 1 : sectionCount;
+        const mdCols = effectiveCount <= 1 ? 12 : effectiveCount === 2 ? 6 : 4;
+        const smCols = effectiveCount >= 3 ? 6 : mdCols;
+        const socialLinksContent = socialLinks.length > 0 && [
+            this.socialLinksHeading && (h("h3", { key: "heading", class: "utrecht-heading-3" }, this.socialLinksHeading)),
+            h("div", { key: "links", class: "utrecht-contact-card__socials-links" }, socialLinks.map(({ icon, href, label }) => {
+                const IconTag = `utrecht-icon-${icon}`;
+                return (h("a", { key: href, href: href, "aria-label": label, class: "utrecht-contact-card__social-link" }, h(IconTag, null)));
+            })),
+        ];
+        return (h(Host, { style: {
+                '--_utrecht-contact-card-sm-cols': String(smCols),
+                '--_utrecht-contact-card-md-cols': String(mdCols),
+            } }, h("div", { class: "utrecht-contact-card" }, (this.heading || this.subtitle) && (h("div", { class: "utrecht-contact-card__title" }, h("h2", { class: "utrecht-heading-2" }, this.heading, this.subtitle && h("span", { class: "utrecht-contact-card__subtitle" }, this.subtitle)))), h("div", { class: "utrecht-contact-card__grid" }, h("slot", null), socialLinksContent &&
+            (hasSocialLinksColumn ? (h("div", { class: "utrecht-contact-card__grid-cell" }, socialLinksContent)) : (socialLinksContent))), h("div", { class: "utrecht-contact-card__body" }, h("slot", { name: "content" })))));
+    }
+    static get style() { return UtrechtContactCardStyle0; }
+}, [1, "utrecht-contact-card", {
+        "heading": [1],
+        "subtitle": [1],
+        "socialLinks": [1, "social-links"],
+        "socialLinksHeading": [1, "social-links-heading"],
+        "sectionCount": [2, "section-count"]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["utrecht-contact-card"];
+    components.forEach(tagName => { switch (tagName) {
+        case "utrecht-contact-card":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, ContactCard);
+            }
+            break;
+    } });
+}
+const UtrechtContactCard = ContactCard;
+const defineCustomElement = defineCustomElement$1;
+export { UtrechtContactCard, defineCustomElement };
+//# sourceMappingURL=utrecht-contact-card.js.map

package/dist/components/utrecht-contact-card.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"utrecht-contact-card.js","mappings":";;AAAA,MAAM,cAAc,GAAG,q1LAAq1L,CAAC;AAC72L,iCAAe,cAAc;;MCMhB,WAAW;;;;;;;;;;;IAOtB,MAAM;;QACJ,MAAM,WAAW,GAAqD,IAAI,CAAC,WAAW;cAClF,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC;cAC5B,EAAE,CAAC;QACP,MAAM,YAAY,GAAG,MAAA,IAAI,CAAC,YAAY,mCAAI,CAAC,CAAC;QAC5C,MAAM,oBAAoB,GAAG,WAAW,CAAC,MAAM,GAAG,CAAC,IAAI,YAAY,IAAI,CAAC,CAAC;QACzE,MAAM,cAAc,GAAG,oBAAoB,GAAG,YAAY,GAAG,CAAC,GAAG,YAAY,CAAC;QAC9E,MAAM,MAAM,GAAG,cAAc,IAAI,CAAC,GAAG,EAAE,GAAG,cAAc,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;QACvE,MAAM,MAAM,GAAG,cAAc,IAAI,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC;QAEhD,MAAM,kBAAkB,GAAG,WAAW,CAAC,MAAM,GAAG,CAAC,IAAI;YACnD,IAAI,CAAC,kBAAkB,KACrB,UAAI,GAAG,EAAC,SAAS,EAAC,KAAK,EAAC,mBAAmB,IACxC,IAAI,CAAC,kBAAkB,CACrB,CACN;YACD,WAAK,GAAG,EAAC,OAAO,EAAC,KAAK,EAAC,qCAAqC,IACzD,WAAW,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE;gBACrC,MAAM,OAAO,GAAG,gBAAgB,IAAI,EAAE,CAAC;gBACvC,QACE,SAAG,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,gBAAc,KAAK,EAAE,KAAK,EAAC,mCAAmC,IACpF,EAAC,OAAO,OAAG,CACT,EACJ;aACH,CAAC,CACE;SACP,CAAC;QAEF,QACE,EAAC,IAAI,IACH,KAAK,EACH;gBACE,iCAAiC,EAAE,MAAM,CAAC,MAAM,CAAC;gBACjD,iCAAiC,EAAE,MAAM,CAAC,MAAM,CAAC;aAC3C,IAGV,WAAK,KAAK,EAAC,sBAAsB,IAC9B,CAAC,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,QAAQ,MAC7B,WAAK,KAAK,EAAC,6BAA6B,IACtC,UAAI,KAAK,EAAC,mBAAmB,IAC1B,IAAI,CAAC,OAAO,EACZ,IAAI,CAAC,QAAQ,IAAI,YAAM,KAAK,EAAC,gCAAgC,IAAE,IAAI,CAAC,QAAQ,CAAQ,CAClF,CACD,CACP,EACD,WAAK,KAAK,EAAC,4BAA4B,IACrC,eAAQ,EACP,kBAAkB;aAChB,oBAAoB,IACnB,WAAK,KAAK,EAAC,iCAAiC,IAAE,kBAAkB,CAAO,KAEvE,kBAAkB,CACnB,CAAC,CACA,EACN,WAAK,KAAK,EAAC,4BAA4B,IACrC,YAAM,IAAI,EAAC,SAAS,GAAG,CACnB,CACF,CACD,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/contact-card.scss?tag=utrecht-contact-card&encapsulation=shadow","src/components/contact-card.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2026 Frameless B.V.\n * Copyright (c) 2021-2026 Gemeente Utrecht\n */\n\n@use \"~@utrecht/contact-card-css/src/mixin\" as *;\n@use \"~@utrecht/grid-css/src/mixin\" as *;\n\n:host {\n display: block;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n\n.utrecht-contact-card {\n @include utrecht-contact-card;\n @include utrecht-contact-card--media-query-forced-colors;\n}\n\n.utrecht-contact-card__title {\n @include utrecht-contact-card__title;\n}\n\n.utrecht-contact-card__grid {\n @include utrecht-contact-card__grid;\n @include utrecht-grid-container;\n\n margin-block: calc(-1 * var(--utrecht-contact-card-grid-spacing, var(--utrecht-grid-spacing-md, 16px)));\n margin-inline: calc(-1 * var(--utrecht-contact-card-grid-spacing, var(--utrecht-grid-spacing-md, 16px)));\n}\n\nslot {\n display: contents;\n}\n\n.utrecht-contact-card__grid-cell {\n @include utrecht-contact-card__grid-cell;\n @include utrecht-grid-cell;\n\n --_utrecht-columns: 12;\n\n padding-block: var(--utrecht-contact-card-grid-spacing, var(--utrecht-grid-spacing-md, 16px));\n padding-inline: var(--utrecht-contact-card-grid-spacing, var(--utrecht-grid-spacing-md, 16px));\n}\n\n@media screen and (width >= 600px) {\n .utrecht-contact-card__grid-cell {\n --_utrecht-columns: var(--_utrecht-contact-card-sm-cols, 12);\n }\n}\n\n@media screen and (width >= 960px) {\n .utrecht-contact-card__grid-cell {\n --_utrecht-columns: var(--_utrecht-contact-card-md-cols, 12);\n }\n}\n\n.utrecht-contact-card__grid-cell--tel {\n @include utrecht-contact-card__grid-cell--tel;\n}\n\n.utrecht-contact-card__subtitle {\n @include utrecht-contact-card__subtitle;\n}\n\n.utrecht-contact-card__socials-links {\n @include utrecht-contact-card__socials-links;\n}\n\n.utrecht-contact-card__social-link {\n @include utrecht-contact-card__social-link;\n}\n\n::slotted(.utrecht-contact-card__grid-cell) {\n @include utrecht-grid-cell;\n\n --_utrecht-columns: 12;\n\n padding-block: var(--utrecht-contact-card-grid-spacing, var(--utrecht-grid-spacing-md, 16px));\n padding-inline: var(--utrecht-contact-card-grid-spacing, var(--utrecht-grid-spacing-md, 16px));\n}\n\n@media screen and (width >= 600px) {\n ::slotted(.utrecht-contact-card__grid-cell) {\n --_utrecht-columns: var(--_utrecht-contact-card-sm-cols, 12);\n }\n}\n\n@media screen and (width >= 960px) {\n ::slotted(.utrecht-contact-card__grid-cell) {\n --_utrecht-columns: var(--_utrecht-contact-card-md-cols, 12);\n }\n}\n\n::slotted(.utrecht-contact-card__grid-cell--tel) {\n --utrecht-link-font-size: var(--utrecht-contact-card-tel-font-size, inherit);\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n tag: 'utrecht-contact-card',\n styleUrl: 'contact-card.scss',\n shadow: true,\n})\nexport class ContactCard {\n @Prop() heading!: string;\n @Prop() subtitle?: string;\n @Prop() socialLinks?: string;\n @Prop() socialLinksHeading?: string;\n @Prop() sectionCount?: number;\n\n render() {\n const socialLinks: { icon: string; href: string; label?: string }[] = this.socialLinks\n ? JSON.parse(this.socialLinks)\n : [];\n const sectionCount = this.sectionCount ?? 0;\n const hasSocialLinksColumn = socialLinks.length > 0 && sectionCount <= 1;\n const effectiveCount = hasSocialLinksColumn ? sectionCount + 1 : sectionCount;\n const mdCols = effectiveCount <= 1 ? 12 : effectiveCount === 2 ? 6 : 4;\n const smCols = effectiveCount >= 3 ? 6 : mdCols;\n\n const socialLinksContent = socialLinks.length > 0 && [\n this.socialLinksHeading && (\n <h3 key=\"heading\" class=\"utrecht-heading-3\">\n {this.socialLinksHeading}\n </h3>\n ),\n <div key=\"links\" class=\"utrecht-contact-card__socials-links\">\n {socialLinks.map(({ icon, href, label }) => {\n const IconTag = `utrecht-icon-${icon}`;\n return (\n <a key={href} href={href} aria-label={label} class=\"utrecht-contact-card__social-link\">\n <IconTag />\n </a>\n );\n })}\n </div>,\n ];\n\n return (\n <Host\n style={\n {\n '--_utrecht-contact-card-sm-cols': String(smCols),\n '--_utrecht-contact-card-md-cols': String(mdCols),\n } as any\n }\n >\n <div class=\"utrecht-contact-card\">\n {(this.heading || this.subtitle) && (\n <div class=\"utrecht-contact-card__title\">\n <h2 class=\"utrecht-heading-2\">\n {this.heading}\n {this.subtitle && <span class=\"utrecht-contact-card__subtitle\">{this.subtitle}</span>}\n </h2>\n </div>\n )}\n <div class=\"utrecht-contact-card__grid\">\n <slot />\n {socialLinksContent &&\n (hasSocialLinksColumn ? (\n <div class=\"utrecht-contact-card__grid-cell\">{socialLinksContent}</div>\n ) : (\n socialLinksContent\n ))}\n </div>\n <div class=\"utrecht-contact-card__body\">\n <slot name=\"content\" />\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}