@acorex/components 19.10.0-next.2 → 19.10.0-next.4
Sign up to get free protection for your applications and to get access to all the features.
- package/action-sheet/lib/action-sheet.class.d.ts +2 -1
- package/common/lib/classes/styles.class.d.ts +1 -1
- package/fesm2022/acorex-components-action-sheet.mjs +2 -2
- package/fesm2022/acorex-components-action-sheet.mjs.map +1 -1
- package/fesm2022/acorex-components-alert.mjs +2 -2
- package/fesm2022/acorex-components-alert.mjs.map +1 -1
- package/fesm2022/acorex-components-audio-wave.mjs +2 -2
- package/fesm2022/acorex-components-avatar.mjs +2 -2
- package/fesm2022/acorex-components-avatar.mjs.map +1 -1
- package/fesm2022/acorex-components-badge.mjs +2 -2
- package/fesm2022/acorex-components-badge.mjs.map +1 -1
- package/fesm2022/acorex-components-bottom-navigation.mjs +2 -2
- package/fesm2022/acorex-components-bottom-navigation.mjs.map +1 -1
- package/fesm2022/acorex-components-breadcrumbs.mjs +2 -2
- package/fesm2022/acorex-components-breadcrumbs.mjs.map +1 -1
- package/fesm2022/acorex-components-button-group.mjs +4 -4
- package/fesm2022/acorex-components-button-group.mjs.map +1 -1
- package/fesm2022/acorex-components-button.mjs +2 -2
- package/fesm2022/acorex-components-button.mjs.map +1 -1
- package/fesm2022/acorex-components-calendar.mjs +4 -4
- package/fesm2022/acorex-components-calendar.mjs.map +1 -1
- package/fesm2022/acorex-components-check-box.mjs +3 -3
- package/fesm2022/acorex-components-check-box.mjs.map +1 -1
- package/fesm2022/acorex-components-chips.mjs +2 -2
- package/fesm2022/acorex-components-chips.mjs.map +1 -1
- package/fesm2022/acorex-components-circular-progress.mjs +2 -2
- package/fesm2022/acorex-components-circular-progress.mjs.map +1 -1
- package/fesm2022/acorex-components-collapse.mjs +2 -2
- package/fesm2022/acorex-components-collapse.mjs.map +1 -1
- package/fesm2022/acorex-components-color-box.mjs +2 -2
- package/fesm2022/acorex-components-color-box.mjs.map +1 -1
- package/fesm2022/acorex-components-color-palette.mjs +2 -2
- package/fesm2022/acorex-components-color-palette.mjs.map +1 -1
- package/fesm2022/acorex-components-comment.mjs +4 -4
- package/fesm2022/acorex-components-comment.mjs.map +1 -1
- package/fesm2022/acorex-components-common.mjs +7 -31
- package/fesm2022/acorex-components-common.mjs.map +1 -1
- package/fesm2022/acorex-components-conversation.mjs +10 -10
- package/fesm2022/acorex-components-conversation.mjs.map +1 -1
- package/fesm2022/acorex-components-cron-job.mjs +2 -2
- package/fesm2022/acorex-components-cron-job.mjs.map +1 -1
- package/fesm2022/acorex-components-data-pager.mjs +10 -32
- package/fesm2022/acorex-components-data-pager.mjs.map +1 -1
- package/fesm2022/acorex-components-data-table.mjs +2 -2
- package/fesm2022/acorex-components-data-table.mjs.map +1 -1
- package/fesm2022/acorex-components-datetime-picker.mjs +2 -2
- package/fesm2022/acorex-components-datetime-picker.mjs.map +1 -1
- package/fesm2022/acorex-components-dialog.mjs +3 -3
- package/fesm2022/acorex-components-dialog.mjs.map +1 -1
- package/fesm2022/acorex-components-file-explorer.mjs +4 -4
- package/fesm2022/acorex-components-file-explorer.mjs.map +1 -1
- package/fesm2022/acorex-components-grid-layout-builder.mjs +2 -2
- package/fesm2022/acorex-components-grid-layout-builder.mjs.map +1 -1
- package/fesm2022/acorex-components-json-viewer.mjs +2 -2
- package/fesm2022/acorex-components-json-viewer.mjs.map +1 -1
- package/fesm2022/acorex-components-label.mjs +2 -2
- package/fesm2022/acorex-components-label.mjs.map +1 -1
- package/fesm2022/acorex-components-list.mjs +2 -2
- package/fesm2022/acorex-components-list.mjs.map +1 -1
- package/fesm2022/acorex-components-loading-dialog.mjs +2 -2
- package/fesm2022/acorex-components-loading-dialog.mjs.map +1 -1
- package/fesm2022/acorex-components-loading.mjs +19 -22
- package/fesm2022/acorex-components-loading.mjs.map +1 -1
- package/fesm2022/acorex-components-media-viewer.mjs +4 -4
- package/fesm2022/acorex-components-media-viewer.mjs.map +1 -1
- package/fesm2022/acorex-components-menu.mjs +7 -12
- package/fesm2022/acorex-components-menu.mjs.map +1 -1
- package/fesm2022/acorex-components-navbar.mjs +2 -2
- package/fesm2022/acorex-components-navbar.mjs.map +1 -1
- package/fesm2022/acorex-components-notification.mjs +2 -2
- package/fesm2022/acorex-components-notification.mjs.map +1 -1
- package/fesm2022/acorex-components-number-box.mjs +2 -2
- package/fesm2022/acorex-components-number-box.mjs.map +1 -1
- package/fesm2022/acorex-components-otp.mjs +2 -2
- package/fesm2022/acorex-components-otp.mjs.map +1 -1
- package/fesm2022/acorex-components-paint.mjs +22 -17
- package/fesm2022/acorex-components-paint.mjs.map +1 -1
- package/fesm2022/acorex-components-password-box.mjs +2 -2
- package/fesm2022/acorex-components-password-box.mjs.map +1 -1
- package/fesm2022/acorex-components-phone-box.mjs +2 -2
- package/fesm2022/acorex-components-phone-box.mjs.map +1 -1
- package/fesm2022/acorex-components-picker.mjs +2 -2
- package/fesm2022/acorex-components-picker.mjs.map +1 -1
- package/fesm2022/acorex-components-popup.mjs +2 -2
- package/fesm2022/acorex-components-popup.mjs.map +1 -1
- package/fesm2022/acorex-components-progress-bar.mjs +2 -2
- package/fesm2022/acorex-components-progress-bar.mjs.map +1 -1
- package/fesm2022/acorex-components-query-builder.mjs +7 -15
- package/fesm2022/acorex-components-query-builder.mjs.map +1 -1
- package/fesm2022/acorex-components-rail-navigation.mjs +2 -2
- package/fesm2022/acorex-components-rail-navigation.mjs.map +1 -1
- package/fesm2022/acorex-components-range-slider.mjs +10 -25
- package/fesm2022/acorex-components-range-slider.mjs.map +1 -1
- package/fesm2022/acorex-components-rate-picker.mjs +2 -2
- package/fesm2022/acorex-components-rate-picker.mjs.map +1 -1
- package/fesm2022/acorex-components-routing-progress.mjs +2 -2
- package/fesm2022/acorex-components-routing-progress.mjs.map +1 -1
- package/fesm2022/acorex-components-search-box.mjs +2 -2
- package/fesm2022/acorex-components-search-box.mjs.map +1 -1
- package/fesm2022/acorex-components-select-box.mjs +2 -2
- package/fesm2022/acorex-components-select-box.mjs.map +1 -1
- package/fesm2022/acorex-components-selection-list.mjs +2 -2
- package/fesm2022/acorex-components-selection-list.mjs.map +1 -1
- package/fesm2022/acorex-components-side-menu.mjs +2 -2
- package/fesm2022/acorex-components-side-menu.mjs.map +1 -1
- package/fesm2022/acorex-components-skeleton.mjs +2 -2
- package/fesm2022/acorex-components-skeleton.mjs.map +1 -1
- package/fesm2022/acorex-components-slider.mjs +2 -2
- package/fesm2022/acorex-components-slider.mjs.map +1 -1
- package/fesm2022/acorex-components-sliding-item.mjs +28 -24
- package/fesm2022/acorex-components-sliding-item.mjs.map +1 -1
- package/fesm2022/acorex-components-step-wizard.mjs +2 -2
- package/fesm2022/acorex-components-step-wizard.mjs.map +1 -1
- package/fesm2022/acorex-components-switch.mjs +3 -3
- package/fesm2022/acorex-components-switch.mjs.map +1 -1
- package/fesm2022/acorex-components-tabs.mjs +2 -2
- package/fesm2022/acorex-components-tabs.mjs.map +1 -1
- package/fesm2022/acorex-components-tag.mjs +2 -2
- package/fesm2022/acorex-components-tag.mjs.map +1 -1
- package/fesm2022/acorex-components-text-box.mjs +2 -2
- package/fesm2022/acorex-components-text-box.mjs.map +1 -1
- package/fesm2022/acorex-components-time-line.mjs +4 -4
- package/fesm2022/acorex-components-time-line.mjs.map +1 -1
- package/fesm2022/acorex-components-toast.mjs +2 -2
- package/fesm2022/acorex-components-toast.mjs.map +1 -1
- package/fesm2022/acorex-components-toolbar.mjs +2 -2
- package/fesm2022/acorex-components-toolbar.mjs.map +1 -1
- package/fesm2022/acorex-components-tooltip.mjs +2 -2
- package/fesm2022/acorex-components-tooltip.mjs.map +1 -1
- package/fesm2022/acorex-components-tree-view.mjs +2 -2
- package/fesm2022/acorex-components-tree-view.mjs.map +1 -1
- package/fesm2022/acorex-components-uploader.mjs +2 -2
- package/fesm2022/acorex-components-wysiwyg.mjs +2 -2
- package/fesm2022/acorex-components-wysiwyg.mjs.map +1 -1
- package/loading/lib/loading-spinner.component.d.ts +5 -1
- package/package.json +1 -1
- package/paint/lib/paint/paint-view/paint-view.component.d.ts +6 -5
- package/query-builder/lib/query-builder.component.d.ts +1 -0
@@ -89,30 +89,34 @@ class AXSlidingItemComponent {
|
|
89
89
|
});
|
90
90
|
});
|
91
91
|
this.#init = afterNextRender(() => {
|
92
|
-
|
93
|
-
|
94
|
-
|
95
|
-
|
96
|
-
|
97
|
-
|
98
|
-
|
99
|
-
|
100
|
-
|
101
|
-
|
102
|
-
|
92
|
+
setTimeout(() => {
|
93
|
+
this.itemPrefix().forEach((item) => {
|
94
|
+
const itemElem = item.nativeElement;
|
95
|
+
this.stopArrayPrefix.update((prev) => {
|
96
|
+
const prevCopy = [...prev];
|
97
|
+
if (prevCopy[prevCopy.length - 1]) {
|
98
|
+
prevCopy.push(itemElem.getClientRects()[0].width + prevCopy[prevCopy.length - 1]);
|
99
|
+
}
|
100
|
+
else {
|
101
|
+
prevCopy.push(itemElem.getClientRects()[0].width);
|
102
|
+
}
|
103
|
+
return prevCopy;
|
104
|
+
});
|
103
105
|
});
|
104
106
|
});
|
105
|
-
|
106
|
-
|
107
|
-
|
108
|
-
|
109
|
-
|
110
|
-
|
111
|
-
|
112
|
-
|
113
|
-
|
114
|
-
|
115
|
-
|
107
|
+
setTimeout(() => {
|
108
|
+
this.itemSuffix().forEach((item) => {
|
109
|
+
const itemElem = item.nativeElement;
|
110
|
+
this.stopArraySuffix.update((prev) => {
|
111
|
+
const prevCopy = [...prev];
|
112
|
+
if (prevCopy[prevCopy.length - 1]) {
|
113
|
+
prevCopy.push(-itemElem.getClientRects()[0].width + prevCopy[prevCopy.length - 1]);
|
114
|
+
}
|
115
|
+
else {
|
116
|
+
prevCopy.push(-itemElem.getClientRects()[0].width);
|
117
|
+
}
|
118
|
+
return prevCopy;
|
119
|
+
});
|
116
120
|
});
|
117
121
|
});
|
118
122
|
});
|
@@ -121,11 +125,11 @@ class AXSlidingItemComponent {
|
|
121
125
|
#effect2;
|
122
126
|
#init;
|
123
127
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXSlidingItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
124
|
-
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 }); }
|
128
|
+
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-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: i1$1.AXSlidingItemDirective, selector: "[axSlidingItem]" }], encapsulation: i0.ViewEncapsulation.None }); }
|
125
129
|
}
|
126
130
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXSlidingItemComponent, decorators: [{
|
127
131
|
type: Component,
|
128
|
-
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"] }]
|
132
|
+
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-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"] }]
|
129
133
|
}] });
|
130
134
|
|
131
135
|
const COMPONENT = [AXSlidingItemComponent, AXSlidingItemPrefixComponent, AXSlidingItemSuffixComponent];
|
@@ -1 +1 @@
|
|
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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"}
|
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 { afterNextRender, Component, contentChildren, effect, ElementRef, signal, viewChild, ViewEncapsulation } 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 setTimeout(() => {\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 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 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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"}
|