@acorex/components 19.9.0 → 19.10.0-next.0

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

@@ -0,0 +1,153 @@
+import * as i0 from '@angular/core';
+import { input, output, HostListener, HostBinding, ViewEncapsulation, Component, viewChild, contentChildren, ElementRef, signal, effect, afterNextRender, NgModule } from '@angular/core';
+import * as i1 from '@acorex/components/decorators';
+import { AXDecoratorModule } from '@acorex/components/decorators';
+import * as i1$1 from '@acorex/cdk/sliding-item';
+import { AXSlidingItemDirective, AXSlidingItemDirectiveModule } from '@acorex/cdk/sliding-item';
+
+class AXSlidingItemPrefixComponent {
+    constructor() {
+        this.color = input();
+        this.text = input();
+        this.onClick = output();
+    }
+    get __hostClass() {
+        return `ax-${this.color()}`;
+    }
+    _onclick() {
+        this.onClick.emit({ component: this });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXSlidingItemPrefixComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.0.3", type: AXSlidingItemPrefixComponent, isStandalone: false, 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" } }, ngImport: i0, template: "<ng-content #select=\"ax-icon\"></ng-content>\n<ax-text>{{ text() }}</ax-text>\n", styles: [""], dependencies: [{ kind: "component", type: i1.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.0.3", ngImport: i0, type: AXSlidingItemPrefixComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ax-sliding-item-prefix', standalone: false, encapsulation: ViewEncapsulation.None, template: "<ng-content #select=\"ax-icon\"></ng-content>\n<ax-text>{{ text() }}</ax-text>\n" }]
+        }], propDecorators: { __hostClass: [{
+                type: HostBinding,
+                args: ['class']
+            }], _onclick: [{
+                type: HostListener,
+                args: ['click']
+            }] } });
+
+class AXSlidingItemSuffixComponent {
+    constructor() {
+        this.color = input();
+        this.text = input();
+        this.onClick = output();
+    }
+    get __hostClass() {
+        return `ax-${this.color()}`;
+    }
+    _onclick() {
+        this.onClick.emit({ component: this });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXSlidingItemSuffixComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.0.3", type: AXSlidingItemSuffixComponent, isStandalone: false, 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" } }, ngImport: i0, template: "<ng-content #select=\"ax-icon\"></ng-content>\n<ax-text>{{ text() }}</ax-text>\n", styles: [""], dependencies: [{ kind: "component", type: i1.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.0.3", ngImport: i0, type: AXSlidingItemSuffixComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ax-sliding-item-suffix', standalone: false, encapsulation: ViewEncapsulation.None, template: "<ng-content #select=\"ax-icon\"></ng-content>\n<ax-text>{{ text() }}</ax-text>\n" }]
+        }], propDecorators: { __hostClass: [{
+                type: HostBinding,
+                args: ['class']
+            }], _onclick: [{
+                type: HostListener,
+                args: ['click']
+            }] } });
+
+class AXSlidingItemComponent {
+    constructor() {
+        this.slidingItem = viewChild(AXSlidingItemDirective);
+        this.itemPrefix = contentChildren(AXSlidingItemPrefixComponent, { read: ElementRef });
+        this.itemSuffix = contentChildren(AXSlidingItemSuffixComponent, { read: ElementRef });
+        this.stopArrayPrefix = signal([]);
+        this.stopArraySuffix = signal([]);
+        this.#effect = effect(() => {
+            if (this.slidingItem().currentX() > 0)
+                return;
+            this.stopArraySuffix().forEach((item, index) => {
+                if (this.slidingItem().currentX() < item) {
+                    this.slidingItem().stopPoint.set(item);
+                }
+                else if (this.slidingItem().currentX() > item && index === 0) {
+                    this.slidingItem().stopPoint.set(0);
+                }
+            });
+        });
+        this.#effect2 = effect(() => {
+            if (this.slidingItem().currentX() < 0)
+                return;
+            this.stopArrayPrefix().forEach((item, index) => {
+                if (this.slidingItem().currentX() > item) {
+                    this.slidingItem().stopPoint.set(item);
+                }
+                else if (this.slidingItem().currentX() < item && index === 0) {
+                    this.slidingItem().stopPoint.set(0);
+                }
+            });
+        });
+        this.#init = afterNextRender(() => {
+            this.itemPrefix().forEach((item) => {
+                const itemElem = item.nativeElement;
+                this.stopArrayPrefix.update((prev) => {
+                    const prevCopy = [...prev];
+                    if (prevCopy[prevCopy.length - 1]) {
+                        prevCopy.push(itemElem.getClientRects()[0].width + prevCopy[prevCopy.length - 1]);
+                    }
+                    else {
+                        prevCopy.push(itemElem.getClientRects()[0].width);
+                    }
+                    return prevCopy;
+                });
+            });
+            this.itemSuffix().forEach((item) => {
+                const itemElem = item.nativeElement;
+                this.stopArraySuffix.update((prev) => {
+                    const prevCopy = [...prev];
+                    if (prevCopy[prevCopy.length - 1]) {
+                        prevCopy.push(-itemElem.getClientRects()[0].width + prevCopy[prevCopy.length - 1]);
+                    }
+                    else {
+                        prevCopy.push(-itemElem.getClientRects()[0].width);
+                    }
+                    return prevCopy;
+                });
+            });
+        });
+    }
+    #effect;
+    #effect2;
+    #init;
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXSlidingItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.0.3", type: AXSlidingItemComponent, isStandalone: false, selector: "ax-sliding-item", 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-surface);--ax-comp-sliding-item-content-text-color: var(--ax-sys-color-on-surface);--ax-comp-sliding-item-primary-btn-bg-color: var(--ax-sys-color-primary-500);--ax-comp-sliding-item-primary-btn-text-color: var(--ax-sys-color-on-primary);--ax-comp-sliding-item-primary-btn-active-bg-color: var(--ax-sys-color-primary-700);--ax-comp-sliding-item-primary-btn-active-text-color: var(--ax-sys-color-on-primary);--ax-comp-sliding-item-primary-btn-hover-bg-color: var(--ax-sys-color-primary-600);--ax-comp-sliding-item-primary-btn-hover-text-color: var(--ax-sys-color-contrast-primary);--ax-comp-sliding-item-secondary-btn-bg-color: var(--ax-sys-color-secondary-500);--ax-comp-sliding-item-secondary-btn-text-color: var(--ax-sys-color-on-secondary);--ax-comp-sliding-item-secondary-btn-active-bg-color: var(--ax-sys-color-secondary-700);--ax-comp-sliding-item-secondary-btn-active-text-color: var(--ax-sys-color-on-secondary);--ax-comp-sliding-item-secondary-btn-hover-bg-color: var(--ax-sys-color-secondary-600);--ax-comp-sliding-item-secondary-btn-hover-text-color: var(--ax-sys-color-contrast-secondary);--ax-comp-sliding-item-danger-btn-bg-color: var(--ax-sys-color-danger-500);--ax-comp-sliding-item-danger-btn-text-color: var(--ax-sys-color-on-danger);--ax-comp-sliding-item-danger-btn-active-bg-color: var(--ax-sys-color-danger-700);--ax-comp-sliding-item-danger-btn-active-text-color: var(--ax-sys-color-on-danger);--ax-comp-sliding-item-danger-btn-hover-bg-color: var(--ax-sys-color-danger-600);--ax-comp-sliding-item-danger-btn-hover-text-color: var(--ax-sys-color-contrast-danger);--ax-comp-sliding-item-warning-btn-bg-color: var(--ax-sys-color-warning-500);--ax-comp-sliding-item-warning-btn-text-color: var(--ax-sys-color-on-warning);--ax-comp-sliding-item-warning-btn-active-bg-color: var(--ax-sys-color-warning-700);--ax-comp-sliding-item-warning-btn-active-text-color: var(--ax-sys-color-on-warning);--ax-comp-sliding-item-warning-btn-hover-bg-color: var(--ax-sys-color-warning-600);--ax-comp-sliding-item-warning-btn-hover-text-color: var(--ax-sys-color-contrast-warning);--ax-comp-sliding-item-ghost-btn-bg-color: var(--ax-sys-color-ghost-500);--ax-comp-sliding-item-ghost-btn-text-color: var(--ax-sys-color-on-ghost);--ax-comp-sliding-item-ghost-btn-active-bg-color: var(--ax-sys-color-ghost-700);--ax-comp-sliding-item-ghost-btn-active-text-color: var(--ax-sys-color-on-ghost);--ax-comp-sliding-item-ghost-btn-hover-bg-color: var(--ax-sys-color-ghost-600);--ax-comp-sliding-item-ghost-btn-hover-text-color: var(--ax-sys-color-contrast-ghost)}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-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-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-ghost,ax-sliding-item ax-sliding-item-suffix.ax-ghost{background-color:rgba(var(--ax-comp-sliding-item-ghost-btn-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-ghost ax-text,ax-sliding-item ax-sliding-item-prefix.ax-ghost ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-ghost ax-text,ax-sliding-item ax-sliding-item-suffix.ax-ghost ax-icon{color:rgba(var(--ax-comp-sliding-item-ghost-btn-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-ghost:hover,ax-sliding-item ax-sliding-item-suffix.ax-ghost:hover{background-color:rgba(var(--ax-comp-sliding-item-ghost-btn-hover-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-ghost:hover ax-text,ax-sliding-item ax-sliding-item-prefix.ax-ghost:hover ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-ghost:hover ax-text,ax-sliding-item ax-sliding-item-suffix.ax-ghost:hover ax-icon{color:rgba(var(--ax-comp-sliding-item-ghost-btn-hover-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-ghost:active,ax-sliding-item ax-sliding-item-suffix.ax-ghost:active{background-color:rgba(var(--ax-comp-sliding-item-ghost-btn-active-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-ghost:active ax-text,ax-sliding-item ax-sliding-item-prefix.ax-ghost:active ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-ghost:active ax-text,ax-sliding-item ax-sliding-item-suffix.ax-ghost:active ax-icon{color:rgba(var(--ax-comp-sliding-item-ghost-btn-active-text-color))}\n"], dependencies: [{ kind: "directive", type: i1$1.AXSlidingItemDirective, selector: "[axSlidingItem]" }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXSlidingItemComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ax-sliding-item', standalone: false, encapsulation: ViewEncapsulation.None, 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-surface);--ax-comp-sliding-item-content-text-color: var(--ax-sys-color-on-surface);--ax-comp-sliding-item-primary-btn-bg-color: var(--ax-sys-color-primary-500);--ax-comp-sliding-item-primary-btn-text-color: var(--ax-sys-color-on-primary);--ax-comp-sliding-item-primary-btn-active-bg-color: var(--ax-sys-color-primary-700);--ax-comp-sliding-item-primary-btn-active-text-color: var(--ax-sys-color-on-primary);--ax-comp-sliding-item-primary-btn-hover-bg-color: var(--ax-sys-color-primary-600);--ax-comp-sliding-item-primary-btn-hover-text-color: var(--ax-sys-color-contrast-primary);--ax-comp-sliding-item-secondary-btn-bg-color: var(--ax-sys-color-secondary-500);--ax-comp-sliding-item-secondary-btn-text-color: var(--ax-sys-color-on-secondary);--ax-comp-sliding-item-secondary-btn-active-bg-color: var(--ax-sys-color-secondary-700);--ax-comp-sliding-item-secondary-btn-active-text-color: var(--ax-sys-color-on-secondary);--ax-comp-sliding-item-secondary-btn-hover-bg-color: var(--ax-sys-color-secondary-600);--ax-comp-sliding-item-secondary-btn-hover-text-color: var(--ax-sys-color-contrast-secondary);--ax-comp-sliding-item-danger-btn-bg-color: var(--ax-sys-color-danger-500);--ax-comp-sliding-item-danger-btn-text-color: var(--ax-sys-color-on-danger);--ax-comp-sliding-item-danger-btn-active-bg-color: var(--ax-sys-color-danger-700);--ax-comp-sliding-item-danger-btn-active-text-color: var(--ax-sys-color-on-danger);--ax-comp-sliding-item-danger-btn-hover-bg-color: var(--ax-sys-color-danger-600);--ax-comp-sliding-item-danger-btn-hover-text-color: var(--ax-sys-color-contrast-danger);--ax-comp-sliding-item-warning-btn-bg-color: var(--ax-sys-color-warning-500);--ax-comp-sliding-item-warning-btn-text-color: var(--ax-sys-color-on-warning);--ax-comp-sliding-item-warning-btn-active-bg-color: var(--ax-sys-color-warning-700);--ax-comp-sliding-item-warning-btn-active-text-color: var(--ax-sys-color-on-warning);--ax-comp-sliding-item-warning-btn-hover-bg-color: var(--ax-sys-color-warning-600);--ax-comp-sliding-item-warning-btn-hover-text-color: var(--ax-sys-color-contrast-warning);--ax-comp-sliding-item-ghost-btn-bg-color: var(--ax-sys-color-ghost-500);--ax-comp-sliding-item-ghost-btn-text-color: var(--ax-sys-color-on-ghost);--ax-comp-sliding-item-ghost-btn-active-bg-color: var(--ax-sys-color-ghost-700);--ax-comp-sliding-item-ghost-btn-active-text-color: var(--ax-sys-color-on-ghost);--ax-comp-sliding-item-ghost-btn-hover-bg-color: var(--ax-sys-color-ghost-600);--ax-comp-sliding-item-ghost-btn-hover-text-color: var(--ax-sys-color-contrast-ghost)}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-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-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-ghost,ax-sliding-item ax-sliding-item-suffix.ax-ghost{background-color:rgba(var(--ax-comp-sliding-item-ghost-btn-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-ghost ax-text,ax-sliding-item ax-sliding-item-prefix.ax-ghost ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-ghost ax-text,ax-sliding-item ax-sliding-item-suffix.ax-ghost ax-icon{color:rgba(var(--ax-comp-sliding-item-ghost-btn-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-ghost:hover,ax-sliding-item ax-sliding-item-suffix.ax-ghost:hover{background-color:rgba(var(--ax-comp-sliding-item-ghost-btn-hover-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-ghost:hover ax-text,ax-sliding-item ax-sliding-item-prefix.ax-ghost:hover ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-ghost:hover ax-text,ax-sliding-item ax-sliding-item-suffix.ax-ghost:hover ax-icon{color:rgba(var(--ax-comp-sliding-item-ghost-btn-hover-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-ghost:active,ax-sliding-item ax-sliding-item-suffix.ax-ghost:active{background-color:rgba(var(--ax-comp-sliding-item-ghost-btn-active-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-ghost:active ax-text,ax-sliding-item ax-sliding-item-prefix.ax-ghost:active ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-ghost:active ax-text,ax-sliding-item ax-sliding-item-suffix.ax-ghost:active ax-icon{color:rgba(var(--ax-comp-sliding-item-ghost-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.0.3", ngImport: i0, type: AXSlidingItemModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.3", ngImport: i0, type: AXSlidingItemModule, declarations: [AXSlidingItemComponent, AXSlidingItemPrefixComponent, AXSlidingItemSuffixComponent], imports: [AXSlidingItemDirectiveModule, AXDecoratorModule], exports: [AXSlidingItemComponent, AXSlidingItemPrefixComponent, AXSlidingItemSuffixComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXSlidingItemModule, imports: [MODULES] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXSlidingItemModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [...COMPONENT],
+                    imports: [...MODULES],
+                    exports: [...COMPONENT],
+                    providers: [],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AXSlidingItemComponent, AXSlidingItemModule, AXSlidingItemPrefixComponent, AXSlidingItemSuffixComponent };
+//# sourceMappingURL=acorex-components-sliding-item.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-components-sliding-item.mjs","sources":["../../../../libs/components/sliding-item/src/lib/sliding-item-prefix/sliding-item-prefix.component.ts","../../../../libs/components/sliding-item/src/lib/sliding-item-prefix/sliding-item-prefix.component.html","../../../../libs/components/sliding-item/src/lib/sliding-item-suffix/sliding-item-suffix.component.ts","../../../../libs/components/sliding-item/src/lib/sliding-item-suffix/sliding-item-suffix.component.html","../../../../libs/components/sliding-item/src/lib/sliding-item/sliding-item.component.ts","../../../../libs/components/sliding-item/src/lib/sliding-item/sliding-item.component.html","../../../../libs/components/sliding-item/src/lib/sliding-item.module.ts","../../../../libs/components/sliding-item/src/acorex-components-sliding-item.ts"],"sourcesContent":["import { AXClickEvent, AXStyleColorType } from '@acorex/components/common';\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  styleUrl: 'sliding-item-prefix.component.scss',\n  standalone: false,\n  encapsulation: ViewEncapsulation.None,\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, AXStyleColorType } from '@acorex/components/common';\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  styleUrl: 'sliding-item-suffix.component.scss',\n  standalone: false,\n  encapsulation: ViewEncapsulation.None,\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 { 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  standalone: false,\n  encapsulation: ViewEncapsulation.None,\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    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    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    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    this.itemSuffix().forEach((item) => {\n      const itemElem = item.nativeElement as HTMLElement;\n\n      this.stopArraySuffix.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","<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  declarations: [...COMPONENT],\n  imports: [...MODULES],\n  exports: [...COMPONENT],\n  providers: [],\n})\nexport class AXSlidingItemModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1"],"mappings":"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"}