@morozeckiy/dd-lib 0.1.20 → 0.1.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.
- package/README.md +6 -21
- package/assets/scss/common.scss +8 -0
- package/assets/scss/mixins.scss +44 -0
- package/assets/scss/reset.scss +331 -106
- package/assets/styles.scss +1 -3
- package/esm2022/lib/core/dialog/modal-base/modal-base.component.mjs +45 -0
- package/esm2022/lib/core/dialog/modal-base/modal-common.component.mjs +13 -0
- package/esm2022/lib/core/index.mjs +3 -1
- package/esm2022/lib/lib-accordion/lib-accordion.component.mjs +3 -3
- package/esm2022/morozeckiy-dd-lib2.mjs +5 -0
- package/fesm2022/morozeckiy-dd-lib.mjs +55 -4
- package/fesm2022/morozeckiy-dd-lib.mjs.map +1 -1
- package/fesm2022/morozeckiy-dd-lib2.mjs +2897 -0
- package/fesm2022/morozeckiy-dd-lib2.mjs.map +1 -0
- package/lib/core/dialog/modal-base/modal-base.component.d.ts +21 -0
- package/lib/core/dialog/modal-base/modal-common.component.d.ts +6 -0
- package/lib/core/index.d.ts +2 -0
- package/morozeckiy-dd-lib-0.1.21.tgz +0 -0
- package/morozeckiy-dd-lib2-0.1.21.tgz +0 -0
- package/package.json +1 -1
- package/morozeckiy-dd-lib-0.1.20.tgz +0 -0
|
@@ -4,12 +4,12 @@ import { LibSvgIconComponent } from "../lib-svg-icon/lib-svg-icon.component";
|
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
5
|
export class LibAccordionComponent {
|
|
6
6
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: LibAccordionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.2", type: LibAccordionComponent, isStandalone: true, selector: "dd-lib-accordion", inputs: { accTitle: "accTitle" }, ngImport: i0, template: "<div class=\"accordion\">\r\n <div (click)=\"showAccordionContent = !showAccordionContent\" class=\"accordion__header\">\r\n @if (accTitle) {\r\n <div [innerHTML]=\"accTitle\" class=\"accordion__title\"></div>\r\n }\r\n <div>\r\n <dd-lib-svg-icon class=\"cup\" icon=\"{{ showAccordionContent ? 'minus' : 'plus' }}\"></dd-lib-svg-icon>\r\n </div>\r\n </div>\r\n @if (showAccordionContent) {\r\n <div class=\"mt-8\">\r\n <ng-content></ng-content>\r\n </div>\r\n }\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "component", type: LibSvgIconComponent, selector: "dd-lib-svg-icon", inputs: ["width", "height", "color", "icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
7
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.2", type: LibAccordionComponent, isStandalone: true, selector: "dd-lib-accordion", inputs: { accTitle: "accTitle" }, ngImport: i0, template: "<div class=\"accordion\">\r\n <div (click)=\"showAccordionContent = !showAccordionContent\" class=\"accordion__header\">\r\n @if (accTitle) {\r\n <div [innerHTML]=\"accTitle\" class=\"accordion__title\"></div>\r\n }\r\n <div>\r\n <dd-lib-svg-icon class=\"cup\" icon=\"{{ showAccordionContent ? 'minus' : 'plus' }}\"></dd-lib-svg-icon>\r\n </div>\r\n </div>\r\n @if (showAccordionContent) {\r\n <div class=\"mt-8\">\r\n <ng-content></ng-content>\r\n </div>\r\n }\r\n</div>\r\n", styles: [".accordion__header{display:flex;align-items:center;justify-content:space-between;cursor:pointer}.accordion__title{font-weight:500;font-size:20px;line-height:28px;color:var(--light-black-color)}@media screen and (max-width: 480px){.accordion__title{font-size:16px;line-height:24px}}\n"], dependencies: [{ kind: "component", type: LibSvgIconComponent, selector: "dd-lib-svg-icon", inputs: ["width", "height", "color", "icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
8
8
|
}
|
|
9
9
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: LibAccordionComponent, decorators: [{
|
|
10
10
|
type: Component,
|
|
11
|
-
args: [{ selector: 'dd-lib-accordion', standalone: true, imports: [NgOptimizedImage, LibSvgIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"accordion\">\r\n <div (click)=\"showAccordionContent = !showAccordionContent\" class=\"accordion__header\">\r\n @if (accTitle) {\r\n <div [innerHTML]=\"accTitle\" class=\"accordion__title\"></div>\r\n }\r\n <div>\r\n <dd-lib-svg-icon class=\"cup\" icon=\"{{ showAccordionContent ? 'minus' : 'plus' }}\"></dd-lib-svg-icon>\r\n </div>\r\n </div>\r\n @if (showAccordionContent) {\r\n <div class=\"mt-8\">\r\n <ng-content></ng-content>\r\n </div>\r\n }\r\n</div>\r\n" }]
|
|
11
|
+
args: [{ selector: 'dd-lib-accordion', standalone: true, imports: [NgOptimizedImage, LibSvgIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"accordion\">\r\n <div (click)=\"showAccordionContent = !showAccordionContent\" class=\"accordion__header\">\r\n @if (accTitle) {\r\n <div [innerHTML]=\"accTitle\" class=\"accordion__title\"></div>\r\n }\r\n <div>\r\n <dd-lib-svg-icon class=\"cup\" icon=\"{{ showAccordionContent ? 'minus' : 'plus' }}\"></dd-lib-svg-icon>\r\n </div>\r\n </div>\r\n @if (showAccordionContent) {\r\n <div class=\"mt-8\">\r\n <ng-content></ng-content>\r\n </div>\r\n }\r\n</div>\r\n", styles: [".accordion__header{display:flex;align-items:center;justify-content:space-between;cursor:pointer}.accordion__title{font-weight:500;font-size:20px;line-height:28px;color:var(--light-black-color)}@media screen and (max-width: 480px){.accordion__title{font-size:16px;line-height:24px}}\n"] }]
|
|
12
12
|
}], propDecorators: { accTitle: [{
|
|
13
13
|
type: Input
|
|
14
14
|
}] } });
|
|
15
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
15
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGliLWFjY29yZGlvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kZC1saWIvc3JjL2xpYi9saWItYWNjb3JkaW9uL2xpYi1hY2NvcmRpb24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGQtbGliL3NyYy9saWIvbGliLWFjY29yZGlvbi9saWItYWNjb3JkaW9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ3hFLE9BQU8sRUFBQyxnQkFBZ0IsRUFBQyxNQUFNLGlCQUFpQixDQUFDO0FBRWpELE9BQU8sRUFBQyxtQkFBbUIsRUFBQyxNQUFNLHdDQUF3QyxDQUFDOztBQVUzRSxNQUFNLE9BQU8scUJBQXFCOzhHQUFyQixxQkFBcUI7a0dBQXJCLHFCQUFxQiw4R0NibEMsMGZBZUEscVZEUDhCLG1CQUFtQjs7MkZBS3BDLHFCQUFxQjtrQkFSakMsU0FBUzsrQkFDRSxrQkFBa0IsY0FDaEIsSUFBSSxXQUNQLENBQUMsZ0JBQWdCLEVBQUUsbUJBQW1CLENBQUMsbUJBRy9CLHVCQUF1QixDQUFDLE1BQU07OEJBRy9CLFFBQVE7c0JBQXZCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHtOZ09wdGltaXplZEltYWdlfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQge1NhZmVIdG1sfSBmcm9tICdAYW5ndWxhci9wbGF0Zm9ybS1icm93c2VyJztcclxuaW1wb3J0IHtMaWJTdmdJY29uQ29tcG9uZW50fSBmcm9tIFwiLi4vbGliLXN2Zy1pY29uL2xpYi1zdmctaWNvbi5jb21wb25lbnRcIjtcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnZGQtbGliLWFjY29yZGlvbicsXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICBpbXBvcnRzOiBbTmdPcHRpbWl6ZWRJbWFnZSwgTGliU3ZnSWNvbkNvbXBvbmVudF0sXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2xpYi1hY2NvcmRpb24uY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsOiAnLi9saWItYWNjb3JkaW9uLmNvbXBvbmVudC5zY3NzJyxcclxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcclxufSlcclxuZXhwb3J0IGNsYXNzIExpYkFjY29yZGlvbkNvbXBvbmVudCB7XHJcbiAgQElucHV0KCkgcHVibGljIGFjY1RpdGxlOiBzdHJpbmcgfCBTYWZlSHRtbCB8IHVuZGVmaW5lZDtcclxuICBwdWJsaWMgc2hvd0FjY29yZGlvbkNvbnRlbnQ6IGJvb2xlYW4gfCB1bmRlZmluZWQ7XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cImFjY29yZGlvblwiPlxyXG4gIDxkaXYgKGNsaWNrKT1cInNob3dBY2NvcmRpb25Db250ZW50ID0gIXNob3dBY2NvcmRpb25Db250ZW50XCIgY2xhc3M9XCJhY2NvcmRpb25fX2hlYWRlclwiPlxyXG4gICAgQGlmIChhY2NUaXRsZSkge1xyXG4gICAgPGRpdiBbaW5uZXJIVE1MXT1cImFjY1RpdGxlXCIgY2xhc3M9XCJhY2NvcmRpb25fX3RpdGxlXCI+PC9kaXY+XHJcbiAgICB9XHJcbiAgICA8ZGl2PlxyXG4gICAgICA8ZGQtbGliLXN2Zy1pY29uIGNsYXNzPVwiY3VwXCIgaWNvbj1cInt7IHNob3dBY2NvcmRpb25Db250ZW50ID8gJ21pbnVzJyA6ICdwbHVzJyB9fVwiPjwvZGQtbGliLXN2Zy1pY29uPlxyXG4gICAgPC9kaXY+XHJcbiAgPC9kaXY+XHJcbiAgQGlmIChzaG93QWNjb3JkaW9uQ29udGVudCkge1xyXG4gIDxkaXYgY2xhc3M9XCJtdC04XCI+XHJcbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XHJcbiAgPC9kaXY+XHJcbiAgfVxyXG48L2Rpdj5cclxuIl19
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Generated bundle index. Do not edit.
|
|
3
|
+
*/
|
|
4
|
+
export * from './public-api';
|
|
5
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9yb3plY2tpeS1kZC1saWIyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vcHJvamVjdHMvZGQtbGliL3NyYy9tb3JvemVja2l5LWRkLWxpYjIudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLGNBQWMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9wdWJsaWMtYXBpJztcbiJdfQ==
|
|
@@ -3,7 +3,7 @@ import { EventEmitter, Component, Input, ViewChild, Output, forwardRef, ChangeDe
|
|
|
3
3
|
import * as i1$5 from '@angular/forms';
|
|
4
4
|
import { NG_VALUE_ACCESSOR, FormsModule, Validators, ReactiveFormsModule } from '@angular/forms';
|
|
5
5
|
import * as i1 from '@angular/common';
|
|
6
|
-
import { CommonModule, DecimalPipe, NgStyle, DOCUMENT,
|
|
6
|
+
import { CommonModule, DecimalPipe, NgStyle, DOCUMENT, NgTemplateOutlet, NgComponentOutlet, NgOptimizedImage } from '@angular/common';
|
|
7
7
|
import { BehaviorSubject, Subject, of, fromEvent, combineLatest } from 'rxjs';
|
|
8
8
|
import { format, parse } from 'date-fns';
|
|
9
9
|
import * as i1$2 from '@angular/common/http';
|
|
@@ -1583,6 +1583,57 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
|
|
|
1583
1583
|
args: [DIALOG_CONFIG]
|
|
1584
1584
|
}] }, { type: i1$4.Overlay }, { type: i0.Injector }, { type: i0.ComponentFactoryResolver }] });
|
|
1585
1585
|
|
|
1586
|
+
class ModalCommonComponent {
|
|
1587
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ModalCommonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1588
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: ModalCommonComponent, selector: "ng-component", ngImport: i0, template: '', isInline: true }); }
|
|
1589
|
+
}
|
|
1590
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ModalCommonComponent, decorators: [{
|
|
1591
|
+
type: Component,
|
|
1592
|
+
args: [{
|
|
1593
|
+
template: '',
|
|
1594
|
+
}]
|
|
1595
|
+
}] });
|
|
1596
|
+
|
|
1597
|
+
class ModalBaseComponent {
|
|
1598
|
+
constructor(route, router, dialog) {
|
|
1599
|
+
this.route = route;
|
|
1600
|
+
this.router = router;
|
|
1601
|
+
this.dialog = dialog;
|
|
1602
|
+
this.clearFragment = true;
|
|
1603
|
+
this.padding = '40';
|
|
1604
|
+
this.afterDestroy = () => {
|
|
1605
|
+
if (this.clearFragment) {
|
|
1606
|
+
this.router.navigate([], { fragment: undefined, preserveFragment: false, relativeTo: this.route });
|
|
1607
|
+
}
|
|
1608
|
+
};
|
|
1609
|
+
}
|
|
1610
|
+
onKeydownComponent(event) {
|
|
1611
|
+
if (event.key === 'Escape' || event.key === 'Esc') {
|
|
1612
|
+
this.destroy();
|
|
1613
|
+
}
|
|
1614
|
+
}
|
|
1615
|
+
close() {
|
|
1616
|
+
this.dialog.close();
|
|
1617
|
+
}
|
|
1618
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ModalBaseComponent, deps: [{ token: i1$1.ActivatedRoute }, { token: i1$1.Router }, { token: DDDialogRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1619
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.2", type: ModalBaseComponent, isStandalone: true, selector: "dd-modal-base", inputs: { content: "content", component: "component", clearFragment: "clearFragment", padding: "padding" }, host: { listeners: { "document:keydown": "onKeydownComponent($event)" } }, ngImport: i0, template: "<div class=\"popup p-{{ padding }}\">\n <a (click)=\"close()\" class=\"close\"></a>\n @if (content) {\n <div class=\"popup-content\">\n <ng-template [ngTemplateOutletContext]=\"{ data }\" [ngTemplateOutlet]=\"content\"></ng-template>\n </div>\n } @if (component) {\n <div class=\"popup-content\">\n <ng-template [ngComponentOutlet]=\"component\"></ng-template>\n </div>\n } @else {\n <ng-content></ng-content>\n }\n</div>\n", styles: [".popup{display:flex;flex-direction:column;max-width:var(--main-body-width)}.close{z-index:10}.popup-content{flex-grow:1;position:relative;overflow:hidden}@media all and (max-width: 767.99px){.popup{max-width:100%;border-radius:0;padding:24px}.popup .title{padding-right:18px}}@media (max-width: 767.99px){.popup-content{display:flex;flex-direction:column;justify-content:space-between;min-height:calc(100vh - 162px)}}.popup-wrapper.has-title .popup-content{padding-top:24px}@media all and (min-width: 768px){.popup-wrapper.has-sticky-title{overflow:hidden}.popup-wrapper.has-sticky-title .popup{max-width:var(--main-body-width);height:auto;max-height:calc(100vh - 192px)}.popup-wrapper.has-sticky-title .popup-content{overflow-y:auto}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"] }] }); }
|
|
1620
|
+
}
|
|
1621
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ModalBaseComponent, decorators: [{
|
|
1622
|
+
type: Component,
|
|
1623
|
+
args: [{ selector: 'dd-modal-base', standalone: true, imports: [NgTemplateOutlet, NgComponentOutlet], template: "<div class=\"popup p-{{ padding }}\">\n <a (click)=\"close()\" class=\"close\"></a>\n @if (content) {\n <div class=\"popup-content\">\n <ng-template [ngTemplateOutletContext]=\"{ data }\" [ngTemplateOutlet]=\"content\"></ng-template>\n </div>\n } @if (component) {\n <div class=\"popup-content\">\n <ng-template [ngComponentOutlet]=\"component\"></ng-template>\n </div>\n } @else {\n <ng-content></ng-content>\n }\n</div>\n", styles: [".popup{display:flex;flex-direction:column;max-width:var(--main-body-width)}.close{z-index:10}.popup-content{flex-grow:1;position:relative;overflow:hidden}@media all and (max-width: 767.99px){.popup{max-width:100%;border-radius:0;padding:24px}.popup .title{padding-right:18px}}@media (max-width: 767.99px){.popup-content{display:flex;flex-direction:column;justify-content:space-between;min-height:calc(100vh - 162px)}}.popup-wrapper.has-title .popup-content{padding-top:24px}@media all and (min-width: 768px){.popup-wrapper.has-sticky-title{overflow:hidden}.popup-wrapper.has-sticky-title .popup{max-width:var(--main-body-width);height:auto;max-height:calc(100vh - 192px)}.popup-wrapper.has-sticky-title .popup-content{overflow-y:auto}}\n"] }]
|
|
1624
|
+
}], ctorParameters: () => [{ type: i1$1.ActivatedRoute }, { type: i1$1.Router }, { type: DDDialogRef }], propDecorators: { content: [{
|
|
1625
|
+
type: Input
|
|
1626
|
+
}], component: [{
|
|
1627
|
+
type: Input
|
|
1628
|
+
}], clearFragment: [{
|
|
1629
|
+
type: Input
|
|
1630
|
+
}], padding: [{
|
|
1631
|
+
type: Input
|
|
1632
|
+
}], onKeydownComponent: [{
|
|
1633
|
+
type: HostListener,
|
|
1634
|
+
args: ['document:keydown', ['$event']]
|
|
1635
|
+
}] } });
|
|
1636
|
+
|
|
1586
1637
|
// services
|
|
1587
1638
|
|
|
1588
1639
|
class LibSvgIconComponent {
|
|
@@ -1638,11 +1689,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
|
|
|
1638
1689
|
|
|
1639
1690
|
class LibAccordionComponent {
|
|
1640
1691
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: LibAccordionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1641
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.2", type: LibAccordionComponent, isStandalone: true, selector: "dd-lib-accordion", inputs: { accTitle: "accTitle" }, ngImport: i0, template: "<div class=\"accordion\">\r\n <div (click)=\"showAccordionContent = !showAccordionContent\" class=\"accordion__header\">\r\n @if (accTitle) {\r\n <div [innerHTML]=\"accTitle\" class=\"accordion__title\"></div>\r\n }\r\n <div>\r\n <dd-lib-svg-icon class=\"cup\" icon=\"{{ showAccordionContent ? 'minus' : 'plus' }}\"></dd-lib-svg-icon>\r\n </div>\r\n </div>\r\n @if (showAccordionContent) {\r\n <div class=\"mt-8\">\r\n <ng-content></ng-content>\r\n </div>\r\n }\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "component", type: LibSvgIconComponent, selector: "dd-lib-svg-icon", inputs: ["width", "height", "color", "icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1692
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.2", type: LibAccordionComponent, isStandalone: true, selector: "dd-lib-accordion", inputs: { accTitle: "accTitle" }, ngImport: i0, template: "<div class=\"accordion\">\r\n <div (click)=\"showAccordionContent = !showAccordionContent\" class=\"accordion__header\">\r\n @if (accTitle) {\r\n <div [innerHTML]=\"accTitle\" class=\"accordion__title\"></div>\r\n }\r\n <div>\r\n <dd-lib-svg-icon class=\"cup\" icon=\"{{ showAccordionContent ? 'minus' : 'plus' }}\"></dd-lib-svg-icon>\r\n </div>\r\n </div>\r\n @if (showAccordionContent) {\r\n <div class=\"mt-8\">\r\n <ng-content></ng-content>\r\n </div>\r\n }\r\n</div>\r\n", styles: [".accordion__header{display:flex;align-items:center;justify-content:space-between;cursor:pointer}.accordion__title{font-weight:500;font-size:20px;line-height:28px;color:var(--light-black-color)}@media screen and (max-width: 480px){.accordion__title{font-size:16px;line-height:24px}}\n"], dependencies: [{ kind: "component", type: LibSvgIconComponent, selector: "dd-lib-svg-icon", inputs: ["width", "height", "color", "icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1642
1693
|
}
|
|
1643
1694
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: LibAccordionComponent, decorators: [{
|
|
1644
1695
|
type: Component,
|
|
1645
|
-
args: [{ selector: 'dd-lib-accordion', standalone: true, imports: [NgOptimizedImage, LibSvgIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"accordion\">\r\n <div (click)=\"showAccordionContent = !showAccordionContent\" class=\"accordion__header\">\r\n @if (accTitle) {\r\n <div [innerHTML]=\"accTitle\" class=\"accordion__title\"></div>\r\n }\r\n <div>\r\n <dd-lib-svg-icon class=\"cup\" icon=\"{{ showAccordionContent ? 'minus' : 'plus' }}\"></dd-lib-svg-icon>\r\n </div>\r\n </div>\r\n @if (showAccordionContent) {\r\n <div class=\"mt-8\">\r\n <ng-content></ng-content>\r\n </div>\r\n }\r\n</div>\r\n" }]
|
|
1696
|
+
args: [{ selector: 'dd-lib-accordion', standalone: true, imports: [NgOptimizedImage, LibSvgIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"accordion\">\r\n <div (click)=\"showAccordionContent = !showAccordionContent\" class=\"accordion__header\">\r\n @if (accTitle) {\r\n <div [innerHTML]=\"accTitle\" class=\"accordion__title\"></div>\r\n }\r\n <div>\r\n <dd-lib-svg-icon class=\"cup\" icon=\"{{ showAccordionContent ? 'minus' : 'plus' }}\"></dd-lib-svg-icon>\r\n </div>\r\n </div>\r\n @if (showAccordionContent) {\r\n <div class=\"mt-8\">\r\n <ng-content></ng-content>\r\n </div>\r\n }\r\n</div>\r\n", styles: [".accordion__header{display:flex;align-items:center;justify-content:space-between;cursor:pointer}.accordion__title{font-weight:500;font-size:20px;line-height:28px;color:var(--light-black-color)}@media screen and (max-width: 480px){.accordion__title{font-size:16px;line-height:24px}}\n"] }]
|
|
1646
1697
|
}], propDecorators: { accTitle: [{
|
|
1647
1698
|
type: Input
|
|
1648
1699
|
}] } });
|
|
@@ -2893,5 +2944,5 @@ const t = true;
|
|
|
2893
2944
|
* Generated bundle index. Do not edit.
|
|
2894
2945
|
*/
|
|
2895
2946
|
|
|
2896
|
-
export { AutoHeightDirective, ClickOutsideDirective, CounterDirective, DEFAULT_FORMAT, DateService, Debounce, DeclensionDirective, DestroyService, DialogService, DisableAfterNCall, Disabled, FetcherService, FilterByKeyPipe, FilterPipe, FilterTabsPipe, HighlightPipe, ITab, InterceptorsService, LibAccordionComponent, LibBackButtonComponent, LibButtonComponent, LibCalendarComponent, LibCardComponent, LibCheckboxComponent, LibCommentInputComponent, LibCommonButtonComponent, LibCommonInputTextComponent, LibFileUploadComponent, LibFilterButtonComponent, LibImageLoaderComponent, LibInputComponent, LibLoaderComponent, LibPeriodComponent, LibRadioComponent, LibSearchInputComponent, LibSelectComponent, LibSkeletonComponent, LibSortComponent, LibStepComponent, LibSvgComponent, LibSvgIconComponent, LibTabsFragmentComponent, LibTextareaComponent, ResizeTextareaDirective, ReversePipe, SafePipe, SvgIconsService, TOAST_DATA, TOOLTIP_DATA, ThemeConfigurator, ThemeConstructorService, Throttle, ToastBaseComponent, ToastConfig, ToastPlaceholderComponent, ToastService, ToastType, TooltipComponent, TooltipDirective, TriangleDirective, ValidatorsService, t };
|
|
2947
|
+
export { AutoHeightDirective, ClickOutsideDirective, CounterDirective, DEFAULT_FORMAT, DateService, Debounce, DeclensionDirective, DestroyService, DialogService, DisableAfterNCall, Disabled, FetcherService, FilterByKeyPipe, FilterPipe, FilterTabsPipe, HighlightPipe, ITab, InterceptorsService, LibAccordionComponent, LibBackButtonComponent, LibButtonComponent, LibCalendarComponent, LibCardComponent, LibCheckboxComponent, LibCommentInputComponent, LibCommonButtonComponent, LibCommonInputTextComponent, LibFileUploadComponent, LibFilterButtonComponent, LibImageLoaderComponent, LibInputComponent, LibLoaderComponent, LibPeriodComponent, LibRadioComponent, LibSearchInputComponent, LibSelectComponent, LibSkeletonComponent, LibSortComponent, LibStepComponent, LibSvgComponent, LibSvgIconComponent, LibTabsFragmentComponent, LibTextareaComponent, ModalBaseComponent, ModalCommonComponent, ResizeTextareaDirective, ReversePipe, SafePipe, SvgIconsService, TOAST_DATA, TOOLTIP_DATA, ThemeConfigurator, ThemeConstructorService, Throttle, ToastBaseComponent, ToastConfig, ToastPlaceholderComponent, ToastService, ToastType, TooltipComponent, TooltipDirective, TriangleDirective, ValidatorsService, t };
|
|
2897
2948
|
//# sourceMappingURL=morozeckiy-dd-lib.mjs.map
|