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

package/dist/components/numeric-field2.js

@@ -1,197 +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 numericFieldCss = ":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}";
-
-const NumericField = /*@__PURE__*/ proxyCustomElement(class NumericField extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.change = createEvent(this, "change");
-        /**
-         * Error message to display below the input field. Shows validation errors or other issues.
-         */
-        this.error = '';
-        /**
-         * 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 input value independently of props.
-         * @internal
-         */
-        this.internalValue = '';
-        /**
-         * Handles input events (real-time typing). Updates internal state and emits input event.
-         * For controlled components, also updates the value prop.
-         * @param event - The native input event
-         * @internal
-         */
-        this.onInput = (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;
-            }
-        };
-        /**
-         * Handles change events (committed changes on blur/enter). Emits change event.
-         * @param event - The native change event
-         * @internal
-         */
-        this.onChange = (event) => {
-            const newValue = event.target.value;
-            // Emit change event when user finishes editing (blur, enter, etc.)
-            this.change.emit(newValue);
-        };
-        /**
-         * Handles focus events. Event bubbles up to stencil-field automatically.
-         * @internal
-         */
-        this.onFocus = () => {
-            // Event will bubble up to stencil-field automatically
-        };
-        /**
-         * Handles blur events. Event bubbles up to stencil-field automatically.
-         * @internal
-         */
-        this.onBlur = () => {
-            // 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;
-        }
-    }
-    /**
-     * Renders the numeric field component.
-     * @returns JSX element
-     * @internal
-     */
-    render() {
-        const isError = !!this.errorMessage;
-        const inputClass = {
-            'bx--text-input': true,
-            'bx--text-input--error': isError,
-            'text-field--disabled': this.disabled,
-        };
-        return (h(Host, { key: '41070ca5213a99556719f4087332e531173279f4', class: {
-                'udp-input': true,
-                'udp-input--error': isError,
-                'udp-input--disabled': this.disabled,
-                'udp-input--hidden': this.hidden,
-                'udp-input--required': this.required,
-                'udp-input--readonly': this.readonly,
-                [`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: '38388fa80d7880830f45d4bca98f210b2affcd10', class: "bx--form-item" }, h("unity-typography", { key: 'cb88bfb8a731145ef431ac5650d34a55fac18f6e', variant: "caption-text" }, h("label", { key: 'd636f51ed6898438f4f51361aab6d8f0f977eeab', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), this.hidden ? (h("input", { id: this.id, type: "hidden", value: this.internalValue, name: this.name })) : (h("input", { id: this.id, name: this.name, type: "number", class: Object.assign({}, inputClass), placeholder: this.placeholder, value: this.internalValue, required: this.required, disabled: this.disabled, readOnly: this.readonly, onFocus: this.onFocus, onInput: this.onInput, onChange: this.onChange, onBlur: this.onBlur, inputMode: this.inputMode, min: this.min, max: this.max, step: this.step,
-            //@ts-ignore
-            udprecordid: 'udpRecord-number-field-' + this.id })), isError && (h("div", { key: '93665be4e947941ab0a559cb7dcc97f46fa1f515', class: "error-message" }, h("unity-typography", { key: 'a6ceb126b06fa34ef06ed560b9e8ebcda435acb3', variant: "caption-text", color: "error" }, this.errorMessage))))));
-    }
-    static get watchers() { return {
-        "error": ["updateError"],
-        "initialValue": ["initialValueChanged"],
-        "value": ["valueChanged"]
-    }; }
-    static get style() { return numericFieldCss; }
-}, [257, "numeric-field", {
-        "id": [1],
-        "name": [1],
-        "label": [1],
-        "placeholder": [1],
-        "required": [4],
-        "readonly": [4],
-        "disabled": [4],
-        "maxCharacter": [2, "max-character"],
-        "initialValue": [1, "initial-value"],
-        "value": [1025],
-        "hidden": [4],
-        "error": [1],
-        "inputMode": [1, "input-mode"],
-        "min": [1],
-        "max": [1],
-        "step": [1],
-        "size": [1],
-        "margin": [1],
-        "internalValue": [32],
-        "errorMessage": [32]
-    }, undefined, {
-        "error": ["updateError"],
-        "initialValue": ["initialValueChanged"],
-        "value": ["valueChanged"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["numeric-field", "unity-typography"];
-    components.forEach(tagName => { switch (tagName) {
-        case "numeric-field":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, NumericField);
-            }
-            break;
-        case "unity-typography":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { NumericField as N, defineCustomElement as d };
-//# sourceMappingURL=numeric-field2.js.map
-
-//# sourceMappingURL=numeric-field2.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.error="",this.size="normal",this.margin="normal",this.internalValue="",this.onInput=t=>{const i=t.target.value;this.internalValue=i,void 0!==this.value&&(this.value=i)},this.onChange=t=>{this.change.emit(t.target.value)},this.onFocus=()=>{},this.onBlur=()=>{}}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)}render(){const t=!!this.errorMessage,i={"bx--text-input":!0,"bx--text-input--error":t,"text-field--disabled":this.disabled};return p(n,{key:"5b66f1827ef29b0229c3ae9dddc41f0450ff1bc8",class:{"udp-input":!0,"udp-input--error":t,"udp-input--disabled":this.disabled,"udp-input--hidden":this.hidden,"udp-input--required":this.required,"udp-input--readonly":this.readonly,[`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:"0f3813d731bfddf9c4bd1e92d1353dcdba8ca8db",class:"bx--form-item"},p("unity-typography",{key:"8f4efdc44e69a5abbba47c09f6ed2219e8a1f967",variant:"caption-text"},p("label",{key:"80e97e98b7270dc8c0bc14be4a2c0ec509fdb0fd",htmlFor:this.id,class:"bx--label"},this.label,this.required?"*":"")),p("input",this.hidden?{id:this.id,type:"hidden",value:this.internalValue,name:this.name}:{id:this.id,name:this.name,type:"number",class:Object.assign({},i),placeholder:this.placeholder,value:this.internalValue,required:this.required,disabled:this.disabled,readOnly:this.readonly,onFocus:this.onFocus,onInput:this.onInput,onChange:this.onChange,onBlur:this.onBlur,inputMode:this.inputMode,min:this.min,max:this.max,step:this.step,udprecordid:"udpRecord-number-field-"+this.id}),t&&p("div",{key:"fa3c05e26d05edd9effcc140767d443d781b909a",class:"error-message"},p("unity-typography",{key:"60ee4505e360a162e85097a15859fc2e65969bc0",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}'}},[1,"numeric-field",{id:[1],name:[1],label:[1],placeholder:[1],required:[4],readonly:[4],disabled:[4],maxCharacter:[2,"max-character"],initialValue:[1,"initial-value"],value:[1025],hidden:[4],error:[1],inputMode:[1,"input-mode"],min:[1],max:[1],step:[1],size:[1],margin:[1],internalValue:[32],errorMessage:[32]},void 0,{error:[{updateError:0}],initialValue:[{initialValueChanged:0}],value:[{valueChanged:0}]}]);function u(){"undefined"!=typeof customElements&&["numeric-field","unity-typography"].forEach((t=>{switch(t){case"numeric-field":customElements.get(r(t))||customElements.define(r(t),a);break;case"unity-typography":customElements.get(r(t))||o()}}))}export{a as N,u as d}

package/dist/components/primary-action-header.js

@@ -1,9 +1 @@
-import { P as PrimaryActionHeader$1, d as defineCustomElement$1 } from './primary-action-header2.js';
-
-const PrimaryActionHeader = PrimaryActionHeader$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { PrimaryActionHeader, defineCustomElement };
-//# sourceMappingURL=primary-action-header.js.map
-
-//# sourceMappingURL=primary-action-header.js.map
+import{P as r,d as a}from"./primary-action-header2.js";const o=r,s=a;export{o as PrimaryActionHeader,s as defineCustomElement}

package/dist/components/primary-action-header2.js

@@ -1,140 +1 @@
-import { p as proxyCustomElement, H, h } from './index2.js';
-import { i as iconMapping, d as defineCustomElement$3 } from './udp-icon2.js';
-import { d as defineCustomElement$7 } from './stencil-icon-button2.js';
-import { d as defineCustomElement$6 } from './udp-ambient-tool-tip2.js';
-import { d as defineCustomElement$5 } from './udp-badge2.js';
-import { d as defineCustomElement$4 } from './udp-button2.js';
-import { d as defineCustomElement$2 } from './udp-tabs2.js';
-import { d as defineCustomElement$1 } from './unity-typography2.js';
-
-const primaryActionHeaderCss = ":host{display:block;font-family:var(--font-family-base, sans-serif);background-color:var(--primary-action-header-background, #ffffff);color:var(--primary-action-header-text-color, rgba(0, 0, 0, 0.87));box-shadow:var(--primary-action-header-shadow, 0px 2px 4px -1px rgba(0,0,0,0.2));height:var(--primary-action-header-height, 48px);padding:var(--primary-action-header-padding, 0 var(--spacing-04));box-sizing:border-box}.header-bar{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}.title-section{flex-shrink:0;margin-right:var(--spacing-md, 16px)}.tabs{flex-grow:1;display:flex;justify-content:center;align-items:stretch;min-width:0}.tabs udp-tabs{width:100%;display:flex;justify-content:center}.tabs udp-tabs::part(tab-list){}.tabs udp-tabs button{padding:0 16px;margin:0 var(--spacing-xxs, 4px);height:100%;border:none;background-color:transparent;cursor:pointer;font-size:var(--font-size-sm, 0.875rem);color:var(--text-color-secondary, rgba(0, 0, 0, 0.6));text-transform:uppercase;font-weight:var(--font-weight-medium, 500);border-bottom:2px solid transparent;transition:color 0.3s ease, border-bottom-color 0.3s ease}.tabs udp-tabs button:hover{color:var(--primary-color-hover, var(--primary-color, #1976d2))}.tabs udp-tabs button.active{color:var(--primary-color, #1976d2);border-bottom:2px solid var(--primary-color, #1976d2)}.button-section{display:flex;align-items:center;flex-shrink:0;gap:var(--spacing-sm, 8px)}.button-section stencil-icon-button{color:var(--primary-action-header-icon-color, var(--text-color-primary, rgba(0, 0, 0, 0.54)))}.button-section stencil-icon-button:hover{background-color:rgba(0,0,0,0.04)}.button-section custom-button{}";
-
-const PrimaryActionHeader = /*@__PURE__*/ proxyCustomElement(class PrimaryActionHeader extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.hiddenActionButtons = [];
-        this.hiddenLabels = [];
-        this.actionButtons = [];
-        this.defaultActionButtons = [];
-        this.tabs = true;
-        this.actionButtonLabel = '';
-    }
-    //   @State() activeTabIndex: number = 0;
-    getIconComponent(icon, customIcon) {
-        if (customIcon) {
-            return customIcon;
-        }
-        if (typeof icon === 'string') {
-            return iconMapping[icon];
-        }
-        return icon;
-    }
-    renderIcon(ActualIcon) {
-        if (ActualIcon && ActualIcon.elem === 'svg') {
-            return (h("svg", Object.assign({}, ActualIcon.attrs), ActualIcon.content.map((content, index) => {
-                return h("path", Object.assign({ key: index }, content.attrs));
-            })));
-        }
-        return null;
-    }
-    //   selectTab(index: number) {
-    //     this.activeTabIndex = index;
-    //   }
-    render() {
-        console.log('active tab', this.activeTabIndex);
-        return (h("div", { key: '6619a0d1886bed91baf548f6577ffd29a6583e10', class: "header-bar" }, h("div", { key: '42005c79b8749912231c96e12bdeb03ae5d0e3c5', class: "title-section" }, h("unity-typography", { key: '2c9910a18282fb24d024428ac4f100fe4a884a0f', variant: "h4" }, this.title)), this.tabs && (h("div", { key: '1557c08c085bfc8784322861d56bb6b3d0649ab6', class: "tabs" }, h("udp-tabs", { key: 'd0825c8efaed182864999508c19550e979ee5982' }, h("button", { key: 'a7f4a1ddcde103c52a316ea1460828b39503398f', class: this.activeTabIndex === 0 ? 'active' : '', slot: "tab-title", onClick: () => this.selectTab(0) }, "Demo Grid"), h("button", { key: 'f39ba5df6b9acc160f3951fd3f1a2407e413331b', class: this.activeTabIndex === 1 ? 'active' : '', slot: "tab-title", onClick: () => this.selectTab(1) }, "Other Content")))), h("div", { key: '7a2fd6fd7dc477c7b6bce09394f6ea5763cd22e0', class: "button-section" }, this.defaultActionButtons.map(btn => {
-            // Determine the actual icon to use
-            const ActualIcon = this.getIconComponent(btn.icon, btn.customIcon);
-            const clickHandler = (event) => {
-                if (btn.clickHandler) {
-                    btn.clickHandler(event);
-                }
-                else {
-                    console.log(`${btn.label} Clicked but no custom handler defined`);
-                }
-            };
-            if (!this.hiddenActionButtons.includes(btn.label) && btn.visible) {
-                return (h("stencil-icon-button", { secondary: btn.secondary, onClick: clickHandler, tooltip: btn.tooltip }, this.renderIcon(ActualIcon), !this.hiddenLabels.includes(btn.label) && btn.showLabel && h("span", null, btn.label)));
-            }
-            return null;
-        }), !this.actionButtonLabel && h("div", { key: '1794f324f22d659d1e072e1a5f35e05ea81b9388', class: "right-margin" }), this.actionButtonLabel && (h("udp-button", { key: '8f2fe83b58c869cdfac6db0d48a7d03aaead6ec1', variant: "contained", color: "secondary", onClick: event => this.primaryActionClick(event) }, this.actionButtonLabel)))));
-    }
-    static get style() { return primaryActionHeaderCss; }
-}, [257, "primary-action-header", {
-        "title": [1],
-        "hiddenActionButtons": [16],
-        "hiddenLabels": [16],
-        "actionButtons": [16],
-        "defaultActionButtons": [16],
-        "customSaveViewClick": [16],
-        "customSizeToFitClick": [16],
-        "customExportClick": [16],
-        "primaryActionClick": [16],
-        "customColumnViewClick": [16],
-        "customFitColumnClick": [16],
-        "customFilterViewClick": [16],
-        "customClearClick": [16],
-        "customExpandClick": [16],
-        "customShowViewClick": [16],
-        "activeTabIndex": [2, "active-tab-index"],
-        "selectTab": [16],
-        "tabs": [4],
-        "actionButtonLabel": [1, "action-button-label"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["primary-action-header", "stencil-icon-button", "udp-ambient-tool-tip", "udp-badge", "udp-button", "udp-icon", "udp-tabs", "unity-typography"];
-    components.forEach(tagName => { switch (tagName) {
-        case "primary-action-header":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, PrimaryActionHeader);
-            }
-            break;
-        case "stencil-icon-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$7();
-            }
-            break;
-        case "udp-ambient-tool-tip":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$6();
-            }
-            break;
-        case "udp-badge":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "udp-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "udp-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "udp-tabs":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "unity-typography":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { PrimaryActionHeader as P, defineCustomElement as d };
-//# sourceMappingURL=primary-action-header2.js.map
-
-//# sourceMappingURL=primary-action-header2.js.map
+import{p as t,H as e,h as a,t as o}from"./index2.js";import{i,d as s}from"./udp-icon2.js";import{d as r}from"./stencil-icon-button2.js";import{d as n}from"./udp-ambient-tool-tip2.js";import{d as c}from"./udp-badge2.js";import{d}from"./udp-button2.js";import{d as b}from"./udp-tabs2.js";import{d as l}from"./unity-typography2.js";const u=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.hiddenActionButtons=[],this.hiddenLabels=[],this.actionButtons=[],this.defaultActionButtons=[],this.tabs=!0,this.actionButtonLabel=""}getIconComponent(t,e){return e||("string"==typeof t?i[t]:t)}renderIcon(t){return t&&"svg"===t.elem?a("svg",Object.assign({},t.attrs),t.content.map(((t,e)=>a("path",Object.assign({key:e},t.attrs))))):null}render(){return console.log("active tab",this.activeTabIndex),a("div",{key:"6619a0d1886bed91baf548f6577ffd29a6583e10",class:"header-bar"},a("div",{key:"42005c79b8749912231c96e12bdeb03ae5d0e3c5",class:"title-section"},a("unity-typography",{key:"2c9910a18282fb24d024428ac4f100fe4a884a0f",variant:"h4"},this.title)),this.tabs&&a("div",{key:"1557c08c085bfc8784322861d56bb6b3d0649ab6",class:"tabs"},a("udp-tabs",{key:"d0825c8efaed182864999508c19550e979ee5982"},a("button",{key:"a7f4a1ddcde103c52a316ea1460828b39503398f",class:0===this.activeTabIndex?"active":"",slot:"tab-title",onClick:()=>this.selectTab(0)},"Demo Grid"),a("button",{key:"f39ba5df6b9acc160f3951fd3f1a2407e413331b",class:1===this.activeTabIndex?"active":"",slot:"tab-title",onClick:()=>this.selectTab(1)},"Other Content"))),a("div",{key:"7a2fd6fd7dc477c7b6bce09394f6ea5763cd22e0",class:"button-section"},this.defaultActionButtons.map((t=>{const e=this.getIconComponent(t.icon,t.customIcon);return!this.hiddenActionButtons.includes(t.label)&&t.visible?a("stencil-icon-button",{secondary:t.secondary,onClick:e=>{t.clickHandler?t.clickHandler(e):console.log(`${t.label} Clicked but no custom handler defined`)},tooltip:t.tooltip},this.renderIcon(e),!this.hiddenLabels.includes(t.label)&&t.showLabel&&a("span",null,t.label)):null})),!this.actionButtonLabel&&a("div",{key:"1794f324f22d659d1e072e1a5f35e05ea81b9388",class:"right-margin"}),this.actionButtonLabel&&a("udp-button",{key:"8f2fe83b58c869cdfac6db0d48a7d03aaead6ec1",variant:"contained",color:"secondary",onClick:t=>this.primaryActionClick(t)},this.actionButtonLabel)))}static get style(){return":host{display:block;font-family:var(--font-family-base, sans-serif);background-color:var(--primary-action-header-background, #ffffff);color:var(--primary-action-header-text-color, rgba(0, 0, 0, 0.87));box-shadow:var(--primary-action-header-shadow, 0px 2px 4px -1px rgba(0,0,0,0.2));height:var(--primary-action-header-height, 48px);padding:var(--primary-action-header-padding, 0 var(--spacing-04));box-sizing:border-box}.header-bar{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}.title-section{flex-shrink:0;margin-right:var(--spacing-md, 16px)}.tabs{flex-grow:1;display:flex;justify-content:center;align-items:stretch;min-width:0}.tabs udp-tabs{width:100%;display:flex;justify-content:center}.tabs udp-tabs::part(tab-list){}.tabs udp-tabs button{padding:0 16px;margin:0 var(--spacing-xxs, 4px);height:100%;border:none;background-color:transparent;cursor:pointer;font-size:var(--font-size-sm, 0.875rem);color:var(--text-color-secondary, rgba(0, 0, 0, 0.6));text-transform:uppercase;font-weight:var(--font-weight-medium, 500);border-bottom:2px solid transparent;transition:color 0.3s ease, border-bottom-color 0.3s ease}.tabs udp-tabs button:hover{color:var(--primary-color-hover, var(--primary-color, #1976d2))}.tabs udp-tabs button.active{color:var(--primary-color, #1976d2);border-bottom:2px solid var(--primary-color, #1976d2)}.button-section{display:flex;align-items:center;flex-shrink:0;gap:var(--spacing-sm, 8px)}.button-section stencil-icon-button{color:var(--primary-action-header-icon-color, var(--text-color-primary, rgba(0, 0, 0, 0.54)))}.button-section stencil-icon-button:hover{background-color:rgba(0,0,0,0.04)}.button-section custom-button{}"}},[1,"primary-action-header",{title:[1],hiddenActionButtons:[16],hiddenLabels:[16],actionButtons:[16],defaultActionButtons:[16],customSaveViewClick:[16],customSizeToFitClick:[16],customExportClick:[16],primaryActionClick:[16],customColumnViewClick:[16],customFitColumnClick:[16],customFilterViewClick:[16],customClearClick:[16],customExpandClick:[16],customShowViewClick:[16],activeTabIndex:[2,"active-tab-index"],selectTab:[16],tabs:[4],actionButtonLabel:[1,"action-button-label"]}]);function p(){"undefined"!=typeof customElements&&["primary-action-header","stencil-icon-button","udp-ambient-tool-tip","udp-badge","udp-button","udp-icon","udp-tabs","unity-typography"].forEach((t=>{switch(t){case"primary-action-header":customElements.get(o(t))||customElements.define(o(t),u);break;case"stencil-icon-button":customElements.get(o(t))||r();break;case"udp-ambient-tool-tip":customElements.get(o(t))||n();break;case"udp-badge":customElements.get(o(t))||c();break;case"udp-button":customElements.get(o(t))||d();break;case"udp-icon":customElements.get(o(t))||s();break;case"udp-tabs":customElements.get(o(t))||b();break;case"unity-typography":customElements.get(o(t))||l()}}))}export{u as P,p as d}

package/dist/components/question-configs-renderer.js

@@ -1,9 +1 @@
-import { Q as QuestionConfigsRenderer$1, d as defineCustomElement$1 } from './question-configs-renderer2.js';
-
-const QuestionConfigsRenderer = QuestionConfigsRenderer$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { QuestionConfigsRenderer, defineCustomElement };
-//# sourceMappingURL=question-configs-renderer.js.map
-
-//# sourceMappingURL=question-configs-renderer.js.map
+import{Q as o,d as r}from"./question-configs-renderer2.js";const s=o,e=r;export{s as QuestionConfigsRenderer,e as defineCustomElement}

package/dist/components/question-configs-renderer2.js

@@ -1,206 +1 @@
-import { p as proxyCustomElement, H, h } from './index2.js';
-import { q as questionsTemplate, d as defineCustomElement$g } from './question-specific-configs-renderer2.js';
-import { a as UdpFormsTypeEnum } from './enums.js';
-import { d as defineCustomElement$k } from './date-time-renderer2.js';
-import { d as defineCustomElement$j } from './file-upload-renderer2.js';
-import { d as defineCustomElement$i } from './list-options-renderer2.js';
-import { d as defineCustomElement$h } from './numeric-field2.js';
-import { d as defineCustomElement$f } from './signature-renderer2.js';
-import { d as defineCustomElement$e } from './stencil-icon-button2.js';
-import { d as defineCustomElement$d } from './stencil-toggle2.js';
-import { d as defineCustomElement$c } from './text-area2.js';
-import { d as defineCustomElement$b } from './text-field2.js';
-import { d as defineCustomElement$a } from './text-input-renderer2.js';
-import { d as defineCustomElement$9 } from './udp-ambient-tool-tip2.js';
-import { d as defineCustomElement$8 } from './udp-badge2.js';
-import { d as defineCustomElement$7 } from './udp-button2.js';
-import { d as defineCustomElement$6 } from './udp-date-selector2.js';
-import { d as defineCustomElement$5 } from './udp-datetime-selector2.js';
-import { d as defineCustomElement$4 } from './udp-icon2.js';
-import { d as defineCustomElement$3 } from './udp-selector2.js';
-import { d as defineCustomElement$2 } from './udp-time-selector2.js';
-import { d as defineCustomElement$1 } from './unity-typography2.js';
-
-const questionConfigsRendererCss = ".generic-configs-container{display:flex;flex-direction:column;}.question-configs-header{display:flex;justify-content:space-between;align-items:center}";
-
-const QuestionConfigsRenderer = /*@__PURE__*/ proxyCustomElement(class QuestionConfigsRenderer extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.isFollowUpFormConfigOn = false;
-        this.isCommentingConfigOn = false;
-        this.getHandler = (fieldTypeId, handlerName) => {
-            var _a;
-            const template = questionsTemplate.find(q => q.fieldTypeId === fieldTypeId);
-            return (_a = template === null || template === void 0 ? void 0 : template.handlers) === null || _a === void 0 ? void 0 : _a[handlerName];
-        };
-    }
-    get question() {
-        var _a, _b;
-        return (_b = (_a = this.formSectionsDraft) === null || _a === void 0 ? void 0 : _a[this.sIndex].formQuestions) === null || _b === void 0 ? void 0 : _b[this.qIndex];
-    }
-    render() {
-        const template = questionsTemplate.find(q => q.fieldTypeId === this.question.fieldTypeId);
-        const isQuestionTextRequired = !(template && template.questionTextOptional);
-        return (h("div", { key: '07293c93d11c27439e17527eeb78cdeccb56caec', class: "generic-configs-container" }, h("div", { key: '887ec1f2a5e13e700ff7128c70bc33949cc4b4d6', class: "question-configs-header" }, h("unity-typography", { key: 'c0dcd102e7399f199a8cf07f26b1799bd2cf0c1b', variant: "h6" }, this.question.questionTypeName, " Question"), h("div", { key: 'd317bc353bbbf5475e09c79ea1641ab45755ba52' }, !this.question.fieldProperties.ignoreRequiredConfig && (h("stencil-toggle", { key: '8d137d95c56d8733a6f5fac8129c42624ee2f99c', label: "Required", disabled: this.isViewOnly, checked: this.question.required === true, onToggledChange: () => {
-                const newValue = !this.question.required;
-                const handler = this.getHandler(this.question.fieldTypeId, 'handleGenericProperty');
-                const updated = handler(newValue, this.formSectionsDraft, this.sIndex, this.qIndex, 'required');
-                this.onFormSectionsDraftChange(updated);
-            }, labelPosition: "right" })))), h("text-area", { key: '2b77e740cde748d17086f5350bdaba6dd62780fb', label: "Question Text", value: this.question.questionText, disabled: this.isViewOnly, placeholder: "Enter the question text here", rows: 2, maxRows: 5, required: isQuestionTextRequired, fullWidth: true, margin: 'dense', onInput: e => {
-                const newValue = e.target.value;
-                const handler = this.getHandler(this.question.fieldTypeId, 'handleGenericProperty');
-                const updated = handler(newValue, this.formSectionsDraft, this.sIndex, this.qIndex, 'questionText');
-                this.onFormSectionsDraftChange(updated);
-            } }), h("text-area", { key: '826c1985e19bbd8bce26f7fdd67d6127b90dcf29', label: "Helper Text", value: this.question.helperText, disabled: this.isViewOnly, placeholder: "Enter the question's helper text here", rows: 2, maxRows: 4, fullWidth: true, margin: 'dense', onInput: e => {
-                const newValue = e.target.value;
-                const handler = this.getHandler(this.question.fieldTypeId, 'handleGenericProperty');
-                const updated = handler(newValue, this.formSectionsDraft, this.sIndex, this.qIndex, 'helperText');
-                this.onFormSectionsDraftChange(updated);
-            } }), h("question-specific-configs-renderer", { key: 'b2aa8b281f34a29a99260bcc6e2a1b8030021d07', formSectionsDraft: this.formSectionsDraft, sIndex: this.sIndex, qIndex: this.qIndex, isViewOnly: this.isViewOnly, onFormSectionsDraftChange: this.onFormSectionsDraftChange, lookupOptions: this.lookupOptions }), this.isCommentingConfigOn && (h("div", { key: '27bf0303c7f375acd35ea4a9c3d3c0c52ba770fd' }, h("stencil-toggle", { key: '694e447a645c8d8288e7a19eee4bd817f4ab72f9', label: "Allow Comments", disabled: this.isViewOnly, checked: this.question.fieldProperties.allowComments === true, onToggledChange: () => {
-                if (this.isViewOnly)
-                    return;
-                const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');
-                const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, 'allowComments');
-                this.onFormSectionsDraftChange(updated);
-            }, labelPosition: "right" }))), this.formType == UdpFormsTypeEnum.Standard && this.isFollowUpFormConfigOn && (h("div", { key: '3f38852af022fb38fad4ba862af9df13b12d5125' }, h("stencil-toggle", { key: 'd586901f37c4e1812df8e662f00a8ce5e4410bcc', label: "Allow Follow Up Forms", disabled: this.isViewOnly, checked: this.question.fieldProperties.allowFollowUpForms === true, onToggledChange: () => {
-                if (this.isViewOnly)
-                    return;
-                const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');
-                const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, 'allowFollowUpForms');
-                this.onFormSectionsDraftChange(updated);
-            }, labelPosition: "right" })))));
-    }
-    static get style() { return questionConfigsRendererCss; }
-}, [257, "question-configs-renderer", {
-        "formSectionsDraft": [16],
-        "sIndex": [2, "s-index"],
-        "qIndex": [2, "q-index"],
-        "isViewOnly": [4, "is-view-only"],
-        "lookupOptions": [16],
-        "onFormSectionsDraftChange": [16],
-        "formType": [1, "form-type"],
-        "isFollowUpFormConfigOn": [4, "is-follow-up-form-config-on"],
-        "isCommentingConfigOn": [4, "is-commenting-config-on"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["question-configs-renderer", "date-time-renderer", "file-upload-renderer", "list-options-renderer", "numeric-field", "question-specific-configs-renderer", "signature-renderer", "stencil-icon-button", "stencil-toggle", "text-area", "text-field", "text-input-renderer", "udp-ambient-tool-tip", "udp-badge", "udp-button", "udp-date-selector", "udp-datetime-selector", "udp-icon", "udp-selector", "udp-time-selector", "unity-typography"];
-    components.forEach(tagName => { switch (tagName) {
-        case "question-configs-renderer":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, QuestionConfigsRenderer);
-            }
-            break;
-        case "date-time-renderer":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$k();
-            }
-            break;
-        case "file-upload-renderer":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$j();
-            }
-            break;
-        case "list-options-renderer":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$i();
-            }
-            break;
-        case "numeric-field":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$h();
-            }
-            break;
-        case "question-specific-configs-renderer":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$g();
-            }
-            break;
-        case "signature-renderer":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$f();
-            }
-            break;
-        case "stencil-icon-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$e();
-            }
-            break;
-        case "stencil-toggle":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$d();
-            }
-            break;
-        case "text-area":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$c();
-            }
-            break;
-        case "text-field":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$b();
-            }
-            break;
-        case "text-input-renderer":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$a();
-            }
-            break;
-        case "udp-ambient-tool-tip":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$9();
-            }
-            break;
-        case "udp-badge":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$8();
-            }
-            break;
-        case "udp-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$7();
-            }
-            break;
-        case "udp-date-selector":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$6();
-            }
-            break;
-        case "udp-datetime-selector":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "udp-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "udp-selector":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "udp-time-selector":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "unity-typography":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { QuestionConfigsRenderer as Q, defineCustomElement as d };
-//# sourceMappingURL=question-configs-renderer2.js.map
-
-//# sourceMappingURL=question-configs-renderer2.js.map
+import{p as e,H as t,h as s,t as i}from"./index2.js";import{q as o,d as r}from"./question-specific-configs-renderer2.js";import{a as n}from"./enums.js";import{d as a}from"./date-time-renderer2.js";import{d}from"./file-upload-renderer2.js";import{d as c}from"./form-metadata-display-renderer2.js";import{d as l}from"./list-options-renderer2.js";import{d as m}from"./numeric-field2.js";import{d as u}from"./signature-renderer2.js";import{d as f}from"./stencil-icon-button2.js";import{d as p}from"./stencil-toggle2.js";import{d as h}from"./text-area2.js";import{d as b}from"./text-field2.js";import{d as g}from"./text-input-renderer2.js";import{d as y}from"./udp-ambient-tool-tip2.js";import{d as k}from"./udp-badge2.js";import{d as x}from"./udp-button2.js";import{d as E}from"./udp-date-selector2.js";import{d as j}from"./udp-datetime-selector2.js";import{d as q}from"./udp-icon2.js";import{d as v}from"./udp-selector2.js";import{d as w}from"./udp-time-selector2.js";import{d as C}from"./unity-typography2.js";const F=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.isFollowUpFormConfigOn=!1,this.isCommentingConfigOn=!1,this.getHandler=(e,t)=>{var s;const i=o.find((t=>t.fieldTypeId===e));return null===(s=null==i?void 0:i.handlers)||void 0===s?void 0:s[t]}}get question(){var e,t;return null===(t=null===(e=this.formSectionsDraft)||void 0===e?void 0:e[this.sIndex].formQuestions)||void 0===t?void 0:t[this.qIndex]}render(){const e=o.find((e=>e.fieldTypeId===this.question.fieldTypeId)),t=!(e&&e.questionTextOptional);return s("div",{key:"3ddd42597e37dbd3b1f0ac9ade2ea77bd073da32",class:"generic-configs-container"},s("div",{key:"5368d5f2ae9b971359d7a8270045377bb3ac9e1e",class:"question-configs-header"},s("unity-typography",{key:"1cebdec17b62362dca593d9084d47d5ac21eeecf",variant:"h6"},this.question.questionTypeName," Question"),s("div",{key:"abfdac1af7952d9cad81623743ce1cf06ecd1349"},!this.question.fieldProperties.ignoreRequiredConfig&&s("stencil-toggle",{key:"9892b0159a70769f288ad55deff33dbd238fed8c",label:"Required",disabled:this.isViewOnly,checked:!0===this.question.required,onToggledChange:()=>{const e=!this.question.required,t=this.getHandler(this.question.fieldTypeId,"handleGenericProperty")(e,this.formSectionsDraft,this.sIndex,this.qIndex,"required");this.onFormSectionsDraftChange(t)},labelPosition:"right"}))),s("text-area",{key:"93cefa33c4e64dde9ba3d5ad5f70f8e386813833",label:"Question Text",value:this.question.questionText,disabled:this.isViewOnly,placeholder:"Enter the question text here",rows:2,maxRows:5,required:t,fullWidth:!0,margin:"dense",onInput:e=>{const t=e.target.value,s=this.getHandler(this.question.fieldTypeId,"handleGenericProperty")(t,this.formSectionsDraft,this.sIndex,this.qIndex,"questionText");this.onFormSectionsDraftChange(s)}}),s("text-area",{key:"e9ef11aef0f8bdca7fdfeddedbd10c064919dfb2",label:"Helper Text",value:this.question.helperText,disabled:this.isViewOnly,placeholder:"Enter the question's helper text here",rows:2,maxRows:4,fullWidth:!0,margin:"dense",onInput:e=>{const t=e.target.value,s=this.getHandler(this.question.fieldTypeId,"handleGenericProperty")(t,this.formSectionsDraft,this.sIndex,this.qIndex,"helperText");this.onFormSectionsDraftChange(s)}}),s("question-specific-configs-renderer",{key:"8c9df8b200bcb3dfff2b049b4a4c7eff74e09d5f",formSectionsDraft:this.formSectionsDraft,sIndex:this.sIndex,qIndex:this.qIndex,isViewOnly:this.isViewOnly,onFormSectionsDraftChange:this.onFormSectionsDraftChange,lookupOptions:this.lookupOptions}),this.isCommentingConfigOn&&s("div",{key:"be226fae2aa4b47d2ba9f8f93b737669f88276c1"},s("stencil-toggle",{key:"efa63f9dcb5204e0a08f7a087d8afe7c28894733",label:"Allow Comments",disabled:this.isViewOnly,checked:!0===this.question.fieldProperties.allowComments,onToggledChange:()=>{if(this.isViewOnly)return;const e=this.getHandler(this.question.fieldTypeId,"handleFieldPropertyBooleanToggle")(this.formSectionsDraft,this.sIndex,this.qIndex,"allowComments");this.onFormSectionsDraftChange(e)},labelPosition:"right"})),this.formType==n.Standard&&this.isFollowUpFormConfigOn&&s("div",{key:"bae3e66a3391fc22c395e7abedac8c9c3579cbeb"},s("stencil-toggle",{key:"694abb0977636728bc111edc6ea9dd5a076c43bf",label:"Allow Follow Up Forms",disabled:this.isViewOnly,checked:!0===this.question.fieldProperties.allowFollowUpForms,onToggledChange:()=>{if(this.isViewOnly)return;const e=this.getHandler(this.question.fieldTypeId,"handleFieldPropertyBooleanToggle")(this.formSectionsDraft,this.sIndex,this.qIndex,"allowFollowUpForms");this.onFormSectionsDraftChange(e)},labelPosition:"right"})))}static get style(){return".generic-configs-container{display:flex;flex-direction:column;}.question-configs-header{display:flex;justify-content:space-between;align-items:center}"}},[1,"question-configs-renderer",{formSectionsDraft:[16],sIndex:[2,"s-index"],qIndex:[2,"q-index"],isViewOnly:[4,"is-view-only"],lookupOptions:[16],onFormSectionsDraftChange:[16],formType:[1,"form-type"],isFollowUpFormConfigOn:[4,"is-follow-up-form-config-on"],isCommentingConfigOn:[4,"is-commenting-config-on"]}]);function T(){"undefined"!=typeof customElements&&["question-configs-renderer","date-time-renderer","file-upload-renderer","form-metadata-display-renderer","list-options-renderer","numeric-field","question-specific-configs-renderer","signature-renderer","stencil-icon-button","stencil-toggle","text-area","text-field","text-input-renderer","udp-ambient-tool-tip","udp-badge","udp-button","udp-date-selector","udp-datetime-selector","udp-icon","udp-selector","udp-time-selector","unity-typography"].forEach((e=>{switch(e){case"question-configs-renderer":customElements.get(i(e))||customElements.define(i(e),F);break;case"date-time-renderer":customElements.get(i(e))||a();break;case"file-upload-renderer":customElements.get(i(e))||d();break;case"form-metadata-display-renderer":customElements.get(i(e))||c();break;case"list-options-renderer":customElements.get(i(e))||l();break;case"numeric-field":customElements.get(i(e))||m();break;case"question-specific-configs-renderer":customElements.get(i(e))||r();break;case"signature-renderer":customElements.get(i(e))||u();break;case"stencil-icon-button":customElements.get(i(e))||f();break;case"stencil-toggle":customElements.get(i(e))||p();break;case"text-area":customElements.get(i(e))||h();break;case"text-field":customElements.get(i(e))||b();break;case"text-input-renderer":customElements.get(i(e))||g();break;case"udp-ambient-tool-tip":customElements.get(i(e))||y();break;case"udp-badge":customElements.get(i(e))||k();break;case"udp-button":customElements.get(i(e))||x();break;case"udp-date-selector":customElements.get(i(e))||E();break;case"udp-datetime-selector":customElements.get(i(e))||j();break;case"udp-icon":customElements.get(i(e))||q();break;case"udp-selector":customElements.get(i(e))||v();break;case"udp-time-selector":customElements.get(i(e))||w();break;case"unity-typography":customElements.get(i(e))||C()}}))}export{F as Q,T as d}