aril 1.1.65 → 1.1.67

package/fesm2022/aril-ui-pdf-viewer.mjs

@@ -19,11 +19,11 @@ class PdfViewerComponent {
         this.fileNameForDownload = input(this.pdfViewer?.filenameForDownload ?? '');
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: PdfViewerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.1.2", type: PdfViewerComponent, isStandalone: true, selector: "aril-pdf-viewer", inputs: { showSidebarButton: { classPropertyName: "showSidebarButton", publicName: "showSidebarButton", isSignal: true, isRequired: false, transformFunction: null }, showFindButton: { classPropertyName: "showFindButton", publicName: "showFindButton", isSignal: true, isRequired: false, transformFunction: null }, showZoomButtons: { classPropertyName: "showZoomButtons", publicName: "showZoomButtons", isSignal: true, isRequired: false, transformFunction: null }, showPresentationModeButton: { classPropertyName: "showPresentationModeButton", publicName: "showPresentationModeButton", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, page: { classPropertyName: "page", publicName: "page", isSignal: true, isRequired: false, transformFunction: null }, src: { classPropertyName: "src", publicName: "src", isSignal: true, isRequired: false, transformFunction: null }, base64Src: { classPropertyName: "base64Src", publicName: "base64Src", isSignal: true, isRequired: false, transformFunction: null }, allowContextMenu: { classPropertyName: "allowContextMenu", publicName: "allowContextMenu", isSignal: true, isRequired: false, transformFunction: null }, handTool: { classPropertyName: "handTool", publicName: "handTool", isSignal: true, isRequired: false, transformFunction: null }, httpHeaders: { classPropertyName: "httpHeaders", publicName: "httpHeaders", isSignal: true, isRequired: false, transformFunction: null }, fileNameForDownload: { classPropertyName: "fileNameForDownload", publicName: "fileNameForDownload", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<ngx-extended-pdf-viewer\n\t#pdfViewer\n\t[base64Src]=\"base64Src()\"\n\tuseBrowserLocale=\"true\"\n\t[height]=\"height()\"\n\t[showToolbar]=\"true\"\n\t[showSidebarButton]=\"showSidebarButton()\"\n\t[showFindButton]=\"showFindButton()\"\n\t[showZoomButtons]=\"showZoomButtons()\"\n\t[showPresentationModeButton]=\"showPresentationModeButton()\"\n\t[page]=\"page()\"\n    [handTool]=\"handTool()\"\n\t[contextMenuAllowed]=\"allowContextMenu()\"\n\t[useInlineScripts]=\"false\"\n\t[filenameForDownload]=\"fileNameForDownload()\">\n</ngx-extended-pdf-viewer>\n", styles: ["ngx-extended-pdf-viewer{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}\n"], dependencies: [{ kind: "ngmodule", type: NgxExtendedPdfViewerModule }, { kind: "component", type: i1.NgxExtendedPdfViewerComponent, selector: "ngx-extended-pdf-viewer", inputs: ["customFindbarInputArea", "customToolbar", "customFindbar", "customFindbarButtons", "customPdfViewer", "customSecondaryToolbar", "customSidebar", "customThumbnail", "customFreeFloatingBar", "showFreeFloatingBar", "enableDragAndDrop", "forceUsingLegacyES5", "formData", "disableForms", "pageViewMode", "scrollMode", "authorization", "httpHeaders", "contextMenuAllowed", "enablePrint", "enablePrintAutoRotate", "showTextEditor", "showStampEditor", "showDrawEditor", "showHighlightEditor", "logLevel", "relativeCoordsOptions", "minifiedJSLibraries", "printResolution", "rotation", "src", "base64Src", "minHeight", "height", "backgroundColor", "filenameForDownload", "ignoreKeyboard", "ignoreKeys", "acceptKeys", "imageResourcesPath", "localeFolderPath", "language", "listenToURL", "nameddest", "password", "replaceBrowserPrint", "useInlineScripts", "showUnverifiedSignatures", "startTabindex", "showSidebarButton", "sidebarVisible", "activeSidebarView", "findbarVisible", "propertiesDialogVisible", "showFindButton", "showFindHighlightAll", "showFindMatchCase", "showFindMultiple", "showFindRegexp", "showFindEntireWord", "showFindMatchDiacritics", "showFindResultsCount", "showFindMessages", "showPagingButtons", "showFirstAndLastPageButtons", "showPreviousAndNextPageButtons", "showPageNumber", "showPageLabel", "showZoomButtons", "showZoomDropdown", "showPresentationModeButton", "showOpenFileButton", "showPrintButton", "showDownloadButton", "theme", "showToolbar", "showSecondaryToolbarButton", "showSinglePageModeButton", "showVerticalScrollButton", "showHorizontalScrollButton", "showWrappedScrollButton", "showInfiniteScrollButton", "showBookModeButton", "showRotateButton", "showRotateCwButton", "showRotateCcwButton", "handTool", "showHandToolButton", "showSpreadButton", "showPropertiesButton", "showBorders", "spread", "showScrollingButtons", "page", "pageLabel", "textLayer", "zoom", "zoomLevels", "maxZoom", "minZoom", "mobileFriendlyZoom"], outputs: ["annotationEditorEvent", "formDataChange", "pageViewModeChange", "progress", "srcChange", "scrollModeChange", "afterPrint", "beforePrint", "currentZoomFactor", "rotationChange", "annotationLayerRendered", "annotationEditorLayerRendered", "xfaLayerRendered", "outlineLoaded", "attachmentsloaded", "layersloaded", "sidebarVisibleChange", "activeSidebarViewChange", "findbarVisibleChange", "propertiesDialogVisibleChange", "handToolChange", "spreadChange", "thumbnailDrawn", "pageChange", "pageLabelChange", "pagesLoaded", "pageRender", "pageRendered", "pdfDownloaded", "pdfLoaded", "pdfLoadingStarts", "pdfLoadingFailed", "textLayerRendered", "annotationEditorModeChanged", "updateFindMatchesCount", "updateFindState", "zoomChange"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.1.2", type: PdfViewerComponent, isStandalone: true, selector: "aril-pdf-viewer", inputs: { showSidebarButton: { classPropertyName: "showSidebarButton", publicName: "showSidebarButton", isSignal: true, isRequired: false, transformFunction: null }, showFindButton: { classPropertyName: "showFindButton", publicName: "showFindButton", isSignal: true, isRequired: false, transformFunction: null }, showZoomButtons: { classPropertyName: "showZoomButtons", publicName: "showZoomButtons", isSignal: true, isRequired: false, transformFunction: null }, showPresentationModeButton: { classPropertyName: "showPresentationModeButton", publicName: "showPresentationModeButton", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, page: { classPropertyName: "page", publicName: "page", isSignal: true, isRequired: false, transformFunction: null }, src: { classPropertyName: "src", publicName: "src", isSignal: true, isRequired: false, transformFunction: null }, base64Src: { classPropertyName: "base64Src", publicName: "base64Src", isSignal: true, isRequired: false, transformFunction: null }, allowContextMenu: { classPropertyName: "allowContextMenu", publicName: "allowContextMenu", isSignal: true, isRequired: false, transformFunction: null }, handTool: { classPropertyName: "handTool", publicName: "handTool", isSignal: true, isRequired: false, transformFunction: null }, httpHeaders: { classPropertyName: "httpHeaders", publicName: "httpHeaders", isSignal: true, isRequired: false, transformFunction: null }, fileNameForDownload: { classPropertyName: "fileNameForDownload", publicName: "fileNameForDownload", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<ngx-extended-pdf-viewer\r\n\t#pdfViewer\r\n\t[base64Src]=\"base64Src()\"\r\n\tuseBrowserLocale=\"true\"\r\n\t[height]=\"height()\"\r\n\t[showToolbar]=\"true\"\r\n\t[showSidebarButton]=\"showSidebarButton()\"\r\n\t[showFindButton]=\"showFindButton()\"\r\n\t[showZoomButtons]=\"showZoomButtons()\"\r\n\t[showPresentationModeButton]=\"showPresentationModeButton()\"\r\n\t[page]=\"page()\"\r\n    [handTool]=\"handTool()\"\r\n\t[contextMenuAllowed]=\"allowContextMenu()\"\r\n\t[useInlineScripts]=\"false\"\r\n\t[filenameForDownload]=\"fileNameForDownload()\">\r\n</ngx-extended-pdf-viewer>\r\n", styles: ["ngx-extended-pdf-viewer{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}\n"], dependencies: [{ kind: "ngmodule", type: NgxExtendedPdfViewerModule }, { kind: "component", type: i1.NgxExtendedPdfViewerComponent, selector: "ngx-extended-pdf-viewer", inputs: ["customFindbarInputArea", "customToolbar", "customFindbar", "customFindbarButtons", "customPdfViewer", "customSecondaryToolbar", "customSidebar", "customThumbnail", "customFreeFloatingBar", "showFreeFloatingBar", "enableDragAndDrop", "forceUsingLegacyES5", "formData", "disableForms", "pageViewMode", "scrollMode", "authorization", "httpHeaders", "contextMenuAllowed", "enablePrint", "enablePrintAutoRotate", "showTextEditor", "showStampEditor", "showDrawEditor", "showHighlightEditor", "logLevel", "relativeCoordsOptions", "minifiedJSLibraries", "printResolution", "rotation", "src", "base64Src", "minHeight", "height", "backgroundColor", "filenameForDownload", "ignoreKeyboard", "ignoreKeys", "acceptKeys", "imageResourcesPath", "localeFolderPath", "language", "listenToURL", "nameddest", "password", "replaceBrowserPrint", "useInlineScripts", "showUnverifiedSignatures", "startTabindex", "showSidebarButton", "sidebarVisible", "activeSidebarView", "findbarVisible", "propertiesDialogVisible", "showFindButton", "showFindHighlightAll", "showFindMatchCase", "showFindMultiple", "showFindRegexp", "showFindEntireWord", "showFindMatchDiacritics", "showFindResultsCount", "showFindMessages", "showPagingButtons", "showFirstAndLastPageButtons", "showPreviousAndNextPageButtons", "showPageNumber", "showPageLabel", "showZoomButtons", "showZoomDropdown", "showPresentationModeButton", "showOpenFileButton", "showPrintButton", "showDownloadButton", "theme", "showToolbar", "showSecondaryToolbarButton", "showSinglePageModeButton", "showVerticalScrollButton", "showHorizontalScrollButton", "showWrappedScrollButton", "showInfiniteScrollButton", "showBookModeButton", "showRotateButton", "showRotateCwButton", "showRotateCcwButton", "handTool", "showHandToolButton", "showSpreadButton", "showPropertiesButton", "showBorders", "spread", "showScrollingButtons", "page", "pageLabel", "textLayer", "zoom", "zoomLevels", "maxZoom", "minZoom", "mobileFriendlyZoom"], outputs: ["annotationEditorEvent", "formDataChange", "pageViewModeChange", "progress", "srcChange", "scrollModeChange", "afterPrint", "beforePrint", "currentZoomFactor", "rotationChange", "annotationLayerRendered", "annotationEditorLayerRendered", "xfaLayerRendered", "outlineLoaded", "attachmentsloaded", "layersloaded", "sidebarVisibleChange", "activeSidebarViewChange", "findbarVisibleChange", "propertiesDialogVisibleChange", "handToolChange", "spreadChange", "thumbnailDrawn", "pageChange", "pageLabelChange", "pagesLoaded", "pageRender", "pageRendered", "pdfDownloaded", "pdfLoaded", "pdfLoadingStarts", "pdfLoadingFailed", "textLayerRendered", "annotationEditorModeChanged", "updateFindMatchesCount", "updateFindState", "zoomChange"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: PdfViewerComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, selector: 'aril-pdf-viewer', imports: [NgxExtendedPdfViewerModule], template: "<ngx-extended-pdf-viewer\n\t#pdfViewer\n\t[base64Src]=\"base64Src()\"\n\tuseBrowserLocale=\"true\"\n\t[height]=\"height()\"\n\t[showToolbar]=\"true\"\n\t[showSidebarButton]=\"showSidebarButton()\"\n\t[showFindButton]=\"showFindButton()\"\n\t[showZoomButtons]=\"showZoomButtons()\"\n\t[showPresentationModeButton]=\"showPresentationModeButton()\"\n\t[page]=\"page()\"\n    [handTool]=\"handTool()\"\n\t[contextMenuAllowed]=\"allowContextMenu()\"\n\t[useInlineScripts]=\"false\"\n\t[filenameForDownload]=\"fileNameForDownload()\">\n</ngx-extended-pdf-viewer>\n", styles: ["ngx-extended-pdf-viewer{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}\n"] }]
+            args: [{ standalone: true, selector: 'aril-pdf-viewer', imports: [NgxExtendedPdfViewerModule], template: "<ngx-extended-pdf-viewer\r\n\t#pdfViewer\r\n\t[base64Src]=\"base64Src()\"\r\n\tuseBrowserLocale=\"true\"\r\n\t[height]=\"height()\"\r\n\t[showToolbar]=\"true\"\r\n\t[showSidebarButton]=\"showSidebarButton()\"\r\n\t[showFindButton]=\"showFindButton()\"\r\n\t[showZoomButtons]=\"showZoomButtons()\"\r\n\t[showPresentationModeButton]=\"showPresentationModeButton()\"\r\n\t[page]=\"page()\"\r\n    [handTool]=\"handTool()\"\r\n\t[contextMenuAllowed]=\"allowContextMenu()\"\r\n\t[useInlineScripts]=\"false\"\r\n\t[filenameForDownload]=\"fileNameForDownload()\">\r\n</ngx-extended-pdf-viewer>\r\n", styles: ["ngx-extended-pdf-viewer{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}\n"] }]
         }] });
 
 /**

package/fesm2022/aril-ui-pdf-viewer.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"aril-ui-pdf-viewer.mjs","sources":["../../projects/aril/ui/pdf-viewer/src/pdf-viewer.component.ts","../../projects/aril/ui/pdf-viewer/src/pdf-viewer.component.html","../../projects/aril/ui/pdf-viewer/aril-ui-pdf-viewer.ts"],"sourcesContent":["import { Component, input } from '@angular/core';\nimport { NgxExtendedPdfViewerComponent, NgxExtendedPdfViewerModule } from 'ngx-extended-pdf-viewer';\n\n@Component({\n\tstandalone: true,\n\tselector: 'aril-pdf-viewer',\n\ttemplateUrl: 'pdf-viewer.component.html',\n\tstyleUrls: ['pdf-viewer.component.scss'],\n\timports: [NgxExtendedPdfViewerModule]\n})\nexport class PdfViewerComponent {\n\n\tpdfViewer!: NgxExtendedPdfViewerComponent;\t\n\tshowSidebarButton = input<boolean>(true);\n\tshowFindButton = input<boolean>(true);\n\tshowZoomButtons = input<boolean>(true);\n\tshowPresentationModeButton = input<boolean>(true);\n\theight = input<string>('auto');\n\tpage = input<number>(1);\n\tsrc = input<string>('');\n\tbase64Src = input<string>('');\n\tallowContextMenu = input<boolean>(false);\n\thandTool = input<boolean>(true);\n\thttpHeaders = input<Record<string, string>>({});\n\tfileNameForDownload= input<string>(this.pdfViewer?.filenameForDownload ?? '');\n\n}\n\n","<ngx-extended-pdf-viewer\n\t#pdfViewer\n\t[base64Src]=\"base64Src()\"\n\tuseBrowserLocale=\"true\"\n\t[height]=\"height()\"\n\t[showToolbar]=\"true\"\n\t[showSidebarButton]=\"showSidebarButton()\"\n\t[showFindButton]=\"showFindButton()\"\n\t[showZoomButtons]=\"showZoomButtons()\"\n\t[showPresentationModeButton]=\"showPresentationModeButton()\"\n\t[page]=\"page()\"\n    [handTool]=\"handTool()\"\n\t[contextMenuAllowed]=\"allowContextMenu()\"\n\t[useInlineScripts]=\"false\"\n\t[filenameForDownload]=\"fileNameForDownload()\">\n</ngx-extended-pdf-viewer>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"aril-ui-pdf-viewer.mjs","sources":["../../projects/aril/ui/pdf-viewer/src/pdf-viewer.component.ts","../../projects/aril/ui/pdf-viewer/src/pdf-viewer.component.html","../../projects/aril/ui/pdf-viewer/aril-ui-pdf-viewer.ts"],"sourcesContent":["import { Component, input } from '@angular/core';\r\nimport { NgxExtendedPdfViewerComponent, NgxExtendedPdfViewerModule } from 'ngx-extended-pdf-viewer';\r\n\r\n@Component({\r\n\tstandalone: true,\r\n\tselector: 'aril-pdf-viewer',\r\n\ttemplateUrl: 'pdf-viewer.component.html',\r\n\tstyleUrls: ['pdf-viewer.component.scss'],\r\n\timports: [NgxExtendedPdfViewerModule]\r\n})\r\nexport class PdfViewerComponent {\r\n\r\n\tpdfViewer!: NgxExtendedPdfViewerComponent;\t\r\n\tshowSidebarButton = input<boolean>(true);\r\n\tshowFindButton = input<boolean>(true);\r\n\tshowZoomButtons = input<boolean>(true);\r\n\tshowPresentationModeButton = input<boolean>(true);\r\n\theight = input<string>('auto');\r\n\tpage = input<number>(1);\r\n\tsrc = input<string>('');\r\n\tbase64Src = input<string>('');\r\n\tallowContextMenu = input<boolean>(false);\r\n\thandTool = input<boolean>(true);\r\n\thttpHeaders = input<Record<string, string>>({});\r\n\tfileNameForDownload= input<string>(this.pdfViewer?.filenameForDownload ?? '');\r\n\r\n}\r\n\r\n","<ngx-extended-pdf-viewer\r\n\t#pdfViewer\r\n\t[base64Src]=\"base64Src()\"\r\n\tuseBrowserLocale=\"true\"\r\n\t[height]=\"height()\"\r\n\t[showToolbar]=\"true\"\r\n\t[showSidebarButton]=\"showSidebarButton()\"\r\n\t[showFindButton]=\"showFindButton()\"\r\n\t[showZoomButtons]=\"showZoomButtons()\"\r\n\t[showPresentationModeButton]=\"showPresentationModeButton()\"\r\n\t[page]=\"page()\"\r\n    [handTool]=\"handTool()\"\r\n\t[contextMenuAllowed]=\"allowContextMenu()\"\r\n\t[useInlineScripts]=\"false\"\r\n\t[filenameForDownload]=\"fileNameForDownload()\">\r\n</ngx-extended-pdf-viewer>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/aril-ui-progressbar.mjs

@@ -10,11 +10,11 @@ class ProgressBarComponent {
         this.showValue = input(true);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: ProgressBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.1.2", type: ProgressBarComponent, isStandalone: true, selector: "aril-progress", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, unit: { classPropertyName: "unit", publicName: "unit", isSignal: true, isRequired: false, transformFunction: null }, showValue: { classPropertyName: "showValue", publicName: "showValue", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<p-progressBar [value]=\"value()\" [unit]=\"unit()\" [showValue]=\"showValue()\" />\n", dependencies: [{ kind: "ngmodule", type: ProgressBarModule }, { kind: "component", type: i1.ProgressBar, selector: "p-progressBar", inputs: ["value", "showValue", "styleClass", "style", "unit", "mode", "color"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.1.2", type: ProgressBarComponent, isStandalone: true, selector: "aril-progress", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, unit: { classPropertyName: "unit", publicName: "unit", isSignal: true, isRequired: false, transformFunction: null }, showValue: { classPropertyName: "showValue", publicName: "showValue", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<p-progressBar [value]=\"value()\" [unit]=\"unit()\" [showValue]=\"showValue()\" />\r\n", dependencies: [{ kind: "ngmodule", type: ProgressBarModule }, { kind: "component", type: i1.ProgressBar, selector: "p-progressBar", inputs: ["value", "showValue", "styleClass", "style", "unit", "mode", "color"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: ProgressBarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'aril-progress', standalone: true, imports: [ProgressBarModule], template: "<p-progressBar [value]=\"value()\" [unit]=\"unit()\" [showValue]=\"showValue()\" />\n" }]
+            args: [{ selector: 'aril-progress', standalone: true, imports: [ProgressBarModule], template: "<p-progressBar [value]=\"value()\" [unit]=\"unit()\" [showValue]=\"showValue()\" />\r\n" }]
         }] });
 
 /**

package/fesm2022/aril-ui-progressbar.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"aril-ui-progressbar.mjs","sources":["../../projects/aril/ui/progressbar/src/progressbar.component.ts","../../projects/aril/ui/progressbar/src/progressbar.component.html","../../projects/aril/ui/progressbar/aril-ui-progressbar.ts"],"sourcesContent":["import {\n\tComponent,\n    input,\n} from '@angular/core';\n\nimport { ProgressBarModule } from 'primeng/progressbar';\n\n@Component({\n\tselector: 'aril-progress',\n\tstandalone: true,\n\timports: [ProgressBarModule],\n\ttemplateUrl: './progressbar.component.html'\n})\nexport class ProgressBarComponent  {\n    value=input<number>();\n    unit=input<string>(\"%\");\n    showValue = input<boolean>(true);\n}\n","<p-progressBar [value]=\"value()\" [unit]=\"unit()\" [showValue]=\"showValue()\" />\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;MAaa,oBAAoB,CAAA;AANjC,IAAA,WAAA,GAAA;QAOI,IAAA,CAAA,KAAK,GAAC,KAAK,EAAU;AACrB,QAAA,IAAA,CAAA,IAAI,GAAC,KAAK,CAAS,GAAG,CAAC;AACvB,QAAA,IAAA,CAAA,SAAS,GAAG,KAAK,CAAU,IAAI,CAAC;AACnC,IAAA;8GAJY,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAApB,oBAAoB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECbjC,uFACA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDSW,iBAAiB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,WAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,WAAA,EAAA,YAAA,EAAA,OAAA,EAAA,MAAA,EAAA,MAAA,EAAA,OAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;2FAGf,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBANhC,SAAS;AACC,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,eAAe,EAAA,UAAA,EACb,IAAI,EAAA,OAAA,EACP,CAAC,iBAAiB,CAAC,EAAA,QAAA,EAAA,uFAAA,EAAA;;;AEV7B;;AAEG;;;;"}
+{"version":3,"file":"aril-ui-progressbar.mjs","sources":["../../projects/aril/ui/progressbar/src/progressbar.component.ts","../../projects/aril/ui/progressbar/src/progressbar.component.html","../../projects/aril/ui/progressbar/aril-ui-progressbar.ts"],"sourcesContent":["import {\r\n\tComponent,\r\n    input,\r\n} from '@angular/core';\r\n\r\nimport { ProgressBarModule } from 'primeng/progressbar';\r\n\r\n@Component({\r\n\tselector: 'aril-progress',\r\n\tstandalone: true,\r\n\timports: [ProgressBarModule],\r\n\ttemplateUrl: './progressbar.component.html'\r\n})\r\nexport class ProgressBarComponent  {\r\n    value=input<number>();\r\n    unit=input<string>(\"%\");\r\n    showValue = input<boolean>(true);\r\n}\r\n","<p-progressBar [value]=\"value()\" [unit]=\"unit()\" [showValue]=\"showValue()\" />\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;MAaa,oBAAoB,CAAA;AANjC,IAAA,WAAA,GAAA;QAOI,IAAK,CAAA,KAAA,GAAC,KAAK,EAAU,CAAC;AACtB,QAAA,IAAA,CAAA,IAAI,GAAC,KAAK,CAAS,GAAG,CAAC,CAAC;AACxB,QAAA,IAAA,CAAA,SAAS,GAAG,KAAK,CAAU,IAAI,CAAC,CAAC;AACpC,KAAA;8GAJY,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAApB,oBAAoB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECbjC,yFACA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDSW,iBAAiB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,WAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,WAAA,EAAA,YAAA,EAAA,OAAA,EAAA,MAAA,EAAA,MAAA,EAAA,OAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAGf,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBANhC,SAAS;AACC,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,eAAe,EACb,UAAA,EAAA,IAAI,EACP,OAAA,EAAA,CAAC,iBAAiB,CAAC,EAAA,QAAA,EAAA,yFAAA,EAAA,CAAA;;;AEV7B;;AAEG;;;;"}

package/fesm2022/aril-ui-radioButton.mjs

@@ -22,11 +22,11 @@ class RadioButtonComponent extends BaseInputComponent {
         this._cAlign = computed(() => (this.align() == 'horizontal' ? 'flex align-items-center' : 'field-checkbox'));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: RadioButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: RadioButtonComponent, isStandalone: true, selector: "aril-radio-button[ngModel], aril-radio-button[formControl], aril-radio-button[formControlName]", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: true, transformFunction: null }, tabindex: { classPropertyName: "tabindex", publicName: "tabindex", isSignal: true, isRequired: false, transformFunction: null }, align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, hostDirectives: [{ directive: i1.ValueAccessorDirective }], ngImport: i0, template: "<div [class]=\"_pAlign()\">\n\t@for (item of options(); track item) {\n\t\t<div [class]=\"_cAlign()\">\n\t\t\t<p-radioButton\n\t\t\t\t[value]=\"item.key\"\n\t\t\t\t[inputId]=\"item.key\"\n\t\t\t\t[tabindex]=\"item.disabled ? -1 : tabindex()\"\n\t\t\t\t[style.pointerEvents]=\"item.disabled ? 'none' : null\"\n\t\t\t\t[pTooltip]=\"ngControl.invalid ? (ngControl.control.value | inputErrorMessage: ngControl) : ''\"\n\t\t\t\t[tooltipOptions]=\"tooltipOptions\"\n\t\t\t\t[formControl]=\"item.ngControl ?? ngControl.control\"\n\t\t\t\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\"\n\t\t\t\t[disabled]=\"item.disabled ?? false\" />\n\t\t\t<label\n\t\t\t\tclass=\"ml-2\"\n\t\t\t\t[for]=\"item.key\"\n\t\t\t\t[class.disabled]=\"item.disabled\"\n\t\t\t\t[style.pointerEvents]=\"item.disabled ? 'none' : null\"\n\t\t\t\t>{{ item.label }}</label\n\t\t\t>\n\t\t</div>\n\t}\n</div>\n", styles: ["label.disabled{opacity:.6;color:#0009;cursor:not-allowed;transition:opacity .15s ease,color .15s ease;pointer-events:none}.option-disabled{pointer-events:none}.option-disabled .option-radio{opacity:1}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: RadioButtonModule }, { kind: "component", type: i3.RadioButton, selector: "p-radioButton", inputs: ["value", "formControlName", "name", "disabled", "label", "variant", "tabindex", "inputId", "ariaLabelledBy", "ariaLabel", "style", "styleClass", "labelStyleClass", "autofocus"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i4.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "pipe", type: InputErrorMessagePipe, name: "inputErrorMessage" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: RadioButtonComponent, isStandalone: true, selector: "aril-radio-button[ngModel], aril-radio-button[formControl], aril-radio-button[formControlName]", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: true, transformFunction: null }, tabindex: { classPropertyName: "tabindex", publicName: "tabindex", isSignal: true, isRequired: false, transformFunction: null }, align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, hostDirectives: [{ directive: i1.ValueAccessorDirective }], ngImport: i0, template: "<div [class]=\"_pAlign()\">\r\n\t@for (item of options(); track item) {\r\n\t\t<div [class]=\"_cAlign()\">\r\n\t\t\t<p-radioButton\r\n\t\t\t\t[value]=\"item.key\"\r\n\t\t\t\t[inputId]=\"item.key\"\r\n\t\t\t\t[tabindex]=\"item.disabled ? -1 : tabindex()\"\r\n\t\t\t\t[style.pointerEvents]=\"item.disabled ? 'none' : null\"\r\n\t\t\t\t[pTooltip]=\"ngControl.invalid ? (ngControl.control.value | inputErrorMessage: ngControl) : ''\"\r\n\t\t\t\t[tooltipOptions]=\"tooltipOptions\"\r\n\t\t\t\t[formControl]=\"item.ngControl ?? ngControl.control\"\r\n\t\t\t\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\"\r\n\t\t\t\t[disabled]=\"item.disabled ?? false\" />\r\n\t\t\t<label\r\n\t\t\t\tclass=\"ml-2\"\r\n\t\t\t\t[for]=\"item.key\"\r\n\t\t\t\t[class.disabled]=\"item.disabled\"\r\n\t\t\t\t[style.pointerEvents]=\"item.disabled ? 'none' : null\"\r\n\t\t\t\t>{{ item.label }}</label\r\n\t\t\t>\r\n\t\t</div>\r\n\t}\r\n</div>\r\n", styles: ["label.disabled{opacity:.6;color:#0009;cursor:not-allowed;transition:opacity .15s ease,color .15s ease;pointer-events:none}.option-disabled{pointer-events:none}.option-disabled .option-radio{opacity:1}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: RadioButtonModule }, { kind: "component", type: i3.RadioButton, selector: "p-radioButton", inputs: ["value", "formControlName", "name", "disabled", "label", "variant", "tabindex", "inputId", "ariaLabelledBy", "ariaLabel", "style", "styleClass", "labelStyleClass", "autofocus"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i4.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "pipe", type: InputErrorMessagePipe, name: "inputErrorMessage" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: RadioButtonComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, selector: 'aril-radio-button[ngModel], aril-radio-button[formControl], aril-radio-button[formControlName]', imports: [ReactiveFormsModule, RadioButtonModule, TooltipModule, InputErrorMessagePipe], hostDirectives: [ValueAccessorDirective], template: "<div [class]=\"_pAlign()\">\n\t@for (item of options(); track item) {\n\t\t<div [class]=\"_cAlign()\">\n\t\t\t<p-radioButton\n\t\t\t\t[value]=\"item.key\"\n\t\t\t\t[inputId]=\"item.key\"\n\t\t\t\t[tabindex]=\"item.disabled ? -1 : tabindex()\"\n\t\t\t\t[style.pointerEvents]=\"item.disabled ? 'none' : null\"\n\t\t\t\t[pTooltip]=\"ngControl.invalid ? (ngControl.control.value | inputErrorMessage: ngControl) : ''\"\n\t\t\t\t[tooltipOptions]=\"tooltipOptions\"\n\t\t\t\t[formControl]=\"item.ngControl ?? ngControl.control\"\n\t\t\t\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\"\n\t\t\t\t[disabled]=\"item.disabled ?? false\" />\n\t\t\t<label\n\t\t\t\tclass=\"ml-2\"\n\t\t\t\t[for]=\"item.key\"\n\t\t\t\t[class.disabled]=\"item.disabled\"\n\t\t\t\t[style.pointerEvents]=\"item.disabled ? 'none' : null\"\n\t\t\t\t>{{ item.label }}</label\n\t\t\t>\n\t\t</div>\n\t}\n</div>\n", styles: ["label.disabled{opacity:.6;color:#0009;cursor:not-allowed;transition:opacity .15s ease,color .15s ease;pointer-events:none}.option-disabled{pointer-events:none}.option-disabled .option-radio{opacity:1}\n"] }]
+            args: [{ standalone: true, selector: 'aril-radio-button[ngModel], aril-radio-button[formControl], aril-radio-button[formControlName]', imports: [ReactiveFormsModule, RadioButtonModule, TooltipModule, InputErrorMessagePipe], hostDirectives: [ValueAccessorDirective], template: "<div [class]=\"_pAlign()\">\r\n\t@for (item of options(); track item) {\r\n\t\t<div [class]=\"_cAlign()\">\r\n\t\t\t<p-radioButton\r\n\t\t\t\t[value]=\"item.key\"\r\n\t\t\t\t[inputId]=\"item.key\"\r\n\t\t\t\t[tabindex]=\"item.disabled ? -1 : tabindex()\"\r\n\t\t\t\t[style.pointerEvents]=\"item.disabled ? 'none' : null\"\r\n\t\t\t\t[pTooltip]=\"ngControl.invalid ? (ngControl.control.value | inputErrorMessage: ngControl) : ''\"\r\n\t\t\t\t[tooltipOptions]=\"tooltipOptions\"\r\n\t\t\t\t[formControl]=\"item.ngControl ?? ngControl.control\"\r\n\t\t\t\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\"\r\n\t\t\t\t[disabled]=\"item.disabled ?? false\" />\r\n\t\t\t<label\r\n\t\t\t\tclass=\"ml-2\"\r\n\t\t\t\t[for]=\"item.key\"\r\n\t\t\t\t[class.disabled]=\"item.disabled\"\r\n\t\t\t\t[style.pointerEvents]=\"item.disabled ? 'none' : null\"\r\n\t\t\t\t>{{ item.label }}</label\r\n\t\t\t>\r\n\t\t</div>\r\n\t}\r\n</div>\r\n", styles: ["label.disabled{opacity:.6;color:#0009;cursor:not-allowed;transition:opacity .15s ease,color .15s ease;pointer-events:none}.option-disabled{pointer-events:none}.option-disabled .option-radio{opacity:1}\n"] }]
         }], ctorParameters: () => [] });
 
 /**

package/fesm2022/aril-ui-radioButton.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"aril-ui-radioButton.mjs","sources":["../../projects/aril/ui/radioButton/src/radio-button.component.ts","../../projects/aril/ui/radioButton/src/radio-button.component.html","../../projects/aril/ui/radioButton/aril-ui-radioButton.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { Component, Signal, computed, input, signal } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport { RadioButtonModule } from 'primeng/radiobutton';\nimport { TooltipModule } from 'primeng/tooltip';\n\nimport { BaseInputComponent, InputErrorMessagePipe, ValueAccessorDirective } from 'aril/ui/lib';\n\ntype Aligns = 'horizontal' | 'vertical';\ninterface RadioButtonOption {\n\tkey: any;\n\tlabel: string;\n\tdisabled?: boolean;\n\tngControl?: any;\n}\n\n@Component({\n\tstandalone: true,\n\tselector: 'aril-radio-button[ngModel], aril-radio-button[formControl], aril-radio-button[formControlName]',\n\ttemplateUrl: './radio-button.component.html',\n\timports: [ReactiveFormsModule, RadioButtonModule, TooltipModule, InputErrorMessagePipe],\n\thostDirectives: [ValueAccessorDirective],\n\tstyleUrls: ['./radio-button.component.scss']\n})\nexport class RadioButtonComponent extends BaseInputComponent {\n\tconstructor() {\n\t\tsuper();\n\t\tthis._pAlign = computed(() => (this.align() == 'horizontal' ? 'flex flex-wrap gap-3' : 'flex flex-column'));\n\t\tthis._cAlign = computed(() => (this.align() == 'horizontal' ? 'flex align-items-center' : 'field-checkbox'));\n\t}\n\n\toptions = input.required<RadioButtonOption[]>();\n\ttabindex = input<number>();\n\talign = input<Aligns>('horizontal');\n\n\t_pAlign: Signal<string> = signal('flex flex-wrap gap-3');\n\t_cAlign: Signal<string> = signal('flex align-items-center');\n}\n","<div [class]=\"_pAlign()\">\n\t@for (item of options(); track item) {\n\t\t<div [class]=\"_cAlign()\">\n\t\t\t<p-radioButton\n\t\t\t\t[value]=\"item.key\"\n\t\t\t\t[inputId]=\"item.key\"\n\t\t\t\t[tabindex]=\"item.disabled ? -1 : tabindex()\"\n\t\t\t\t[style.pointerEvents]=\"item.disabled ? 'none' : null\"\n\t\t\t\t[pTooltip]=\"ngControl.invalid ? (ngControl.control.value | inputErrorMessage: ngControl) : ''\"\n\t\t\t\t[tooltipOptions]=\"tooltipOptions\"\n\t\t\t\t[formControl]=\"item.ngControl ?? ngControl.control\"\n\t\t\t\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\"\n\t\t\t\t[disabled]=\"item.disabled ?? false\" />\n\t\t\t<label\n\t\t\t\tclass=\"ml-2\"\n\t\t\t\t[for]=\"item.key\"\n\t\t\t\t[class.disabled]=\"item.disabled\"\n\t\t\t\t[style.pointerEvents]=\"item.disabled ? 'none' : null\"\n\t\t\t\t>{{ item.label }}</label\n\t\t\t>\n\t\t</div>\n\t}\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"aril-ui-radioButton.mjs","sources":["../../projects/aril/ui/radioButton/src/radio-button.component.ts","../../projects/aril/ui/radioButton/src/radio-button.component.html","../../projects/aril/ui/radioButton/aril-ui-radioButton.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\r\nimport { Component, Signal, computed, input, signal } from '@angular/core';\r\nimport { ReactiveFormsModule } from '@angular/forms';\r\n\r\nimport { RadioButtonModule } from 'primeng/radiobutton';\r\nimport { TooltipModule } from 'primeng/tooltip';\r\n\r\nimport { BaseInputComponent, InputErrorMessagePipe, ValueAccessorDirective } from 'aril/ui/lib';\r\n\r\ntype Aligns = 'horizontal' | 'vertical';\r\ninterface RadioButtonOption {\r\n\tkey: any;\r\n\tlabel: string;\r\n\tdisabled?: boolean;\r\n\tngControl?: any;\r\n}\r\n\r\n@Component({\r\n\tstandalone: true,\r\n\tselector: 'aril-radio-button[ngModel], aril-radio-button[formControl], aril-radio-button[formControlName]',\r\n\ttemplateUrl: './radio-button.component.html',\r\n\timports: [ReactiveFormsModule, RadioButtonModule, TooltipModule, InputErrorMessagePipe],\r\n\thostDirectives: [ValueAccessorDirective],\r\n\tstyleUrls: ['./radio-button.component.scss']\r\n})\r\nexport class RadioButtonComponent extends BaseInputComponent {\r\n\tconstructor() {\r\n\t\tsuper();\r\n\t\tthis._pAlign = computed(() => (this.align() == 'horizontal' ? 'flex flex-wrap gap-3' : 'flex flex-column'));\r\n\t\tthis._cAlign = computed(() => (this.align() == 'horizontal' ? 'flex align-items-center' : 'field-checkbox'));\r\n\t}\r\n\r\n\toptions = input.required<RadioButtonOption[]>();\r\n\ttabindex = input<number>();\r\n\talign = input<Aligns>('horizontal');\r\n\r\n\t_pAlign: Signal<string> = signal('flex flex-wrap gap-3');\r\n\t_cAlign: Signal<string> = signal('flex align-items-center');\r\n}\r\n","<div [class]=\"_pAlign()\">\r\n\t@for (item of options(); track item) {\r\n\t\t<div [class]=\"_cAlign()\">\r\n\t\t\t<p-radioButton\r\n\t\t\t\t[value]=\"item.key\"\r\n\t\t\t\t[inputId]=\"item.key\"\r\n\t\t\t\t[tabindex]=\"item.disabled ? -1 : tabindex()\"\r\n\t\t\t\t[style.pointerEvents]=\"item.disabled ? 'none' : null\"\r\n\t\t\t\t[pTooltip]=\"ngControl.invalid ? (ngControl.control.value | inputErrorMessage: ngControl) : ''\"\r\n\t\t\t\t[tooltipOptions]=\"tooltipOptions\"\r\n\t\t\t\t[formControl]=\"item.ngControl ?? ngControl.control\"\r\n\t\t\t\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\"\r\n\t\t\t\t[disabled]=\"item.disabled ?? false\" />\r\n\t\t\t<label\r\n\t\t\t\tclass=\"ml-2\"\r\n\t\t\t\t[for]=\"item.key\"\r\n\t\t\t\t[class.disabled]=\"item.disabled\"\r\n\t\t\t\t[style.pointerEvents]=\"item.disabled ? 'none' : null\"\r\n\t\t\t\t>{{ item.label }}</label\r\n\t\t\t>\r\n\t\t</div>\r\n\t}\r\n</div>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/aril-ui-relativeDateSelector.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { signal, ViewChild, Component } from '@angular/core';
+import { signal, Component, ViewChild } from '@angular/core';
 import * as i3 from '@angular/forms';
 import { ReactiveFormsModule, FormsModule } from '@angular/forms';
 import { CommonModule } from '@angular/common';
@@ -254,7 +254,7 @@ class RelativeDateSelectorComponent extends BaseInputComponent {
         return `relativeDateSelector.units.${unitNameMap[unit]}${suffix}`;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: RelativeDateSelectorComponent, deps: [{ token: i1.TranslocoService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: RelativeDateSelectorComponent, isStandalone: true, selector: "aril-relative-date-picker[ngModel], aril-relative-date-picker[formControl], aril-relative-date-picker[formControlName]", viewQueries: [{ propertyName: "overlayPanel", first: true, predicate: ["op"], descendants: true }], usesInheritance: true, hostDirectives: [{ directive: i2.ValueAccessorDirective }], ngImport: i0, template: "<div class=\"relative-date-selector\">\n\t<div class=\"input-wrapper flex align-items-center\" (click)=\"onInputClick($event)\">\n\t\t<input\n\t\t\ttype=\"text\"\n\t\t\treadonly\n\t\t\t[value]=\"getDisplayValue()\"\n\t\t\tclass=\"p-inputtext p-component\"\n\t\t\t[class.p-invalid]=\"ngControl.invalid && ngControl.touched\"\n\t\t\t[placeholder]=\"translocoService.translate('relativeDateSelector.placeholder')\"\n\t\t\t[pTooltip]=\"ngControl.invalid && ngControl.touched ? (ngControl.control.value | inputErrorMessage: ngControl) : ''\"\n\t\t\t[tooltipOptions]=\"tooltipOptions\" />\n\t\t<div class=\"calendar-icon-wrapper flex align-items-center justify-content-center\" (click)=\"toggleQuickSelect($event)\">\n\t\t\t<i class=\"pi pi-calendar calendar-icon\"></i>\n\t\t</div>\n\t</div>\n\n\t<p-overlayPanel\n\t\t#op\n\t\t[style]=\"{ minWidth: '350px', maxHeight: '600px', overflow: 'visible' }\"\n\t\t[dismissable]=\"true\"\n\t\t(onHide)=\"showOverlayPanel.set(false)\">\n\t\t<p-tabView (onChange)=\"onTabChange($event)\" [activeIndex]=\"activeTabIndex()\">\n\t\t\t<p-tabPanel [header]=\"translocoService.translate('relativeDateSelector.absolute')\">\n\t\t\t\t<div class=\"flex justify-content-center\">\n\t\t\t\t\t<aril-calendar\n\t\t\t\t\t\t[(ngModel)]=\"absoluteDate\"\n\t\t\t\t\t\t(ngModelChange)=\"onAbsoluteDateChange($event)\"\n\t\t\t\t\t\t[inline]=\"true\"\n\t\t\t\t\t\t[showTime]=\"true\"\n\t\t\t\t\t\t[showSeconds]=\"true\">\n\t\t\t\t\t</aril-calendar>\n\t\t\t\t</div>\n\t\t\t</p-tabPanel>\n\n\t\t\t<p-tabPanel [header]=\"translocoService.translate('relativeDateSelector.relative')\">\n\t\t\t\t<div>\n\t\t\t\t\t<div class=\"flex flex-column gap-2 m-2\">\n\t\t\t\t\t\t<aril-number\n\t\t\t\t\t\t\t[(ngModel)]=\"relativeValue\"\n\t\t\t\t\t\t\t(ngModelChange)=\"onRelativeChange()\"\n\t\t\t\t\t\t\t[min]=\"1\"\n\t\t\t\t\t\t\t[showButtons]=\"true\"\n\t\t\t\t\t\t\t[placeholder]=\"translocoService.translate('relativeDateSelector.valuePlaceholder')\">\n\t\t\t\t\t\t</aril-number>\n\n\t\t\t\t\t\t<aril-select-box\n\t\t\t\t\t\t\t[(ngModel)]=\"relativeUnit\"\n\t\t\t\t\t\t\t(ngModelChange)=\"onRelativeChange()\"\n\t\t\t\t\t\t\t[items]=\"relativeUnits\"\n\t\t\t\t\t\t\t[itemKey]=\"'value'\"\n\t\t\t\t\t\t\t[itemText]=\"'label'\"\n\t\t\t\t\t\t\t[placeholder]=\"translocoService.translate('relativeDateSelector.selectUnit')\">\n\t\t\t\t\t\t</aril-select-box>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div class=\"m-2\">\n\t\t\t\t\t\t<small class=\"text-muted\">\n\t\t\t\t\t\t\t<strong>{{ translocoService.translate('relativeDateSelector.examples') }}:</strong> {{ translocoService.translate('relativeDateSelector.examplesText') }}\n\t\t\t\t\t\t</small>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</p-tabPanel>\n\t\t</p-tabView>\n\t</p-overlayPanel>\n\n\t<!-- Quick Select Panel -->\n\t@if (showQuickSelect()) {\n\t\t<div class=\"quick-select-panel mt-2\">\n\t\t\t<div class=\"quick-select-header flex justify-content-between align-items-center p-3\">\n\t\t\t\t<span class=\"title\">{{ translocoService.translate('relativeDateSelector.quickSelect') }}</span>\n\t\t\t\t<div class=\"flex align-items-center gap-2\">\n\t\t\t\t\t<i class=\"pi pi-times cursor-pointer\" (click)=\"showQuickSelect.set(false)\"></i>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<div class=\"quick-select-body p-3\">\n\t\t\t\t<!-- Custom Quick Select Inputs -->\n\t\t\t\t<div class=\"quick-select-custom mb-3 pb-3\">\n\t\t\t\t\t<div class=\"flex gap-2 align-items-center mb-3\">\n\t\t\t\t\t\t<aril-select-box\n\t\t\t\t\t\t\t[(ngModel)]=\"quickSelectDirection\"\n\t\t\t\t\t\t\t[items]=\"quickSelectDirections\"\n\t\t\t\t\t\t\t[itemKey]=\"'value'\"\n\t\t\t\t\t\t\t[itemText]=\"'label'\">\n\t\t\t\t\t\t</aril-select-box>\n\n\t\t\t\t\t\t<aril-number [(ngModel)]=\"quickSelectValue\" [min]=\"1\" [showButtons]=\"true\"> </aril-number>\n\n\t\t\t\t\t\t<aril-select-box\n\t\t\t\t\t\t\t[(ngModel)]=\"quickSelectUnit\"\n\t\t\t\t\t\t\t[items]=\"quickSelectUnits\"\n\t\t\t\t\t\t\t[itemKey]=\"'value'\"\n\t\t\t\t\t\t\t[itemText]=\"'label'\">\n\t\t\t\t\t\t</aril-select-box>\n\n\t\t\t\t\t\t<aril-button\n\t\t\t\t\t\t\t[label]=\"translocoService.translate('relativeDateSelector.apply')\"\n\t\t\t\t\t\t\tcolor=\"primary\"\n\t\t\t\t\t\t\t(clickEvent)=\"applyQuickSelectCustom()\"\n\t\t\t\t\t\t\t[style]=\"{ 'min-width': '80px' }\">\n\t\t\t\t\t\t</aril-button>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\n\t\t\t\t<!-- Commonly Used Options -->\n\t\t\t\t<div class=\"quick-select-section\">\n\t\t\t\t\t<span class=\"title-section mb-2\">{{ translocoService.translate('relativeDateSelector.commonlyUsed') }}</span>\n\t\t\t\t\t<div class=\"quick-select-options\">\n\t\t\t\t\t\t@for (option of commonlyUsedOptions; track option.value) {\n\t\t\t\t\t\t\t<button type=\"button\" class=\"quick-select-option\" (click)=\"applyQuickSelect(option)\">\n\t\t\t\t\t\t\t\t{{ option.label }}\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t}\n</div>\n", styles: [".relative-date-selector{position:relative}.relative-date-selector .input-wrapper{position:relative;cursor:pointer}.relative-date-selector .input-wrapper input{width:100%;padding-right:3rem;cursor:pointer;transition:all var(--transition-duration) ease}.relative-date-selector .input-wrapper input:hover{border-color:var(--focus-border-color)}.relative-date-selector .input-wrapper input:focus{box-shadow:var(--focus-ring);border-color:var(--focus-border-color)}.relative-date-selector .input-wrapper input.p-invalid{border-color:var(--error-300)}.relative-date-selector .input-wrapper .calendar-icon-wrapper{position:absolute;right:.5rem;width:2rem;height:2rem;background:var(--surface-100);border:1px solid var(--surface-border);border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-duration) ease;z-index:2}.relative-date-selector .input-wrapper .calendar-icon-wrapper:hover{background:var(--surface-200);border-color:var(--primary-color);transform:scale(1.05)}.relative-date-selector .input-wrapper .calendar-icon-wrapper:hover .calendar-icon{color:var(--primary-color)}.relative-date-selector .input-wrapper .calendar-icon-wrapper:active{transform:scale(.98)}.relative-date-selector .input-wrapper .calendar-icon-wrapper .calendar-icon{font-size:.9375rem;color:var(--text-color-secondary);transition:color var(--transition-duration) ease}.relative-date-selector .quick-select-panel{position:absolute;top:100%;right:0;background:var(--surface-0);border:1px solid var(--surface-border);border-radius:8px;box-shadow:0 4px 20px #00000014;z-index:1000;width:460px;max-height:520px;overflow:hidden;animation:slideDown var(--transition-duration) ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.relative-date-selector .quick-select-panel .quick-select-header{border-bottom:1px solid var(--surface-200);background:var(--surface-100)}.relative-date-selector .quick-select-panel .quick-select-header .title{margin:0;font-size:13px;font-weight:700;color:var(--surface-600)}.relative-date-selector .quick-select-panel .quick-select-header i{cursor:pointer;color:var(--text-color-secondary);font-size:.875rem;transition:all var(--transition-duration) ease}.relative-date-selector .quick-select-panel .quick-select-header i:hover{color:var(--text-color);transform:scale(1.1)}.relative-date-selector .quick-select-panel .quick-select-body{max-height:440px;overflow-y:auto}.relative-date-selector .quick-select-panel .quick-select-custom{border-bottom:1px solid var(--surface-200)}.relative-date-selector .quick-select-panel .quick-select-section .title-section{display:inline-block;font-size:.8rem;font-weight:600;color:var(--text-color-secondary);text-transform:uppercase;letter-spacing:.5px}.relative-date-selector .quick-select-panel .quick-select-options{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.relative-date-selector .quick-select-panel .quick-select-options .quick-select-option{padding:.625rem 1rem;background:var(--surface-100);border:1px solid var(--surface-200);text-align:left;cursor:pointer;border-radius:var(--border-radius);transition:all var(--transition-duration) ease;color:var(--text-color);font-size:.875rem;font-weight:500}.relative-date-selector .quick-select-panel .quick-select-options .quick-select-option:hover{transform:translateY(-1px)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: OverlayPanelModule }, { kind: "component", type: i4.OverlayPanel, selector: "p-overlayPanel", inputs: ["ariaLabel", "ariaLabelledBy", "dismissable", "showCloseIcon", "style", "styleClass", "appendTo", "autoZIndex", "ariaCloseLabel", "baseZIndex", "focusOnShow", "showTransitionOptions", "hideTransitionOptions"], outputs: ["onShow", "onHide"] }, { kind: "ngmodule", type: TabViewModule }, { kind: "component", type: i5.TabView, selector: "p-tabView", inputs: ["style", "styleClass", "controlClose", "scrollable", "activeIndex", "selectOnFocus", "nextButtonAriaLabel", "prevButtonAriaLabel", "autoHideButtons", "tabindex"], outputs: ["onChange", "onClose", "activeIndexChange"] }, { kind: "component", type: i5.TabPanel, selector: "p-tabPanel", inputs: ["closable", "headerStyle", "headerStyleClass", "cache", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "selected", "disabled", "header", "leftIcon", "rightIcon"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i6.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "ngmodule", type: TranslocoModule }, { kind: "component", type: CalendarComponent, selector: "aril-calendar[ngModel], aril-calendar[formControl], aril-calendar[formControlName]", inputs: ["minDate", "maxDate", "inputStyle", "inputStyleClass", "autoZIndex", "inline", "showIcon", "showTime", "showWeek", "showSeconds", "disabledDates", "numberOfMonthToShow", "appendTo", "dataType", "placeholder", "view", "selectionMode", "rangeConfig", "tabindex", "showOnFocus", "timeOnly", "keepInvalid"] }, { kind: "component", type: ButtonComponent, selector: "aril-button:not([click])", inputs: ["label", "loading", "disabled", "raised", "rounded", "text", "outlined", "badge", "size", "icon", "iconPos", "color"], outputs: ["clickEvent"] }, { kind: "component", type: NumberComponent, selector: "aril-number[ngModel], aril-number[formControl], aril-number[formControlName]", inputs: ["min", "max", "showButtons", "placeholder", "prefix", "locale", "suffix", "maxlength", "showClear", "useGrouping", "maxDigits", "minDigits", "tabindex", "inputStyle", "buttonLayout"] }, { kind: "component", type: SelectBoxComponent, selector: "aril-select-box[ngModel], aril-select-box[formControl], aril-select-box[formControlName]", inputs: ["itemKey", "itemText", "groupName", "parentSelectionKey", "tabindex", "items", "grouped", "showClearButton", "placeholder", "searchExpr"], outputs: ["onSelectionChanged"] }, { kind: "pipe", type: InputErrorMessagePipe, name: "inputErrorMessage" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: RelativeDateSelectorComponent, isStandalone: true, selector: "aril-relative-date-picker[ngModel], aril-relative-date-picker[formControl], aril-relative-date-picker[formControlName]", viewQueries: [{ propertyName: "overlayPanel", first: true, predicate: ["op"], descendants: true }], usesInheritance: true, hostDirectives: [{ directive: i2.ValueAccessorDirective }], ngImport: i0, template: "<div class=\"relative-date-selector\">\r\n\t<div class=\"input-wrapper flex align-items-center\" (click)=\"onInputClick($event)\">\r\n\t\t<input\r\n\t\t\ttype=\"text\"\r\n\t\t\treadonly\r\n\t\t\t[value]=\"getDisplayValue()\"\r\n\t\t\tclass=\"p-inputtext p-component\"\r\n\t\t\t[class.p-invalid]=\"ngControl.invalid && ngControl.touched\"\r\n\t\t\t[placeholder]=\"translocoService.translate('relativeDateSelector.placeholder')\"\r\n\t\t\t[pTooltip]=\"ngControl.invalid && ngControl.touched ? (ngControl.control.value | inputErrorMessage: ngControl) : ''\"\r\n\t\t\t[tooltipOptions]=\"tooltipOptions\" />\r\n\t\t<div class=\"calendar-icon-wrapper flex align-items-center justify-content-center\" (click)=\"toggleQuickSelect($event)\">\r\n\t\t\t<i class=\"pi pi-calendar calendar-icon\"></i>\r\n\t\t</div>\r\n\t</div>\r\n\r\n\t<p-overlayPanel\r\n\t\t#op\r\n\t\t[style]=\"{ minWidth: '350px', maxHeight: '600px', overflow: 'visible' }\"\r\n\t\t[dismissable]=\"true\"\r\n\t\t(onHide)=\"showOverlayPanel.set(false)\">\r\n\t\t<p-tabView (onChange)=\"onTabChange($event)\" [activeIndex]=\"activeTabIndex()\">\r\n\t\t\t<p-tabPanel [header]=\"translocoService.translate('relativeDateSelector.absolute')\">\r\n\t\t\t\t<div class=\"flex justify-content-center\">\r\n\t\t\t\t\t<aril-calendar\r\n\t\t\t\t\t\t[(ngModel)]=\"absoluteDate\"\r\n\t\t\t\t\t\t(ngModelChange)=\"onAbsoluteDateChange($event)\"\r\n\t\t\t\t\t\t[inline]=\"true\"\r\n\t\t\t\t\t\t[showTime]=\"true\"\r\n\t\t\t\t\t\t[showSeconds]=\"true\">\r\n\t\t\t\t\t</aril-calendar>\r\n\t\t\t\t</div>\r\n\t\t\t</p-tabPanel>\r\n\r\n\t\t\t<p-tabPanel [header]=\"translocoService.translate('relativeDateSelector.relative')\">\r\n\t\t\t\t<div>\r\n\t\t\t\t\t<div class=\"flex flex-column gap-2 m-2\">\r\n\t\t\t\t\t\t<aril-number\r\n\t\t\t\t\t\t\t[(ngModel)]=\"relativeValue\"\r\n\t\t\t\t\t\t\t(ngModelChange)=\"onRelativeChange()\"\r\n\t\t\t\t\t\t\t[min]=\"1\"\r\n\t\t\t\t\t\t\t[showButtons]=\"true\"\r\n\t\t\t\t\t\t\t[placeholder]=\"translocoService.translate('relativeDateSelector.valuePlaceholder')\">\r\n\t\t\t\t\t\t</aril-number>\r\n\r\n\t\t\t\t\t\t<aril-select-box\r\n\t\t\t\t\t\t\t[(ngModel)]=\"relativeUnit\"\r\n\t\t\t\t\t\t\t(ngModelChange)=\"onRelativeChange()\"\r\n\t\t\t\t\t\t\t[items]=\"relativeUnits\"\r\n\t\t\t\t\t\t\t[itemKey]=\"'value'\"\r\n\t\t\t\t\t\t\t[itemText]=\"'label'\"\r\n\t\t\t\t\t\t\t[placeholder]=\"translocoService.translate('relativeDateSelector.selectUnit')\">\r\n\t\t\t\t\t\t</aril-select-box>\r\n\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t<div class=\"m-2\">\r\n\t\t\t\t\t\t<small class=\"text-muted\">\r\n\t\t\t\t\t\t\t<strong>{{ translocoService.translate('relativeDateSelector.examples') }}:</strong> {{ translocoService.translate('relativeDateSelector.examplesText') }}\r\n\t\t\t\t\t\t</small>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t</p-tabPanel>\r\n\t\t</p-tabView>\r\n\t</p-overlayPanel>\r\n\r\n\t<!-- Quick Select Panel -->\r\n\t@if (showQuickSelect()) {\r\n\t\t<div class=\"quick-select-panel mt-2\">\r\n\t\t\t<div class=\"quick-select-header flex justify-content-between align-items-center p-3\">\r\n\t\t\t\t<span class=\"title\">{{ translocoService.translate('relativeDateSelector.quickSelect') }}</span>\r\n\t\t\t\t<div class=\"flex align-items-center gap-2\">\r\n\t\t\t\t\t<i class=\"pi pi-times cursor-pointer\" (click)=\"showQuickSelect.set(false)\"></i>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t\t<div class=\"quick-select-body p-3\">\r\n\t\t\t\t<!-- Custom Quick Select Inputs -->\r\n\t\t\t\t<div class=\"quick-select-custom mb-3 pb-3\">\r\n\t\t\t\t\t<div class=\"flex gap-2 align-items-center mb-3\">\r\n\t\t\t\t\t\t<aril-select-box\r\n\t\t\t\t\t\t\t[(ngModel)]=\"quickSelectDirection\"\r\n\t\t\t\t\t\t\t[items]=\"quickSelectDirections\"\r\n\t\t\t\t\t\t\t[itemKey]=\"'value'\"\r\n\t\t\t\t\t\t\t[itemText]=\"'label'\">\r\n\t\t\t\t\t\t</aril-select-box>\r\n\r\n\t\t\t\t\t\t<aril-number [(ngModel)]=\"quickSelectValue\" [min]=\"1\" [showButtons]=\"true\"> </aril-number>\r\n\r\n\t\t\t\t\t\t<aril-select-box\r\n\t\t\t\t\t\t\t[(ngModel)]=\"quickSelectUnit\"\r\n\t\t\t\t\t\t\t[items]=\"quickSelectUnits\"\r\n\t\t\t\t\t\t\t[itemKey]=\"'value'\"\r\n\t\t\t\t\t\t\t[itemText]=\"'label'\">\r\n\t\t\t\t\t\t</aril-select-box>\r\n\r\n\t\t\t\t\t\t<aril-button\r\n\t\t\t\t\t\t\t[label]=\"translocoService.translate('relativeDateSelector.apply')\"\r\n\t\t\t\t\t\t\tcolor=\"primary\"\r\n\t\t\t\t\t\t\t(clickEvent)=\"applyQuickSelectCustom()\"\r\n\t\t\t\t\t\t\t[style]=\"{ 'min-width': '80px' }\">\r\n\t\t\t\t\t\t</aril-button>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\r\n\t\t\t\t<!-- Commonly Used Options -->\r\n\t\t\t\t<div class=\"quick-select-section\">\r\n\t\t\t\t\t<span class=\"title-section mb-2\">{{ translocoService.translate('relativeDateSelector.commonlyUsed') }}</span>\r\n\t\t\t\t\t<div class=\"quick-select-options\">\r\n\t\t\t\t\t\t@for (option of commonlyUsedOptions; track option.value) {\r\n\t\t\t\t\t\t\t<button type=\"button\" class=\"quick-select-option\" (click)=\"applyQuickSelect(option)\">\r\n\t\t\t\t\t\t\t\t{{ option.label }}\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t}\r\n</div>\r\n", styles: [".relative-date-selector{position:relative}.relative-date-selector .input-wrapper{position:relative;cursor:pointer}.relative-date-selector .input-wrapper input{width:100%;padding-right:3rem;cursor:pointer;transition:all var(--transition-duration) ease}.relative-date-selector .input-wrapper input:hover{border-color:var(--focus-border-color)}.relative-date-selector .input-wrapper input:focus{box-shadow:var(--focus-ring);border-color:var(--focus-border-color)}.relative-date-selector .input-wrapper input.p-invalid{border-color:var(--error-300)}.relative-date-selector .input-wrapper .calendar-icon-wrapper{position:absolute;right:.5rem;width:2rem;height:2rem;background:var(--surface-100);border:1px solid var(--surface-border);border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-duration) ease;z-index:2}.relative-date-selector .input-wrapper .calendar-icon-wrapper:hover{background:var(--surface-200);border-color:var(--primary-color);transform:scale(1.05)}.relative-date-selector .input-wrapper .calendar-icon-wrapper:hover .calendar-icon{color:var(--primary-color)}.relative-date-selector .input-wrapper .calendar-icon-wrapper:active{transform:scale(.98)}.relative-date-selector .input-wrapper .calendar-icon-wrapper .calendar-icon{font-size:.9375rem;color:var(--text-color-secondary);transition:color var(--transition-duration) ease}.relative-date-selector .quick-select-panel{position:absolute;top:100%;right:0;background:var(--surface-0);border:1px solid var(--surface-border);border-radius:8px;box-shadow:0 4px 20px #00000014;z-index:1000;width:460px;max-height:520px;overflow:hidden;animation:slideDown var(--transition-duration) ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.relative-date-selector .quick-select-panel .quick-select-header{border-bottom:1px solid var(--surface-200);background:var(--surface-100)}.relative-date-selector .quick-select-panel .quick-select-header .title{margin:0;font-size:13px;font-weight:700;color:var(--surface-600)}.relative-date-selector .quick-select-panel .quick-select-header i{cursor:pointer;color:var(--text-color-secondary);font-size:.875rem;transition:all var(--transition-duration) ease}.relative-date-selector .quick-select-panel .quick-select-header i:hover{color:var(--text-color);transform:scale(1.1)}.relative-date-selector .quick-select-panel .quick-select-body{max-height:440px;overflow-y:auto}.relative-date-selector .quick-select-panel .quick-select-custom{border-bottom:1px solid var(--surface-200)}.relative-date-selector .quick-select-panel .quick-select-section .title-section{display:inline-block;font-size:.8rem;font-weight:600;color:var(--text-color-secondary);text-transform:uppercase;letter-spacing:.5px}.relative-date-selector .quick-select-panel .quick-select-options{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.relative-date-selector .quick-select-panel .quick-select-options .quick-select-option{padding:.625rem 1rem;background:var(--surface-100);border:1px solid var(--surface-200);text-align:left;cursor:pointer;border-radius:var(--border-radius);transition:all var(--transition-duration) ease;color:var(--text-color);font-size:.875rem;font-weight:500}.relative-date-selector .quick-select-panel .quick-select-options .quick-select-option:hover{transform:translateY(-1px)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: OverlayPanelModule }, { kind: "component", type: i4.OverlayPanel, selector: "p-overlayPanel", inputs: ["ariaLabel", "ariaLabelledBy", "dismissable", "showCloseIcon", "style", "styleClass", "appendTo", "autoZIndex", "ariaCloseLabel", "baseZIndex", "focusOnShow", "showTransitionOptions", "hideTransitionOptions"], outputs: ["onShow", "onHide"] }, { kind: "ngmodule", type: TabViewModule }, { kind: "component", type: i5.TabView, selector: "p-tabView", inputs: ["style", "styleClass", "controlClose", "scrollable", "activeIndex", "selectOnFocus", "nextButtonAriaLabel", "prevButtonAriaLabel", "autoHideButtons", "tabindex"], outputs: ["onChange", "onClose", "activeIndexChange"] }, { kind: "component", type: i5.TabPanel, selector: "p-tabPanel", inputs: ["closable", "headerStyle", "headerStyleClass", "cache", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "selected", "disabled", "header", "leftIcon", "rightIcon"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i6.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "ngmodule", type: TranslocoModule }, { kind: "component", type: CalendarComponent, selector: "aril-calendar[ngModel], aril-calendar[formControl], aril-calendar[formControlName]", inputs: ["minDate", "maxDate", "inputStyle", "inputStyleClass", "autoZIndex", "inline", "showIcon", "showTime", "showWeek", "showSeconds", "disabledDates", "numberOfMonthToShow", "appendTo", "dataType", "placeholder", "view", "selectionMode", "rangeConfig", "tabindex", "showOnFocus", "timeOnly", "keepInvalid"] }, { kind: "component", type: ButtonComponent, selector: "aril-button:not([click])", inputs: ["label", "loading", "disabled", "raised", "rounded", "text", "outlined", "badge", "size", "icon", "iconPos", "color"], outputs: ["clickEvent"] }, { kind: "component", type: NumberComponent, selector: "aril-number[ngModel], aril-number[formControl], aril-number[formControlName]", inputs: ["min", "max", "showButtons", "placeholder", "prefix", "locale", "suffix", "maxlength", "showClear", "useGrouping", "maxDigits", "minDigits", "tabindex", "inputStyle", "buttonLayout"] }, { kind: "component", type: SelectBoxComponent, selector: "aril-select-box[ngModel], aril-select-box[formControl], aril-select-box[formControlName]", inputs: ["itemKey", "itemText", "groupName", "parentSelectionKey", "tabindex", "items", "grouped", "showClearButton", "placeholder", "searchExpr"], outputs: ["onSelectionChanged"] }, { kind: "pipe", type: InputErrorMessagePipe, name: "inputErrorMessage" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: RelativeDateSelectorComponent, decorators: [{
             type: Component,
@@ -271,7 +271,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImpor
                         NumberComponent,
                         SelectBoxComponent,
                         InputErrorMessagePipe
-                    ], hostDirectives: [ValueAccessorDirective], template: "<div class=\"relative-date-selector\">\n\t<div class=\"input-wrapper flex align-items-center\" (click)=\"onInputClick($event)\">\n\t\t<input\n\t\t\ttype=\"text\"\n\t\t\treadonly\n\t\t\t[value]=\"getDisplayValue()\"\n\t\t\tclass=\"p-inputtext p-component\"\n\t\t\t[class.p-invalid]=\"ngControl.invalid && ngControl.touched\"\n\t\t\t[placeholder]=\"translocoService.translate('relativeDateSelector.placeholder')\"\n\t\t\t[pTooltip]=\"ngControl.invalid && ngControl.touched ? (ngControl.control.value | inputErrorMessage: ngControl) : ''\"\n\t\t\t[tooltipOptions]=\"tooltipOptions\" />\n\t\t<div class=\"calendar-icon-wrapper flex align-items-center justify-content-center\" (click)=\"toggleQuickSelect($event)\">\n\t\t\t<i class=\"pi pi-calendar calendar-icon\"></i>\n\t\t</div>\n\t</div>\n\n\t<p-overlayPanel\n\t\t#op\n\t\t[style]=\"{ minWidth: '350px', maxHeight: '600px', overflow: 'visible' }\"\n\t\t[dismissable]=\"true\"\n\t\t(onHide)=\"showOverlayPanel.set(false)\">\n\t\t<p-tabView (onChange)=\"onTabChange($event)\" [activeIndex]=\"activeTabIndex()\">\n\t\t\t<p-tabPanel [header]=\"translocoService.translate('relativeDateSelector.absolute')\">\n\t\t\t\t<div class=\"flex justify-content-center\">\n\t\t\t\t\t<aril-calendar\n\t\t\t\t\t\t[(ngModel)]=\"absoluteDate\"\n\t\t\t\t\t\t(ngModelChange)=\"onAbsoluteDateChange($event)\"\n\t\t\t\t\t\t[inline]=\"true\"\n\t\t\t\t\t\t[showTime]=\"true\"\n\t\t\t\t\t\t[showSeconds]=\"true\">\n\t\t\t\t\t</aril-calendar>\n\t\t\t\t</div>\n\t\t\t</p-tabPanel>\n\n\t\t\t<p-tabPanel [header]=\"translocoService.translate('relativeDateSelector.relative')\">\n\t\t\t\t<div>\n\t\t\t\t\t<div class=\"flex flex-column gap-2 m-2\">\n\t\t\t\t\t\t<aril-number\n\t\t\t\t\t\t\t[(ngModel)]=\"relativeValue\"\n\t\t\t\t\t\t\t(ngModelChange)=\"onRelativeChange()\"\n\t\t\t\t\t\t\t[min]=\"1\"\n\t\t\t\t\t\t\t[showButtons]=\"true\"\n\t\t\t\t\t\t\t[placeholder]=\"translocoService.translate('relativeDateSelector.valuePlaceholder')\">\n\t\t\t\t\t\t</aril-number>\n\n\t\t\t\t\t\t<aril-select-box\n\t\t\t\t\t\t\t[(ngModel)]=\"relativeUnit\"\n\t\t\t\t\t\t\t(ngModelChange)=\"onRelativeChange()\"\n\t\t\t\t\t\t\t[items]=\"relativeUnits\"\n\t\t\t\t\t\t\t[itemKey]=\"'value'\"\n\t\t\t\t\t\t\t[itemText]=\"'label'\"\n\t\t\t\t\t\t\t[placeholder]=\"translocoService.translate('relativeDateSelector.selectUnit')\">\n\t\t\t\t\t\t</aril-select-box>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div class=\"m-2\">\n\t\t\t\t\t\t<small class=\"text-muted\">\n\t\t\t\t\t\t\t<strong>{{ translocoService.translate('relativeDateSelector.examples') }}:</strong> {{ translocoService.translate('relativeDateSelector.examplesText') }}\n\t\t\t\t\t\t</small>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</p-tabPanel>\n\t\t</p-tabView>\n\t</p-overlayPanel>\n\n\t<!-- Quick Select Panel -->\n\t@if (showQuickSelect()) {\n\t\t<div class=\"quick-select-panel mt-2\">\n\t\t\t<div class=\"quick-select-header flex justify-content-between align-items-center p-3\">\n\t\t\t\t<span class=\"title\">{{ translocoService.translate('relativeDateSelector.quickSelect') }}</span>\n\t\t\t\t<div class=\"flex align-items-center gap-2\">\n\t\t\t\t\t<i class=\"pi pi-times cursor-pointer\" (click)=\"showQuickSelect.set(false)\"></i>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<div class=\"quick-select-body p-3\">\n\t\t\t\t<!-- Custom Quick Select Inputs -->\n\t\t\t\t<div class=\"quick-select-custom mb-3 pb-3\">\n\t\t\t\t\t<div class=\"flex gap-2 align-items-center mb-3\">\n\t\t\t\t\t\t<aril-select-box\n\t\t\t\t\t\t\t[(ngModel)]=\"quickSelectDirection\"\n\t\t\t\t\t\t\t[items]=\"quickSelectDirections\"\n\t\t\t\t\t\t\t[itemKey]=\"'value'\"\n\t\t\t\t\t\t\t[itemText]=\"'label'\">\n\t\t\t\t\t\t</aril-select-box>\n\n\t\t\t\t\t\t<aril-number [(ngModel)]=\"quickSelectValue\" [min]=\"1\" [showButtons]=\"true\"> </aril-number>\n\n\t\t\t\t\t\t<aril-select-box\n\t\t\t\t\t\t\t[(ngModel)]=\"quickSelectUnit\"\n\t\t\t\t\t\t\t[items]=\"quickSelectUnits\"\n\t\t\t\t\t\t\t[itemKey]=\"'value'\"\n\t\t\t\t\t\t\t[itemText]=\"'label'\">\n\t\t\t\t\t\t</aril-select-box>\n\n\t\t\t\t\t\t<aril-button\n\t\t\t\t\t\t\t[label]=\"translocoService.translate('relativeDateSelector.apply')\"\n\t\t\t\t\t\t\tcolor=\"primary\"\n\t\t\t\t\t\t\t(clickEvent)=\"applyQuickSelectCustom()\"\n\t\t\t\t\t\t\t[style]=\"{ 'min-width': '80px' }\">\n\t\t\t\t\t\t</aril-button>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\n\t\t\t\t<!-- Commonly Used Options -->\n\t\t\t\t<div class=\"quick-select-section\">\n\t\t\t\t\t<span class=\"title-section mb-2\">{{ translocoService.translate('relativeDateSelector.commonlyUsed') }}</span>\n\t\t\t\t\t<div class=\"quick-select-options\">\n\t\t\t\t\t\t@for (option of commonlyUsedOptions; track option.value) {\n\t\t\t\t\t\t\t<button type=\"button\" class=\"quick-select-option\" (click)=\"applyQuickSelect(option)\">\n\t\t\t\t\t\t\t\t{{ option.label }}\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t}\n</div>\n", styles: [".relative-date-selector{position:relative}.relative-date-selector .input-wrapper{position:relative;cursor:pointer}.relative-date-selector .input-wrapper input{width:100%;padding-right:3rem;cursor:pointer;transition:all var(--transition-duration) ease}.relative-date-selector .input-wrapper input:hover{border-color:var(--focus-border-color)}.relative-date-selector .input-wrapper input:focus{box-shadow:var(--focus-ring);border-color:var(--focus-border-color)}.relative-date-selector .input-wrapper input.p-invalid{border-color:var(--error-300)}.relative-date-selector .input-wrapper .calendar-icon-wrapper{position:absolute;right:.5rem;width:2rem;height:2rem;background:var(--surface-100);border:1px solid var(--surface-border);border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-duration) ease;z-index:2}.relative-date-selector .input-wrapper .calendar-icon-wrapper:hover{background:var(--surface-200);border-color:var(--primary-color);transform:scale(1.05)}.relative-date-selector .input-wrapper .calendar-icon-wrapper:hover .calendar-icon{color:var(--primary-color)}.relative-date-selector .input-wrapper .calendar-icon-wrapper:active{transform:scale(.98)}.relative-date-selector .input-wrapper .calendar-icon-wrapper .calendar-icon{font-size:.9375rem;color:var(--text-color-secondary);transition:color var(--transition-duration) ease}.relative-date-selector .quick-select-panel{position:absolute;top:100%;right:0;background:var(--surface-0);border:1px solid var(--surface-border);border-radius:8px;box-shadow:0 4px 20px #00000014;z-index:1000;width:460px;max-height:520px;overflow:hidden;animation:slideDown var(--transition-duration) ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.relative-date-selector .quick-select-panel .quick-select-header{border-bottom:1px solid var(--surface-200);background:var(--surface-100)}.relative-date-selector .quick-select-panel .quick-select-header .title{margin:0;font-size:13px;font-weight:700;color:var(--surface-600)}.relative-date-selector .quick-select-panel .quick-select-header i{cursor:pointer;color:var(--text-color-secondary);font-size:.875rem;transition:all var(--transition-duration) ease}.relative-date-selector .quick-select-panel .quick-select-header i:hover{color:var(--text-color);transform:scale(1.1)}.relative-date-selector .quick-select-panel .quick-select-body{max-height:440px;overflow-y:auto}.relative-date-selector .quick-select-panel .quick-select-custom{border-bottom:1px solid var(--surface-200)}.relative-date-selector .quick-select-panel .quick-select-section .title-section{display:inline-block;font-size:.8rem;font-weight:600;color:var(--text-color-secondary);text-transform:uppercase;letter-spacing:.5px}.relative-date-selector .quick-select-panel .quick-select-options{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.relative-date-selector .quick-select-panel .quick-select-options .quick-select-option{padding:.625rem 1rem;background:var(--surface-100);border:1px solid var(--surface-200);text-align:left;cursor:pointer;border-radius:var(--border-radius);transition:all var(--transition-duration) ease;color:var(--text-color);font-size:.875rem;font-weight:500}.relative-date-selector .quick-select-panel .quick-select-options .quick-select-option:hover{transform:translateY(-1px)}\n"] }]
+                    ], hostDirectives: [ValueAccessorDirective], template: "<div class=\"relative-date-selector\">\r\n\t<div class=\"input-wrapper flex align-items-center\" (click)=\"onInputClick($event)\">\r\n\t\t<input\r\n\t\t\ttype=\"text\"\r\n\t\t\treadonly\r\n\t\t\t[value]=\"getDisplayValue()\"\r\n\t\t\tclass=\"p-inputtext p-component\"\r\n\t\t\t[class.p-invalid]=\"ngControl.invalid && ngControl.touched\"\r\n\t\t\t[placeholder]=\"translocoService.translate('relativeDateSelector.placeholder')\"\r\n\t\t\t[pTooltip]=\"ngControl.invalid && ngControl.touched ? (ngControl.control.value | inputErrorMessage: ngControl) : ''\"\r\n\t\t\t[tooltipOptions]=\"tooltipOptions\" />\r\n\t\t<div class=\"calendar-icon-wrapper flex align-items-center justify-content-center\" (click)=\"toggleQuickSelect($event)\">\r\n\t\t\t<i class=\"pi pi-calendar calendar-icon\"></i>\r\n\t\t</div>\r\n\t</div>\r\n\r\n\t<p-overlayPanel\r\n\t\t#op\r\n\t\t[style]=\"{ minWidth: '350px', maxHeight: '600px', overflow: 'visible' }\"\r\n\t\t[dismissable]=\"true\"\r\n\t\t(onHide)=\"showOverlayPanel.set(false)\">\r\n\t\t<p-tabView (onChange)=\"onTabChange($event)\" [activeIndex]=\"activeTabIndex()\">\r\n\t\t\t<p-tabPanel [header]=\"translocoService.translate('relativeDateSelector.absolute')\">\r\n\t\t\t\t<div class=\"flex justify-content-center\">\r\n\t\t\t\t\t<aril-calendar\r\n\t\t\t\t\t\t[(ngModel)]=\"absoluteDate\"\r\n\t\t\t\t\t\t(ngModelChange)=\"onAbsoluteDateChange($event)\"\r\n\t\t\t\t\t\t[inline]=\"true\"\r\n\t\t\t\t\t\t[showTime]=\"true\"\r\n\t\t\t\t\t\t[showSeconds]=\"true\">\r\n\t\t\t\t\t</aril-calendar>\r\n\t\t\t\t</div>\r\n\t\t\t</p-tabPanel>\r\n\r\n\t\t\t<p-tabPanel [header]=\"translocoService.translate('relativeDateSelector.relative')\">\r\n\t\t\t\t<div>\r\n\t\t\t\t\t<div class=\"flex flex-column gap-2 m-2\">\r\n\t\t\t\t\t\t<aril-number\r\n\t\t\t\t\t\t\t[(ngModel)]=\"relativeValue\"\r\n\t\t\t\t\t\t\t(ngModelChange)=\"onRelativeChange()\"\r\n\t\t\t\t\t\t\t[min]=\"1\"\r\n\t\t\t\t\t\t\t[showButtons]=\"true\"\r\n\t\t\t\t\t\t\t[placeholder]=\"translocoService.translate('relativeDateSelector.valuePlaceholder')\">\r\n\t\t\t\t\t\t</aril-number>\r\n\r\n\t\t\t\t\t\t<aril-select-box\r\n\t\t\t\t\t\t\t[(ngModel)]=\"relativeUnit\"\r\n\t\t\t\t\t\t\t(ngModelChange)=\"onRelativeChange()\"\r\n\t\t\t\t\t\t\t[items]=\"relativeUnits\"\r\n\t\t\t\t\t\t\t[itemKey]=\"'value'\"\r\n\t\t\t\t\t\t\t[itemText]=\"'label'\"\r\n\t\t\t\t\t\t\t[placeholder]=\"translocoService.translate('relativeDateSelector.selectUnit')\">\r\n\t\t\t\t\t\t</aril-select-box>\r\n\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t<div class=\"m-2\">\r\n\t\t\t\t\t\t<small class=\"text-muted\">\r\n\t\t\t\t\t\t\t<strong>{{ translocoService.translate('relativeDateSelector.examples') }}:</strong> {{ translocoService.translate('relativeDateSelector.examplesText') }}\r\n\t\t\t\t\t\t</small>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t</p-tabPanel>\r\n\t\t</p-tabView>\r\n\t</p-overlayPanel>\r\n\r\n\t<!-- Quick Select Panel -->\r\n\t@if (showQuickSelect()) {\r\n\t\t<div class=\"quick-select-panel mt-2\">\r\n\t\t\t<div class=\"quick-select-header flex justify-content-between align-items-center p-3\">\r\n\t\t\t\t<span class=\"title\">{{ translocoService.translate('relativeDateSelector.quickSelect') }}</span>\r\n\t\t\t\t<div class=\"flex align-items-center gap-2\">\r\n\t\t\t\t\t<i class=\"pi pi-times cursor-pointer\" (click)=\"showQuickSelect.set(false)\"></i>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t\t<div class=\"quick-select-body p-3\">\r\n\t\t\t\t<!-- Custom Quick Select Inputs -->\r\n\t\t\t\t<div class=\"quick-select-custom mb-3 pb-3\">\r\n\t\t\t\t\t<div class=\"flex gap-2 align-items-center mb-3\">\r\n\t\t\t\t\t\t<aril-select-box\r\n\t\t\t\t\t\t\t[(ngModel)]=\"quickSelectDirection\"\r\n\t\t\t\t\t\t\t[items]=\"quickSelectDirections\"\r\n\t\t\t\t\t\t\t[itemKey]=\"'value'\"\r\n\t\t\t\t\t\t\t[itemText]=\"'label'\">\r\n\t\t\t\t\t\t</aril-select-box>\r\n\r\n\t\t\t\t\t\t<aril-number [(ngModel)]=\"quickSelectValue\" [min]=\"1\" [showButtons]=\"true\"> </aril-number>\r\n\r\n\t\t\t\t\t\t<aril-select-box\r\n\t\t\t\t\t\t\t[(ngModel)]=\"quickSelectUnit\"\r\n\t\t\t\t\t\t\t[items]=\"quickSelectUnits\"\r\n\t\t\t\t\t\t\t[itemKey]=\"'value'\"\r\n\t\t\t\t\t\t\t[itemText]=\"'label'\">\r\n\t\t\t\t\t\t</aril-select-box>\r\n\r\n\t\t\t\t\t\t<aril-button\r\n\t\t\t\t\t\t\t[label]=\"translocoService.translate('relativeDateSelector.apply')\"\r\n\t\t\t\t\t\t\tcolor=\"primary\"\r\n\t\t\t\t\t\t\t(clickEvent)=\"applyQuickSelectCustom()\"\r\n\t\t\t\t\t\t\t[style]=\"{ 'min-width': '80px' }\">\r\n\t\t\t\t\t\t</aril-button>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\r\n\t\t\t\t<!-- Commonly Used Options -->\r\n\t\t\t\t<div class=\"quick-select-section\">\r\n\t\t\t\t\t<span class=\"title-section mb-2\">{{ translocoService.translate('relativeDateSelector.commonlyUsed') }}</span>\r\n\t\t\t\t\t<div class=\"quick-select-options\">\r\n\t\t\t\t\t\t@for (option of commonlyUsedOptions; track option.value) {\r\n\t\t\t\t\t\t\t<button type=\"button\" class=\"quick-select-option\" (click)=\"applyQuickSelect(option)\">\r\n\t\t\t\t\t\t\t\t{{ option.label }}\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t}\r\n</div>\r\n", styles: [".relative-date-selector{position:relative}.relative-date-selector .input-wrapper{position:relative;cursor:pointer}.relative-date-selector .input-wrapper input{width:100%;padding-right:3rem;cursor:pointer;transition:all var(--transition-duration) ease}.relative-date-selector .input-wrapper input:hover{border-color:var(--focus-border-color)}.relative-date-selector .input-wrapper input:focus{box-shadow:var(--focus-ring);border-color:var(--focus-border-color)}.relative-date-selector .input-wrapper input.p-invalid{border-color:var(--error-300)}.relative-date-selector .input-wrapper .calendar-icon-wrapper{position:absolute;right:.5rem;width:2rem;height:2rem;background:var(--surface-100);border:1px solid var(--surface-border);border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-duration) ease;z-index:2}.relative-date-selector .input-wrapper .calendar-icon-wrapper:hover{background:var(--surface-200);border-color:var(--primary-color);transform:scale(1.05)}.relative-date-selector .input-wrapper .calendar-icon-wrapper:hover .calendar-icon{color:var(--primary-color)}.relative-date-selector .input-wrapper .calendar-icon-wrapper:active{transform:scale(.98)}.relative-date-selector .input-wrapper .calendar-icon-wrapper .calendar-icon{font-size:.9375rem;color:var(--text-color-secondary);transition:color var(--transition-duration) ease}.relative-date-selector .quick-select-panel{position:absolute;top:100%;right:0;background:var(--surface-0);border:1px solid var(--surface-border);border-radius:8px;box-shadow:0 4px 20px #00000014;z-index:1000;width:460px;max-height:520px;overflow:hidden;animation:slideDown var(--transition-duration) ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.relative-date-selector .quick-select-panel .quick-select-header{border-bottom:1px solid var(--surface-200);background:var(--surface-100)}.relative-date-selector .quick-select-panel .quick-select-header .title{margin:0;font-size:13px;font-weight:700;color:var(--surface-600)}.relative-date-selector .quick-select-panel .quick-select-header i{cursor:pointer;color:var(--text-color-secondary);font-size:.875rem;transition:all var(--transition-duration) ease}.relative-date-selector .quick-select-panel .quick-select-header i:hover{color:var(--text-color);transform:scale(1.1)}.relative-date-selector .quick-select-panel .quick-select-body{max-height:440px;overflow-y:auto}.relative-date-selector .quick-select-panel .quick-select-custom{border-bottom:1px solid var(--surface-200)}.relative-date-selector .quick-select-panel .quick-select-section .title-section{display:inline-block;font-size:.8rem;font-weight:600;color:var(--text-color-secondary);text-transform:uppercase;letter-spacing:.5px}.relative-date-selector .quick-select-panel .quick-select-options{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.relative-date-selector .quick-select-panel .quick-select-options .quick-select-option{padding:.625rem 1rem;background:var(--surface-100);border:1px solid var(--surface-200);text-align:left;cursor:pointer;border-radius:var(--border-radius);transition:all var(--transition-duration) ease;color:var(--text-color);font-size:.875rem;font-weight:500}.relative-date-selector .quick-select-panel .quick-select-options .quick-select-option:hover{transform:translateY(-1px)}\n"] }]
         }], ctorParameters: () => [{ type: i1.TranslocoService }], propDecorators: { overlayPanel: [{
                 type: ViewChild,
                 args: ['op']

package/fesm2022/aril-ui-relativeDateSelector.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"aril-ui-relativeDateSelector.mjs","sources":["../../projects/aril/ui/relativeDateSelector/src/enum.ts","../../projects/aril/ui/relativeDateSelector/src/relative-date-selector.component.ts","../../projects/aril/ui/relativeDateSelector/src/relative-date-selector.component.html","../../projects/aril/ui/relativeDateSelector/aril-ui-relativeDateSelector.ts"],"sourcesContent":["export enum RelativeDateUnit {\n\tSeconds = 's',\n\tMinutes = 'm',\n\tHours = 'h',\n\tDays = 'd',\n\tWeeks = 'w',\n\tMonths = 'M',\n\tYears = 'y'\n}\n\nexport enum RelativeDateDirection {\n\tPast = '-',\n\tFuture = '+'\n}\n\nexport enum RelativeDateUnitName {\n\tSeconds = 'seconds',\n\tMinutes = 'minutes',\n\tHours = 'hours',\n\tDays = 'days',\n\tWeeks = 'weeks',\n\tMonths = 'months',\n\tYears = 'years'\n}\n\nexport enum RelativeDateUnitSuffix {\n\tAgo = 'Ago',\n\tFromNow = 'FromNow'\n}\n","import { Component, signal, ViewChild, OnInit, AfterViewInit } from '@angular/core';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { CommonModule } from '@angular/common';\n\nimport { OverlayPanel, OverlayPanelModule } from 'primeng/overlaypanel';\nimport { TabViewModule } from 'primeng/tabview';\nimport { TooltipModule } from 'primeng/tooltip';\n\nimport { TranslocoModule, TranslocoService } from '@ngneat/transloco';\nimport { format, parse } from 'date-fns';\n\nimport { BaseInputComponent, InputErrorMessagePipe, ValueAccessorDirective } from 'aril/ui/lib';\nimport { CalendarComponent } from 'aril/ui/calendar';\nimport { ButtonComponent } from 'aril/ui/button';\nimport { NumberComponent } from 'aril/ui/number';\nimport { SelectBoxComponent } from 'aril/ui/selectBox';\nimport 'aril/util/primitive-extensions';\n\nimport { RelativeDateUnit, RelativeDateDirection, RelativeDateUnitName, RelativeDateUnitSuffix } from './enum';\n\ninterface QuickSelectOption {\n\tlabel: string;\n\tvalue: string;\n}\n\n@Component({\n\tstandalone: true,\n\tselector:\n\t\t'aril-relative-date-picker[ngModel], aril-relative-date-picker[formControl], aril-relative-date-picker[formControlName]',\n\ttemplateUrl: './relative-date-selector.component.html',\n\tstyleUrls: ['./relative-date-selector.component.scss'],\n\timports: [\n\t\tCommonModule,\n\t\tReactiveFormsModule,\n\t\tFormsModule,\n\t\tOverlayPanelModule,\n\t\tTabViewModule,\n\t\tTooltipModule,\n\t\tTranslocoModule,\n\t\tCalendarComponent,\n\t\tButtonComponent,\n\t\tNumberComponent,\n\t\tSelectBoxComponent,\n\t\tInputErrorMessagePipe\n\t],\n\thostDirectives: [ValueAccessorDirective]\n})\nexport class RelativeDateSelectorComponent extends BaseInputComponent implements OnInit, AfterViewInit {\n\t@ViewChild('op') overlayPanel!: OverlayPanel;\n\n\tactiveTabIndex = signal<number>(0);\n\tshowQuickSelect = signal<boolean>(false);\n\tshowOverlayPanel = signal<boolean>(false);\n\n\t// Absolute mode\n\tabsoluteDate: number | null = null;\n\n\t// Relative mode\n\trelativeValue: number | null = null;\n\trelativeUnit: string | null = null;\n\trelativeDirection = RelativeDateDirection.Past;\n\n\trelativeUnits: any[] = [];\n\tquickSelectDirections: Array<{ label: string; value: string }> = [];\n\tquickSelectUnits: Array<{ label: string; value: string }> = [];\n\tcommonlyUsedOptions: QuickSelectOption[] = [];\n\n\t// Quick select inputs\n\tquickSelectDirection = RelativeDateDirection.Past;\n\tquickSelectValue: number | null = null;\n\tquickSelectUnit = RelativeDateUnit.Minutes;\n\n\tconstructor(public readonly translocoService: TranslocoService) {\n\t\tsuper();\n\n\t\tthis.initializeOptions();\n\t}\n\n\tngOnInit(): void {\n\t\tthis.ngControl.control?.valueChanges.subscribe((value) => {\n\t\t\tthis.onValueChange(value);\n\t\t});\n\t}\n\n\tngAfterViewInit(): void {\n\t\tif (this.ngControl.control?.value != null) {\n\t\t\tthis.onValueChange(this.ngControl.control?.value);\n\t\t}\n\t}\n\n\tprivate initializeOptions(): void {\n\t\tconst units = Object.values(RelativeDateUnit);\n\t\tconst unitNames = Object.values(RelativeDateUnitName);\n\t\tconst directions = Object.values(RelativeDateDirection);\n\t\tconst directionSuffixes = Object.values(RelativeDateUnitSuffix);\n\n\t\t// Relative units\n\t\tthis.relativeUnits = units.flatMap((code, index) =>\n\t\t\tdirections.map((dir, dirIndex) => ({\n\t\t\t\tlabel: this.translocoService.translate(\n\t\t\t\t\t`relativeDateSelector.units.${unitNames[index]}${directionSuffixes[dirIndex]}`\n\t\t\t\t),\n\t\t\t\tvalue: `${code}${dir}`\n\t\t\t}))\n\t\t);\n\n\t\t// Quick Select - Last/Next options\n\t\tthis.quickSelectDirections = [\n\t\t\t{ label: this.translocoService.translate('relativeDateSelector.last'), value: RelativeDateDirection.Past },\n\t\t\t{ label: this.translocoService.translate('relativeDateSelector.next'), value: RelativeDateDirection.Future }\n\t\t];\n\n\t\tthis.quickSelectUnits = units.map((code, index) => ({\n\t\t\tlabel: this.translocoService.translate(`relativeDateSelector.units.${unitNames[index]}`),\n\t\t\tvalue: code\n\t\t}));\n\n\t\t// Commonly used quick selects\n\t\tconst quickOptions = [\n\t\t\t{ key: 'today', value: `now/${RelativeDateUnit.Days}` },\n\t\t\t{ key: 'thisWeek', value: `now/${RelativeDateUnit.Weeks}` },\n\t\t\t{ key: 'last1Minute', value: `now${RelativeDateDirection.Past}1${RelativeDateUnit.Minutes}` },\n\t\t\t{ key: 'last15Minutes', value: `now${RelativeDateDirection.Past}15${RelativeDateUnit.Minutes}` },\n\t\t\t{ key: 'last30Minutes', value: `now${RelativeDateDirection.Past}30${RelativeDateUnit.Minutes}` },\n\t\t\t{ key: 'last1Hour', value: `now${RelativeDateDirection.Past}1${RelativeDateUnit.Hours}` },\n\t\t\t{ key: 'last24Hours', value: `now${RelativeDateDirection.Past}24${RelativeDateUnit.Hours}` },\n\t\t\t{ key: 'last7Days', value: `now${RelativeDateDirection.Past}7${RelativeDateUnit.Days}` },\n\t\t\t{ key: 'last30Days', value: `now${RelativeDateDirection.Past}30${RelativeDateUnit.Days}` },\n\t\t\t{ key: 'last90Days', value: `now${RelativeDateDirection.Past}90${RelativeDateUnit.Days}` },\n\t\t\t{ key: 'last1Year', value: `now${RelativeDateDirection.Past}1${RelativeDateUnit.Years}` }\n\t\t];\n\n\t\tthis.commonlyUsedOptions = quickOptions.map((opt) => ({\n\t\t\tlabel: this.translocoService.translate(`relativeDateSelector.quickOptions.${opt.key}`),\n\t\t\tvalue: opt.value\n\t\t}));\n\t}\n\n\tonValueChange(value: number | string | null | undefined): void {\n\t\tif (value != null) {\n\t\t\tif (typeof value === 'number') {\n\t\t\t\tthis.activeTabIndex.set(0);\n\t\t\t\tthis.absoluteDate = value;\n\t\t\t} else if (typeof value === 'string') {\n\t\t\t\tthis.activeTabIndex.set(1);\n\t\t\t\tthis.parseRelativeValue(value);\n\t\t\t}\n\t\t} else {\n\t\t\tthis.absoluteDate = null;\n\t\t\tthis.relativeValue = null;\n\t\t\tthis.relativeUnit = null;\n\t\t}\n\t}\n\n\tparseRelativeValue(value: string): void {\n\t\tconst match = value.match(/^now\\s*(?:([+-])\\s*(\\d+)([smhdwMy]))?\\s*(?:\\/([smhdwMy]))?$/);\n\n\t\tif (match) {\n\t\t\tconst [, direction, amount, unit] = match;\n\t\t\tif (direction && amount && unit) {\n\t\t\t\tthis.relativeDirection = direction as RelativeDateDirection;\n\t\t\t\tthis.relativeValue = parseInt(amount, 10);\n\t\t\t\tthis.relativeUnit = unit + direction;\n\t\t\t}\n\t\t}\n\t}\n\n\tonAbsoluteDateChange(date: number | null): void {\n\t\tthis.absoluteDate = date;\n\t\tthis.updateValue();\n\t}\n\n\tonRelativeChange(): void {\n\t\tthis.updateValue();\n\t}\n\n\tonTabChange(event: { index: number }): void {\n\t\tthis.activeTabIndex.set(event.index);\n\t}\n\n\tupdateValue(): void {\n\t\tif (this.activeTabIndex() === 0 && this.absoluteDate != null) {\n\t\t\tthis.ngControl.control?.setValue(this.absoluteDate);\n\t\t} else if (this.activeTabIndex() === 1 && this.relativeValue != null && this.relativeUnit) {\n\t\t\tconst unit = this.relativeUnit.charAt(0);\n\t\t\tconst direction = this.relativeUnit.charAt(1);\n\t\t\tthis.ngControl.control?.setValue(`now${direction}${this.relativeValue}${unit}`);\n\t\t}\n\t}\n\n\tapplyQuickSelect(option: QuickSelectOption): void {\n\t\tthis.applyRelativeValue(option.value);\n\t}\n\n\tapplyQuickSelectCustom(): void {\n\t\tif (this.quickSelectValue != null && this.quickSelectUnit) {\n\t\t\tconst relativeString = `now${this.quickSelectDirection}${this.quickSelectValue}${this.quickSelectUnit}`;\n\t\t\tthis.applyRelativeValue(relativeString);\n\t\t}\n\t}\n\n\tprivate applyRelativeValue(value: string): void {\n\t\tthis.activeTabIndex.set(1);\n\t\tthis.parseRelativeValue(value);\n\t\tthis.ngControl.control?.setValue(value);\n\t\tthis.closeQuickSelectPanels();\n\t}\n\n\tprivate closeQuickSelectPanels(): void {\n\t\tthis.showQuickSelect.set(false);\n\t\tthis.showOverlayPanel.set(false);\n\t}\n\n\ttoggleQuickSelect(event: Event): void {\n\t\tevent.stopPropagation();\n\t\tthis.showQuickSelect.update((value) => !value);\n\t\tif (this.showQuickSelect()) {\n\t\t\tthis.showOverlayPanel.set(false);\n\t\t\tthis.overlayPanel?.hide();\n\t\t}\n\t}\n\n\tonInputClick(event: Event): void {\n\t\tthis.showQuickSelect.set(false);\n\t\tthis.overlayPanel?.toggle(event);\n\t}\n\n\tgetDisplayValue(): string {\n\t\tconst value = this.ngControl.control?.value;\n\n\t\tif (value == null) return '';\n\n\t\tif (typeof value === 'number') {\n\t\t\treturn this.formatAbsoluteDate(value);\n\t\t}\n\n\t\tif (typeof value === 'string') {\n\t\t\treturn this.formatRelativeDate(value);\n\t\t}\n\n\t\treturn '';\n\t}\n\n\tprivate formatAbsoluteDate(value: number): string {\n\t\tconst dateStr = value.toString();\n\t\tif (dateStr.length === 14) {\n\t\t\ttry {\n\t\t\t\tconst date = parse(dateStr, 'yyyyMMddHHmmss', new Date());\n\t\t\t\treturn format(date, 'dd.MM.yyyy HH:mm:ss');\n\t\t\t} catch (error) {\n\t\t\t\treturn dateStr;\n\t\t\t}\n\t\t}\n\t\treturn dateStr;\n\t}\n\n\tprivate formatRelativeDate(value: string): string {\n\t\tconst quickOption = this.commonlyUsedOptions.find((opt: QuickSelectOption) => opt.value === value);\n\t\tif (quickOption) {\n\t\t\treturn quickOption.label;\n\t\t}\n\n\t\tconst match = value.match(/^now\\s*([+-])\\s*(\\d+)([smhdwMy])$/);\n\t\tif (match) {\n\t\t\tconst [, direction, amount, unit] = match;\n\t\t\tconst directionText = this.translocoService.translate(\n\t\t\t\tdirection === RelativeDateDirection.Past ? 'relativeDateSelector.last' : 'relativeDateSelector.next'\n\t\t\t);\n\t\t\tconst unitText = this.translocoService.translate(this.getUnitTranslationKey(unit, direction));\n\t\t\treturn `${directionText} ${amount} ${unitText}`;\n\t\t}\n\n\t\treturn value;\n\t}\n\n\tprivate getUnitTranslationKey(unit: string, direction: string): string {\n\t\tconst unitNameMap: Record<string, RelativeDateUnitName> = {\n\t\t\t[RelativeDateUnit.Seconds]: RelativeDateUnitName.Seconds,\n\t\t\t[RelativeDateUnit.Minutes]: RelativeDateUnitName.Minutes,\n\t\t\t[RelativeDateUnit.Hours]: RelativeDateUnitName.Hours,\n\t\t\t[RelativeDateUnit.Days]: RelativeDateUnitName.Days,\n\t\t\t[RelativeDateUnit.Weeks]: RelativeDateUnitName.Weeks,\n\t\t\t[RelativeDateUnit.Months]: RelativeDateUnitName.Months,\n\t\t\t[RelativeDateUnit.Years]: RelativeDateUnitName.Years\n\t\t};\n\n\t\tconst suffix =\n\t\t\tdirection === RelativeDateDirection.Past ? RelativeDateUnitSuffix.Ago : RelativeDateUnitSuffix.FromNow;\n\t\treturn `relativeDateSelector.units.${unitNameMap[unit]}${suffix}`;\n\t}\n}\n","<div class=\"relative-date-selector\">\n\t<div class=\"input-wrapper flex align-items-center\" (click)=\"onInputClick($event)\">\n\t\t<input\n\t\t\ttype=\"text\"\n\t\t\treadonly\n\t\t\t[value]=\"getDisplayValue()\"\n\t\t\tclass=\"p-inputtext p-component\"\n\t\t\t[class.p-invalid]=\"ngControl.invalid && ngControl.touched\"\n\t\t\t[placeholder]=\"translocoService.translate('relativeDateSelector.placeholder')\"\n\t\t\t[pTooltip]=\"ngControl.invalid && ngControl.touched ? (ngControl.control.value | inputErrorMessage: ngControl) : ''\"\n\t\t\t[tooltipOptions]=\"tooltipOptions\" />\n\t\t<div class=\"calendar-icon-wrapper flex align-items-center justify-content-center\" (click)=\"toggleQuickSelect($event)\">\n\t\t\t<i class=\"pi pi-calendar calendar-icon\"></i>\n\t\t</div>\n\t</div>\n\n\t<p-overlayPanel\n\t\t#op\n\t\t[style]=\"{ minWidth: '350px', maxHeight: '600px', overflow: 'visible' }\"\n\t\t[dismissable]=\"true\"\n\t\t(onHide)=\"showOverlayPanel.set(false)\">\n\t\t<p-tabView (onChange)=\"onTabChange($event)\" [activeIndex]=\"activeTabIndex()\">\n\t\t\t<p-tabPanel [header]=\"translocoService.translate('relativeDateSelector.absolute')\">\n\t\t\t\t<div class=\"flex justify-content-center\">\n\t\t\t\t\t<aril-calendar\n\t\t\t\t\t\t[(ngModel)]=\"absoluteDate\"\n\t\t\t\t\t\t(ngModelChange)=\"onAbsoluteDateChange($event)\"\n\t\t\t\t\t\t[inline]=\"true\"\n\t\t\t\t\t\t[showTime]=\"true\"\n\t\t\t\t\t\t[showSeconds]=\"true\">\n\t\t\t\t\t</aril-calendar>\n\t\t\t\t</div>\n\t\t\t</p-tabPanel>\n\n\t\t\t<p-tabPanel [header]=\"translocoService.translate('relativeDateSelector.relative')\">\n\t\t\t\t<div>\n\t\t\t\t\t<div class=\"flex flex-column gap-2 m-2\">\n\t\t\t\t\t\t<aril-number\n\t\t\t\t\t\t\t[(ngModel)]=\"relativeValue\"\n\t\t\t\t\t\t\t(ngModelChange)=\"onRelativeChange()\"\n\t\t\t\t\t\t\t[min]=\"1\"\n\t\t\t\t\t\t\t[showButtons]=\"true\"\n\t\t\t\t\t\t\t[placeholder]=\"translocoService.translate('relativeDateSelector.valuePlaceholder')\">\n\t\t\t\t\t\t</aril-number>\n\n\t\t\t\t\t\t<aril-select-box\n\t\t\t\t\t\t\t[(ngModel)]=\"relativeUnit\"\n\t\t\t\t\t\t\t(ngModelChange)=\"onRelativeChange()\"\n\t\t\t\t\t\t\t[items]=\"relativeUnits\"\n\t\t\t\t\t\t\t[itemKey]=\"'value'\"\n\t\t\t\t\t\t\t[itemText]=\"'label'\"\n\t\t\t\t\t\t\t[placeholder]=\"translocoService.translate('relativeDateSelector.selectUnit')\">\n\t\t\t\t\t\t</aril-select-box>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div class=\"m-2\">\n\t\t\t\t\t\t<small class=\"text-muted\">\n\t\t\t\t\t\t\t<strong>{{ translocoService.translate('relativeDateSelector.examples') }}:</strong> {{ translocoService.translate('relativeDateSelector.examplesText') }}\n\t\t\t\t\t\t</small>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</p-tabPanel>\n\t\t</p-tabView>\n\t</p-overlayPanel>\n\n\t<!-- Quick Select Panel -->\n\t@if (showQuickSelect()) {\n\t\t<div class=\"quick-select-panel mt-2\">\n\t\t\t<div class=\"quick-select-header flex justify-content-between align-items-center p-3\">\n\t\t\t\t<span class=\"title\">{{ translocoService.translate('relativeDateSelector.quickSelect') }}</span>\n\t\t\t\t<div class=\"flex align-items-center gap-2\">\n\t\t\t\t\t<i class=\"pi pi-times cursor-pointer\" (click)=\"showQuickSelect.set(false)\"></i>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<div class=\"quick-select-body p-3\">\n\t\t\t\t<!-- Custom Quick Select Inputs -->\n\t\t\t\t<div class=\"quick-select-custom mb-3 pb-3\">\n\t\t\t\t\t<div class=\"flex gap-2 align-items-center mb-3\">\n\t\t\t\t\t\t<aril-select-box\n\t\t\t\t\t\t\t[(ngModel)]=\"quickSelectDirection\"\n\t\t\t\t\t\t\t[items]=\"quickSelectDirections\"\n\t\t\t\t\t\t\t[itemKey]=\"'value'\"\n\t\t\t\t\t\t\t[itemText]=\"'label'\">\n\t\t\t\t\t\t</aril-select-box>\n\n\t\t\t\t\t\t<aril-number [(ngModel)]=\"quickSelectValue\" [min]=\"1\" [showButtons]=\"true\"> </aril-number>\n\n\t\t\t\t\t\t<aril-select-box\n\t\t\t\t\t\t\t[(ngModel)]=\"quickSelectUnit\"\n\t\t\t\t\t\t\t[items]=\"quickSelectUnits\"\n\t\t\t\t\t\t\t[itemKey]=\"'value'\"\n\t\t\t\t\t\t\t[itemText]=\"'label'\">\n\t\t\t\t\t\t</aril-select-box>\n\n\t\t\t\t\t\t<aril-button\n\t\t\t\t\t\t\t[label]=\"translocoService.translate('relativeDateSelector.apply')\"\n\t\t\t\t\t\t\tcolor=\"primary\"\n\t\t\t\t\t\t\t(clickEvent)=\"applyQuickSelectCustom()\"\n\t\t\t\t\t\t\t[style]=\"{ 'min-width': '80px' }\">\n\t\t\t\t\t\t</aril-button>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\n\t\t\t\t<!-- Commonly Used Options -->\n\t\t\t\t<div class=\"quick-select-section\">\n\t\t\t\t\t<span class=\"title-section mb-2\">{{ translocoService.translate('relativeDateSelector.commonlyUsed') }}</span>\n\t\t\t\t\t<div class=\"quick-select-options\">\n\t\t\t\t\t\t@for (option of commonlyUsedOptions; track option.value) {\n\t\t\t\t\t\t\t<button type=\"button\" class=\"quick-select-option\" (click)=\"applyQuickSelect(option)\">\n\t\t\t\t\t\t\t\t{{ option.label }}\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t}\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"aril-ui-relativeDateSelector.mjs","sources":["../../projects/aril/ui/relativeDateSelector/src/enum.ts","../../projects/aril/ui/relativeDateSelector/src/relative-date-selector.component.ts","../../projects/aril/ui/relativeDateSelector/src/relative-date-selector.component.html","../../projects/aril/ui/relativeDateSelector/aril-ui-relativeDateSelector.ts"],"sourcesContent":["export enum RelativeDateUnit {\r\n\tSeconds = 's',\r\n\tMinutes = 'm',\r\n\tHours = 'h',\r\n\tDays = 'd',\r\n\tWeeks = 'w',\r\n\tMonths = 'M',\r\n\tYears = 'y'\r\n}\r\n\r\nexport enum RelativeDateDirection {\r\n\tPast = '-',\r\n\tFuture = '+'\r\n}\r\n\r\nexport enum RelativeDateUnitName {\r\n\tSeconds = 'seconds',\r\n\tMinutes = 'minutes',\r\n\tHours = 'hours',\r\n\tDays = 'days',\r\n\tWeeks = 'weeks',\r\n\tMonths = 'months',\r\n\tYears = 'years'\r\n}\r\n\r\nexport enum RelativeDateUnitSuffix {\r\n\tAgo = 'Ago',\r\n\tFromNow = 'FromNow'\r\n}\r\n","import { Component, signal, ViewChild, OnInit, AfterViewInit } from '@angular/core';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\nimport { CommonModule } from '@angular/common';\r\n\r\nimport { OverlayPanel, OverlayPanelModule } from 'primeng/overlaypanel';\r\nimport { TabViewModule } from 'primeng/tabview';\r\nimport { TooltipModule } from 'primeng/tooltip';\r\n\r\nimport { TranslocoModule, TranslocoService } from '@ngneat/transloco';\r\nimport { format, parse } from 'date-fns';\r\n\r\nimport { BaseInputComponent, InputErrorMessagePipe, ValueAccessorDirective } from 'aril/ui/lib';\r\nimport { CalendarComponent } from 'aril/ui/calendar';\r\nimport { ButtonComponent } from 'aril/ui/button';\r\nimport { NumberComponent } from 'aril/ui/number';\r\nimport { SelectBoxComponent } from 'aril/ui/selectBox';\r\nimport 'aril/util/primitive-extensions';\r\n\r\nimport { RelativeDateUnit, RelativeDateDirection, RelativeDateUnitName, RelativeDateUnitSuffix } from './enum';\r\n\r\ninterface QuickSelectOption {\r\n\tlabel: string;\r\n\tvalue: string;\r\n}\r\n\r\n@Component({\r\n\tstandalone: true,\r\n\tselector:\r\n\t\t'aril-relative-date-picker[ngModel], aril-relative-date-picker[formControl], aril-relative-date-picker[formControlName]',\r\n\ttemplateUrl: './relative-date-selector.component.html',\r\n\tstyleUrls: ['./relative-date-selector.component.scss'],\r\n\timports: [\r\n\t\tCommonModule,\r\n\t\tReactiveFormsModule,\r\n\t\tFormsModule,\r\n\t\tOverlayPanelModule,\r\n\t\tTabViewModule,\r\n\t\tTooltipModule,\r\n\t\tTranslocoModule,\r\n\t\tCalendarComponent,\r\n\t\tButtonComponent,\r\n\t\tNumberComponent,\r\n\t\tSelectBoxComponent,\r\n\t\tInputErrorMessagePipe\r\n\t],\r\n\thostDirectives: [ValueAccessorDirective]\r\n})\r\nexport class RelativeDateSelectorComponent extends BaseInputComponent implements OnInit, AfterViewInit {\r\n\t@ViewChild('op') overlayPanel!: OverlayPanel;\r\n\r\n\tactiveTabIndex = signal<number>(0);\r\n\tshowQuickSelect = signal<boolean>(false);\r\n\tshowOverlayPanel = signal<boolean>(false);\r\n\r\n\t// Absolute mode\r\n\tabsoluteDate: number | null = null;\r\n\r\n\t// Relative mode\r\n\trelativeValue: number | null = null;\r\n\trelativeUnit: string | null = null;\r\n\trelativeDirection = RelativeDateDirection.Past;\r\n\r\n\trelativeUnits: any[] = [];\r\n\tquickSelectDirections: Array<{ label: string; value: string }> = [];\r\n\tquickSelectUnits: Array<{ label: string; value: string }> = [];\r\n\tcommonlyUsedOptions: QuickSelectOption[] = [];\r\n\r\n\t// Quick select inputs\r\n\tquickSelectDirection = RelativeDateDirection.Past;\r\n\tquickSelectValue: number | null = null;\r\n\tquickSelectUnit = RelativeDateUnit.Minutes;\r\n\r\n\tconstructor(public readonly translocoService: TranslocoService) {\r\n\t\tsuper();\r\n\r\n\t\tthis.initializeOptions();\r\n\t}\r\n\r\n\tngOnInit(): void {\r\n\t\tthis.ngControl.control?.valueChanges.subscribe((value) => {\r\n\t\t\tthis.onValueChange(value);\r\n\t\t});\r\n\t}\r\n\r\n\tngAfterViewInit(): void {\r\n\t\tif (this.ngControl.control?.value != null) {\r\n\t\t\tthis.onValueChange(this.ngControl.control?.value);\r\n\t\t}\r\n\t}\r\n\r\n\tprivate initializeOptions(): void {\r\n\t\tconst units = Object.values(RelativeDateUnit);\r\n\t\tconst unitNames = Object.values(RelativeDateUnitName);\r\n\t\tconst directions = Object.values(RelativeDateDirection);\r\n\t\tconst directionSuffixes = Object.values(RelativeDateUnitSuffix);\r\n\r\n\t\t// Relative units\r\n\t\tthis.relativeUnits = units.flatMap((code, index) =>\r\n\t\t\tdirections.map((dir, dirIndex) => ({\r\n\t\t\t\tlabel: this.translocoService.translate(\r\n\t\t\t\t\t`relativeDateSelector.units.${unitNames[index]}${directionSuffixes[dirIndex]}`\r\n\t\t\t\t),\r\n\t\t\t\tvalue: `${code}${dir}`\r\n\t\t\t}))\r\n\t\t);\r\n\r\n\t\t// Quick Select - Last/Next options\r\n\t\tthis.quickSelectDirections = [\r\n\t\t\t{ label: this.translocoService.translate('relativeDateSelector.last'), value: RelativeDateDirection.Past },\r\n\t\t\t{ label: this.translocoService.translate('relativeDateSelector.next'), value: RelativeDateDirection.Future }\r\n\t\t];\r\n\r\n\t\tthis.quickSelectUnits = units.map((code, index) => ({\r\n\t\t\tlabel: this.translocoService.translate(`relativeDateSelector.units.${unitNames[index]}`),\r\n\t\t\tvalue: code\r\n\t\t}));\r\n\r\n\t\t// Commonly used quick selects\r\n\t\tconst quickOptions = [\r\n\t\t\t{ key: 'today', value: `now/${RelativeDateUnit.Days}` },\r\n\t\t\t{ key: 'thisWeek', value: `now/${RelativeDateUnit.Weeks}` },\r\n\t\t\t{ key: 'last1Minute', value: `now${RelativeDateDirection.Past}1${RelativeDateUnit.Minutes}` },\r\n\t\t\t{ key: 'last15Minutes', value: `now${RelativeDateDirection.Past}15${RelativeDateUnit.Minutes}` },\r\n\t\t\t{ key: 'last30Minutes', value: `now${RelativeDateDirection.Past}30${RelativeDateUnit.Minutes}` },\r\n\t\t\t{ key: 'last1Hour', value: `now${RelativeDateDirection.Past}1${RelativeDateUnit.Hours}` },\r\n\t\t\t{ key: 'last24Hours', value: `now${RelativeDateDirection.Past}24${RelativeDateUnit.Hours}` },\r\n\t\t\t{ key: 'last7Days', value: `now${RelativeDateDirection.Past}7${RelativeDateUnit.Days}` },\r\n\t\t\t{ key: 'last30Days', value: `now${RelativeDateDirection.Past}30${RelativeDateUnit.Days}` },\r\n\t\t\t{ key: 'last90Days', value: `now${RelativeDateDirection.Past}90${RelativeDateUnit.Days}` },\r\n\t\t\t{ key: 'last1Year', value: `now${RelativeDateDirection.Past}1${RelativeDateUnit.Years}` }\r\n\t\t];\r\n\r\n\t\tthis.commonlyUsedOptions = quickOptions.map((opt) => ({\r\n\t\t\tlabel: this.translocoService.translate(`relativeDateSelector.quickOptions.${opt.key}`),\r\n\t\t\tvalue: opt.value\r\n\t\t}));\r\n\t}\r\n\r\n\tonValueChange(value: number | string | null | undefined): void {\r\n\t\tif (value != null) {\r\n\t\t\tif (typeof value === 'number') {\r\n\t\t\t\tthis.activeTabIndex.set(0);\r\n\t\t\t\tthis.absoluteDate = value;\r\n\t\t\t} else if (typeof value === 'string') {\r\n\t\t\t\tthis.activeTabIndex.set(1);\r\n\t\t\t\tthis.parseRelativeValue(value);\r\n\t\t\t}\r\n\t\t} else {\r\n\t\t\tthis.absoluteDate = null;\r\n\t\t\tthis.relativeValue = null;\r\n\t\t\tthis.relativeUnit = null;\r\n\t\t}\r\n\t}\r\n\r\n\tparseRelativeValue(value: string): void {\r\n\t\tconst match = value.match(/^now\\s*(?:([+-])\\s*(\\d+)([smhdwMy]))?\\s*(?:\\/([smhdwMy]))?$/);\r\n\r\n\t\tif (match) {\r\n\t\t\tconst [, direction, amount, unit] = match;\r\n\t\t\tif (direction && amount && unit) {\r\n\t\t\t\tthis.relativeDirection = direction as RelativeDateDirection;\r\n\t\t\t\tthis.relativeValue = parseInt(amount, 10);\r\n\t\t\t\tthis.relativeUnit = unit + direction;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\tonAbsoluteDateChange(date: number | null): void {\r\n\t\tthis.absoluteDate = date;\r\n\t\tthis.updateValue();\r\n\t}\r\n\r\n\tonRelativeChange(): void {\r\n\t\tthis.updateValue();\r\n\t}\r\n\r\n\tonTabChange(event: { index: number }): void {\r\n\t\tthis.activeTabIndex.set(event.index);\r\n\t}\r\n\r\n\tupdateValue(): void {\r\n\t\tif (this.activeTabIndex() === 0 && this.absoluteDate != null) {\r\n\t\t\tthis.ngControl.control?.setValue(this.absoluteDate);\r\n\t\t} else if (this.activeTabIndex() === 1 && this.relativeValue != null && this.relativeUnit) {\r\n\t\t\tconst unit = this.relativeUnit.charAt(0);\r\n\t\t\tconst direction = this.relativeUnit.charAt(1);\r\n\t\t\tthis.ngControl.control?.setValue(`now${direction}${this.relativeValue}${unit}`);\r\n\t\t}\r\n\t}\r\n\r\n\tapplyQuickSelect(option: QuickSelectOption): void {\r\n\t\tthis.applyRelativeValue(option.value);\r\n\t}\r\n\r\n\tapplyQuickSelectCustom(): void {\r\n\t\tif (this.quickSelectValue != null && this.quickSelectUnit) {\r\n\t\t\tconst relativeString = `now${this.quickSelectDirection}${this.quickSelectValue}${this.quickSelectUnit}`;\r\n\t\t\tthis.applyRelativeValue(relativeString);\r\n\t\t}\r\n\t}\r\n\r\n\tprivate applyRelativeValue(value: string): void {\r\n\t\tthis.activeTabIndex.set(1);\r\n\t\tthis.parseRelativeValue(value);\r\n\t\tthis.ngControl.control?.setValue(value);\r\n\t\tthis.closeQuickSelectPanels();\r\n\t}\r\n\r\n\tprivate closeQuickSelectPanels(): void {\r\n\t\tthis.showQuickSelect.set(false);\r\n\t\tthis.showOverlayPanel.set(false);\r\n\t}\r\n\r\n\ttoggleQuickSelect(event: Event): void {\r\n\t\tevent.stopPropagation();\r\n\t\tthis.showQuickSelect.update((value) => !value);\r\n\t\tif (this.showQuickSelect()) {\r\n\t\t\tthis.showOverlayPanel.set(false);\r\n\t\t\tthis.overlayPanel?.hide();\r\n\t\t}\r\n\t}\r\n\r\n\tonInputClick(event: Event): void {\r\n\t\tthis.showQuickSelect.set(false);\r\n\t\tthis.overlayPanel?.toggle(event);\r\n\t}\r\n\r\n\tgetDisplayValue(): string {\r\n\t\tconst value = this.ngControl.control?.value;\r\n\r\n\t\tif (value == null) return '';\r\n\r\n\t\tif (typeof value === 'number') {\r\n\t\t\treturn this.formatAbsoluteDate(value);\r\n\t\t}\r\n\r\n\t\tif (typeof value === 'string') {\r\n\t\t\treturn this.formatRelativeDate(value);\r\n\t\t}\r\n\r\n\t\treturn '';\r\n\t}\r\n\r\n\tprivate formatAbsoluteDate(value: number): string {\r\n\t\tconst dateStr = value.toString();\r\n\t\tif (dateStr.length === 14) {\r\n\t\t\ttry {\r\n\t\t\t\tconst date = parse(dateStr, 'yyyyMMddHHmmss', new Date());\r\n\t\t\t\treturn format(date, 'dd.MM.yyyy HH:mm:ss');\r\n\t\t\t} catch (error) {\r\n\t\t\t\treturn dateStr;\r\n\t\t\t}\r\n\t\t}\r\n\t\treturn dateStr;\r\n\t}\r\n\r\n\tprivate formatRelativeDate(value: string): string {\r\n\t\tconst quickOption = this.commonlyUsedOptions.find((opt: QuickSelectOption) => opt.value === value);\r\n\t\tif (quickOption) {\r\n\t\t\treturn quickOption.label;\r\n\t\t}\r\n\r\n\t\tconst match = value.match(/^now\\s*([+-])\\s*(\\d+)([smhdwMy])$/);\r\n\t\tif (match) {\r\n\t\t\tconst [, direction, amount, unit] = match;\r\n\t\t\tconst directionText = this.translocoService.translate(\r\n\t\t\t\tdirection === RelativeDateDirection.Past ? 'relativeDateSelector.last' : 'relativeDateSelector.next'\r\n\t\t\t);\r\n\t\t\tconst unitText = this.translocoService.translate(this.getUnitTranslationKey(unit, direction));\r\n\t\t\treturn `${directionText} ${amount} ${unitText}`;\r\n\t\t}\r\n\r\n\t\treturn value;\r\n\t}\r\n\r\n\tprivate getUnitTranslationKey(unit: string, direction: string): string {\r\n\t\tconst unitNameMap: Record<string, RelativeDateUnitName> = {\r\n\t\t\t[RelativeDateUnit.Seconds]: RelativeDateUnitName.Seconds,\r\n\t\t\t[RelativeDateUnit.Minutes]: RelativeDateUnitName.Minutes,\r\n\t\t\t[RelativeDateUnit.Hours]: RelativeDateUnitName.Hours,\r\n\t\t\t[RelativeDateUnit.Days]: RelativeDateUnitName.Days,\r\n\t\t\t[RelativeDateUnit.Weeks]: RelativeDateUnitName.Weeks,\r\n\t\t\t[RelativeDateUnit.Months]: RelativeDateUnitName.Months,\r\n\t\t\t[RelativeDateUnit.Years]: RelativeDateUnitName.Years\r\n\t\t};\r\n\r\n\t\tconst suffix =\r\n\t\t\tdirection === RelativeDateDirection.Past ? RelativeDateUnitSuffix.Ago : RelativeDateUnitSuffix.FromNow;\r\n\t\treturn `relativeDateSelector.units.${unitNameMap[unit]}${suffix}`;\r\n\t}\r\n}\r\n","<div class=\"relative-date-selector\">\r\n\t<div class=\"input-wrapper flex align-items-center\" (click)=\"onInputClick($event)\">\r\n\t\t<input\r\n\t\t\ttype=\"text\"\r\n\t\t\treadonly\r\n\t\t\t[value]=\"getDisplayValue()\"\r\n\t\t\tclass=\"p-inputtext p-component\"\r\n\t\t\t[class.p-invalid]=\"ngControl.invalid && ngControl.touched\"\r\n\t\t\t[placeholder]=\"translocoService.translate('relativeDateSelector.placeholder')\"\r\n\t\t\t[pTooltip]=\"ngControl.invalid && ngControl.touched ? (ngControl.control.value | inputErrorMessage: ngControl) : ''\"\r\n\t\t\t[tooltipOptions]=\"tooltipOptions\" />\r\n\t\t<div class=\"calendar-icon-wrapper flex align-items-center justify-content-center\" (click)=\"toggleQuickSelect($event)\">\r\n\t\t\t<i class=\"pi pi-calendar calendar-icon\"></i>\r\n\t\t</div>\r\n\t</div>\r\n\r\n\t<p-overlayPanel\r\n\t\t#op\r\n\t\t[style]=\"{ minWidth: '350px', maxHeight: '600px', overflow: 'visible' }\"\r\n\t\t[dismissable]=\"true\"\r\n\t\t(onHide)=\"showOverlayPanel.set(false)\">\r\n\t\t<p-tabView (onChange)=\"onTabChange($event)\" [activeIndex]=\"activeTabIndex()\">\r\n\t\t\t<p-tabPanel [header]=\"translocoService.translate('relativeDateSelector.absolute')\">\r\n\t\t\t\t<div class=\"flex justify-content-center\">\r\n\t\t\t\t\t<aril-calendar\r\n\t\t\t\t\t\t[(ngModel)]=\"absoluteDate\"\r\n\t\t\t\t\t\t(ngModelChange)=\"onAbsoluteDateChange($event)\"\r\n\t\t\t\t\t\t[inline]=\"true\"\r\n\t\t\t\t\t\t[showTime]=\"true\"\r\n\t\t\t\t\t\t[showSeconds]=\"true\">\r\n\t\t\t\t\t</aril-calendar>\r\n\t\t\t\t</div>\r\n\t\t\t</p-tabPanel>\r\n\r\n\t\t\t<p-tabPanel [header]=\"translocoService.translate('relativeDateSelector.relative')\">\r\n\t\t\t\t<div>\r\n\t\t\t\t\t<div class=\"flex flex-column gap-2 m-2\">\r\n\t\t\t\t\t\t<aril-number\r\n\t\t\t\t\t\t\t[(ngModel)]=\"relativeValue\"\r\n\t\t\t\t\t\t\t(ngModelChange)=\"onRelativeChange()\"\r\n\t\t\t\t\t\t\t[min]=\"1\"\r\n\t\t\t\t\t\t\t[showButtons]=\"true\"\r\n\t\t\t\t\t\t\t[placeholder]=\"translocoService.translate('relativeDateSelector.valuePlaceholder')\">\r\n\t\t\t\t\t\t</aril-number>\r\n\r\n\t\t\t\t\t\t<aril-select-box\r\n\t\t\t\t\t\t\t[(ngModel)]=\"relativeUnit\"\r\n\t\t\t\t\t\t\t(ngModelChange)=\"onRelativeChange()\"\r\n\t\t\t\t\t\t\t[items]=\"relativeUnits\"\r\n\t\t\t\t\t\t\t[itemKey]=\"'value'\"\r\n\t\t\t\t\t\t\t[itemText]=\"'label'\"\r\n\t\t\t\t\t\t\t[placeholder]=\"translocoService.translate('relativeDateSelector.selectUnit')\">\r\n\t\t\t\t\t\t</aril-select-box>\r\n\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t<div class=\"m-2\">\r\n\t\t\t\t\t\t<small class=\"text-muted\">\r\n\t\t\t\t\t\t\t<strong>{{ translocoService.translate('relativeDateSelector.examples') }}:</strong> {{ translocoService.translate('relativeDateSelector.examplesText') }}\r\n\t\t\t\t\t\t</small>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t</p-tabPanel>\r\n\t\t</p-tabView>\r\n\t</p-overlayPanel>\r\n\r\n\t<!-- Quick Select Panel -->\r\n\t@if (showQuickSelect()) {\r\n\t\t<div class=\"quick-select-panel mt-2\">\r\n\t\t\t<div class=\"quick-select-header flex justify-content-between align-items-center p-3\">\r\n\t\t\t\t<span class=\"title\">{{ translocoService.translate('relativeDateSelector.quickSelect') }}</span>\r\n\t\t\t\t<div class=\"flex align-items-center gap-2\">\r\n\t\t\t\t\t<i class=\"pi pi-times cursor-pointer\" (click)=\"showQuickSelect.set(false)\"></i>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t\t<div class=\"quick-select-body p-3\">\r\n\t\t\t\t<!-- Custom Quick Select Inputs -->\r\n\t\t\t\t<div class=\"quick-select-custom mb-3 pb-3\">\r\n\t\t\t\t\t<div class=\"flex gap-2 align-items-center mb-3\">\r\n\t\t\t\t\t\t<aril-select-box\r\n\t\t\t\t\t\t\t[(ngModel)]=\"quickSelectDirection\"\r\n\t\t\t\t\t\t\t[items]=\"quickSelectDirections\"\r\n\t\t\t\t\t\t\t[itemKey]=\"'value'\"\r\n\t\t\t\t\t\t\t[itemText]=\"'label'\">\r\n\t\t\t\t\t\t</aril-select-box>\r\n\r\n\t\t\t\t\t\t<aril-number [(ngModel)]=\"quickSelectValue\" [min]=\"1\" [showButtons]=\"true\"> </aril-number>\r\n\r\n\t\t\t\t\t\t<aril-select-box\r\n\t\t\t\t\t\t\t[(ngModel)]=\"quickSelectUnit\"\r\n\t\t\t\t\t\t\t[items]=\"quickSelectUnits\"\r\n\t\t\t\t\t\t\t[itemKey]=\"'value'\"\r\n\t\t\t\t\t\t\t[itemText]=\"'label'\">\r\n\t\t\t\t\t\t</aril-select-box>\r\n\r\n\t\t\t\t\t\t<aril-button\r\n\t\t\t\t\t\t\t[label]=\"translocoService.translate('relativeDateSelector.apply')\"\r\n\t\t\t\t\t\t\tcolor=\"primary\"\r\n\t\t\t\t\t\t\t(clickEvent)=\"applyQuickSelectCustom()\"\r\n\t\t\t\t\t\t\t[style]=\"{ 'min-width': '80px' }\">\r\n\t\t\t\t\t\t</aril-button>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\r\n\t\t\t\t<!-- Commonly Used Options -->\r\n\t\t\t\t<div class=\"quick-select-section\">\r\n\t\t\t\t\t<span class=\"title-section mb-2\">{{ translocoService.translate('relativeDateSelector.commonlyUsed') }}</span>\r\n\t\t\t\t\t<div class=\"quick-select-options\">\r\n\t\t\t\t\t\t@for (option of commonlyUsedOptions; track option.value) {\r\n\t\t\t\t\t\t\t<button type=\"button\" class=\"quick-select-option\" (click)=\"applyQuickSelect(option)\">\r\n\t\t\t\t\t\t\t\t{{ option.label }}\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t}\r\n</div>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/aril-ui-selectBox.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { input, signal, EventEmitter, effect, Output, Component } from '@angular/core';
+import { input, signal, EventEmitter, effect, Component, Output } from '@angular/core';
 import * as i4 from '@angular/forms';
 import { ReactiveFormsModule } from '@angular/forms';
 import * as i2 from '@ngneat/transloco';
@@ -9,7 +9,7 @@ import { DxSelectBoxModule } from 'devextreme-angular/ui/select-box';
 import { firstValueFrom } from 'rxjs';
 import { API_CONFIGS } from 'aril/boot/config/api';
 import * as i3 from 'aril/ui/lib';
-import { BaseInputComponent, DXInputErrorMessagePipe, InputErrorMessagePipe, ValueAccessorDirective } from 'aril/ui/lib';
+import { BaseInputComponent, InputErrorMessagePipe, DXInputErrorMessagePipe, ValueAccessorDirective } from 'aril/ui/lib';
 import * as i1 from '@angular/common/http';
 
 class SelectBoxComponent extends BaseInputComponent {
@@ -57,11 +57,11 @@ class SelectBoxComponent extends BaseInputComponent {
         })));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: SelectBoxComponent, deps: [{ token: i1.HttpClient }, { token: i2.TranslocoService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.1.2", type: SelectBoxComponent, isStandalone: true, selector: "aril-select-box[ngModel], aril-select-box[formControl], aril-select-box[formControlName]", inputs: { itemKey: { classPropertyName: "itemKey", publicName: "itemKey", isSignal: true, isRequired: false, transformFunction: null }, itemText: { classPropertyName: "itemText", publicName: "itemText", isSignal: true, isRequired: false, transformFunction: null }, groupName: { classPropertyName: "groupName", publicName: "groupName", isSignal: true, isRequired: false, transformFunction: null }, parentSelectionKey: { classPropertyName: "parentSelectionKey", publicName: "parentSelectionKey", isSignal: true, isRequired: false, transformFunction: null }, tabindex: { classPropertyName: "tabindex", publicName: "tabindex", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: true, transformFunction: null }, grouped: { classPropertyName: "grouped", publicName: "grouped", isSignal: true, isRequired: false, transformFunction: null }, showClearButton: { classPropertyName: "showClearButton", publicName: "showClearButton", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, searchExpr: { classPropertyName: "searchExpr", publicName: "searchExpr", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onSelectionChanged: "onSelectionChanged" }, providers: [InputErrorMessagePipe], usesInheritance: true, hostDirectives: [{ directive: i3.ValueAccessorDirective }], ngImport: i0, template: "<dx-select-box\n\t[items]=\"selectionItems() || items()\"\n\t[valueExpr]=\"itemKey()\"\n\t[displayExpr]=\"itemText()\"\n\t[searchEnabled]=\"true\"\n\t[searchExpr]=\"searchExpr()\"\n\t[tabIndex]=\"tabindex()\"\n\t[grouped]=\"grouped()\"\n\t[placeholder]=\"placeholder()\"\n\t[showClearButton]=\"showClearButton()\"\n\t[isValid]=\"ngControl?.control?.valid || ngControl?.control?.pristine || ngControl?.control?.disabled || false\"\n\t[validationError]=\"ngControl?.control?.errors | dxInputErrorMessage: ngControl?.control\"\n\tvalidationMessagePosition=\"top\"\n\t[noDataText]=\"translocoService.translate('messages.noDataToDisplay')\"\n\t[formControl]=\"ngControl.control\"\n\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\"\n\t(onSelectionChanged)=\"onSelectionChanged.emit($event.selectedItem);setTitle($event.selectedItem)\"\n\t[inputAttr]=\"{ 'title': selectedItemText }\">\n</dx-select-box>\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: DxSelectBoxModule }, { kind: "component", type: i5.DxSelectBoxComponent, selector: "dx-select-box", inputs: ["acceptCustomValue", "accessKey", "activeStateEnabled", "buttons", "customItemCreateEvent", "dataSource", "deferRendering", "disabled", "displayExpr", "displayValue", "dropDownButtonTemplate", "dropDownOptions", "elementAttr", "fieldTemplate", "focusStateEnabled", "grouped", "groupTemplate", "height", "hint", "hoverStateEnabled", "inputAttr", "isDirty", "isValid", "items", "itemTemplate", "label", "labelMode", "maxLength", "minSearchLength", "name", "noDataText", "opened", "openOnFieldClick", "placeholder", "readOnly", "rtlEnabled", "searchEnabled", "searchExpr", "searchMode", "searchTimeout", "selectedItem", "showClearButton", "showDataBeforeSearch", "showDropDownButton", "showSelectionControls", "spellcheck", "stylingMode", "tabIndex", "text", "useItemTextAsTitle", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "valueChangeEvent", "valueExpr", "visible", "width", "wrapItemText"], outputs: ["onChange", "onClosed", "onContentReady", "onCopy", "onCustomItemCreating", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onItemClick", "onKeyDown", "onKeyUp", "onOpened", "onOptionChanged", "onPaste", "onSelectionChanged", "onValueChanged", "acceptCustomValueChange", "accessKeyChange", "activeStateEnabledChange", "buttonsChange", "customItemCreateEventChange", "dataSourceChange", "deferRenderingChange", "disabledChange", "displayExprChange", "displayValueChange", "dropDownButtonTemplateChange", "dropDownOptionsChange", "elementAttrChange", "fieldTemplateChange", "focusStateEnabledChange", "groupedChange", "groupTemplateChange", "heightChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "isDirtyChange", "isValidChange", "itemsChange", "itemTemplateChange", "labelChange", "labelModeChange", "maxLengthChange", "minSearchLengthChange", "nameChange", "noDataTextChange", "openedChange", "openOnFieldClickChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "searchEnabledChange", "searchExprChange", "searchModeChange", "searchTimeoutChange", "selectedItemChange", "showClearButtonChange", "showDataBeforeSearchChange", "showDropDownButtonChange", "showSelectionControlsChange", "spellcheckChange", "stylingModeChange", "tabIndexChange", "textChange", "useItemTextAsTitleChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "valueChangeEventChange", "valueExprChange", "visibleChange", "widthChange", "wrapItemTextChange", "onBlur"] }, { kind: "pipe", type: DXInputErrorMessagePipe, name: "dxInputErrorMessage" }, { kind: "ngmodule", type: TranslocoModule }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.1.2", type: SelectBoxComponent, isStandalone: true, selector: "aril-select-box[ngModel], aril-select-box[formControl], aril-select-box[formControlName]", inputs: { itemKey: { classPropertyName: "itemKey", publicName: "itemKey", isSignal: true, isRequired: false, transformFunction: null }, itemText: { classPropertyName: "itemText", publicName: "itemText", isSignal: true, isRequired: false, transformFunction: null }, groupName: { classPropertyName: "groupName", publicName: "groupName", isSignal: true, isRequired: false, transformFunction: null }, parentSelectionKey: { classPropertyName: "parentSelectionKey", publicName: "parentSelectionKey", isSignal: true, isRequired: false, transformFunction: null }, tabindex: { classPropertyName: "tabindex", publicName: "tabindex", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: true, transformFunction: null }, grouped: { classPropertyName: "grouped", publicName: "grouped", isSignal: true, isRequired: false, transformFunction: null }, showClearButton: { classPropertyName: "showClearButton", publicName: "showClearButton", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, searchExpr: { classPropertyName: "searchExpr", publicName: "searchExpr", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onSelectionChanged: "onSelectionChanged" }, providers: [InputErrorMessagePipe], usesInheritance: true, hostDirectives: [{ directive: i3.ValueAccessorDirective }], ngImport: i0, template: "<dx-select-box\r\n\t[items]=\"selectionItems() || items()\"\r\n\t[valueExpr]=\"itemKey()\"\r\n\t[displayExpr]=\"itemText()\"\r\n\t[searchEnabled]=\"true\"\r\n\t[searchExpr]=\"searchExpr()\"\r\n\t[tabIndex]=\"tabindex()\"\r\n\t[grouped]=\"grouped()\"\r\n\t[placeholder]=\"placeholder()\"\r\n\t[showClearButton]=\"showClearButton()\"\r\n\t[isValid]=\"ngControl?.control?.valid || ngControl?.control?.pristine || ngControl?.control?.disabled || false\"\r\n\t[validationError]=\"ngControl?.control?.errors | dxInputErrorMessage: ngControl?.control\"\r\n\tvalidationMessagePosition=\"top\"\r\n\t[noDataText]=\"translocoService.translate('messages.noDataToDisplay')\"\r\n\t[formControl]=\"ngControl.control\"\r\n\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\"\r\n\t(onSelectionChanged)=\"onSelectionChanged.emit($event.selectedItem);setTitle($event.selectedItem)\"\r\n\t[inputAttr]=\"{ 'title': selectedItemText }\">\r\n</dx-select-box>\r\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: DxSelectBoxModule }, { kind: "component", type: i5.DxSelectBoxComponent, selector: "dx-select-box", inputs: ["acceptCustomValue", "accessKey", "activeStateEnabled", "buttons", "customItemCreateEvent", "dataSource", "deferRendering", "disabled", "displayExpr", "displayValue", "dropDownButtonTemplate", "dropDownOptions", "elementAttr", "fieldTemplate", "focusStateEnabled", "grouped", "groupTemplate", "height", "hint", "hoverStateEnabled", "inputAttr", "isDirty", "isValid", "items", "itemTemplate", "label", "labelMode", "maxLength", "minSearchLength", "name", "noDataText", "opened", "openOnFieldClick", "placeholder", "readOnly", "rtlEnabled", "searchEnabled", "searchExpr", "searchMode", "searchTimeout", "selectedItem", "showClearButton", "showDataBeforeSearch", "showDropDownButton", "showSelectionControls", "spellcheck", "stylingMode", "tabIndex", "text", "useItemTextAsTitle", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "valueChangeEvent", "valueExpr", "visible", "width", "wrapItemText"], outputs: ["onChange", "onClosed", "onContentReady", "onCopy", "onCustomItemCreating", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onItemClick", "onKeyDown", "onKeyUp", "onOpened", "onOptionChanged", "onPaste", "onSelectionChanged", "onValueChanged", "acceptCustomValueChange", "accessKeyChange", "activeStateEnabledChange", "buttonsChange", "customItemCreateEventChange", "dataSourceChange", "deferRenderingChange", "disabledChange", "displayExprChange", "displayValueChange", "dropDownButtonTemplateChange", "dropDownOptionsChange", "elementAttrChange", "fieldTemplateChange", "focusStateEnabledChange", "groupedChange", "groupTemplateChange", "heightChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "isDirtyChange", "isValidChange", "itemsChange", "itemTemplateChange", "labelChange", "labelModeChange", "maxLengthChange", "minSearchLengthChange", "nameChange", "noDataTextChange", "openedChange", "openOnFieldClickChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "searchEnabledChange", "searchExprChange", "searchModeChange", "searchTimeoutChange", "selectedItemChange", "showClearButtonChange", "showDataBeforeSearchChange", "showDropDownButtonChange", "showSelectionControlsChange", "spellcheckChange", "stylingModeChange", "tabIndexChange", "textChange", "useItemTextAsTitleChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "valueChangeEventChange", "valueExprChange", "visibleChange", "widthChange", "wrapItemTextChange", "onBlur"] }, { kind: "pipe", type: DXInputErrorMessagePipe, name: "dxInputErrorMessage" }, { kind: "ngmodule", type: TranslocoModule }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: SelectBoxComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, selector: 'aril-select-box[ngModel], aril-select-box[formControl], aril-select-box[formControlName]', imports: [ReactiveFormsModule, DxSelectBoxModule, DXInputErrorMessagePipe, TranslocoModule], providers: [InputErrorMessagePipe], hostDirectives: [ValueAccessorDirective], template: "<dx-select-box\n\t[items]=\"selectionItems() || items()\"\n\t[valueExpr]=\"itemKey()\"\n\t[displayExpr]=\"itemText()\"\n\t[searchEnabled]=\"true\"\n\t[searchExpr]=\"searchExpr()\"\n\t[tabIndex]=\"tabindex()\"\n\t[grouped]=\"grouped()\"\n\t[placeholder]=\"placeholder()\"\n\t[showClearButton]=\"showClearButton()\"\n\t[isValid]=\"ngControl?.control?.valid || ngControl?.control?.pristine || ngControl?.control?.disabled || false\"\n\t[validationError]=\"ngControl?.control?.errors | dxInputErrorMessage: ngControl?.control\"\n\tvalidationMessagePosition=\"top\"\n\t[noDataText]=\"translocoService.translate('messages.noDataToDisplay')\"\n\t[formControl]=\"ngControl.control\"\n\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\"\n\t(onSelectionChanged)=\"onSelectionChanged.emit($event.selectedItem);setTitle($event.selectedItem)\"\n\t[inputAttr]=\"{ 'title': selectedItemText }\">\n</dx-select-box>\n" }]
+            args: [{ standalone: true, selector: 'aril-select-box[ngModel], aril-select-box[formControl], aril-select-box[formControlName]', imports: [ReactiveFormsModule, DxSelectBoxModule, DXInputErrorMessagePipe, TranslocoModule], providers: [InputErrorMessagePipe], hostDirectives: [ValueAccessorDirective], template: "<dx-select-box\r\n\t[items]=\"selectionItems() || items()\"\r\n\t[valueExpr]=\"itemKey()\"\r\n\t[displayExpr]=\"itemText()\"\r\n\t[searchEnabled]=\"true\"\r\n\t[searchExpr]=\"searchExpr()\"\r\n\t[tabIndex]=\"tabindex()\"\r\n\t[grouped]=\"grouped()\"\r\n\t[placeholder]=\"placeholder()\"\r\n\t[showClearButton]=\"showClearButton()\"\r\n\t[isValid]=\"ngControl?.control?.valid || ngControl?.control?.pristine || ngControl?.control?.disabled || false\"\r\n\t[validationError]=\"ngControl?.control?.errors | dxInputErrorMessage: ngControl?.control\"\r\n\tvalidationMessagePosition=\"top\"\r\n\t[noDataText]=\"translocoService.translate('messages.noDataToDisplay')\"\r\n\t[formControl]=\"ngControl.control\"\r\n\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\"\r\n\t(onSelectionChanged)=\"onSelectionChanged.emit($event.selectedItem);setTitle($event.selectedItem)\"\r\n\t[inputAttr]=\"{ 'title': selectedItemText }\">\r\n</dx-select-box>\r\n" }]
         }], ctorParameters: () => [{ type: i1.HttpClient }, { type: i2.TranslocoService }], propDecorators: { onSelectionChanged: [{
                 type: Output
             }] } });