npm - @acorex/components - Versions diffs - 22.2.14 → 22.2.16 - Mend

@acorex/components 22.2.14 → 22.2.16

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (181) hide show

package/fesm2022/acorex-components-range-slider.mjs CHANGED Viewed

@@ -664,8 +664,8 @@ class AXRangeSliderComponent extends classes((MXValueComponent)) {
             `${this.readonly ? 'ax-state-readonly' : ''}`,
         ];
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXRangeSliderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXRangeSliderComponent, isStandalone: true, selector: "ax-range-slider", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: false, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: false, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, values: { classPropertyName: "values", publicName: "values", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: false, transformFunction: null }, snap: { classPropertyName: "snap", publicName: "snap", isSignal: true, isRequired: false, transformFunction: null }, tooltipMode: { classPropertyName: "tooltipMode", publicName: "tooltipMode", isSignal: true, isRequired: false, transformFunction: null }, snapMode: { classPropertyName: "snapMode", publicName: "snapMode", isSignal: true, isRequired: false, transformFunction: null }, hasStep: { classPropertyName: "hasStep", publicName: "hasStep", isSignal: true, isRequired: false, transformFunction: null }, hasSnap: { classPropertyName: "hasSnap", publicName: "hasSnap", isSignal: true, isRequired: false, transformFunction: null }, hasLable: { classPropertyName: "hasLable", publicName: "hasLable", isSignal: true, isRequired: false, transformFunction: null }, hasTooltip: { classPropertyName: "hasTooltip", publicName: "hasTooltip", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { values: "valuesChange" }, host: { listeners: { "wheel": "onWheel($event)" }, properties: { "class": "this.__hostClass" } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXRangeSliderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: AXRangeSliderComponent, isStandalone: true, selector: "ax-range-slider", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: false, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: false, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, values: { classPropertyName: "values", publicName: "values", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: false, transformFunction: null }, snap: { classPropertyName: "snap", publicName: "snap", isSignal: true, isRequired: false, transformFunction: null }, tooltipMode: { classPropertyName: "tooltipMode", publicName: "tooltipMode", isSignal: true, isRequired: false, transformFunction: null }, snapMode: { classPropertyName: "snapMode", publicName: "snapMode", isSignal: true, isRequired: false, transformFunction: null }, hasStep: { classPropertyName: "hasStep", publicName: "hasStep", isSignal: true, isRequired: false, transformFunction: null }, hasSnap: { classPropertyName: "hasSnap", publicName: "hasSnap", isSignal: true, isRequired: false, transformFunction: null }, hasLable: { classPropertyName: "hasLable", publicName: "hasLable", isSignal: true, isRequired: false, transformFunction: null }, hasTooltip: { classPropertyName: "hasTooltip", publicName: "hasTooltip", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { values: "valuesChange" }, host: { listeners: { "wheel": "onWheel($event)" }, properties: { "class": "this.__hostClass" } }, providers: [
             { provide: AXValuableComponent, useExisting: AXRangeSliderComponent },
             {
                 provide: NG_VALUE_ACCESSOR,
@@ -675,7 +675,7 @@ class AXRangeSliderComponent extends classes((MXValueComponent)) {
             { provide: AXComponent, useExisting: AXRangeSliderComponent },
         ], usesInheritance: true, ngImport: i0, template: "@if (correctMinMax()) {\n  <div class=\"ax-range-slider\" [class]=\"'ax-orientation-' + orientation()\">\n    <div class=\"ax-range-slider-bar\" (mousedown)=\"onStartBar($event)\" (touchstart)=\"onStartBar($event)\"></div>\n    <div\n      class=\"ax-range-slider-highlight\"\n      [ngStyle]=\"AXRangeSliderHighlight()\"\n      (mousedown)=\"onStartBar($event)\"\n      (touchstart)=\"onStartBar($event)\"\n    ></div>\n\n    <div\n      class=\"ax-range-slider-handler\"\n      [ngStyle]=\"AXRangeSliderHandler1()\"\n      name=\"first\"\n      (mousedown)=\"onStartBar($event)\"\n      (touchstart)=\"onStartBar($event)\"\n    >\n      @if (hasTooltip()) {\n        <div class=\"ax-range-slider-tooltip\">{{ isDual() ? values()[0] : values() }}</div>\n      }\n    </div>\n\n    @if (isDual()) {\n      <div\n        class=\"ax-range-slider-handler\"\n        [ngStyle]=\"AXRangeSliderHandler2()\"\n        name=\"second\"\n        (mousedown)=\"onStartBar($event)\"\n        (touchstart)=\"onStartBar($event)\"\n      >\n        @if (hasTooltip()) {\n          <div class=\"ax-range-slider-tooltip\">{{ values()[1] }}</div>\n        }\n      </div>\n    }\n    @if (hasSnap()) {\n      <div class=\"ax-range-slider-step\" [ngStyle]=\"AXRangeSliderStep()\">\n        @for (item of calculateSnapBar(); track $index) {\n          <div\n            class=\"ax-range-slider-steps\"\n            [ngStyle]=\"isHorizontal() ? { left: getPercantage(item) + '%' } : { bottom: getPercantage(item) + '%' }\"\n          >\n            @if (hasLable()) {\n              <div class=\"ax-range-slider-label\" [ngStyle]=\"AXRangeLabel()\">\n                {{ item + min() }}\n              </div>\n            }\n          </div>\n        }\n      </div>\n    }\n  </div>\n}\n", styles: ["@layer properties;@layer components{ax-range-slider{display:flex;align-items:center;justify-content:center;padding:calc(var(--spacing, .25rem) * 4);font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));-webkit-user-select:none;user-select:none}ax-range-slider .ax-range-slider.ax-orientation-horizontal{position:relative;height:calc(var(--spacing, .25rem) * 4);width:100%}ax-range-slider .ax-range-slider.ax-orientation-horizontal .ax-range-slider-bar{position:absolute;top:50%;left:calc(var(--spacing, .25rem) * 0);z-index:5;height:calc(var(--spacing, .25rem) * 1);width:100%;--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y);cursor:pointer;border-radius:calc(infinity * 1px);background-color:var(--ax-comp-bg-lighter)}ax-range-slider .ax-range-slider.ax-orientation-horizontal .ax-range-slider-highlight{position:absolute;top:50%;z-index:6;height:calc(var(--spacing, .25rem) * 2);--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y);cursor:pointer;border-radius:calc(infinity * 1px);background-color:var(--ax-comp-bg)}ax-range-slider .ax-range-slider.ax-orientation-horizontal .ax-range-slider-handler{position:absolute;top:50%;z-index:10;height:calc(var(--spacing, .25rem) * 6);width:calc(var(--spacing, .25rem) * 6);transform:translate(-45%,-50%);cursor:pointer;border-radius:calc(infinity * 1px);background-color:var(--ax-comp-bg);transition-property:all;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s))}ax-range-slider .ax-range-slider.ax-orientation-horizontal .ax-range-slider-handler:hover,ax-range-slider .ax-range-slider.ax-orientation-horizontal .ax-range-slider-handler:active{--tw-shadow-color: rgba(var(--ax-sys-color-primary-surface))}@supports (color: color-mix(in lab,red,red)){ax-range-slider .ax-range-slider.ax-orientation-horizontal .ax-range-slider-handler:hover,ax-range-slider .ax-range-slider.ax-orientation-horizontal .ax-range-slider-handler:active{--tw-shadow-color: color-mix(in oklab, rgba(var(--ax-sys-color-primary-surface)) var(--tw-shadow-alpha), transparent)}}ax-range-slider .ax-range-slider.ax-orientation-horizontal .ax-range-slider-tooltip{position:absolute;top:calc(var(--spacing, .25rem) * -2);left:calc(var(--spacing, .25rem) * 3);transform:translate(-50%,-125%);border-radius:var(--radius-xs, .125rem);background-color:var(--ax-comp-bg);padding-inline:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 1);--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);white-space:nowrap;color:var(--ax-comp-text)}ax-range-slider .ax-range-slider.ax-orientation-horizontal .ax-range-slider-tooltip:after{position:absolute;top:calc(var(--spacing, .25rem) * 7);left:50%;--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y);border-top-style:var(--tw-border-style);border-top-width:8px;border-top-color:var(--ax-comp-bg);--tw-content: \"\";content:var(--tw-content)}ax-range-slider .ax-range-slider.ax-orientation-horizontal .ax-range-slider-step{position:absolute;z-index:4;display:flex;width:100%;flex-direction:row}ax-range-slider .ax-range-slider.ax-orientation-horizontal .ax-range-slider-step .ax-range-slider-steps{position:absolute;height:50%;border-left-style:var(--tw-border-style);border-left-width:2px;border-left-color:rgba(var(--ax-sys-color-border-lightest-surface))}ax-range-slider .ax-range-slider.ax-orientation-horizontal .ax-range-slider-step .ax-range-slider-steps .ax-range-slider-label{position:relative;top:calc(var(--spacing, .25rem) * 2);left:-50%;text-align:center}ax-range-slider .ax-range-slider.ax-orientation-vertical{position:relative;height:100%;width:calc(var(--spacing, .25rem) * 4)}ax-range-slider .ax-range-slider.ax-orientation-vertical .ax-range-slider-bar{position:absolute;top:calc(var(--spacing, .25rem) * 0);left:50%;z-index:5;height:100%;width:calc(var(--spacing, .25rem) * 1);--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y);cursor:pointer;border-radius:calc(infinity * 1px);background-color:var(--ax-comp-bg-primary-lighter)}ax-range-slider .ax-range-slider.ax-orientation-vertical .ax-range-slider-highlight{position:absolute;left:50%;z-index:6;width:calc(var(--spacing, .25rem) * 1);--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y);cursor:pointer;border-radius:calc(infinity * 1px);background-color:var(--ax-comp-bg)}ax-range-slider .ax-range-slider.ax-orientation-vertical .ax-range-slider-handler{position:absolute;left:50%;z-index:10;height:calc(var(--spacing, .25rem) * 6);width:calc(var(--spacing, .25rem) * 6);transform:translate(-50%,-55%);cursor:pointer;border-radius:calc(infinity * 1px);background-color:var(--ax-comp-bg);transition-property:all;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s))}ax-range-slider .ax-range-slider.ax-orientation-vertical .ax-range-slider-handler:active{border-style:var(--tw-border-style);border-width:1px;border-color:transparent;--tw-shadow-color: rgba(var(--ax-sys-color-primary-surface))}@supports (color: color-mix(in lab,red,red)){ax-range-slider .ax-range-slider.ax-orientation-vertical .ax-range-slider-handler:active{--tw-shadow-color: color-mix(in oklab, rgba(var(--ax-sys-color-primary-surface)) var(--tw-shadow-alpha), transparent)}}ax-range-slider .ax-range-slider.ax-orientation-vertical .ax-range-slider-tooltip{position:absolute;top:calc(var(--spacing, .25rem) * 9);left:calc(var(--spacing, .25rem) * -8);transform:translate(-50%,-125%);border-radius:var(--radius-sm, .25rem);background-color:var(--ax-comp-bg);padding-inline:calc(var(--spacing, .25rem) * 2);padding-block:calc(var(--spacing, .25rem) * 1);--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);white-space:nowrap;color:var(--ax-comp-text)}ax-range-slider .ax-range-slider.ax-orientation-vertical .ax-range-slider-tooltip:after{position:absolute;top:50%;left:100%;--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y);border-style:var(--tw-border-style);border-width:8px;--tw-border-style: solid;border-style:solid;border-bottom-color:rgba(var(--ax-sys-color-primary-surface));--tw-content: \"\";content:var(--tw-content)}ax-range-slider .ax-range-slider.ax-orientation-vertical .ax-range-slider-step{position:absolute;z-index:4;display:flex;height:100%;flex-direction:column}ax-range-slider .ax-range-slider.ax-orientation-vertical .ax-range-slider-step .ax-range-slider-steps{position:absolute;width:50%;border-top-color:rgba(var(--ax-sys-color-border-lightest-surface))}ax-range-slider .ax-range-slider.ax-orientation-vertical .ax-range-slider-step .ax-range-slider-steps .ax-range-slider-label{position:absolute;top:calc(var(--spacing, .25rem) * -3);left:150%}ax-range-slider.ax-sm,.ax-sm ax-range-slider{padding:calc(var(--spacing, .25rem) * 0)}:is(ax-range-slider.ax-sm,.ax-sm ax-range-slider) .ax-range-slider.ax-orientation-horizontal{height:calc(var(--spacing, .25rem) * 3)}:is(ax-range-slider.ax-sm,.ax-sm ax-range-slider) .ax-range-slider.ax-orientation-horizontal .ax-range-slider-bar{height:calc(var(--spacing, .25rem) * .5)}:is(ax-range-slider.ax-sm,.ax-sm ax-range-slider) .ax-range-slider.ax-orientation-horizontal .ax-range-slider-highlight{height:calc(var(--spacing, .25rem) * 1)}:is(ax-range-slider.ax-sm,.ax-sm ax-range-slider) .ax-range-slider.ax-orientation-horizontal .ax-range-slider-handler{height:calc(var(--spacing, .25rem) * 3);width:calc(var(--spacing, .25rem) * 3)}:is(ax-range-slider.ax-sm,.ax-sm ax-range-slider) .ax-range-slider.ax-orientation-vertical{width:calc(var(--spacing, .25rem) * 3)}:is(ax-range-slider.ax-sm,.ax-sm ax-range-slider) .ax-range-slider.ax-orientation-vertical .ax-range-slider-bar{width:calc(var(--spacing, .25rem) * .5)}:is(ax-range-slider.ax-sm,.ax-sm ax-range-slider) .ax-range-slider.ax-orientation-vertical .ax-range-slider-highlight{width:calc(var(--spacing, .25rem) * 1)}:is(ax-range-slider.ax-sm,.ax-sm ax-range-slider) .ax-range-slider.ax-orientation-vertical .ax-range-slider-handler{height:calc(var(--spacing, .25rem) * 3);width:calc(var(--spacing, .25rem) * 3)}}@property --tw-translate-x{syntax: \"*\"; inherits: false; initial-value: 0;}@property --tw-translate-y{syntax: \"*\"; inherits: false; initial-value: 0;}@property --tw-translate-z{syntax: \"*\"; inherits: false; initial-value: 0;}@property --tw-rotate-x{syntax: \"*\"; inherits: false;}@property --tw-rotate-y{syntax: \"*\"; inherits: false;}@property --tw-rotate-z{syntax: \"*\"; inherits: false;}@property --tw-skew-x{syntax: \"*\"; inherits: false;}@property --tw-skew-y{syntax: \"*\"; inherits: false;}@property --tw-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: \"*\"; inherits: false;}@property --tw-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: \"*\"; inherits: false;}@property --tw-inset-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: \"*\"; inherits: false;}@property --tw-ring-offset-width{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: \"*\"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-content{syntax: \"*\"; inherits: false; initial-value: \"\";}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x: 0;--tw-translate-y: 0;--tw-translate-z: 0;--tw-rotate-x: initial;--tw-rotate-y: initial;--tw-rotate-z: initial;--tw-skew-x: initial;--tw-skew-y: initial;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000;--tw-font-weight: initial;--tw-border-style: solid;--tw-content: \"\"}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXRangeSliderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXRangeSliderComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-range-slider', inputs: ['disabled', 'readonly'], encapsulation: ViewEncapsulation.None, providers: [
                         { provide: AXValuableComponent, useExisting: AXRangeSliderComponent },
@@ -695,11 +695,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
             }] } });
 class AXRangeSliderModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXRangeSliderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: AXRangeSliderModule, imports: [CommonModule, AXRangeSliderComponent], exports: [AXRangeSliderComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXRangeSliderModule, imports: [CommonModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXRangeSliderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.6", ngImport: i0, type: AXRangeSliderModule, imports: [CommonModule, AXRangeSliderComponent], exports: [AXRangeSliderComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXRangeSliderModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXRangeSliderModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXRangeSliderModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, AXRangeSliderComponent],

package/fesm2022/acorex-components-rate-picker.mjs CHANGED Viewed

@@ -267,8 +267,8 @@ class AXRatePickerComponent extends MXValueComponent {
             `${!this.readonly && !this.disabled ? 'ax-active' : ''}`,
         ];
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXRatePickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXRatePickerComponent, isStandalone: true, selector: "ax-rate-picker", inputs: { readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: false, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: false, isRequired: false, transformFunction: null }, iconName: { classPropertyName: "iconName", publicName: "iconName", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: false, transformFunction: null }, hasTransition: { classPropertyName: "hasTransition", publicName: "hasTransition", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "this.__hostClass" } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXRatePickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: AXRatePickerComponent, isStandalone: true, selector: "ax-rate-picker", inputs: { readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: false, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: false, isRequired: false, transformFunction: null }, iconName: { classPropertyName: "iconName", publicName: "iconName", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: false, transformFunction: null }, hasTransition: { classPropertyName: "hasTransition", publicName: "hasTransition", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "this.__hostClass" } }, providers: [
             { provide: AXValuableComponent, useExisting: AXRatePickerComponent },
             {
                 provide: NG_VALUE_ACCESSOR,
@@ -278,7 +278,7 @@ class AXRatePickerComponent extends MXValueComponent {
             { provide: AXComponent, useExisting: AXRatePickerComponent },
         ], viewQueries: [{ propertyName: "containerEl", first: true, predicate: ["c"], descendants: true, isSignal: true }, { propertyName: "ratingEl", first: true, predicate: ["r"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div\n  #c\n  class=\"ax-rate-picker-container\"\n  (click)=\"calculateRate($event)\"\n  (touchstart)=\"calculateRate($event)\"\n  (mouseenter)=\"mouseEnter()\"\n  (mouseleave)=\"mouseLeave()\"\n>\n  <div #r class=\"ax-rate-picker-rating\" [style.width.%]=\"ratePercentage()\">\n    <div class=\"ax-rate-picker-icons ax-rp-active\">\n      @for (rate of rates(); track rate) {\n        <i class=\"ax-rate-picker-icon fa-solid\" [class]=\"iconName()\" [class.pointer]=\"!this.readonly\"></i>\n      }\n    </div>\n  </div>\n  <div class=\"ax-rate-picker-icons ax-rp-inactive\">\n    @for (rate of rates(); track rate) {\n      <i class=\"ax-rate-picker-icon fa-solid\" [class]=\"iconName()\"></i>\n    }\n  </div>\n</div>\n", styles: ["@layer properties;@layer components{ax-rate-picker.ax-active{cursor:pointer}ax-rate-picker.ax-disable{cursor:not-allowed;opacity:50%}ax-rate-picker .ax-rate-picker-container{position:relative;width:min-content;font-size:var(--text-lg, 1.125rem);line-height:var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)))}ax-rate-picker .ax-rate-picker-container .ax-rate-picker-rating{position:relative;z-index:10;overflow:hidden}ax-rate-picker .ax-rate-picker-container .ax-rate-picker-rating .ax-rate-picker-icons{display:flex}ax-rate-picker .ax-rate-picker-container .ax-rate-picker-rating .ax-rate-picker-icons.ax-rp-active{color:var(--ax-comp-bg)}ax-rate-picker .ax-rate-picker-container .ax-rate-picker-icons{display:flex}ax-rate-picker .ax-rate-picker-container .ax-rate-picker-icons.ax-rp-inactive{position:absolute;top:50%;left:50%;z-index:5;--tw-translate-x: -50% ;--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y);color:color-mix(in oklab,rgba(var(--ax-sys-color-on-surface)) 20%,transparent)}:is(.ax-xs ax-rate-picker,ax-rate-picker.ax-xs) .ax-rate-picker-container{font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)))}:is(.ax-sm ax-rate-picker,ax-rate-picker.ax-sm) .ax-rate-picker-container{font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ))}:is(.ax-md ax-rate-picker,ax-rate-picker.ax-md) .ax-rate-picker-container{font-size:var(--text-lg, 1.125rem);line-height:var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)))}:is(.ax-lg ax-rate-picker,ax-rate-picker.ax-lg) .ax-rate-picker-container{font-size:var(--text-2xl, 1.5rem);line-height:var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)))}:is(.ax-xl ax-rate-picker,ax-rate-picker.ax-xl) .ax-rate-picker-container{font-size:var(--text-4xl, 2.25rem);line-height:var(--tw-leading, var(--text-4xl--line-height, calc(2.5 / 2.25)))}}@property --tw-translate-x{syntax: \"*\"; inherits: false; initial-value: 0;}@property --tw-translate-y{syntax: \"*\"; inherits: false; initial-value: 0;}@property --tw-translate-z{syntax: \"*\"; inherits: false; initial-value: 0;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x: 0;--tw-translate-y: 0;--tw-translate-z: 0}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXRatePickerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXRatePickerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-rate-picker', encapsulation: ViewEncapsulation.None, inputs: ['readonly', 'disabled'], providers: [
                         { provide: AXValuableComponent, useExisting: AXRatePickerComponent },
@@ -295,11 +295,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
             }] } });
 class AXRatePickerModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXRatePickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: AXRatePickerModule, imports: [CommonModule, AXRatePickerComponent], exports: [AXRatePickerComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXRatePickerModule, imports: [CommonModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXRatePickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.6", ngImport: i0, type: AXRatePickerModule, imports: [CommonModule, AXRatePickerComponent], exports: [AXRatePickerComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXRatePickerModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXRatePickerModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXRatePickerModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, AXRatePickerComponent],

package/fesm2022/acorex-components-reaction.mjs CHANGED Viewed

@@ -112,10 +112,10 @@ class AXReactionComponent {
         const selected = item.selected ? ', selected' : '';
         return `${item.emoji.name}, ${item.count}${selected}`;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXReactionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXReactionComponent, isStandalone: true, selector: "ax-reaction", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, editable: { classPropertyName: "editable", publicName: "editable", isSignal: true, isRequired: false, transformFunction: null }, showPicker: { classPropertyName: "showPicker", publicName: "showPicker", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { add: "add", remove: "remove" }, host: { properties: { "class.ax-reaction-editable": "editable()" }, classAttribute: "ax-reaction-host" }, providers: [{ provide: AXComponent, useExisting: AXReactionComponent }], viewQueries: [{ propertyName: "pickerPopover", first: true, predicate: ["pickerPopover"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"ax-reaction\">\n  @for (item of items(); track item.emoji.code) {\n    <button\n      type=\"button\"\n      class=\"ax-reaction-item\"\n      [class.ax-reaction-item-selected]=\"item.selected\"\n      [class.ax-reaction-item-interactive]=\"editable()\"\n      [attr.aria-label]=\"itemAriaLabel(item)\"\n      [attr.aria-pressed]=\"item.selected ? true : null\"\n      [title]=\"item.emoji.name\"\n      (click)=\"onItemClick(item)\"\n    >\n      <ax-emoji [emoji]=\"item.emoji\" [size]=\"size()\" />\n\n      <span class=\"ax-reaction-count\">\n        {{ item.count }}\n      </span>\n    </button>\n  }\n\n  @if (editable()) {\n    <button\n      #addButton\n      type=\"button\"\n      class=\"ax-reaction-item ax-reaction-add\"\n      [class.ax-reaction-item-selected]=\"isPickerVisible()\"\n      [attr.aria-label]=\"'Add reaction'\"\n      [attr.aria-expanded]=\"isPickerVisible()\"\n      [attr.aria-haspopup]=\"true\"\n      title=\"Add reaction\"\n      (click)=\"togglePicker($event)\"\n      (mousedown)=\"$event.stopPropagation()\"\n    >\n      <span class=\"ax-reaction-add-icon\" aria-hidden=\"true\"></span>\n    </button>\n\n    <ax-popover\n      #pickerPopover\n      [target]=\"addButton\"\n      [openOn]=\"'manual'\"\n      [closeOn]=\"'clickOut'\"\n      [placement]=\"'bottom-start'\"\n      panelClass=\"ax-reaction-picker-panel\"\n      (onOpened)=\"onPickerOpened()\"\n      (onClosed)=\"onPickerClosed()\"\n    >\n      <ax-emoji-picker (selected)=\"onPickerSelected($event)\" />\n    </ax-popover>\n  }\n</div>\n", styles: ["@layer properties;@layer components{ax-reaction{--ax-comp-reaction-gap: .25rem;--ax-comp-reaction-item-gap: .25rem;--ax-comp-reaction-item-padding-x: .4rem;--ax-comp-reaction-item-padding-y: .125rem;--ax-comp-reaction-item-min-height: 1.5rem;--ax-comp-reaction-item-radius: 9999px;--ax-comp-reaction-item-font-size: .6875rem;--ax-comp-reaction-item-bg: var(--color-surface);--ax-comp-reaction-item-border: var(--color-border-lightest);--ax-comp-reaction-item-color: var(--color-on-surface);--ax-comp-reaction-item-hover-bg: var(--color-lightest);--ax-comp-reaction-item-selected-bg: color-mix(in srgb, rgba(var(--ax-sys-color-primary-surface)) 18%, rgba(var(--ax-sys-color-surface)));--ax-comp-reaction-item-selected-border: var(--color-border-primary);position:relative;display:inline-flex;align-items:center}@supports (color: color-mix(in lab,red,red)){ax-reaction{--ax-comp-reaction-item-selected-bg: color-mix(in oklab, var(--color-primary) 18%, var(--color-surface))}}ax-reaction .ax-reaction{display:inline-flex;flex-wrap:wrap;align-items:center;gap:var(--ax-comp-reaction-gap)}ax-reaction .ax-reaction-item{display:inline-flex;align-items:center;justify-content:center;border-radius:calc(infinity * 1px);border-style:var(--tw-border-style);border-width:1px;gap:var(--ax-comp-reaction-item-gap);min-height:var(--ax-comp-reaction-item-min-height);padding:var(--ax-comp-reaction-item-padding-y) var(--ax-comp-reaction-item-padding-x);border-radius:var(--ax-comp-reaction-item-radius);border-color:var(--ax-comp-reaction-item-border);background-color:var(--ax-comp-reaction-item-bg);color:var(--ax-comp-reaction-item-color);font-size:var(--ax-comp-reaction-item-font-size);line-height:1;cursor:default}ax-reaction .ax-reaction-item ax-emoji{pointer-events:none}ax-reaction .ax-reaction-item-interactive,ax-reaction .ax-reaction-add{cursor:pointer}:is(ax-reaction .ax-reaction-item-interactive,ax-reaction .ax-reaction-add):hover{background-color:var(--ax-comp-reaction-item-hover-bg);border-color:var(--color-border-light)}:is(ax-reaction .ax-reaction-item-interactive,ax-reaction .ax-reaction-add):focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}ax-reaction .ax-reaction-item-selected{background-color:var(--ax-comp-reaction-item-selected-bg);border-color:var(--ax-comp-reaction-item-selected-border)}ax-reaction .ax-reaction-count{--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);color:var(--ax-comp-reaction-item-color);opacity:.7}ax-reaction .ax-reaction-item-selected .ax-reaction-count{color:var(--color-primary);opacity:.95}ax-reaction .ax-reaction-add{aspect-ratio:1 / 1;min-width:1.5rem;padding-inline:calc(var(--spacing, .25rem) * 0)}ax-reaction .ax-reaction-add-icon{position:relative;display:block;width:calc(var(--spacing, .25rem) * 2.5);height:calc(var(--spacing, .25rem) * 2.5)}ax-reaction .ax-reaction-add-icon:before,ax-reaction .ax-reaction-add-icon:after{position:absolute;inset:calc(var(--spacing, .25rem) * 0);margin:auto;border-radius:calc(infinity * 1px);content:\"\";background-color:currentColor}ax-reaction .ax-reaction-add-icon:before{width:100%;height:1.5px}ax-reaction .ax-reaction-add-icon:after{width:1.5px;height:100%}ax-reaction ax-popover{display:contents}.ax-reaction-picker-panel ax-emoji-picker{width:min(22rem,92vw);border:none;box-shadow:none;border-radius:0}}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-ordinal{syntax: \"*\"; inherits: false;}@property --tw-slashed-zero{syntax: \"*\"; inherits: false;}@property --tw-numeric-figure{syntax: \"*\"; inherits: false;}@property --tw-numeric-spacing{syntax: \"*\"; inherits: false;}@property --tw-numeric-fraction{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-font-weight: initial;--tw-ordinal: initial;--tw-slashed-zero: initial;--tw-numeric-figure: initial;--tw-numeric-spacing: initial;--tw-numeric-fraction: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "component", type: AXEmojiComponent, selector: "ax-emoji", inputs: ["emoji", "appearance", "size"] }, { kind: "component", type: AXEmojiPickerComponent, selector: "ax-emoji-picker", inputs: ["items", "size", "appearance", "showSearch", "showRecent", "columns", "searchPlaceholder", "excludeCategories", "excludeCodes", "excludeUnicode", "recentItems"], outputs: ["selected", "recentChanged"] }, { kind: "component", type: AXPopoverComponent, selector: "ax-popover", inputs: ["width", "disablePanelClass", "visualContextScope", "disabled", "offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "openAfter", "closeAfter", "closeOnScroll", "backdropClass", "panelClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXReactionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: AXReactionComponent, isStandalone: true, selector: "ax-reaction", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, editable: { classPropertyName: "editable", publicName: "editable", isSignal: true, isRequired: false, transformFunction: null }, showPicker: { classPropertyName: "showPicker", publicName: "showPicker", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { add: "add", remove: "remove" }, host: { properties: { "class.ax-reaction-editable": "editable()" }, classAttribute: "ax-reaction-host" }, providers: [{ provide: AXComponent, useExisting: AXReactionComponent }], viewQueries: [{ propertyName: "pickerPopover", first: true, predicate: ["pickerPopover"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"ax-reaction\">\n  @for (item of items(); track item.emoji.code) {\n    <button\n      type=\"button\"\n      class=\"ax-reaction-item\"\n      [class.ax-reaction-item-selected]=\"item.selected\"\n      [class.ax-reaction-item-interactive]=\"editable()\"\n      [attr.aria-label]=\"itemAriaLabel(item)\"\n      [attr.aria-pressed]=\"item.selected ? true : null\"\n      [title]=\"item.emoji.name\"\n      (click)=\"onItemClick(item)\"\n    >\n      <ax-emoji [emoji]=\"item.emoji\" [size]=\"size()\" />\n\n      <span class=\"ax-reaction-count\">\n        {{ item.count }}\n      </span>\n    </button>\n  }\n\n  @if (editable()) {\n    <button\n      #addButton\n      type=\"button\"\n      class=\"ax-reaction-item ax-reaction-add\"\n      [class.ax-reaction-item-selected]=\"isPickerVisible()\"\n      [attr.aria-label]=\"'Add reaction'\"\n      [attr.aria-expanded]=\"isPickerVisible()\"\n      [attr.aria-haspopup]=\"true\"\n      title=\"Add reaction\"\n      (click)=\"togglePicker($event)\"\n      (mousedown)=\"$event.stopPropagation()\"\n    >\n      <span class=\"ax-reaction-add-icon\" aria-hidden=\"true\"></span>\n    </button>\n\n    <ax-popover\n      #pickerPopover\n      [target]=\"addButton\"\n      [openOn]=\"'manual'\"\n      [closeOn]=\"'clickOut'\"\n      [placement]=\"'bottom-start'\"\n      panelClass=\"ax-reaction-picker-panel\"\n      (onOpened)=\"onPickerOpened()\"\n      (onClosed)=\"onPickerClosed()\"\n    >\n      <ax-emoji-picker (selected)=\"onPickerSelected($event)\" />\n    </ax-popover>\n  }\n</div>\n", styles: ["@layer properties;@layer components{ax-reaction{--ax-comp-reaction-gap: .25rem;--ax-comp-reaction-item-gap: .25rem;--ax-comp-reaction-item-padding-x: .4rem;--ax-comp-reaction-item-padding-y: .125rem;--ax-comp-reaction-item-min-height: 1.5rem;--ax-comp-reaction-item-radius: 9999px;--ax-comp-reaction-item-font-size: .6875rem;--ax-comp-reaction-item-bg: var(--color-surface);--ax-comp-reaction-item-border: var(--color-border-lightest);--ax-comp-reaction-item-color: var(--color-on-surface);--ax-comp-reaction-item-hover-bg: var(--color-lightest);--ax-comp-reaction-item-selected-bg: color-mix(in srgb, rgba(var(--ax-sys-color-primary-surface)) 18%, rgba(var(--ax-sys-color-surface)));--ax-comp-reaction-item-selected-border: var(--color-border-primary);position:relative;display:inline-flex;align-items:center}@supports (color: color-mix(in lab,red,red)){ax-reaction{--ax-comp-reaction-item-selected-bg: color-mix(in oklab, var(--color-primary) 18%, var(--color-surface))}}ax-reaction .ax-reaction{display:inline-flex;flex-wrap:wrap;align-items:center;gap:var(--ax-comp-reaction-gap)}ax-reaction .ax-reaction-item{display:inline-flex;align-items:center;justify-content:center;border-radius:calc(infinity * 1px);border-style:var(--tw-border-style);border-width:1px;gap:var(--ax-comp-reaction-item-gap);min-height:var(--ax-comp-reaction-item-min-height);padding:var(--ax-comp-reaction-item-padding-y) var(--ax-comp-reaction-item-padding-x);border-radius:var(--ax-comp-reaction-item-radius);border-color:var(--ax-comp-reaction-item-border);background-color:var(--ax-comp-reaction-item-bg);color:var(--ax-comp-reaction-item-color);font-size:var(--ax-comp-reaction-item-font-size);line-height:1;cursor:default}ax-reaction .ax-reaction-item ax-emoji{pointer-events:none}ax-reaction .ax-reaction-item-interactive,ax-reaction .ax-reaction-add{cursor:pointer}:is(ax-reaction .ax-reaction-item-interactive,ax-reaction .ax-reaction-add):hover{background-color:var(--ax-comp-reaction-item-hover-bg);border-color:var(--color-border-light)}:is(ax-reaction .ax-reaction-item-interactive,ax-reaction .ax-reaction-add):focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}ax-reaction .ax-reaction-item-selected{background-color:var(--ax-comp-reaction-item-selected-bg);border-color:var(--ax-comp-reaction-item-selected-border)}ax-reaction .ax-reaction-count{--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);color:var(--ax-comp-reaction-item-color);opacity:.7}ax-reaction .ax-reaction-item-selected .ax-reaction-count{color:var(--color-primary);opacity:.95}ax-reaction .ax-reaction-add{aspect-ratio:1 / 1;min-width:1.5rem;padding-inline:calc(var(--spacing, .25rem) * 0)}ax-reaction .ax-reaction-add-icon{position:relative;display:block;width:calc(var(--spacing, .25rem) * 2.5);height:calc(var(--spacing, .25rem) * 2.5)}ax-reaction .ax-reaction-add-icon:before,ax-reaction .ax-reaction-add-icon:after{position:absolute;inset:calc(var(--spacing, .25rem) * 0);margin:auto;border-radius:calc(infinity * 1px);content:\"\";background-color:currentColor}ax-reaction .ax-reaction-add-icon:before{width:100%;height:1.5px}ax-reaction .ax-reaction-add-icon:after{width:1.5px;height:100%}ax-reaction ax-popover{display:contents}.ax-reaction-picker-panel ax-emoji-picker{width:min(22rem,92vw);border:none;box-shadow:none;border-radius:0}}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-ordinal{syntax: \"*\"; inherits: false;}@property --tw-slashed-zero{syntax: \"*\"; inherits: false;}@property --tw-numeric-figure{syntax: \"*\"; inherits: false;}@property --tw-numeric-spacing{syntax: \"*\"; inherits: false;}@property --tw-numeric-fraction{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-font-weight: initial;--tw-ordinal: initial;--tw-slashed-zero: initial;--tw-numeric-figure: initial;--tw-numeric-spacing: initial;--tw-numeric-fraction: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "component", type: AXEmojiComponent, selector: "ax-emoji", inputs: ["emoji", "appearance", "size"] }, { kind: "component", type: AXEmojiPickerComponent, selector: "ax-emoji-picker", inputs: ["items", "size", "appearance", "showSearch", "showRecent", "columns", "searchPlaceholder", "excludeCategories", "excludeCodes", "excludeUnicode", "recentItems"], outputs: ["selected", "recentChanged"] }, { kind: "component", type: AXPopoverComponent, selector: "ax-popover", inputs: ["width", "disablePanelClass", "visualContextScope", "disabled", "offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "openAfter", "closeAfter", "closeOnScroll", "closeOnNavigation", "backdropClass", "panelClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXReactionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXReactionComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-reaction', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: 'ax-reaction-host',
@@ -124,11 +124,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
         }], ctorParameters: () => [], propDecorators: { items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], editable: [{ type: i0.Input, args: [{ isSignal: true, alias: "editable", required: false }] }], showPicker: [{ type: i0.Input, args: [{ isSignal: true, alias: "showPicker", required: false }] }], add: [{ type: i0.Output, args: ["add"] }], remove: [{ type: i0.Output, args: ["remove"] }], pickerPopover: [{ type: i0.ViewChild, args: ['pickerPopover', { isSignal: true }] }] } });
 class AXReactionModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXReactionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: AXReactionModule, imports: [AXReactionComponent], exports: [AXReactionComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXReactionModule, imports: [AXReactionComponent] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXReactionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.6", ngImport: i0, type: AXReactionModule, imports: [AXReactionComponent], exports: [AXReactionComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXReactionModule, imports: [AXReactionComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXReactionModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXReactionModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [AXReactionComponent],

package/fesm2022/acorex-components-reaction.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"acorex-components-reaction.mjs","sources":["../../../../packages/components/reaction/src/lib/reaction.component.ts","../../../../packages/components/reaction/src/lib/reaction.component.html","../../../../packages/components/reaction/src/lib/reaction.module.ts","../../../../packages/components/reaction/src/acorex-components-reaction.ts"],"sourcesContent":["import { AXComponent } from '@acorex/cdk/common';\nimport { AXEmoji } from '@acorex/core/constants';\nimport {\n ChangeDetectionStrategy,\n Component,\n computed,\n effect,\n input,\n output,\n signal,\n viewChild,\n ViewEncapsulation,\n} from '@angular/core';\nimport { AXEmojiComponent } from '@acorex/components/emoji';\nimport { AXEmojiPickerComponent } from '@acorex/components/emojipicker';\nimport { AXPopoverComponent } from '@acorex/components/popover';\nimport { AXReactionItem } from './reaction.type';\n\n/*\n Telegram-style reaction chips for chat messages.\n * Renders emojis with {@link AXEmojiComponent} and opens {@link AXEmojiPickerComponent}\n * inside {@link AXPopoverComponent} when editable.\n \n @category Components\n /\n@Component({\n selector: 'ax-reaction',\n templateUrl: './reaction.component.html',\n styleUrls: ['./reaction.component.css'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n class: 'ax-reaction-host',\n '[class.ax-reaction-editable]': 'editable()',\n },\n imports: [AXEmojiComponent, AXEmojiPickerComponent, AXPopoverComponent],\n providers: [{ provide: AXComponent, useExisting: AXReactionComponent }],\n})\nexport class AXReactionComponent {\n /\n Aggregated reactions to display.\n \n @defaultValue []\n /\n readonly items = input<readonly AXReactionItem[]>([]);\n\n /\n Rendered emoji size in pixels.\n \n @defaultValue 18\n /\n readonly size = input(18);\n\n /\n When true, reactions are interactive and an add button opens the emoji picker popover.\n \n @defaultValue false\n /\n readonly editable = input(false);\n\n /\n When true, the emoji picker popover is opened.\n \n @defaultValue false\n /\n readonly showPicker = input(false);\n\n /\n Emits when the user selects a new reaction or an unselected existing one.\n /\n readonly add = output<AXEmoji>();\n\n /\n Emits when the user removes their own reaction.\n /\n readonly remove = output<AXEmoji>();\n\n private readonly pickerPopover = viewChild<AXPopoverComponent>('pickerPopover');\n\n /* Whether the emoji picker popover is currently open. /\n protected readonly pickerOpen = signal(false);\n\n /* Whether the add button should appear pressed while the picker is open. /\n protected readonly isPickerVisible = computed(() => this.showPicker() \|\| this.pickerOpen());\n\n constructor() {\n effect(() => {\n const show = this.showPicker();\n const popover = this.pickerPopover();\n if (!popover) {\n return;\n }\n\n if (show && !popover.isOpen) {\n void popover.open();\n }\n });\n }\n\n /* Toggles a reaction without mutating counts; parent owns state. /\n protected onItemClick(item: AXReactionItem): void {\n if (!this.editable()) {\n return;\n }\n\n if (item.selected) {\n this.remove.emit(item.emoji);\n return;\n }\n\n this.add.emit(item.emoji);\n }\n\n /* Opens or closes the emoji picker popover. /\n protected togglePicker(event?: Event): void {\n event?.preventDefault();\n event?.stopPropagation();\n\n const popover = this.pickerPopover();\n if (!popover) {\n return;\n }\n\n if (popover.isOpen) {\n popover.close();\n return;\n }\n\n void popover.open();\n }\n\n /* Forwards a picker selection as `add` and closes the popover. /\n protected onPickerSelected(emoji: AXEmoji): void {\n this.add.emit(emoji);\n this.pickerPopover()?.close();\n }\n\n /* Syncs the add-button pressed state when the popover opens. /\n protected onPickerOpened(): void {\n this.pickerOpen.set(true);\n }\n\n /* Syncs the add-button pressed state when the popover closes. /\n protected onPickerClosed(): void {\n this.pickerOpen.set(false);\n }\n\n /* Accessible name for an existing reaction chip. /\n protected itemAriaLabel(item: AXReactionItem): string {\n const selected = item.selected ? ', selected' : '';\n return `${item.emoji.name}, ${item.count}${selected}`;\n }\n}\n","<div class=\"ax-reaction\">\n @for (item of items(); track item.emoji.code) {\n <button\n type=\"button\"\n class=\"ax-reaction-item\"\n [class.ax-reaction-item-selected]=\"item.selected\"\n [class.ax-reaction-item-interactive]=\"editable()\"\n [attr.aria-label]=\"itemAriaLabel(item)\"\n [attr.aria-pressed]=\"item.selected ? true : null\"\n [title]=\"item.emoji.name\"\n (click)=\"onItemClick(item)\"\n >\n <ax-emoji [emoji]=\"item.emoji\" [size]=\"size()\" />\n\n <span class=\"ax-reaction-count\">\n {{ item.count }}\n </span>\n </button>\n }\n\n @if (editable()) {\n <button\n #addButton\n type=\"button\"\n class=\"ax-reaction-item ax-reaction-add\"\n [class.ax-reaction-item-selected]=\"isPickerVisible()\"\n [attr.aria-label]=\"'Add reaction'\"\n [attr.aria-expanded]=\"isPickerVisible()\"\n [attr.aria-haspopup]=\"true\"\n title=\"Add reaction\"\n (click)=\"togglePicker($event)\"\n (mousedown)=\"$event.stopPropagation()\"\n >\n <span class=\"ax-reaction-add-icon\" aria-hidden=\"true\"></span>\n </button>\n\n <ax-popover\n #pickerPopover\n [target]=\"addButton\"\n [openOn]=\"'manual'\"\n [closeOn]=\"'clickOut'\"\n [placement]=\"'bottom-start'\"\n panelClass=\"ax-reaction-picker-panel\"\n (onOpened)=\"onPickerOpened()\"\n (onClosed)=\"onPickerClosed()\"\n >\n <ax-emoji-picker (selected)=\"onPickerSelected($event)\" />\n </ax-popover>\n }\n</div>\n","import { NgModule } from '@angular/core';\nimport { AXReactionComponent } from './reaction.component';\n\n@NgModule({\n imports: [AXReactionComponent],\n exports: [AXReactionComponent],\n})\nexport class AXReactionModule {}\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"acorex-components-reaction.mjs","sources":["../../../../packages/components/reaction/src/lib/reaction.component.ts","../../../../packages/components/reaction/src/lib/reaction.component.html","../../../../packages/components/reaction/src/lib/reaction.module.ts","../../../../packages/components/reaction/src/acorex-components-reaction.ts"],"sourcesContent":["import { AXComponent } from '@acorex/cdk/common';\nimport { AXEmoji } from '@acorex/core/constants';\nimport {\n ChangeDetectionStrategy,\n Component,\n computed,\n effect,\n input,\n output,\n signal,\n viewChild,\n ViewEncapsulation,\n} from '@angular/core';\nimport { AXEmojiComponent } from '@acorex/components/emoji';\nimport { AXEmojiPickerComponent } from '@acorex/components/emojipicker';\nimport { AXPopoverComponent } from '@acorex/components/popover';\nimport { AXReactionItem } from './reaction.type';\n\n/*\n Telegram-style reaction chips for chat messages.\n * Renders emojis with {@link AXEmojiComponent} and opens {@link AXEmojiPickerComponent}\n * inside {@link AXPopoverComponent} when editable.\n \n @category Components\n /\n@Component({\n selector: 'ax-reaction',\n templateUrl: './reaction.component.html',\n styleUrls: ['./reaction.component.css'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n class: 'ax-reaction-host',\n '[class.ax-reaction-editable]': 'editable()',\n },\n imports: [AXEmojiComponent, AXEmojiPickerComponent, AXPopoverComponent],\n providers: [{ provide: AXComponent, useExisting: AXReactionComponent }],\n})\nexport class AXReactionComponent {\n /\n Aggregated reactions to display.\n \n @defaultValue []\n /\n readonly items = input<readonly AXReactionItem[]>([]);\n\n /\n Rendered emoji size in pixels.\n \n @defaultValue 18\n /\n readonly size = input(18);\n\n /\n When true, reactions are interactive and an add button opens the emoji picker popover.\n \n @defaultValue false\n /\n readonly editable = input(false);\n\n /\n When true, the emoji picker popover is opened.\n \n @defaultValue false\n /\n readonly showPicker = input(false);\n\n /\n Emits when the user selects a new reaction or an unselected existing one.\n /\n readonly add = output<AXEmoji>();\n\n /\n Emits when the user removes their own reaction.\n /\n readonly remove = output<AXEmoji>();\n\n private readonly pickerPopover = viewChild<AXPopoverComponent>('pickerPopover');\n\n /* Whether the emoji picker popover is currently open. /\n protected readonly pickerOpen = signal(false);\n\n /* Whether the add button should appear pressed while the picker is open. /\n protected readonly isPickerVisible = computed(() => this.showPicker() \|\| this.pickerOpen());\n\n constructor() {\n effect(() => {\n const show = this.showPicker();\n const popover = this.pickerPopover();\n if (!popover) {\n return;\n }\n\n if (show && !popover.isOpen) {\n void popover.open();\n }\n });\n }\n\n /* Toggles a reaction without mutating counts; parent owns state. /\n protected onItemClick(item: AXReactionItem): void {\n if (!this.editable()) {\n return;\n }\n\n if (item.selected) {\n this.remove.emit(item.emoji);\n return;\n }\n\n this.add.emit(item.emoji);\n }\n\n /* Opens or closes the emoji picker popover. /\n protected togglePicker(event?: Event): void {\n event?.preventDefault();\n event?.stopPropagation();\n\n const popover = this.pickerPopover();\n if (!popover) {\n return;\n }\n\n if (popover.isOpen) {\n popover.close();\n return;\n }\n\n void popover.open();\n }\n\n /* Forwards a picker selection as `add` and closes the popover. /\n protected onPickerSelected(emoji: AXEmoji): void {\n this.add.emit(emoji);\n this.pickerPopover()?.close();\n }\n\n /* Syncs the add-button pressed state when the popover opens. /\n protected onPickerOpened(): void {\n this.pickerOpen.set(true);\n }\n\n /* Syncs the add-button pressed state when the popover closes. /\n protected onPickerClosed(): void {\n this.pickerOpen.set(false);\n }\n\n /* Accessible name for an existing reaction chip. /\n protected itemAriaLabel(item: AXReactionItem): string {\n const selected = item.selected ? ', selected' : '';\n return `${item.emoji.name}, ${item.count}${selected}`;\n }\n}\n","<div class=\"ax-reaction\">\n @for (item of items(); track item.emoji.code) {\n <button\n type=\"button\"\n class=\"ax-reaction-item\"\n [class.ax-reaction-item-selected]=\"item.selected\"\n [class.ax-reaction-item-interactive]=\"editable()\"\n [attr.aria-label]=\"itemAriaLabel(item)\"\n [attr.aria-pressed]=\"item.selected ? true : null\"\n [title]=\"item.emoji.name\"\n (click)=\"onItemClick(item)\"\n >\n <ax-emoji [emoji]=\"item.emoji\" [size]=\"size()\" />\n\n <span class=\"ax-reaction-count\">\n {{ item.count }}\n </span>\n </button>\n }\n\n @if (editable()) {\n <button\n #addButton\n type=\"button\"\n class=\"ax-reaction-item ax-reaction-add\"\n [class.ax-reaction-item-selected]=\"isPickerVisible()\"\n [attr.aria-label]=\"'Add reaction'\"\n [attr.aria-expanded]=\"isPickerVisible()\"\n [attr.aria-haspopup]=\"true\"\n title=\"Add reaction\"\n (click)=\"togglePicker($event)\"\n (mousedown)=\"$event.stopPropagation()\"\n >\n <span class=\"ax-reaction-add-icon\" aria-hidden=\"true\"></span>\n </button>\n\n <ax-popover\n #pickerPopover\n [target]=\"addButton\"\n [openOn]=\"'manual'\"\n [closeOn]=\"'clickOut'\"\n [placement]=\"'bottom-start'\"\n panelClass=\"ax-reaction-picker-panel\"\n (onOpened)=\"onPickerOpened()\"\n (onClosed)=\"onPickerClosed()\"\n >\n <ax-emoji-picker (selected)=\"onPickerSelected($event)\" />\n </ax-popover>\n }\n</div>\n","import { NgModule } from '@angular/core';\nimport { AXReactionComponent } from './reaction.component';\n\n@NgModule({\n imports: [AXReactionComponent],\n exports: [AXReactionComponent],\n})\nexport class AXReactionModule {}\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/acorex-components-rest-api-generator.mjs CHANGED Viewed

@@ -25,10 +25,10 @@ class AXRestApiGeneratorService {
         }, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "outPutJSON" }] : /* istanbul ignore next */ []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXRestApiGeneratorService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXRestApiGeneratorService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXRestApiGeneratorService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXRestApiGeneratorService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXRestApiGeneratorService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXRestApiGeneratorService, decorators: [{
             type: Injectable
         }] });
@@ -91,10 +91,10 @@ class AXQueryParamsComponent {
         }
         return '';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXQueryParamsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXQueryParamsComponent, isStandalone: true, selector: "ax-query-params", providers: [{ provide: AXComponent, useExisting: AXQueryParamsComponent }], ngImport: i0, template: "<div class=\"ax-query-params-container\">\n  <div class=\"ax-query-params-header\">\n    <ax-text>Query Params</ax-text>\n    <ax-button look=\"blank\" class=\"ax-sm\" color=\"primary\" (onClick)=\"addQueryParamsHandler()\">\n      <ax-icon icon=\"ax-icon ax-icon-plus\"></ax-icon>\n    </ax-button>\n  </div>\n\n  <div class=\"ax-query-params-value-container\">\n    @for (item of queryParamsArray(); track item) {\n      <div class=\"ax-query-params-value\">\n        <ax-text-box\n          (onValueChanged)=\"queryParamsKeyHandler($event, item.tempId)\"\n          placeholder=\"key\"\n          [ngModel]=\"setInitialState(item, 'key')\"\n        ></ax-text-box>\n        <ax-text-box\n          (onValueChanged)=\"queryParamsValueHandler($event, item.tempId)\"\n          placeholder=\"value\"\n          [ngModel]=\"setInitialState(item, 'value')\"\n        ></ax-text-box>\n        <ax-button look=\"blank\" class=\"ax-md\" color=\"danger\" (onClick)=\"removeQueryParamsHandler(item.tempId)\">\n          <ax-prefix>\n            <ax-icon icon=\"ax-icon ax-icon-trash\"></ax-icon>\n          </ax-prefix>\n        </ax-button>\n      </div>\n    }\n  </div>\n</div>\n", styles: ["@layer components{ax-query-params{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}ax-query-params .ax-query-params-container{width:100%}ax-query-params .ax-query-params-value-container{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 2)}ax-query-params .ax-query-params-value-container .ax-query-params-value{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 2)}ax-query-params .ax-query-params-header{margin-bottom:calc(var(--spacing, .25rem) * 2);display:flex;align-items:center;justify-content:space-between}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "component", type: AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "component", type: AXButtonComponent, selector: "ax-button", inputs: ["disabled", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: AXTextBoxComponent, selector: "ax-text-box", inputs: ["disabled", "tabIndex", "readonly", "value", "state", "name", "id", "placeholder", "maxLength", "allowNull", "type", "autoComplete", "look", "maskPattern", "customTokens", "class"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress", "onMaskChanged"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXQueryParamsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: AXQueryParamsComponent, isStandalone: true, selector: "ax-query-params", providers: [{ provide: AXComponent, useExisting: AXQueryParamsComponent }], ngImport: i0, template: "<div class=\"ax-query-params-container\">\n  <div class=\"ax-query-params-header\">\n    <ax-text>Query Params</ax-text>\n    <ax-button look=\"blank\" class=\"ax-sm\" color=\"primary\" (onClick)=\"addQueryParamsHandler()\">\n      <ax-icon icon=\"ax-icon ax-icon-plus\"></ax-icon>\n    </ax-button>\n  </div>\n\n  <div class=\"ax-query-params-value-container\">\n    @for (item of queryParamsArray(); track item) {\n      <div class=\"ax-query-params-value\">\n        <ax-text-box\n          (onValueChanged)=\"queryParamsKeyHandler($event, item.tempId)\"\n          placeholder=\"key\"\n          [ngModel]=\"setInitialState(item, 'key')\"\n        ></ax-text-box>\n        <ax-text-box\n          (onValueChanged)=\"queryParamsValueHandler($event, item.tempId)\"\n          placeholder=\"value\"\n          [ngModel]=\"setInitialState(item, 'value')\"\n        ></ax-text-box>\n        <ax-button look=\"blank\" class=\"ax-md\" color=\"danger\" (onClick)=\"removeQueryParamsHandler(item.tempId)\">\n          <ax-prefix>\n            <ax-icon icon=\"ax-icon ax-icon-trash\"></ax-icon>\n          </ax-prefix>\n        </ax-button>\n      </div>\n    }\n  </div>\n</div>\n", styles: ["@layer components{ax-query-params{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}ax-query-params .ax-query-params-container{width:100%}ax-query-params .ax-query-params-value-container{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 2)}ax-query-params .ax-query-params-value-container .ax-query-params-value{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 2)}ax-query-params .ax-query-params-header{margin-bottom:calc(var(--spacing, .25rem) * 2);display:flex;align-items:center;justify-content:space-between}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "component", type: AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "component", type: AXButtonComponent, selector: "ax-button", inputs: ["disabled", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: AXTextBoxComponent, selector: "ax-text-box", inputs: ["disabled", "tabIndex", "readonly", "value", "state", "name", "id", "placeholder", "maxLength", "allowNull", "type", "autoComplete", "look", "maskPattern", "customTokens", "class"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress", "onMaskChanged"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXQueryParamsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXQueryParamsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-query-params', encapsulation: ViewEncapsulation.None, imports: [AXDecoratorGenericComponent, AXButtonComponent, AXDecoratorIconComponent, AXTextBoxComponent, FormsModule], providers: [{ provide: AXComponent, useExisting: AXQueryParamsComponent }], template: "<div class=\"ax-query-params-container\">\n  <div class=\"ax-query-params-header\">\n    <ax-text>Query Params</ax-text>\n    <ax-button look=\"blank\" class=\"ax-sm\" color=\"primary\" (onClick)=\"addQueryParamsHandler()\">\n      <ax-icon icon=\"ax-icon ax-icon-plus\"></ax-icon>\n    </ax-button>\n  </div>\n\n  <div class=\"ax-query-params-value-container\">\n    @for (item of queryParamsArray(); track item) {\n      <div class=\"ax-query-params-value\">\n        <ax-text-box\n          (onValueChanged)=\"queryParamsKeyHandler($event, item.tempId)\"\n          placeholder=\"key\"\n          [ngModel]=\"setInitialState(item, 'key')\"\n        ></ax-text-box>\n        <ax-text-box\n          (onValueChanged)=\"queryParamsValueHandler($event, item.tempId)\"\n          placeholder=\"value\"\n          [ngModel]=\"setInitialState(item, 'value')\"\n        ></ax-text-box>\n        <ax-button look=\"blank\" class=\"ax-md\" color=\"danger\" (onClick)=\"removeQueryParamsHandler(item.tempId)\">\n          <ax-prefix>\n            <ax-icon icon=\"ax-icon ax-icon-trash\"></ax-icon>\n          </ax-prefix>\n        </ax-button>\n      </div>\n    }\n  </div>\n</div>\n", styles: ["@layer components{ax-query-params{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}ax-query-params .ax-query-params-container{width:100%}ax-query-params .ax-query-params-value-container{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 2)}ax-query-params .ax-query-params-value-container .ax-query-params-value{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 2)}ax-query-params .ax-query-params-header{margin-bottom:calc(var(--spacing, .25rem) * 2);display:flex;align-items:center;justify-content:space-between}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"] }]
         }] });
@@ -164,10 +164,10 @@ class AXRequestBodyComponent {
             return copy;
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXRequestBodyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.8", type: AXRequestBodyComponent, isStandalone: true, selector: "ax-request-body", providers: [{ provide: AXComponent, useExisting: AXRequestBodyComponent }], ngImport: i0, template: "<ax-selection-list\n  [showControl]=\"true\"\n  look=\"solid\"\n  [items]=\"items\"\n  [(ngModel)]=\"value\"\n  (onValueChanged)=\"bodyReqHandler($event)\"\n>\n</ax-selection-list>\n<ax-text-area\n  [(ngModel)]=\"service.outPutJSON().body\"\n  (onValueChanged)=\"bodyTextHandler($event)\"\n  [placeholder]=\"selectedItem().placeHolder\"\n>\n</ax-text-area>\n", styles: ["@layer components{ax-request-body{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "component", type: AXSelectionListComponent, selector: "ax-selection-list", inputs: ["id", "name", "disabled", "readonly", "tabIndex", "value", "valueField", "textField", "disabledField", "readonlyField", "multiple", "direction", "customTemplate", "showControl", "items", "look"], outputs: ["onValueChanged", "onBlur", "onFocus"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: AXTextAreaComponent, selector: "ax-text-area", inputs: ["disabled", "tabIndex", "readonly", "value", "state", "name", "placeholder", "maxLength", "look", "rows", "allowResize", "showCounter", "class"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXRequestBodyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.6", type: AXRequestBodyComponent, isStandalone: true, selector: "ax-request-body", providers: [{ provide: AXComponent, useExisting: AXRequestBodyComponent }], ngImport: i0, template: "<ax-selection-list\n  [showControl]=\"true\"\n  look=\"solid\"\n  [items]=\"items\"\n  [(ngModel)]=\"value\"\n  (onValueChanged)=\"bodyReqHandler($event)\"\n>\n</ax-selection-list>\n<ax-text-area\n  [(ngModel)]=\"service.outPutJSON().body\"\n  (onValueChanged)=\"bodyTextHandler($event)\"\n  [placeholder]=\"selectedItem().placeHolder\"\n>\n</ax-text-area>\n", styles: ["@layer components{ax-request-body{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "component", type: AXSelectionListComponent, selector: "ax-selection-list", inputs: ["id", "name", "disabled", "readonly", "tabIndex", "value", "valueField", "textField", "disabledField", "readonlyField", "multiple", "direction", "customTemplate", "showControl", "items", "look"], outputs: ["onValueChanged", "onBlur", "onFocus"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: AXTextAreaComponent, selector: "ax-text-area", inputs: ["disabled", "tabIndex", "readonly", "value", "state", "name", "placeholder", "maxLength", "look", "rows", "allowResize", "showCounter", "class"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXRequestBodyComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXRequestBodyComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-request-body', encapsulation: ViewEncapsulation.None, imports: [AXSelectionListComponent, FormsModule, AXTextAreaComponent], providers: [{ provide: AXComponent, useExisting: AXRequestBodyComponent }], template: "<ax-selection-list\n  [showControl]=\"true\"\n  look=\"solid\"\n  [items]=\"items\"\n  [(ngModel)]=\"value\"\n  (onValueChanged)=\"bodyReqHandler($event)\"\n>\n</ax-selection-list>\n<ax-text-area\n  [(ngModel)]=\"service.outPutJSON().body\"\n  (onValueChanged)=\"bodyTextHandler($event)\"\n  [placeholder]=\"selectedItem().placeHolder\"\n>\n</ax-text-area>\n", styles: ["@layer components{ax-request-body{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"] }]
         }] });
@@ -248,10 +248,10 @@ class AXRequestHeadersComponent {
         });
         return [allHeaders];
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXRequestHeadersComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXRequestHeadersComponent, isStandalone: true, selector: "ax-request-headers", providers: [{ provide: AXComponent, useExisting: AXRequestHeadersComponent }], ngImport: i0, template: "<div class=\"ax-headers-container\">\n  <div class=\"ax-headers-header\">\n    <ax-text>Headers</ax-text>\n    <ax-button look=\"blank\" class=\"ax-sm\" color=\"primary\" (onClick)=\"addHeadersHandler()\">\n      <ax-icon icon=\"ax-icon ax-icon-plus\"></ax-icon>\n    </ax-button>\n  </div>\n\n  <div class=\"ax-headers-value-container\">\n    @for (item of headersArray(); track item.tempId) {\n      <div class=\"ax-headers-value\">\n        <ax-text-box\n          [ngModel]=\"setInitialState(item, 'key')\"\n          (onValueChanged)=\"headersKeyHandler($event, item.tempId)\"\n          placeholder=\"key\"\n        ></ax-text-box>\n        <ax-text-box\n          [ngModel]=\"setInitialState(item, 'value')\"\n          (onValueChanged)=\"headersValueHandler($event, item.tempId)\"\n          placeholder=\"value\"\n        ></ax-text-box>\n        <ax-button look=\"blank\" class=\"ax-md\" color=\"danger\" (onClick)=\"removeHeadersHandler(item.tempId)\">\n          <ax-prefix>\n            <ax-icon icon=\"ax-icon ax-icon-trash\"></ax-icon>\n          </ax-prefix>\n        </ax-button>\n      </div>\n    }\n  </div>\n</div>\n", styles: ["@layer components{ax-request-headers{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}ax-request-headers .ax-headers-container{width:100%}ax-request-headers .ax-headers-value-container{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 2)}ax-request-headers .ax-headers-value-container .ax-headers-value{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 2)}ax-request-headers .ax-headers-header{margin-bottom:calc(var(--spacing, .25rem) * 2);display:flex;align-items:center;justify-content:space-between}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "component", type: AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "component", type: AXButtonComponent, selector: "ax-button", inputs: ["disabled", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: AXTextBoxComponent, selector: "ax-text-box", inputs: ["disabled", "tabIndex", "readonly", "value", "state", "name", "id", "placeholder", "maxLength", "allowNull", "type", "autoComplete", "look", "maskPattern", "customTokens", "class"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress", "onMaskChanged"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXRequestHeadersComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: AXRequestHeadersComponent, isStandalone: true, selector: "ax-request-headers", providers: [{ provide: AXComponent, useExisting: AXRequestHeadersComponent }], ngImport: i0, template: "<div class=\"ax-headers-container\">\n  <div class=\"ax-headers-header\">\n    <ax-text>Headers</ax-text>\n    <ax-button look=\"blank\" class=\"ax-sm\" color=\"primary\" (onClick)=\"addHeadersHandler()\">\n      <ax-icon icon=\"ax-icon ax-icon-plus\"></ax-icon>\n    </ax-button>\n  </div>\n\n  <div class=\"ax-headers-value-container\">\n    @for (item of headersArray(); track item.tempId) {\n      <div class=\"ax-headers-value\">\n        <ax-text-box\n          [ngModel]=\"setInitialState(item, 'key')\"\n          (onValueChanged)=\"headersKeyHandler($event, item.tempId)\"\n          placeholder=\"key\"\n        ></ax-text-box>\n        <ax-text-box\n          [ngModel]=\"setInitialState(item, 'value')\"\n          (onValueChanged)=\"headersValueHandler($event, item.tempId)\"\n          placeholder=\"value\"\n        ></ax-text-box>\n        <ax-button look=\"blank\" class=\"ax-md\" color=\"danger\" (onClick)=\"removeHeadersHandler(item.tempId)\">\n          <ax-prefix>\n            <ax-icon icon=\"ax-icon ax-icon-trash\"></ax-icon>\n          </ax-prefix>\n        </ax-button>\n      </div>\n    }\n  </div>\n</div>\n", styles: ["@layer components{ax-request-headers{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}ax-request-headers .ax-headers-container{width:100%}ax-request-headers .ax-headers-value-container{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 2)}ax-request-headers .ax-headers-value-container .ax-headers-value{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 2)}ax-request-headers .ax-headers-header{margin-bottom:calc(var(--spacing, .25rem) * 2);display:flex;align-items:center;justify-content:space-between}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "component", type: AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "component", type: AXButtonComponent, selector: "ax-button", inputs: ["disabled", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: AXTextBoxComponent, selector: "ax-text-box", inputs: ["disabled", "tabIndex", "readonly", "value", "state", "name", "id", "placeholder", "maxLength", "allowNull", "type", "autoComplete", "look", "maskPattern", "customTokens", "class"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress", "onMaskChanged"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXRequestHeadersComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXRequestHeadersComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-request-headers', encapsulation: ViewEncapsulation.None, imports: [AXDecoratorGenericComponent, AXButtonComponent, AXDecoratorIconComponent, AXTextBoxComponent, FormsModule], providers: [{ provide: AXComponent, useExisting: AXRequestHeadersComponent }], template: "<div class=\"ax-headers-container\">\n  <div class=\"ax-headers-header\">\n    <ax-text>Headers</ax-text>\n    <ax-button look=\"blank\" class=\"ax-sm\" color=\"primary\" (onClick)=\"addHeadersHandler()\">\n      <ax-icon icon=\"ax-icon ax-icon-plus\"></ax-icon>\n    </ax-button>\n  </div>\n\n  <div class=\"ax-headers-value-container\">\n    @for (item of headersArray(); track item.tempId) {\n      <div class=\"ax-headers-value\">\n        <ax-text-box\n          [ngModel]=\"setInitialState(item, 'key')\"\n          (onValueChanged)=\"headersKeyHandler($event, item.tempId)\"\n          placeholder=\"key\"\n        ></ax-text-box>\n        <ax-text-box\n          [ngModel]=\"setInitialState(item, 'value')\"\n          (onValueChanged)=\"headersValueHandler($event, item.tempId)\"\n          placeholder=\"value\"\n        ></ax-text-box>\n        <ax-button look=\"blank\" class=\"ax-md\" color=\"danger\" (onClick)=\"removeHeadersHandler(item.tempId)\">\n          <ax-prefix>\n            <ax-icon icon=\"ax-icon ax-icon-trash\"></ax-icon>\n          </ax-prefix>\n        </ax-button>\n      </div>\n    }\n  </div>\n</div>\n", styles: ["@layer components{ax-request-headers{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}ax-request-headers .ax-headers-container{width:100%}ax-request-headers .ax-headers-value-container{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 2)}ax-request-headers .ax-headers-value-container .ax-headers-value{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 2)}ax-request-headers .ax-headers-header{margin-bottom:calc(var(--spacing, .25rem) * 2);display:flex;align-items:center;justify-content:space-between}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"] }]
         }] });
@@ -296,10 +296,10 @@ class AXRestApiAuthComponent {
             return copy;
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXRestApiAuthComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXRestApiAuthComponent, isStandalone: true, selector: "ax-rest-api-auth", providers: [{ provide: AXComponent, useExisting: AXRestApiAuthComponent }], ngImport: i0, template: "<ax-selection-list\n  [showControl]=\"true\"\n  look=\"solid\"\n  [items]=\"items\"\n  [(ngModel)]=\"value\"\n  (onValueChanged)=\"authTypeHandler($event)\"\n>\n</ax-selection-list>\n\n@if (selectedItem().text !== 'None') {\n  <ax-text-box\n    [(ngModel)]=\"service.outPutJSON().headers.Authorization\"\n    (onValueChanged)=\"authInputHandler($event)\"\n    [placeholder]=\"selectedItem().placeHolder\"\n  >\n  </ax-text-box>\n}\n", styles: ["@layer components{ax-rest-api-auth{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "component", type: AXSelectionListComponent, selector: "ax-selection-list", inputs: ["id", "name", "disabled", "readonly", "tabIndex", "value", "valueField", "textField", "disabledField", "readonlyField", "multiple", "direction", "customTemplate", "showControl", "items", "look"], outputs: ["onValueChanged", "onBlur", "onFocus"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: AXTextBoxComponent, selector: "ax-text-box", inputs: ["disabled", "tabIndex", "readonly", "value", "state", "name", "id", "placeholder", "maxLength", "allowNull", "type", "autoComplete", "look", "maskPattern", "customTokens", "class"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress", "onMaskChanged"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXRestApiAuthComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: AXRestApiAuthComponent, isStandalone: true, selector: "ax-rest-api-auth", providers: [{ provide: AXComponent, useExisting: AXRestApiAuthComponent }], ngImport: i0, template: "<ax-selection-list\n  [showControl]=\"true\"\n  look=\"solid\"\n  [items]=\"items\"\n  [(ngModel)]=\"value\"\n  (onValueChanged)=\"authTypeHandler($event)\"\n>\n</ax-selection-list>\n\n@if (selectedItem().text !== 'None') {\n  <ax-text-box\n    [(ngModel)]=\"service.outPutJSON().headers.Authorization\"\n    (onValueChanged)=\"authInputHandler($event)\"\n    [placeholder]=\"selectedItem().placeHolder\"\n  >\n  </ax-text-box>\n}\n", styles: ["@layer components{ax-rest-api-auth{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "component", type: AXSelectionListComponent, selector: "ax-selection-list", inputs: ["id", "name", "disabled", "readonly", "tabIndex", "value", "valueField", "textField", "disabledField", "readonlyField", "multiple", "direction", "customTemplate", "showControl", "items", "look"], outputs: ["onValueChanged", "onBlur", "onFocus"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: AXTextBoxComponent, selector: "ax-text-box", inputs: ["disabled", "tabIndex", "readonly", "value", "state", "name", "id", "placeholder", "maxLength", "allowNull", "type", "autoComplete", "look", "maskPattern", "customTokens", "class"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress", "onMaskChanged"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXRestApiAuthComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXRestApiAuthComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-rest-api-auth', encapsulation: ViewEncapsulation.None, imports: [AXSelectionListComponent, FormsModule, AXTextBoxComponent], providers: [{ provide: AXComponent, useExisting: AXRestApiAuthComponent }], template: "<ax-selection-list\n  [showControl]=\"true\"\n  look=\"solid\"\n  [items]=\"items\"\n  [(ngModel)]=\"value\"\n  (onValueChanged)=\"authTypeHandler($event)\"\n>\n</ax-selection-list>\n\n@if (selectedItem().text !== 'None') {\n  <ax-text-box\n    [(ngModel)]=\"service.outPutJSON().headers.Authorization\"\n    (onValueChanged)=\"authInputHandler($event)\"\n    [placeholder]=\"selectedItem().placeHolder\"\n  >\n  </ax-text-box>\n}\n", styles: ["@layer components{ax-rest-api-auth{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"] }]
         }] });
@@ -328,10 +328,10 @@ class AXRestApiGeneratorComponent {
     methodHandler(e) {
         this.service.outPutJSON.update((prev) => ({ ...prev, method: e.value }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXRestApiGeneratorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.8", type: AXRestApiGeneratorComponent, isStandalone: true, selector: "ax-rest-api-generator", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onValueChange: "onValueChange" }, providers: [AXRestApiGeneratorService, { provide: AXComponent, useExisting: AXRestApiGeneratorComponent }], ngImport: i0, template: "<div class=\"ax-url-input-container\">\n  <ax-text-box [(ngModel)]=\"service.outPutJSON().url\" placeholder=\"URL\" (onValueChanged)=\"urlHandler($event)\">\n    <ax-clear-button></ax-clear-button>\n    <ax-prefix>\n      <ax-select-box\n        [(ngModel)]=\"service.outPutJSON().method\"\n        (onValueChanged)=\"methodHandler($event)\"\n        [dataSource]=\"['GET', 'POST', 'DELETE', 'PUT', 'PATCH']\"\n      >\n      </ax-select-box\n    ></ax-prefix>\n  </ax-text-box>\n</div>\n\n<ax-tabs [content]=\"cronTab\" look=\"with-line\" [fitParent]=\"true\" location=\"bottom\">\n  <ax-tab-item key=\"1\" text=\"Params\">\n    <ax-content> <ax-query-params></ax-query-params> </ax-content>\n  </ax-tab-item>\n  <ax-tab-item key=\"2\" text=\"Body\">\n    <ax-content><ax-request-body></ax-request-body></ax-content>\n  </ax-tab-item>\n  <ax-tab-item key=\"3\" text=\"Auth\">\n    <ax-content> <ax-rest-api-auth></ax-rest-api-auth></ax-content>\n  </ax-tab-item>\n  <ax-tab-item key=\"4\" text=\"Headers\">\n    <ax-content> <ax-request-headers></ax-request-headers></ax-content>\n  </ax-tab-item>\n</ax-tabs>\n\n<ng-template [axTabContent] #cronTab=\"axTabContent\"> </ng-template>\n", styles: ["@layer properties;@layer components{ax-rest-api-generator{display:flex;min-width:40rem;flex-direction:column;gap:calc(var(--spacing, .25rem) * 4)}ax-rest-api-generator ax-select-box ax-dropdown-box{--ax-comp-editor-border-width: 0px !important}ax-rest-api-generator ax-select-box ax-dropdown-box.ax-editor-container{--ax-comp-editor-box-outline-width: 0}ax-rest-api-generator .ax-select-box{border-style:var(--tw-border-style);border-width:0px}}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "component", type: AXTextBoxComponent, selector: "ax-text-box", inputs: ["disabled", "tabIndex", "readonly", "value", "state", "name", "id", "placeholder", "maxLength", "allowNull", "type", "autoComplete", "look", "maskPattern", "customTokens", "class"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress", "onMaskChanged"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "component", type: AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "component", type: AXSelectBoxComponent, selector: "ax-select-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "minValue", "maxValue", "value", "state", "name", "id", "type", "look", "multiple", "valueField", "textField", "disabledField", "textTemplate", "selectedItems", "isItemTruncated", "showItemTooltip", "itemHeight", "maxVisibleItems", "dataSource", "minRecordsForSearch", "caption", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "dropdownWidth", "searchBoxAutoFocus"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onOpened", "onClosed", "onItemSelected", "onItemClick"] }, { kind: "component", type: AXTabsComponent, selector: "ax-tabs", inputs: ["look", "location", "reorderable", "reorderDelay", "renderMode", "stacked", "fitParent", "minWidth", "content"], outputs: ["onActiveTabChanged", "onTabsReordered"] }, { kind: "component", type: AXTabItemComponent, selector: "ax-tab-item", inputs: ["disabled", "text", "key", "headerTemplate", "active"], outputs: ["disabledChange", "onClick", "onBlur", "onFocus", "activeChange"] }, { kind: "component", type: AXQueryParamsComponent, selector: "ax-query-params" }, { kind: "component", type: AXRequestBodyComponent, selector: "ax-request-body" }, { kind: "component", type: AXRestApiAuthComponent, selector: "ax-rest-api-auth" }, { kind: "component", type: AXRequestHeadersComponent, selector: "ax-request-headers" }, { kind: "directive", type: AXTabContentDirective, selector: "[axTabContent]", inputs: ["axTabContent"], exportAs: ["axTabContent"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXRestApiGeneratorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.6", type: AXRestApiGeneratorComponent, isStandalone: true, selector: "ax-rest-api-generator", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onValueChange: "onValueChange" }, providers: [AXRestApiGeneratorService, { provide: AXComponent, useExisting: AXRestApiGeneratorComponent }], ngImport: i0, template: "<div class=\"ax-url-input-container\">\n  <ax-text-box [(ngModel)]=\"service.outPutJSON().url\" placeholder=\"URL\" (onValueChanged)=\"urlHandler($event)\">\n    <ax-clear-button></ax-clear-button>\n    <ax-prefix>\n      <ax-select-box\n        [(ngModel)]=\"service.outPutJSON().method\"\n        (onValueChanged)=\"methodHandler($event)\"\n        [dataSource]=\"['GET', 'POST', 'DELETE', 'PUT', 'PATCH']\"\n      >\n      </ax-select-box\n    ></ax-prefix>\n  </ax-text-box>\n</div>\n\n<ax-tabs [content]=\"cronTab\" look=\"with-line\" [fitParent]=\"true\" location=\"bottom\">\n  <ax-tab-item key=\"1\" text=\"Params\">\n    <ax-content> <ax-query-params></ax-query-params> </ax-content>\n  </ax-tab-item>\n  <ax-tab-item key=\"2\" text=\"Body\">\n    <ax-content><ax-request-body></ax-request-body></ax-content>\n  </ax-tab-item>\n  <ax-tab-item key=\"3\" text=\"Auth\">\n    <ax-content> <ax-rest-api-auth></ax-rest-api-auth></ax-content>\n  </ax-tab-item>\n  <ax-tab-item key=\"4\" text=\"Headers\">\n    <ax-content> <ax-request-headers></ax-request-headers></ax-content>\n  </ax-tab-item>\n</ax-tabs>\n\n<ng-template [axTabContent] #cronTab=\"axTabContent\"> </ng-template>\n", styles: ["@layer properties;@layer components{ax-rest-api-generator{display:flex;min-width:40rem;flex-direction:column;gap:calc(var(--spacing, .25rem) * 4)}ax-rest-api-generator ax-select-box ax-dropdown-box{--ax-comp-editor-border-width: 0px !important}ax-rest-api-generator ax-select-box ax-dropdown-box.ax-editor-container{--ax-comp-editor-box-outline-width: 0}ax-rest-api-generator .ax-select-box{border-style:var(--tw-border-style);border-width:0px}}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "component", type: AXTextBoxComponent, selector: "ax-text-box", inputs: ["disabled", "tabIndex", "readonly", "value", "state", "name", "id", "placeholder", "maxLength", "allowNull", "type", "autoComplete", "look", "maskPattern", "customTokens", "class"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress", "onMaskChanged"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "component", type: AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "component", type: AXSelectBoxComponent, selector: "ax-select-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "minValue", "maxValue", "value", "state", "name", "id", "type", "look", "multiple", "valueField", "textField", "disabledField", "textTemplate", "selectedItems", "isItemTruncated", "showItemTooltip", "itemHeight", "maxVisibleItems", "dataSource", "minRecordsForSearch", "caption", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "dropdownWidth", "searchBoxAutoFocus"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onOpened", "onClosed", "onItemSelected", "onItemClick"] }, { kind: "component", type: AXTabsComponent, selector: "ax-tabs", inputs: ["look", "location", "reorderable", "reorderDelay", "renderMode", "stacked", "fitParent", "minWidth", "content"], outputs: ["onActiveTabChanged", "onTabsReordered"] }, { kind: "component", type: AXTabItemComponent, selector: "ax-tab-item", inputs: ["disabled", "text", "key", "headerTemplate", "active"], outputs: ["disabledChange", "onClick", "onBlur", "onFocus", "activeChange"] }, { kind: "component", type: AXQueryParamsComponent, selector: "ax-query-params" }, { kind: "component", type: AXRequestBodyComponent, selector: "ax-request-body" }, { kind: "component", type: AXRestApiAuthComponent, selector: "ax-rest-api-auth" }, { kind: "component", type: AXRequestHeadersComponent, selector: "ax-request-headers" }, { kind: "directive", type: AXTabContentDirective, selector: "[axTabContent]", inputs: ["axTabContent"], exportAs: ["axTabContent"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXRestApiGeneratorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXRestApiGeneratorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-rest-api-generator', encapsulation: ViewEncapsulation.None, providers: [AXRestApiGeneratorService, { provide: AXComponent, useExisting: AXRestApiGeneratorComponent }], imports: [
                         AXTextBoxComponent,
@@ -367,8 +367,8 @@ const MODULES = [
     FormsModule,
 ];
 class AXRestApiGeneratorModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXRestApiGeneratorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: AXRestApiGeneratorModule, imports: [AXTextBoxModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXRestApiGeneratorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.6", ngImport: i0, type: AXRestApiGeneratorModule, imports: [AXTextBoxModule,
             AXDecoratorModule,
             AXSelectBoxModule,
             AXTabsModule,
@@ -384,9 +384,9 @@ class AXRestApiGeneratorModule {
             AXRequestBodyComponent,
             AXRestApiAuthComponent,
             AXRequestHeadersComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXRestApiGeneratorModule, imports: [MODULES, COMPONENT] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXRestApiGeneratorModule, imports: [MODULES, COMPONENT] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXRestApiGeneratorModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXRestApiGeneratorModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [...MODULES, ...COMPONENT],

package/fesm2022/acorex-components-result.mjs CHANGED Viewed

@@ -26,10 +26,10 @@ class AXResultComponent extends MXBaseComponent {
     get hostClass() {
         return 'ax-result';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXResultComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.8", type: AXResultComponent, isStandalone: true, selector: "ax-result", inputs: { caption: "caption", description: "description" }, host: { properties: { "class": "this.hostClass" } }, providers: [{ provide: AXComponent, useExisting: AXResultComponent }], usesInheritance: true, ngImport: i0, template: "<div class=\"ax-result-icon\">\n  <ng-content select=\"ax-icon\"></ng-content>\n</div>\n<div class=\"ax-result-title\">\n  <ng-content select=\"ax-title\"></ng-content>\n</div>\n<div class=\"ax-result-content\">\n  <ng-content></ng-content>\n</div>\n", styles: ["@layer properties;@layer components{ax-result{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 2)}ax-result .ax-result-icon{text-align:center;font-size:var(--text-5xl, 3rem);line-height:var(--tw-leading, var(--text-5xl--line-height, 1))}ax-result .ax-result-title,ax-result .ax-result-description{margin-top:calc(var(--spacing, .25rem) * 2);text-align:center}ax-result .ax-result-title{font-size:var(--text-2xl, 1.5rem);line-height:var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));--tw-leading: calc(var(--spacing, .25rem) * 8);line-height:calc(var(--spacing, .25rem) * 8);--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500)}ax-result .ax-result-content{text-align:center;font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));--tw-leading: calc(var(--spacing, .25rem) * 6);line-height:calc(var(--spacing, .25rem) * 6)}}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-leading: initial;--tw-font-weight: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXResultComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.6", type: AXResultComponent, isStandalone: true, selector: "ax-result", inputs: { caption: "caption", description: "description" }, host: { properties: { "class": "this.hostClass" } }, providers: [{ provide: AXComponent, useExisting: AXResultComponent }], usesInheritance: true, ngImport: i0, template: "<div class=\"ax-result-icon\">\n  <ng-content select=\"ax-icon\"></ng-content>\n</div>\n<div class=\"ax-result-title\">\n  <ng-content select=\"ax-title\"></ng-content>\n</div>\n<div class=\"ax-result-content\">\n  <ng-content></ng-content>\n</div>\n", styles: ["@layer properties;@layer components{ax-result{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 2)}ax-result .ax-result-icon{text-align:center;font-size:var(--text-5xl, 3rem);line-height:var(--tw-leading, var(--text-5xl--line-height, 1))}ax-result .ax-result-title,ax-result .ax-result-description{margin-top:calc(var(--spacing, .25rem) * 2);text-align:center}ax-result .ax-result-title{font-size:var(--text-2xl, 1.5rem);line-height:var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));--tw-leading: calc(var(--spacing, .25rem) * 8);line-height:calc(var(--spacing, .25rem) * 8);--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500)}ax-result .ax-result-content{text-align:center;font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));--tw-leading: calc(var(--spacing, .25rem) * 6);line-height:calc(var(--spacing, .25rem) * 6)}}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-leading: initial;--tw-font-weight: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXResultComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXResultComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-result', encapsulation: ViewEncapsulation.None, providers: [{ provide: AXComponent, useExisting: AXResultComponent }], template: "<div class=\"ax-result-icon\">\n  <ng-content select=\"ax-icon\"></ng-content>\n</div>\n<div class=\"ax-result-title\">\n  <ng-content select=\"ax-title\"></ng-content>\n</div>\n<div class=\"ax-result-content\">\n  <ng-content></ng-content>\n</div>\n", styles: ["@layer properties;@layer components{ax-result{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 2)}ax-result .ax-result-icon{text-align:center;font-size:var(--text-5xl, 3rem);line-height:var(--tw-leading, var(--text-5xl--line-height, 1))}ax-result .ax-result-title,ax-result .ax-result-description{margin-top:calc(var(--spacing, .25rem) * 2);text-align:center}ax-result .ax-result-title{font-size:var(--text-2xl, 1.5rem);line-height:var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));--tw-leading: calc(var(--spacing, .25rem) * 8);line-height:calc(var(--spacing, .25rem) * 8);--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500)}ax-result .ax-result-content{text-align:center;font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));--tw-leading: calc(var(--spacing, .25rem) * 6);line-height:calc(var(--spacing, .25rem) * 6)}}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-leading: initial;--tw-font-weight: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"] }]
         }], ctorParameters: () => [], propDecorators: { caption: [{
@@ -42,11 +42,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
             }] } });
 class AXResultModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXResultModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: AXResultModule, imports: [CommonModule, AXResultComponent], exports: [AXResultComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXResultModule, imports: [CommonModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXResultModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.6", ngImport: i0, type: AXResultModule, imports: [CommonModule, AXResultComponent], exports: [AXResultComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXResultModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXResultModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXResultModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, AXResultComponent],

package/fesm2022/acorex-components-routing-progress.mjs CHANGED Viewed

@@ -63,10 +63,10 @@ class AXRoutingProgressComponent extends MXBaseComponent {
     ngOnDestroy() {
         this.subscription?.unsubscribe();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXRoutingProgressComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXRoutingProgressComponent, isStandalone: true, selector: "ax-routing-progress", providers: [{ provide: AXComponent, useExisting: AXRoutingProgressComponent }], usesInheritance: true, ngImport: i0, template: "@if (loading) {\n  <div [style.width.%]=\"width\"></div>\n}\n", styles: ["@layer properties;@layer components{ax-routing-progress{position:fixed;inset-inline-start:calc(var(--spacing, .25rem) * 0);top:calc(var(--spacing, .25rem) * 0);display:block;height:calc(var(--spacing, .25rem) * 1);width:100%}ax-routing-progress>div{height:100%;transform:translateZ(0);background-color:rgba(var(--ax-sys-color-primary-surface));transition-property:width,opacity;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s))}}@property --tw-rotate-x{syntax: \"*\"; inherits: false;}@property --tw-rotate-y{syntax: \"*\"; inherits: false;}@property --tw-rotate-z{syntax: \"*\"; inherits: false;}@property --tw-skew-x{syntax: \"*\"; inherits: false;}@property --tw-skew-y{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x: initial;--tw-rotate-y: initial;--tw-rotate-z: initial;--tw-skew-x: initial;--tw-skew-y: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXRoutingProgressComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: AXRoutingProgressComponent, isStandalone: true, selector: "ax-routing-progress", providers: [{ provide: AXComponent, useExisting: AXRoutingProgressComponent }], usesInheritance: true, ngImport: i0, template: "@if (loading) {\n  <div [style.width.%]=\"width\"></div>\n}\n", styles: ["@layer properties;@layer components{ax-routing-progress{position:fixed;inset-inline-start:calc(var(--spacing, .25rem) * 0);top:calc(var(--spacing, .25rem) * 0);display:block;height:calc(var(--spacing, .25rem) * 1);width:100%}ax-routing-progress>div{height:100%;transform:translateZ(0);background-color:rgba(var(--ax-sys-color-primary-surface));transition-property:width,opacity;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s))}}@property --tw-rotate-x{syntax: \"*\"; inherits: false;}@property --tw-rotate-y{syntax: \"*\"; inherits: false;}@property --tw-rotate-z{syntax: \"*\"; inherits: false;}@property --tw-skew-x{syntax: \"*\"; inherits: false;}@property --tw-skew-y{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x: initial;--tw-rotate-y: initial;--tw-rotate-z: initial;--tw-skew-x: initial;--tw-skew-y: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXRoutingProgressComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXRoutingProgressComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-routing-progress', encapsulation: ViewEncapsulation.None, providers: [{ provide: AXComponent, useExisting: AXRoutingProgressComponent }], template: "@if (loading) {\n  <div [style.width.%]=\"width\"></div>\n}\n", styles: ["@layer properties;@layer components{ax-routing-progress{position:fixed;inset-inline-start:calc(var(--spacing, .25rem) * 0);top:calc(var(--spacing, .25rem) * 0);display:block;height:calc(var(--spacing, .25rem) * 1);width:100%}ax-routing-progress>div{height:100%;transform:translateZ(0);background-color:rgba(var(--ax-sys-color-primary-surface));transition-property:width,opacity;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s))}}@property --tw-rotate-x{syntax: \"*\"; inherits: false;}@property --tw-rotate-y{syntax: \"*\"; inherits: false;}@property --tw-rotate-z{syntax: \"*\"; inherits: false;}@property --tw-skew-x{syntax: \"*\"; inherits: false;}@property --tw-skew-y{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x: initial;--tw-rotate-y: initial;--tw-rotate-z: initial;--tw-skew-x: initial;--tw-skew-y: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"] }]
         }], ctorParameters: () => [] });
@@ -74,11 +74,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
 const COMPONENT = [AXRoutingProgressComponent];
 const MODULES = [CommonModule];
 class AXRoutingProgressModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXRoutingProgressModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: AXRoutingProgressModule, imports: [CommonModule, AXRoutingProgressComponent], exports: [AXRoutingProgressComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXRoutingProgressModule, imports: [MODULES] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXRoutingProgressModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.6", ngImport: i0, type: AXRoutingProgressModule, imports: [CommonModule, AXRoutingProgressComponent], exports: [AXRoutingProgressComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXRoutingProgressModule, imports: [MODULES] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXRoutingProgressModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXRoutingProgressModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [...MODULES, ...COMPONENT],