udp-stencil-component-library 25.18.1 → 25.18.2-beta.10

package/dist/esm/udp-calendar-week.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h } from './index-CaZq3YdB.js';
+import { r as registerInstance, h } from './index-DFnjA9NX.js';
 
-const udpCalendarWeekCss = "";
+const udpCalendarWeekCss = () => ``;
 
 const UdpCalendarWeek = class {
     constructor(hostRef) {
@@ -13,7 +13,6 @@ const UdpCalendarWeek = class {
         return (h("udp-calendar-base", Object.assign({ key: '8e63401dc7ed74b4d328799b80dfad45cd05b45a', initialView: 'dayGridWeek' }, this.props)));
     }
 };
-UdpCalendarWeek.style = udpCalendarWeekCss;
+UdpCalendarWeek.style = udpCalendarWeekCss();
 
 export { UdpCalendarWeek as udp_calendar_week };
-//# sourceMappingURL=udp-calendar-week.entry.js.map

package/dist/esm/udp-calendar-year.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h } from './index-CaZq3YdB.js';
+import { r as registerInstance, h } from './index-DFnjA9NX.js';
 
-const udpCalendarYearCss = "";
+const udpCalendarYearCss = () => ``;
 
 const UdpCalendarYear = class {
     constructor(hostRef) {
@@ -13,7 +13,6 @@ const UdpCalendarYear = class {
         return (h("udp-calendar-base", Object.assign({ key: 'b4abdfa4927c7cd1f5f994786683713f0a1c820c', initialView: 'dayGridYear' }, this.props)));
     }
 };
-UdpCalendarYear.style = udpCalendarYearCss;
+UdpCalendarYear.style = udpCalendarYearCss();
 
 export { UdpCalendarYear as udp_calendar_year };
-//# sourceMappingURL=udp-calendar-year.entry.js.map

package/dist/esm/udp-card-action-area.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, H as Host } from './index-CaZq3YdB.js';
+import { r as registerInstance, h, H as Host } from './index-DFnjA9NX.js';
 
-const udpCardActionAreaCss = ":host{display:block;text-align:inherit}.button{display:block;width:100%;padding:0;border:none;background:none;cursor:pointer;text-align:inherit;color:inherit;font:inherit;outline:none;}.button:focus{outline:none}:host(:focus),:host(:focus-within){outline:var(--focus-outline)}:host(:hover){background-color:var(--udp-card-action-area-hover-background, var(--primary-color-alpha-10))}";
+const udpCardActionAreaCss = () => `:host{display:block;text-align:inherit}.button{display:block;width:100%;padding:0;border:none;background:none;cursor:pointer;text-align:inherit;color:inherit;font:inherit;outline:none;}.button:focus{outline:none}:host(:focus),:host(:focus-within){outline:var(--focus-outline)}:host(:hover){background-color:var(--udp-card-action-area-hover-background, var(--primary-color-alpha-10))}`;
 
 const UdpCardActionArea = class {
     constructor(hostRef) {
@@ -10,7 +10,6 @@ const UdpCardActionArea = class {
         return (h(Host, { key: '714b240b33c641aa73eb1d068a3f5f84ddd55745' }, h("button", { key: '9be3131f3a64af4e0e84dbd57b6f43bddb499bfc', class: "button" }, h("slot", { key: '59b2575af476add9703a63a782856d3f36e64535' }))));
     }
 };
-UdpCardActionArea.style = udpCardActionAreaCss;
+UdpCardActionArea.style = udpCardActionAreaCss();
 
 export { UdpCardActionArea as udp_card_action_area };
-//# sourceMappingURL=udp-card-action-area.entry.js.map

package/dist/esm/udp-card_6.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, F as Fragment, H as Host, a as getElement, c as createEvent } from './index-CaZq3YdB.js';
+import { r as registerInstance, h, F as Fragment, H as Host, a as getElement, c as createEvent } from './index-DFnjA9NX.js';
 
-const udpCardCss = ":host{display:block;background:var(--udp-card-background, #fff);overflow:hidden;color:var(--text-main);font-family:var(--font-family);font-size:var(--body2-font-size);font-weight:var(--body2-font-weight);line-height:var(--body2-line-height);position:relative;border-radius:var(--border-radius)}:host udp-adornment{position:absolute;top:0;left:0;bottom:0;width:4px;z-index:1}:host udp-card-content{position:relative;z-index:0}:host udp-card-action-area{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background:transparent;transition:background-color 0.3s ease}:host udp-card-action-area:hover{background:rgba(0, 0, 0, 0.04)}:host udp-card-actions{position:relative;z-index:2}:host udp-card-actions ::slotted(*){pointer-events:auto !important}:host(.outlined){border:1px solid var(--divider-color)}:host(.elevation-1){box-shadow:var(--elevation-01)}:host(.elevation-2){box-shadow:var(--elevation-02)}:host(.elevation-3){box-shadow:var(--elevation-03)}:host(.elevation-4){box-shadow:var(--elevation-04)}:host(.elevation-5){box-shadow:var(--elevation-05)}:host(.elevation-6){box-shadow:var(--elevation-06)}:host(.elevation-7){box-shadow:var(--elevation-07)}:host(.elevation-8){box-shadow:var(--elevation-08)}";
+const udpCardCss = () => `:host{display:block;background:var(--udp-card-background, #fff);overflow:hidden;color:var(--text-main);font-family:var(--font-family);font-size:var(--body2-font-size);font-weight:var(--body2-font-weight);line-height:var(--body2-line-height);position:relative;border-radius:var(--border-radius)}:host udp-adornment{position:absolute;top:0;left:0;bottom:0;width:4px;z-index:1}:host udp-card-content{position:relative;z-index:0}:host udp-card-action-area{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background:transparent;transition:background-color 0.3s ease}:host udp-card-action-area:hover{background:rgba(0, 0, 0, 0.04)}:host udp-card-actions{position:relative;z-index:2}:host udp-card-actions ::slotted(*){pointer-events:auto !important}:host(.outlined){border:1px solid var(--divider-color)}:host(.elevation-1){box-shadow:var(--elevation-01)}:host(.elevation-2){box-shadow:var(--elevation-02)}:host(.elevation-3){box-shadow:var(--elevation-03)}:host(.elevation-4){box-shadow:var(--elevation-04)}:host(.elevation-5){box-shadow:var(--elevation-05)}:host(.elevation-6){box-shadow:var(--elevation-06)}:host(.elevation-7){box-shadow:var(--elevation-07)}:host(.elevation-8){box-shadow:var(--elevation-08)}`;
 
 const UdpCard = class {
     constructor(hostRef) {
@@ -38,9 +38,9 @@ const UdpCard = class {
     }
     get el() { return getElement(this); }
 };
-UdpCard.style = udpCardCss;
+UdpCard.style = udpCardCss();
 
-const udpCardActionsCss = ":host{display:flex;padding:var(--spacing-03, 8px);align-items:center;gap:var(--spacing-03, 8px);}:host(.start){justify-content:flex-start}:host(.center){justify-content:center}:host(.end){justify-content:flex-end}::slotted(*){margin:0}";
+const udpCardActionsCss = () => `:host{display:flex;padding:var(--spacing-03, 8px);align-items:center;gap:var(--spacing-03, 8px);}:host(.start){justify-content:flex-start}:host(.center){justify-content:center}:host(.end){justify-content:flex-end}::slotted(*){margin:0}`;
 
 const UdpCardActions = class {
     constructor(hostRef) {
@@ -54,9 +54,9 @@ const UdpCardActions = class {
         return (h(Host, { key: 'b5b04e8f7f28270df5211e2fe4b03da891bba38b', class: this.align }, h("slot", { key: '7e0e17940bd0196cadd3fdaed0db1211dd413818' })));
     }
 };
-UdpCardActions.style = udpCardActionsCss;
+UdpCardActions.style = udpCardActionsCss();
 
-const udpCardContentCss = ":host{display:block;padding:var(--spacing-05, 16px)}:host(:last-child){padding-bottom:var(--spacing-06, 24px)}.disable-gutter{padding-left:0 !important;padding-right:0 !important}.disable-padding{padding-top:0 !important;padding-bottom:0 !important}";
+const udpCardContentCss = () => `:host{display:block;padding:var(--spacing-05, 16px)}:host(:last-child){padding-bottom:var(--spacing-06, 24px)}.disable-gutter{padding-left:0 !important;padding-right:0 !important}.disable-padding{padding-top:0 !important;padding-bottom:0 !important}`;
 
 const UdpCardContent = class {
     constructor(hostRef) {
@@ -68,9 +68,9 @@ const UdpCardContent = class {
         return (h(Host, { key: '1f7e449544273d38107e67716d3792cc862c4cf3', class: { 'disable-gutter': this.disableGutter, 'disable-padding': this.disablePadding } }, h("slot", { key: '51e1f4c305761af9170cd0380eb1a84b174ecea9' })));
     }
 };
-UdpCardContent.style = udpCardContentCss;
+UdpCardContent.style = udpCardContentCss();
 
-const udpCardHeaderCss = ":host{display:flex;align-items:center;padding:var(--spacing-05, 16px)}.avatar{margin-right:var(--spacing-04, 12px);display:flex;flex:0 0 auto}.content{flex:1 1 auto;min-width:0}.action{flex:0 0 auto;align-self:flex-start;margin-top:var(--spacing-02, 4px);margin-right:var(--spacing-02, 4px);margin-left:var(--spacing-03, 8px)}::slotted([slot=\"title\"]){display:block;margin-bottom:0}::slotted([slot=\"subheader\"]){display:block;color:var(--text-secondary)}::slotted([slot=\"action\"]){flex:0 0 auto;align-self:flex-start;margin-top:var(--spacing-02, 4px);margin-right:var(--spacing-02, 4px);margin-left:var(--spacing-03, 8px)}::slotted(*){font-size:var(--h6-font-size);font-weight:var(--h6-font-weight);line-height:var(--h6-line-height)}";
+const udpCardHeaderCss = () => `:host{display:flex;align-items:center;padding:var(--spacing-05, 16px)}.avatar{margin-right:var(--spacing-04, 12px);display:flex;flex:0 0 auto}.content{flex:1 1 auto;min-width:0}.action{flex:0 0 auto;align-self:flex-start;margin-top:var(--spacing-02, 4px);margin-right:var(--spacing-02, 4px);margin-left:var(--spacing-03, 8px)}::slotted([slot="title"]){display:block;margin-bottom:0}::slotted([slot="subheader"]){display:block;color:var(--text-secondary)}::slotted([slot="action"]){flex:0 0 auto;align-self:flex-start;margin-top:var(--spacing-02, 4px);margin-right:var(--spacing-02, 4px);margin-left:var(--spacing-03, 8px)}::slotted(*){font-size:var(--h6-font-size);font-weight:var(--h6-font-weight);line-height:var(--h6-line-height)}`;
 
 const UdpCardHeader = class {
     constructor(hostRef) {
@@ -97,9 +97,9 @@ const UdpCardHeader = class {
         return (h(Host, { key: '1cfdfc3774c35aab7976373588d77f50de25f455' }, this.avatar && h("div", { key: '8bf65bd269e0fe383a4833ece9760ea3a6264db9', class: "avatar" }, this.avatar), h("div", { key: '62b69dc2ded405cf43c8bfc1cc9934c9216ffaf5', class: "content" }, h("slot", { key: '80aa08fdf27084d84621a6dfbb2a7b55323463bd', name: "title" }, this.cardTitle && wrappedTitleContent), h("slot", { key: '65066fa4afdffac8cd7ca2b208cd05c109b1ed0f', name: "subheader" }, this.subheader && subheaderContent), h("slot", { key: '4538f7aef034c91e76f3296a5d64ca070643a1ad' })), this.action && h("div", { key: 'ecb1c2a93ad71e06d59361161c07510813a7738a', class: "action" }, this.action), h("slot", { key: 'e4742352371004cd4b2567a0b6870ff04a62974d', name: "action" })));
     }
 };
-UdpCardHeader.style = udpCardHeaderCss;
+UdpCardHeader.style = udpCardHeaderCss();
 
-const udpCardMediaCss = ":host{display:block;background-size:cover;background-repeat:no-repeat;background-position:center;height:var(--udp-card-media-height, 140px)}";
+const udpCardMediaCss = () => `:host{display:block;background-size:cover;background-repeat:no-repeat;background-position:center;height:var(--udp-card-media-height, 140px)}`;
 
 const UdpCardMedia = class {
     constructor(hostRef) {
@@ -109,9 +109,9 @@ const UdpCardMedia = class {
         return (h(Host, { key: '91f195a1cf7af62571ffa1597f7e59c2d4471e45', role: "img", style: { backgroundImage: this.image ? `url(${this.image})` : undefined }, "aria-label": this.title }, h("slot", { key: 'cbe763096e6c4d156c7f978ee25f634d2c5f172c' })));
     }
 };
-UdpCardMedia.style = udpCardMediaCss;
+UdpCardMedia.style = udpCardMediaCss();
 
-const udpLinkCss = ":host{display:inline-flex}.udp-link{color:var(--primary-color);text-decoration:none;cursor:pointer;background:none;border:none;padding:0;font:inherit;outline:inherit;transition:color 0.2s ease-in-out}.udp-link:hover{color:var(--primary-dark);text-decoration:underline}.udp-link:focus{outline:2px solid var(--primary-light);outline-offset:2px}.udp-link.disabled{color:var(--text-disabled);cursor:default;pointer-events:none}.udp-link.disabled:hover{text-decoration:none}";
+const udpLinkCss = () => `:host{display:inline-flex}.udp-link{color:var(--primary-color);text-decoration:none;cursor:pointer;background:none;border:none;padding:0;font:inherit;outline:inherit;transition:color 0.2s ease-in-out}.udp-link:hover{color:var(--primary-dark);text-decoration:underline}.udp-link:focus{outline:2px solid var(--primary-light);outline-offset:2px}.udp-link.disabled{color:var(--text-disabled);cursor:default;pointer-events:none}.udp-link.disabled:hover{text-decoration:none}`;
 
 const UdpLink = class {
     constructor(hostRef) {
@@ -151,7 +151,6 @@ const UdpLink = class {
         return (h("a", Object.assign({}, commonProps, { href: this.href, target: this.target }), h("slot", null)));
     }
 };
-UdpLink.style = udpLinkCss;
+UdpLink.style = udpLinkCss();
 
 export { UdpCard as udp_card, UdpCardActions as udp_card_actions, UdpCardContent as udp_card_content, UdpCardHeader as udp_card_header, UdpCardMedia as udp_card_media, UdpLink as udp_link };
-//# sourceMappingURL=udp-card.udp-card-actions.udp-card-content.udp-card-header.udp-card-media.udp-link.entry.js.map

package/dist/esm/udp-charts-example.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-CaZq3YdB.js';
+import { r as registerInstance, h, H as Host } from './index-DFnjA9NX.js';
 
 const UdpChartsExample = class {
     constructor(hostRef) {
@@ -10,4 +10,3 @@ const UdpChartsExample = class {
 };
 
 export { UdpChartsExample as udp_charts_example };
-//# sourceMappingURL=udp-charts-example.entry.js.map

package/dist/esm/udp-chip_3.entry.js

@@ -1,7 +1,7 @@
-import { r as registerInstance, c as createEvent, h, a as getElement, H as Host } from './index-CaZq3YdB.js';
+import { r as registerInstance, c as createEvent, h, a as getElement, H as Host } from './index-DFnjA9NX.js';
 import { createPopper } from '@popperjs/core';
 
-const udpChipCss = ":host{display:inline-flex;vertical-align:middle;--udp-chip-primary-color:var(--primary-color);--udp-chip-primary-color-text:var(--primary-contrast-text);--udp-chip-secondary-color:var(--secondary-color);--udp-chip-secondary-color-text:var(--secondary-contrast-text);--udp-chip-success-color:var(--success-color-main);--udp-chip-success-color-text:var(--success-contrast-text);--udp-chip-error-color:var(--error-color-main);--udp-chip-error-color-text:var(--error-contrast-text);--udp-chip-warning-color:var(--warning-color-main);--udp-chip-warning-color-text:var(--warning-contrast-text);--udp-chip-info-color:var(--info-color-main);--udp-chip-info-color-text:var(--info-contrast-text);--udp-chip-monochrome-color:#FFFFFF;--udp-chip-monochrome-color-text:var(--text-main);--udp-chip-gray-color:var(--gray-02);--udp-chip-gray-color-text:var(--text-main);--udp-chip-gray-color-border:var(--gray-04);--font-family:var(--font-family);--spacing-01:var(--spacing-01);--spacing-02:var(--spacing-02);--udp-chip-primary-color-light:var(--primary-color-hint);--udp-chip-secondary-color-light:var(--secondary-color-hint);--udp-chip-success-color-light:var(--success-color-hint);--udp-chip-error-color-light:var(--error-color-hint);--udp-chip-warning-color-light:var(--warning-color-hint);--udp-chip-info-color-light:var(--info-color-hint);--udp-chip-monochrome-color-light:var(--gray-02);--udp-chip-gray-color-light:var(--gray-02)}.chip{font-family:var(--font-family);display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;white-space:nowrap;transition:background-color 0.1s ease-in-out, box-shadow 0.1s ease-in-out, border-color 0.1s ease-in-out;border:1px solid transparent;border-radius:16px;gap:4px;cursor:default}.chip--clickable{cursor:pointer}.chip--clickable:hover{box-shadow:0 1px 2px rgba(0, 0, 0, 0.15)}.chip--outlined.chip--clickable:hover{box-shadow:0 1px 2px rgba(0, 0, 0, 0.2)}.chip__label{line-height:1;}.chip--size-medium{height:32px;font-size:13px;padding:8px}.chip--size-medium .chip__label{padding:0 var(--spacing-02)}.chip--size-medium .chip__icon--start{margin-left:0px;margin-right:4px}.chip--size-medium .chip__delete-icon{height:20px;width:20px;margin-right:-4px}.chip--size-medium .chip__delete-icon svg{width:14px;height:14px}.chip--size-small{height:auto;font-size:12px;padding:5px 4px;border-radius:12px;}.chip--size-small .chip__label{padding:0 4px}.chip--size-small .chip__icon--start{margin-left:0;margin-right:3px}.chip--size-small .chip__delete-icon{height:18px;width:18px;margin-right:-2px}.chip--size-small .chip__delete-icon svg{width:12px;height:12px}.chip__delete-icon{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;transition:background-color 0.15s ease-in-out}.chip--filled.chip--color-primary{background-color:var(--udp-chip-primary-color);color:var(--udp-chip-primary-color-text)}.chip--filled.chip--color-secondary{background-color:var(--udp-chip-secondary-color);color:var(--udp-chip-secondary-color-text)}.chip--filled.chip--color-success{background-color:var(--udp-chip-success-color);color:var(--udp-chip-success-color-text)}.chip--filled.chip--color-error{background-color:var(--udp-chip-error-color);color:var(--udp-chip-error-color-text)}.chip--filled.chip--color-warning{background-color:var(--udp-chip-warning-color);color:var(--udp-chip-warning-color-text)}.chip--filled.chip--color-info{background-color:var(--udp-chip-info-color);color:var(--udp-chip-info-color-text)}.chip--filled.chip--color-monochrome{background-color:var(--udp-chip-monochrome-color);color:var(--udp-chip-monochrome-color-text)}.chip--filled.chip--color-gray{background-color:var(--udp-chip-gray-color);color:var(--udp-chip-gray-color-text)}.chip--filled:not(.chip--color-warning):not(.chip--color-gray) .chip__delete-icon{background-color:rgba(255, 255, 255, 0.15)}.chip--filled:not(.chip--color-warning):not(.chip--color-gray) .chip__delete-icon:hover{background-color:rgba(255, 255, 255, 0.25)}.chip--filled.chip--color-warning .chip__delete-icon,.chip--filled.chip--color-gray .chip__delete-icon,.chip--filled.chip--color-monochrome .chip__delete-icon{background-color:rgba(0, 0, 0, 0.08)}.chip--filled.chip--color-warning .chip__delete-icon:hover,.chip--filled.chip--color-gray .chip__delete-icon:hover,.chip--filled.chip--color-monochrome .chip__delete-icon:hover{background-color:rgba(0, 0, 0, 0.16)}.chip--outlined{background-color:transparent}.chip--outlined.chip--color-primary{border-color:var(--udp-chip-primary-color);color:var(--udp-chip-primary-color)}.chip--outlined.chip--color-secondary{border-color:var(--udp-chip-secondary-color);color:var(--udp-chip-secondary-color)}.chip--outlined.chip--color-success{border-color:var(--udp-chip-success-color);color:var(--udp-chip-success-color)}.chip--outlined.chip--color-error{border-color:var(--udp-chip-error-color);color:var(--udp-chip-error-color)}.chip--outlined.chip--color-warning{border-color:var(--udp-chip-warning-color);color:var(--udp-chip-warning-color)}.chip--outlined.chip--color-info{border-color:var(--udp-chip-info-color);color:var(--udp-chip-info-color)}.chip--outlined.chip--color-monochrome{color:inherit;border-color:currentColor;}.chip--outlined.chip--color-gray{border-color:var(--udp-chip-gray-color-border);color:var(--udp-chip-gray-color-text)}.chip--outlined.chip--color-primary .chip__delete-icon{background-color:var(--udp-chip-primary-color-light)}.chip--outlined.chip--color-secondary .chip__delete-icon{background-color:var(--udp-chip-secondary-color-light)}.chip--outlined.chip--color-success .chip__delete-icon{background-color:var(--udp-chip-success-color-light)}.chip--outlined.chip--color-error .chip__delete-icon{background-color:var(--udp-chip-error-color-light)}.chip--outlined.chip--color-warning .chip__delete-icon{background-color:var(--udp-chip-warning-color-light)}.chip--outlined.chip--color-info .chip__delete-icon{background-color:var(--udp-chip-info-color-light)}.chip--outlined.chip--color-monochrome .chip__delete-icon{background-color:var(--udp-chip-monochrome-color-light)}.chip--outlined.chip--color-gray .chip__delete-icon{background-color:var(--udp-chip-gray-color-light)}.chip--outlined .chip__delete-icon:hover{background-color:rgba(0, 0, 0, 0.08)}";
+const udpChipCss = () => `:host{display:inline-flex;vertical-align:middle;--udp-chip-primary-color:var(--primary-color);--udp-chip-primary-color-text:var(--primary-contrast-text);--udp-chip-secondary-color:var(--secondary-color);--udp-chip-secondary-color-text:var(--secondary-contrast-text);--udp-chip-success-color:var(--success-color-main);--udp-chip-success-color-text:var(--success-contrast-text);--udp-chip-error-color:var(--error-color-main);--udp-chip-error-color-text:var(--error-contrast-text);--udp-chip-warning-color:var(--warning-color-main);--udp-chip-warning-color-text:var(--warning-contrast-text);--udp-chip-info-color:var(--info-color-main);--udp-chip-info-color-text:var(--info-contrast-text);--udp-chip-monochrome-color:#FFFFFF;--udp-chip-monochrome-color-text:var(--text-main);--udp-chip-gray-color:var(--gray-02);--udp-chip-gray-color-text:var(--text-main);--udp-chip-gray-color-border:var(--gray-04);--font-family:var(--font-family);--spacing-01:var(--spacing-01);--spacing-02:var(--spacing-02);--udp-chip-primary-color-light:var(--primary-color-hint);--udp-chip-secondary-color-light:var(--secondary-color-hint);--udp-chip-success-color-light:var(--success-color-hint);--udp-chip-error-color-light:var(--error-color-hint);--udp-chip-warning-color-light:var(--warning-color-hint);--udp-chip-info-color-light:var(--info-color-hint);--udp-chip-monochrome-color-light:var(--gray-02);--udp-chip-gray-color-light:var(--gray-02)}.chip{font-family:var(--font-family);display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;white-space:nowrap;transition:background-color 0.1s ease-in-out, box-shadow 0.1s ease-in-out, border-color 0.1s ease-in-out;border:1px solid transparent;border-radius:16px;gap:4px;cursor:default}.chip--clickable{cursor:pointer}.chip--clickable:hover{box-shadow:0 1px 2px rgba(0, 0, 0, 0.15)}.chip--outlined.chip--clickable:hover{box-shadow:0 1px 2px rgba(0, 0, 0, 0.2)}.chip__label{line-height:1;}.chip--size-medium{height:32px;font-size:13px;padding:8px}.chip--size-medium .chip__label{padding:0 var(--spacing-02)}.chip--size-medium .chip__icon--start{margin-left:0px;margin-right:4px}.chip--size-medium .chip__delete-icon{height:20px;width:20px;margin-right:-4px}.chip--size-medium .chip__delete-icon svg{width:14px;height:14px}.chip--size-small{height:auto;font-size:12px;padding:5px 4px;border-radius:12px;}.chip--size-small .chip__label{padding:0 4px}.chip--size-small .chip__icon--start{margin-left:0;margin-right:3px}.chip--size-small .chip__delete-icon{height:18px;width:18px;margin-right:-2px}.chip--size-small .chip__delete-icon svg{width:12px;height:12px}.chip__delete-icon{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;transition:background-color 0.15s ease-in-out}.chip--filled.chip--color-primary{background-color:var(--udp-chip-primary-color);color:var(--udp-chip-primary-color-text)}.chip--filled.chip--color-secondary{background-color:var(--udp-chip-secondary-color);color:var(--udp-chip-secondary-color-text)}.chip--filled.chip--color-success{background-color:var(--udp-chip-success-color);color:var(--udp-chip-success-color-text)}.chip--filled.chip--color-error{background-color:var(--udp-chip-error-color);color:var(--udp-chip-error-color-text)}.chip--filled.chip--color-warning{background-color:var(--udp-chip-warning-color);color:var(--udp-chip-warning-color-text)}.chip--filled.chip--color-info{background-color:var(--udp-chip-info-color);color:var(--udp-chip-info-color-text)}.chip--filled.chip--color-monochrome{background-color:var(--udp-chip-monochrome-color);color:var(--udp-chip-monochrome-color-text)}.chip--filled.chip--color-gray{background-color:var(--udp-chip-gray-color);color:var(--udp-chip-gray-color-text)}.chip--filled:not(.chip--color-warning):not(.chip--color-gray) .chip__delete-icon{background-color:rgba(255, 255, 255, 0.15)}.chip--filled:not(.chip--color-warning):not(.chip--color-gray) .chip__delete-icon:hover{background-color:rgba(255, 255, 255, 0.25)}.chip--filled.chip--color-warning .chip__delete-icon,.chip--filled.chip--color-gray .chip__delete-icon,.chip--filled.chip--color-monochrome .chip__delete-icon{background-color:rgba(0, 0, 0, 0.08)}.chip--filled.chip--color-warning .chip__delete-icon:hover,.chip--filled.chip--color-gray .chip__delete-icon:hover,.chip--filled.chip--color-monochrome .chip__delete-icon:hover{background-color:rgba(0, 0, 0, 0.16)}.chip--outlined{background-color:transparent}.chip--outlined.chip--color-primary{border-color:var(--udp-chip-primary-color);color:var(--udp-chip-primary-color)}.chip--outlined.chip--color-secondary{border-color:var(--udp-chip-secondary-color);color:var(--udp-chip-secondary-color)}.chip--outlined.chip--color-success{border-color:var(--udp-chip-success-color);color:var(--udp-chip-success-color)}.chip--outlined.chip--color-error{border-color:var(--udp-chip-error-color);color:var(--udp-chip-error-color)}.chip--outlined.chip--color-warning{border-color:var(--udp-chip-warning-color);color:var(--udp-chip-warning-color)}.chip--outlined.chip--color-info{border-color:var(--udp-chip-info-color);color:var(--udp-chip-info-color)}.chip--outlined.chip--color-monochrome{color:inherit;border-color:currentColor;}.chip--outlined.chip--color-gray{border-color:var(--udp-chip-gray-color-border);color:var(--udp-chip-gray-color-text)}.chip--outlined.chip--color-primary .chip__delete-icon{background-color:var(--udp-chip-primary-color-light)}.chip--outlined.chip--color-secondary .chip__delete-icon{background-color:var(--udp-chip-secondary-color-light)}.chip--outlined.chip--color-success .chip__delete-icon{background-color:var(--udp-chip-success-color-light)}.chip--outlined.chip--color-error .chip__delete-icon{background-color:var(--udp-chip-error-color-light)}.chip--outlined.chip--color-warning .chip__delete-icon{background-color:var(--udp-chip-warning-color-light)}.chip--outlined.chip--color-info .chip__delete-icon{background-color:var(--udp-chip-info-color-light)}.chip--outlined.chip--color-monochrome .chip__delete-icon{background-color:var(--udp-chip-monochrome-color-light)}.chip--outlined.chip--color-gray .chip__delete-icon{background-color:var(--udp-chip-gray-color-light)}.chip--outlined .chip__delete-icon:hover{background-color:rgba(0, 0, 0, 0.08)}`;
 
 const UdpChip = class {
     constructor(hostRef) {
@@ -49,9 +49,9 @@ const UdpChip = class {
         return (h("div", { key: '2fabbe9d005532b99e5d0bb75db328e4d4f95d0d', class: chipClasses, onClick: this.handleChipClick }, this.startIcon && (h("span", { key: '90aa944d607d65ca584dad5fc08f593998a9a114', class: "chip__icon chip__icon--start" }, h("udp-icon", { key: '07d3f8863069836eb5105fd2c6bfc839b3751a17', iconName: this.startIcon, color: 'inherit' }))), h("span", { key: '25e02b01494dccbcc344e847f17496d310787eef', class: "chip__label" }, this.label), this.deleteButton && (h("span", { key: '661365b514b8c7b59a56c2d64889dfdc11be24c3', class: "chip__delete-icon", onClick: this.handleDeleteClick, title: "Remove" }, h("svg", { key: '872fa3327129e0433bb48a6e821384605db99e1d', width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor" }, h("path", { key: '203e568853d1e581275d2aa68639ed0123ebe922', d: "M12 4.7l-.7-.7L8 7.3 4.7 4l-.7.7L7.3 8 4 11.3l.7.7L8 8.7l3.3 3.3.7-.7L8.7 8z" }))))));
     }
 };
-UdpChip.style = udpChipCss;
+UdpChip.style = udpChipCss();
 
-const udpIconButtonCss = ".udp-icon-button{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;border:none;border-radius:var(--border-radius, 4px);cursor:pointer;font-family:inherit;font-weight:500;text-decoration:none;transition:all 0.2s ease-in-out;position:relative;outline:none;box-sizing:border-box}.udp-icon-button:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.udp-icon-button:disabled{opacity:0.6;cursor:default}.icon-container{display:flex;align-items:center;justify-content:center;flex-shrink:0}.icon{display:block;fill:currentColor}.label{display:flex;align-items:center}.size-x-small{min-height:24px;padding:4px;font-size:0.8rem}.size-x-small.has-label{padding:4px 8px}.size-x-small .icon{width:14px;height:14px}.icon-only.size-x-small{width:24px;height:24px}.size-small{min-height:32px;padding:6px;font-size:0.875rem}.size-small.has-label{padding:6px 12px}.size-small .icon{width:16px;height:16px}.size-medium{min-height:40px;padding:8px;font-size:0.875rem}.size-medium.has-label{padding:8px 16px}.size-medium .icon{width:20px;height:20px}.size-large{min-height:48px;padding:12px;font-size:1rem}.size-large.has-label{padding:12px 20px}.size-large .icon{width:24px;height:24px}.icon-only{border-radius:50%}.icon-only.size-small{width:32px;height:32px}.icon-only.size-medium{width:40px;height:40px}.icon-only.size-large{width:48px;height:48px}.variant-text{background:transparent;border:1px solid transparent}.variant-text:hover:not(:disabled){background:rgba(var(--primary-color-rgb, 0, 0, 0), 0.04)}.variant-text:active:not(:disabled){background:rgba(var(--primary-color-rgb, 0, 0, 0), 0.08)}.variant-outlined{background:transparent;border:1px solid currentColor}.variant-outlined:hover:not(:disabled){background:rgba(var(--primary-color-rgb, 0, 0, 0), 0.04)}.variant-outlined:active:not(:disabled){background:rgba(var(--primary-color-rgb, 0, 0, 0), 0.08)}.variant-contained{background:var(--primary-color, #1976d2);color:var(--primary-color-contrast, #fff);border:1px solid var(--primary-color, #1976d2)}.variant-contained:hover:not(:disabled){background:var(--primary-color-dark, #1565c0);border-color:var(--primary-color-dark, #1565c0)}.variant-contained:active:not(:disabled){background:var(--primary-color-darker, #0d47a1);border-color:var(--primary-color-darker, #0d47a1)}.color-primary{color:var(--primary-color, #1976d2)}.color-primary.variant-contained{background:var(--primary-color, #1976d2);color:var(--primary-color-contrast, #fff);border-color:var(--primary-color, #1976d2)}.color-secondary{color:var(--secondary-color, #dc004e)}.color-secondary.variant-contained{background:var(--secondary-color, #dc004e);color:var(--secondary-color-contrast, #fff);border-color:var(--secondary-color, #dc004e)}.color-secondary.variant-contained:hover:not(:disabled){background:var(--secondary-color-dark, #c5004a);border-color:var(--secondary-color-dark, #c5004a)}.color-success{color:var(--success-color, #2e7d32)}.color-success.variant-contained{background:var(--success-color, #2e7d32);color:var(--success-color-contrast, #fff);border-color:var(--success-color, #2e7d32)}.color-error{color:var(--error-color, #d32f2f)}.color-error.variant-contained{background:var(--error-color, #d32f2f);color:var(--error-color-contrast, #fff);border-color:var(--error-color, #d32f2f)}.color-warning{color:var(--warning-color, #ed6c02)}.color-warning.variant-contained{background:var(--warning-color, #ed6c02);color:var(--warning-color-contrast, #fff);border-color:var(--warning-color, #ed6c02)}.color-info{color:var(--info-color, #0288d1)}.color-info.variant-contained{background:var(--info-color, #0288d1);color:var(--info-color-contrast, #fff);border-color:var(--info-color, #0288d1)}.color-inherit{color:inherit}.color-inherit.variant-contained{background:currentColor;color:var(--background-color, #fff);border-color:currentColor}.icon-color-primary{fill:var(--primary-color, #1976d2) !important}.icon-color-secondary{fill:var(--secondary-color, #dc004e) !important}.icon-color-success{fill:var(--success-color, #2e7d32) !important}.icon-color-error{fill:var(--error-color, #d32f2f) !important}.icon-color-warning{fill:var(--warning-color, #ed6c02) !important}.icon-color-info{fill:var(--info-color, #0288d1) !important}.icon-color-inherit{fill:inherit !important}";
+const udpIconButtonCss = () => `.udp-icon-button{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;border:none;border-radius:var(--border-radius, 4px);cursor:pointer;font-family:inherit;font-weight:500;text-decoration:none;transition:all 0.2s ease-in-out;position:relative;outline:none;box-sizing:border-box}.udp-icon-button:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.udp-icon-button:disabled{opacity:0.6;cursor:default}.icon-container{display:flex;align-items:center;justify-content:center;flex-shrink:0}.icon{display:block;fill:currentColor}.label{display:flex;align-items:center}.size-x-small{min-height:24px;padding:4px;font-size:0.8rem}.size-x-small.has-label{padding:4px 8px}.size-x-small .icon{width:14px;height:14px}.icon-only.size-x-small{width:24px;height:24px}.size-small{min-height:32px;padding:6px;font-size:0.875rem}.size-small.has-label{padding:6px 12px}.size-small .icon{width:16px;height:16px}.size-medium{min-height:40px;padding:8px;font-size:0.875rem}.size-medium.has-label{padding:8px 16px}.size-medium .icon{width:20px;height:20px}.size-large{min-height:48px;padding:12px;font-size:1rem}.size-large.has-label{padding:12px 20px}.size-large .icon{width:24px;height:24px}.icon-only{border-radius:50%}.icon-only.size-small{width:32px;height:32px}.icon-only.size-medium{width:40px;height:40px}.icon-only.size-large{width:48px;height:48px}.variant-text{background:transparent;border:1px solid transparent}.variant-text:hover:not(:disabled){background:rgba(var(--primary-color-rgb, 0, 0, 0), 0.04)}.variant-text:active:not(:disabled){background:rgba(var(--primary-color-rgb, 0, 0, 0), 0.08)}.variant-outlined{background:transparent;border:1px solid currentColor}.variant-outlined:hover:not(:disabled){background:rgba(var(--primary-color-rgb, 0, 0, 0), 0.04)}.variant-outlined:active:not(:disabled){background:rgba(var(--primary-color-rgb, 0, 0, 0), 0.08)}.variant-contained{background:var(--primary-color, #1976d2);color:var(--primary-color-contrast, #fff);border:1px solid var(--primary-color, #1976d2)}.variant-contained:hover:not(:disabled){background:var(--primary-color-dark, #1565c0);border-color:var(--primary-color-dark, #1565c0)}.variant-contained:active:not(:disabled){background:var(--primary-color-darker, #0d47a1);border-color:var(--primary-color-darker, #0d47a1)}.color-primary{color:var(--primary-color, #1976d2)}.color-primary.variant-contained{background:var(--primary-color, #1976d2);color:var(--primary-color-contrast, #fff);border-color:var(--primary-color, #1976d2)}.color-secondary{color:var(--secondary-color, #dc004e)}.color-secondary.variant-contained{background:var(--secondary-color, #dc004e);color:var(--secondary-color-contrast, #fff);border-color:var(--secondary-color, #dc004e)}.color-secondary.variant-contained:hover:not(:disabled){background:var(--secondary-color-dark, #c5004a);border-color:var(--secondary-color-dark, #c5004a)}.color-success{color:var(--success-color, #2e7d32)}.color-success.variant-contained{background:var(--success-color, #2e7d32);color:var(--success-color-contrast, #fff);border-color:var(--success-color, #2e7d32)}.color-error{color:var(--error-color, #d32f2f)}.color-error.variant-contained{background:var(--error-color, #d32f2f);color:var(--error-color-contrast, #fff);border-color:var(--error-color, #d32f2f)}.color-warning{color:var(--warning-color, #ed6c02)}.color-warning.variant-contained{background:var(--warning-color, #ed6c02);color:var(--warning-color-contrast, #fff);border-color:var(--warning-color, #ed6c02)}.color-info{color:var(--info-color, #0288d1)}.color-info.variant-contained{background:var(--info-color, #0288d1);color:var(--info-color-contrast, #fff);border-color:var(--info-color, #0288d1)}.color-inherit{color:inherit}.color-inherit.variant-contained{background:currentColor;color:var(--background-color, #fff);border-color:currentColor}.icon-color-primary{fill:var(--primary-color, #1976d2) !important}.icon-color-secondary{fill:var(--secondary-color, #dc004e) !important}.icon-color-success{fill:var(--success-color, #2e7d32) !important}.icon-color-error{fill:var(--error-color, #d32f2f) !important}.icon-color-warning{fill:var(--warning-color, #ed6c02) !important}.icon-color-info{fill:var(--info-color, #0288d1) !important}.icon-color-inherit{fill:inherit !important}`;
 
 const UdpIconButton = class {
     constructor(hostRef) {
@@ -156,9 +156,9 @@ const UdpIconButton = class {
     }
     get el() { return getElement(this); }
 };
-UdpIconButton.style = udpIconButtonCss;
+UdpIconButton.style = udpIconButtonCss();
 
-const udpMenuCss = ":host{display:block;position:fixed;z-index:9999;pointer-events:none;opacity:0;transform:scale(0.95);transition:opacity 0.2s ease-out;border-radius:8px}:host(.is-visible){pointer-events:auto;opacity:1;transform:scale(1)}.menu-panel{background-color:white;border-radius:8px;box-shadow:0 4px 12px rgba(0, 0, 0, 0.15);border:1px solid #e0e0e0;overflow:hidden}";
+const udpMenuCss = () => `:host{display:block;position:fixed;z-index:9999;pointer-events:none;opacity:0;transform:scale(0.95);transition:opacity 0.2s ease-out;border-radius:8px}:host(.is-visible){pointer-events:auto;opacity:1;transform:scale(1)}.menu-panel{background-color:white;border-radius:8px;box-shadow:0 4px 12px rgba(0, 0, 0, 0.15);border:1px solid #e0e0e0;overflow:hidden}`;
 
 const UdpMenu = class {
     constructor(hostRef) {
@@ -251,14 +251,15 @@ const UdpMenu = class {
         }
     }
     render() {
-        return (h(Host, { key: '1fdd82d4a8db3e092d5d59e49d7be5ce3a66b275' }, h("div", { key: '7e8f74ee73c4645e96d6e9e443d24622baeb3c9f', class: "menu-panel", role: "menu" }, h("slot", { key: '968e99ae9e52ab5a4a94f0e4f1122b1e63cdb2a4' }))));
+        return (h(Host, { key: '589a03f2d0fdfc4761d533c4943552664d12e851' }, h("div", { key: '6186d0a942c46b4c32d6cb695ea563e27e4d0dde', class: "menu-panel", role: "menu" }, h("slot", { key: 'f9c0ba9d29aaf48bf58a31096092935e793bf7eb' }))));
     }
     get hostEl() { return getElement(this); }
     static get watchers() { return {
-        "open": ["handleOpenChange"]
+        "open": [{
+                "handleOpenChange": 0
+            }]
     }; }
 };
-UdpMenu.style = udpMenuCss;
+UdpMenu.style = udpMenuCss();
 
 export { UdpChip as udp_chip, UdpIconButton as udp_icon_button, UdpMenu as udp_menu };
-//# sourceMappingURL=udp-chip.udp-icon-button.udp-menu.entry.js.map

package/dist/esm/udp-container-query-grid-item.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, H as Host } from './index-CaZq3YdB.js';
+import { r as registerInstance, h, H as Host } from './index-DFnjA9NX.js';
 
-const udpContainerQueryGridItemCss = ":host{display:block;width:100%}";
+const udpContainerQueryGridItemCss = () => `:host{display:block;width:100%}`;
 
 const UdpContainerQueryGridItem = class {
     constructor(hostRef) {
@@ -18,10 +18,9 @@ const UdpContainerQueryGridItem = class {
             .join('\n');
     }
     render() {
-        return (h(Host, { key: 'bd7ef62bce3706caec69d33a187d4361f4654630' }, h("style", { key: '1dea20fc5935d13b298565645168ee2305a4dfeb' }, this.getSpanStyles()), h("slot", { key: '0f9af3cdcdb67977d02d89cea86bc04bf58e3c30' })));
+        return (h(Host, { key: '9e1c6d6c0f8011400b6271af8bcdbf5574d725dc' }, h("style", { key: '6243776119bad211fe96af76fdc18d8fe4b8aa1e' }, this.getSpanStyles()), h("slot", { key: '57c8cab142be8b9fcd66509c70bd0e01a08b08d8' })));
     }
 };
-UdpContainerQueryGridItem.style = udpContainerQueryGridItemCss;
+UdpContainerQueryGridItem.style = udpContainerQueryGridItemCss();
 
 export { UdpContainerQueryGridItem as udp_container_query_grid_item };
-//# sourceMappingURL=udp-container-query-grid-item.entry.js.map

package/dist/esm/udp-container-query-grid.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, H as Host } from './index-CaZq3YdB.js';
+import { r as registerInstance, h, H as Host } from './index-DFnjA9NX.js';
 
-const udpContainerQueryGridCss = ":host{display:block;width:100%}.grid-container{width:100%}";
+const udpContainerQueryGridCss = () => `:host{display:block;width:100%}.grid-container{width:100%}`;
 
 const UdpContainerQueryGrid = class {
     constructor(hostRef) {
@@ -32,7 +32,7 @@ const UdpContainerQueryGrid = class {
                 gap: `${this.gaps[breakpoint]}rem`,
             }));
         });
-        return (h(Host, { key: 'f1d07a630ddcfe444d36b496cdc91cb9f5cb1e80' }, h("udp-container-query", { key: '94d8cb6286439e57c2c9945a3854813fbf32dbb2', queries: queries }, h("div", { key: 'ff77ca14e2f8a5fb131fc9ad0b82e1ed27db9f45', class: "grid-container" }, h("slot", { key: '927273996e110c13610d49150f2a407fa42e8141' }))), h("style", { key: '67c1019407f263c493008c419d8692f5bd069f1b' }, `
+        return (h(Host, { key: '8fcf614cb145b65faa50f9cd77f2196931e5ac3e' }, h("udp-container-query", { key: '7f9e61025ff57faae311f536f479e36360334b44', queries: queries }, h("div", { key: 'c810de4cea74a5278556751f9148123e91ad7f21', class: "grid-container" }, h("slot", { key: '71a1ab5854110ebfaaab31bc76751d8925881801' }))), h("style", { key: '39d63f3510f1bf7abc892c3131480c71b969cb5d' }, `
           .grid-container {
             display: grid;
             grid-template-columns: repeat(${this.columns[0]}, 1fr);
@@ -42,7 +42,6 @@ const UdpContainerQueryGrid = class {
         `)));
     }
 };
-UdpContainerQueryGrid.style = udpContainerQueryGridCss;
+UdpContainerQueryGrid.style = udpContainerQueryGridCss();
 
 export { UdpContainerQueryGrid as udp_container_query_grid };
-//# sourceMappingURL=udp-container-query-grid.entry.js.map

package/dist/esm/udp-container-query.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, H as Host } from './index-CaZq3YdB.js';
+import { r as registerInstance, h, H as Host } from './index-DFnjA9NX.js';
 
-const udpContainerQueryCss = ":host{display:block;container-type:inline-size;width:100%}:host(.container-query) ::slotted(*){transition:all 0.3s ease}";
+const udpContainerQueryCss = () => `:host{display:block;container-type:inline-size;width:100%}:host(.container-query) ::slotted(*){transition:all 0.3s ease}`;
 
 const UdpContainerQuery = class {
     constructor(hostRef) {
@@ -25,12 +25,11 @@ const UdpContainerQuery = class {
         return styleRules;
     }
     render() {
-        return (h(Host, { key: '904cc72f590b5948dec552df97c7161981c4e4e5', class: {
+        return (h(Host, { key: 'abba69fdcf35ed43f74dea1cfa19a6e7e9ae80d2', class: {
                 [this.customClass]: !!this.customClass,
-            } }, h("style", { key: 'd6d1a078d0cb0506a0de7a08ab8c95364ce6e1d4' }, this.getContainerQueryStyle()), h("slot", { key: 'f7f9aaa16f7be0d29314af0effdf09d33c2a6bbd' })));
+            } }, h("style", { key: 'dc349f2310a763938cd017553a49296e397cf645' }, this.getContainerQueryStyle()), h("slot", { key: '481e4dfe1f0f7a7fcf153461d5f3a0cfae6ecfee' })));
     }
 };
-UdpContainerQuery.style = udpContainerQueryCss;
+UdpContainerQuery.style = udpContainerQueryCss();
 
 export { UdpContainerQuery as udp_container_query };
-//# sourceMappingURL=udp-container-query.entry.js.map

package/dist/esm/udp-container.entry.js

@@ -0,0 +1,32 @@
+import { r as registerInstance, h } from './index-DFnjA9NX.js';
+
+const udpContainerCss = () => `:host{display:block;width:100%}.udp-container{width:100%;margin-left:auto;margin-right:auto;box-sizing:border-box}.udp-container--padded{padding-left:1rem;padding-right:1rem}.udp-container--fluid{max-width:100%}.udp-container--sm{max-width:640px}.udp-container--md{max-width:768px}.udp-container--lg{max-width:1024px}.udp-container--xl{max-width:1280px}.udp-container--2xl{max-width:1536px}`;
+
+const UdpContainer = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        /**
+         * If true, the container will be fluid (100% width at all breakpoints)
+         */
+        this.fluid = false;
+        /**
+         * Maximum width for the container at different breakpoints
+         */
+        this.maxWidth = 'lg';
+        /**
+         * Add padding to the container
+         */
+        this.padding = true;
+    }
+    render() {
+        return (h("div", { key: 'fb6ff14c09a223d0181b361acc1243f070e062e3', class: {
+                'udp-container': true,
+                'udp-container--fluid': this.fluid,
+                'udp-container--padded': this.padding,
+                [`udp-container--${this.maxWidth}`]: true,
+            } }, h("slot", { key: '00a20124101fcbed8deef25139de5598b44f178a' })));
+    }
+};
+UdpContainer.style = udpContainerCss();
+
+export { UdpContainer as udp_container };

package/dist/esm/udp-date-range-selector.entry.js

@@ -1,7 +1,7 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-CaZq3YdB.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-DFnjA9NX.js';
 import 'cally';
 
-const udpDateRangeSelectorCss = ".grid{display:flex;gap:16px}:host([orientation='horizontal']) .grid{flex-direction:row}:host([orientation='vertical']) .grid{flex-direction:column}calendar-month{--color-accent:var(--primary-color);--color-text-on-accent:#ffffff}:host([variant='range']) calendar-month::part(button){border-radius:3px}:host([variant='range']) calendar-month::part(range-inner){border-radius:0}:host([variant='range']) calendar-month::part(range-start){border-start-end-radius:0;border-end-end-radius:0}:host([variant='range']) calendar-month::part(range-end){border-start-start-radius:0;border-end-start-radius:0}:host([variant='range']) calendar-month::part(range-start range-end){border-radius:3px}calendar-range::part(button),calendar-date::part(button),calendar-multi::part(button){border:1px solid black;background-color:#ffffff;border-radius:50%;width:26px;height:26px}calendar-range::part(button):hover,calendar-date::part(button):hover,calendar-multi::part(button):hover{background-color:#eeecec}calendar-month::part(button){width:calc(var(--calendar-width) / 7);height:calc(var(--calendar-width) / 7)}calendar-month::part(highlight-day){color:var(--primary-color);font-weight:bold}calendar-month::part(primary-border){border:1px solid var(--primary-color)}calendar-month::part(secondary-border){border:1px solid var(--secondary-color)}calendar-month::part(warning-border){border:1px solid var(--warning-color-main)}calendar-month::part(primary-dot){position:relative}calendar-month::part(primary-dot)::after{content:' ';position:absolute;top:2px;right:2px;width:6px;height:6px;border-radius:50%;background-color:var(--primary-color)}calendar-month::part(secondary-dot){position:relative}calendar-month::part(secondary-dot)::after{content:' ';position:absolute;top:2px;right:2px;width:6px;height:6px;border-radius:50%;background-color:var(--secondary-color)}calendar-month::part(warning-dot){position:relative}calendar-month::part(warning-dot)::after{content:' ';position:absolute;top:2px;right:2px;width:6px;height:6px;border-radius:50%;background-color:var(--warning-color-main);}";
+const udpDateRangeSelectorCss = () => `.grid{display:flex;gap:16px}:host([orientation='horizontal']) .grid{flex-direction:row}:host([orientation='vertical']) .grid{flex-direction:column}calendar-month{--color-accent:var(--primary-color);--color-text-on-accent:#ffffff}:host([variant='range']) calendar-month::part(button){border-radius:3px}:host([variant='range']) calendar-month::part(range-inner){border-radius:0}:host([variant='range']) calendar-month::part(range-start){border-start-end-radius:0;border-end-end-radius:0}:host([variant='range']) calendar-month::part(range-end){border-start-start-radius:0;border-end-start-radius:0}:host([variant='range']) calendar-month::part(range-start range-end){border-radius:3px}calendar-range::part(button),calendar-date::part(button),calendar-multi::part(button){border:1px solid black;background-color:#ffffff;border-radius:50%;width:26px;height:26px}calendar-range::part(button):hover,calendar-date::part(button):hover,calendar-multi::part(button):hover{background-color:#eeecec}calendar-month::part(button){width:calc(var(--calendar-width) / 7);height:calc(var(--calendar-width) / 7)}calendar-month::part(highlight-day){color:var(--primary-color);font-weight:bold}calendar-month::part(primary-border){border:1px solid var(--primary-color)}calendar-month::part(secondary-border){border:1px solid var(--secondary-color)}calendar-month::part(warning-border){border:1px solid var(--warning-color-main)}calendar-month::part(primary-dot){position:relative}calendar-month::part(primary-dot)::after{content:' ';position:absolute;top:2px;right:2px;width:6px;height:6px;border-radius:50%;background-color:var(--primary-color)}calendar-month::part(secondary-dot){position:relative}calendar-month::part(secondary-dot)::after{content:' ';position:absolute;top:2px;right:2px;width:6px;height:6px;border-radius:50%;background-color:var(--secondary-color)}calendar-month::part(warning-dot){position:relative}calendar-month::part(warning-dot)::after{content:' ';position:absolute;top:2px;right:2px;width:6px;height:6px;border-radius:50%;background-color:var(--warning-color-main);}`;
 
 const UdpDateRangeSelector = class {
     constructor(hostRef) {
@@ -33,10 +33,9 @@ const UdpDateRangeSelector = class {
             : this.variant === 'single'
                 ? 'calendar-date'
                 : 'calendar-range';
-        return (h(Host, { key: '34f21a17dcfaa40fa0e068e1ff2b3eb799718d35', style: { '--calendar-width': this.width } }, h(CalendarTag, { key: '69396b5dda3db71a322cce96d061eb270e7a6630', value: this.value, min: this.minDate, max: this.maxDate, firstDayOfWeek: 0, months: this.monthsToDisplay, showOutsideDays: true, pageBy: "single", isDateDisallowed: this.isDateDisallowed, getDayParts: this.getDayParts, onChange: this.handleChange }, h("udp-icon", { key: 'c8d15a18ac8cae807f62f61824fe173b47056f95', slot: "previous", iconName: 'chevronLeft16', color: "inherit" }), h("udp-icon", { key: '7ac71c49d0edbcc9b5ef8952ee65b6863cf5e6a7', slot: "next", iconName: 'chevronRight16', color: "inherit" }), h("div", { key: 'ff0e2d900d172a9c8378d91a1298ff76f8610b83', class: "grid" }, Array.from({ length: this.monthsToDisplay }).map((_, index) => (h("calendar-month", { offset: index })))))));
+        return (h(Host, { key: '872a0ac12d8ba50108eb2c996f5c68d853fe538b', style: { '--calendar-width': this.width } }, h(CalendarTag, { key: 'e1348c050e9b49f4a5826bd5f6b07be7e6e2ed2b', value: this.value, min: this.minDate, max: this.maxDate, firstDayOfWeek: 0, months: this.monthsToDisplay, showOutsideDays: true, pageBy: "single", isDateDisallowed: this.isDateDisallowed, getDayParts: this.getDayParts, onChange: this.handleChange }, h("udp-icon", { key: 'eaf925e2c0ad13010adc17825dd012377e736a69', slot: "previous", iconName: 'chevronLeft16', color: "inherit" }), h("udp-icon", { key: '1bc7f790f4b310fd80ed48824b63acef742ef196', slot: "next", iconName: 'chevronRight16', color: "inherit" }), h("div", { key: 'df184ba087089ce5e53ea80d1cda01e6428e36f3', class: "grid" }, Array.from({ length: this.monthsToDisplay }).map((_, index) => (h("calendar-month", { offset: index })))))));
     }
 };
-UdpDateRangeSelector.style = udpDateRangeSelectorCss;
+UdpDateRangeSelector.style = udpDateRangeSelectorCss();
 
 export { UdpDateRangeSelector as udp_date_range_selector };
-//# sourceMappingURL=udp-date-range-selector.entry.js.map

package/dist/esm/udp-divider.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, H as Host } from './index-CaZq3YdB.js';
+import { r as registerInstance, h, H as Host } from './index-DFnjA9NX.js';
 
-const udpDividerCss = ":host{display:block}.horizontal{width:100%;height:1px;background-color:rgba(0, 0, 0, 0.12);min-width:1px}.vertical{width:1px;background-color:rgba(0, 0, 0, 0.12);min-height:1px}";
+const udpDividerCss = () => `:host{display:block}.horizontal{width:100%;height:1px;background-color:rgba(0, 0, 0, 0.12);min-width:1px}.vertical{width:1px;background-color:rgba(0, 0, 0, 0.12);min-height:1px}`;
 
 const UdpDivider = class {
     constructor(hostRef) {
@@ -14,7 +14,6 @@ const UdpDivider = class {
         return (h(Host, { key: '13426ac01a766a6dc6ec7985aa965d4b401bb912', style: style }, h("div", { key: '44997c022555ad9d6b7c736c677f524d5e15ff27', class: this.variant === 'horizontal' ? 'horizontal' : 'vertical' })));
     }
 };
-UdpDivider.style = udpDividerCss;
+UdpDivider.style = udpDividerCss();
 
 export { UdpDivider as udp_divider };
-//# sourceMappingURL=udp-divider.entry.js.map

package/dist/esm/udp-drive-utils-CIrjVGiJ.js

@@ -163,6 +163,3 @@ async function parseFileReference(reference) {
 }
 
 export { isUdpDriveFile as a, isFile as b, createFileFromString as c, downloadFileFromUdpDriveFile as d, parseFileReferences as e, getMimeTypeFromExtension as g, isFileReference as i, parseFileReference as p };
-//# sourceMappingURL=udp-drive-utils-CIrjVGiJ.js.map
-
-//# sourceMappingURL=udp-drive-utils-CIrjVGiJ.js.map

package/dist/esm/udp-dynamic-container-with-menu.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, c as createEvent, h, a as getElement } from './index-CaZq3YdB.js';
+import { r as registerInstance, c as createEvent, h, a as getElement } from './index-DFnjA9NX.js';
 
-const udpDynamicContainerWithMenuCss = ".container{width:100%;overflow:hidden;display:flex;flex-wrap:nowrap;flex:1;min-width:600px;}.menu{display:flex;flex-direction:column;gap:8px}.chips{display:flex;gap:8px;flex-grow:1;}.overflow{display:flex}";
+const udpDynamicContainerWithMenuCss = () => `.container{width:100%;overflow:hidden;display:flex;flex-wrap:nowrap;flex:1;min-width:600px;}.menu{display:flex;flex-direction:column;gap:8px}.chips{display:flex;gap:8px;flex-grow:1;}.overflow{display:flex}`;
 
 //import Menu16 from '@carbon/icons/es/menu/16';
 function debounce(func, wait) {
@@ -119,14 +119,15 @@ const DynamicContainerWithMenu = class {
         this.udpChipClicked.emit(chipText);
     }
     render() {
-        return (h("div", { key: 'd3b85167e305ff00316a8265754e1c686e842371', class: "container" }, h("div", { key: 'bf3a7eb21bf2949608a6194919d609640c1ed660', class: "chips" }, console.log('Received data for chips via executeQwith', this.visibleChildren), this.visibleChildren && this.visibleChildren.map((child, index) => (h("stencil-chip", { color: "secondary", key: index, text: child.description, "show-delete": "false", externalToggleString: this.externalToggle })))), h("div", { key: '9287bc50db941f86f99c714f880c5159b6a19bb6', class: "overflow" }, h("udp-pop-over", { key: '85b2124352e62a633fcbc2ad187f51b76d533ccc', isOpen: this.popoverOpen, anchorElement: document.getElementById('anchorElement') }, h("div", { key: '005d1f2bd4bdbdf7e42c50cb00ac11a750555beb', class: "menu" }, this.menuChildren && this.menuChildren.map((child, index) => (h("stencil-chip", { key: index, text: child.label, "show-delete": "false" }, " "))))))));
+        return (h("div", { key: 'f09bf517019dc24f5a721b4c8be5856eb0b457ac', class: "container" }, h("div", { key: '6881c4b03240b798a2377957131d824a6086f2a0', class: "chips" }, console.log('Received data for chips via executeQwith', this.visibleChildren), this.visibleChildren && this.visibleChildren.map((child, index) => (h("stencil-chip", { color: "secondary", key: index, text: child.description, "show-delete": "false", externalToggleString: this.externalToggle })))), h("div", { key: '039f9472b7beb854f632859ba4c4718bea5a05c8', class: "overflow" }, h("udp-pop-over", { key: '358e339b4e83af974cd5470a593638becac83754', isOpen: this.popoverOpen, anchorElement: document.getElementById('anchorElement') }, h("div", { key: 'ec28e9f5ad344f13d319da7576188200044c60f5', class: "menu" }, this.menuChildren && this.menuChildren.map((child, index) => (h("stencil-chip", { key: index, text: child.label, "show-delete": "false" }, " "))))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
-        "menuItems": ["childrenChanged"]
+        "menuItems": [{
+                "childrenChanged": 0
+            }]
     }; }
 };
-DynamicContainerWithMenu.style = udpDynamicContainerWithMenuCss;
+DynamicContainerWithMenu.style = udpDynamicContainerWithMenuCss();
 
 export { DynamicContainerWithMenu as udp_dynamic_container_with_menu };
-//# sourceMappingURL=udp-dynamic-container-with-menu.entry.js.map

package/dist/esm/udp-dynamic-form.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, a as getElement } from './index-CaZq3YdB.js';
+import { r as registerInstance, h, a as getElement } from './index-DFnjA9NX.js';
 
-const udpDynamicFormCss = ".form-root{display:flex;flex-wrap:wrap}";
+const udpDynamicFormCss = () => `.form-root{display:flex;flex-wrap:wrap}`;
 
 const UdpDynamicForm = class {
     constructor(hostRef) {
@@ -254,7 +254,6 @@ const UdpDynamicForm = class {
     }
     get el() { return getElement(this); }
 };
-UdpDynamicForm.style = udpDynamicFormCss;
+UdpDynamicForm.style = udpDynamicFormCss();
 
 export { UdpDynamicForm as udp_dynamic_form };
-//# sourceMappingURL=udp-dynamic-form.entry.js.map

package/dist/esm/udp-form-api-utils-vPSYCvIA.js

@@ -32,6 +32,3 @@ const fetchFormVersions = (formId, page, pageSize) => {
 };
 
 export { fetchFormVersions as a, fetchLatestForms as f };
-//# sourceMappingURL=udp-form-api-utils-vPSYCvIA.js.map
-
-//# sourceMappingURL=udp-form-api-utils-vPSYCvIA.js.map

package/dist/esm/{udp-forms-builder-question-template-C60LMUS4.js → udp-forms-builder-question-template-BsYOju9V.js}

@@ -1,4 +1,4 @@
-import { a as UdpFormsTypeEnum, b as UdpFormsFieldTypeEnum } from './enums-BnKmfKJT.js';
+import { a as UdpFormsTypeEnum, c as UdpFormsFieldTypeEnum } from './enums-D5dod6Ie.js';
 
 const deepCloneFormSections = (formSections) => {
     return structuredClone(formSections);
@@ -372,9 +372,13 @@ const questionsTemplate = [
         handlers: { handleGenericProperty, handleFieldPropertyBooleanToggle },
         defaultFieldProperties: { hideDragAndDrop: false, allowComments: false, allowFollowUpForms: false, hideButton: false },
     },
+    {
+        fieldTypeId: UdpFormsFieldTypeEnum.FormMetadataDisplay,
+        questionTypeName: 'Form Metadata Display',
+        icon: 'user',
+        handlers: { handleGenericProperty, handleFieldPropertyBooleanToggle },
+        defaultFieldProperties: { displayOwnerFullName: true, displayOwnerEmail: true, displaySubmissionDate: true, allowComments: false, allowFollowUpForms: false },
+    },
 ];
 
 export { formSectionDefault as a, deepCloneFormSections as d, formMetadataDefault as f, questionsTemplate as q, styleOverrideDefault as s };
-//# sourceMappingURL=udp-forms-builder-question-template-C60LMUS4.js.map
-
-//# sourceMappingURL=udp-forms-builder-question-template-C60LMUS4.js.map

package/dist/esm/udp-forms-builder-style-override.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-CaZq3YdB.js';
+import { r as registerInstance, h, H as Host } from './index-DFnjA9NX.js';
 
 const typographyVariantsList = [
     'body',
@@ -18,7 +18,7 @@ const typographyVariantsList = [
     'button',
 ];
 
-const udpFormsBuilderStyleOverrideCss = ":host{display:flex;flex-direction:column;gap:var(--spacing-4, 16px)}";
+const udpFormsBuilderStyleOverrideCss = () => `:host{display:flex;flex-direction:column;gap:var(--spacing-4, 16px)}`;
 
 const UdpFormsBuilderStyleOverride = class {
     constructor(hostRef) {
@@ -62,10 +62,9 @@ const UdpFormsBuilderStyleOverride = class {
     render() {
         // if (!this.isVisible) return null;
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9;
-        return (h(Host, { key: '4009c6e83d90dd9d19d379f7685797d317929199' }, h("unity-typography", { key: 'b24f1321f16b06d6198bd59580ec44944228bd56', variant: "h6" }, "Backgrounds and Colors"), this.renderStyleTextField('Background Image', (_c = (_b = (_a = this.formMetadata) === null || _a === void 0 ? void 0 : _a.background) === null || _b === void 0 ? void 0 : _b.backgroundImage) !== null && _c !== void 0 ? _c : '', 'background', 'backgroundImage'), this.renderStyleTextField('Background Color', (_f = (_e = (_d = this.formMetadata) === null || _d === void 0 ? void 0 : _d.background) === null || _e === void 0 ? void 0 : _e.backgroundColor) !== null && _f !== void 0 ? _f : '', 'background', 'backgroundColor'), this.renderStyleTextField('Header Background Color', (_h = (_g = this.formMetadata) === null || _g === void 0 ? void 0 : _g.headerBackgroundColor) !== null && _h !== void 0 ? _h : '', 'headerBackgroundColor'), h("udp-divider", { key: '2f55ef30ca29af61cb1169ce0a6f238ce0f945b3' }), h("unity-typography", { key: 'f6014d55e927a6be62b244117ac8d87d464a0374', variant: "h6" }, "Fonts"), this.renderStyleTextField('Font Family', (_k = (_j = this.formMetadata) === null || _j === void 0 ? void 0 : _j.fontFamily) !== null && _k !== void 0 ? _k : '', 'fontFamily'), this.renderStyleTextField('Question Text Font Family', (_o = (_m = (_l = this.formMetadata) === null || _l === void 0 ? void 0 : _l.questionText) === null || _m === void 0 ? void 0 : _m.fontFamily) !== null && _o !== void 0 ? _o : '', 'questionText', 'fontFamily'), this.renderStyleDropdownField('Question Text Typography', (_r = (_q = (_p = this.formMetadata) === null || _p === void 0 ? void 0 : _p.questionText) === null || _q === void 0 ? void 0 : _q.variant) !== null && _r !== void 0 ? _r : '', 'questionText', 'variant'), this.renderStyleTextField('Title Text Font Family', (_u = (_t = (_s = this.formMetadata) === null || _s === void 0 ? void 0 : _s.titleText) === null || _t === void 0 ? void 0 : _t.fontFamily) !== null && _u !== void 0 ? _u : '', 'titleText', 'fontFamily'), this.renderStyleDropdownField('Title Text Typography', (_x = (_w = (_v = this.formMetadata) === null || _v === void 0 ? void 0 : _v.titleText) === null || _w === void 0 ? void 0 : _w.variant) !== null && _x !== void 0 ? _x : '', 'titleText', 'variant'), this.renderStyleTextField('Paragraph Text Font Family', (_0 = (_z = (_y = this.formMetadata) === null || _y === void 0 ? void 0 : _y.paragraphText) === null || _z === void 0 ? void 0 : _z.fontFamily) !== null && _0 !== void 0 ? _0 : '', 'paragraphText', 'fontFamily'), this.renderStyleDropdownField('Paragraph Text Typography', (_3 = (_2 = (_1 = this.formMetadata) === null || _1 === void 0 ? void 0 : _1.paragraphText) === null || _2 === void 0 ? void 0 : _2.variant) !== null && _3 !== void 0 ? _3 : '', 'paragraphText', 'variant'), this.renderStyleTextField('Helper Text Font Family', (_6 = (_5 = (_4 = this.formMetadata) === null || _4 === void 0 ? void 0 : _4.helperText) === null || _5 === void 0 ? void 0 : _5.fontFamily) !== null && _6 !== void 0 ? _6 : '', 'helperText', 'fontFamily'), this.renderStyleDropdownField('Helper Text Typography', (_9 = (_8 = (_7 = this.formMetadata) === null || _7 === void 0 ? void 0 : _7.helperText) === null || _8 === void 0 ? void 0 : _8.variant) !== null && _9 !== void 0 ? _9 : '', 'helperText', 'variant')));
+        return (h(Host, { key: 'ad322bbae798a71e4c0e1bcf6ee1e0b19efd0b2d' }, h("unity-typography", { key: '69654e44f3287ca0ef7da615aa115d946bdc2267', variant: "h6" }, "Backgrounds and Colors"), this.renderStyleTextField('Background Image', (_c = (_b = (_a = this.formMetadata) === null || _a === void 0 ? void 0 : _a.background) === null || _b === void 0 ? void 0 : _b.backgroundImage) !== null && _c !== void 0 ? _c : '', 'background', 'backgroundImage'), this.renderStyleTextField('Background Color', (_f = (_e = (_d = this.formMetadata) === null || _d === void 0 ? void 0 : _d.background) === null || _e === void 0 ? void 0 : _e.backgroundColor) !== null && _f !== void 0 ? _f : '', 'background', 'backgroundColor'), this.renderStyleTextField('Header Background Color', (_h = (_g = this.formMetadata) === null || _g === void 0 ? void 0 : _g.headerBackgroundColor) !== null && _h !== void 0 ? _h : '', 'headerBackgroundColor'), h("udp-divider", { key: '0bf14bc71b0197d5825417b38758cb8b4be57f06' }), h("unity-typography", { key: '980dea5b0a0e044a3f5d83d58fd64a1ba3e97c42', variant: "h6" }, "Fonts"), this.renderStyleTextField('Font Family', (_k = (_j = this.formMetadata) === null || _j === void 0 ? void 0 : _j.fontFamily) !== null && _k !== void 0 ? _k : '', 'fontFamily'), this.renderStyleTextField('Question Text Font Family', (_o = (_m = (_l = this.formMetadata) === null || _l === void 0 ? void 0 : _l.questionText) === null || _m === void 0 ? void 0 : _m.fontFamily) !== null && _o !== void 0 ? _o : '', 'questionText', 'fontFamily'), this.renderStyleDropdownField('Question Text Typography', (_r = (_q = (_p = this.formMetadata) === null || _p === void 0 ? void 0 : _p.questionText) === null || _q === void 0 ? void 0 : _q.variant) !== null && _r !== void 0 ? _r : '', 'questionText', 'variant'), this.renderStyleTextField('Title Text Font Family', (_u = (_t = (_s = this.formMetadata) === null || _s === void 0 ? void 0 : _s.titleText) === null || _t === void 0 ? void 0 : _t.fontFamily) !== null && _u !== void 0 ? _u : '', 'titleText', 'fontFamily'), this.renderStyleDropdownField('Title Text Typography', (_x = (_w = (_v = this.formMetadata) === null || _v === void 0 ? void 0 : _v.titleText) === null || _w === void 0 ? void 0 : _w.variant) !== null && _x !== void 0 ? _x : '', 'titleText', 'variant'), this.renderStyleTextField('Paragraph Text Font Family', (_0 = (_z = (_y = this.formMetadata) === null || _y === void 0 ? void 0 : _y.paragraphText) === null || _z === void 0 ? void 0 : _z.fontFamily) !== null && _0 !== void 0 ? _0 : '', 'paragraphText', 'fontFamily'), this.renderStyleDropdownField('Paragraph Text Typography', (_3 = (_2 = (_1 = this.formMetadata) === null || _1 === void 0 ? void 0 : _1.paragraphText) === null || _2 === void 0 ? void 0 : _2.variant) !== null && _3 !== void 0 ? _3 : '', 'paragraphText', 'variant'), this.renderStyleTextField('Helper Text Font Family', (_6 = (_5 = (_4 = this.formMetadata) === null || _4 === void 0 ? void 0 : _4.helperText) === null || _5 === void 0 ? void 0 : _5.fontFamily) !== null && _6 !== void 0 ? _6 : '', 'helperText', 'fontFamily'), this.renderStyleDropdownField('Helper Text Typography', (_9 = (_8 = (_7 = this.formMetadata) === null || _7 === void 0 ? void 0 : _7.helperText) === null || _8 === void 0 ? void 0 : _8.variant) !== null && _9 !== void 0 ? _9 : '', 'helperText', 'variant')));
     }
 };
-UdpFormsBuilderStyleOverride.style = udpFormsBuilderStyleOverrideCss;
+UdpFormsBuilderStyleOverride.style = udpFormsBuilderStyleOverrideCss();
 
 export { UdpFormsBuilderStyleOverride as udp_forms_builder_style_override };
-//# sourceMappingURL=udp-forms-builder-style-override.entry.js.map

package/dist/esm/udp-forms-builder.entry.js

@@ -1,11 +1,11 @@
-import { r as registerInstance, h, a as getElement } from './index-CaZq3YdB.js';
+import { r as registerInstance, h, a as getElement } from './index-DFnjA9NX.js';
 import { m as makeApiCall } from './makeApiCall-B-daVutk.js';
-import { f as formMetadataDefault, q as questionsTemplate, d as deepCloneFormSections, a as formSectionDefault, s as styleOverrideDefault } from './udp-forms-builder-question-template-C60LMUS4.js';
+import { f as formMetadataDefault, q as questionsTemplate, d as deepCloneFormSections, a as formSectionDefault, s as styleOverrideDefault } from './udp-forms-builder-question-template-BsYOju9V.js';
 import { g as getIconFromName } from './iconUtils-DcPvHO4A.js';
 import { g as getCurrentTenantId } from './tenantUtils-Basdb1b1.js';
 import Sortable from 'sortablejs';
 import { v4 } from 'uuid';
-import { U as UdpFormsPageIdEnum, a as UdpFormsTypeEnum } from './enums-BnKmfKJT.js';
+import { U as UdpFormsPageIdEnum, a as UdpFormsTypeEnum } from './enums-D5dod6Ie.js';
 import { C as ConfigService } from './configService-BqLfkVKh.js';
 import 'axios';
 import './iconMapping-CPerGeNF.js';
@@ -100,7 +100,7 @@ import '@carbon/icons/es/image/16';
 import '@carbon/icons/es/PPT/16';
 import '@carbon/icons/es/XLS/16';
 
-const udpFormsBuilderCss = ":host{display:block;--udp-form-primary-color:#007bff;--udp-form-spacing-unit:16px}.udp-forms-page{display:flex;flex-direction:column;gap:var(--spacing-06, 32px);padding:var(--spacing-06, 32px);padding-bottom:var(--spacing-12)}.form-section-questions-container{display:flex;flex-direction:column}.form-details-container{display:flex;flex-direction:column;padding:var(--spacing-05, 24px);background-color:var(--card-background-color, white)}.form-details-version-container{margin-bottom:var(--spacing-05)}.udp-form-builder-field-container,.udp-forms-builder-item-generic-configs,.udp-forms-builder-item-specific-configs{display:flex;flex-direction:column;gap:var(--spacing-04, 16px)}.form-section{}.form-section-header{display:flex;flex-direction:row;justify-content:space-between;background-color:var(--primary-color-dark, #000);color:var(--primary-contrast-text, #FFF);padding:var(--spacing-04, 16px) var(--spacing-05, 24px);align-items:center}.add-question-button-container{display:flex;justify-content:center;align-items:center}.question-editor-container{padding:var(--spacing-05, 24px);display:flex;flex-direction:column;gap:var(--spacing-05, 24px)}.add-question-to-section-button-container{padding:var(--spacing-02, 8px) 0;margin:auto}.sortable-ghost{opacity:0.5;transform:scale(0.98);background:#f4f4f4;border:1px dashed #ccc}.sortable-chosen{background:#eef6ff;box-shadow:0 0 4px 2px rgba(51, 153, 255, 0.3)}.form-question-drag-handle{transform:rotate(90deg);cursor:grab}.form-question-drag-handle:active{cursor:grabbing}.form-question-drag-handle .drag-wrapper{cursor:inherit}.form-question-drag-handle stencil-icon-button{pointer-events:none;}";
+const udpFormsBuilderCss = () => `:host{display:block;--udp-form-primary-color:#007bff;--udp-form-spacing-unit:16px}.udp-forms-page{display:flex;flex-direction:column;gap:var(--spacing-06, 32px);padding:var(--spacing-06, 32px);padding-bottom:var(--spacing-12)}.form-section-questions-container{display:flex;flex-direction:column}.form-details-container{display:flex;flex-direction:column;padding:var(--spacing-05, 24px);background-color:var(--card-background-color, white)}.form-details-version-container{margin-bottom:var(--spacing-05)}.udp-form-builder-field-container,.udp-forms-builder-item-generic-configs,.udp-forms-builder-item-specific-configs{display:flex;flex-direction:column;gap:var(--spacing-04, 16px)}.form-section{}.form-section-header{display:flex;flex-direction:row;justify-content:space-between;background-color:var(--primary-color-dark, #000);color:var(--primary-contrast-text, #FFF);padding:var(--spacing-04, 16px) var(--spacing-05, 24px);align-items:center}.add-question-button-container{display:flex;justify-content:center;align-items:center}.question-editor-container{padding:var(--spacing-05, 24px);display:flex;flex-direction:column;gap:var(--spacing-05, 24px)}.add-question-to-section-button-container{padding:var(--spacing-02, 8px) 0;margin:auto}.sortable-ghost{opacity:0.5;transform:scale(0.98);background:#f4f4f4;border:1px dashed #ccc}.sortable-chosen{background:#eef6ff;box-shadow:0 0 4px 2px rgba(51, 153, 255, 0.3)}.form-question-drag-handle{transform:rotate(90deg);cursor:grab}.form-question-drag-handle:active{cursor:grabbing}.form-question-drag-handle .drag-wrapper{cursor:inherit}.form-question-drag-handle stencil-icon-button{pointer-events:none;}`;
 
 var __rest = (undefined && undefined.__rest) || function (s, e) {
     var t = {};
@@ -119,7 +119,7 @@ const UdpFormsBuilder = class {
         registerInstance(this, hostRef);
         this.isFollowUpFormConfigOn = false; // allow form engine to use follow-up forms feature
         this.isPublicFormConfigOn = false; // allow form engine to use public forms feature
-        this.isCommentingConfigOn = false; // allow form engine to use commenting feature
+        this.isCommentingConfigOn = true; // allow form engine to use commenting feature
         this.formsBuilderUrlPath = ''; // alternative path for redirect to the form builder page. If not provided, use default path.
         this.formMetadata = formMetadataDefault;
         this.formSections = [];
@@ -688,11 +688,14 @@ const UdpFormsBuilder = class {
     }
     get hostEl() { return getElement(this); }
     static get watchers() { return {
-        "formId": ["onFormIdOrVersionChange"],
-        "version": ["onFormIdOrVersionChange"]
+        "formId": [{
+                "onFormIdOrVersionChange": 0
+            }],
+        "version": [{
+                "onFormIdOrVersionChange": 0
+            }]
     }; }
 };
-UdpFormsBuilder.style = udpFormsBuilderCss;
+UdpFormsBuilder.style = udpFormsBuilderCss();
 
 export { UdpFormsBuilder as udp_forms_builder };
-//# sourceMappingURL=udp-forms-builder.entry.js.map