@softpak/components 19.0.0-beta.1 → 19.0.0-beta.10

package/esm2022/spx-card/spx-card-grid.component.mjs

@@ -0,0 +1,46 @@
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+export class SpxCardGridComponent {
+    constructor() {
+        this.minWidth2Columns = 460;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SpxCardGridComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SpxCardGridComponent, isStandalone: true, selector: "spx-card-grid", inputs: { minWidth2Columns: "minWidth2Columns" }, ngImport: i0, template: `
+    <div class='grid gap-3 items-stretch'
+    [class.min-[300px]:grid-cols-2]="minWidth2Columns == 300"
+    [class.min-[320px]:grid-cols-2]="minWidth2Columns == 320"
+    [class.min-[340px]:grid-cols-2]="minWidth2Columns == 340"
+    [class.min-[360px]:grid-cols-2]="minWidth2Columns == 360"
+    [class.min-[380px]:grid-cols-2]="minWidth2Columns == 380"
+    [class.min-[400px]:grid-cols-2]="minWidth2Columns == 400"
+    [class.min-[420px]:grid-cols-2]="minWidth2Columns == 420"
+    [class.min-[440px]:grid-cols-2]="minWidth2Columns == 440"
+    [class.min-[460px]:grid-cols-2]="minWidth2Columns == 460">
+      <ng-content></ng-content>
+  </div>
+  `, isInline: true }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SpxCardGridComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'spx-card-grid',
+                    standalone: true,
+                    template: `
+    <div class='grid gap-3 items-stretch'
+    [class.min-[300px]:grid-cols-2]="minWidth2Columns == 300"
+    [class.min-[320px]:grid-cols-2]="minWidth2Columns == 320"
+    [class.min-[340px]:grid-cols-2]="minWidth2Columns == 340"
+    [class.min-[360px]:grid-cols-2]="minWidth2Columns == 360"
+    [class.min-[380px]:grid-cols-2]="minWidth2Columns == 380"
+    [class.min-[400px]:grid-cols-2]="minWidth2Columns == 400"
+    [class.min-[420px]:grid-cols-2]="minWidth2Columns == 420"
+    [class.min-[440px]:grid-cols-2]="minWidth2Columns == 440"
+    [class.min-[460px]:grid-cols-2]="minWidth2Columns == 460">
+      <ng-content></ng-content>
+  </div>
+  `,
+                }]
+        }], propDecorators: { minWidth2Columns: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3B4LWNhcmQtZ3JpZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zb2Z0cGFrL2NvbXBvbmVudHMvc3B4LWNhcmQvc3B4LWNhcmQtZ3JpZC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBb0JqRCxNQUFNLE9BQU8sb0JBQW9CO0lBbEJqQztRQW1CVyxxQkFBZ0IsR0FBeUQsR0FBRyxDQUFDO0tBQ3ZGOytHQUZZLG9CQUFvQjttR0FBcEIsb0JBQW9CLDJIQWZyQjs7Ozs7Ozs7Ozs7OztHQWFUOzs0RkFFVSxvQkFBb0I7a0JBbEJoQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxlQUFlO29CQUN6QixVQUFVLEVBQUUsSUFBSTtvQkFDaEIsUUFBUSxFQUFFOzs7Ozs7Ozs7Ozs7O0dBYVQ7aUJBQ0Y7OEJBRVUsZ0JBQWdCO3NCQUF4QixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzcHgtY2FyZC1ncmlkJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgdGVtcGxhdGU6IGBcbiAgICA8ZGl2IGNsYXNzPSdncmlkIGdhcC0zIGl0ZW1zLXN0cmV0Y2gnXG4gICAgW2NsYXNzLm1pbi1bMzAwcHhdOmdyaWQtY29scy0yXT1cIm1pbldpZHRoMkNvbHVtbnMgPT0gMzAwXCJcbiAgICBbY2xhc3MubWluLVszMjBweF06Z3JpZC1jb2xzLTJdPVwibWluV2lkdGgyQ29sdW1ucyA9PSAzMjBcIlxuICAgIFtjbGFzcy5taW4tWzM0MHB4XTpncmlkLWNvbHMtMl09XCJtaW5XaWR0aDJDb2x1bW5zID09IDM0MFwiXG4gICAgW2NsYXNzLm1pbi1bMzYwcHhdOmdyaWQtY29scy0yXT1cIm1pbldpZHRoMkNvbHVtbnMgPT0gMzYwXCJcbiAgICBbY2xhc3MubWluLVszODBweF06Z3JpZC1jb2xzLTJdPVwibWluV2lkdGgyQ29sdW1ucyA9PSAzODBcIlxuICAgIFtjbGFzcy5taW4tWzQwMHB4XTpncmlkLWNvbHMtMl09XCJtaW5XaWR0aDJDb2x1bW5zID09IDQwMFwiXG4gICAgW2NsYXNzLm1pbi1bNDIwcHhdOmdyaWQtY29scy0yXT1cIm1pbldpZHRoMkNvbHVtbnMgPT0gNDIwXCJcbiAgICBbY2xhc3MubWluLVs0NDBweF06Z3JpZC1jb2xzLTJdPVwibWluV2lkdGgyQ29sdW1ucyA9PSA0NDBcIlxuICAgIFtjbGFzcy5taW4tWzQ2MHB4XTpncmlkLWNvbHMtMl09XCJtaW5XaWR0aDJDb2x1bW5zID09IDQ2MFwiPlxuICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICA8L2Rpdj5cbiAgYCxcbn0pXG5leHBvcnQgY2xhc3MgU3B4Q2FyZEdyaWRDb21wb25lbnQge1xuICBASW5wdXQoKSBtaW5XaWR0aDJDb2x1bW5zPzogMzAwIHwgMzIwIHwgMzQwIHwgMzYwIHwgMzgwIHwgNDAwIHwgNDIwIHwgNDQwIHwgNDYwID0gNDYwO1xufVxuIl19

package/esm2022/spx-card/spx-card-item.component.mjs

@@ -0,0 +1,117 @@
+import { Component, HostBinding, Input } from '@angular/core';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { SpxSeverityEnum } from '@softpak/components/spx-helpers';
+import * as i0 from "@angular/core";
+export class SpxCardItemComponent {
+    constructor() {
+        this.hFull = true;
+        this.iconOnly = false;
+    }
+    get spxSeverityError() { return this.spxSeverity === SpxSeverityEnum.error; }
+    get spxSeverityInfo() { return this.spxSeverity === SpxSeverityEnum.info; }
+    get spxSeveritySuccess() { return this.spxSeverity === SpxSeverityEnum.success; }
+    get spxSeverityUnknown() { return this.spxSeverity === SpxSeverityEnum.unknown; }
+    get spxSeverityWarning() { return this.spxSeverity === SpxSeverityEnum.warning; }
+    get spxIconSeverityError() { return this.spxIconSeverity === SpxSeverityEnum.error; }
+    get spxIconSeverityInfo() { return this.spxIconSeverity === SpxSeverityEnum.info; }
+    get spxIconSeveritySuccess() { return this.spxIconSeverity === SpxSeverityEnum.success; }
+    get spxIconSeverityUnknown() { return this.spxIconSeverity === SpxSeverityEnum.unknown; }
+    get spxIconSeverityWarning() { return this.spxIconSeverity === SpxSeverityEnum.warning; }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SpxCardItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: SpxCardItemComponent, isStandalone: true, selector: "spx-card-item", inputs: { icon: "icon", iconOnly: "iconOnly", spxLabel: "spxLabel", spxValue: "spxValue", spxSeverity: "spxSeverity", spxIconSeverity: "spxIconSeverity" }, host: { properties: { "class.h-full": "this.hFull" } }, ngImport: i0, template: `
+    <div class='py-2 px-3 rounded h-full'
+      [class.bg-slate-100]="!spxSeverity"
+      [class.dark:bg-slate-600]="!spxSeverity"
+      [class.text-black]="spxSeverityWarning"
+      [class.text-white]="spxSeverityError || spxSeverityInfo || spxSeveritySuccess || spxSeverityUnknown"
+      [class.bg-red-700]="spxSeverityError"
+      [class.bg-green-700]="spxSeveritySuccess"
+      [class.bg-blue-700]="spxSeverityInfo"
+      [class.bg-gray-400]="spxSeverityUnknown"
+      [class.bg-amber-700]="spxSeverityWarning">
+      <div class="font-small leading-normal">{{ spxLabel }}</div>
+      <div class="flex gap-4 text-lg leading-normal py-1">
+        @if (icon) {
+          <div class="font-bold text-center leading-normal max-w-12 min-w-12" [class.grow]="iconOnly">
+            <div
+              class="px-3 py-1 text-white rounded"
+              [class.bg-black]="!spxIconSeverity"
+              [class.bg-red-700]="spxIconSeverityError"
+              [class.bg-green-700]="spxIconSeveritySuccess"
+              [class.bg-blue-700]="spxIconSeverityInfo"
+              [class.bg-gray-400]="spxIconSeverityUnknown"
+              [class.bg-amber-700]="spxIconSeverityWarning">
+              <fa-icon [icon]="icon"></fa-icon>
+            </div>
+          </div>
+        }
+        <div class="grow font-bold">
+          @if (!iconOnly) {
+            <ng-content></ng-content><div [innerHTML]="spxValue"></div>
+          }
+        </div>
+      </div>
+    </div>
+    `, isInline: true, dependencies: [{ kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SpxCardItemComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'spx-card-item',
+                    standalone: true,
+                    imports: [
+                        FaIconComponent
+                    ],
+                    template: `
+    <div class='py-2 px-3 rounded h-full'
+      [class.bg-slate-100]="!spxSeverity"
+      [class.dark:bg-slate-600]="!spxSeverity"
+      [class.text-black]="spxSeverityWarning"
+      [class.text-white]="spxSeverityError || spxSeverityInfo || spxSeveritySuccess || spxSeverityUnknown"
+      [class.bg-red-700]="spxSeverityError"
+      [class.bg-green-700]="spxSeveritySuccess"
+      [class.bg-blue-700]="spxSeverityInfo"
+      [class.bg-gray-400]="spxSeverityUnknown"
+      [class.bg-amber-700]="spxSeverityWarning">
+      <div class="font-small leading-normal">{{ spxLabel }}</div>
+      <div class="flex gap-4 text-lg leading-normal py-1">
+        @if (icon) {
+          <div class="font-bold text-center leading-normal max-w-12 min-w-12" [class.grow]="iconOnly">
+            <div
+              class="px-3 py-1 text-white rounded"
+              [class.bg-black]="!spxIconSeverity"
+              [class.bg-red-700]="spxIconSeverityError"
+              [class.bg-green-700]="spxIconSeveritySuccess"
+              [class.bg-blue-700]="spxIconSeverityInfo"
+              [class.bg-gray-400]="spxIconSeverityUnknown"
+              [class.bg-amber-700]="spxIconSeverityWarning">
+              <fa-icon [icon]="icon"></fa-icon>
+            </div>
+          </div>
+        }
+        <div class="grow font-bold">
+          @if (!iconOnly) {
+            <ng-content></ng-content><div [innerHTML]="spxValue"></div>
+          }
+        </div>
+      </div>
+    </div>
+    `,
+                }]
+        }], propDecorators: { hFull: [{
+                type: HostBinding,
+                args: ['class.h-full']
+            }], icon: [{
+                type: Input
+            }], iconOnly: [{
+                type: Input
+            }], spxLabel: [{
+                type: Input
+            }], spxValue: [{
+                type: Input
+            }], spxSeverity: [{
+                type: Input
+            }], spxIconSeverity: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3B4LWNhcmQtaXRlbS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zb2Z0cGFrL2NvbXBvbmVudHMvc3B4LWNhcmQvc3B4LWNhcmQtaXRlbS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzlELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUVuRSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0saUNBQWlDLENBQUM7O0FBNENsRSxNQUFNLE9BQU8sb0JBQW9CO0lBMUNqQztRQTJDK0IsVUFBSyxHQUFHLElBQUksQ0FBQztRQUVqQyxhQUFRLEdBQUcsS0FBSyxDQUFDO0tBZTNCO0lBVkMsSUFBSSxnQkFBZ0IsS0FBSyxPQUFPLElBQUksQ0FBQyxXQUFXLEtBQUssZUFBZSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUM7SUFDN0UsSUFBSSxlQUFlLEtBQUssT0FBTyxJQUFJLENBQUMsV0FBVyxLQUFLLGVBQWUsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDO0lBQzNFLElBQUksa0JBQWtCLEtBQUssT0FBTyxJQUFJLENBQUMsV0FBVyxLQUFLLGVBQWUsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDO0lBQ2pGLElBQUksa0JBQWtCLEtBQUssT0FBTyxJQUFJLENBQUMsV0FBVyxLQUFLLGVBQWUsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDO0lBQ2pGLElBQUksa0JBQWtCLEtBQUssT0FBTyxJQUFJLENBQUMsV0FBVyxLQUFLLGVBQWUsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDO0lBQ2pGLElBQUksb0JBQW9CLEtBQUssT0FBTyxJQUFJLENBQUMsZUFBZSxLQUFLLGVBQWUsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDO0lBQ3JGLElBQUksbUJBQW1CLEtBQUssT0FBTyxJQUFJLENBQUMsZUFBZSxLQUFLLGVBQWUsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDO0lBQ25GLElBQUksc0JBQXNCLEtBQUssT0FBTyxJQUFJLENBQUMsZUFBZSxLQUFLLGVBQWUsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDO0lBQ3pGLElBQUksc0JBQXNCLEtBQUssT0FBTyxJQUFJLENBQUMsZUFBZSxLQUFLLGVBQWUsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDO0lBQ3pGLElBQUksc0JBQXNCLEtBQUssT0FBTyxJQUFJLENBQUMsZUFBZSxLQUFLLGVBQWUsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDOytHQWpCOUUsb0JBQW9CO21HQUFwQixvQkFBb0IsNlJBcENyQjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztLQWtDUCw0REFwQ0QsZUFBZTs7NEZBc0NOLG9CQUFvQjtrQkExQ2hDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLGVBQWU7b0JBQ3pCLFVBQVUsRUFBRSxJQUFJO29CQUNoQixPQUFPLEVBQUU7d0JBQ1AsZUFBZTtxQkFDbEI7b0JBQ0MsUUFBUSxFQUFFOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0tBa0NQO2lCQUNKOzhCQUU4QixLQUFLO3NCQUFqQyxXQUFXO3VCQUFDLGNBQWM7Z0JBQ2xCLElBQUk7c0JBQVosS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLGVBQWU7c0JBQXZCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJcbmltcG9ydCB7IENvbXBvbmVudCwgSG9zdEJpbmRpbmcsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGYUljb25Db21wb25lbnQgfSBmcm9tICdAZm9ydGF3ZXNvbWUvYW5ndWxhci1mb250YXdlc29tZSc7XG5pbXBvcnQgeyBJY29uUHJvcCB9IGZyb20gJ0Bmb3J0YXdlc29tZS9hbmd1bGFyLWZvbnRhd2Vzb21lL3R5cGVzJztcbmltcG9ydCB7IFNweFNldmVyaXR5RW51bSB9IGZyb20gJ0Bzb2Z0cGFrL2NvbXBvbmVudHMvc3B4LWhlbHBlcnMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzcHgtY2FyZC1pdGVtJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1xuICAgIEZhSWNvbkNvbXBvbmVudFxuXSxcbiAgdGVtcGxhdGU6IGBcbiAgICA8ZGl2IGNsYXNzPSdweS0yIHB4LTMgcm91bmRlZCBoLWZ1bGwnXG4gICAgICBbY2xhc3MuYmctc2xhdGUtMTAwXT1cIiFzcHhTZXZlcml0eVwiXG4gICAgICBbY2xhc3MuZGFyazpiZy1zbGF0ZS02MDBdPVwiIXNweFNldmVyaXR5XCJcbiAgICAgIFtjbGFzcy50ZXh0LWJsYWNrXT1cInNweFNldmVyaXR5V2FybmluZ1wiXG4gICAgICBbY2xhc3MudGV4dC13aGl0ZV09XCJzcHhTZXZlcml0eUVycm9yIHx8IHNweFNldmVyaXR5SW5mbyB8fCBzcHhTZXZlcml0eVN1Y2Nlc3MgfHwgc3B4U2V2ZXJpdHlVbmtub3duXCJcbiAgICAgIFtjbGFzcy5iZy1yZWQtNzAwXT1cInNweFNldmVyaXR5RXJyb3JcIlxuICAgICAgW2NsYXNzLmJnLWdyZWVuLTcwMF09XCJzcHhTZXZlcml0eVN1Y2Nlc3NcIlxuICAgICAgW2NsYXNzLmJnLWJsdWUtNzAwXT1cInNweFNldmVyaXR5SW5mb1wiXG4gICAgICBbY2xhc3MuYmctZ3JheS00MDBdPVwic3B4U2V2ZXJpdHlVbmtub3duXCJcbiAgICAgIFtjbGFzcy5iZy1hbWJlci03MDBdPVwic3B4U2V2ZXJpdHlXYXJuaW5nXCI+XG4gICAgICA8ZGl2IGNsYXNzPVwiZm9udC1zbWFsbCBsZWFkaW5nLW5vcm1hbFwiPnt7IHNweExhYmVsIH19PC9kaXY+XG4gICAgICA8ZGl2IGNsYXNzPVwiZmxleCBnYXAtNCB0ZXh0LWxnIGxlYWRpbmctbm9ybWFsIHB5LTFcIj5cbiAgICAgICAgQGlmIChpY29uKSB7XG4gICAgICAgICAgPGRpdiBjbGFzcz1cImZvbnQtYm9sZCB0ZXh0LWNlbnRlciBsZWFkaW5nLW5vcm1hbCBtYXgtdy0xMiBtaW4tdy0xMlwiIFtjbGFzcy5ncm93XT1cImljb25Pbmx5XCI+XG4gICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgIGNsYXNzPVwicHgtMyBweS0xIHRleHQtd2hpdGUgcm91bmRlZFwiXG4gICAgICAgICAgICAgIFtjbGFzcy5iZy1ibGFja109XCIhc3B4SWNvblNldmVyaXR5XCJcbiAgICAgICAgICAgICAgW2NsYXNzLmJnLXJlZC03MDBdPVwic3B4SWNvblNldmVyaXR5RXJyb3JcIlxuICAgICAgICAgICAgICBbY2xhc3MuYmctZ3JlZW4tNzAwXT1cInNweEljb25TZXZlcml0eVN1Y2Nlc3NcIlxuICAgICAgICAgICAgICBbY2xhc3MuYmctYmx1ZS03MDBdPVwic3B4SWNvblNldmVyaXR5SW5mb1wiXG4gICAgICAgICAgICAgIFtjbGFzcy5iZy1ncmF5LTQwMF09XCJzcHhJY29uU2V2ZXJpdHlVbmtub3duXCJcbiAgICAgICAgICAgICAgW2NsYXNzLmJnLWFtYmVyLTcwMF09XCJzcHhJY29uU2V2ZXJpdHlXYXJuaW5nXCI+XG4gICAgICAgICAgICAgIDxmYS1pY29uIFtpY29uXT1cImljb25cIj48L2ZhLWljb24+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgfVxuICAgICAgICA8ZGl2IGNsYXNzPVwiZ3JvdyBmb250LWJvbGRcIj5cbiAgICAgICAgICBAaWYgKCFpY29uT25seSkge1xuICAgICAgICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PjxkaXYgW2lubmVySFRNTF09XCJzcHhWYWx1ZVwiPjwvZGl2PlxuICAgICAgICAgIH1cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgICBgLFxufSlcbmV4cG9ydCBjbGFzcyBTcHhDYXJkSXRlbUNvbXBvbmVudCB7XG4gIEBIb3N0QmluZGluZygnY2xhc3MuaC1mdWxsJykgaEZ1bGwgPSB0cnVlO1xuICBASW5wdXQoKSBpY29uPzogSWNvblByb3A7XG4gIEBJbnB1dCgpIGljb25Pbmx5ID0gZmFsc2U7XG4gIEBJbnB1dCgpIHNweExhYmVsITogc3RyaW5nO1xuICBASW5wdXQoKSBzcHhWYWx1ZSE6IHN0cmluZztcbiAgQElucHV0KCkgc3B4U2V2ZXJpdHk/OiBTcHhTZXZlcml0eUVudW07XG4gIEBJbnB1dCgpIHNweEljb25TZXZlcml0eT86IFNweFNldmVyaXR5RW51bTtcbiAgZ2V0IHNweFNldmVyaXR5RXJyb3IoKSB7IHJldHVybiB0aGlzLnNweFNldmVyaXR5ID09PSBTcHhTZXZlcml0eUVudW0uZXJyb3I7IH1cbiAgZ2V0IHNweFNldmVyaXR5SW5mbygpIHsgcmV0dXJuIHRoaXMuc3B4U2V2ZXJpdHkgPT09IFNweFNldmVyaXR5RW51bS5pbmZvOyB9XG4gIGdldCBzcHhTZXZlcml0eVN1Y2Nlc3MoKSB7IHJldHVybiB0aGlzLnNweFNldmVyaXR5ID09PSBTcHhTZXZlcml0eUVudW0uc3VjY2VzczsgfVxuICBnZXQgc3B4U2V2ZXJpdHlVbmtub3duKCkgeyByZXR1cm4gdGhpcy5zcHhTZXZlcml0eSA9PT0gU3B4U2V2ZXJpdHlFbnVtLnVua25vd247IH1cbiAgZ2V0IHNweFNldmVyaXR5V2FybmluZygpIHsgcmV0dXJuIHRoaXMuc3B4U2V2ZXJpdHkgPT09IFNweFNldmVyaXR5RW51bS53YXJuaW5nOyB9XG4gIGdldCBzcHhJY29uU2V2ZXJpdHlFcnJvcigpIHsgcmV0dXJuIHRoaXMuc3B4SWNvblNldmVyaXR5ID09PSBTcHhTZXZlcml0eUVudW0uZXJyb3I7IH1cbiAgZ2V0IHNweEljb25TZXZlcml0eUluZm8oKSB7IHJldHVybiB0aGlzLnNweEljb25TZXZlcml0eSA9PT0gU3B4U2V2ZXJpdHlFbnVtLmluZm87IH1cbiAgZ2V0IHNweEljb25TZXZlcml0eVN1Y2Nlc3MoKSB7IHJldHVybiB0aGlzLnNweEljb25TZXZlcml0eSA9PT0gU3B4U2V2ZXJpdHlFbnVtLnN1Y2Nlc3M7IH1cbiAgZ2V0IHNweEljb25TZXZlcml0eVVua25vd24oKSB7IHJldHVybiB0aGlzLnNweEljb25TZXZlcml0eSA9PT0gU3B4U2V2ZXJpdHlFbnVtLnVua25vd247IH1cbiAgZ2V0IHNweEljb25TZXZlcml0eVdhcm5pbmcoKSB7IHJldHVybiB0aGlzLnNweEljb25TZXZlcml0eSA9PT0gU3B4U2V2ZXJpdHlFbnVtLndhcm5pbmc7IH1cbn1cbiJdfQ==

package/esm2022/spx-card/spx-card-line.component.mjs

@@ -0,0 +1,124 @@
+import { NgClass } from '@angular/common';
+import { Component, Input } from '@angular/core';
+import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
+import * as i0 from "@angular/core";
+import * as i1 from "@fortawesome/angular-fontawesome";
+export class SpxCardLineComponent {
+    get numericValue() {
+        return this.value;
+    }
+    constructor() {
+        this.showPositiveOrNegative = false;
+        this.newOrderScreen = false;
+    }
+    displayValue(val) {
+        return val || val === 0 ? val : '—';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SpxCardLineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: SpxCardLineComponent, isStandalone: true, selector: "spx-card-line", inputs: { icon: "icon", showPositiveOrNegative: "showPositiveOrNegative", text: "text", value: "value", secondValue: "secondValue", showProgress: "showProgress", unit: "unit", newOrderScreen: "newOrderScreen" }, ngImport: i0, template: `
+<div class="items-center" [class.flex]="!newOrderScreen">
+  <div class="block w-24 text-gray-600 dark:text-gray-200 text-xs mb-1" [class.pt-1]="!newOrderScreen" [innerHTML]="text"></div>
+  <div class="flex">
+    @if (icon) {
+      <fa-icon [icon]="icon" class="text-lg mr-3 w-6 text-center"></fa-icon>
+    }
+    @if (showPositiveOrNegative && numericValue < 0) {
+      <div class="rounded-full w-4 h-4 mr-2 bg-sky-600">&nbsp;</div>
+    }
+    @if (!showProgress) {
+      <span class="block font-medium grow whitespace-pre-line leading-5">
+        <span [innerHTML]="displayValue(value)"></span>
+        <ng-content></ng-content>
+        @if (unit) {
+          <span> {{ unit }}</span>
+        }
+        @if (!unit && secondValue !== null && secondValue !== undefined) {
+          / {{ displayValue(secondValue) }}
+        }
+      </span>
+    }
+  </div>
+  @if (showProgress) {
+    <div class="block font-medium grow whitespace-pre-line text-gray-600 dark:text-gray-200">
+      <div class="flex">
+        <div class="flex grow gap-2">
+          <div class="bg-gray-200 my-0.5 h-5 w-full rounded">
+            <div class="bg-teal-600 h-5 rounded" [style.width]="((+value) / (secondValue ? +secondValue : 0)) * 100 + '%'"></div>
+          </div>
+        </div>
+        <div class="flex text-left pl-3 gap-2">
+          <div class="block w-16 text-right">{{ value }} / {{ secondValue }}</div>
+        </div>
+      </div>
+    </div>
+  }
+</div>
+`, isInline: true, dependencies: [{ kind: "ngmodule", type: FontAwesomeModule }, { kind: "component", type: i1.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SpxCardLineComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'spx-card-line',
+                    standalone: true,
+                    imports: [
+                        FontAwesomeModule,
+                        NgClass
+                    ],
+                    template: `
+<div class="items-center" [class.flex]="!newOrderScreen">
+  <div class="block w-24 text-gray-600 dark:text-gray-200 text-xs mb-1" [class.pt-1]="!newOrderScreen" [innerHTML]="text"></div>
+  <div class="flex">
+    @if (icon) {
+      <fa-icon [icon]="icon" class="text-lg mr-3 w-6 text-center"></fa-icon>
+    }
+    @if (showPositiveOrNegative && numericValue < 0) {
+      <div class="rounded-full w-4 h-4 mr-2 bg-sky-600">&nbsp;</div>
+    }
+    @if (!showProgress) {
+      <span class="block font-medium grow whitespace-pre-line leading-5">
+        <span [innerHTML]="displayValue(value)"></span>
+        <ng-content></ng-content>
+        @if (unit) {
+          <span> {{ unit }}</span>
+        }
+        @if (!unit && secondValue !== null && secondValue !== undefined) {
+          / {{ displayValue(secondValue) }}
+        }
+      </span>
+    }
+  </div>
+  @if (showProgress) {
+    <div class="block font-medium grow whitespace-pre-line text-gray-600 dark:text-gray-200">
+      <div class="flex">
+        <div class="flex grow gap-2">
+          <div class="bg-gray-200 my-0.5 h-5 w-full rounded">
+            <div class="bg-teal-600 h-5 rounded" [style.width]="((+value) / (secondValue ? +secondValue : 0)) * 100 + '%'"></div>
+          </div>
+        </div>
+        <div class="flex text-left pl-3 gap-2">
+          <div class="block w-16 text-right">{{ value }} / {{ secondValue }}</div>
+        </div>
+      </div>
+    </div>
+  }
+</div>
+`,
+                }]
+        }], ctorParameters: () => [], propDecorators: { icon: [{
+                type: Input
+            }], showPositiveOrNegative: [{
+                type: Input
+            }], text: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], secondValue: [{
+                type: Input
+            }], showProgress: [{
+                type: Input
+            }], unit: [{
+                type: Input
+            }], newOrderScreen: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3B4LWNhcmQtbGluZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zb2Z0cGFrL2NvbXBvbmVudHMvc3B4LWNhcmQvc3B4LWNhcmQtbGluZS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQzFDLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2pELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGtDQUFrQyxDQUFDOzs7QUFrRHJFLE1BQU0sT0FBTyxvQkFBb0I7SUFVL0IsSUFBSSxZQUFZO1FBQ2QsT0FBTyxJQUFJLENBQUMsS0FBZSxDQUFDO0lBQzlCLENBQUM7SUFFRDtRQVpTLDJCQUFzQixHQUFHLEtBQUssQ0FBQztRQU0vQixtQkFBYyxHQUFHLEtBQUssQ0FBQztJQU1oQixDQUFDO0lBRVYsWUFBWSxDQUFDLEdBQThCO1FBQ2hELE9BQU8sR0FBRyxJQUFJLEdBQUcsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDO0lBQ3RDLENBQUM7K0dBbEJVLG9CQUFvQjttR0FBcEIsb0JBQW9CLDZSQXhDckI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0NBc0NYLDJEQXpDRyxpQkFBaUI7OzRGQTJDUixvQkFBb0I7a0JBL0NoQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxlQUFlO29CQUN6QixVQUFVLEVBQUUsSUFBSTtvQkFDaEIsT0FBTyxFQUFFO3dCQUNQLGlCQUFpQjt3QkFDakIsT0FBTztxQkFDVjtvQkFDQyxRQUFRLEVBQUU7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0NBc0NYO2lCQUNBO3dEQUVVLElBQUk7c0JBQVosS0FBSztnQkFDRyxzQkFBc0I7c0JBQTlCLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLGNBQWM7c0JBQXRCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ0NsYXNzIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZvbnRBd2Vzb21lTW9kdWxlIH0gZnJvbSAnQGZvcnRhd2Vzb21lL2FuZ3VsYXItZm9udGF3ZXNvbWUnO1xuaW1wb3J0IHsgSWNvblByb3AgfSBmcm9tICdAZm9ydGF3ZXNvbWUvYW5ndWxhci1mb250YXdlc29tZS90eXBlcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NweC1jYXJkLWxpbmUnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgRm9udEF3ZXNvbWVNb2R1bGUsXG4gICAgTmdDbGFzc1xuXSxcbiAgdGVtcGxhdGU6IGBcbjxkaXYgY2xhc3M9XCJpdGVtcy1jZW50ZXJcIiBbY2xhc3MuZmxleF09XCIhbmV3T3JkZXJTY3JlZW5cIj5cbiAgPGRpdiBjbGFzcz1cImJsb2NrIHctMjQgdGV4dC1ncmF5LTYwMCBkYXJrOnRleHQtZ3JheS0yMDAgdGV4dC14cyBtYi0xXCIgW2NsYXNzLnB0LTFdPVwiIW5ld09yZGVyU2NyZWVuXCIgW2lubmVySFRNTF09XCJ0ZXh0XCI+PC9kaXY+XG4gIDxkaXYgY2xhc3M9XCJmbGV4XCI+XG4gICAgQGlmIChpY29uKSB7XG4gICAgICA8ZmEtaWNvbiBbaWNvbl09XCJpY29uXCIgY2xhc3M9XCJ0ZXh0LWxnIG1yLTMgdy02IHRleHQtY2VudGVyXCI+PC9mYS1pY29uPlxuICAgIH1cbiAgICBAaWYgKHNob3dQb3NpdGl2ZU9yTmVnYXRpdmUgJiYgbnVtZXJpY1ZhbHVlIDwgMCkge1xuICAgICAgPGRpdiBjbGFzcz1cInJvdW5kZWQtZnVsbCB3LTQgaC00IG1yLTIgYmctc2t5LTYwMFwiPiZuYnNwOzwvZGl2PlxuICAgIH1cbiAgICBAaWYgKCFzaG93UHJvZ3Jlc3MpIHtcbiAgICAgIDxzcGFuIGNsYXNzPVwiYmxvY2sgZm9udC1tZWRpdW0gZ3JvdyB3aGl0ZXNwYWNlLXByZS1saW5lIGxlYWRpbmctNVwiPlxuICAgICAgICA8c3BhbiBbaW5uZXJIVE1MXT1cImRpc3BsYXlWYWx1ZSh2YWx1ZSlcIj48L3NwYW4+XG4gICAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICAgICAgQGlmICh1bml0KSB7XG4gICAgICAgICAgPHNwYW4+IHt7IHVuaXQgfX08L3NwYW4+XG4gICAgICAgIH1cbiAgICAgICAgQGlmICghdW5pdCAmJiBzZWNvbmRWYWx1ZSAhPT0gbnVsbCAmJiBzZWNvbmRWYWx1ZSAhPT0gdW5kZWZpbmVkKSB7XG4gICAgICAgICAgLyB7eyBkaXNwbGF5VmFsdWUoc2Vjb25kVmFsdWUpIH19XG4gICAgICAgIH1cbiAgICAgIDwvc3Bhbj5cbiAgICB9XG4gIDwvZGl2PlxuICBAaWYgKHNob3dQcm9ncmVzcykge1xuICAgIDxkaXYgY2xhc3M9XCJibG9jayBmb250LW1lZGl1bSBncm93IHdoaXRlc3BhY2UtcHJlLWxpbmUgdGV4dC1ncmF5LTYwMCBkYXJrOnRleHQtZ3JheS0yMDBcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJmbGV4XCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJmbGV4IGdyb3cgZ2FwLTJcIj5cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiYmctZ3JheS0yMDAgbXktMC41IGgtNSB3LWZ1bGwgcm91bmRlZFwiPlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImJnLXRlYWwtNjAwIGgtNSByb3VuZGVkXCIgW3N0eWxlLndpZHRoXT1cIigoK3ZhbHVlKSAvIChzZWNvbmRWYWx1ZSA/ICtzZWNvbmRWYWx1ZSA6IDApKSAqIDEwMCArICclJ1wiPjwvZGl2PlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImZsZXggdGV4dC1sZWZ0IHBsLTMgZ2FwLTJcIj5cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiYmxvY2sgdy0xNiB0ZXh0LXJpZ2h0XCI+e3sgdmFsdWUgfX0gLyB7eyBzZWNvbmRWYWx1ZSB9fTwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICB9XG48L2Rpdj5cbmAsXG59KVxuZXhwb3J0IGNsYXNzIFNweENhcmRMaW5lQ29tcG9uZW50IHtcbiAgQElucHV0KCkgaWNvbj86IEljb25Qcm9wO1xuICBASW5wdXQoKSBzaG93UG9zaXRpdmVPck5lZ2F0aXZlID0gZmFsc2U7XG4gIEBJbnB1dCgpIHRleHQ6IHN0cmluZyB8IHVua25vd247XG4gIEBJbnB1dCgpIHZhbHVlITogc3RyaW5nIHwgbnVtYmVyO1xuICBASW5wdXQoKSBzZWNvbmRWYWx1ZT86IHN0cmluZyB8IG51bWJlcjtcbiAgQElucHV0KCkgc2hvd1Byb2dyZXNzPzogYm9vbGVhbjtcbiAgQElucHV0KCkgdW5pdD86IHN0cmluZztcbiAgQElucHV0KCkgbmV3T3JkZXJTY3JlZW4gPSBmYWxzZTtcblxuICBnZXQgbnVtZXJpY1ZhbHVlKCkge1xuICAgIHJldHVybiB0aGlzLnZhbHVlIGFzIG51bWJlcjtcbiAgfVxuXG4gIGNvbnN0cnVjdG9yKCkgeyB9XG5cbiAgcHVibGljIGRpc3BsYXlWYWx1ZSh2YWw6IHN0cmluZyB8IG51bWJlciB8IHVua25vd24pOiBzdHJpbmcgfCBudW1iZXIgfCB1bmtub3duIHtcbiAgICByZXR1cm4gdmFsIHx8IHZhbCA9PT0gMCA/IHZhbCA6ICfigJQnO1xuICB9XG59XG4iXX0=

package/esm2022/spx-card/spx-card.component.mjs

@@ -0,0 +1,96 @@
+import { NgClass } from '@angular/common';
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import * as i0 from "@angular/core";
+export class SpxCardComponent {
+    constructor() {
+        this.clickable = true;
+        this.hasContent = true;
+        this.onDetailPage = false;
+        this.tableView = false;
+        this.clicked = new EventEmitter();
+    }
+    displayValue(val) {
+        return val || (val === 0) ? val : '—';
+    }
+    onClick() {
+        this.clicked.emit();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SpxCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: SpxCardComponent, isStandalone: true, selector: "spx-card", inputs: { clickable: "clickable", hasContent: "hasContent", onDetailPage: "onDetailPage", text: "text", unit: "unit", tableView: "tableView" }, outputs: { clicked: "clicked" }, ngImport: i0, template: `
+  <button type="button"
+    class="block w-full text-left rounded font-body items-stretch"
+    [class.flex]="tableView"
+    [class.cursor-pointer]="clickable"
+    [class.cursor-not-allowed]="!clickable"
+    [class.focus:ring-2]="clickable"
+    [class.focus:ring-offset-2]="clickable"
+    [class.focus:ring-blue-500]="clickable"
+    (click)="onClick()"
+    [tabIndex]="clickable ? 0 : -1">
+    <div class="text-gray-900 opacity-90" [class.w-96]="tableView">
+      <ng-content select="[card-header]"></ng-content>
+    </div>
+    <ng-content select="[card-content-top]"></ng-content>
+    @if (hasContent) {
+      <div class="bg-white dark:bg-gray-600 p-3">
+        <ng-content select="[card-content]"></ng-content>
+      </div>
+    }
+    <ng-content select="[card-content-bottom]"></ng-content>
+    <div class="bg-gray-50 dark:bg-gray-700 p-3 grow" [class.rounded-b-lg]="!onDetailPage && !tableView" [class.rounded-r-lg]="!onDetailPage && tableView">
+      <ng-content select="[card-lines]"></ng-content>
+    </div>
+  </button>
+  `, isInline: true }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SpxCardComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'spx-card',
+                    standalone: true,
+                    imports: [
+                        NgClass
+                    ],
+                    template: `
+  <button type="button"
+    class="block w-full text-left rounded font-body items-stretch"
+    [class.flex]="tableView"
+    [class.cursor-pointer]="clickable"
+    [class.cursor-not-allowed]="!clickable"
+    [class.focus:ring-2]="clickable"
+    [class.focus:ring-offset-2]="clickable"
+    [class.focus:ring-blue-500]="clickable"
+    (click)="onClick()"
+    [tabIndex]="clickable ? 0 : -1">
+    <div class="text-gray-900 opacity-90" [class.w-96]="tableView">
+      <ng-content select="[card-header]"></ng-content>
+    </div>
+    <ng-content select="[card-content-top]"></ng-content>
+    @if (hasContent) {
+      <div class="bg-white dark:bg-gray-600 p-3">
+        <ng-content select="[card-content]"></ng-content>
+      </div>
+    }
+    <ng-content select="[card-content-bottom]"></ng-content>
+    <div class="bg-gray-50 dark:bg-gray-700 p-3 grow" [class.rounded-b-lg]="!onDetailPage && !tableView" [class.rounded-r-lg]="!onDetailPage && tableView">
+      <ng-content select="[card-lines]"></ng-content>
+    </div>
+  </button>
+  `,
+                }]
+        }], ctorParameters: () => [], propDecorators: { clickable: [{
+                type: Input
+            }], hasContent: [{
+                type: Input
+            }], onDetailPage: [{
+                type: Input
+            }], text: [{
+                type: Input
+            }], unit: [{
+                type: Input
+            }], tableView: [{
+                type: Input
+            }], clicked: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3B4LWNhcmQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc29mdHBhay9jb21wb25lbnRzL3NweC1jYXJkL3NweC1jYXJkLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDMUMsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFtQ3ZFLE1BQU0sT0FBTyxnQkFBZ0I7SUFTM0I7UUFSUyxjQUFTLEdBQUcsSUFBSSxDQUFDO1FBQ2pCLGVBQVUsR0FBRyxJQUFJLENBQUM7UUFDbEIsaUJBQVksR0FBRyxLQUFLLENBQUM7UUFHckIsY0FBUyxHQUFHLEtBQUssQ0FBQztRQUNqQixZQUFPLEdBQXVCLElBQUksWUFBWSxFQUFRLENBQUM7SUFFakQsQ0FBQztJQUVqQixZQUFZLENBQUMsR0FBb0I7UUFDL0IsT0FBTyxHQUFHLElBQUksQ0FBQyxHQUFHLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDO0lBQ3hDLENBQUM7SUFFRCxPQUFPO1FBQ0wsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN0QixDQUFDOytHQWpCVSxnQkFBZ0I7bUdBQWhCLGdCQUFnQixxUEEzQmpCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBeUJUOzs0RkFFVSxnQkFBZ0I7a0JBakM1QixTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxVQUFVO29CQUNwQixVQUFVLEVBQUUsSUFBSTtvQkFDaEIsT0FBTyxFQUFFO3dCQUNQLE9BQU87cUJBQ1Y7b0JBQ0MsUUFBUSxFQUFFOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBeUJUO2lCQUNGO3dEQUVVLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDSSxPQUFPO3NCQUFoQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdDbGFzcyB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzcHgtY2FyZCcsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtcbiAgICBOZ0NsYXNzXG5dLFxuICB0ZW1wbGF0ZTogYFxuICA8YnV0dG9uIHR5cGU9XCJidXR0b25cIlxuICAgIGNsYXNzPVwiYmxvY2sgdy1mdWxsIHRleHQtbGVmdCByb3VuZGVkIGZvbnQtYm9keSBpdGVtcy1zdHJldGNoXCJcbiAgICBbY2xhc3MuZmxleF09XCJ0YWJsZVZpZXdcIlxuICAgIFtjbGFzcy5jdXJzb3ItcG9pbnRlcl09XCJjbGlja2FibGVcIlxuICAgIFtjbGFzcy5jdXJzb3Itbm90LWFsbG93ZWRdPVwiIWNsaWNrYWJsZVwiXG4gICAgW2NsYXNzLmZvY3VzOnJpbmctMl09XCJjbGlja2FibGVcIlxuICAgIFtjbGFzcy5mb2N1czpyaW5nLW9mZnNldC0yXT1cImNsaWNrYWJsZVwiXG4gICAgW2NsYXNzLmZvY3VzOnJpbmctYmx1ZS01MDBdPVwiY2xpY2thYmxlXCJcbiAgICAoY2xpY2spPVwib25DbGljaygpXCJcbiAgICBbdGFiSW5kZXhdPVwiY2xpY2thYmxlID8gMCA6IC0xXCI+XG4gICAgPGRpdiBjbGFzcz1cInRleHQtZ3JheS05MDAgb3BhY2l0eS05MFwiIFtjbGFzcy53LTk2XT1cInRhYmxlVmlld1wiPlxuICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2NhcmQtaGVhZGVyXVwiPjwvbmctY29udGVudD5cbiAgICA8L2Rpdj5cbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbY2FyZC1jb250ZW50LXRvcF1cIj48L25nLWNvbnRlbnQ+XG4gICAgQGlmIChoYXNDb250ZW50KSB7XG4gICAgICA8ZGl2IGNsYXNzPVwiYmctd2hpdGUgZGFyazpiZy1ncmF5LTYwMCBwLTNcIj5cbiAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2NhcmQtY29udGVudF1cIj48L25nLWNvbnRlbnQ+XG4gICAgICA8L2Rpdj5cbiAgICB9XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2NhcmQtY29udGVudC1ib3R0b21dXCI+PC9uZy1jb250ZW50PlxuICAgIDxkaXYgY2xhc3M9XCJiZy1ncmF5LTUwIGRhcms6YmctZ3JheS03MDAgcC0zIGdyb3dcIiBbY2xhc3Mucm91bmRlZC1iLWxnXT1cIiFvbkRldGFpbFBhZ2UgJiYgIXRhYmxlVmlld1wiIFtjbGFzcy5yb3VuZGVkLXItbGddPVwiIW9uRGV0YWlsUGFnZSAmJiB0YWJsZVZpZXdcIj5cbiAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltjYXJkLWxpbmVzXVwiPjwvbmctY29udGVudD5cbiAgICA8L2Rpdj5cbiAgPC9idXR0b24+XG4gIGAsXG59KVxuZXhwb3J0IGNsYXNzIFNweENhcmRDb21wb25lbnQge1xuICBASW5wdXQoKSBjbGlja2FibGUgPSB0cnVlO1xuICBASW5wdXQoKSBoYXNDb250ZW50ID0gdHJ1ZTtcbiAgQElucHV0KCkgb25EZXRhaWxQYWdlID0gZmFsc2U7XG4gIEBJbnB1dCgpIHRleHQhOiBzdHJpbmc7XG4gIEBJbnB1dCgpIHVuaXQ/OiBzdHJpbmc7XG4gIEBJbnB1dCgpIHRhYmxlVmlldyA9IGZhbHNlO1xuICBAT3V0cHV0KCkgY2xpY2tlZDogRXZlbnRFbWl0dGVyPHZvaWQ+ID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuXG4gIGNvbnN0cnVjdG9yKCkgeyB9XG5cbiAgZGlzcGxheVZhbHVlKHZhbDogc3RyaW5nIHwgbnVtYmVyKTogc3RyaW5nIHwgbnVtYmVyIHtcbiAgICByZXR1cm4gdmFsIHx8ICh2YWwgPT09IDApID8gdmFsIDogJ+KAlCc7XG4gIH1cblxuICBvbkNsaWNrKCk6IHZvaWQge1xuICAgIHRoaXMuY2xpY2tlZC5lbWl0KCk7XG4gIH1cbn1cbiJdfQ==

package/esm2022/spx-change-details/public-api.mjs

@@ -0,0 +1,2 @@
+export * from './spx-change-details.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NvZnRwYWsvY29tcG9uZW50cy9zcHgtY2hhbmdlLWRldGFpbHMvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLGdDQUFnQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9zcHgtY2hhbmdlLWRldGFpbHMuY29tcG9uZW50JztcbiJdfQ==

package/esm2022/spx-change-details/softpak-components-spx-change-details.mjs

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './public-api';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic29mdHBhay1jb21wb25lbnRzLXNweC1jaGFuZ2UtZGV0YWlscy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NvZnRwYWsvY29tcG9uZW50cy9zcHgtY2hhbmdlLWRldGFpbHMvc29mdHBhay1jb21wb25lbnRzLXNweC1jaGFuZ2UtZGV0YWlscy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsY0FBYyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL3B1YmxpYy1hcGknO1xuIl19

package/esm2022/spx-change-details/spx-change-details-value.interface.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3B4LWNoYW5nZS1kZXRhaWxzLXZhbHVlLmludGVyZmFjZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NvZnRwYWsvY29tcG9uZW50cy9zcHgtY2hhbmdlLWRldGFpbHMvc3B4LWNoYW5nZS1kZXRhaWxzLXZhbHVlLmludGVyZmFjZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgU3B4VmFsdWVQYWlyIH0gZnJvbSBcIkBzb2Z0cGFrL2NvbXBvbmVudHMvc3B4LWlucHV0c1wiO1xuXG5leHBvcnQgaW50ZXJmYWNlIFNweENoYW5nZURldGFpbHNWYWx1ZUkge1xuICAgIGNhdGVnb3J5PzogU3B4VmFsdWVQYWlyPHN0cmluZz47XG4gICAgY29udGFpbmVyVHlwZTogU3B4VmFsdWVQYWlyPHN0cmluZz47XG4gICAgbGljZW5zZVBsYXRlOiBTcHhWYWx1ZVBhaXI8c3RyaW5nPjtcbiAgICB0b25zVGVzdGVkOiBTcHhWYWx1ZVBhaXI8c3RyaW5nPjtcbn1cbiJdfQ==