@masterkeymaterial/ui 0.0.4 → 0.0.6

package/fesm2022/masterkeymaterial-ui.mjs

@@ -4,8 +4,52 @@ import { autoUpdate, computePosition, offset, flip, shift } from '@floating-ui/d
 import { NgComponentOutlet } from '@angular/common';
 import { DomSanitizer } from '@angular/platform-browser';
 
+////////////////////////////////////
+// CONSOLES: LOG - WARN - ERR ...
+////////////////////////////////////
+// LibUtil.loglevel: 1,2,3 => Bigger will see more
+let loglevel = 0;
+const setLogLevel = (level) => {
+    loglevel = level;
+};
+const LOG = (level, ...attr) => {
+    if ((loglevel ?? 0) >= level) {
+        return console.log(...attr);
+    }
+};
+// export const WARN = (level: number, ...attr: any) => {
+//   if ((loglevel ?? 0) >= level) {
+//     return console.warn(...attr);
+//   }
+// }
+// export const ERR = (level: number, ...attr: any) => {
+//   if ((loglevel ?? 0) >= level) {
+//     return console.error(...attr);
+//   }
+// }
+const G_START = (level, ...attr) => {
+    if ((loglevel ?? 0) >= level) {
+        return console.groupCollapsed(...attr);
+    }
+};
+const G_START_OPEN = (level, ...attr) => {
+    if ((loglevel ?? 0) >= level) {
+        return console.group(...attr);
+    }
+};
+const G_END = (level, ...attr) => {
+    if ((loglevel ?? 0) >= level) {
+        return console.groupEnd();
+    }
+};
+// LOG COLAPSADO
+const LOGC = (level, title, ...attr) => {
+    G_START(level, title);
+    LOG(level, ...attr);
+    G_END(level);
+};
+
 class LibUtil {
-    static loglevel = 0;
     static formConfigs = {};
     static classof = (o) => {
         let nomeClasse = Object.prototype.toString.call(o).slice(8, -1).toLowerCase();
@@ -2012,9 +2056,6 @@ class LibUtil {
             return texto + "s";
         }
     }
-    static setLogLevel(level) {
-        LibUtil.loglevel = level;
-    }
     static setFormConfigs(configs) {
         LibUtil.formConfigs = configs;
     }
@@ -2081,46 +2122,6 @@ class LibUtil {
         return texto;
     }
 }
-////////////////////////////////////
-// CONSOLES: LOG - WARN - ERR ...
-////////////////////////////////////
-// LibUtil.loglevel: 1,2,3 => Bigger will see more
-const LOG = (level, ...attr) => {
-    if (LibUtil.loglevel >= level) {
-        return console.log(...attr);
-    }
-};
-// export const WARN = (level: number, ...attr: any) => {
-//   if (LibUtil.loglevel >= level) {
-//     return console.warn(...attr);
-//   }
-// }
-// export const ERR = (level: number, ...attr: any) => {
-//   if (LibUtil.loglevel >= level) {
-//     return console.error(...attr);
-//   }
-// }
-const G_START = (level, ...attr) => {
-    if (LibUtil.loglevel >= level) {
-        return console.groupCollapsed(...attr);
-    }
-};
-const G_START_OPEN = (level, ...attr) => {
-    if (LibUtil.loglevel >= level) {
-        return console.group(...attr);
-    }
-};
-const G_END = (level, ...attr) => {
-    if (LibUtil.loglevel >= level) {
-        return console.groupEnd();
-    }
-};
-// LOG COLAPSADO
-const LOGC = (level, title, ...attr) => {
-    G_START(level, title);
-    LOG(level, ...attr);
-    G_END(level);
-};
 
 class Formulario {
     campos = signal({}, ...(ngDevMode ? [{ debugName: "campos" }] : /* istanbul ignore next */ []));
@@ -4005,13 +4006,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
 class UiProgress {
     value = input(0, ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
     bufferValue = input(0, ...(ngDevMode ? [{ debugName: "bufferValue" }] : /* istanbul ignore next */ []));
-    mode = input('determinate', ...(ngDevMode ? [{ debugName: "mode" }] : /* istanbul ignore next */ []));
+    mode = input('indeterminate', ...(ngDevMode ? [{ debugName: "mode" }] : /* istanbul ignore next */ []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: UiProgress, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.9", type: UiProgress, isStandalone: true, selector: "ui-progress", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, bufferValue: { classPropertyName: "bufferValue", publicName: "bufferValue", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<progress [value]=\"value()\"></progress>", styles: [""] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: UiProgress, isStandalone: true, selector: "ui-progress", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, bufferValue: { classPropertyName: "bufferValue", publicName: "bufferValue", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@switch (mode()) {\n@case ('determinate'){\n<div class=\"bar-progress determinate\">\n\t<div class=\"bar-progress-filled\" [style.width.%]=\"value() ?? 0\"></div>\n</div>\n}\n\n@case ('indeterminate'){\n<div class=\"bar-progress indeterminate\">\n\t<div class=\"bar-progress-filled\"></div>\n</div>\n}\n\n@case ('buffer'){\n<div class=\"bar-progress buffer\">\n\t<div class=\"bar-progress-filled\" [style.width.%]=\"value() ?? 0\"></div>\n\t<div class=\"bar-progress-buffer\" [style.width.%]=\"bufferValue() ?? 0\"></div>\n</div>\n}\n\n@case ('query'){\n<div class=\"bar-progress query\">\n\t<div class=\"bar-progress-filled\"></div>\n</div>\n}\n\n@default {\n<div class=\"bar-progress indeterminate\">\n\t<div class=\"bar-progress-filled\"></div>\n</div>\n}\n\n}", styles: [".bar-progress{position:relative;width:100%;height:4px;background:color-mix(in srgb,var(--ui-background, var(--sys-background, hsl(210, 80%, 50%))) 25%,transparent);overflow:hidden}.bar-progress-filled{position:absolute;top:0;left:0;height:100%;background:var(--primary, hsl(210, 80%, 50%));transition:width .25s ease}.bar-progress-buffer{position:absolute;top:0;left:0;height:100%;background:color-mix(in srgb,var(--primary, hsl(210, 80%, 50%)) 40%,transparent);transition:width .25s ease;z-index:-1}.bar-progress.indeterminate .bar-progress-filled{width:50%;animation:indeterminate 1.5s cubic-bezier(.65,.815,.735,.395) infinite}@keyframes indeterminate{0%{left:-50%}to{left:100%}}.bar-progress.query .bar-progress-filled{width:30%;animation:query 1.5s cubic-bezier(.65,.815,.735,.395) infinite}@keyframes query{0%{left:100%}to{left:-30%}}\n"] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: UiProgress, decorators: [{
             type: Component,
-            args: [{ selector: 'ui-progress', template: "<progress [value]=\"value()\"></progress>" }]
+            args: [{ selector: 'ui-progress', template: "@switch (mode()) {\n@case ('determinate'){\n<div class=\"bar-progress determinate\">\n\t<div class=\"bar-progress-filled\" [style.width.%]=\"value() ?? 0\"></div>\n</div>\n}\n\n@case ('indeterminate'){\n<div class=\"bar-progress indeterminate\">\n\t<div class=\"bar-progress-filled\"></div>\n</div>\n}\n\n@case ('buffer'){\n<div class=\"bar-progress buffer\">\n\t<div class=\"bar-progress-filled\" [style.width.%]=\"value() ?? 0\"></div>\n\t<div class=\"bar-progress-buffer\" [style.width.%]=\"bufferValue() ?? 0\"></div>\n</div>\n}\n\n@case ('query'){\n<div class=\"bar-progress query\">\n\t<div class=\"bar-progress-filled\"></div>\n</div>\n}\n\n@default {\n<div class=\"bar-progress indeterminate\">\n\t<div class=\"bar-progress-filled\"></div>\n</div>\n}\n\n}", styles: [".bar-progress{position:relative;width:100%;height:4px;background:color-mix(in srgb,var(--ui-background, var(--sys-background, hsl(210, 80%, 50%))) 25%,transparent);overflow:hidden}.bar-progress-filled{position:absolute;top:0;left:0;height:100%;background:var(--primary, hsl(210, 80%, 50%));transition:width .25s ease}.bar-progress-buffer{position:absolute;top:0;left:0;height:100%;background:color-mix(in srgb,var(--primary, hsl(210, 80%, 50%)) 40%,transparent);transition:width .25s ease;z-index:-1}.bar-progress.indeterminate .bar-progress-filled{width:50%;animation:indeterminate 1.5s cubic-bezier(.65,.815,.735,.395) infinite}@keyframes indeterminate{0%{left:-50%}to{left:100%}}.bar-progress.query .bar-progress-filled{width:30%;animation:query 1.5s cubic-bezier(.65,.815,.735,.395) infinite}@keyframes query{0%{left:100%}to{left:-30%}}\n"] }]
         }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], bufferValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "bufferValue", required: false }] }], mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }] } });
 
 class UiSlide {
@@ -6453,5 +6454,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { BaseFieldsForm, BaseFieldsValues, CampoDe, FieldsGeneric, FiltroDe, FormAction, FormFilter, FormNoAction, FormatedValues, Formulario, G_END, G_START, G_START_OPEN, IField, IRegraTipo, LOG, LOGC, LibUtil, Regra, SingleValues, UiButton, UiCheckBox, UiChip, UiDropZone, UiFileList, UiListErrors, UiLoading, UiMenu, UiProcurar, UiProgress, UiSelect, UiSlide };
+export { BaseFieldsForm, BaseFieldsValues, CampoDe, FieldsGeneric, FiltroDe, FormAction, FormFilter, FormNoAction, FormatedValues, Formulario, IField, IRegraTipo, LibUtil, Regra, SingleValues, UiButton, UiCheckBox, UiChip, UiDropZone, UiFileList, UiListErrors, UiLoading, UiMenu, UiProcurar, UiProgress, UiSelect, UiSlide };
 //# sourceMappingURL=masterkeymaterial-ui.mjs.map