import { AXComponent } from '@acorex/cdk/common';
import { AXDecoratorGenericComponent, AXDecoratorModule } from '@acorex/components/decorators';
import * as i0 from '@angular/core';
import { input, output, HostListener, HostBinding, ViewEncapsulation, Component, viewChild, contentChildren, ElementRef, signal, effect, afterNextRender, NgModule } from '@angular/core';
import { AXSlidingItemDirective } from '@acorex/cdk/sliding-item';

class AXSlidingItemPrefixComponent {
    constructor() {
        this.color = input(...(ngDevMode ? [undefined, { debugName: "color" }] : []));
        this.text = input(...(ngDevMode ? [undefined, { debugName: "text" }] : []));
        this.onClick = output();
    }
    get __hostClass() {
        return `ax-${this.color()}`;
    }
    _onclick() {
        this.onClick.emit({ component: this });
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXSlidingItemPrefixComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.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 }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", 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: [{
                type: HostBinding,
                args: ['class']
            }], _onclick: [{
                type: HostListener,
                args: ['click']
            }] } });

class AXSlidingItemSuffixComponent {
    constructor() {
        this.color = input(...(ngDevMode ? [undefined, { debugName: "color" }] : []));
        this.text = input(...(ngDevMode ? [undefined, { debugName: "text" }] : []));
        this.onClick = output();
    }
    get __hostClass() {
        return `ax-${this.color()}`;
    }
    _onclick() {
        this.onClick.emit({ component: this });
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXSlidingItemSuffixComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.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 }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", 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: [{
                type: HostBinding,
                args: ['class']
            }], _onclick: [{
                type: HostListener,
                args: ['click']
            }] } });

class AXSlidingItemComponent {
    constructor() {
        this.slidingItem = viewChild(AXSlidingItemDirective, ...(ngDevMode ? [{ debugName: "slidingItem" }] : []));
        this.itemPrefix = contentChildren(AXSlidingItemPrefixComponent, ...(ngDevMode ? [{ debugName: "itemPrefix", read: ElementRef }] : [{ read: ElementRef }]));
        this.itemSuffix = contentChildren(AXSlidingItemSuffixComponent, ...(ngDevMode ? [{ debugName: "itemSuffix", read: ElementRef }] : [{ read: ElementRef }]));
        this.stopArrayPrefix = signal([], ...(ngDevMode ? [{ debugName: "stopArrayPrefix" }] : []));
        this.stopArraySuffix = signal([], ...(ngDevMode ? [{ debugName: "stopArraySuffix" }] : []));
        this.#effect = effect(() => {
            if (this.slidingItem().currentX() > 0)
                return;
            this.stopArraySuffix().forEach((item, index) => {
                if (this.slidingItem().currentX() < item) {
                    this.slidingItem().stopPoint.set(item);
                }
                else if (this.slidingItem().currentX() > item && index === 0) {
                    this.slidingItem().stopPoint.set(0);
                }
            });
        }, ...(ngDevMode ? [{ debugName: "#effect" }] : []));
        this.#effect2 = effect(() => {
            if (this.slidingItem().currentX() < 0)
                return;
            this.stopArrayPrefix().forEach((item, index) => {
                if (this.slidingItem().currentX() > item) {
                    this.slidingItem().stopPoint.set(item);
                }
                else if (this.slidingItem().currentX() < item && index === 0) {
                    this.slidingItem().stopPoint.set(0);
                }
            });
        }, ...(ngDevMode ? [{ debugName: "#effect2" }] : []));
        this.#init = afterNextRender(() => {
            setTimeout(() => {
                if (!this.itemPrefix().length) {
                    this.slidingItem().disableSlidingRight.set(true);
                    return;
                }
                this.itemPrefix().forEach((item) => {
                    const itemElem = item.nativeElement;
                    this.stopArrayPrefix.update((prev) => {
                        const prevCopy = [...prev];
                        if (prevCopy[prevCopy.length - 1]) {
                            prevCopy.push(itemElem.getClientRects()[0].width + prevCopy[prevCopy.length - 1]);
                        }
                        else {
                            prevCopy.push(itemElem.getClientRects()[0].width);
                        }
                        return prevCopy;
                    });
                });
            });
            setTimeout(() => {
                if (!this.itemSuffix().length) {
                    this.slidingItem().disableSlidingLeft.set(true);
                    return;
                }
                this.itemSuffix().forEach((item) => {
                    const itemElem = item.nativeElement;
                    this.stopArraySuffix.update((prev) => {
                        const prevCopy = [...prev];
                        if (prevCopy[prevCopy.length - 1]) {
                            prevCopy.push(-itemElem.getClientRects()[0].width + prevCopy[prevCopy.length - 1]);
                        }
                        else {
                            prevCopy.push(-itemElem.getClientRects()[0].width);
                        }
                        return prevCopy;
                    });
                });
            });
        });
    }
    #effect;
    #effect2;
    #init;
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXSlidingItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.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-accent6-btn-bg-color: var(--ax-sys-color-accent6-surface);--ax-comp-sliding-item-accent6-btn-text-color: var(--ax-sys-color-on-accent6-surface);--ax-comp-sliding-item-accent6-btn-active-bg-color: var(--ax-sys-color-accent6-darker-surface);--ax-comp-sliding-item-accent6-btn-active-text-color: var(--ax-sys-color-on-accent6-darker-surface);--ax-comp-sliding-item-accent6-btn-hover-bg-color: var(--ax-sys-color-accent6-dark-surface);--ax-comp-sliding-item-accent6-btn-hover-text-color: var(--ax-sys-color-on-accent6-dark-surface);--ax-comp-sliding-item-accent7-btn-bg-color: var(--ax-sys-color-accent7-surface);--ax-comp-sliding-item-accent7-btn-text-color: var(--ax-sys-color-on-accent7-surface);--ax-comp-sliding-item-accent7-btn-active-bg-color: var(--ax-sys-color-accent7-darker-surface);--ax-comp-sliding-item-accent7-btn-active-text-color: var(--ax-sys-color-on-accent7-darker-surface);--ax-comp-sliding-item-accent7-btn-hover-bg-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-sliding-item-accent7-btn-hover-text-color: var(--ax-sys-color-on-accent7-dark-surface)}ax-sliding-item{width:100%;height:100%}ax-sliding-item .ax-sliding-item-container{display:flex}ax-sliding-item ax-content{width:100%;height:100%;display:flex;align-items:center;background-color:rgba(var(--ax-comp-sliding-item-content-bg-color));color:rgba(var(--ax-comp-sliding-item-content-text-color));padding:1rem}ax-sliding-item ax-sliding-item-prefix,ax-sliding-item ax-sliding-item-suffix{display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:4rem;aspect-ratio:1;cursor:pointer;transition-property:background-color,color;transition-duration:var(--ax-sys-transition-duration);transition-timing-function:var(--ax-sys-transition-timing-function)}ax-sliding-item ax-sliding-item-prefix.ax-primary,ax-sliding-item ax-sliding-item-suffix.ax-primary{background-color:rgba(var(--ax-comp-sliding-item-primary-btn-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-primary ax-text,ax-sliding-item ax-sliding-item-prefix.ax-primary ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-primary ax-text,ax-sliding-item ax-sliding-item-suffix.ax-primary ax-icon{color:rgba(var(--ax-comp-sliding-item-primary-btn-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-primary:hover,ax-sliding-item ax-sliding-item-suffix.ax-primary:hover{background-color:rgba(var(--ax-comp-sliding-item-primary-btn-hover-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-primary:hover ax-text,ax-sliding-item ax-sliding-item-prefix.ax-primary:hover ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-primary:hover ax-text,ax-sliding-item ax-sliding-item-suffix.ax-primary:hover ax-icon{color:rgba(var(--ax-comp-sliding-item-primary-btn-hover-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-primary:active,ax-sliding-item ax-sliding-item-suffix.ax-primary:active{background-color:rgba(var(--ax-comp-sliding-item-primary-btn-active-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-primary:active ax-text,ax-sliding-item ax-sliding-item-prefix.ax-primary:active ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-primary:active ax-text,ax-sliding-item ax-sliding-item-suffix.ax-primary:active ax-icon{color:rgba(var(--ax-comp-sliding-item-primary-btn-active-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-secondary,ax-sliding-item ax-sliding-item-suffix.ax-secondary{background-color:rgba(var(--ax-comp-sliding-item-secondary-btn-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-secondary ax-text,ax-sliding-item ax-sliding-item-prefix.ax-secondary ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-secondary ax-text,ax-sliding-item ax-sliding-item-suffix.ax-secondary ax-icon{color:rgba(var(--ax-comp-sliding-item-secondary-btn-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-secondary:hover,ax-sliding-item ax-sliding-item-suffix.ax-secondary:hover{background-color:rgba(var(--ax-comp-sliding-item-secondary-btn-hover-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-secondary:hover ax-text,ax-sliding-item ax-sliding-item-prefix.ax-secondary:hover ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-secondary:hover ax-text,ax-sliding-item ax-sliding-item-suffix.ax-secondary:hover ax-icon{color:rgba(var(--ax-comp-sliding-item-secondary-btn-hover-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-secondary:active,ax-sliding-item ax-sliding-item-suffix.ax-secondary:active{background-color:rgba(var(--ax-comp-sliding-item-secondary-btn-active-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-secondary:active ax-text,ax-sliding-item ax-sliding-item-prefix.ax-secondary:active ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-secondary:active ax-text,ax-sliding-item ax-sliding-item-suffix.ax-secondary:active ax-icon{color:rgba(var(--ax-comp-sliding-item-secondary-btn-active-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-success,ax-sliding-item ax-sliding-item-suffix.ax-success{background-color:rgba(var(--ax-comp-sliding-item-success-btn-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-success ax-text,ax-sliding-item ax-sliding-item-prefix.ax-success ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-success ax-text,ax-sliding-item ax-sliding-item-suffix.ax-success ax-icon{color:rgba(var(--ax-comp-sliding-item-success-btn-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-success:hover,ax-sliding-item ax-sliding-item-suffix.ax-success:hover{background-color:rgba(var(--ax-comp-sliding-item-success-btn-hover-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-success:hover ax-text,ax-sliding-item ax-sliding-item-prefix.ax-success:hover ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-success:hover ax-text,ax-sliding-item ax-sliding-item-suffix.ax-success:hover ax-icon{color:rgba(var(--ax-comp-sliding-item-success-btn-hover-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-success:active,ax-sliding-item ax-sliding-item-suffix.ax-success:active{background-color:rgba(var(--ax-comp-sliding-item-success-btn-active-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-success:active ax-text,ax-sliding-item ax-sliding-item-prefix.ax-success:active ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-success:active ax-text,ax-sliding-item ax-sliding-item-suffix.ax-success:active ax-icon{color:rgba(var(--ax-comp-sliding-item-success-btn-active-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-warning,ax-sliding-item ax-sliding-item-suffix.ax-warning{background-color:rgba(var(--ax-comp-sliding-item-warning-btn-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-warning ax-text,ax-sliding-item ax-sliding-item-prefix.ax-warning ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-warning ax-text,ax-sliding-item ax-sliding-item-suffix.ax-warning ax-icon{color:rgba(var(--ax-comp-sliding-item-warning-btn-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-warning:hover,ax-sliding-item ax-sliding-item-suffix.ax-warning:hover{background-color:rgba(var(--ax-comp-sliding-item-warning-btn-hover-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-warning:hover ax-text,ax-sliding-item ax-sliding-item-prefix.ax-warning:hover ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-warning:hover ax-text,ax-sliding-item ax-sliding-item-suffix.ax-warning:hover ax-icon{color:rgba(var(--ax-comp-sliding-item-warning-btn-hover-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-warning:active,ax-sliding-item ax-sliding-item-suffix.ax-warning:active{background-color:rgba(var(--ax-comp-sliding-item-warning-btn-active-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-warning:active ax-text,ax-sliding-item ax-sliding-item-prefix.ax-warning:active ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-warning:active ax-text,ax-sliding-item ax-sliding-item-suffix.ax-warning:active ax-icon{color:rgba(var(--ax-comp-sliding-item-warning-btn-active-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-danger,ax-sliding-item ax-sliding-item-suffix.ax-danger{background-color:rgba(var(--ax-comp-sliding-item-danger-btn-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-danger ax-text,ax-sliding-item ax-sliding-item-prefix.ax-danger ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-danger ax-text,ax-sliding-item ax-sliding-item-suffix.ax-danger ax-icon{color:rgba(var(--ax-comp-sliding-item-danger-btn-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-danger:hover,ax-sliding-item ax-sliding-item-suffix.ax-danger:hover{background-color:rgba(var(--ax-comp-sliding-item-danger-btn-hover-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-danger:hover ax-text,ax-sliding-item ax-sliding-item-prefix.ax-danger:hover ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-danger:hover ax-text,ax-sliding-item ax-sliding-item-suffix.ax-danger:hover ax-icon{color:rgba(var(--ax-comp-sliding-item-danger-btn-hover-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-danger:active,ax-sliding-item ax-sliding-item-suffix.ax-danger:active{background-color:rgba(var(--ax-comp-sliding-item-danger-btn-active-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-danger:active ax-text,ax-sliding-item ax-sliding-item-prefix.ax-danger:active ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-danger:active ax-text,ax-sliding-item ax-sliding-item-suffix.ax-danger:active ax-icon{color:rgba(var(--ax-comp-sliding-item-danger-btn-active-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent1,ax-sliding-item ax-sliding-item-suffix.ax-accent1{background-color:rgba(var(--ax-comp-sliding-item-accent1-btn-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent1 ax-text,ax-sliding-item ax-sliding-item-prefix.ax-accent1 ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-accent1 ax-text,ax-sliding-item ax-sliding-item-suffix.ax-accent1 ax-icon{color:rgba(var(--ax-comp-sliding-item-accent1-btn-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent1:hover,ax-sliding-item ax-sliding-item-suffix.ax-accent1:hover{background-color:rgba(var(--ax-comp-sliding-item-accent1-btn-hover-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent1:hover ax-text,ax-sliding-item ax-sliding-item-prefix.ax-accent1:hover ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-accent1:hover ax-text,ax-sliding-item ax-sliding-item-suffix.ax-accent1:hover ax-icon{color:rgba(var(--ax-comp-sliding-item-accent1-btn-hover-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent1:active,ax-sliding-item ax-sliding-item-suffix.ax-accent1:active{background-color:rgba(var(--ax-comp-sliding-item-accent1-btn-active-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent1:active ax-text,ax-sliding-item ax-sliding-item-prefix.ax-accent1:active ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-accent1:active ax-text,ax-sliding-item ax-sliding-item-suffix.ax-accent1:active ax-icon{color:rgba(var(--ax-comp-sliding-item-accent1-btn-active-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent2,ax-sliding-item ax-sliding-item-suffix.ax-accent2{background-color:rgba(var(--ax-comp-sliding-item-accent2-btn-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent2 ax-text,ax-sliding-item ax-sliding-item-prefix.ax-accent2 ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-accent2 ax-text,ax-sliding-item ax-sliding-item-suffix.ax-accent2 ax-icon{color:rgba(var(--ax-comp-sliding-item-accent2-btn-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent2:hover,ax-sliding-item ax-sliding-item-suffix.ax-accent2:hover{background-color:rgba(var(--ax-comp-sliding-item-accent2-btn-hover-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent2:hover ax-text,ax-sliding-item ax-sliding-item-prefix.ax-accent2:hover ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-accent2:hover ax-text,ax-sliding-item ax-sliding-item-suffix.ax-accent2:hover ax-icon{color:rgba(var(--ax-comp-sliding-item-accent2-btn-hover-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent2:active,ax-sliding-item ax-sliding-item-suffix.ax-accent2:active{background-color:rgba(var(--ax-comp-sliding-item-accent2-btn-active-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent2:active ax-text,ax-sliding-item ax-sliding-item-prefix.ax-accent2:active ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-accent2:active ax-text,ax-sliding-item ax-sliding-item-suffix.ax-accent2:active ax-icon{color:rgba(var(--ax-comp-sliding-item-accent2-btn-active-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent3,ax-sliding-item ax-sliding-item-suffix.ax-accent3{background-color:rgba(var(--ax-comp-sliding-item-accent3-btn-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent3 ax-text,ax-sliding-item ax-sliding-item-prefix.ax-accent3 ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-accent3 ax-text,ax-sliding-item ax-sliding-item-suffix.ax-accent3 ax-icon{color:rgba(var(--ax-comp-sliding-item-accent3-btn-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent3:hover,ax-sliding-item ax-sliding-item-suffix.ax-accent3:hover{background-color:rgba(var(--ax-comp-sliding-item-accent3-btn-hover-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent3:hover ax-text,ax-sliding-item ax-sliding-item-prefix.ax-accent3:hover ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-accent3:hover ax-text,ax-sliding-item ax-sliding-item-suffix.ax-accent3:hover ax-icon{color:rgba(var(--ax-comp-sliding-item-accent3-btn-hover-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent3:active,ax-sliding-item ax-sliding-item-suffix.ax-accent3:active{background-color:rgba(var(--ax-comp-sliding-item-accent3-btn-active-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent3:active ax-text,ax-sliding-item ax-sliding-item-prefix.ax-accent3:active ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-accent3:active ax-text,ax-sliding-item ax-sliding-item-suffix.ax-accent3:active ax-icon{color:rgba(var(--ax-comp-sliding-item-accent3-btn-active-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent4,ax-sliding-item ax-sliding-item-suffix.ax-accent4{background-color:rgba(var(--ax-comp-sliding-item-accent4-btn-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent4 ax-text,ax-sliding-item ax-sliding-item-prefix.ax-accent4 ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-accent4 ax-text,ax-sliding-item ax-sliding-item-suffix.ax-accent4 ax-icon{color:rgba(var(--ax-comp-sliding-item-accent4-btn-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent4:hover,ax-sliding-item ax-sliding-item-suffix.ax-accent4:hover{background-color:rgba(var(--ax-comp-sliding-item-accent4-btn-hover-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent4:hover ax-text,ax-sliding-item ax-sliding-item-prefix.ax-accent4:hover ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-accent4:hover ax-text,ax-sliding-item ax-sliding-item-suffix.ax-accent4:hover ax-icon{color:rgba(var(--ax-comp-sliding-item-accent4-btn-hover-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent4:active,ax-sliding-item ax-sliding-item-suffix.ax-accent4:active{background-color:rgba(var(--ax-comp-sliding-item-accent4-btn-active-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent4:active ax-text,ax-sliding-item ax-sliding-item-prefix.ax-accent4:active ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-accent4:active ax-text,ax-sliding-item ax-sliding-item-suffix.ax-accent4:active ax-icon{color:rgba(var(--ax-comp-sliding-item-accent4-btn-active-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent5,ax-sliding-item ax-sliding-item-suffix.ax-accent5{background-color:rgba(var(--ax-comp-sliding-item-accent5-btn-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent5 ax-text,ax-sliding-item ax-sliding-item-prefix.ax-accent5 ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-accent5 ax-text,ax-sliding-item ax-sliding-item-suffix.ax-accent5 ax-icon{color:rgba(var(--ax-comp-sliding-item-accent5-btn-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent5:hover,ax-sliding-item ax-sliding-item-suffix.ax-accent5:hover{background-color:rgba(var(--ax-comp-sliding-item-accent5-btn-hover-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent5:hover ax-text,ax-sliding-item ax-sliding-item-prefix.ax-accent5:hover ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-accent5:hover ax-text,ax-sliding-item ax-sliding-item-suffix.ax-accent5:hover ax-icon{color:rgba(var(--ax-comp-sliding-item-accent5-btn-hover-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent5:active,ax-sliding-item ax-sliding-item-suffix.ax-accent5:active{background-color:rgba(var(--ax-comp-sliding-item-accent5-btn-active-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent5:active ax-text,ax-sliding-item ax-sliding-item-prefix.ax-accent5:active ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-accent5:active ax-text,ax-sliding-item ax-sliding-item-suffix.ax-accent5:active ax-icon{color:rgba(var(--ax-comp-sliding-item-accent5-btn-active-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent6,ax-sliding-item ax-sliding-item-suffix.ax-accent6{background-color:rgba(var(--ax-comp-sliding-item-accent6-btn-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent6 ax-text,ax-sliding-item ax-sliding-item-prefix.ax-accent6 ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-accent6 ax-text,ax-sliding-item ax-sliding-item-suffix.ax-accent6 ax-icon{color:rgba(var(--ax-comp-sliding-item-accent6-btn-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent6:hover,ax-sliding-item ax-sliding-item-suffix.ax-accent6:hover{background-color:rgba(var(--ax-comp-sliding-item-accent6-btn-hover-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent6:hover ax-text,ax-sliding-item ax-sliding-item-prefix.ax-accent6:hover ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-accent6:hover ax-text,ax-sliding-item ax-sliding-item-suffix.ax-accent6:hover ax-icon{color:rgba(var(--ax-comp-sliding-item-accent6-btn-hover-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent6:active,ax-sliding-item ax-sliding-item-suffix.ax-accent6:active{background-color:rgba(var(--ax-comp-sliding-item-accent6-btn-active-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent6:active ax-text,ax-sliding-item ax-sliding-item-prefix.ax-accent6:active ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-accent6:active ax-text,ax-sliding-item ax-sliding-item-suffix.ax-accent6:active ax-icon{color:rgba(var(--ax-comp-sliding-item-accent6-btn-active-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent7,ax-sliding-item ax-sliding-item-suffix.ax-accent7{background-color:rgba(var(--ax-comp-sliding-item-accent7-btn-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent7 ax-text,ax-sliding-item ax-sliding-item-prefix.ax-accent7 ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-accent7 ax-text,ax-sliding-item ax-sliding-item-suffix.ax-accent7 ax-icon{color:rgba(var(--ax-comp-sliding-item-accent7-btn-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent7:hover,ax-sliding-item ax-sliding-item-suffix.ax-accent7:hover{background-color:rgba(var(--ax-comp-sliding-item-accent7-btn-hover-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent7:hover ax-text,ax-sliding-item ax-sliding-item-prefix.ax-accent7:hover ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-accent7:hover ax-text,ax-sliding-item ax-sliding-item-suffix.ax-accent7:hover ax-icon{color:rgba(var(--ax-comp-sliding-item-accent7-btn-hover-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent7:active,ax-sliding-item ax-sliding-item-suffix.ax-accent7:active{background-color:rgba(var(--ax-comp-sliding-item-accent7-btn-active-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent7:active ax-text,ax-sliding-item ax-sliding-item-prefix.ax-accent7:active ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-accent7:active ax-text,ax-sliding-item ax-sliding-item-suffix.ax-accent7:active ax-icon{color:rgba(var(--ax-comp-sliding-item-accent7-btn-active-text-color))}\n"], dependencies: [{ kind: "directive", type: AXSlidingItemDirective, selector: "[axSlidingItem]" }], encapsulation: i0.ViewEncapsulation.None }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXSlidingItemComponent, decorators: [{
            type: Component,
            args: [{ selector: 'ax-sliding-item', encapsulation: ViewEncapsulation.None, imports: [AXSlidingItemDirective], providers: [{ provide: AXComponent, useExisting: AXSlidingItemComponent }], template: "<div #itemPrefix class=\"ax-sliding-item-container\">\n  <ng-content select=\"ax-sliding-item-prefix\"></ng-content>\n</div>\n\n<div axSlidingItem>\n  <ng-content select=\"ax-content\"> </ng-content>\n</div>\n\n<div #itemSuffix class=\"ax-sliding-item-container\">\n  <ng-content select=\"ax-sliding-item-suffix\"></ng-content>\n</div>\n", styles: ["ax-sliding-item{--ax-comp-sliding-item-content-bg-color: var(--ax-sys-color-lightest-surface);--ax-comp-sliding-item-content-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-sliding-item-primary-btn-bg-color: var(--ax-sys-color-primary-surface);--ax-comp-sliding-item-primary-btn-text-color: var(--ax-sys-color-on-primary-surface);--ax-comp-sliding-item-primary-btn-active-bg-color: var(--ax-sys-color-primary-darker-surface);--ax-comp-sliding-item-primary-btn-active-text-color: var(--ax-sys-color-on-primary-darker-surface);--ax-comp-sliding-item-primary-btn-hover-bg-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-sliding-item-primary-btn-hover-text-color: var(--ax-sys-color-on-primary-dark-surface);--ax-comp-sliding-item-secondary-btn-bg-color: var(--ax-sys-color-secondary-surface);--ax-comp-sliding-item-secondary-btn-text-color: var(--ax-sys-color-on-secondary-surface);--ax-comp-sliding-item-secondary-btn-active-bg-color: var(--ax-sys-color-secondary-darker-surface);--ax-comp-sliding-item-secondary-btn-active-text-color: var(--ax-sys-color-on-secondary-darker-surface);--ax-comp-sliding-item-secondary-btn-hover-bg-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-sliding-item-secondary-btn-hover-text-color: var(--ax-sys-color-on-secondary-dark-surface);--ax-comp-sliding-item-success-btn-bg-color: var(--ax-sys-color-success-surface);--ax-comp-sliding-item-success-btn-text-color: var(--ax-sys-color-on-success-surface);--ax-comp-sliding-item-success-btn-active-bg-color: var(--ax-sys-color-success-darker-surface);--ax-comp-sliding-item-success-btn-active-text-color: var(--ax-sys-color-on-success-darker-surface);--ax-comp-sliding-item-success-btn-hover-bg-color: var(--ax-sys-color-success-dark-surface);--ax-comp-sliding-item-success-btn-hover-text-color: var(--ax-sys-color-on-success-dark-surface);--ax-comp-sliding-item-warning-btn-bg-color: var(--ax-sys-color-warning-surface);--ax-comp-sliding-item-warning-btn-text-color: var(--ax-sys-color-on-warning-surface);--ax-comp-sliding-item-warning-btn-active-bg-color: var(--ax-sys-color-warning-darker-surface);--ax-comp-sliding-item-warning-btn-active-text-color: var(--ax-sys-color-on-warning-darker-surface);--ax-comp-sliding-item-warning-btn-hover-bg-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-sliding-item-warning-btn-hover-text-color: var(--ax-sys-color-on-warning-dark-surface);--ax-comp-sliding-item-danger-btn-bg-color: var(--ax-sys-color-danger-surface);--ax-comp-sliding-item-danger-btn-text-color: var(--ax-sys-color-on-danger-surface);--ax-comp-sliding-item-danger-btn-active-bg-color: var(--ax-sys-color-danger-darker-surface);--ax-comp-sliding-item-danger-btn-active-text-color: var(--ax-sys-color-on-danger-darker-surface);--ax-comp-sliding-item-danger-btn-hover-bg-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-sliding-item-danger-btn-hover-text-color: var(--ax-sys-color-on-danger-dark-surface);--ax-comp-sliding-item-accent1-btn-bg-color: var(--ax-sys-color-accent1-surface);--ax-comp-sliding-item-accent1-btn-text-color: var(--ax-sys-color-on-accent1-surface);--ax-comp-sliding-item-accent1-btn-active-bg-color: var(--ax-sys-color-accent1-darker-surface);--ax-comp-sliding-item-accent1-btn-active-text-color: var(--ax-sys-color-on-accent1-darker-surface);--ax-comp-sliding-item-accent1-btn-hover-bg-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-sliding-item-accent1-btn-hover-text-color: var(--ax-sys-color-on-accent1-dark-surface);--ax-comp-sliding-item-accent2-btn-bg-color: var(--ax-sys-color-accent2-surface);--ax-comp-sliding-item-accent2-btn-text-color: var(--ax-sys-color-on-accent2-surface);--ax-comp-sliding-item-accent2-btn-active-bg-color: var(--ax-sys-color-accent2-darker-surface);--ax-comp-sliding-item-accent2-btn-active-text-color: var(--ax-sys-color-on-accent2-darker-surface);--ax-comp-sliding-item-accent2-btn-hover-bg-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-sliding-item-accent2-btn-hover-text-color: var(--ax-sys-color-on-accent2-dark-surface);--ax-comp-sliding-item-accent3-btn-bg-color: var(--ax-sys-color-accent3-surface);--ax-comp-sliding-item-accent3-btn-text-color: var(--ax-sys-color-on-accent3-surface);--ax-comp-sliding-item-accent3-btn-active-bg-color: var(--ax-sys-color-accent3-darker-surface);--ax-comp-sliding-item-accent3-btn-active-text-color: var(--ax-sys-color-on-accent3-darker-surface);--ax-comp-sliding-item-accent3-btn-hover-bg-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-sliding-item-accent3-btn-hover-text-color: var(--ax-sys-color-on-accent3-dark-surface);--ax-comp-sliding-item-accent4-btn-bg-color: var(--ax-sys-color-accent4-surface);--ax-comp-sliding-item-accent4-btn-text-color: var(--ax-sys-color-on-accent4-surface);--ax-comp-sliding-item-accent4-btn-active-bg-color: var(--ax-sys-color-accent4-darker-surface);--ax-comp-sliding-item-accent4-btn-active-text-color: var(--ax-sys-color-on-accent4-darker-surface);--ax-comp-sliding-item-accent4-btn-hover-bg-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-sliding-item-accent4-btn-hover-text-color: var(--ax-sys-color-on-accent4-dark-surface);--ax-comp-sliding-item-accent5-btn-bg-color: var(--ax-sys-color-accent5-surface);--ax-comp-sliding-item-accent5-btn-text-color: var(--ax-sys-color-on-accent5-surface);--ax-comp-sliding-item-accent5-btn-active-bg-color: var(--ax-sys-color-accent5-darker-surface);--ax-comp-sliding-item-accent5-btn-active-text-color: var(--ax-sys-color-on-accent5-darker-surface);--ax-comp-sliding-item-accent5-btn-hover-bg-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-sliding-item-accent5-btn-hover-text-color: var(--ax-sys-color-on-accent5-dark-surface);--ax-comp-sliding-item-accent6-btn-bg-color: var(--ax-sys-color-accent6-surface);--ax-comp-sliding-item-accent6-btn-text-color: var(--ax-sys-color-on-accent6-surface);--ax-comp-sliding-item-accent6-btn-active-bg-color: var(--ax-sys-color-accent6-darker-surface);--ax-comp-sliding-item-accent6-btn-active-text-color: var(--ax-sys-color-on-accent6-darker-surface);--ax-comp-sliding-item-accent6-btn-hover-bg-color: var(--ax-sys-color-accent6-dark-surface);--ax-comp-sliding-item-accent6-btn-hover-text-color: var(--ax-sys-color-on-accent6-dark-surface);--ax-comp-sliding-item-accent7-btn-bg-color: var(--ax-sys-color-accent7-surface);--ax-comp-sliding-item-accent7-btn-text-color: var(--ax-sys-color-on-accent7-surface);--ax-comp-sliding-item-accent7-btn-active-bg-color: var(--ax-sys-color-accent7-darker-surface);--ax-comp-sliding-item-accent7-btn-active-text-color: var(--ax-sys-color-on-accent7-darker-surface);--ax-comp-sliding-item-accent7-btn-hover-bg-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-sliding-item-accent7-btn-hover-text-color: var(--ax-sys-color-on-accent7-dark-surface)}ax-sliding-item{width:100%;height:100%}ax-sliding-item .ax-sliding-item-container{display:flex}ax-sliding-item ax-content{width:100%;height:100%;display:flex;align-items:center;background-color:rgba(var(--ax-comp-sliding-item-content-bg-color));color:rgba(var(--ax-comp-sliding-item-content-text-color));padding:1rem}ax-sliding-item ax-sliding-item-prefix,ax-sliding-item ax-sliding-item-suffix{display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:4rem;aspect-ratio:1;cursor:pointer;transition-property:background-color,color;transition-duration:var(--ax-sys-transition-duration);transition-timing-function:var(--ax-sys-transition-timing-function)}ax-sliding-item ax-sliding-item-prefix.ax-primary,ax-sliding-item ax-sliding-item-suffix.ax-primary{background-color:rgba(var(--ax-comp-sliding-item-primary-btn-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-primary ax-text,ax-sliding-item ax-sliding-item-prefix.ax-primary ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-primary ax-text,ax-sliding-item ax-sliding-item-suffix.ax-primary ax-icon{color:rgba(var(--ax-comp-sliding-item-primary-btn-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-primary:hover,ax-sliding-item ax-sliding-item-suffix.ax-primary:hover{background-color:rgba(var(--ax-comp-sliding-item-primary-btn-hover-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-primary:hover ax-text,ax-sliding-item ax-sliding-item-prefix.ax-primary:hover ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-primary:hover ax-text,ax-sliding-item ax-sliding-item-suffix.ax-primary:hover ax-icon{color:rgba(var(--ax-comp-sliding-item-primary-btn-hover-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-primary:active,ax-sliding-item ax-sliding-item-suffix.ax-primary:active{background-color:rgba(var(--ax-comp-sliding-item-primary-btn-active-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-primary:active ax-text,ax-sliding-item ax-sliding-item-prefix.ax-primary:active ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-primary:active ax-text,ax-sliding-item ax-sliding-item-suffix.ax-primary:active ax-icon{color:rgba(var(--ax-comp-sliding-item-primary-btn-active-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-secondary,ax-sliding-item ax-sliding-item-suffix.ax-secondary{background-color:rgba(var(--ax-comp-sliding-item-secondary-btn-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-secondary ax-text,ax-sliding-item ax-sliding-item-prefix.ax-secondary ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-secondary ax-text,ax-sliding-item ax-sliding-item-suffix.ax-secondary ax-icon{color:rgba(var(--ax-comp-sliding-item-secondary-btn-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-secondary:hover,ax-sliding-item ax-sliding-item-suffix.ax-secondary:hover{background-color:rgba(var(--ax-comp-sliding-item-secondary-btn-hover-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-secondary:hover ax-text,ax-sliding-item ax-sliding-item-prefix.ax-secondary:hover ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-secondary:hover ax-text,ax-sliding-item ax-sliding-item-suffix.ax-secondary:hover ax-icon{color:rgba(var(--ax-comp-sliding-item-secondary-btn-hover-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-secondary:active,ax-sliding-item ax-sliding-item-suffix.ax-secondary:active{background-color:rgba(var(--ax-comp-sliding-item-secondary-btn-active-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-secondary:active ax-text,ax-sliding-item ax-sliding-item-prefix.ax-secondary:active ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-secondary:active ax-text,ax-sliding-item ax-sliding-item-suffix.ax-secondary:active ax-icon{color:rgba(var(--ax-comp-sliding-item-secondary-btn-active-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-success,ax-sliding-item ax-sliding-item-suffix.ax-success{background-color:rgba(var(--ax-comp-sliding-item-success-btn-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-success ax-text,ax-sliding-item ax-sliding-item-prefix.ax-success ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-success ax-text,ax-sliding-item ax-sliding-item-suffix.ax-success ax-icon{color:rgba(var(--ax-comp-sliding-item-success-btn-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-success:hover,ax-sliding-item ax-sliding-item-suffix.ax-success:hover{background-color:rgba(var(--ax-comp-sliding-item-success-btn-hover-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-success:hover ax-text,ax-sliding-item ax-sliding-item-prefix.ax-success:hover ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-success:hover ax-text,ax-sliding-item ax-sliding-item-suffix.ax-success:hover ax-icon{color:rgba(var(--ax-comp-sliding-item-success-btn-hover-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-success:active,ax-sliding-item ax-sliding-item-suffix.ax-success:active{background-color:rgba(var(--ax-comp-sliding-item-success-btn-active-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-success:active ax-text,ax-sliding-item ax-sliding-item-prefix.ax-success:active ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-success:active ax-text,ax-sliding-item ax-sliding-item-suffix.ax-success:active ax-icon{color:rgba(var(--ax-comp-sliding-item-success-btn-active-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-warning,ax-sliding-item ax-sliding-item-suffix.ax-warning{background-color:rgba(var(--ax-comp-sliding-item-warning-btn-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-warning ax-text,ax-sliding-item ax-sliding-item-prefix.ax-warning ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-warning ax-text,ax-sliding-item ax-sliding-item-suffix.ax-warning ax-icon{color:rgba(var(--ax-comp-sliding-item-warning-btn-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-warning:hover,ax-sliding-item ax-sliding-item-suffix.ax-warning:hover{background-color:rgba(var(--ax-comp-sliding-item-warning-btn-hover-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-warning:hover ax-text,ax-sliding-item ax-sliding-item-prefix.ax-warning:hover ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-warning:hover ax-text,ax-sliding-item ax-sliding-item-suffix.ax-warning:hover ax-icon{color:rgba(var(--ax-comp-sliding-item-warning-btn-hover-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-warning:active,ax-sliding-item ax-sliding-item-suffix.ax-warning:active{background-color:rgba(var(--ax-comp-sliding-item-warning-btn-active-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-warning:active ax-text,ax-sliding-item ax-sliding-item-prefix.ax-warning:active ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-warning:active ax-text,ax-sliding-item ax-sliding-item-suffix.ax-warning:active ax-icon{color:rgba(var(--ax-comp-sliding-item-warning-btn-active-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-danger,ax-sliding-item ax-sliding-item-suffix.ax-danger{background-color:rgba(var(--ax-comp-sliding-item-danger-btn-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-danger ax-text,ax-sliding-item ax-sliding-item-prefix.ax-danger ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-danger ax-text,ax-sliding-item ax-sliding-item-suffix.ax-danger ax-icon{color:rgba(var(--ax-comp-sliding-item-danger-btn-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-danger:hover,ax-sliding-item ax-sliding-item-suffix.ax-danger:hover{background-color:rgba(var(--ax-comp-sliding-item-danger-btn-hover-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-danger:hover ax-text,ax-sliding-item ax-sliding-item-prefix.ax-danger:hover ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-danger:hover ax-text,ax-sliding-item ax-sliding-item-suffix.ax-danger:hover ax-icon{color:rgba(var(--ax-comp-sliding-item-danger-btn-hover-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-danger:active,ax-sliding-item ax-sliding-item-suffix.ax-danger:active{background-color:rgba(var(--ax-comp-sliding-item-danger-btn-active-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-danger:active ax-text,ax-sliding-item ax-sliding-item-prefix.ax-danger:active ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-danger:active ax-text,ax-sliding-item ax-sliding-item-suffix.ax-danger:active ax-icon{color:rgba(var(--ax-comp-sliding-item-danger-btn-active-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent1,ax-sliding-item ax-sliding-item-suffix.ax-accent1{background-color:rgba(var(--ax-comp-sliding-item-accent1-btn-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent1 ax-text,ax-sliding-item ax-sliding-item-prefix.ax-accent1 ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-accent1 ax-text,ax-sliding-item ax-sliding-item-suffix.ax-accent1 ax-icon{color:rgba(var(--ax-comp-sliding-item-accent1-btn-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent1:hover,ax-sliding-item ax-sliding-item-suffix.ax-accent1:hover{background-color:rgba(var(--ax-comp-sliding-item-accent1-btn-hover-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent1:hover ax-text,ax-sliding-item ax-sliding-item-prefix.ax-accent1:hover ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-accent1:hover ax-text,ax-sliding-item ax-sliding-item-suffix.ax-accent1:hover ax-icon{color:rgba(var(--ax-comp-sliding-item-accent1-btn-hover-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent1:active,ax-sliding-item ax-sliding-item-suffix.ax-accent1:active{background-color:rgba(var(--ax-comp-sliding-item-accent1-btn-active-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent1:active ax-text,ax-sliding-item ax-sliding-item-prefix.ax-accent1:active ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-accent1:active ax-text,ax-sliding-item ax-sliding-item-suffix.ax-accent1:active ax-icon{color:rgba(var(--ax-comp-sliding-item-accent1-btn-active-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent2,ax-sliding-item ax-sliding-item-suffix.ax-accent2{background-color:rgba(var(--ax-comp-sliding-item-accent2-btn-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent2 ax-text,ax-sliding-item ax-sliding-item-prefix.ax-accent2 ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-accent2 ax-text,ax-sliding-item ax-sliding-item-suffix.ax-accent2 ax-icon{color:rgba(var(--ax-comp-sliding-item-accent2-btn-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent2:hover,ax-sliding-item ax-sliding-item-suffix.ax-accent2:hover{background-color:rgba(var(--ax-comp-sliding-item-accent2-btn-hover-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent2:hover ax-text,ax-sliding-item ax-sliding-item-prefix.ax-accent2:hover ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-accent2:hover ax-text,ax-sliding-item ax-sliding-item-suffix.ax-accent2:hover ax-icon{color:rgba(var(--ax-comp-sliding-item-accent2-btn-hover-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent2:active,ax-sliding-item ax-sliding-item-suffix.ax-accent2:active{background-color:rgba(var(--ax-comp-sliding-item-accent2-btn-active-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent2:active ax-text,ax-sliding-item ax-sliding-item-prefix.ax-accent2:active ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-accent2:active ax-text,ax-sliding-item ax-sliding-item-suffix.ax-accent2:active ax-icon{color:rgba(var(--ax-comp-sliding-item-accent2-btn-active-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent3,ax-sliding-item ax-sliding-item-suffix.ax-accent3{background-color:rgba(var(--ax-comp-sliding-item-accent3-btn-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent3 ax-text,ax-sliding-item ax-sliding-item-prefix.ax-accent3 ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-accent3 ax-text,ax-sliding-item ax-sliding-item-suffix.ax-accent3 ax-icon{color:rgba(var(--ax-comp-sliding-item-accent3-btn-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent3:hover,ax-sliding-item ax-sliding-item-suffix.ax-accent3:hover{background-color:rgba(var(--ax-comp-sliding-item-accent3-btn-hover-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent3:hover ax-text,ax-sliding-item ax-sliding-item-prefix.ax-accent3:hover ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-accent3:hover ax-text,ax-sliding-item ax-sliding-item-suffix.ax-accent3:hover ax-icon{color:rgba(var(--ax-comp-sliding-item-accent3-btn-hover-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent3:active,ax-sliding-item ax-sliding-item-suffix.ax-accent3:active{background-color:rgba(var(--ax-comp-sliding-item-accent3-btn-active-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent3:active ax-text,ax-sliding-item ax-sliding-item-prefix.ax-accent3:active ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-accent3:active ax-text,ax-sliding-item ax-sliding-item-suffix.ax-accent3:active ax-icon{color:rgba(var(--ax-comp-sliding-item-accent3-btn-active-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent4,ax-sliding-item ax-sliding-item-suffix.ax-accent4{background-color:rgba(var(--ax-comp-sliding-item-accent4-btn-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent4 ax-text,ax-sliding-item ax-sliding-item-prefix.ax-accent4 ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-accent4 ax-text,ax-sliding-item ax-sliding-item-suffix.ax-accent4 ax-icon{color:rgba(var(--ax-comp-sliding-item-accent4-btn-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent4:hover,ax-sliding-item ax-sliding-item-suffix.ax-accent4:hover{background-color:rgba(var(--ax-comp-sliding-item-accent4-btn-hover-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent4:hover ax-text,ax-sliding-item ax-sliding-item-prefix.ax-accent4:hover ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-accent4:hover ax-text,ax-sliding-item ax-sliding-item-suffix.ax-accent4:hover ax-icon{color:rgba(var(--ax-comp-sliding-item-accent4-btn-hover-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent4:active,ax-sliding-item ax-sliding-item-suffix.ax-accent4:active{background-color:rgba(var(--ax-comp-sliding-item-accent4-btn-active-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent4:active ax-text,ax-sliding-item ax-sliding-item-prefix.ax-accent4:active ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-accent4:active ax-text,ax-sliding-item ax-sliding-item-suffix.ax-accent4:active ax-icon{color:rgba(var(--ax-comp-sliding-item-accent4-btn-active-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent5,ax-sliding-item ax-sliding-item-suffix.ax-accent5{background-color:rgba(var(--ax-comp-sliding-item-accent5-btn-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent5 ax-text,ax-sliding-item ax-sliding-item-prefix.ax-accent5 ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-accent5 ax-text,ax-sliding-item ax-sliding-item-suffix.ax-accent5 ax-icon{color:rgba(var(--ax-comp-sliding-item-accent5-btn-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent5:hover,ax-sliding-item ax-sliding-item-suffix.ax-accent5:hover{background-color:rgba(var(--ax-comp-sliding-item-accent5-btn-hover-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent5:hover ax-text,ax-sliding-item ax-sliding-item-prefix.ax-accent5:hover ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-accent5:hover ax-text,ax-sliding-item ax-sliding-item-suffix.ax-accent5:hover ax-icon{color:rgba(var(--ax-comp-sliding-item-accent5-btn-hover-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent5:active,ax-sliding-item ax-sliding-item-suffix.ax-accent5:active{background-color:rgba(var(--ax-comp-sliding-item-accent5-btn-active-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent5:active ax-text,ax-sliding-item ax-sliding-item-prefix.ax-accent5:active ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-accent5:active ax-text,ax-sliding-item ax-sliding-item-suffix.ax-accent5:active ax-icon{color:rgba(var(--ax-comp-sliding-item-accent5-btn-active-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent6,ax-sliding-item ax-sliding-item-suffix.ax-accent6{background-color:rgba(var(--ax-comp-sliding-item-accent6-btn-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent6 ax-text,ax-sliding-item ax-sliding-item-prefix.ax-accent6 ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-accent6 ax-text,ax-sliding-item ax-sliding-item-suffix.ax-accent6 ax-icon{color:rgba(var(--ax-comp-sliding-item-accent6-btn-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent6:hover,ax-sliding-item ax-sliding-item-suffix.ax-accent6:hover{background-color:rgba(var(--ax-comp-sliding-item-accent6-btn-hover-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent6:hover ax-text,ax-sliding-item ax-sliding-item-prefix.ax-accent6:hover ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-accent6:hover ax-text,ax-sliding-item ax-sliding-item-suffix.ax-accent6:hover ax-icon{color:rgba(var(--ax-comp-sliding-item-accent6-btn-hover-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent6:active,ax-sliding-item ax-sliding-item-suffix.ax-accent6:active{background-color:rgba(var(--ax-comp-sliding-item-accent6-btn-active-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent6:active ax-text,ax-sliding-item ax-sliding-item-prefix.ax-accent6:active ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-accent6:active ax-text,ax-sliding-item ax-sliding-item-suffix.ax-accent6:active ax-icon{color:rgba(var(--ax-comp-sliding-item-accent6-btn-active-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent7,ax-sliding-item ax-sliding-item-suffix.ax-accent7{background-color:rgba(var(--ax-comp-sliding-item-accent7-btn-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent7 ax-text,ax-sliding-item ax-sliding-item-prefix.ax-accent7 ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-accent7 ax-text,ax-sliding-item ax-sliding-item-suffix.ax-accent7 ax-icon{color:rgba(var(--ax-comp-sliding-item-accent7-btn-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent7:hover,ax-sliding-item ax-sliding-item-suffix.ax-accent7:hover{background-color:rgba(var(--ax-comp-sliding-item-accent7-btn-hover-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent7:hover ax-text,ax-sliding-item ax-sliding-item-prefix.ax-accent7:hover ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-accent7:hover ax-text,ax-sliding-item ax-sliding-item-suffix.ax-accent7:hover ax-icon{color:rgba(var(--ax-comp-sliding-item-accent7-btn-hover-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent7:active,ax-sliding-item ax-sliding-item-suffix.ax-accent7:active{background-color:rgba(var(--ax-comp-sliding-item-accent7-btn-active-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-accent7:active ax-text,ax-sliding-item ax-sliding-item-prefix.ax-accent7:active ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-accent7:active ax-text,ax-sliding-item ax-sliding-item-suffix.ax-accent7:active ax-icon{color:rgba(var(--ax-comp-sliding-item-accent7-btn-active-text-color))}\n"] }]
        }] });

const COMPONENT = [AXSlidingItemComponent, AXSlidingItemPrefixComponent, AXSlidingItemSuffixComponent];
const MODULES = [AXDecoratorModule];
class AXSlidingItemModule {
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXSlidingItemModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.3", ngImport: i0, type: AXSlidingItemModule, imports: [AXDecoratorModule, AXSlidingItemComponent, AXSlidingItemPrefixComponent, AXSlidingItemSuffixComponent], exports: [AXSlidingItemComponent, AXSlidingItemPrefixComponent, AXSlidingItemSuffixComponent] }); }
    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXSlidingItemModule, imports: [MODULES, AXSlidingItemPrefixComponent, AXSlidingItemSuffixComponent] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXSlidingItemModule, decorators: [{
            type: NgModule,
            args: [{
                    imports: [...MODULES, ...COMPONENT],
                    exports: [...COMPONENT],
                    providers: [],
                }]
        }] });

/**
 * Generated bundle index. Do not edit.
 */

export { AXSlidingItemComponent, AXSlidingItemModule, AXSlidingItemPrefixComponent, AXSlidingItemSuffixComponent };
//# sourceMappingURL=acorex-components-sliding-item.mjs.map
