asksuite-citrus 0.17.0 → 0.18.0
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.
- package/esm2022/lib/asksuite-citrus.module.mjs +13 -3
- package/esm2022/lib/components/accordion/accordion.component.mjs +35 -0
- package/esm2022/lib/components/accordion/extendable-panel/extendable-panel.component.mjs +35 -0
- package/esm2022/public-api.mjs +3 -1
- package/fesm2022/asksuite-citrus.mjs +76 -4
- package/fesm2022/asksuite-citrus.mjs.map +1 -1
- package/lib/asksuite-citrus.module.d.ts +9 -7
- package/lib/components/accordion/accordion.component.d.ts +8 -0
- package/lib/components/accordion/extendable-panel/extendable-panel.component.d.ts +13 -0
- package/package.json +1 -1
- package/public-api.d.ts +2 -0
|
@@ -22,6 +22,8 @@ import { SpinnerComponent } from "./directives/spinner/spinner.component";
|
|
|
22
22
|
import { AskButtonDirective, AskTooltipDirective, AutofocusDirective, BadgeDirective, ScrollDirective, SpinnerDirective, AskDropdownDirective } from "./directives";
|
|
23
23
|
import { ModalBodyDirective, ModalComponent, ModalFooterDirective, ModalHeaderDirective } from './components/modal';
|
|
24
24
|
import { CharacterCounterComponent } from './components/character-counter/character-counter.component';
|
|
25
|
+
import { AccordionComponent } from "./components/accordion/accordion.component";
|
|
26
|
+
import { ExtendablePanelComponent } from "./components/accordion/extendable-panel/extendable-panel.component";
|
|
25
27
|
import * as i0 from "@angular/core";
|
|
26
28
|
import * as i1 from "@ngx-translate/core";
|
|
27
29
|
export class AsksuiteCitrusModule {
|
|
@@ -51,7 +53,9 @@ export class AsksuiteCitrusModule {
|
|
|
51
53
|
ModalBodyDirective,
|
|
52
54
|
ModalHeaderDirective,
|
|
53
55
|
ModalFooterDirective,
|
|
54
|
-
CharacterCounterComponent
|
|
56
|
+
CharacterCounterComponent,
|
|
57
|
+
AccordionComponent,
|
|
58
|
+
ExtendablePanelComponent], imports: [CommonModule,
|
|
55
59
|
FormsModule,
|
|
56
60
|
ReactiveFormsModule,
|
|
57
61
|
CdkOverlayOrigin,
|
|
@@ -79,7 +83,9 @@ export class AsksuiteCitrusModule {
|
|
|
79
83
|
ModalBodyDirective,
|
|
80
84
|
ModalHeaderDirective,
|
|
81
85
|
ModalFooterDirective,
|
|
82
|
-
CharacterCounterComponent
|
|
86
|
+
CharacterCounterComponent,
|
|
87
|
+
AccordionComponent,
|
|
88
|
+
ExtendablePanelComponent] }); }
|
|
83
89
|
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: AsksuiteCitrusModule, imports: [CommonModule,
|
|
84
90
|
FormsModule,
|
|
85
91
|
ReactiveFormsModule,
|
|
@@ -118,6 +124,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImpor
|
|
|
118
124
|
ModalHeaderDirective,
|
|
119
125
|
ModalFooterDirective,
|
|
120
126
|
CharacterCounterComponent,
|
|
127
|
+
AccordionComponent,
|
|
128
|
+
ExtendablePanelComponent
|
|
121
129
|
],
|
|
122
130
|
imports: [
|
|
123
131
|
CommonModule,
|
|
@@ -154,7 +162,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImpor
|
|
|
154
162
|
ModalHeaderDirective,
|
|
155
163
|
ModalFooterDirective,
|
|
156
164
|
CharacterCounterComponent,
|
|
165
|
+
AccordionComponent,
|
|
166
|
+
ExtendablePanelComponent,
|
|
157
167
|
],
|
|
158
168
|
}]
|
|
159
169
|
}] });
|
|
160
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
170
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXNrc3VpdGUtY2l0cnVzLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL2Fza3N1aXRlLWNpdHJ1cy9zcmMvbGliL2Fza3N1aXRlLWNpdHJ1cy5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sc0NBQXNDLENBQUM7QUFDdkUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQzdELE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQztBQUNwRSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sc0NBQXNDLENBQUM7QUFDdkUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQzlELE9BQU8sRUFBRSxXQUFXLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUNsRSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sc0NBQXNDLENBQUM7QUFDdkUsT0FBTyxFQUFFLDBCQUEwQixFQUFFLE1BQU0sOERBQThELENBQUM7QUFDMUcsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sa0RBQWtELENBQUM7QUFDekYsT0FBTyxFQUNMLG1CQUFtQixFQUNuQixnQkFBZ0IsRUFDaEIsYUFBYSxHQUNkLE1BQU0sc0JBQXNCLENBQUM7QUFDOUIsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLG9DQUFvQyxDQUFDO0FBQ3BFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLDBDQUEwQyxDQUFDO0FBQzdFLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGdEQUFnRCxDQUFDO0FBQ3JGLE9BQU8sRUFBRSwyQkFBMkIsRUFBRSxNQUFNLDhFQUE4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QixvQkFBb0I7d0JBQ3BCLG9CQUFvQjt3QkFDcEIseUJBQXlCO3dCQUN6QixrQkFBa0I7d0JBQ2xCLHdCQUF3QjtxQkFDekI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osV0FBVzt3QkFDWCxtQkFBbUI7d0JBQ25CLGdCQUFnQjt3QkFDaEIsbUJBQW1CO3dCQUNuQixhQUFhO3dCQUNiLGVBQWUsQ0FBQyxRQUFRLEVBQUU7d0JBQzFCLHVCQUF1Qjt3QkFDdkIsZ0JBQWdCO3FCQUNqQjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AsZUFBZTt3QkFDZixjQUFjO3dCQUNkLGVBQWU7d0JBQ2YsWUFBWTt3QkFDWixlQUFlO3dCQUNmLDBCQUEwQjt3QkFDMUIsb0JBQW9CO3dCQUNwQixxQkFBcUI7d0JBQ3JCLGNBQWM7d0JBQ2QsaUJBQWlCO3dCQUNqQixtQkFBbUI7d0JBQ25CLDJCQUEyQjt3QkFDM0IsaUJBQWlCO3dCQUNqQixnQkFBZ0I7d0JBQ2hCLGNBQWM7d0JBQ2Qsa0JBQWtCO3dCQUNsQixlQUFlO3dCQUNmLG1CQUFtQjt3QkFDbkIsa0JBQWtCO3dCQUNsQixrQkFBa0I7d0JBQ2xCLG9CQUFvQjt3QkFDcEIsb0JBQW9CO3dCQUNwQix5QkFBeUI7d0JBQ3pCLGtCQUFrQjt3QkFDbEIsd0JBQXdCO3FCQUN6QjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBCdXR0b25Db21wb25lbnQgfSBmcm9tICcuL2NvbXBvbmVudHMvYnV0dG9uL2J1dHRvbi5jb21wb25lbnQnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE1hdFRvb2x0aXBNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC90b29sdGlwJztcbmltcG9ydCB7IElucHV0Q29tcG9uZW50IH0gZnJvbSAnLi9jb21wb25lbnRzL2lucHV0L2lucHV0LmNvbXBvbmVudCc7XG5pbXBvcnQgeyBTZWxlY3RDb21wb25lbnQgfSBmcm9tICcuL2NvbXBvbmVudHMvc2VsZWN0L3NlbGVjdC5jb21wb25lbnQnO1xuaW1wb3J0IHsgQm94Q29tcG9uZW50IH0gZnJvbSAnLi9jb21wb25lbnRzL2JveC9ib3guY29tcG9uZW50JztcbmltcG9ydCB7IEZvcm1zTW9kdWxlLCBSZWFjdGl2ZUZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgQXZhdGFyQ29tcG9uZW50IH0gZnJvbSAnLi9jb21wb25lbnRzL2F2YXRhci9hdmF0YXIuY29tcG9uZW50JztcbmltcG9ydCB7IERyb3Bkb3duQ29udGFpbmVyQ29tcG9uZW50IH0gZnJvbSAnLi9jb21wb25lbnRzL2Ryb3Bkb3duLWNvbnRhaW5lci9kcm9wZG93bi1jb250YWluZXIuY29tcG9uZW50JztcbmltcG9ydCB7IEF1dG9jb21wbGV0ZUNvbXBvbmVudCB9IGZyb20gJy4vY29tcG9uZW50cy9hdXRvY29tcGxldGUvYXV0b2NvbXBsZXRlLmNvbXBvbmVudCc7XG5pbXBvcnQge1xuICBDZGtDb25uZWN0ZWRPdmVybGF5LFxuICBDZGtPdmVybGF5T3JpZ2luLFxuICBPdmVybGF5TW9kdWxlLFxufSBmcm9tICdAYW5ndWxhci9jZGsvb3ZlcmxheSc7XG5pbXBvcnQgeyBDaGlwc0NvbXBvbmVudCB9IGZyb20gJy4vY29tcG9uZW50cy9jaGlwcy9jaGlwcy5jb21wb25lbnQnO1xuaW1wb3J0IHsgQ2hlY2tib3hDb21wb25lbnQgfSBmcm9tICcuL2NvbXBvbmVudHMvY2hlY2tib3gvY2hlY2tib3guY29tcG9uZW50JztcbmltcG9ydCB7IERhdGVQaWNrZXJDb21wb25lbnQgfSBmcm9tICcuL2NvbXBvbmVudHMvZGF0ZS1waWNrZXIvZGF0ZS1waWNrZXIuY29tcG9uZW50JztcbmltcG9ydCB7IERhdGVQaWNrZXJDYWxlbmRhckNvbXBvbmVudCB9IGZyb20gJy4vY29tcG9uZW50cy9kYXRlLXBpY2tlci9kYXRlLXBpY2tlci1jYWxlbmRhci9kYXRlLXBpY2tlci1jYWxlbmRhci5jb21wb25lbnQnO1xuaW1wb3J0IHsgVHJhbnNsYXRlTW9kdWxlIH0gZnJvbSAnQG5neC10cmFuc2xhdGUvY29yZSc7XG5pbXBvcnQgeyBTa2VsZXRvbkNvbXBvbmVudCB9IGZyb20gJy4vY29tcG9uZW50cy9za2VsZXRvbi9za2VsZXRvbi5jb21wb25lbnQnO1xuaW1wb3J0IHsgTmd4U2tlbGV0b25Mb2FkZXJNb2R1bGUgfSBmcm9tICduZ3gtc2tlbGV0b24tbG9hZGVyJztcbmltcG9ydCB7IFRvYXN0Q29tcG9uZW50IH0gZnJvbSAnLi9jb21wb25lbnRzL3RvYXN0L3RvYXN0LmNvbXBvbmVudCc7XG5pbXBvcnQge1NwaW5uZXJDb21wb25lbnR9IGZyb20gXCIuL2RpcmVjdGl2ZXMvc3Bpbm5lci9zcGlubmVyLmNvbXBvbmVudFwiO1xuaW1wb3J0IHtcbiAgQXNrQnV0dG9uRGlyZWN0aXZlLFxuICBBc2tUb29sdGlwRGlyZWN0aXZlLFxuICBBdXRvZm9jdXNEaXJlY3RpdmUsXG4gIEJhZGdlRGlyZWN0aXZlLFxuICBTY3JvbGxEaXJlY3RpdmUsXG4gIFNwaW5uZXJEaXJlY3RpdmUsXG4gIEFza0Ryb3Bkb3duRGlyZWN0aXZlXG59IGZyb20gXCIuL2RpcmVjdGl2ZXNcIjtcbmltcG9ydCB7TW9kYWxCb2R5RGlyZWN0aXZlLCBNb2RhbENvbXBvbmVudCwgTW9kYWxGb290ZXJEaXJlY3RpdmUsIE1vZGFsSGVhZGVyRGlyZWN0aXZlfSBmcm9tICcuL2NvbXBvbmVudHMvbW9kYWwnO1xuaW1wb3J0IHsgQ2hhcmFjdGVyQ291bnRlckNvbXBvbmVudCB9IGZyb20gJy4vY29tcG9uZW50cy9jaGFyYWN0ZXItY291bnRlci9jaGFyYWN0ZXItY291bnRlci5jb21wb25lbnQnO1xuaW1wb3J0IHtBY2NvcmRpb25Db21wb25lbnR9IGZyb20gXCIuL2NvbXBvbmVudHMvYWNjb3JkaW9uL2FjY29yZGlvbi5jb21wb25lbnRcIjtcbmltcG9ydCB7RXh0ZW5kYWJsZVBhbmVsQ29tcG9uZW50fSBmcm9tIFwiLi9jb21wb25lbnRzL2FjY29yZGlvbi9leHRlbmRhYmxlLXBhbmVsL2V4dGVuZGFibGUtcGFuZWwuY29tcG9uZW50XCI7XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW1xuICAgIEJ1dHRvbkNvbXBvbmVudCxcbiAgICBJbnB1dENvbXBvbmVudCxcbiAgICBTZWxlY3RDb21wb25lbnQsXG4gICAgQm94Q29tcG9uZW50LFxuICAgIEF2YXRhckNvbXBvbmVudCxcbiAgICBEcm9wZG93bkNvbnRhaW5lckNvbXBvbmVudCxcbiAgICBBc2tEcm9wZG93bkRpcmVjdGl2ZSxcbiAgICBBdXRvY29tcGxldGVDb21wb25lbnQsXG4gICAgQ2hpcHNDb21wb25lbnQsXG4gICAgQ2hlY2tib3hDb21wb25lbnQsXG4gICAgRGF0ZVBpY2tlckNvbXBvbmVudCxcbiAgICBEYXRlUGlja2VyQ2FsZW5kYXJDb21wb25lbnQsXG4gICAgU2tlbGV0b25Db21wb25lbnQsXG4gICAgU3Bpbm5lckNvbXBvbmVudCxcbiAgICBTcGlubmVyRGlyZWN0aXZlLFxuICAgIEJhZGdlRGlyZWN0aXZlLFxuICAgIEF1dG9mb2N1c0RpcmVjdGl2ZSxcbiAgICBTY3JvbGxEaXJlY3RpdmUsXG4gICAgQXNrVG9vbHRpcERpcmVjdGl2ZSxcbiAgICBUb2FzdENvbXBvbmVudCxcbiAgICBBc2tCdXR0b25EaXJlY3RpdmUsXG4gICAgTW9kYWxDb21wb25lbnQsXG4gICAgTW9kYWxCb2R5RGlyZWN0aXZlLFxuICAgIE1vZGFsSGVhZGVyRGlyZWN0aXZlLFxuICAgIE1vZGFsRm9vdGVyRGlyZWN0aXZlLFxuICAgIENoYXJhY3RlckNvdW50ZXJDb21wb25lbnQsXG4gICAgQWNjb3JkaW9uQ29tcG9uZW50LFxuICAgIEV4dGVuZGFibGVQYW5lbENvbXBvbmVudFxuICBdLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIEZvcm1zTW9kdWxlLFxuICAgIFJlYWN0aXZlRm9ybXNNb2R1bGUsXG4gICAgQ2RrT3ZlcmxheU9yaWdpbixcbiAgICBDZGtDb25uZWN0ZWRPdmVybGF5LFxuICAgIE92ZXJsYXlNb2R1bGUsXG4gICAgVHJhbnNsYXRlTW9kdWxlLmZvckNoaWxkKCksXG4gICAgTmd4U2tlbGV0b25Mb2FkZXJNb2R1bGUsXG4gICAgTWF0VG9vbHRpcE1vZHVsZSxcbiAgXSxcbiAgZXhwb3J0czogW1xuICAgIEJ1dHRvbkNvbXBvbmVudCxcbiAgICBJbnB1dENvbXBvbmVudCxcbiAgICBTZWxlY3RDb21wb25lbnQsXG4gICAgQm94Q29tcG9uZW50LFxuICAgIEF2YXRhckNvbXBvbmVudCxcbiAgICBEcm9wZG93bkNvbnRhaW5lckNvbXBvbmVudCxcbiAgICBBc2tEcm9wZG93bkRpcmVjdGl2ZSxcbiAgICBBdXRvY29tcGxldGVDb21wb25lbnQsXG4gICAgQ2hpcHNDb21wb25lbnQsXG4gICAgQ2hlY2tib3hDb21wb25lbnQsXG4gICAgRGF0ZVBpY2tlckNvbXBvbmVudCxcbiAgICBEYXRlUGlja2VyQ2FsZW5kYXJDb21wb25lbnQsXG4gICAgU2tlbGV0b25Db21wb25lbnQsXG4gICAgU3Bpbm5lckRpcmVjdGl2ZSxcbiAgICBCYWRnZURpcmVjdGl2ZSxcbiAgICBBdXRvZm9jdXNEaXJlY3RpdmUsXG4gICAgU2Nyb2xsRGlyZWN0aXZlLFxuICAgIEFza1Rvb2x0aXBEaXJlY3RpdmUsXG4gICAgQXNrQnV0dG9uRGlyZWN0aXZlLFxuICAgIE1vZGFsQm9keURpcmVjdGl2ZSxcbiAgICBNb2RhbEhlYWRlckRpcmVjdGl2ZSxcbiAgICBNb2RhbEZvb3RlckRpcmVjdGl2ZSxcbiAgICBDaGFyYWN0ZXJDb3VudGVyQ29tcG9uZW50LFxuICAgIEFjY29yZGlvbkNvbXBvbmVudCxcbiAgICBFeHRlbmRhYmxlUGFuZWxDb21wb25lbnQsXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIEFza3N1aXRlQ2l0cnVzTW9kdWxlIHt9XG4iXX0=
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { Component, ContentChildren } from '@angular/core';
|
|
2
|
+
import { ExtendablePanelComponent } from "./extendable-panel/extendable-panel.component";
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export class AccordionComponent {
|
|
5
|
+
constructor() {
|
|
6
|
+
this.subscriptions = [];
|
|
7
|
+
}
|
|
8
|
+
set panels(elements) {
|
|
9
|
+
if (this.subscriptions.length) {
|
|
10
|
+
this.subscriptions.forEach(sub => sub.unsubscribe());
|
|
11
|
+
this.subscriptions = [];
|
|
12
|
+
}
|
|
13
|
+
if (!elements)
|
|
14
|
+
return;
|
|
15
|
+
elements.forEach((element, index) => {
|
|
16
|
+
element.id = index;
|
|
17
|
+
this.subscriptions.push(element.opened.subscribe(() => {
|
|
18
|
+
elements.forEach(el => {
|
|
19
|
+
if (el.id !== element.id)
|
|
20
|
+
el.close();
|
|
21
|
+
});
|
|
22
|
+
}));
|
|
23
|
+
});
|
|
24
|
+
}
|
|
25
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: AccordionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
26
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: AccordionComponent, selector: "ask-accordion", queries: [{ propertyName: "panels", predicate: ExtendablePanelComponent }], ngImport: i0, template: "<ng-content select=\"ask-extendable-panel\"></ng-content>\n", styles: [""] }); }
|
|
27
|
+
}
|
|
28
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: AccordionComponent, decorators: [{
|
|
29
|
+
type: Component,
|
|
30
|
+
args: [{ selector: 'ask-accordion', template: "<ng-content select=\"ask-extendable-panel\"></ng-content>\n" }]
|
|
31
|
+
}], propDecorators: { panels: [{
|
|
32
|
+
type: ContentChildren,
|
|
33
|
+
args: [ExtendablePanelComponent]
|
|
34
|
+
}] } });
|
|
35
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNjb3JkaW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Fza3N1aXRlLWNpdHJ1cy9zcmMvbGliL2NvbXBvbmVudHMvYWNjb3JkaW9uL2FjY29yZGlvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hc2tzdWl0ZS1jaXRydXMvc3JjL2xpYi9jb21wb25lbnRzL2FjY29yZGlvbi9hY2NvcmRpb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxlQUFlLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDekQsT0FBTyxFQUFDLHdCQUF3QixFQUFDLE1BQU0sK0NBQStDLENBQUM7O0FBUXZGLE1BQU0sT0FBTyxrQkFBa0I7SUFML0I7UUFNVSxrQkFBYSxHQUFtQixFQUFFLENBQUE7S0FtQjNDO0lBakJDLElBQStDLE1BQU0sQ0FBQyxRQUFvQztRQUN4RixJQUFJLElBQUksQ0FBQyxhQUFhLENBQUMsTUFBTSxFQUFFO1lBQzdCLElBQUksQ0FBQyxhQUFhLENBQUMsT0FBTyxDQUFDLEdBQUcsQ0FBQyxFQUFFLENBQUMsR0FBRyxDQUFDLFdBQVcsRUFBRSxDQUFDLENBQUE7WUFDcEQsSUFBSSxDQUFDLGFBQWEsR0FBRyxFQUFFLENBQUE7U0FDeEI7UUFDRCxJQUFJLENBQUMsUUFBUTtZQUFFLE9BQU87UUFFdEIsUUFBUSxDQUFDLE9BQU8sQ0FBQyxDQUFDLE9BQU8sRUFBRSxLQUFLLEVBQUUsRUFBRTtZQUNsQyxPQUFPLENBQUMsRUFBRSxHQUFHLEtBQUssQ0FBQTtZQUNsQixJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsTUFBTSxDQUFDLFNBQVMsQ0FBQyxHQUFHLEVBQUU7Z0JBQ3BELFFBQVEsQ0FBQyxPQUFPLENBQUMsRUFBRSxDQUFDLEVBQUU7b0JBQ3BCLElBQUksRUFBRSxDQUFDLEVBQUUsS0FBSyxPQUFPLENBQUMsRUFBRTt3QkFBRSxFQUFFLENBQUMsS0FBSyxFQUFFLENBQUE7Z0JBQ3RDLENBQUMsQ0FBQyxDQUFBO1lBQ0osQ0FBQyxDQUFDLENBQUMsQ0FBQTtRQUNMLENBQUMsQ0FBQyxDQUFBO0lBQ0osQ0FBQzs4R0FsQlUsa0JBQWtCO2tHQUFsQixrQkFBa0IsNEVBR1osd0JBQXdCLDZCQ1ozQyw2REFDQTs7MkZEUWEsa0JBQWtCO2tCQUw5QixTQUFTOytCQUNFLGVBQWU7OEJBT3NCLE1BQU07c0JBQXBELGVBQWU7dUJBQUMsd0JBQXdCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIENvbnRlbnRDaGlsZHJlbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge0V4dGVuZGFibGVQYW5lbENvbXBvbmVudH0gZnJvbSBcIi4vZXh0ZW5kYWJsZS1wYW5lbC9leHRlbmRhYmxlLXBhbmVsLmNvbXBvbmVudFwiO1xuaW1wb3J0IHtTdWJzY3JpcHRpb259IGZyb20gXCJyeGpzXCI7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2Fzay1hY2NvcmRpb24nLFxuICB0ZW1wbGF0ZVVybDogJy4vYWNjb3JkaW9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYWNjb3JkaW9uLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgQWNjb3JkaW9uQ29tcG9uZW50IHtcbiAgcHJpdmF0ZSBzdWJzY3JpcHRpb25zOiBTdWJzY3JpcHRpb25bXSA9IFtdXG5cbiAgQENvbnRlbnRDaGlsZHJlbihFeHRlbmRhYmxlUGFuZWxDb21wb25lbnQpIHNldCBwYW5lbHMoZWxlbWVudHM6IEV4dGVuZGFibGVQYW5lbENvbXBvbmVudFtdKSB7XG4gICAgaWYgKHRoaXMuc3Vic2NyaXB0aW9ucy5sZW5ndGgpIHtcbiAgICAgIHRoaXMuc3Vic2NyaXB0aW9ucy5mb3JFYWNoKHN1YiA9PiBzdWIudW5zdWJzY3JpYmUoKSlcbiAgICAgIHRoaXMuc3Vic2NyaXB0aW9ucyA9IFtdXG4gICAgfVxuICAgIGlmICghZWxlbWVudHMpIHJldHVybjtcblxuICAgIGVsZW1lbnRzLmZvckVhY2goKGVsZW1lbnQsIGluZGV4KSA9PiB7XG4gICAgICBlbGVtZW50LmlkID0gaW5kZXhcbiAgICAgIHRoaXMuc3Vic2NyaXB0aW9ucy5wdXNoKGVsZW1lbnQub3BlbmVkLnN1YnNjcmliZSgoKSA9PiB7XG4gICAgICAgIGVsZW1lbnRzLmZvckVhY2goZWwgPT4ge1xuICAgICAgICAgIGlmIChlbC5pZCAhPT0gZWxlbWVudC5pZCkgZWwuY2xvc2UoKVxuICAgICAgICB9KVxuICAgICAgfSkpXG4gICAgfSlcbiAgfVxuXG59XG4iLCI8bmctY29udGVudCBzZWxlY3Q9XCJhc2stZXh0ZW5kYWJsZS1wYW5lbFwiPjwvbmctY29udGVudD5cbiJdfQ==
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { Component, EventEmitter, HostBinding, Input, Output } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@angular/common";
|
|
4
|
+
export class ExtendablePanelComponent {
|
|
5
|
+
constructor() {
|
|
6
|
+
this.isOpen = false;
|
|
7
|
+
this.highlight = false;
|
|
8
|
+
this.closed = new EventEmitter();
|
|
9
|
+
this.opened = new EventEmitter();
|
|
10
|
+
}
|
|
11
|
+
open() {
|
|
12
|
+
this.opened.emit();
|
|
13
|
+
this.isOpen = true;
|
|
14
|
+
}
|
|
15
|
+
close() {
|
|
16
|
+
this.closed.emit();
|
|
17
|
+
this.isOpen = false;
|
|
18
|
+
}
|
|
19
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: ExtendablePanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
20
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: ExtendablePanelComponent, selector: "ask-extendable-panel", inputs: { highlight: "highlight" }, outputs: { closed: "closed", opened: "opened" }, host: { properties: { "class.-highlight": "this.highlight" } }, ngImport: i0, template: "<div [class.-closed]=\"!isOpen\" [class.-open]=\"isOpen\" class=\"panel-container\">\n <div (click)=\"isOpen ? close() : open()\" class=\"header\" data-testid=\"extendable-panel-header\">\n <div class=\"header-title\">\n <ng-content select=\"[title]\"></ng-content>\n </div>\n <div class=\"header-description\">\n <ng-content select=\"[description]\"></ng-content>\n </div>\n <span\n class=\"header-action material-icons\">{{isOpen ? 'expand_less' : 'expand_more'}}</span>\n </div>\n <div *ngIf=\"isOpen\" [class.fade-in-bck]=\"isOpen\" class=\"content\">\n <ng-container>\n <ng-content select=\"[content]\"></ng-content>\n </ng-container>\n </div>\n</div>\n\n", styles: [":host{position:relative}:host.-highlight:before{content:\"\";background-color:#ff5724;border-radius:4px 0 0 4px;height:100%;width:4px;position:absolute}.panel-container{max-width:100%;padding:0 16px 0 20px;border-radius:4px;background:white;box-shadow:0 1px 2px #2a304229;-webkit-transition:all .5s cubic-bezier(.25,.46,.45,.94);-moz-transition:all .5s cubic-bezier(.25,.46,.45,.94);-ms-transition:all .5s cubic-bezier(.25,.46,.45,.94);-o-transition:all .5s cubic-bezier(.25,.46,.45,.94);margin-bottom:16px}.panel-container.-open{padding-bottom:16px;max-height:500px;background:#F5F7FA}.panel-container.-closed{max-height:50px}.panel-container>.header{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;height:50px}.panel-container>.header:hover{cursor:pointer}.panel-container:hover{background:#F5F7FA}.header-action:hover{cursor:pointer}.fade-in-bck{animation:fade-in-bck .3s cubic-bezier(.39,.575,.565,1) .3s both}@keyframes fade-in-bck{0%{transform:translateZ(80px);opacity:0}to{transform:translateZ(0);opacity:1}}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
21
|
+
}
|
|
22
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: ExtendablePanelComponent, decorators: [{
|
|
23
|
+
type: Component,
|
|
24
|
+
args: [{ selector: 'ask-extendable-panel', template: "<div [class.-closed]=\"!isOpen\" [class.-open]=\"isOpen\" class=\"panel-container\">\n <div (click)=\"isOpen ? close() : open()\" class=\"header\" data-testid=\"extendable-panel-header\">\n <div class=\"header-title\">\n <ng-content select=\"[title]\"></ng-content>\n </div>\n <div class=\"header-description\">\n <ng-content select=\"[description]\"></ng-content>\n </div>\n <span\n class=\"header-action material-icons\">{{isOpen ? 'expand_less' : 'expand_more'}}</span>\n </div>\n <div *ngIf=\"isOpen\" [class.fade-in-bck]=\"isOpen\" class=\"content\">\n <ng-container>\n <ng-content select=\"[content]\"></ng-content>\n </ng-container>\n </div>\n</div>\n\n", styles: [":host{position:relative}:host.-highlight:before{content:\"\";background-color:#ff5724;border-radius:4px 0 0 4px;height:100%;width:4px;position:absolute}.panel-container{max-width:100%;padding:0 16px 0 20px;border-radius:4px;background:white;box-shadow:0 1px 2px #2a304229;-webkit-transition:all .5s cubic-bezier(.25,.46,.45,.94);-moz-transition:all .5s cubic-bezier(.25,.46,.45,.94);-ms-transition:all .5s cubic-bezier(.25,.46,.45,.94);-o-transition:all .5s cubic-bezier(.25,.46,.45,.94);margin-bottom:16px}.panel-container.-open{padding-bottom:16px;max-height:500px;background:#F5F7FA}.panel-container.-closed{max-height:50px}.panel-container>.header{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;height:50px}.panel-container>.header:hover{cursor:pointer}.panel-container:hover{background:#F5F7FA}.header-action:hover{cursor:pointer}.fade-in-bck{animation:fade-in-bck .3s cubic-bezier(.39,.575,.565,1) .3s both}@keyframes fade-in-bck{0%{transform:translateZ(80px);opacity:0}to{transform:translateZ(0);opacity:1}}\n"] }]
|
|
25
|
+
}], propDecorators: { highlight: [{
|
|
26
|
+
type: HostBinding,
|
|
27
|
+
args: ['class.-highlight']
|
|
28
|
+
}, {
|
|
29
|
+
type: Input
|
|
30
|
+
}], closed: [{
|
|
31
|
+
type: Output
|
|
32
|
+
}], opened: [{
|
|
33
|
+
type: Output
|
|
34
|
+
}] } });
|
|
35
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXh0ZW5kYWJsZS1wYW5lbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hc2tzdWl0ZS1jaXRydXMvc3JjL2xpYi9jb21wb25lbnRzL2FjY29yZGlvbi9leHRlbmRhYmxlLXBhbmVsL2V4dGVuZGFibGUtcGFuZWwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYXNrc3VpdGUtY2l0cnVzL3NyYy9saWIvY29tcG9uZW50cy9hY2NvcmRpb24vZXh0ZW5kYWJsZS1wYW5lbC9leHRlbmRhYmxlLXBhbmVsLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsWUFBWSxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFDLE1BQU0sZUFBZSxDQUFDOzs7QUFPbEYsTUFBTSxPQUFPLHdCQUF3QjtJQUxyQztRQU1FLFdBQU0sR0FBRyxLQUFLLENBQUE7UUFLZCxjQUFTLEdBQUcsS0FBSyxDQUFBO1FBRVAsV0FBTSxHQUFHLElBQUksWUFBWSxFQUFRLENBQUE7UUFDakMsV0FBTSxHQUFHLElBQUksWUFBWSxFQUFRLENBQUE7S0FZNUM7SUFWUSxJQUFJO1FBQ1QsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLEVBQUUsQ0FBQTtRQUNsQixJQUFJLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQTtJQUNwQixDQUFDO0lBRU0sS0FBSztRQUNWLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxFQUFFLENBQUE7UUFDbEIsSUFBSSxDQUFDLE1BQU0sR0FBRyxLQUFLLENBQUE7SUFDckIsQ0FBQzs4R0FuQlUsd0JBQXdCO2tHQUF4Qix3QkFBd0IsaU5DUHJDLG1zQkFrQkE7OzJGRFhhLHdCQUF3QjtrQkFMcEMsU0FBUzsrQkFDRSxzQkFBc0I7OEJBVWhDLFNBQVM7c0JBRlIsV0FBVzt1QkFBQyxrQkFBa0I7O3NCQUM5QixLQUFLO2dCQUdJLE1BQU07c0JBQWYsTUFBTTtnQkFDRyxNQUFNO3NCQUFmLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBIb3N0QmluZGluZywgSW5wdXQsIE91dHB1dH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2Fzay1leHRlbmRhYmxlLXBhbmVsJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2V4dGVuZGFibGUtcGFuZWwuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9leHRlbmRhYmxlLXBhbmVsLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgRXh0ZW5kYWJsZVBhbmVsQ29tcG9uZW50IHtcbiAgaXNPcGVuID0gZmFsc2VcbiAgaWQ/OiBudW1iZXJcblxuICBASG9zdEJpbmRpbmcoJ2NsYXNzLi1oaWdobGlnaHQnKVxuICBASW5wdXQoKVxuICBoaWdobGlnaHQgPSBmYWxzZVxuXG4gIEBPdXRwdXQoKSBjbG9zZWQgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KClcbiAgQE91dHB1dCgpIG9wZW5lZCA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKVxuXG4gIHB1YmxpYyBvcGVuKCkge1xuICAgIHRoaXMub3BlbmVkLmVtaXQoKVxuICAgIHRoaXMuaXNPcGVuID0gdHJ1ZVxuICB9XG5cbiAgcHVibGljIGNsb3NlKCkge1xuICAgIHRoaXMuY2xvc2VkLmVtaXQoKVxuICAgIHRoaXMuaXNPcGVuID0gZmFsc2VcbiAgfVxuXG59XG4iLCI8ZGl2IFtjbGFzcy4tY2xvc2VkXT1cIiFpc09wZW5cIiBbY2xhc3MuLW9wZW5dPVwiaXNPcGVuXCIgY2xhc3M9XCJwYW5lbC1jb250YWluZXJcIj5cbiAgPGRpdiAoY2xpY2spPVwiaXNPcGVuID8gY2xvc2UoKSA6IG9wZW4oKVwiIGNsYXNzPVwiaGVhZGVyXCIgZGF0YS10ZXN0aWQ9XCJleHRlbmRhYmxlLXBhbmVsLWhlYWRlclwiPlxuICAgIDxkaXYgY2xhc3M9XCJoZWFkZXItdGl0bGVcIj5cbiAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIlt0aXRsZV1cIj48L25nLWNvbnRlbnQ+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cImhlYWRlci1kZXNjcmlwdGlvblwiPlxuICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2Rlc2NyaXB0aW9uXVwiPjwvbmctY29udGVudD5cbiAgICA8L2Rpdj5cbiAgICA8c3BhblxuICAgICAgY2xhc3M9XCJoZWFkZXItYWN0aW9uIG1hdGVyaWFsLWljb25zXCI+e3tpc09wZW4gPyAnZXhwYW5kX2xlc3MnIDogJ2V4cGFuZF9tb3JlJ319PC9zcGFuPlxuICA8L2Rpdj5cbiAgPGRpdiAqbmdJZj1cImlzT3BlblwiIFtjbGFzcy5mYWRlLWluLWJja109XCJpc09wZW5cIiBjbGFzcz1cImNvbnRlbnRcIj5cbiAgICA8bmctY29udGFpbmVyPlxuICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2NvbnRlbnRdXCI+PC9uZy1jb250ZW50PlxuICAgIDwvbmctY29udGFpbmVyPlxuICA8L2Rpdj5cbjwvZGl2PlxuXG4iXX0=
|
package/esm2022/public-api.mjs
CHANGED
|
@@ -16,6 +16,8 @@ export * from './lib/components/date-picker/date-picker.component';
|
|
|
16
16
|
export * from './lib/components/date-picker/date-picker-calendar/date-picker-calendar.component';
|
|
17
17
|
export * from './lib/components/skeleton/skeleton.component';
|
|
18
18
|
export * from './lib/components/character-counter/character-counter.component';
|
|
19
|
+
export * from './lib/components/accordion/accordion.component';
|
|
20
|
+
export * from './lib/components/accordion/extendable-panel/extendable-panel.component';
|
|
19
21
|
// Directives
|
|
20
22
|
export * from './lib/directives';
|
|
21
23
|
export * from './lib/components/modal/directives';
|
|
@@ -24,4 +26,4 @@ export * from './lib/services/toast/toast.service';
|
|
|
24
26
|
export * from './lib/services/modal';
|
|
25
27
|
// Config
|
|
26
28
|
export * from './lib/services/toast/toast.config';
|
|
27
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
29
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL2Fza3N1aXRlLWNpdHJ1cy9zcmMvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsOEJBQThCLENBQUM7QUFFN0MsYUFBYTtBQUNiLGNBQWMsMENBQTBDLENBQUE7QUFDeEQsY0FBYyx3Q0FBd0MsQ0FBQTtBQUN0RCxjQUFjLDBDQUEwQyxDQUFBO0FBQ3hELGNBQWMsb0NBQW9DLENBQUE7QUFDbEQsY0FBYywwQ0FBMEMsQ0FBQTtBQUN4RCxjQUFjLGtFQUFrRSxDQUFBO0FBQ2hGLGNBQWMsc0RBQXNELENBQUE7QUFDcEUsY0FBYyw4Q0FBOEMsQ0FBQTtBQUM1RCxjQUFjLHdDQUF3QyxDQUFBO0FBQ3RELGNBQWMsb0RBQW9ELENBQUE7QUFDbEUsY0FBYyxrRkFBa0YsQ0FBQTtBQUNoRyxjQUFjLDhDQUE4QyxDQUFBO0FBQzVELGNBQWMsZ0VBQWdFLENBQUE7QUFDOUUsY0FBYyxnREFBZ0QsQ0FBQTtBQUM5RCxjQUFjLHdFQUF3RSxDQUFBO0FBRXRGLGFBQWE7QUFDYixjQUFjLGtCQUFrQixDQUFBO0FBQ2hDLGNBQWMsbUNBQW1DLENBQUE7QUFFakQsV0FBVztBQUNYLGNBQWMsb0NBQW9DLENBQUM7QUFDbkQsY0FBYyxzQkFBc0IsQ0FBQztBQUVyQyxTQUFTO0FBQ1QsY0FBYyxtQ0FBbUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBQdWJsaWMgQVBJIFN1cmZhY2Ugb2YgYXNrc3VpdGUtY2l0cnVzXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9saWIvYXNrc3VpdGUtY2l0cnVzLm1vZHVsZSc7XG5cbi8vIENvbXBvbmVudHNcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvYnV0dG9uL2J1dHRvbi5jb21wb25lbnQnXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2lucHV0L2lucHV0LmNvbXBvbmVudCdcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvc2VsZWN0L3NlbGVjdC5jb21wb25lbnQnXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2JveC9ib3guY29tcG9uZW50J1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9hdmF0YXIvYXZhdGFyLmNvbXBvbmVudCdcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvZHJvcGRvd24tY29udGFpbmVyL2Ryb3Bkb3duLWNvbnRhaW5lci5jb21wb25lbnQnXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2F1dG9jb21wbGV0ZS9hdXRvY29tcGxldGUuY29tcG9uZW50J1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9jaGVja2JveC9jaGVja2JveC5jb21wb25lbnQnXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2NoaXBzL2NoaXBzLmNvbXBvbmVudCdcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvZGF0ZS1waWNrZXIvZGF0ZS1waWNrZXIuY29tcG9uZW50J1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9kYXRlLXBpY2tlci9kYXRlLXBpY2tlci1jYWxlbmRhci9kYXRlLXBpY2tlci1jYWxlbmRhci5jb21wb25lbnQnXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL3NrZWxldG9uL3NrZWxldG9uLmNvbXBvbmVudCdcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvY2hhcmFjdGVyLWNvdW50ZXIvY2hhcmFjdGVyLWNvdW50ZXIuY29tcG9uZW50J1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9hY2NvcmRpb24vYWNjb3JkaW9uLmNvbXBvbmVudCdcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvYWNjb3JkaW9uL2V4dGVuZGFibGUtcGFuZWwvZXh0ZW5kYWJsZS1wYW5lbC5jb21wb25lbnQnXG5cbi8vIERpcmVjdGl2ZXNcbmV4cG9ydCAqIGZyb20gJy4vbGliL2RpcmVjdGl2ZXMnXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL21vZGFsL2RpcmVjdGl2ZXMnXG5cbi8vIFNlcnZpY2VzXG5leHBvcnQgKiBmcm9tICcuL2xpYi9zZXJ2aWNlcy90b2FzdC90b2FzdC5zZXJ2aWNlJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL3NlcnZpY2VzL21vZGFsJztcblxuLy8gQ29uZmlnXG5leHBvcnQgKiBmcm9tICcuL2xpYi9zZXJ2aWNlcy90b2FzdC90b2FzdC5jb25maWcnO1xuIl19
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { EventEmitter, Component, Input, Output, forwardRef, ViewChild, HostListener, Directive, ChangeDetectionStrategy, inject, DestroyRef, InjectionToken, Inject, HostBinding, NgModule, Injector, Injectable } from '@angular/core';
|
|
2
|
+
import { EventEmitter, Component, Input, Output, forwardRef, ViewChild, HostListener, Directive, ChangeDetectionStrategy, inject, DestroyRef, InjectionToken, Inject, HostBinding, ContentChildren, NgModule, Injector, Injectable } from '@angular/core';
|
|
3
3
|
import * as i1 from '@angular/common';
|
|
4
4
|
import { DOCUMENT, CommonModule } from '@angular/common';
|
|
5
5
|
import * as i1$2 from '@angular/material/tooltip';
|
|
@@ -1734,6 +1734,70 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImpor
|
|
|
1734
1734
|
args: ['class.-limit']
|
|
1735
1735
|
}] } });
|
|
1736
1736
|
|
|
1737
|
+
class ExtendablePanelComponent {
|
|
1738
|
+
constructor() {
|
|
1739
|
+
this.isOpen = false;
|
|
1740
|
+
this.highlight = false;
|
|
1741
|
+
this.closed = new EventEmitter();
|
|
1742
|
+
this.opened = new EventEmitter();
|
|
1743
|
+
}
|
|
1744
|
+
open() {
|
|
1745
|
+
this.opened.emit();
|
|
1746
|
+
this.isOpen = true;
|
|
1747
|
+
}
|
|
1748
|
+
close() {
|
|
1749
|
+
this.closed.emit();
|
|
1750
|
+
this.isOpen = false;
|
|
1751
|
+
}
|
|
1752
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: ExtendablePanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1753
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: ExtendablePanelComponent, selector: "ask-extendable-panel", inputs: { highlight: "highlight" }, outputs: { closed: "closed", opened: "opened" }, host: { properties: { "class.-highlight": "this.highlight" } }, ngImport: i0, template: "<div [class.-closed]=\"!isOpen\" [class.-open]=\"isOpen\" class=\"panel-container\">\n <div (click)=\"isOpen ? close() : open()\" class=\"header\" data-testid=\"extendable-panel-header\">\n <div class=\"header-title\">\n <ng-content select=\"[title]\"></ng-content>\n </div>\n <div class=\"header-description\">\n <ng-content select=\"[description]\"></ng-content>\n </div>\n <span\n class=\"header-action material-icons\">{{isOpen ? 'expand_less' : 'expand_more'}}</span>\n </div>\n <div *ngIf=\"isOpen\" [class.fade-in-bck]=\"isOpen\" class=\"content\">\n <ng-container>\n <ng-content select=\"[content]\"></ng-content>\n </ng-container>\n </div>\n</div>\n\n", styles: [":host{position:relative}:host.-highlight:before{content:\"\";background-color:#ff5724;border-radius:4px 0 0 4px;height:100%;width:4px;position:absolute}.panel-container{max-width:100%;padding:0 16px 0 20px;border-radius:4px;background:white;box-shadow:0 1px 2px #2a304229;-webkit-transition:all .5s cubic-bezier(.25,.46,.45,.94);-moz-transition:all .5s cubic-bezier(.25,.46,.45,.94);-ms-transition:all .5s cubic-bezier(.25,.46,.45,.94);-o-transition:all .5s cubic-bezier(.25,.46,.45,.94);margin-bottom:16px}.panel-container.-open{padding-bottom:16px;max-height:500px;background:#F5F7FA}.panel-container.-closed{max-height:50px}.panel-container>.header{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;height:50px}.panel-container>.header:hover{cursor:pointer}.panel-container:hover{background:#F5F7FA}.header-action:hover{cursor:pointer}.fade-in-bck{animation:fade-in-bck .3s cubic-bezier(.39,.575,.565,1) .3s both}@keyframes fade-in-bck{0%{transform:translateZ(80px);opacity:0}to{transform:translateZ(0);opacity:1}}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
1754
|
+
}
|
|
1755
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: ExtendablePanelComponent, decorators: [{
|
|
1756
|
+
type: Component,
|
|
1757
|
+
args: [{ selector: 'ask-extendable-panel', template: "<div [class.-closed]=\"!isOpen\" [class.-open]=\"isOpen\" class=\"panel-container\">\n <div (click)=\"isOpen ? close() : open()\" class=\"header\" data-testid=\"extendable-panel-header\">\n <div class=\"header-title\">\n <ng-content select=\"[title]\"></ng-content>\n </div>\n <div class=\"header-description\">\n <ng-content select=\"[description]\"></ng-content>\n </div>\n <span\n class=\"header-action material-icons\">{{isOpen ? 'expand_less' : 'expand_more'}}</span>\n </div>\n <div *ngIf=\"isOpen\" [class.fade-in-bck]=\"isOpen\" class=\"content\">\n <ng-container>\n <ng-content select=\"[content]\"></ng-content>\n </ng-container>\n </div>\n</div>\n\n", styles: [":host{position:relative}:host.-highlight:before{content:\"\";background-color:#ff5724;border-radius:4px 0 0 4px;height:100%;width:4px;position:absolute}.panel-container{max-width:100%;padding:0 16px 0 20px;border-radius:4px;background:white;box-shadow:0 1px 2px #2a304229;-webkit-transition:all .5s cubic-bezier(.25,.46,.45,.94);-moz-transition:all .5s cubic-bezier(.25,.46,.45,.94);-ms-transition:all .5s cubic-bezier(.25,.46,.45,.94);-o-transition:all .5s cubic-bezier(.25,.46,.45,.94);margin-bottom:16px}.panel-container.-open{padding-bottom:16px;max-height:500px;background:#F5F7FA}.panel-container.-closed{max-height:50px}.panel-container>.header{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;height:50px}.panel-container>.header:hover{cursor:pointer}.panel-container:hover{background:#F5F7FA}.header-action:hover{cursor:pointer}.fade-in-bck{animation:fade-in-bck .3s cubic-bezier(.39,.575,.565,1) .3s both}@keyframes fade-in-bck{0%{transform:translateZ(80px);opacity:0}to{transform:translateZ(0);opacity:1}}\n"] }]
|
|
1758
|
+
}], propDecorators: { highlight: [{
|
|
1759
|
+
type: HostBinding,
|
|
1760
|
+
args: ['class.-highlight']
|
|
1761
|
+
}, {
|
|
1762
|
+
type: Input
|
|
1763
|
+
}], closed: [{
|
|
1764
|
+
type: Output
|
|
1765
|
+
}], opened: [{
|
|
1766
|
+
type: Output
|
|
1767
|
+
}] } });
|
|
1768
|
+
|
|
1769
|
+
class AccordionComponent {
|
|
1770
|
+
constructor() {
|
|
1771
|
+
this.subscriptions = [];
|
|
1772
|
+
}
|
|
1773
|
+
set panels(elements) {
|
|
1774
|
+
if (this.subscriptions.length) {
|
|
1775
|
+
this.subscriptions.forEach(sub => sub.unsubscribe());
|
|
1776
|
+
this.subscriptions = [];
|
|
1777
|
+
}
|
|
1778
|
+
if (!elements)
|
|
1779
|
+
return;
|
|
1780
|
+
elements.forEach((element, index) => {
|
|
1781
|
+
element.id = index;
|
|
1782
|
+
this.subscriptions.push(element.opened.subscribe(() => {
|
|
1783
|
+
elements.forEach(el => {
|
|
1784
|
+
if (el.id !== element.id)
|
|
1785
|
+
el.close();
|
|
1786
|
+
});
|
|
1787
|
+
}));
|
|
1788
|
+
});
|
|
1789
|
+
}
|
|
1790
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: AccordionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1791
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: AccordionComponent, selector: "ask-accordion", queries: [{ propertyName: "panels", predicate: ExtendablePanelComponent }], ngImport: i0, template: "<ng-content select=\"ask-extendable-panel\"></ng-content>\n", styles: [""] }); }
|
|
1792
|
+
}
|
|
1793
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: AccordionComponent, decorators: [{
|
|
1794
|
+
type: Component,
|
|
1795
|
+
args: [{ selector: 'ask-accordion', template: "<ng-content select=\"ask-extendable-panel\"></ng-content>\n" }]
|
|
1796
|
+
}], propDecorators: { panels: [{
|
|
1797
|
+
type: ContentChildren,
|
|
1798
|
+
args: [ExtendablePanelComponent]
|
|
1799
|
+
}] } });
|
|
1800
|
+
|
|
1737
1801
|
class AsksuiteCitrusModule {
|
|
1738
1802
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: AsksuiteCitrusModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1739
1803
|
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.6", ngImport: i0, type: AsksuiteCitrusModule, declarations: [ButtonComponent,
|
|
@@ -1761,7 +1825,9 @@ class AsksuiteCitrusModule {
|
|
|
1761
1825
|
ModalBodyDirective,
|
|
1762
1826
|
ModalHeaderDirective,
|
|
1763
1827
|
ModalFooterDirective,
|
|
1764
|
-
CharacterCounterComponent
|
|
1828
|
+
CharacterCounterComponent,
|
|
1829
|
+
AccordionComponent,
|
|
1830
|
+
ExtendablePanelComponent], imports: [CommonModule,
|
|
1765
1831
|
FormsModule,
|
|
1766
1832
|
ReactiveFormsModule,
|
|
1767
1833
|
CdkOverlayOrigin,
|
|
@@ -1789,7 +1855,9 @@ class AsksuiteCitrusModule {
|
|
|
1789
1855
|
ModalBodyDirective,
|
|
1790
1856
|
ModalHeaderDirective,
|
|
1791
1857
|
ModalFooterDirective,
|
|
1792
|
-
CharacterCounterComponent
|
|
1858
|
+
CharacterCounterComponent,
|
|
1859
|
+
AccordionComponent,
|
|
1860
|
+
ExtendablePanelComponent] }); }
|
|
1793
1861
|
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: AsksuiteCitrusModule, imports: [CommonModule,
|
|
1794
1862
|
FormsModule,
|
|
1795
1863
|
ReactiveFormsModule,
|
|
@@ -1828,6 +1896,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImpor
|
|
|
1828
1896
|
ModalHeaderDirective,
|
|
1829
1897
|
ModalFooterDirective,
|
|
1830
1898
|
CharacterCounterComponent,
|
|
1899
|
+
AccordionComponent,
|
|
1900
|
+
ExtendablePanelComponent
|
|
1831
1901
|
],
|
|
1832
1902
|
imports: [
|
|
1833
1903
|
CommonModule,
|
|
@@ -1864,6 +1934,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImpor
|
|
|
1864
1934
|
ModalHeaderDirective,
|
|
1865
1935
|
ModalFooterDirective,
|
|
1866
1936
|
CharacterCounterComponent,
|
|
1937
|
+
AccordionComponent,
|
|
1938
|
+
ExtendablePanelComponent,
|
|
1867
1939
|
],
|
|
1868
1940
|
}]
|
|
1869
1941
|
}] });
|
|
@@ -2009,5 +2081,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImpor
|
|
|
2009
2081
|
* Generated bundle index. Do not edit.
|
|
2010
2082
|
*/
|
|
2011
2083
|
|
|
2012
|
-
export { ASK_MODAL_CONFIG, ASK_MODAL_DATA, ASK_TOAST_CONFIG, AskButtonDirective, AskDropdownDirective, AskTooltipDirective, AsksuiteCitrusModule, AutocompleteComponent, AutofocusDirective, AvatarComponent, AvatarStatus, BadgeDirective, BoxComponent, ButtonComponent, CharacterCounterComponent, CheckboxComponent, ChipsComponent, DEFAULT_DATE_FORMAT, DatePickerCalendarComponent, DatePickerComponent, DropdownContainerComponent, InputComponent, ModalBodyDirective, ModalFooterDirective, ModalHeaderDirective, ModalRef, ModalService, PeriodLabel, ScrollDirective, SelectComponent, SkeletonComponent, SpinnerDirective, ToastService, formatFrom, formatTo };
|
|
2084
|
+
export { ASK_MODAL_CONFIG, ASK_MODAL_DATA, ASK_TOAST_CONFIG, AccordionComponent, AskButtonDirective, AskDropdownDirective, AskTooltipDirective, AsksuiteCitrusModule, AutocompleteComponent, AutofocusDirective, AvatarComponent, AvatarStatus, BadgeDirective, BoxComponent, ButtonComponent, CharacterCounterComponent, CheckboxComponent, ChipsComponent, DEFAULT_DATE_FORMAT, DatePickerCalendarComponent, DatePickerComponent, DropdownContainerComponent, ExtendablePanelComponent, InputComponent, ModalBodyDirective, ModalFooterDirective, ModalHeaderDirective, ModalRef, ModalService, PeriodLabel, ScrollDirective, SelectComponent, SkeletonComponent, SpinnerDirective, ToastService, formatFrom, formatTo };
|
|
2013
2085
|
//# sourceMappingURL=asksuite-citrus.mjs.map
|