asksuite-citrus 0.17.0 → 0.18.1
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 +38 -0
- package/esm2022/lib/components/skeleton/skeleton.component.mjs +13 -3
- package/esm2022/public-api.mjs +3 -1
- package/fesm2022/asksuite-citrus.mjs +91 -6
- 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 +15 -0
- package/lib/components/skeleton/skeleton.component.d.ts +10 -1
- 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,38 @@
|
|
|
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(changeRef) {
|
|
6
|
+
this.changeRef = changeRef;
|
|
7
|
+
this.isOpen = false;
|
|
8
|
+
this.highlight = false;
|
|
9
|
+
this.closed = new EventEmitter();
|
|
10
|
+
this.opened = new EventEmitter();
|
|
11
|
+
}
|
|
12
|
+
open() {
|
|
13
|
+
this.isOpen = true;
|
|
14
|
+
this.opened.emit();
|
|
15
|
+
this.changeRef.detectChanges();
|
|
16
|
+
}
|
|
17
|
+
close() {
|
|
18
|
+
this.isOpen = false;
|
|
19
|
+
this.closed.emit();
|
|
20
|
+
this.changeRef.detectChanges();
|
|
21
|
+
}
|
|
22
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: ExtendablePanelComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
23
|
+
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"] }] }); }
|
|
24
|
+
}
|
|
25
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: ExtendablePanelComponent, decorators: [{
|
|
26
|
+
type: Component,
|
|
27
|
+
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"] }]
|
|
28
|
+
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { highlight: [{
|
|
29
|
+
type: HostBinding,
|
|
30
|
+
args: ['class.-highlight']
|
|
31
|
+
}, {
|
|
32
|
+
type: Input
|
|
33
|
+
}], closed: [{
|
|
34
|
+
type: Output
|
|
35
|
+
}], opened: [{
|
|
36
|
+
type: Output
|
|
37
|
+
}] } });
|
|
38
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXh0ZW5kYWJsZS1wYW5lbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hc2tzdWl0ZS1jaXRydXMvc3JjL2xpYi9jb21wb25lbnRzL2FjY29yZGlvbi9leHRlbmRhYmxlLXBhbmVsL2V4dGVuZGFibGUtcGFuZWwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYXNrc3VpdGUtY2l0cnVzL3NyYy9saWIvY29tcG9uZW50cy9hY2NvcmRpb24vZXh0ZW5kYWJsZS1wYW5lbC9leHRlbmRhYmxlLXBhbmVsLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBb0IsU0FBUyxFQUFFLFlBQVksRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBQyxNQUFNLGVBQWUsQ0FBQzs7O0FBT3JHLE1BQU0sT0FBTyx3QkFBd0I7SUFXbkMsWUFBb0IsU0FBNEI7UUFBNUIsY0FBUyxHQUFULFNBQVMsQ0FBbUI7UUFWaEQsV0FBTSxHQUFHLEtBQUssQ0FBQTtRQUtkLGNBQVMsR0FBRyxLQUFLLENBQUE7UUFFUCxXQUFNLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQTtRQUNqQyxXQUFNLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQTtJQUczQyxDQUFDO0lBRU0sSUFBSTtRQUNULElBQUksQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFBO1FBQ2xCLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxFQUFFLENBQUE7UUFDbEIsSUFBSSxDQUFDLFNBQVMsQ0FBQyxhQUFhLEVBQUUsQ0FBQTtJQUNoQyxDQUFDO0lBRU0sS0FBSztRQUNWLElBQUksQ0FBQyxNQUFNLEdBQUcsS0FBSyxDQUFBO1FBQ25CLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxFQUFFLENBQUE7UUFDbEIsSUFBSSxDQUFDLFNBQVMsQ0FBQyxhQUFhLEVBQUUsQ0FBQTtJQUNoQyxDQUFDOzhHQXhCVSx3QkFBd0I7a0dBQXhCLHdCQUF3QixpTkNQckMsbXNCQWtCQTs7MkZEWGEsd0JBQXdCO2tCQUxwQyxTQUFTOytCQUNFLHNCQUFzQjt3R0FVaEMsU0FBUztzQkFGUixXQUFXO3VCQUFDLGtCQUFrQjs7c0JBQzlCLEtBQUs7Z0JBR0ksTUFBTTtzQkFBZixNQUFNO2dCQUNHLE1BQU07c0JBQWYsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q2hhbmdlRGV0ZWN0b3JSZWYsIENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBIb3N0QmluZGluZywgSW5wdXQsIE91dHB1dH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2Fzay1leHRlbmRhYmxlLXBhbmVsJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2V4dGVuZGFibGUtcGFuZWwuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9leHRlbmRhYmxlLXBhbmVsLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgRXh0ZW5kYWJsZVBhbmVsQ29tcG9uZW50IHtcbiAgaXNPcGVuID0gZmFsc2VcbiAgaWQ/OiBudW1iZXJcblxuICBASG9zdEJpbmRpbmcoJ2NsYXNzLi1oaWdobGlnaHQnKVxuICBASW5wdXQoKVxuICBoaWdobGlnaHQgPSBmYWxzZVxuXG4gIEBPdXRwdXQoKSBjbG9zZWQgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KClcbiAgQE91dHB1dCgpIG9wZW5lZCA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKVxuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgY2hhbmdlUmVmOiBDaGFuZ2VEZXRlY3RvclJlZikge1xuICB9XG5cbiAgcHVibGljIG9wZW4oKSB7XG4gICAgdGhpcy5pc09wZW4gPSB0cnVlXG4gICAgdGhpcy5vcGVuZWQuZW1pdCgpXG4gICAgdGhpcy5jaGFuZ2VSZWYuZGV0ZWN0Q2hhbmdlcygpXG4gIH1cblxuICBwdWJsaWMgY2xvc2UoKSB7XG4gICAgdGhpcy5pc09wZW4gPSBmYWxzZVxuICAgIHRoaXMuY2xvc2VkLmVtaXQoKVxuICAgIHRoaXMuY2hhbmdlUmVmLmRldGVjdENoYW5nZXMoKVxuICB9XG5cbn1cbiIsIjxkaXYgW2NsYXNzLi1jbG9zZWRdPVwiIWlzT3BlblwiIFtjbGFzcy4tb3Blbl09XCJpc09wZW5cIiBjbGFzcz1cInBhbmVsLWNvbnRhaW5lclwiPlxuICA8ZGl2IChjbGljayk9XCJpc09wZW4gPyBjbG9zZSgpIDogb3BlbigpXCIgY2xhc3M9XCJoZWFkZXJcIiBkYXRhLXRlc3RpZD1cImV4dGVuZGFibGUtcGFuZWwtaGVhZGVyXCI+XG4gICAgPGRpdiBjbGFzcz1cImhlYWRlci10aXRsZVwiPlxuICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3RpdGxlXVwiPjwvbmctY29udGVudD5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwiaGVhZGVyLWRlc2NyaXB0aW9uXCI+XG4gICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbZGVzY3JpcHRpb25dXCI+PC9uZy1jb250ZW50PlxuICAgIDwvZGl2PlxuICAgIDxzcGFuXG4gICAgICBjbGFzcz1cImhlYWRlci1hY3Rpb24gbWF0ZXJpYWwtaWNvbnNcIj57e2lzT3BlbiA/ICdleHBhbmRfbGVzcycgOiAnZXhwYW5kX21vcmUnfX08L3NwYW4+XG4gIDwvZGl2PlxuICA8ZGl2ICpuZ0lmPVwiaXNPcGVuXCIgW2NsYXNzLmZhZGUtaW4tYmNrXT1cImlzT3BlblwiIGNsYXNzPVwiY29udGVudFwiPlxuICAgIDxuZy1jb250YWluZXI+XG4gICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbY29udGVudF1cIj48L25nLWNvbnRlbnQ+XG4gICAgPC9uZy1jb250YWluZXI+XG4gIDwvZGl2PlxuPC9kaXY+XG5cbiJdfQ==
|
|
@@ -6,21 +6,31 @@ export class SkeletonComponent {
|
|
|
6
6
|
this.elementRef = elementRef;
|
|
7
7
|
this.barsHeight = 100;
|
|
8
8
|
this.radius = 5;
|
|
9
|
+
this.customTheme = {};
|
|
9
10
|
this.barsCount = 0;
|
|
11
|
+
this.baseTheme = {
|
|
12
|
+
'border-radius': 5 + 'px',
|
|
13
|
+
height: 100 + 'px',
|
|
14
|
+
margin: 0,
|
|
15
|
+
display: 'block',
|
|
16
|
+
};
|
|
10
17
|
}
|
|
11
18
|
ngOnInit() {
|
|
12
19
|
const height = this.elementRef.nativeElement.clientHeight;
|
|
13
20
|
this.barsCount = Math.round(height / this.barsHeight) || 1;
|
|
21
|
+
this.baseTheme = { ...this.baseTheme, ...this.customTheme };
|
|
14
22
|
}
|
|
15
23
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: SkeletonComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
16
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: SkeletonComponent, selector: "ask-skeleton", inputs: { barsHeight: "barsHeight", radius: "radius" }, ngImport: i0, template: "<ngx-skeleton-loader\n data-testid=\"skeleton-loader\"\n class=\"skeleton-component\"\n [count]=\"barsCount\"\n appearance=\"line\"\n animation=\"progress\"\n [theme]=\"
|
|
24
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: SkeletonComponent, selector: "ask-skeleton", inputs: { barsHeight: "barsHeight", radius: "radius", customTheme: "customTheme" }, ngImport: i0, template: "<ngx-skeleton-loader\n data-testid=\"skeleton-loader\"\n class=\"skeleton-component\"\n [count]=\"barsCount\"\n appearance=\"line\"\n animation=\"progress\"\n [theme]=\"baseTheme\"\n></ngx-skeleton-loader>\n", styles: [":host{display:block}.skeleton-component{display:flex;gap:10px;flex-direction:column;height:100%}\n"], dependencies: [{ kind: "component", type: i1.NgxSkeletonLoaderComponent, selector: "ngx-skeleton-loader", inputs: ["count", "loadingText", "appearance", "animation", "ariaLabel", "theme"] }] }); }
|
|
17
25
|
}
|
|
18
26
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: SkeletonComponent, decorators: [{
|
|
19
27
|
type: Component,
|
|
20
|
-
args: [{ selector: 'ask-skeleton', template: "<ngx-skeleton-loader\n data-testid=\"skeleton-loader\"\n class=\"skeleton-component\"\n [count]=\"barsCount\"\n appearance=\"line\"\n animation=\"progress\"\n [theme]=\"
|
|
28
|
+
args: [{ selector: 'ask-skeleton', template: "<ngx-skeleton-loader\n data-testid=\"skeleton-loader\"\n class=\"skeleton-component\"\n [count]=\"barsCount\"\n appearance=\"line\"\n animation=\"progress\"\n [theme]=\"baseTheme\"\n></ngx-skeleton-loader>\n", styles: [":host{display:block}.skeleton-component{display:flex;gap:10px;flex-direction:column;height:100%}\n"] }]
|
|
21
29
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { barsHeight: [{
|
|
22
30
|
type: Input
|
|
23
31
|
}], radius: [{
|
|
24
32
|
type: Input
|
|
33
|
+
}], customTheme: [{
|
|
34
|
+
type: Input
|
|
25
35
|
}] } });
|
|
26
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
36
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2tlbGV0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYXNrc3VpdGUtY2l0cnVzL3NyYy9saWIvY29tcG9uZW50cy9za2VsZXRvbi9za2VsZXRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hc2tzdWl0ZS1jaXRydXMvc3JjL2xpYi9jb21wb25lbnRzL3NrZWxldG9uL3NrZWxldG9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQWMsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFPN0QsTUFBTSxPQUFPLGlCQUFpQjtJQVk1QixZQUFvQixVQUFtQztRQUFuQyxlQUFVLEdBQVYsVUFBVSxDQUF5QjtRQVg5QyxlQUFVLEdBQUcsR0FBRyxDQUFDO1FBQ2pCLFdBQU0sR0FBRyxDQUFDLENBQUM7UUFDWCxnQkFBVyxHQUEwQixFQUFFLENBQUE7UUFDekMsY0FBUyxHQUFHLENBQUMsQ0FBQztRQUNYLGNBQVMsR0FBRztZQUNwQixlQUFlLEVBQUUsQ0FBQyxHQUFHLElBQUk7WUFDekIsTUFBTSxFQUFFLEdBQUcsR0FBQyxJQUFJO1lBQ2hCLE1BQU0sRUFBRSxDQUFDO1lBQ1QsT0FBTyxFQUFFLE9BQU87U0FDakIsQ0FBQTtJQUV5RCxDQUFDO0lBRTNELFFBQVE7UUFDTixNQUFNLE1BQU0sR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxZQUFZLENBQUM7UUFDMUQsSUFBSSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQzNELElBQUksQ0FBQyxTQUFTLEdBQUcsRUFBQyxHQUFHLElBQUksQ0FBQyxTQUFTLEVBQUUsR0FBRyxJQUFJLENBQUMsV0FBVyxFQUFDLENBQUE7SUFDM0QsQ0FBQzs4R0FsQlUsaUJBQWlCO2tHQUFqQixpQkFBaUIsd0lDUDlCLHVOQVFBOzsyRkREYSxpQkFBaUI7a0JBTDdCLFNBQVM7K0JBQ0UsY0FBYztpR0FLZixVQUFVO3NCQUFsQixLQUFLO2dCQUNHLE1BQU07c0JBQWQsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhc2stc2tlbGV0b24nLFxuICB0ZW1wbGF0ZVVybDogJy4vc2tlbGV0b24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9za2VsZXRvbi5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBTa2VsZXRvbkNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGJhcnNIZWlnaHQgPSAxMDA7XG4gIEBJbnB1dCgpIHJhZGl1cyA9IDU7XG4gIEBJbnB1dCgpIGN1c3RvbVRoZW1lOiB7YmFja2dyb3VuZD86IHN0cmluZ30gPSB7fVxuICBwdWJsaWMgYmFyc0NvdW50ID0gMDtcbiAgcHJvdGVjdGVkIGJhc2VUaGVtZSA9IHtcbiAgICAnYm9yZGVyLXJhZGl1cyc6IDUgKyAncHgnLFxuICAgIGhlaWdodDogMTAwKydweCcsXG4gICAgbWFyZ2luOiAwLFxuICAgIGRpc3BsYXk6ICdibG9jaycsXG4gIH1cblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGVsZW1lbnRSZWY6IEVsZW1lbnRSZWY8SFRNTEVsZW1lbnQ+KSB7fVxuXG4gIG5nT25Jbml0KCkge1xuICAgIGNvbnN0IGhlaWdodCA9IHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LmNsaWVudEhlaWdodDtcbiAgICB0aGlzLmJhcnNDb3VudCA9IE1hdGgucm91bmQoaGVpZ2h0IC8gdGhpcy5iYXJzSGVpZ2h0KSB8fCAxO1xuICAgIHRoaXMuYmFzZVRoZW1lID0gey4uLnRoaXMuYmFzZVRoZW1lLCAuLi50aGlzLmN1c3RvbVRoZW1lfVxuICB9XG59XG4iLCI8bmd4LXNrZWxldG9uLWxvYWRlclxuICBkYXRhLXRlc3RpZD1cInNrZWxldG9uLWxvYWRlclwiXG4gIGNsYXNzPVwic2tlbGV0b24tY29tcG9uZW50XCJcbiAgW2NvdW50XT1cImJhcnNDb3VudFwiXG4gIGFwcGVhcmFuY2U9XCJsaW5lXCJcbiAgYW5pbWF0aW9uPVwicHJvZ3Jlc3NcIlxuICBbdGhlbWVdPVwiYmFzZVRoZW1lXCJcbj48L25neC1za2VsZXRvbi1sb2FkZXI+XG4iXX0=
|
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';
|
|
@@ -1263,22 +1263,32 @@ class SkeletonComponent {
|
|
|
1263
1263
|
this.elementRef = elementRef;
|
|
1264
1264
|
this.barsHeight = 100;
|
|
1265
1265
|
this.radius = 5;
|
|
1266
|
+
this.customTheme = {};
|
|
1266
1267
|
this.barsCount = 0;
|
|
1268
|
+
this.baseTheme = {
|
|
1269
|
+
'border-radius': 5 + 'px',
|
|
1270
|
+
height: 100 + 'px',
|
|
1271
|
+
margin: 0,
|
|
1272
|
+
display: 'block',
|
|
1273
|
+
};
|
|
1267
1274
|
}
|
|
1268
1275
|
ngOnInit() {
|
|
1269
1276
|
const height = this.elementRef.nativeElement.clientHeight;
|
|
1270
1277
|
this.barsCount = Math.round(height / this.barsHeight) || 1;
|
|
1278
|
+
this.baseTheme = { ...this.baseTheme, ...this.customTheme };
|
|
1271
1279
|
}
|
|
1272
1280
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: SkeletonComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1273
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: SkeletonComponent, selector: "ask-skeleton", inputs: { barsHeight: "barsHeight", radius: "radius" }, ngImport: i0, template: "<ngx-skeleton-loader\n data-testid=\"skeleton-loader\"\n class=\"skeleton-component\"\n [count]=\"barsCount\"\n appearance=\"line\"\n animation=\"progress\"\n [theme]=\"
|
|
1281
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: SkeletonComponent, selector: "ask-skeleton", inputs: { barsHeight: "barsHeight", radius: "radius", customTheme: "customTheme" }, ngImport: i0, template: "<ngx-skeleton-loader\n data-testid=\"skeleton-loader\"\n class=\"skeleton-component\"\n [count]=\"barsCount\"\n appearance=\"line\"\n animation=\"progress\"\n [theme]=\"baseTheme\"\n></ngx-skeleton-loader>\n", styles: [":host{display:block}.skeleton-component{display:flex;gap:10px;flex-direction:column;height:100%}\n"], dependencies: [{ kind: "component", type: i1$4.NgxSkeletonLoaderComponent, selector: "ngx-skeleton-loader", inputs: ["count", "loadingText", "appearance", "animation", "ariaLabel", "theme"] }] }); }
|
|
1274
1282
|
}
|
|
1275
1283
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: SkeletonComponent, decorators: [{
|
|
1276
1284
|
type: Component,
|
|
1277
|
-
args: [{ selector: 'ask-skeleton', template: "<ngx-skeleton-loader\n data-testid=\"skeleton-loader\"\n class=\"skeleton-component\"\n [count]=\"barsCount\"\n appearance=\"line\"\n animation=\"progress\"\n [theme]=\"
|
|
1285
|
+
args: [{ selector: 'ask-skeleton', template: "<ngx-skeleton-loader\n data-testid=\"skeleton-loader\"\n class=\"skeleton-component\"\n [count]=\"barsCount\"\n appearance=\"line\"\n animation=\"progress\"\n [theme]=\"baseTheme\"\n></ngx-skeleton-loader>\n", styles: [":host{display:block}.skeleton-component{display:flex;gap:10px;flex-direction:column;height:100%}\n"] }]
|
|
1278
1286
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { barsHeight: [{
|
|
1279
1287
|
type: Input
|
|
1280
1288
|
}], radius: [{
|
|
1281
1289
|
type: Input
|
|
1290
|
+
}], customTheme: [{
|
|
1291
|
+
type: Input
|
|
1282
1292
|
}] } });
|
|
1283
1293
|
|
|
1284
1294
|
const ASK_TOAST_CONFIG = new InjectionToken('Default toast options');
|
|
@@ -1734,6 +1744,73 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImpor
|
|
|
1734
1744
|
args: ['class.-limit']
|
|
1735
1745
|
}] } });
|
|
1736
1746
|
|
|
1747
|
+
class ExtendablePanelComponent {
|
|
1748
|
+
constructor(changeRef) {
|
|
1749
|
+
this.changeRef = changeRef;
|
|
1750
|
+
this.isOpen = false;
|
|
1751
|
+
this.highlight = false;
|
|
1752
|
+
this.closed = new EventEmitter();
|
|
1753
|
+
this.opened = new EventEmitter();
|
|
1754
|
+
}
|
|
1755
|
+
open() {
|
|
1756
|
+
this.isOpen = true;
|
|
1757
|
+
this.opened.emit();
|
|
1758
|
+
this.changeRef.detectChanges();
|
|
1759
|
+
}
|
|
1760
|
+
close() {
|
|
1761
|
+
this.isOpen = false;
|
|
1762
|
+
this.closed.emit();
|
|
1763
|
+
this.changeRef.detectChanges();
|
|
1764
|
+
}
|
|
1765
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: ExtendablePanelComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1766
|
+
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"] }] }); }
|
|
1767
|
+
}
|
|
1768
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: ExtendablePanelComponent, decorators: [{
|
|
1769
|
+
type: Component,
|
|
1770
|
+
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"] }]
|
|
1771
|
+
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { highlight: [{
|
|
1772
|
+
type: HostBinding,
|
|
1773
|
+
args: ['class.-highlight']
|
|
1774
|
+
}, {
|
|
1775
|
+
type: Input
|
|
1776
|
+
}], closed: [{
|
|
1777
|
+
type: Output
|
|
1778
|
+
}], opened: [{
|
|
1779
|
+
type: Output
|
|
1780
|
+
}] } });
|
|
1781
|
+
|
|
1782
|
+
class AccordionComponent {
|
|
1783
|
+
constructor() {
|
|
1784
|
+
this.subscriptions = [];
|
|
1785
|
+
}
|
|
1786
|
+
set panels(elements) {
|
|
1787
|
+
if (this.subscriptions.length) {
|
|
1788
|
+
this.subscriptions.forEach(sub => sub.unsubscribe());
|
|
1789
|
+
this.subscriptions = [];
|
|
1790
|
+
}
|
|
1791
|
+
if (!elements)
|
|
1792
|
+
return;
|
|
1793
|
+
elements.forEach((element, index) => {
|
|
1794
|
+
element.id = index;
|
|
1795
|
+
this.subscriptions.push(element.opened.subscribe(() => {
|
|
1796
|
+
elements.forEach(el => {
|
|
1797
|
+
if (el.id !== element.id)
|
|
1798
|
+
el.close();
|
|
1799
|
+
});
|
|
1800
|
+
}));
|
|
1801
|
+
});
|
|
1802
|
+
}
|
|
1803
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: AccordionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1804
|
+
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: [""] }); }
|
|
1805
|
+
}
|
|
1806
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: AccordionComponent, decorators: [{
|
|
1807
|
+
type: Component,
|
|
1808
|
+
args: [{ selector: 'ask-accordion', template: "<ng-content select=\"ask-extendable-panel\"></ng-content>\n" }]
|
|
1809
|
+
}], propDecorators: { panels: [{
|
|
1810
|
+
type: ContentChildren,
|
|
1811
|
+
args: [ExtendablePanelComponent]
|
|
1812
|
+
}] } });
|
|
1813
|
+
|
|
1737
1814
|
class AsksuiteCitrusModule {
|
|
1738
1815
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: AsksuiteCitrusModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1739
1816
|
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.6", ngImport: i0, type: AsksuiteCitrusModule, declarations: [ButtonComponent,
|
|
@@ -1761,7 +1838,9 @@ class AsksuiteCitrusModule {
|
|
|
1761
1838
|
ModalBodyDirective,
|
|
1762
1839
|
ModalHeaderDirective,
|
|
1763
1840
|
ModalFooterDirective,
|
|
1764
|
-
CharacterCounterComponent
|
|
1841
|
+
CharacterCounterComponent,
|
|
1842
|
+
AccordionComponent,
|
|
1843
|
+
ExtendablePanelComponent], imports: [CommonModule,
|
|
1765
1844
|
FormsModule,
|
|
1766
1845
|
ReactiveFormsModule,
|
|
1767
1846
|
CdkOverlayOrigin,
|
|
@@ -1789,7 +1868,9 @@ class AsksuiteCitrusModule {
|
|
|
1789
1868
|
ModalBodyDirective,
|
|
1790
1869
|
ModalHeaderDirective,
|
|
1791
1870
|
ModalFooterDirective,
|
|
1792
|
-
CharacterCounterComponent
|
|
1871
|
+
CharacterCounterComponent,
|
|
1872
|
+
AccordionComponent,
|
|
1873
|
+
ExtendablePanelComponent] }); }
|
|
1793
1874
|
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: AsksuiteCitrusModule, imports: [CommonModule,
|
|
1794
1875
|
FormsModule,
|
|
1795
1876
|
ReactiveFormsModule,
|
|
@@ -1828,6 +1909,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImpor
|
|
|
1828
1909
|
ModalHeaderDirective,
|
|
1829
1910
|
ModalFooterDirective,
|
|
1830
1911
|
CharacterCounterComponent,
|
|
1912
|
+
AccordionComponent,
|
|
1913
|
+
ExtendablePanelComponent
|
|
1831
1914
|
],
|
|
1832
1915
|
imports: [
|
|
1833
1916
|
CommonModule,
|
|
@@ -1864,6 +1947,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImpor
|
|
|
1864
1947
|
ModalHeaderDirective,
|
|
1865
1948
|
ModalFooterDirective,
|
|
1866
1949
|
CharacterCounterComponent,
|
|
1950
|
+
AccordionComponent,
|
|
1951
|
+
ExtendablePanelComponent,
|
|
1867
1952
|
],
|
|
1868
1953
|
}]
|
|
1869
1954
|
}] });
|
|
@@ -2009,5 +2094,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImpor
|
|
|
2009
2094
|
* Generated bundle index. Do not edit.
|
|
2010
2095
|
*/
|
|
2011
2096
|
|
|
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 };
|
|
2097
|
+
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
2098
|
//# sourceMappingURL=asksuite-citrus.mjs.map
|