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

package/dist/components/stencil-form2.js

@@ -1,270 +1 @@
-import { p as proxyCustomElement, H, c as createEvent, h } from './index2.js';
-import { createForm } from 'final-form';
-import debounce from 'lodash.debounce';
-
-const StencilForm = /*@__PURE__*/ proxyCustomElement(class StencilForm extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.stencilFormInvalidEvent = createEvent(this, "stencilFormInvalidEvent");
-        this.dirtyChange = createEvent(this, "dirtyChange");
-        this.validateOnBlur = true;
-        this.registeredFields = {};
-        this.customErrors = {};
-        /**
-         * The event handler for slot changes. It kicks off the recursive processing.
-         */
-        this.handleSlotChange = () => {
-            const slot = this.el.shadowRoot.querySelector('slot');
-            if (!slot)
-                return;
-            // Process every node assigned to the slot
-            slot.assignedNodes().forEach(node => this.processNodeRecursively(node));
-        };
-        this.submitWithValidation = this.submitWithValidation.bind(this);
-        this.defaultValidation = this.defaultValidation.bind(this);
-        this.submit = this.submit.bind(this);
-        this.onFormChange = this.onFormChange.bind(this);
-    }
-    connectField(field) {
-        if (field.__connectedToForm)
-            return;
-        field.setFormApi({
-            api: this.api,
-            registeredFields: this.registeredFields,
-            customErrors: this.customErrors,
-        });
-        field.__connectedToForm = true;
-    }
-    /**
-     * Asynchronously and recursively traverses a node and all of its light DOM
-     * and shadow DOM descendants, connecting any stencil-fields it finds.
-     */
-    async processNodeRecursively(node) {
-        // 1. Skip anything that isn't an element
-        if (node.nodeType !== Node.ELEMENT_NODE) {
-            return;
-        }
-        const element = node;
-        // 2. If the element is a custom component, wait for it to be defined.
-        // This ensures its shadowRoot is available if it has one.
-        if (element.localName.includes('-')) {
-            await customElements.whenDefined(element.localName);
-        }
-        // 3. Process the element itself
-        if (element.matches('stencil-field')) {
-            this.connectField(element);
-        }
-        // 4. Connect submit buttons
-        this.connectSubmitButtons(element);
-        // 5. If the element has a shadowRoot, recursively process its children
-        if (element.shadowRoot) {
-            for (const child of Array.from(element.shadowRoot.childNodes)) {
-                await this.processNodeRecursively(child);
-            }
-        }
-        // 6. Recursively process all light DOM children
-        for (const child of Array.from(element.childNodes)) {
-            await this.processNodeRecursively(child);
-        }
-    }
-    /**
-     * Connect submit buttons in slotted content to this form
-     */
-    connectSubmitButtons(node) {
-        if (node.nodeType !== Node.ELEMENT_NODE) {
-            return;
-        }
-        const element = node;
-        // Check if the element itself is a submit button
-        if (element.matches('input[type="submit"], button[type="submit"]')) {
-            const htmlElement = element;
-            // Avoid duplicate event listeners
-            if (!htmlElement.dataset.stencilFormConnected) {
-                htmlElement.dataset.stencilFormConnected = 'true';
-                element.addEventListener('click', e => {
-                    e.preventDefault();
-                    this.submit(e);
-                });
-            }
-        }
-        // Find submit buttons in descendants and connect them
-        const submitButtons = element.querySelectorAll('input[type="submit"], button[type="submit"]');
-        submitButtons.forEach((button) => {
-            const htmlButton = button;
-            // Avoid duplicate event listeners
-            if (!htmlButton.dataset.stencilFormConnected) {
-                htmlButton.dataset.stencilFormConnected = 'true';
-                button.addEventListener('click', e => {
-                    e.preventDefault();
-                    this.submit(e);
-                });
-            }
-        });
-    }
-    componentWillLoad() {
-        this.api = createForm({
-            onSubmit: this.submitWithValidation,
-            initialValues: this.initialValues,
-            validate: this.defaultValidation,
-            validateOnBlur: this.validateOnBlur,
-        });
-        if (this.handleChange) {
-            this.api.subscribe(this.onFormChange, { values: true });
-        }
-        // Subscription for the dirty state change event, but consider ignoreDirty flags and ignore any fields configured with ignoreDirty=true
-        this.api.subscribe(formState => {
-            const { dirtyFields } = formState;
-            const registered = this.registeredFields;
-            // Determine if any field that is *not ignored* is dirty
-            const hasDirtyFields = Object.keys(dirtyFields || {}).some(name => { var _a; return dirtyFields[name] && !((_a = registered[name]) === null || _a === void 0 ? void 0 : _a.ignoreDirty); });
-            this.dirtyChange.emit(hasDirtyFields);
-        }, { dirtyFields: true });
-    }
-    componentDidLoad() {
-        const slot = this.el.shadowRoot.querySelector('slot');
-        // Create the observer first
-        this.observer = new MutationObserver(mutations => {
-            for (const mutation of mutations) {
-                mutation.addedNodes.forEach(node => {
-                    this.processNodeRecursively(node);
-                });
-            }
-        });
-        // Function to handle slot changes or initial processing
-        const observeAssignedNodes = () => {
-            const assignedNodes = (slot === null || slot === void 0 ? void 0 : slot.assignedNodes({ flatten: true })) || [];
-            assignedNodes.forEach(node => {
-                if (node.nodeType === Node.ELEMENT_NODE) {
-                    this.observer.observe(node, { childList: true, subtree: true });
-                    this.processNodeRecursively(node); // Process immediately in case nodes are already present
-                }
-            });
-        };
-        if (slot) {
-            observeAssignedNodes(); // Initial
-            slot.addEventListener('slotchange', observeAssignedNodes); // Handle dynamic slot content
-        }
-        // If you're also rendering some fields directly in this.el (not through slot), you can keep this:
-        this.observer.observe(this.el, { childList: true, subtree: true });
-        this.el.dispatchEvent(new CustomEvent('stencilFormReady', { bubbles: true, composed: true }));
-    }
-    disconnectedCallback() {
-        var _a;
-        this.api = null;
-        this.registeredFields = {};
-        const slot = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('slot');
-        if (slot) {
-            slot.removeEventListener('slotchange', this.handleSlotChange);
-        }
-    }
-    onFormChange(formState) {
-        if (this.handleChange && formState.values) {
-            this.handleChange(formState.values);
-        }
-    }
-    async submitWithValidation(values) {
-        const errors = this.defaultValidation(values);
-        if (Object.keys(errors).length === 0) {
-            this.handleSubmit(values);
-        }
-        else {
-            this.stencilFormInvalidEvent.emit(errors);
-        }
-    }
-    defaultValidation(values) {
-        const { registeredFields, customErrors } = this;
-        const errors = {};
-        // Helper to get value from nested path (dot + bracket notation)
-        const getByPath = (obj, path) => path
-            .replace(/\[(\d+)\]/g, '.$1') // convert [0] to .0
-            .split('.')
-            .reduce((o, k) => (o != null ? o[k] : undefined), obj);
-        // Check for required field validation
-        Object.keys(registeredFields).forEach(field => {
-            const meta = registeredFields[field];
-            if (meta === null || meta === void 0 ? void 0 : meta.ignoreDirty)
-                return; // skip ignored fields entirely
-            const valRef = getByPath(values, field);
-            // null or undefined, empty string, or false/'false' are considered "empty" values
-            if (meta.required &&
-                (valRef == null ||
-                    (typeof valRef === 'string' && valRef.trim() === '') ||
-                    valRef === false ||
-                    valRef === 'false')) {
-                errors[field] = 'This field is required';
-            }
-        });
-        // Merge in any custom errors from stencil-field components
-        if (customErrors) {
-            Object.keys(customErrors).forEach(field => {
-                if (customErrors[field]) {
-                    errors[field] = customErrors[field];
-                }
-            });
-        }
-        // Merge with user-provided custom validation
-        if (this === null || this === void 0 ? void 0 : this.handleValidate) {
-            const customErrorsFromHandler = this.handleValidate(values, errors);
-            return Object.assign(Object.assign({}, errors), customErrorsFromHandler);
-        }
-        return errors;
-    }
-    async getApi() {
-        if (!this.api) {
-            console.error('❌ Form API not initialized yet.');
-            return null;
-        }
-        return this.api;
-    }
-    submit(e) {
-        var _a;
-        (_a = e === null || e === void 0 ? void 0 : e.preventDefault) === null || _a === void 0 ? void 0 : _a.call(e);
-        const values = this.api.getState().values;
-        const errors = this.defaultValidation(values);
-        const submitFunction = () => {
-            var _a;
-            if (Object.keys(errors).length) {
-                this.stencilFormInvalidEvent.emit(errors);
-                return;
-            }
-            (_a = this.api) === null || _a === void 0 ? void 0 : _a.submit();
-        };
-        debounce(submitFunction, 1000, { leading: true, trailing: false })();
-    }
-    render() {
-        return (h("form", { key: '4ac60260d402ca51999311e2e9095643a548bf7b' }, h("slot", { key: 'f86bda6b8329db4a2e620ffa5cbe95ae5aded136' })));
-    }
-    get el() { return this; }
-}, [257, "stencil-form", {
-        "handleSubmit": [16],
-        "initialValues": [16],
-        "handleValidate": [16],
-        "validateOnBlur": [4, "validate-on-blur"],
-        "handleChange": [16],
-        "api": [32],
-        "registeredFields": [32],
-        "customErrors": [32],
-        "getApi": [64]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["stencil-form"];
-    components.forEach(tagName => { switch (tagName) {
-        case "stencil-form":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, StencilForm);
-            }
-            break;
-    } });
-}
-
-export { StencilForm as S, defineCustomElement as d };
-//# sourceMappingURL=stencil-form2.js.map
-
-//# sourceMappingURL=stencil-form2.js.map
+import{p as t,H as i,c as s,h as e,t as n}from"./index2.js";import{createForm as o}from"final-form";import l from"lodash.debounce";const h=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.stencilFormInvalidEvent=s(this,"stencilFormInvalidEvent"),this.dirtyChange=s(this,"dirtyChange"),this.validateOnBlur=!0,this.registeredFields={},this.customErrors={},this.handleSlotChange=()=>{const t=this.el.shadowRoot.querySelector("slot");t&&t.assignedNodes().forEach((t=>this.processNodeRecursively(t)))},this.submitWithValidation=this.submitWithValidation.bind(this),this.defaultValidation=this.defaultValidation.bind(this),this.submit=this.submit.bind(this),this.onFormChange=this.onFormChange.bind(this)}connectField(t){t.__connectedToForm||(t.setFormApi({api:this.api,registeredFields:this.registeredFields,customErrors:this.customErrors}),t.__connectedToForm=!0)}async processNodeRecursively(t){if(t.nodeType!==Node.ELEMENT_NODE)return;const i=t;if(i.localName.includes("-")&&await customElements.whenDefined(i.localName),i.matches("stencil-field")&&this.connectField(i),this.connectSubmitButtons(i),i.shadowRoot)for(const t of Array.from(i.shadowRoot.childNodes))await this.processNodeRecursively(t);for(const t of Array.from(i.childNodes))await this.processNodeRecursively(t)}connectSubmitButtons(t){if(t.nodeType!==Node.ELEMENT_NODE)return;const i=t;i.matches('input[type="submit"], button[type="submit"]')&&(i.dataset.stencilFormConnected||(i.dataset.stencilFormConnected="true",i.addEventListener("click",(t=>{t.preventDefault(),this.submit(t)})))),i.querySelectorAll('input[type="submit"], button[type="submit"]').forEach((t=>{t.dataset.stencilFormConnected||(t.dataset.stencilFormConnected="true",t.addEventListener("click",(t=>{t.preventDefault(),this.submit(t)})))}))}componentWillLoad(){this.api=o({onSubmit:this.submitWithValidation,initialValues:this.initialValues,validate:this.defaultValidation,validateOnBlur:this.validateOnBlur}),this.handleChange&&this.api.subscribe(this.onFormChange,{values:!0}),this.api.subscribe((t=>{const{dirtyFields:i}=t,s=this.registeredFields,e=Object.keys(i||{}).some((t=>{var e;return i[t]&&!(null===(e=s[t])||void 0===e?void 0:e.ignoreDirty)}));this.dirtyChange.emit(e)}),{dirtyFields:!0})}componentDidLoad(){const t=this.el.shadowRoot.querySelector("slot");this.observer=new MutationObserver((t=>{for(const i of t)i.addedNodes.forEach((t=>{this.processNodeRecursively(t)}))}));const i=()=>{((null==t?void 0:t.assignedNodes({flatten:!0}))||[]).forEach((t=>{t.nodeType===Node.ELEMENT_NODE&&(this.observer.observe(t,{childList:!0,subtree:!0}),this.processNodeRecursively(t))}))};t&&(i(),t.addEventListener("slotchange",i)),this.observer.observe(this.el,{childList:!0,subtree:!0}),this.el.dispatchEvent(new CustomEvent("stencilFormReady",{bubbles:!0,composed:!0}))}disconnectedCallback(){var t;this.api=null,this.registeredFields={};const i=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.querySelector("slot");i&&i.removeEventListener("slotchange",this.handleSlotChange)}onFormChange(t){this.handleChange&&t.values&&this.handleChange(t.values)}async submitWithValidation(t){const i=this.defaultValidation(t);0===Object.keys(i).length?this.handleSubmit(t):this.stencilFormInvalidEvent.emit(i)}defaultValidation(t){const{registeredFields:i,customErrors:s}=this,e={};if(Object.keys(i).forEach((s=>{const n=i[s];if(null==n?void 0:n.ignoreDirty)return;const o=(l=t,s.replace(/\[(\d+)\]/g,".$1").split(".").reduce(((t,i)=>null!=t?t[i]:void 0),l));var l;n.required&&(null==o||"string"==typeof o&&""===o.trim()||!1===o||"false"===o)&&(e[s]="This field is required")})),s&&Object.keys(s).forEach((t=>{s[t]&&(e[t]=s[t])})),null==this?void 0:this.handleValidate){const i=this.handleValidate(t,e);return Object.assign(Object.assign({},e),i)}return e}async getApi(){return this.api?this.api:(console.error("❌ Form API not initialized yet."),null)}submit(t){var i;null===(i=null==t?void 0:t.preventDefault)||void 0===i||i.call(t);const s=this.api.getState().values,e=this.defaultValidation(s);l((()=>{var t;Object.keys(e).length?this.stencilFormInvalidEvent.emit(e):null===(t=this.api)||void 0===t||t.submit()}),1e3,{leading:!0,trailing:!1})()}render(){return e("form",{key:"4ac60260d402ca51999311e2e9095643a548bf7b"},e("slot",{key:"f86bda6b8329db4a2e620ffa5cbe95ae5aded136"}))}get el(){return this}},[257,"stencil-form",{handleSubmit:[16],initialValues:[16],handleValidate:[16],validateOnBlur:[4,"validate-on-blur"],handleChange:[16],api:[32],registeredFields:[32],customErrors:[32],getApi:[64]}]);function r(){"undefined"!=typeof customElements&&["stencil-form"].forEach((t=>{"stencil-form"===t&&(customElements.get(n(t))||customElements.define(n(t),h))}))}export{h as S,r as d}

package/dist/components/stencil-icon-button-grid-action-header.js

@@ -1,9 +1 @@
-import { S as StencilIconButton, d as defineCustomElement$1 } from './stencil-icon-button-grid-action-header2.js';
-
-const StencilIconButtonGridActionHeader = StencilIconButton;
-const defineCustomElement = defineCustomElement$1;
-
-export { StencilIconButtonGridActionHeader, defineCustomElement };
-//# sourceMappingURL=stencil-icon-button-grid-action-header.js.map
-
-//# sourceMappingURL=stencil-icon-button-grid-action-header.js.map
+import{S as o,d as t}from"./stencil-icon-button-grid-action-header2.js";const i=o,n=t;export{i as StencilIconButtonGridActionHeader,n as defineCustomElement}

package/dist/components/stencil-icon-button-grid-action-header2.js

@@ -1,84 +1 @@
-import { p as proxyCustomElement, H, h } from './index2.js';
-import { d as defineCustomElement$2 } from './udp-badge2.js';
-import { d as defineCustomElement$1 } from './unity-typography2.js';
-
-const stencilIconButtonGridActionHeaderCss = ".icon-button{background:rgb(255, 255, 255);border:0px;border-radius:25px;display:flex;align-items:center;justify-content:center;cursor:pointer;gap:4px;padding:10px}.icon-button-secondary{background:transparent;border:0px;color:var(--primary-color);border-radius:25px;height:34px;display:flex;align-items:center;justify-content:center;cursor:pointer;gap:4px;padding-right:16px;padding-left:16px}.icon-button.no-background{background:transparent;border:0px}button{position:relative}button[title]:not([title=\"Save View\"]):not([title='']):hover:after{content:attr(title);background-color:black;color:white;position:absolute;top:110%;padding:5px;border-radius:5px;z-index:10}";
-
-const StencilIconButton = /*@__PURE__*/ proxyCustomElement(class StencilIconButton extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.secondary = false;
-        this.noBackground = false;
-        this.darkIcon = true;
-        this.showLabel = true;
-        this.count = null;
-    }
-    render() {
-        let buttonClass = this.secondary ? 'icon-button-secondary' : 'icon-button'; // conditional class
-        let buttonStyle = this.showLabel ? {} : { paddingLeft: '10px', paddingRight: '10px' }; // conditional style
-        // Use the 'noBackground' prop to add another conditional class
-        if (this.noBackground) {
-            buttonClass += ' no-background';
-        }
-        // Your existing code for setting up the icon
-        let iconColor = this.darkIcon ? 'black' : 'white';
-        iconColor = this.tooltip.toLowerCase() === 'save view' ? '#1d6bfd' : iconColor;
-        const iconData = this.icon; // Removed the default value
-        // ToolTip style is being modified in the CSS under title
-        const Content = () => {
-            return (h("button", { class: buttonClass, onClick: this.onClick, title: this.showLabel ? '' : this.tooltip, style: buttonStyle }, iconData && (h("svg", Object.assign({}, iconData.attrs, { fill: iconColor }), iconData.content.map((item, index) => {
-                if (item.elem === 'path') {
-                    return h("path", Object.assign({}, item.attrs, { key: index }));
-                }
-                return null;
-            }))), this.showLabel
-                ? !['grid options', 'clear grid'].includes(this.tooltip.toLocaleLowerCase()) && h("slot", null)
-                : (this.showLabel || this.tooltip.toLowerCase() === 'save view') && h("slot", null)));
-        };
-        return (this.count ? (h("udp-badge", { content: this.count }, h(Content, null))) : (h(Content, null)));
-    }
-    static get style() { return stencilIconButtonGridActionHeaderCss; }
-}, [257, "stencil-icon-button-grid-action-header", {
-        "iconName": [1, "icon-name"],
-        "onClick": [16],
-        "iconClassName": [1, "icon-class-name"],
-        "tooltip": [1],
-        "icon": [8],
-        "secondary": [4],
-        "noBackground": [4, "no-background"],
-        "darkIcon": [4, "dark-icon"],
-        "showLabel": [4, "show-label"],
-        "count": [2]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["stencil-icon-button-grid-action-header", "udp-badge", "unity-typography"];
-    components.forEach(tagName => { switch (tagName) {
-        case "stencil-icon-button-grid-action-header":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, StencilIconButton);
-            }
-            break;
-        case "udp-badge":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "unity-typography":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { StencilIconButton as S, defineCustomElement as d };
-//# sourceMappingURL=stencil-icon-button-grid-action-header2.js.map
-
-//# sourceMappingURL=stencil-icon-button-grid-action-header2.js.map
+import{p as t,H as n,h as o,t as e}from"./index2.js";import{d as i}from"./udp-badge2.js";import{d as s}from"./unity-typography2.js";const r=t(class extends n{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.secondary=!1,this.noBackground=!1,this.darkIcon=!0,this.showLabel=!0,this.count=null}render(){let t=this.secondary?"icon-button-secondary":"icon-button",n=this.showLabel?{}:{paddingLeft:"10px",paddingRight:"10px"};this.noBackground&&(t+=" no-background");let e=this.darkIcon?"black":"white";e="save view"===this.tooltip.toLowerCase()?"#1d6bfd":e;const i=this.icon,s=()=>o("button",{class:t,onClick:this.onClick,title:this.showLabel?"":this.tooltip,style:n},i&&o("svg",Object.assign({},i.attrs,{fill:e}),i.content.map(((t,n)=>"path"===t.elem?o("path",Object.assign({},t.attrs,{key:n})):null))),this.showLabel?!["grid options","clear grid"].includes(this.tooltip.toLocaleLowerCase())&&o("slot",null):(this.showLabel||"save view"===this.tooltip.toLowerCase())&&o("slot",null));return this.count?o("udp-badge",{content:this.count},o(s,null)):o(s,null)}static get style(){return".icon-button{background:rgb(255, 255, 255);border:0px;border-radius:25px;display:flex;align-items:center;justify-content:center;cursor:pointer;gap:4px;padding:10px}.icon-button-secondary{background:transparent;border:0px;color:var(--primary-color);border-radius:25px;height:34px;display:flex;align-items:center;justify-content:center;cursor:pointer;gap:4px;padding-right:16px;padding-left:16px}.icon-button.no-background{background:transparent;border:0px}button{position:relative}button[title]:not([title=\"Save View\"]):not([title='']):hover:after{content:attr(title);background-color:black;color:white;position:absolute;top:110%;padding:5px;border-radius:5px;z-index:10}"}},[257,"stencil-icon-button-grid-action-header",{iconName:[1,"icon-name"],onClick:[16],iconClassName:[1,"icon-class-name"],tooltip:[1],icon:[8],secondary:[4],noBackground:[4,"no-background"],darkIcon:[4,"dark-icon"],showLabel:[4,"show-label"],count:[2]}]);function a(){"undefined"!=typeof customElements&&["stencil-icon-button-grid-action-header","udp-badge","unity-typography"].forEach((t=>{switch(t){case"stencil-icon-button-grid-action-header":customElements.get(e(t))||customElements.define(e(t),r);break;case"udp-badge":customElements.get(e(t))||i();break;case"unity-typography":customElements.get(e(t))||s()}}))}export{r as S,a as d}

package/dist/components/stencil-icon-button.js

@@ -1,9 +1 @@
-import { S as StencilIconButton$1, d as defineCustomElement$1 } from './stencil-icon-button2.js';
-
-const StencilIconButton = StencilIconButton$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { StencilIconButton, defineCustomElement };
-//# sourceMappingURL=stencil-icon-button.js.map
-
-//# sourceMappingURL=stencil-icon-button.js.map
+import{S as o,d as t}from"./stencil-icon-button2.js";const s=o,n=t;export{s as StencilIconButton,n as defineCustomElement}

package/dist/components/stencil-icon-button2.js

@@ -1,99 +1 @@
-import { p as proxyCustomElement, H, h } from './index2.js';
-import { d as defineCustomElement$3 } from './udp-ambient-tool-tip2.js';
-import { d as defineCustomElement$2 } from './udp-badge2.js';
-import { d as defineCustomElement$1 } from './unity-typography2.js';
-
-const stencilIconButtonCss = ".icon-button{background:rgb(255, 255, 255);border:0px;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color 0.2s ease-in-out}.icon-button-secondary{background:transparent;border:0px;color:var(--primary-color);width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color 0.2s ease-in-out}.icon-button:hover{background-color:#f5f5f5;}.icon-button-secondary:hover{background-color:#f5f5f5;}.icon-button.no-background{background:transparent;border:0px}.icon-button.no-background:hover{background-color:var(--primary-color-alpha-15)}.icon-button:disabled{opacity:0.4;pointer-events:none}.icon-button-secondary:disabled{opacity:0.4;pointer-events:none}";
-
-const StencilIconButton = /*@__PURE__*/ proxyCustomElement(class StencilIconButton extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.secondary = false;
-        this.noBackground = false;
-        this.noTooltip = false;
-        this.darkIcon = true;
-        this.showLabel = true;
-        this.disabled = false;
-        this.count = null;
-    }
-    componentWillLoad() {
-        console.warn('⚠️ stencil-icon-button is deprecated and will be removed in a future version. ' +
-            'Please migrate to udp-icon-button for better consistency and theming support. ' +
-            'See component documentation for migration guide.');
-    }
-    render() {
-        let buttonClass = this.secondary ? 'icon-button-secondary' : 'icon-button'; // conditional class
-        let buttonStyle = this.showLabel ? {} : { paddingLeft: '10px', paddingRight: '10px' }; // conditional style
-        // Use the 'noBackground' prop to add another conditional class
-        if (this.noBackground) {
-            buttonClass += ' no-background';
-        }
-        // Your existing code for setting up the icon
-        const iconColor = this.darkIcon ? 'black' : 'white';
-        const iconData = this.icon; // Removed the default value
-        const Content = () => {
-            return (h("button", { disabled: this.disabled, class: buttonClass, onClick: this.onClick, title: this.showLabel ? this.tooltip : null, style: buttonStyle, id: this.buttonId }, iconData && (h("svg", Object.assign({}, iconData.attrs, { fill: iconColor }), iconData.content.map((item, index) => {
-                if (item.elem === 'path') {
-                    return h("path", Object.assign({}, item.attrs, { key: index }));
-                }
-                else if (item.elem === 'circle') {
-                    return h("circle", Object.assign({}, item.attrs, { key: index }));
-                }
-                return null;
-            }))), this.showLabel && h("slot", null)));
-        };
-        return (h("udp-ambient-tool-tip", { content: this.showLabel ? '' : this.tooltip, noTooltip: this.noTooltip }, this.count ? (h("udp-badge", { content: this.count }, h(Content, null))) : (h(Content, null))));
-    }
-    static get style() { return stencilIconButtonCss; }
-}, [257, "stencil-icon-button", {
-        "iconName": [1, "icon-name"],
-        "onClick": [16],
-        "iconClassName": [1, "icon-class-name"],
-        "tooltip": [1],
-        "icon": [8],
-        "secondary": [4],
-        "noBackground": [4, "no-background"],
-        "noTooltip": [4, "no-tooltip"],
-        "darkIcon": [4, "dark-icon"],
-        "showLabel": [4, "show-label"],
-        "disabled": [4],
-        "buttonId": [1, "button-id"],
-        "count": [2]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["stencil-icon-button", "udp-ambient-tool-tip", "udp-badge", "unity-typography"];
-    components.forEach(tagName => { switch (tagName) {
-        case "stencil-icon-button":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, StencilIconButton);
-            }
-            break;
-        case "udp-ambient-tool-tip":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "udp-badge":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "unity-typography":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { StencilIconButton as S, defineCustomElement as d };
-//# sourceMappingURL=stencil-icon-button2.js.map
-
-//# sourceMappingURL=stencil-icon-button2.js.map
+import{p as t,H as o,h as n,t as e}from"./index2.js";import{d as i}from"./udp-ambient-tool-tip2.js";import{d as s}from"./udp-badge2.js";import{d as r}from"./unity-typography2.js";const c=t(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.secondary=!1,this.noBackground=!1,this.noTooltip=!1,this.darkIcon=!0,this.showLabel=!0,this.disabled=!1,this.count=null}componentWillLoad(){console.warn("⚠️ stencil-icon-button is deprecated and will be removed in a future version. Please migrate to udp-icon-button for better consistency and theming support. See component documentation for migration guide.")}render(){let t=this.secondary?"icon-button-secondary":"icon-button",o=this.showLabel?{}:{paddingLeft:"10px",paddingRight:"10px"};this.noBackground&&(t+=" no-background");const e=this.darkIcon?"black":"white",i=this.icon,s=()=>n("button",{disabled:this.disabled,class:t,onClick:this.onClick,title:this.showLabel?this.tooltip:null,style:o,id:this.buttonId},i&&n("svg",Object.assign({},i.attrs,{fill:e}),i.content.map(((t,o)=>"path"===t.elem?n("path",Object.assign({},t.attrs,{key:o})):"circle"===t.elem?n("circle",Object.assign({},t.attrs,{key:o})):null))),this.showLabel&&n("slot",null));return n("udp-ambient-tool-tip",{content:this.showLabel?"":this.tooltip,noTooltip:this.noTooltip},this.count?n("udp-badge",{content:this.count},n(s,null)):n(s,null))}static get style(){return".icon-button{background:rgb(255, 255, 255);border:0px;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color 0.2s ease-in-out}.icon-button-secondary{background:transparent;border:0px;color:var(--primary-color);width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color 0.2s ease-in-out}.icon-button:hover{background-color:#f5f5f5;}.icon-button-secondary:hover{background-color:#f5f5f5;}.icon-button.no-background{background:transparent;border:0px}.icon-button.no-background:hover{background-color:var(--primary-color-alpha-15)}.icon-button:disabled{opacity:0.4;pointer-events:none}.icon-button-secondary:disabled{opacity:0.4;pointer-events:none}"}},[257,"stencil-icon-button",{iconName:[1,"icon-name"],onClick:[16],iconClassName:[1,"icon-class-name"],tooltip:[1],icon:[8],secondary:[4],noBackground:[4,"no-background"],noTooltip:[4,"no-tooltip"],darkIcon:[4,"dark-icon"],showLabel:[4,"show-label"],disabled:[4],buttonId:[1,"button-id"],count:[2]}]);function a(){"undefined"!=typeof customElements&&["stencil-icon-button","udp-ambient-tool-tip","udp-badge","unity-typography"].forEach((t=>{switch(t){case"stencil-icon-button":customElements.get(e(t))||customElements.define(e(t),c);break;case"udp-ambient-tool-tip":customElements.get(e(t))||i();break;case"udp-badge":customElements.get(e(t))||s();break;case"unity-typography":customElements.get(e(t))||r()}}))}export{c as S,a as d}

package/dist/components/stencil-toggle.js

@@ -1,9 +1 @@
-import { S as StencilToggle$1, d as defineCustomElement$1 } from './stencil-toggle2.js';
-
-const StencilToggle = StencilToggle$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { StencilToggle, defineCustomElement };
-//# sourceMappingURL=stencil-toggle.js.map
-
-//# sourceMappingURL=stencil-toggle.js.map
+import{S as o,d as s}from"./stencil-toggle2.js";const t=o,e=s;export{t as StencilToggle,e as defineCustomElement}