npm - udp-stencil-component-library - Versions diffs - 25.18.2-beta.5 → 25.18.2-beta.6 - Mend

udp-stencil-component-library 25.18.2-beta.5 → 25.18.2-beta.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (317) hide show

package/dist/components/image-upload2.js CHANGED Viewed

@@ -57,7 +57,7 @@ const ImageUpload = /*@__PURE__*/ proxyCustomElement(class ImageUpload extends H
         };
     }
     render() {
-        return (h(Host, { key: '8b95c4bb3a085aeeb0aab3a352c4bedd5d723f20' }, h("file-upload", { key: '2fae3ef81fd7b5a2ea7c875954629deac44f53af', allowMultiple: false, allowedMimeTypes: this.allowedMimeTypes, fullWidth: this.fullWidth, required: this.required, error: this.error, dragAndDropMessage: this.dragAndDropMessage, browseFileMessage: this.browseFileMessage, hideDragAndDrop: this.hideDragAndDrop, hideButton: this.hideButton, id: this.id, name: this.name, label: this.label, disabled: this.disabled, readonly: this.readonly, initialValue: this.initialValue, renderImage: true, onChange: this.handleFileChange })));
+        return (h(Host, { key: 'd99ff15d410e2fbc1e4679694ed0615ea72d83de' }, h("file-upload", { key: '8a25e124d89bb9648fde62108253d68ed8107e89', allowMultiple: false, allowedMimeTypes: this.allowedMimeTypes, fullWidth: this.fullWidth, required: this.required, error: this.error, dragAndDropMessage: this.dragAndDropMessage, browseFileMessage: this.browseFileMessage, hideDragAndDrop: this.hideDragAndDrop, hideButton: this.hideButton, id: this.id, name: this.name, label: this.label, disabled: this.disabled, readonly: this.readonly, initialValue: this.initialValue, renderImage: true, onChange: this.handleFileChange })));
     }
     static get style() { return imageUploadCss; }
 }, [257, "image-upload", {

package/dist/components/map-component2.js CHANGED Viewed

@@ -406,7 +406,7 @@ const MapComponent = /*@__PURE__*/ proxyCustomElement(class MapComponent extends
     }
     //////////////////////////////////////////////////////////RENDER/////////////////////////////////////////////////////
     render() {
-        return (h("div", { key: '6440b60c5df675d7a69aed4e5e5e6b25330496ef' }, h("div", { key: '497c3f51fe5ea88db661db6c2769b2645f4bb0b2', id: "map", style: { height: this.mapHeight, width: '100%', overflow: 'hidden' } }, h("slot", { key: 'fd4d944a1e6b7e45262fe0ec6f3aede2f0e07db9' })), h("div", { key: 'af32abb9573ac1adb672bca7c8ace2897576896b', id: "featureDetailsPopOverContainer" }, h("feature-details-popup", { key: '9d294a0a51f7b8b1c61179037809935544c6444e', currentSelectedFeature: this.currentSelectedFeature, data: this.selectedFeatureProperties, coordinates: this.selectedFeatureCoordinates, enableViewFeature: this.enableViewFeature, handleViewFeature: this.handleViewFeature, showPopOver: this.showPopOver, isReadOnly: this.isReadOnlyFeature, additionalOnclosePopover: this.handleOnCloseFeaturePopover, primaryActions: this.popoverPrimaryActions, moreIconActions: this.popoverMoreIconButtonActions, getMessage: this.getMessagePopover, getMessageIcon: this.getMessageIconPopover, hideMessageIcon: this.hideMessageIconPopover, cardConfig: this.popoverCardConfig, popoverWidth: this.popoverWidth, popoverContainer: this.popoverContainer }))));
+        return (h("div", { key: '1ba9e0b45f86eb8d47187f94e407e335df9905a9' }, h("div", { key: '9d756fc99c3d7c37316ca5143f3bb576b8274e70', id: "map", style: { height: this.mapHeight, width: '100%', overflow: 'hidden' } }, h("slot", { key: '4046b6d0e58041db6f91975d708fd53be87d720b' })), h("div", { key: '5e571b4c5454f2e33392fbe3d5eba5f3f08c7392', id: "featureDetailsPopOverContainer" }, h("feature-details-popup", { key: '1de46400d02cea8b41307b8102df4c99412294df', currentSelectedFeature: this.currentSelectedFeature, data: this.selectedFeatureProperties, coordinates: this.selectedFeatureCoordinates, enableViewFeature: this.enableViewFeature, handleViewFeature: this.handleViewFeature, showPopOver: this.showPopOver, isReadOnly: this.isReadOnlyFeature, additionalOnclosePopover: this.handleOnCloseFeaturePopover, primaryActions: this.popoverPrimaryActions, moreIconActions: this.popoverMoreIconButtonActions, getMessage: this.getMessagePopover, getMessageIcon: this.getMessageIconPopover, hideMessageIcon: this.hideMessageIconPopover, cardConfig: this.popoverCardConfig, popoverWidth: this.popoverWidth, popoverContainer: this.popoverContainer }))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/map-toolbar2.js CHANGED Viewed

@@ -186,22 +186,22 @@ const MapToolbar = /*@__PURE__*/ proxyCustomElement(class MapToolbar extends H {
     }
     render() {
         var _a, _b;
-        return (h("div", { key: '21b9c43614b63edacda599868c43703d1e647e45', class: "toolbarContainer" }, h("div", { key: '9784167d5da4fb3ac42df68eba4c5a486dfc982b', class: "title" }, this.mapTitle && this.mapTitle.length > 0 && h("unity-typography", { key: 'd30a08036fb834c66d51bd77d95c886ef87a639d', variant: "h4" }, this.mapTitle)), h("div", { key: 'cdd421ee21f5d56cc0d78352c8cc72032a758424', class: "buttons" }, h("div", { key: '2adfbce712f269812d80a77c1043a1d3db6b79c8', class: "buttonContainer" }, h("div", { key: '58e6e409c67cf35051735578bdde7b1a6208f9ee', class: "secondaryButtons" }, this.filterPanel && (h("div", { key: 'f7c06355290ed1bed33d95f6084da2c7bb615da5', id: "filterOption" }, h("div", { key: '15be3cc83df5d6f19f3f7a0d5692a4718731dc24', id: "filterOptionButton" }, h("stencil-icon-button", { key: '93467bd5a6d9090c67632c18a6c4009e27233ac8', iconName: 'filterButton', iconClassName: 'iconButtonWrapper', tooltip: 'Filter', icon: Filter16, buttonId: 'filterButton', onClick: () => this.handleFilterOnclick() })), this.filterAnchor && (h("div", { key: 'bd5f83038320e9803ba9368cd1f40720bf746717', id: "filterOptionDiv" }, h("udp-pop-over", { key: '2c9edf578465d003b4afbcdb831ef0d0c34d3f0b', isOpen: this.filterAnchor ? true : false, anchorElement: this.filterAnchor, handleOnClose: () => this.handleCloseFilterPopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, h("div", { key: 'b3ec97a05b90db61cdf239c86ca75e036cc29b13', innerHTML: this.filterPanel })))))), this.layerOptions && (h("div", { key: 'be4a540251d602df15aa8e4dacef02999077dd96', id: "layerOption" }, h("div", { key: '6affbb963bd30f553e61064ab5df13c3ad9a4b74', id: "layerOptionButton" }, h("stencil-icon-button", { key: 'b8adccbbcd8c95ad2d005dae5c0cf9a12990d97c', iconName: 'layersButton', iconClassName: 'iconButtonWrapper', tooltip: 'Layers', icon: Layers16, buttonId: 'layersButton', onClick: () => this.handleLayerOnclick(), count: (_a = this.visibleLayers) === null || _a === void 0 ? void 0 : _a.length })), h("div", { key: 'c8e9383358da444862a6a563e34260487ccfbbed', id: "layerOptionDiv" }, this.layerAnchor && (h("udp-pop-over", { key: 'e010e9548dabcc2bf6309f36c58a59305cdc4412', isOpen: this.layerAnchor ? true : false, anchorElement: this.layerAnchor, handleOnClose: () => this.handleCloseLayerPopover(), popoverPlacement: 'bottom-start', popoverMaxHeight: '500px' }, h("select-layer-popup", { key: 'f2b783edeaeb9655eedcdbec791e4964860338c9', enableTileSelection: this.enableTileSelection, tileOptions: this.tileOptions, handleMapTypeInputChange: this.handleMapTypeInputChange, handleSearchLayers: this.handleSearchLayers, filteredOptions: this.filteredOptions, visibleLayers: this.visibleLayers, updateSelectedLayers: this.updateSelectedLayers, selectedTile: this.selectedTile })))))), !this.readOnlyMap && this.selectedFeaturesActionPanel && (h("div", { key: '3e49f896bd385d2bb26c63aba9dfa453fdd7daf6', id: "bulkSelectOption" }, h("div", { key: 'c310558635d2cfd0e8664b6016c6f19b2b127f92', id: "bulkSelectOptionButton" }, h("stencil-icon-button", { key: '414e41e6fd4e6e342611bac3989d9c657df675dd', iconName: 'selectButton', iconClassName: 'iconButtonWrapper', tooltip: 'Select', icon: Select_0116, buttonId: 'selectButton', onClick: () => this.handleSelectionBtnOnclick() })), h("div", { key: '7c984a976664c80ce289a8acc00b96e922acbbbd', id: "bulkSelectOptionDiv" }, this.bulkSelectionTypeAnchor && (h("udp-pop-over", { key: '5a81ce4e1c228340e706fe3406574ddfa6004b49', isOpen: this.bulkSelectionTypeAnchor ? true : false, anchorElement: this.bulkSelectionTypeAnchor, handleOnClose: () => this.handleCloseBulkSelectionTypePopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, h("udp-menu-item", { key: 'd104983f9d0505898f942cc0ece9a225ced6a5e2', label: 'Box', handleOnClick: () => {
+        return (h("div", { key: 'fefc64190d81c488569ac85994fdaff879ae003d', class: "toolbarContainer" }, h("div", { key: '86efd85326a8c6045960dcfc6ea9217cd9a19b90', class: "title" }, this.mapTitle && this.mapTitle.length > 0 && h("unity-typography", { key: '8be28b8c9e179915b5b70ed2a6ccb91ecb00f8b2', variant: "h4" }, this.mapTitle)), h("div", { key: '003012553545e724587dd2f8fb4754beb0fcc7bf', class: "buttons" }, h("div", { key: 'cd2b9fc15b844405377d247323374903aba4fdbd', class: "buttonContainer" }, h("div", { key: '4c43491cfc72fdfdc88d4f338b551c8063fa262b', class: "secondaryButtons" }, this.filterPanel && (h("div", { key: 'adc9cde5412cba944f5c49788a99f699a0f09fd6', id: "filterOption" }, h("div", { key: 'e8142ec153067419ebdd8fd50abd70b9dde059c3', id: "filterOptionButton" }, h("stencil-icon-button", { key: '1fe1057afbe0ac41e773cf41601f7aeaf14ce6ff', iconName: 'filterButton', iconClassName: 'iconButtonWrapper', tooltip: 'Filter', icon: Filter16, buttonId: 'filterButton', onClick: () => this.handleFilterOnclick() })), this.filterAnchor && (h("div", { key: '9d40755c2fee1c9de8943705a97293b803177db1', id: "filterOptionDiv" }, h("udp-pop-over", { key: 'db455dec069b12e54b25a8893c3ae6380b93501f', isOpen: this.filterAnchor ? true : false, anchorElement: this.filterAnchor, handleOnClose: () => this.handleCloseFilterPopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, h("div", { key: '0ff07f1b6ee16d700a13a5d0fe2ac4aad696d4ca', innerHTML: this.filterPanel })))))), this.layerOptions && (h("div", { key: '00f923c7bb086bb69ddf395b8c83cf14241c6fc1', id: "layerOption" }, h("div", { key: '402d6967bb8ee8f035da468b8f9ad2f1820ddb49', id: "layerOptionButton" }, h("stencil-icon-button", { key: '3b4101aac7c82e3daf2faf2088ffb3c79047caab', iconName: 'layersButton', iconClassName: 'iconButtonWrapper', tooltip: 'Layers', icon: Layers16, buttonId: 'layersButton', onClick: () => this.handleLayerOnclick(), count: (_a = this.visibleLayers) === null || _a === void 0 ? void 0 : _a.length })), h("div", { key: '8b210fafb95ad9e1159055e320ef332070a9b26d', id: "layerOptionDiv" }, this.layerAnchor && (h("udp-pop-over", { key: 'eaa7a5005b8af14d59596024a73682a9a6b3e435', isOpen: this.layerAnchor ? true : false, anchorElement: this.layerAnchor, handleOnClose: () => this.handleCloseLayerPopover(), popoverPlacement: 'bottom-start', popoverMaxHeight: '500px' }, h("select-layer-popup", { key: '008302b245ad556dbefe0f9bee48aec23b8fa8cd', enableTileSelection: this.enableTileSelection, tileOptions: this.tileOptions, handleMapTypeInputChange: this.handleMapTypeInputChange, handleSearchLayers: this.handleSearchLayers, filteredOptions: this.filteredOptions, visibleLayers: this.visibleLayers, updateSelectedLayers: this.updateSelectedLayers, selectedTile: this.selectedTile })))))), !this.readOnlyMap && this.selectedFeaturesActionPanel && (h("div", { key: '7c042631d13bee7e2dab14a147c7c72b8905d957', id: "bulkSelectOption" }, h("div", { key: '1a9e97d5e632ef1721426858f7528eb578243e81', id: "bulkSelectOptionButton" }, h("stencil-icon-button", { key: '77bbcaab4727ae8bcdc429030a3ed216fe78037e', iconName: 'selectButton', iconClassName: 'iconButtonWrapper', tooltip: 'Select', icon: Select_0116, buttonId: 'selectButton', onClick: () => this.handleSelectionBtnOnclick() })), h("div", { key: 'be670e1eceb3ed78f5348fd01a88e0b5cc587dc0', id: "bulkSelectOptionDiv" }, this.bulkSelectionTypeAnchor && (h("udp-pop-over", { key: 'cfa71b31d926e2c8d441db6f6d38498be1369e6e', isOpen: this.bulkSelectionTypeAnchor ? true : false, anchorElement: this.bulkSelectionTypeAnchor, handleOnClose: () => this.handleCloseBulkSelectionTypePopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, h("udp-menu-item", { key: '2003fcb7bd33c772c6eeb9cb8769d138b50285d2', label: 'Box', handleOnClick: () => {
                 this.handleBulkSelectionTypeOnclick('box');
-            } }), h("udp-menu-item", { key: 'b1f864cfc27d567527a232524cdfc77eb52e015a', label: 'Circle', handleOnClick: () => {
+            } }), h("udp-menu-item", { key: 'a98d1f96b1923e6b995828e36a7636786423459c', label: 'Circle', handleOnClick: () => {
                 this.handleBulkSelectionTypeOnclick('circle');
-            } }), h("udp-menu-item", { key: 'a0fda41ae5ec5a52228bbe419166cf1c0176b66c', label: 'Polygon', handleOnClick: () => {
+            } }), h("udp-menu-item", { key: '579050689df00c1bd02b45d7ae5cb23ea1ece09a', label: 'Polygon', handleOnClick: () => {
                 this.handleBulkSelectionTypeOnclick('polygon');
-            } }), h("udp-menu-item", { key: '64b903bd46430d1285662848671a0720f0e72c04', label: 'Lasso', handleOnClick: () => {
+            } }), h("udp-menu-item", { key: '432a7b7a06cfb66c950387ed92c15fd1a3ffbbf3', label: 'Lasso', handleOnClick: () => {
                 this.handleBulkSelectionTypeOnclick('lasso');
-            } })))))), !this.readOnlyMap && this.enableSplit && (h("div", { key: '046ab14c180eaecbf16a340f9be3f2898cdcce37', id: "splitOption" }, h("div", { key: 'c1650d16e72a90cb7db670523dd3b485b50024d5', id: "splitOptionButton" }, h("stencil-icon-button", { key: 'a9d02d79f706dea6a87c02fc20877406e28ff6e8', iconName: 'splitButton', iconClassName: 'splitButtonWrapper', tooltip: 'Split Linear Feature', icon: Scalpel16, buttonId: 'splitButton', onClick: () => this.handleSplitBtnOnclick() })), h("div", { key: '88247c876a345ddc7dbf615dae6a0f069932c0ce', id: "splitOptionDiv" }, this.splitAnchor && (h("udp-pop-over", { key: '184c5f17f26a2de0220e13dc63a3ba0bd990bdfc', isOpen: this.splitAnchor ? true : false, anchorElement: this.splitAnchor, handleOnClose: () => this.handleCloseSplitPopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, h("split-line-popup", { key: '302fb6c3d12c3a7122987ef791f6a16ba8dc5e50', vectorLayerOptions: this.layerOptionsForPopup, selectedLayer: this.selectedLayerToAddFeature, handleStartSplitting: this.handleStartSplitting })))))), this.refreshEvent && (h("stencil-icon-button", { key: '2594b4bfe3d784a27843da4b31821104190eb75d', iconName: 'refreshButton', iconClassName: 'iconButtonWrapper', tooltip: (_b = this.refreshButtonTooltip) !== null && _b !== void 0 ? _b : 'Refresh', icon: Renew16, buttonId: 'refreshButton', onClick: () => this.refreshEvent() })), !this.readOnlyMap && (this.enableDragBox || (this.addMultipleFeatures && this.enableAddNewFeature)) && (h("div", { key: '0e8f5d8c4bf66eb254ce7d8660aaa469e30106b3', class: "labelButtons" }, h("stencil-icon-button-grid-action-header", { key: '8dd1e819db15ac9ab94d6cfda4081fdbc11b39dd', showLabel: true, icon: this.getButtonIcon(), onClick: () => {
+            } })))))), !this.readOnlyMap && this.enableSplit && (h("div", { key: 'ee1cae14e2dcef12c14f53cf49dea4cac4e01378', id: "splitOption" }, h("div", { key: '8e611a780fc18f55ce3641a9587b8dbd137881e3', id: "splitOptionButton" }, h("stencil-icon-button", { key: 'edda638a365905bd28ea3f1d165239ddbbd5fd26', iconName: 'splitButton', iconClassName: 'splitButtonWrapper', tooltip: 'Split Linear Feature', icon: Scalpel16, buttonId: 'splitButton', onClick: () => this.handleSplitBtnOnclick() })), h("div", { key: 'f8ef32c8155aadf4d27036d5208e4e3f5af902eb', id: "splitOptionDiv" }, this.splitAnchor && (h("udp-pop-over", { key: '98155546d973b86b4c4bdc7c96060f354294f156', isOpen: this.splitAnchor ? true : false, anchorElement: this.splitAnchor, handleOnClose: () => this.handleCloseSplitPopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, h("split-line-popup", { key: '62ede00bdd63e1f251b30fd03dfba459001892c2', vectorLayerOptions: this.layerOptionsForPopup, selectedLayer: this.selectedLayerToAddFeature, handleStartSplitting: this.handleStartSplitting })))))), this.refreshEvent && (h("stencil-icon-button", { key: 'c3264a415cdc252dd7a91d63f952c1c416651524', iconName: 'refreshButton', iconClassName: 'iconButtonWrapper', tooltip: (_b = this.refreshButtonTooltip) !== null && _b !== void 0 ? _b : 'Refresh', icon: Renew16, buttonId: 'refreshButton', onClick: () => this.refreshEvent() })), !this.readOnlyMap && (this.enableDragBox || (this.addMultipleFeatures && this.enableAddNewFeature)) && (h("div", { key: '327a5ab7ad7e8043f2809048ec91cb7353286d22', class: "labelButtons" }, h("stencil-icon-button-grid-action-header", { key: 'f4a36fc74088cbf82b2d696fa96eb15e2b37eed7', showLabel: true, icon: this.getButtonIcon(), onClick: () => {
                 if (this.enableDragBox) {
                     this.handleCancelBoxSelection();
                 }
                 if (this.enableAddNewFeature) {
                     this.handleAddNewFeature();
                 }
-            }, tooltip: this.getButtonText(), iconClassName: 'save-icon-class' }, h("unity-typography", { key: '9e741081bcdee9b696ceda65f94fa8852223784f', variant: "button" }, this.getButtonText())))), this.showSplitButton && (h("div", { key: '699dc5dfc451770813268649fedf223f0d5818f4', class: "labelButtons" }, h("stencil-icon-button-grid-action-header", { key: 'ae030ca7fbea40a4dd6e01e7b588bf1361914bf9', showLabel: true, icon: Checkmark16, onClick: () => this.handleSaveSplit(), tooltip: 'Save Split', iconClassName: 'save-icon-class' }, h("unity-typography", { key: 'cb248c391bfbf3f9548f84617de19cf8f7d6a1d4', variant: "button" }, 'Save Split')))), this.showSplitButton && (h("div", { key: 'eb129eac44e52ae3901a072bd1f81409a79b9b97', class: "labelButtons" }, h("stencil-icon-button-grid-action-header", { key: 'f3f1e06d7996c6cc6417aa72953088b7fe58f4c6', showLabel: true, icon: Close16, onClick: () => this.handleCancelSplit(), tooltip: 'Cancel Split', iconClassName: 'save-icon-class' }, h("unity-typography", { key: '9ecc562e53f6881873c57b5b84cf2c325f82c302', variant: "button" }, 'Cancel Split')))), !this.readOnlyMap && this.enableAddNewFeature && (h("div", { key: 'd44f675283cb14e18da11551cd914785f757be3b', class: "labelButtons" }, h("stencil-icon-button-grid-action-header", { key: 'ce3f82cab7993f7a4e23b8b0d930a4d9577a2b40', showLabel: true, icon: Close16, onClick: () => this.handleCancelAddNewFeature(), tooltip: 'Cancel Drawing', iconClassName: 'save-icon-class' }, h("unity-typography", { key: '5ce593305098ea539661aa9241ff5fcaeb312533', variant: "button" }, 'Cancel Drawing')))), !this.readOnlyMap && this.withSelected && (h("div", { key: '17c0a761f497b69736a132d86274c4b72c8587f0', class: "selectedFeaturesButtons labelButtons" }, h("div", { key: 'f482097209ee73f87b2ccded62741f08c7e5d36f', id: "withSelectedOption" }, h("div", { key: '6c1dd673b861e77fa9df16c4bfd3cd5ad527ead0', id: "withSelectedOptionButton" }, h("stencil-icon-button-grid-action-header", { key: '900257afb87ea2cbeecda63e468e2d26befe312c', showLabel: true, icon: OverflowMenuHorizontal16, onClick: () => this.handleSelectionActionOnclick(), tooltip: 'With Selected', iconClassName: 'save-icon-class', count: this.selectedFeatureByBoxSelection.length }, h("unity-typography", { key: '61c42fe24533e70243d922a90ace657facbf390f', variant: "button" }, 'With Selected'))), h("div", { key: '55ad4c9a7bba6399ba59783c082afe6cffa3ed8c', id: "withSelectedOptionDiv" }, this.selectedFeaturesActionPanel && this.selectionActionAnchor && (h("udp-pop-over", { key: '389f555f381efda95d9465c588c413405db973ec', isOpen: this.selectionActionAnchor ? true : false, anchorElement: this.selectionActionAnchor, handleOnClose: () => this.handleCloseSelectionActionPopover(), popoverPlacement: 'bottom-start' }, h("div", { key: '574d0b6c5cdf21aaf46de7c64212fd00aed55de2', innerHTML: this.selectedFeaturesActionPanel }))))), h("stencil-icon-button-grid-action-header", { key: '20faae781e32bc29560f632ec95dc13d1fae11a5', showLabel: true, icon: Close16, onClick: () => this.unselectFeatures(), tooltip: 'Cancel selection', iconClassName: 'save-icon-class' }, h("unity-typography", { key: '2f9feebd1b587e9d0e399c22669e55d63b8b97b3', variant: "button" }, 'Cancel Selection'))))), h("div", { key: '8c7ec1fb5f1c1f4ec1b57a158779b6f3b5b85a34', id: "addOption" }, this.enableAdd && !this.readOnlyMap && (h("div", { key: 'bca06f99ee4c9254fdc819faf206862df69e7d31', id: "addOptionButton" }, h("custom-button", { key: '46987f0f04f476a41d1ab42e0e7ad474d8123878', secondary: true, label: h("unity-typography", { variant: "button" }, 'Add'), onClick: () => this.handleAddOnclick(), size: "tall" }, h("udp-icon", { key: '77530ccd29a4ab9011734aaeb547a2ac35c10d0f', iconName: 'add32', darkIcon: false })))), this.addFeatureAnchor && (h("udp-pop-over", { key: 'f9df23cd3dac78f9c12396a4976c50d6ff4d324e', isOpen: this.addFeatureAnchor ? true : false, anchorElement: this.addFeatureAnchor, handleOnClose: () => this.handleCloseAddMapFeature(), popoverPlacement: 'bottom-start', overflow: 'visible' }, h("add-map-feature-popup", { key: 'c23dbdfc6b07e209f6f4f0af5f4d20f300b9fa9c', handleStartDrawingMapFeature: this.handleStartDrawingMapFeature, vectorLayerOptions: this.layerOptionsForPopup, selectedLayer: this.selectedLayerToAddFeature, selectedType: this.selectedTypeToAddFeature, panelConfig: this.addFeaturePanelConfig }))))))));
+            }, tooltip: this.getButtonText(), iconClassName: 'save-icon-class' }, h("unity-typography", { key: 'fcc3897b1368c5b0aa241c1796494e4de6d8b325', variant: "button" }, this.getButtonText())))), this.showSplitButton && (h("div", { key: '0a4f8553821e6bdc0b4fba9afadf2d7b5f4d5ba5', class: "labelButtons" }, h("stencil-icon-button-grid-action-header", { key: 'b597d9ce256257017052248f5e5aebb4e4f92866', showLabel: true, icon: Checkmark16, onClick: () => this.handleSaveSplit(), tooltip: 'Save Split', iconClassName: 'save-icon-class' }, h("unity-typography", { key: '130955876ea775ad4b3b7481639aa8f242bc6486', variant: "button" }, 'Save Split')))), this.showSplitButton && (h("div", { key: '8fd1973ab07382084781c820a6bedc7227d6329a', class: "labelButtons" }, h("stencil-icon-button-grid-action-header", { key: '6849fd18866b96c7278c30a1b36580afdf331e40', showLabel: true, icon: Close16, onClick: () => this.handleCancelSplit(), tooltip: 'Cancel Split', iconClassName: 'save-icon-class' }, h("unity-typography", { key: 'e28f535469b55db57111f0fc38fa90cf4de1b27d', variant: "button" }, 'Cancel Split')))), !this.readOnlyMap && this.enableAddNewFeature && (h("div", { key: '119a8007a5192bfab763a2073f55cc946421dd0f', class: "labelButtons" }, h("stencil-icon-button-grid-action-header", { key: 'c88626634b949f2e8365646a92896a2f949d3089', showLabel: true, icon: Close16, onClick: () => this.handleCancelAddNewFeature(), tooltip: 'Cancel Drawing', iconClassName: 'save-icon-class' }, h("unity-typography", { key: 'ff4e67b6d17a836b4f2f5451fc054787510b177e', variant: "button" }, 'Cancel Drawing')))), !this.readOnlyMap && this.withSelected && (h("div", { key: '7105fac8605a9e46affc8f30b246c959854323cb', class: "selectedFeaturesButtons labelButtons" }, h("div", { key: 'd443a8a12d3ef25d00b7cb075cc32a9e07a62f67', id: "withSelectedOption" }, h("div", { key: '54ccd3e58c0d8abe61648e715b4efc658bd52423', id: "withSelectedOptionButton" }, h("stencil-icon-button-grid-action-header", { key: 'b32ce98ed72d5e0c0b4e2a1d4d9c777d9640ed31', showLabel: true, icon: OverflowMenuHorizontal16, onClick: () => this.handleSelectionActionOnclick(), tooltip: 'With Selected', iconClassName: 'save-icon-class', count: this.selectedFeatureByBoxSelection.length }, h("unity-typography", { key: 'a33ff7822412e5ce01ee6a63485e4ff0e2a36d93', variant: "button" }, 'With Selected'))), h("div", { key: 'd984e772a2a0dff1a6560f1f24c65a8d2ba033e0', id: "withSelectedOptionDiv" }, this.selectedFeaturesActionPanel && this.selectionActionAnchor && (h("udp-pop-over", { key: '353206a0c71e72b2d2cf9131e058967d52d1a4dc', isOpen: this.selectionActionAnchor ? true : false, anchorElement: this.selectionActionAnchor, handleOnClose: () => this.handleCloseSelectionActionPopover(), popoverPlacement: 'bottom-start' }, h("div", { key: 'f9ec5efaed936da814dc721133459b7c0e4bab04', innerHTML: this.selectedFeaturesActionPanel }))))), h("stencil-icon-button-grid-action-header", { key: '1a94fa95f49678598334afdc17ffb518bdf74fe4', showLabel: true, icon: Close16, onClick: () => this.unselectFeatures(), tooltip: 'Cancel selection', iconClassName: 'save-icon-class' }, h("unity-typography", { key: '5fc9a5a5099fe738a905851fddc41c8fdfbbeff9', variant: "button" }, 'Cancel Selection'))))), h("div", { key: '2bf769100c94c55d3153f855103f835c31ae317a', id: "addOption" }, this.enableAdd && !this.readOnlyMap && (h("div", { key: '66de8c0d3798744cf703e6a1e8bd44e280c014a3', id: "addOptionButton" }, h("custom-button", { key: '30bba405b0084f1e3f845f4f6ac7efc361305a12', secondary: true, label: h("unity-typography", { variant: "button" }, 'Add'), onClick: () => this.handleAddOnclick(), size: "tall" }, h("udp-icon", { key: 'b5670b29c6ef042108d1b0800643e5366f728753', iconName: 'add32', darkIcon: false })))), this.addFeatureAnchor && (h("udp-pop-over", { key: 'f6039929585215d5bf5c0089345f22bc32c8f0f1', isOpen: this.addFeatureAnchor ? true : false, anchorElement: this.addFeatureAnchor, handleOnClose: () => this.handleCloseAddMapFeature(), popoverPlacement: 'bottom-start', overflow: 'visible' }, h("add-map-feature-popup", { key: '51c8f591dee3dc01a0d57df61801cecdab9ec4b4', handleStartDrawingMapFeature: this.handleStartDrawingMapFeature, vectorLayerOptions: this.layerOptionsForPopup, selectedLayer: this.selectedLayerToAddFeature, selectedType: this.selectedTypeToAddFeature, panelConfig: this.addFeaturePanelConfig }))))))));
     }
     get mapToolbarElement() { return this; }
     static get watchers() { return {

package/dist/components/numeric-field2.js CHANGED Viewed

@@ -127,7 +127,7 @@ const NumericField = /*@__PURE__*/ proxyCustomElement(class NumericField extends
             'bx--text-input--error': isError,
             'text-field--disabled': this.disabled,
         };
-        return (h(Host, { key: 'efe222e4acc6be9cbb2741e757673f6958e895da', class: {
+        return (h(Host, { key: '5b66f1827ef29b0229c3ae9dddc41f0450ff1bc8', class: {
                 'udp-input': true,
                 'udp-input--error': isError,
                 'udp-input--disabled': this.disabled,
@@ -136,9 +136,9 @@ const NumericField = /*@__PURE__*/ proxyCustomElement(class NumericField extends
                 'udp-input--readonly': this.readonly,
                 [`udp-input--size-${this.size}`]: true,
                 [`udp-input--margin-${this.margin}`]: true,
-            }, "aria-invalid": isError ? 'true' : 'false', "aria-required": this.required ? 'true' : 'false' }, h("div", { key: '66feb024a13e9c2fb95a386d0e025b15a9fcebb5', class: "bx--form-item" }, h("unity-typography", { key: '65469753637179be15c383bf8f6f819d9b5fdb10', variant: "caption-text" }, h("label", { key: 'cf0f7ddd918efde5aacba18537536bb2dd101e98', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), this.hidden ? (h("input", { id: this.id, type: "hidden", value: this.internalValue, name: this.name })) : (h("input", { id: this.id, name: this.name, type: "number", class: Object.assign({}, inputClass), placeholder: this.placeholder, value: this.internalValue, required: this.required, disabled: this.disabled, readOnly: this.readonly, onFocus: this.onFocus, onInput: this.onInput, onChange: this.onChange, onBlur: this.onBlur, inputMode: this.inputMode, min: this.min, max: this.max, step: this.step,
+            }, "aria-invalid": isError ? 'true' : 'false', "aria-required": this.required ? 'true' : 'false' }, h("div", { key: '0f3813d731bfddf9c4bd1e92d1353dcdba8ca8db', class: "bx--form-item" }, h("unity-typography", { key: '8f4efdc44e69a5abbba47c09f6ed2219e8a1f967', variant: "caption-text" }, h("label", { key: '80e97e98b7270dc8c0bc14be4a2c0ec509fdb0fd', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), this.hidden ? (h("input", { id: this.id, type: "hidden", value: this.internalValue, name: this.name })) : (h("input", { id: this.id, name: this.name, type: "number", class: Object.assign({}, inputClass), placeholder: this.placeholder, value: this.internalValue, required: this.required, disabled: this.disabled, readOnly: this.readonly, onFocus: this.onFocus, onInput: this.onInput, onChange: this.onChange, onBlur: this.onBlur, inputMode: this.inputMode, min: this.min, max: this.max, step: this.step,
             //@ts-ignore
-            udprecordid: 'udpRecord-number-field-' + this.id })), isError && (h("div", { key: '679fa05b23a7d3a41fb18f3a77859331f6460011', class: "error-message" }, h("unity-typography", { key: 'ea5f43b1356863a2dfe7b76918ddad8d646030a3', variant: "caption-text", color: "error" }, this.errorMessage))))));
+            udprecordid: 'udpRecord-number-field-' + this.id })), isError && (h("div", { key: 'fa3c05e26d05edd9effcc140767d443d781b909a', class: "error-message" }, h("unity-typography", { key: '60ee4505e360a162e85097a15859fc2e65969bc0', variant: "caption-text", color: "error" }, this.errorMessage))))));
     }
     static get watchers() { return {
         "error": ["updateError"],

package/dist/components/resource-timeline-calendar.js CHANGED Viewed

@@ -1,21 +1,25 @@
 import { p as proxyCustomElement, H, h } from './index2.js';
-import { d as defineCustomElement$k } from './ag-grid-base2.js';
-import { d as defineCustomElement$j } from './client-side-grid2.js';
-import { d as defineCustomElement$i } from './ghost-render2.js';
-import { d as defineCustomElement$h } from './grid-header2.js';
-import { d as defineCustomElement$g } from './hint-panel2.js';
-import { d as defineCustomElement$f } from './resource-timeline-primary-bar2.js';
-import { d as defineCustomElement$e } from './udp-ambient-tool-tip2.js';
-import { d as defineCustomElement$d } from './udp-avatar2.js';
-import { d as defineCustomElement$c } from './udp-badge2.js';
-import { d as defineCustomElement$b } from './udp-button2.js';
-import { d as defineCustomElement$a } from './udp-chip2.js';
-import { d as defineCustomElement$9 } from './udp-dialog2.js';
-import { d as defineCustomElement$8 } from './udp-icon2.js';
-import { d as defineCustomElement$7 } from './udp-icon-button2.js';
-import { d as defineCustomElement$6 } from './list-item.js';
-import { d as defineCustomElement$5 } from './udp-menu2.js';
-import { d as defineCustomElement$4 } from './udp-menu-item2.js';
+import { d as defineCustomElement$o } from './ag-grid-base2.js';
+import { d as defineCustomElement$n } from './client-side-grid2.js';
+import { d as defineCustomElement$m } from './ghost-render2.js';
+import { d as defineCustomElement$l } from './grid-header2.js';
+import { d as defineCustomElement$k } from './hint-panel2.js';
+import { d as defineCustomElement$j } from './resource-timeline-primary-bar2.js';
+import { d as defineCustomElement$i } from './stencil-icon-button2.js';
+import { d as defineCustomElement$h } from './udp-ambient-tool-tip2.js';
+import { d as defineCustomElement$g } from './udp-avatar2.js';
+import { d as defineCustomElement$f } from './udp-badge2.js';
+import { d as defineCustomElement$e } from './udp-button2.js';
+import { d as defineCustomElement$d } from './udp-chip2.js';
+import { d as defineCustomElement$c } from './udp-dialog2.js';
+import { d as defineCustomElement$b } from './udp-icon2.js';
+import { d as defineCustomElement$a } from './udp-icon-button2.js';
+import { d as defineCustomElement$9 } from './udp-linear-loader2.js';
+import { d as defineCustomElement$8 } from './list-item.js';
+import { d as defineCustomElement$7 } from './udp-menu2.js';
+import { d as defineCustomElement$6 } from './udp-menu-item2.js';
+import { d as defineCustomElement$5 } from './udp-pop-over2.js';
+import { d as defineCustomElement$4 } from './udp-side-sheet2.js';
 import { d as defineCustomElement$3 } from './udp-skeleton-loading2.js';
 import { d as defineCustomElement$2 } from './unity-typography2.js';
@@ -212,7 +216,7 @@ const ResourceTimelineCalendar$1 = /*@__PURE__*/ proxyCustomElement(class Resour
     }
     render() {
         const todayString = new Date().toLocaleDateString('en-US');
-        return (h("div", { key: '05cf3842abc0b52ab72f03c1019d53ec40bda0b7', class: "resource-timeline-calendar" }, h("resource-timeline-primary-bar", { key: 'c35441fa99b9e1f82aa55b95eebe2421c16e6a31', gridBarTitle: this.gridBarTitle, subTitle: this.subTitle, primaryAction: this.primaryAction, secondaryAction: this.secondaryAction, clickBackward: this.handleClickBackward, clickForward: this.handleClickForward, clickToday: this.handleClickToday, subtitleStatus: this.subtitleStatus, subtitleStatusMappingClasses: this.subtitleStatusMappingClasses, disableHeaderActions: this.disableHeaderActions, showLockedIcon: this.showLockedIcon, expandAll: this.expandGroups, collapseAll: this.collapseGroups }), h("client-side-grid", { key: '3ac6eaf3866a0a156f21486d50848503e730339a', rowData: this.filledRowData, columnDefs: this.formattedColumnDefs, gridOptions: Object.assign(Object.assign({}, this.additionalGridOptions), { components: {
+        return (h("div", { key: 'cd451db6f5b3adf145b163e6bd1e9ecb51a176c1', class: "resource-timeline-calendar" }, h("resource-timeline-primary-bar", { key: 'dd1dd4ec783533d87787e3511baea1c9075a9847', gridBarTitle: this.gridBarTitle, subTitle: this.subTitle, primaryAction: this.primaryAction, secondaryAction: this.secondaryAction, clickBackward: this.handleClickBackward, clickForward: this.handleClickForward, clickToday: this.handleClickToday, subtitleStatus: this.subtitleStatus, subtitleStatusMappingClasses: this.subtitleStatusMappingClasses, disableHeaderActions: this.disableHeaderActions, showLockedIcon: this.showLockedIcon, expandAll: this.expandGroups, collapseAll: this.collapseGroups }), h("client-side-grid", { key: 'c7f5f5d2896aa1ff6cfaffdecfc5ae2c6eaed1f2', rowData: this.filledRowData, columnDefs: this.formattedColumnDefs, gridOptions: Object.assign(Object.assign({}, this.additionalGridOptions), { components: {
                     agGridSubtitleCellRenderer: AgGridSubtitleCellRenderer,
                     resourceTimelineCalendarHeader: ResourceTimelineColumnHeader,
                 }, processPivotResultColDef: colDef => {
@@ -293,7 +297,7 @@ function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["resource-timeline-calendar", "ag-grid-base", "client-side-grid", "ghost-render", "grid-header", "hint-panel", "resource-timeline-primary-bar", "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", "udp-skeleton-loading", "unity-typography"];
+    const components = ["resource-timeline-calendar", "ag-grid-base", "client-side-grid", "ghost-render", "grid-header", "hint-panel", "resource-timeline-primary-bar", "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", "udp-skeleton-loading", "unity-typography"];
     components.forEach(tagName => { switch (tagName) {
         case "resource-timeline-calendar":
             if (!customElements.get(tagName)) {
@@ -302,85 +306,105 @@ function defineCustomElement$1() {
             break;
         case "ag-grid-base":
             if (!customElements.get(tagName)) {
-                defineCustomElement$k();
+                defineCustomElement$o();
             }
             break;
         case "client-side-grid":
             if (!customElements.get(tagName)) {
-                defineCustomElement$j();
+                defineCustomElement$n();
             }
             break;
         case "ghost-render":
             if (!customElements.get(tagName)) {
-                defineCustomElement$i();
+                defineCustomElement$m();
             }
             break;
         case "grid-header":
             if (!customElements.get(tagName)) {
-                defineCustomElement$h();
+                defineCustomElement$l();
             }
             break;
         case "hint-panel":
             if (!customElements.get(tagName)) {
-                defineCustomElement$g();
+                defineCustomElement$k();
             }
             break;
         case "resource-timeline-primary-bar":
             if (!customElements.get(tagName)) {
-                defineCustomElement$f();
+                defineCustomElement$j();
+            }
+            break;
+        case "stencil-icon-button":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$i();
             }
             break;
         case "udp-ambient-tool-tip":
             if (!customElements.get(tagName)) {
-                defineCustomElement$e();
+                defineCustomElement$h();
             }
             break;
         case "udp-avatar":
             if (!customElements.get(tagName)) {
-                defineCustomElement$d();
+                defineCustomElement$g();
             }
             break;
         case "udp-badge":
             if (!customElements.get(tagName)) {
-                defineCustomElement$c();
+                defineCustomElement$f();
             }
             break;
         case "udp-button":
             if (!customElements.get(tagName)) {
-                defineCustomElement$b();
+                defineCustomElement$e();
             }
             break;
         case "udp-chip":
             if (!customElements.get(tagName)) {
-                defineCustomElement$a();
+                defineCustomElement$d();
             }
             break;
         case "udp-dialog":
             if (!customElements.get(tagName)) {
-                defineCustomElement$9();
+                defineCustomElement$c();
             }
             break;
         case "udp-icon":
             if (!customElements.get(tagName)) {
-                defineCustomElement$8();
+                defineCustomElement$b();
             }
             break;
         case "udp-icon-button":
             if (!customElements.get(tagName)) {
-                defineCustomElement$7();
+                defineCustomElement$a();
+            }
+            break;
+        case "udp-linear-loader":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$9();
             }
             break;
         case "udp-list-item":
             if (!customElements.get(tagName)) {
-                defineCustomElement$6();
+                defineCustomElement$8();
             }
             break;
         case "udp-menu":
             if (!customElements.get(tagName)) {
-                defineCustomElement$5();
+                defineCustomElement$7();
             }
             break;
         case "udp-menu-item":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$6();
+            }
+            break;
+        case "udp-pop-over":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "udp-side-sheet":
             if (!customElements.get(tagName)) {
                 defineCustomElement$4();
             }

package/dist/components/resource-timeline-calendar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"resource-timeline-calendar.js","mappings":"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","names":["ResourceTimelineCalendar","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/grid/renderers/ag-grid-subtitle-cell-renderer.tsx","src/components/grid/resource-timeline-calendar/resource-timeline-column-header.tsx","src/components/grid/resource-timeline-calendar/resource-timeline-calendar.css?tag=resource-timeline-calendar","src/components/grid/resource-timeline-calendar/resource-timeline-calendar.tsx"],"sourcesContent":["export default class AgGridSubtitleCellRenderer {\n eGui;\n eValueContainer;\n node;\n\n init(params) {\n this.node = params.node;\n this.eGui = document.createElement('div');\n this.eGui.setAttribute('style', `display: flex`);\n this.eValueContainer = document.createElement('span');\n this.eValueContainer.setAttribute('class', 'eValueContainer');\n this.eGui.appendChild(this.eValueContainer);\n\n // Call the rendering logic for the first time\n this.renderContent(params);\n }\n\n getGui() {\n return this.eGui;\n }\n\n refresh(params) {\n if (!this.eValueContainer \|\| !this.node) return false;\n\n // Re-render chip contents when data changes\n this.renderContent(params);\n\n // Returning true tells AG Grid we handled the refresh\n return true;\n }\n\n // A new helper method to handle the rendering logic\n renderContent(params) {\n this.eValueContainer.innerHTML = ''; // Clear content\n if (!this.node.group \|\| !params?.getHeaderValues) {\n return;\n }\n const res = params.getHeaderValues(params);\n if (res?.subtitle && res?.chipValue) {\n //render title, subtitle, and chip\n this.eValueContainer.innerHTML = `\n <div class=\"custom-group-column\">\n <div class=\"title-container\">\n <div class=\"title\">${res?.title}</div>\n <div class=\"sub-title\">${res?.subtitle}</div>\n </div>\n <div class=\"chip-container\">\n <udp-chip></udp-chip>\n </div>\n </div>`;\n\n const statusChip = this.eGui.querySelector('udp-chip');\n statusChip.variant = 'outlined';\n statusChip.label = res?.chipValue;\n statusChip.color = params?.statusClasses[res?.chipValue];\n statusChip.size = 'small';\n } else if (res?.subtitle) {\n //just render title and subtitle\n this.eValueContainer.innerHTML = `\n <div class=\"custom-group-column\">\n <div class=\"title-container\">\n <div class=\"title\">${res?.title}</div>\n <div class=\"sub-title\">${res?.subtitle}</div>\n </div>\n </div>`;\n } else {\n //just render title\n this.eValueContainer.innerHTML = `<div class=\"title\">${res?.title \|\| '-'}</div>`;\n }\n }\n\n destroy() {\n // Clean up if needed\n }\n}\n","export default class ResourceTimelineColumnHeader {\n eGui;\n\n init(params) {\n this.eGui = document.createElement('div');\n this.eGui.classList.add('custom-header');\n let stringDate = params.column.colDef.pivotKeys[0];\n\n const dateObject = new Date(stringDate);\n const day = dateObject.toLocaleString(undefined, {\n weekday: 'short',\n });\n const date = dateObject.toLocaleString(undefined, {\n month: 'short',\n day: 'numeric',\n });\n\n this.eGui.innerHTML = `\n <div class=\"header-group\">\n <div class=\"title\">${day}</div>\n <div class=\"sub-title\">${date}</div>\n </div>`;\n }\n\n getGui() {\n return this.eGui;\n }\n\n refresh() {\n return false;\n }\n}\n",".resource-timeline-calendar {\n .header-group {\n display: flex;\n flex-direction: column;\n align-items: center;\n }\n\n .custom-header {\n font-size: 12px;\n }\n\n .header-group .title {\n color: rgba(0, 0, 0, 0.38);\n font-weight: 400;\n }\n\n .header-group .sub-title {\n color: black;\n font-weight: 400;\n }\n\n .custom-group-column {\n display: flex;\n flex-direction: row;\n width: 150px;\n align-items: flex-start;\n margin-top: -6px;\n font-size: 12px;\n }\n\n .custom-group-column .title {\n height: 14px;\n text-overflow: ellipsis;\n white-space: nowrap;\n width: 100%;\n }\n\n .custom-group-column .title-container {\n display: flex;\n flex-direction: column;\n width: 100%;\n }\n\n .custom-group-column .chip-container {\n height: 15px;\n margin-left: var(--spacing-01);\n font-weight: 300;\n position: absolute;\n right: var(--spacing-03);\n margin-top: var(--spacing-03);\n }\n\n\n .custom-group-column .sub-title {\n font-weight: 400;\n color: rgba(0, 0, 0, 0.6);\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n width: 100%;\n }\n\n .ag-header-cell,\n .ag-cell {\n border-right: 1px solid #f1f3f5;\n }\n\n .ag-header-cell:last-of-type,\n .ag-cell:last-of-type {\n border-right: none;\n }\n\n /* Doesnt display none row group */\n .hide-row {\n display: none;\n }\n\n .ag-row-level-0 {\n font-size: 12px;\n background-color: #f4f6f8;\n font-weight: 600;\n }\n\n .ag-row-level-1 {\n font-size: 12px;\n background-color: #fafbfc\n }\n\n .ag-row-level-2 {\n font-size: 11px;\n color: rgba(0, 0, 0, 0.72);\n }\n\n\n .today-header {\n background-color: #e6f7ff;\n border-top: 1px solid #4e8cff;\n }\n\n .weekend-header {\n background-color: rgba(0, 0, 0, 0.03);\n }\n\n .ag-header-cell-comp-wrapper {\n justify-content: center;\n }\n\n\n}\n","import { Component, Element, h, State, Prop, Watch } from '@stencil/core';\nimport './resource-timeline-calendar.css';\nimport AgGridSubtitleCellRenderer from '../renderers/ag-grid-subtitle-cell-renderer';\nimport ResourceTimelineColumnHeader from './resource-timeline-column-header';\nimport { GridApiMethods } from 'src/components';\nimport { GridHeaderCustomAction } from '../new-grid/interfaces/grid';\n@Component({\n tag: 'resource-timeline-calendar',\n styleUrl: 'resource-timeline-calendar.css',\n shadow: false,\n})\nexport class ResourceTimelineCalendar {\n @Element() el: HTMLElement;\n\n @Prop() rowData: any[] = [];\n @Prop() gridBarTitle: string = '';\n @Prop() subTitle: string = '';\n @Prop() startDate: string; //Must a parsable date string\n @Prop() endDate: string; //must be a parsable date string\n @Prop() dateKey: string = ''; //the field used a the transaction date in the data. must be parsable date string\n @Prop() columnDefs: Array<any> = [];\n @Prop() handleClickForward: () => void;\n @Prop() handleClickBackward: () => void;\n @Prop() handleClickToday: () => void;\n @Prop() primaryAction: GridHeaderCustomAction;\n @Prop() secondaryAction: GridHeaderCustomAction;\n @Prop() additionalGridOptions: object = {};\n @Prop() subtitleStatus: string;\n @Prop() subtitleStatusMappingClasses: { [key: string]: string } = {};\n @Prop() showRowTotals: boolean = true;\n @Prop() disableHeaderActions: boolean;\n @Prop() dataLoading: boolean = false;\n @Prop() convertDatesFromUTC: boolean = false; //If dates are in utc but not in iso format (missing 'Z'), this will convert to the user's local time zone. Otherwise takes the dateTime at face value.\n @Prop() showLockedIcon: boolean = false;\n @Prop() gridApiCallback: (api) => null;\n @Prop() processPivotResultColDef: (colDef) => null;\n\n @State() filledRowData: any = [];\n @State() formattedColumnDefs: any = [];\n\n private gridApi: GridApiMethods;\n\n //helper function to get dates in range\n getDates(startDate, stopDate) {\n let dateArray = [];\n let currentDate = new Date(startDate);\n while (currentDate <= stopDate) {\n dateArray.push(new Date(currentDate));\n currentDate.setDate(currentDate.getDate() + 1);\n }\n return dateArray;\n }\n\n //helper function to fill add dummy records for dates in range\n fillInEmptyDates(data, dateRange) {\n let filledRowData = [...data];\n dateRange.forEach(date => {\n //Create x new blank records for x days in date range so that the calendar always displays all available days\n filledRowData.push({\n [this.dateKey]: date.toISOString().split('.')[0],\n isDateRangePlaceholder: true,\n });\n });\n return filledRowData;\n }\n\n //update client side data\n @Watch('rowData')\n updateRowData() {\n if (this.rowData && this.startDate && this.endDate) {\n let dateRange = this.getDates(new Date(this.startDate), new Date(this.endDate));\n const filledRowData = this.fillInEmptyDates(this.rowData, dateRange);\n this.filledRowData = filledRowData;\n this.gridApi.refreshClientSideRowModel('group');\n }\n }\n\n dateCompare(a, b) {\n const dateA = new Date(a);\n dateA.setHours(0, 0, 0, 0);\n const dateB = new Date(b);\n dateB.setHours(0, 0, 0, 0);\n return dateA.getTime() - dateB.getTime();\n }\n\n @Watch('columnDefs')\n createColumnDefs() {\n let columnDefs = [...this.columnDefs];\n columnDefs.push({\n field: this.dateKey,\n pivot: true,\n pivotComparator: this.dateCompare,\n valueGetter: params => {\n let dateString = '';\n if (this.convertDatesFromUTC) {\n dateString = new Date(params.data[this.dateKey] + 'Z').toLocaleDateString('en-US');\n } else {\n dateString = new Date(params.data[this.dateKey]).toLocaleDateString('en-US');\n }\n return dateString;\n },\n });\n this.formattedColumnDefs = columnDefs;\n }\n\n @Watch('dataLoading')\n toggleDataLoading() {\n this.gridApi.toggleLoadingOverlay(this.dataLoading);\n }\n\n expandGroups = () => {\n this.gridApi.expandAll();\n };\n\n collapseGroups = () => {\n this.gridApi.collapseAll();\n };\n\n handleGridApi = api => {\n this.gridApi = api;\n this.gridApiCallback(api);\n this.gridApi.toggleLoadingOverlay(this.dataLoading);\n };\n\n componentDidLoad() {\n this.createColumnDefs();\n this.updateRowData();\n }\n\n render() {\n const todayString = new Date().toLocaleDateString('en-US');\n return (\n <div class=\"resource-timeline-calendar\">\n <resource-timeline-primary-bar\n gridBarTitle={this.gridBarTitle}\n subTitle={this.subTitle}\n primaryAction={this.primaryAction}\n secondaryAction={this.secondaryAction}\n clickBackward={this.handleClickBackward}\n clickForward={this.handleClickForward}\n clickToday={this.handleClickToday}\n subtitleStatus={this.subtitleStatus}\n subtitleStatusMappingClasses={this.subtitleStatusMappingClasses}\n disableHeaderActions={this.disableHeaderActions}\n showLockedIcon={this.showLockedIcon}\n expandAll={this.expandGroups}\n collapseAll={this.collapseGroups}\n ></resource-timeline-primary-bar>\n <client-side-grid\n rowData={this.filledRowData}\n columnDefs={this.formattedColumnDefs}\n gridOptions={{\n ...this.additionalGridOptions,\n components: {\n agGridSubtitleCellRenderer: AgGridSubtitleCellRenderer,\n resourceTimelineCalendarHeader: ResourceTimelineColumnHeader,\n },\n processPivotResultColDef: colDef => {\n colDef.suppressHeaderContextMenu = true\n\n\n // Check if this is a date pivot column (and not a \"Total\" column)\n if (!colDef.pivotTotalColumnIds && colDef.pivotKeys) {\n const columnDateString = colDef.pivotKeys[0];\n const columnDate = new Date(columnDateString);\n const dayOfWeek = columnDate.getDay(); // 0 is Sunday, 6 is Saturday\n\n // Use an array to handle multiple potential classes\n let headerClasses = [];\n\n // Add \"today-header\" class if it's today's date\n if (columnDateString === todayString) {\n headerClasses.push('today-header');\n colDef.cellClass = 'today-column-border';\n }\n\n // Add \"weekend-header\" class if it's a Saturday or Sunday\n if (dayOfWeek === 0 \|\| dayOfWeek === 6) {\n headerClasses.push('weekend-header');\n }\n\n // Apply the collected classes to the column definition\n if (headerClasses.length > 0) {\n colDef.headerClass = headerClasses;\n }\n\n colDef.headerComponent = 'resourceTimelineCalendarHeader';\n (colDef.minWidth = 70), (colDef.resizable = false);\n }\n\n if (this.processPivotResultColDef) {\n this.processPivotResultColDef(colDef);\n }\n },\n rowClassRules: {\n //Remove the null row due to filling in the dates in range\n 'hide-row': params => {\n return (\n params.node.group &&\n params.node.allLeafChildren?.[0]?.data?.isDateRangePlaceholder === true\n );\n },\n },\n pivotMode: true,\n removePivotHeaderRowWhenSingleValueColumn: true,\n suppressAggFuncInHeader: true,\n pivotRowTotals: 'after',\n suppressMovableColumns: true,\n enableStrictPivotColumnOrder: true,\n }}\n gridApiCallback={this.handleGridApi}\n />\n </div>\n );\n }\n}\n"],"version":3}
1	+ {"file":"resource-timeline-calendar.js","mappings":"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","names":["ResourceTimelineCalendar","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/grid/renderers/ag-grid-subtitle-cell-renderer.tsx","src/components/grid/resource-timeline-calendar/resource-timeline-column-header.tsx","src/components/grid/resource-timeline-calendar/resource-timeline-calendar.css?tag=resource-timeline-calendar","src/components/grid/resource-timeline-calendar/resource-timeline-calendar.tsx"],"sourcesContent":["export default class AgGridSubtitleCellRenderer {\n eGui;\n eValueContainer;\n node;\n\n init(params) {\n this.node = params.node;\n this.eGui = document.createElement('div');\n this.eGui.setAttribute('style', `display: flex`);\n this.eValueContainer = document.createElement('span');\n this.eValueContainer.setAttribute('class', 'eValueContainer');\n this.eGui.appendChild(this.eValueContainer);\n\n // Call the rendering logic for the first time\n this.renderContent(params);\n }\n\n getGui() {\n return this.eGui;\n }\n\n refresh(params) {\n if (!this.eValueContainer \|\| !this.node) return false;\n\n // Re-render chip contents when data changes\n this.renderContent(params);\n\n // Returning true tells AG Grid we handled the refresh\n return true;\n }\n\n // A new helper method to handle the rendering logic\n renderContent(params) {\n this.eValueContainer.innerHTML = ''; // Clear content\n if (!this.node.group \|\| !params?.getHeaderValues) {\n return;\n }\n const res = params.getHeaderValues(params);\n if (res?.subtitle && res?.chipValue) {\n //render title, subtitle, and chip\n this.eValueContainer.innerHTML = `\n <div class=\"custom-group-column\">\n <div class=\"title-container\">\n <div class=\"title\">${res?.title}</div>\n <div class=\"sub-title\">${res?.subtitle}</div>\n </div>\n <div class=\"chip-container\">\n <udp-chip></udp-chip>\n </div>\n </div>`;\n\n const statusChip = this.eGui.querySelector('udp-chip');\n statusChip.variant = 'outlined';\n statusChip.label = res?.chipValue;\n statusChip.color = params?.statusClasses[res?.chipValue];\n statusChip.size = 'small';\n } else if (res?.subtitle) {\n //just render title and subtitle\n this.eValueContainer.innerHTML = `\n <div class=\"custom-group-column\">\n <div class=\"title-container\">\n <div class=\"title\">${res?.title}</div>\n <div class=\"sub-title\">${res?.subtitle}</div>\n </div>\n </div>`;\n } else {\n //just render title\n this.eValueContainer.innerHTML = `<div class=\"title\">${res?.title \|\| '-'}</div>`;\n }\n }\n\n destroy() {\n // Clean up if needed\n }\n}\n","export default class ResourceTimelineColumnHeader {\n eGui;\n\n init(params) {\n this.eGui = document.createElement('div');\n this.eGui.classList.add('custom-header');\n let stringDate = params.column.colDef.pivotKeys[0];\n\n const dateObject = new Date(stringDate);\n const day = dateObject.toLocaleString(undefined, {\n weekday: 'short',\n });\n const date = dateObject.toLocaleString(undefined, {\n month: 'short',\n day: 'numeric',\n });\n\n this.eGui.innerHTML = `\n <div class=\"header-group\">\n <div class=\"title\">${day}</div>\n <div class=\"sub-title\">${date}</div>\n </div>`;\n }\n\n getGui() {\n return this.eGui;\n }\n\n refresh() {\n return false;\n }\n}\n",".resource-timeline-calendar {\n .header-group {\n display: flex;\n flex-direction: column;\n align-items: center;\n }\n\n .custom-header {\n font-size: 12px;\n }\n\n .header-group .title {\n color: rgba(0, 0, 0, 0.38);\n font-weight: 400;\n }\n\n .header-group .sub-title {\n color: black;\n font-weight: 400;\n }\n\n .custom-group-column {\n display: flex;\n flex-direction: row;\n width: 150px;\n align-items: flex-start;\n margin-top: -6px;\n font-size: 12px;\n }\n\n .custom-group-column .title {\n height: 14px;\n text-overflow: ellipsis;\n white-space: nowrap;\n width: 100%;\n }\n\n .custom-group-column .title-container {\n display: flex;\n flex-direction: column;\n width: 100%;\n }\n\n .custom-group-column .chip-container {\n height: 15px;\n margin-left: var(--spacing-01);\n font-weight: 300;\n position: absolute;\n right: var(--spacing-03);\n margin-top: var(--spacing-03);\n }\n\n\n .custom-group-column .sub-title {\n font-weight: 400;\n color: rgba(0, 0, 0, 0.6);\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n width: 100%;\n }\n\n .ag-header-cell,\n .ag-cell {\n border-right: 1px solid #f1f3f5;\n }\n\n .ag-header-cell:last-of-type,\n .ag-cell:last-of-type {\n border-right: none;\n }\n\n /* Doesnt display none row group */\n .hide-row {\n display: none;\n }\n\n .ag-row-level-0 {\n font-size: 12px;\n background-color: #f4f6f8;\n font-weight: 600;\n }\n\n .ag-row-level-1 {\n font-size: 12px;\n background-color: #fafbfc\n }\n\n .ag-row-level-2 {\n font-size: 11px;\n color: rgba(0, 0, 0, 0.72);\n }\n\n\n .today-header {\n background-color: #e6f7ff;\n border-top: 1px solid #4e8cff;\n }\n\n .weekend-header {\n background-color: rgba(0, 0, 0, 0.03);\n }\n\n .ag-header-cell-comp-wrapper {\n justify-content: center;\n }\n\n\n}\n","import { Component, Element, h, State, Prop, Watch } from '@stencil/core';\nimport './resource-timeline-calendar.css';\nimport AgGridSubtitleCellRenderer from '../renderers/ag-grid-subtitle-cell-renderer';\nimport ResourceTimelineColumnHeader from './resource-timeline-column-header';\nimport { GridApiMethods } from 'src/components';\nimport { GridHeaderCustomAction } from '../new-grid/interfaces/grid';\n@Component({\n tag: 'resource-timeline-calendar',\n styleUrl: 'resource-timeline-calendar.css',\n shadow: false,\n})\nexport class ResourceTimelineCalendar {\n @Element() el: HTMLElement;\n\n @Prop() rowData: any[] = [];\n @Prop() gridBarTitle: string = '';\n @Prop() subTitle: string = '';\n @Prop() startDate: string; //Must a parsable date string\n @Prop() endDate: string; //must be a parsable date string\n @Prop() dateKey: string = ''; //the field used a the transaction date in the data. must be parsable date string\n @Prop() columnDefs: Array<any> = [];\n @Prop() handleClickForward: () => void;\n @Prop() handleClickBackward: () => void;\n @Prop() handleClickToday: () => void;\n @Prop() primaryAction: GridHeaderCustomAction;\n @Prop() secondaryAction: GridHeaderCustomAction;\n @Prop() additionalGridOptions: object = {};\n @Prop() subtitleStatus: string;\n @Prop() subtitleStatusMappingClasses: { [key: string]: string } = {};\n @Prop() showRowTotals: boolean = true;\n @Prop() disableHeaderActions: boolean;\n @Prop() dataLoading: boolean = false;\n @Prop() convertDatesFromUTC: boolean = false; //If dates are in utc but not in iso format (missing 'Z'), this will convert to the user's local time zone. Otherwise takes the dateTime at face value.\n @Prop() showLockedIcon: boolean = false;\n @Prop() gridApiCallback: (api) => null;\n @Prop() processPivotResultColDef: (colDef) => null;\n\n @State() filledRowData: any = [];\n @State() formattedColumnDefs: any = [];\n\n private gridApi: GridApiMethods;\n\n //helper function to get dates in range\n getDates(startDate, stopDate) {\n let dateArray = [];\n let currentDate = new Date(startDate);\n while (currentDate <= stopDate) {\n dateArray.push(new Date(currentDate));\n currentDate.setDate(currentDate.getDate() + 1);\n }\n return dateArray;\n }\n\n //helper function to fill add dummy records for dates in range\n fillInEmptyDates(data, dateRange) {\n let filledRowData = [...data];\n dateRange.forEach(date => {\n //Create x new blank records for x days in date range so that the calendar always displays all available days\n filledRowData.push({\n [this.dateKey]: date.toISOString().split('.')[0],\n isDateRangePlaceholder: true,\n });\n });\n return filledRowData;\n }\n\n //update client side data\n @Watch('rowData')\n updateRowData() {\n if (this.rowData && this.startDate && this.endDate) {\n let dateRange = this.getDates(new Date(this.startDate), new Date(this.endDate));\n const filledRowData = this.fillInEmptyDates(this.rowData, dateRange);\n this.filledRowData = filledRowData;\n this.gridApi.refreshClientSideRowModel('group');\n }\n }\n\n dateCompare(a, b) {\n const dateA = new Date(a);\n dateA.setHours(0, 0, 0, 0);\n const dateB = new Date(b);\n dateB.setHours(0, 0, 0, 0);\n return dateA.getTime() - dateB.getTime();\n }\n\n @Watch('columnDefs')\n createColumnDefs() {\n let columnDefs = [...this.columnDefs];\n columnDefs.push({\n field: this.dateKey,\n pivot: true,\n pivotComparator: this.dateCompare,\n valueGetter: params => {\n let dateString = '';\n if (this.convertDatesFromUTC) {\n dateString = new Date(params.data[this.dateKey] + 'Z').toLocaleDateString('en-US');\n } else {\n dateString = new Date(params.data[this.dateKey]).toLocaleDateString('en-US');\n }\n return dateString;\n },\n });\n this.formattedColumnDefs = columnDefs;\n }\n\n @Watch('dataLoading')\n toggleDataLoading() {\n this.gridApi.toggleLoadingOverlay(this.dataLoading);\n }\n\n expandGroups = () => {\n this.gridApi.expandAll();\n };\n\n collapseGroups = () => {\n this.gridApi.collapseAll();\n };\n\n handleGridApi = api => {\n this.gridApi = api;\n this.gridApiCallback(api);\n this.gridApi.toggleLoadingOverlay(this.dataLoading);\n };\n\n componentDidLoad() {\n this.createColumnDefs();\n this.updateRowData();\n }\n\n render() {\n const todayString = new Date().toLocaleDateString('en-US');\n return (\n <div class=\"resource-timeline-calendar\">\n <resource-timeline-primary-bar\n gridBarTitle={this.gridBarTitle}\n subTitle={this.subTitle}\n primaryAction={this.primaryAction}\n secondaryAction={this.secondaryAction}\n clickBackward={this.handleClickBackward}\n clickForward={this.handleClickForward}\n clickToday={this.handleClickToday}\n subtitleStatus={this.subtitleStatus}\n subtitleStatusMappingClasses={this.subtitleStatusMappingClasses}\n disableHeaderActions={this.disableHeaderActions}\n showLockedIcon={this.showLockedIcon}\n expandAll={this.expandGroups}\n collapseAll={this.collapseGroups}\n ></resource-timeline-primary-bar>\n <client-side-grid\n rowData={this.filledRowData}\n columnDefs={this.formattedColumnDefs}\n gridOptions={{\n ...this.additionalGridOptions,\n components: {\n agGridSubtitleCellRenderer: AgGridSubtitleCellRenderer,\n resourceTimelineCalendarHeader: ResourceTimelineColumnHeader,\n },\n processPivotResultColDef: colDef => {\n colDef.suppressHeaderContextMenu = true\n\n\n // Check if this is a date pivot column (and not a \"Total\" column)\n if (!colDef.pivotTotalColumnIds && colDef.pivotKeys) {\n const columnDateString = colDef.pivotKeys[0];\n const columnDate = new Date(columnDateString);\n const dayOfWeek = columnDate.getDay(); // 0 is Sunday, 6 is Saturday\n\n // Use an array to handle multiple potential classes\n let headerClasses = [];\n\n // Add \"today-header\" class if it's today's date\n if (columnDateString === todayString) {\n headerClasses.push('today-header');\n colDef.cellClass = 'today-column-border';\n }\n\n // Add \"weekend-header\" class if it's a Saturday or Sunday\n if (dayOfWeek === 0 \|\| dayOfWeek === 6) {\n headerClasses.push('weekend-header');\n }\n\n // Apply the collected classes to the column definition\n if (headerClasses.length > 0) {\n colDef.headerClass = headerClasses;\n }\n\n colDef.headerComponent = 'resourceTimelineCalendarHeader';\n (colDef.minWidth = 70), (colDef.resizable = false);\n }\n\n if (this.processPivotResultColDef) {\n this.processPivotResultColDef(colDef);\n }\n },\n rowClassRules: {\n //Remove the null row due to filling in the dates in range\n 'hide-row': params => {\n return (\n params.node.group &&\n params.node.allLeafChildren?.[0]?.data?.isDateRangePlaceholder === true\n );\n },\n },\n pivotMode: true,\n removePivotHeaderRowWhenSingleValueColumn: true,\n suppressAggFuncInHeader: true,\n pivotRowTotals: 'after',\n suppressMovableColumns: true,\n enableStrictPivotColumnOrder: true,\n }}\n gridApiCallback={this.handleGridApi}\n />\n </div>\n );\n }\n}\n"],"version":3}

package/dist/components/resource-timeline-primary-bar2.js CHANGED Viewed

@@ -29,12 +29,12 @@ const ResourceTimelinePrimaryBar = /*@__PURE__*/ proxyCustomElement(class Resour
     }
     render() {
         var _a, _b, _c, _d, _e, _f, _g, _h;
-        return (h("div", { key: '8e6616f42071e34d49f82053c2f6abd7d76a6abb', class: "header-bar" }, h("div", { key: 'f2dd47e01b7183c2e918f1fd15615570ec749949', class: "title-section" }, this.gridBarTitle || this.gridBarTitle === '' ? (h("unity-typography", { variant: "body1", bold: true }, this.gridBarTitle, ' ')) : (h("udp-skeleton-loading", { width: "200px" })), h("div", { key: '04c1bc4b566057d031e6f1bda1c70823c658a293', class: "subtitle" }, this.subTitle || this.subTitle === '' ? (h("unity-typography", { variant: "body1" }, this.subTitle, " ")) : (h("udp-skeleton-loading", { width: "200px" })), h("div", { key: '321a0e69ff2c6d338ef8c2b57b3b1d551f4532e4', class: "subtitle-status" }, this.subtitleStatus && (h("udp-chip", { key: '231c7fe256912fa9541838cb7d263022dd666261', variant: "outlined", size: "small", label: this.subtitleStatus, color: this.subtitleStatusMappingClasses[this.subtitleStatus] })), this.showLockedIcon && (h("udp-icon-button", { key: '1b6747d1599f00bf25c0ff7ce0265b2f475451d8', icon: getIconFromName('lock'), variant: "outlined", size: "x-small", disabled: true }))))), h("div", { key: '3f3ae405fc7fa8bf75ad5e77d1da57c45d0f1008', class: "button-section" }, h("udp-icon-button", { key: '5186c84681a51b8d46e0069bfcce452a0a66f0ab', class: {
+        return (h("div", { key: 'ac7403348a464000c865dd3a231a0615f70f2dd7', class: "header-bar" }, h("div", { key: 'b22e2733b81a674be432372db437225aad5a9e12', class: "title-section" }, this.gridBarTitle || this.gridBarTitle === '' ? (h("unity-typography", { variant: "body1", bold: true }, this.gridBarTitle, ' ')) : (h("udp-skeleton-loading", { width: "200px" })), h("div", { key: 'a8c0d28dba1e794b744c8f4d81a780fab0b8a1f9', class: "subtitle" }, this.subTitle || this.subTitle === '' ? (h("unity-typography", { variant: "body1" }, this.subTitle, " ")) : (h("udp-skeleton-loading", { width: "200px" })), h("div", { key: 'e1fdd4a78d2ad6b241334e548d812cd987e3ad0d', class: "subtitle-status" }, this.subtitleStatus && (h("udp-chip", { key: '10936c1c42f01a61018a92388a6eb380708b9250', variant: "outlined", size: "small", label: this.subtitleStatus, color: this.subtitleStatusMappingClasses[this.subtitleStatus] })), this.showLockedIcon && (h("udp-icon-button", { key: 'df8d9deb69359a8a17a84923fd51a01993e8c279', icon: getIconFromName('lock'), variant: "outlined", size: "x-small", disabled: true }))))), h("div", { key: 'f5055b7f6c6fc1edebb636835038addb21f2b712', class: "button-section" }, h("udp-icon-button", { key: '2a94671c9f61d80c55b743a4d104a6d66fbff7f8', class: {
                 'settings-button': true,
                 'is-open': this.isMenuOpen,
             }, onClick: this.toggleSettingsMenu, ref: (el) => {
                 this.menuAnchorEl = el ? el : undefined;
-            }, icon: getIconFromName('settings'), variant: 'outlined', size: "small", color: "inherit" }), h("udp-menu", { key: '161243abc59126f362f99b9390f951402a3a72ce', open: this.isMenuOpen, anchor: this.menuAnchorEl, handleClose: () => (this.isMenuOpen = false) }, h("udp-menu-item", { key: 'c213552482c6789c2befd4a89c5ee258923fed5b', label: "Expand Groups", onItemClick: this.expandAll }), h("udp-menu-item", { key: 'cfe1017a24bf40f572189ef343411ca6c897e50f', label: "Collapse Groups", onItemClick: this.collapseAll })), this.clickBackward && (h("div", { key: '3de87fd7a86135db7c5e33dc058baf13c055666f', class: "date-navigation" }, this.clickBackward && (h("udp-icon-button", { key: '77ba0fd500c8e7a1aba307a59afef9f1d702c6cf', tooltip: "Previous period", icon: ChevronLeft16, onClick: this.clickBackward, size: "small", color: "inherit", disabled: this.disableHeaderActions })), this.clickToday && (h("udp-button", { key: '5203cc992331e815d68e35e3d1e80cd102de301a', onClick: this.clickToday, size: "small", color: "inherit", disabled: this.disableHeaderActions }, "Today")), this.clickForward && (h("udp-icon-button", { key: 'f7486551ef0cee7a103bf5aa075656de7ed3703a', tooltip: "Next period", icon: ChevronRight24, onClick: this.clickForward, size: "small", color: "inherit", disabled: this.disableHeaderActions })))), ((_a = this.secondaryAction) === null || _a === void 0 ? void 0 : _a.onClick) && (h("udp-button", { key: '35766ccf7634e6809b615843847256ae72574b6b', disabled: ((_b = this.secondaryAction) === null || _b === void 0 ? void 0 : _b.disabled) || this.disableHeaderActions, variant: "outlined", color: "secondary", onButtonClick: this.secondaryAction.onClick, startIcon: h("udp-icon", { iconName: (_c = this.secondaryAction) === null || _c === void 0 ? void 0 : _c.iconName, color: 'inherit' }), size: "medium" }, (_d = this.secondaryAction) === null || _d === void 0 ? void 0 : _d.label)), ((_e = this.primaryAction) === null || _e === void 0 ? void 0 : _e.onClick) && (h("udp-button", { key: 'feadbdddbad0b64e808ac4e778ee074bedb0bcb6', disabled: ((_f = this.primaryAction) === null || _f === void 0 ? void 0 : _f.disabled) || this.disableHeaderActions, startIcon: h("udp-icon", { iconName: (_g = this.primaryAction) === null || _g === void 0 ? void 0 : _g.iconName, color: 'inherit' }), variant: "contained", onButtonClick: this.primaryAction.onClick, color: "secondary" }, (_h = this.primaryAction) === null || _h === void 0 ? void 0 : _h.label)))));
+            }, icon: getIconFromName('settings'), variant: 'outlined', size: "small", color: "inherit" }), h("udp-menu", { key: '351ecbd4e63042f2e313c9898f9d7c05e305b793', open: this.isMenuOpen, anchor: this.menuAnchorEl, handleClose: () => (this.isMenuOpen = false) }, h("udp-menu-item", { key: 'b88e3a4eb6c2f5846338011deebdfdfa3e73b11c', label: "Expand Groups", onItemClick: this.expandAll }), h("udp-menu-item", { key: 'b249840a4f41d035d762035b741c2b182bf86c1c', label: "Collapse Groups", onItemClick: this.collapseAll })), this.clickBackward && (h("div", { key: '749af8006b4f06996643073f2eae90df97947a6c', class: "date-navigation" }, this.clickBackward && (h("udp-icon-button", { key: 'ce31bad842ade74477653aa1f43c540a420ec36e', tooltip: "Previous period", icon: ChevronLeft16, onClick: this.clickBackward, size: "small", color: "inherit", disabled: this.disableHeaderActions })), this.clickToday && (h("udp-button", { key: '1e653d98cbf31ba1115a9b2a107c5645efc4c20f', onClick: this.clickToday, size: "small", color: "inherit", disabled: this.disableHeaderActions }, "Today")), this.clickForward && (h("udp-icon-button", { key: '1aef32ec648196c81d0ade3615d1ae8dba3a514b', tooltip: "Next period", icon: ChevronRight24, onClick: this.clickForward, size: "small", color: "inherit", disabled: this.disableHeaderActions })))), ((_a = this.secondaryAction) === null || _a === void 0 ? void 0 : _a.onClick) && (h("udp-button", { key: '306b66b6de1851bfc6ddb3fb53186be18c7a8a38', disabled: ((_b = this.secondaryAction) === null || _b === void 0 ? void 0 : _b.disabled) || this.disableHeaderActions, variant: "outlined", color: "secondary", onButtonClick: this.secondaryAction.onClick, startIcon: h("udp-icon", { iconName: (_c = this.secondaryAction) === null || _c === void 0 ? void 0 : _c.iconName, color: 'inherit' }), size: "medium" }, (_d = this.secondaryAction) === null || _d === void 0 ? void 0 : _d.label)), ((_e = this.primaryAction) === null || _e === void 0 ? void 0 : _e.onClick) && (h("udp-button", { key: 'c2579b7e8293b5ed7d4fa71d73378f302771e60f', disabled: ((_f = this.primaryAction) === null || _f === void 0 ? void 0 : _f.disabled) || this.disableHeaderActions, startIcon: h("udp-icon", { iconName: (_g = this.primaryAction) === null || _g === void 0 ? void 0 : _g.iconName, color: 'inherit' }), variant: "contained", onButtonClick: this.primaryAction.onClick, color: "secondary" }, (_h = this.primaryAction) === null || _h === void 0 ? void 0 : _h.label)))));
     }
     static get style() { return resourceTimelinePrimaryBarCss; }
 }, [257, "resource-timeline-primary-bar", {