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

package/dist/components/udp-container-query2.js

@@ -1,58 +1 @@
-import { p as proxyCustomElement, H, h, d as Host } from './index2.js';
-
-const udpContainerQueryCss = ":host{display:block;container-type:inline-size;width:100%}:host(.container-query) ::slotted(*){transition:all 0.3s ease}";
-
-const UdpContainerQuery = /*@__PURE__*/ proxyCustomElement(class UdpContainerQuery extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.queries = {};
-    }
-    getContainerQueryStyle() {
-        // Create dynamic container query styles
-        const styleRules = Object.entries(this.queries)
-            .map(([breakpoint, styles]) => {
-            const cssProperties = Object.entries(styles)
-                .map(([property, value]) => `${property}: ${value};`)
-                .join('\n      ');
-            return `
-  @container (min-width: ${breakpoint}px) {
-    ::slotted(*) {
-      ${cssProperties}
-    }
-  }`;
-        })
-            .join('\n');
-        return styleRules;
-    }
-    render() {
-        return (h(Host, { key: '904cc72f590b5948dec552df97c7161981c4e4e5', class: {
-                [this.customClass]: !!this.customClass,
-            } }, h("style", { key: 'd6d1a078d0cb0506a0de7a08ab8c95364ce6e1d4' }, this.getContainerQueryStyle()), h("slot", { key: 'f7f9aaa16f7be0d29314af0effdf09d33c2a6bbd' })));
-    }
-    static get style() { return udpContainerQueryCss; }
-}, [257, "udp-container-query", {
-        "queries": [16],
-        "customClass": [1, "custom-class"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["udp-container-query"];
-    components.forEach(tagName => { switch (tagName) {
-        case "udp-container-query":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, UdpContainerQuery);
-            }
-            break;
-    } });
-}
-
-export { UdpContainerQuery as U, defineCustomElement as d };
-//# sourceMappingURL=udp-container-query2.js.map
-
-//# sourceMappingURL=udp-container-query2.js.map
+import{p as e,H as t,h as s,d as n,t as a}from"./index2.js";const c=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.queries={}}getContainerQueryStyle(){return Object.entries(this.queries).map((([e,t])=>`\n  @container (min-width: ${e}px) {\n    ::slotted(*) {\n      ${Object.entries(t).map((([e,t])=>`${e}: ${t};`)).join("\n      ")}\n    }\n  }`)).join("\n")}render(){return s(n,{key:"abba69fdcf35ed43f74dea1cfa19a6e7e9ae80d2",class:{[this.customClass]:!!this.customClass}},s("style",{key:"dc349f2310a763938cd017553a49296e397cf645"},this.getContainerQueryStyle()),s("slot",{key:"481e4dfe1f0f7a7fcf153461d5f3a0cfae6ecfee"}))}static get style(){return":host{display:block;container-type:inline-size;width:100%}:host(.container-query) ::slotted(*){transition:all 0.3s ease}"}},[257,"udp-container-query",{queries:[16],customClass:[1,"custom-class"]}]);function i(){"undefined"!=typeof customElements&&["udp-container-query"].forEach((e=>{"udp-container-query"===e&&(customElements.get(a(e))||customElements.define(a(e),c))}))}export{c as U,i as d}

package/dist/components/udp-container.js

@@ -1,9 +1 @@
-import { U as UdpContainer$1, d as defineCustomElement$1 } from './udp-container2.js';
-
-const UdpContainer = UdpContainer$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { UdpContainer, defineCustomElement };
-//# sourceMappingURL=udp-container.js.map
-
-//# sourceMappingURL=udp-container.js.map
+import{U as o,d as r}from"./udp-container2.js";const s=o,t=r;export{s as UdpContainer,t as defineCustomElement}

package/dist/components/udp-container2.js

@@ -1,56 +1 @@
-import { p as proxyCustomElement, H, h } from './index2.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 = /*@__PURE__*/ proxyCustomElement(class UdpContainer extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        /**
-         * 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: '67a4785f07ff86b828f2e5efc565c4e83963111a', class: {
-                'udp-container': true,
-                'udp-container--fluid': this.fluid,
-                'udp-container--padded': this.padding,
-                [`udp-container--${this.maxWidth}`]: true,
-            } }, h("slot", { key: 'c093ce82b5a485b158eb3f1152d55174202e8f87' })));
-    }
-    static get style() { return udpContainerCss; }
-}, [257, "udp-container", {
-        "fluid": [4],
-        "maxWidth": [1, "max-width"],
-        "padding": [4]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["udp-container"];
-    components.forEach(tagName => { switch (tagName) {
-        case "udp-container":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, UdpContainer);
-            }
-            break;
-    } });
-}
-
-export { UdpContainer as U, defineCustomElement as d };
-//# sourceMappingURL=udp-container2.js.map
-
-//# sourceMappingURL=udp-container2.js.map
+import{p as t,H as d,h as i,t as e}from"./index2.js";const n=t(class extends d{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.fluid=!1,this.maxWidth="lg",this.padding=!0}render(){return i("div",{key:"fb6ff14c09a223d0181b361acc1243f070e062e3",class:{"udp-container":!0,"udp-container--fluid":this.fluid,"udp-container--padded":this.padding,[`udp-container--${this.maxWidth}`]:!0}},i("slot",{key:"00a20124101fcbed8deef25139de5598b44f178a"}))}static get style(){return":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}"}},[257,"udp-container",{fluid:[4],maxWidth:[1,"max-width"],padding:[4]}]);function a(){"undefined"!=typeof customElements&&["udp-container"].forEach((t=>{"udp-container"===t&&(customElements.get(e(t))||customElements.define(e(t),n))}))}export{n as U,a as d}

package/dist/components/udp-date-range-selector.js

@@ -1,80 +1 @@
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './index2.js';
-import 'cally';
-import { d as defineCustomElement$2 } from './udp-icon2.js';
-
-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$1 = /*@__PURE__*/ proxyCustomElement(class UdpDateRangeSelector extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.change = createEvent(this, "change");
-        /**
-         * Width of each month
-         */
-        this.width = '260px';
-        /**
-         * Vertical or horizontal stacking of months
-         */
-        this.orientation = 'horizontal';
-        /**
-         * 'multi' | 'range' | 'single' select types
-         */
-        this.variant = 'range';
-        /**
-         * 'multi' | 'range' | 'single' select types
-         */
-        this.monthsToDisplay = 2;
-        this.handleChange = e => {
-            this.change.emit(e.target.value);
-        };
-    }
-    render() {
-        const CalendarTag = this.variant === 'multi'
-            ? 'calendar-multi'
-            : 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 })))))));
-    }
-    static get style() { return udpDateRangeSelectorCss; }
-}, [257, "udp-date-range-selector", {
-        "width": [513],
-        "minDate": [1, "min-date"],
-        "maxDate": [1, "max-date"],
-        "value": [1],
-        "orientation": [513],
-        "variant": [513],
-        "monthsToDisplay": [2, "months-to-display"],
-        "isDateDisallowed": [16],
-        "getDayParts": [16]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["udp-date-range-selector", "udp-icon"];
-    components.forEach(tagName => { switch (tagName) {
-        case "udp-date-range-selector":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, UdpDateRangeSelector$1);
-            }
-            break;
-        case "udp-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const UdpDateRangeSelector = UdpDateRangeSelector$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { UdpDateRangeSelector, defineCustomElement };
-//# sourceMappingURL=udp-date-range-selector.js.map
-
-//# sourceMappingURL=udp-date-range-selector.js.map
+import{p as a,H as r,c as t,h as e,d as o,t as n}from"./index2.js";import"cally";import{d as i}from"./udp-icon2.js";const d=a(class extends r{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.change=t(this,"change"),this.width="260px",this.orientation="horizontal",this.variant="range",this.monthsToDisplay=2,this.handleChange=a=>{this.change.emit(a.target.value)}}render(){return e(o,{key:"872a0ac12d8ba50108eb2c996f5c68d853fe538b",style:{"--calendar-width":this.width}},e("multi"===this.variant?"calendar-multi":"single"===this.variant?"calendar-date":"calendar-range",{key:"e1348c050e9b49f4a5826bd5f6b07be7e6e2ed2b",value:this.value,min:this.minDate,max:this.maxDate,firstDayOfWeek:0,months:this.monthsToDisplay,showOutsideDays:!0,pageBy:"single",isDateDisallowed:this.isDateDisallowed,getDayParts:this.getDayParts,onChange:this.handleChange},e("udp-icon",{key:"eaf925e2c0ad13010adc17825dd012377e736a69",slot:"previous",iconName:"chevronLeft16",color:"inherit"}),e("udp-icon",{key:"1bc7f790f4b310fd80ed48824b63acef742ef196",slot:"next",iconName:"chevronRight16",color:"inherit"}),e("div",{key:"df184ba087089ce5e53ea80d1cda01e6428e36f3",class:"grid"},Array.from({length:this.monthsToDisplay}).map(((a,r)=>e("calendar-month",{offset:r}))))))}static get style(){return".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);}"}},[1,"udp-date-range-selector",{width:[513],minDate:[1,"min-date"],maxDate:[1,"max-date"],value:[1],orientation:[513],variant:[513],monthsToDisplay:[2,"months-to-display"],isDateDisallowed:[16],getDayParts:[16]}]),s=d,c=function(){"undefined"!=typeof customElements&&["udp-date-range-selector","udp-icon"].forEach((a=>{switch(a){case"udp-date-range-selector":customElements.get(n(a))||customElements.define(n(a),d);break;case"udp-icon":customElements.get(n(a))||i()}}))};export{s as UdpDateRangeSelector,c as defineCustomElement}

package/dist/components/udp-date-selector.js

@@ -1,9 +1 @@
-import { U as UdpDateSelector$1, d as defineCustomElement$1 } from './udp-date-selector2.js';
-
-const UdpDateSelector = UdpDateSelector$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { UdpDateSelector, defineCustomElement };
-//# sourceMappingURL=udp-date-selector.js.map
-
-//# sourceMappingURL=udp-date-selector.js.map
+import{U as o,d as s}from"./udp-date-selector2.js";const t=o,e=s;export{t as UdpDateSelector,e as defineCustomElement}

package/dist/components/udp-date-selector2.js

@@ -1,195 +1 @@
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './index2.js';
-import { d as defineCustomElement$1 } from './unity-typography2.js';
-
-const udpDateSelectorCss = ":host(.udp-input){display:block;box-sizing:border-box;position:relative}:host(.udp-input--full-width){width:100%}:host(.udp-input--error){--input-border-color:var(--input-underline-color-error)}:host(.udp-input--disabled){pointer-events:none;opacity:0.5;cursor:not-allowed}:host(.udp-input--required){position:relative}:host(.udp-input--readonly){--input-background:var(--gray-02)}:host(.udp-input--hidden){display:none}:host(.udp-input--checked){--input-accent-color:var(--primary-color)}:host(.udp-input--multi-select){--list-max-height:200px}:host(.udp-input) .bx--text-input:focus{outline:none;}:host(.udp-input) .bx--form-item{margin-bottom:var(--spacing-05)}:host(.udp-input) .bx--label{display:block;margin-bottom:var(--spacing-03);color:var(--text-main);font-size:var(--caption-text-font-size);font-weight:var(--caption-text-font-weight);line-height:var(--caption-text-line-height)}@media (max-width: var(--breakpoint-xs-max)){:host(.udp-input){margin-bottom:var(--spacing-04)}:host(.udp-input) .bx--form-item{margin-bottom:var(--spacing-04)}}@media (min-width: var(--breakpoint-sm-min)){:host(.udp-input){min-height:2.5rem;}}:host(.udp-input--size-small) .bx--text-input,:host(.udp-input--size-small) textarea,:host(.udp-input--size-small) input[type=\"text\"],:host(.udp-input--size-small) input[type=\"number\"],:host(.udp-input--size-small) input[type=\"email\"],:host(.udp-input--size-small) input[type=\"password\"],:host(.udp-input--size-small) input[type=\"tel\"],:host(.udp-input--size-small) input[type=\"url\"],:host(.udp-input--size-small) input[type=\"search\"]{padding:var(--spacing-02);padding-bottom:6px;font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--size-normal) .bx--text-input,:host(.udp-input--size-normal) textarea,:host(.udp-input--size-normal) input[type=\"text\"],:host(.udp-input--size-normal) input[type=\"number\"],:host(.udp-input--size-normal) input[type=\"email\"],:host(.udp-input--size-normal) input[type=\"password\"],:host(.udp-input--size-normal) input[type=\"tel\"],:host(.udp-input--size-normal) input[type=\"url\"],:host(.udp-input--size-normal) input[type=\"search\"]{padding:var(--spacing-03);padding-bottom:9px;font-size:var(--body-font-size)}:host(.udp-input--size-large) .bx--text-input,:host(.udp-input--size-large) textarea,:host(.udp-input--size-large) input[type=\"text\"],:host(.udp-input--size-large) input[type=\"number\"],:host(.udp-input--size-large) input[type=\"email\"],:host(.udp-input--size-large) input[type=\"password\"],:host(.udp-input--size-large) input[type=\"tel\"],:host(.udp-input--size-large) input[type=\"url\"],:host(.udp-input--size-large) input[type=\"search\"]{padding:var(--spacing-04);padding-bottom:12px;font-size:var(--body-font-size)}:host(.udp-input--margin-none){margin:0}:host(.udp-input--margin-dense){margin:var(--spacing-02) 0}:host(.udp-input--margin-normal){margin:var(--spacing-03) 0}:host(.udp-input--margin-comfortable){margin:var(--spacing-04) 0}:host(.udp-input--size-small) .bx--label{margin-bottom:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--size-normal) .bx--label{margin-bottom:var(--spacing-03);font-size:var(--body-font-size)}:host(.udp-input--size-large) .bx--label{margin-bottom:var(--spacing-04);font-size:var(--body-font-size)}.bx--text-input,textarea,input[type=\"text\"],input[type=\"number\"],input[type=\"email\"],input[type=\"password\"],input[type=\"tel\"],input[type=\"url\"],input[type=\"search\"]{display:inline-block;padding:var(--spacing-03);padding-bottom:9px;box-sizing:border-box;border:none;font-size:var(--body-font-size);background:var(--input-background);border-bottom:var(--underline-standard) solid var(--input-underline-color, var(--gray-08));width:100%;font-family:var(--font-family);transition:border-bottom-color 0.15s ease-in-out}.bx--text-input:focus,textarea:focus,input[type=\"text\"]:focus,input[type=\"number\"]:focus,input[type=\"email\"]:focus,input[type=\"password\"]:focus,input[type=\"tel\"]:focus,input[type=\"url\"]:focus,input[type=\"search\"]:focus{border-bottom-color:var(--input-underline-color-focus, var(--primary-color));border-bottom-width:2px}.bx--text-input--error,.bx--text-input:user-invalid,:host(.udp-input--error) .bx--text-input,:host(.udp-input--error) textarea,:host(.udp-input--error) input[type=\"text\"],:host(.udp-input--error) input[type=\"number\"],:host(.udp-input--error) input[type=\"email\"],:host(.udp-input--error) input[type=\"password\"],:host(.udp-input--error) input[type=\"tel\"],:host(.udp-input--error) input[type=\"url\"],:host(.udp-input--error) input[type=\"search\"],input[type=\"text\"]:user-invalid,input[type=\"number\"]:user-invalid,input[type=\"email\"]:user-invalid,input[type=\"password\"]:user-invalid,input[type=\"tel\"]:user-invalid,input[type=\"url\"]:user-invalid,input[type=\"search\"]:user-invalid{border-bottom-color:var(--input-underline-color-error, var(--error-color-main)) !important}:host(.udp-input--disabled) .bx--text-input,:host(.udp-input--disabled) textarea,:host(.udp-input--disabled) input[type=\"text\"],:host(.udp-input--disabled) input[type=\"number\"],:host(.udp-input--disabled) input[type=\"email\"],:host(.udp-input--disabled) input[type=\"password\"],:host(.udp-input--disabled) input[type=\"tel\"],:host(.udp-input--disabled) input[type=\"url\"],:host(.udp-input--disabled) input[type=\"search\"]{border-bottom-color:var(--input-underline-color-disabled, var(--gray-08))}textarea.bx--text-input{resize:vertical;min-height:var(--spacing-08)}.bx--text-input::placeholder,textarea::placeholder,input[type=\"text\"]::placeholder,input[type=\"number\"]::placeholder,input[type=\"email\"]::placeholder,input[type=\"password\"]::placeholder,input[type=\"tel\"]::placeholder,input[type=\"url\"]::placeholder,input[type=\"search\"]::placeholder{color:var(--placeholder-color, #999);opacity:1}:host(.udp-input),:host{display:block;width:100%;box-sizing:border-box}.bx--form-item{margin-bottom:var(--spacing-05)}.bx--label{display:block;margin-bottom:var(--spacing-03)}.error-message,.bx--form-requirement,:host(.udp-input--error) .error-message,:host(.udp-input--error) .bx--form-requirement{color:var(--error-color-main, #d32f2f) !important;margin-top:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem);--unity-typography-inherit-color:var(--error-color-main, #d32f2f)}.helper-text{color:var(--text-02, #525252);margin-top:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--disabled) .bx--text-input,:host(.udp-input--disabled) textarea,:host(.udp-input--disabled) input,:host(.udp-input--disabled){cursor:not-allowed;opacity:0.6}:host(.udp-input--readonly) .bx--text-input,:host(.udp-input--readonly) textarea,:host(.udp-input--readonly) input{background-color:var(--field-01, #f4f4f4);cursor:default}:host(.full-width-host){width:100%}";
-
-const UdpDateSelector = /*@__PURE__*/ proxyCustomElement(class UdpDateSelector extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.change = createEvent(this, "change");
-        /**
-         * Current value of the date selector. When provided, makes this a controlled component.
-         * Uses YYYY-MM-DD format (e.g., "2024-01-15"). The component will use this value and update it through events.
-         */
-        this.value = '';
-        /**
-         * Whether the input is readonly.
-         */
-        this.readonly = false;
-        /**
-         * Whether the input should take the full width of its container.
-         */
-        this.fullWidth = false;
-        /**
-         * Size variant controlling the padding and spacing of the input.
-         * - 'small': Compact spacing for data-heavy interfaces
-         * - 'normal': Standard spacing (default)
-         * - 'large': Generous spacing for accessibility
-         */
-        this.size = 'normal';
-        /**
-         * Margin variant for the input spacing.
-         * - 'none': No margin
-         * - 'dense': Minimal margin spacing
-         * - 'normal': Standard margin spacing (default)
-         */
-        this.margin = 'normal';
-        this.internalValue = ''; // Internal state for value management
-        /**
-         * Handles changes to the date input value. Updates internal state and emits standard events.
-         * @param event - The input event from the date input
-         */
-        this.handleDateChange = (event) => {
-            const target = event.target;
-            const newValue = target.value;
-            // Update internal value
-            this.internalValue = newValue;
-            // Update controlled value if this is a controlled component
-            if (this.value !== undefined) {
-                this.value = newValue;
-            }
-            // Emit standard events for integration with form libraries and custom handlers
-            this.change.emit(newValue);
-        };
-    }
-    /**
-     * Component lifecycle method called when the component is about to load.
-     * Initializes the internal value from either the value prop or initialValue prop.
-     */
-    componentWillLoad() {
-        // Initialize from controlled value or initial value
-        this.internalValue = this.value || this.initialValue || '';
-        this.errorMessage = this.error;
-    }
-    /**
-     * Watcher for the error prop. Updates the internal error message when the error prop changes.
-     */
-    updateError() {
-        this.errorMessage = this.error;
-    }
-    /**
-     * Watcher for the initialValue prop. Updates the internal value when initialValue changes
-     * (useful for form resets, dynamic initial values, etc.).
-     * @param newValue - The new initial value
-     */
-    initialValueChanged(newValue) {
-        if (newValue !== undefined) {
-            this.internalValue = newValue;
-        }
-    }
-    /**
-     * Watcher for the value prop. Updates the internal value when the value prop changes
-     * (controlled component behavior).
-     * @param newValue - The new controlled value
-     */
-    valueChanged(newValue) {
-        if (newValue !== undefined) {
-            this.internalValue = newValue;
-        }
-    }
-    /**
-     * Handles the blur event on the date input. Standard focus events bubble naturally.
-     */
-    handleBlur() {
-        // Standard focus events bubble naturally - no custom emission needed
-    }
-    /**
-     * Handles the focus event on the date input. Standard focus events bubble naturally.
-     */
-    handleFocus() {
-        // Standard focus events bubble naturally - no custom emission needed
-    }
-    formatDateForHtml(dateString) {
-        var _a;
-        // convert to date
-        // when converting to ISO string, javascript will edit the date to compensate for the timezone, we dont want that here so we manually subtract the offset that it will add
-        const date = new Date(dateString);
-        if (isNaN(date === null || date === void 0 ? void 0 : date.getTime()))
-            return null;
-        date === null || date === void 0 ? void 0 : date.setTime((date === null || date === void 0 ? void 0 : date.getTime()) - (date === null || date === void 0 ? void 0 : date.getTimezoneOffset()) * 60 * 1000);
-        const isoString = date === null || date === void 0 ? void 0 : date.toISOString();
-        if (!isoString)
-            return null;
-        return (_a = isoString === null || isoString === void 0 ? void 0 : isoString.split) === null || _a === void 0 ? void 0 : _a.call(isoString, 'T')[0];
-    }
-    render() {
-        const isError = !!this.errorMessage;
-        const classNames = ['bx--text-input'];
-        if (isError) {
-            classNames.push('bx--text-input--error');
-        }
-        if (this.disabled) {
-            classNames.push('date-selector--disabled');
-        }
-        if (this.fullWidth) {
-            classNames.push('bx--text-input--full-width');
-        }
-        const inputClass = classNames.join(' ');
-        return (h(Host, { key: 'ae9efad139a83656e0fee173704f354ba2331f6a', class: {
-                'udp-input': true,
-                'udp-input--error': isError,
-                'udp-input--disabled': this.disabled,
-                'udp-input--readonly': this.readonly,
-                'udp-input--full-width': this.fullWidth,
-                'udp-input--required': this.required,
-                [`udp-input--size-${this.size}`]: true,
-                [`udp-input--margin-${this.margin}`]: true,
-            }, "aria-invalid": isError ? 'true' : 'false', "aria-required": this.required ? 'true' : 'false' }, h("div", { key: 'da630f9378f12211581f119f79e5a1047b53ea8e', class: "bx--form-item" }, h("unity-typography", { key: 'bf1ae668de34df013001033fdb63f8641eb16a07', variant: "caption-text" }, h("label", { key: 'dccb79085b266c6c25102836f8773c6eb109eabc', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), h("input", { key: '06faee995162621361fd90bc6b648d6e53ac8afa', type: "date", id: this.id, name: this.name, class: inputClass, value: this.internalValue, min: this.min ? this.formatDateForHtml(this.min) : null, max: this.max ? this.formatDateForHtml(this.max) : null, onInput: this.handleDateChange, onChange: this.handleDateChange, onBlur: this.handleBlur, onFocus: this.handleFocus, disabled: this.disabled, readonly: this.readonly, required: this.required,
-            //@ts-ignore
-            udprecordid: 'udpRecord-udp-date-selector-' + this.id }), h("unity-typography", { key: '64381575296c32b4b1ad08cafa465ad061d981fd', class: "error-message", variant: "caption-text", color: "error" }, this.errorMessage))));
-    }
-    static get watchers() { return {
-        "error": ["updateError"],
-        "initialValue": ["initialValueChanged"],
-        "value": ["valueChanged"]
-    }; }
-    static get style() { return udpDateSelectorCss; }
-}, [257, "udp-date-selector", {
-        "id": [1],
-        "name": [1],
-        "label": [1],
-        "min": [1],
-        "max": [1],
-        "required": [4],
-        "error": [1],
-        "initialValue": [1, "initial-value"],
-        "value": [1025],
-        "disabled": [4],
-        "readonly": [4],
-        "fullWidth": [4, "full-width"],
-        "size": [1],
-        "margin": [1],
-        "internalValue": [32],
-        "errorMessage": [32]
-    }, undefined, {
-        "error": ["updateError"],
-        "initialValue": ["initialValueChanged"],
-        "value": ["valueChanged"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["udp-date-selector", "unity-typography"];
-    components.forEach(tagName => { switch (tagName) {
-        case "udp-date-selector":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, UdpDateSelector);
-            }
-            break;
-        case "unity-typography":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { UdpDateSelector as U, defineCustomElement as d };
-//# sourceMappingURL=udp-date-selector2.js.map
-
-//# sourceMappingURL=udp-date-selector2.js.map
+import{p as t,H as i,c as e,h as p,d as n,t as r}from"./index2.js";import{d as o}from"./unity-typography2.js";const a=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.change=e(this,"change"),this.value="",this.readonly=!1,this.fullWidth=!1,this.size="normal",this.margin="normal",this.internalValue="",this.handleDateChange=t=>{const i=t.target.value;this.internalValue=i,void 0!==this.value&&(this.value=i),this.change.emit(i)}}componentWillLoad(){this.internalValue=this.value||this.initialValue||"",this.errorMessage=this.error}updateError(){this.errorMessage=this.error}initialValueChanged(t){void 0!==t&&(this.internalValue=t)}valueChanged(t){void 0!==t&&(this.internalValue=t)}handleBlur(){}handleFocus(){}formatDateForHtml(t){var i;const e=new Date(t);if(isNaN(null==e?void 0:e.getTime()))return null;null==e||e.setTime((null==e?void 0:e.getTime())-60*(null==e?void 0:e.getTimezoneOffset())*1e3);const p=null==e?void 0:e.toISOString();return p?null===(i=null==p?void 0:p.split)||void 0===i?void 0:i.call(p,"T")[0]:null}render(){const t=!!this.errorMessage,i=["bx--text-input"];t&&i.push("bx--text-input--error"),this.disabled&&i.push("date-selector--disabled"),this.fullWidth&&i.push("bx--text-input--full-width");const e=i.join(" ");return p(n,{key:"059b2399e917f7ebb88d764e25c79853e4e3f01f",class:{"udp-input":!0,"udp-input--error":t,"udp-input--disabled":this.disabled,"udp-input--readonly":this.readonly,"udp-input--full-width":this.fullWidth,"udp-input--required":this.required,[`udp-input--size-${this.size}`]:!0,[`udp-input--margin-${this.margin}`]:!0},"aria-invalid":t?"true":"false","aria-required":this.required?"true":"false"},p("div",{key:"d32d5ca325b9eec57923dee615fccac31e2a2d3d",class:"bx--form-item"},p("unity-typography",{key:"bd4d8d5a65f6db822172d726acf4f901aa173d6b",variant:"caption-text"},p("label",{key:"980e5f485074b96e7d5893d99cf96cf58181177f",htmlFor:this.id,class:"bx--label"},this.label,this.required?"*":"")),p("input",{key:"099b7ff32e63380fca4d46c9ab2c42727d11c250",type:"date",id:this.id,name:this.name,class:e,value:this.internalValue,min:this.min?this.formatDateForHtml(this.min):null,max:this.max?this.formatDateForHtml(this.max):null,onInput:this.handleDateChange,onChange:this.handleDateChange,onBlur:this.handleBlur,onFocus:this.handleFocus,disabled:this.disabled,readonly:this.readonly,required:this.required,udprecordid:"udpRecord-udp-date-selector-"+this.id}),p("unity-typography",{key:"48bdb76b087160ee1904f708b9908c1b625b7995",class:"error-message",variant:"caption-text",color:"error"},this.errorMessage)))}static get watchers(){return{error:[{updateError:0}],initialValue:[{initialValueChanged:0}],value:[{valueChanged:0}]}}static get style(){return':host(.udp-input){display:block;box-sizing:border-box;position:relative}:host(.udp-input--full-width){width:100%}:host(.udp-input--error){--input-border-color:var(--input-underline-color-error)}:host(.udp-input--disabled){pointer-events:none;opacity:0.5;cursor:not-allowed}:host(.udp-input--required){position:relative}:host(.udp-input--readonly){--input-background:var(--gray-02)}:host(.udp-input--hidden){display:none}:host(.udp-input--checked){--input-accent-color:var(--primary-color)}:host(.udp-input--multi-select){--list-max-height:200px}:host(.udp-input) .bx--text-input:focus{outline:none;}:host(.udp-input) .bx--form-item{margin-bottom:var(--spacing-05)}:host(.udp-input) .bx--label{display:block;margin-bottom:var(--spacing-03);color:var(--text-main);font-size:var(--caption-text-font-size);font-weight:var(--caption-text-font-weight);line-height:var(--caption-text-line-height)}@media (max-width: var(--breakpoint-xs-max)){:host(.udp-input){margin-bottom:var(--spacing-04)}:host(.udp-input) .bx--form-item{margin-bottom:var(--spacing-04)}}@media (min-width: var(--breakpoint-sm-min)){:host(.udp-input){min-height:2.5rem;}}:host(.udp-input--size-small) .bx--text-input,:host(.udp-input--size-small) textarea,:host(.udp-input--size-small) input[type="text"],:host(.udp-input--size-small) input[type="number"],:host(.udp-input--size-small) input[type="email"],:host(.udp-input--size-small) input[type="password"],:host(.udp-input--size-small) input[type="tel"],:host(.udp-input--size-small) input[type="url"],:host(.udp-input--size-small) input[type="search"]{padding:var(--spacing-02);padding-bottom:6px;font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--size-normal) .bx--text-input,:host(.udp-input--size-normal) textarea,:host(.udp-input--size-normal) input[type="text"],:host(.udp-input--size-normal) input[type="number"],:host(.udp-input--size-normal) input[type="email"],:host(.udp-input--size-normal) input[type="password"],:host(.udp-input--size-normal) input[type="tel"],:host(.udp-input--size-normal) input[type="url"],:host(.udp-input--size-normal) input[type="search"]{padding:var(--spacing-03);padding-bottom:9px;font-size:var(--body-font-size)}:host(.udp-input--size-large) .bx--text-input,:host(.udp-input--size-large) textarea,:host(.udp-input--size-large) input[type="text"],:host(.udp-input--size-large) input[type="number"],:host(.udp-input--size-large) input[type="email"],:host(.udp-input--size-large) input[type="password"],:host(.udp-input--size-large) input[type="tel"],:host(.udp-input--size-large) input[type="url"],:host(.udp-input--size-large) input[type="search"]{padding:var(--spacing-04);padding-bottom:12px;font-size:var(--body-font-size)}:host(.udp-input--margin-none){margin:0}:host(.udp-input--margin-dense){margin:var(--spacing-02) 0}:host(.udp-input--margin-normal){margin:var(--spacing-03) 0}:host(.udp-input--margin-comfortable){margin:var(--spacing-04) 0}:host(.udp-input--size-small) .bx--label{margin-bottom:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--size-normal) .bx--label{margin-bottom:var(--spacing-03);font-size:var(--body-font-size)}:host(.udp-input--size-large) .bx--label{margin-bottom:var(--spacing-04);font-size:var(--body-font-size)}.bx--text-input,textarea,input[type="text"],input[type="number"],input[type="email"],input[type="password"],input[type="tel"],input[type="url"],input[type="search"]{display:inline-block;padding:var(--spacing-03);padding-bottom:9px;box-sizing:border-box;border:none;font-size:var(--body-font-size);background:var(--input-background);border-bottom:var(--underline-standard) solid var(--input-underline-color, var(--gray-08));width:100%;font-family:var(--font-family);transition:border-bottom-color 0.15s ease-in-out}.bx--text-input:focus,textarea:focus,input[type="text"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="password"]:focus,input[type="tel"]:focus,input[type="url"]:focus,input[type="search"]:focus{border-bottom-color:var(--input-underline-color-focus, var(--primary-color));border-bottom-width:2px}.bx--text-input--error,.bx--text-input:user-invalid,:host(.udp-input--error) .bx--text-input,:host(.udp-input--error) textarea,:host(.udp-input--error) input[type="text"],:host(.udp-input--error) input[type="number"],:host(.udp-input--error) input[type="email"],:host(.udp-input--error) input[type="password"],:host(.udp-input--error) input[type="tel"],:host(.udp-input--error) input[type="url"],:host(.udp-input--error) input[type="search"],input[type="text"]:user-invalid,input[type="number"]:user-invalid,input[type="email"]:user-invalid,input[type="password"]:user-invalid,input[type="tel"]:user-invalid,input[type="url"]:user-invalid,input[type="search"]:user-invalid{border-bottom-color:var(--input-underline-color-error, var(--error-color-main)) !important}:host(.udp-input--disabled) .bx--text-input,:host(.udp-input--disabled) textarea,:host(.udp-input--disabled) input[type="text"],:host(.udp-input--disabled) input[type="number"],:host(.udp-input--disabled) input[type="email"],:host(.udp-input--disabled) input[type="password"],:host(.udp-input--disabled) input[type="tel"],:host(.udp-input--disabled) input[type="url"],:host(.udp-input--disabled) input[type="search"]{border-bottom-color:var(--input-underline-color-disabled, var(--gray-08))}textarea.bx--text-input{resize:vertical;min-height:var(--spacing-08)}.bx--text-input::placeholder,textarea::placeholder,input[type="text"]::placeholder,input[type="number"]::placeholder,input[type="email"]::placeholder,input[type="password"]::placeholder,input[type="tel"]::placeholder,input[type="url"]::placeholder,input[type="search"]::placeholder{color:var(--placeholder-color, #999);opacity:1}:host(.udp-input),:host{display:block;width:100%;box-sizing:border-box}.bx--form-item{margin-bottom:var(--spacing-05)}.bx--label{display:block;margin-bottom:var(--spacing-03)}.error-message,.bx--form-requirement,:host(.udp-input--error) .error-message,:host(.udp-input--error) .bx--form-requirement{color:var(--error-color-main, #d32f2f) !important;margin-top:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem);--unity-typography-inherit-color:var(--error-color-main, #d32f2f)}.helper-text{color:var(--text-02, #525252);margin-top:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--disabled) .bx--text-input,:host(.udp-input--disabled) textarea,:host(.udp-input--disabled) input,:host(.udp-input--disabled){cursor:not-allowed;opacity:0.6}:host(.udp-input--readonly) .bx--text-input,:host(.udp-input--readonly) textarea,:host(.udp-input--readonly) input{background-color:var(--field-01, #f4f4f4);cursor:default}:host(.full-width-host){width:100%}'}},[1,"udp-date-selector",{id:[1],name:[1],label:[1],min:[1],max:[1],required:[4],error:[1],initialValue:[1,"initial-value"],value:[1025],disabled:[4],readonly:[4],fullWidth:[4,"full-width"],size:[1],margin:[1],internalValue:[32],errorMessage:[32]},void 0,{error:[{updateError:0}],initialValue:[{initialValueChanged:0}],value:[{valueChanged:0}]}]);function u(){"undefined"!=typeof customElements&&["udp-date-selector","unity-typography"].forEach((t=>{switch(t){case"udp-date-selector":customElements.get(r(t))||customElements.define(r(t),a);break;case"unity-typography":customElements.get(r(t))||o()}}))}export{a as U,u as d}

package/dist/components/udp-datetime-selector.js

@@ -1,9 +1 @@
-import { U as UdpDateTimeSelector, d as defineCustomElement$1 } from './udp-datetime-selector2.js';
-
-const UdpDatetimeSelector = UdpDateTimeSelector;
-const defineCustomElement = defineCustomElement$1;
-
-export { UdpDatetimeSelector, defineCustomElement };
-//# sourceMappingURL=udp-datetime-selector.js.map
-
-//# sourceMappingURL=udp-datetime-selector.js.map
+import{U as t,d as e}from"./udp-datetime-selector2.js";const o=t,s=e;export{o as UdpDatetimeSelector,s as defineCustomElement}