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

package/dist/components/save-view-form.js

@@ -1,140 +1 @@
-import { p as proxyCustomElement, H, h } from './index2.js';
-import { d as defineCustomElement$5 } from './custom-button2.js';
-import { d as defineCustomElement$4 } from './fluent-dialog2.js';
-import { d as defineCustomElement$3 } from './stencil-toggle2.js';
-import { d as defineCustomElement$2 } from './text-field2.js';
-import { d as defineCustomElement$1 } from './unity-typography2.js';
-
-const saveViewFormDialogCss = ".info-columns{display:flex}.column{width:100px}.toggle-options{display:flex;gap:16px;align-items:center;margin-bottom:16px}";
-
-const SaveViewFormDialog = /*@__PURE__*/ proxyCustomElement(class SaveViewFormDialog extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.name = '';
-        // Change isPrivate to be a number, defaulting to 2 (false/not private)
-        this.isPrivate = 2;
-        this.isDefault = false;
-        this.gridViewId = '';
-        this.fetchedCurrentView = false;
-        this.handleNameChange = event => {
-            this.name = event.target.value;
-        };
-        // Update the toggle method to flip between 1 (true/private) and 2 (false/not private)
-        this.handlePrivateChange = () => {
-            this.isPrivate = this.isPrivate === 1 ? 2 : 1;
-        };
-        this.handleDefaultChange = () => {
-            this.isDefault = !this.isDefault;
-        };
-        // Ensure handleSubmit correctly handles the isPrivate number
-        this.handleSubmit = () => {
-            this.handleFormSubmit(this.name, this.isPrivate, this.isDefault);
-            this.resetForm();
-        };
-        this.handleViewUpdate = () => {
-            this.handleViewAndConfigurationSubmit(this.name, this.isPrivate, this.isDefault);
-        };
-        this.resetForm = () => {
-            this.name = '';
-            this.isPrivate = 2;
-            this.isDefault = false;
-        };
-    }
-    handleModalOpen(newValue) {
-        var _a, _b;
-        if (newValue) {
-            // Reset the state every time the modal opens
-            this.name = this.currentName || '';
-            this.isPrivate = (_a = this.currentIsPrivate) !== null && _a !== void 0 ? _a : 2; // Set to 2 if null/undefined
-            this.isDefault = (_b = this.currentIsDefault) !== null && _b !== void 0 ? _b : false;
-            this.gridViewId = this.currentGridViewId || '';
-        }
-    }
-    render() {
-        return (h("fluent-dialog", { key: '11d77e271d9052cb0d2dc01ab68a1711ba69341c', open: this.open, actionOne: () => {
-                this.handleSubmit();
-            }, actionTwo: this.closeDialog, actionThree: () => {
-                this.handleViewUpdate();
-            }, handleClose: this.handleClose, labelOne: "Save as Copy", labelTwo: "Cancel", labelThree: "Save View", title: this.title, disableOne: !this.name, buttonThreeHidden: !this.gridViewId }, h("form", { key: 'ef7e0089370810479fffe5009cd0a44d538ab88c', class: "save-form" }, h("text-field", { key: '9321cbc06b7d79f0a5f5068e2a7ddca50ebf434f', label: "View Name", placeholder: "Create a name for your view", value: this.name, onInput: (event) => this.handleNameChange(event) }), h("div", { key: 'af902e7792f5de7b1d4333c274079f4544211531', class: "toggle-options" }, h("div", { key: '0c4f78f6bd0716adb686607d78636cc366fb416d' }, h("stencil-toggle", { key: '5a385cd828db721c4716d979b5391760c46925c2', label: "Private", checked: this.isPrivate === 1, onToggledChange: this.handlePrivateChange }), ' '), h("div", { key: '775b8586ca7ac81668d18b76ee1e14082bada271' }, h("stencil-toggle", { key: 'b870f8bc34e04f93398536096cee79b0734ecdf1', label: "Default", checked: this.isDefault, onToggledChange: this.handleDefaultChange, style: { marginTop: '10px' } }))))));
-    }
-    get el() { return this; }
-    static get watchers() { return {
-        "open": ["handleModalOpen"]
-    }; }
-    static get style() { return saveViewFormDialogCss; }
-}, [257, "save-view-form-dialog", {
-        "open": [4],
-        "title": [1],
-        "handleClose": [16],
-        "tenant": [1],
-        "application": [1],
-        "entity": [1],
-        "user": [8],
-        "refetchViews": [16],
-        "gApi": [8, "g-api"],
-        "gcApi": [8, "gc-api"],
-        "gridId": [8, "grid-id"],
-        "domain": [8],
-        "apiCatalogId": [8, "api-catalog-id"],
-        "closeDialog": [8, "close-dialog"],
-        "handleFormSubmit": [16],
-        "handleViewAndConfigurationSubmit": [16],
-        "currentName": [1, "current-name"],
-        "currentIsPrivate": [2, "current-is-private"],
-        "currentIsDefault": [4, "current-is-default"],
-        "currentGridViewId": [1, "current-grid-view-id"],
-        "name": [32],
-        "isPrivate": [32],
-        "isDefault": [32],
-        "gridViewId": [32],
-        "fetchedCurrentView": [32]
-    }, undefined, {
-        "open": ["handleModalOpen"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["save-view-form-dialog", "custom-button", "fluent-dialog", "stencil-toggle", "text-field", "unity-typography"];
-    components.forEach(tagName => { switch (tagName) {
-        case "save-view-form-dialog":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, SaveViewFormDialog);
-            }
-            break;
-        case "custom-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "fluent-dialog":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "stencil-toggle":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "text-field":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "unity-typography":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { SaveViewFormDialog as S, defineCustomElement as d };
-//# sourceMappingURL=save-view-form.js.map
-
-//# sourceMappingURL=save-view-form.js.map
+import{p as e,H as t,h as i,t as s}from"./index2.js";import{d as a}from"./custom-button2.js";import{d as o}from"./fluent-dialog2.js";import{d as l}from"./stencil-toggle2.js";import{d as n}from"./text-field2.js";import{d}from"./unity-typography2.js";const c=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.name="",this.isPrivate=2,this.isDefault=!1,this.gridViewId="",this.fetchedCurrentView=!1,this.handleNameChange=e=>{this.name=e.target.value},this.handlePrivateChange=()=>{this.isPrivate=1===this.isPrivate?2:1},this.handleDefaultChange=()=>{this.isDefault=!this.isDefault},this.handleSubmit=()=>{this.handleFormSubmit(this.name,this.isPrivate,this.isDefault),this.resetForm()},this.handleViewUpdate=()=>{this.handleViewAndConfigurationSubmit(this.name,this.isPrivate,this.isDefault)},this.resetForm=()=>{this.name="",this.isPrivate=2,this.isDefault=!1}}handleModalOpen(e){var t,i;e&&(this.name=this.currentName||"",this.isPrivate=null!==(t=this.currentIsPrivate)&&void 0!==t?t:2,this.isDefault=null!==(i=this.currentIsDefault)&&void 0!==i&&i,this.gridViewId=this.currentGridViewId||"")}render(){return i("fluent-dialog",{key:"11d77e271d9052cb0d2dc01ab68a1711ba69341c",open:this.open,actionOne:()=>{this.handleSubmit()},actionTwo:this.closeDialog,actionThree:()=>{this.handleViewUpdate()},handleClose:this.handleClose,labelOne:"Save as Copy",labelTwo:"Cancel",labelThree:"Save View",title:this.title,disableOne:!this.name,buttonThreeHidden:!this.gridViewId},i("form",{key:"ef7e0089370810479fffe5009cd0a44d538ab88c",class:"save-form"},i("text-field",{key:"9321cbc06b7d79f0a5f5068e2a7ddca50ebf434f",label:"View Name",placeholder:"Create a name for your view",value:this.name,onInput:e=>this.handleNameChange(e)}),i("div",{key:"af902e7792f5de7b1d4333c274079f4544211531",class:"toggle-options"},i("div",{key:"0c4f78f6bd0716adb686607d78636cc366fb416d"},i("stencil-toggle",{key:"5a385cd828db721c4716d979b5391760c46925c2",label:"Private",checked:1===this.isPrivate,onToggledChange:this.handlePrivateChange})," "),i("div",{key:"775b8586ca7ac81668d18b76ee1e14082bada271"},i("stencil-toggle",{key:"b870f8bc34e04f93398536096cee79b0734ecdf1",label:"Default",checked:this.isDefault,onToggledChange:this.handleDefaultChange,style:{marginTop:"10px"}})))))}get el(){return this}static get watchers(){return{open:[{handleModalOpen:0}]}}static get style(){return".info-columns{display:flex}.column{width:100px}.toggle-options{display:flex;gap:16px;align-items:center;margin-bottom:16px}"}},[1,"save-view-form-dialog",{open:[4],title:[1],handleClose:[16],tenant:[1],application:[1],entity:[1],user:[8],refetchViews:[16],gApi:[8,"g-api"],gcApi:[8,"gc-api"],gridId:[8,"grid-id"],domain:[8],apiCatalogId:[8,"api-catalog-id"],closeDialog:[8,"close-dialog"],handleFormSubmit:[16],handleViewAndConfigurationSubmit:[16],currentName:[1,"current-name"],currentIsPrivate:[2,"current-is-private"],currentIsDefault:[4,"current-is-default"],currentGridViewId:[1,"current-grid-view-id"],name:[32],isPrivate:[32],isDefault:[32],gridViewId:[32],fetchedCurrentView:[32]},void 0,{open:[{handleModalOpen:0}]}]);function r(){"undefined"!=typeof customElements&&["save-view-form-dialog","custom-button","fluent-dialog","stencil-toggle","text-field","unity-typography"].forEach((e=>{switch(e){case"save-view-form-dialog":customElements.get(s(e))||customElements.define(s(e),c);break;case"custom-button":customElements.get(s(e))||a();break;case"fluent-dialog":customElements.get(s(e))||o();break;case"stencil-toggle":customElements.get(s(e))||l();break;case"text-field":customElements.get(s(e))||n();break;case"unity-typography":customElements.get(s(e))||d()}}))}export{c as S,r as d}

package/dist/components/search-list-item.js

@@ -1,9 +1 @@
-import { S as SearchListItem$1, d as defineCustomElement$1 } from './search-list-item2.js';
-
-const SearchListItem = SearchListItem$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { SearchListItem, defineCustomElement };
-//# sourceMappingURL=search-list-item.js.map
-
-//# sourceMappingURL=search-list-item.js.map
+import{S as s,d as t}from"./search-list-item2.js";const o=s,r=t;export{o as SearchListItem,r as defineCustomElement}

package/dist/components/search-list-item2.js

@@ -1,177 +1 @@
-import { p as proxyCustomElement, H, c as createEvent, h } from './index2.js';
-import Close24 from '@carbon/icons/es/close/24';
-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 searchListItemCss = ".list-item{display:flex;gap:8px;align-items:center;background-color:white;border-bottom:1px solid rgba(0,0,0,.12)}.list-body{display:flex;padding-left:16px;gap:8px;align-items:center;flex:1}.input{margin-top:5.5px}.list-inputs{display:flex;flex:1;gap:24px;align-items:center}.close-button{display:flex;align-items:center}.name{min-width:215px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:215px}.select-container{width:\"200px\"}";
-
-const SearchListItem = /*@__PURE__*/ proxyCustomElement(class SearchListItem extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.searchItemChanged = createEvent(this, "searchItemChanged");
-        this.isDefault = false;
-        this.searchOperator = '='; // Default value
-        this.handleInputBlur = (event) => {
-            const inputElement = event.target;
-            const inputVal = inputElement.value;
-            if (inputVal !== this.name) {
-                this.searchItemChanged.emit({
-                    id: this.id,
-                    searchField: this.label,
-                    filterGroupId: this.filterGroupId,
-                    searchOperator: this.searchOperator,
-                    searchValue: inputVal,
-                });
-            }
-        };
-        this.selectorOptions = [
-            {
-                value: '=',
-                label: 'Equals',
-            },
-            {
-                value: 'IN',
-                label: 'Contains',
-            },
-            {
-                value: '<>',
-                label: 'Does not Equal',
-            },
-            {
-                value: '>',
-                label: 'Greater Than',
-            },
-            {
-                value: '<',
-                label: 'Less Than',
-            },
-            {
-                value: '>=',
-                label: 'Greater Than or Equal To',
-            },
-            {
-                value: '<=',
-                label: 'Less Than or Equal To',
-            },
-            {
-                value: 'LIKE',
-                label: 'Like',
-            },
-            {
-                value: 'STARTSWITH',
-                label: 'Starts With',
-            },
-            {
-                value: 'BETWEEN',
-                label: 'Between',
-            },
-        ];
-    }
-    operatorChanged(newValue) {
-        if (newValue !== this.searchOperator && newValue !== null) {
-            this.searchOperator = newValue;
-            console.log('Operator changed:', newValue);
-        }
-    }
-    componentWillUpdate() {
-        if (this.operator && this.operator.length > 0) {
-            this.searchOperator = this.operator; // Manually sync inside lifecycle if @Watch doesn't catch
-        }
-    }
-    conponentDidLoad() {
-        console.log('Component did load:', this.operator);
-    }
-    handleOperatorSelected(event) {
-        console.log('event.detail', event.detail.value);
-        // const newOperator = newOperator;
-        this.searchOperator = event.detail.value;
-        this.emitChange(); // Emit the change to ensure it is captured
-    }
-    emitChange(newValue = this.name) {
-        // Ensure the operator is passed as a string, not an object
-        this.searchItemChanged.emit({
-            id: this.id,
-            searchField: this.label,
-            filterGroupId: this.filterGroupId,
-            searchOperator: this.searchOperator || '=', // Ensure default to '=' if undefined
-            searchValue: newValue,
-        });
-    }
-    render() {
-        return (h("div", { key: '91d31b57c13e16174e57eb17f4c9a95a732e0719', class: "list-item" }, h("div", { key: '426fcfd3fa4d04851c572bdb171bc60613ae1062', class: "list-body" }, h("div", { key: '907434f61fee7d75bac64ef83f6d233153e2f411', class: "name" }, h("unity-typography", { key: 'a63da9c4e5363f7701fd26703194b2e84e574575', variant: "button" }, this.label)), h("div", { key: 'a54a5f22c21223ed2edd088efbee1ff569c39b05', style: { width: '200px' } }, h("udp-selector", { key: this.searchOperator, initialValue: this.searchOperator, options: this.selectorOptions, disabled: this.isInitialSearchItem || this.isDefault, onChange: (event) => this.handleOperatorSelected(event) })), h("div", { key: '292fe20cf8cd9a1f25df59d17302feaadae0642d', class: "input" }, h("text-field", { key: '9ae305eddd521d6c4cb8638e7f0fd85067500199', value: this.name, disabled: this.isInitialSearchItem, onBlur: this.handleInputBlur }))), (!this.isInitialSearchItem || !this.isDefault) && h("stencil-icon-button", { key: 'dcc911c0ce6ec859234a4e78e0700f761bb44914', icon: Close24, onClick: this.handleDelete })));
-    }
-    get el() { return this; }
-    static get watchers() { return {
-        "operator": ["operatorChanged"]
-    }; }
-    static get style() { return searchListItemCss; }
-}, [257, "search-list-item", {
-        "id": [1],
-        "isDefault": [4, "is-default"],
-        "filterGroupId": [1, "filter-group-id"],
-        "label": [1],
-        "fieldName": [1, "field-name"],
-        "name": [1],
-        "handleDelete": [16],
-        "operator": [1],
-        "isInitialSearchItem": [4, "is-initial-search-item"],
-        "searchOperator": [32]
-    }, undefined, {
-        "operator": ["operatorChanged"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["search-list-item", "stencil-icon-button", "text-field", "udp-ambient-tool-tip", "udp-badge", "udp-selector", "unity-typography"];
-    components.forEach(tagName => { switch (tagName) {
-        case "search-list-item":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, SearchListItem);
-            }
-            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 { SearchListItem as S, defineCustomElement as d };
-//# sourceMappingURL=search-list-item2.js.map
-
-//# sourceMappingURL=search-list-item2.js.map
+import{p as e,H as t,c as s,h as i,t as a}from"./index2.js";import l from"@carbon/icons/es/close/24";import{d as o}from"./stencil-icon-button2.js";import{d as r}from"./text-field2.js";import{d as n}from"./udp-ambient-tool-tip2.js";import{d}from"./udp-badge2.js";import{d as c}from"./udp-selector2.js";import{d as h}from"./unity-typography2.js";const p=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.searchItemChanged=s(this,"searchItemChanged"),this.isDefault=!1,this.searchOperator="=",this.handleInputBlur=e=>{const t=e.target.value;t!==this.name&&this.searchItemChanged.emit({id:this.id,searchField:this.label,filterGroupId:this.filterGroupId,searchOperator:this.searchOperator,searchValue:t})},this.selectorOptions=[{value:"=",label:"Equals"},{value:"IN",label:"Contains"},{value:"<>",label:"Does not Equal"},{value:">",label:"Greater Than"},{value:"<",label:"Less Than"},{value:">=",label:"Greater Than or Equal To"},{value:"<=",label:"Less Than or Equal To"},{value:"LIKE",label:"Like"},{value:"STARTSWITH",label:"Starts With"},{value:"BETWEEN",label:"Between"}]}operatorChanged(e){e!==this.searchOperator&&null!==e&&(this.searchOperator=e,console.log("Operator changed:",e))}componentWillUpdate(){this.operator&&this.operator.length>0&&(this.searchOperator=this.operator)}conponentDidLoad(){console.log("Component did load:",this.operator)}handleOperatorSelected(e){console.log("event.detail",e.detail.value),this.searchOperator=e.detail.value,this.emitChange()}emitChange(e=this.name){this.searchItemChanged.emit({id:this.id,searchField:this.label,filterGroupId:this.filterGroupId,searchOperator:this.searchOperator||"=",searchValue:e})}render(){return i("div",{key:"91d31b57c13e16174e57eb17f4c9a95a732e0719",class:"list-item"},i("div",{key:"426fcfd3fa4d04851c572bdb171bc60613ae1062",class:"list-body"},i("div",{key:"907434f61fee7d75bac64ef83f6d233153e2f411",class:"name"},i("unity-typography",{key:"a63da9c4e5363f7701fd26703194b2e84e574575",variant:"button"},this.label)),i("div",{key:"a54a5f22c21223ed2edd088efbee1ff569c39b05",style:{width:"200px"}},i("udp-selector",{key:this.searchOperator,initialValue:this.searchOperator,options:this.selectorOptions,disabled:this.isInitialSearchItem||this.isDefault,onChange:e=>this.handleOperatorSelected(e)})),i("div",{key:"292fe20cf8cd9a1f25df59d17302feaadae0642d",class:"input"},i("text-field",{key:"9ae305eddd521d6c4cb8638e7f0fd85067500199",value:this.name,disabled:this.isInitialSearchItem,onBlur:this.handleInputBlur}))),(!this.isInitialSearchItem||!this.isDefault)&&i("stencil-icon-button",{key:"dcc911c0ce6ec859234a4e78e0700f761bb44914",icon:l,onClick:this.handleDelete}))}get el(){return this}static get watchers(){return{operator:[{operatorChanged:0}]}}static get style(){return'.list-item{display:flex;gap:8px;align-items:center;background-color:white;border-bottom:1px solid rgba(0,0,0,.12)}.list-body{display:flex;padding-left:16px;gap:8px;align-items:center;flex:1}.input{margin-top:5.5px}.list-inputs{display:flex;flex:1;gap:24px;align-items:center}.close-button{display:flex;align-items:center}.name{min-width:215px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:215px}.select-container{width:"200px"}'}},[1,"search-list-item",{id:[1],isDefault:[4,"is-default"],filterGroupId:[1,"filter-group-id"],label:[1],fieldName:[1,"field-name"],name:[1],handleDelete:[16],operator:[1],isInitialSearchItem:[4,"is-initial-search-item"],searchOperator:[32]},void 0,{operator:[{operatorChanged:0}]}]);function u(){"undefined"!=typeof customElements&&["search-list-item","stencil-icon-button","text-field","udp-ambient-tool-tip","udp-badge","udp-selector","unity-typography"].forEach((e=>{switch(e){case"search-list-item":customElements.get(a(e))||customElements.define(a(e),p);break;case"stencil-icon-button":customElements.get(a(e))||o();break;case"text-field":customElements.get(a(e))||r();break;case"udp-ambient-tool-tip":customElements.get(a(e))||n();break;case"udp-badge":customElements.get(a(e))||d();break;case"udp-selector":customElements.get(a(e))||c();break;case"unity-typography":customElements.get(a(e))||h()}}))}export{p as S,u as d}

package/dist/components/search-method-grid.js

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