ngx-dsxlibrary 1.0.0 → 1.0.1

package/fesm2022/ngx-dsx-src-lib-components.mjs

@@ -0,0 +1,76 @@
+import * as i0 from '@angular/core';
+import { Input, Component, input } from '@angular/core';
+import * as i1 from 'primeng/tag';
+import { TagModule } from 'primeng/tag';
+import * as i1$1 from 'ngx-countup';
+import { CountUpModule } from 'ngx-countup';
+
+class AppMessageErrorComponent {
+    // Control de formulario que se pasa como input
+    control;
+    form = null;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: AppMessageErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.0", type: AppMessageErrorComponent, isStandalone: true, selector: "app-message-error", inputs: { control: "control", form: "form" }, ngImport: i0, template: "@if(control?.touched && control?.invalid){\r\n<div class=\"absolute dsx-error-message\">\r\n  @if(control?.errors?.['required']){ El campo <strong>es requerido.</strong>\r\n  } @else if(control?.errors?.['invalidDateRange']){\r\n  <strong>{{ control?.errors?.['invalidDateRange']?.message }}</strong\r\n  >. } @else if(control?.errors?.['dateNotRange']){\r\n  <strong>{{ control?.errors?.['dateNotRange']?.message }}</strong\r\n  >. } @else if(control?.errors?.['minlength']){ Debe tener al menos\r\n  <strong>{{ control?.errors?.['minlength']?.requiredLength }}</strong>\r\n  caracteres. } @else if(control?.errors?.['maxlength']){ Debe tener como m\u00E1ximo\r\n  <strong>{{ control?.errors?.['maxlength']?.requiredLength }}</strong>\r\n  caracteres. } @else if(control?.errors?.['min']){ El valor m\u00EDnimo permitido es\r\n  <strong>{{ control?.errors?.['min']?.min }}</strong\r\n  >. } @else if(control?.errors?.['max']){ El valor m\u00E1ximo permitido es\r\n  <strong>{{ control?.errors?.['max']?.max }}</strong\r\n  >. } @else if(control?.errors?.['email']){ Debe ser una direcci\u00F3n de correo\r\n  v\u00E1lida. } @else if(control?.errors?.['pattern']){ El campo no tiene el formato\r\n  requerido. } @else{ Existe un error a\u00FAn no identificado. }\r\n</div>\r\n}\r\n<!-- mensaje para formulario en general -->\r\n@if(form?.invalid && form?.touched){\r\n<div class=\"mt-2 mb-2\">\r\n  @if(this.form?.errors?.['atLeastOneRequired']){\r\n  <p-tag severity=\"danger\" [rounded]=\"true\">\r\n    {{ form?.getError(\"atLeastOneRequired\")?.message }}</p-tag\r\n  >\r\n  }\r\n</div>\r\n}\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: TagModule }, { kind: "component", type: i1.Tag, selector: "p-tag", inputs: ["style", "styleClass", "severity", "value", "icon", "rounded"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: AppMessageErrorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-message-error', imports: [TagModule], template: "@if(control?.touched && control?.invalid){\r\n<div class=\"absolute dsx-error-message\">\r\n  @if(control?.errors?.['required']){ El campo <strong>es requerido.</strong>\r\n  } @else if(control?.errors?.['invalidDateRange']){\r\n  <strong>{{ control?.errors?.['invalidDateRange']?.message }}</strong\r\n  >. } @else if(control?.errors?.['dateNotRange']){\r\n  <strong>{{ control?.errors?.['dateNotRange']?.message }}</strong\r\n  >. } @else if(control?.errors?.['minlength']){ Debe tener al menos\r\n  <strong>{{ control?.errors?.['minlength']?.requiredLength }}</strong>\r\n  caracteres. } @else if(control?.errors?.['maxlength']){ Debe tener como m\u00E1ximo\r\n  <strong>{{ control?.errors?.['maxlength']?.requiredLength }}</strong>\r\n  caracteres. } @else if(control?.errors?.['min']){ El valor m\u00EDnimo permitido es\r\n  <strong>{{ control?.errors?.['min']?.min }}</strong\r\n  >. } @else if(control?.errors?.['max']){ El valor m\u00E1ximo permitido es\r\n  <strong>{{ control?.errors?.['max']?.max }}</strong\r\n  >. } @else if(control?.errors?.['email']){ Debe ser una direcci\u00F3n de correo\r\n  v\u00E1lida. } @else if(control?.errors?.['pattern']){ El campo no tiene el formato\r\n  requerido. } @else{ Existe un error a\u00FAn no identificado. }\r\n</div>\r\n}\r\n<!-- mensaje para formulario en general -->\r\n@if(form?.invalid && form?.touched){\r\n<div class=\"mt-2 mb-2\">\r\n  @if(this.form?.errors?.['atLeastOneRequired']){\r\n  <p-tag severity=\"danger\" [rounded]=\"true\">\r\n    {{ form?.getError(\"atLeastOneRequired\")?.message }}</p-tag\r\n  >\r\n  }\r\n</div>\r\n}\r\n" }]
+        }], propDecorators: { control: [{
+                type: Input
+            }], form: [{
+                type: Input
+            }] } });
+
+class KpicardComponent {
+    //type = input.required<string>();
+    option = input.required();
+    label = input.required();
+    iconType = input('fa-regular fa-bell');
+    color = input();
+    valor = input(0);
+    theme = input('light');
+    options = {
+        currency: {
+            startVal: 0,
+            duration: 0.5,
+            prefix: 'Q',
+            decimalPlaces: 2, // Decimales
+            useGrouping: true, // Separador de miles
+            separator: ',', // Carácter separador
+            decimal: '.', // Carácter decimal
+            suffix: ' GTQ', // Sufijo
+            scrollSpyDelay: 200, // Retardo antes de la animación
+            enableScrollSpy: true,
+            scrollSpyOnce: true,
+        },
+        integer: {
+            startVal: 0,
+            duration: 0.5,
+            prefix: 'Cant. ',
+            decimalPlaces: 2, // Decimales
+            useGrouping: true, // Separador de miles
+            separator: ',', // Carácter separador
+            decimal: '.', // Carácter decimal
+            scrollSpyDelay: 200, // Retardo antes de la animación
+            enableScrollSpy: true,
+            scrollSpyOnce: true,
+        },
+    };
+    // ✅ Método auxiliar para obtener la opción con seguridad
+    getSelectedOption() {
+        return this.options[this.option()] ?? this.options.currency; // Si no existe, usa `currency`
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: KpicardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.0", type: KpicardComponent, isStandalone: true, selector: "app-kpicard", inputs: { option: { classPropertyName: "option", publicName: "option", isSignal: true, isRequired: true, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, iconType: { classPropertyName: "iconType", publicName: "iconType", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, valor: { classPropertyName: "valor", publicName: "valor", isSignal: true, isRequired: false, transformFunction: null }, theme: { classPropertyName: "theme", publicName: "theme", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"kpi-card {{ color() }}\">\r\n  <span\r\n    [countUp]=\"valor()\"\r\n    [options]=\"getSelectedOption()\"\r\n    [class]=\"theme() === 'light' ? 'card-value-light' : 'card-value-dark'\"\r\n    >0</span\r\n  >\r\n  <span [class]=\"theme() === 'light' ? 'card-text-light' : 'card-text-dark'\">{{\r\n    label()\r\n  }}</span>\r\n  <i\r\n    [class]=\"\r\n      theme() === 'light'\r\n        ? iconType() + ' icon icon-light'\r\n        : iconType() + ' icon icon-dark'\r\n    \"\r\n  ></i>\r\n</div>\r\n", styles: [".icon{float:right;font-size:500%;position:absolute;top:0rem;right:-.3rem;opacity:.2}.icon-light{color:#000}.icon-dark{color:#fff}#container{width:1200px;display:flex}.grey-dark{background:#495057;color:#efefef}.red-gradient{background:linear-gradient(180deg,#cf5252,#790909 80%);color:#fff}.red{background:#a83b3b;color:#fff}.purple{background:#886ab5;color:#fff}.orange{background:#ffc241;color:#fff}.kpi-card{overflow:hidden;position:relative;box-shadow:1px 1px 3px #000000bf;display:inline-block;float:left;padding:1em;border-radius:.3em;font-family:sans-serif;width:240px;min-width:180px;margin-left:.5em;margin-top:.5em}.card-value-light{display:block;font-size:200%;font-weight:bolder;background:linear-gradient(45deg,#00fffc,#a200ff,#0094ff);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 5px rgba(0,255,252,.3),0 0 10px rgba(162,0,255,.2),0 0 15px rgba(0,148,255,.1)}.card-value-dark{display:block;font-size:200%;font-weight:bolder;background:linear-gradient(45deg,#ff7e5f,#feb47b,#ff6a00);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 5px rgba(255,126,95,.5),0 0 10px rgba(254,180,123,.4),0 0 15px rgba(255,106,0,.3)}.card-text-light{display:block;font-family:Orbitron,sans-serif;font-size:90%;padding-left:.2em;color:#495057}.card-text-dark{display:block;font-family:Orbitron,sans-serif;font-size:90%;padding-left:.2em;color:#d5d7d8}\n"], dependencies: [{ kind: "ngmodule", type: CountUpModule }, { kind: "directive", type: i1$1.CountUpDirective, selector: "[countUp]", inputs: ["countUp", "options", "reanimateOnClick"], outputs: ["complete"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: KpicardComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-kpicard', imports: [CountUpModule], template: "<div class=\"kpi-card {{ color() }}\">\r\n  <span\r\n    [countUp]=\"valor()\"\r\n    [options]=\"getSelectedOption()\"\r\n    [class]=\"theme() === 'light' ? 'card-value-light' : 'card-value-dark'\"\r\n    >0</span\r\n  >\r\n  <span [class]=\"theme() === 'light' ? 'card-text-light' : 'card-text-dark'\">{{\r\n    label()\r\n  }}</span>\r\n  <i\r\n    [class]=\"\r\n      theme() === 'light'\r\n        ? iconType() + ' icon icon-light'\r\n        : iconType() + ' icon icon-dark'\r\n    \"\r\n  ></i>\r\n</div>\r\n", styles: [".icon{float:right;font-size:500%;position:absolute;top:0rem;right:-.3rem;opacity:.2}.icon-light{color:#000}.icon-dark{color:#fff}#container{width:1200px;display:flex}.grey-dark{background:#495057;color:#efefef}.red-gradient{background:linear-gradient(180deg,#cf5252,#790909 80%);color:#fff}.red{background:#a83b3b;color:#fff}.purple{background:#886ab5;color:#fff}.orange{background:#ffc241;color:#fff}.kpi-card{overflow:hidden;position:relative;box-shadow:1px 1px 3px #000000bf;display:inline-block;float:left;padding:1em;border-radius:.3em;font-family:sans-serif;width:240px;min-width:180px;margin-left:.5em;margin-top:.5em}.card-value-light{display:block;font-size:200%;font-weight:bolder;background:linear-gradient(45deg,#00fffc,#a200ff,#0094ff);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 5px rgba(0,255,252,.3),0 0 10px rgba(162,0,255,.2),0 0 15px rgba(0,148,255,.1)}.card-value-dark{display:block;font-size:200%;font-weight:bolder;background:linear-gradient(45deg,#ff7e5f,#feb47b,#ff6a00);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 5px rgba(255,126,95,.5),0 0 10px rgba(254,180,123,.4),0 0 15px rgba(255,106,0,.3)}.card-text-light{display:block;font-family:Orbitron,sans-serif;font-size:90%;padding-left:.2em;color:#495057}.card-text-dark{display:block;font-family:Orbitron,sans-serif;font-size:90%;padding-left:.2em;color:#d5d7d8}\n"] }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AppMessageErrorComponent, KpicardComponent };
+//# sourceMappingURL=ngx-dsx-src-lib-components.mjs.map

package/fesm2022/ngx-dsx-src-lib-components.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngx-dsx-src-lib-components.mjs","sources":["../../../projects/ngx-dsx/src/lib/components/app-message-error/app-message-error.component.ts","../../../projects/ngx-dsx/src/lib/components/app-message-error/app-message-error.component.html","../../../projects/ngx-dsx/src/lib/components/kpicard/kpicard.component.ts","../../../projects/ngx-dsx/src/lib/components/kpicard/kpicard.component.html","../../../projects/ngx-dsx/src/lib/components/ngx-dsx-src-lib-components.ts"],"sourcesContent":["import { Component, Input } from '@angular/core';\r\nimport { AbstractControl, FormGroup } from '@angular/forms';\r\nimport { TagModule } from 'primeng/tag';\r\n\r\n@Component({\r\n  selector: 'app-message-error',\r\n  imports: [TagModule],\r\n  templateUrl: './app-message-error.component.html',\r\n  styleUrl: './app-message-error.component.scss',\r\n})\r\nexport class AppMessageErrorComponent {\r\n  // Control de formulario que se pasa como input\r\n  @Input() control!: AbstractControl | null;\r\n  @Input() form: FormGroup | null = null;\r\n}\r\n","@if(control?.touched && control?.invalid){\r\n<div class=\"absolute dsx-error-message\">\r\n  @if(control?.errors?.['required']){ El campo <strong>es requerido.</strong>\r\n  } @else if(control?.errors?.['invalidDateRange']){\r\n  <strong>{{ control?.errors?.['invalidDateRange']?.message }}</strong\r\n  >. } @else if(control?.errors?.['dateNotRange']){\r\n  <strong>{{ control?.errors?.['dateNotRange']?.message }}</strong\r\n  >. } @else if(control?.errors?.['minlength']){ Debe tener al menos\r\n  <strong>{{ control?.errors?.['minlength']?.requiredLength }}</strong>\r\n  caracteres. } @else if(control?.errors?.['maxlength']){ Debe tener como máximo\r\n  <strong>{{ control?.errors?.['maxlength']?.requiredLength }}</strong>\r\n  caracteres. } @else if(control?.errors?.['min']){ El valor mínimo permitido es\r\n  <strong>{{ control?.errors?.['min']?.min }}</strong\r\n  >. } @else if(control?.errors?.['max']){ El valor máximo permitido es\r\n  <strong>{{ control?.errors?.['max']?.max }}</strong\r\n  >. } @else if(control?.errors?.['email']){ Debe ser una dirección de correo\r\n  válida. } @else if(control?.errors?.['pattern']){ El campo no tiene el formato\r\n  requerido. } @else{ Existe un error aún no identificado. }\r\n</div>\r\n}\r\n<!-- mensaje para formulario en general -->\r\n@if(form?.invalid && form?.touched){\r\n<div class=\"mt-2 mb-2\">\r\n  @if(this.form?.errors?.['atLeastOneRequired']){\r\n  <p-tag severity=\"danger\" [rounded]=\"true\">\r\n    {{ form?.getError(\"atLeastOneRequired\")?.message }}</p-tag\r\n  >\r\n  }\r\n</div>\r\n}\r\n","import { Component, input } from '@angular/core';\r\nimport { CountUpModule } from 'ngx-countup';\r\n\r\n@Component({\r\n  selector: 'app-kpicard',\r\n  imports: [CountUpModule],\r\n  templateUrl: './kpicard.component.html',\r\n  styleUrl: './kpicard.component.css',\r\n})\r\nexport class KpicardComponent {\r\n  //type = input.required<string>();\r\n  option = input.required<'currency' | 'integer'>();\r\n  label = input.required<string>();\r\n  iconType = input<string>('fa-regular fa-bell');\r\n  color = input<string>();\r\n  valor = input<number>(0);\r\n  theme = input<string>('light');\r\n\r\n  options: Record<'currency' | 'integer', any> = {\r\n    currency: {\r\n      startVal: 0,\r\n      duration: 0.5,\r\n      prefix: 'Q',\r\n      decimalPlaces: 2, // Decimales\r\n      useGrouping: true, // Separador de miles\r\n      separator: ',', // Carácter separador\r\n      decimal: '.', // Carácter decimal\r\n      suffix: ' GTQ', // Sufijo\r\n      scrollSpyDelay: 200, // Retardo antes de la animación\r\n      enableScrollSpy: true,\r\n      scrollSpyOnce: true,\r\n    },\r\n    integer: {\r\n      startVal: 0,\r\n      duration: 0.5,\r\n      prefix: 'Cant. ',\r\n      decimalPlaces: 2, // Decimales\r\n      useGrouping: true, // Separador de miles\r\n      separator: ',', // Carácter separador\r\n      decimal: '.', // Carácter decimal\r\n      scrollSpyDelay: 200, // Retardo antes de la animación\r\n      enableScrollSpy: true,\r\n      scrollSpyOnce: true,\r\n    },\r\n  };\r\n\r\n  // ✅ Método auxiliar para obtener la opción con seguridad\r\n  getSelectedOption() {\r\n    return this.options[this.option()] ?? this.options.currency; // Si no existe, usa `currency`\r\n  }\r\n}\r\n","<div class=\"kpi-card {{ color() }}\">\r\n  <span\r\n    [countUp]=\"valor()\"\r\n    [options]=\"getSelectedOption()\"\r\n    [class]=\"theme() === 'light' ? 'card-value-light' : 'card-value-dark'\"\r\n    >0</span\r\n  >\r\n  <span [class]=\"theme() === 'light' ? 'card-text-light' : 'card-text-dark'\">{{\r\n    label()\r\n  }}</span>\r\n  <i\r\n    [class]=\"\r\n      theme() === 'light'\r\n        ? iconType() + ' icon icon-light'\r\n        : iconType() + ' icon icon-dark'\r\n    \"\r\n  ></i>\r\n</div>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1"],"mappings":"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"}

package/fesm2022/ngx-dsx-src-lib-interceptors.mjs

@@ -0,0 +1,4 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+//# sourceMappingURL=ngx-dsx-src-lib-interceptors.mjs.map

package/fesm2022/ngx-dsx-src-lib-interceptors.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngx-dsx-src-lib-interceptors.mjs","sources":["../../../projects/ngx-dsx/src/lib/interceptors/ngx-dsx-src-lib-interceptors.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"AAAA;;AAEG"}

package/fesm2022/ngx-dsx-src-lib-models.mjs

@@ -0,0 +1,4 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+//# sourceMappingURL=ngx-dsx-src-lib-models.mjs.map

package/fesm2022/ngx-dsx-src-lib-models.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngx-dsx-src-lib-models.mjs","sources":["../../../projects/ngx-dsx/src/lib/models/ngx-dsx-src-lib-models.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"AAAA;;AAEG"}

package/fesm2022/ngx-dsx-src-lib-pipe.mjs

@@ -0,0 +1,35 @@
+import * as i0 from '@angular/core';
+import { Pipe } from '@angular/core';
+
+class JsonHighlightPipe {
+    transform(value) {
+        if (!value) {
+            return '';
+        }
+        const json = JSON.stringify(value, null, 2); // Formatea el JSON con sangría
+        // Aplica estilo y colores básicos para diferenciar claves y valores
+        return json
+            .replace(/&/g, '&')
+            .replace(/</g, '&lt;')
+            .replace(/>/g, '&gt;')
+            .replace(/(".*?"):/g, '<span class="json-key">$1</span>:')
+            .replace(/:\s(".*?")/g, ': <span class="json-string">$1</span>')
+            .replace(/\b(true|false|null)\b/g, '<span class="json-boolean">$1</span>')
+            .replace(/:\s(\d+)/g, ': <span class="json-number">$1</span>');
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: JsonHighlightPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.0", ngImport: i0, type: JsonHighlightPipe, isStandalone: true, name: "jsonHighlight" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: JsonHighlightPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'jsonHighlight',
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { JsonHighlightPipe };
+//# sourceMappingURL=ngx-dsx-src-lib-pipe.mjs.map

package/fesm2022/ngx-dsx-src-lib-pipe.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngx-dsx-src-lib-pipe.mjs","sources":["../../../projects/ngx-dsx/src/lib/pipe/json-highlight.pipe.ts","../../../projects/ngx-dsx/src/lib/pipe/ngx-dsx-src-lib-pipe.ts"],"sourcesContent":["import { Pipe, PipeTransform } from '@angular/core';\r\n\r\n@Pipe({\r\n  name: 'jsonHighlight',\r\n})\r\nexport class JsonHighlightPipe implements PipeTransform {\r\n  transform(value: any): string {\r\n    if (!value) {\r\n      return '';\r\n    }\r\n\r\n    const json = JSON.stringify(value, null, 2); // Formatea el JSON con sangría\r\n\r\n    // Aplica estilo y colores básicos para diferenciar claves y valores\r\n    return json\r\n      .replace(/&/g, '&amp;')\r\n      .replace(/</g, '&lt;')\r\n      .replace(/>/g, '&gt;')\r\n      .replace(/(\".*?\"):/g, '<span class=\"json-key\">$1</span>:')\r\n      .replace(/:\\s(\".*?\")/g, ': <span class=\"json-string\">$1</span>')\r\n      .replace(/\\b(true|false|null)\\b/g, '<span class=\"json-boolean\">$1</span>')\r\n      .replace(/:\\s(\\d+)/g, ': <span class=\"json-number\">$1</span>');\r\n  }\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;MAKa,iBAAiB,CAAA;AAC5B,IAAA,SAAS,CAAC,KAAU,EAAA;QAClB,IAAI,CAAC,KAAK,EAAE;AACV,YAAA,OAAO,EAAE;;AAGX,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;;AAG5C,QAAA,OAAO;AACJ,aAAA,OAAO,CAAC,IAAI,EAAE,OAAO;AACrB,aAAA,OAAO,CAAC,IAAI,EAAE,MAAM;AACpB,aAAA,OAAO,CAAC,IAAI,EAAE,MAAM;AACpB,aAAA,OAAO,CAAC,WAAW,EAAE,mCAAmC;AACxD,aAAA,OAAO,CAAC,aAAa,EAAE,uCAAuC;AAC9D,aAAA,OAAO,CAAC,wBAAwB,EAAE,sCAAsC;AACxE,aAAA,OAAO,CAAC,WAAW,EAAE,uCAAuC,CAAC;;uGAhBvD,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,IAAA,EAAA,CAAA;qGAAjB,iBAAiB,EAAA,YAAA,EAAA,IAAA,EAAA,IAAA,EAAA,eAAA,EAAA,CAAA;;2FAAjB,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAH7B,IAAI;AAAC,YAAA,IAAA,EAAA,CAAA;AACJ,oBAAA,IAAI,EAAE,eAAe;AACtB,iBAAA;;;ACJD;;AAEG;;;;"}

package/fesm2022/ngx-dsx-src-lib-services.mjs

@@ -0,0 +1,4 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+//# sourceMappingURL=ngx-dsx-src-lib-services.mjs.map

package/fesm2022/ngx-dsx-src-lib-services.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngx-dsx-src-lib-services.mjs","sources":["../../../projects/ngx-dsx/src/lib/services/ngx-dsx-src-lib-services.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"AAAA;;AAEG"}

package/fesm2022/ngx-dsx-src-lib-tokens.mjs

@@ -0,0 +1,4 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+//# sourceMappingURL=ngx-dsx-src-lib-tokens.mjs.map

package/fesm2022/ngx-dsx-src-lib-tokens.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngx-dsx-src-lib-tokens.mjs","sources":["../../../projects/ngx-dsx/src/lib/tokens/ngx-dsx-src-lib-tokens.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"AAAA;;AAEG"}