npm - @utrecht/web-component-library-stencil - Versions diffs - 4.0.0 → 4.1.0 - Mend

@utrecht/web-component-library-stencil 4.0.0 → 4.1.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 (504) hide show

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

@@ -1,10 +1,10 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { c as clsx } from './clsx.js';
+import { p as proxyCustomElement, H, h } from './p-2f0ff193.js';
+import { c as clsx } from './p-e91d8a25.js';
 const linkButtonCss = ".utrecht-link-button{--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-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-icon-size:var(--utrecht-button-icon-size, 1em);align-items:center;border-radius:var(--utrecht-button-border-radius, 0);cursor:pointer;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));font-weight:var(--utrecht-button-font-weight);gap:var(--utrecht-button-icon-gap);inline-size:var(--utrecht-button-inline-size, auto);justify-content:center;line-height:inherit;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);text-transform:var(--utrecht-button-text-transform);-webkit-user-select:none;user-select:none}.utrecht-link-button--hover,.utrecht-link-button--html-button:not(:disabled):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-button--disabled{--_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-button--focus,.utrecht-link-button--html-button:not(:disabled):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-button--focus-visible,.utrecht-link-button--html-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-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-button--active,.utrecht-link-button--html-button:not(:disabled):active{--_utrecht-link-forced-colors-color:activetext;--_utrecht-link-state-color:var(--utrecht-link-active-color)}.utrecht-link-button--inline{--utrecht-icon-inset-block-start:var(--utrecht-icon-baseline-inset-block-start);min-block-size:auto;min-inline-size:auto;padding-block-end:0;padding-block-start:0;padding-inline-end:0;padding-inline-start:0}.utrecht-link-button--pressed{--_utrecht-link-forced-colors-color:activetext;--_utrecht-link-state-color:var(--utrecht-link-active-color)}.utrecht-link-button--html-button{background-color:transparent;border-width:0}:host{display:inline-flex}:host([hidden]){display:none !important}";
 const UtrechtLinkButtonStyle0 = linkButtonCss;
-const LinkButton = /*@__PURE__*/ proxyCustomElement(class LinkButton extends HTMLElement {
+const LinkButton = /*@__PURE__*/ proxyCustomElement(class LinkButton extends H {
     constructor() {
         super();
         this.__registerHost();

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

@@ -1,9 +1,9 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { p as proxyCustomElement, H, h } from './p-2f0ff193.js';
 const linkCss = ".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:inline}:host([hidden]){display:none !important}";
 const UtrechtLinkStyle0 = linkCss;
-const Link = /*@__PURE__*/ proxyCustomElement(class Link extends HTMLElement {
+const Link = /*@__PURE__*/ proxyCustomElement(class Link extends H {
     constructor() {
         super();
         this.__registerHost();

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

@@ -1,9 +1,9 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { p as proxyCustomElement, H, h } from './p-2f0ff193.js';
 const logoButtonCss = ".utrecht-logo-button{--utrecht-icon-size:var(--utrecht-logo-button-icon, 50px);--utrecht-button-min-block-size:var(--utrecht-logo-button-block-size, 50px);--utrecht-logo-max-block-size:var(--utrecht-logo-button-block-size, 50px);--utrecht-logo-max-inline-size:var(--utrecht-logo-button-block-size, 50px);align-items:flex-start;display:inline-flex;gap:var(--utrecht-space-inline-sm)}:host{display:block}:host([hidden]){display:none !important}";
 const UtrechtLogoButtonStyle0 = logoButtonCss;
-const LogoButton = /*@__PURE__*/ proxyCustomElement(class LogoButton extends HTMLElement {
+const LogoButton = /*@__PURE__*/ proxyCustomElement(class LogoButton extends H {
     constructor() {
         super();
         this.__registerHost();

package/dist/components/utrecht-logo-image.js CHANGED Viewed

@@ -1,9 +1,9 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { p as proxyCustomElement, H, h } from './p-2f0ff193.js';
 const logoImageCss = ".utrecht-logo-image__decoration-1{fill:var(--utrecht-logo-decoration-1-color, #fff)}.utrecht-logo-image__decoration-2{fill:var(--utrecht-logo-decoration-2-color, #c00)}.utrecht-logo-image__decoration-3{fill:var(--utrecht-logo-decoration-3-color, #ffb70b)}:host{display:inline}:host([hidden]){display:none !important}";
 const UtrechtLogoImageStyle0 = logoImageCss;
-const LogoImage = /*@__PURE__*/ proxyCustomElement(class LogoImage extends HTMLElement {
+const LogoImage = /*@__PURE__*/ proxyCustomElement(class LogoImage extends H {
     constructor() {
         super();
         this.__registerHost();

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

@@ -1,9 +1,9 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { p as proxyCustomElement, H, h } from './p-2f0ff193.js';
 const logoCss = ":host{margin-block-end:0;margin-block-start:0;margin-inline-end:0;margin-inline-start:0;display:block;max-block-size:var(--utrecht-logo-max-block-size, 192px);max-inline-size:var(--utrecht-logo-max-inline-size, 96px);min-block-size:var(--utrecht-logo-min-block-size);min-inline-size:var(--utrecht-logo-min-inline-size)}:host([hidden]){display:none !important}::slotted(*){block-size:100%;display:inline-block;inline-size:auto}";
 const UtrechtLogoStyle0 = logoCss;
-const Logo = /*@__PURE__*/ proxyCustomElement(class Logo extends HTMLElement {
+const Logo = /*@__PURE__*/ proxyCustomElement(class Logo extends H {
     constructor() {
         super();
         this.__registerHost();

package/dist/components/utrecht-map-marker.js CHANGED Viewed

@@ -1,9 +1,9 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { p as proxyCustomElement, H, h } from './p-2f0ff193.js';
 const mapMarkerCss = ":host{--utrecht-icon-size:var(--utrecht-map-marker-icon-size);align-items:center;background-color:var(--utrecht-map-marker-background-color);block-size:var(--utrecht-map-marker-size);border-color:var(--utrecht-map-marker-border-color);border-radius:50%;border-style:solid;border-width:var(--utrecht-map-marker-border-width);box-shadow:13px 3px 3px -2px var(--utrecht-map-marker-box-shadow-color);color:var(--utrecht-map-marker-color);display:flex;inline-size:var(--utrecht-map-marker-size);justify-content:center}";
 const UtrechtMapMarkerStyle0 = mapMarkerCss;
-const MapMarker = /*@__PURE__*/ proxyCustomElement(class MapMarker extends HTMLElement {
+const MapMarker = /*@__PURE__*/ proxyCustomElement(class MapMarker extends H {
     constructor() {
         super();
         this.__registerHost();

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

@@ -1,9 +1,9 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { p as proxyCustomElement, H, h } from './p-2f0ff193.js';
 const markCss = ".utrecht-mark{background-color:var(--utrecht-mark-background-color, revert);color:var(--utrecht-mark-color, revert)}@media print{.utrecht-mark{outline-color:currentColor;outline-style:dotted;outline-width:0.1em}}@media screen and (-ms-high-contrast: active){.utrecht-mark{background-color:Highlight;color:HighlightText}}.utrecht-mark--print{outline-color:currentColor;outline-style:dotted;outline-width:0.1em}.utrecht-mark--windows-high-contrast{background-color:Highlight;color:HighlightText}:host{display:inline}:host([hidden]){display:none !important}";
 const UtrechtMarkStyle0 = markCss;
-const Mark = /*@__PURE__*/ proxyCustomElement(class Mark extends HTMLElement {
+const Mark = /*@__PURE__*/ proxyCustomElement(class Mark extends H {
     constructor() {
         super();
         this.__registerHost();

package/dist/components/utrecht-multiline-data.js CHANGED Viewed

@@ -1,9 +1,9 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { p as proxyCustomElement, H, h } from './p-2f0ff193.js';
 const multilineDataCss = ":host{white-space:pre-line;white-space-collapse:preserve-breaks}:host([hidden]){display:none !important}";
 const UtrechtMultilineDataStyle0 = multilineDataCss;
-const MultilineData = /*@__PURE__*/ proxyCustomElement(class MultilineData extends HTMLElement {
+const MultilineData = /*@__PURE__*/ proxyCustomElement(class MultilineData extends H {
     constructor() {
         super();
         this.__registerHost();

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

@@ -1,9 +1,9 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { p as proxyCustomElement, H, h } from './p-2f0ff193.js';
 const navBarCss = ":host{background-color:var(--utrecht-nav-bar-background-color);color:var(--utrecht-nav-bar-color);display:grid;inline-size:100%}div{align-items:stretch;background-color:var(--utrecht-nav-bar-content-background-color);color:var(--utrecht-nav-bar-content-color);display:flex;flex-direction:row;flex-wrap:wrap;inline-size:100%;justify-content:space-between;justify-self:center;max-inline-size:var(--utrecht-nav-bar-content-max-inline-size)}:host([hidden]){display:none !important}";
 const UtrechtNavBarStyle0 = navBarCss;
-const NavBar = /*@__PURE__*/ proxyCustomElement(class NavBar extends HTMLElement {
+const NavBar = /*@__PURE__*/ proxyCustomElement(class NavBar extends H {
     constructor() {
         super();
         this.__registerHost();

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

@@ -1,9 +1,9 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { p as proxyCustomElement, H, h } from './p-2f0ff193.js';
 const numberBadgeCss = ".utrecht-number-badge{background-color:var(--utrecht-number-badge-background-color, var(--utrecht-badge-background-color, hsl(0, 0%, 0%)));border-color:var(--utrecht-number-badge-border-color, var(--utrecht-badge-border-color));border-radius:var(--utrecht-number-badge-border-radius, var(--utrecht-badge-border-radius, 0.5ch));border-style:solid;border-width:max(var(--utrecht-number-badge-border-width, var(--utrecht-badge-border-width, 0)), var(--_utrecht-number-badge-min-border-width, 0));color:var(--utrecht-number-badge-color, var(--utrecht-badge-color, hsl(0, 0%, 100%)));display:inline-block;font-family:var(--utrecht-number-badge-font-family, var(--utrecht-badge-font-family, var(--utrecht-document-font-family, sans-serif)));font-size:var(--utrecht-number-badge-font-size, var(--utrecht-badge-font-size));font-style:var(--utrecht-number-badge-font-style, normal);font-weight:var(--utrecht-number-badge-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-number-badge-min-block-size, var(--utrecht-number-badge-min-inline-size, var(--utrecht-number-badge-min-size, 1em)));min-inline-size:var(--utrecht-number-badge-min-inline-size, var(--utrecht-number-badge-min-size, 1em));padding-block-end:var(--utrecht-number-badge-padding-block, var(--utrecht-badge-padding-block, 0.5ex));padding-block-start:var(--utrecht-number-badge-padding-block, var(--utrecht-badge-padding-block, 0.5ex));padding-inline-end:var(--utrecht-number-badge-padding-inline, var(--utrecht-badge-padding-inline, 0.5ch));padding-inline-start:var(--utrecht-number-badge-padding-inline, var(--utrecht-badge-padding-inline, 0.5ch));text-align:center;text-decoration:none;white-space:nowrap}@media screen and (forced-colors: active){.utrecht-number-badge{--_utrecht-number-badge-min-border-width:1px;border-color:currentColor}}:host{display:inline-block}:host([hidden]){display:none !important}";
 const UtrechtNumberBadgeStyle0 = numberBadgeCss;
-const NumberBadge = /*@__PURE__*/ proxyCustomElement(class NumberBadge extends HTMLElement {
+const NumberBadge = /*@__PURE__*/ proxyCustomElement(class NumberBadge extends H {
     constructor() {
         super();
         this.__registerHost();

package/dist/components/utrecht-number-data.js CHANGED Viewed

@@ -1,9 +1,9 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { p as proxyCustomElement, H, h } from './p-2f0ff193.js';
 const numberDataCss = ":host{display:inline;font-variant-numeric:lining-nums tabular-nums}:host([hidden]){display:none !important}";
 const UtrechtNumberDataStyle0 = numberDataCss;
-const NumberData = /*@__PURE__*/ proxyCustomElement(class NumberData extends HTMLElement {
+const NumberData = /*@__PURE__*/ proxyCustomElement(class NumberData extends H {
     constructor() {
         super();
         this.__registerHost();

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

@@ -1,9 +1,9 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { p as proxyCustomElement, H, h } from './p-2f0ff193.js';
 const pageBodyCss = ":host{background-color:var(--utrecht-page-body-background-color);box-sizing:border-box;color:var(--utrecht-page-body-color);display:grid;flex-grow:1;inline-size:100%}div{background-color:var(--utrecht-page-body-content-background-color);box-sizing:border-box;color:var(--utrecht-page-body-content-color);inline-size:100%;justify-self:center;max-inline-size:var(--utrecht-page-body-content-max-inline-size);padding-block-end:var(--utrecht-page-body-content-padding-block-end);padding-block-start:var(--utrecht-page-body-content-padding-block-start);padding-inline-end:var(--utrecht-page-body-content-padding-inline-end);padding-inline-start:var(--utrecht-page-body-content-padding-inline-start)}:host([hidden]){display:none !important}";
 const UtrechtPageBodyStyle0 = pageBodyCss;
-const PageBody = /*@__PURE__*/ proxyCustomElement(class PageBody extends HTMLElement {
+const PageBody = /*@__PURE__*/ proxyCustomElement(class PageBody extends H {
     constructor() {
         super();
         this.__registerHost();

package/dist/components/utrecht-page-content.js CHANGED Viewed

@@ -1,9 +1,9 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { p as proxyCustomElement, H, h } from './p-2f0ff193.js';
 const pageContentCss = ":host{padding-block-end:var(--utrecht-page-content-padding-block-end);padding-block-start:var(--utrecht-page-content-padding-block-start);padding-inline-end:var(--utrecht-page-padding-inline-end);padding-inline-start:var(--utrecht-page-padding-inline-start)}:host([hidden]){display:none !important}";
 const UtrechtPageContentStyle0 = pageContentCss;
-const PageContent = /*@__PURE__*/ proxyCustomElement(class PageContent extends HTMLElement {
+const PageContent = /*@__PURE__*/ proxyCustomElement(class PageContent extends H {
     constructor() {
         super();
         this.__registerHost();

package/dist/components/utrecht-page-footer.js CHANGED Viewed

@@ -1,9 +1,9 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { p as proxyCustomElement, H, h } from './p-2f0ff193.js';
 const pageFooterCss = ":host{--utrecht-document-color:currentColor;--utrecht-heading-color:currentColor;--utrecht-link-color:currentColor;--utrecht-link-focus-color:currentColor;--utrecht-link-hover-color:currentColor;--utrecht-link-active-color:currentColor;--utrecht-link-visited-color:currentColor;background-color:var(--utrecht-page-footer-background-color);background-image:var(--utrecht-page-footer-background-image);box-sizing:border-box;color:var(--utrecht-page-footer-color);display:grid;font-family:var(--utrecht-document-font-family);font-size:var(--utrecht-document-font-size);inline-size:100%;padding-block-end:var(--utrecht-page-footer-padding-block-end);padding-block-start:var(--utrecht-page-footer-padding-block-start);padding-inline-end:var(--utrecht-page-footer-padding-inline-end);padding-inline-start:var(--utrecht-page-footer-padding-inline-start)}footer{background-color:var(--utrecht-page-footer-content-background-color);box-sizing:border-box;color:var(--utrecht-page-footer-content-color);inline-size:100%;justify-self:center;max-inline-size:var(--utrecht-page-footer-content-max-inline-size);padding-block-end:var(--utrecht-page-footer-content-padding-block-end);padding-block-start:var(--utrecht-page-footer-content-padding-block-start);padding-inline:var(--utrecht-page-footer-content-padding-inline)}:host([hidden]){display:none !important}";
 const UtrechtPageFooterStyle0 = pageFooterCss;
-const PageFooter = /*@__PURE__*/ proxyCustomElement(class PageFooter extends HTMLElement {
+const PageFooter = /*@__PURE__*/ proxyCustomElement(class PageFooter extends H {
     constructor() {
         super();
         this.__registerHost();

package/dist/components/utrecht-page-header.js CHANGED Viewed

@@ -1,9 +1,9 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { p as proxyCustomElement, H, h } from './p-2f0ff193.js';
 const pageHeaderCss = ":host{background-color:var(--utrecht-page-header-background-color);border-block-end-color:var(--utrecht-page-header-border-block-end-color, currentColor);border-block-end-style:solid;border-block-end-width:var(--utrecht-page-header-border-block-end-width, 0);box-sizing:border-box;color:var(--utrecht-page-header-color);display:grid;grid-area:\"utrecht-header\";inline-size:100%;padding-block-end:var(--utrecht-page-header-padding-block-end);padding-block-start:var(--utrecht-page-header-padding-block-start);padding-inline-end:var(--utrecht-page-padding-inline-end);padding-inline-start:var(--utrecht-page-padding-inline-start)}header{background-color:var(--utrecht-page-header-content-background-color);box-sizing:border-box;color:var(--utrecht-page-header-content-color);inline-size:100%;justify-self:center;max-inline-size:var(--utrecht-page-header-content-max-inline-size);padding-block-end:var(--utrecht-page-header-content-padding-block-end);padding-block-start:var(--utrecht-page-header-content-padding-block-start);padding-inline:var(--utrecht-page-header-content-padding-inline)}:host([hidden]){display:none !important}";
 const UtrechtPageHeaderStyle0 = pageHeaderCss;
-const PageHeader = /*@__PURE__*/ proxyCustomElement(class PageHeader extends HTMLElement {
+const PageHeader = /*@__PURE__*/ proxyCustomElement(class PageHeader extends H {
     constructor() {
         super();
         this.__registerHost();

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

@@ -1,9 +1,9 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { p as proxyCustomElement, H, h } from './p-2f0ff193.js';
 const pageLayoutCss = ":host{align-items:flex-start;block-size:100%;display:flex;flex-direction:column;inline-size:100%;justify-content:flex-start}:host([hidden]){display:none !important}";
 const UtrechtPageLayoutStyle0 = pageLayoutCss;
-const PageLayout = /*@__PURE__*/ proxyCustomElement(class PageLayout extends HTMLElement {
+const PageLayout = /*@__PURE__*/ proxyCustomElement(class PageLayout extends H {
     constructor() {
         super();
         this.__registerHost();

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

@@ -1,9 +1,9 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { p as proxyCustomElement, H, h } from './p-2f0ff193.js';
 const pageCss = ".utrecht-page{margin-inline-end:auto;margin-inline-start:auto;max-inline-size:calc(var(--utrecht-page-max-inline-size) - var(--utrecht-page-margin-inline-start, 0px) - var(--utrecht-page-margin-inline-end, 0px));padding-inline-end:var(--utrecht-page-margin-inline-end);padding-inline-start:var(--utrecht-page-margin-inline-start)}.utrecht-page__content{background-color:var(--utrecht-page-background-color);color:var(--utrecht-page-color);max-inline-size:var(--utrecht-page-max-inline-size)}:host{display:block}:host([hidden]){display:none !important}";
 const UtrechtPageStyle0 = pageCss;
-const Page = /*@__PURE__*/ proxyCustomElement(class Page extends HTMLElement {
+const Page = /*@__PURE__*/ proxyCustomElement(class Page extends H {
     constructor() {
         super();
         this.__registerHost();

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

@@ -1,10 +1,10 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { c as clsx } from './clsx.js';
+import { p as proxyCustomElement, H, h } from './p-2f0ff193.js';
+import { c as clsx } from './p-e91d8a25.js';
 const paginationCss = ".utrecht-pagination{font-family:var(--utrecht-pagination-font-family, var(--utrecht-document-font-family));font-size:var(--utrecht-pagination-font-size, var(--utrecht-document-font-family));line-height:var(--utrecht-pagination-line-height, var(--utrecht-document-line-height));margin-block-end:calc(var(--utrecht-space-around, 0) * var(--utrecht-pagination-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-pagination-margin-block-start, 0))}.utrecht-pagination--distanced{--utrecht-space-around:1}.utrecht-pagination__relative-link{background-color:var(--utrecht-pagination-relative-link-background-color);border-color:var(--utrecht-pagination-relative-link-border-color);border-radius:var(--utrecht-pagination-relative-link-border-radius);border-style:solid;border-width:var(--utrecht-pagination-relative-link-border-width, 0);color:var(--utrecht-pagination-relative-link-color);display:inline-block;font-weight:var(--utrecht-pagination-relative-link-font-weight);padding-block-end:var(--utrecht-pagination-relative-link-padding-block-end);padding-block-start:var(--utrecht-pagination-relative-link-padding-block-start);padding-inline-end:var(--utrecht-pagination-relative-link-padding-inline-end);padding-inline-start:var(--utrecht-pagination-relative-link-padding-inline-start);text-decoration:var(--utrecht-pagination-relative-link-text-decoration);text-transform:var(--utrecht-pagination-relative-link-text-transform)}.utrecht-pagination__relative-link--next{margin-inline-start:var(--utrecht-pagination-relative-link-distanced-margin-inline-start)}.utrecht-pagination__relative-link--prev{margin-inline-end:var(--utrecht-pagination-relative-link-distanced-margin-inline-end)}.utrecht-pagination__relative-link--disabled{background-color:var(--utrecht-pagination-relative-link-disabled-background-color, var(--utrecht-pagination-relative-link-background-color));color:var(--utrecht-pagination-relative-link-disabled-color, var(--utrecht-pagination-relative-link-color));text-decoration:var(--utrecht-pagination-relative-link-disabled-text-decoration, var(--utrecht-pagination-relative-link-text-decoration))}.utrecht-pagination__relative-link--hover,.utrecht-pagination__relative-link:hover{background-color:var(--utrecht-pagination-relative-link-hover-background-color, var(--utrecht-pagination-relative-link-background-color));border-color:var(--utrecht-pagination-relative-link-hover-border-color, var(--utrecht-pagination-relative-link-border-color));color:var(--utrecht-pagination-relative-link-hover-color, var(--utrecht-pagination-relative-link-color))}.utrecht-pagination__page-link{background-color:var(--utrecht-pagination-page-link-background-color);border-color:var(--utrecht-pagination-page-link-border-color, 0);border-radius:var(--utrecht-pagination-page-link-border-radius);border-style:solid;border-width:var(--utrecht-pagination-page-link-border-width);color:var(--utrecht-pagination-page-link-color);display:inline-block;font-weight:var(--utrecht-pagination-page-link-font-weight);padding-block-end:var(--utrecht-pagination-page-link-padding-block-end);padding-block-start:var(--utrecht-pagination-page-link-padding-block-start);padding-inline-end:var(--utrecht-pagination-page-link-padding-inline-end);padding-inline-start:var(--utrecht-pagination-page-link-padding-inline-start);text-decoration:var(--utrecht-pagination-page-link-text-decoration)}.utrecht-pagination__page-link--current{--utrecht-pagination-page-link-background-color:var(--utrecht-pagination-page-link-current-background-color);--utrecht-pagination-page-link-border-color:var(--utrecht-pagination-page-link-current-border-color);--utrecht-pagination-page-link-color:var(--utrecht-pagination-page-link-current-color);--utrecht-pagination-page-link-text-decoration:var(--utrecht-pagination-page-link-current-text-decoration)}.utrecht-pagination__page-link~.utrecht-pagination__page-link{margin-inline-start:var(--utrecht-pagination-page-link-distanced-margin-inline-start)}.utrecht-pagination__page-link--hover,.utrecht-pagination__page-link:any-link:hover{background-color:var(--utrecht-pagination-page-link-hover-background-color, var(--utrecht-pagination-page-link-background-color));border-color:var(--utrecht-pagination-page-link-hover-border-color, var(--utrecht-pagination-page-link-border-color));color:var(--utrecht-pagination-page-link-hover-color, var(--utrecht-pagination-page-link-color))}.utrecht-pagination__page-link:any-link:focus,.utrecht-pagination__relative-link:any-link:focus{background-color:var(--utrecht-pagination-relative-link-focus-background-color, transparent);color:var(--utrecht-pagination-relative-link-focus-color)}.utrecht-pagination__page-link:any-link:focus-visible,.utrecht-pagination__relative-link:any-link:focus-visible{background-color:var(--utrecht-pagination-relative-link-focus-visible-background-color, transparent);color:var(--utrecht-pagination-relative-link-focus-visible-color);--_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}";
 const UtrechtPaginationStyle0 = paginationCss;
-const Pagination = /*@__PURE__*/ proxyCustomElement(class Pagination extends HTMLElement {
+const Pagination = /*@__PURE__*/ proxyCustomElement(class Pagination extends H {
     constructor() {
         super();
         this.__registerHost();

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

@@ -1,4 +1,4 @@
-import { P as Paragraph, d as defineCustomElement$1 } from './paragraph.js';
+import { P as Paragraph, d as defineCustomElement$1 } from './p-074337c4.js';
 const UtrechtParagraph = Paragraph;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/utrecht-pre-heading.js CHANGED Viewed

@@ -1,9 +1,9 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { p as proxyCustomElement, H, h } from './p-2f0ff193.js';
 const preHeadingCss = ":host{display:contents}p{color:var(--utrecht-pre-heading-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));font-family:var(--utrecht-pre-heading-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));font-size:var(--utrecht-pre-heading-font-size);font-weight:var(--utrecht-pre-heading-font-weight, var(--utrecht-heading-font-weight, bold));line-height:var(--utrecht-pre-heading-line-height);margin-block-end:calc(var(--utrecht-space-around, 0) * var(--utrecht-pre-heading-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-pre-heading-margin-block-start, 0));order:var(--utrecht-pre-heading-order, 0)}:host([hidden]){display:none !important}";
 const UtrechtPreHeadingStyle0 = preHeadingCss;
-const PreHeading = /*@__PURE__*/ proxyCustomElement(class PreHeading extends HTMLElement {
+const PreHeading = /*@__PURE__*/ proxyCustomElement(class PreHeading extends H {
     constructor() {
         super();
         this.__registerHost();

package/dist/components/utrecht-preserve-data.js CHANGED Viewed

@@ -1,9 +1,9 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { p as proxyCustomElement, H, h, d as Host } from './p-2f0ff193.js';
 const preserveDataCss = ":host{display:inline;unicode-bidi:isolate;white-space-collapse:preserve-spaces}:host([hidden]){display:none !important}";
 const UtrechtPreserveDataStyle0 = preserveDataCss;
-const PreserveData = /*@__PURE__*/ proxyCustomElement(class PreserveData extends HTMLElement {
+const PreserveData = /*@__PURE__*/ proxyCustomElement(class PreserveData extends H {
     constructor() {
         super();
         this.__registerHost();

package/dist/components/utrecht-progress-list-item.js CHANGED Viewed

@@ -1,11 +1,11 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { c as clsx } from './clsx.js';
-import { d as defineCustomElement$2 } from './button.js';
+import { p as proxyCustomElement, H, h } from './p-2f0ff193.js';
+import { c as clsx } from './p-e91d8a25.js';
+import { d as defineCustomElement$2 } from './p-50d20687.js';
 const progressListCss = ".denhaag-process-steps__step{position:relative;padding-block-end:var(--denhaag-process-steps-step-padding-block-end);padding-block-start:var(--denhaag-process-steps-step-padding-block-start)}.denhaag-process-steps__step+.denhaag-process-steps__step{margin-block-start:var(--denhaag-process-steps-step-distance)}.denhaag-process-steps{--denhaag-process-steps-step-distance:40px;--denhaag-process-steps-sub-step-distance:24px;font-family:var(--denhaag-process-steps-font-family);font-size:var(--denhaag-process-steps-font-size);line-height:var(--denhaag-process-steps-line-height);list-style:none;margin-block-start:0;margin-block-end:0;padding-inline-start:0;position:relative}.denhaag-process-steps__step-header{display:flex;align-items:var(--denhaag-process-steps-step-header-align-items);gap:16px}.denhaag-process-steps__step-header-toggle{--utrecht-button-subtle-font-size:inherit;--utrecht-button-subtle-background-color:transparent;--utrecht-button-subtle-color:auto;--utrecht-button-padding-block-end:0;--utrecht-button-padding-block-start:0;--utrecht-button-padding-inline-end:0;--utrecht-button-padding-inline-start:0;--utrecht-button-icon-gap:4px;border:0;background-color:inherit;appearance:none;padding-block-end:0;padding-block-start:0;padding-inline-end:0;padding-inline-start:0;margin-block-end:0;margin-block-start:0;margin-inline-end:0;margin-inline-start:0;display:flex;align-items:center;gap:0}.denhaag-process-steps__step-heading{display:flex;align-items:center;color:var(--denhaag-process-steps-step-heading-color);font-family:var(--denhaag-process-steps-step-heading-font-family);font-size:var(--denhaag-process-steps-step-heading-font-size);font-weight:var(--denhaag-process-steps-step-heading-font-weight);line-height:var(--denhaag-process-steps-step-heading-line-height);text-align:start;overflow-wrap:var(--denhaag-process-steps-step-heading-overflow-wrap, anywhere);margin-block-start:0;margin-block-end:0}.denhaag-process-steps__step-heading--not-checked{color:var(--denhaag-process-steps-step-heading-not-checked-color)}.denhaag-process-steps__step-heading--checked{color:var(--denhaag-process-steps-step-heading-checked-color);font-size:var(--denhaag-process-steps-step-heading-checked-font-size, var(--denhaag-process-steps-step-heading-font-size));font-weight:var(--denhaag-process-steps-step-heading-checked-font-weight, var(--denhaag-process-steps-step-heading-font-weight))}.denhaag-process-steps__step-heading--current{color:var(--denhaag-process-steps-step-heading-current-color);font-size:var(--denhaag-process-steps-step-heading-current-font-size, var(--denhaag-process-steps-step-heading-font-size));font-weight:var(--denhaag-process-steps-step-heading-current-font-weight, var(--denhaag-process-steps-step-heading-font-weight))}.denhaag-process-steps__step-heading--warning{color:var(--denhaag-process-steps-step-heading-warning-color)}.denhaag-process-steps__step-heading--error{color:var(--denhaag-process-steps-step-heading-error-color)}.denhaag-process-steps__step-details{display:block}.denhaag-process-steps__step-details--hidden{display:none}.denhaag-process-steps__step-body{position:relative}.denhaag-process-steps__step-meta{position:relative;margin-inline-start:calc(var(--denhaag-step-marker-size) + 16px);font-size:var(--denhaag-process-steps-step-meta-font-size);color:var(--denhaag-process-steps-step-meta-color)}.denhaag-process-steps__step-meta--date{font-size:var(--denhaag-process-steps-step-meta-date-font-size, var(--denhaag-process-steps-step-meta-font-size));color:var(--denhaag-process-steps-step-meta-date-color, var(--denhaag-process-steps-step-meta-color))}.denhaag-process-steps__sub-step{position:relative;align-items:baseline;display:flex;flex-direction:row;gap:23px;margin-block-start:var(--denhaag-process-steps-sub-step-distance)}.denhaag-process-steps__sub-step-heading{margin-block-end:0;margin-block-start:0;}.denhaag-step-marker{position:relative;z-index:1;align-items:center;background-color:var(--denhaag-step-marker-background-color);block-size:var(--denhaag-step-marker-size);border-style:solid;border-width:var(--denhaag-step-marker-border-width);border-color:var(--denhaag-step-marker-border-color, transparent);border-radius:var(--denhaag-step-marker-border-radius, 50%);box-sizing:border-box;color:var(--denhaag-step-marker-color);display:flex;flex-grow:0;font-family:var(--denhaag-step-marker-font-family);font-size:var(--denhaag-step-marker-font-size);font-weight:var(--denhaag-step-marker-font-weight);inline-size:var(--denhaag-step-marker-size);justify-content:center;margin-block-end:var(--denhaag-step-marker-margin);margin-block-start:var(--denhaag-step-marker-margin);padding-inline-end:0;min-inline-size:var(--denhaag-step-marker-min-size, var(--denhaag-step-marker-size));min-block-size:var(--denhaag-step-marker-min-size, var(--denhaag-step-marker-size))}.denhaag-step-marker .denhaag-icon{block-size:var(--denhaag-step-marker-icon-size);inline-size:var(--denhaag-step-marker-icon-size)}.denhaag-step-marker--nested{block-size:var(--denhaag-step-marker-nested-size);min-block-size:var(--denhaag-step-marker-nested-min-size, var(--denhaag-step-marker-nested-size));min-inline-size:var(--denhaag-step-marker-nested-min-size, var(--denhaag-step-marker-nested-size));inline-size:var(--denhaag-step-marker-nested-size);border-width:var(--denhaag-step-marker-nested-border-width, var(--denhaag-step-marker-border-width));margin-inline-start:calc((var(--denhaag-step-marker-size) - var(--denhaag-step-marker-nested-size)) / 2)}.denhaag-step-marker--nested .denhaag-icon{block-size:var(--denhaag-step-marker-nested-icon-size);inline-size:var(--denhaag-step-marker-nested-icon-size)}.denhaag-step-marker--not-checked{background-color:var(--denhaag-step-marker-not-checked-background-color);border-color:var(--denhaag-step-marker-not-checked-border-color);color:var(--denhaag-step-marker-not-checked-color)}.denhaag-step-marker--not-checked.denhaag-step-marker--nested{background-color:var(--denhaag-step-marker-not-checked-nested-background-color, var(--denhaag-step-marker-not-checked-background-color));border-color:var(--denhaag-step-marker-not-checked-nested-border-color, var(--denhaag-step-marker-not-checked-border-color));color:var(--denhaag-step-marker-not-checked-nested-color, var(--denhaag-step-marker-not-checked-color))}.denhaag-step-marker--checked{background-color:var(--denhaag-step-marker-checked-background-color);border-color:var(--denhaag-step-marker-checked-border-color);color:var(--denhaag-step-marker-checked-color)}.denhaag-step-marker--checked.denhaag-step-marker--nested{background-color:var(--denhaag-step-marker-checked-nested-background-color, var(--denhaag-step-marker-checked-background-color));border-color:var(--denhaag-step-marker-checked-nested-border-color, var(--denhaag-step-marker-checked-border-color));color:var(--denhaag-step-marker-checked-nested-color, var(--denhaag-step-marker-checked-color))}.denhaag-step-marker--current{background-color:var(--denhaag-step-marker-current-background-color);border-color:var(--denhaag-step-marker-current-border-color);color:var(--denhaag-step-marker-current-color)}.denhaag-step-marker--current.denhaag-step-marker--nested{background-color:var(--denhaag-step-marker-current-nested-background-color, var(--denhaag-step-marker-current-background-color));border-color:var(--denhaag-step-marker-current-nested-border-color, var(--denhaag-step-marker-current-border-color));color:var(--denhaag-step-marker-current-nested-color, var(--denhaag-step-marker-current-color))}.denhaag-step-marker--disabled{background-color:var(--denhaag-step-marker-disabled-background-color);border-color:var(--denhaag-step-marker-disabled-border-color);color:var(--denhaag-step-marker-disabled-color)}.denhaag-step-marker--disabled.denhaag-step-marker--nested{background-color:var(--denhaag-step-marker-disabled-nested-background-color, var(--denhaag-step-marker-disabled-background-color));border-color:var(--denhaag-step-marker-disabled-nested-border-color, var(--denhaag-step-marker-disabled-border-color));color:var(--denhaag-step-marker-disabled-nested-color, var(--denhaag-step-marker-disabled-color))}.denhaag-step-marker--warning{background-color:var(--denhaag-step-marker-warning-background-color);border-color:var(--denhaag-step-marker-warning-border-color);color:var(--denhaag-step-marker-warning-color)}.denhaag-step-marker--warning.denhaag-step-marker--nested{background-color:var(--denhaag-step-marker-warning-nested-background-color, var(--denhaag-step-marker-warning-background-color));border-color:var(--denhaag-step-marker-warning-nested-border-color, var(--denhaag-step-marker-warning-border-color));color:var(--denhaag-step-marker-warning-nested-color, var(--denhaag-step-marker-warning-color))}.denhaag-step-marker--error{background-color:var(--denhaag-step-marker-error-background-color);border-color:var(--denhaag-step-marker-error-border-color);color:var(--denhaag-step-marker-error-color)}.denhaag-step-marker--error.denhaag-step-marker--nested{background-color:var(--denhaag-step-marker-error-nested-background-color, var(--denhaag-step-marker-error-background-color));border-color:var(--denhaag-step-marker-error-nested-border-color, var(--denhaag-step-marker-error-border-color));color:var(--denhaag-step-marker-error-nested-color, var(--denhaag-step-marker-error-color))}.denhaag-step-marker--default{background-color:var(--denhaag-step-marker-default-background-color);border-color:var(--denhaag-step-marker-default-border-color);color:var(--denhaag-step-marker-default-color)}.denhaag-step-marker--default.denhaag-step-marker--nested{background-color:var(--denhaag-step-marker-default-nested-background-color, var(--denhaag-step-marker-default-background-color));border-color:var(--denhaag-step-marker-default-nested-border-color, var(--denhaag-step-marker-default-border-color));color:var(--denhaag-step-marker-default-nested-color, var(--denhaag-step-marker-default-color))}.denhaag-step-marker__connector{position:absolute;left:calc(var(--denhaag-step-marker-size) / 2);top:0;height:100%;outline:var(--denhaag-step-marker-connector-width, 1px) var(--denhaag-step-marker-connector-style, dashed) var(--denhaag-step-marker-connector-color)}.denhaag-step-marker__connector--main-to-main{top:calc(-1 * var(--denhaag-step-marker-size) / 2);padding-block-end:calc(var(--denhaag-process-steps-step-distance) + var(--denhaag-step-marker-size))}.denhaag-step-marker__connector--main-to-nested{top:calc(-1 * var(--denhaag-step-marker-size) / 2);padding-block-end:calc(var(--denhaag-process-steps-step-distance) + var(--denhaag-step-marker-nested-size))}.denhaag-step-marker__connector--nested-to-nested{top:var(--denhaag-step-marker-nested-size);padding-block-end:var(--denhaag-process-steps-sub-step-distance)}.denhaag-step-marker__connector--nested-to-main{top:var(--denhaag-step-marker-nested-size);padding-block-end:var(--denhaag-process-steps-step-distance)}.denhaag-step-marker__connector--not-checked{outline-width:var(--denhaag-step-marker-connector-not-checked-outline-width, var(--denhaag-step-marker-connector-outline-width, 1px));outline-style:var(--denhaag-step-marker-connector-not-checked-outline-style, dashed);outline-color:var(--denhaag-step-marker-connector-not-checked-outline-color, var(--denhaag-step-marker-connector-outline-color))}.denhaag-step-marker__connector--checked,.denhaag-step-marker__connector--current{outline-width:var(--denhaag-step-marker-connector-checked-outline-width, var(--denhaag-step-marker-connector-outline-width, 1px));outline-style:var(--denhaag-step-marker-connector-checked-outline-style, solid);outline-color:var(--denhaag-step-marker-connector-checked-outline-color, var(--denhaag-step-marker-connector-outline-color))}.denhaag-step-marker__connector--warning{outline-width:var(--denhaag-step-marker-connector-warning-outline-width, var(--denhaag-step-marker-connector-outline-width, 1px));outline-style:var(--denhaag-step-marker-connector-warning-outline-style, solid);outline-color:var(--denhaag-step-marker-connector-warning-outline-color, var(--denhaag-step-marker-connector-outline-color))}.denhaag-step-marker__connector--error{outline-width:var(--denhaag-step-marker-connector-error-outline-width, var(--denhaag-step-marker-connector-outline-width, 1px));outline-style:var(--denhaag-step-marker-connector-error-outline-style, solid);outline-color:var(--denhaag-step-marker-connector-error-outline-color, var(--denhaag-step-marker-connector-outline-color))}.denhaag-step-marker__connector--default{outline-width:var(--denhaag-step-marker-connector-default-outline-width, var(--denhaag-step-marker-connector-outline-width, 1px));outline-style:var(--denhaag-step-marker-connector-default-outline-style, solid);outline-color:var(--denhaag-step-marker-connector-default-outline-color, var(--denhaag-step-marker-connector-outline-color))}:host{display:contents}:host([hidden]){display:none !important}";
 const UtrechtProgressListItemStyle0 = progressListCss;
-const StepProgressListItem = /*@__PURE__*/ proxyCustomElement(class StepProgressListItem extends HTMLElement {
+const StepProgressListItem = /*@__PURE__*/ proxyCustomElement(class StepProgressListItem extends H {
     constructor() {
         super();
         this.__registerHost();

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

@@ -1,9 +1,9 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { p as proxyCustomElement, H, h } from './p-2f0ff193.js';
 const progressListCss = ".denhaag-process-steps__step{position:relative;padding-block-end:var(--denhaag-process-steps-step-padding-block-end);padding-block-start:var(--denhaag-process-steps-step-padding-block-start)}.denhaag-process-steps__step+.denhaag-process-steps__step{margin-block-start:var(--denhaag-process-steps-step-distance)}.denhaag-process-steps{--denhaag-process-steps-step-distance:40px;--denhaag-process-steps-sub-step-distance:24px;font-family:var(--denhaag-process-steps-font-family);font-size:var(--denhaag-process-steps-font-size);line-height:var(--denhaag-process-steps-line-height);list-style:none;margin-block-start:0;margin-block-end:0;padding-inline-start:0;position:relative}.denhaag-process-steps__step-header{display:flex;align-items:var(--denhaag-process-steps-step-header-align-items);gap:16px}.denhaag-process-steps__step-header-toggle{--utrecht-button-subtle-font-size:inherit;--utrecht-button-subtle-background-color:transparent;--utrecht-button-subtle-color:auto;--utrecht-button-padding-block-end:0;--utrecht-button-padding-block-start:0;--utrecht-button-padding-inline-end:0;--utrecht-button-padding-inline-start:0;--utrecht-button-icon-gap:4px;border:0;background-color:inherit;appearance:none;padding-block-end:0;padding-block-start:0;padding-inline-end:0;padding-inline-start:0;margin-block-end:0;margin-block-start:0;margin-inline-end:0;margin-inline-start:0;display:flex;align-items:center;gap:0}.denhaag-process-steps__step-heading{display:flex;align-items:center;color:var(--denhaag-process-steps-step-heading-color);font-family:var(--denhaag-process-steps-step-heading-font-family);font-size:var(--denhaag-process-steps-step-heading-font-size);font-weight:var(--denhaag-process-steps-step-heading-font-weight);line-height:var(--denhaag-process-steps-step-heading-line-height);text-align:start;overflow-wrap:var(--denhaag-process-steps-step-heading-overflow-wrap, anywhere);margin-block-start:0;margin-block-end:0}.denhaag-process-steps__step-heading--not-checked{color:var(--denhaag-process-steps-step-heading-not-checked-color)}.denhaag-process-steps__step-heading--checked{color:var(--denhaag-process-steps-step-heading-checked-color);font-size:var(--denhaag-process-steps-step-heading-checked-font-size, var(--denhaag-process-steps-step-heading-font-size));font-weight:var(--denhaag-process-steps-step-heading-checked-font-weight, var(--denhaag-process-steps-step-heading-font-weight))}.denhaag-process-steps__step-heading--current{color:var(--denhaag-process-steps-step-heading-current-color);font-size:var(--denhaag-process-steps-step-heading-current-font-size, var(--denhaag-process-steps-step-heading-font-size));font-weight:var(--denhaag-process-steps-step-heading-current-font-weight, var(--denhaag-process-steps-step-heading-font-weight))}.denhaag-process-steps__step-heading--warning{color:var(--denhaag-process-steps-step-heading-warning-color)}.denhaag-process-steps__step-heading--error{color:var(--denhaag-process-steps-step-heading-error-color)}.denhaag-process-steps__step-details{display:block}.denhaag-process-steps__step-details--hidden{display:none}.denhaag-process-steps__step-body{position:relative}.denhaag-process-steps__step-meta{position:relative;margin-inline-start:calc(var(--denhaag-step-marker-size) + 16px);font-size:var(--denhaag-process-steps-step-meta-font-size);color:var(--denhaag-process-steps-step-meta-color)}.denhaag-process-steps__step-meta--date{font-size:var(--denhaag-process-steps-step-meta-date-font-size, var(--denhaag-process-steps-step-meta-font-size));color:var(--denhaag-process-steps-step-meta-date-color, var(--denhaag-process-steps-step-meta-color))}.denhaag-process-steps__sub-step{position:relative;align-items:baseline;display:flex;flex-direction:row;gap:23px;margin-block-start:var(--denhaag-process-steps-sub-step-distance)}.denhaag-process-steps__sub-step-heading{margin-block-end:0;margin-block-start:0;}.denhaag-step-marker{position:relative;z-index:1;align-items:center;background-color:var(--denhaag-step-marker-background-color);block-size:var(--denhaag-step-marker-size);border-style:solid;border-width:var(--denhaag-step-marker-border-width);border-color:var(--denhaag-step-marker-border-color, transparent);border-radius:var(--denhaag-step-marker-border-radius, 50%);box-sizing:border-box;color:var(--denhaag-step-marker-color);display:flex;flex-grow:0;font-family:var(--denhaag-step-marker-font-family);font-size:var(--denhaag-step-marker-font-size);font-weight:var(--denhaag-step-marker-font-weight);inline-size:var(--denhaag-step-marker-size);justify-content:center;margin-block-end:var(--denhaag-step-marker-margin);margin-block-start:var(--denhaag-step-marker-margin);padding-inline-end:0;min-inline-size:var(--denhaag-step-marker-min-size, var(--denhaag-step-marker-size));min-block-size:var(--denhaag-step-marker-min-size, var(--denhaag-step-marker-size))}.denhaag-step-marker .denhaag-icon{block-size:var(--denhaag-step-marker-icon-size);inline-size:var(--denhaag-step-marker-icon-size)}.denhaag-step-marker--nested{block-size:var(--denhaag-step-marker-nested-size);min-block-size:var(--denhaag-step-marker-nested-min-size, var(--denhaag-step-marker-nested-size));min-inline-size:var(--denhaag-step-marker-nested-min-size, var(--denhaag-step-marker-nested-size));inline-size:var(--denhaag-step-marker-nested-size);border-width:var(--denhaag-step-marker-nested-border-width, var(--denhaag-step-marker-border-width));margin-inline-start:calc((var(--denhaag-step-marker-size) - var(--denhaag-step-marker-nested-size)) / 2)}.denhaag-step-marker--nested .denhaag-icon{block-size:var(--denhaag-step-marker-nested-icon-size);inline-size:var(--denhaag-step-marker-nested-icon-size)}.denhaag-step-marker--not-checked{background-color:var(--denhaag-step-marker-not-checked-background-color);border-color:var(--denhaag-step-marker-not-checked-border-color);color:var(--denhaag-step-marker-not-checked-color)}.denhaag-step-marker--not-checked.denhaag-step-marker--nested{background-color:var(--denhaag-step-marker-not-checked-nested-background-color, var(--denhaag-step-marker-not-checked-background-color));border-color:var(--denhaag-step-marker-not-checked-nested-border-color, var(--denhaag-step-marker-not-checked-border-color));color:var(--denhaag-step-marker-not-checked-nested-color, var(--denhaag-step-marker-not-checked-color))}.denhaag-step-marker--checked{background-color:var(--denhaag-step-marker-checked-background-color);border-color:var(--denhaag-step-marker-checked-border-color);color:var(--denhaag-step-marker-checked-color)}.denhaag-step-marker--checked.denhaag-step-marker--nested{background-color:var(--denhaag-step-marker-checked-nested-background-color, var(--denhaag-step-marker-checked-background-color));border-color:var(--denhaag-step-marker-checked-nested-border-color, var(--denhaag-step-marker-checked-border-color));color:var(--denhaag-step-marker-checked-nested-color, var(--denhaag-step-marker-checked-color))}.denhaag-step-marker--current{background-color:var(--denhaag-step-marker-current-background-color);border-color:var(--denhaag-step-marker-current-border-color);color:var(--denhaag-step-marker-current-color)}.denhaag-step-marker--current.denhaag-step-marker--nested{background-color:var(--denhaag-step-marker-current-nested-background-color, var(--denhaag-step-marker-current-background-color));border-color:var(--denhaag-step-marker-current-nested-border-color, var(--denhaag-step-marker-current-border-color));color:var(--denhaag-step-marker-current-nested-color, var(--denhaag-step-marker-current-color))}.denhaag-step-marker--disabled{background-color:var(--denhaag-step-marker-disabled-background-color);border-color:var(--denhaag-step-marker-disabled-border-color);color:var(--denhaag-step-marker-disabled-color)}.denhaag-step-marker--disabled.denhaag-step-marker--nested{background-color:var(--denhaag-step-marker-disabled-nested-background-color, var(--denhaag-step-marker-disabled-background-color));border-color:var(--denhaag-step-marker-disabled-nested-border-color, var(--denhaag-step-marker-disabled-border-color));color:var(--denhaag-step-marker-disabled-nested-color, var(--denhaag-step-marker-disabled-color))}.denhaag-step-marker--warning{background-color:var(--denhaag-step-marker-warning-background-color);border-color:var(--denhaag-step-marker-warning-border-color);color:var(--denhaag-step-marker-warning-color)}.denhaag-step-marker--warning.denhaag-step-marker--nested{background-color:var(--denhaag-step-marker-warning-nested-background-color, var(--denhaag-step-marker-warning-background-color));border-color:var(--denhaag-step-marker-warning-nested-border-color, var(--denhaag-step-marker-warning-border-color));color:var(--denhaag-step-marker-warning-nested-color, var(--denhaag-step-marker-warning-color))}.denhaag-step-marker--error{background-color:var(--denhaag-step-marker-error-background-color);border-color:var(--denhaag-step-marker-error-border-color);color:var(--denhaag-step-marker-error-color)}.denhaag-step-marker--error.denhaag-step-marker--nested{background-color:var(--denhaag-step-marker-error-nested-background-color, var(--denhaag-step-marker-error-background-color));border-color:var(--denhaag-step-marker-error-nested-border-color, var(--denhaag-step-marker-error-border-color));color:var(--denhaag-step-marker-error-nested-color, var(--denhaag-step-marker-error-color))}.denhaag-step-marker--default{background-color:var(--denhaag-step-marker-default-background-color);border-color:var(--denhaag-step-marker-default-border-color);color:var(--denhaag-step-marker-default-color)}.denhaag-step-marker--default.denhaag-step-marker--nested{background-color:var(--denhaag-step-marker-default-nested-background-color, var(--denhaag-step-marker-default-background-color));border-color:var(--denhaag-step-marker-default-nested-border-color, var(--denhaag-step-marker-default-border-color));color:var(--denhaag-step-marker-default-nested-color, var(--denhaag-step-marker-default-color))}.denhaag-step-marker__connector{position:absolute;left:calc(var(--denhaag-step-marker-size) / 2);top:0;height:100%;outline:var(--denhaag-step-marker-connector-width, 1px) var(--denhaag-step-marker-connector-style, dashed) var(--denhaag-step-marker-connector-color)}.denhaag-step-marker__connector--main-to-main{top:calc(-1 * var(--denhaag-step-marker-size) / 2);padding-block-end:calc(var(--denhaag-process-steps-step-distance) + var(--denhaag-step-marker-size))}.denhaag-step-marker__connector--main-to-nested{top:calc(-1 * var(--denhaag-step-marker-size) / 2);padding-block-end:calc(var(--denhaag-process-steps-step-distance) + var(--denhaag-step-marker-nested-size))}.denhaag-step-marker__connector--nested-to-nested{top:var(--denhaag-step-marker-nested-size);padding-block-end:var(--denhaag-process-steps-sub-step-distance)}.denhaag-step-marker__connector--nested-to-main{top:var(--denhaag-step-marker-nested-size);padding-block-end:var(--denhaag-process-steps-step-distance)}.denhaag-step-marker__connector--not-checked{outline-width:var(--denhaag-step-marker-connector-not-checked-outline-width, var(--denhaag-step-marker-connector-outline-width, 1px));outline-style:var(--denhaag-step-marker-connector-not-checked-outline-style, dashed);outline-color:var(--denhaag-step-marker-connector-not-checked-outline-color, var(--denhaag-step-marker-connector-outline-color))}.denhaag-step-marker__connector--checked,.denhaag-step-marker__connector--current{outline-width:var(--denhaag-step-marker-connector-checked-outline-width, var(--denhaag-step-marker-connector-outline-width, 1px));outline-style:var(--denhaag-step-marker-connector-checked-outline-style, solid);outline-color:var(--denhaag-step-marker-connector-checked-outline-color, var(--denhaag-step-marker-connector-outline-color))}.denhaag-step-marker__connector--warning{outline-width:var(--denhaag-step-marker-connector-warning-outline-width, var(--denhaag-step-marker-connector-outline-width, 1px));outline-style:var(--denhaag-step-marker-connector-warning-outline-style, solid);outline-color:var(--denhaag-step-marker-connector-warning-outline-color, var(--denhaag-step-marker-connector-outline-color))}.denhaag-step-marker__connector--error{outline-width:var(--denhaag-step-marker-connector-error-outline-width, var(--denhaag-step-marker-connector-outline-width, 1px));outline-style:var(--denhaag-step-marker-connector-error-outline-style, solid);outline-color:var(--denhaag-step-marker-connector-error-outline-color, var(--denhaag-step-marker-connector-outline-color))}.denhaag-step-marker__connector--default{outline-width:var(--denhaag-step-marker-connector-default-outline-width, var(--denhaag-step-marker-connector-outline-width, 1px));outline-style:var(--denhaag-step-marker-connector-default-outline-style, solid);outline-color:var(--denhaag-step-marker-connector-default-outline-color, var(--denhaag-step-marker-connector-outline-color))}:host{display:contents}:host([hidden]){display:none !important}";
 const UtrechtProgressListStyle0 = progressListCss;
-const StepProgressList = /*@__PURE__*/ proxyCustomElement(class StepProgressList extends HTMLElement {
+const StepProgressList = /*@__PURE__*/ proxyCustomElement(class StepProgressList extends H {
     constructor() {
         super();
         this.__registerHost();

package/dist/components/utrecht-progress-sublist-item.js CHANGED Viewed

@@ -1,10 +1,10 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { c as clsx } from './clsx.js';
+import { p as proxyCustomElement, H, h } from './p-2f0ff193.js';
+import { c as clsx } from './p-e91d8a25.js';
 const progressListCss = ".denhaag-process-steps__step{position:relative;padding-block-end:var(--denhaag-process-steps-step-padding-block-end);padding-block-start:var(--denhaag-process-steps-step-padding-block-start)}.denhaag-process-steps__step+.denhaag-process-steps__step{margin-block-start:var(--denhaag-process-steps-step-distance)}.denhaag-process-steps{--denhaag-process-steps-step-distance:40px;--denhaag-process-steps-sub-step-distance:24px;font-family:var(--denhaag-process-steps-font-family);font-size:var(--denhaag-process-steps-font-size);line-height:var(--denhaag-process-steps-line-height);list-style:none;margin-block-start:0;margin-block-end:0;padding-inline-start:0;position:relative}.denhaag-process-steps__step-header{display:flex;align-items:var(--denhaag-process-steps-step-header-align-items);gap:16px}.denhaag-process-steps__step-header-toggle{--utrecht-button-subtle-font-size:inherit;--utrecht-button-subtle-background-color:transparent;--utrecht-button-subtle-color:auto;--utrecht-button-padding-block-end:0;--utrecht-button-padding-block-start:0;--utrecht-button-padding-inline-end:0;--utrecht-button-padding-inline-start:0;--utrecht-button-icon-gap:4px;border:0;background-color:inherit;appearance:none;padding-block-end:0;padding-block-start:0;padding-inline-end:0;padding-inline-start:0;margin-block-end:0;margin-block-start:0;margin-inline-end:0;margin-inline-start:0;display:flex;align-items:center;gap:0}.denhaag-process-steps__step-heading{display:flex;align-items:center;color:var(--denhaag-process-steps-step-heading-color);font-family:var(--denhaag-process-steps-step-heading-font-family);font-size:var(--denhaag-process-steps-step-heading-font-size);font-weight:var(--denhaag-process-steps-step-heading-font-weight);line-height:var(--denhaag-process-steps-step-heading-line-height);text-align:start;overflow-wrap:var(--denhaag-process-steps-step-heading-overflow-wrap, anywhere);margin-block-start:0;margin-block-end:0}.denhaag-process-steps__step-heading--not-checked{color:var(--denhaag-process-steps-step-heading-not-checked-color)}.denhaag-process-steps__step-heading--checked{color:var(--denhaag-process-steps-step-heading-checked-color);font-size:var(--denhaag-process-steps-step-heading-checked-font-size, var(--denhaag-process-steps-step-heading-font-size));font-weight:var(--denhaag-process-steps-step-heading-checked-font-weight, var(--denhaag-process-steps-step-heading-font-weight))}.denhaag-process-steps__step-heading--current{color:var(--denhaag-process-steps-step-heading-current-color);font-size:var(--denhaag-process-steps-step-heading-current-font-size, var(--denhaag-process-steps-step-heading-font-size));font-weight:var(--denhaag-process-steps-step-heading-current-font-weight, var(--denhaag-process-steps-step-heading-font-weight))}.denhaag-process-steps__step-heading--warning{color:var(--denhaag-process-steps-step-heading-warning-color)}.denhaag-process-steps__step-heading--error{color:var(--denhaag-process-steps-step-heading-error-color)}.denhaag-process-steps__step-details{display:block}.denhaag-process-steps__step-details--hidden{display:none}.denhaag-process-steps__step-body{position:relative}.denhaag-process-steps__step-meta{position:relative;margin-inline-start:calc(var(--denhaag-step-marker-size) + 16px);font-size:var(--denhaag-process-steps-step-meta-font-size);color:var(--denhaag-process-steps-step-meta-color)}.denhaag-process-steps__step-meta--date{font-size:var(--denhaag-process-steps-step-meta-date-font-size, var(--denhaag-process-steps-step-meta-font-size));color:var(--denhaag-process-steps-step-meta-date-color, var(--denhaag-process-steps-step-meta-color))}.denhaag-process-steps__sub-step{position:relative;align-items:baseline;display:flex;flex-direction:row;gap:23px;margin-block-start:var(--denhaag-process-steps-sub-step-distance)}.denhaag-process-steps__sub-step-heading{margin-block-end:0;margin-block-start:0;}.denhaag-step-marker{position:relative;z-index:1;align-items:center;background-color:var(--denhaag-step-marker-background-color);block-size:var(--denhaag-step-marker-size);border-style:solid;border-width:var(--denhaag-step-marker-border-width);border-color:var(--denhaag-step-marker-border-color, transparent);border-radius:var(--denhaag-step-marker-border-radius, 50%);box-sizing:border-box;color:var(--denhaag-step-marker-color);display:flex;flex-grow:0;font-family:var(--denhaag-step-marker-font-family);font-size:var(--denhaag-step-marker-font-size);font-weight:var(--denhaag-step-marker-font-weight);inline-size:var(--denhaag-step-marker-size);justify-content:center;margin-block-end:var(--denhaag-step-marker-margin);margin-block-start:var(--denhaag-step-marker-margin);padding-inline-end:0;min-inline-size:var(--denhaag-step-marker-min-size, var(--denhaag-step-marker-size));min-block-size:var(--denhaag-step-marker-min-size, var(--denhaag-step-marker-size))}.denhaag-step-marker .denhaag-icon{block-size:var(--denhaag-step-marker-icon-size);inline-size:var(--denhaag-step-marker-icon-size)}.denhaag-step-marker--nested{block-size:var(--denhaag-step-marker-nested-size);min-block-size:var(--denhaag-step-marker-nested-min-size, var(--denhaag-step-marker-nested-size));min-inline-size:var(--denhaag-step-marker-nested-min-size, var(--denhaag-step-marker-nested-size));inline-size:var(--denhaag-step-marker-nested-size);border-width:var(--denhaag-step-marker-nested-border-width, var(--denhaag-step-marker-border-width));margin-inline-start:calc((var(--denhaag-step-marker-size) - var(--denhaag-step-marker-nested-size)) / 2)}.denhaag-step-marker--nested .denhaag-icon{block-size:var(--denhaag-step-marker-nested-icon-size);inline-size:var(--denhaag-step-marker-nested-icon-size)}.denhaag-step-marker--not-checked{background-color:var(--denhaag-step-marker-not-checked-background-color);border-color:var(--denhaag-step-marker-not-checked-border-color);color:var(--denhaag-step-marker-not-checked-color)}.denhaag-step-marker--not-checked.denhaag-step-marker--nested{background-color:var(--denhaag-step-marker-not-checked-nested-background-color, var(--denhaag-step-marker-not-checked-background-color));border-color:var(--denhaag-step-marker-not-checked-nested-border-color, var(--denhaag-step-marker-not-checked-border-color));color:var(--denhaag-step-marker-not-checked-nested-color, var(--denhaag-step-marker-not-checked-color))}.denhaag-step-marker--checked{background-color:var(--denhaag-step-marker-checked-background-color);border-color:var(--denhaag-step-marker-checked-border-color);color:var(--denhaag-step-marker-checked-color)}.denhaag-step-marker--checked.denhaag-step-marker--nested{background-color:var(--denhaag-step-marker-checked-nested-background-color, var(--denhaag-step-marker-checked-background-color));border-color:var(--denhaag-step-marker-checked-nested-border-color, var(--denhaag-step-marker-checked-border-color));color:var(--denhaag-step-marker-checked-nested-color, var(--denhaag-step-marker-checked-color))}.denhaag-step-marker--current{background-color:var(--denhaag-step-marker-current-background-color);border-color:var(--denhaag-step-marker-current-border-color);color:var(--denhaag-step-marker-current-color)}.denhaag-step-marker--current.denhaag-step-marker--nested{background-color:var(--denhaag-step-marker-current-nested-background-color, var(--denhaag-step-marker-current-background-color));border-color:var(--denhaag-step-marker-current-nested-border-color, var(--denhaag-step-marker-current-border-color));color:var(--denhaag-step-marker-current-nested-color, var(--denhaag-step-marker-current-color))}.denhaag-step-marker--disabled{background-color:var(--denhaag-step-marker-disabled-background-color);border-color:var(--denhaag-step-marker-disabled-border-color);color:var(--denhaag-step-marker-disabled-color)}.denhaag-step-marker--disabled.denhaag-step-marker--nested{background-color:var(--denhaag-step-marker-disabled-nested-background-color, var(--denhaag-step-marker-disabled-background-color));border-color:var(--denhaag-step-marker-disabled-nested-border-color, var(--denhaag-step-marker-disabled-border-color));color:var(--denhaag-step-marker-disabled-nested-color, var(--denhaag-step-marker-disabled-color))}.denhaag-step-marker--warning{background-color:var(--denhaag-step-marker-warning-background-color);border-color:var(--denhaag-step-marker-warning-border-color);color:var(--denhaag-step-marker-warning-color)}.denhaag-step-marker--warning.denhaag-step-marker--nested{background-color:var(--denhaag-step-marker-warning-nested-background-color, var(--denhaag-step-marker-warning-background-color));border-color:var(--denhaag-step-marker-warning-nested-border-color, var(--denhaag-step-marker-warning-border-color));color:var(--denhaag-step-marker-warning-nested-color, var(--denhaag-step-marker-warning-color))}.denhaag-step-marker--error{background-color:var(--denhaag-step-marker-error-background-color);border-color:var(--denhaag-step-marker-error-border-color);color:var(--denhaag-step-marker-error-color)}.denhaag-step-marker--error.denhaag-step-marker--nested{background-color:var(--denhaag-step-marker-error-nested-background-color, var(--denhaag-step-marker-error-background-color));border-color:var(--denhaag-step-marker-error-nested-border-color, var(--denhaag-step-marker-error-border-color));color:var(--denhaag-step-marker-error-nested-color, var(--denhaag-step-marker-error-color))}.denhaag-step-marker--default{background-color:var(--denhaag-step-marker-default-background-color);border-color:var(--denhaag-step-marker-default-border-color);color:var(--denhaag-step-marker-default-color)}.denhaag-step-marker--default.denhaag-step-marker--nested{background-color:var(--denhaag-step-marker-default-nested-background-color, var(--denhaag-step-marker-default-background-color));border-color:var(--denhaag-step-marker-default-nested-border-color, var(--denhaag-step-marker-default-border-color));color:var(--denhaag-step-marker-default-nested-color, var(--denhaag-step-marker-default-color))}.denhaag-step-marker__connector{position:absolute;left:calc(var(--denhaag-step-marker-size) / 2);top:0;height:100%;outline:var(--denhaag-step-marker-connector-width, 1px) var(--denhaag-step-marker-connector-style, dashed) var(--denhaag-step-marker-connector-color)}.denhaag-step-marker__connector--main-to-main{top:calc(-1 * var(--denhaag-step-marker-size) / 2);padding-block-end:calc(var(--denhaag-process-steps-step-distance) + var(--denhaag-step-marker-size))}.denhaag-step-marker__connector--main-to-nested{top:calc(-1 * var(--denhaag-step-marker-size) / 2);padding-block-end:calc(var(--denhaag-process-steps-step-distance) + var(--denhaag-step-marker-nested-size))}.denhaag-step-marker__connector--nested-to-nested{top:var(--denhaag-step-marker-nested-size);padding-block-end:var(--denhaag-process-steps-sub-step-distance)}.denhaag-step-marker__connector--nested-to-main{top:var(--denhaag-step-marker-nested-size);padding-block-end:var(--denhaag-process-steps-step-distance)}.denhaag-step-marker__connector--not-checked{outline-width:var(--denhaag-step-marker-connector-not-checked-outline-width, var(--denhaag-step-marker-connector-outline-width, 1px));outline-style:var(--denhaag-step-marker-connector-not-checked-outline-style, dashed);outline-color:var(--denhaag-step-marker-connector-not-checked-outline-color, var(--denhaag-step-marker-connector-outline-color))}.denhaag-step-marker__connector--checked,.denhaag-step-marker__connector--current{outline-width:var(--denhaag-step-marker-connector-checked-outline-width, var(--denhaag-step-marker-connector-outline-width, 1px));outline-style:var(--denhaag-step-marker-connector-checked-outline-style, solid);outline-color:var(--denhaag-step-marker-connector-checked-outline-color, var(--denhaag-step-marker-connector-outline-color))}.denhaag-step-marker__connector--warning{outline-width:var(--denhaag-step-marker-connector-warning-outline-width, var(--denhaag-step-marker-connector-outline-width, 1px));outline-style:var(--denhaag-step-marker-connector-warning-outline-style, solid);outline-color:var(--denhaag-step-marker-connector-warning-outline-color, var(--denhaag-step-marker-connector-outline-color))}.denhaag-step-marker__connector--error{outline-width:var(--denhaag-step-marker-connector-error-outline-width, var(--denhaag-step-marker-connector-outline-width, 1px));outline-style:var(--denhaag-step-marker-connector-error-outline-style, solid);outline-color:var(--denhaag-step-marker-connector-error-outline-color, var(--denhaag-step-marker-connector-outline-color))}.denhaag-step-marker__connector--default{outline-width:var(--denhaag-step-marker-connector-default-outline-width, var(--denhaag-step-marker-connector-outline-width, 1px));outline-style:var(--denhaag-step-marker-connector-default-outline-style, solid);outline-color:var(--denhaag-step-marker-connector-default-outline-color, var(--denhaag-step-marker-connector-outline-color))}:host{display:contents}:host([hidden]){display:none !important}";
 const UtrechtProgressSublistItemStyle0 = progressListCss;
-const StepProgressSublistItem = /*@__PURE__*/ proxyCustomElement(class StepProgressSublistItem extends HTMLElement {
+const StepProgressSublistItem = /*@__PURE__*/ proxyCustomElement(class StepProgressSublistItem extends H {
     constructor() {
         super();
         this.__registerHost();

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

@@ -1,9 +1,9 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { p as proxyCustomElement, H, h } from './p-2f0ff193.js';
 const rootCss = ":host{-webkit-font-smoothing:auto !important;-moz-osx-font-smoothing:auto !important;background-color:var(--utrecht-root-background-color);block-size:100%;color:var(--utrecht-root-color);font-family:var(--utrecht-root-font-family);-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;inline-size:100%;overflow-block:auto;overflow-inline:auto;position:relative;text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;word-break:break-word}:host([hidden]){display:none !important}";
 const UtrechtRootStyle0 = rootCss;
-const Root = /*@__PURE__*/ proxyCustomElement(class Root extends HTMLElement {
+const Root = /*@__PURE__*/ proxyCustomElement(class Root extends H {
     constructor() {
         super();
         this.__registerHost();

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

@@ -1,9 +1,9 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { p as proxyCustomElement, H, h } from './p-2f0ff193.js';
 const separatorCss = ".utrecht-separator{border-color:var(--utrecht-separator-color);border-style:solid;border-width:0 0 var(--utrecht-separator-block-size) 0;margin-block-end:calc(var(--utrecht-space-around, 0) * var(--utrecht-separator-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-separator-margin-block-start, 0))}.utrecht-separator--distanced{--utrecht-space-around:1}:host{display:block}:host([hidden]){display:none !important}";
 const UtrechtSeparatorStyle0 = separatorCss;
-const Separator = /*@__PURE__*/ proxyCustomElement(class Separator extends HTMLElement {
+const Separator = /*@__PURE__*/ proxyCustomElement(class Separator extends H {
     constructor() {
         super();
         this.__registerHost();

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

@@ -1,10 +1,10 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { c as clsx } from './clsx.js';
+import { p as proxyCustomElement, H, h } from './p-2f0ff193.js';
+import { c as clsx } from './p-e91d8a25.js';
-const sidenavCss = ".utrecht-sidenav{--utrecht-sidenav-connection-color:var(--utrecht-sidenav-item-marker-color);--utrecht-sidenav-connection-inline-size:2px;--utrecht-sidenav-marker-current-color:var(--utrecht-sidenav-link-hover-color);--utrecht-sidenav-marker-offset:26px;--utrecht-sidenav-connection-block-size:100%;--utrecht-sidenav-marker-height:8px;--utrecht-sidenav-marker-outline-width:2px;border-block-end:1px solid var(--utrecht-color-grey-80);border-block-start:1px solid var(--utrecht-color-grey-80);inline-size:19rem;margin-block-end:0;margin-block-start:0;padding-block-end:0;padding-block-start:0}.utrecht-sidenav__list{margin-block-end:0;margin-block-start:0.2rem;padding-block-end:0;padding-block-start:0;padding-inline-start:0}.utrecht-sidenav__list--child{margin-block-start:0;padding-inline-end:0;padding-inline-start:1.4rem}.utrecht-sidenav__item{list-style:none;margin-inline-start:0;position:relative}.utrecht-sidenav__item--current{color:var(--utrecht-sidenav-item-hover-color, var(--utrecht-link-hover-color, red))}.utrecht-sidenav__item--last{border-block-end:none}.utrecht-sidenav__item-separator:not(.utrecht-sidenav__item--last .utrecht-sidenav__item-separator){border-block-end:1px solid var(--utrecht-color-grey-80);display:block;margin-inline-start:var(--utrecht-space-inline-lg)}.utrecht-sidenav__link{color:var(--utrecht-sidenav-link-color, var(--utrecht-link-color, blue));display:block;margin-inline-start:0;padding-block-end:var(--utrecht-space-block-xs);padding-block-start:var(--utrecht-space-block-xs);padding-inline-end:var(--utrecht-space-inline-3xs);padding-inline-start:var(--utrecht-space-inline-lg);text-decoration:none}.utrecht-sidenav__link:hover{color:var(--utrecht-sidenav-link-hover-color, var(--utrecht-link-hover-color, red));text-decoration:underline}.utrecht-sidenav__link--focus-visible,.utrecht-sidenav__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-sidenav__link--parent{padding-block-end:0}.utrecht-sidenav__connection,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link:not(.utrecht-sidenav__link--sibling,.utrecht-sidenav__link--parent,.utrecht-sidenav__link--child)::after{background:var(--utrecht-sidenav-connection-color);block-size:calc(var(--utrecht-sidenav-connection-block-size) - var(--utrecht-sidenav-marker-height) - 2 * var(--utrecht-sidenav-marker-outline-width));content:\"\";display:block;inline-size:var(--utrecht-sidenav-connection-inline-size);inset-block-end:0;inset-block-start:calc(var(--utrecht-sidenav-marker-offset));inset-inline-start:3px;overflow:hidden;position:absolute;z-index:5}.utrecht-sidenav__connection--last,.utrecht-sidenav__connection--parent,.utrecht-sidenav__connection--sibling{display:none}.utrecht-sidenav__marker,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link::before{background-color:var(--utrecht-sidenav-item-marker-color);block-size:var(--utrecht-sidenav-marker-height);border-radius:100%;content:\"\";inline-size:8px;inset-block-start:20px;inset-inline-start:var(--utrecht-sidenav-marker-offset);overflow:hidden;position:absolute;transform:translateY(-50%) translateX(calc(-1 * var(--utrecht-sidenav-marker-offset)));z-index:10}.utrecht-sidenav__marker--child,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link--child::before{background-color:transparent;block-size:4px;border:2px solid var(--utrecht-sidenav-link-color);inline-size:4px;inset-block-start:16px;inset-inline-start:1.2rem;transform:translateY(-50%) translateX(-19.5px)}.utrecht-sidenav__marker--current,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link--current::before,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link--current-child::before{background-color:var(--utrecht-sidenav-marker-current-color)}.utrecht-sidenav__link--child,.utrecht-sidenav__link--current-child{color:var(--utrecht-sidenav-link-color, var(--utrecht-link-color, blue));margin-block-end:0;margin-block-start:0;padding-block-end:var(--utrecht-space-block-2xs);padding-block-start:var(--utrecht-space-block-2xs);padding-inline-end:var(--utrecht-space-inline-3xs);padding-inline-start:var(--utrecht-space-inline-lg);text-decoration:none}.utrecht-sidenav__link--current,.utrecht-sidenav__link--current-child{font-weight:var(--utrecht-typography-weight-scale-bold-font-weight)}.utrecht-sidenav__marker--hover,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link:hover::before,.utrecht-sidenav__link:hover .utrecht-sidenav__marker,.utrecht-sidenav__link:hover .utrecht-sidenav--pseudo-elements .utrecht-sidenav__link::before,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link:hover .utrecht-sidenav__link::before{background-color:var(--utrecht-sidenav-link-hover-color)}.utrecht-sidenav__marker--child.utrecht-sidenav__marker--hover,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__marker--child.utrecht-sidenav__link:hover::before,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__marker--hover.utrecht-sidenav__link--child::before,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link--child.utrecht-sidenav__link:hover::before,.utrecht-sidenav__link:hover .utrecht-sidenav__marker--child.utrecht-sidenav__marker,.utrecht-sidenav__link:hover .utrecht-sidenav--pseudo-elements .utrecht-sidenav__marker.utrecht-sidenav__link--child::before,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link:hover .utrecht-sidenav__marker.utrecht-sidenav__link--child::before,.utrecht-sidenav__link:hover .utrecht-sidenav--pseudo-elements .utrecht-sidenav__marker--child.utrecht-sidenav__link::before,.utrecht-sidenav__link:hover .utrecht-sidenav--pseudo-elements .utrecht-sidenav__link.utrecht-sidenav__link--child::before,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link:hover .utrecht-sidenav__marker--child.utrecht-sidenav__link::before,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link:hover .utrecht-sidenav__link.utrecht-sidenav__link--child::before{background-color:var(--utrecht-sidenav-link-hover-color);border:2px solid var(--utrecht-sidenav-link-hover-color)}.utrecht-sidenav--pseudo-elements{}.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link--child::after{display:none}";
+const sidenavCss = ".utrecht-sidenav{--utrecht-sidenav-connection-color:var(--utrecht-sidenav-item-marker-color);--utrecht-sidenav-connection-inline-size:2px;--utrecht-sidenav-marker-current-color:var(--utrecht-sidenav-link-hover-color);--utrecht-sidenav-marker-offset:26px;--utrecht-sidenav-connection-block-size:100%;--utrecht-sidenav-marker-height:8px;--utrecht-sidenav-marker-outline-width:2px;border-block-end:1px solid var(--utrecht-color-grey-80);border-block-start:1px solid var(--utrecht-color-grey-80);inline-size:19rem;margin-block-end:0;margin-block-start:0;padding-block-end:0;padding-block-start:0}.utrecht-sidenav__list{margin-block-end:0;margin-block-start:0.2rem;padding-block-end:0;padding-block-start:0;padding-inline-start:0}.utrecht-sidenav__list--child{margin-block-start:0;padding-inline-end:0;padding-inline-start:1.4rem}.utrecht-sidenav__item{list-style:none;margin-inline-start:0;position:relative}.utrecht-sidenav__item--current{color:var(--utrecht-sidenav-item-hover-color, var(--utrecht-link-hover-color, red))}.utrecht-sidenav__item--last{border-block-end:none}.utrecht-sidenav__item-separator:not(.utrecht-sidenav__item--last .utrecht-sidenav__item-separator){border-block-end:1px solid var(--utrecht-color-grey-80);display:block;margin-inline-start:var(--utrecht-space-inline-lg)}.utrecht-sidenav__link{color:var(--utrecht-sidenav-link-color, var(--utrecht-link-color, blue));display:block;margin-inline-start:0;padding-block-end:var(--utrecht-space-block-xs);padding-block-start:var(--utrecht-space-block-xs);padding-inline-end:var(--utrecht-space-inline-3xs);padding-inline-start:var(--utrecht-space-inline-lg);text-decoration:none}.utrecht-sidenav__link:hover{color:var(--utrecht-sidenav-link-hover-color, var(--utrecht-link-hover-color, red));text-decoration:underline}.utrecht-sidenav__link--focus-visible,.utrecht-sidenav__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-sidenav__link--parent{padding-block-end:0}.utrecht-sidenav__connection,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link:not(.utrecht-sidenav__link--sibling,.utrecht-sidenav__link--parent,.utrecht-sidenav__link--child)::after{background:var(--utrecht-sidenav-connection-color);block-size:calc(var(--utrecht-sidenav-connection-block-size) - var(--utrecht-sidenav-marker-height) - 2 * var(--utrecht-sidenav-marker-outline-width));content:\"\";display:block;inline-size:var(--utrecht-sidenav-connection-inline-size);inset-block-end:0;inset-block-start:calc(var(--utrecht-sidenav-marker-offset));inset-inline-start:3px;overflow:hidden;position:absolute;z-index:5}.utrecht-sidenav__connection--last,.utrecht-sidenav__connection--parent,.utrecht-sidenav__connection--sibling{display:none}.utrecht-sidenav__marker,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link::before{background-color:var(--utrecht-sidenav-item-marker-color);block-size:var(--utrecht-sidenav-marker-height);border-radius:100%;content:\"\";inline-size:8px;inset-block-start:20px;inset-inline-start:var(--utrecht-sidenav-marker-offset);overflow:hidden;position:absolute;transform:translateY(-50%) translateX(calc(-1 * var(--utrecht-sidenav-marker-offset)));z-index:10}.utrecht-sidenav__marker--child,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link--child::before{background-color:transparent;block-size:4px;border:2px solid var(--utrecht-sidenav-link-color);inline-size:4px;inset-block-start:16px;inset-inline-start:1.2rem;transform:translateY(-50%) translateX(-19.5px)}.utrecht-sidenav__marker--current,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link--current::before,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link--current-child::before{background-color:var(--utrecht-sidenav-marker-current-color)}.utrecht-sidenav__link--child,.utrecht-sidenav__link--current-child{color:var(--utrecht-sidenav-link-color, var(--utrecht-link-color, blue));margin-block-end:0;margin-block-start:0;padding-block-end:var(--utrecht-space-block-2xs);padding-block-start:var(--utrecht-space-block-2xs);padding-inline-end:var(--utrecht-space-inline-3xs);padding-inline-start:var(--utrecht-space-inline-lg);text-decoration:none}.utrecht-sidenav__link--current,.utrecht-sidenav__link--current-child{font-weight:var(--utrecht-typography-weight-scale-bold-font-weight)}.utrecht-sidenav__marker--hover,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link:hover::before,.utrecht-sidenav__link:hover .utrecht-sidenav__marker,.utrecht-sidenav__link:hover .utrecht-sidenav--pseudo-elements .utrecht-sidenav__link::before,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link:hover .utrecht-sidenav__link::before{background-color:var(--utrecht-sidenav-link-hover-color)}.utrecht-sidenav__marker--child.utrecht-sidenav__marker--hover,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__marker--child.utrecht-sidenav__link:hover::before,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__marker--hover.utrecht-sidenav__link--child::before,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link--child.utrecht-sidenav__link:hover::before,.utrecht-sidenav__link:hover .utrecht-sidenav__marker--child.utrecht-sidenav__marker,.utrecht-sidenav__link:hover .utrecht-sidenav--pseudo-elements .utrecht-sidenav__marker.utrecht-sidenav__link--child::before,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link:hover .utrecht-sidenav__marker.utrecht-sidenav__link--child::before,.utrecht-sidenav__link:hover .utrecht-sidenav--pseudo-elements .utrecht-sidenav__marker--child.utrecht-sidenav__link::before,.utrecht-sidenav__link:hover .utrecht-sidenav--pseudo-elements .utrecht-sidenav__link.utrecht-sidenav__link--child::before,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link:hover .utrecht-sidenav__marker--child.utrecht-sidenav__link::before,.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link:hover .utrecht-sidenav__link.utrecht-sidenav__link--child::before{background-color:var(--utrecht-sidenav-link-hover-color);border:2px solid var(--utrecht-sidenav-link-hover-color)}.utrecht-sidenav--pseudo-elements{}.utrecht-sidenav--pseudo-elements{}.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link--child::after{display:none}";
 const UtrechtSidenavStyle0 = sidenavCss;
-const Sidenav = /*@__PURE__*/ proxyCustomElement(class Sidenav extends HTMLElement {
+const Sidenav = /*@__PURE__*/ proxyCustomElement(class Sidenav extends H {
     constructor() {
         super();
         this.__registerHost();

package/dist/components/utrecht-sidenav.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"utrecht-sidenav.js","mappings":";;;AAAA,MAAM,UAAU,GAAG~~,+0MAA+0M~~,CAAC;~~AACn2M~~,6BAAe,UAAU;;MCaZ,OAAO;;;;;;;IAGlB,MAAM;QACJ,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAEpC,QACE,4DAAK,KAAK,EAAC,iBAAiB,IAC1B,2DAAI,KAAK,EAAC,uBAAuB,IAC9B,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,WAAW,EAAE,EAAE,KAAK,EAAE,KAAK,MACvF,UACE,GAAG,EAAE,IAAI,EACT,KAAK,EAAE,IAAI,CACT,uBAAuB,EACvB,KAAK,GAAG,CAAC,KAAK,KAAK,CAAC,MAAM,IAAI,6BAA6B,EAC3D,OAAO,IAAI,gCAAgC,EAC3C,WAAW,IAAI,+BAA+B,CAC/C,IAED,SACE,KAAK,EAAE,IAAI,CACT,uBAAuB,EACvB,OAAO,IAAI,gCAAgC,EAC3C,KAAK,IAAI,8BAA8B,EACvC,OAAO,IAAI,gCAAgC,EAC3C,WAAW,IAAI,+BAA+B,CAC/C,EACD,IAAI,EAAE,IAAI,IAEV,WAAK,KAAK,EAAE,IAAI,CAAC,yBAAyB,EAAE,OAAO,IAAI,kCAAkC,CAAC,GAAQ,EAClG,WACE,KAAK,EAAE,IAAI,CACT,6BAA6B,EAC7B,WAAW,IAAI,qCAAqC,EACpD,OAAO,IAAI,sCAAsC,EACjD,KAAK,GAAG,CAAC,KAAK,KAAK,CAAC,MAAM,IAAI,mCAAmC,CAClE,GACI,EACN,KAAK,CACJ,EACH,QAAQ,IACP,UAAI,KAAK,EAAC,oDAAoD,IAC3D,QAAQ,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAC5C,UAAI,GAAG,EAAE,IAAI,EAAE,KAAK,EAAC,oDAAoD,IACvE,SACE,KAAK,EAAE,IAAI,CACT,uBAAuB,EACvB,8BAA8B,EAC9B,OAAO,IAAI,gCAAgC,EAC3C,OAAO,IAAI,sCAAsC,EACjD,KAAK,IAAI,8BAA8B,CACxC,EACD,IAAI,EAAE,IAAI,IAEV,WACE,KAAK,EAAE,IAAI,CACT,yBAAyB,EACzB,gCAAgC,EAChC,OAAO,IAAI,kCAAkC,EAC7C,OAAO,IAAI,wCAAwC,CACpD,GACI,EACN,KAAK,CACJ,CACD,CACN,CAAC,CACC,KAEL,EAAE,CACH,EACD,WAAK,KAAK,EAAC,iCAAiC,GAAO,CAChD,CACN,CAAC,CACC,CACD,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/sidenav.scss?tag=utrecht-sidenav&encapsulation=shadow","src/components/sidenav.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 \"../../../../components/navigatie sidenav/src\" as ;\n","/*\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\nimport { Component, h, Prop } from '@stencil/core';\nimport clsx from 'clsx';\n\n@Component({\n tag: 'utrecht-sidenav',\n styleUrl: 'sidenav.scss',\n shadow: true,\n})\nexport class Sidenav {\n @Prop() json: string;\n\n render() {\n const items = JSON.parse(this.json);\n\n return (\n <nav class=\"utrecht-sidenav\">\n <ul class=\"utrecht-sidenav__list\">\n {items.map(({ href, title, current, focus, children, sibling, haschildren }, index, array) => (\n <li\n key={href}\n class={clsx(\n 'utrecht-sidenav__item',\n index + 1 === array.length && 'utrecht-sidenav__item--last',\n sibling && 'utrecht-sidenav__item--sibling',\n haschildren && 'utrecht-sidenav__item--parent',\n )}\n >\n <a\n class={clsx(\n 'utrecht-sidenav__link',\n current && 'utrecht-sidenav__link--current',\n focus && 'utrecht-sidenav__link--focus',\n sibling && 'utrecht-sidenav__link--sibling',\n haschildren && 'utrecht-sidenav__link--parent',\n )}\n href={href}\n >\n <div class={clsx('utrecht-sidenav__marker', current && 'utrecht-sidenav__marker--current')}></div>\n <div\n class={clsx(\n 'utrecht-sidenav__connection',\n haschildren && 'utrecht-sidenav__connection--parent',\n sibling && 'utrecht-sidenav__connection--sibling',\n index + 1 === array.length && 'utrecht-sidenav__connection--last',\n )}\n ></div>\n {title}\n </a>\n {children ? (\n <ul class=\"utrecht-sidenav__list utrecht-sidenav__list--child\">\n {children.map(({ href, title, current, focus }) => (\n <li key={href} class=\"utrecht-sidenav__item utrecht-sidenav__item--child\">\n <a\n class={clsx(\n 'utrecht-sidenav__link',\n 'utrecht-sidenav__link--child',\n current && 'utrecht-sidenav__link--current',\n current && 'utrecht-sidenav__link--current-child',\n focus && 'utrecht-sidenav__link--focus',\n )}\n href={href}\n >\n <div\n class={clsx(\n 'utrecht-sidenav__marker',\n 'utrecht-sidenav__marker--child',\n current && 'utrecht-sidenav__marker--current',\n current && 'utrecht-sidenav__marker--current-child',\n )}\n ></div>\n {title}\n </a>\n </li>\n ))}\n </ul>\n ) : (\n ''\n )}\n <div class=\"utrecht-sidenav__item-separator\"></div>\n </li>\n ))}\n </ul>\n </nav>\n );\n }\n}\n"],"version":3}
1	+ {"file":"utrecht-sidenav.js","mappings":";;;AAAA,MAAM,UAAU,GAAG,k3MAAk3M,CAAC;AACt4M,6BAAe,UAAU;;MCaZ,OAAO;;;;;;;IAGlB,MAAM;QACJ,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAEpC,QACE,4DAAK,KAAK,EAAC,iBAAiB,IAC1B,2DAAI,KAAK,EAAC,uBAAuB,IAC9B,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,WAAW,EAAE,EAAE,KAAK,EAAE,KAAK,MACvF,UACE,GAAG,EAAE,IAAI,EACT,KAAK,EAAE,IAAI,CACT,uBAAuB,EACvB,KAAK,GAAG,CAAC,KAAK,KAAK,CAAC,MAAM,IAAI,6BAA6B,EAC3D,OAAO,IAAI,gCAAgC,EAC3C,WAAW,IAAI,+BAA+B,CAC/C,IAED,SACE,KAAK,EAAE,IAAI,CACT,uBAAuB,EACvB,OAAO,IAAI,gCAAgC,EAC3C,KAAK,IAAI,8BAA8B,EACvC,OAAO,IAAI,gCAAgC,EAC3C,WAAW,IAAI,+BAA+B,CAC/C,EACD,IAAI,EAAE,IAAI,IAEV,WAAK,KAAK,EAAE,IAAI,CAAC,yBAAyB,EAAE,OAAO,IAAI,kCAAkC,CAAC,GAAQ,EAClG,WACE,KAAK,EAAE,IAAI,CACT,6BAA6B,EAC7B,WAAW,IAAI,qCAAqC,EACpD,OAAO,IAAI,sCAAsC,EACjD,KAAK,GAAG,CAAC,KAAK,KAAK,CAAC,MAAM,IAAI,mCAAmC,CAClE,GACI,EACN,KAAK,CACJ,EACH,QAAQ,IACP,UAAI,KAAK,EAAC,oDAAoD,IAC3D,QAAQ,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAC5C,UAAI,GAAG,EAAE,IAAI,EAAE,KAAK,EAAC,oDAAoD,IACvE,SACE,KAAK,EAAE,IAAI,CACT,uBAAuB,EACvB,8BAA8B,EAC9B,OAAO,IAAI,gCAAgC,EAC3C,OAAO,IAAI,sCAAsC,EACjD,KAAK,IAAI,8BAA8B,CACxC,EACD,IAAI,EAAE,IAAI,IAEV,WACE,KAAK,EAAE,IAAI,CACT,yBAAyB,EACzB,gCAAgC,EAChC,OAAO,IAAI,kCAAkC,EAC7C,OAAO,IAAI,wCAAwC,CACpD,GACI,EACN,KAAK,CACJ,CACD,CACN,CAAC,CACC,KAEL,EAAE,CACH,EACD,WAAK,KAAK,EAAC,iCAAiC,GAAO,CAChD,CACN,CAAC,CACC,CACD,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/sidenav.scss?tag=utrecht-sidenav&encapsulation=shadow","src/components/sidenav.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 \"../../../../components/navigatie-sidenav/src\" as ;\n","/*\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\nimport { Component, h, Prop } from '@stencil/core';\nimport clsx from 'clsx';\n\n@Component({\n tag: 'utrecht-sidenav',\n styleUrl: 'sidenav.scss',\n shadow: true,\n})\nexport class Sidenav {\n @Prop() json: string;\n\n render() {\n const items = JSON.parse(this.json);\n\n return (\n <nav class=\"utrecht-sidenav\">\n <ul class=\"utrecht-sidenav__list\">\n {items.map(({ href, title, current, focus, children, sibling, haschildren }, index, array) => (\n <li\n key={href}\n class={clsx(\n 'utrecht-sidenav__item',\n index + 1 === array.length && 'utrecht-sidenav__item--last',\n sibling && 'utrecht-sidenav__item--sibling',\n haschildren && 'utrecht-sidenav__item--parent',\n )}\n >\n <a\n class={clsx(\n 'utrecht-sidenav__link',\n current && 'utrecht-sidenav__link--current',\n focus && 'utrecht-sidenav__link--focus',\n sibling && 'utrecht-sidenav__link--sibling',\n haschildren && 'utrecht-sidenav__link--parent',\n )}\n href={href}\n >\n <div class={clsx('utrecht-sidenav__marker', current && 'utrecht-sidenav__marker--current')}></div>\n <div\n class={clsx(\n 'utrecht-sidenav__connection',\n haschildren && 'utrecht-sidenav__connection--parent',\n sibling && 'utrecht-sidenav__connection--sibling',\n index + 1 === array.length && 'utrecht-sidenav__connection--last',\n )}\n ></div>\n {title}\n </a>\n {children ? (\n <ul class=\"utrecht-sidenav__list utrecht-sidenav__list--child\">\n {children.map(({ href, title, current, focus }) => (\n <li key={href} class=\"utrecht-sidenav__item utrecht-sidenav__item--child\">\n <a\n class={clsx(\n 'utrecht-sidenav__link',\n 'utrecht-sidenav__link--child',\n current && 'utrecht-sidenav__link--current',\n current && 'utrecht-sidenav__link--current-child',\n focus && 'utrecht-sidenav__link--focus',\n )}\n href={href}\n >\n <div\n class={clsx(\n 'utrecht-sidenav__marker',\n 'utrecht-sidenav__marker--child',\n current && 'utrecht-sidenav__marker--current',\n current && 'utrecht-sidenav__marker--current-child',\n )}\n ></div>\n {title}\n </a>\n </li>\n ))}\n </ul>\n ) : (\n ''\n )}\n <div class=\"utrecht-sidenav__item-separator\"></div>\n </li>\n ))}\n </ul>\n </nav>\n );\n }\n}\n"],"version":3}

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

@@ -1,9 +1,9 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { p as proxyCustomElement, H, h } from './p-2f0ff193.js';
 const skipLinkCss = ".utrecht-skip-link{align-items:center;background-color:var(--utrecht-skip-link-background-color, ButtonFace);box-sizing:border-box;color:var(--utrecht-skip-link-color, ButtonText);display:inline-flex;justify-content:center;min-block-size:var(--utrecht-skip-link-min-block-size, 44px);min-inline-size:var(--utrecht-skip-link-min-inline-size, 44px);padding-block-end:var(--utrecht-skip-link-padding-block-end);padding-block-start:var(--utrecht-skip-link-padding-block-start);padding-inline-end:var(--utrecht-skip-link-padding-inline-end);padding-inline-start:var(--utrecht-skip-link-padding-inline-start);text-decoration:var(--utrecht-skip-link-text-decoration)}.utrecht-skip-link--hidden{inset-block-start:-200%;position:fixed}.utrecht-skip-link--visible-on-focus{inset-block-start:-200%;position:fixed}.utrecht-skip-link--visible-on-focus:focus{--_utrecht-skip-link-inset:calc(var(--utrecht-focus-outline-width, 0px) + var(--utrecht-focus-outline-offset, 0px));inset-block-start:var(--_utrecht-skip-link-inset, 0);inset-inline-start:var(--_utrecht-skip-link-inset, 0);position:fixed;z-index:var(--utrecht-skip-link-z-index, var(--utrecht-layer-focus-z-index))}.utrecht-skip-link--visible{--_utrecht-skip-link-inset:calc(var(--utrecht-focus-outline-width, 0px) + var(--utrecht-focus-outline-offset, 0px));inset-block-start:var(--_utrecht-skip-link-inset, 0);inset-inline-start:var(--_utrecht-skip-link-inset, 0);position:fixed;z-index:var(--utrecht-skip-link-z-index, var(--utrecht-layer-focus-z-index))}.utrecht-skip-link--focus{--_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;text-decoration:var(--utrecht-skip-link-focus-visible-text-decoration, var(--utrecht-skip-link-focus-text-decoration))}.utrecht-skip-link--focus-visible,.utrecht-skip-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;text-decoration:var(--utrecht-skip-link-focus-visible-text-decoration, var(--utrecht-skip-link-focus-text-decoration))}:host{display:inline-flex}:host([hidden]){display:none !important}";
 const UtrechtSkipLinkStyle0 = skipLinkCss;
-const SkipLink = /*@__PURE__*/ proxyCustomElement(class SkipLink extends HTMLElement {
+const SkipLink = /*@__PURE__*/ proxyCustomElement(class SkipLink extends H {
     constructor() {
         super();
         this.__registerHost();

package/dist/components/utrecht-spotlight-section.js CHANGED Viewed

@@ -1,10 +1,10 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { c as clsx } from './clsx.js';
+import { p as proxyCustomElement, H, h } from './p-2f0ff193.js';
+import { c as clsx } from './p-e91d8a25.js';
 const spotlightSectionCss = ".utrecht-spotlight-section{background-color:var(--_utrecht-spotlight-section-background-color, var(--utrecht-spotlight-section-background-color));border-color:var(--_utrecht-spotlight-section-border-color, var(--utrecht-spotlight-section-border-color));border-radius:var(--utrecht-spotlight-section-border-radius, 0);border-style:solid;border-width:var(--_utrecht-spotlight-section-border-width, var(--utrecht-spotlight-section-border-width, 0));color:var(--_utrecht-spotlight-section-color, var(--utrecht-spotlight-section-color));margin-block-end:calc(var(--utrecht-space-around, 0) * var(--utrecht-spotlight-section-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-spotlight-section-margin-block-start, 0));padding-block-end:var(--utrecht-spotlight-section-padding-block-end);padding-block-start:var(--utrecht-spotlight-section-padding-block-start);padding-inline-end:var(--utrecht-spotlight-section-padding-inline-end);padding-inline-start:var(--utrecht-spotlight-section-padding-inline-start)}.utrecht-spotlight-section--info{--_utrecht-spotlight-section-icon-color:var(--utrecht-spotlight-section-icon-info-color);--_utrecht-spotlight-section-background-color:var(--utrecht-spotlight-section-info-background-color);--_utrecht-spotlight-section-border-color:var(--utrecht-spotlight-section-info-border-color);--_utrecht-spotlight-section-border-width:var(--utrecht-spotlight-section-info-border-width);--_utrecht-spotlight-section-color:var(--utrecht-spotlight-section-info-color)}.utrecht-spotlight-section--warning{--_utrecht-spotlight-section-icon-color:var(--utrecht-spotlight-section-icon-warning-color);--_utrecht-spotlight-section-background-color:var(--utrecht-spotlight-section-warning-background-color);--_utrecht-spotlight-section-border-color:var(--utrecht-spotlight-section-warning-border-color);--_utrecht-spotlight-section-border-width:var(--utrecht-spotlight-section-warning-border-width);--_utrecht-spotlight-section-color:var(--utrecht-spotlight-section-warning-color)}.utrecht-spotlight-section--error{--_utrecht-spotlight-section-icon-color:var(--utrecht-spotlight-section-icon-error-color);--_utrecht-spotlight-section-background-color:var(--utrecht-spotlight-section-error-background-color);--_utrecht-spotlight-section-border-color:var(--utrecht-spotlight-section-error-border-color);--_utrecht-spotlight-section-border-width:var(--utrecht-spotlight-section-error-border-width);--_utrecht-spotlight-section-color:var(--utrecht-spotlight-section-error-color)}.utrecht-spotlight-section--ok{--_utrecht-spotlight-section-icon-color:var(--utrecht-spotlight-section-icon-ok-color);--_utrecht-spotlight-section-background-color:var(--utrecht-spotlight-section-ok-background-color);--_utrecht-spotlight-section-border-color:var(--utrecht-spotlight-section-ok-border-color);--_utrecht-spotlight-section-border-width:var(--utrecht-spotlight-section-ok-border-width);--_utrecht-spotlight-section-color:var(--utrecht-spotlight-section-ok-color)}:host{display:block}:host([hidden]){display:none !important}";
 const UtrechtSpotlightSectionStyle0 = spotlightSectionCss;
-const SpotlightSection = /*@__PURE__*/ proxyCustomElement(class SpotlightSection extends HTMLElement {
+const SpotlightSection = /*@__PURE__*/ proxyCustomElement(class SpotlightSection extends H {
     constructor() {
         super();
         this.__registerHost();