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

package/dist/components/select-layer-popup2.js

@@ -1,94 +1 @@
-import { p as proxyCustomElement, H, h } from './index2.js';
-import { d as defineCustomElement$7 } from './check-box-group2.js';
-import { d as defineCustomElement$6 } from './stencil-icon-button2.js';
-import { d as defineCustomElement$5 } from './text-field2.js';
-import { d as defineCustomElement$4 } from './udp-ambient-tool-tip2.js';
-import { d as defineCustomElement$3 } from './udp-badge2.js';
-import { d as defineCustomElement$2 } from './udp-selector2.js';
-import { d as defineCustomElement$1 } from './unity-typography2.js';
-
-const mapPopupCss = ".popoverContent{display:flex;flex-direction:column;column-gap:var(--spacing-04);padding:var(--spacing-04);z-index:1}.featureDetailsPopOverContent{min-width:300px;z-index:1}.data-row{display:flex;column-gap:var(--spacing-04)}.data-section{display:flex;flex-direction:column;column-gap:var(--spacing-02)}.key{font-weight:bold;color:var(--accent-color-two)}.header{display:flex;background-color:var(--accent-color-three);color:var(--accent-color-two);padding-left:var(--spacing-02);margin-bottom:var(--spacing-04)}.closeButton{display:flex;align-items:center;justify-content:flex-end}.options{display:flex;justify-content:flex-end;column-gap:var(--spacing-04)}.mapType{margin-bottom:var(--spacing-02)}";
-
-const SelectLayerPopUp = /*@__PURE__*/ proxyCustomElement(class SelectLayerPopUp extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.enableTileSelection = true;
-        this.tileOptions = [];
-        this.filteredOptions = [];
-        this.visibleLayers = [];
-    }
-    render() {
-        var _a, _b, _c;
-        return (h("div", { key: '8007a443867f20bd1d852611af963eb8ccd12d35', class: "popoverContent" }, this.enableTileSelection && (h("udp-selector", { key: '3161c824076e00cd55987d36eaabe588b30c800e', id: 'mapType', options: (_a = this.tileOptions) !== null && _a !== void 0 ? _a : [], initialValue: this.selectedTile.value, label: 'Map Type', onChange: (e) => {
-                this.handleMapTypeInputChange(e.detail);
-            }, large: false })), h("div", { key: '583be16877eeb2a0d5cf93063e7196a17627e558', style: { height: '12px' } }), h("div", { key: '3970abe8db81c224510d78109b10b2dc3ddd7010' }, h("text-field", { key: 'd6215c3376d746940bffc4096a434fb9865b3fc5', label: 'Search Layers', id: 'searchFilter', value: '', onInput: (e) => this.handleSearchLayers(e) })), ((_b = this.filteredOptions) === null || _b === void 0 ? void 0 : _b.length) > 0 &&
-            ((_c = this.filteredOptions) === null || _c === void 0 ? void 0 : _c.map(item => (h("check-box-group", { title: item === null || item === void 0 ? void 0 : item.title, options: item === null || item === void 0 ? void 0 : item.options, values: this.visibleLayers, handleChange: this.updateSelectedLayers }))))));
-    }
-    static get style() { return mapPopupCss; }
-}, [257, "select-layer-popup", {
-        "enableTileSelection": [4, "enable-tile-selection"],
-        "tileOptions": [16],
-        "handleMapTypeInputChange": [8, "handle-map-type-input-change"],
-        "handleSearchLayers": [8, "handle-search-layers"],
-        "filteredOptions": [16],
-        "visibleLayers": [16],
-        "updateSelectedLayers": [8, "update-selected-layers"],
-        "selectedTile": [8, "selected-tile"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["select-layer-popup", "check-box-group", "stencil-icon-button", "text-field", "udp-ambient-tool-tip", "udp-badge", "udp-selector", "unity-typography"];
-    components.forEach(tagName => { switch (tagName) {
-        case "select-layer-popup":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, SelectLayerPopUp);
-            }
-            break;
-        case "check-box-group":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$7();
-            }
-            break;
-        case "stencil-icon-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$6();
-            }
-            break;
-        case "text-field":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "udp-ambient-tool-tip":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "udp-badge":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "udp-selector":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "unity-typography":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { SelectLayerPopUp as S, defineCustomElement as d };
-//# sourceMappingURL=select-layer-popup2.js.map
-
-//# sourceMappingURL=select-layer-popup2.js.map
+import{p as e,H as t,h as a,t as o}from"./index2.js";import{d as s}from"./check-box-group2.js";import{d as i}from"./stencil-icon-button2.js";import{d as l}from"./text-field2.js";import{d as n}from"./udp-ambient-tool-tip2.js";import{d as c}from"./udp-badge2.js";import{d}from"./udp-selector2.js";import{d as p}from"./unity-typography2.js";const r=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.enableTileSelection=!0,this.tileOptions=[],this.filteredOptions=[],this.visibleLayers=[]}render(){var e,t,o;return a("div",{key:"a421adfcb15118a0b3b6dc5f4cb1d25d5e219f4a",class:"popoverContent"},this.enableTileSelection&&a("udp-selector",{key:"a738ad4665195159d09b38815187ef68acb329b6",id:"mapType",options:null!==(e=this.tileOptions)&&void 0!==e?e:[],initialValue:this.selectedTile.value,label:"Map Type",onChange:e=>{this.handleMapTypeInputChange(e.detail)},large:!1}),a("div",{key:"5ea170104bcda609d6252ff105f3dbde57ce4284",style:{height:"12px"}}),a("div",{key:"ebec7ee3c1c467cae2cbc0d56ed287afa38518a1"},a("text-field",{key:"be4d66358d6bd16572e4d2e6e68fd82f33b2b7c5",label:"Search Layers",id:"searchFilter",value:"",onInput:e=>this.handleSearchLayers(e)})),(null===(t=this.filteredOptions)||void 0===t?void 0:t.length)>0&&(null===(o=this.filteredOptions)||void 0===o?void 0:o.map((e=>a("check-box-group",{title:null==e?void 0:e.title,options:null==e?void 0:e.options,values:this.visibleLayers,handleChange:this.updateSelectedLayers})))))}static get style(){return".popoverContent{display:flex;flex-direction:column;column-gap:var(--spacing-04);padding:var(--spacing-04);z-index:1}.featureDetailsPopOverContent{min-width:300px;z-index:1}.data-row{display:flex;column-gap:var(--spacing-04)}.data-section{display:flex;flex-direction:column;column-gap:var(--spacing-02)}.key{font-weight:bold;color:var(--accent-color-two)}.header{display:flex;background-color:var(--accent-color-three);color:var(--accent-color-two);padding-left:var(--spacing-02);margin-bottom:var(--spacing-04)}.closeButton{display:flex;align-items:center;justify-content:flex-end}.options{display:flex;justify-content:flex-end;column-gap:var(--spacing-04)}.mapType{margin-bottom:var(--spacing-02)}"}},[1,"select-layer-popup",{enableTileSelection:[4,"enable-tile-selection"],tileOptions:[16],handleMapTypeInputChange:[8,"handle-map-type-input-change"],handleSearchLayers:[8,"handle-search-layers"],filteredOptions:[16],visibleLayers:[16],updateSelectedLayers:[8,"update-selected-layers"],selectedTile:[8,"selected-tile"]}]);function u(){"undefined"!=typeof customElements&&["select-layer-popup","check-box-group","stencil-icon-button","text-field","udp-ambient-tool-tip","udp-badge","udp-selector","unity-typography"].forEach((e=>{switch(e){case"select-layer-popup":customElements.get(o(e))||customElements.define(o(e),r);break;case"check-box-group":customElements.get(o(e))||s();break;case"stencil-icon-button":customElements.get(o(e))||i();break;case"text-field":customElements.get(o(e))||l();break;case"udp-ambient-tool-tip":customElements.get(o(e))||n();break;case"udp-badge":customElements.get(o(e))||c();break;case"udp-selector":customElements.get(o(e))||d();break;case"unity-typography":customElements.get(o(e))||p()}}))}export{r as S,u as d}

package/dist/components/selectable-list.js

@@ -1,9 +1 @@
-import { S as SelectableList$1, d as defineCustomElement$1 } from './selectable-list2.js';
-
-const SelectableList = SelectableList$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { SelectableList, defineCustomElement };
-//# sourceMappingURL=selectable-list.js.map
-
-//# sourceMappingURL=selectable-list.js.map
+import{S as s,d as t}from"./selectable-list2.js";const e=s,o=t;export{e as SelectableList,o as defineCustomElement}

package/dist/components/selectable-list2.js

@@ -1,284 +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 selectableListCss = ":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{display:block}:host(.udp-input--size-small) li{padding:var(--spacing-02) var(--spacing-03);font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--size-normal) li{padding:var(--spacing-03) var(--spacing-04);font-size:var(--body-font-size)}:host(.udp-input--size-large) li{padding:var(--spacing-04) var(--spacing-05);font-size:var(--body-font-size)}ul{list-style:none;padding:0;margin:0}li{padding:var(--spacing-03) var(--spacing-04);cursor:pointer;transition:background-color 0.3s ease}li:hover{background-color:#f0f0f0;color:var(--text-color)}.selected{background-color:var(--primary-color);color:white}label{cursor:pointer}input{cursor:pointer}.error{color:var(--error-color-main)}";
-
-const SelectableList = /*@__PURE__*/ proxyCustomElement(class SelectableList extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.change = createEvent(this, "change");
-        /**
-         * Whether the field is disabled. When true, items cannot be selected or deselected.
-         */
-        this.disabled = false;
-        /**
-         * When true, the component is in a read-only state. Items can be viewed but not selected or deselected.
-         */
-        this.readonly = false;
-        /**
-         * Size variant controlling the padding and spacing of the list items.
-         * - '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';
-        /**
-         * Whether multiple items can be selected. When false, only one item can be selected at a time.
-         */
-        this.multiSelect = false;
-        /**
-         * Array of items to display in the list. Each item should be an object with properties for display and value.
-         */
-        this.items = [];
-        /**
-         * Property name from item objects to use for display text. Required for proper rendering.
-         */
-        this.displayKey = '';
-        /**
-         * Whether to render items with checkboxes/radio buttons instead of plain list items.
-         */
-        this.useCheckbox = false;
-        /**
-         * Property name from item objects to use for the actual value. Required for proper functionality.
-         */
-        this.valueKey = '';
-        /**
-         * Error message to display below the list. Shows validation errors or other issues.
-         */
-        this.error = '';
-        /**
-         * Internal items state with selection status. Manages item display and selection state.
-         * @internal
-         */
-        this.internalItems = [];
-        /**
-         * Internal value state. Manages the current selected value(s) independently of props.
-         * @internal
-         */
-        this.internalValue = '';
-        /**
-         * Handles item click events. Updates selection state and emits events.
-         * For controlled components, also updates the value prop.
-         * @param item - The clicked item
-         * @internal
-         */
-        this.handleItemClick = (item) => {
-            if (this.disabled || this.readonly)
-                return;
-            let newItems = [...this.internalItems];
-            const selectedIndex = this.internalItems.findIndex(selectedItem => (this.valueKey && selectedItem[this.valueKey] === item[this.valueKey]) || (!this.valueKey && selectedItem === item));
-            newItems.splice(selectedIndex, 1, Object.assign(Object.assign({}, item), { selected: !item.selected }));
-            if (!this.multiSelect && !item.selected) {
-                newItems = newItems.map((item, i) => (Object.assign(Object.assign({}, item), { selected: i === selectedIndex })));
-            }
-            this.internalItems = newItems;
-            // Update internal value state
-            const newValue = this.getValue(newItems);
-            this.internalValue = newValue;
-            // If this is a controlled component (value prop provided), update the value prop
-            if (this.value !== undefined) {
-                this.value = newValue;
-            }
-            // Emit events for real-time and committed updates
-            this.change.emit(newValue);
-        };
-    }
-    /**
-     * 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;
-                this.updateItemSelection(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;
-            this.updateItemSelection(this.value);
-        }
-    }
-    /**
-     * Re-initializes items when the items prop changes.
-     * @internal
-     */
-    itemsChanged() {
-        // Re-initialize when items change
-        this.initializeItems();
-    }
-    /**
-     * Component lifecycle method. Initializes error message, internal value, and items.
-     * @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;
-        }
-        this.initializeItems();
-    }
-    /**
-     * Initializes the internal items array with proper selection state.
-     * @internal
-     */
-    initializeItems() {
-        if (!this.valueKey) {
-            console.error('valueKey is required');
-            this.internalItems = this.items;
-            return;
-        }
-        this.updateItemSelection(this.internalValue);
-    }
-    /**
-     * Updates the selection state of items based on the provided value.
-     * @param selectedValue - Comma-separated string of selected values
-     * @internal
-     */
-    updateItemSelection(selectedValue) {
-        if (!selectedValue || !this.valueKey) {
-            this.internalItems = [...this.items];
-            return;
-        }
-        const selectedItems = this.items.filter(item => selectedValue.split(',').includes(item[this.valueKey]));
-        let filteredSelectedItems = selectedItems;
-        if (selectedItems.length > 1 && !this.multiSelect) {
-            filteredSelectedItems = [selectedItems[0]];
-            console.warn('multiple values are selected, but multiselect is disabled');
-        }
-        const items = this.items.map(item => (Object.assign(Object.assign({}, item), { selected: filteredSelectedItems.some(selectedItem => selectedItem[this.valueKey] === item[this.valueKey]) })));
-        this.internalItems = items;
-    }
-    /**
-     * Gets the currently selected items from the items array.
-     * @param items - Optional items array to check, defaults to internal items
-     * @returns Array of selected items
-     * @internal
-     */
-    getSelectedItems(items = null) {
-        var _a;
-        const itemsToCheck = items !== null && items !== void 0 ? items : this.internalItems;
-        return (_a = itemsToCheck.filter(item => item.selected)) !== null && _a !== void 0 ? _a : [];
-    }
-    /**
-     * Gets the current value as a comma-separated string of selected values.
-     * @param items - Optional items array to check, defaults to internal items
-     * @returns Comma-separated string of selected values
-     * @internal
-     */
-    getValue(items = null) {
-        var _a;
-        const itemsToCheck = items !== null && items !== void 0 ? items : this.internalItems;
-        return (_a = this.getSelectedItems(itemsToCheck).map(item => { var _a; return (_a = item[this.valueKey]) !== null && _a !== void 0 ? _a : item[this.displayKey]; }).join(',')) !== null && _a !== void 0 ? _a : "";
-    }
-    /**
-     * Renders the selectable list component.
-     * @returns JSX element or null if valueKey is not provided
-     * @internal
-     */
-    render() {
-        if (!this.valueKey)
-            return null;
-        const isError = !!this.errorMessage;
-        return (h(Host, { class: {
-                'udp-input': true,
-                'udp-input--error': isError,
-                'udp-input--disabled': this.disabled,
-                'udp-input--readonly': this.readonly,
-                'udp-input--required': this.required,
-                'udp-input--multi-select': this.multiSelect,
-                [`udp-input--size-${this.size}`]: true,
-                [`udp-input--margin-${this.margin}`]: true,
-            }, "aria-invalid": isError ? 'true' : 'false', "aria-required": this.required ? 'true' : 'false' }, h("ul", null, this.internalItems.map((item, i) => {
-            var _a, _b;
-            return (h("li", { key: item.id || item[this.displayKey], onClick: () => this.handleItemClick(item), class: item.selected && !this.useCheckbox ? 'selected' : '', id: 'udpRecord-selectable-list-input-' + i + '-' + this.id,
-                //@ts-ignore
-                udprecordid: 'udpRecord-selectable-list-input-' + i + '-' + this.id }, this.useCheckbox ? (h("label", null, h("input", { type: this.multiSelect ? 'checkbox' : 'radio', name: this.name || ((this.valueKey && item[this.valueKey]) || ((_a = item.id) !== null && _a !== void 0 ? _a : item[this.displayKey])), disabled: this.disabled || this.readonly, value: (this.valueKey && item[this.valueKey]) || ((_b = item.id) !== null && _b !== void 0 ? _b : item[this.displayKey]), checked: item.selected, onChange: () => this.handleItemClick(item) }), item[this.displayKey])) : (h("div", null, item[this.displayKey]))));
-        }), this.errorMessage && h("unity-typography", { class: "error", variant: 'caption-text', color: "error" }, this.errorMessage))));
-    }
-    get el() { return this; }
-    static get watchers() { return {
-        "error": ["updateError"],
-        "initialValue": ["initialValueChanged"],
-        "value": ["valueChanged"],
-        "items": ["itemsChanged"]
-    }; }
-    static get style() { return selectableListCss; }
-}, [257, "selectable-list", {
-        "disabled": [4],
-        "readonly": [4],
-        "size": [1],
-        "margin": [1],
-        "multiSelect": [4, "multi-select"],
-        "items": [16],
-        "displayKey": [1, "display-key"],
-        "useCheckbox": [4, "use-checkbox"],
-        "initialValue": [1, "initial-value"],
-        "value": [1025],
-        "required": [4],
-        "valueKey": [1, "value-key"],
-        "error": [1],
-        "id": [1],
-        "name": [1],
-        "label": [1],
-        "internalItems": [32],
-        "internalValue": [32],
-        "errorMessage": [32]
-    }, undefined, {
-        "error": ["updateError"],
-        "initialValue": ["initialValueChanged"],
-        "value": ["valueChanged"],
-        "items": ["itemsChanged"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["selectable-list", "unity-typography"];
-    components.forEach(tagName => { switch (tagName) {
-        case "selectable-list":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, SelectableList);
-            }
-            break;
-        case "unity-typography":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { SelectableList as S, defineCustomElement as d };
-//# sourceMappingURL=selectable-list2.js.map
-
-//# sourceMappingURL=selectable-list2.js.map
+import{p as t,H as i,c as e,h as s,d as n,t as r}from"./index2.js";import{d as p}from"./unity-typography2.js";const o=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.change=e(this,"change"),this.disabled=!1,this.readonly=!1,this.size="normal",this.margin="normal",this.multiSelect=!1,this.items=[],this.displayKey="",this.useCheckbox=!1,this.valueKey="",this.error="",this.internalItems=[],this.internalValue="",this.handleItemClick=t=>{if(this.disabled||this.readonly)return;let i=[...this.internalItems];const e=this.internalItems.findIndex((i=>this.valueKey&&i[this.valueKey]===t[this.valueKey]||!this.valueKey&&i===t));i.splice(e,1,Object.assign(Object.assign({},t),{selected:!t.selected})),this.multiSelect||t.selected||(i=i.map(((t,i)=>Object.assign(Object.assign({},t),{selected:i===e})))),this.internalItems=i;const s=this.getValue(i);this.internalValue=s,void 0!==this.value&&(this.value=s),this.change.emit(s)}}updateError(){this.errorMessage=this.error}initialValueChanged(t){""!==this.internalValue&&void 0!==this.internalValue&&void 0!==this.value||void 0!==t&&(this.internalValue=t,this.updateItemSelection(t))}valueChanged(){void 0!==this.value&&this.value!==this.internalValue&&(this.internalValue=this.value,this.updateItemSelection(this.value))}itemsChanged(){this.initializeItems()}componentWillLoad(){this.internalValue=void 0!==this.value?this.value:this.initialValue||"",this.error&&(this.errorMessage=this.error),this.initializeItems()}initializeItems(){if(!this.valueKey)return console.error("valueKey is required"),void(this.internalItems=this.items);this.updateItemSelection(this.internalValue)}updateItemSelection(t){if(!t||!this.valueKey)return void(this.internalItems=[...this.items]);const i=this.items.filter((i=>t.split(",").includes(i[this.valueKey])));let e=i;i.length>1&&!this.multiSelect&&(e=[i[0]],console.warn("multiple values are selected, but multiselect is disabled"));const s=this.items.map((t=>Object.assign(Object.assign({},t),{selected:e.some((i=>i[this.valueKey]===t[this.valueKey]))})));this.internalItems=s}getSelectedItems(t=null){var i;return null!==(i=(null!=t?t:this.internalItems).filter((t=>t.selected)))&&void 0!==i?i:[]}getValue(t=null){var i;return null!==(i=this.getSelectedItems(null!=t?t:this.internalItems).map((t=>{var i;return null!==(i=t[this.valueKey])&&void 0!==i?i:t[this.displayKey]})).join(","))&&void 0!==i?i:""}render(){if(!this.valueKey)return null;const t=!!this.errorMessage;return s(n,{class:{"udp-input":!0,"udp-input--error":t,"udp-input--disabled":this.disabled,"udp-input--readonly":this.readonly,"udp-input--required":this.required,"udp-input--multi-select":this.multiSelect,[`udp-input--size-${this.size}`]:!0,[`udp-input--margin-${this.margin}`]:!0},"aria-invalid":t?"true":"false","aria-required":this.required?"true":"false"},s("ul",null,this.internalItems.map(((t,i)=>{var e,n;return s("li",{key:t.id||t[this.displayKey],onClick:()=>this.handleItemClick(t),class:t.selected&&!this.useCheckbox?"selected":"",id:"udpRecord-selectable-list-input-"+i+"-"+this.id,udprecordid:"udpRecord-selectable-list-input-"+i+"-"+this.id},this.useCheckbox?s("label",null,s("input",{type:this.multiSelect?"checkbox":"radio",name:this.name||this.valueKey&&t[this.valueKey]||(null!==(e=t.id)&&void 0!==e?e:t[this.displayKey]),disabled:this.disabled||this.readonly,value:this.valueKey&&t[this.valueKey]||(null!==(n=t.id)&&void 0!==n?n:t[this.displayKey]),checked:t.selected,onChange:()=>this.handleItemClick(t)}),t[this.displayKey]):s("div",null,t[this.displayKey]))})),this.errorMessage&&s("unity-typography",{class:"error",variant:"caption-text",color:"error"},this.errorMessage)))}get el(){return this}static get watchers(){return{error:[{updateError:0}],initialValue:[{initialValueChanged:0}],value:[{valueChanged:0}],items:[{itemsChanged: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{display:block}:host(.udp-input--size-small) li{padding:var(--spacing-02) var(--spacing-03);font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--size-normal) li{padding:var(--spacing-03) var(--spacing-04);font-size:var(--body-font-size)}:host(.udp-input--size-large) li{padding:var(--spacing-04) var(--spacing-05);font-size:var(--body-font-size)}ul{list-style:none;padding:0;margin:0}li{padding:var(--spacing-03) var(--spacing-04);cursor:pointer;transition:background-color 0.3s ease}li:hover{background-color:#f0f0f0;color:var(--text-color)}.selected{background-color:var(--primary-color);color:white}label{cursor:pointer}input{cursor:pointer}.error{color:var(--error-color-main)}'}},[1,"selectable-list",{disabled:[4],readonly:[4],size:[1],margin:[1],multiSelect:[4,"multi-select"],items:[16],displayKey:[1,"display-key"],useCheckbox:[4,"use-checkbox"],initialValue:[1,"initial-value"],value:[1025],required:[4],valueKey:[1,"value-key"],error:[1],id:[1],name:[1],label:[1],internalItems:[32],internalValue:[32],errorMessage:[32]},void 0,{error:[{updateError:0}],initialValue:[{initialValueChanged:0}],value:[{valueChanged:0}],items:[{itemsChanged:0}]}]);function a(){"undefined"!=typeof customElements&&["selectable-list","unity-typography"].forEach((t=>{switch(t){case"selectable-list":customElements.get(r(t))||customElements.define(r(t),o);break;case"unity-typography":customElements.get(r(t))||p()}}))}export{o as S,a as d}

package/dist/components/server-side-grid.js

@@ -1,9 +1 @@
-import { S as ServerSideGrid$1, d as defineCustomElement$1 } from './server-side-grid2.js';
-
-const ServerSideGrid = ServerSideGrid$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { ServerSideGrid, defineCustomElement };
-//# sourceMappingURL=server-side-grid.js.map
-
-//# sourceMappingURL=server-side-grid.js.map
+import{S as r,d as s}from"./server-side-grid2.js";const e=r,o=s;export{e as ServerSideGrid,o as defineCustomElement}

package/dist/components/server-side-grid2.js

@@ -1,157 +1 @@
-import { p as proxyCustomElement, H, c as createEvent, h } from './index2.js';
-import { d as defineCustomElement$g } from './ag-grid-base2.js';
-import { d as defineCustomElement$f } from './ghost-render2.js';
-import { d as defineCustomElement$e } from './grid-header2.js';
-import { d as defineCustomElement$d } from './hint-panel2.js';
-import { d as defineCustomElement$c } from './udp-ambient-tool-tip2.js';
-import { d as defineCustomElement$b } from './udp-avatar2.js';
-import { d as defineCustomElement$a } from './udp-badge2.js';
-import { d as defineCustomElement$9 } from './udp-button2.js';
-import { d as defineCustomElement$8 } from './udp-chip2.js';
-import { d as defineCustomElement$7 } from './udp-dialog2.js';
-import { d as defineCustomElement$6 } from './udp-icon2.js';
-import { d as defineCustomElement$5 } from './udp-icon-button2.js';
-import { d as defineCustomElement$4 } from './list-item.js';
-import { d as defineCustomElement$3 } from './udp-menu2.js';
-import { d as defineCustomElement$2 } from './udp-menu-item2.js';
-import { d as defineCustomElement$1 } from './unity-typography2.js';
-
-const ServerSideGrid = /*@__PURE__*/ proxyCustomElement(class ServerSideGrid extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.gridReady = createEvent(this, "gridReady");
-        this.gridFunctions = [];
-        this.gridOptions = {};
-    }
-    handleGridReady(event) {
-        this.gridApi = event.detail;
-        this.updateDataSource();
-    }
-    updateDataSource() {
-        if (this.gridApi && this.dataSource) {
-            this.gridApi.setGridOption('serverSideDatasource', this.dataSource);
-        }
-    }
-    componentWillLoad() {
-        this.serverSideConfig = Object.assign(Object.assign({ paginationAutoPageSize: true, suppressSetFilterByDefault: true }, this.gridOptions), { rowModelType: 'serverSide' });
-    }
-    render() {
-        return (h("ag-grid-base", { key: '6dfc804520f124eb675229be615e75b7cce0b67e', columnDefs: this.columnDefs, gridOptions: this.serverSideConfig, headerConfig: this.gridHeaderConfig, onGridReady: e => this.handleGridReady(e), gridFunctions: this.gridFunctions, gridId: this.gridId, entityName: this.entityName, gridHeight: this.gridHeight, gridApiCallback: this.gridApiCallback }));
-    }
-    static get watchers() { return {
-        "dataSource": ["updateDataSource"]
-    }; }
-}, [256, "server-side-grid", {
-        "columnDefs": [16],
-        "dataSource": [16],
-        "gridFunctions": [16],
-        "gridOptions": [16],
-        "gridHeaderConfig": [16],
-        "gridId": [1, "grid-id"],
-        "entityName": [1, "entity-name"],
-        "gridHeight": [1, "grid-height"],
-        "gridApiCallback": [16]
-    }, undefined, {
-        "dataSource": ["updateDataSource"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["server-side-grid", "ag-grid-base", "ghost-render", "grid-header", "hint-panel", "udp-ambient-tool-tip", "udp-avatar", "udp-badge", "udp-button", "udp-chip", "udp-dialog", "udp-icon", "udp-icon-button", "udp-list-item", "udp-menu", "udp-menu-item", "unity-typography"];
-    components.forEach(tagName => { switch (tagName) {
-        case "server-side-grid":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, ServerSideGrid);
-            }
-            break;
-        case "ag-grid-base":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$g();
-            }
-            break;
-        case "ghost-render":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$f();
-            }
-            break;
-        case "grid-header":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$e();
-            }
-            break;
-        case "hint-panel":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$d();
-            }
-            break;
-        case "udp-ambient-tool-tip":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$c();
-            }
-            break;
-        case "udp-avatar":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$b();
-            }
-            break;
-        case "udp-badge":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$a();
-            }
-            break;
-        case "udp-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$9();
-            }
-            break;
-        case "udp-chip":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$8();
-            }
-            break;
-        case "udp-dialog":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$7();
-            }
-            break;
-        case "udp-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$6();
-            }
-            break;
-        case "udp-icon-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "udp-list-item":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "udp-menu":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "udp-menu-item":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "unity-typography":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { ServerSideGrid as S, defineCustomElement as d };
-//# sourceMappingURL=server-side-grid2.js.map
-
-//# sourceMappingURL=server-side-grid2.js.map
+import{p as e,H as t,c as s,h as a,t as i}from"./index2.js";import{d as r}from"./ag-grid-base2.js";import{d}from"./ghost-render2.js";import{d as o}from"./grid-header2.js";import{d as m}from"./hint-panel2.js";import{d as u}from"./stencil-icon-button2.js";import{d as n}from"./udp-ambient-tool-tip2.js";import{d as p}from"./udp-avatar2.js";import{d as c}from"./udp-badge2.js";import{d as l}from"./udp-button2.js";import{d as g}from"./udp-chip2.js";import{d as h}from"./udp-dialog2.js";import{d as b}from"./udp-icon2.js";import{d as f}from"./udp-icon-button2.js";import{d as j}from"./udp-linear-loader2.js";import{d as k}from"./list-item.js";import{d as E}from"./udp-menu2.js";import{d as y}from"./udp-menu-item2.js";import{d as v}from"./udp-pop-over2.js";import{d as S}from"./udp-side-sheet2.js";import{d as D}from"./unity-typography2.js";const C=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.gridReady=s(this,"gridReady"),this.gridFunctions=[],this.gridOptions={}}handleGridReady(e){this.gridApi=e.detail,this.updateDataSource()}updateDataSource(){this.gridApi&&this.dataSource&&this.gridApi.setGridOption("serverSideDatasource",this.dataSource)}componentWillLoad(){this.serverSideConfig=Object.assign(Object.assign({paginationAutoPageSize:!0,suppressSetFilterByDefault:!0},this.gridOptions),{rowModelType:"serverSide"})}render(){return a("ag-grid-base",{key:"0bfa6d155e587a57d13906d85ba55e939d72f566",columnDefs:this.columnDefs,gridOptions:this.serverSideConfig,headerConfig:this.gridHeaderConfig,onGridReady:e=>this.handleGridReady(e),gridFunctions:this.gridFunctions,gridId:this.gridId,entityName:this.entityName,gridHeight:this.gridHeight,gridApiCallback:this.gridApiCallback})}static get watchers(){return{dataSource:[{updateDataSource:0}]}}},[0,"server-side-grid",{columnDefs:[16],dataSource:[16],gridFunctions:[16],gridOptions:[16],gridHeaderConfig:[16],gridId:[1,"grid-id"],entityName:[1,"entity-name"],gridHeight:[1,"grid-height"],gridApiCallback:[16]},void 0,{dataSource:[{updateDataSource:0}]}]);function O(){"undefined"!=typeof customElements&&["server-side-grid","ag-grid-base","ghost-render","grid-header","hint-panel","stencil-icon-button","udp-ambient-tool-tip","udp-avatar","udp-badge","udp-button","udp-chip","udp-dialog","udp-icon","udp-icon-button","udp-linear-loader","udp-list-item","udp-menu","udp-menu-item","udp-pop-over","udp-side-sheet","unity-typography"].forEach((e=>{switch(e){case"server-side-grid":customElements.get(i(e))||customElements.define(i(e),C);break;case"ag-grid-base":customElements.get(i(e))||r();break;case"ghost-render":customElements.get(i(e))||d();break;case"grid-header":customElements.get(i(e))||o();break;case"hint-panel":customElements.get(i(e))||m();break;case"stencil-icon-button":customElements.get(i(e))||u();break;case"udp-ambient-tool-tip":customElements.get(i(e))||n();break;case"udp-avatar":customElements.get(i(e))||p();break;case"udp-badge":customElements.get(i(e))||c();break;case"udp-button":customElements.get(i(e))||l();break;case"udp-chip":customElements.get(i(e))||g();break;case"udp-dialog":customElements.get(i(e))||h();break;case"udp-icon":customElements.get(i(e))||b();break;case"udp-icon-button":customElements.get(i(e))||f();break;case"udp-linear-loader":customElements.get(i(e))||j();break;case"udp-list-item":customElements.get(i(e))||k();break;case"udp-menu":customElements.get(i(e))||E();break;case"udp-menu-item":customElements.get(i(e))||y();break;case"udp-pop-over":customElements.get(i(e))||v();break;case"udp-side-sheet":customElements.get(i(e))||S();break;case"unity-typography":customElements.get(i(e))||D()}}))}export{C as S,O as d}

package/dist/components/side-sheet-container.js

@@ -1,9 +1 @@
-import { S as SideSheetContainer$1, d as defineCustomElement$1 } from './side-sheet-container2.js';
-
-const SideSheetContainer = SideSheetContainer$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { SideSheetContainer, defineCustomElement };
-//# sourceMappingURL=side-sheet-container.js.map
-
-//# sourceMappingURL=side-sheet-container.js.map
+import{S as s,d as e}from"./side-sheet-container2.js";const o=s,t=e;export{o as SideSheetContainer,t as defineCustomElement}