@c80/ui 1.0.26 → 1.0.27

package/esm2022/index.mjs

@@ -1,5 +1,6 @@
 export * from './lib/table/table.component';
 export * from './lib/icon/icon.component';
 export * from './lib/stat-card/stat-card.component';
+export * from './lib/card-level/index';
 export * from './lib/modal/index';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9saWJzL3VpL3NyYy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLDZCQUE2QixDQUFDO0FBQzVDLGNBQWMsMkJBQTJCLENBQUM7QUFDMUMsY0FBYyxxQ0FBcUMsQ0FBQztBQUVwRCxjQUFjLG1CQUFtQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9saWIvdGFibGUvdGFibGUuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2ljb24vaWNvbi5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvc3RhdC1jYXJkL3N0YXQtY2FyZC5jb21wb25lbnQnO1xuXG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RhbC9pbmRleCc7XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9saWJzL3VpL3NyYy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLDZCQUE2QixDQUFDO0FBRTVDLGNBQWMsMkJBQTJCLENBQUM7QUFFMUMsY0FBYyxxQ0FBcUMsQ0FBQztBQUNwRCxjQUFjLHdCQUF3QixDQUFDO0FBRXZDLGNBQWMsbUJBQW1CLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2xpYi90YWJsZS90YWJsZS5jb21wb25lbnQnO1xuXG5leHBvcnQgKiBmcm9tICcuL2xpYi9pY29uL2ljb24uY29tcG9uZW50JztcblxuZXhwb3J0ICogZnJvbSAnLi9saWIvc3RhdC1jYXJkL3N0YXQtY2FyZC5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY2FyZC1sZXZlbC9pbmRleCc7XG5cbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGFsL2luZGV4JztcbiJdfQ==

package/esm2022/lib/card-level/card-level.component.mjs

@@ -0,0 +1,22 @@
+import { Component, input } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import * as i0 from "@angular/core";
+export class CardLevelComponent {
+    cardLevelData = input.required();
+    _generatedId;
+    get generatedId() {
+        if (!this._generatedId) {
+            const label = this.cardLevelData().label.toLowerCase().replace(/\s+/g, '-');
+            const randomNum = Math.floor(Math.random() * 10000);
+            this._generatedId = `${label}-${randomNum}`;
+        }
+        return this._generatedId;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CardLevelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: CardLevelComponent, isStandalone: true, selector: "ab-card-level", inputs: { cardLevelData: { classPropertyName: "cardLevelData", publicName: "cardLevelData", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<div class=\"card-level-container\">\r\n\r\n  <label [for]=\"generatedId\">\r\n\r\n    <strong>{{ cardLevelData().label }}</strong>\r\n\r\n    <span class=\"value-display\">\r\n\r\n      <meter [id]=\"generatedId\" [optimum]=\"cardLevelData().optimum\" [min]=\"cardLevelData().min\" [max]=\"cardLevelData().max\" [low]=\"cardLevelData().low\" [high]=\"cardLevelData().high\" [value]=\"cardLevelData().value\"> </meter>\r\n\r\n      {{ cardLevelData().value }}{{ cardLevelData().unit }}\r\n\r\n    </span>\r\n\r\n  </label>\r\n\r\n</div>\r\n", styles: [".card-level-container{background:#fff;border-radius:5px;padding:8px;margin:4px;box-shadow:0 4px 6px #0000001a,0 1px 3px #00000014;min-width:200px;max-width:280px;flex:1;transition:all .8s ease}.card-level-container label{display:flex;flex-direction:column;margin:0}.card-level-container label strong{font-size:12px;font-weight:600;color:#2d3748;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.card-level-container label .value-display{font-size:12px;font-weight:600;color:#1a202c;text-align:center;padding:0 5px;background:#4299e11a;border-radius:5px}.card-level-container label meter{width:100%;border-radius:5px;border:none;background:#e2e8f0}.card-level-container label meter::-webkit-meter-bar{background:#e2e8f0;border-radius:12px;box-shadow:inset 0 2px 4px #0000001a}.card-level-container label meter::-webkit-meter-optimum-value{background:linear-gradient(90deg,#48bb78,#38a169);border-radius:12px;transition:all .3s ease}.card-level-container label meter::-webkit-meter-suboptimum-value{background:linear-gradient(90deg,#ed8936,#dd6b20);border-radius:12px;transition:all .3s ease}.card-level-container label meter::-webkit-meter-even-less-good-value{background:linear-gradient(90deg,#f56565,#e53e3e);border-radius:12px;transition:all .3s ease}.card-level-container label meter::-moz-meter-bar{background:linear-gradient(90deg,#48bb78,#38a169);border-radius:12px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CardLevelComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ab-card-level', standalone: true, imports: [CommonModule], template: "<div class=\"card-level-container\">\r\n\r\n  <label [for]=\"generatedId\">\r\n\r\n    <strong>{{ cardLevelData().label }}</strong>\r\n\r\n    <span class=\"value-display\">\r\n\r\n      <meter [id]=\"generatedId\" [optimum]=\"cardLevelData().optimum\" [min]=\"cardLevelData().min\" [max]=\"cardLevelData().max\" [low]=\"cardLevelData().low\" [high]=\"cardLevelData().high\" [value]=\"cardLevelData().value\"> </meter>\r\n\r\n      {{ cardLevelData().value }}{{ cardLevelData().unit }}\r\n\r\n    </span>\r\n\r\n  </label>\r\n\r\n</div>\r\n", styles: [".card-level-container{background:#fff;border-radius:5px;padding:8px;margin:4px;box-shadow:0 4px 6px #0000001a,0 1px 3px #00000014;min-width:200px;max-width:280px;flex:1;transition:all .8s ease}.card-level-container label{display:flex;flex-direction:column;margin:0}.card-level-container label strong{font-size:12px;font-weight:600;color:#2d3748;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.card-level-container label .value-display{font-size:12px;font-weight:600;color:#1a202c;text-align:center;padding:0 5px;background:#4299e11a;border-radius:5px}.card-level-container label meter{width:100%;border-radius:5px;border:none;background:#e2e8f0}.card-level-container label meter::-webkit-meter-bar{background:#e2e8f0;border-radius:12px;box-shadow:inset 0 2px 4px #0000001a}.card-level-container label meter::-webkit-meter-optimum-value{background:linear-gradient(90deg,#48bb78,#38a169);border-radius:12px;transition:all .3s ease}.card-level-container label meter::-webkit-meter-suboptimum-value{background:linear-gradient(90deg,#ed8936,#dd6b20);border-radius:12px;transition:all .3s ease}.card-level-container label meter::-webkit-meter-even-less-good-value{background:linear-gradient(90deg,#f56565,#e53e3e);border-radius:12px;transition:all .3s ease}.card-level-container label meter::-moz-meter-bar{background:linear-gradient(90deg,#48bb78,#38a169);border-radius:12px}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC1sZXZlbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL3VpL3NyYy9saWIvY2FyZC1sZXZlbC9jYXJkLWxldmVsLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL2xpYnMvdWkvc3JjL2xpYi9jYXJkLWxldmVsL2NhcmQtbGV2ZWwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDakQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDOztBQVUvQyxNQUFNLE9BQU8sa0JBQWtCO0lBQzdCLGFBQWEsR0FBRyxLQUFLLENBQUMsUUFBUSxFQUFpQixDQUFDO0lBRXhDLFlBQVksQ0FBVTtJQUU5QixJQUFJLFdBQVc7UUFDYixJQUFJLENBQUMsSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO1lBQ3ZCLE1BQU0sS0FBSyxHQUFHLElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQyxLQUFLLENBQUMsV0FBVyxFQUFFLENBQUMsT0FBTyxDQUFDLE1BQU0sRUFBRSxHQUFHLENBQUMsQ0FBQztZQUM1RSxNQUFNLFNBQVMsR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxNQUFNLEVBQUUsR0FBRyxLQUFLLENBQUMsQ0FBQztZQUNwRCxJQUFJLENBQUMsWUFBWSxHQUFHLEdBQUcsS0FBSyxJQUFJLFNBQVMsRUFBRSxDQUFDO1FBQzlDLENBQUM7UUFDRCxPQUFPLElBQUksQ0FBQyxZQUFZLENBQUM7SUFDM0IsQ0FBQzt3R0FaVSxrQkFBa0I7NEZBQWxCLGtCQUFrQixvT0NYL0IsOGhCQWlCQSxxNkNEVlksWUFBWTs7NEZBSVgsa0JBQWtCO2tCQVA5QixTQUFTOytCQUNFLGVBQWUsY0FDYixJQUFJLFdBQ1AsQ0FBQyxZQUFZLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIGlucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IENhcmRMZXZlbERhdGEgfSBmcm9tICcuL2NhcmQtbGV2ZWwuaW50ZXJmYWNlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnYWItY2FyZC1sZXZlbCcsXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlXSxcclxuICB0ZW1wbGF0ZVVybDogJy4vY2FyZC1sZXZlbC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmw6ICcuL2NhcmQtbGV2ZWwuY29tcG9uZW50LnNjc3MnXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBDYXJkTGV2ZWxDb21wb25lbnQge1xyXG4gIGNhcmRMZXZlbERhdGEgPSBpbnB1dC5yZXF1aXJlZDxDYXJkTGV2ZWxEYXRhPigpO1xyXG5cclxuICBwcml2YXRlIF9nZW5lcmF0ZWRJZD86IHN0cmluZztcclxuXHJcbiAgZ2V0IGdlbmVyYXRlZElkKCk6IHN0cmluZyB7XHJcbiAgICBpZiAoIXRoaXMuX2dlbmVyYXRlZElkKSB7XHJcbiAgICAgIGNvbnN0IGxhYmVsID0gdGhpcy5jYXJkTGV2ZWxEYXRhKCkubGFiZWwudG9Mb3dlckNhc2UoKS5yZXBsYWNlKC9cXHMrL2csICctJyk7XHJcbiAgICAgIGNvbnN0IHJhbmRvbU51bSA9IE1hdGguZmxvb3IoTWF0aC5yYW5kb20oKSAqIDEwMDAwKTtcclxuICAgICAgdGhpcy5fZ2VuZXJhdGVkSWQgPSBgJHtsYWJlbH0tJHtyYW5kb21OdW19YDtcclxuICAgIH1cclxuICAgIHJldHVybiB0aGlzLl9nZW5lcmF0ZWRJZDtcclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cImNhcmQtbGV2ZWwtY29udGFpbmVyXCI+XHJcblxyXG4gIDxsYWJlbCBbZm9yXT1cImdlbmVyYXRlZElkXCI+XHJcblxyXG4gICAgPHN0cm9uZz57eyBjYXJkTGV2ZWxEYXRhKCkubGFiZWwgfX08L3N0cm9uZz5cclxuXHJcbiAgICA8c3BhbiBjbGFzcz1cInZhbHVlLWRpc3BsYXlcIj5cclxuXHJcbiAgICAgIDxtZXRlciBbaWRdPVwiZ2VuZXJhdGVkSWRcIiBbb3B0aW11bV09XCJjYXJkTGV2ZWxEYXRhKCkub3B0aW11bVwiIFttaW5dPVwiY2FyZExldmVsRGF0YSgpLm1pblwiIFttYXhdPVwiY2FyZExldmVsRGF0YSgpLm1heFwiIFtsb3ddPVwiY2FyZExldmVsRGF0YSgpLmxvd1wiIFtoaWdoXT1cImNhcmRMZXZlbERhdGEoKS5oaWdoXCIgW3ZhbHVlXT1cImNhcmRMZXZlbERhdGEoKS52YWx1ZVwiPiA8L21ldGVyPlxyXG5cclxuICAgICAge3sgY2FyZExldmVsRGF0YSgpLnZhbHVlIH19e3sgY2FyZExldmVsRGF0YSgpLnVuaXQgfX1cclxuXHJcbiAgICA8L3NwYW4+XHJcblxyXG4gIDwvbGFiZWw+XHJcblxyXG48L2Rpdj5cclxuIl19

package/esm2022/lib/card-level/card-level.interface.mjs

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

package/esm2022/lib/card-level/index.mjs

@@ -0,0 +1,3 @@
+export * from './card-level.component';
+export * from './card-level.interface';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL3VpL3NyYy9saWIvY2FyZC1sZXZlbC9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLHdCQUF3QixDQUFDO0FBQ3ZDLGNBQWMsd0JBQXdCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2NhcmQtbGV2ZWwuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9jYXJkLWxldmVsLmludGVyZmFjZSc7XHJcbiJdfQ==

package/index.d.ts

@@ -1,4 +1,5 @@
 export * from './lib/table/table.component';
 export * from './lib/icon/icon.component';
 export * from './lib/stat-card/stat-card.component';
+export * from './lib/card-level/index';
 export * from './lib/modal/index';

package/lib/card-level/card-level.component.d.ts

@@ -0,0 +1,9 @@
+import { CardLevelData } from './card-level.interface';
+import * as i0 from "@angular/core";
+export declare class CardLevelComponent {
+    cardLevelData: import("@angular/core").InputSignal<CardLevelData>;
+    private _generatedId?;
+    get generatedId(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CardLevelComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CardLevelComponent, "ab-card-level", never, { "cardLevelData": { "alias": "cardLevelData"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/lib/card-level/card-level.interface.d.ts

@@ -0,0 +1,10 @@
+export interface CardLevelData {
+    label: string;
+    value: number;
+    min: number;
+    max: number;
+    optimum: number;
+    low: number;
+    high: number;
+    unit: string;
+}

package/lib/card-level/index.d.ts

@@ -0,0 +1,2 @@
+export * from './card-level.component';
+export * from './card-level.interface';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@c80/ui",
-  "version": "1.0.26",
+  "version": "1.0.27",
   "peerDependencies": {
     "@angular/core": "^18.2.0",
     "rxjs": "~7.8.0",