@libs-ui/components-process-bar-standard 0.2.30-6.1

package/README.md

@@ -0,0 +1,3 @@
+# process-bar-standard
+
+This library was generated with [Nx](https://nx.dev).

package/esm2022/index.mjs

@@ -0,0 +1,2 @@
+export * from './process-bar-standard.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzLXVpL2NvbXBvbmVudHMvcHJvY2Vzcy1iYXIvc3RhbmRhcmQvc3JjL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsa0NBQWtDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL3Byb2Nlc3MtYmFyLXN0YW5kYXJkLmNvbXBvbmVudCc7XG4iXX0=

package/esm2022/libs-ui-components-process-bar-standard.mjs

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

package/esm2022/process-bar-standard.component.mjs

@@ -0,0 +1,18 @@
+import { ChangeDetectionStrategy, Component, computed, inject, input } from '@angular/core';
+import { PROCESS_BAR_STANDARD_CONFIG_DEFAULT_TOKEN_INJECT } from '@libs-ui/utils';
+import * as i0 from "@angular/core";
+export class LibsUiComponentsProcessBarStandardComponent {
+    width = computed(() => this.config().width ?? this.processBarConfigDefault?.width ?? '100%');
+    height = computed(() => this.config().height ?? this.processBarConfigDefault?.height ?? '12px');
+    backgroundColor = computed(() => this.config().backgroundColor ?? this.processBarConfigDefault?.backgroundColor ?? '#F8F9FA');
+    radius = computed(() => `${this.config().radius ?? this.processBarConfigDefault?.radius ?? 20}px`);
+    config = input.required();
+    processBarConfigDefault = inject(PROCESS_BAR_STANDARD_CONFIG_DEFAULT_TOKEN_INJECT, { optional: true });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LibsUiComponentsProcessBarStandardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: LibsUiComponentsProcessBarStandardComponent, isStandalone: true, selector: "libs_ui-components-process_bar-standard", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "@let constHtmlSteps = config().steps() || [];\n@let constHtmlMode = config().mode || 'stack';\n@let constHtmlTotalValue = config().totalValue;\n\n@if (constHtmlSteps.length > 0 && constHtmlTotalValue) {\n  @switch (constHtmlMode) {\n    @case ('stack') {\n      <div [class]=\"(config().classInclude || '') + ' libs-ui-process-bar-standard'\"\n        [style.width]=\"width()\"\n        [style.height]=\"height()\"\n        [style.backgroundColor]=\"backgroundColor()\"\n        [style.borderRadius]=\"radius()\">\n        @for (step of constHtmlSteps; track step()) {\n          @let constHtmlStepPercent = (step().value / constHtmlTotalValue) * 100;\n        <div class=\"flex h-full items-center\"\n          [style.backgroundColor]=\"step().color\"\n          [style.width]=\"constHtmlStepPercent + '%'\">\n          @if (step().label) {\n            <span [class]=\"(step().classLabel || '') + ' libs-ui-font-h5r ml-[12px]'\">{{ step().label }}</span>\n          }\n      </div>\n    }\n    </div>\n  }\n\n  @case ('separate') {\n    @for (step of constHtmlSteps; track step()) {\n      @let constHtmlStepPercent = (step().value / constHtmlTotalValue) * 100;\n              @let constHtmlShowPercent = step().showPercent ?? config().showPercent;\n              @let constHtmlPercentClass = step().percentClass ?? config().percentClass || '';\n             \n              <div [class]=\"(config().classInclude || '') + ' flex w-full shrink-0 items-center relative my-[8px]'\"\n                [style.width]=\"width()\"\n                [style.height]=\"height()\">\n                <div class=\"flex w-full h-full relative\">\n                  <div class=\"flex absolute w-full h-full\">\n                    <div class=\"libs-ui-process-bar-standard\"\n                      [style.backgroundColor]=\"backgroundColor()\"\n                      [style.borderRadius]=\"radius()\">\n                        <div class=\"flex h-full\"\n                          [style.backgroundColor]=\"step().color\"\n                          [style.width]=\"constHtmlStepPercent + '%'\"\n                          [style.borderRadius]=\"radius()\"\n                          [class]=\"step().classInclude\">\n                        </div>\n                        @if (step().label) {\n        <div class=\"absolute top-0 left-0 w-full h-full flex items-center\">\n          <span [class]=\"(step().classLabel || '') + ' libs-ui-font-h5r ml-[12px]'\">{{ step().label }}</span>\n        </div>\n      }\n\n      </div>\n      </div>\n      </div>\n      @if (constHtmlShowPercent) {\n        <div [class]=\"constHtmlPercentClass+ 'libs-ui-font-h5r ml-[8px]'\">\n          {{ constHtmlStepPercent + '%' }}\n        </div>\n      }\n      </div>\n    }\n\n  }\n}\n}\n", styles: [".libs-ui-process-bar-standard{display:flex;position:relative;flex-shrink:0;flex-grow:0;align-items:center;overflow:hidden;width:100%;height:100%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LibsUiComponentsProcessBarStandardComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'libs_ui-components-process_bar-standard', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "@let constHtmlSteps = config().steps() || [];\n@let constHtmlMode = config().mode || 'stack';\n@let constHtmlTotalValue = config().totalValue;\n\n@if (constHtmlSteps.length > 0 && constHtmlTotalValue) {\n  @switch (constHtmlMode) {\n    @case ('stack') {\n      <div [class]=\"(config().classInclude || '') + ' libs-ui-process-bar-standard'\"\n        [style.width]=\"width()\"\n        [style.height]=\"height()\"\n        [style.backgroundColor]=\"backgroundColor()\"\n        [style.borderRadius]=\"radius()\">\n        @for (step of constHtmlSteps; track step()) {\n          @let constHtmlStepPercent = (step().value / constHtmlTotalValue) * 100;\n        <div class=\"flex h-full items-center\"\n          [style.backgroundColor]=\"step().color\"\n          [style.width]=\"constHtmlStepPercent + '%'\">\n          @if (step().label) {\n            <span [class]=\"(step().classLabel || '') + ' libs-ui-font-h5r ml-[12px]'\">{{ step().label }}</span>\n          }\n      </div>\n    }\n    </div>\n  }\n\n  @case ('separate') {\n    @for (step of constHtmlSteps; track step()) {\n      @let constHtmlStepPercent = (step().value / constHtmlTotalValue) * 100;\n              @let constHtmlShowPercent = step().showPercent ?? config().showPercent;\n              @let constHtmlPercentClass = step().percentClass ?? config().percentClass || '';\n             \n              <div [class]=\"(config().classInclude || '') + ' flex w-full shrink-0 items-center relative my-[8px]'\"\n                [style.width]=\"width()\"\n                [style.height]=\"height()\">\n                <div class=\"flex w-full h-full relative\">\n                  <div class=\"flex absolute w-full h-full\">\n                    <div class=\"libs-ui-process-bar-standard\"\n                      [style.backgroundColor]=\"backgroundColor()\"\n                      [style.borderRadius]=\"radius()\">\n                        <div class=\"flex h-full\"\n                          [style.backgroundColor]=\"step().color\"\n                          [style.width]=\"constHtmlStepPercent + '%'\"\n                          [style.borderRadius]=\"radius()\"\n                          [class]=\"step().classInclude\">\n                        </div>\n                        @if (step().label) {\n        <div class=\"absolute top-0 left-0 w-full h-full flex items-center\">\n          <span [class]=\"(step().classLabel || '') + ' libs-ui-font-h5r ml-[12px]'\">{{ step().label }}</span>\n        </div>\n      }\n\n      </div>\n      </div>\n      </div>\n      @if (constHtmlShowPercent) {\n        <div [class]=\"constHtmlPercentClass+ 'libs-ui-font-h5r ml-[8px]'\">\n          {{ constHtmlStepPercent + '%' }}\n        </div>\n      }\n      </div>\n    }\n\n  }\n}\n}\n", styles: [".libs-ui-process-bar-standard{display:flex;position:relative;flex-shrink:0;flex-grow:0;align-items:center;overflow:hidden;width:100%;height:100%}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvY2Vzcy1iYXItc3RhbmRhcmQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy11aS9jb21wb25lbnRzL3Byb2Nlc3MtYmFyL3N0YW5kYXJkL3NyYy9wcm9jZXNzLWJhci1zdGFuZGFyZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzLXVpL2NvbXBvbmVudHMvcHJvY2Vzcy1iYXIvc3RhbmRhcmQvc3JjL3Byb2Nlc3MtYmFyLXN0YW5kYXJkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDNUYsT0FBTyxFQUFFLGdEQUFnRCxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7O0FBVWxGLE1BQU0sT0FBTywyQ0FBMkM7SUFDNUMsS0FBSyxHQUFHLFFBQVEsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsTUFBTSxFQUFFLENBQUMsS0FBSyxJQUFJLElBQUksQ0FBQyx1QkFBdUIsRUFBRSxLQUFLLElBQUksTUFBTSxDQUFDLENBQUM7SUFDN0YsTUFBTSxHQUFHLFFBQVEsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsTUFBTSxFQUFFLENBQUMsTUFBTSxJQUFJLElBQUksQ0FBQyx1QkFBdUIsRUFBRSxNQUFNLElBQUksTUFBTSxDQUFDLENBQUM7SUFDaEcsZUFBZSxHQUFHLFFBQVEsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsTUFBTSxFQUFFLENBQUMsZUFBZSxJQUFJLElBQUksQ0FBQyx1QkFBdUIsRUFBRSxlQUFlLElBQUksU0FBUyxDQUFDLENBQUM7SUFDOUgsTUFBTSxHQUFHLFFBQVEsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxHQUFHLElBQUksQ0FBQyxNQUFNLEVBQUUsQ0FBQyxNQUFNLElBQUksSUFBSSxDQUFDLHVCQUF1QixFQUFFLE1BQU0sSUFBSSxFQUFFLElBQUksQ0FBQyxDQUFDO0lBRXBHLE1BQU0sR0FBRyxLQUFLLENBQUMsUUFBUSxFQUFnQyxDQUFDO0lBRWhELHVCQUF1QixHQUFHLE1BQU0sQ0FBNEMsZ0RBQWdELEVBQUUsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFLENBQUMsQ0FBQzt3R0FSeEosMkNBQTJDOzRGQUEzQywyQ0FBMkMseU9DWHhELHNzRkFpRUE7OzRGRHREYSwyQ0FBMkM7a0JBUnZELFNBQVM7K0JBRUUseUNBQXlDLGNBQ3ZDLElBQUksbUJBR0MsdUJBQXVCLENBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIGNvbXB1dGVkLCBpbmplY3QsIGlucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBQUk9DRVNTX0JBUl9TVEFOREFSRF9DT05GSUdfREVGQVVMVF9UT0tFTl9JTkpFQ1QgfSBmcm9tICdAbGlicy11aS91dGlscyc7XG5pbXBvcnQgeyBJUHJvY2Vzc0JhclN0YW5kYXJkQ29uZmlnRGVmYXVsdEludGVyZmFjZSwgSVByb2Nlc3NCYXJTdGFuZGFyZEludGVyZmFjZSB9IGZyb20gJy4vcHJvY2Vzcy1iYXItc3RhbmRhcmQuaW50ZXJmYWNlJztcbkBDb21wb25lbnQoe1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L2NvbXBvbmVudC1zZWxlY3RvclxuICBzZWxlY3RvcjogJ2xpYnNfdWktY29tcG9uZW50cy1wcm9jZXNzX2Jhci1zdGFuZGFyZCcsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIHRlbXBsYXRlVXJsOiAnLi9wcm9jZXNzLWJhci1zdGFuZGFyZC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsOiAnLi9wcm9jZXNzLWJhci1zdGFuZGFyZC5jb21wb25lbnQuY3NzJyxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcbn0pXG5leHBvcnQgY2xhc3MgTGlic1VpQ29tcG9uZW50c1Byb2Nlc3NCYXJTdGFuZGFyZENvbXBvbmVudCB7XG4gIHByb3RlY3RlZCB3aWR0aCA9IGNvbXB1dGVkKCgpID0+IHRoaXMuY29uZmlnKCkud2lkdGggPz8gdGhpcy5wcm9jZXNzQmFyQ29uZmlnRGVmYXVsdD8ud2lkdGggPz8gJzEwMCUnKTtcbiAgcHJvdGVjdGVkIGhlaWdodCA9IGNvbXB1dGVkKCgpID0+IHRoaXMuY29uZmlnKCkuaGVpZ2h0ID8/IHRoaXMucHJvY2Vzc0JhckNvbmZpZ0RlZmF1bHQ/LmhlaWdodCA/PyAnMTJweCcpO1xuICBwcm90ZWN0ZWQgYmFja2dyb3VuZENvbG9yID0gY29tcHV0ZWQoKCkgPT4gdGhpcy5jb25maWcoKS5iYWNrZ3JvdW5kQ29sb3IgPz8gdGhpcy5wcm9jZXNzQmFyQ29uZmlnRGVmYXVsdD8uYmFja2dyb3VuZENvbG9yID8/ICcjRjhGOUZBJyk7XG4gIHByb3RlY3RlZCByYWRpdXMgPSBjb21wdXRlZCgoKSA9PiBgJHt0aGlzLmNvbmZpZygpLnJhZGl1cyA/PyB0aGlzLnByb2Nlc3NCYXJDb25maWdEZWZhdWx0Py5yYWRpdXMgPz8gMjB9cHhgKTtcblxuICByZWFkb25seSBjb25maWcgPSBpbnB1dC5yZXF1aXJlZDxJUHJvY2Vzc0JhclN0YW5kYXJkSW50ZXJmYWNlPigpO1xuXG4gIHByaXZhdGUgcmVhZG9ubHkgcHJvY2Vzc0JhckNvbmZpZ0RlZmF1bHQgPSBpbmplY3Q8SVByb2Nlc3NCYXJTdGFuZGFyZENvbmZpZ0RlZmF1bHRJbnRlcmZhY2U+KFBST0NFU1NfQkFSX1NUQU5EQVJEX0NPTkZJR19ERUZBVUxUX1RPS0VOX0lOSkVDVCwgeyBvcHRpb25hbDogdHJ1ZSB9KTtcbn1cbiIsIkBsZXQgY29uc3RIdG1sU3RlcHMgPSBjb25maWcoKS5zdGVwcygpIHx8IFtdO1xuQGxldCBjb25zdEh0bWxNb2RlID0gY29uZmlnKCkubW9kZSB8fCAnc3RhY2snO1xuQGxldCBjb25zdEh0bWxUb3RhbFZhbHVlID0gY29uZmlnKCkudG90YWxWYWx1ZTtcblxuQGlmIChjb25zdEh0bWxTdGVwcy5sZW5ndGggPiAwICYmIGNvbnN0SHRtbFRvdGFsVmFsdWUpIHtcbiAgQHN3aXRjaCAoY29uc3RIdG1sTW9kZSkge1xuICAgIEBjYXNlICgnc3RhY2snKSB7XG4gICAgICA8ZGl2IFtjbGFzc109XCIoY29uZmlnKCkuY2xhc3NJbmNsdWRlIHx8ICcnKSArICcgbGlicy11aS1wcm9jZXNzLWJhci1zdGFuZGFyZCdcIlxuICAgICAgICBbc3R5bGUud2lkdGhdPVwid2lkdGgoKVwiXG4gICAgICAgIFtzdHlsZS5oZWlnaHRdPVwiaGVpZ2h0KClcIlxuICAgICAgICBbc3R5bGUuYmFja2dyb3VuZENvbG9yXT1cImJhY2tncm91bmRDb2xvcigpXCJcbiAgICAgICAgW3N0eWxlLmJvcmRlclJhZGl1c109XCJyYWRpdXMoKVwiPlxuICAgICAgICBAZm9yIChzdGVwIG9mIGNvbnN0SHRtbFN0ZXBzOyB0cmFjayBzdGVwKCkpIHtcbiAgICAgICAgICBAbGV0IGNvbnN0SHRtbFN0ZXBQZXJjZW50ID0gKHN0ZXAoKS52YWx1ZSAvIGNvbnN0SHRtbFRvdGFsVmFsdWUpICogMTAwO1xuICAgICAgICA8ZGl2IGNsYXNzPVwiZmxleCBoLWZ1bGwgaXRlbXMtY2VudGVyXCJcbiAgICAgICAgICBbc3R5bGUuYmFja2dyb3VuZENvbG9yXT1cInN0ZXAoKS5jb2xvclwiXG4gICAgICAgICAgW3N0eWxlLndpZHRoXT1cImNvbnN0SHRtbFN0ZXBQZXJjZW50ICsgJyUnXCI+XG4gICAgICAgICAgQGlmIChzdGVwKCkubGFiZWwpIHtcbiAgICAgICAgICAgIDxzcGFuIFtjbGFzc109XCIoc3RlcCgpLmNsYXNzTGFiZWwgfHwgJycpICsgJyBsaWJzLXVpLWZvbnQtaDVyIG1sLVsxMnB4XSdcIj57eyBzdGVwKCkubGFiZWwgfX08L3NwYW4+XG4gICAgICAgICAgfVxuICAgICAgPC9kaXY+XG4gICAgfVxuICAgIDwvZGl2PlxuICB9XG5cbiAgQGNhc2UgKCdzZXBhcmF0ZScpIHtcbiAgICBAZm9yIChzdGVwIG9mIGNvbnN0SHRtbFN0ZXBzOyB0cmFjayBzdGVwKCkpIHtcbiAgICAgIEBsZXQgY29uc3RIdG1sU3RlcFBlcmNlbnQgPSAoc3RlcCgpLnZhbHVlIC8gY29uc3RIdG1sVG90YWxWYWx1ZSkgKiAxMDA7XG4gICAgICAgICAgICAgIEBsZXQgY29uc3RIdG1sU2hvd1BlcmNlbnQgPSBzdGVwKCkuc2hvd1BlcmNlbnQgPz8gY29uZmlnKCkuc2hvd1BlcmNlbnQ7XG4gICAgICAgICAgICAgIEBsZXQgY29uc3RIdG1sUGVyY2VudENsYXNzID0gc3RlcCgpLnBlcmNlbnRDbGFzcyA/PyBjb25maWcoKS5wZXJjZW50Q2xhc3MgfHwgJyc7XG4gICAgICAgICAgICAgXG4gICAgICAgICAgICAgIDxkaXYgW2NsYXNzXT1cIihjb25maWcoKS5jbGFzc0luY2x1ZGUgfHwgJycpICsgJyBmbGV4IHctZnVsbCBzaHJpbmstMCBpdGVtcy1jZW50ZXIgcmVsYXRpdmUgbXktWzhweF0nXCJcbiAgICAgICAgICAgICAgICBbc3R5bGUud2lkdGhdPVwid2lkdGgoKVwiXG4gICAgICAgICAgICAgICAgW3N0eWxlLmhlaWdodF09XCJoZWlnaHQoKVwiPlxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJmbGV4IHctZnVsbCBoLWZ1bGwgcmVsYXRpdmVcIj5cbiAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJmbGV4IGFic29sdXRlIHctZnVsbCBoLWZ1bGxcIj5cbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImxpYnMtdWktcHJvY2Vzcy1iYXItc3RhbmRhcmRcIlxuICAgICAgICAgICAgICAgICAgICAgIFtzdHlsZS5iYWNrZ3JvdW5kQ29sb3JdPVwiYmFja2dyb3VuZENvbG9yKClcIlxuICAgICAgICAgICAgICAgICAgICAgIFtzdHlsZS5ib3JkZXJSYWRpdXNdPVwicmFkaXVzKClcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJmbGV4IGgtZnVsbFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgIFtzdHlsZS5iYWNrZ3JvdW5kQ29sb3JdPVwic3RlcCgpLmNvbG9yXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgW3N0eWxlLndpZHRoXT1cImNvbnN0SHRtbFN0ZXBQZXJjZW50ICsgJyUnXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgW3N0eWxlLmJvcmRlclJhZGl1c109XCJyYWRpdXMoKVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgIFtjbGFzc109XCJzdGVwKCkuY2xhc3NJbmNsdWRlXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgIEBpZiAoc3RlcCgpLmxhYmVsKSB7XG4gICAgICAgIDxkaXYgY2xhc3M9XCJhYnNvbHV0ZSB0b3AtMCBsZWZ0LTAgdy1mdWxsIGgtZnVsbCBmbGV4IGl0ZW1zLWNlbnRlclwiPlxuICAgICAgICAgIDxzcGFuIFtjbGFzc109XCIoc3RlcCgpLmNsYXNzTGFiZWwgfHwgJycpICsgJyBsaWJzLXVpLWZvbnQtaDVyIG1sLVsxMnB4XSdcIj57eyBzdGVwKCkubGFiZWwgfX08L3NwYW4+XG4gICAgICAgIDwvZGl2PlxuICAgICAgfVxuXG4gICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgICBAaWYgKGNvbnN0SHRtbFNob3dQZXJjZW50KSB7XG4gICAgICAgIDxkaXYgW2NsYXNzXT1cImNvbnN0SHRtbFBlcmNlbnRDbGFzcysgJ2xpYnMtdWktZm9udC1oNXIgbWwtWzhweF0nXCI+XG4gICAgICAgICAge3sgY29uc3RIdG1sU3RlcFBlcmNlbnQgKyAnJScgfX1cbiAgICAgICAgPC9kaXY+XG4gICAgICB9XG4gICAgICA8L2Rpdj5cbiAgICB9XG5cbiAgfVxufVxufVxuIl19

package/esm2022/process-bar-standard.interface.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvY2Vzcy1iYXItc3RhbmRhcmQuaW50ZXJmYWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy11aS9jb21wb25lbnRzL3Byb2Nlc3MtYmFyL3N0YW5kYXJkL3NyYy9wcm9jZXNzLWJhci1zdGFuZGFyZC5pbnRlcmZhY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFdyaXRhYmxlU2lnbmFsIH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcblxuZXhwb3J0IGludGVyZmFjZSBJUHJvY2Vzc0JhclN0YW5kYXJkQ29uZmlnRGVmYXVsdEludGVyZmFjZSB7XG4gIHdpZHRoPzogc3RyaW5nO1xuICBoZWlnaHQ/OiBzdHJpbmc7XG4gIGJhY2tncm91bmRDb2xvcj86IHN0cmluZztcbiAgcmFkaXVzPzogbnVtYmVyO1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIElQcm9jZXNzQmFyU3RhbmRhcmRJbnRlcmZhY2Uge1xuICB3aWR0aD86IHN0cmluZztcbiAgaGVpZ2h0Pzogc3RyaW5nO1xuICBiYWNrZ3JvdW5kQ29sb3I/OiBzdHJpbmc7XG4gIHJhZGl1cz86IG51bWJlcjtcbiAgdG90YWxWYWx1ZTogbnVtYmVyO1xuICBtb2RlPzogJ3N0YWNrJyB8ICdzZXBhcmF0ZScgfCAnc3RlcHMnO1xuICBjbGFzc0luY2x1ZGU/OiBzdHJpbmc7XG4gIHNob3dQZXJjZW50PzogYm9vbGVhbjtcbiAgcGVyY2VudENsYXNzPzogc3RyaW5nO1xuICBzdGVwczogV3JpdGFibGVTaWduYWw8QXJyYXk8V3JpdGFibGVTaWduYWw8SVByb2Nlc3NCYXJTdGFuZGFyZFN0ZXBJbnRlcmZhY2U+Pj47XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgSVByb2Nlc3NCYXJTdGFuZGFyZFN0ZXBJbnRlcmZhY2Uge1xuICBjbGFzc0luY2x1ZGU/OiBzdHJpbmc7XG4gIGxhYmVsPzogc3RyaW5nO1xuICBjbGFzc0xhYmVsPzogc3RyaW5nO1xuICB2YWx1ZTogbnVtYmVyO1xuICBjb2xvcjogc3RyaW5nO1xuICBzaG93UGVyY2VudD86IGJvb2xlYW47XG4gIHBlcmNlbnRDbGFzcz86IHN0cmluZztcbn1cbiJdfQ==

package/fesm2022/libs-ui-components-process-bar-standard.mjs

@@ -0,0 +1,25 @@
+import * as i0 from '@angular/core';
+import { computed, input, inject, ChangeDetectionStrategy, Component } from '@angular/core';
+import { PROCESS_BAR_STANDARD_CONFIG_DEFAULT_TOKEN_INJECT } from '@libs-ui/utils';
+
+class LibsUiComponentsProcessBarStandardComponent {
+    width = computed(() => this.config().width ?? this.processBarConfigDefault?.width ?? '100%');
+    height = computed(() => this.config().height ?? this.processBarConfigDefault?.height ?? '12px');
+    backgroundColor = computed(() => this.config().backgroundColor ?? this.processBarConfigDefault?.backgroundColor ?? '#F8F9FA');
+    radius = computed(() => `${this.config().radius ?? this.processBarConfigDefault?.radius ?? 20}px`);
+    config = input.required();
+    processBarConfigDefault = inject(PROCESS_BAR_STANDARD_CONFIG_DEFAULT_TOKEN_INJECT, { optional: true });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LibsUiComponentsProcessBarStandardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: LibsUiComponentsProcessBarStandardComponent, isStandalone: true, selector: "libs_ui-components-process_bar-standard", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "@let constHtmlSteps = config().steps() || [];\n@let constHtmlMode = config().mode || 'stack';\n@let constHtmlTotalValue = config().totalValue;\n\n@if (constHtmlSteps.length > 0 && constHtmlTotalValue) {\n  @switch (constHtmlMode) {\n    @case ('stack') {\n      <div [class]=\"(config().classInclude || '') + ' libs-ui-process-bar-standard'\"\n        [style.width]=\"width()\"\n        [style.height]=\"height()\"\n        [style.backgroundColor]=\"backgroundColor()\"\n        [style.borderRadius]=\"radius()\">\n        @for (step of constHtmlSteps; track step()) {\n          @let constHtmlStepPercent = (step().value / constHtmlTotalValue) * 100;\n        <div class=\"flex h-full items-center\"\n          [style.backgroundColor]=\"step().color\"\n          [style.width]=\"constHtmlStepPercent + '%'\">\n          @if (step().label) {\n            <span [class]=\"(step().classLabel || '') + ' libs-ui-font-h5r ml-[12px]'\">{{ step().label }}</span>\n          }\n      </div>\n    }\n    </div>\n  }\n\n  @case ('separate') {\n    @for (step of constHtmlSteps; track step()) {\n      @let constHtmlStepPercent = (step().value / constHtmlTotalValue) * 100;\n              @let constHtmlShowPercent = step().showPercent ?? config().showPercent;\n              @let constHtmlPercentClass = step().percentClass ?? config().percentClass || '';\n             \n              <div [class]=\"(config().classInclude || '') + ' flex w-full shrink-0 items-center relative my-[8px]'\"\n                [style.width]=\"width()\"\n                [style.height]=\"height()\">\n                <div class=\"flex w-full h-full relative\">\n                  <div class=\"flex absolute w-full h-full\">\n                    <div class=\"libs-ui-process-bar-standard\"\n                      [style.backgroundColor]=\"backgroundColor()\"\n                      [style.borderRadius]=\"radius()\">\n                        <div class=\"flex h-full\"\n                          [style.backgroundColor]=\"step().color\"\n                          [style.width]=\"constHtmlStepPercent + '%'\"\n                          [style.borderRadius]=\"radius()\"\n                          [class]=\"step().classInclude\">\n                        </div>\n                        @if (step().label) {\n        <div class=\"absolute top-0 left-0 w-full h-full flex items-center\">\n          <span [class]=\"(step().classLabel || '') + ' libs-ui-font-h5r ml-[12px]'\">{{ step().label }}</span>\n        </div>\n      }\n\n      </div>\n      </div>\n      </div>\n      @if (constHtmlShowPercent) {\n        <div [class]=\"constHtmlPercentClass+ 'libs-ui-font-h5r ml-[8px]'\">\n          {{ constHtmlStepPercent + '%' }}\n        </div>\n      }\n      </div>\n    }\n\n  }\n}\n}\n", styles: [".libs-ui-process-bar-standard{display:flex;position:relative;flex-shrink:0;flex-grow:0;align-items:center;overflow:hidden;width:100%;height:100%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LibsUiComponentsProcessBarStandardComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'libs_ui-components-process_bar-standard', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "@let constHtmlSteps = config().steps() || [];\n@let constHtmlMode = config().mode || 'stack';\n@let constHtmlTotalValue = config().totalValue;\n\n@if (constHtmlSteps.length > 0 && constHtmlTotalValue) {\n  @switch (constHtmlMode) {\n    @case ('stack') {\n      <div [class]=\"(config().classInclude || '') + ' libs-ui-process-bar-standard'\"\n        [style.width]=\"width()\"\n        [style.height]=\"height()\"\n        [style.backgroundColor]=\"backgroundColor()\"\n        [style.borderRadius]=\"radius()\">\n        @for (step of constHtmlSteps; track step()) {\n          @let constHtmlStepPercent = (step().value / constHtmlTotalValue) * 100;\n        <div class=\"flex h-full items-center\"\n          [style.backgroundColor]=\"step().color\"\n          [style.width]=\"constHtmlStepPercent + '%'\">\n          @if (step().label) {\n            <span [class]=\"(step().classLabel || '') + ' libs-ui-font-h5r ml-[12px]'\">{{ step().label }}</span>\n          }\n      </div>\n    }\n    </div>\n  }\n\n  @case ('separate') {\n    @for (step of constHtmlSteps; track step()) {\n      @let constHtmlStepPercent = (step().value / constHtmlTotalValue) * 100;\n              @let constHtmlShowPercent = step().showPercent ?? config().showPercent;\n              @let constHtmlPercentClass = step().percentClass ?? config().percentClass || '';\n             \n              <div [class]=\"(config().classInclude || '') + ' flex w-full shrink-0 items-center relative my-[8px]'\"\n                [style.width]=\"width()\"\n                [style.height]=\"height()\">\n                <div class=\"flex w-full h-full relative\">\n                  <div class=\"flex absolute w-full h-full\">\n                    <div class=\"libs-ui-process-bar-standard\"\n                      [style.backgroundColor]=\"backgroundColor()\"\n                      [style.borderRadius]=\"radius()\">\n                        <div class=\"flex h-full\"\n                          [style.backgroundColor]=\"step().color\"\n                          [style.width]=\"constHtmlStepPercent + '%'\"\n                          [style.borderRadius]=\"radius()\"\n                          [class]=\"step().classInclude\">\n                        </div>\n                        @if (step().label) {\n        <div class=\"absolute top-0 left-0 w-full h-full flex items-center\">\n          <span [class]=\"(step().classLabel || '') + ' libs-ui-font-h5r ml-[12px]'\">{{ step().label }}</span>\n        </div>\n      }\n\n      </div>\n      </div>\n      </div>\n      @if (constHtmlShowPercent) {\n        <div [class]=\"constHtmlPercentClass+ 'libs-ui-font-h5r ml-[8px]'\">\n          {{ constHtmlStepPercent + '%' }}\n        </div>\n      }\n      </div>\n    }\n\n  }\n}\n}\n", styles: [".libs-ui-process-bar-standard{display:flex;position:relative;flex-shrink:0;flex-grow:0;align-items:center;overflow:hidden;width:100%;height:100%}\n"] }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { LibsUiComponentsProcessBarStandardComponent };
+//# sourceMappingURL=libs-ui-components-process-bar-standard.mjs.map

package/fesm2022/libs-ui-components-process-bar-standard.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"libs-ui-components-process-bar-standard.mjs","sources":["../../../../../../libs-ui/components/process-bar/standard/src/process-bar-standard.component.ts","../../../../../../libs-ui/components/process-bar/standard/src/process-bar-standard.component.html","../../../../../../libs-ui/components/process-bar/standard/src/libs-ui-components-process-bar-standard.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, computed, inject, input } from '@angular/core';\nimport { PROCESS_BAR_STANDARD_CONFIG_DEFAULT_TOKEN_INJECT } from '@libs-ui/utils';\nimport { IProcessBarStandardConfigDefaultInterface, IProcessBarStandardInterface } from './process-bar-standard.interface';\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'libs_ui-components-process_bar-standard',\n  standalone: true,\n  templateUrl: './process-bar-standard.component.html',\n  styleUrl: './process-bar-standard.component.css',\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class LibsUiComponentsProcessBarStandardComponent {\n  protected width = computed(() => this.config().width ?? this.processBarConfigDefault?.width ?? '100%');\n  protected height = computed(() => this.config().height ?? this.processBarConfigDefault?.height ?? '12px');\n  protected backgroundColor = computed(() => this.config().backgroundColor ?? this.processBarConfigDefault?.backgroundColor ?? '#F8F9FA');\n  protected radius = computed(() => `${this.config().radius ?? this.processBarConfigDefault?.radius ?? 20}px`);\n\n  readonly config = input.required<IProcessBarStandardInterface>();\n\n  private readonly processBarConfigDefault = inject<IProcessBarStandardConfigDefaultInterface>(PROCESS_BAR_STANDARD_CONFIG_DEFAULT_TOKEN_INJECT, { optional: true });\n}\n","@let constHtmlSteps = config().steps() || [];\n@let constHtmlMode = config().mode || 'stack';\n@let constHtmlTotalValue = config().totalValue;\n\n@if (constHtmlSteps.length > 0 && constHtmlTotalValue) {\n  @switch (constHtmlMode) {\n    @case ('stack') {\n      <div [class]=\"(config().classInclude || '') + ' libs-ui-process-bar-standard'\"\n        [style.width]=\"width()\"\n        [style.height]=\"height()\"\n        [style.backgroundColor]=\"backgroundColor()\"\n        [style.borderRadius]=\"radius()\">\n        @for (step of constHtmlSteps; track step()) {\n          @let constHtmlStepPercent = (step().value / constHtmlTotalValue) * 100;\n        <div class=\"flex h-full items-center\"\n          [style.backgroundColor]=\"step().color\"\n          [style.width]=\"constHtmlStepPercent + '%'\">\n          @if (step().label) {\n            <span [class]=\"(step().classLabel || '') + ' libs-ui-font-h5r ml-[12px]'\">{{ step().label }}</span>\n          }\n      </div>\n    }\n    </div>\n  }\n\n  @case ('separate') {\n    @for (step of constHtmlSteps; track step()) {\n      @let constHtmlStepPercent = (step().value / constHtmlTotalValue) * 100;\n              @let constHtmlShowPercent = step().showPercent ?? config().showPercent;\n              @let constHtmlPercentClass = step().percentClass ?? config().percentClass || '';\n             \n              <div [class]=\"(config().classInclude || '') + ' flex w-full shrink-0 items-center relative my-[8px]'\"\n                [style.width]=\"width()\"\n                [style.height]=\"height()\">\n                <div class=\"flex w-full h-full relative\">\n                  <div class=\"flex absolute w-full h-full\">\n                    <div class=\"libs-ui-process-bar-standard\"\n                      [style.backgroundColor]=\"backgroundColor()\"\n                      [style.borderRadius]=\"radius()\">\n                        <div class=\"flex h-full\"\n                          [style.backgroundColor]=\"step().color\"\n                          [style.width]=\"constHtmlStepPercent + '%'\"\n                          [style.borderRadius]=\"radius()\"\n                          [class]=\"step().classInclude\">\n                        </div>\n                        @if (step().label) {\n        <div class=\"absolute top-0 left-0 w-full h-full flex items-center\">\n          <span [class]=\"(step().classLabel || '') + ' libs-ui-font-h5r ml-[12px]'\">{{ step().label }}</span>\n        </div>\n      }\n\n      </div>\n      </div>\n      </div>\n      @if (constHtmlShowPercent) {\n        <div [class]=\"constHtmlPercentClass+ 'libs-ui-font-h5r ml-[8px]'\">\n          {{ constHtmlStepPercent + '%' }}\n        </div>\n      }\n      </div>\n    }\n\n  }\n}\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;MAWa,2CAA2C,CAAA;IAC5C,KAAK,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC,KAAK,IAAI,IAAI,CAAC,uBAAuB,EAAE,KAAK,IAAI,MAAM,CAAC;IAC5F,MAAM,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC,MAAM,IAAI,IAAI,CAAC,uBAAuB,EAAE,MAAM,IAAI,MAAM,CAAC;IAC/F,eAAe,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC,eAAe,IAAI,IAAI,CAAC,uBAAuB,EAAE,eAAe,IAAI,SAAS,CAAC;IAC7H,MAAM,GAAG,QAAQ,CAAC,MAAM,CAAA,EAAG,IAAI,CAAC,MAAM,EAAE,CAAC,MAAM,IAAI,IAAI,CAAC,uBAAuB,EAAE,MAAM,IAAI,EAAE,CAAA,EAAA,CAAI,CAAC;AAEnG,IAAA,MAAM,GAAG,KAAK,CAAC,QAAQ,EAAgC;IAE/C,uBAAuB,GAAG,MAAM,CAA4C,gDAAgD,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;wGARvJ,2CAA2C,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAA3C,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,2CAA2C,yOCXxD,ssFAiEA,EAAA,MAAA,EAAA,CAAA,qJAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;4FDtDa,2CAA2C,EAAA,UAAA,EAAA,CAAA;kBARvD,SAAS;AAEE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,yCAAyC,EAAA,UAAA,EACvC,IAAI,EAAA,eAAA,EAGC,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,ssFAAA,EAAA,MAAA,EAAA,CAAA,qJAAA,CAAA,EAAA;;;AETjD;;AAEG;;;;"}

package/index.d.ts

@@ -0,0 +1 @@
+export * from './process-bar-standard.component';

package/package.json

@@ -0,0 +1,25 @@
+{
+  "name": "@libs-ui/components-process-bar-standard",
+  "version": "0.2.306.1",
+  "peerDependencies": {
+    "@angular/common": ">=18.0.0",
+    "@angular/core": ">=18.0.0"
+  },
+  "sideEffects": false,
+  "module": "fesm2022/libs-ui-components-process-bar-standard.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "esm2022": "./esm2022/libs-ui-components-process-bar-standard.mjs",
+      "esm": "./esm2022/libs-ui-components-process-bar-standard.mjs",
+      "default": "./fesm2022/libs-ui-components-process-bar-standard.mjs"
+    }
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  }
+}

package/process-bar-standard.component.d.ts

@@ -0,0 +1,12 @@
+import { IProcessBarStandardInterface } from './process-bar-standard.interface';
+import * as i0 from "@angular/core";
+export declare class LibsUiComponentsProcessBarStandardComponent {
+    protected width: import("@angular/core").Signal<string>;
+    protected height: import("@angular/core").Signal<string>;
+    protected backgroundColor: import("@angular/core").Signal<string>;
+    protected radius: import("@angular/core").Signal<string>;
+    readonly config: import("@angular/core").InputSignal<IProcessBarStandardInterface>;
+    private readonly processBarConfigDefault;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LibsUiComponentsProcessBarStandardComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LibsUiComponentsProcessBarStandardComponent, "libs_ui-components-process_bar-standard", never, { "config": { "alias": "config"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/process-bar-standard.interface.d.ts

@@ -0,0 +1,28 @@
+import { WritableSignal } from "@angular/core";
+export interface IProcessBarStandardConfigDefaultInterface {
+    width?: string;
+    height?: string;
+    backgroundColor?: string;
+    radius?: number;
+}
+export interface IProcessBarStandardInterface {
+    width?: string;
+    height?: string;
+    backgroundColor?: string;
+    radius?: number;
+    totalValue: number;
+    mode?: 'stack' | 'separate' | 'steps';
+    classInclude?: string;
+    showPercent?: boolean;
+    percentClass?: string;
+    steps: WritableSignal<Array<WritableSignal<IProcessBarStandardStepInterface>>>;
+}
+export interface IProcessBarStandardStepInterface {
+    classInclude?: string;
+    label?: string;
+    classLabel?: string;
+    value: number;
+    color: string;
+    showPercent?: boolean;
+    percentClass?: string;
+}