udp-stencil-component-library 25.18.2-beta.8 → 25.18.2

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

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-CGCOXUJE.js');
+var index = require('./index-SNloIaSR.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) {
@@ -12,7 +12,6 @@ const UdpCardActionArea = class {
         return (index.h(index.Host, { key: '714b240b33c641aa73eb1d068a3f5f84ddd55745' }, index.h("button", { key: '9be3131f3a64af4e0e84dbd57b6f43bddb499bfc', class: "button" }, index.h("slot", { key: '59b2575af476add9703a63a782856d3f36e64535' }))));
     }
 };
-UdpCardActionArea.style = udpCardActionAreaCss;
+UdpCardActionArea.style = udpCardActionAreaCss();
 
 exports.udp_card_action_area = UdpCardActionArea;
-//# sourceMappingURL=udp-card-action-area.entry.cjs.js.map

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

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-CGCOXUJE.js');
+var index = require('./index-SNloIaSR.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) {
@@ -40,9 +40,9 @@ const UdpCard = class {
     }
     get el() { return index.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) {
@@ -56,9 +56,9 @@ const UdpCardActions = class {
         return (index.h(index.Host, { key: 'b5b04e8f7f28270df5211e2fe4b03da891bba38b', class: this.align }, index.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) {
@@ -70,9 +70,9 @@ const UdpCardContent = class {
         return (index.h(index.Host, { key: '1f7e449544273d38107e67716d3792cc862c4cf3', class: { 'disable-gutter': this.disableGutter, 'disable-padding': this.disablePadding } }, index.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) {
@@ -99,9 +99,9 @@ const UdpCardHeader = class {
         return (index.h(index.Host, { key: '1cfdfc3774c35aab7976373588d77f50de25f455' }, this.avatar && index.h("div", { key: '8bf65bd269e0fe383a4833ece9760ea3a6264db9', class: "avatar" }, this.avatar), index.h("div", { key: '62b69dc2ded405cf43c8bfc1cc9934c9216ffaf5', class: "content" }, index.h("slot", { key: '80aa08fdf27084d84621a6dfbb2a7b55323463bd', name: "title" }, this.cardTitle && wrappedTitleContent), index.h("slot", { key: '65066fa4afdffac8cd7ca2b208cd05c109b1ed0f', name: "subheader" }, this.subheader && subheaderContent), index.h("slot", { key: '4538f7aef034c91e76f3296a5d64ca070643a1ad' })), this.action && index.h("div", { key: 'ecb1c2a93ad71e06d59361161c07510813a7738a', class: "action" }, this.action), index.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) {
@@ -111,9 +111,9 @@ const UdpCardMedia = class {
         return (index.h(index.Host, { key: '91f195a1cf7af62571ffa1597f7e59c2d4471e45', role: "img", style: { backgroundImage: this.image ? `url(${this.image})` : undefined }, "aria-label": this.title }, index.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) {
@@ -153,7 +153,7 @@ const UdpLink = class {
         return (index.h("a", Object.assign({}, commonProps, { href: this.href, target: this.target }), index.h("slot", null)));
     }
 };
-UdpLink.style = udpLinkCss;
+UdpLink.style = udpLinkCss();
 
 exports.udp_card = UdpCard;
 exports.udp_card_actions = UdpCardActions;
@@ -161,4 +161,3 @@ exports.udp_card_content = UdpCardContent;
 exports.udp_card_header = UdpCardHeader;
 exports.udp_card_media = UdpCardMedia;
 exports.udp_link = UdpLink;
-//# sourceMappingURL=udp-card.udp-card-actions.udp-card-content.udp-card-header.udp-card-media.udp-link.entry.cjs.js.map

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CGCOXUJE.js');
+var index = require('./index-SNloIaSR.js');
 
 const UdpChartsExample = class {
     constructor(hostRef) {
@@ -12,4 +12,3 @@ const UdpChartsExample = class {
 };
 
 exports.udp_charts_example = UdpChartsExample;
-//# sourceMappingURL=udp-charts-example.entry.cjs.js.map

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

@@ -1,9 +1,9 @@
 'use strict';
 
-var index = require('./index-CGCOXUJE.js');
+var index = require('./index-SNloIaSR.js');
 var core = require('@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) {
@@ -51,9 +51,9 @@ const UdpChip = class {
         return (index.h("div", { key: '2fabbe9d005532b99e5d0bb75db328e4d4f95d0d', class: chipClasses, onClick: this.handleChipClick }, this.startIcon && (index.h("span", { key: '90aa944d607d65ca584dad5fc08f593998a9a114', class: "chip__icon chip__icon--start" }, index.h("udp-icon", { key: '07d3f8863069836eb5105fd2c6bfc839b3751a17', iconName: this.startIcon, color: 'inherit' }))), index.h("span", { key: '25e02b01494dccbcc344e847f17496d310787eef', class: "chip__label" }, this.label), this.deleteButton && (index.h("span", { key: '661365b514b8c7b59a56c2d64889dfdc11be24c3', class: "chip__delete-icon", onClick: this.handleDeleteClick, title: "Remove" }, index.h("svg", { key: '872fa3327129e0433bb48a6e821384605db99e1d', width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor" }, index.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) {
@@ -158,9 +158,9 @@ const UdpIconButton = class {
     }
     get el() { return index.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) {
@@ -257,12 +257,13 @@ const UdpMenu = class {
     }
     get hostEl() { return index.getElement(this); }
     static get watchers() { return {
-        "open": ["handleOpenChange"]
+        "open": [{
+                "handleOpenChange": 0
+            }]
     }; }
 };
-UdpMenu.style = udpMenuCss;
+UdpMenu.style = udpMenuCss();
 
 exports.udp_chip = UdpChip;
 exports.udp_icon_button = UdpIconButton;
 exports.udp_menu = UdpMenu;
-//# sourceMappingURL=udp-chip.udp-icon-button.udp-menu.entry.cjs.js.map

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

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-CGCOXUJE.js');
+var index = require('./index-SNloIaSR.js');
 
-const udpContainerQueryGridItemCss = ":host{display:block;width:100%}";
+const udpContainerQueryGridItemCss = () => `:host{display:block;width:100%}`;
 
 const UdpContainerQueryGridItem = class {
     constructor(hostRef) {
@@ -23,7 +23,6 @@ const UdpContainerQueryGridItem = class {
         return (index.h(index.Host, { key: '9e1c6d6c0f8011400b6271af8bcdbf5574d725dc' }, index.h("style", { key: '6243776119bad211fe96af76fdc18d8fe4b8aa1e' }, this.getSpanStyles()), index.h("slot", { key: '57c8cab142be8b9fcd66509c70bd0e01a08b08d8' })));
     }
 };
-UdpContainerQueryGridItem.style = udpContainerQueryGridItemCss;
+UdpContainerQueryGridItem.style = udpContainerQueryGridItemCss();
 
 exports.udp_container_query_grid_item = UdpContainerQueryGridItem;
-//# sourceMappingURL=udp-container-query-grid-item.entry.cjs.js.map

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

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-CGCOXUJE.js');
+var index = require('./index-SNloIaSR.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) {
@@ -44,7 +44,6 @@ const UdpContainerQueryGrid = class {
         `)));
     }
 };
-UdpContainerQueryGrid.style = udpContainerQueryGridCss;
+UdpContainerQueryGrid.style = udpContainerQueryGridCss();
 
 exports.udp_container_query_grid = UdpContainerQueryGrid;
-//# sourceMappingURL=udp-container-query-grid.entry.cjs.js.map

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

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-CGCOXUJE.js');
+var index = require('./index-SNloIaSR.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) {
@@ -32,7 +32,6 @@ const UdpContainerQuery = class {
             } }, index.h("style", { key: 'dc349f2310a763938cd017553a49296e397cf645' }, this.getContainerQueryStyle()), index.h("slot", { key: '481e4dfe1f0f7a7fcf153461d5f3a0cfae6ecfee' })));
     }
 };
-UdpContainerQuery.style = udpContainerQueryCss;
+UdpContainerQuery.style = udpContainerQueryCss();
 
 exports.udp_container_query = UdpContainerQuery;
-//# sourceMappingURL=udp-container-query.entry.cjs.js.map

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

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-CGCOXUJE.js');
+var index = require('./index-SNloIaSR.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 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) {
@@ -29,7 +29,6 @@ const UdpContainer = class {
             } }, index.h("slot", { key: '00a20124101fcbed8deef25139de5598b44f178a' })));
     }
 };
-UdpContainer.style = udpContainerCss;
+UdpContainer.style = udpContainerCss();
 
 exports.udp_container = UdpContainer;
-//# sourceMappingURL=udp-container.entry.cjs.js.map

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

@@ -1,9 +1,9 @@
 'use strict';
 
-var index = require('./index-CGCOXUJE.js');
+var index = require('./index-SNloIaSR.js');
 require('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) {
@@ -38,7 +38,6 @@ const UdpDateRangeSelector = class {
         return (index.h(index.Host, { key: '872a0ac12d8ba50108eb2c996f5c68d853fe538b', style: { '--calendar-width': this.width } }, index.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 }, index.h("udp-icon", { key: 'eaf925e2c0ad13010adc17825dd012377e736a69', slot: "previous", iconName: 'chevronLeft16', color: "inherit" }), index.h("udp-icon", { key: '1bc7f790f4b310fd80ed48824b63acef742ef196', slot: "next", iconName: 'chevronRight16', color: "inherit" }), index.h("div", { key: 'df184ba087089ce5e53ea80d1cda01e6428e36f3', class: "grid" }, Array.from({ length: this.monthsToDisplay }).map((_, index$1) => (index.h("calendar-month", { offset: index$1 })))))));
     }
 };
-UdpDateRangeSelector.style = udpDateRangeSelectorCss;
+UdpDateRangeSelector.style = udpDateRangeSelectorCss();
 
 exports.udp_date_range_selector = UdpDateRangeSelector;
-//# sourceMappingURL=udp-date-range-selector.entry.cjs.js.map

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

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-CGCOXUJE.js');
+var index = require('./index-SNloIaSR.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) {
@@ -16,7 +16,6 @@ const UdpDivider = class {
         return (index.h(index.Host, { key: '13426ac01a766a6dc6ec7985aa965d4b401bb912', style: style }, index.h("div", { key: '44997c022555ad9d6b7c736c677f524d5e15ff27', class: this.variant === 'horizontal' ? 'horizontal' : 'vertical' })));
     }
 };
-UdpDivider.style = udpDividerCss;
+UdpDivider.style = udpDividerCss();
 
 exports.udp_divider = UdpDivider;
-//# sourceMappingURL=udp-divider.entry.cjs.js.map

package/dist/cjs/udp-drive-utils-B8uPAKzW.js

@@ -176,6 +176,3 @@ exports.isFileReference = isFileReference;
 exports.isUdpDriveFile = isUdpDriveFile;
 exports.parseFileReference = parseFileReference;
 exports.parseFileReferences = parseFileReferences;
-//# sourceMappingURL=udp-drive-utils-B8uPAKzW.js.map
-
-//# sourceMappingURL=udp-drive-utils-B8uPAKzW.js.map

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

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-CGCOXUJE.js');
+var index = require('./index-SNloIaSR.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) {
@@ -125,10 +125,11 @@ const DynamicContainerWithMenu = class {
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
-        "menuItems": ["childrenChanged"]
+        "menuItems": [{
+                "childrenChanged": 0
+            }]
     }; }
 };
-DynamicContainerWithMenu.style = udpDynamicContainerWithMenuCss;
+DynamicContainerWithMenu.style = udpDynamicContainerWithMenuCss();
 
 exports.udp_dynamic_container_with_menu = DynamicContainerWithMenu;
-//# sourceMappingURL=udp-dynamic-container-with-menu.entry.cjs.js.map

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

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-CGCOXUJE.js');
+var index = require('./index-SNloIaSR.js');
 
-const udpDynamicFormCss = ".form-root{display:flex;flex-wrap:wrap}";
+const udpDynamicFormCss = () => `.form-root{display:flex;flex-wrap:wrap}`;
 
 const UdpDynamicForm = class {
     constructor(hostRef) {
@@ -256,7 +256,6 @@ const UdpDynamicForm = class {
     }
     get el() { return index.getElement(this); }
 };
-UdpDynamicForm.style = udpDynamicFormCss;
+UdpDynamicForm.style = udpDynamicFormCss();
 
 exports.udp_dynamic_form = UdpDynamicForm;
-//# sourceMappingURL=udp-dynamic-form.entry.cjs.js.map

package/dist/cjs/udp-form-api-utils-BwNeblH_.js

@@ -39,6 +39,3 @@ const fetchFormVersions = (formId, page, pageSize) => {
 
 exports.fetchFormVersions = fetchFormVersions;
 exports.fetchLatestForms = fetchLatestForms;
-//# sourceMappingURL=udp-form-api-utils-BwNeblH_.js.map
-
-//# sourceMappingURL=udp-form-api-utils-BwNeblH_.js.map

package/dist/cjs/{udp-forms-builder-question-template-BMMpObLX.js → udp-forms-builder-question-template-BS5ijef_.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var enums = require('./enums-CgcTuQjC.js');
+var enums = require('./enums-B3aaCQaV.js');
 
 const deepCloneFormSections = (formSections) => {
     return structuredClone(formSections);
@@ -388,6 +388,3 @@ exports.formMetadataDefault = formMetadataDefault;
 exports.formSectionDefault = formSectionDefault;
 exports.questionsTemplate = questionsTemplate;
 exports.styleOverrideDefault = styleOverrideDefault;
-//# sourceMappingURL=udp-forms-builder-question-template-BMMpObLX.js.map
-
-//# sourceMappingURL=udp-forms-builder-question-template-BMMpObLX.js.map

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CGCOXUJE.js');
+var index = require('./index-SNloIaSR.js');
 
 const typographyVariantsList = [
     'body',
@@ -20,7 +20,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) {
@@ -67,7 +67,6 @@ const UdpFormsBuilderStyleOverride = class {
         return (index.h(index.Host, { key: 'ad322bbae798a71e4c0e1bcf6ee1e0b19efd0b2d' }, index.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'), index.h("udp-divider", { key: '0bf14bc71b0197d5825417b38758cb8b4be57f06' }), index.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();
 
 exports.udp_forms_builder_style_override = UdpFormsBuilderStyleOverride;
-//# sourceMappingURL=udp-forms-builder-style-override.entry.cjs.js.map

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

@@ -1,13 +1,13 @@
 'use strict';
 
-var index = require('./index-CGCOXUJE.js');
-var makeApiCall = require('./makeApiCall-CFfg9gI0.js');
-var udpFormsBuilderQuestionTemplate = require('./udp-forms-builder-question-template-BMMpObLX.js');
+var index = require('./index-SNloIaSR.js');
+var makeApiCall = require('./makeApiCall-B9MMU_Ob.js');
+var udpFormsBuilderQuestionTemplate = require('./udp-forms-builder-question-template-BS5ijef_.js');
 var iconUtils = require('./iconUtils-BuDk48Xh.js');
 var tenantUtils = require('./tenantUtils-BCKSE0vq.js');
 var Sortable = require('sortablejs');
 var uuid = require('uuid');
-var enums = require('./enums-CgcTuQjC.js');
+var enums = require('./enums-B3aaCQaV.js');
 var configService = require('./configService-BmGAegZf.js');
 require('axios');
 require('./iconMapping-CkHR1LGY.js');
@@ -106,7 +106,7 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var Sortable__default = /*#__PURE__*/_interopDefault(Sortable);
 
-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 = {};
@@ -123,9 +123,9 @@ var __rest = (undefined && undefined.__rest) || function (s, e) {
 const UdpFormsBuilder = class {
     constructor(hostRef) {
         index.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 = true; // allow form engine to use commenting feature
+        this.isFollowUpFormConfigOn = false; // allow form engine to use follow-up forms feature, default is false 
+        this.isPublicFormConfigOn = false; // allow form engine to use public forms feature, default is false 
+        this.isCommentingConfigOn = false; // allow form engine to use commenting feature, default is false 
         this.formsBuilderUrlPath = ''; // alternative path for redirect to the form builder page. If not provided, use default path.
         this.formMetadata = udpFormsBuilderQuestionTemplate.formMetadataDefault;
         this.formSections = [];
@@ -694,11 +694,14 @@ const UdpFormsBuilder = class {
     }
     get hostEl() { return index.getElement(this); }
     static get watchers() { return {
-        "formId": ["onFormIdOrVersionChange"],
-        "version": ["onFormIdOrVersionChange"]
+        "formId": [{
+                "onFormIdOrVersionChange": 0
+            }],
+        "version": [{
+                "onFormIdOrVersionChange": 0
+            }]
     }; }
 };
-UdpFormsBuilder.style = udpFormsBuilderCss;
+UdpFormsBuilder.style = udpFormsBuilderCss();
 
 exports.udp_forms_builder = UdpFormsBuilder;
-//# sourceMappingURL=udp-forms-builder.entry.cjs.js.map

package/dist/cjs/udp-forms-follow-up-list-card.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-CGCOXUJE.js');
-var enums = require('./enums-CgcTuQjC.js');
+var index = require('./index-SNloIaSR.js');
+var enums = require('./enums-B3aaCQaV.js');
 
 const UdpFormsFollowUpListCard = class {
     constructor(hostRef) {
@@ -14,4 +14,3 @@ const UdpFormsFollowUpListCard = class {
 };
 
 exports.udp_forms_follow_up_list_card = UdpFormsFollowUpListCard;
-//# sourceMappingURL=udp-forms-follow-up-list-card.entry.cjs.js.map

package/dist/cjs/udp-forms-list-card.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-CGCOXUJE.js');
-var enums = require('./enums-CgcTuQjC.js');
+var index = require('./index-SNloIaSR.js');
+var enums = require('./enums-B3aaCQaV.js');
 var utils = require('./utils-Bp02BX38.js');
 var ChevronRight24 = require('@carbon/icons/es/chevron--right/16');
 var Edit16 = require('@carbon/icons/es/edit/16');
@@ -97,4 +97,3 @@ const UdpFormsListCard = class {
 };
 
 exports.udp_forms_list_card = UdpFormsListCard;
-//# sourceMappingURL=udp-forms-list-card.entry.cjs.js.map

package/dist/cjs/udp-forms-list.cjs.entry.js

@@ -1,13 +1,13 @@
 'use strict';
 
-var index = require('./index-CGCOXUJE.js');
+var index = require('./index-SNloIaSR.js');
 var udpFormApiUtils = require('./udp-form-api-utils-BwNeblH_.js');
-var enums = require('./enums-CgcTuQjC.js');
+var enums = require('./enums-B3aaCQaV.js');
 require('axios');
 require('./tenantUtils-BCKSE0vq.js');
 require('./configService-BmGAegZf.js');
 
-const udpFormsListCss = ":host{display:block}.udp-form-filter-container{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-05);flex-wrap:nowrap;padding:var(--spacing-05) 0}.error-banner{background-color:#fdecea;border:1px solid #f5c6cb;color:#a94442;padding:12px;margin-bottom:12px;border-radius:4px}.selector-group,.search-group{display:flex;gap:0.75rem;align-items:flex-end}.selector-group{flex-grow:1;flex-shrink:1;max-width:500px}";
+const udpFormsListCss = () => `:host{display:block}.udp-form-filter-container{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-05);flex-wrap:nowrap;padding:var(--spacing-05) 0}.error-banner{background-color:#fdecea;border:1px solid #f5c6cb;color:#a94442;padding:12px;margin-bottom:12px;border-radius:4px}.selector-group,.search-group{display:flex;gap:0.75rem;align-items:flex-end}.selector-group{flex-grow:1;flex-shrink:1;max-width:500px}`;
 
 const UdpFormsList = class {
     constructor(hostRef) {
@@ -228,10 +228,11 @@ const UdpFormsList = class {
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
-        "sortState": ["refetchMainListData"]
+        "sortState": [{
+                "refetchMainListData": 0
+            }]
     }; }
 };
-UdpFormsList.style = udpFormsListCss;
+UdpFormsList.style = udpFormsListCss();
 
 exports.udp_forms_list = UdpFormsList;
-//# sourceMappingURL=udp-forms-list.entry.cjs.js.map