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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (76) hide show
  1. package/combo-box/README.md +3 -0
  2. package/fesm2022/acorex-components-calendar.mjs +12 -14
  3. package/fesm2022/acorex-components-calendar.mjs.map +1 -1
  4. package/fesm2022/acorex-components-color-palette.mjs +2 -2
  5. package/fesm2022/acorex-components-color-palette.mjs.map +1 -1
  6. package/fesm2022/acorex-components-combo-box.mjs +669 -0
  7. package/fesm2022/acorex-components-combo-box.mjs.map +1 -0
  8. package/fesm2022/acorex-components-conversation-composer-action-choice-dialog.component-DCcRJYfF.mjs +50 -0
  9. package/fesm2022/acorex-components-conversation-composer-action-choice-dialog.component-DCcRJYfF.mjs.map +1 -0
  10. package/fesm2022/{acorex-components-conversation-open-composer-picker-for-files-Hh5Oyp3p.mjs → acorex-components-conversation-open-composer-picker-for-files-BuNEjswI.mjs} +2 -2
  11. package/fesm2022/{acorex-components-conversation-open-composer-picker-for-files-Hh5Oyp3p.mjs.map → acorex-components-conversation-open-composer-picker-for-files-BuNEjswI.mjs.map} +1 -1
  12. package/fesm2022/acorex-components-conversation.mjs +194 -5768
  13. package/fesm2022/acorex-components-conversation.mjs.map +1 -1
  14. package/fesm2022/acorex-components-cron-job.mjs +12 -12
  15. package/fesm2022/acorex-components-cron-job.mjs.map +1 -1
  16. package/fesm2022/acorex-components-datetime-box.mjs +44 -12
  17. package/fesm2022/acorex-components-datetime-box.mjs.map +1 -1
  18. package/fesm2022/acorex-components-datetime-input.mjs +332 -312
  19. package/fesm2022/acorex-components-datetime-input.mjs.map +1 -1
  20. package/fesm2022/acorex-components-datetime-picker.mjs +11 -1
  21. package/fesm2022/acorex-components-datetime-picker.mjs.map +1 -1
  22. package/fesm2022/acorex-components-decorators.mjs +2 -2
  23. package/fesm2022/acorex-components-decorators.mjs.map +1 -1
  24. package/fesm2022/acorex-components-file-viewer.mjs +346 -125
  25. package/fesm2022/acorex-components-file-viewer.mjs.map +1 -1
  26. package/fesm2022/acorex-components-form.mjs +4 -3
  27. package/fesm2022/acorex-components-form.mjs.map +1 -1
  28. package/fesm2022/acorex-components-list.mjs +265 -19
  29. package/fesm2022/acorex-components-list.mjs.map +1 -1
  30. package/fesm2022/acorex-components-map.mjs +1170 -13712
  31. package/fesm2022/acorex-components-map.mjs.map +1 -1
  32. package/fesm2022/acorex-components-menu.mjs +211 -74
  33. package/fesm2022/acorex-components-menu.mjs.map +1 -1
  34. package/fesm2022/acorex-components-phone-box.mjs +6 -6
  35. package/fesm2022/acorex-components-phone-box.mjs.map +1 -1
  36. package/fesm2022/acorex-components-popup.mjs +388 -78
  37. package/fesm2022/acorex-components-popup.mjs.map +1 -1
  38. package/fesm2022/acorex-components-query-builder.mjs +6 -2
  39. package/fesm2022/acorex-components-query-builder.mjs.map +1 -1
  40. package/fesm2022/acorex-components-rest-api-generator.mjs +2 -2
  41. package/fesm2022/acorex-components-rest-api-generator.mjs.map +1 -1
  42. package/fesm2022/acorex-components-rrule.mjs +2 -2
  43. package/fesm2022/acorex-components-rrule.mjs.map +1 -1
  44. package/fesm2022/acorex-components-scheduler-picker.mjs +16 -16
  45. package/fesm2022/acorex-components-scheduler-picker.mjs.map +1 -1
  46. package/fesm2022/acorex-components-scheduler.mjs +2 -2
  47. package/fesm2022/acorex-components-scheduler.mjs.map +1 -1
  48. package/fesm2022/acorex-components-select-box.mjs +176 -451
  49. package/fesm2022/acorex-components-select-box.mjs.map +1 -1
  50. package/fesm2022/acorex-components-selection-list.mjs +0 -4
  51. package/fesm2022/acorex-components-selection-list.mjs.map +1 -1
  52. package/package.json +7 -7
  53. package/select-box/README.md +2 -0
  54. package/types/acorex-components-combo-box.d.ts +202 -0
  55. package/types/acorex-components-conversation.d.ts +11 -25
  56. package/types/acorex-components-datetime-box.d.ts +16 -4
  57. package/types/acorex-components-datetime-input.d.ts +62 -68
  58. package/types/acorex-components-file-viewer.d.ts +109 -17
  59. package/types/acorex-components-list.d.ts +65 -3
  60. package/types/acorex-components-map.d.ts +299 -45
  61. package/types/acorex-components-menu.d.ts +26 -4
  62. package/types/acorex-components-phone-box.d.ts +2 -2
  63. package/types/acorex-components-popup.d.ts +143 -35
  64. package/types/acorex-components-query-builder.d.ts +10 -9
  65. package/types/acorex-components-select-box.d.ts +36 -147
  66. package/types/acorex-components-selection-list.d.ts +1 -2
  67. package/fesm2022/acorex-components-conversation-composer-action-choice-dialog.component-CNHiM1Sp.mjs +0 -106
  68. package/fesm2022/acorex-components-conversation-composer-action-choice-dialog.component-CNHiM1Sp.mjs.map +0 -1
  69. package/fesm2022/acorex-components-modal-acorex-components-modal-Djl-uo9b.mjs +0 -388
  70. package/fesm2022/acorex-components-modal-acorex-components-modal-Djl-uo9b.mjs.map +0 -1
  71. package/fesm2022/acorex-components-modal-modal-content.component-BpUsCI8D.mjs +0 -247
  72. package/fesm2022/acorex-components-modal-modal-content.component-BpUsCI8D.mjs.map +0 -1
  73. package/fesm2022/acorex-components-modal.mjs +0 -2
  74. package/fesm2022/acorex-components-modal.mjs.map +0 -1
  75. package/modal/README.md +0 -3
  76. package/types/acorex-components-modal.d.ts +0 -132
@@ -1,247 +0,0 @@
1
- import { NXComponent, AXComponent } from '@acorex/cdk/common';
2
- import * as i1 from '@acorex/cdk/focus-trap';
3
- import { AXFocusTrapDirective } from '@acorex/cdk/focus-trap';
4
- import { AXButtonComponent } from '@acorex/components/button';
5
- import * as i3 from '@acorex/components/decorators';
6
- import { AXDecoratorModule } from '@acorex/components/decorators';
7
- import * as i2 from '@angular/common';
8
- import { CommonModule } from '@angular/common';
9
- import * as i0 from '@angular/core';
10
- import { input, model, inject, viewChild, computed, TemplateRef, signal, afterNextRender, effect, HostListener, HostBinding, ViewEncapsulation, Component } from '@angular/core';
11
- import { DomSanitizer } from '@angular/platform-browser';
12
- import { A as AXModalStateService, a as AXModalFooterComponent } from './acorex-components-modal-acorex-components-modal-Djl-uo9b.mjs';
13
-
14
- class AXModalContentComponent extends NXComponent {
15
- constructor() {
16
- super(...arguments);
17
- this.__content__ = input.required(/* @ts-ignore */
18
- ...(ngDevMode ? [{ debugName: "__content__" }] : /* istanbul ignore next */ []));
19
- this.id = input(/* @ts-ignore */
20
- ...(ngDevMode ? [undefined, { debugName: "id" }] : /* istanbul ignore next */ []));
21
- this.inputs = model(/* @ts-ignore */
22
- ...(ngDevMode ? [undefined, { debugName: "inputs" }] : /* istanbul ignore next */ []));
23
- this.serviceState = inject(AXModalStateService);
24
- this.sanitizer = inject(DomSanitizer);
25
- this.modalContainer = viewChild('c', /* @ts-ignore */
26
- ...(ngDevMode ? [{ debugName: "modalContainer" }] : /* istanbul ignore next */ []));
27
- this.footer = viewChild(AXModalFooterComponent, /* @ts-ignore */
28
- ...(ngDevMode ? [{ debugName: "footer" }] : /* istanbul ignore next */ []));
29
- this.isTemplate = computed(() => this.__content__() instanceof TemplateRef, /* @ts-ignore */
30
- ...(ngDevMode ? [{ debugName: "isTemplate" }] : /* istanbul ignore next */ []));
31
- this.isHtmlElement = computed(() => this.__content__() instanceof HTMLElement, /* @ts-ignore */
32
- ...(ngDevMode ? [{ debugName: "isHtmlElement" }] : /* istanbul ignore next */ []));
33
- this.component = computed(() => this.__content__(), /* @ts-ignore */
34
- ...(ngDevMode ? [{ debugName: "component" }] : /* istanbul ignore next */ []));
35
- this.template = computed(() => this.__content__(), /* @ts-ignore */
36
- ...(ngDevMode ? [{ debugName: "template" }] : /* istanbul ignore next */ []));
37
- this.element = computed(() => this.__content__(), /* @ts-ignore */
38
- ...(ngDevMode ? [{ debugName: "element" }] : /* istanbul ignore next */ []));
39
- this.modalSizeState = signal('normal', /* @ts-ignore */
40
- ...(ngDevMode ? [{ debugName: "modalSizeState" }] : /* istanbul ignore next */ []));
41
- this.fullScreenState = signal(false, /* @ts-ignore */
42
- ...(ngDevMode ? [{ debugName: "fullScreenState" }] : /* istanbul ignore next */ []));
43
- this.isMouseDown = signal(false, /* @ts-ignore */
44
- ...(ngDevMode ? [{ debugName: "isMouseDown" }] : /* istanbul ignore next */ []));
45
- this.offsetX = signal(0, /* @ts-ignore */
46
- ...(ngDevMode ? [{ debugName: "offsetX" }] : /* istanbul ignore next */ []));
47
- this.offsetY = signal(0, /* @ts-ignore */
48
- ...(ngDevMode ? [{ debugName: "offsetY" }] : /* istanbul ignore next */ []));
49
- this.prevLeft = signal('', /* @ts-ignore */
50
- ...(ngDevMode ? [{ debugName: "prevLeft" }] : /* istanbul ignore next */ []));
51
- this.prevTop = signal('', /* @ts-ignore */
52
- ...(ngDevMode ? [{ debugName: "prevTop" }] : /* istanbul ignore next */ []));
53
- this.backdropState = computed(() => this.serviceState.modalOption()?.backdrop?.enabled ?? true, /* @ts-ignore */
54
- ...(ngDevMode ? [{ debugName: "backdropState" }] : /* istanbul ignore next */ []));
55
- this.closeOnEscape = computed(() => this.serviceState.modalOption()?.closeOnEscape ?? true, /* @ts-ignore */
56
- ...(ngDevMode ? [{ debugName: "closeOnEscape" }] : /* istanbul ignore next */ []));
57
- this.panelClass = computed(() => this.serviceState.modalOption()?.panelClass ?? '', /* @ts-ignore */
58
- ...(ngDevMode ? [{ debugName: "panelClass" }] : /* istanbul ignore next */ []));
59
- this.headerState = computed(() => this.serviceState.modalOption()?.header ?? false, /* @ts-ignore */
60
- ...(ngDevMode ? [{ debugName: "headerState" }] : /* istanbul ignore next */ []));
61
- this.footerState = computed(() => this.serviceState.modalOption()?.footer ?? false, /* @ts-ignore */
62
- ...(ngDevMode ? [{ debugName: "footerState" }] : /* istanbul ignore next */ []));
63
- this.closeHeaderButton = computed(() => this.serviceState.modalOption()?.buttons?.close ?? true, /* @ts-ignore */
64
- ...(ngDevMode ? [{ debugName: "closeHeaderButton" }] : /* istanbul ignore next */ []));
65
- this.backdropBackground = computed(() => this.serviceState.modalOption()?.backdrop?.background ?? true, /* @ts-ignore */
66
- ...(ngDevMode ? [{ debugName: "backdropBackground" }] : /* istanbul ignore next */ []));
67
- this.backdropClass = computed(() => this.serviceState.modalOption()?.backdrop?.backdropClass ?? '', /* @ts-ignore */
68
- ...(ngDevMode ? [{ debugName: "backdropClass" }] : /* istanbul ignore next */ []));
69
- this.backdropCloseOnClick = computed(() => this.serviceState.modalOption()?.backdrop?.closeOnClick ?? true, /* @ts-ignore */
70
- ...(ngDevMode ? [{ debugName: "backdropCloseOnClick" }] : /* istanbul ignore next */ []));
71
- this.minimizePosition = computed(() => this.serviceState.modalOption()?.buttons?.minimize?.position ?? 'bottom-right', /* @ts-ignore */
72
- ...(ngDevMode ? [{ debugName: "minimizePosition" }] : /* istanbul ignore next */ []));
73
- this.minimizeState = computed(() => this.serviceState.modalOption()?.buttons?.minimize?.enable ?? false, /* @ts-ignore */
74
- ...(ngDevMode ? [{ debugName: "minimizeState" }] : /* istanbul ignore next */ []));
75
- this.maximizeState = computed(() => this.serviceState.modalOption()?.buttons?.maximize ?? false, /* @ts-ignore */
76
- ...(ngDevMode ? [{ debugName: "maximizeState" }] : /* istanbul ignore next */ []));
77
- this.modalSize = computed(() => this.serviceState.modalOption()?.size ?? 'lg', /* @ts-ignore */
78
- ...(ngDevMode ? [{ debugName: "modalSize" }] : /* istanbul ignore next */ []));
79
- this.headerTitle = computed(() => this.serviceState.modalOption()?.title ?? '', /* @ts-ignore */
80
- ...(ngDevMode ? [{ debugName: "headerTitle" }] : /* istanbul ignore next */ []));
81
- this.draggable = computed(() => this.serviceState.modalOption()?.draggable ?? true, /* @ts-ignore */
82
- ...(ngDevMode ? [{ debugName: "draggable" }] : /* istanbul ignore next */ []));
83
- this.#init = afterNextRender(() => {
84
- this.nativeElement.focus();
85
- const popFooter = this.nativeElement.querySelector('.ax-modal-footer');
86
- const footer = this.nativeElement.querySelector('.ax-modal-content ax-modal-footer');
87
- if (footer) {
88
- setTimeout(() => {
89
- popFooter?.append(footer);
90
- });
91
- }
92
- });
93
- this.#eff = effect(() => {
94
- const host = this.nativeElement;
95
- if (this.draggable())
96
- host.classList.add('ax-draggable');
97
- if (!this.backdropState())
98
- return;
99
- this.addBackdrop();
100
- if (!this.backdropBackground())
101
- return;
102
- }, /* @ts-ignore */
103
- ...(ngDevMode ? [{ debugName: "#eff" }] : /* istanbul ignore next */ []));
104
- }
105
- #init;
106
- close() {
107
- this.serviceState.close(this.id());
108
- }
109
- minimize() {
110
- if (this.fullScreenState())
111
- document.exitFullscreen();
112
- this.modalContainer().nativeElement.style.transition = 'all 200ms ease-out';
113
- this.modalContainer().nativeElement.style.top = `auto`;
114
- this.modalContainer().nativeElement.style.bottom = `0`;
115
- if (this.backdropState())
116
- this.removeBackdrop();
117
- this.modalContainer().nativeElement.classList.remove('ax-normal-modal');
118
- this.modalContainer().nativeElement.classList.add('ax-minimize-modal');
119
- requestAnimationFrame(() => {
120
- const width = this.modalContainer().nativeElement.offsetWidth;
121
- const index = this.serviceState.getMapIndexOf(this.id());
122
- if (this.minimizePosition() === 'bottom-right') {
123
- this.modalContainer().nativeElement.style.left = `auto`;
124
- this.modalContainer().nativeElement.style.right = `${index * (width + 10)}px`;
125
- }
126
- else {
127
- this.modalContainer().nativeElement.style.right = `auto`;
128
- this.modalContainer().nativeElement.style.left = `${index * (width + 10)}px`;
129
- }
130
- });
131
- this.modalSizeState.set('minimize');
132
- }
133
- maximize() {
134
- this.modalContainer().nativeElement.style.transition = 'none';
135
- if (this.modalSizeState() === 'minimize')
136
- this.restore();
137
- if (!document.fullscreenElement) {
138
- this.modalContainer().nativeElement.requestFullscreen();
139
- this.fullScreenState.set(true);
140
- }
141
- else {
142
- document.exitFullscreen();
143
- }
144
- document.addEventListener('fullscreenchange', () => {
145
- if (!document.fullscreenElement) {
146
- this.fullScreenState.set(false);
147
- }
148
- });
149
- }
150
- restore() {
151
- setTimeout(() => {
152
- this.modalContainer().nativeElement.style.transition = 'none';
153
- }, 200);
154
- if (this.fullScreenState()) {
155
- document.exitFullscreen();
156
- return;
157
- }
158
- this.modalContainer().nativeElement.style.bottom = `auto`;
159
- this.modalContainer().nativeElement.style.right = `auto`;
160
- this.modalContainer().nativeElement.style.left = this.prevLeft();
161
- this.modalContainer().nativeElement.style.top = this.prevTop();
162
- if (this.backdropState())
163
- this.addBackdrop();
164
- this.modalContainer().nativeElement.classList.remove(`ax-minimize-modal`);
165
- this.modalContainer().nativeElement.classList.add('ax-normal-modal');
166
- this.modalSizeState.set('normal');
167
- }
168
- pointerDownHandler(e) {
169
- if (!this.draggable() || this.modalSizeState() === 'minimize' || this.fullScreenState())
170
- return;
171
- this.isMouseDown.set(true);
172
- this.offsetX.set(e.clientX - this.modalContainer().nativeElement.offsetLeft);
173
- this.offsetY.set(e.clientY - this.modalContainer().nativeElement.offsetTop);
174
- }
175
- addBackdrop() {
176
- const backdropElem = document.createElement('div');
177
- backdropElem.classList.add('ax-modal-drawer-backdrop');
178
- if (this.backdropClass()) {
179
- backdropElem.classList.add(...this.backdropClass().split(' '));
180
- }
181
- else {
182
- backdropElem.classList.add('ax-default-backdrop');
183
- }
184
- backdropElem.addEventListener('pointerdown', (e) => {
185
- if (!this.backdropCloseOnClick())
186
- return;
187
- if (e.target === e.currentTarget) {
188
- this.close();
189
- }
190
- });
191
- this.nativeElement.appendChild(backdropElem);
192
- }
193
- removeBackdrop() {
194
- const backdropElem = this.nativeElement.querySelector('.ax-modal-drawer-backdrop');
195
- if (backdropElem) {
196
- backdropElem.remove();
197
- }
198
- }
199
- pointerMoveHandler(e) {
200
- if (!this.draggable() || this.modalSizeState() === 'minimize' || this.fullScreenState())
201
- return;
202
- if (!this.isMouseDown())
203
- return;
204
- this.modalContainer().nativeElement.style.left = `${e.clientX - this.offsetX()}px`;
205
- this.modalContainer().nativeElement.style.top = `${e.clientY - this.offsetY()}px`;
206
- this.prevLeft.set(`${e.clientX - this.offsetX()}px`);
207
- this.prevTop.set(`${e.clientY - this.offsetY()}px`);
208
- }
209
- pointerUpHandler() {
210
- if (!this.draggable() || this.modalSizeState() === 'minimize' || this.fullScreenState())
211
- return;
212
- this.isMouseDown.set(false);
213
- }
214
- get role() {
215
- return '0';
216
- }
217
- escapeHandler(e) {
218
- if (e.key === 'Escape' && this.closeOnEscape()) {
219
- this.close();
220
- }
221
- }
222
- #eff;
223
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXModalContentComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
224
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXModalContentComponent, isStandalone: true, selector: "ax-modal-content", inputs: { __content__: { classPropertyName: "__content__", publicName: "__content__", isSignal: true, isRequired: true, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, inputs: { classPropertyName: "inputs", publicName: "inputs", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { inputs: "inputsChange" }, host: { listeners: { "pointermove": "pointerMoveHandler($event)", "pointerup": "pointerUpHandler()", "pointerleave": "pointerUpHandler()", "keydown": "escapeHandler($event)" }, properties: { "attr.tabindex": "this.role" } }, providers: [{ provide: AXComponent, useExisting: AXModalContentComponent }], viewQueries: [{ propertyName: "modalContainer", first: true, predicate: ["c"], descendants: true, isSignal: true }, { propertyName: "footer", first: true, predicate: AXModalFooterComponent, descendants: true, isSignal: true }], usesInheritance: true, hostDirectives: [{ directive: i1.AXFocusTrapDirective }], ngImport: i0, template: "<div\n #c\n class=\"ax-modal-container ax-{{ modalSizeState() }}-modal ax-modal-{{ modalSize() }} {{ panelClass() }}\"\n animate.enter=\"ax-fade-slide-in\"\n>\n @if (headerState()) {\n <div (pointerdown)=\"pointerDownHandler($event)\" class=\"ax-modal-header\">\n <ax-text>{{ headerTitle() }}</ax-text>\n\n <div class=\"flex\">\n @if (minimizeState()) {\n <ax-button class=\"ax-sm\" (onClick)=\"minimize()\" look=\"blank\" color=\"default\">\n <ax-icon class=\"ax-icon ax-icon-minimize\"> </ax-icon>\n </ax-button>\n }\n\n @if (modalSizeState() !== 'normal' || fullScreenState()) {\n <ax-button class=\"ax-sm\" (onClick)=\"restore()\" look=\"blank\" color=\"default\">\n <ax-icon class=\"ax-icon ax-icon-maximize\"> </ax-icon>\n </ax-button>\n }\n\n @if (maximizeState()) {\n <ax-button class=\"ax-sm\" (onClick)=\"maximize()\" look=\"blank\" color=\"default\">\n <ax-icon class=\"ax-icon ax-icon-full-screen\"> </ax-icon>\n </ax-button>\n }\n\n @if (closeHeaderButton()) {\n <ax-button class=\"ax-sm\" look=\"blank\" (onClick)=\"close()\" color=\"default\">\n <ax-icon class=\"ax-icon ax-icon-close\"> </ax-icon>\n </ax-button>\n }\n </div>\n </div>\n }\n\n <div class=\"ax-modal-content\">\n @if (isTemplate()) {\n <ng-container [ngTemplateOutlet]=\"this.template()\" [ngTemplateOutletContext]=\"inputs()\"></ng-container>\n } @else if (isHtmlElement()) {\n <div [innerHTML]=\"sanitizer.bypassSecurityTrustHtml(this.element().outerHTML)\"></div>\n } @else {\n <ng-container [ngComponentOutlet]=\"this.component()\" [ngComponentOutletInputs]=\"inputs()\"></ng-container>\n }\n </div>\n\n @if (footerState()) {\n <div class=\"ax-modal-footer\"></div>\n }\n</div>\n", styles: ["@layer properties;@layer components{ax-modal-content{touch-action:none;-webkit-user-select:none;user-select:none}ax-modal-content .ax-modal-drawer-backdrop{position:fixed;top:calc(var(--spacing, .25rem) * 0);left:calc(var(--spacing, .25rem) * 0);z-index:50;height:100vh;width:100vw}ax-modal-content .ax-modal-drawer-backdrop.ax-default-backdrop{background-color:color-mix(in srgb,#000 50%,transparent)}@supports (color: color-mix(in lab,red,red)){ax-modal-content .ax-modal-drawer-backdrop.ax-default-backdrop{background-color:color-mix(in oklab,var(--color-black, #000) 50%,transparent)}}ax-modal-content.ax-draggable .ax-modal-header:hover{cursor:move}ax-modal-content .ax-modal-container{position:fixed;z-index:55;display:flex;max-height:90vh;max-width:100vw;flex-direction:column;justify-content:space-between;overflow:hidden;border-radius:var(--radius-lg, .5rem);border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface));background-color:rgba(var(--ax-sys-color-lightest-surface))}ax-modal-content .ax-modal-container.ax-modal-full{height:100%;max-height:100vh!important;width:100%}ax-modal-content .ax-modal-container.ax-modal-fit{width:fit-content}ax-modal-content .ax-modal-container.ax-modal-sm,ax-modal-content .ax-modal-container.ax-modal-md,ax-modal-content .ax-modal-container.ax-modal-lg,ax-modal-content .ax-modal-container.ax-modal-fit{width:93vw}@media(min-width:640px){ax-modal-content .ax-modal-container.ax-modal-sm{width:55vw}ax-modal-content .ax-modal-container.ax-modal-md{width:65vw}ax-modal-content .ax-modal-container.ax-modal-lg{width:75vw}}@media(min-max-width:768px){ax-modal-content .ax-modal-container.ax-modal-sm{width:30vw}ax-modal-content .ax-modal-container.ax-modal-md{width:50vw}ax-modal-content .ax-modal-container.ax-modal-lg{width:85vw}}@media(min-width:1024px){ax-modal-content .ax-modal-container.ax-modal-sm{width:25vw}ax-modal-content .ax-modal-container.ax-modal-md{width:40vw}ax-modal-content .ax-modal-container.ax-modal-lg{width:65vw}}ax-modal-content .ax-modal-container.ax-normal-modal{transform:translate(-50%,-50%);top:50%;left:50%}ax-modal-content .ax-modal-container.ax-normal-modal .ax-modal-content,ax-modal-content .ax-modal-container.ax-normal-modal .ax-modal-footer{display:block}ax-modal-content .ax-modal-container.ax-minimize-modal{width:fit-content}ax-modal-content .ax-modal-container.ax-minimize-modal .ax-modal-content,ax-modal-content .ax-modal-container.ax-minimize-modal .ax-modal-footer{display:none}ax-modal-content .ax-modal-container .ax-modal-header,ax-modal-content .ax-modal-container .ax-modal-footer{padding:calc(var(--spacing, .25rem) * 2)}ax-modal-content .ax-modal-container .ax-modal-header,ax-modal-content .ax-modal-container .ax-modal-footer{height:fit-content}ax-modal-content .ax-modal-container .ax-modal-content{flex-grow:1;overflow:auto}ax-modal-content .ax-modal-container .ax-modal-header{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--spacing, .25rem) * 2);border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface))}ax-modal-content .ax-modal-container .ax-modal-footer{border-top-style:var(--tw-border-style);border-top-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface))}.ax-fade-slide-in{transform-origin:top left;animation:fadeSlideIn .3s ease}@keyframes fadeSlideIn{0%{opacity:0;scale:.8}to{opacity:1;scale:1}}}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3.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 }); }
225
- }
226
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXModalContentComponent, decorators: [{
227
- type: Component,
228
- args: [{ selector: 'ax-modal-content', imports: [CommonModule, AXButtonComponent, AXDecoratorModule], encapsulation: ViewEncapsulation.None, hostDirectives: [AXFocusTrapDirective], providers: [{ provide: AXComponent, useExisting: AXModalContentComponent }], template: "<div\n #c\n class=\"ax-modal-container ax-{{ modalSizeState() }}-modal ax-modal-{{ modalSize() }} {{ panelClass() }}\"\n animate.enter=\"ax-fade-slide-in\"\n>\n @if (headerState()) {\n <div (pointerdown)=\"pointerDownHandler($event)\" class=\"ax-modal-header\">\n <ax-text>{{ headerTitle() }}</ax-text>\n\n <div class=\"flex\">\n @if (minimizeState()) {\n <ax-button class=\"ax-sm\" (onClick)=\"minimize()\" look=\"blank\" color=\"default\">\n <ax-icon class=\"ax-icon ax-icon-minimize\"> </ax-icon>\n </ax-button>\n }\n\n @if (modalSizeState() !== 'normal' || fullScreenState()) {\n <ax-button class=\"ax-sm\" (onClick)=\"restore()\" look=\"blank\" color=\"default\">\n <ax-icon class=\"ax-icon ax-icon-maximize\"> </ax-icon>\n </ax-button>\n }\n\n @if (maximizeState()) {\n <ax-button class=\"ax-sm\" (onClick)=\"maximize()\" look=\"blank\" color=\"default\">\n <ax-icon class=\"ax-icon ax-icon-full-screen\"> </ax-icon>\n </ax-button>\n }\n\n @if (closeHeaderButton()) {\n <ax-button class=\"ax-sm\" look=\"blank\" (onClick)=\"close()\" color=\"default\">\n <ax-icon class=\"ax-icon ax-icon-close\"> </ax-icon>\n </ax-button>\n }\n </div>\n </div>\n }\n\n <div class=\"ax-modal-content\">\n @if (isTemplate()) {\n <ng-container [ngTemplateOutlet]=\"this.template()\" [ngTemplateOutletContext]=\"inputs()\"></ng-container>\n } @else if (isHtmlElement()) {\n <div [innerHTML]=\"sanitizer.bypassSecurityTrustHtml(this.element().outerHTML)\"></div>\n } @else {\n <ng-container [ngComponentOutlet]=\"this.component()\" [ngComponentOutletInputs]=\"inputs()\"></ng-container>\n }\n </div>\n\n @if (footerState()) {\n <div class=\"ax-modal-footer\"></div>\n }\n</div>\n", styles: ["@layer properties;@layer components{ax-modal-content{touch-action:none;-webkit-user-select:none;user-select:none}ax-modal-content .ax-modal-drawer-backdrop{position:fixed;top:calc(var(--spacing, .25rem) * 0);left:calc(var(--spacing, .25rem) * 0);z-index:50;height:100vh;width:100vw}ax-modal-content .ax-modal-drawer-backdrop.ax-default-backdrop{background-color:color-mix(in srgb,#000 50%,transparent)}@supports (color: color-mix(in lab,red,red)){ax-modal-content .ax-modal-drawer-backdrop.ax-default-backdrop{background-color:color-mix(in oklab,var(--color-black, #000) 50%,transparent)}}ax-modal-content.ax-draggable .ax-modal-header:hover{cursor:move}ax-modal-content .ax-modal-container{position:fixed;z-index:55;display:flex;max-height:90vh;max-width:100vw;flex-direction:column;justify-content:space-between;overflow:hidden;border-radius:var(--radius-lg, .5rem);border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface));background-color:rgba(var(--ax-sys-color-lightest-surface))}ax-modal-content .ax-modal-container.ax-modal-full{height:100%;max-height:100vh!important;width:100%}ax-modal-content .ax-modal-container.ax-modal-fit{width:fit-content}ax-modal-content .ax-modal-container.ax-modal-sm,ax-modal-content .ax-modal-container.ax-modal-md,ax-modal-content .ax-modal-container.ax-modal-lg,ax-modal-content .ax-modal-container.ax-modal-fit{width:93vw}@media(min-width:640px){ax-modal-content .ax-modal-container.ax-modal-sm{width:55vw}ax-modal-content .ax-modal-container.ax-modal-md{width:65vw}ax-modal-content .ax-modal-container.ax-modal-lg{width:75vw}}@media(min-max-width:768px){ax-modal-content .ax-modal-container.ax-modal-sm{width:30vw}ax-modal-content .ax-modal-container.ax-modal-md{width:50vw}ax-modal-content .ax-modal-container.ax-modal-lg{width:85vw}}@media(min-width:1024px){ax-modal-content .ax-modal-container.ax-modal-sm{width:25vw}ax-modal-content .ax-modal-container.ax-modal-md{width:40vw}ax-modal-content .ax-modal-container.ax-modal-lg{width:65vw}}ax-modal-content .ax-modal-container.ax-normal-modal{transform:translate(-50%,-50%);top:50%;left:50%}ax-modal-content .ax-modal-container.ax-normal-modal .ax-modal-content,ax-modal-content .ax-modal-container.ax-normal-modal .ax-modal-footer{display:block}ax-modal-content .ax-modal-container.ax-minimize-modal{width:fit-content}ax-modal-content .ax-modal-container.ax-minimize-modal .ax-modal-content,ax-modal-content .ax-modal-container.ax-minimize-modal .ax-modal-footer{display:none}ax-modal-content .ax-modal-container .ax-modal-header,ax-modal-content .ax-modal-container .ax-modal-footer{padding:calc(var(--spacing, .25rem) * 2)}ax-modal-content .ax-modal-container .ax-modal-header,ax-modal-content .ax-modal-container .ax-modal-footer{height:fit-content}ax-modal-content .ax-modal-container .ax-modal-content{flex-grow:1;overflow:auto}ax-modal-content .ax-modal-container .ax-modal-header{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--spacing, .25rem) * 2);border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface))}ax-modal-content .ax-modal-container .ax-modal-footer{border-top-style:var(--tw-border-style);border-top-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface))}.ax-fade-slide-in{transform-origin:top left;animation:fadeSlideIn .3s ease}@keyframes fadeSlideIn{0%{opacity:0;scale:.8}to{opacity:1;scale:1}}}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"] }]
229
- }], propDecorators: { __content__: [{ type: i0.Input, args: [{ isSignal: true, alias: "__content__", required: true }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], inputs: [{ type: i0.Input, args: [{ isSignal: true, alias: "inputs", required: false }] }, { type: i0.Output, args: ["inputsChange"] }], modalContainer: [{ type: i0.ViewChild, args: ['c', { isSignal: true }] }], footer: [{ type: i0.ViewChild, args: [i0.forwardRef(() => AXModalFooterComponent), { isSignal: true }] }], pointerMoveHandler: [{
230
- type: HostListener,
231
- args: ['pointermove', ['$event']]
232
- }], pointerUpHandler: [{
233
- type: HostListener,
234
- args: ['pointerup']
235
- }, {
236
- type: HostListener,
237
- args: ['pointerleave']
238
- }], role: [{
239
- type: HostBinding,
240
- args: ['attr.tabindex']
241
- }], escapeHandler: [{
242
- type: HostListener,
243
- args: ['keydown', ['$event']]
244
- }] } });
245
-
246
- export { AXModalContentComponent };
247
- //# sourceMappingURL=acorex-components-modal-modal-content.component-BpUsCI8D.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"acorex-components-modal-modal-content.component-BpUsCI8D.mjs","sources":["../../../../packages/components/modal/src/lib/modal-content/modal-content.component.ts","../../../../packages/components/modal/src/lib/modal-content/modal-content.component.html"],"sourcesContent":["import { AXComponent, NXComponent } from '@acorex/cdk/common';\nimport { AXFocusTrapDirective } from '@acorex/cdk/focus-trap';\nimport { AXButtonComponent } from '@acorex/components/button';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXComponentContent, AXComponentInputs, AXComponentType } from '@acorex/core/components';\nimport { CommonModule } from '@angular/common';\nimport {\n afterNextRender,\n Component,\n computed,\n effect,\n ElementRef,\n HostBinding,\n HostListener,\n inject,\n input,\n model,\n signal,\n TemplateRef,\n viewChild,\n ViewEncapsulation,\n} from '@angular/core';\nimport { DomSanitizer } from '@angular/platform-browser';\nimport { AXModalFooterComponent } from '../modal-footer/modal-footer.component';\nimport { AXModalStateService } from '../modal-state.service';\n\n@Component({\n selector: 'ax-modal-content',\n templateUrl: './modal-content.component.html',\n styleUrl: './modal-content.component.css',\n imports: [CommonModule, AXButtonComponent, AXDecoratorModule],\n encapsulation: ViewEncapsulation.None,\n\n hostDirectives: [AXFocusTrapDirective],\n providers: [{ provide: AXComponent, useExisting: AXModalContentComponent }],\n})\nexport class AXModalContentComponent extends NXComponent {\n __content__ = input.required<AXComponentContent | HTMLElement>();\n public id = input<number>();\n public inputs = model<AXComponentInputs>();\n private serviceState = inject(AXModalStateService);\n protected sanitizer = inject(DomSanitizer);\n\n protected modalContainer = viewChild<ElementRef>('c');\n protected footer = viewChild<AXModalFooterComponent>(AXModalFooterComponent);\n\n protected isTemplate = computed(() => this.__content__() instanceof TemplateRef);\n protected isHtmlElement = computed(() => this.__content__() instanceof HTMLElement);\n\n public component = computed(() => this.__content__() as AXComponentType<any>);\n public template = computed(() => this.__content__() as TemplateRef<any>);\n public element = computed(() => this.__content__() as HTMLElement);\n\n protected modalSizeState = signal<'minimize' | 'normal'>('normal');\n protected fullScreenState = signal(false);\n private isMouseDown = signal(false);\n private offsetX = signal(0);\n private offsetY = signal(0);\n private prevLeft = signal('');\n private prevTop = signal('');\n private backdropState = computed(() => this.serviceState.modalOption()?.backdrop?.enabled ?? true);\n private closeOnEscape = computed(() => this.serviceState.modalOption()?.closeOnEscape ?? true);\n protected panelClass = computed(() => this.serviceState.modalOption()?.panelClass ?? '');\n protected headerState = computed(() => this.serviceState.modalOption()?.header ?? false);\n protected footerState = computed(() => this.serviceState.modalOption()?.footer ?? false);\n protected closeHeaderButton = computed(() => this.serviceState.modalOption()?.buttons?.close ?? true);\n private backdropBackground = computed(() => this.serviceState.modalOption()?.backdrop?.background ?? true);\n private backdropClass = computed(() => this.serviceState.modalOption()?.backdrop?.backdropClass ?? '');\n private backdropCloseOnClick = computed(() => this.serviceState.modalOption()?.backdrop?.closeOnClick ?? true);\n private minimizePosition = computed(\n () => this.serviceState.modalOption()?.buttons?.minimize?.position ?? 'bottom-right',\n );\n protected minimizeState = computed(() => this.serviceState.modalOption()?.buttons?.minimize?.enable ?? false);\n protected maximizeState = computed(() => this.serviceState.modalOption()?.buttons?.maximize ?? false);\n protected modalSize = computed(() => this.serviceState.modalOption()?.size ?? 'lg');\n protected headerTitle = computed(() => this.serviceState.modalOption()?.title ?? '');\n private draggable = computed(() => this.serviceState.modalOption()?.draggable ?? true);\n\n #init = afterNextRender(() => {\n this.nativeElement.focus();\n const popFooter = this.nativeElement.querySelector<HTMLDivElement>('.ax-modal-footer');\n const footer = this.nativeElement.querySelector<HTMLDivElement>('.ax-modal-content ax-modal-footer');\n if (footer) {\n setTimeout(() => {\n popFooter?.append(footer);\n });\n }\n });\n\n protected close() {\n this.serviceState.close(this.id());\n }\n\n minimize() {\n if (this.fullScreenState()) document.exitFullscreen();\n this.modalContainer().nativeElement.style.transition = 'all 200ms ease-out';\n\n this.modalContainer().nativeElement.style.top = `auto`;\n this.modalContainer().nativeElement.style.bottom = `0`;\n\n if (this.backdropState()) this.removeBackdrop();\n this.modalContainer().nativeElement.classList.remove('ax-normal-modal');\n this.modalContainer().nativeElement.classList.add('ax-minimize-modal');\n\n requestAnimationFrame(() => {\n const width = this.modalContainer().nativeElement.offsetWidth;\n const index = this.serviceState.getMapIndexOf(this.id());\n\n if (this.minimizePosition() === 'bottom-right') {\n this.modalContainer().nativeElement.style.left = `auto`;\n this.modalContainer().nativeElement.style.right = `${index * (width + 10)}px`;\n } else {\n this.modalContainer().nativeElement.style.right = `auto`;\n this.modalContainer().nativeElement.style.left = `${index * (width + 10)}px`;\n }\n });\n\n this.modalSizeState.set('minimize');\n }\n\n maximize() {\n this.modalContainer().nativeElement.style.transition = 'none';\n\n if (this.modalSizeState() === 'minimize') this.restore();\n\n if (!document.fullscreenElement) {\n this.modalContainer().nativeElement.requestFullscreen();\n this.fullScreenState.set(true);\n } else {\n document.exitFullscreen();\n }\n\n document.addEventListener('fullscreenchange', () => {\n if (!document.fullscreenElement) {\n this.fullScreenState.set(false);\n }\n });\n }\n\n restore() {\n setTimeout(() => {\n this.modalContainer().nativeElement.style.transition = 'none';\n }, 200);\n\n if (this.fullScreenState()) {\n document.exitFullscreen();\n return;\n }\n\n this.modalContainer().nativeElement.style.bottom = `auto`;\n this.modalContainer().nativeElement.style.right = `auto`;\n this.modalContainer().nativeElement.style.left = this.prevLeft();\n this.modalContainer().nativeElement.style.top = this.prevTop();\n\n if (this.backdropState()) this.addBackdrop();\n this.modalContainer().nativeElement.classList.remove(`ax-minimize-modal`);\n this.modalContainer().nativeElement.classList.add('ax-normal-modal');\n this.modalSizeState.set('normal');\n }\n\n protected pointerDownHandler(e: MouseEvent) {\n if (!this.draggable() || this.modalSizeState() === 'minimize' || this.fullScreenState()) return;\n this.isMouseDown.set(true);\n this.offsetX.set(e.clientX - this.modalContainer().nativeElement.offsetLeft);\n this.offsetY.set(e.clientY - this.modalContainer().nativeElement.offsetTop);\n }\n\n private addBackdrop() {\n const backdropElem = document.createElement('div');\n backdropElem.classList.add('ax-modal-drawer-backdrop');\n\n if (this.backdropClass()) {\n backdropElem.classList.add(...this.backdropClass().split(' '));\n } else {\n backdropElem.classList.add('ax-default-backdrop');\n }\n\n backdropElem.addEventListener('pointerdown', (e: MouseEvent) => {\n if (!this.backdropCloseOnClick()) return;\n if (e.target === e.currentTarget) {\n this.close();\n }\n });\n\n this.nativeElement.appendChild(backdropElem);\n }\n\n private removeBackdrop() {\n const backdropElem = this.nativeElement.querySelector('.ax-modal-drawer-backdrop');\n if (backdropElem) {\n backdropElem.remove();\n }\n }\n\n @HostListener('pointermove', ['$event'])\n protected pointerMoveHandler(e: MouseEvent) {\n if (!this.draggable() || this.modalSizeState() === 'minimize' || this.fullScreenState()) return;\n if (!this.isMouseDown()) return;\n this.modalContainer().nativeElement.style.left = `${e.clientX - this.offsetX()}px`;\n this.modalContainer().nativeElement.style.top = `${e.clientY - this.offsetY()}px`;\n this.prevLeft.set(`${e.clientX - this.offsetX()}px`);\n this.prevTop.set(`${e.clientY - this.offsetY()}px`);\n }\n\n @HostListener('pointerup')\n @HostListener('pointerleave')\n protected pointerUpHandler() {\n if (!this.draggable() || this.modalSizeState() === 'minimize' || this.fullScreenState()) return;\n this.isMouseDown.set(false);\n }\n\n @HostBinding('attr.tabindex') get role() {\n return '0';\n }\n\n @HostListener('keydown', ['$event'])\n protected escapeHandler(e: KeyboardEvent) {\n if (e.key === 'Escape' && this.closeOnEscape()) {\n this.close();\n }\n }\n\n #eff = effect(() => {\n const host = this.nativeElement;\n if (this.draggable()) host.classList.add('ax-draggable');\n if (!this.backdropState()) return;\n this.addBackdrop();\n if (!this.backdropBackground()) return;\n });\n}\n","<div\n #c\n class=\"ax-modal-container ax-{{ modalSizeState() }}-modal ax-modal-{{ modalSize() }} {{ panelClass() }}\"\n animate.enter=\"ax-fade-slide-in\"\n>\n @if (headerState()) {\n <div (pointerdown)=\"pointerDownHandler($event)\" class=\"ax-modal-header\">\n <ax-text>{{ headerTitle() }}</ax-text>\n\n <div class=\"flex\">\n @if (minimizeState()) {\n <ax-button class=\"ax-sm\" (onClick)=\"minimize()\" look=\"blank\" color=\"default\">\n <ax-icon class=\"ax-icon ax-icon-minimize\"> </ax-icon>\n </ax-button>\n }\n\n @if (modalSizeState() !== 'normal' || fullScreenState()) {\n <ax-button class=\"ax-sm\" (onClick)=\"restore()\" look=\"blank\" color=\"default\">\n <ax-icon class=\"ax-icon ax-icon-maximize\"> </ax-icon>\n </ax-button>\n }\n\n @if (maximizeState()) {\n <ax-button class=\"ax-sm\" (onClick)=\"maximize()\" look=\"blank\" color=\"default\">\n <ax-icon class=\"ax-icon ax-icon-full-screen\"> </ax-icon>\n </ax-button>\n }\n\n @if (closeHeaderButton()) {\n <ax-button class=\"ax-sm\" look=\"blank\" (onClick)=\"close()\" color=\"default\">\n <ax-icon class=\"ax-icon ax-icon-close\"> </ax-icon>\n </ax-button>\n }\n </div>\n </div>\n }\n\n <div class=\"ax-modal-content\">\n @if (isTemplate()) {\n <ng-container [ngTemplateOutlet]=\"this.template()\" [ngTemplateOutletContext]=\"inputs()\"></ng-container>\n } @else if (isHtmlElement()) {\n <div [innerHTML]=\"sanitizer.bypassSecurityTrustHtml(this.element().outerHTML)\"></div>\n } @else {\n <ng-container [ngComponentOutlet]=\"this.component()\" [ngComponentOutletInputs]=\"inputs()\"></ng-container>\n }\n </div>\n\n @if (footerState()) {\n <div class=\"ax-modal-footer\"></div>\n }\n</div>\n"],"names":[],"mappings":"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"}
@@ -1,2 +0,0 @@
1
- export { b as AXModalComponent, c as AXModalComponentBase, a as AXModalFooterComponent, d as AXModalModule, e as AXModalService } from './acorex-components-modal-acorex-components-modal-Djl-uo9b.mjs';
2
- //# sourceMappingURL=acorex-components-modal.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"acorex-components-modal.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
package/modal/README.md DELETED
@@ -1,3 +0,0 @@
1
- # @acorex/components/modal
2
-
3
- Secondary entry point of `@acorex/components`. It can be used by importing from `@acorex/components/modal`.
@@ -1,132 +0,0 @@
1
- import * as i0 from '@angular/core';
2
- import { TemplateRef } from '@angular/core';
3
- import { NXComponent } from '@acorex/cdk/common';
4
- import { AXComponentInputs, AXComponentContent } from '@acorex/core/components';
5
- import { AXOverlayOptions } from '@acorex/cdk/overlay';
6
- import { Subject } from 'rxjs';
7
-
8
- declare class AXModalFooterComponent {
9
- static ɵfac: i0.ɵɵFactoryDeclaration<AXModalFooterComponent, never>;
10
- static ɵcmp: i0.ɵɵComponentDeclaration<AXModalFooterComponent, "ax-modal-footer", never, {}, {}, never, ["ax-prefix", "ax-suffix", "ax-modal-footer"], true, never>;
11
- }
12
-
13
- interface AXModalOptions extends AXOverlayOptions {
14
- title?: string;
15
- buttons?: {
16
- minimize?: {
17
- enable: boolean;
18
- position: 'bottom-right' | 'bottom-left';
19
- };
20
- maximize?: boolean;
21
- close?: boolean;
22
- };
23
- draggable?: boolean;
24
- size?: 'sm' | 'md' | 'lg' | 'full' | 'fit';
25
- header?: boolean;
26
- footer?: boolean;
27
- panelClass?: string;
28
- closeOnEscape?: boolean;
29
- }
30
- interface AXModalRef<TResult = any> {
31
- minimize: () => void;
32
- maximize: () => void;
33
- restore: () => void;
34
- close: (data?: TResult) => void;
35
- setInputs: (values: AXComponentInputs) => void;
36
- /** Brings this modal to the front of all other overlays */
37
- bringToFront: () => void;
38
- onClose: Subject<TResult>;
39
- }
40
- declare abstract class AXModalComponentBase {
41
- __modal__: i0.InputSignal<AXModalRef<any>>;
42
- close(data?: any): void;
43
- minimize(): void;
44
- restore(): void;
45
- maximize(): void;
46
- bringToFront(): void;
47
- static ɵfac: i0.ɵɵFactoryDeclaration<AXModalComponentBase, never>;
48
- static ɵdir: i0.ɵɵDirectiveDeclaration<AXModalComponentBase, never, never, { "__modal__": { "alias": "__modal__"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
49
- }
50
-
51
- declare class AXModalComponent extends NXComponent {
52
- private service;
53
- protected template: i0.Signal<TemplateRef<any>>;
54
- private ref;
55
- /**
56
- * Opens the modal with the specified options.
57
- * @param options - Configuration options for the modal
58
- * @returns Promise<AXModalRef> - Reference to the opened modal
59
- */
60
- open(options?: AXModalOptions): Promise<AXModalRef<any>>;
61
- /**
62
- * Closes the currently open modal.
63
- */
64
- close(): Promise<void>;
65
- /**
66
- * Sets input values for the modal content component.
67
- * @param values - Object containing input values to set
68
- */
69
- setInputs(values: AXComponentInputs): Promise<void>;
70
- /**
71
- * Minimizes the modal to the bottom bar.
72
- */
73
- minimize(): Promise<void>;
74
- /**
75
- * Maximizes the modal to fullscreen.
76
- */
77
- maximize(): Promise<void>;
78
- /**
79
- * Restores the modal from minimized or maximized state.
80
- */
81
- restore(): Promise<void>;
82
- static ɵfac: i0.ɵɵFactoryDeclaration<AXModalComponent, never>;
83
- static ɵcmp: i0.ɵɵComponentDeclaration<AXModalComponent, "ax-modal", never, {}, {}, never, ["*"], true, never>;
84
- }
85
-
86
- declare class AXModalModule {
87
- static ɵfac: i0.ɵɵFactoryDeclaration<AXModalModule, never>;
88
- static ɵmod: i0.ɵɵNgModuleDeclaration<AXModalModule, never, [typeof AXModalComponent, typeof AXModalFooterComponent], [typeof AXModalComponent, typeof AXModalFooterComponent]>;
89
- static ɵinj: i0.ɵɵInjectorDeclaration<AXModalModule>;
90
- }
91
-
92
- declare class AXModalService {
93
- private stateService;
94
- private ref;
95
- /**
96
- * Opens a modal with the specified content and options.
97
- * @param content - Component, template, or HTML element to display
98
- * @param options - Configuration options for the modal
99
- * @returns Promise<AXModalRef> - Reference to the opened modal
100
- */
101
- open(content: AXComponentContent | HTMLElement, options?: AXModalOptions): Promise<AXModalRef>;
102
- /**
103
- * Closes the currently open modal.
104
- */
105
- close(): Promise<void>;
106
- /**
107
- * Sets input values for the modal content component.
108
- * @param values - Object containing input values to set
109
- */
110
- setInputs(values: AXComponentInputs): Promise<void>;
111
- /**
112
- * Minimizes the modal to the bottom bar.
113
- */
114
- minimize(): Promise<void>;
115
- /**
116
- * Maximizes the modal to fullscreen.
117
- */
118
- maximize(): Promise<void>;
119
- /**
120
- * Restores the modal from minimized or maximized state.
121
- */
122
- restore(): Promise<void>;
123
- /**
124
- * Brings the modal to the front of all other overlays.
125
- */
126
- bringToFront(): void;
127
- static ɵfac: i0.ɵɵFactoryDeclaration<AXModalService, never>;
128
- static ɵprov: i0.ɵɵInjectableDeclaration<AXModalService>;
129
- }
130
-
131
- export { AXModalComponent, AXModalComponentBase, AXModalFooterComponent, AXModalModule, AXModalService };
132
- export type { AXModalOptions, AXModalRef };