npm - @acorex/components - Versions diffs - 19.15.0-next.24 → 19.15.0-next.26 - Mend

@acorex/components 19.15.0-next.24 → 19.15.0-next.26

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

Files changed (163) hide show

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

@@ -16,10 +16,10 @@ class AXSlidingItemPrefixComponent {
     _onclick() {
         this.onClick.emit({ component: this });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.13", ngImport: i0, type: AXSlidingItemPrefixComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.13", 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: "19.2.14", ngImport: i0, type: AXSlidingItemPrefixComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.14", 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: "19.2.13", ngImport: i0, type: AXSlidingItemPrefixComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", 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: "19.2.13", ngImport: i0, type: AXSlidingItemSuffixComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.13", 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: "19.2.14", ngImport: i0, type: AXSlidingItemSuffixComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.14", 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: "19.2.13", ngImport: i0, type: AXSlidingItemSuffixComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", 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: "19.2.13", ngImport: i0, type: AXSlidingItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.13", 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-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))}\n"], dependencies: [{ kind: "directive", type: AXSlidingItemDirective, selector: "[axSlidingItem]" }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: AXSlidingItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.14", 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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.13", ngImport: i0, type: AXSlidingItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", 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-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))}\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-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"] }]
         }] });
 const COMPONENT = [AXSlidingItemComponent, AXSlidingItemPrefixComponent, AXSlidingItemSuffixComponent];
 const MODULES = [AXSlidingItemDirectiveModule, AXDecoratorModule];
 class AXSlidingItemModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.13", ngImport: i0, type: AXSlidingItemModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.13", ngImport: i0, type: AXSlidingItemModule, imports: [AXSlidingItemDirectiveModule, AXDecoratorModule, AXSlidingItemComponent, AXSlidingItemPrefixComponent, AXSlidingItemSuffixComponent], exports: [AXSlidingItemComponent, AXSlidingItemPrefixComponent, AXSlidingItemSuffixComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.13", ngImport: i0, type: AXSlidingItemModule, imports: [MODULES, AXSlidingItemPrefixComponent, AXSlidingItemSuffixComponent] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: AXSlidingItemModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.14", ngImport: i0, type: AXSlidingItemModule, imports: [AXSlidingItemDirectiveModule, AXDecoratorModule, AXSlidingItemComponent, AXSlidingItemPrefixComponent, AXSlidingItemSuffixComponent], exports: [AXSlidingItemComponent, AXSlidingItemPrefixComponent, AXSlidingItemSuffixComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: AXSlidingItemModule, imports: [MODULES, AXSlidingItemPrefixComponent, AXSlidingItemSuffixComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.13", ngImport: i0, type: AXSlidingItemModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: AXSlidingItemModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [...MODULES, ...COMPONENT],

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

	@@ -1 +1 @@
1	- {"version":3,"file":"acorex-components-sliding-item.mjs","sources":["../../../../packages/components/sliding-item/src/lib/sliding-item-prefix/sliding-item-prefix.component.ts","../../../../packages/components/sliding-item/src/lib/sliding-item-prefix/sliding-item-prefix.component.html","../../../../packages/components/sliding-item/src/lib/sliding-item-suffix/sliding-item-suffix.component.ts","../../../../packages/components/sliding-item/src/lib/sliding-item-suffix/sliding-item-suffix.component.html","../../../../packages/components/sliding-item/src/lib/sliding-item/sliding-item.component.ts","../../../../packages/components/sliding-item/src/lib/sliding-item/sliding-item.component.html","../../../../packages/components/sliding-item/src/lib/sliding-item.module.ts","../../../../packages/components/sliding-item/src/acorex-components-sliding-item.ts"],"sourcesContent":["import { AXClickEvent, AXComponent, AXStyleColorType } from '@acorex/cdk/common';\nimport { AXDecoratorGenericComponent } from '@acorex/components/decorators';\nimport { Component, HostBinding, HostListener, input, output, ViewEncapsulation } from '@angular/core';\n\n@Component({\n selector: 'ax-sliding-item-prefix',\n templateUrl: './sliding-item-prefix.component.html',\n encapsulation: ViewEncapsulation.None,\n imports: [AXDecoratorGenericComponent],\n providers: [{ provide: AXComponent, useExisting: AXSlidingItemPrefixComponent }],\n})\nexport class AXSlidingItemPrefixComponent {\n color = input<AXStyleColorType>();\n text = input<string \| number>();\n onClick = output<AXClickEvent>();\n\n @HostBinding('class')\n private get __hostClass(): string {\n return `ax-${this.color()}`;\n }\n\n @HostListener('click') _onclick() {\n this.onClick.emit({ component: this });\n }\n}\n","<ng-content #select=\"ax-icon\"></ng-content>\n<ax-text>{{ text() }}</ax-text>\n","import { AXClickEvent, AXComponent, AXStyleColorType } from '@acorex/cdk/common';\nimport { AXDecoratorGenericComponent } from '@acorex/components/decorators';\nimport { Component, HostBinding, HostListener, input, output, ViewEncapsulation } from '@angular/core';\n\n@Component({\n selector: 'ax-sliding-item-suffix',\n templateUrl: './sliding-item-suffix.component.html',\n encapsulation: ViewEncapsulation.None,\n imports: [AXDecoratorGenericComponent],\n providers: [{ provide: AXComponent, useExisting: AXSlidingItemSuffixComponent }],\n})\nexport class AXSlidingItemSuffixComponent {\n color = input<AXStyleColorType>();\n text = input<string \| number>();\n onClick = output<AXClickEvent>();\n\n @HostBinding('class')\n private get __hostClass(): string {\n return `ax-${this.color()}`;\n }\n\n @HostListener('click') _onclick() {\n this.onClick.emit({ component: this });\n }\n}\n","<ng-content #select=\"ax-icon\"></ng-content>\n<ax-text>{{ text() }}</ax-text>\n","import { AXComponent } from '@acorex/cdk/common';\nimport { AXSlidingItemDirective } from '@acorex/cdk/sliding-item';\nimport {\n afterNextRender,\n Component,\n contentChildren,\n effect,\n ElementRef,\n signal,\n viewChild,\n ViewEncapsulation,\n} from '@angular/core';\nimport { AXSlidingItemPrefixComponent } from '../sliding-item-prefix/sliding-item-prefix.component';\nimport { AXSlidingItemSuffixComponent } from '../sliding-item-suffix/sliding-item-suffix.component';\n\n@Component({\n selector: 'ax-sliding-item',\n templateUrl: './sliding-item.component.html',\n styleUrl: 'sliding-item.component.scss',\n encapsulation: ViewEncapsulation.None,\n imports: [AXSlidingItemDirective],\n providers: [{ provide: AXComponent, useExisting: AXSlidingItemComponent }],\n})\nexport class AXSlidingItemComponent {\n protected slidingItem = viewChild(AXSlidingItemDirective);\n protected itemPrefix = contentChildren(AXSlidingItemPrefixComponent, { read: ElementRef });\n protected itemSuffix = contentChildren(AXSlidingItemSuffixComponent, { read: ElementRef });\n\n protected stopArrayPrefix = signal<number[]>([]);\n protected stopArraySuffix = signal<number[]>([]);\n\n #effect = effect(() => {\n if (this.slidingItem().currentX() > 0) return;\n\n this.stopArraySuffix().forEach((item, index) => {\n if (this.slidingItem().currentX() < item) {\n this.slidingItem().stopPoint.set(item);\n } else if (this.slidingItem().currentX() > item && index === 0) {\n this.slidingItem().stopPoint.set(0);\n }\n });\n });\n\n #effect2 = effect(() => {\n if (this.slidingItem().currentX() < 0) return;\n\n this.stopArrayPrefix().forEach((item, index) => {\n if (this.slidingItem().currentX() > item) {\n this.slidingItem().stopPoint.set(item);\n } else if (this.slidingItem().currentX() < item && index === 0) {\n this.slidingItem().stopPoint.set(0);\n }\n });\n });\n\n #init = afterNextRender(() => {\n setTimeout(() => {\n if (!this.itemPrefix().length) {\n this.slidingItem().disableSlidingRight.set(true);\n return;\n }\n\n this.itemPrefix().forEach((item) => {\n const itemElem = item.nativeElement as HTMLElement;\n\n this.stopArrayPrefix.update((prev) => {\n const prevCopy = [...prev];\n if (prevCopy[prevCopy.length - 1]) {\n prevCopy.push(itemElem.getClientRects()[0].width + prevCopy[prevCopy.length - 1]);\n } else {\n prevCopy.push(itemElem.getClientRects()[0].width);\n }\n return prevCopy;\n });\n });\n });\n\n setTimeout(() => {\n if (!this.itemSuffix().length) {\n this.slidingItem().disableSlidingLeft.set(true);\n return;\n }\n\n this.itemSuffix().forEach((item) => {\n const itemElem = item.nativeElement as HTMLElement;\n\n this.stopArraySuffix.update((prev) => {\n const prevCopy = [...prev];\n\n if (prevCopy[prevCopy.length - 1]) {\n prevCopy.push(-itemElem.getClientRects()[0].width + prevCopy[prevCopy.length - 1]);\n } else {\n prevCopy.push(-itemElem.getClientRects()[0].width);\n }\n return prevCopy;\n });\n });\n });\n });\n}\n","<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","import { AXSlidingItemDirectiveModule } from '@acorex/cdk/sliding-item';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { NgModule } from '@angular/core';\nimport { AXSlidingItemPrefixComponent } from './sliding-item-prefix/sliding-item-prefix.component';\nimport { AXSlidingItemSuffixComponent } from './sliding-item-suffix/sliding-item-suffix.component';\nimport { AXSlidingItemComponent } from './sliding-item/sliding-item.component';\n\nconst COMPONENT = [AXSlidingItemComponent, AXSlidingItemPrefixComponent, AXSlidingItemSuffixComponent];\n\nconst MODULES = [AXSlidingItemDirectiveModule, AXDecoratorModule];\n\n@NgModule({\n imports: [...MODULES, ...COMPONENT],\n exports: [...COMPONENT],\n providers: [],\n})\nexport class AXSlidingItemModule {}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;MAWa,4BAA4B,CAAA;AAPzC,IAAA,WAAA,GAAA;QAQE,IAAK,CAAA,KAAA,GAAG,KAAK,EAAoB;QACjC,IAAI,CAAA,IAAA,GAAG,KAAK,EAAmB;QAC/B,IAAO,CAAA,OAAA,GAAG,MAAM,EAAgB;AAUjC;AARC,IAAA,IACY,WAAW,GAAA;AACrB,QAAA,OAAO,MAAM,IAAI,CAAC,KAAK,EAAE,EAAE;;IAGN,QAAQ,GAAA;QAC7B,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;;+GAX7B,4BAA4B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA5B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,4BAA4B,EAF5B,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,wBAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,OAAA,EAAA,YAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,kBAAA,EAAA,EAAA,EAAA,SAAA,EAAA,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,4BAA4B,EAAE,CAAC,ECTlF,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,kFAEA,4CDMY,2BAA2B,EAAA,QAAA,EAAA,8IAAA,EAAA,CAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;4FAG1B,4BAA4B,EAAA,UAAA,EAAA,CAAA;kBAPxC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,wBAAwB,iBAEnB,iBAAiB,CAAC,IAAI,EAC5B,OAAA,EAAA,CAAC,2BAA2B,CAAC,EAAA,SAAA,EAC3B,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAA,4BAA8B,EAAE,CAAC,EAAA,QAAA,EAAA,kFAAA,EAAA;8BAQpE,WAAW,EAAA,CAAA;sBADtB,WAAW;uBAAC,OAAO;gBAKG,QAAQ,EAAA,CAAA;sBAA9B,YAAY;uBAAC,OAAO;;;MEVV,4BAA4B,CAAA;AAPzC,IAAA,WAAA,GAAA;QAQE,IAAK,CAAA,KAAA,GAAG,KAAK,EAAoB;QACjC,IAAI,CAAA,IAAA,GAAG,KAAK,EAAmB;QAC/B,IAAO,CAAA,OAAA,GAAG,MAAM,EAAgB;AAUjC;AARC,IAAA,IACY,WAAW,GAAA;AACrB,QAAA,OAAO,MAAM,IAAI,CAAC,KAAK,EAAE,EAAE;;IAGN,QAAQ,GAAA;QAC7B,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;;+GAX7B,4BAA4B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA5B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,4BAA4B,EAF5B,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,wBAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,OAAA,EAAA,YAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,kBAAA,EAAA,EAAA,EAAA,SAAA,EAAA,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,4BAA4B,EAAE,CAAC,ECTlF,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,kFAEA,4CDMY,2BAA2B,EAAA,QAAA,EAAA,8IAAA,EAAA,CAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;4FAG1B,4BAA4B,EAAA,UAAA,EAAA,CAAA;kBAPxC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,wBAAwB,iBAEnB,iBAAiB,CAAC,IAAI,EAC5B,OAAA,EAAA,CAAC,2BAA2B,CAAC,EAAA,SAAA,EAC3B,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAA,4BAA8B,EAAE,CAAC,EAAA,QAAA,EAAA,kFAAA,EAAA;8BAQpE,WAAW,EAAA,CAAA;sBADtB,WAAW;uBAAC,OAAO;gBAKG,QAAQ,EAAA,CAAA;sBAA9B,YAAY;uBAAC,OAAO;;;MEEV,sBAAsB,CAAA;AARnC,IAAA,WAAA,GAAA;AASY,QAAA,IAAA,CAAA,WAAW,GAAG,SAAS,CAAC,sBAAsB,CAAC;QAC/C,IAAU,CAAA,UAAA,GAAG,eAAe,CAAC,4BAA4B,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC;QAChF,IAAU,CAAA,UAAA,GAAG,eAAe,CAAC,4BAA4B,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC;AAEhF,QAAA,IAAA,CAAA,eAAe,GAAG,MAAM,CAAW,EAAE,CAAC;AACtC,QAAA,IAAA,CAAA,eAAe,GAAG,MAAM,CAAW,EAAE,CAAC;AAEhD,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAAC,MAAK;YACpB,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC,QAAQ,EAAE,GAAG,CAAC;gBAAE;YAEvC,IAAI,CAAC,eAAe,EAAE,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,KAAK,KAAI;gBAC7C,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC,QAAQ,EAAE,GAAG,IAAI,EAAE;oBACxC,IAAI,CAAC,WAAW,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC;;AACjC,qBAAA,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC,QAAQ,EAAE,GAAG,IAAI,IAAI,KAAK,KAAK,CAAC,EAAE;oBAC9D,IAAI,CAAC,WAAW,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC;;AAEvC,aAAC,CAAC;AACJ,SAAC,CAAC;AAEF,QAAA,IAAA,CAAA,QAAQ,GAAG,MAAM,CAAC,MAAK;YACrB,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC,QAAQ,EAAE,GAAG,CAAC;gBAAE;YAEvC,IAAI,CAAC,eAAe,EAAE,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,KAAK,KAAI;gBAC7C,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC,QAAQ,EAAE,GAAG,IAAI,EAAE;oBACxC,IAAI,CAAC,WAAW,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC;;AACjC,qBAAA,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC,QAAQ,EAAE,GAAG,IAAI,IAAI,KAAK,KAAK,CAAC,EAAE;oBAC9D,IAAI,CAAC,WAAW,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC;;AAEvC,aAAC,CAAC;AACJ,SAAC,CAAC;AAEF,QAAA,IAAA,CAAA,KAAK,GAAG,eAAe,CAAC,MAAK;YAC3B,UAAU,CAAC,MAAK;gBACd,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC,MAAM,EAAE;oBAC7B,IAAI,CAAC,WAAW,EAAE,CAAC,mBAAmB,CAAC,GAAG,CAAC,IAAI,CAAC;oBAChD;;gBAGF,IAAI,CAAC,UAAU,EAAE,CAAC,OAAO,CAAC,CAAC,IAAI,KAAI;AACjC,oBAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,aAA4B;oBAElD,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC,IAAI,KAAI;AACnC,wBAAA,MAAM,QAAQ,GAAG,CAAC,GAAG,IAAI,CAAC;wBAC1B,IAAI,QAAQ,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,EAAE;4BACjC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,QAAQ,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;;6BAC5E;AACL,4BAAA,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;;AAEnD,wBAAA,OAAO,QAAQ;AACjB,qBAAC,CAAC;AACJ,iBAAC,CAAC;AACJ,aAAC,CAAC;YAEF,UAAU,CAAC,MAAK;gBACd,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC,MAAM,EAAE;oBAC7B,IAAI,CAAC,WAAW,EAAE,CAAC,kBAAkB,CAAC,GAAG,CAAC,IAAI,CAAC;oBAC/C;;gBAGF,IAAI,CAAC,UAAU,EAAE,CAAC,OAAO,CAAC,CAAC,IAAI,KAAI;AACjC,oBAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,aAA4B;oBAElD,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC,IAAI,KAAI;AACnC,wBAAA,MAAM,QAAQ,GAAG,CAAC,GAAG,IAAI,CAAC;wBAE1B,IAAI,QAAQ,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,EAAE;4BACjC,QAAQ,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,QAAQ,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;;6BAC7E;AACL,4BAAA,QAAQ,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;;AAEpD,wBAAA,OAAO,QAAQ;AACjB,qBAAC,CAAC;AACJ,iBAAC,CAAC;AACJ,aAAC,CAAC;AACJ,SAAC,CAAC;AACH;AApEC,IAAA,OAAO;AAYP,IAAA,QAAQ;AAYR,IAAA,KAAK;+GAhCM,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAAtB,sBAAsB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,SAAA,EAFtB,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,sBAAsB,EAAE,CAAC,qDAInC,4BAA4B,EAAA,IAAA,EAAU,UAAU,EAAA,QAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,YAAA,EAAA,SAAA,EAChD,4BAA4B,EAAA,IAAA,EAAU,UAAU,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,aAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAFrD,sBAAsB,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECxB1D,mVAWA,EAAA,MAAA,EAAA,CAAA,26VAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDSY,sBAAsB,EAAA,QAAA,EAAA,iBAAA,EAAA,CAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;4FAGrB,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBARlC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,iBAAiB,iBAGZ,iBAAiB,CAAC,IAAI,EAC5B,OAAA,EAAA,CAAC,sBAAsB,CAAC,EAAA,SAAA,EACtB,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAA,sBAAwB,EAAE,CAAC,EAAA,QAAA,EAAA,mVAAA,EAAA,MAAA,EAAA,CAAA,26VAAA,CAAA,EAAA;;;AEd5E,MAAM,SAAS,GAAG,CAAC,sBAAsB,EAAE,4BAA4B,EAAE,4BAA4B,CAAC;AAEtG,MAAM,OAAO,GAAG,CAAC,4BAA4B,EAAE,iBAAiB,CAAC;MAOpD,mBAAmB,CAAA;+GAAnB,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAnB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,mBAAmB,EAPf,OAAA,EAAA,CAAA,4BAA4B,EAAE,iBAAiB,EAF7C,sBAAsB,EAAE,4BAA4B,EAAE,4BAA4B,CAAlF,EAAA,OAAA,EAAA,CAAA,sBAAsB,EAAE,4BAA4B,EAAE,4BAA4B,CAAA,EAAA,CAAA,CAAA;AASxF,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,mBAAmB,EAJjB,OAAA,EAAA,CAAA,OAAO,EALqB,4BAA4B,EAAE,4BAA4B,CAAA,EAAA,CAAA,CAAA;;4FASxF,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAL/B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,OAAO,EAAE,CAAC,GAAG,OAAO,EAAE,GAAG,SAAS,CAAC;AACnC,oBAAA,OAAO,EAAE,CAAC,GAAG,SAAS,CAAC;AACvB,oBAAA,SAAS,EAAE,EAAE;AACd,iBAAA;;;ACfD;;AAEG;;;;"}
1	+ {"version":3,"file":"acorex-components-sliding-item.mjs","sources":["../../../../packages/components/sliding-item/src/lib/sliding-item-prefix/sliding-item-prefix.component.ts","../../../../packages/components/sliding-item/src/lib/sliding-item-prefix/sliding-item-prefix.component.html","../../../../packages/components/sliding-item/src/lib/sliding-item-suffix/sliding-item-suffix.component.ts","../../../../packages/components/sliding-item/src/lib/sliding-item-suffix/sliding-item-suffix.component.html","../../../../packages/components/sliding-item/src/lib/sliding-item/sliding-item.component.ts","../../../../packages/components/sliding-item/src/lib/sliding-item/sliding-item.component.html","../../../../packages/components/sliding-item/src/lib/sliding-item.module.ts","../../../../packages/components/sliding-item/src/acorex-components-sliding-item.ts"],"sourcesContent":["import { AXClickEvent, AXComponent, AXStyleColorType } from '@acorex/cdk/common';\nimport { AXDecoratorGenericComponent } from '@acorex/components/decorators';\nimport { Component, HostBinding, HostListener, input, output, ViewEncapsulation } from '@angular/core';\n\n@Component({\n selector: 'ax-sliding-item-prefix',\n templateUrl: './sliding-item-prefix.component.html',\n encapsulation: ViewEncapsulation.None,\n imports: [AXDecoratorGenericComponent],\n providers: [{ provide: AXComponent, useExisting: AXSlidingItemPrefixComponent }],\n})\nexport class AXSlidingItemPrefixComponent {\n color = input<AXStyleColorType>();\n text = input<string \| number>();\n onClick = output<AXClickEvent>();\n\n @HostBinding('class')\n private get __hostClass(): string {\n return `ax-${this.color()}`;\n }\n\n @HostListener('click') _onclick() {\n this.onClick.emit({ component: this });\n }\n}\n","<ng-content #select=\"ax-icon\"></ng-content>\n<ax-text>{{ text() }}</ax-text>\n","import { AXClickEvent, AXComponent, AXStyleColorType } from '@acorex/cdk/common';\nimport { AXDecoratorGenericComponent } from '@acorex/components/decorators';\nimport { Component, HostBinding, HostListener, input, output, ViewEncapsulation } from '@angular/core';\n\n@Component({\n selector: 'ax-sliding-item-suffix',\n templateUrl: './sliding-item-suffix.component.html',\n encapsulation: ViewEncapsulation.None,\n imports: [AXDecoratorGenericComponent],\n providers: [{ provide: AXComponent, useExisting: AXSlidingItemSuffixComponent }],\n})\nexport class AXSlidingItemSuffixComponent {\n color = input<AXStyleColorType>();\n text = input<string \| number>();\n onClick = output<AXClickEvent>();\n\n @HostBinding('class')\n private get __hostClass(): string {\n return `ax-${this.color()}`;\n }\n\n @HostListener('click') _onclick() {\n this.onClick.emit({ component: this });\n }\n}\n","<ng-content #select=\"ax-icon\"></ng-content>\n<ax-text>{{ text() }}</ax-text>\n","import { AXComponent } from '@acorex/cdk/common';\nimport { AXSlidingItemDirective } from '@acorex/cdk/sliding-item';\nimport {\n afterNextRender,\n Component,\n contentChildren,\n effect,\n ElementRef,\n signal,\n viewChild,\n ViewEncapsulation,\n} from '@angular/core';\nimport { AXSlidingItemPrefixComponent } from '../sliding-item-prefix/sliding-item-prefix.component';\nimport { AXSlidingItemSuffixComponent } from '../sliding-item-suffix/sliding-item-suffix.component';\n\n@Component({\n selector: 'ax-sliding-item',\n templateUrl: './sliding-item.component.html',\n styleUrl: 'sliding-item.component.scss',\n encapsulation: ViewEncapsulation.None,\n imports: [AXSlidingItemDirective],\n providers: [{ provide: AXComponent, useExisting: AXSlidingItemComponent }],\n})\nexport class AXSlidingItemComponent {\n protected slidingItem = viewChild(AXSlidingItemDirective);\n protected itemPrefix = contentChildren(AXSlidingItemPrefixComponent, { read: ElementRef });\n protected itemSuffix = contentChildren(AXSlidingItemSuffixComponent, { read: ElementRef });\n\n protected stopArrayPrefix = signal<number[]>([]);\n protected stopArraySuffix = signal<number[]>([]);\n\n #effect = effect(() => {\n if (this.slidingItem().currentX() > 0) return;\n\n this.stopArraySuffix().forEach((item, index) => {\n if (this.slidingItem().currentX() < item) {\n this.slidingItem().stopPoint.set(item);\n } else if (this.slidingItem().currentX() > item && index === 0) {\n this.slidingItem().stopPoint.set(0);\n }\n });\n });\n\n #effect2 = effect(() => {\n if (this.slidingItem().currentX() < 0) return;\n\n this.stopArrayPrefix().forEach((item, index) => {\n if (this.slidingItem().currentX() > item) {\n this.slidingItem().stopPoint.set(item);\n } else if (this.slidingItem().currentX() < item && index === 0) {\n this.slidingItem().stopPoint.set(0);\n }\n });\n });\n\n #init = afterNextRender(() => {\n setTimeout(() => {\n if (!this.itemPrefix().length) {\n this.slidingItem().disableSlidingRight.set(true);\n return;\n }\n\n this.itemPrefix().forEach((item) => {\n const itemElem = item.nativeElement as HTMLElement;\n\n this.stopArrayPrefix.update((prev) => {\n const prevCopy = [...prev];\n if (prevCopy[prevCopy.length - 1]) {\n prevCopy.push(itemElem.getClientRects()[0].width + prevCopy[prevCopy.length - 1]);\n } else {\n prevCopy.push(itemElem.getClientRects()[0].width);\n }\n return prevCopy;\n });\n });\n });\n\n setTimeout(() => {\n if (!this.itemSuffix().length) {\n this.slidingItem().disableSlidingLeft.set(true);\n return;\n }\n\n this.itemSuffix().forEach((item) => {\n const itemElem = item.nativeElement as HTMLElement;\n\n this.stopArraySuffix.update((prev) => {\n const prevCopy = [...prev];\n\n if (prevCopy[prevCopy.length - 1]) {\n prevCopy.push(-itemElem.getClientRects()[0].width + prevCopy[prevCopy.length - 1]);\n } else {\n prevCopy.push(-itemElem.getClientRects()[0].width);\n }\n return prevCopy;\n });\n });\n });\n });\n}\n","<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","import { AXSlidingItemDirectiveModule } from '@acorex/cdk/sliding-item';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { NgModule } from '@angular/core';\nimport { AXSlidingItemPrefixComponent } from './sliding-item-prefix/sliding-item-prefix.component';\nimport { AXSlidingItemSuffixComponent } from './sliding-item-suffix/sliding-item-suffix.component';\nimport { AXSlidingItemComponent } from './sliding-item/sliding-item.component';\n\nconst COMPONENT = [AXSlidingItemComponent, AXSlidingItemPrefixComponent, AXSlidingItemSuffixComponent];\n\nconst MODULES = [AXSlidingItemDirectiveModule, AXDecoratorModule];\n\n@NgModule({\n imports: [...MODULES, ...COMPONENT],\n exports: [...COMPONENT],\n providers: [],\n})\nexport class AXSlidingItemModule {}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}