@softpak/components 0.0.0-beta.1

package/fesm2022/softpak-components-spx-storage.mjs

@@ -0,0 +1,63 @@
+var SpxStorageKeyEnum;
+(function (SpxStorageKeyEnum) {
+    SpxStorageKeyEnum["afterSignIn"] = "afterSignIn";
+    SpxStorageKeyEnum["brand"] = "brand";
+    SpxStorageKeyEnum["channelType"] = "channelType";
+    SpxStorageKeyEnum["channelSettings"] = "companySettings";
+    SpxStorageKeyEnum["token"] = "token";
+    SpxStorageKeyEnum["updateInProgress"] = "updateInProgress";
+    SpxStorageKeyEnum["release"] = "release";
+    SpxStorageKeyEnum["patch"] = "patch";
+})(SpxStorageKeyEnum || (SpxStorageKeyEnum = {}));
+;
+
+class SpxStorage {
+    static get channelId() {
+        return `${this.getSetting(SpxStorageKeyEnum.brand)?.toUpperCase()}_${this.getSetting(SpxStorageKeyEnum.channelType)?.toUpperCase()}`;
+    }
+    static clearSetting(key) {
+        localStorage.removeItem(key);
+    }
+    static getSetting(key) {
+        return localStorage.getItem(key);
+    }
+    static setSetting(key, settingValue) {
+        localStorage.setItem(key, settingValue);
+    }
+    static getChannelSetting(key) {
+        let storageObj;
+        const storageObjStr = localStorage.getItem(SpxStorageKeyEnum.channelSettings);
+        if (storageObjStr) {
+            storageObj = JSON.parse(storageObjStr);
+            if (!storageObj[this.channelId]) {
+                return undefined;
+            }
+            return storageObj[this.channelId][key];
+        }
+        else {
+            return undefined;
+        }
+    }
+    static setChannelSetting(key, settingValue) {
+        const companySettings = this.getSetting(SpxStorageKeyEnum.channelSettings);
+        let storageObj;
+        if (companySettings) {
+            storageObj = JSON.parse(companySettings);
+        }
+        else {
+            storageObj = {};
+        }
+        if (!storageObj[this.channelId]) {
+            storageObj[this.channelId] = {};
+        }
+        storageObj[this.channelId][key] = settingValue;
+        this.setSetting(SpxStorageKeyEnum.channelSettings, JSON.stringify(storageObj));
+    }
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SpxStorage, SpxStorageKeyEnum };
+//# sourceMappingURL=softpak-components-spx-storage.mjs.map

package/fesm2022/softpak-components-spx-storage.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"softpak-components-spx-storage.mjs","sources":["../../../../projects/softpak/components/spx-storage/src/spx-storage-key.enum.ts","../../../../projects/softpak/components/spx-storage/src/spx-storage.class.ts","../../../../projects/softpak/components/spx-storage/softpak-components-spx-storage.ts"],"sourcesContent":["export enum SpxStorageKeyEnum {\n    afterSignIn = 'afterSignIn',\n    brand = 'brand',\n    channelType = 'channelType',\n    channelSettings = 'companySettings',\n    token = 'token',\n    updateInProgress = 'updateInProgress',\n    release = 'release',\n    patch = 'patch',\n};\n","import { SpxStorageKeyEnum } from './spx-storage-key.enum';\n\nexport class SpxStorage {\n    private static get channelId() {\n        return `${this.getSetting(SpxStorageKeyEnum.brand)?.toUpperCase()}_${this.getSetting(SpxStorageKeyEnum.channelType)?.toUpperCase()}`;\n    }\n\n    public static clearSetting<KeyEnum>(key: KeyEnum | SpxStorageKeyEnum): void {\n        localStorage.removeItem(key as string);\n    }\n\n    public static getSetting<KeyEnum>(key: KeyEnum | SpxStorageKeyEnum): string | null {\n        return localStorage.getItem(key as string);\n    }\n\n    public static setSetting<KeyEnum>(key: KeyEnum | SpxStorageKeyEnum, settingValue: string): void {\n        localStorage.setItem(key as string, settingValue);\n    }\n\n    public static getChannelSetting<KeyEnum>(key: KeyEnum | SpxStorageKeyEnum): string | undefined {\n        let storageObj;\n        const storageObjStr = localStorage.getItem(SpxStorageKeyEnum.channelSettings);\n\n        if (storageObjStr) {\n            storageObj = JSON.parse(storageObjStr);\n            if (!storageObj[this.channelId]) {\n                return undefined;\n            }\n            return storageObj[this.channelId][key];\n        } else {\n            return undefined;\n        }\n    }\n\n    public static setChannelSetting<KeyEnum>(key: KeyEnum | SpxStorageKeyEnum, settingValue: any): void {\n        const companySettings = this.getSetting(SpxStorageKeyEnum.channelSettings);\n        let storageObj;\n\n        if (companySettings) {\n            storageObj = JSON.parse(companySettings);\n        } else {\n            storageObj = {};\n        }\n\n        if (!storageObj[this.channelId]) {\n            storageObj[this.channelId] = {};\n        }\n\n        storageObj[this.channelId][key] = settingValue;\n        this.setSetting(SpxStorageKeyEnum.channelSettings, JSON.stringify(storageObj));\n    }\n}\n\n\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"IAAY,kBASX;AATD,CAAA,UAAY,iBAAiB,EAAA;AACzB,IAAA,iBAAA,CAAA,aAAA,CAAA,GAAA,aAA2B,CAAA;AAC3B,IAAA,iBAAA,CAAA,OAAA,CAAA,GAAA,OAAe,CAAA;AACf,IAAA,iBAAA,CAAA,aAAA,CAAA,GAAA,aAA2B,CAAA;AAC3B,IAAA,iBAAA,CAAA,iBAAA,CAAA,GAAA,iBAAmC,CAAA;AACnC,IAAA,iBAAA,CAAA,OAAA,CAAA,GAAA,OAAe,CAAA;AACf,IAAA,iBAAA,CAAA,kBAAA,CAAA,GAAA,kBAAqC,CAAA;AACrC,IAAA,iBAAA,CAAA,SAAA,CAAA,GAAA,SAAmB,CAAA;AACnB,IAAA,iBAAA,CAAA,OAAA,CAAA,GAAA,OAAe,CAAA;AACnB,CAAC,EATW,iBAAiB,KAAjB,iBAAiB,GAS5B,EAAA,CAAA,CAAA,CAAA;AAAA;;MCPY,UAAU,CAAA;AACX,IAAA,WAAW,SAAS,GAAA;QACxB,OAAO,CAAA,EAAG,IAAI,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,WAAW,EAAE,IAAI,IAAI,CAAC,UAAU,CAAC,iBAAiB,CAAC,WAAW,CAAC,EAAE,WAAW,EAAE,CAAA,CAAE,CAAC;KACxI;IAEM,OAAO,YAAY,CAAU,GAAgC,EAAA;AAChE,QAAA,YAAY,CAAC,UAAU,CAAC,GAAa,CAAC,CAAC;KAC1C;IAEM,OAAO,UAAU,CAAU,GAAgC,EAAA;AAC9D,QAAA,OAAO,YAAY,CAAC,OAAO,CAAC,GAAa,CAAC,CAAC;KAC9C;AAEM,IAAA,OAAO,UAAU,CAAU,GAAgC,EAAE,YAAoB,EAAA;AACpF,QAAA,YAAY,CAAC,OAAO,CAAC,GAAa,EAAE,YAAY,CAAC,CAAC;KACrD;IAEM,OAAO,iBAAiB,CAAU,GAAgC,EAAA;AACrE,QAAA,IAAI,UAAU,CAAC;QACf,MAAM,aAAa,GAAG,YAAY,CAAC,OAAO,CAAC,iBAAiB,CAAC,eAAe,CAAC,CAAC;QAE9E,IAAI,aAAa,EAAE;AACf,YAAA,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC;YACvC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC,EAAE;AAC7B,gBAAA,OAAO,SAAS,CAAC;aACpB;YACD,OAAO,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,CAAC;SAC1C;aAAM;AACH,YAAA,OAAO,SAAS,CAAC;SACpB;KACJ;AAEM,IAAA,OAAO,iBAAiB,CAAU,GAAgC,EAAE,YAAiB,EAAA;QACxF,MAAM,eAAe,GAAG,IAAI,CAAC,UAAU,CAAC,iBAAiB,CAAC,eAAe,CAAC,CAAC;AAC3E,QAAA,IAAI,UAAU,CAAC;QAEf,IAAI,eAAe,EAAE;AACjB,YAAA,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC;SAC5C;aAAM;YACH,UAAU,GAAG,EAAE,CAAC;SACnB;QAED,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC,EAAE;AAC7B,YAAA,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC;SACnC;QAED,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,GAAG,YAAY,CAAC;AAC/C,QAAA,IAAI,CAAC,UAAU,CAAC,iBAAiB,CAAC,eAAe,EAAE,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC;KAClF;AACJ;;ACnDD;;AAEG;;;;"}

package/fesm2022/softpak-components-spx-suggestion.mjs

@@ -0,0 +1,54 @@
+import * as i0 from '@angular/core';
+import { Component, Input } from '@angular/core';
+
+class SpxSuggestionComponent {
+    constructor() {
+        this.spxDisabled = false;
+        this.spxSelected = false;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: SpxSuggestionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: SpxSuggestionComponent, isStandalone: true, selector: "spx-suggestion", inputs: { spxDisabled: "spxDisabled", spxSelected: "spxSelected" }, ngImport: i0, template: `<button
+    class="spx-suggestion block rounded text-gray-900 text-sm p-3 w-full text-ellipsis overflow-hidden whitespace-nowrap text-left"
+    [class.bg-sky-100]="!this.spxSelected && !this.spxDisabled"
+    [class.focus:ring-sky-200]="!this.spxSelected && !this.spxDisabled"
+    [class.hover:bg-sky-200]="!this.spxSelected && !this.spxDisabled"
+    [class.active:bg-sky-300]="!this.spxSelected && !this.spxDisabled"
+    [class.bg-gray-200]="this.spxDisabled && !this.spxSelected"
+    [class.bg-gray-400]="this.spxDisabled && this.spxSelected"
+    [class.cursor-not-allowed]="this.spxDisabled"
+    [class.opacity-60]="this.spxDisabled"
+    [class.bg-teal-500]="this.spxSelected && !this.spxDisabled"
+    [class.font-bold]="this.spxSelected"
+    [attr.tabindex]="-1"><ng-content></ng-content></button>`, isInline: true }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: SpxSuggestionComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'spx-suggestion',
+                    standalone: true,
+                    template: `<button
+    class="spx-suggestion block rounded text-gray-900 text-sm p-3 w-full text-ellipsis overflow-hidden whitespace-nowrap text-left"
+    [class.bg-sky-100]="!this.spxSelected && !this.spxDisabled"
+    [class.focus:ring-sky-200]="!this.spxSelected && !this.spxDisabled"
+    [class.hover:bg-sky-200]="!this.spxSelected && !this.spxDisabled"
+    [class.active:bg-sky-300]="!this.spxSelected && !this.spxDisabled"
+    [class.bg-gray-200]="this.spxDisabled && !this.spxSelected"
+    [class.bg-gray-400]="this.spxDisabled && this.spxSelected"
+    [class.cursor-not-allowed]="this.spxDisabled"
+    [class.opacity-60]="this.spxDisabled"
+    [class.bg-teal-500]="this.spxSelected && !this.spxDisabled"
+    [class.font-bold]="this.spxSelected"
+    [attr.tabindex]="-1"><ng-content></ng-content></button>`,
+                }]
+        }], propDecorators: { spxDisabled: [{
+                type: Input
+            }], spxSelected: [{
+                type: Input
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SpxSuggestionComponent };
+//# sourceMappingURL=softpak-components-spx-suggestion.mjs.map

package/fesm2022/softpak-components-spx-suggestion.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"softpak-components-spx-suggestion.mjs","sources":["../../../../projects/softpak/components/spx-suggestion/spx-suggestion.component.ts","../../../../projects/softpak/components/spx-suggestion/softpak-components-spx-suggestion.ts"],"sourcesContent":["import { Component, Input } from '@angular/core';\n\n@Component({\n  selector: 'spx-suggestion',\n  standalone: true,\n  template: `<button\n    class=\"spx-suggestion block rounded text-gray-900 text-sm p-3 w-full text-ellipsis overflow-hidden whitespace-nowrap text-left\"\n    [class.bg-sky-100]=\"!this.spxSelected && !this.spxDisabled\"\n    [class.focus:ring-sky-200]=\"!this.spxSelected && !this.spxDisabled\"\n    [class.hover:bg-sky-200]=\"!this.spxSelected && !this.spxDisabled\"\n    [class.active:bg-sky-300]=\"!this.spxSelected && !this.spxDisabled\"\n    [class.bg-gray-200]=\"this.spxDisabled && !this.spxSelected\"\n    [class.bg-gray-400]=\"this.spxDisabled && this.spxSelected\"\n    [class.cursor-not-allowed]=\"this.spxDisabled\"\n    [class.opacity-60]=\"this.spxDisabled\"\n    [class.bg-teal-500]=\"this.spxSelected && !this.spxDisabled\"\n    [class.font-bold]=\"this.spxSelected\"\n    [attr.tabindex]=\"-1\"><ng-content></ng-content></button>`,\n})\nexport class SpxSuggestionComponent {\n  @Input() spxDisabled = false;\n  @Input() spxSelected = false;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;MAmBa,sBAAsB,CAAA;AAjBnC,IAAA,WAAA,GAAA;QAkBW,IAAW,CAAA,WAAA,GAAG,KAAK,CAAC;QACpB,IAAW,CAAA,WAAA,GAAG,KAAK,CAAC;AAC9B,KAAA;8GAHY,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAtB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,sBAAsB,EAdvB,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,EAAA,WAAA,EAAA,aAAA,EAAA,WAAA,EAAA,aAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;;;;;;;;;AAYgD,2DAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;2FAE/C,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAjBlC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,gBAAgB;AAC1B,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,CAAA;;;;;;;;;;;;AAYgD,2DAAA,CAAA;AAC3D,iBAAA,CAAA;8BAEU,WAAW,EAAA,CAAA;sBAAnB,KAAK;gBACG,WAAW,EAAA,CAAA;sBAAnB,KAAK;;;ACrBR;;AAEG;;;;"}

package/fesm2022/softpak-components-spx-toaster.mjs

@@ -0,0 +1,79 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, HostBinding, Input, Output } from '@angular/core';
+import { SpxAlertComponent } from '@softpak/components/spx-alert';
+import { NgFor } from '@angular/common';
+
+var SpxToasterSeverityEnum;
+(function (SpxToasterSeverityEnum) {
+    SpxToasterSeverityEnum["ERROR"] = "error";
+    SpxToasterSeverityEnum["INFO"] = "info";
+    SpxToasterSeverityEnum["SUCCESS"] = "success";
+    SpxToasterSeverityEnum["WARNING"] = "warning";
+})(SpxToasterSeverityEnum || (SpxToasterSeverityEnum = {}));
+var SpxToasterAutoCloseSpeedEnum;
+(function (SpxToasterAutoCloseSpeedEnum) {
+    SpxToasterAutoCloseSpeedEnum[SpxToasterAutoCloseSpeedEnum["DEFAULT"] = -1] = "DEFAULT";
+    SpxToasterAutoCloseSpeedEnum[SpxToasterAutoCloseSpeedEnum["SLOW"] = -2] = "SLOW";
+})(SpxToasterAutoCloseSpeedEnum || (SpxToasterAutoCloseSpeedEnum = {}));
+function toasterAutocloseSpeed(autoCloseSpeed, messageText) {
+    switch (autoCloseSpeed) {
+        case SpxToasterAutoCloseSpeedEnum.DEFAULT:
+            return Math.min(Math.max(messageText.length * 50, 2000), 7000);
+        case SpxToasterAutoCloseSpeedEnum.SLOW:
+            return Math.min(Math.max(messageText.length * 60, 3000), 10000);
+        default:
+            return autoCloseSpeed;
+    }
+}
+
+class SpxToasterComponent {
+    constructor() {
+        this.hostClass = true;
+        this.spxClose = new EventEmitter();
+    }
+    doCloseMessage(id) {
+        this.spxClose.emit(id);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: SpxToasterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: SpxToasterComponent, isStandalone: true, selector: "spx-toaster", inputs: { messages: "messages" }, outputs: { spxClose: "spxClose" }, host: { properties: { "class.spx-toasts-displayer": "this.hostClass" } }, ngImport: i0, template: `
+    <spx-alert
+        *ngFor="let message of messages"
+        [spxAutoclose]="message.autoClose"
+        [spxCloseable]="message.closeable"
+        [spxSeverity]="message.severity"
+        [spxTitle]="message.title"
+        (spxClose)="doCloseMessage(message.id)">{{message.message}}</spx-alert>
+        `, isInline: true, styles: [":host(.spx-toasts-displayer){display:block;position:fixed;bottom:85px;left:0;right:0;margin:0 auto;width:80%;z-index:500}spx-alert+spx-alert{margin-top:6px}\n"], dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: SpxAlertComponent, selector: "spx-alert", inputs: ["spxAutoclose", "spxCloseable", "spxHideTitle", "spxTitle", "spxMarginTop", "spxSeverity", "tick"], outputs: ["spxClose"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: SpxToasterComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'spx-toaster', template: `
+    <spx-alert
+        *ngFor="let message of messages"
+        [spxAutoclose]="message.autoClose"
+        [spxCloseable]="message.closeable"
+        [spxSeverity]="message.severity"
+        [spxTitle]="message.title"
+        (spxClose)="doCloseMessage(message.id)">{{message.message}}</spx-alert>
+        `, standalone: true, imports: [
+                        NgFor,
+                        SpxAlertComponent,
+                    ], styles: [":host(.spx-toasts-displayer){display:block;position:fixed;bottom:85px;left:0;right:0;margin:0 auto;width:80%;z-index:500}spx-alert+spx-alert{margin-top:6px}\n"] }]
+        }], propDecorators: { hostClass: [{
+                type: HostBinding,
+                args: ['class.spx-toasts-displayer']
+            }], messages: [{
+                type: Input
+            }], spxClose: [{
+                type: Output
+            }] } });
+
+class SpxToasterMessageI {
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SpxToasterAutoCloseSpeedEnum, SpxToasterComponent, SpxToasterMessageI, SpxToasterSeverityEnum, toasterAutocloseSpeed };
+//# sourceMappingURL=softpak-components-spx-toaster.mjs.map

package/fesm2022/softpak-components-spx-toaster.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"softpak-components-spx-toaster.mjs","sources":["../../../../projects/softpak/components/spx-toaster/src/spx-toaster-autoclose-speed.ts","../../../../projects/softpak/components/spx-toaster/src/spx-toaster.component.ts","../../../../projects/softpak/components/spx-toaster/src/spx-toaster-message.interface.ts","../../../../projects/softpak/components/spx-toaster/softpak-components-spx-toaster.ts"],"sourcesContent":["export enum SpxToasterSeverityEnum {\n    ERROR = 'error',\n    INFO = 'info',\n    SUCCESS = 'success',\n    WARNING = 'warning',\n}\n\nexport enum SpxToasterAutoCloseSpeedEnum {\n    DEFAULT = -1,\n    SLOW = -2,\n}\n\nexport function toasterAutocloseSpeed(autoCloseSpeed: SpxToasterAutoCloseSpeedEnum, messageText: string) {\n    switch (autoCloseSpeed) {\n        case SpxToasterAutoCloseSpeedEnum.DEFAULT:\n            return Math.min(Math.max(messageText.length * 50, 2000), 7000);\n        case SpxToasterAutoCloseSpeedEnum.SLOW:\n            return Math.min(Math.max(messageText.length * 60, 3000), 10000);\n        default:\n            return autoCloseSpeed;\n    }\n}\n","import {\n    Component,\n    EventEmitter,\n    HostBinding,\n    Input,\n    Output\n} from '@angular/core';\nimport { SpxToasterMessageI } from './spx-toaster-message.interface';\nimport { SpxAlertComponent } from '@softpak/components/spx-alert';\nimport { NgFor } from '@angular/common';\n\n@Component({\n    selector: 'spx-toaster',\n    template: `\n    <spx-alert\n        *ngFor=\"let message of messages\"\n        [spxAutoclose]=\"message.autoClose\"\n        [spxCloseable]=\"message.closeable\"\n        [spxSeverity]=\"message.severity\"\n        [spxTitle]=\"message.title\"\n        (spxClose)=\"doCloseMessage(message.id)\">{{message.message}}</spx-alert>\n        `,\n    standalone: true,\n    imports: [\n        NgFor,\n        SpxAlertComponent,\n    ],\n    styles: [`\n    :host(.spx-toasts-displayer) {\n        display: block;\n        position: fixed;\n        bottom: 85px;\n        left: 0;\n        right: 0;\n        margin: 0 auto;\n        width: 80%;\n        z-index: 500;\n    }\n\n    spx-alert + spx-alert {\n        margin-top: 6px;\n    }\n    `]\n})\nexport class SpxToasterComponent {\n    @HostBinding('class.spx-toasts-displayer') hostClass = true;\n    @Input() messages!: SpxToasterMessageI[];\n    @Output() spxClose: EventEmitter<number> = new EventEmitter<number>();\n\n    public doCloseMessage(id: number) {\n        this.spxClose.emit(id);\n    }\n\n}\n","import { SpxSeverityEnum } from \"@softpak/components/spx-helpers\";\n\nexport class SpxToasterMessageI {\n    autoClose?: number;\n    title?: string;\n\n    closeable?: boolean;\n    id!: number;\n    message!: string;\n    severity!: SpxSeverityEnum;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/softpak-components-spx-update.mjs

@@ -0,0 +1,138 @@
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { Component, Input } from '@angular/core';
+import * as i1 from '@angular/forms';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { SpxCapitalizePipe } from '@softpak/components/spx-capitalize';
+import { SpxInputComponent } from '@softpak/components/spx-inputs';
+import { SpxProgressBarComponent } from '@softpak/components/spx-progress-bar';
+
+const ctrlAppStoreVersion = 'appStoreVersion';
+const ctrlChannel = 'channel';
+const ctrlNextVersionNumber = 'nextVersionNumber';
+const ctrlVersionNumber = 'versionNumber';
+class SpxUpdateInfoComponent {
+    get ctrlVersionNumber() { return this.form.get(ctrlVersionNumber); }
+    get ctrlNextVersionNumber() { return this.form.get(ctrlNextVersionNumber); }
+    get ctrlConfiguredChannel() { return this.form.get(ctrlChannel); }
+    get ctrlAppStoreVersion() { return this.form.get(ctrlAppStoreVersion); }
+    constructor(formBuilder) {
+        this.formBuilder = formBuilder;
+        this.form = this.formBuilder.group({
+            [ctrlAppStoreVersion]: [null, []],
+            [ctrlChannel]: [null, []],
+            [ctrlNextVersionNumber]: [null, []],
+            [ctrlVersionNumber]: [null, []],
+        });
+    }
+    update(appStoreVersion, channel, nextVersion, version) {
+        this.ctrlVersionNumber.setValue({
+            value: version,
+        });
+        this.ctrlNextVersionNumber.setValue({
+            value: nextVersion,
+        });
+        this.ctrlConfiguredChannel.setValue({
+            value: channel,
+        });
+        this.ctrlAppStoreVersion.setValue({
+            value: appStoreVersion,
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: SpxUpdateInfoComponent, deps: [{ token: i1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: SpxUpdateInfoComponent, isStandalone: true, selector: "spx-update-info", inputs: { txtAppStoreVersion: "txtAppStoreVersion", txtChannel: "txtChannel", txtNextVersion: "txtNextVersion", txtVersion: "txtVersion" }, ngImport: i0, template: `<form [formGroup]="form" class="mt-3">
+    <div class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-3">
+      <spx-input [formControl]="ctrlVersionNumber" [spxLabel]="txtVersion | capitalize"
+        [spxReadonly]="true"></spx-input>
+      <spx-input [formControl]="ctrlNextVersionNumber" [spxLabel]="txtNextVersion | capitalize"
+        [spxReadonly]="true"></spx-input>
+      <spx-input [formControl]="ctrlConfiguredChannel" [spxLabel]="txtChannel | capitalize"
+        [spxReadonly]="true"></spx-input>
+      <spx-input [formControl]="ctrlAppStoreVersion" [spxLabel]="txtAppStoreVersion | capitalize"
+        [spxReadonly]="true"></spx-input>
+    </div>
+  </form>`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "pipe", type: SpxCapitalizePipe, name: "capitalize" }, { kind: "component", type: SpxInputComponent, selector: "spx-input", inputs: ["spxLabel", "spxMax", "spxMin", "spxName", "spxReadonly", "spxAutofocus", "spxInputMode", "spxPattern", "spxRequired", "spxSelectMonth", "spxSelectDay", "spxShowEdit", "spxShowHelp", "spxCompact", "spxShowClear", "spxShowSearch", "spxShowValidationMessages", "spxStep", "spxSuggestions", "spxType", "spxValidators", "value", "spxCapitalize", "spxFocused"], outputs: ["spxBlur", "spxClear", "spxChange", "spxFocus", "spxEdit", "spxHelp", "spxSearch"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: SpxUpdateInfoComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'spx-update-info',
+                    template: `<form [formGroup]="form" class="mt-3">
+    <div class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-3">
+      <spx-input [formControl]="ctrlVersionNumber" [spxLabel]="txtVersion | capitalize"
+        [spxReadonly]="true"></spx-input>
+      <spx-input [formControl]="ctrlNextVersionNumber" [spxLabel]="txtNextVersion | capitalize"
+        [spxReadonly]="true"></spx-input>
+      <spx-input [formControl]="ctrlConfiguredChannel" [spxLabel]="txtChannel | capitalize"
+        [spxReadonly]="true"></spx-input>
+      <spx-input [formControl]="ctrlAppStoreVersion" [spxLabel]="txtAppStoreVersion | capitalize"
+        [spxReadonly]="true"></spx-input>
+    </div>
+  </form>`,
+                    standalone: true,
+                    imports: [
+                        CommonModule,
+                        FormsModule,
+                        ReactiveFormsModule,
+                        SpxCapitalizePipe,
+                        SpxInputComponent,
+                    ]
+                }]
+        }], ctorParameters: () => [{ type: i1.FormBuilder }], propDecorators: { txtAppStoreVersion: [{
+                type: Input
+            }], txtChannel: [{
+                type: Input
+            }], txtNextVersion: [{
+                type: Input
+            }], txtVersion: [{
+                type: Input
+            }] } });
+
+class SpxUpdateProgressComponent {
+    ngOnInit() {
+        this.startLoaderSync();
+    }
+    ngOnDestroy() {
+        this.stopLoaderSync();
+    }
+    startLoaderSync() {
+        if (this.syncTruckInterval === null) {
+            this.syncTruckInterval = setInterval(() => {
+                this.delayedPercentage = this.percentage;
+            }, 200);
+        }
+    }
+    stopLoaderSync() {
+        if (this.syncTruckInterval !== null) {
+            clearInterval(this.syncTruckInterval);
+            this.syncTruckInterval = undefined;
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: SpxUpdateProgressComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: SpxUpdateProgressComponent, isStandalone: true, selector: "spx-update-progress", inputs: { title: "title", percentage: "percentage" }, ngImport: i0, template: `<spx-progress-bar [spxPercentage]="delayedPercentage" [spxTitle]="title | capitalize">
+  </spx-progress-bar>`, isInline: true, dependencies: [{ kind: "component", type: SpxProgressBarComponent, selector: "spx-progress-bar", inputs: ["spxPercentage", "spxTitle"] }, { kind: "pipe", type: SpxCapitalizePipe, name: "capitalize" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: SpxUpdateProgressComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'spx-update-progress',
+                    template: `<spx-progress-bar [spxPercentage]="delayedPercentage" [spxTitle]="title | capitalize">
+  </spx-progress-bar>`,
+                    standalone: true,
+                    imports: [
+                        SpxProgressBarComponent,
+                        SpxCapitalizePipe,
+                    ],
+                }]
+        }], propDecorators: { title: [{
+                type: Input
+            }], percentage: [{
+                type: Input
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SpxUpdateInfoComponent, SpxUpdateProgressComponent };
+//# sourceMappingURL=softpak-components-spx-update.mjs.map

package/fesm2022/softpak-components-spx-update.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"softpak-components-spx-update.mjs","sources":["../../../../projects/softpak/components/spx-update/src/spx-update-info.component.ts","../../../../projects/softpak/components/spx-update/src/spx-update-progress.component.ts","../../../../projects/softpak/components/spx-update/softpak-components-spx-update.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { Component, Input } from '@angular/core';\nimport { FormBuilder, FormControl, FormGroup, FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { SpxCapitalizePipe } from '@softpak/components/spx-capitalize';\nimport { SpxInputComponent } from '@softpak/components/spx-inputs';\n\nconst ctrlAppStoreVersion = 'appStoreVersion';\nconst ctrlChannel = 'channel';\nconst ctrlNextVersionNumber = 'nextVersionNumber';\nconst ctrlVersionNumber = 'versionNumber';\n\n@Component({\n  selector: 'spx-update-info',\n  template: `<form [formGroup]=\"form\" class=\"mt-3\">\n    <div class=\"grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-3\">\n      <spx-input [formControl]=\"ctrlVersionNumber\" [spxLabel]=\"txtVersion | capitalize\"\n        [spxReadonly]=\"true\"></spx-input>\n      <spx-input [formControl]=\"ctrlNextVersionNumber\" [spxLabel]=\"txtNextVersion | capitalize\"\n        [spxReadonly]=\"true\"></spx-input>\n      <spx-input [formControl]=\"ctrlConfiguredChannel\" [spxLabel]=\"txtChannel | capitalize\"\n        [spxReadonly]=\"true\"></spx-input>\n      <spx-input [formControl]=\"ctrlAppStoreVersion\" [spxLabel]=\"txtAppStoreVersion | capitalize\"\n        [spxReadonly]=\"true\"></spx-input>\n    </div>\n  </form>`,\n  standalone: true,\n  imports: [\n    CommonModule,\n    FormsModule,\n    ReactiveFormsModule,\n    SpxCapitalizePipe,\n    SpxInputComponent,\n  ]\n})\nexport class SpxUpdateInfoComponent {\n  form!: FormGroup;\n  @Input() txtAppStoreVersion!: string;\n  @Input() txtChannel!: string;\n  @Input() txtNextVersion!: string;\n  @Input() txtVersion!: string;\n  \n  get ctrlVersionNumber(): FormControl { return this.form.get(ctrlVersionNumber) as FormControl; }\n  get ctrlNextVersionNumber(): FormControl { return this.form.get(ctrlNextVersionNumber) as FormControl; }\n  get ctrlConfiguredChannel(): FormControl { return this.form.get(ctrlChannel) as FormControl; }\n  get ctrlAppStoreVersion(): FormControl { return this.form.get(ctrlAppStoreVersion) as FormControl; }\n\n  constructor(\n    private readonly formBuilder: FormBuilder,\n  ) {\n    this.form = this.formBuilder.group({\n      [ctrlAppStoreVersion]: [null, []],\n      [ctrlChannel]: [null, []],\n      [ctrlNextVersionNumber]: [null, []],\n      [ctrlVersionNumber]: [null, []],\n    });\n  }\n\n  update(appStoreVersion: string, channel: string, nextVersion: string, version: string) {\n    this.ctrlVersionNumber.setValue({\n      value: version,\n    });\n    this.ctrlNextVersionNumber.setValue({\n      value: nextVersion,\n    });\n    this.ctrlConfiguredChannel.setValue({\n      value: channel,\n    });\n    this.ctrlAppStoreVersion.setValue({\n      value: appStoreVersion,\n    });\n  }\n}\n","import { Component, Input, OnDestroy, OnInit } from '@angular/core';\nimport { SpxCapitalizePipe } from '@softpak/components/spx-capitalize';\nimport { SpxProgressBarComponent } from '@softpak/components/spx-progress-bar';\n\n@Component({\n  selector: 'spx-update-progress',\n  template: `<spx-progress-bar [spxPercentage]=\"delayedPercentage\" [spxTitle]=\"title | capitalize\">\n  </spx-progress-bar>`,\n  standalone: true,\n  imports: [\n    SpxProgressBarComponent,\n    SpxCapitalizePipe,\n  ],\n})\nexport class SpxUpdateProgressComponent implements OnInit, OnDestroy {\n  @Input() title!: string;\n  @Input() percentage!: number;\n  delayedPercentage!: number;\n  syncTruckInterval?: any;\n  \n  ngOnInit(): void {\n    this.startLoaderSync();\n  }\n\n  ngOnDestroy(): void {\n    this.stopLoaderSync();\n  }\n\n  private startLoaderSync() {\n    if (this.syncTruckInterval === null) {\n      this.syncTruckInterval = setInterval(() => {\n        this.delayedPercentage = this.percentage;\n      }, 200);\n    }\n  }\n\n  private stopLoaderSync() {\n    if (this.syncTruckInterval !== null) {\n      clearInterval(this.syncTruckInterval);\n      this.syncTruckInterval = undefined;\n    }\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/softpak-components-spx-validation.mjs

@@ -0,0 +1,223 @@
+import { valuePairToValue } from '@softpak/components/spx-helpers';
+import { DateTime } from 'luxon';
+import * as i0 from '@angular/core';
+import { Component, Input, NgModule } from '@angular/core';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import { FormsModule } from '@angular/forms';
+
+const spxValidatorRequired = () => (control) => {
+    if (control &&
+        valuePairToValue(control.value) === undefined ||
+        valuePairToValue(control.value) === null ||
+        valuePairToValue(control.value) === '' ||
+        valuePairToValue(control.value) === 0) {
+        return { required: true };
+    }
+    return null;
+};
+
+const spxValidatorMax = (max) => (control) => {
+    if (!spxValidatorRequired()(control)) {
+        const value = parseInt(valuePairToValue(control.value).toString(), 10);
+        if (!isNaN(value) && value > max) {
+            return {
+                max: {
+                    max,
+                    actual: value
+                }
+            };
+        }
+    }
+    return null;
+};
+
+const spxValidatorMaxLength = (maximumLength, sanitizer) => (control) => {
+    if (!spxValidatorRequired()(control)) {
+        let value = valuePairToValue(control.value);
+        if (sanitizer) {
+            value = sanitizer(value.toString());
+        }
+        if (value.toString().length > maximumLength) {
+            return {
+                maxlength: {
+                    requiredLength: maximumLength,
+                    actualLength: value.toString().length
+                }
+            };
+        }
+    }
+    return null;
+};
+
+const spxValidatorMin = (min) => (control) => {
+    if (!spxValidatorRequired()(control)) {
+        const value = parseInt(valuePairToValue(control.value).toString(), 10);
+        if (!isNaN(value) && value < min) {
+            return {
+                min: {
+                    min,
+                    actual: value
+                }
+            };
+        }
+    }
+    return null;
+};
+
+const spxValidatorMinLength = (minimumLength, sanitizer) => (control) => {
+    if (!spxValidatorRequired()(control)) {
+        let value = valuePairToValue(control.value);
+        if (sanitizer) {
+            value = sanitizer(value.toString());
+        }
+        if (value.toString().length < minimumLength) {
+            return {
+                minlength: {
+                    requiredLength: minimumLength,
+                    actualLength: value.toString().length
+                }
+            };
+        }
+    }
+    return null;
+};
+
+const spxValidatorPattern = (matcher) => (control) => {
+    if (!spxValidatorRequired()(control)) {
+        const matches = valuePairToValue(control.value).toString().match(matcher);
+        if (matches === null || matches.length === 0) {
+            return { pattern: true };
+        }
+    }
+    return null;
+};
+
+const spxValidatorYearAndMonth = (future) => (control) => {
+    if (!spxValidatorRequired()(control)) {
+        const val = valuePairToValue(control.value);
+        if (val.toUpperCase() !== 'ACEP') {
+            const date = DateTime.fromISO(val);
+            const year = date.year;
+            const month = date.month;
+            if (val.length < 6) {
+                return {
+                    minlength: {
+                        requiredLength: 6,
+                        actualLength: val.length
+                    }
+                };
+            }
+            if (month < 1 || month > 12) {
+                return { month: true };
+            }
+            if (future) {
+                if (year > 2050 || year < DateTime.now().year) {
+                    return { yearFuture: true };
+                }
+                if (DateTime.now().set({ year: year, month: DateTime.now().month - 1 }).startOf('month') < DateTime.now()) {
+                    return { past: true };
+                }
+            }
+            else {
+                if (year < 1971 || year > DateTime.now().year) {
+                    return { year: true };
+                }
+                if (DateTime.now().set({ year: year, month: DateTime.now().month - 1 }).startOf('month') > DateTime.now()) {
+                    return { future: true };
+                }
+            }
+        }
+    }
+    return null;
+};
+
+class SpxValidateControlComponent {
+    get maxLength() {
+        return this.control.errors && this.control.errors['maxlength'];
+    }
+    get maxLengthRequiredLength() {
+        return this.maxLength && this.control.errors && this.control.errors['maxlength']['requiredLength'];
+    }
+    get minLength() {
+        return this.control.errors && this.control.errors['minlength'];
+    }
+    get minLengthRequiredLength() {
+        return this.minLength && this.control.errors && this.control.errors['minlength']['requiredLength'];
+    }
+    get max() {
+        return this.control.errors && this.control.errors['max'];
+    }
+    get maxRequiredMax() {
+        return this.max && this.control.errors && this.control.errors['max']['max'];
+    }
+    get min() {
+        return this.control.errors && this.control.errors['min'];
+    }
+    get minRequiredMin() {
+        return this.min && this.control.errors && this.control.errors['min']['min'];
+    }
+    get pattern() {
+        return this.control.errors && this.control.errors['pattern'];
+    }
+    get required() {
+        return this.control.errors && this.control.errors['required'];
+    }
+    get year() {
+        return this.control.errors && this.control.errors['year'];
+    }
+    get yearFuture() {
+        return this.control.errors && this.control.errors['yearFuture'];
+    }
+    get month() {
+        return this.control.errors && this.control.errors['month'];
+    }
+    get future() {
+        return this.control.errors && this.control.errors['future'];
+    }
+    get past() {
+        return this.control.errors && this.control.errors['past'];
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: SpxValidateControlComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: SpxValidateControlComponent, selector: "spx-validate-control", inputs: { control: "control", label: "label", submitTried: "submitTried" }, ngImport: i0, template: "<ng-container *ngIf=\"control && control.errors && (control.touched || submitTried)\">\n  <div *ngIf=\"maxLength\">'{{ label }}' is too long, the maximum length is {{ maxLengthRequiredLength }}.</div>\n  <div *ngIf=\"minLength\">'{{ label }}' is too short, the minimum length is {{ minLengthRequiredLength }}.</div>\n  <div *ngIf=\"max\">The value of '{{ label }}' is too high, the maximum is {{ maxRequiredMax }}.</div>\n  <div *ngIf=\"min\">The value of '{{ label }}' is too low, the minimum is {{ minRequiredMin }}.</div>\n  <div *ngIf=\"pattern\">The pattern of '{{ label }}' not valid.</div>\n  <div *ngIf=\"required\">'{{ label }}' is required.</div>\n  <div *ngIf=\"year\">Please choose a year between 1991 and the current year.</div>\n  <div *ngIf=\"yearFuture\">Please choose a year between the current year and 2050.</div>\n  <div *ngIf=\"month\">Please choose a valid month (a value between 01 and 12).</div>\n  <div *ngIf=\"future\">The selected date may not be in the future.</div>\n  <div *ngIf=\"past\">The selected date may not be in the past.</div>\n</ng-container>", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: SpxValidateControlComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'spx-validate-control', template: "<ng-container *ngIf=\"control && control.errors && (control.touched || submitTried)\">\n  <div *ngIf=\"maxLength\">'{{ label }}' is too long, the maximum length is {{ maxLengthRequiredLength }}.</div>\n  <div *ngIf=\"minLength\">'{{ label }}' is too short, the minimum length is {{ minLengthRequiredLength }}.</div>\n  <div *ngIf=\"max\">The value of '{{ label }}' is too high, the maximum is {{ maxRequiredMax }}.</div>\n  <div *ngIf=\"min\">The value of '{{ label }}' is too low, the minimum is {{ minRequiredMin }}.</div>\n  <div *ngIf=\"pattern\">The pattern of '{{ label }}' not valid.</div>\n  <div *ngIf=\"required\">'{{ label }}' is required.</div>\n  <div *ngIf=\"year\">Please choose a year between 1991 and the current year.</div>\n  <div *ngIf=\"yearFuture\">Please choose a year between the current year and 2050.</div>\n  <div *ngIf=\"month\">Please choose a valid month (a value between 01 and 12).</div>\n  <div *ngIf=\"future\">The selected date may not be in the future.</div>\n  <div *ngIf=\"past\">The selected date may not be in the past.</div>\n</ng-container>" }]
+        }], propDecorators: { control: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], submitTried: [{
+                type: Input
+            }] } });
+
+class SpxValidationModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: SpxValidationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.2", ngImport: i0, type: SpxValidationModule, declarations: [SpxValidateControlComponent], imports: [CommonModule,
+            FormsModule], exports: [SpxValidateControlComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: SpxValidationModule, imports: [CommonModule,
+            FormsModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: SpxValidationModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        SpxValidateControlComponent
+                    ],
+                    imports: [
+                        CommonModule,
+                        FormsModule,
+                    ],
+                    exports: [
+                        SpxValidateControlComponent
+                    ]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SpxValidateControlComponent, SpxValidationModule, spxValidatorMax, spxValidatorMaxLength, spxValidatorMin, spxValidatorMinLength, spxValidatorPattern, spxValidatorRequired, spxValidatorYearAndMonth };
+//# sourceMappingURL=softpak-components-spx-validation.mjs.map