@utrecht/web-component-library-stencil 4.0.0 → 4.1.1

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

@@ -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 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--nested{gap:24px}.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__step-meta--nested{font-size:var(--denhaag-process-steps-step-meta-nested-font-size, var(--denhaag-process-steps-step-meta-font-size));margin-block-start:var(--denhaag-process-steps-step-meta-nested-margin-block-start);margin-inline-start:48px}.denhaag-process-steps__sub-step{position:relative;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-list.js.map

@@ -1 +1 @@
-{"file":"utrecht-progress-list.js","mappings":";;AAAA,MAAM,eAAe,GAAG,+nZAA+nZ,CAAC;AACxpZ,kCAAe,eAAe;;MCYjB,gBAAgB;;;;;;IAC3B,MAAM;QACJ,QACE,2DAAI,KAAK,EAAC,uBAAuB,IAC/B,8DAAa,CACV,EACL;KACH;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/progress-list.scss?tag=utrecht-progress-list&encapsulation=shadow","src/components/progress-list.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@import \"~@gemeente-denhaag/process-steps/dist/index.css\";\n@import \"~@gemeente-denhaag/step-marker/dist/index.css\";\n\n:host {\n  display: contents;\n}\n\n:host([hidden]) {\n  display: none !important;\n}\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 } from '@stencil/core';\n\n@Component({\n  tag: 'utrecht-progress-list',\n  styleUrl: 'progress-list.scss',\n  shadow: true,\n})\nexport class StepProgressList {\n  render() {\n    return (\n      <ol class=\"denhaag-process-steps\">\n        <slot></slot>\n      </ol>\n    );\n  }\n}\n"],"version":3}
+{"file":"utrecht-progress-list.js","mappings":";;AAAA,MAAM,eAAe,GAAG,i4ZAAi4Z,CAAC;AAC15Z,kCAAe,eAAe;;MCYjB,gBAAgB;;;;;;IAC3B,MAAM;QACJ,QACE,2DAAI,KAAK,EAAC,uBAAuB,IAC/B,8DAAa,CACV,EACL;KACH;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/progress-list.scss?tag=utrecht-progress-list&encapsulation=shadow","src/components/progress-list.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@import \"~@gemeente-denhaag/process-steps/dist/index.css\";\n@import \"~@gemeente-denhaag/step-marker/dist/index.css\";\n\n:host {\n  display: contents;\n}\n\n:host([hidden]) {\n  display: none !important;\n}\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 } from '@stencil/core';\n\n@Component({\n  tag: 'utrecht-progress-list',\n  styleUrl: 'progress-list.scss',\n  shadow: true,\n})\nexport class StepProgressList {\n  render() {\n    return (\n      <ol class=\"denhaag-process-steps\">\n        <slot></slot>\n      </ol>\n    );\n  }\n}\n"],"version":3}

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

@@ -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 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--nested{gap:24px}.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__step-meta--nested{font-size:var(--denhaag-process-steps-step-meta-nested-font-size, var(--denhaag-process-steps-step-meta-font-size));margin-block-start:var(--denhaag-process-steps-step-meta-nested-margin-block-start);margin-inline-start:48px}.denhaag-process-steps__sub-step{position:relative;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-progress-sublist-item.js.map

@@ -1 +1 @@
-{"file":"utrecht-progress-sublist-item.js","mappings":";;;AAAA,MAAM,eAAe,GAAG,+nZAA+nZ,CAAC;AACxpZ,yCAAe,eAAe;;MCajB,uBAAuB;;;;;;uBAEN,KAAK;;IACjC,MAAM;QACJ,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC;QACrC,QACE,2DAAI,KAAK,EAAE,IAAI,CAAC,iCAAiC,EAAE,oCAAoC,UAAU,EAAE,CAAC,IAClG,4DAAK,KAAK,EAAC,oCAAoC,IAC7C,4DACE,KAAK,EAAE,IAAI,CAAC,qBAAqB,EAAE,6BAA6B,EAAE;gBAChE,8BAA8B,EAAE,OAAO;gBACvC,kCAAkC,EAAE,CAAC,OAAO;aAC7C,CAAC,IAEF,6DAAM,IAAI,EAAC,QAAQ,GAAG,EACrB,OAAO,KACN,4DACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,KAAK,EACX,MAAM,EAAC,KAAK,EACZ,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,cAAc,EACpB,SAAS,EAAC,OAAO,iBACL,MAAM,qBACF,MAAM,IAEtB,6DACE,CAAC,EAAC,sIAAsI,EACxI,MAAM,EAAC,cAAc,kBACR,MAAM,GACb,CACJ,CACP,CACG,EACN,0DACE,KAAK,EAAE,IAAI,CAAC,yCAAyC,EAAE;gBACrD,kDAAkD,EAAE,OAAO;aAC5D,CAAC,IAEF,8DAAQ,CACN,CACA,CACH,EACL;KACH;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/progress-list.scss?tag=utrecht-progress-sublist-item&encapsulation=shadow","src/components/progress-sublist-item.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@import \"~@gemeente-denhaag/process-steps/dist/index.css\";\n@import \"~@gemeente-denhaag/step-marker/dist/index.css\";\n\n:host {\n  display: contents;\n}\n\n:host([hidden]) {\n  display: none !important;\n}\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-progress-sublist-item',\n  styleUrl: 'progress-list.scss',\n  shadow: true,\n})\nexport class StepProgressSublistItem {\n  @Prop() appearance?: string;\n  @Prop() checked?: boolean = false;\n  render() {\n    const { appearance, checked } = this;\n    return (\n      <li class={clsx('denhaag-process-steps__sub-step', `denhaag-process-steps__sub-step--${appearance}`)}>\n        <div class=\"denhaag-process-steps__step-header\">\n          <div\n            class={clsx('denhaag-step-marker', 'denhaag-step-marker--nested', {\n              'denhaag-step-marker--checked': checked,\n              'denhaag-step-marker--not-checked': !checked,\n            })}\n          >\n            <slot name=\"marker\" />\n            {checked && (\n              <svg\n                xmlns=\"http://www.w3.org/2000/svg\"\n                width=\"1em\"\n                height=\"1em\"\n                viewBox=\"0 0 24 24\"\n                class=\"denhaag-icon\"\n                focusable=\"false\"\n                aria-hidden=\"true\"\n                shape-rendering=\"auto\"\n              >\n                <path\n                  d=\"M20.664 5.253a1 1 0 01.083 1.411l-10.666 12a1 1 0 01-1.495 0l-5.333-6a1 1 0 011.494-1.328l4.586 5.159 9.92-11.16a1 1 0 011.411-.082z\"\n                  stroke=\"currentColor\"\n                  stroke-width=\"1.75\"\n                ></path>\n              </svg>\n            )}\n          </div>\n          <p\n            class={clsx('denhaag-process-steps__sub-step-heading', {\n              'denhaag-process-steps__sub-step-heading--checked': checked,\n            })}\n          >\n            <slot />\n          </p>\n        </div>\n      </li>\n    );\n  }\n}\n"],"version":3}
+{"file":"utrecht-progress-sublist-item.js","mappings":";;;AAAA,MAAM,eAAe,GAAG,i4ZAAi4Z,CAAC;AAC15Z,yCAAe,eAAe;;MCajB,uBAAuB;;;;;;uBAEN,KAAK;;IACjC,MAAM;QACJ,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC;QACrC,QACE,2DAAI,KAAK,EAAE,IAAI,CAAC,iCAAiC,EAAE,oCAAoC,UAAU,EAAE,CAAC,IAClG,4DAAK,KAAK,EAAC,oCAAoC,IAC7C,4DACE,KAAK,EAAE,IAAI,CAAC,qBAAqB,EAAE,6BAA6B,EAAE;gBAChE,8BAA8B,EAAE,OAAO;gBACvC,kCAAkC,EAAE,CAAC,OAAO;aAC7C,CAAC,IAEF,6DAAM,IAAI,EAAC,QAAQ,GAAG,EACrB,OAAO,KACN,4DACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,KAAK,EACX,MAAM,EAAC,KAAK,EACZ,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,cAAc,EACpB,SAAS,EAAC,OAAO,iBACL,MAAM,qBACF,MAAM,IAEtB,6DACE,CAAC,EAAC,sIAAsI,EACxI,MAAM,EAAC,cAAc,kBACR,MAAM,GACb,CACJ,CACP,CACG,EACN,0DACE,KAAK,EAAE,IAAI,CAAC,yCAAyC,EAAE;gBACrD,kDAAkD,EAAE,OAAO;aAC5D,CAAC,IAEF,8DAAQ,CACN,CACA,CACH,EACL;KACH;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/progress-list.scss?tag=utrecht-progress-sublist-item&encapsulation=shadow","src/components/progress-sublist-item.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@import \"~@gemeente-denhaag/process-steps/dist/index.css\";\n@import \"~@gemeente-denhaag/step-marker/dist/index.css\";\n\n:host {\n  display: contents;\n}\n\n:host([hidden]) {\n  display: none !important;\n}\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-progress-sublist-item',\n  styleUrl: 'progress-list.scss',\n  shadow: true,\n})\nexport class StepProgressSublistItem {\n  @Prop() appearance?: string;\n  @Prop() checked?: boolean = false;\n  render() {\n    const { appearance, checked } = this;\n    return (\n      <li class={clsx('denhaag-process-steps__sub-step', `denhaag-process-steps__sub-step--${appearance}`)}>\n        <div class=\"denhaag-process-steps__step-header\">\n          <div\n            class={clsx('denhaag-step-marker', 'denhaag-step-marker--nested', {\n              'denhaag-step-marker--checked': checked,\n              'denhaag-step-marker--not-checked': !checked,\n            })}\n          >\n            <slot name=\"marker\" />\n            {checked && (\n              <svg\n                xmlns=\"http://www.w3.org/2000/svg\"\n                width=\"1em\"\n                height=\"1em\"\n                viewBox=\"0 0 24 24\"\n                class=\"denhaag-icon\"\n                focusable=\"false\"\n                aria-hidden=\"true\"\n                shape-rendering=\"auto\"\n              >\n                <path\n                  d=\"M20.664 5.253a1 1 0 01.083 1.411l-10.666 12a1 1 0 01-1.495 0l-5.333-6a1 1 0 011.494-1.328l4.586 5.159 9.92-11.16a1 1 0 011.411-.082z\"\n                  stroke=\"currentColor\"\n                  stroke-width=\"1.75\"\n                ></path>\n              </svg>\n            )}\n          </div>\n          <p\n            class={clsx('denhaag-process-steps__sub-step-heading', {\n              'denhaag-process-steps__sub-step-heading--checked': checked,\n            })}\n          >\n            <slot />\n          </p>\n        </div>\n      </li>\n    );\n  }\n}\n"],"version":3}

package/dist/components/utrecht-root.js

@@ -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 rootCss = ":host{-webkit-font-smoothing:auto !important;-moz-osx-font-smoothing:auto !important;background-color:var(--utrecht-root-background-color, Canvas);block-size:100%;color:var(--utrecht-root-color, CanvasText);font-family:var(--utrecht-root-font-family);font-size-adjust:var(--utrecht-root-font-size-adjust, 0.5);font-weight:var(--utrecht-root-font-weight, var(--utrecht-body-font-weight));-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;inline-size:100%;overflow-block:auto;overflow-inline:auto;overflow-wrap:break-word;position:relative;text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}@media (prefers-reduced-motion: no-preference){:host{scroll-behavior:smooth}}:host{font-size:var(--utrecht-root-font-size, var(--utrecht-body-font-size));line-height:var(--utrecht-root-line-height, var(--utrecht-body-line-height))}: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-root.js.map

@@ -1 +1 @@
-{"file":"utrecht-root.js","mappings":";;AAAA,MAAM,OAAO,GAAG,yiBAAyiB,CAAC;AAC1jB,0BAAe,OAAO;;MCaT,IAAI;;;;;;IACf,MAAM;QACJ,OAAO,8DAAa,CAAC;KACtB;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/root.scss?tag=utrecht-root&encapsulation=shadow","src/components/root.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\n@use \"~@utrecht/root-css/src/mixin\" as *;\n\n:host {\n  @include utrecht-root;\n}\n\n:host([hidden]) {\n  display: none !important;\n}\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 } from '@stencil/core';\n\n@Component({\n  tag: 'utrecht-root',\n  styleUrl: 'root.scss',\n  // No shadow DOM, to affect the `<html>` and `<body>` element\n  shadow: true,\n})\nexport class Root {\n  render() {\n    return <slot></slot>;\n  }\n}\n"],"version":3}
+{"file":"utrecht-root.js","mappings":";;AAAA,MAAM,OAAO,GAAG,+6BAA+6B,CAAC;AACh8B,0BAAe,OAAO;;MCaT,IAAI;;;;;;IACf,MAAM;QACJ,OAAO,8DAAa,CAAC;KACtB;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/root.scss?tag=utrecht-root&encapsulation=shadow","src/components/root.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\n@use \"~@utrecht/root-css/src/mixin\" as *;\n\n:host {\n  @include utrecht-root;\n  @include utrecht-root__font-size-container;\n}\n\n:host([hidden]) {\n  display: none !important;\n}\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 } from '@stencil/core';\n\n@Component({\n  tag: 'utrecht-root',\n  styleUrl: 'root.scss',\n  // No shadow DOM, to affect the `<html>` and `<body>` element\n  shadow: true,\n})\nexport class Root {\n  render() {\n    return <slot></slot>;\n  }\n}\n"],"version":3}

package/dist/components/utrecht-separator.js

@@ -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

@@ -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

@@ -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}
+{"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

@@ -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

@@ -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();

package/dist/components/utrecht-status-badge.js

@@ -1,9 +1,9 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { p as proxyCustomElement, H, h } from './p-2f0ff193.js';
 
-const statusBadgeCss = ".utrecht-status-badge{background-color:var(--utrecht-badge-background-color, hsl(0, 0%, 0%));border-radius:var(--utrecht-badge-border-radius, 0.5ch);color:var(--utrecht-badge-color, hsl(0, 0%, 100%));display:inline-block;font-family:var(--utrecht-document-font-family, sans-serif);font-size:var(--utrecht-badge-font-size, inherit);font-style:var(--utrecht-badge-font-style, normal);font-weight:var(--utrecht-badge-font-weight, bold);line-height:var(--utrecht-badge-line-height, 1em);max-block-size:max-content;max-inline-size:max-content;min-block-size:1em;min-inline-size:1em;padding-block-end:var(--utrecht-badge-padding-block, 0.5ex);padding-block-start:var(--utrecht-badge-padding-block, 0.5ex);padding-inline-end:var(--utrecht-badge-padding-inline, 0.5ch);padding-inline-start:var(--utrecht-badge-padding-inline, 0.5ch);text-decoration:none;--utrecht-badge-background-color:var(--utrecht-status-badge-background-color);--utrecht-badge-border-radius:var(--utrecht-status-badge-border-radius);--utrecht-badge-color:var(--utrecht-status-badge-color);--utrecht-badge-font-size:var(--utrecht-status-badge-font-size, inherit);--utrecht-badge-font-style:var(--utrecht-status-badge-font-style);--utrecht-badge-font-weight:var(--utrecht-status-badge-font-weight);--utrecht-badge-line-height:var(--utrecht-status-badge-line-height);--utrecht-badge-padding-block:var(--utrecht-status-badge-padding-block);--utrecht-badge-padding-inline:var(--utrecht-status-badge-padding-inline);border-color:var(--utrecht-status-badge-border-color, transparent);border-width:var(--utrecht-status-badge-border-width);font-family:var(--utrecht-status-badge-font-family, inherit);letter-spacing:var(--utrecht-status-badge-letter-spacing, inherit);min-block-size:var(--utrecht-status-badge-min-block-size, 1em);min-inline-size:var(--utrecht-status-badge-min-inline-size, 1em);text-transform:var(--utrecht-status-badge-text-transform, inherit)}@media screen and (-ms-high-contrast: active), screen and (forced-colors: active){.utrecht-status-badge{border-color:currentColor;border-style:solid;border-width:1px}}.utrecht-status-badge--danger{background-color:var(--utrecht-status-badge-danger-background-color, hsl(0, 100%, 40%));border-color:var(--utrecht-status-badge-danger-border-color);color:var(--utrecht-status-badge-danger-color, white)}.utrecht-status-badge--warning{background-color:var(--utrecht-status-badge-warning-background-color, hsl(48, 100%, 50%));border-color:var(--utrecht-status-badge-warning-border-color);color:var(--utrecht-status-badge-warning-color, white)}.utrecht-status-badge--safe{background-color:var(--utrecht-status-badge-safe-background-color, hsl(90, 30%, 50%));border-color:var(--utrecht-status-badge-safe-border-color);color:var(--utrecht-status-badge-safe-color, white)}.utrecht-status-badge--neutral{background-color:var(--utrecht-status-badge-neutral-background-color, black);border-color:var(--utrecht-status-badge-neutral-border-color);color:var(--utrecht-status-badge-neutral-color, white)}.utrecht-status-badge--valid{background-color:var(--utrecht-status-badge-valid-background-color, var(--utrecht-status-badge-safe-background-color, hsl(90, 30%, 50%)));border-color:var(--utrecht-status-badge-valid-border-color);color:var(--utrecht-status-badge-valid-color, var(--utrecht-status-badge-safe-color, white))}.utrecht-status-badge--invalid{background-color:var(--utrecht-status-badge-invalid-background-color, var(--utrecht-status-badge-danger-background-color, hsl(39, 100%, 50%)));border-color:var(--utrecht-status-badge-invalid-border-color);color:var(--utrecht-status-badge-invalid-color, var(--utrecht-status-badge-danger-color, white))}.utrecht-status-badge--error{background-color:var(--utrecht-status-badge-error-background-color, var(--utrecht-status-badge-danger-background-color, hsl(0, 100%, 30%)));color:var(--utrecht-status-badge-error-color, var(--utrecht-status-badge-danger-color, white))}.utrecht-status-badge--success{background-color:var(--utrecht-status-badge-success-background-color, var(--utrecht-status-badge-safe-background-color, hsl(90, 30%, 50%)));border-color:var(--utrecht-status-badge-success-border-color);color:var(--utrecht-status-badge-success-color, var(--utrecht-status-badge-safe-color, white))}.utrecht-status-badge--active{background-color:var(--utrecht-status-badge-active-background-color, var(--utrecht-status-badge-safe-background-color, hsl(90, 30%, 50%)));border-color:var(--utrecht-status-badge-active-border-color);color:var(--utrecht-status-badge-active-color, var(--utrecht-status-badge-safe-color, white))}.utrecht-status-badge--inactive{background-color:var(--utrecht-status-badge-inactive-background-color, var(--utrecht-status-badge-danger-background-color, hsl(0, 100%, 40%)));border-color:var(--utrecht-status-badge-inactive-border-color);color:var(--utrecht-status-badge-inactive-color, var(--utrecht-status-badge-danger-color, white))}:host{display:inline-block}:host([hidden]){display:none !important}";
+const statusBadgeCss = ".utrecht-status-badge{background-color:var(--utrecht-badge-background-color, hsl(0, 0%, 0%));border-radius:var(--utrecht-badge-border-radius, 0.5ch);color:var(--utrecht-badge-color, hsl(0, 0%, 100%));display:inline-block;font-family:var(--utrecht-document-font-family, sans-serif);font-size:var(--utrecht-badge-font-size, inherit);font-style:var(--utrecht-badge-font-style, normal);font-weight:var(--utrecht-badge-font-weight, bold);line-height:var(--utrecht-badge-line-height, 1em);max-block-size:max-content;max-inline-size:max-content;min-block-size:1em;min-inline-size:1em;padding-block-end:var(--utrecht-badge-padding-block, 0.5ex);padding-block-start:var(--utrecht-badge-padding-block, 0.5ex);padding-inline-end:var(--utrecht-badge-padding-inline, 0.5ch);padding-inline-start:var(--utrecht-badge-padding-inline, 0.5ch);text-decoration:none;}@media screen and (-ms-high-contrast: active), screen and (forced-colors: active){.utrecht-status-badge{border-color:currentColor;border-style:solid;border-width:1px}}.utrecht-status-badge{--utrecht-badge-background-color:var(--utrecht-status-badge-background-color);--utrecht-badge-border-radius:var(--utrecht-status-badge-border-radius);--utrecht-badge-color:var(--utrecht-status-badge-color);--utrecht-badge-font-size:var(--utrecht-status-badge-font-size, inherit);--utrecht-badge-font-style:var(--utrecht-status-badge-font-style);--utrecht-badge-font-weight:var(--utrecht-status-badge-font-weight);--utrecht-badge-line-height:var(--utrecht-status-badge-line-height);--utrecht-badge-padding-block:var(--utrecht-status-badge-padding-block);--utrecht-badge-padding-inline:var(--utrecht-status-badge-padding-inline);border-color:var(--utrecht-status-badge-border-color, transparent);border-width:var(--utrecht-status-badge-border-width);font-family:var(--utrecht-status-badge-font-family, inherit);letter-spacing:var(--utrecht-status-badge-letter-spacing, inherit);min-block-size:var(--utrecht-status-badge-min-block-size, 1em);min-inline-size:var(--utrecht-status-badge-min-inline-size, 1em);text-transform:var(--utrecht-status-badge-text-transform, inherit)}.utrecht-status-badge--danger{background-color:var(--utrecht-status-badge-danger-background-color, hsl(0, 100%, 40%));border-color:var(--utrecht-status-badge-danger-border-color);color:var(--utrecht-status-badge-danger-color, white)}.utrecht-status-badge--warning{background-color:var(--utrecht-status-badge-warning-background-color, hsl(48, 100%, 50%));border-color:var(--utrecht-status-badge-warning-border-color);color:var(--utrecht-status-badge-warning-color, white)}.utrecht-status-badge--safe{background-color:var(--utrecht-status-badge-safe-background-color, hsl(90, 30%, 50%));border-color:var(--utrecht-status-badge-safe-border-color);color:var(--utrecht-status-badge-safe-color, white)}.utrecht-status-badge--neutral{background-color:var(--utrecht-status-badge-neutral-background-color, black);border-color:var(--utrecht-status-badge-neutral-border-color);color:var(--utrecht-status-badge-neutral-color, white)}.utrecht-status-badge--valid{background-color:var(--utrecht-status-badge-valid-background-color, var(--utrecht-status-badge-safe-background-color, hsl(90, 30%, 50%)));border-color:var(--utrecht-status-badge-valid-border-color);color:var(--utrecht-status-badge-valid-color, var(--utrecht-status-badge-safe-color, white))}.utrecht-status-badge--invalid{background-color:var(--utrecht-status-badge-invalid-background-color, var(--utrecht-status-badge-danger-background-color, hsl(39, 100%, 50%)));border-color:var(--utrecht-status-badge-invalid-border-color);color:var(--utrecht-status-badge-invalid-color, var(--utrecht-status-badge-danger-color, white))}.utrecht-status-badge--error{background-color:var(--utrecht-status-badge-error-background-color, var(--utrecht-status-badge-danger-background-color, hsl(0, 100%, 30%)));color:var(--utrecht-status-badge-error-color, var(--utrecht-status-badge-danger-color, white))}.utrecht-status-badge--success{background-color:var(--utrecht-status-badge-success-background-color, var(--utrecht-status-badge-safe-background-color, hsl(90, 30%, 50%)));border-color:var(--utrecht-status-badge-success-border-color);color:var(--utrecht-status-badge-success-color, var(--utrecht-status-badge-safe-color, white))}.utrecht-status-badge--active{background-color:var(--utrecht-status-badge-active-background-color, var(--utrecht-status-badge-safe-background-color, hsl(90, 30%, 50%)));border-color:var(--utrecht-status-badge-active-border-color);color:var(--utrecht-status-badge-active-color, var(--utrecht-status-badge-safe-color, white))}.utrecht-status-badge--inactive{background-color:var(--utrecht-status-badge-inactive-background-color, var(--utrecht-status-badge-danger-background-color, hsl(0, 100%, 40%)));border-color:var(--utrecht-status-badge-inactive-border-color);color:var(--utrecht-status-badge-inactive-color, var(--utrecht-status-badge-danger-color, white))}:host{display:inline-block}:host([hidden]){display:none !important}";
 const UtrechtStatusBadgeStyle0 = statusBadgeCss;
 
-const StatusBadge = /*@__PURE__*/ proxyCustomElement(class StatusBadge extends HTMLElement {
+const StatusBadge = /*@__PURE__*/ proxyCustomElement(class StatusBadge extends H {
     constructor() {
         super();
         this.__registerHost();

package/dist/components/utrecht-status-badge.js.map

@@ -1 +1 @@
-{"file":"utrecht-status-badge.js","mappings":";;AAAA,MAAM,cAAc,GAAG,m3JAAm3J,CAAC;AAC34J,iCAAe,cAAc;;MCYhB,WAAW;;;;;;;IAGtB,MAAM;QACJ,QACE,4DAAK,KAAK,EAAE,8CAA8C,IAAI,CAAC,MAAM,IAAI,SAAS,EAAE,IAClF,8DAAa,CACT,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/status-badge.scss?tag=utrecht-status-badge&encapsulation=shadow","src/components/status-badge.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\n@use \"~@utrecht/status-badge-css/src\" as *;\n\n:host {\n  display: inline-block;\n}\n\n:host([hidden]) {\n  display: none !important;\n}\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';\n\n@Component({\n  tag: 'utrecht-status-badge',\n  styleUrl: 'status-badge.scss',\n  shadow: true,\n})\nexport class StatusBadge {\n  @Prop() status: string;\n\n  render() {\n    return (\n      <div class={`utrecht-status-badge utrecht-status-badge--${this.status || 'neutral'}`}>\n        <slot></slot>\n      </div>\n    );\n  }\n}\n"],"version":3}
+{"file":"utrecht-status-badge.js","mappings":";;AAAA,MAAM,cAAc,GAAG,04JAA04J,CAAC;AACl6J,iCAAe,cAAc;;MCYhB,WAAW;;;;;;;IAGtB,MAAM;QACJ,QACE,4DAAK,KAAK,EAAE,8CAA8C,IAAI,CAAC,MAAM,IAAI,SAAS,EAAE,IAClF,8DAAa,CACT,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/status-badge.scss?tag=utrecht-status-badge&encapsulation=shadow","src/components/status-badge.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\n@use \"~@utrecht/status-badge-css/src\" as *;\n\n:host {\n  display: inline-block;\n}\n\n:host([hidden]) {\n  display: none !important;\n}\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';\n\n@Component({\n  tag: 'utrecht-status-badge',\n  styleUrl: 'status-badge.scss',\n  shadow: true,\n})\nexport class StatusBadge {\n  @Prop() status: string;\n\n  render() {\n    return (\n      <div class={`utrecht-status-badge utrecht-status-badge--${this.status || 'neutral'}`}>\n        <slot></slot>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/components/utrecht-surface.js

@@ -1,9 +1,9 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { p as proxyCustomElement, H, h } from './p-2f0ff193.js';
 
 const surfaceCss = ".utrecht-surface{background-color:var(--utrecht-surface-background-color, inherit);color:var(--utrecht-surface-color, inherit)}.utrecht-surface--html-body{margin-block-end:0;margin-block-start:0;margin-inline-end:0;margin-inline-start:0}:host{display:block}:host([hidden]){display:none !important}";
 const UtrechtSurfaceStyle0 = surfaceCss;
 
-const Surface = /*@__PURE__*/ proxyCustomElement(class Surface extends HTMLElement {
+const Surface = /*@__PURE__*/ proxyCustomElement(class Surface extends H {
     constructor() {
         super();
         this.__registerHost();

package/dist/components/utrecht-table-body.js

@@ -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 tableBodyCss = ":host{--_utrecht-table-header-cell-z-index:2;display:table-row-group}";
 const UtrechtTableBodyStyle0 = tableBodyCss;
 
-const TableBody = /*@__PURE__*/ proxyCustomElement(class TableBody extends HTMLElement {
+const TableBody = /*@__PURE__*/ proxyCustomElement(class TableBody extends H {
     constructor() {
         super();
         this.__registerHost();

package/dist/components/utrecht-table-caption.js

@@ -1,9 +1,9 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { p as proxyCustomElement, H, h } from './p-2f0ff193.js';
 
-const tableCaptionCss = ":host{break-inside:avoid;color:var(--utrecht-table-caption-color);font-family:var(--utrecht-table-caption-font-family);font-size:var(--utrecht-table-caption-font-size);font-weight:var(--utrecht-table-caption-font-weight);line-height:var(--utrecht-table-caption-line-height);margin-block-end:var(--utrecht-table-caption-margin-block-end);page-break-after:avoid;text-align:var(--utrecht-table-caption-text-align, center);display:table-caption;page-break-after:avoid;page-break-inside:avoid}";
+const tableCaptionCss = ":host{break-after:avoid;break-inside:avoid;color:var(--utrecht-table-caption-color);font-family:var(--utrecht-table-caption-font-family);font-size:var(--utrecht-table-caption-font-size);font-weight:var(--utrecht-table-caption-font-weight);line-height:var(--utrecht-table-caption-line-height);margin-block-end:var(--utrecht-table-caption-margin-block-end);text-align:var(--utrecht-table-caption-text-align, center);break-after:avoid;break-inside:avoid;display:table-caption}";
 const UtrechtTableCaptionStyle0 = tableCaptionCss;
 
-const TableCaption = /*@__PURE__*/ proxyCustomElement(class TableCaption extends HTMLElement {
+const TableCaption = /*@__PURE__*/ proxyCustomElement(class TableCaption extends H {
     constructor() {
         super();
         this.__registerHost();

package/dist/components/utrecht-table-caption.js.map

@@ -1 +1 @@
-{"file":"utrecht-table-caption.js","mappings":";;AAAA,MAAM,eAAe,GAAG,0eAA0e,CAAC;AACngB,kCAAe,eAAe;;MCMjB,YAAY;;;;;;IACvB,MAAM;;QAEJ,OAAO,8DAAa,CAAC;KACtB;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/table-caption.scss?tag=utrecht-table-caption&encapsulation=shadow","src/components/table-caption.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\n@use \"~@utrecht/table-css/src/mixin\" as *;\n\n:host {\n  @include utrecht-table__caption;\n\n  display: table-caption;\n  page-break-after: avoid;\n  page-break-inside: avoid;\n}\n","import { Component, h } from '@stencil/core';\n\n@Component({\n  tag: 'utrecht-table-caption',\n  styleUrl: 'table-caption.scss',\n  shadow: true,\n})\nexport class TableCaption {\n  render() {\n    // TODO: Associate with parent <utrecht-table> aria-labelledby attribute\n    return <slot></slot>;\n  }\n}\n"],"version":3}
+{"file":"utrecht-table-caption.js","mappings":";;AAAA,MAAM,eAAe,GAAG,2dAA2d,CAAC;AACpf,kCAAe,eAAe;;MCMjB,YAAY;;;;;;IACvB,MAAM;;QAEJ,OAAO,8DAAa,CAAC;KACtB;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/table-caption.scss?tag=utrecht-table-caption&encapsulation=shadow","src/components/table-caption.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\n@use \"~@utrecht/table-css/src/mixin\" as *;\n\n:host {\n  @include utrecht-table__caption;\n\n  break-after: avoid;\n  break-inside: avoid;\n  display: table-caption;\n}\n","import { Component, h } from '@stencil/core';\n\n@Component({\n  tag: 'utrecht-table-caption',\n  styleUrl: 'table-caption.scss',\n  shadow: true,\n})\nexport class TableCaption {\n  render() {\n    // TODO: Associate with parent <utrecht-table> aria-labelledby attribute\n    return <slot></slot>;\n  }\n}\n"],"version":3}

package/dist/components/utrecht-table-cell.js

@@ -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 tableCellCss = ":host{--utrecht-icon-size:var(--utrecht-table-cell-icon-size);block-size:var(--utrecht-table-cell-line-height, 1em);line-height:var(--utrecht-table-cell-line-height, inherit);padding-block-end:var(--utrecht-table-cell-padding-block-end, 0);padding-block-start:var(--utrecht-table-cell-padding-block-start, 0);padding-inline-end:var(--utrecht-table-cell-padding-inline-end, 0);padding-inline-start:var(--utrecht-table-cell-padding-inline-start, 0);text-align:start;border-block-end-color:var(--utrecht-table-row-border-block-end-color, transparent);border-block-end-style:solid;border-block-end-width:var(--utrecht-table-row-border-block-end-width, 0);vertical-align:top;display:table-cell}";
 const UtrechtTableCellStyle0 = tableCellCss;
 
-const TableCell = /*@__PURE__*/ proxyCustomElement(class TableCell extends HTMLElement {
+const TableCell = /*@__PURE__*/ proxyCustomElement(class TableCell extends H {
     constructor() {
         super();
         this.__registerHost();

package/dist/components/utrecht-table-container.js

@@ -1,9 +1,9 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { p as proxyCustomElement, H, h } from './p-2f0ff193.js';
 
-const tableContainerCss = "utrecht-table-container{display:block;overflow:auto;background-attachment:local, local, scroll, scroll;background-image:linear-gradient(to right, white, white), linear-gradient(to right, white, white), linear-gradient(to right, rgba(0, 0, 0, 0.25), rgba(255, 255, 255, 0)), linear-gradient(to left, rgba(0, 0, 0, 0.25), rgba(255, 255, 255, 0));background-position:left center, right center, left center, right center;background-repeat:no-repeat;background-size:20px 100%, 20px 100%, 10px 100%, 10px 100%}utrecht-table-container table{}utrecht-table-container table>caption{break-inside:avoid;color:var(--utrecht-table-caption-color);font-family:var(--utrecht-table-caption-font-family);font-size:var(--utrecht-table-caption-font-size);font-weight:var(--utrecht-table-caption-font-weight);line-height:var(--utrecht-table-caption-line-height);margin-block-end:var(--utrecht-table-caption-margin-block-end);page-break-after:avoid;text-align:var(--utrecht-table-caption-text-align, center)}utrecht-table-container table>thead{--_utrecht-table-header-cell-vertical-align:bottom;--_utrecht-table-header-cell-z-index:8;background-color:var(--utrecht-table-header-background-color, transparent);break-inside:avoid;color:var(--utrecht-table-header-color);font-weight:var(--utrecht-table-header-font-weight);page-break-inside:avoid;text-transform:var(--utrecht-table-header-text-transform)}utrecht-table-container table>tbody{--_utrecht-table-header-cell-z-index:2}utrecht-table-container table>tr,utrecht-table-container table>thead>tr,utrecht-table-container table>tbody>tr,utrecht-table-container table>tfoot>tr{break-inside:avoid;page-break-inside:avoid}utrecht-table-container table>thead>tr:last-of-type{border-block-end-color:var(--utrecht-table-header-border-block-end-color, transparent);border-block-end-style:solid;border-block-end-width:var(--utrecht-table-header-border-block-end-width, 0)}utrecht-table-container table>tr>th,utrecht-table-container table>thead>tr>th,utrecht-table-container table>tbody>tr>th,utrecht-table-container table>tfoot>tr>th{--utrecht-icon-size:var(--utrecht-table-cell-icon-size);block-size:var(--utrecht-table-cell-line-height, 1em);line-height:var(--utrecht-table-cell-line-height, inherit);padding-block-end:var(--utrecht-table-cell-padding-block-end, 0);padding-block-start:var(--utrecht-table-cell-padding-block-start, 0);padding-inline-end:var(--utrecht-table-cell-padding-inline-end, 0);padding-inline-start:var(--utrecht-table-cell-padding-inline-start, 0);text-align:start;color:var(--utrecht-table-header-cell-color);font-size:var(--utrecht-table-header-cell-font-size);font-weight:var(--utrecht-table-header-cell-font-weight, bold);text-transform:var(--utrecht-table-header-cell-text-transform);vertical-align:var(--_utrecht-table-header-cell-vertical-align, top);z-index:var(--_utrecht-table-header-cell-z-index)}utrecht-table-container table>tr>td,utrecht-table-container table>thead>tr>td,utrecht-table-container table>tbody>tr>td,utrecht-table-container table>tfoot>tr>td{--utrecht-icon-size:var(--utrecht-table-cell-icon-size);block-size:var(--utrecht-table-cell-line-height, 1em);line-height:var(--utrecht-table-cell-line-height, inherit);padding-block-end:var(--utrecht-table-cell-padding-block-end, 0);padding-block-start:var(--utrecht-table-cell-padding-block-start, 0);padding-inline-end:var(--utrecht-table-cell-padding-inline-end, 0);padding-inline-start:var(--utrecht-table-cell-padding-inline-start, 0);text-align:start;border-block-end-color:var(--utrecht-table-row-border-block-end-color, transparent);border-block-end-style:solid;border-block-end-width:var(--utrecht-table-row-border-block-end-width, 0);vertical-align:top}utrecht-table-container table>tr>td:last-child,utrecht-table-container table>thead>tr>td:last-child,utrecht-table-container table>tbody>tr>td:last-child,utrecht-table-container table>tfoot>tr>td:last-child{padding-inline-end:var(--utrecht-table-row-padding-inline-end, var(--utrecht-table-cell-padding-inline-end, 0))}utrecht-table-container table>tr>td:first-child,utrecht-table-container table>thead>tr>td:first-child,utrecht-table-container table>tbody>tr>td:first-child,utrecht-table-container table>tfoot>tr>td:first-child{padding-inline-start:var(--utrecht-table-row-padding-inline-start, var(--utrecht-table-cell-padding-inline-start, 0))}";
+const tableContainerCss = "utrecht-table-container{display:block;overflow:auto;background-attachment:local, local, scroll, scroll;background-image:linear-gradient(to right, white, white), linear-gradient(to right, white, white), linear-gradient(to right, rgba(0, 0, 0, 0.25), rgba(255, 255, 255, 0)), linear-gradient(to left, rgba(0, 0, 0, 0.25), rgba(255, 255, 255, 0));background-position:left center, right center, left center, right center;background-repeat:no-repeat;background-size:20px 100%, 20px 100%, 10px 100%, 10px 100%}utrecht-table-container table>caption{break-after:avoid;break-inside:avoid;color:var(--utrecht-table-caption-color);font-family:var(--utrecht-table-caption-font-family);font-size:var(--utrecht-table-caption-font-size);font-weight:var(--utrecht-table-caption-font-weight);line-height:var(--utrecht-table-caption-line-height);margin-block-end:var(--utrecht-table-caption-margin-block-end);text-align:var(--utrecht-table-caption-text-align, center)}utrecht-table-container table>thead{--_utrecht-table-header-cell-vertical-align:bottom;--_utrecht-table-header-cell-z-index:8;background-color:var(--utrecht-table-header-background-color, transparent);break-inside:avoid;color:var(--utrecht-table-header-color);font-weight:var(--utrecht-table-header-font-weight);text-transform:var(--utrecht-table-header-text-transform)}utrecht-table-container table>tbody{--_utrecht-table-header-cell-z-index:2}utrecht-table-container table>tr,utrecht-table-container table>thead>tr,utrecht-table-container table>tbody>tr,utrecht-table-container table>tfoot>tr{break-inside:avoid}utrecht-table-container table>thead>tr:last-of-type{border-block-end-color:var(--utrecht-table-header-border-block-end-color, transparent);border-block-end-style:solid;border-block-end-width:var(--utrecht-table-header-border-block-end-width, 0)}utrecht-table-container table>tr>th,utrecht-table-container table>thead>tr>th,utrecht-table-container table>tbody>tr>th,utrecht-table-container table>tfoot>tr>th{--utrecht-icon-size:var(--utrecht-table-cell-icon-size);block-size:var(--utrecht-table-cell-line-height, 1em);line-height:var(--utrecht-table-cell-line-height, inherit);padding-block-end:var(--utrecht-table-cell-padding-block-end, 0);padding-block-start:var(--utrecht-table-cell-padding-block-start, 0);padding-inline-end:var(--utrecht-table-cell-padding-inline-end, 0);padding-inline-start:var(--utrecht-table-cell-padding-inline-start, 0);text-align:start;color:var(--utrecht-table-header-cell-color);font-size:var(--utrecht-table-header-cell-font-size);font-weight:var(--utrecht-table-header-cell-font-weight, bold);text-transform:var(--utrecht-table-header-cell-text-transform);vertical-align:var(--_utrecht-table-header-cell-vertical-align, top);z-index:var(--_utrecht-table-header-cell-z-index)}utrecht-table-container table>tr>td,utrecht-table-container table>thead>tr>td,utrecht-table-container table>tbody>tr>td,utrecht-table-container table>tfoot>tr>td{--utrecht-icon-size:var(--utrecht-table-cell-icon-size);block-size:var(--utrecht-table-cell-line-height, 1em);line-height:var(--utrecht-table-cell-line-height, inherit);padding-block-end:var(--utrecht-table-cell-padding-block-end, 0);padding-block-start:var(--utrecht-table-cell-padding-block-start, 0);padding-inline-end:var(--utrecht-table-cell-padding-inline-end, 0);padding-inline-start:var(--utrecht-table-cell-padding-inline-start, 0);text-align:start;border-block-end-color:var(--utrecht-table-row-border-block-end-color, transparent);border-block-end-style:solid;border-block-end-width:var(--utrecht-table-row-border-block-end-width, 0);vertical-align:top}utrecht-table-container table{}utrecht-table-container table>tr>td:last-child,utrecht-table-container table>thead>tr>td:last-child,utrecht-table-container table>tbody>tr>td:last-child,utrecht-table-container table>tfoot>tr>td:last-child{padding-inline-end:var(--utrecht-table-row-padding-inline-end, var(--utrecht-table-cell-padding-inline-end, 0))}utrecht-table-container table>tr>td:first-child,utrecht-table-container table>thead>tr>td:first-child,utrecht-table-container table>tbody>tr>td:first-child,utrecht-table-container table>tfoot>tr>td:first-child{padding-inline-start:var(--utrecht-table-row-padding-inline-start, var(--utrecht-table-cell-padding-inline-start, 0))}utrecht-table-container table{}";
 const UtrechtTableContainerStyle0 = tableContainerCss;
 
-const TableContainer = /*@__PURE__*/ proxyCustomElement(class TableContainer extends HTMLElement {
+const TableContainer = /*@__PURE__*/ proxyCustomElement(class TableContainer extends H {
     constructor() {
         super();
         this.__registerHost();

package/dist/components/utrecht-table-container.js.map

@@ -1 +1 @@
-{"file":"utrecht-table-container.js","mappings":";;AAAA,MAAM,iBAAiB,GAAG,0uIAA0uI,CAAC;AACrwI,oCAAe,iBAAiB;;MCMnB,cAAc;;;;;IACzB,MAAM;QACJ,OAAO,8DAAa,CAAC;KACtB;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/table-container.scss?tag=utrecht-table-container","src/components/table-container.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\n@use \"~@utrecht/table-css/src/mixin\" as *;\n\nutrecht-table-container {\n  @include utrecht-table-container;\n  @include utrecht-table-container--overflow-inline;\n}\n\nutrecht-table-container table {\n  @include utrecht-table--html-table;\n}\n","import { Component, h } from '@stencil/core';\n\n@Component({\n  tag: 'utrecht-table-container',\n  styleUrl: 'table-container.scss',\n  shadow: false,\n})\nexport class TableContainer {\n  render() {\n    return <slot></slot>;\n  }\n}\n"],"version":3}
+{"file":"utrecht-table-container.js","mappings":";;AAAA,MAAM,iBAAiB,GAAG,otIAAotI,CAAC;AAC/uI,oCAAe,iBAAiB;;MCMnB,cAAc;;;;;IACzB,MAAM;QACJ,OAAO,8DAAa,CAAC;KACtB;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/table-container.scss?tag=utrecht-table-container","src/components/table-container.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\n@use \"~@utrecht/table-css/src/mixin\" as *;\n\nutrecht-table-container {\n  @include utrecht-table-container;\n  @include utrecht-table-container--overflow-inline;\n}\n\nutrecht-table-container table {\n  @include utrecht-table--html-table;\n}\n","import { Component, h } from '@stencil/core';\n\n@Component({\n  tag: 'utrecht-table-container',\n  styleUrl: 'table-container.scss',\n  shadow: false,\n})\nexport class TableContainer {\n  render() {\n    return <slot></slot>;\n  }\n}\n"],"version":3}

package/dist/components/utrecht-table-footer.js

@@ -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 tableFooterCss = ":host{--_utrecht-table-header-cell-z-index:5;z-index:3;display:table-footer-group}";
 const UtrechtTableFooterStyle0 = tableFooterCss;
 
-const TableFooter = /*@__PURE__*/ proxyCustomElement(class TableFooter extends HTMLElement {
+const TableFooter = /*@__PURE__*/ proxyCustomElement(class TableFooter extends H {
     constructor() {
         super();
         this.__registerHost();

package/dist/components/utrecht-table-header-cell.js

@@ -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 tableHeaderCellCss = ":host{--utrecht-icon-size:var(--utrecht-table-cell-icon-size);block-size:var(--utrecht-table-cell-line-height, 1em);line-height:var(--utrecht-table-cell-line-height, inherit);padding-block-end:var(--utrecht-table-cell-padding-block-end, 0);padding-block-start:var(--utrecht-table-cell-padding-block-start, 0);padding-inline-end:var(--utrecht-table-cell-padding-inline-end, 0);padding-inline-start:var(--utrecht-table-cell-padding-inline-start, 0);text-align:start;color:var(--utrecht-table-header-cell-color);font-size:var(--utrecht-table-header-cell-font-size);font-weight:var(--utrecht-table-header-cell-font-weight, bold);text-transform:var(--utrecht-table-header-cell-text-transform);vertical-align:var(--_utrecht-table-header-cell-vertical-align, top);z-index:var(--_utrecht-table-header-cell-z-index);display:table-cell}";
 const UtrechtTableHeaderCellStyle0 = tableHeaderCellCss;
 
-const TableHeaderCell = /*@__PURE__*/ proxyCustomElement(class TableHeaderCell extends HTMLElement {
+const TableHeaderCell = /*@__PURE__*/ proxyCustomElement(class TableHeaderCell extends H {
     constructor() {
         super();
         this.__registerHost();

package/dist/components/utrecht-table-header.js

@@ -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 tableHeaderCss = ":host{--_utrecht-table-header-cell-vertical-align:bottom;--_utrecht-table-header-cell-z-index:8;background-color:var(--utrecht-table-header-background-color, transparent);break-inside:avoid;color:var(--utrecht-table-header-color);font-weight:var(--utrecht-table-header-font-weight);page-break-inside:avoid;text-transform:var(--utrecht-table-header-text-transform);display:table-header-group}";
+const tableHeaderCss = ":host{--_utrecht-table-header-cell-vertical-align:bottom;--_utrecht-table-header-cell-z-index:8;background-color:var(--utrecht-table-header-background-color, transparent);break-inside:avoid;color:var(--utrecht-table-header-color);font-weight:var(--utrecht-table-header-font-weight);text-transform:var(--utrecht-table-header-text-transform);display:table-header-group}";
 const UtrechtTableHeaderStyle0 = tableHeaderCss;
 
-const TableHeader = /*@__PURE__*/ proxyCustomElement(class TableHeader extends HTMLElement {
+const TableHeader = /*@__PURE__*/ proxyCustomElement(class TableHeader extends H {
     constructor() {
         super();
         this.__registerHost();

package/dist/components/utrecht-table-header.js.map

@@ -1 +1 @@
-{"file":"utrecht-table-header.js","mappings":";;AAAA,MAAM,cAAc,GAAG,yYAAyY,CAAC;AACja,iCAAe,cAAc;;MCMhB,WAAW;;;;;;IACtB,MAAM;QACJ,QACE,EAAC,IAAI,qDAAC,IAAI,EAAC,UAAU,IACnB,8DAAa,CACR,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/table-header.scss?tag=utrecht-table-header&encapsulation=shadow","src/components/table-header.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\n@use \"~@utrecht/table-css/src/mixin\" as *;\n\n:host {\n  @include utrecht-table__header;\n\n  display: table-header-group;\n}\n","import { Component, h, Host } from '@stencil/core';\n\n@Component({\n  tag: 'utrecht-table-header',\n  styleUrl: 'table-header.scss',\n  shadow: true,\n})\nexport class TableHeader {\n  render() {\n    return (\n      <Host role=\"rowgroup\">\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"utrecht-table-header.js","mappings":";;AAAA,MAAM,cAAc,GAAG,iXAAiX,CAAC;AACzY,iCAAe,cAAc;;MCMhB,WAAW;;;;;;IACtB,MAAM;QACJ,QACE,EAAC,IAAI,qDAAC,IAAI,EAAC,UAAU,IACnB,8DAAa,CACR,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/table-header.scss?tag=utrecht-table-header&encapsulation=shadow","src/components/table-header.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\n@use \"~@utrecht/table-css/src/mixin\" as *;\n\n:host {\n  @include utrecht-table__header;\n\n  display: table-header-group;\n}\n","import { Component, h, Host } from '@stencil/core';\n\n@Component({\n  tag: 'utrecht-table-header',\n  styleUrl: 'table-header.scss',\n  shadow: true,\n})\nexport class TableHeader {\n  render() {\n    return (\n      <Host role=\"rowgroup\">\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/utrecht-table-row.js

@@ -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 tableRowCss = ":host{break-inside:avoid;page-break-inside:avoid;display:table-row}";
+const tableRowCss = ":host{break-inside:avoid;display:table-row}";
 const UtrechtTableRowStyle0 = tableRowCss;
 
-const TableRow = /*@__PURE__*/ proxyCustomElement(class TableRow extends HTMLElement {
+const TableRow = /*@__PURE__*/ proxyCustomElement(class TableRow extends H {
     constructor() {
         super();
         this.__registerHost();

package/dist/components/utrecht-table-row.js.map

@@ -1 +1 @@
-{"file":"utrecht-table-row.js","mappings":";;AAAA,MAAM,WAAW,GAAG,qEAAqE,CAAC;AAC1F,8BAAe,WAAW;;MCMb,QAAQ;;;;;;IACnB,MAAM;QACJ,QACE,EAAC,IAAI,qDAAC,IAAI,EAAC,KAAK,IACd,8DAAa,CACR,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/table-row.scss?tag=utrecht-table-row&encapsulation=shadow","src/components/table-row.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\n@use \"~@utrecht/table-css/src/mixin\" as *;\n\n:host {\n  @include utrecht-table__row;\n\n  display: table-row;\n}\n","import { Component, h, Host } from '@stencil/core';\n\n@Component({\n  tag: 'utrecht-table-row',\n  styleUrl: 'table-row.scss',\n  shadow: true,\n})\nexport class TableRow {\n  render() {\n    return (\n      <Host role=\"row\">\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"utrecht-table-row.js","mappings":";;AAAA,MAAM,WAAW,GAAG,6CAA6C,CAAC;AAClE,8BAAe,WAAW;;MCMb,QAAQ;;;;;;IACnB,MAAM;QACJ,QACE,EAAC,IAAI,qDAAC,IAAI,EAAC,KAAK,IACd,8DAAa,CACR,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/table-row.scss?tag=utrecht-table-row&encapsulation=shadow","src/components/table-row.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\n@use \"~@utrecht/table-css/src/mixin\" as *;\n\n:host {\n  @include utrecht-table__row;\n\n  display: table-row;\n}\n","import { Component, h, Host } from '@stencil/core';\n\n@Component({\n  tag: 'utrecht-table-row',\n  styleUrl: 'table-row.scss',\n  shadow: true,\n})\nexport class TableRow {\n  render() {\n    return (\n      <Host role=\"row\">\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/utrecht-table.js

@@ -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 tableCss = ":host{border-collapse:separate;border-color:var(--utrecht-table-border-color, 0);border-spacing:0;border-style:solid;border-width:var(--utrecht-table-border-width, 0);font-family:var(--utrecht-table-font-family, var(--utrecht-document-font-family));font-size:var(--utrecht-table-font-size, inherit);inline-size:100%;line-height:var(--utrecht-table-line-height, inherit);margin-block-end:calc(var(--utrecht-space-around, 0) * var(--utrecht-table-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-table-margin-block-start, 0));display:table}";
 const UtrechtTableStyle0 = tableCss;
 
-const Table = /*@__PURE__*/ proxyCustomElement(class Table extends HTMLElement {
+const Table = /*@__PURE__*/ proxyCustomElement(class Table extends H {
     constructor() {
         super();
         this.__registerHost();