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

package/dist/components/stencil-toggle2.js

@@ -1,192 +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 stencilToggleCss = ":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(.udp-input--size-small) .toggle-container{width:32px;height:18px}:host(.udp-input--size-small) button{border-radius:18px}:host(.udp-input--size-small) .toggle-knob{width:14px;height:14px;top:2px;left:2px}:host(.udp-input--size-small) .toggled .toggle-knob{left:16px}:host(.udp-input--size-normal) .toggle-container{width:38px;height:22px}:host(.udp-input--size-normal) button{border-radius:22px}:host(.udp-input--size-normal) .toggle-knob{position:absolute;top:2px;left:2px;width:18px;height:18px}:host(.udp-input--size-normal) .toggled .toggle-knob{left:18px}:host(.udp-input--size-large) .toggle-container{width:44px;height:26px}:host(.udp-input--size-large) button{border-radius:26px}:host(.udp-input--size-large) .toggle-knob{width:22px;height:22px;top:2px;left:2px}:host(.udp-input--size-large) .toggled .toggle-knob{left:20px}.toggle-container{position:relative;display:inline-block}button{appearance:none;background-color:var(--gray-04, #ccc);width:100%;height:100%;position:relative;outline:none;border:none;cursor:pointer;transition:background-color 0.2s ease}.toggled button{background-color:var(--primary-color, #344861)}.toggle-knob{position:absolute;background-color:var(--white, #ffffff);border-radius:50%;transition:left 0.2s ease}:host(.udp-input--size-small) .label-left{margin-right:var(--spacing-02)}:host(.udp-input--size-small) .label-right{margin-left:var(--spacing-02)}:host(.udp-input--size-small) .label-bottom{margin-top:var(--spacing-02)}:host(.udp-input--size-normal) .label-left{margin-right:var(--spacing-03)}:host(.udp-input--size-normal) .label-right{margin-left:var(--spacing-03)}:host(.udp-input--size-normal) .label-bottom{margin-top:var(--spacing-03)}:host(.udp-input--size-large) .label-left{margin-right:var(--spacing-04)}:host(.udp-input--size-large) .label-right{margin-left:var(--spacing-04)}:host(.udp-input--size-large) .label-bottom{margin-top:var(--spacing-04)}.toggle-wrapper{display:flex;align-items:center}.toggle-wrapper.position-left{flex-direction:row}.toggle-wrapper.position-right{flex-direction:row}.toggle-wrapper.position-bottom{flex-direction:column;align-items:flex-start}.toggle-label{font-size:var(--caption-font-size, 0.875rem)}.label-left{margin-right:var(--spacing-03)}.label-right{margin-left:var(--spacing-03)}.label-bottom{margin-top:var(--spacing-03)}";
-
-const StencilToggle = /*@__PURE__*/ proxyCustomElement(class StencilToggle extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.toggledChange = createEvent(this, "toggledChange");
-        this.toggled = false;
-        /**
-         * Position of the label relative to the toggle switch.
-         * - 'left': Label appears to the left of the toggle (default)
-         * - 'right': Label appears to the right of the toggle
-         * - 'bottom': Label appears below the toggle
-         */
-        this.labelPosition = 'left';
-        /**
-         * Whether the toggle is disabled. Users cannot interact with the toggle when disabled.
-         */
-        this.disabled = false;
-        /**
-         * Margin spacing around the component. Affects vertical spacing in form layouts.
-         * - 'none': No margin
-         * - 'dense': Reduced margin for compact layouts
-         * - 'normal': Standard margin spacing (default)
-         */
-        this.margin = 'normal';
-        /**
-         * Size variant for the toggle component.
-         * - 'small': Smaller toggle size.
-         * - 'normal': Standard toggle size (default).
-         * - 'large': Larger toggle size.
-         */
-        this.size = 'normal';
-    }
-    /**
-     * Watcher for the error prop. Updates the internal error message when the error prop changes.
-     */
-    updateError() {
-        this.errorMessage = this.error;
-    }
-    /**
-     * Watcher for the initialValue prop. Updates the toggle state when initialValue changes
-     * (useful for form resets, dynamic initial values, etc.).
-     * @param newValue - The new initial value
-     */
-    initialValueChanged(newValue) {
-        // Update toggled when initialValue changes (for form resets, etc.)
-        if (newValue !== undefined) {
-            this.toggled = newValue === 'true' || newValue === '1' || newValue === 'on';
-        }
-    }
-    /**
-     * Watcher for the checked prop. Updates the toggle state when the checked prop changes
-     * (controlled component behavior).
-     */
-    checkedChanged() {
-        // Backward compatibility: if checked prop is set directly, use it
-        if (this.checked !== undefined && this.checked !== this.toggled) {
-            this.toggled = this.checked;
-        }
-    }
-    /**
-     * Component lifecycle method called when the component is about to load.
-     * Initializes the toggle state from either the checked prop or initialValue prop.
-     */
-    componentWillLoad() {
-        // Initialize toggled from initialValue or checked prop (backward compatibility)
-        if (this.initialValue !== undefined) {
-            this.toggled = this.initialValue === 'true' || this.initialValue === '1' || this.initialValue === 'on';
-        }
-        else {
-            this.toggled = this.checked || false;
-        }
-        if (this.error) {
-            this.errorMessage = this.error;
-        }
-        // Generate a unique ID for the toggle instance if idItem is not provided.
-        // This ensures the label's htmlFor can always link to the button's id.
-        this._internalId = `stencil-toggle-generated-${StencilToggle.S_TOGGLE_ID_COUNTER++}`;
-    }
-    /**
-     * Legacy lifecycle method - no longer needed with current state management.
-     * @deprecated This method is no longer used
-     */
-    componentWillUpdate() {
-        // Remove this since we're handling state differently now
-    }
-    /**
-     * Handles toggle button clicks and keyboard interactions.
-     * Updates internal state and emits both legacy and standard DOM events.
-     */
-    toggleButton() {
-        if (this.disabled)
-            return;
-        this.toggled = !this.toggled;
-        // Update controlled value if this is a controlled component
-        if (this.checked !== undefined) {
-            this.checked = this.toggled;
-        }
-        // Emit for backward compatibility
-        this.toggledChange.emit(this.toggled);
-        // Emit standard DOM events that stencil-field and form libraries can handle
-        const changeEvent = new CustomEvent('change', {
-            detail: this.toggled ? 'true' : 'false',
-            bubbles: true
-        });
-        this.el.dispatchEvent(changeEvent);
-        const inputEvent = new CustomEvent('input', {
-            detail: this.toggled ? 'true' : 'false',
-            bubbles: true
-        });
-        this.el.dispatchEvent(inputEvent);
-    }
-    /**
-     * Renders the toggle component with proper accessibility attributes and layout.
-     * Handles label positioning and generates unique IDs for form association.
-     */
-    render() {
-        // Use the provided idItem, id, or fall back to the internally generated ID
-        const baseId = this.idItem || this.id || this._internalId;
-        const buttonId = `${baseId}-button`;
-        const labelId = `${baseId}-label`;
-        const isError = !!this.errorMessage;
-        const labelElement = this.label && (h("label", { key: '06ccd32009d29e3d96e1b3177a83f1a24bb94aab', id: labelId, class: `toggle-label label-${this.labelPosition}`, htmlFor: !this.disabled ? buttonId : undefined }, h("unity-typography", { key: 'aeee9284a7cd970b4639bf8c553d38ba015a6489', variant: "caption-text" }, this.label)));
-        const toggleElement = (h("div", { key: '0d8b4ec2080bb6e9f2a3999dd589f435960ceb0b', class: `toggle-container ${this.toggled ? 'toggled' : ''}` }, h("button", { key: '0a5e536171a50e1912b5e948d3eafad05d94bfcf', id: buttonId, onClick: () => this.toggleButton(), disabled: this.disabled, "aria-checked": this.toggled.toString(), "aria-labelledby": labelId, role: "switch" }, h("span", { key: 'b2018d1921efedcfaa1d5b7d0f4be03b1f9f73a7', class: "toggle-knob" }))));
-        return (h(Host, { key: '136f2fe4ef115cea4bd79b7c1e38255866032d5a', class: {
-                'udp-input': true,
-                'udp-input--error': isError,
-                'udp-input--disabled': this.disabled,
-                'udp-input--checked': this.toggled,
-                [`udp-input--margin-${this.margin}`]: true,
-                [`udp-input--size-${this.size}`]: true,
-            }, "aria-invalid": isError ? 'true' : 'false' }, h("div", { key: '6d5e0252cb950677659ba8664578bf2d6296ffc0', class: `toggle-wrapper position-${this.labelPosition}` }, this.labelPosition === 'left' && labelElement, toggleElement, this.labelPosition === 'right' && labelElement, this.labelPosition === 'bottom' && labelElement, this.errorMessage && h("div", { key: 'd60b93ee156679deda558374b5955658d53f9815', class: "error-message" }, this.errorMessage))));
-    }
-    get el() { return this; }
-    static get watchers() { return {
-        "error": ["updateError"],
-        "initialValue": ["initialValueChanged"],
-        "checked": ["checkedChanged"]
-    }; }
-    static get style() { return stencilToggleCss; }
-}, [257, "stencil-toggle", {
-        "initialValue": [1, "initial-value"],
-        "checked": [1028],
-        "label": [1],
-        "labelPosition": [1, "label-position"],
-        "disabled": [4],
-        "idItem": [1, "id-item"],
-        "id": [1],
-        "name": [1],
-        "error": [1],
-        "required": [4],
-        "margin": [1],
-        "size": [1],
-        "toggled": [32],
-        "errorMessage": [32]
-    }, undefined, {
-        "error": ["updateError"],
-        "initialValue": ["initialValueChanged"],
-        "checked": ["checkedChanged"]
-    }]);
-// Static counter to ensure unique IDs for generated fallbacks
-StencilToggle.S_TOGGLE_ID_COUNTER = 0;
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["stencil-toggle", "unity-typography"];
-    components.forEach(tagName => { switch (tagName) {
-        case "stencil-toggle":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, StencilToggle);
-            }
-            break;
-        case "unity-typography":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { StencilToggle as S, defineCustomElement as d };
-//# sourceMappingURL=stencil-toggle2.js.map
-
-//# sourceMappingURL=stencil-toggle2.js.map
+import{p as t,H as i,c as e,h as o,d as p,t as n}from"./index2.js";import{d as r}from"./unity-typography2.js";const a=t(class t extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.toggledChange=e(this,"toggledChange"),this.toggled=!1,this.labelPosition="left",this.disabled=!1,this.margin="normal",this.size="normal"}updateError(){this.errorMessage=this.error}initialValueChanged(t){void 0!==t&&(this.toggled="true"===t||"1"===t||"on"===t)}checkedChanged(){void 0!==this.checked&&this.checked!==this.toggled&&(this.toggled=this.checked)}componentWillLoad(){this.toggled=void 0!==this.initialValue?"true"===this.initialValue||"1"===this.initialValue||"on"===this.initialValue:this.checked||!1,this.error&&(this.errorMessage=this.error),this._internalId="stencil-toggle-generated-"+t.S_TOGGLE_ID_COUNTER++}componentWillUpdate(){}toggleButton(){if(this.disabled)return;this.toggled=!this.toggled,void 0!==this.checked&&(this.checked=this.toggled),this.toggledChange.emit(this.toggled);const t=new CustomEvent("change",{detail:this.toggled?"true":"false",bubbles:!0});this.el.dispatchEvent(t);const i=new CustomEvent("input",{detail:this.toggled?"true":"false",bubbles:!0});this.el.dispatchEvent(i)}render(){const t=this.idItem||this.id||this._internalId,i=`${t}-button`,e=`${t}-label`,n=!!this.errorMessage,r=this.label&&o("label",{key:"55e962489dd53543d2ea5fcfef12206aa2329c7a",id:e,class:`toggle-label label-${this.labelPosition}`,htmlFor:this.disabled?void 0:i},o("unity-typography",{key:"dbe15f302ea1d4051d132b94a7e564464eff7504",variant:"caption-text"},this.label)),a=o("div",{key:"7bd180a464c93b89a8c5f5ae1bf05fbb532e41a3",class:"toggle-container "+(this.toggled?"toggled":"")},o("button",{key:"eabf472bae5524465d85d0359964cd5c7a5e81ef",id:i,onClick:()=>this.toggleButton(),disabled:this.disabled,"aria-checked":this.toggled.toString(),"aria-labelledby":e,role:"switch"},o("span",{key:"46e4c0a9d266aaf32dd9511dc541f6ba686959df",class:"toggle-knob"})));return o(p,{key:"95dd089f9b8255ed0948914cb6f90a4243253570",class:{"udp-input":!0,"udp-input--error":n,"udp-input--disabled":this.disabled,"udp-input--checked":this.toggled,[`udp-input--margin-${this.margin}`]:!0,[`udp-input--size-${this.size}`]:!0},"aria-invalid":n?"true":"false"},o("div",{key:"9d0cf04cce79f20ca7aaa0d1a4f1cb43104ea1eb",class:`toggle-wrapper position-${this.labelPosition}`},"left"===this.labelPosition&&r,a,"right"===this.labelPosition&&r,"bottom"===this.labelPosition&&r,this.errorMessage&&o("div",{key:"e351a5bd21d7790396501ff9a7e92ef8b9c6cee0",class:"error-message"},this.errorMessage)))}get el(){return this}static get watchers(){return{error:[{updateError:0}],initialValue:[{initialValueChanged:0}],checked:[{checkedChanged: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(.udp-input--size-small) .toggle-container{width:32px;height:18px}:host(.udp-input--size-small) button{border-radius:18px}:host(.udp-input--size-small) .toggle-knob{width:14px;height:14px;top:2px;left:2px}:host(.udp-input--size-small) .toggled .toggle-knob{left:16px}:host(.udp-input--size-normal) .toggle-container{width:38px;height:22px}:host(.udp-input--size-normal) button{border-radius:22px}:host(.udp-input--size-normal) .toggle-knob{position:absolute;top:2px;left:2px;width:18px;height:18px}:host(.udp-input--size-normal) .toggled .toggle-knob{left:18px}:host(.udp-input--size-large) .toggle-container{width:44px;height:26px}:host(.udp-input--size-large) button{border-radius:26px}:host(.udp-input--size-large) .toggle-knob{width:22px;height:22px;top:2px;left:2px}:host(.udp-input--size-large) .toggled .toggle-knob{left:20px}.toggle-container{position:relative;display:inline-block}button{appearance:none;background-color:var(--gray-04, #ccc);width:100%;height:100%;position:relative;outline:none;border:none;cursor:pointer;transition:background-color 0.2s ease}.toggled button{background-color:var(--primary-color, #344861)}.toggle-knob{position:absolute;background-color:var(--white, #ffffff);border-radius:50%;transition:left 0.2s ease}:host(.udp-input--size-small) .label-left{margin-right:var(--spacing-02)}:host(.udp-input--size-small) .label-right{margin-left:var(--spacing-02)}:host(.udp-input--size-small) .label-bottom{margin-top:var(--spacing-02)}:host(.udp-input--size-normal) .label-left{margin-right:var(--spacing-03)}:host(.udp-input--size-normal) .label-right{margin-left:var(--spacing-03)}:host(.udp-input--size-normal) .label-bottom{margin-top:var(--spacing-03)}:host(.udp-input--size-large) .label-left{margin-right:var(--spacing-04)}:host(.udp-input--size-large) .label-right{margin-left:var(--spacing-04)}:host(.udp-input--size-large) .label-bottom{margin-top:var(--spacing-04)}.toggle-wrapper{display:flex;align-items:center}.toggle-wrapper.position-left{flex-direction:row}.toggle-wrapper.position-right{flex-direction:row}.toggle-wrapper.position-bottom{flex-direction:column;align-items:flex-start}.toggle-label{font-size:var(--caption-font-size, 0.875rem)}.label-left{margin-right:var(--spacing-03)}.label-right{margin-left:var(--spacing-03)}.label-bottom{margin-top:var(--spacing-03)}'}},[1,"stencil-toggle",{initialValue:[1,"initial-value"],checked:[1028],label:[1],labelPosition:[1,"label-position"],disabled:[4],idItem:[1,"id-item"],id:[1],name:[1],error:[1],required:[4],margin:[1],size:[1],toggled:[32],errorMessage:[32]},void 0,{error:[{updateError:0}],initialValue:[{initialValueChanged:0}],checked:[{checkedChanged:0}]}]);function s(){"undefined"!=typeof customElements&&["stencil-toggle","unity-typography"].forEach((t=>{switch(t){case"stencil-toggle":customElements.get(n(t))||customElements.define(n(t),a);break;case"unity-typography":customElements.get(n(t))||r()}}))}a.S_TOGGLE_ID_COUNTER=0;export{a as S,s as d}

package/dist/components/tally-display.js

@@ -1,9 +1 @@
-import { T as TallyDisplay$1, d as defineCustomElement$1 } from './tally.js';
-
-const TallyDisplay = TallyDisplay$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { TallyDisplay, defineCustomElement };
-//# sourceMappingURL=tally-display.js.map
-
-//# sourceMappingURL=tally-display.js.map
+import{T as o,d as s}from"./tally.js";const t=o,a=s;export{t as TallyDisplay,a as defineCustomElement}

package/dist/components/tally.js

@@ -1,99 +1 @@
-import { p as proxyCustomElement, H, h, d as Host } from './index2.js';
-import { d as defineCustomElement$1 } from './unity-typography2.js';
-
-const tallyCss = ":host{display:block;width:100%}.tally-container{display:flex;flex-direction:column;gap:var(--spacing-02, 8px)}.tally-label{font-weight:600;margin-bottom:var(--spacing-02, 8px)}.tally-loading{display:flex;align-items:center;justify-content:center;padding:var(--spacing-04, 16px);color:var(--text-secondary, #6b7280)}.tally-content{display:flex;flex-direction:column;gap:var(--spacing-03, 12px)}.tally-stats{display:flex;gap:var(--spacing-04, 16px);flex-wrap:wrap}.tally-item{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-03, 12px) var(--spacing-04, 16px);border-radius:var(--border-radius-01, 4px);border:1px solid var(--border-subtle, #e5e7eb);background-color:var(--layer-01, #ffffff);min-width:80px;flex:1;max-width:120px}.tally-item.tally-yes{border-color:var(--support-success, #42be65);background-color:var(--support-success-hover, #f6f8ff)}.tally-item.tally-no{border-color:var(--support-error, #da1e28);background-color:var(--support-error-hover, #fff1f1)}.tally-item.tally-unanswered{border-color:var(--support-warning, #f1c21b);background-color:var(--support-warning-hover, #fcf4d6)}.tally-count{font-weight:700;line-height:1.2;margin-bottom:var(--spacing-01, 4px)}.tally-yes .tally-count{color:var(--support-success, #42be65)}.tally-no .tally-count{color:var(--support-error, #da1e28)}.tally-unanswered .tally-count{color:var(--support-warning, #f1c21b)}.tally-item .tally-label{margin:0;font-weight:500;text-transform:uppercase;font-size:0.75rem;letter-spacing:0.02em}.tally-summary{padding:var(--spacing-02, 8px) 0;border-top:1px solid var(--border-subtle, #e5e7eb);text-align:center}.error-message{margin-top:var(--spacing-02, 8px);padding:var(--spacing-02, 8px);border-radius:var(--border-radius-01, 4px);background-color:var(--support-error-hover, #fff1f1);border:1px solid var(--support-error, #da1e28)}:host(.udp-input--size-small) .tally-item{padding:var(--spacing-02, 8px) var(--spacing-03, 12px);min-width:60px;max-width:90px}:host(.udp-input--size-small) .tally-count{font-size:1.25rem}:host(.udp-input--size-large) .tally-item{padding:var(--spacing-04, 16px) var(--spacing-05, 20px);min-width:100px;max-width:150px}:host(.udp-input--size-large) .tally-count{font-size:2rem}:host(.udp-input--margin-none) .tally-container{gap:0}:host(.udp-input--margin-dense) .tally-container{gap:var(--spacing-01, 4px)}:host(.udp-input--margin-comfortable) .tally-container{gap:var(--spacing-04, 16px)}:host(.udp-input--disabled) .tally-item{opacity:0.5;pointer-events:none}:host(.udp-input--readonly) .tally-item{background-color:var(--field-01, #f4f4f4)}@media (max-width: 480px){.tally-stats{flex-direction:column}.tally-item{max-width:none;flex:none}}";
-
-const TallyDisplay = /*@__PURE__*/ proxyCustomElement(class TallyDisplay extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        /**
-         * Label for the tally display.
-         */
-        this.label = 'Response Tally';
-        /**
-         * Number of Yes responses.
-         */
-        this.yesCount = 0;
-        /**
-         * Number of No responses.
-         */
-        this.noCount = 0;
-        /**
-         * Number of Not Applicable responses.
-         */
-        this.naCount = 0;
-        /**
-         * Total number of fields being tallied.
-         */
-        this.totalFields = 0;
-        /**
-         * Whether the component is disabled.
-         */
-        this.disabled = false;
-        /**
-         * Whether the component is read-only.
-         */
-        this.readonly = false;
-        /**
-         * Size variant for the tally display.
-         */
-        this.size = 'normal';
-        /**
-         * Margin variant for the component spacing.
-         */
-        this.margin = 'normal';
-    }
-    render() {
-        const isError = !!this.error;
-        const answeredCount = this.yesCount + this.noCount + this.naCount;
-        const unansweredCount = this.totalFields - answeredCount;
-        return (h(Host, { key: 'fed22627bce1ac7be18a2425bece6686869564d7', class: {
-                'udp-input': true,
-                'udp-input--error': isError,
-                'udp-input--disabled': this.disabled,
-                'udp-input--readonly': this.readonly,
-                [`udp-input--size-${this.size}`]: true,
-                [`udp-input--margin-${this.margin}`]: true,
-            } }, h("div", { key: '971333eebb659bbb4eb934bb9950032a7909da18', class: "tally-container" }, this.label && (h("unity-typography", { key: '8444c7bcbcbe333f9e66026a5222ee29335e4de6', variant: "caption-text" }, h("label", { key: '98c8daa86aa2d29c2d1c5b4a5004ce6819d83349', htmlFor: this.id, class: "tally-label" }, this.label))), h("div", { key: '7b6a501d4ce95a2b27d3884e8c695e1faf06b2e8', class: "tally-content", id: this.id }, h("div", { key: '68454bc99bd9c1ce4680df8f983eaf5ae4e9767e', class: "tally-stats" }, h("div", { key: 'e0e1b18c29dccb79043e00475b5bc30adc987d4e', class: "tally-item tally-yes" }, h("unity-typography", { key: '18cc8a94d43cf31f6306b8de3d2f48d1396304a2', variant: "h4", class: "tally-count" }, this.yesCount), h("unity-typography", { key: 'd88c15dbf4bda174343aaa5bab8717d1c8cc0624', variant: "caption-text", class: "tally-label" }, "Yes")), h("div", { key: '3f5108ae238eb07f67e5c6de82eb396ade8224f8', class: "tally-item tally-no" }, h("unity-typography", { key: '371e592c1c36ecbb6dd03764f395c21f1d4d0be5', variant: "h4", class: "tally-count" }, this.noCount), h("unity-typography", { key: 'b808bcc32aa9c582046b368d1d13747d8e757b77', variant: "caption-text", class: "tally-label" }, "No")), h("div", { key: '78f58c21c1c20d6054c0ef0a31dd56de06fb0431', class: "tally-item tally-na" }, h("unity-typography", { key: 'bbf95119a828762d96ba783b24e6d33f4d21084c', variant: "h4", class: "tally-count" }, this.naCount), h("unity-typography", { key: 'c34245acdfe54eab110e4d21d3397a0902087ccd', variant: "caption-text", class: "tally-label" }, "Not Applicable")), unansweredCount > 0 && (h("div", { key: '7e56aeb2896950a6a8ba2b414250628bc15f73d0', class: "tally-item tally-unanswered" }, h("unity-typography", { key: '947f18fb83d02cb7544fc245aaad81ae188d5a98', variant: "h4", class: "tally-count" }, unansweredCount), h("unity-typography", { key: 'fb740e38f0086757ead6285834183fcc183dc07f', variant: "caption-text", class: "tally-label" }, "Unanswered")))), h("div", { key: '2c877a0a184fe0b51b75ed26073085c057ae6a40', class: "tally-summary" }, h("unity-typography", { key: '8479096b7addcedab23446a67ed9a0795dc5c8fe', variant: "caption-text" }, "Total Questions: ", this.totalFields))), isError && (h("div", { key: 'b686351f4926cc8bfbec445bf426ec3634c861a9', class: "error-message" }, h("unity-typography", { key: '4363a3cb9ffd25fd03b0ca1c74ea01281a451dbd', variant: "caption-text", color: "error" }, this.error))))));
-    }
-    static get style() { return tallyCss; }
-}, [257, "tally-display", {
-        "label": [1],
-        "id": [1],
-        "yesCount": [2, "yes-count"],
-        "noCount": [2, "no-count"],
-        "naCount": [2, "na-count"],
-        "totalFields": [2, "total-fields"],
-        "disabled": [4],
-        "readonly": [4],
-        "error": [1],
-        "size": [1],
-        "margin": [1]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["tally-display", "unity-typography"];
-    components.forEach(tagName => { switch (tagName) {
-        case "tally-display":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, TallyDisplay);
-            }
-            break;
-        case "unity-typography":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { TallyDisplay as T, defineCustomElement as d };
-//# sourceMappingURL=tally.js.map
-
-//# sourceMappingURL=tally.js.map
+import{p as a,H as t,h as e,d as l,t as r}from"./index2.js";import{d as i}from"./unity-typography2.js";const s=a(class extends t{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.label="Response Tally",this.yesCount=0,this.noCount=0,this.naCount=0,this.totalFields=0,this.disabled=!1,this.readonly=!1,this.size="normal",this.margin="normal"}render(){const a=!!this.error,t=this.totalFields-(this.yesCount+this.noCount+this.naCount);return e(l,{key:"99c0201e31ee706bd89b1b72ed5e7b8799c9d870",class:{"udp-input":!0,"udp-input--error":a,"udp-input--disabled":this.disabled,"udp-input--readonly":this.readonly,[`udp-input--size-${this.size}`]:!0,[`udp-input--margin-${this.margin}`]:!0}},e("div",{key:"09016ed6e21cb455ffc99e7595fd815d2388dc20",class:"tally-container"},this.label&&e("unity-typography",{key:"94421b97279dabf2419964ffcfcb46f070644e0a",variant:"caption-text"},e("label",{key:"23492badf01e8a3b7cd19d7eeb39356188fdf09e",htmlFor:this.id,class:"tally-label"},this.label)),e("div",{key:"6efe4476e11856c3f0c6f3db52b05988a9c76d99",class:"tally-content",id:this.id},e("div",{key:"b93c8910cda35f7dcaf6b1ccdf85e675fd375fc5",class:"tally-stats"},e("div",{key:"140c03ec091df58d0d592843968784c87dfe455b",class:"tally-item tally-yes"},e("unity-typography",{key:"03993713b6dbb200b66e2872cdb3f387d7ad6399",variant:"h4",class:"tally-count"},this.yesCount),e("unity-typography",{key:"f259283a9c6904f3e84ee273acccb019762bb278",variant:"caption-text",class:"tally-label"},"Yes")),e("div",{key:"41bdd7f359f5805ec89f22082f89296642e5b0c3",class:"tally-item tally-no"},e("unity-typography",{key:"a580d8afd15ca787d5558907de6ce5b6a26721bb",variant:"h4",class:"tally-count"},this.noCount),e("unity-typography",{key:"05a9b6ce25b76d2224bdcb745c828fddbd11967a",variant:"caption-text",class:"tally-label"},"No")),e("div",{key:"5ac39a2987d52fb7d0df0e56827241f3e1079378",class:"tally-item tally-na"},e("unity-typography",{key:"c73d716f25601637fbe3aa20a680ed768d367f09",variant:"h4",class:"tally-count"},this.naCount),e("unity-typography",{key:"75ad0e4b7681431e52f755ed73e770473c6f0545",variant:"caption-text",class:"tally-label"},"Not Applicable")),t>0&&e("div",{key:"46b9b8cd21f3dfa993a53ef5ca6ed1cfe91c5e49",class:"tally-item tally-unanswered"},e("unity-typography",{key:"3b894ff08c4b636a2a13746e530ce03841d6b28d",variant:"h4",class:"tally-count"},t),e("unity-typography",{key:"bbdf08a9cb4acfd3769b8e1efe1475aeb8fbcab7",variant:"caption-text",class:"tally-label"},"Unanswered"))),e("div",{key:"f9bbb5a94beec0c536ac384b8fe3b112f750cfa1",class:"tally-summary"},e("unity-typography",{key:"be96bfd28f3dd6077ac54aece439116d93d5b1d2",variant:"caption-text"},"Total Questions: ",this.totalFields))),a&&e("div",{key:"984d524255fe657fbeacba147b4823ca54e00ffb",class:"error-message"},e("unity-typography",{key:"148a1b807fe5386097380df6b99e717c130c188a",variant:"caption-text",color:"error"},this.error))))}static get style(){return":host{display:block;width:100%}.tally-container{display:flex;flex-direction:column;gap:var(--spacing-02, 8px)}.tally-label{font-weight:600;margin-bottom:var(--spacing-02, 8px)}.tally-loading{display:flex;align-items:center;justify-content:center;padding:var(--spacing-04, 16px);color:var(--text-secondary, #6b7280)}.tally-content{display:flex;flex-direction:column;gap:var(--spacing-03, 12px)}.tally-stats{display:flex;gap:var(--spacing-04, 16px);flex-wrap:wrap}.tally-item{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-03, 12px) var(--spacing-04, 16px);border-radius:var(--border-radius-01, 4px);border:1px solid var(--border-subtle, #e5e7eb);background-color:var(--layer-01, #ffffff);min-width:80px;flex:1;max-width:120px}.tally-item.tally-yes{border-color:var(--support-success, #42be65);background-color:var(--support-success-hover, #f6f8ff)}.tally-item.tally-no{border-color:var(--support-error, #da1e28);background-color:var(--support-error-hover, #fff1f1)}.tally-item.tally-unanswered{border-color:var(--support-warning, #f1c21b);background-color:var(--support-warning-hover, #fcf4d6)}.tally-count{font-weight:700;line-height:1.2;margin-bottom:var(--spacing-01, 4px)}.tally-yes .tally-count{color:var(--support-success, #42be65)}.tally-no .tally-count{color:var(--support-error, #da1e28)}.tally-unanswered .tally-count{color:var(--support-warning, #f1c21b)}.tally-item .tally-label{margin:0;font-weight:500;text-transform:uppercase;font-size:0.75rem;letter-spacing:0.02em}.tally-summary{padding:var(--spacing-02, 8px) 0;border-top:1px solid var(--border-subtle, #e5e7eb);text-align:center}.error-message{margin-top:var(--spacing-02, 8px);padding:var(--spacing-02, 8px);border-radius:var(--border-radius-01, 4px);background-color:var(--support-error-hover, #fff1f1);border:1px solid var(--support-error, #da1e28)}:host(.udp-input--size-small) .tally-item{padding:var(--spacing-02, 8px) var(--spacing-03, 12px);min-width:60px;max-width:90px}:host(.udp-input--size-small) .tally-count{font-size:1.25rem}:host(.udp-input--size-large) .tally-item{padding:var(--spacing-04, 16px) var(--spacing-05, 20px);min-width:100px;max-width:150px}:host(.udp-input--size-large) .tally-count{font-size:2rem}:host(.udp-input--margin-none) .tally-container{gap:0}:host(.udp-input--margin-dense) .tally-container{gap:var(--spacing-01, 4px)}:host(.udp-input--margin-comfortable) .tally-container{gap:var(--spacing-04, 16px)}:host(.udp-input--disabled) .tally-item{opacity:0.5;pointer-events:none}:host(.udp-input--readonly) .tally-item{background-color:var(--field-01, #f4f4f4)}@media (max-width: 480px){.tally-stats{flex-direction:column}.tally-item{max-width:none;flex:none}}"}},[1,"tally-display",{label:[1],id:[1],yesCount:[2,"yes-count"],noCount:[2,"no-count"],naCount:[2,"na-count"],totalFields:[2,"total-fields"],disabled:[4],readonly:[4],error:[1],size:[1],margin:[1]}]);function n(){"undefined"!=typeof customElements&&["tally-display","unity-typography"].forEach((a=>{switch(a){case"tally-display":customElements.get(r(a))||customElements.define(r(a),s);break;case"unity-typography":customElements.get(r(a))||i()}}))}export{s as T,n as d}

package/dist/components/tenantUtils.js

@@ -1,8 +1 @@
-function getCurrentTenantId() {
-    return sessionStorage.getItem('active-tenant');
-}
-
-export { getCurrentTenantId as g };
-//# sourceMappingURL=tenantUtils.js.map
-
-//# sourceMappingURL=tenantUtils.js.map
+function t(){return sessionStorage.getItem("active-tenant")}export{t as g}

package/dist/components/text-area.js

@@ -1,9 +1 @@
-import { T as TextArea$1, d as defineCustomElement$1 } from './text-area2.js';
-
-const TextArea = TextArea$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { TextArea, defineCustomElement };
-//# sourceMappingURL=text-area.js.map
-
-//# sourceMappingURL=text-area.js.map
+import{T as t,d as a}from"./text-area2.js";const o=t,r=a;export{o as TextArea,r as defineCustomElement}