@acorex/components 20.2.0-next.2 → 20.2.0-next.21

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

@@ -16,10 +16,10 @@ class AXSlidingItemPrefixComponent {
     _onclick() {
         this.onClick.emit({ component: this });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXSlidingItemPrefixComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.1.3", 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.1.8", ngImport: i0, type: AXSlidingItemPrefixComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.1.8", 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.1.3", ngImport: i0, type: AXSlidingItemPrefixComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", 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: [{
@@ -42,10 +42,10 @@ class AXSlidingItemSuffixComponent {
     _onclick() {
         this.onClick.emit({ component: this });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXSlidingItemSuffixComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.1.3", 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.1.8", ngImport: i0, type: AXSlidingItemSuffixComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.1.8", 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.1.3", ngImport: i0, type: AXSlidingItemSuffixComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", 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: [{
@@ -131,22 +131,22 @@ class AXSlidingItemComponent {
     #effect;
     #effect2;
     #init;
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXSlidingItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.1.3", 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-accnt6-btn-bg-color: var(--ax-sys-color-accnt6-surface);--ax-comp-sliding-item-accnt6-btn-text-color: var(--ax-sys-color-on-accnt6-surface);--ax-comp-sliding-item-accnt6-btn-active-bg-color: var(--ax-sys-color-accnt6-darker-surface);--ax-comp-sliding-item-accnt6-btn-active-text-color: var(--ax-sys-color-on-accnt6-darker-surface);--ax-comp-sliding-item-accnt6-btn-hover-bg-color: var(--ax-sys-color-accnt6-dark-surface);--ax-comp-sliding-item-accnt6-btn-hover-text-color: var(--ax-sys-color-on-accnt6-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-accnt6,ax-sliding-item ax-sliding-item-suffix.ax-accnt6{background-color:rgba(var(--ax-comp-sliding-item-accnt6-btn-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-accnt6 ax-text,ax-sliding-item ax-sliding-item-prefix.ax-accnt6 ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-accnt6 ax-text,ax-sliding-item ax-sliding-item-suffix.ax-accnt6 ax-icon{color:rgba(var(--ax-comp-sliding-item-accnt6-btn-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-accnt6:hover,ax-sliding-item ax-sliding-item-suffix.ax-accnt6:hover{background-color:rgba(var(--ax-comp-sliding-item-accnt6-btn-hover-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-accnt6:hover ax-text,ax-sliding-item ax-sliding-item-prefix.ax-accnt6:hover ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-accnt6:hover ax-text,ax-sliding-item ax-sliding-item-suffix.ax-accnt6:hover ax-icon{color:rgba(var(--ax-comp-sliding-item-accnt6-btn-hover-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-accnt6:active,ax-sliding-item ax-sliding-item-suffix.ax-accnt6:active{background-color:rgba(var(--ax-comp-sliding-item-accnt6-btn-active-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-accnt6:active ax-text,ax-sliding-item ax-sliding-item-prefix.ax-accnt6:active ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-accnt6:active ax-text,ax-sliding-item ax-sliding-item-suffix.ax-accnt6:active ax-icon{color:rgba(var(--ax-comp-sliding-item-accnt6-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.1.8", ngImport: i0, type: AXSlidingItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.1.8", 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.1.3", ngImport: i0, type: AXSlidingItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", 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-accnt6-btn-bg-color: var(--ax-sys-color-accnt6-surface);--ax-comp-sliding-item-accnt6-btn-text-color: var(--ax-sys-color-on-accnt6-surface);--ax-comp-sliding-item-accnt6-btn-active-bg-color: var(--ax-sys-color-accnt6-darker-surface);--ax-comp-sliding-item-accnt6-btn-active-text-color: var(--ax-sys-color-on-accnt6-darker-surface);--ax-comp-sliding-item-accnt6-btn-hover-bg-color: var(--ax-sys-color-accnt6-dark-surface);--ax-comp-sliding-item-accnt6-btn-hover-text-color: var(--ax-sys-color-on-accnt6-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-accnt6,ax-sliding-item ax-sliding-item-suffix.ax-accnt6{background-color:rgba(var(--ax-comp-sliding-item-accnt6-btn-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-accnt6 ax-text,ax-sliding-item ax-sliding-item-prefix.ax-accnt6 ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-accnt6 ax-text,ax-sliding-item ax-sliding-item-suffix.ax-accnt6 ax-icon{color:rgba(var(--ax-comp-sliding-item-accnt6-btn-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-accnt6:hover,ax-sliding-item ax-sliding-item-suffix.ax-accnt6:hover{background-color:rgba(var(--ax-comp-sliding-item-accnt6-btn-hover-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-accnt6:hover ax-text,ax-sliding-item ax-sliding-item-prefix.ax-accnt6:hover ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-accnt6:hover ax-text,ax-sliding-item ax-sliding-item-suffix.ax-accnt6:hover ax-icon{color:rgba(var(--ax-comp-sliding-item-accnt6-btn-hover-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-accnt6:active,ax-sliding-item ax-sliding-item-suffix.ax-accnt6:active{background-color:rgba(var(--ax-comp-sliding-item-accnt6-btn-active-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-accnt6:active ax-text,ax-sliding-item ax-sliding-item-prefix.ax-accnt6:active ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-accnt6:active ax-text,ax-sliding-item ax-sliding-item-suffix.ax-accnt6:active ax-icon{color:rgba(var(--ax-comp-sliding-item-accnt6-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"] }]
+            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"] }]
         }] });
 
 const COMPONENT = [AXSlidingItemComponent, AXSlidingItemPrefixComponent, AXSlidingItemSuffixComponent];
 const MODULES = [AXSlidingItemDirectiveModule, AXDecoratorModule];
 class AXSlidingItemModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXSlidingItemModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.3", ngImport: i0, type: AXSlidingItemModule, imports: [AXSlidingItemDirectiveModule, AXDecoratorModule, AXSlidingItemComponent, AXSlidingItemPrefixComponent, AXSlidingItemSuffixComponent], exports: [AXSlidingItemComponent, AXSlidingItemPrefixComponent, AXSlidingItemSuffixComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXSlidingItemModule, imports: [MODULES, AXSlidingItemPrefixComponent, AXSlidingItemSuffixComponent] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXSlidingItemModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.8", ngImport: i0, type: AXSlidingItemModule, imports: [AXSlidingItemDirectiveModule, AXDecoratorModule, AXSlidingItemComponent, AXSlidingItemPrefixComponent, AXSlidingItemSuffixComponent], exports: [AXSlidingItemComponent, AXSlidingItemPrefixComponent, AXSlidingItemSuffixComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXSlidingItemModule, imports: [MODULES, AXSlidingItemPrefixComponent, AXSlidingItemSuffixComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXSlidingItemModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXSlidingItemModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [...MODULES, ...COMPONENT],