npm - @acorex/components - Versions diffs - 20.2.19 → 20.2.21 - Mend

@acorex/components 20.2.19 → 20.2.21

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 (215) hide show

package/fesm2022/acorex-components-sliding-item.mjs CHANGED Viewed

@@ -16,13 +16,13 @@ class AXSlidingItemPrefixComponent {
     _onclick() {
         this.onClick.emit({ component: this });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXSlidingItemPrefixComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.4", type: AXSlidingItemPrefixComponent, isStandalone: true, selector: "ax-sliding-item-prefix", inputs: { color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onClick: "onClick" }, host: { listeners: { "click": "_onclick()" }, properties: { "class": "this.__hostClass" } }, providers: [{ provide: AXComponent, useExisting: AXSlidingItemPrefixComponent }], ngImport: i0, template: "<ng-content #select=\"ax-icon\"></ng-content>\n<ax-text>{{ text() }}</ax-text>\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" }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: AXSlidingItemPrefixComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.6", type: AXSlidingItemPrefixComponent, isStandalone: true, selector: "ax-sliding-item-prefix", inputs: { color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onClick: "onClick" }, host: { listeners: { "click": "_onclick()" }, properties: { "class": "this.__hostClass" } }, providers: [{ provide: AXComponent, useExisting: AXSlidingItemPrefixComponent }], ngImport: i0, template: "<ng-content #select=\"ax-icon\"></ng-content>\n<ax-text>{{ text() }}</ax-text>\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" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXSlidingItemPrefixComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: AXSlidingItemPrefixComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-sliding-item-prefix', encapsulation: ViewEncapsulation.None, imports: [AXDecoratorGenericComponent], providers: [{ provide: AXComponent, useExisting: AXSlidingItemPrefixComponent }], template: "<ng-content #select=\"ax-icon\"></ng-content>\n<ax-text>{{ text() }}</ax-text>\n" }]
-        }], propDecorators: { __hostClass: [{
+        }], propDecorators: { color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], text: [{ type: i0.Input, args: [{ isSignal: true, alias: "text", required: false }] }], onClick: [{ type: i0.Output, args: ["onClick"] }], __hostClass: [{
                 type: HostBinding,
                 args: ['class']
             }], _onclick: [{
@@ -42,13 +42,13 @@ class AXSlidingItemSuffixComponent {
     _onclick() {
         this.onClick.emit({ component: this });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXSlidingItemSuffixComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.4", type: AXSlidingItemSuffixComponent, isStandalone: true, selector: "ax-sliding-item-suffix", inputs: { color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onClick: "onClick" }, host: { listeners: { "click": "_onclick()" }, properties: { "class": "this.__hostClass" } }, providers: [{ provide: AXComponent, useExisting: AXSlidingItemSuffixComponent }], ngImport: i0, template: "<ng-content #select=\"ax-icon\"></ng-content>\n<ax-text>{{ text() }}</ax-text>\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" }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: AXSlidingItemSuffixComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.6", type: AXSlidingItemSuffixComponent, isStandalone: true, selector: "ax-sliding-item-suffix", inputs: { color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onClick: "onClick" }, host: { listeners: { "click": "_onclick()" }, properties: { "class": "this.__hostClass" } }, providers: [{ provide: AXComponent, useExisting: AXSlidingItemSuffixComponent }], ngImport: i0, template: "<ng-content #select=\"ax-icon\"></ng-content>\n<ax-text>{{ text() }}</ax-text>\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" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXSlidingItemSuffixComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: AXSlidingItemSuffixComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-sliding-item-suffix', encapsulation: ViewEncapsulation.None, imports: [AXDecoratorGenericComponent], providers: [{ provide: AXComponent, useExisting: AXSlidingItemSuffixComponent }], template: "<ng-content #select=\"ax-icon\"></ng-content>\n<ax-text>{{ text() }}</ax-text>\n" }]
-        }], propDecorators: { __hostClass: [{
+        }], propDecorators: { color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], text: [{ type: i0.Input, args: [{ isSignal: true, alias: "text", required: false }] }], onClick: [{ type: i0.Output, args: ["onClick"] }], __hostClass: [{
                 type: HostBinding,
                 args: ['class']
             }], _onclick: [{
@@ -131,22 +131,22 @@ class AXSlidingItemComponent {
     #effect;
     #effect2;
     #init;
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXSlidingItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.4", type: AXSlidingItemComponent, isStandalone: true, selector: "ax-sliding-item", providers: [{ provide: AXComponent, useExisting: AXSlidingItemComponent }], queries: [{ propertyName: "itemPrefix", predicate: AXSlidingItemPrefixComponent, read: ElementRef, isSignal: true }, { propertyName: "itemSuffix", predicate: AXSlidingItemSuffixComponent, read: ElementRef, isSignal: true }], viewQueries: [{ propertyName: "slidingItem", first: true, predicate: AXSlidingItemDirective, descendants: true, isSignal: true }], ngImport: i0, template: "<div #itemPrefix class=\"ax-sliding-item-container\">\n  <ng-content select=\"ax-sliding-item-prefix\"></ng-content>\n</div>\n\n<div axSlidingItem>\n  <ng-content select=\"ax-content\"> </ng-content>\n</div>\n\n<div #itemSuffix class=\"ax-sliding-item-container\">\n  <ng-content select=\"ax-sliding-item-suffix\"></ng-content>\n</div>\n", styles: ["ax-sliding-item{--ax-comp-sliding-item-content-bg-color: var(--ax-sys-color-lightest-surface);--ax-comp-sliding-item-content-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-sliding-item-primary-btn-bg-color: var(--ax-sys-color-primary-surface);--ax-comp-sliding-item-primary-btn-text-color: var(--ax-sys-color-on-primary-surface);--ax-comp-sliding-item-primary-btn-active-bg-color: var(--ax-sys-color-primary-darker-surface);--ax-comp-sliding-item-primary-btn-active-text-color: var(--ax-sys-color-on-primary-darker-surface);--ax-comp-sliding-item-primary-btn-hover-bg-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-sliding-item-primary-btn-hover-text-color: var(--ax-sys-color-on-primary-dark-surface);--ax-comp-sliding-item-secondary-btn-bg-color: var(--ax-sys-color-secondary-surface);--ax-comp-sliding-item-secondary-btn-text-color: var(--ax-sys-color-on-secondary-surface);--ax-comp-sliding-item-secondary-btn-active-bg-color: var(--ax-sys-color-secondary-darker-surface);--ax-comp-sliding-item-secondary-btn-active-text-color: var(--ax-sys-color-on-secondary-darker-surface);--ax-comp-sliding-item-secondary-btn-hover-bg-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-sliding-item-secondary-btn-hover-text-color: var(--ax-sys-color-on-secondary-dark-surface);--ax-comp-sliding-item-success-btn-bg-color: var(--ax-sys-color-success-surface);--ax-comp-sliding-item-success-btn-text-color: var(--ax-sys-color-on-success-surface);--ax-comp-sliding-item-success-btn-active-bg-color: var(--ax-sys-color-success-darker-surface);--ax-comp-sliding-item-success-btn-active-text-color: var(--ax-sys-color-on-success-darker-surface);--ax-comp-sliding-item-success-btn-hover-bg-color: var(--ax-sys-color-success-dark-surface);--ax-comp-sliding-item-success-btn-hover-text-color: var(--ax-sys-color-on-success-dark-surface);--ax-comp-sliding-item-warning-btn-bg-color: var(--ax-sys-color-warning-surface);--ax-comp-sliding-item-warning-btn-text-color: var(--ax-sys-color-on-warning-surface);--ax-comp-sliding-item-warning-btn-active-bg-color: var(--ax-sys-color-warning-darker-surface);--ax-comp-sliding-item-warning-btn-active-text-color: var(--ax-sys-color-on-warning-darker-surface);--ax-comp-sliding-item-warning-btn-hover-bg-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-sliding-item-warning-btn-hover-text-color: var(--ax-sys-color-on-warning-dark-surface);--ax-comp-sliding-item-danger-btn-bg-color: var(--ax-sys-color-danger-surface);--ax-comp-sliding-item-danger-btn-text-color: var(--ax-sys-color-on-danger-surface);--ax-comp-sliding-item-danger-btn-active-bg-color: var(--ax-sys-color-danger-darker-surface);--ax-comp-sliding-item-danger-btn-active-text-color: var(--ax-sys-color-on-danger-darker-surface);--ax-comp-sliding-item-danger-btn-hover-bg-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-sliding-item-danger-btn-hover-text-color: var(--ax-sys-color-on-danger-dark-surface);--ax-comp-sliding-item-accent1-btn-bg-color: var(--ax-sys-color-accent1-surface);--ax-comp-sliding-item-accent1-btn-text-color: var(--ax-sys-color-on-accent1-surface);--ax-comp-sliding-item-accent1-btn-active-bg-color: var(--ax-sys-color-accent1-darker-surface);--ax-comp-sliding-item-accent1-btn-active-text-color: var(--ax-sys-color-on-accent1-darker-surface);--ax-comp-sliding-item-accent1-btn-hover-bg-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-sliding-item-accent1-btn-hover-text-color: var(--ax-sys-color-on-accent1-dark-surface);--ax-comp-sliding-item-accent2-btn-bg-color: var(--ax-sys-color-accent2-surface);--ax-comp-sliding-item-accent2-btn-text-color: var(--ax-sys-color-on-accent2-surface);--ax-comp-sliding-item-accent2-btn-active-bg-color: var(--ax-sys-color-accent2-darker-surface);--ax-comp-sliding-item-accent2-btn-active-text-color: var(--ax-sys-color-on-accent2-darker-surface);--ax-comp-sliding-item-accent2-btn-hover-bg-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-sliding-item-accent2-btn-hover-text-color: var(--ax-sys-color-on-accent2-dark-surface);--ax-comp-sliding-item-accent3-btn-bg-color: var(--ax-sys-color-accent3-surface);--ax-comp-sliding-item-accent3-btn-text-color: var(--ax-sys-color-on-accent3-surface);--ax-comp-sliding-item-accent3-btn-active-bg-color: var(--ax-sys-color-accent3-darker-surface);--ax-comp-sliding-item-accent3-btn-active-text-color: var(--ax-sys-color-on-accent3-darker-surface);--ax-comp-sliding-item-accent3-btn-hover-bg-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-sliding-item-accent3-btn-hover-text-color: var(--ax-sys-color-on-accent3-dark-surface);--ax-comp-sliding-item-accent4-btn-bg-color: var(--ax-sys-color-accent4-surface);--ax-comp-sliding-item-accent4-btn-text-color: var(--ax-sys-color-on-accent4-surface);--ax-comp-sliding-item-accent4-btn-active-bg-color: var(--ax-sys-color-accent4-darker-surface);--ax-comp-sliding-item-accent4-btn-active-text-color: var(--ax-sys-color-on-accent4-darker-surface);--ax-comp-sliding-item-accent4-btn-hover-bg-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-sliding-item-accent4-btn-hover-text-color: var(--ax-sys-color-on-accent4-dark-surface);--ax-comp-sliding-item-accent5-btn-bg-color: var(--ax-sys-color-accent5-surface);--ax-comp-sliding-item-accent5-btn-text-color: var(--ax-sys-color-on-accent5-surface);--ax-comp-sliding-item-accent5-btn-active-bg-color: var(--ax-sys-color-accent5-darker-surface);--ax-comp-sliding-item-accent5-btn-active-text-color: var(--ax-sys-color-on-accent5-darker-surface);--ax-comp-sliding-item-accent5-btn-hover-bg-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-sliding-item-accent5-btn-hover-text-color: var(--ax-sys-color-on-accent5-dark-surface);--ax-comp-sliding-item-accent6-btn-bg-color: var(--ax-sys-color-accent6-surface);--ax-comp-sliding-item-accent6-btn-text-color: var(--ax-sys-color-on-accent6-surface);--ax-comp-sliding-item-accent6-btn-active-bg-color: var(--ax-sys-color-accent6-darker-surface);--ax-comp-sliding-item-accent6-btn-active-text-color: var(--ax-sys-color-on-accent6-darker-surface);--ax-comp-sliding-item-accent6-btn-hover-bg-color: var(--ax-sys-color-accent6-dark-surface);--ax-comp-sliding-item-accent6-btn-hover-text-color: var(--ax-sys-color-on-accent6-dark-surface);--ax-comp-sliding-item-accent7-btn-bg-color: var(--ax-sys-color-accent7-surface);--ax-comp-sliding-item-accent7-btn-text-color: var(--ax-sys-color-on-accent7-surface);--ax-comp-sliding-item-accent7-btn-active-bg-color: var(--ax-sys-color-accent7-darker-surface);--ax-comp-sliding-item-accent7-btn-active-text-color: var(--ax-sys-color-on-accent7-darker-surface);--ax-comp-sliding-item-accent7-btn-hover-bg-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-sliding-item-accent7-btn-hover-text-color: var(--ax-sys-color-on-accent7-dark-surface)}ax-sliding-item{width:100%;height:100%}ax-sliding-item .ax-sliding-item-container{display:flex}ax-sliding-item ax-content{width:100%;height:100%;display:flex;align-items:center;background-color:rgba(var(--ax-comp-sliding-item-content-bg-color));color:rgba(var(--ax-comp-sliding-item-content-text-color));padding:1rem}ax-sliding-item ax-sliding-item-prefix,ax-sliding-item ax-sliding-item-suffix{display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:4rem;aspect-ratio:1;cursor:pointer;transition-property:background-color,color;transition-duration:var(--ax-sys-transition-duration);transition-timing-function:var(--ax-sys-transition-timing-function)}ax-sliding-item ax-sliding-item-prefix.ax-primary,ax-sliding-item ax-sliding-item-suffix.ax-primary{background-color:rgba(var(--ax-comp-sliding-item-primary-btn-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-primary ax-text,ax-sliding-item ax-sliding-item-prefix.ax-primary ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-primary ax-text,ax-sliding-item ax-sliding-item-suffix.ax-primary ax-icon{color:rgba(var(--ax-comp-sliding-item-primary-btn-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-primary:hover,ax-sliding-item ax-sliding-item-suffix.ax-primary:hover{background-color:rgba(var(--ax-comp-sliding-item-primary-btn-hover-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-primary:hover ax-text,ax-sliding-item ax-sliding-item-prefix.ax-primary:hover ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-primary:hover ax-text,ax-sliding-item ax-sliding-item-suffix.ax-primary:hover ax-icon{color:rgba(var(--ax-comp-sliding-item-primary-btn-hover-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-primary:active,ax-sliding-item ax-sliding-item-suffix.ax-primary:active{background-color:rgba(var(--ax-comp-sliding-item-primary-btn-active-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-primary:active ax-text,ax-sliding-item ax-sliding-item-prefix.ax-primary:active ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-primary:active ax-text,ax-sliding-item ax-sliding-item-suffix.ax-primary:active ax-icon{color:rgba(var(--ax-comp-sliding-item-primary-btn-active-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-secondary,ax-sliding-item ax-sliding-item-suffix.ax-secondary{background-color:rgba(var(--ax-comp-sliding-item-secondary-btn-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-secondary ax-text,ax-sliding-item ax-sliding-item-prefix.ax-secondary ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-secondary ax-text,ax-sliding-item ax-sliding-item-suffix.ax-secondary ax-icon{color:rgba(var(--ax-comp-sliding-item-secondary-btn-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-secondary:hover,ax-sliding-item ax-sliding-item-suffix.ax-secondary:hover{background-color:rgba(var(--ax-comp-sliding-item-secondary-btn-hover-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-secondary:hover ax-text,ax-sliding-item ax-sliding-item-prefix.ax-secondary:hover ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-secondary:hover ax-text,ax-sliding-item ax-sliding-item-suffix.ax-secondary:hover ax-icon{color:rgba(var(--ax-comp-sliding-item-secondary-btn-hover-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-secondary:active,ax-sliding-item ax-sliding-item-suffix.ax-secondary:active{background-color:rgba(var(--ax-comp-sliding-item-secondary-btn-active-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-secondary:active ax-text,ax-sliding-item ax-sliding-item-prefix.ax-secondary:active ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-secondary:active ax-text,ax-sliding-item ax-sliding-item-suffix.ax-secondary:active ax-icon{color:rgba(var(--ax-comp-sliding-item-secondary-btn-active-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-success,ax-sliding-item ax-sliding-item-suffix.ax-success{background-color:rgba(var(--ax-comp-sliding-item-success-btn-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-success ax-text,ax-sliding-item ax-sliding-item-prefix.ax-success ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-success ax-text,ax-sliding-item ax-sliding-item-suffix.ax-success ax-icon{color:rgba(var(--ax-comp-sliding-item-success-btn-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-success:hover,ax-sliding-item ax-sliding-item-suffix.ax-success:hover{background-color:rgba(var(--ax-comp-sliding-item-success-btn-hover-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-success:hover ax-text,ax-sliding-item ax-sliding-item-prefix.ax-success:hover ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-success:hover ax-text,ax-sliding-item ax-sliding-item-suffix.ax-success:hover ax-icon{color:rgba(var(--ax-comp-sliding-item-success-btn-hover-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-success:active,ax-sliding-item ax-sliding-item-suffix.ax-success:active{background-color:rgba(var(--ax-comp-sliding-item-success-btn-active-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-success:active ax-text,ax-sliding-item ax-sliding-item-prefix.ax-success:active ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-success:active ax-text,ax-sliding-item ax-sliding-item-suffix.ax-success:active ax-icon{color:rgba(var(--ax-comp-sliding-item-success-btn-active-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-warning,ax-sliding-item ax-sliding-item-suffix.ax-warning{background-color:rgba(var(--ax-comp-sliding-item-warning-btn-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-warning ax-text,ax-sliding-item ax-sliding-item-prefix.ax-warning ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-warning ax-text,ax-sliding-item ax-sliding-item-suffix.ax-warning ax-icon{color:rgba(var(--ax-comp-sliding-item-warning-btn-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-warning:hover,ax-sliding-item ax-sliding-item-suffix.ax-warning:hover{background-color:rgba(var(--ax-comp-sliding-item-warning-btn-hover-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-warning:hover ax-text,ax-sliding-item ax-sliding-item-prefix.ax-warning:hover ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-warning:hover ax-text,ax-sliding-item ax-sliding-item-suffix.ax-warning:hover ax-icon{color:rgba(var(--ax-comp-sliding-item-warning-btn-hover-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-warning:active,ax-sliding-item ax-sliding-item-suffix.ax-warning:active{background-color:rgba(var(--ax-comp-sliding-item-warning-btn-active-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-warning:active ax-text,ax-sliding-item ax-sliding-item-prefix.ax-warning:active ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-warning:active ax-text,ax-sliding-item ax-sliding-item-suffix.ax-warning:active ax-icon{color:rgba(var(--ax-comp-sliding-item-warning-btn-active-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-danger,ax-sliding-item ax-sliding-item-suffix.ax-danger{background-color:rgba(var(--ax-comp-sliding-item-danger-btn-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-danger ax-text,ax-sliding-item ax-sliding-item-prefix.ax-danger ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-danger ax-text,ax-sliding-item ax-sliding-item-suffix.ax-danger ax-icon{color:rgba(var(--ax-comp-sliding-item-danger-btn-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-danger:hover,ax-sliding-item ax-sliding-item-suffix.ax-danger:hover{background-color:rgba(var(--ax-comp-sliding-item-danger-btn-hover-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-danger:hover ax-text,ax-sliding-item ax-sliding-item-prefix.ax-danger:hover ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-danger:hover ax-text,ax-sliding-item ax-sliding-item-suffix.ax-danger:hover ax-icon{color:rgba(var(--ax-comp-sliding-item-danger-btn-hover-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-danger:active,ax-sliding-item ax-sliding-item-suffix.ax-danger:active{background-color:rgba(var(--ax-comp-sliding-item-danger-btn-active-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-danger:active ax-text,ax-sliding-item ax-sliding-item-prefix.ax-danger:active ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-danger:active ax-text,ax-sliding-item ax-sliding-item-suffix.ax-danger:active ax-icon{color:rgba(var(--ax-comp-sliding-item-danger-btn-active-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent1,ax-sliding-item ax-sliding-item-suffix.ax-accent1{background-color:rgba(var(--ax-comp-sliding-item-accent1-btn-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent1 ax-text,ax-sliding-item ax-sliding-item-prefix.ax-accent1 ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-accent1 ax-text,ax-sliding-item ax-sliding-item-suffix.ax-accent1 ax-icon{color:rgba(var(--ax-comp-sliding-item-accent1-btn-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent1:hover,ax-sliding-item ax-sliding-item-suffix.ax-accent1:hover{background-color:rgba(var(--ax-comp-sliding-item-accent1-btn-hover-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent1:hover ax-text,ax-sliding-item ax-sliding-item-prefix.ax-accent1:hover ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-accent1:hover ax-text,ax-sliding-item ax-sliding-item-suffix.ax-accent1:hover ax-icon{color:rgba(var(--ax-comp-sliding-item-accent1-btn-hover-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent1:active,ax-sliding-item ax-sliding-item-suffix.ax-accent1:active{background-color:rgba(var(--ax-comp-sliding-item-accent1-btn-active-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent1:active ax-text,ax-sliding-item ax-sliding-item-prefix.ax-accent1:active ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-accent1:active ax-text,ax-sliding-item ax-sliding-item-suffix.ax-accent1:active ax-icon{color:rgba(var(--ax-comp-sliding-item-accent1-btn-active-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent2,ax-sliding-item ax-sliding-item-suffix.ax-accent2{background-color:rgba(var(--ax-comp-sliding-item-accent2-btn-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent2 ax-text,ax-sliding-item ax-sliding-item-prefix.ax-accent2 ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-accent2 ax-text,ax-sliding-item ax-sliding-item-suffix.ax-accent2 ax-icon{color:rgba(var(--ax-comp-sliding-item-accent2-btn-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent2:hover,ax-sliding-item ax-sliding-item-suffix.ax-accent2:hover{background-color:rgba(var(--ax-comp-sliding-item-accent2-btn-hover-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent2:hover ax-text,ax-sliding-item ax-sliding-item-prefix.ax-accent2:hover ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-accent2:hover ax-text,ax-sliding-item ax-sliding-item-suffix.ax-accent2:hover ax-icon{color:rgba(var(--ax-comp-sliding-item-accent2-btn-hover-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent2:active,ax-sliding-item ax-sliding-item-suffix.ax-accent2:active{background-color:rgba(var(--ax-comp-sliding-item-accent2-btn-active-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent2:active ax-text,ax-sliding-item ax-sliding-item-prefix.ax-accent2:active ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-accent2:active ax-text,ax-sliding-item ax-sliding-item-suffix.ax-accent2:active ax-icon{color:rgba(var(--ax-comp-sliding-item-accent2-btn-active-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent3,ax-sliding-item ax-sliding-item-suffix.ax-accent3{background-color:rgba(var(--ax-comp-sliding-item-accent3-btn-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent3 ax-text,ax-sliding-item ax-sliding-item-prefix.ax-accent3 ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-accent3 ax-text,ax-sliding-item ax-sliding-item-suffix.ax-accent3 ax-icon{color:rgba(var(--ax-comp-sliding-item-accent3-btn-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent3:hover,ax-sliding-item ax-sliding-item-suffix.ax-accent3:hover{background-color:rgba(var(--ax-comp-sliding-item-accent3-btn-hover-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent3:hover ax-text,ax-sliding-item ax-sliding-item-prefix.ax-accent3:hover ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-accent3:hover ax-text,ax-sliding-item ax-sliding-item-suffix.ax-accent3:hover ax-icon{color:rgba(var(--ax-comp-sliding-item-accent3-btn-hover-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent3:active,ax-sliding-item ax-sliding-item-suffix.ax-accent3:active{background-color:rgba(var(--ax-comp-sliding-item-accent3-btn-active-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent3:active ax-text,ax-sliding-item ax-sliding-item-prefix.ax-accent3:active ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-accent3:active ax-text,ax-sliding-item ax-sliding-item-suffix.ax-accent3:active ax-icon{color:rgba(var(--ax-comp-sliding-item-accent3-btn-active-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent4,ax-sliding-item ax-sliding-item-suffix.ax-accent4{background-color:rgba(var(--ax-comp-sliding-item-accent4-btn-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent4 ax-text,ax-sliding-item ax-sliding-item-prefix.ax-accent4 ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-accent4 ax-text,ax-sliding-item ax-sliding-item-suffix.ax-accent4 ax-icon{color:rgba(var(--ax-comp-sliding-item-accent4-btn-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent4:hover,ax-sliding-item ax-sliding-item-suffix.ax-accent4:hover{background-color:rgba(var(--ax-comp-sliding-item-accent4-btn-hover-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent4:hover ax-text,ax-sliding-item ax-sliding-item-prefix.ax-accent4:hover ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-accent4:hover ax-text,ax-sliding-item ax-sliding-item-suffix.ax-accent4:hover ax-icon{color:rgba(var(--ax-comp-sliding-item-accent4-btn-hover-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent4:active,ax-sliding-item ax-sliding-item-suffix.ax-accent4:active{background-color:rgba(var(--ax-comp-sliding-item-accent4-btn-active-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent4:active ax-text,ax-sliding-item ax-sliding-item-prefix.ax-accent4:active ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-accent4:active ax-text,ax-sliding-item ax-sliding-item-suffix.ax-accent4:active ax-icon{color:rgba(var(--ax-comp-sliding-item-accent4-btn-active-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent5,ax-sliding-item ax-sliding-item-suffix.ax-accent5{background-color:rgba(var(--ax-comp-sliding-item-accent5-btn-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent5 ax-text,ax-sliding-item ax-sliding-item-prefix.ax-accent5 ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-accent5 ax-text,ax-sliding-item ax-sliding-item-suffix.ax-accent5 ax-icon{color:rgba(var(--ax-comp-sliding-item-accent5-btn-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent5:hover,ax-sliding-item ax-sliding-item-suffix.ax-accent5:hover{background-color:rgba(var(--ax-comp-sliding-item-accent5-btn-hover-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent5:hover ax-text,ax-sliding-item ax-sliding-item-prefix.ax-accent5:hover ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-accent5:hover ax-text,ax-sliding-item ax-sliding-item-suffix.ax-accent5:hover ax-icon{color:rgba(var(--ax-comp-sliding-item-accent5-btn-hover-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent5:active,ax-sliding-item ax-sliding-item-suffix.ax-accent5:active{background-color:rgba(var(--ax-comp-sliding-item-accent5-btn-active-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent5:active ax-text,ax-sliding-item ax-sliding-item-prefix.ax-accent5:active ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-accent5:active ax-text,ax-sliding-item ax-sliding-item-suffix.ax-accent5:active ax-icon{color:rgba(var(--ax-comp-sliding-item-accent5-btn-active-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent6,ax-sliding-item ax-sliding-item-suffix.ax-accent6{background-color:rgba(var(--ax-comp-sliding-item-accent6-btn-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent6 ax-text,ax-sliding-item ax-sliding-item-prefix.ax-accent6 ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-accent6 ax-text,ax-sliding-item ax-sliding-item-suffix.ax-accent6 ax-icon{color:rgba(var(--ax-comp-sliding-item-accent6-btn-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent6:hover,ax-sliding-item ax-sliding-item-suffix.ax-accent6:hover{background-color:rgba(var(--ax-comp-sliding-item-accent6-btn-hover-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent6:hover ax-text,ax-sliding-item ax-sliding-item-prefix.ax-accent6:hover ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-accent6:hover ax-text,ax-sliding-item ax-sliding-item-suffix.ax-accent6:hover ax-icon{color:rgba(var(--ax-comp-sliding-item-accent6-btn-hover-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent6:active,ax-sliding-item ax-sliding-item-suffix.ax-accent6:active{background-color:rgba(var(--ax-comp-sliding-item-accent6-btn-active-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent6:active ax-text,ax-sliding-item ax-sliding-item-prefix.ax-accent6:active ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-accent6:active ax-text,ax-sliding-item ax-sliding-item-suffix.ax-accent6:active ax-icon{color:rgba(var(--ax-comp-sliding-item-accent6-btn-active-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent7,ax-sliding-item ax-sliding-item-suffix.ax-accent7{background-color:rgba(var(--ax-comp-sliding-item-accent7-btn-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent7 ax-text,ax-sliding-item ax-sliding-item-prefix.ax-accent7 ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-accent7 ax-text,ax-sliding-item ax-sliding-item-suffix.ax-accent7 ax-icon{color:rgba(var(--ax-comp-sliding-item-accent7-btn-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent7:hover,ax-sliding-item ax-sliding-item-suffix.ax-accent7:hover{background-color:rgba(var(--ax-comp-sliding-item-accent7-btn-hover-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent7:hover ax-text,ax-sliding-item ax-sliding-item-prefix.ax-accent7:hover ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-accent7:hover ax-text,ax-sliding-item ax-sliding-item-suffix.ax-accent7:hover ax-icon{color:rgba(var(--ax-comp-sliding-item-accent7-btn-hover-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent7:active,ax-sliding-item ax-sliding-item-suffix.ax-accent7:active{background-color:rgba(var(--ax-comp-sliding-item-accent7-btn-active-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent7:active ax-text,ax-sliding-item ax-sliding-item-prefix.ax-accent7:active ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-accent7:active ax-text,ax-sliding-item ax-sliding-item-suffix.ax-accent7:active ax-icon{color:rgba(var(--ax-comp-sliding-item-accent7-btn-active-text-color))}\n"], dependencies: [{ kind: "directive", type: AXSlidingItemDirective, selector: "[axSlidingItem]" }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: AXSlidingItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.6", type: AXSlidingItemComponent, isStandalone: true, selector: "ax-sliding-item", providers: [{ provide: AXComponent, useExisting: AXSlidingItemComponent }], queries: [{ propertyName: "itemPrefix", predicate: AXSlidingItemPrefixComponent, read: ElementRef, isSignal: true }, { propertyName: "itemSuffix", predicate: AXSlidingItemSuffixComponent, read: ElementRef, isSignal: true }], viewQueries: [{ propertyName: "slidingItem", first: true, predicate: AXSlidingItemDirective, descendants: true, isSignal: true }], ngImport: i0, template: "<div #itemPrefix class=\"ax-sliding-item-container\">\n  <ng-content select=\"ax-sliding-item-prefix\"></ng-content>\n</div>\n\n<div axSlidingItem>\n  <ng-content select=\"ax-content\"> </ng-content>\n</div>\n\n<div #itemSuffix class=\"ax-sliding-item-container\">\n  <ng-content select=\"ax-sliding-item-suffix\"></ng-content>\n</div>\n", styles: ["ax-sliding-item{--ax-comp-sliding-item-content-bg-color: var(--ax-sys-color-lightest-surface);--ax-comp-sliding-item-content-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-sliding-item-primary-btn-bg-color: var(--ax-sys-color-primary-surface);--ax-comp-sliding-item-primary-btn-text-color: var(--ax-sys-color-on-primary-surface);--ax-comp-sliding-item-primary-btn-active-bg-color: var(--ax-sys-color-primary-darker-surface);--ax-comp-sliding-item-primary-btn-active-text-color: var(--ax-sys-color-on-primary-darker-surface);--ax-comp-sliding-item-primary-btn-hover-bg-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-sliding-item-primary-btn-hover-text-color: var(--ax-sys-color-on-primary-dark-surface);--ax-comp-sliding-item-secondary-btn-bg-color: var(--ax-sys-color-secondary-surface);--ax-comp-sliding-item-secondary-btn-text-color: var(--ax-sys-color-on-secondary-surface);--ax-comp-sliding-item-secondary-btn-active-bg-color: var(--ax-sys-color-secondary-darker-surface);--ax-comp-sliding-item-secondary-btn-active-text-color: var(--ax-sys-color-on-secondary-darker-surface);--ax-comp-sliding-item-secondary-btn-hover-bg-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-sliding-item-secondary-btn-hover-text-color: var(--ax-sys-color-on-secondary-dark-surface);--ax-comp-sliding-item-success-btn-bg-color: var(--ax-sys-color-success-surface);--ax-comp-sliding-item-success-btn-text-color: var(--ax-sys-color-on-success-surface);--ax-comp-sliding-item-success-btn-active-bg-color: var(--ax-sys-color-success-darker-surface);--ax-comp-sliding-item-success-btn-active-text-color: var(--ax-sys-color-on-success-darker-surface);--ax-comp-sliding-item-success-btn-hover-bg-color: var(--ax-sys-color-success-dark-surface);--ax-comp-sliding-item-success-btn-hover-text-color: var(--ax-sys-color-on-success-dark-surface);--ax-comp-sliding-item-warning-btn-bg-color: var(--ax-sys-color-warning-surface);--ax-comp-sliding-item-warning-btn-text-color: var(--ax-sys-color-on-warning-surface);--ax-comp-sliding-item-warning-btn-active-bg-color: var(--ax-sys-color-warning-darker-surface);--ax-comp-sliding-item-warning-btn-active-text-color: var(--ax-sys-color-on-warning-darker-surface);--ax-comp-sliding-item-warning-btn-hover-bg-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-sliding-item-warning-btn-hover-text-color: var(--ax-sys-color-on-warning-dark-surface);--ax-comp-sliding-item-danger-btn-bg-color: var(--ax-sys-color-danger-surface);--ax-comp-sliding-item-danger-btn-text-color: var(--ax-sys-color-on-danger-surface);--ax-comp-sliding-item-danger-btn-active-bg-color: var(--ax-sys-color-danger-darker-surface);--ax-comp-sliding-item-danger-btn-active-text-color: var(--ax-sys-color-on-danger-darker-surface);--ax-comp-sliding-item-danger-btn-hover-bg-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-sliding-item-danger-btn-hover-text-color: var(--ax-sys-color-on-danger-dark-surface);--ax-comp-sliding-item-accent1-btn-bg-color: var(--ax-sys-color-accent1-surface);--ax-comp-sliding-item-accent1-btn-text-color: var(--ax-sys-color-on-accent1-surface);--ax-comp-sliding-item-accent1-btn-active-bg-color: var(--ax-sys-color-accent1-darker-surface);--ax-comp-sliding-item-accent1-btn-active-text-color: var(--ax-sys-color-on-accent1-darker-surface);--ax-comp-sliding-item-accent1-btn-hover-bg-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-sliding-item-accent1-btn-hover-text-color: var(--ax-sys-color-on-accent1-dark-surface);--ax-comp-sliding-item-accent2-btn-bg-color: var(--ax-sys-color-accent2-surface);--ax-comp-sliding-item-accent2-btn-text-color: var(--ax-sys-color-on-accent2-surface);--ax-comp-sliding-item-accent2-btn-active-bg-color: var(--ax-sys-color-accent2-darker-surface);--ax-comp-sliding-item-accent2-btn-active-text-color: var(--ax-sys-color-on-accent2-darker-surface);--ax-comp-sliding-item-accent2-btn-hover-bg-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-sliding-item-accent2-btn-hover-text-color: var(--ax-sys-color-on-accent2-dark-surface);--ax-comp-sliding-item-accent3-btn-bg-color: var(--ax-sys-color-accent3-surface);--ax-comp-sliding-item-accent3-btn-text-color: var(--ax-sys-color-on-accent3-surface);--ax-comp-sliding-item-accent3-btn-active-bg-color: var(--ax-sys-color-accent3-darker-surface);--ax-comp-sliding-item-accent3-btn-active-text-color: var(--ax-sys-color-on-accent3-darker-surface);--ax-comp-sliding-item-accent3-btn-hover-bg-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-sliding-item-accent3-btn-hover-text-color: var(--ax-sys-color-on-accent3-dark-surface);--ax-comp-sliding-item-accent4-btn-bg-color: var(--ax-sys-color-accent4-surface);--ax-comp-sliding-item-accent4-btn-text-color: var(--ax-sys-color-on-accent4-surface);--ax-comp-sliding-item-accent4-btn-active-bg-color: var(--ax-sys-color-accent4-darker-surface);--ax-comp-sliding-item-accent4-btn-active-text-color: var(--ax-sys-color-on-accent4-darker-surface);--ax-comp-sliding-item-accent4-btn-hover-bg-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-sliding-item-accent4-btn-hover-text-color: var(--ax-sys-color-on-accent4-dark-surface);--ax-comp-sliding-item-accent5-btn-bg-color: var(--ax-sys-color-accent5-surface);--ax-comp-sliding-item-accent5-btn-text-color: var(--ax-sys-color-on-accent5-surface);--ax-comp-sliding-item-accent5-btn-active-bg-color: var(--ax-sys-color-accent5-darker-surface);--ax-comp-sliding-item-accent5-btn-active-text-color: var(--ax-sys-color-on-accent5-darker-surface);--ax-comp-sliding-item-accent5-btn-hover-bg-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-sliding-item-accent5-btn-hover-text-color: var(--ax-sys-color-on-accent5-dark-surface);--ax-comp-sliding-item-accent6-btn-bg-color: var(--ax-sys-color-accent6-surface);--ax-comp-sliding-item-accent6-btn-text-color: var(--ax-sys-color-on-accent6-surface);--ax-comp-sliding-item-accent6-btn-active-bg-color: var(--ax-sys-color-accent6-darker-surface);--ax-comp-sliding-item-accent6-btn-active-text-color: var(--ax-sys-color-on-accent6-darker-surface);--ax-comp-sliding-item-accent6-btn-hover-bg-color: var(--ax-sys-color-accent6-dark-surface);--ax-comp-sliding-item-accent6-btn-hover-text-color: var(--ax-sys-color-on-accent6-dark-surface);--ax-comp-sliding-item-accent7-btn-bg-color: var(--ax-sys-color-accent7-surface);--ax-comp-sliding-item-accent7-btn-text-color: var(--ax-sys-color-on-accent7-surface);--ax-comp-sliding-item-accent7-btn-active-bg-color: var(--ax-sys-color-accent7-darker-surface);--ax-comp-sliding-item-accent7-btn-active-text-color: var(--ax-sys-color-on-accent7-darker-surface);--ax-comp-sliding-item-accent7-btn-hover-bg-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-sliding-item-accent7-btn-hover-text-color: var(--ax-sys-color-on-accent7-dark-surface)}ax-sliding-item{width:100%;height:100%}ax-sliding-item .ax-sliding-item-container{display:flex}ax-sliding-item ax-content{width:100%;height:100%;display:flex;align-items:center;background-color:rgba(var(--ax-comp-sliding-item-content-bg-color));color:rgba(var(--ax-comp-sliding-item-content-text-color));padding:1rem}ax-sliding-item ax-sliding-item-prefix,ax-sliding-item ax-sliding-item-suffix{display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:4rem;aspect-ratio:1;cursor:pointer;transition-property:background-color,color;transition-duration:var(--ax-sys-transition-duration);transition-timing-function:var(--ax-sys-transition-timing-function)}ax-sliding-item ax-sliding-item-prefix.ax-primary,ax-sliding-item ax-sliding-item-suffix.ax-primary{background-color:rgba(var(--ax-comp-sliding-item-primary-btn-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-primary ax-text,ax-sliding-item ax-sliding-item-prefix.ax-primary ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-primary ax-text,ax-sliding-item ax-sliding-item-suffix.ax-primary ax-icon{color:rgba(var(--ax-comp-sliding-item-primary-btn-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-primary:hover,ax-sliding-item ax-sliding-item-suffix.ax-primary:hover{background-color:rgba(var(--ax-comp-sliding-item-primary-btn-hover-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-primary:hover ax-text,ax-sliding-item ax-sliding-item-prefix.ax-primary:hover ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-primary:hover ax-text,ax-sliding-item ax-sliding-item-suffix.ax-primary:hover ax-icon{color:rgba(var(--ax-comp-sliding-item-primary-btn-hover-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-primary:active,ax-sliding-item ax-sliding-item-suffix.ax-primary:active{background-color:rgba(var(--ax-comp-sliding-item-primary-btn-active-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-primary:active ax-text,ax-sliding-item ax-sliding-item-prefix.ax-primary:active ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-primary:active ax-text,ax-sliding-item ax-sliding-item-suffix.ax-primary:active ax-icon{color:rgba(var(--ax-comp-sliding-item-primary-btn-active-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-secondary,ax-sliding-item ax-sliding-item-suffix.ax-secondary{background-color:rgba(var(--ax-comp-sliding-item-secondary-btn-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-secondary ax-text,ax-sliding-item ax-sliding-item-prefix.ax-secondary ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-secondary ax-text,ax-sliding-item ax-sliding-item-suffix.ax-secondary ax-icon{color:rgba(var(--ax-comp-sliding-item-secondary-btn-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-secondary:hover,ax-sliding-item ax-sliding-item-suffix.ax-secondary:hover{background-color:rgba(var(--ax-comp-sliding-item-secondary-btn-hover-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-secondary:hover ax-text,ax-sliding-item ax-sliding-item-prefix.ax-secondary:hover ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-secondary:hover ax-text,ax-sliding-item ax-sliding-item-suffix.ax-secondary:hover ax-icon{color:rgba(var(--ax-comp-sliding-item-secondary-btn-hover-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-secondary:active,ax-sliding-item ax-sliding-item-suffix.ax-secondary:active{background-color:rgba(var(--ax-comp-sliding-item-secondary-btn-active-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-secondary:active ax-text,ax-sliding-item ax-sliding-item-prefix.ax-secondary:active ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-secondary:active ax-text,ax-sliding-item ax-sliding-item-suffix.ax-secondary:active ax-icon{color:rgba(var(--ax-comp-sliding-item-secondary-btn-active-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-success,ax-sliding-item ax-sliding-item-suffix.ax-success{background-color:rgba(var(--ax-comp-sliding-item-success-btn-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-success ax-text,ax-sliding-item ax-sliding-item-prefix.ax-success ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-success ax-text,ax-sliding-item ax-sliding-item-suffix.ax-success ax-icon{color:rgba(var(--ax-comp-sliding-item-success-btn-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-success:hover,ax-sliding-item ax-sliding-item-suffix.ax-success:hover{background-color:rgba(var(--ax-comp-sliding-item-success-btn-hover-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-success:hover ax-text,ax-sliding-item ax-sliding-item-prefix.ax-success:hover ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-success:hover ax-text,ax-sliding-item ax-sliding-item-suffix.ax-success:hover ax-icon{color:rgba(var(--ax-comp-sliding-item-success-btn-hover-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-success:active,ax-sliding-item ax-sliding-item-suffix.ax-success:active{background-color:rgba(var(--ax-comp-sliding-item-success-btn-active-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-success:active ax-text,ax-sliding-item ax-sliding-item-prefix.ax-success:active ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-success:active ax-text,ax-sliding-item ax-sliding-item-suffix.ax-success:active ax-icon{color:rgba(var(--ax-comp-sliding-item-success-btn-active-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-warning,ax-sliding-item ax-sliding-item-suffix.ax-warning{background-color:rgba(var(--ax-comp-sliding-item-warning-btn-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-warning ax-text,ax-sliding-item ax-sliding-item-prefix.ax-warning ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-warning ax-text,ax-sliding-item ax-sliding-item-suffix.ax-warning ax-icon{color:rgba(var(--ax-comp-sliding-item-warning-btn-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-warning:hover,ax-sliding-item ax-sliding-item-suffix.ax-warning:hover{background-color:rgba(var(--ax-comp-sliding-item-warning-btn-hover-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-warning:hover ax-text,ax-sliding-item ax-sliding-item-prefix.ax-warning:hover ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-warning:hover ax-text,ax-sliding-item ax-sliding-item-suffix.ax-warning:hover ax-icon{color:rgba(var(--ax-comp-sliding-item-warning-btn-hover-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-warning:active,ax-sliding-item ax-sliding-item-suffix.ax-warning:active{background-color:rgba(var(--ax-comp-sliding-item-warning-btn-active-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-warning:active ax-text,ax-sliding-item ax-sliding-item-prefix.ax-warning:active ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-warning:active ax-text,ax-sliding-item ax-sliding-item-suffix.ax-warning:active ax-icon{color:rgba(var(--ax-comp-sliding-item-warning-btn-active-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-danger,ax-sliding-item ax-sliding-item-suffix.ax-danger{background-color:rgba(var(--ax-comp-sliding-item-danger-btn-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-danger ax-text,ax-sliding-item ax-sliding-item-prefix.ax-danger ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-danger ax-text,ax-sliding-item ax-sliding-item-suffix.ax-danger ax-icon{color:rgba(var(--ax-comp-sliding-item-danger-btn-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-danger:hover,ax-sliding-item ax-sliding-item-suffix.ax-danger:hover{background-color:rgba(var(--ax-comp-sliding-item-danger-btn-hover-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-danger:hover ax-text,ax-sliding-item ax-sliding-item-prefix.ax-danger:hover ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-danger:hover ax-text,ax-sliding-item ax-sliding-item-suffix.ax-danger:hover ax-icon{color:rgba(var(--ax-comp-sliding-item-danger-btn-hover-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-danger:active,ax-sliding-item ax-sliding-item-suffix.ax-danger:active{background-color:rgba(var(--ax-comp-sliding-item-danger-btn-active-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-danger:active ax-text,ax-sliding-item ax-sliding-item-prefix.ax-danger:active ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-danger:active ax-text,ax-sliding-item ax-sliding-item-suffix.ax-danger:active ax-icon{color:rgba(var(--ax-comp-sliding-item-danger-btn-active-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent1,ax-sliding-item ax-sliding-item-suffix.ax-accent1{background-color:rgba(var(--ax-comp-sliding-item-accent1-btn-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent1 ax-text,ax-sliding-item ax-sliding-item-prefix.ax-accent1 ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-accent1 ax-text,ax-sliding-item ax-sliding-item-suffix.ax-accent1 ax-icon{color:rgba(var(--ax-comp-sliding-item-accent1-btn-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent1:hover,ax-sliding-item ax-sliding-item-suffix.ax-accent1:hover{background-color:rgba(var(--ax-comp-sliding-item-accent1-btn-hover-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent1:hover ax-text,ax-sliding-item ax-sliding-item-prefix.ax-accent1:hover ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-accent1:hover ax-text,ax-sliding-item ax-sliding-item-suffix.ax-accent1:hover ax-icon{color:rgba(var(--ax-comp-sliding-item-accent1-btn-hover-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent1:active,ax-sliding-item ax-sliding-item-suffix.ax-accent1:active{background-color:rgba(var(--ax-comp-sliding-item-accent1-btn-active-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent1:active ax-text,ax-sliding-item ax-sliding-item-prefix.ax-accent1:active ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-accent1:active ax-text,ax-sliding-item ax-sliding-item-suffix.ax-accent1:active ax-icon{color:rgba(var(--ax-comp-sliding-item-accent1-btn-active-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent2,ax-sliding-item ax-sliding-item-suffix.ax-accent2{background-color:rgba(var(--ax-comp-sliding-item-accent2-btn-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent2 ax-text,ax-sliding-item ax-sliding-item-prefix.ax-accent2 ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-accent2 ax-text,ax-sliding-item ax-sliding-item-suffix.ax-accent2 ax-icon{color:rgba(var(--ax-comp-sliding-item-accent2-btn-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent2:hover,ax-sliding-item ax-sliding-item-suffix.ax-accent2:hover{background-color:rgba(var(--ax-comp-sliding-item-accent2-btn-hover-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent2:hover ax-text,ax-sliding-item ax-sliding-item-prefix.ax-accent2:hover ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-accent2:hover ax-text,ax-sliding-item ax-sliding-item-suffix.ax-accent2:hover ax-icon{color:rgba(var(--ax-comp-sliding-item-accent2-btn-hover-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent2:active,ax-sliding-item ax-sliding-item-suffix.ax-accent2:active{background-color:rgba(var(--ax-comp-sliding-item-accent2-btn-active-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent2:active ax-text,ax-sliding-item ax-sliding-item-prefix.ax-accent2:active ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-accent2:active ax-text,ax-sliding-item ax-sliding-item-suffix.ax-accent2:active ax-icon{color:rgba(var(--ax-comp-sliding-item-accent2-btn-active-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent3,ax-sliding-item ax-sliding-item-suffix.ax-accent3{background-color:rgba(var(--ax-comp-sliding-item-accent3-btn-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent3 ax-text,ax-sliding-item ax-sliding-item-prefix.ax-accent3 ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-accent3 ax-text,ax-sliding-item ax-sliding-item-suffix.ax-accent3 ax-icon{color:rgba(var(--ax-comp-sliding-item-accent3-btn-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent3:hover,ax-sliding-item ax-sliding-item-suffix.ax-accent3:hover{background-color:rgba(var(--ax-comp-sliding-item-accent3-btn-hover-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent3:hover ax-text,ax-sliding-item ax-sliding-item-prefix.ax-accent3:hover ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-accent3:hover ax-text,ax-sliding-item ax-sliding-item-suffix.ax-accent3:hover ax-icon{color:rgba(var(--ax-comp-sliding-item-accent3-btn-hover-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent3:active,ax-sliding-item ax-sliding-item-suffix.ax-accent3:active{background-color:rgba(var(--ax-comp-sliding-item-accent3-btn-active-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent3:active ax-text,ax-sliding-item ax-sliding-item-prefix.ax-accent3:active ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-accent3:active ax-text,ax-sliding-item ax-sliding-item-suffix.ax-accent3:active ax-icon{color:rgba(var(--ax-comp-sliding-item-accent3-btn-active-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent4,ax-sliding-item ax-sliding-item-suffix.ax-accent4{background-color:rgba(var(--ax-comp-sliding-item-accent4-btn-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent4 ax-text,ax-sliding-item ax-sliding-item-prefix.ax-accent4 ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-accent4 ax-text,ax-sliding-item ax-sliding-item-suffix.ax-accent4 ax-icon{color:rgba(var(--ax-comp-sliding-item-accent4-btn-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent4:hover,ax-sliding-item ax-sliding-item-suffix.ax-accent4:hover{background-color:rgba(var(--ax-comp-sliding-item-accent4-btn-hover-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent4:hover ax-text,ax-sliding-item ax-sliding-item-prefix.ax-accent4:hover ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-accent4:hover ax-text,ax-sliding-item ax-sliding-item-suffix.ax-accent4:hover ax-icon{color:rgba(var(--ax-comp-sliding-item-accent4-btn-hover-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent4:active,ax-sliding-item ax-sliding-item-suffix.ax-accent4:active{background-color:rgba(var(--ax-comp-sliding-item-accent4-btn-active-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent4:active ax-text,ax-sliding-item ax-sliding-item-prefix.ax-accent4:active ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-accent4:active ax-text,ax-sliding-item ax-sliding-item-suffix.ax-accent4:active ax-icon{color:rgba(var(--ax-comp-sliding-item-accent4-btn-active-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent5,ax-sliding-item ax-sliding-item-suffix.ax-accent5{background-color:rgba(var(--ax-comp-sliding-item-accent5-btn-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent5 ax-text,ax-sliding-item ax-sliding-item-prefix.ax-accent5 ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-accent5 ax-text,ax-sliding-item ax-sliding-item-suffix.ax-accent5 ax-icon{color:rgba(var(--ax-comp-sliding-item-accent5-btn-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent5:hover,ax-sliding-item ax-sliding-item-suffix.ax-accent5:hover{background-color:rgba(var(--ax-comp-sliding-item-accent5-btn-hover-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent5:hover ax-text,ax-sliding-item ax-sliding-item-prefix.ax-accent5:hover ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-accent5:hover ax-text,ax-sliding-item ax-sliding-item-suffix.ax-accent5:hover ax-icon{color:rgba(var(--ax-comp-sliding-item-accent5-btn-hover-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent5:active,ax-sliding-item ax-sliding-item-suffix.ax-accent5:active{background-color:rgba(var(--ax-comp-sliding-item-accent5-btn-active-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent5:active ax-text,ax-sliding-item ax-sliding-item-prefix.ax-accent5:active ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-accent5:active ax-text,ax-sliding-item ax-sliding-item-suffix.ax-accent5:active ax-icon{color:rgba(var(--ax-comp-sliding-item-accent5-btn-active-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent6,ax-sliding-item ax-sliding-item-suffix.ax-accent6{background-color:rgba(var(--ax-comp-sliding-item-accent6-btn-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent6 ax-text,ax-sliding-item ax-sliding-item-prefix.ax-accent6 ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-accent6 ax-text,ax-sliding-item ax-sliding-item-suffix.ax-accent6 ax-icon{color:rgba(var(--ax-comp-sliding-item-accent6-btn-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent6:hover,ax-sliding-item ax-sliding-item-suffix.ax-accent6:hover{background-color:rgba(var(--ax-comp-sliding-item-accent6-btn-hover-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent6:hover ax-text,ax-sliding-item ax-sliding-item-prefix.ax-accent6:hover ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-accent6:hover ax-text,ax-sliding-item ax-sliding-item-suffix.ax-accent6:hover ax-icon{color:rgba(var(--ax-comp-sliding-item-accent6-btn-hover-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent6:active,ax-sliding-item ax-sliding-item-suffix.ax-accent6:active{background-color:rgba(var(--ax-comp-sliding-item-accent6-btn-active-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent6:active ax-text,ax-sliding-item ax-sliding-item-prefix.ax-accent6:active ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-accent6:active ax-text,ax-sliding-item ax-sliding-item-suffix.ax-accent6:active ax-icon{color:rgba(var(--ax-comp-sliding-item-accent6-btn-active-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent7,ax-sliding-item ax-sliding-item-suffix.ax-accent7{background-color:rgba(var(--ax-comp-sliding-item-accent7-btn-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent7 ax-text,ax-sliding-item ax-sliding-item-prefix.ax-accent7 ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-accent7 ax-text,ax-sliding-item ax-sliding-item-suffix.ax-accent7 ax-icon{color:rgba(var(--ax-comp-sliding-item-accent7-btn-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent7:hover,ax-sliding-item ax-sliding-item-suffix.ax-accent7:hover{background-color:rgba(var(--ax-comp-sliding-item-accent7-btn-hover-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent7:hover ax-text,ax-sliding-item ax-sliding-item-prefix.ax-accent7:hover ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-accent7:hover ax-text,ax-sliding-item ax-sliding-item-suffix.ax-accent7:hover ax-icon{color:rgba(var(--ax-comp-sliding-item-accent7-btn-hover-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent7:active,ax-sliding-item ax-sliding-item-suffix.ax-accent7:active{background-color:rgba(var(--ax-comp-sliding-item-accent7-btn-active-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent7:active ax-text,ax-sliding-item ax-sliding-item-prefix.ax-accent7:active ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-accent7:active ax-text,ax-sliding-item ax-sliding-item-suffix.ax-accent7:active ax-icon{color:rgba(var(--ax-comp-sliding-item-accent7-btn-active-text-color))}\n"], dependencies: [{ kind: "directive", type: AXSlidingItemDirective, selector: "[axSlidingItem]" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXSlidingItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: AXSlidingItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-sliding-item', encapsulation: ViewEncapsulation.None, imports: [AXSlidingItemDirective], providers: [{ provide: AXComponent, useExisting: AXSlidingItemComponent }], template: "<div #itemPrefix class=\"ax-sliding-item-container\">\n  <ng-content select=\"ax-sliding-item-prefix\"></ng-content>\n</div>\n\n<div axSlidingItem>\n  <ng-content select=\"ax-content\"> </ng-content>\n</div>\n\n<div #itemSuffix class=\"ax-sliding-item-container\">\n  <ng-content select=\"ax-sliding-item-suffix\"></ng-content>\n</div>\n", styles: ["ax-sliding-item{--ax-comp-sliding-item-content-bg-color: var(--ax-sys-color-lightest-surface);--ax-comp-sliding-item-content-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-sliding-item-primary-btn-bg-color: var(--ax-sys-color-primary-surface);--ax-comp-sliding-item-primary-btn-text-color: var(--ax-sys-color-on-primary-surface);--ax-comp-sliding-item-primary-btn-active-bg-color: var(--ax-sys-color-primary-darker-surface);--ax-comp-sliding-item-primary-btn-active-text-color: var(--ax-sys-color-on-primary-darker-surface);--ax-comp-sliding-item-primary-btn-hover-bg-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-sliding-item-primary-btn-hover-text-color: var(--ax-sys-color-on-primary-dark-surface);--ax-comp-sliding-item-secondary-btn-bg-color: var(--ax-sys-color-secondary-surface);--ax-comp-sliding-item-secondary-btn-text-color: var(--ax-sys-color-on-secondary-surface);--ax-comp-sliding-item-secondary-btn-active-bg-color: var(--ax-sys-color-secondary-darker-surface);--ax-comp-sliding-item-secondary-btn-active-text-color: var(--ax-sys-color-on-secondary-darker-surface);--ax-comp-sliding-item-secondary-btn-hover-bg-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-sliding-item-secondary-btn-hover-text-color: var(--ax-sys-color-on-secondary-dark-surface);--ax-comp-sliding-item-success-btn-bg-color: var(--ax-sys-color-success-surface);--ax-comp-sliding-item-success-btn-text-color: var(--ax-sys-color-on-success-surface);--ax-comp-sliding-item-success-btn-active-bg-color: var(--ax-sys-color-success-darker-surface);--ax-comp-sliding-item-success-btn-active-text-color: var(--ax-sys-color-on-success-darker-surface);--ax-comp-sliding-item-success-btn-hover-bg-color: var(--ax-sys-color-success-dark-surface);--ax-comp-sliding-item-success-btn-hover-text-color: var(--ax-sys-color-on-success-dark-surface);--ax-comp-sliding-item-warning-btn-bg-color: var(--ax-sys-color-warning-surface);--ax-comp-sliding-item-warning-btn-text-color: var(--ax-sys-color-on-warning-surface);--ax-comp-sliding-item-warning-btn-active-bg-color: var(--ax-sys-color-warning-darker-surface);--ax-comp-sliding-item-warning-btn-active-text-color: var(--ax-sys-color-on-warning-darker-surface);--ax-comp-sliding-item-warning-btn-hover-bg-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-sliding-item-warning-btn-hover-text-color: var(--ax-sys-color-on-warning-dark-surface);--ax-comp-sliding-item-danger-btn-bg-color: var(--ax-sys-color-danger-surface);--ax-comp-sliding-item-danger-btn-text-color: var(--ax-sys-color-on-danger-surface);--ax-comp-sliding-item-danger-btn-active-bg-color: var(--ax-sys-color-danger-darker-surface);--ax-comp-sliding-item-danger-btn-active-text-color: var(--ax-sys-color-on-danger-darker-surface);--ax-comp-sliding-item-danger-btn-hover-bg-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-sliding-item-danger-btn-hover-text-color: var(--ax-sys-color-on-danger-dark-surface);--ax-comp-sliding-item-accent1-btn-bg-color: var(--ax-sys-color-accent1-surface);--ax-comp-sliding-item-accent1-btn-text-color: var(--ax-sys-color-on-accent1-surface);--ax-comp-sliding-item-accent1-btn-active-bg-color: var(--ax-sys-color-accent1-darker-surface);--ax-comp-sliding-item-accent1-btn-active-text-color: var(--ax-sys-color-on-accent1-darker-surface);--ax-comp-sliding-item-accent1-btn-hover-bg-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-sliding-item-accent1-btn-hover-text-color: var(--ax-sys-color-on-accent1-dark-surface);--ax-comp-sliding-item-accent2-btn-bg-color: var(--ax-sys-color-accent2-surface);--ax-comp-sliding-item-accent2-btn-text-color: var(--ax-sys-color-on-accent2-surface);--ax-comp-sliding-item-accent2-btn-active-bg-color: var(--ax-sys-color-accent2-darker-surface);--ax-comp-sliding-item-accent2-btn-active-text-color: var(--ax-sys-color-on-accent2-darker-surface);--ax-comp-sliding-item-accent2-btn-hover-bg-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-sliding-item-accent2-btn-hover-text-color: var(--ax-sys-color-on-accent2-dark-surface);--ax-comp-sliding-item-accent3-btn-bg-color: var(--ax-sys-color-accent3-surface);--ax-comp-sliding-item-accent3-btn-text-color: var(--ax-sys-color-on-accent3-surface);--ax-comp-sliding-item-accent3-btn-active-bg-color: var(--ax-sys-color-accent3-darker-surface);--ax-comp-sliding-item-accent3-btn-active-text-color: var(--ax-sys-color-on-accent3-darker-surface);--ax-comp-sliding-item-accent3-btn-hover-bg-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-sliding-item-accent3-btn-hover-text-color: var(--ax-sys-color-on-accent3-dark-surface);--ax-comp-sliding-item-accent4-btn-bg-color: var(--ax-sys-color-accent4-surface);--ax-comp-sliding-item-accent4-btn-text-color: var(--ax-sys-color-on-accent4-surface);--ax-comp-sliding-item-accent4-btn-active-bg-color: var(--ax-sys-color-accent4-darker-surface);--ax-comp-sliding-item-accent4-btn-active-text-color: var(--ax-sys-color-on-accent4-darker-surface);--ax-comp-sliding-item-accent4-btn-hover-bg-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-sliding-item-accent4-btn-hover-text-color: var(--ax-sys-color-on-accent4-dark-surface);--ax-comp-sliding-item-accent5-btn-bg-color: var(--ax-sys-color-accent5-surface);--ax-comp-sliding-item-accent5-btn-text-color: var(--ax-sys-color-on-accent5-surface);--ax-comp-sliding-item-accent5-btn-active-bg-color: var(--ax-sys-color-accent5-darker-surface);--ax-comp-sliding-item-accent5-btn-active-text-color: var(--ax-sys-color-on-accent5-darker-surface);--ax-comp-sliding-item-accent5-btn-hover-bg-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-sliding-item-accent5-btn-hover-text-color: var(--ax-sys-color-on-accent5-dark-surface);--ax-comp-sliding-item-accent6-btn-bg-color: var(--ax-sys-color-accent6-surface);--ax-comp-sliding-item-accent6-btn-text-color: var(--ax-sys-color-on-accent6-surface);--ax-comp-sliding-item-accent6-btn-active-bg-color: var(--ax-sys-color-accent6-darker-surface);--ax-comp-sliding-item-accent6-btn-active-text-color: var(--ax-sys-color-on-accent6-darker-surface);--ax-comp-sliding-item-accent6-btn-hover-bg-color: var(--ax-sys-color-accent6-dark-surface);--ax-comp-sliding-item-accent6-btn-hover-text-color: var(--ax-sys-color-on-accent6-dark-surface);--ax-comp-sliding-item-accent7-btn-bg-color: var(--ax-sys-color-accent7-surface);--ax-comp-sliding-item-accent7-btn-text-color: var(--ax-sys-color-on-accent7-surface);--ax-comp-sliding-item-accent7-btn-active-bg-color: var(--ax-sys-color-accent7-darker-surface);--ax-comp-sliding-item-accent7-btn-active-text-color: var(--ax-sys-color-on-accent7-darker-surface);--ax-comp-sliding-item-accent7-btn-hover-bg-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-sliding-item-accent7-btn-hover-text-color: var(--ax-sys-color-on-accent7-dark-surface)}ax-sliding-item{width:100%;height:100%}ax-sliding-item .ax-sliding-item-container{display:flex}ax-sliding-item ax-content{width:100%;height:100%;display:flex;align-items:center;background-color:rgba(var(--ax-comp-sliding-item-content-bg-color));color:rgba(var(--ax-comp-sliding-item-content-text-color));padding:1rem}ax-sliding-item ax-sliding-item-prefix,ax-sliding-item ax-sliding-item-suffix{display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:4rem;aspect-ratio:1;cursor:pointer;transition-property:background-color,color;transition-duration:var(--ax-sys-transition-duration);transition-timing-function:var(--ax-sys-transition-timing-function)}ax-sliding-item ax-sliding-item-prefix.ax-primary,ax-sliding-item ax-sliding-item-suffix.ax-primary{background-color:rgba(var(--ax-comp-sliding-item-primary-btn-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-primary ax-text,ax-sliding-item ax-sliding-item-prefix.ax-primary ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-primary ax-text,ax-sliding-item ax-sliding-item-suffix.ax-primary ax-icon{color:rgba(var(--ax-comp-sliding-item-primary-btn-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-primary:hover,ax-sliding-item ax-sliding-item-suffix.ax-primary:hover{background-color:rgba(var(--ax-comp-sliding-item-primary-btn-hover-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-primary:hover ax-text,ax-sliding-item ax-sliding-item-prefix.ax-primary:hover ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-primary:hover ax-text,ax-sliding-item ax-sliding-item-suffix.ax-primary:hover ax-icon{color:rgba(var(--ax-comp-sliding-item-primary-btn-hover-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-primary:active,ax-sliding-item ax-sliding-item-suffix.ax-primary:active{background-color:rgba(var(--ax-comp-sliding-item-primary-btn-active-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-primary:active ax-text,ax-sliding-item ax-sliding-item-prefix.ax-primary:active ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-primary:active ax-text,ax-sliding-item ax-sliding-item-suffix.ax-primary:active ax-icon{color:rgba(var(--ax-comp-sliding-item-primary-btn-active-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-secondary,ax-sliding-item ax-sliding-item-suffix.ax-secondary{background-color:rgba(var(--ax-comp-sliding-item-secondary-btn-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-secondary ax-text,ax-sliding-item ax-sliding-item-prefix.ax-secondary ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-secondary ax-text,ax-sliding-item ax-sliding-item-suffix.ax-secondary ax-icon{color:rgba(var(--ax-comp-sliding-item-secondary-btn-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-secondary:hover,ax-sliding-item ax-sliding-item-suffix.ax-secondary:hover{background-color:rgba(var(--ax-comp-sliding-item-secondary-btn-hover-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-secondary:hover ax-text,ax-sliding-item ax-sliding-item-prefix.ax-secondary:hover ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-secondary:hover ax-text,ax-sliding-item ax-sliding-item-suffix.ax-secondary:hover ax-icon{color:rgba(var(--ax-comp-sliding-item-secondary-btn-hover-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-secondary:active,ax-sliding-item ax-sliding-item-suffix.ax-secondary:active{background-color:rgba(var(--ax-comp-sliding-item-secondary-btn-active-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-secondary:active ax-text,ax-sliding-item ax-sliding-item-prefix.ax-secondary:active ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-secondary:active ax-text,ax-sliding-item ax-sliding-item-suffix.ax-secondary:active ax-icon{color:rgba(var(--ax-comp-sliding-item-secondary-btn-active-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-success,ax-sliding-item ax-sliding-item-suffix.ax-success{background-color:rgba(var(--ax-comp-sliding-item-success-btn-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-success ax-text,ax-sliding-item ax-sliding-item-prefix.ax-success ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-success ax-text,ax-sliding-item ax-sliding-item-suffix.ax-success ax-icon{color:rgba(var(--ax-comp-sliding-item-success-btn-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-success:hover,ax-sliding-item ax-sliding-item-suffix.ax-success:hover{background-color:rgba(var(--ax-comp-sliding-item-success-btn-hover-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-success:hover ax-text,ax-sliding-item ax-sliding-item-prefix.ax-success:hover ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-success:hover ax-text,ax-sliding-item ax-sliding-item-suffix.ax-success:hover ax-icon{color:rgba(var(--ax-comp-sliding-item-success-btn-hover-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-success:active,ax-sliding-item ax-sliding-item-suffix.ax-success:active{background-color:rgba(var(--ax-comp-sliding-item-success-btn-active-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-success:active ax-text,ax-sliding-item ax-sliding-item-prefix.ax-success:active ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-success:active ax-text,ax-sliding-item ax-sliding-item-suffix.ax-success:active ax-icon{color:rgba(var(--ax-comp-sliding-item-success-btn-active-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-warning,ax-sliding-item ax-sliding-item-suffix.ax-warning{background-color:rgba(var(--ax-comp-sliding-item-warning-btn-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-warning ax-text,ax-sliding-item ax-sliding-item-prefix.ax-warning ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-warning ax-text,ax-sliding-item ax-sliding-item-suffix.ax-warning ax-icon{color:rgba(var(--ax-comp-sliding-item-warning-btn-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-warning:hover,ax-sliding-item ax-sliding-item-suffix.ax-warning:hover{background-color:rgba(var(--ax-comp-sliding-item-warning-btn-hover-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-warning:hover ax-text,ax-sliding-item ax-sliding-item-prefix.ax-warning:hover ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-warning:hover ax-text,ax-sliding-item ax-sliding-item-suffix.ax-warning:hover ax-icon{color:rgba(var(--ax-comp-sliding-item-warning-btn-hover-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-warning:active,ax-sliding-item ax-sliding-item-suffix.ax-warning:active{background-color:rgba(var(--ax-comp-sliding-item-warning-btn-active-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-warning:active ax-text,ax-sliding-item ax-sliding-item-prefix.ax-warning:active ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-warning:active ax-text,ax-sliding-item ax-sliding-item-suffix.ax-warning:active ax-icon{color:rgba(var(--ax-comp-sliding-item-warning-btn-active-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-danger,ax-sliding-item ax-sliding-item-suffix.ax-danger{background-color:rgba(var(--ax-comp-sliding-item-danger-btn-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-danger ax-text,ax-sliding-item ax-sliding-item-prefix.ax-danger ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-danger ax-text,ax-sliding-item ax-sliding-item-suffix.ax-danger ax-icon{color:rgba(var(--ax-comp-sliding-item-danger-btn-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-danger:hover,ax-sliding-item ax-sliding-item-suffix.ax-danger:hover{background-color:rgba(var(--ax-comp-sliding-item-danger-btn-hover-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-danger:hover ax-text,ax-sliding-item ax-sliding-item-prefix.ax-danger:hover ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-danger:hover ax-text,ax-sliding-item ax-sliding-item-suffix.ax-danger:hover ax-icon{color:rgba(var(--ax-comp-sliding-item-danger-btn-hover-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-danger:active,ax-sliding-item ax-sliding-item-suffix.ax-danger:active{background-color:rgba(var(--ax-comp-sliding-item-danger-btn-active-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-danger:active ax-text,ax-sliding-item ax-sliding-item-prefix.ax-danger:active ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-danger:active ax-text,ax-sliding-item ax-sliding-item-suffix.ax-danger:active ax-icon{color:rgba(var(--ax-comp-sliding-item-danger-btn-active-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent1,ax-sliding-item ax-sliding-item-suffix.ax-accent1{background-color:rgba(var(--ax-comp-sliding-item-accent1-btn-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent1 ax-text,ax-sliding-item ax-sliding-item-prefix.ax-accent1 ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-accent1 ax-text,ax-sliding-item ax-sliding-item-suffix.ax-accent1 ax-icon{color:rgba(var(--ax-comp-sliding-item-accent1-btn-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent1:hover,ax-sliding-item ax-sliding-item-suffix.ax-accent1:hover{background-color:rgba(var(--ax-comp-sliding-item-accent1-btn-hover-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent1:hover ax-text,ax-sliding-item ax-sliding-item-prefix.ax-accent1:hover ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-accent1:hover ax-text,ax-sliding-item ax-sliding-item-suffix.ax-accent1:hover ax-icon{color:rgba(var(--ax-comp-sliding-item-accent1-btn-hover-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent1:active,ax-sliding-item ax-sliding-item-suffix.ax-accent1:active{background-color:rgba(var(--ax-comp-sliding-item-accent1-btn-active-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent1:active ax-text,ax-sliding-item ax-sliding-item-prefix.ax-accent1:active ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-accent1:active ax-text,ax-sliding-item ax-sliding-item-suffix.ax-accent1:active ax-icon{color:rgba(var(--ax-comp-sliding-item-accent1-btn-active-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent2,ax-sliding-item ax-sliding-item-suffix.ax-accent2{background-color:rgba(var(--ax-comp-sliding-item-accent2-btn-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent2 ax-text,ax-sliding-item ax-sliding-item-prefix.ax-accent2 ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-accent2 ax-text,ax-sliding-item ax-sliding-item-suffix.ax-accent2 ax-icon{color:rgba(var(--ax-comp-sliding-item-accent2-btn-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent2:hover,ax-sliding-item ax-sliding-item-suffix.ax-accent2:hover{background-color:rgba(var(--ax-comp-sliding-item-accent2-btn-hover-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent2:hover ax-text,ax-sliding-item ax-sliding-item-prefix.ax-accent2:hover ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-accent2:hover ax-text,ax-sliding-item ax-sliding-item-suffix.ax-accent2:hover ax-icon{color:rgba(var(--ax-comp-sliding-item-accent2-btn-hover-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent2:active,ax-sliding-item ax-sliding-item-suffix.ax-accent2:active{background-color:rgba(var(--ax-comp-sliding-item-accent2-btn-active-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent2:active ax-text,ax-sliding-item ax-sliding-item-prefix.ax-accent2:active ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-accent2:active ax-text,ax-sliding-item ax-sliding-item-suffix.ax-accent2:active ax-icon{color:rgba(var(--ax-comp-sliding-item-accent2-btn-active-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent3,ax-sliding-item ax-sliding-item-suffix.ax-accent3{background-color:rgba(var(--ax-comp-sliding-item-accent3-btn-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent3 ax-text,ax-sliding-item ax-sliding-item-prefix.ax-accent3 ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-accent3 ax-text,ax-sliding-item ax-sliding-item-suffix.ax-accent3 ax-icon{color:rgba(var(--ax-comp-sliding-item-accent3-btn-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent3:hover,ax-sliding-item ax-sliding-item-suffix.ax-accent3:hover{background-color:rgba(var(--ax-comp-sliding-item-accent3-btn-hover-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent3:hover ax-text,ax-sliding-item ax-sliding-item-prefix.ax-accent3:hover ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-accent3:hover ax-text,ax-sliding-item ax-sliding-item-suffix.ax-accent3:hover ax-icon{color:rgba(var(--ax-comp-sliding-item-accent3-btn-hover-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent3:active,ax-sliding-item ax-sliding-item-suffix.ax-accent3:active{background-color:rgba(var(--ax-comp-sliding-item-accent3-btn-active-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent3:active ax-text,ax-sliding-item ax-sliding-item-prefix.ax-accent3:active ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-accent3:active ax-text,ax-sliding-item ax-sliding-item-suffix.ax-accent3:active ax-icon{color:rgba(var(--ax-comp-sliding-item-accent3-btn-active-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent4,ax-sliding-item ax-sliding-item-suffix.ax-accent4{background-color:rgba(var(--ax-comp-sliding-item-accent4-btn-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent4 ax-text,ax-sliding-item ax-sliding-item-prefix.ax-accent4 ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-accent4 ax-text,ax-sliding-item ax-sliding-item-suffix.ax-accent4 ax-icon{color:rgba(var(--ax-comp-sliding-item-accent4-btn-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent4:hover,ax-sliding-item ax-sliding-item-suffix.ax-accent4:hover{background-color:rgba(var(--ax-comp-sliding-item-accent4-btn-hover-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent4:hover ax-text,ax-sliding-item ax-sliding-item-prefix.ax-accent4:hover ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-accent4:hover ax-text,ax-sliding-item ax-sliding-item-suffix.ax-accent4:hover ax-icon{color:rgba(var(--ax-comp-sliding-item-accent4-btn-hover-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent4:active,ax-sliding-item ax-sliding-item-suffix.ax-accent4:active{background-color:rgba(var(--ax-comp-sliding-item-accent4-btn-active-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent4:active ax-text,ax-sliding-item ax-sliding-item-prefix.ax-accent4:active ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-accent4:active ax-text,ax-sliding-item ax-sliding-item-suffix.ax-accent4:active ax-icon{color:rgba(var(--ax-comp-sliding-item-accent4-btn-active-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent5,ax-sliding-item ax-sliding-item-suffix.ax-accent5{background-color:rgba(var(--ax-comp-sliding-item-accent5-btn-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent5 ax-text,ax-sliding-item ax-sliding-item-prefix.ax-accent5 ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-accent5 ax-text,ax-sliding-item ax-sliding-item-suffix.ax-accent5 ax-icon{color:rgba(var(--ax-comp-sliding-item-accent5-btn-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent5:hover,ax-sliding-item ax-sliding-item-suffix.ax-accent5:hover{background-color:rgba(var(--ax-comp-sliding-item-accent5-btn-hover-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent5:hover ax-text,ax-sliding-item ax-sliding-item-prefix.ax-accent5:hover ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-accent5:hover ax-text,ax-sliding-item ax-sliding-item-suffix.ax-accent5:hover ax-icon{color:rgba(var(--ax-comp-sliding-item-accent5-btn-hover-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent5:active,ax-sliding-item ax-sliding-item-suffix.ax-accent5:active{background-color:rgba(var(--ax-comp-sliding-item-accent5-btn-active-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent5:active ax-text,ax-sliding-item ax-sliding-item-prefix.ax-accent5:active ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-accent5:active ax-text,ax-sliding-item ax-sliding-item-suffix.ax-accent5:active ax-icon{color:rgba(var(--ax-comp-sliding-item-accent5-btn-active-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent6,ax-sliding-item ax-sliding-item-suffix.ax-accent6{background-color:rgba(var(--ax-comp-sliding-item-accent6-btn-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent6 ax-text,ax-sliding-item ax-sliding-item-prefix.ax-accent6 ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-accent6 ax-text,ax-sliding-item ax-sliding-item-suffix.ax-accent6 ax-icon{color:rgba(var(--ax-comp-sliding-item-accent6-btn-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent6:hover,ax-sliding-item ax-sliding-item-suffix.ax-accent6:hover{background-color:rgba(var(--ax-comp-sliding-item-accent6-btn-hover-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent6:hover ax-text,ax-sliding-item ax-sliding-item-prefix.ax-accent6:hover ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-accent6:hover ax-text,ax-sliding-item ax-sliding-item-suffix.ax-accent6:hover ax-icon{color:rgba(var(--ax-comp-sliding-item-accent6-btn-hover-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent6:active,ax-sliding-item ax-sliding-item-suffix.ax-accent6:active{background-color:rgba(var(--ax-comp-sliding-item-accent6-btn-active-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent6:active ax-text,ax-sliding-item ax-sliding-item-prefix.ax-accent6:active ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-accent6:active ax-text,ax-sliding-item ax-sliding-item-suffix.ax-accent6:active ax-icon{color:rgba(var(--ax-comp-sliding-item-accent6-btn-active-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent7,ax-sliding-item ax-sliding-item-suffix.ax-accent7{background-color:rgba(var(--ax-comp-sliding-item-accent7-btn-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent7 ax-text,ax-sliding-item ax-sliding-item-prefix.ax-accent7 ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-accent7 ax-text,ax-sliding-item ax-sliding-item-suffix.ax-accent7 ax-icon{color:rgba(var(--ax-comp-sliding-item-accent7-btn-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent7:hover,ax-sliding-item ax-sliding-item-suffix.ax-accent7:hover{background-color:rgba(var(--ax-comp-sliding-item-accent7-btn-hover-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent7:hover ax-text,ax-sliding-item ax-sliding-item-prefix.ax-accent7:hover ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-accent7:hover ax-text,ax-sliding-item ax-sliding-item-suffix.ax-accent7:hover ax-icon{color:rgba(var(--ax-comp-sliding-item-accent7-btn-hover-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent7:active,ax-sliding-item ax-sliding-item-suffix.ax-accent7:active{background-color:rgba(var(--ax-comp-sliding-item-accent7-btn-active-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent7:active ax-text,ax-sliding-item ax-sliding-item-prefix.ax-accent7:active ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-accent7:active ax-text,ax-sliding-item ax-sliding-item-suffix.ax-accent7:active ax-icon{color:rgba(var(--ax-comp-sliding-item-accent7-btn-active-text-color))}\n"] }]
-        }] });
+        }], propDecorators: { slidingItem: [{ type: i0.ViewChild, args: [i0.forwardRef(() => AXSlidingItemDirective), { isSignal: true }] }], itemPrefix: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => AXSlidingItemPrefixComponent), { ...{ read: ElementRef }, isSignal: true }] }], itemSuffix: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => AXSlidingItemSuffixComponent), { ...{ read: ElementRef }, isSignal: true }] }] } });
 const COMPONENT = [AXSlidingItemComponent, AXSlidingItemPrefixComponent, AXSlidingItemSuffixComponent];
 const MODULES = [AXDecoratorModule];
 class AXSlidingItemModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXSlidingItemModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.4", ngImport: i0, type: AXSlidingItemModule, imports: [AXDecoratorModule, AXSlidingItemComponent, AXSlidingItemPrefixComponent, AXSlidingItemSuffixComponent], exports: [AXSlidingItemComponent, AXSlidingItemPrefixComponent, AXSlidingItemSuffixComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXSlidingItemModule, imports: [MODULES, AXSlidingItemPrefixComponent, AXSlidingItemSuffixComponent] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: AXSlidingItemModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.6", ngImport: i0, type: AXSlidingItemModule, imports: [AXDecoratorModule, AXSlidingItemComponent, AXSlidingItemPrefixComponent, AXSlidingItemSuffixComponent], exports: [AXSlidingItemComponent, AXSlidingItemPrefixComponent, AXSlidingItemSuffixComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: AXSlidingItemModule, imports: [MODULES, AXSlidingItemPrefixComponent, AXSlidingItemSuffixComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXSlidingItemModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: AXSlidingItemModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [...MODULES, ...COMPONENT],