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

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

@@ -1,224 +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 udpDatetimeSelectorCss = ":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 UdpDateTimeSelector = /*@__PURE__*/ proxyCustomElement(class UdpDateTimeSelector extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.change = createEvent(this, "change");
-        /**
-         * Current value of the date-time selector. When provided, makes this a controlled component.
-         * 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';
-        /**
-         * Internal value state. Manages the current date-time value independently of props.
-         * @internal
-         */
-        this.internalValue = '';
-        /**
-         * Handles input events (date-time changes). Updates internal state and emits events.
-         * For controlled components, also updates the value prop.
-         * @param event - The native input event
-         * @internal
-         */
-        this.handleDateChange = (event) => {
-            const newValue = event.target.value;
-            this.internalValue = newValue; // Update internal state
-            // If this is a controlled component (value prop provided), update the value prop
-            if (this.value !== undefined) {
-                this.value = newValue;
-            }
-            // Emit events for real-time and committed updates
-            this.change.emit(newValue);
-        };
-        /**
-         * Handles blur events. Event bubbles up to stencil-field automatically.
-         * @param event - The focus event
-         * @internal
-         */
-        this.handleBlur = () => {
-            // Event will bubble up to stencil-field automatically
-        };
-        /**
-         * Handles focus events. Event bubbles up to stencil-field automatically.
-         * @param event - The focus event
-         * @internal
-         */
-        this.handleFocus = () => {
-            // Event will bubble up to stencil-field automatically
-        };
-    }
-    /**
-     * Updates the error message when the error prop changes.
-     * @internal
-     */
-    updateError() {
-        this.errorMessage = this.error;
-    }
-    /**
-     * Updates the internal value when initialValue prop changes.
-     * Only updates if current value is empty or if this is an uncontrolled component.
-     * @internal
-     */
-    initialValueChanged(newValue) {
-        // Only update if we don't have a value yet or if this is uncontrolled (no value prop)
-        if ((this.internalValue === '' || this.internalValue === undefined) || this.value === undefined) {
-            if (newValue !== undefined) {
-                this.internalValue = newValue;
-            }
-        }
-    }
-    /**
-     * Updates the internal value when value prop changes.
-     * For controlled components, the value prop takes precedence.
-     * @internal
-     */
-    valueChanged() {
-        // If value prop is provided, this is a controlled component
-        if (this.value !== undefined && this.value !== this.internalValue) {
-            this.internalValue = this.value;
-        }
-    }
-    /**
-     * Component lifecycle method. Initializes error message and internal value.
-     * @internal
-     */
-    componentWillLoad() {
-        // Initialize value: use value prop if provided (controlled), otherwise use initialValue (uncontrolled)
-        this.internalValue = this.value !== undefined ? this.value : (this.initialValue || '');
-        if (this.error) {
-            this.errorMessage = this.error;
-        }
-    }
-    /**
-     * Formats a date string for HTML datetime-local input.
-     * Handles timezone compensation to prevent JavaScript's automatic timezone adjustment.
-     * @param dateString - Date string to format
-     * @returns Formatted date string (YYYY-MM-DDTHH:mm) or null if invalid
-     * @internal
-     */
-    formatDateForHtml(dateString) {
-        var _a;
-        // convert to date
-        const date = new Date(dateString);
-        if (isNaN((_a = new Date(date)) === null || _a === void 0 ? void 0 : _a.getTime()))
-            return null;
-        // 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
-        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;
-        // html wants the format YYYY-MM-DDThh:mm, ISO strings have YYYY-MM-DDTHH:MM:SS.mmmZ, so split it on ':' and take the first 2 sections
-        const splitISO = isoString.split(':');
-        return `${splitISO[0]}:${splitISO[1]}`;
-    }
-    /**
-     * Renders the date-time selector component.
-     * @returns JSX element
-     * @internal
-     */
-    render() {
-        const isError = !!this.errorMessage;
-        const classNames = ['bx--text-input'];
-        if (isError) {
-            classNames.push('bx--text-input--error');
-        }
-        if (this.disabled) {
-            classNames.push('datetime-selector--disabled');
-        }
-        if (this.fullWidth) {
-            classNames.push('bx--text-input--full-width');
-        }
-        const inputClass = classNames.join(' ');
-        return (h(Host, { key: '510b2b323027de453c53f54c4f2e07852e704559', 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: 'fc3b80d9a0613e7c85831183c7e73ee0ea6f5fa8', class: "bx--form-item" }, h("unity-typography", { key: '96d28577fb180ffbd021ff475028c93cd1c10262', variant: "caption-text" }, h("label", { key: '3f7eb4054fd21b7b684e6d0012fe249c5b164b3a', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), h("input", { key: 'e8d1d3f9228b9a49bb3a2a5cd860660d2ed1f6c4', type: "datetime-local", 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, onBlur: this.handleBlur, onFocus: this.handleFocus, disabled: this.disabled, readonly: this.readonly, required: this.required,
-            //@ts-ignore
-            udprecordid: 'udpRecord-udp-datetime-selector-' + this.id }), h("unity-typography", { key: '6a3b75c91e17283f5e36a782735d5b09eb927aee', class: "error-message", variant: "caption-text", color: "error" }, this.errorMessage))));
-    }
-    static get watchers() { return {
-        "error": ["updateError"],
-        "initialValue": ["initialValueChanged"],
-        "value": ["valueChanged"]
-    }; }
-    static get style() { return udpDatetimeSelectorCss; }
-}, [257, "udp-datetime-selector", {
-        "id": [1],
-        "name": [1],
-        "label": [1],
-        "min": [1],
-        "max": [1],
-        "error": [1],
-        "required": [4],
-        "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-datetime-selector", "unity-typography"];
-    components.forEach(tagName => { switch (tagName) {
-        case "udp-datetime-selector":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, UdpDateTimeSelector);
-            }
-            break;
-        case "unity-typography":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { UdpDateTimeSelector as U, defineCustomElement as d };
-//# sourceMappingURL=udp-datetime-selector2.js.map
-
-//# sourceMappingURL=udp-datetime-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)},this.handleBlur=()=>{},this.handleFocus=()=>{}}updateError(){this.errorMessage=this.error}initialValueChanged(t){""!==this.internalValue&&void 0!==this.internalValue&&void 0!==this.value||void 0!==t&&(this.internalValue=t)}valueChanged(){void 0!==this.value&&this.value!==this.internalValue&&(this.internalValue=this.value)}componentWillLoad(){this.internalValue=void 0!==this.value?this.value:this.initialValue||"",this.error&&(this.errorMessage=this.error)}formatDateForHtml(t){var i;const e=new Date(t);if(isNaN(null===(i=new Date(e))||void 0===i?void 0:i.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();if(!p)return null;const n=p.split(":");return`${n[0]}:${n[1]}`}render(){const t=!!this.errorMessage,i=["bx--text-input"];t&&i.push("bx--text-input--error"),this.disabled&&i.push("datetime-selector--disabled"),this.fullWidth&&i.push("bx--text-input--full-width");const e=i.join(" ");return p(n,{key:"0eddaf6bead525751f2cbbfbdc6f1e8c9ee2ad60",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:"6e19a9481e654fde525031375c99013dc48c9a98",class:"bx--form-item"},p("unity-typography",{key:"f6c2b1855a412810762d485ec33adffa116f5a9a",variant:"caption-text"},p("label",{key:"c2660d82ad87c0cecc1cd46cefcb4f5ad37e28f7",htmlFor:this.id,class:"bx--label"},this.label,this.required?"*":"")),p("input",{key:"c6f0a8d49ae387a193bb47d4de1748d8fe1d41a7",type:"datetime-local",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,onBlur:this.handleBlur,onFocus:this.handleFocus,disabled:this.disabled,readonly:this.readonly,required:this.required,udprecordid:"udpRecord-udp-datetime-selector-"+this.id}),p("unity-typography",{key:"ebefdc4a695d374c63dd6e62ba1602bf7389e9c2",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-datetime-selector",{id:[1],name:[1],label:[1],min:[1],max:[1],error:[1],required:[4],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-datetime-selector","unity-typography"].forEach((t=>{switch(t){case"udp-datetime-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-dialog.js

@@ -1,9 +1 @@
-import { U as UdpDialog$1, d as defineCustomElement$1 } from './udp-dialog2.js';
-
-const UdpDialog = UdpDialog$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { UdpDialog, defineCustomElement };
-//# sourceMappingURL=udp-dialog.js.map
-
-//# sourceMappingURL=udp-dialog.js.map
+import{U as o,d as s}from"./udp-dialog2.js";const a=o,d=s;export{a as UdpDialog,d as defineCustomElement}

package/dist/components/udp-dialog2.js

@@ -1,119 +1 @@
-import { p as proxyCustomElement, H, h, d as Host } from './index2.js';
-import { d as defineCustomElement$2 } from './udp-button2.js';
-import { d as defineCustomElement$1 } from './unity-typography2.js';
-
-const udpDialogCss = ":host{position:fixed;top:0;left:0;width:100%;height:100%;z-index:100000;display:flex;align-items:center;justify-content:center;visibility:hidden;background-color:rgba(0, 0, 0, 0);transition:background-color 0.2s ease-out;}:host(.is-visible){visibility:visible;background-color:rgba(0, 0, 0, 0.5)}.dialog-container{background-color:#fff;box-shadow:0 12px 24px rgba(0, 0, 0, 0.16), 0 12px 24px rgba(0, 0, 0, 0.23);max-width:90vw;width:500px;max-height:90vh;display:flex;flex-direction:column;opacity:0;transition:opacity 0.2s ease-out}:host(.is-visible) .dialog-container{opacity:1}.dialog-title{padding:16px;flex-shrink:0}.dialog-content{padding:0 16px;overflow-y:auto}.dialog-actions{padding:16px;display:flex;justify-content:flex-end;gap:8px;flex-shrink:0}";
-
-const UdpDialog = /*@__PURE__*/ proxyCustomElement(class UdpDialog extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        // --- Original Prop Names & Controlled Pattern ---
-        this.open = false; // No longer mutable
-        this.titleId = 'dialog-title';
-        this.descriptionId = 'dialog-description';
-        this.buttonOneHidden = false;
-        this.buttonTwoHidden = false;
-        this.buttonThreeHidden = true;
-        this.originalBodyOverflow = '';
-        this.handleTransitionEnd = () => {
-            if (!this.open && this.hostEl.parentElement === document.body) {
-                document.body.removeChild(this.hostEl);
-            }
-        };
-        this.handleKeyDown = (event) => {
-            if (event.key === 'Escape' && this.handleClose) {
-                this.handleClose();
-            }
-        };
-        this.handleOverlayClick = () => {
-            if (this.handleClose) {
-                this.handleClose();
-            }
-        };
-    }
-    handleOpenChange(isOpen) {
-        if (isOpen) {
-            this.originalBodyOverflow = document.body.style.overflow;
-            document.body.style.overflow = 'hidden';
-            document.body.appendChild(this.hostEl);
-            document.addEventListener('keydown', this.handleKeyDown);
-            requestAnimationFrame(() => {
-                this.hostEl.classList.add('is-visible');
-            });
-        }
-        else {
-            this.hostEl.classList.remove('is-visible');
-            document.body.style.overflow = this.originalBodyOverflow;
-            document.removeEventListener('keydown', this.handleKeyDown);
-            this.hostEl.addEventListener('transitionend', this.handleTransitionEnd, { once: true });
-        }
-    }
-    disconnectedCallback() {
-        if (document.body.style.overflow === 'hidden') {
-            document.body.style.overflow = this.originalBodyOverflow;
-        }
-        document.removeEventListener('keydown', this.handleKeyDown);
-    }
-    render() {
-        return (h(Host, { key: '5a90e0cfa060c1363fb823be98a2f3f7ff5682ef', onClick: this.handleOverlayClick }, h("div", { key: '8ab6dd81074d401ed22b436c9cc21c21ec0210f8', class: "dialog-container", role: "dialog", "aria-modal": "true", "aria-labelledby": this.titleId, "aria-describedby": this.descriptionId, onClick: (event) => event.stopPropagation() }, h("div", { key: '6b4181bceeecbe7d316d13e902897b9dcfd3dff1', class: "dialog-title", id: this.titleId }, h("unity-typography", { key: 'cdc44f463dc5cce8fcc583fdb9b140cd0b651df2', variant: "h3" }, this.title)), h("div", { key: '1b5147acd9da752ef77ece211e645b020766a90e', class: "dialog-content", id: this.descriptionId }, this.message && h("unity-typography", { key: 'e3056d62d5b19dc4ab59491cd35ff5e876d5af69', variant: "body" }, this.message), h("slot", { key: '7e3077ebd768e66fb38c96635d9270baa4e26b68' })), h("div", { key: '049b0fd822a3a6fd44264bd0c98db78bbe8860dc', class: "dialog-actions" }, !this.buttonTwoHidden && (h("udp-button", { key: '4e2451c51e0d7f687e6a20208f7b128c9fa93cc8', variant: 'text', disabled: this.disableTwo, onClick: () => this.actionTwo() }, this.labelTwo)), !this.buttonThreeHidden && (h("udp-button", { key: 'ffce2387c9aa1aed65706eb3901687e2f1843618', variant: 'text', disabled: this.disableThree, onClick: () => this.actionThree() }, this.labelThree)), !this.buttonOneHidden && (h("udp-button", { key: '66b2adc47093fa6f8ace3460390f59081451d2b9', variant: 'contained', disabled: this.disableOne, onClick: () => this.actionOne(), loading: !!this.progress }, this.labelOne))))));
-    }
-    get hostEl() { return this; }
-    static get watchers() { return {
-        "open": ["handleOpenChange"]
-    }; }
-    static get style() { return udpDialogCss; }
-}, [257, "udp-dialog", {
-        "open": [516],
-        "handleClose": [16],
-        "title": [1],
-        "message": [1],
-        "actionOne": [16],
-        "actionTwo": [16],
-        "actionThree": [16],
-        "labelOne": [1, "label-one"],
-        "labelTwo": [1, "label-two"],
-        "labelThree": [1, "label-three"],
-        "titleId": [1, "title-id"],
-        "descriptionId": [1, "description-id"],
-        "buttonOneHidden": [4, "button-one-hidden"],
-        "buttonTwoHidden": [4, "button-two-hidden"],
-        "buttonThreeHidden": [4, "button-three-hidden"],
-        "disableOne": [4, "disable-one"],
-        "disableTwo": [4, "disable-two"],
-        "disableThree": [4, "disable-three"],
-        "progress": [2]
-    }, undefined, {
-        "open": ["handleOpenChange"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["udp-dialog", "udp-button", "unity-typography"];
-    components.forEach(tagName => { switch (tagName) {
-        case "udp-dialog":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, UdpDialog);
-            }
-            break;
-        case "udp-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "unity-typography":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { UdpDialog as U, defineCustomElement as d };
-//# sourceMappingURL=udp-dialog2.js.map
-
-//# sourceMappingURL=udp-dialog2.js.map
+import{p as t,H as e,h as i,d,t as s}from"./index2.js";import{d as a}from"./udp-button2.js";import{d as o}from"./unity-typography2.js";const n=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.open=!1,this.titleId="dialog-title",this.descriptionId="dialog-description",this.buttonOneHidden=!1,this.buttonTwoHidden=!1,this.buttonThreeHidden=!0,this.originalBodyOverflow="",this.handleTransitionEnd=()=>{this.open||this.hostEl.parentElement!==document.body||document.body.removeChild(this.hostEl)},this.handleKeyDown=t=>{"Escape"===t.key&&this.handleClose&&this.handleClose()},this.handleOverlayClick=()=>{this.handleClose&&this.handleClose()}}handleOpenChange(t){t?(this.originalBodyOverflow=document.body.style.overflow,document.body.style.overflow="hidden",document.body.appendChild(this.hostEl),document.addEventListener("keydown",this.handleKeyDown),requestAnimationFrame((()=>{this.hostEl.classList.add("is-visible")}))):(this.hostEl.classList.remove("is-visible"),document.body.style.overflow=this.originalBodyOverflow,document.removeEventListener("keydown",this.handleKeyDown),this.hostEl.addEventListener("transitionend",this.handleTransitionEnd,{once:!0}))}disconnectedCallback(){"hidden"===document.body.style.overflow&&(document.body.style.overflow=this.originalBodyOverflow),document.removeEventListener("keydown",this.handleKeyDown)}render(){return i(d,{key:"5a90e0cfa060c1363fb823be98a2f3f7ff5682ef",onClick:this.handleOverlayClick},i("div",{key:"8ab6dd81074d401ed22b436c9cc21c21ec0210f8",class:"dialog-container",role:"dialog","aria-modal":"true","aria-labelledby":this.titleId,"aria-describedby":this.descriptionId,onClick:t=>t.stopPropagation()},i("div",{key:"6b4181bceeecbe7d316d13e902897b9dcfd3dff1",class:"dialog-title",id:this.titleId},i("unity-typography",{key:"cdc44f463dc5cce8fcc583fdb9b140cd0b651df2",variant:"h3"},this.title)),i("div",{key:"1b5147acd9da752ef77ece211e645b020766a90e",class:"dialog-content",id:this.descriptionId},this.message&&i("unity-typography",{key:"e3056d62d5b19dc4ab59491cd35ff5e876d5af69",variant:"body"},this.message),i("slot",{key:"7e3077ebd768e66fb38c96635d9270baa4e26b68"})),i("div",{key:"049b0fd822a3a6fd44264bd0c98db78bbe8860dc",class:"dialog-actions"},!this.buttonTwoHidden&&i("udp-button",{key:"4e2451c51e0d7f687e6a20208f7b128c9fa93cc8",variant:"text",disabled:this.disableTwo,onClick:()=>this.actionTwo()},this.labelTwo),!this.buttonThreeHidden&&i("udp-button",{key:"ffce2387c9aa1aed65706eb3901687e2f1843618",variant:"text",disabled:this.disableThree,onClick:()=>this.actionThree()},this.labelThree),!this.buttonOneHidden&&i("udp-button",{key:"66b2adc47093fa6f8ace3460390f59081451d2b9",variant:"contained",disabled:this.disableOne,onClick:()=>this.actionOne(),loading:!!this.progress},this.labelOne))))}get hostEl(){return this}static get watchers(){return{open:[{handleOpenChange:0}]}}static get style(){return":host{position:fixed;top:0;left:0;width:0;height:0;overflow:hidden;transform:translate(0);z-index:100000;display:flex;align-items:center;justify-content:center;visibility:hidden;background-color:rgba(0, 0, 0, 0);transition:background-color 0.2s ease-out, visibility 0s 0.2s, width 0s 0.2s, height 0s 0.2s;}:host(.is-visible){visibility:visible;background-color:rgba(0, 0, 0, 0.5);width:100%;height:100%;overflow:visible;transition-delay:0s}.dialog-container{background-color:#fff;box-shadow:0 12px 24px rgba(0, 0, 0, 0.16), 0 12px 24px rgba(0, 0, 0, 0.23);max-width:90vw;width:500px;max-height:90vh;display:flex;flex-direction:column;opacity:0;transition:opacity 0.2s ease-out}:host(.is-visible) .dialog-container{opacity:1}.dialog-title{padding:16px;flex-shrink:0}.dialog-content{padding:0 16px;overflow-y:auto}.dialog-actions{padding:16px;display:flex;justify-content:flex-end;gap:8px;flex-shrink:0}"}},[257,"udp-dialog",{open:[516],handleClose:[16],title:[1],message:[1],actionOne:[16],actionTwo:[16],actionThree:[16],labelOne:[1,"label-one"],labelTwo:[1,"label-two"],labelThree:[1,"label-three"],titleId:[1,"title-id"],descriptionId:[1,"description-id"],buttonOneHidden:[4,"button-one-hidden"],buttonTwoHidden:[4,"button-two-hidden"],buttonThreeHidden:[4,"button-three-hidden"],disableOne:[4,"disable-one"],disableTwo:[4,"disable-two"],disableThree:[4,"disable-three"],progress:[2]},void 0,{open:[{handleOpenChange:0}]}]);function c(){"undefined"!=typeof customElements&&["udp-dialog","udp-button","unity-typography"].forEach((t=>{switch(t){case"udp-dialog":customElements.get(s(t))||customElements.define(s(t),n);break;case"udp-button":customElements.get(s(t))||a();break;case"unity-typography":customElements.get(s(t))||o()}}))}export{n as U,c as d}

package/dist/components/udp-distribution-chart.js

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

package/dist/components/udp-distribution-chart2.js

@@ -1,187 +1 @@
-import { p as proxyCustomElement, H, h } from './index2.js';
-import { v4 } from 'uuid';
-import { p as parseValueToNumber } from './chartUtils.js';
-import { d as defineCustomElement$9 } from './chart-container2.js';
-import { d as defineCustomElement$8 } from './chart-kpi2.js';
-import { d as defineCustomElement$7 } from './stencil-icon-button2.js';
-import { d as defineCustomElement$6 } from './udp-adornment2.js';
-import { d as defineCustomElement$5 } from './udp-ambient-card2.js';
-import { d as defineCustomElement$4 } from './udp-ambient-tool-tip2.js';
-import { d as defineCustomElement$3 } from './udp-badge2.js';
-import { d as defineCustomElement$2 } from './udp-xy-chart2.js';
-import { d as defineCustomElement$1 } from './unity-typography2.js';
-
-const udpDistributionChartCss = "";
-
-const isNumberList = (obj) => {
-    if (!Array.isArray(obj)) {
-        return false;
-    }
-    return obj.every(element => typeof element === 'number');
-};
-function getHistogramData(source) {
-    const maxCols = 10;
-    let data = [];
-    let min = Math.round(Math.min.apply(null, source));
-    let max = Math.max.apply(null, source);
-    let range = max - min;
-    let step = parseFloat((range / maxCols).toFixed(1));
-    for (let i = 0; i < maxCols; i++) {
-        let from = min + i * step;
-        let to = min + (i + 1) * step;
-        data.push({
-            from: from,
-            to: to,
-            count: 0,
-        });
-    }
-    for (let i = 0; i < source.length; i++) {
-        let value = source[i];
-        let item = data.find(function (el) {
-            return value >= el.from && value <= el.to;
-        });
-        if (item)
-            item.count++;
-    }
-    return data;
-}
-const UdpDistributionChart = /*@__PURE__*/ proxyCustomElement(class UdpDistributionChart extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.data = undefined;
-        this.title = undefined;
-        this.subheader = undefined;
-        this.kpis = undefined;
-        this.yAxisLabel = undefined;
-        this.customCardStyle = {};
-        this.kpisPosition = 'left';
-        this.hideAdornment = false;
-        this.distBetweenGridLines = undefined;
-        this.hideLegend = false;
-        this.hideBorder = false;
-        this.removePadding = false;
-        this.chartId = v4();
-    }
-    transformData() {
-        if (!this.data ||
-            this.data.length === 0 ||
-            (this.valueField === null && !this.data.every(item => typeof item === 'number')))
-            return;
-        if (!this.data || this.data.length === 0)
-            return;
-        let isolatedData;
-        if (this.valueField)
-            isolatedData = this.data.map(row => parseValueToNumber(row[this.valueField]));
-        else
-            isolatedData = this.data;
-        if (!isNumberList(isolatedData))
-            return;
-        this.transformedData = getHistogramData(isolatedData);
-    }
-    componentDidLoad() {
-        this.transformData();
-    }
-    render() {
-        return (h("udp-xy-chart", { key: 'b2111b12194fbafb68edf5db032d09baf3c18580', chartId: this.chartId, title: this.title, subheader: this.subheader, data: this.transformedData, kpis: this.kpis, customWidth: this.customWidth, customHeight: this.customHeight, customCardWidth: this.customCardWidth, customCardStyle: this.customCardStyle, kpisPosition: this.kpisPosition, hideAdornment: this.hideAdornment, labelField: "from", valueField: "count", showBullets: false, xDataType: "string", yDataType: "number", hideLegend: this.hideLegend, chartType: 'Column', xAxisLabel: this.xAxisLabel, yAxisLabel: this.yAxisLabel, distBetweenGridLines: 30, hideBorder: this.hideBorder, removePadding: this.removePadding }));
-    }
-    get el() { return this; }
-    static get watchers() { return {
-        "valueField": ["transformData"],
-        "data": ["transformData"],
-        "xAxisLabel": ["transformData"],
-        "yAxisLabel": ["transformData"]
-    }; }
-    static get style() { return udpDistributionChartCss; }
-}, [257, "udp-distribution-chart", {
-        "data": [16],
-        "valueField": [1, "value-field"],
-        "xAxisLabel": [1, "x-axis-label"],
-        "title": [1],
-        "subheader": [1],
-        "kpis": [16],
-        "yAxisLabel": [1, "y-axis-label"],
-        "customWidth": [8, "custom-width"],
-        "customHeight": [8, "custom-height"],
-        "customCardWidth": [8, "custom-card-width"],
-        "customCardStyle": [16],
-        "kpisPosition": [1, "kpis-position"],
-        "hideAdornment": [4, "hide-adornment"],
-        "distBetweenGridLines": [2, "dist-between-grid-lines"],
-        "hideLegend": [4, "hide-legend"],
-        "hideBorder": [4, "hide-border"],
-        "removePadding": [4, "remove-padding"],
-        "chartId": [1, "chart-id"],
-        "transformedData": [32]
-    }, undefined, {
-        "valueField": ["transformData"],
-        "data": ["transformData"],
-        "xAxisLabel": ["transformData"],
-        "yAxisLabel": ["transformData"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["udp-distribution-chart", "chart-container", "chart-kpi", "stencil-icon-button", "udp-adornment", "udp-ambient-card", "udp-ambient-tool-tip", "udp-badge", "udp-xy-chart", "unity-typography"];
-    components.forEach(tagName => { switch (tagName) {
-        case "udp-distribution-chart":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, UdpDistributionChart);
-            }
-            break;
-        case "chart-container":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$9();
-            }
-            break;
-        case "chart-kpi":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$8();
-            }
-            break;
-        case "stencil-icon-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$7();
-            }
-            break;
-        case "udp-adornment":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$6();
-            }
-            break;
-        case "udp-ambient-card":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "udp-ambient-tool-tip":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "udp-badge":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "udp-xy-chart":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "unity-typography":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { UdpDistributionChart as U, defineCustomElement as d };
-//# sourceMappingURL=udp-distribution-chart2.js.map
-
-//# sourceMappingURL=udp-distribution-chart2.js.map
+import{p as t,H as e,h as s,t as i}from"./index2.js";import{v4 as a}from"uuid";import{p as r}from"./chartUtils.js";import{d as o}from"./chart-container2.js";import{d}from"./chart-kpi2.js";import{d as n}from"./stencil-icon-button2.js";import{d as h}from"./udp-adornment2.js";import{d as m}from"./udp-ambient-card2.js";import{d as u}from"./udp-ambient-tool-tip2.js";import{d as c}from"./udp-badge2.js";import{d as l}from"./udp-xy-chart2.js";import{d as p}from"./unity-typography2.js";const b=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.data=void 0,this.title=void 0,this.subheader=void 0,this.kpis=void 0,this.yAxisLabel=void 0,this.customCardStyle={},this.kpisPosition="left",this.hideAdornment=!1,this.distBetweenGridLines=void 0,this.hideLegend=!1,this.hideBorder=!1,this.removePadding=!1,this.chartId=a()}transformData(){if(!this.data||0===this.data.length||null===this.valueField&&!this.data.every((t=>"number"==typeof t)))return;if(!this.data||0===this.data.length)return;let t;var e;t=this.valueField?this.data.map((t=>r(t[this.valueField]))):this.data,e=t,Array.isArray(e)&&e.every((t=>"number"==typeof t))&&(this.transformedData=function(t){let e=[],s=Math.round(Math.min.apply(null,t)),i=Math.max.apply(null,t),a=parseFloat(((i-s)/10).toFixed(1));for(let t=0;t<10;t++)e.push({from:s+t*a,to:s+(t+1)*a,count:0});for(let s=0;s<t.length;s++){let i=t[s],a=e.find((function(t){return i>=t.from&&i<=t.to}));a&&a.count++}return e}(t))}componentDidLoad(){this.transformData()}render(){return s("udp-xy-chart",{key:"b2111b12194fbafb68edf5db032d09baf3c18580",chartId:this.chartId,title:this.title,subheader:this.subheader,data:this.transformedData,kpis:this.kpis,customWidth:this.customWidth,customHeight:this.customHeight,customCardWidth:this.customCardWidth,customCardStyle:this.customCardStyle,kpisPosition:this.kpisPosition,hideAdornment:this.hideAdornment,labelField:"from",valueField:"count",showBullets:!1,xDataType:"string",yDataType:"number",hideLegend:this.hideLegend,chartType:"Column",xAxisLabel:this.xAxisLabel,yAxisLabel:this.yAxisLabel,distBetweenGridLines:30,hideBorder:this.hideBorder,removePadding:this.removePadding})}get el(){return this}static get watchers(){return{valueField:[{transformData:0}],data:[{transformData:0}],xAxisLabel:[{transformData:0}],yAxisLabel:[{transformData:0}]}}static get style(){return""}},[1,"udp-distribution-chart",{data:[16],valueField:[1,"value-field"],xAxisLabel:[1,"x-axis-label"],title:[1],subheader:[1],kpis:[16],yAxisLabel:[1,"y-axis-label"],customWidth:[8,"custom-width"],customHeight:[8,"custom-height"],customCardWidth:[8,"custom-card-width"],customCardStyle:[16],kpisPosition:[1,"kpis-position"],hideAdornment:[4,"hide-adornment"],distBetweenGridLines:[2,"dist-between-grid-lines"],hideLegend:[4,"hide-legend"],hideBorder:[4,"hide-border"],removePadding:[4,"remove-padding"],chartId:[1,"chart-id"],transformedData:[32]},void 0,{valueField:[{transformData:0}],data:[{transformData:0}],xAxisLabel:[{transformData:0}],yAxisLabel:[{transformData:0}]}]);function f(){"undefined"!=typeof customElements&&["udp-distribution-chart","chart-container","chart-kpi","stencil-icon-button","udp-adornment","udp-ambient-card","udp-ambient-tool-tip","udp-badge","udp-xy-chart","unity-typography"].forEach((t=>{switch(t){case"udp-distribution-chart":customElements.get(i(t))||customElements.define(i(t),b);break;case"chart-container":customElements.get(i(t))||o();break;case"chart-kpi":customElements.get(i(t))||d();break;case"stencil-icon-button":customElements.get(i(t))||n();break;case"udp-adornment":customElements.get(i(t))||h();break;case"udp-ambient-card":customElements.get(i(t))||m();break;case"udp-ambient-tool-tip":customElements.get(i(t))||u();break;case"udp-badge":customElements.get(i(t))||c();break;case"udp-xy-chart":customElements.get(i(t))||l();break;case"unity-typography":customElements.get(i(t))||p()}}))}export{b as U,f as d}

package/dist/components/udp-divider.js

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