@impartner/design-components 2.2.0 → 3.0.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/README.md +1 -0
- package/esm2022/constants/fontawesome-icons.mjs +3005 -3005
- package/esm2022/lib/alert/alert.component.mjs +4 -4
- package/esm2022/lib/alert/alert.module.mjs +4 -4
- package/esm2022/lib/avatar/avatar.component.mjs +3 -3
- package/esm2022/lib/avatar/avatar.module.mjs +4 -4
- package/esm2022/lib/avatar-group/avatar-group.component.mjs +3 -3
- package/esm2022/lib/avatar-group/avatar-group.module.mjs +4 -4
- package/esm2022/lib/backdrop/backdrop.component.mjs +3 -3
- package/esm2022/lib/backdrop/backdrop.module.mjs +4 -4
- package/esm2022/lib/badge/badge.component.mjs +4 -4
- package/esm2022/lib/badge/badge.module.mjs +4 -4
- package/esm2022/lib/branding/branded.directive.mjs +3 -3
- package/esm2022/lib/branding/branding.module.mjs +4 -4
- package/esm2022/lib/breadcrumb/breadcrumb-item.component.mjs +3 -3
- package/esm2022/lib/breadcrumb/breadcrumb.component.mjs +3 -3
- package/esm2022/lib/breadcrumb/breadcrumb.module.mjs +4 -4
- package/esm2022/lib/button/button.component.mjs +3 -3
- package/esm2022/lib/button/button.module.mjs +4 -4
- package/esm2022/lib/button-group/button-group.component.mjs +3 -3
- package/esm2022/lib/button-group/button-group.module.mjs +4 -4
- package/esm2022/lib/card-heading/card-heading.component.mjs +3 -3
- package/esm2022/lib/card-heading/card-heading.module.mjs +4 -4
- package/esm2022/lib/data-card/data-card.component.mjs +3 -3
- package/esm2022/lib/data-card/data-card.module.mjs +4 -4
- package/esm2022/lib/datetime-picker/components/datepicker-nav/datepicker-nav.component.mjs +4 -4
- package/esm2022/lib/datetime-picker/components/datepicker-template-host/datepicker-template-host.component.mjs +8 -5
- package/esm2022/lib/datetime-picker/components/datetime-picker/datetime-picker.component.mjs +7 -8
- package/esm2022/lib/datetime-picker/components/datetime-picker-input/datetime-picker-input.component.mjs +4 -4
- package/esm2022/lib/datetime-picker/components/datetime-picker-input-footer/datetime-picker-input-footer.component.mjs +3 -3
- package/esm2022/lib/datetime-picker/datetime-picker.module.mjs +4 -4
- package/esm2022/lib/datetime-picker/services/datetime-formatter/datetime-formatter.service.mjs +7 -7
- package/esm2022/lib/design-components.module.mjs +4 -4
- package/esm2022/lib/dropdown/components/dropdown-item/dropdown-item.component.mjs +3 -3
- package/esm2022/lib/dropdown/dropdown.component.mjs +4 -4
- package/esm2022/lib/dropdown/dropdown.module.mjs +4 -4
- package/esm2022/lib/file-upload/directives/file-drop.directive.mjs +4 -4
- package/esm2022/lib/file-upload/file-upload.component.mjs +4 -4
- package/esm2022/lib/file-upload/file-upload.module.mjs +4 -4
- package/esm2022/lib/file-upload/pipes/human-readable-byte-size.pipe.mjs +4 -4
- package/esm2022/lib/form-field/component/directives/corner-hint.directive.mjs +3 -3
- package/esm2022/lib/form-field/component/directives/error.directive.mjs +3 -3
- package/esm2022/lib/form-field/component/directives/form-root.directive.mjs +6 -6
- package/esm2022/lib/form-field/component/directives/hint.directive.mjs +3 -3
- package/esm2022/lib/form-field/component/directives/label.directive.mjs +3 -3
- package/esm2022/lib/form-field/component/directives/prefix.directive.mjs +3 -3
- package/esm2022/lib/form-field/component/directives/suffix.directive.mjs +3 -3
- package/esm2022/lib/form-field/component/form-field.component.mjs +4 -4
- package/esm2022/lib/form-field/component/form-field.module.mjs +4 -4
- package/esm2022/lib/form-field/controls/checkbox/checkbox.component.mjs +4 -4
- package/esm2022/lib/form-field/controls/checkbox/checkbox.module.mjs +4 -4
- package/esm2022/lib/form-field/controls/input/input.directive.mjs +4 -4
- package/esm2022/lib/form-field/controls/radio/radio-button/radio-button.component.mjs +4 -4
- package/esm2022/lib/form-field/controls/radio/radio-group/radio-group.directive.mjs +4 -4
- package/esm2022/lib/form-field/controls/radio/radio.module.mjs +4 -4
- package/esm2022/lib/form-field/controls/select/option/select-option.component.mjs +3 -3
- package/esm2022/lib/form-field/controls/select/option-display/select-option-display.component.mjs +4 -4
- package/esm2022/lib/form-field/controls/select/option-group/select-option-group.component.mjs +3 -3
- package/esm2022/lib/form-field/controls/select/select-model.mjs +1 -1
- package/esm2022/lib/form-field/controls/select/select.component.mjs +7 -7
- package/esm2022/lib/form-field/controls/select/select.module.mjs +4 -4
- package/esm2022/lib/form-field/controls/select/value-tags-display/select-value-tags-display.component.mjs +4 -4
- package/esm2022/lib/form-field/controls/shared/toggle/components/toggle-input/toggle-input.component.mjs +3 -3
- package/esm2022/lib/form-field/controls/shared/toggle/toggle.component.mjs +4 -4
- package/esm2022/lib/form-field/controls/shared/toggle/toggle.module.mjs +4 -4
- package/esm2022/lib/form-field/controls/tag-select/tag-select.component.mjs +4 -4
- package/esm2022/lib/form-field/impdc-forms.module.mjs +4 -4
- package/esm2022/lib/form-field/services/error-state-matcher.service.mjs +6 -6
- package/esm2022/lib/form-field/services/unique-selection-dispatcher.service.mjs +4 -4
- package/esm2022/lib/form-field/shared/error-state.mixin.mjs +1 -1
- package/esm2022/lib/form-field/shared/form-field-control.mjs +3 -3
- package/esm2022/lib/icon/icon.component.mjs +5 -5
- package/esm2022/lib/icon/icon.module.mjs +4 -4
- package/esm2022/lib/modal/modal.component.mjs +4 -4
- package/esm2022/lib/modal/modal.module.mjs +4 -4
- package/esm2022/lib/pagination/pagination.component.mjs +4 -4
- package/esm2022/lib/pagination/pagination.module.mjs +4 -4
- package/esm2022/lib/progress-bar/progress-bar.component.mjs +3 -3
- package/esm2022/lib/progress-bar/progress-bar.module.mjs +4 -4
- package/esm2022/lib/scrollable/scrollable.component.mjs +4 -4
- package/esm2022/lib/scrollable/scrollable.module.mjs +4 -4
- package/esm2022/lib/select-icon/select-icon.component.mjs +6 -6
- package/esm2022/lib/select-icon/select-icon.module.mjs +4 -4
- package/esm2022/lib/size-detection/directive/size-detector.directive.mjs +4 -4
- package/esm2022/lib/size-detection/size-detection.module.mjs +4 -4
- package/esm2022/lib/spinner/spinner.component.mjs +3 -3
- package/esm2022/lib/spinner/spinner.module.mjs +4 -4
- package/esm2022/lib/table/components/bulk-actions/bulk-actions.component.mjs +3 -3
- package/esm2022/lib/table/components/column-heading/column-heading.component.mjs +3 -3
- package/esm2022/lib/table/components/row-actions/row-actions.component.mjs +4 -4
- package/esm2022/lib/table/containers/table.component.mjs +5 -5
- package/esm2022/lib/table/directives/collapse-monitor.directive.mjs +4 -4
- package/esm2022/lib/table/directives/table-inject-component.directive.mjs +4 -4
- package/esm2022/lib/table/directives/table.directive.mjs +3 -3
- package/esm2022/lib/table/helpers/table-theme.helper.mjs +1 -1
- package/esm2022/lib/table/table.module.mjs +4 -4
- package/esm2022/lib/tag/tag.component.mjs +4 -4
- package/esm2022/lib/text-highlight/text-highlight.component.mjs +4 -4
- package/esm2022/lib/text-highlight/text-highlight.module.mjs +4 -4
- package/esm2022/services/interaction.service.mjs +4 -4
- package/fesm2022/impartner-design-components.mjs +3344 -3342
- package/fesm2022/impartner-design-components.mjs.map +1 -1
- package/lib/datetime-picker/components/datepicker-template-host/datepicker-template-host.component.d.ts +1 -0
- package/lib/datetime-picker/components/datetime-picker/datetime-picker.component.d.ts +0 -2
- package/package.json +7 -7
|
@@ -78,10 +78,10 @@ export class AlertComponent {
|
|
|
78
78
|
this.show = false;
|
|
79
79
|
this.dismiss.emit();
|
|
80
80
|
}
|
|
81
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
82
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
81
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
82
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: AlertComponent, selector: "impdc-alert, [impdc-alert]", inputs: { theme: "theme", show: "show", headingText: "headingText", bodyText: "bodyText", inline: "inline", hideIcon: "hideIcon", borderless: "borderless", dismissible: "dismissible" }, outputs: { dismiss: "dismiss" }, ngImport: i0, template: "<div *ngIf=\"show\" class=\"impdc alert\" [ngClass]=\"componentClasses\">\n <ng-container *ngIf=\"!hideIcon\">\n <span #alertIcon [hidden]=\"!alertIcon.children.length\" class=\"alert-icon\">\n <ng-content select=\"[icon]\"></ng-content>\n </span>\n <span *ngIf=\"!alertIcon.children.length\" class=\"alert-icon\">\n <span impdc-icon [name]=\"themeIconName\"></span>\n </span>\n </ng-container>\n\n <div\n class=\"alert-content\"\n [ngClass]=\"{\n 'alert-content-heading-only':\n !bodyText &&\n !projectedBody.children.length &&\n !projectedBody.innerHTML &&\n !alertActions.children.length\n }\">\n <div class=\"alert-heading\">\n <ng-content select=\"[heading]\"></ng-content>\n <span *ngIf=\"headingText\">{{ headingText }}</span>\n </div>\n <div\n #bodyContent\n class=\"alert-body\"\n [hidden]=\"!bodyContent.children.length\">\n <div *ngIf=\"bodyText\">{{ bodyText }}</div>\n\n <div\n #projectedBody\n [hidden]=\"!projectedBody.children.length && !projectedBody.innerHTML\">\n <ng-content></ng-content>\n </div>\n\n <div\n #alertActions\n [hidden]=\"!alertActions.children.length\"\n class=\"alert-actions\">\n <ng-content select=\"[action]\"></ng-content>\n </div>\n </div>\n </div>\n\n <a\n *ngIf=\"dismissible\"\n class=\"close-icon\"\n (click)=\"closeAlert()\"\n data-bs-dismiss=\"alert\"\n aria-label=\"Close\">\n <span impdc-icon name=\"times\" theme=\"regular\"></span>\n </a>\n</div>\n", styles: [".impdc.alert{display:flex;gap:1.2rem}.impdc.alert .alert-icon,.impdc.alert .close-icon{display:flex;width:2rem;height:2rem;font-size:1.6rem;line-height:2rem;align-items:center;justify-content:center}.impdc.alert .alert-content{flex:1;display:flex;flex-direction:column;gap:.8rem}.impdc.alert .alert-content .alert-heading{display:flex;align-items:center;gap:1.2rem}.impdc.alert .alert-content .alert-body{display:flex;flex-direction:column;gap:1.6rem;font-size:1.4rem;font-weight:400;line-height:2rem}.impdc.alert .alert-content .alert-body .alert-actions{display:flex;gap:2.8rem}.impdc.alert .alert-content .alert-body .alert-actions ::ng-deep a{font-size:1.4rem;font-weight:500;line-height:2rem;text-decoration-line:underline;color:var(--impartner-hex-alert-action-color)}.impdc.alert .alert-content-heading-only{gap:0}.impdc.alert .close-icon{cursor:pointer;color:var(--impartner-hex-btn-close-color)}.impdc.alert.borderless{border:none;background-color:transparent}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.IconComponent, selector: "impdc-icon, [impdc-icon]", inputs: ["name", "theme", "size"] }] }); }
|
|
83
83
|
}
|
|
84
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
84
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AlertComponent, decorators: [{
|
|
85
85
|
type: Component,
|
|
86
86
|
args: [{ selector: 'impdc-alert, [impdc-alert]', template: "<div *ngIf=\"show\" class=\"impdc alert\" [ngClass]=\"componentClasses\">\n <ng-container *ngIf=\"!hideIcon\">\n <span #alertIcon [hidden]=\"!alertIcon.children.length\" class=\"alert-icon\">\n <ng-content select=\"[icon]\"></ng-content>\n </span>\n <span *ngIf=\"!alertIcon.children.length\" class=\"alert-icon\">\n <span impdc-icon [name]=\"themeIconName\"></span>\n </span>\n </ng-container>\n\n <div\n class=\"alert-content\"\n [ngClass]=\"{\n 'alert-content-heading-only':\n !bodyText &&\n !projectedBody.children.length &&\n !projectedBody.innerHTML &&\n !alertActions.children.length\n }\">\n <div class=\"alert-heading\">\n <ng-content select=\"[heading]\"></ng-content>\n <span *ngIf=\"headingText\">{{ headingText }}</span>\n </div>\n <div\n #bodyContent\n class=\"alert-body\"\n [hidden]=\"!bodyContent.children.length\">\n <div *ngIf=\"bodyText\">{{ bodyText }}</div>\n\n <div\n #projectedBody\n [hidden]=\"!projectedBody.children.length && !projectedBody.innerHTML\">\n <ng-content></ng-content>\n </div>\n\n <div\n #alertActions\n [hidden]=\"!alertActions.children.length\"\n class=\"alert-actions\">\n <ng-content select=\"[action]\"></ng-content>\n </div>\n </div>\n </div>\n\n <a\n *ngIf=\"dismissible\"\n class=\"close-icon\"\n (click)=\"closeAlert()\"\n data-bs-dismiss=\"alert\"\n aria-label=\"Close\">\n <span impdc-icon name=\"times\" theme=\"regular\"></span>\n </a>\n</div>\n", styles: [".impdc.alert{display:flex;gap:1.2rem}.impdc.alert .alert-icon,.impdc.alert .close-icon{display:flex;width:2rem;height:2rem;font-size:1.6rem;line-height:2rem;align-items:center;justify-content:center}.impdc.alert .alert-content{flex:1;display:flex;flex-direction:column;gap:.8rem}.impdc.alert .alert-content .alert-heading{display:flex;align-items:center;gap:1.2rem}.impdc.alert .alert-content .alert-body{display:flex;flex-direction:column;gap:1.6rem;font-size:1.4rem;font-weight:400;line-height:2rem}.impdc.alert .alert-content .alert-body .alert-actions{display:flex;gap:2.8rem}.impdc.alert .alert-content .alert-body .alert-actions ::ng-deep a{font-size:1.4rem;font-weight:500;line-height:2rem;text-decoration-line:underline;color:var(--impartner-hex-alert-action-color)}.impdc.alert .alert-content-heading-only{gap:0}.impdc.alert .close-icon{cursor:pointer;color:var(--impartner-hex-btn-close-color)}.impdc.alert.borderless{border:none;background-color:transparent}\n"] }]
|
|
87
87
|
}], propDecorators: { theme: [{
|
|
@@ -103,4 +103,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.1", ngImpor
|
|
|
103
103
|
}], dismiss: [{
|
|
104
104
|
type: Output
|
|
105
105
|
}] } });
|
|
106
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
106
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxlcnQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGVzaWduLWNvbXBvbmVudHMvc3JjL2xpYi9hbGVydC9hbGVydC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kZXNpZ24tY29tcG9uZW50cy9zcmMvbGliL2FsZXJ0L2FsZXJ0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7QUFHdkU7OztHQUdHO0FBTUgsTUFBTSxPQUFPLGNBQWM7SUFMM0I7UUFNRTs7V0FFRztRQUVILFVBQUssR0FBZSxTQUFTLENBQUM7UUFFOUI7O1dBRUc7UUFDTSxTQUFJLEdBQUcsS0FBSyxDQUFDO1FBRXRCOztXQUVHO1FBQ00sZ0JBQVcsR0FBRyxFQUFFLENBQUM7UUFFMUI7O1dBRUc7UUFDTSxhQUFRLEdBQUcsRUFBRSxDQUFDO1FBRXZCOztXQUVHO1FBQ00sV0FBTSxHQUFHLEtBQUssQ0FBQztRQUV4Qjs7V0FFRztRQUNNLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFFMUI7O1dBRUc7UUFDTSxlQUFVLEdBQUcsS0FBSyxDQUFDO1FBRTVCOztXQUVHO1FBQ00sZ0JBQVcsR0FBRyxJQUFJLENBQUM7UUFFNUI7O1dBRUc7UUFFSCxZQUFPLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztLQXNDcEM7SUFwQ0MsSUFBSSxnQkFBZ0I7UUFDbEIsTUFBTSxVQUFVLEdBQ2QsSUFBSSxDQUFDLEtBQUssS0FBSyxTQUFTO1lBQ3RCLENBQUMsQ0FBQyxlQUFlO1lBQ2pCLENBQUMsQ0FBQyxJQUFJLENBQUMsS0FBSyxLQUFLLE1BQU07Z0JBQ3ZCLENBQUMsQ0FBQyxZQUFZO2dCQUNkLENBQUMsQ0FBQyxJQUFJLENBQUMsS0FBSyxLQUFLLFFBQVE7b0JBQ3pCLENBQUMsQ0FBQyxjQUFjO29CQUNoQixDQUFDLENBQUMsSUFBSSxDQUFDLEtBQUssS0FBSyxTQUFTO3dCQUMxQixDQUFDLENBQUMsZUFBZTt3QkFDakIsQ0FBQyxDQUFDLEVBQUUsQ0FBQztRQUNULE1BQU0sV0FBVyxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLGVBQWUsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDO1FBQ3ZELE1BQU0sZ0JBQWdCLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUMsb0JBQW9CLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQztRQUN0RSxNQUFNLFVBQVUsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxhQUFhLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQztRQUN4RCxPQUFPLFVBQVUsR0FBRyxXQUFXLEdBQUcsZ0JBQWdCLEdBQUcsVUFBVSxDQUFDO0lBQ2xFLENBQUM7SUFFRCxJQUFJLGFBQWE7UUFDZixPQUFPLElBQUksQ0FBQyxLQUFLLEtBQUssU0FBUztZQUM3QixDQUFDLENBQUMsb0JBQW9CO1lBQ3RCLENBQUMsQ0FBQyxJQUFJLENBQUMsS0FBSyxLQUFLLE1BQU07Z0JBQ3ZCLENBQUMsQ0FBQyxhQUFhO2dCQUNmLENBQUMsQ0FBQyxJQUFJLENBQUMsS0FBSyxLQUFLLFFBQVE7b0JBQ3pCLENBQUMsQ0FBQyxjQUFjO29CQUNoQixDQUFDLENBQUMsSUFBSSxDQUFDLEtBQUssS0FBSyxTQUFTO3dCQUMxQixDQUFDLENBQUMsY0FBYzt3QkFDaEIsQ0FBQyxDQUFDLEVBQUUsQ0FBQztJQUNULENBQUM7SUFFRCxVQUFVO1FBQ1IsSUFBSSxDQUFDLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQztZQUN0QixPQUFPO1FBQ1QsQ0FBQztRQUNELElBQUksQ0FBQyxJQUFJLEdBQUcsS0FBSyxDQUFDO1FBQ2xCLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDdEIsQ0FBQzs4R0FuRlUsY0FBYztrR0FBZCxjQUFjLDZSQ1ozQixna0RBcURBOzsyRkR6Q2EsY0FBYztrQkFMMUIsU0FBUzsrQkFDRSw0QkFBNEI7OEJBU3RDLEtBQUs7c0JBREosS0FBSztnQkFNRyxJQUFJO3NCQUFaLEtBQUs7Z0JBS0csV0FBVztzQkFBbkIsS0FBSztnQkFLRyxRQUFRO3NCQUFoQixLQUFLO2dCQUtHLE1BQU07c0JBQWQsS0FBSztnQkFLRyxRQUFRO3NCQUFoQixLQUFLO2dCQUtHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBS0csV0FBVztzQkFBbkIsS0FBSztnQkFNTixPQUFPO3NCQUROLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQWxlcnRUaGVtZSB9IGZyb20gJy4vdGhlbWUnO1xuXG4vKipcbiAqIFRoZSBgQWxlcnRDb21wb25lbnRgIChgPGltcGRjLWFsZXJ0YCBvciBgPGFueSBpbXBkYy1hbGVydGApIGlzIGludGVuZGVkIHRvIHNob3cgaW5mb3JtYXRpb24gb3IgZmVlZGJhY2sgaW5saW5lIHdpdGggY29udGVudC5cbiAqIFRvIHVzZSwgaW1wb3J0IGBBbGVydE1vZHVsZWAgb3IgYW5vdGhlciBtb2R1bGUgdGhhdCBpbXBvcnRzIGFuZCBleHBvcnRzIHRoYXQgbW9kdWxlIGZyb20gYEBpbXBhcnRuZXIvZGVzaWduLWNvbXBvbmVudHNgLlxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdpbXBkYy1hbGVydCwgW2ltcGRjLWFsZXJ0XScsXG4gIHRlbXBsYXRlVXJsOiAnLi9hbGVydC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2FsZXJ0LmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgQWxlcnRDb21wb25lbnQge1xuICAvKipcbiAgICogVGhlIHRoZW1lIG9mIHRoZSBBbGVydCBhZmZlY3RpbmcgdGV4dCwgaWNvbnMsIGJhY2tncm91bmRzLCBhbmQgYm9yZGVycy5cbiAgICovXG4gIEBJbnB1dCgpXG4gIHRoZW1lOiBBbGVydFRoZW1lID0gJ3dhcm5pbmcnO1xuXG4gIC8qKlxuICAgKiBEZXRlcm1pbmVzIGlmIHRoZSBBbGVydCBzaG91bGQgYmUgc2hvd24gaW1tZWRpYXRlbHkuXG4gICAqL1xuICBASW5wdXQoKSBzaG93ID0gZmFsc2U7XG5cbiAgLyoqXG4gICAqIFRoZSBoZWFkaW5nIHRleHQgb2YgdGhlIEFsZXJ0LiBDb250ZW50IGNhbiBhbHNvIGJlIHByb2plY3RlZCBpbiB0aGUgaGVhZGluZyBhcmVhIHVzaW5nIGEgYGhlYWRpbmdgIGRpcmVjdGl2ZS5cbiAgICovXG4gIEBJbnB1dCgpIGhlYWRpbmdUZXh0ID0gJyc7XG5cbiAgLyoqXG4gICAqIFRoZSBib2R5IHRleHQgb2YgdGhlIEFsZXJ0LiBDb250ZW50IGNhbiBhbHNvIGJlIHByb2plY3RlZCBpbnRvIHRoZSBib2R5IGFyZWEgdXNpbmcgZGVmYXVsdCBwcm9qZWN0aW9uLlxuICAgKi9cbiAgQElucHV0KCkgYm9keVRleHQgPSAnJztcblxuICAvKipcbiAgICogQnkgZGVmYXVsdCwgYW4gQWxlcnQgaXMgYSBcImZsb2F0aW5nXCIgbm90aWZpY2F0aW9uLiBXaGVuIHNldCB0byBcImlubGluZVwiLCB0aGVzZSBcImZsb2F0aW5nXCIgc3R5bGVzIGFyZSByZXBsYWNlZC5cbiAgICovXG4gIEBJbnB1dCgpIGlubGluZSA9IGZhbHNlO1xuXG4gIC8qKlxuICAgKiBSZW1vdmVzIHRoZSBBbGVydCBpY29uIHByb3ZpZGVkIGJ5IHRoZSB0aGVtZSBvciBwcm9qZWN0ZWQgaW50byB0aGUgaWNvbiBhcmVhIHVzaW5nIHRoZSBgaWNvbmAgZGlyZWN0aXZlLlxuICAgKi9cbiAgQElucHV0KCkgaGlkZUljb24gPSBmYWxzZTtcblxuICAvKipcbiAgICogUmVtb3ZlcyB0aGUgQWxlcnQgYm9yZGVyIGFuZCBiYWNrZ3JvdW5kIGNvbG9ycyB0byBvbmx5IHN0eWxlIGljb24gYW5kIHRleHQgYWNjb3JkaW5nIHRvIHRoZW1lLlxuICAgKi9cbiAgQElucHV0KCkgYm9yZGVybGVzcyA9IGZhbHNlO1xuXG4gIC8qKlxuICAgKiBBbGxvd3MgdGhlIEFsZXJ0IHRvIGJlIGRpc21pc3NlZC5cbiAgICovXG4gIEBJbnB1dCgpIGRpc21pc3NpYmxlID0gdHJ1ZTtcblxuICAvKipcbiAgICogRXZlbnQgZW1pdHRlZCB3aGVuIHRoZSBBbGVydCBpcyBkaXNtaXNzZWQuXG4gICAqL1xuICBAT3V0cHV0KClcbiAgZGlzbWlzcyA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcblxuICBnZXQgY29tcG9uZW50Q2xhc3NlcygpOiBzdHJpbmcge1xuICAgIGNvbnN0IHRoZW1lQ2xhc3MgPVxuICAgICAgdGhpcy50aGVtZSA9PT0gJ3dhcm5pbmcnXG4gICAgICAgID8gJ2FsZXJ0LXdhcm5pbmcnXG4gICAgICAgIDogdGhpcy50aGVtZSA9PT0gJ2luZm8nXG4gICAgICAgID8gJ2FsZXJ0LWluZm8nXG4gICAgICAgIDogdGhpcy50aGVtZSA9PT0gJ2RhbmdlcidcbiAgICAgICAgPyAnYWxlcnQtZGFuZ2VyJ1xuICAgICAgICA6IHRoaXMudGhlbWUgPT09ICdzdWNjZXNzJ1xuICAgICAgICA/ICdhbGVydC1zdWNjZXNzJ1xuICAgICAgICA6ICcnO1xuICAgIGNvbnN0IGlubGluZUNsYXNzID0gdGhpcy5pbmxpbmUgPyAnIGFsZXJ0LWlubGluZScgOiAnJztcbiAgICBjb25zdCBkaXNtaXNzaWJsZUNsYXNzID0gdGhpcy5kaXNtaXNzaWJsZSA/ICcgYWxlcnQtZGlzbWlzc2libGUnIDogJyc7XG4gICAgY29uc3QgYm9yZGVybGVzcyA9IHRoaXMuYm9yZGVybGVzcyA/ICcgYm9yZGVybGVzcycgOiAnJztcbiAgICByZXR1cm4gdGhlbWVDbGFzcyArIGlubGluZUNsYXNzICsgZGlzbWlzc2libGVDbGFzcyArIGJvcmRlcmxlc3M7XG4gIH1cblxuICBnZXQgdGhlbWVJY29uTmFtZSgpOiBzdHJpbmcge1xuICAgIHJldHVybiB0aGlzLnRoZW1lID09PSAnd2FybmluZydcbiAgICAgID8gJ2V4Y2xhbWF0aW9uLWNpcmNsZSdcbiAgICAgIDogdGhpcy50aGVtZSA9PT0gJ2luZm8nXG4gICAgICA/ICdpbmZvLWNpcmNsZSdcbiAgICAgIDogdGhpcy50aGVtZSA9PT0gJ2RhbmdlcidcbiAgICAgID8gJ3RpbWVzLWNpcmNsZSdcbiAgICAgIDogdGhpcy50aGVtZSA9PT0gJ3N1Y2Nlc3MnXG4gICAgICA/ICdjaGVjay1jaXJjbGUnXG4gICAgICA6ICcnO1xuICB9XG5cbiAgY2xvc2VBbGVydCgpOiB2b2lkIHtcbiAgICBpZiAoIXRoaXMuZGlzbWlzc2libGUpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG4gICAgdGhpcy5zaG93ID0gZmFsc2U7XG4gICAgdGhpcy5kaXNtaXNzLmVtaXQoKTtcbiAgfVxufVxuIiwiPGRpdiAqbmdJZj1cInNob3dcIiBjbGFzcz1cImltcGRjIGFsZXJ0XCIgW25nQ2xhc3NdPVwiY29tcG9uZW50Q2xhc3Nlc1wiPlxuICA8bmctY29udGFpbmVyICpuZ0lmPVwiIWhpZGVJY29uXCI+XG4gICAgPHNwYW4gI2FsZXJ0SWNvbiBbaGlkZGVuXT1cIiFhbGVydEljb24uY2hpbGRyZW4ubGVuZ3RoXCIgY2xhc3M9XCJhbGVydC1pY29uXCI+XG4gICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbaWNvbl1cIj48L25nLWNvbnRlbnQ+XG4gICAgPC9zcGFuPlxuICAgIDxzcGFuICpuZ0lmPVwiIWFsZXJ0SWNvbi5jaGlsZHJlbi5sZW5ndGhcIiBjbGFzcz1cImFsZXJ0LWljb25cIj5cbiAgICAgIDxzcGFuIGltcGRjLWljb24gW25hbWVdPVwidGhlbWVJY29uTmFtZVwiPjwvc3Bhbj5cbiAgICA8L3NwYW4+XG4gIDwvbmctY29udGFpbmVyPlxuXG4gIDxkaXZcbiAgICBjbGFzcz1cImFsZXJ0LWNvbnRlbnRcIlxuICAgIFtuZ0NsYXNzXT1cIntcbiAgICAgICdhbGVydC1jb250ZW50LWhlYWRpbmctb25seSc6XG4gICAgICAgICFib2R5VGV4dCAmJlxuICAgICAgICAhcHJvamVjdGVkQm9keS5jaGlsZHJlbi5sZW5ndGggJiZcbiAgICAgICAgIXByb2plY3RlZEJvZHkuaW5uZXJIVE1MICYmXG4gICAgICAgICFhbGVydEFjdGlvbnMuY2hpbGRyZW4ubGVuZ3RoXG4gICAgfVwiPlxuICAgIDxkaXYgY2xhc3M9XCJhbGVydC1oZWFkaW5nXCI+XG4gICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbaGVhZGluZ11cIj48L25nLWNvbnRlbnQ+XG4gICAgICA8c3BhbiAqbmdJZj1cImhlYWRpbmdUZXh0XCI+e3sgaGVhZGluZ1RleHQgfX08L3NwYW4+XG4gICAgPC9kaXY+XG4gICAgPGRpdlxuICAgICAgI2JvZHlDb250ZW50XG4gICAgICBjbGFzcz1cImFsZXJ0LWJvZHlcIlxuICAgICAgW2hpZGRlbl09XCIhYm9keUNvbnRlbnQuY2hpbGRyZW4ubGVuZ3RoXCI+XG4gICAgICA8ZGl2ICpuZ0lmPVwiYm9keVRleHRcIj57eyBib2R5VGV4dCB9fTwvZGl2PlxuXG4gICAgICA8ZGl2XG4gICAgICAgICNwcm9qZWN0ZWRCb2R5XG4gICAgICAgIFtoaWRkZW5dPVwiIXByb2plY3RlZEJvZHkuY2hpbGRyZW4ubGVuZ3RoICYmICFwcm9qZWN0ZWRCb2R5LmlubmVySFRNTFwiPlxuICAgICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgICA8L2Rpdj5cblxuICAgICAgPGRpdlxuICAgICAgICAjYWxlcnRBY3Rpb25zXG4gICAgICAgIFtoaWRkZW5dPVwiIWFsZXJ0QWN0aW9ucy5jaGlsZHJlbi5sZW5ndGhcIlxuICAgICAgICBjbGFzcz1cImFsZXJ0LWFjdGlvbnNcIj5cbiAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2FjdGlvbl1cIj48L25nLWNvbnRlbnQ+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG5cbiAgPGFcbiAgICAqbmdJZj1cImRpc21pc3NpYmxlXCJcbiAgICBjbGFzcz1cImNsb3NlLWljb25cIlxuICAgIChjbGljayk9XCJjbG9zZUFsZXJ0KClcIlxuICAgIGRhdGEtYnMtZGlzbWlzcz1cImFsZXJ0XCJcbiAgICBhcmlhLWxhYmVsPVwiQ2xvc2VcIj5cbiAgICA8c3BhbiBpbXBkYy1pY29uIG5hbWU9XCJ0aW1lc1wiIHRoZW1lPVwicmVndWxhclwiPjwvc3Bhbj5cbiAgPC9hPlxuPC9kaXY+XG4iXX0=
|
|
@@ -4,11 +4,11 @@ import { AlertComponent } from './alert.component';
|
|
|
4
4
|
import { IconModule } from '../icon';
|
|
5
5
|
import * as i0 from "@angular/core";
|
|
6
6
|
export class AlertModule {
|
|
7
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
8
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
9
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
7
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AlertModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
8
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.0", ngImport: i0, type: AlertModule, declarations: [AlertComponent], imports: [CommonModule, IconModule], exports: [IconModule, AlertComponent] }); }
|
|
9
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AlertModule, imports: [CommonModule, IconModule, IconModule] }); }
|
|
10
10
|
}
|
|
11
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
11
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AlertModule, decorators: [{
|
|
12
12
|
type: NgModule,
|
|
13
13
|
args: [{
|
|
14
14
|
imports: [CommonModule, IconModule],
|
|
@@ -30,10 +30,10 @@ export class AvatarComponent {
|
|
|
30
30
|
get avatarHasImg() {
|
|
31
31
|
return this.imgSrc && this.imgSrc.length > 0 ? true : false;
|
|
32
32
|
}
|
|
33
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
34
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
33
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
34
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: AvatarComponent, selector: "impdc-avatar", inputs: { imgSrc: "imgSrc", initials: "initials", status: "status", size: "size" }, ngImport: i0, template: "<div class=\"avatar-container\">\n <span class=\"avatar-status\" *ngIf=\"status\" [ngClass]=\"[size, status]\"></span>\n\n <img\n class=\"avatar\"\n *ngIf=\"avatarHasImg\"\n [attr.src]=\"imgSrc\"\n [ngClass]=\"size\" />\n <div\n class=\"avatar initials\"\n *ngIf=\"!avatarHasImg && initials\"\n [ngClass]=\"size\">\n {{ initials.toUpperCase() }}\n </div>\n\n <div\n class=\"avatar fallback\"\n *ngIf=\"!avatarHasImg && !initials\"\n [ngClass]=\"size\">\n <span impdc-icon name=\"user\"></span>\n </div>\n</div>\n", styles: [".avatar-container{display:flex;position:relative;align-items:center;justify-content:center}.avatar-right{margin-left:1.2rem}.avatar{border-radius:50%}.avatar.xs{height:2.4rem;width:2.4rem}.avatar.sm{height:3.2rem;width:3.2rem}.avatar.md{height:4rem;width:4rem}.avatar.lg{height:4.8rem;width:4.8rem}.avatar.xl{height:5.6rem;width:5.6rem}.avatar.xxl{height:6.4rem;width:6.4rem}.avatar.initials{background-color:var(--impd-color-gray-400);color:var(--impd-color-white)}.avatar.initials.xs{font-size:1.2rem}.avatar.initials.sm{font-size:1.4rem}.avatar.initials.md{font-size:1.6rem}.avatar.initials.lg{font-size:1.8rem}.avatar.initials.xl{font-size:2rem}.avatar.initials.xxl{font-size:2.2rem}.avatar.fallback{background:var(--impd-color-gray-100);color:var(--impd-color-gray-300)}.avatar.fallback.xs{font-size:1.2rem}.avatar.fallback.sm{font-size:1.7rem}.avatar.fallback.md{font-size:2.3rem}.avatar.fallback.lg{font-size:2.9rem}.avatar.fallback.xl{font-size:3.5rem}.avatar.fallback.xxl{font-size:3.9rem}.avatar.initials,.avatar.fallback{display:flex;align-items:center;justify-content:center}.avatar-status{border-radius:50%;border:.2rem solid var(--impd-color-white);position:absolute;top:0;right:0}.avatar-status.xs{height:.6rem;width:.6rem}.avatar-status.sm{height:.8rem;width:.8rem}.avatar-status.md{height:1rem;width:1rem}.avatar-status.lg{height:1.2rem;width:1.2rem}.avatar-status.xl{height:1.4rem;width:1.4rem}.avatar-status.xxl{height:1.6rem;width:1.6rem}.avatar-status.active{background-color:var(--impd-color-green-400)}.avatar-status.inactive{background-color:var(--impd-color-gray-300)}.avatar-status.busy{background-color:var(--impd-color-red-400)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.IconComponent, selector: "impdc-icon, [impdc-icon]", inputs: ["name", "theme", "size"] }] }); }
|
|
35
35
|
}
|
|
36
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
36
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AvatarComponent, decorators: [{
|
|
37
37
|
type: Component,
|
|
38
38
|
args: [{ selector: 'impdc-avatar', template: "<div class=\"avatar-container\">\n <span class=\"avatar-status\" *ngIf=\"status\" [ngClass]=\"[size, status]\"></span>\n\n <img\n class=\"avatar\"\n *ngIf=\"avatarHasImg\"\n [attr.src]=\"imgSrc\"\n [ngClass]=\"size\" />\n <div\n class=\"avatar initials\"\n *ngIf=\"!avatarHasImg && initials\"\n [ngClass]=\"size\">\n {{ initials.toUpperCase() }}\n </div>\n\n <div\n class=\"avatar fallback\"\n *ngIf=\"!avatarHasImg && !initials\"\n [ngClass]=\"size\">\n <span impdc-icon name=\"user\"></span>\n </div>\n</div>\n", styles: [".avatar-container{display:flex;position:relative;align-items:center;justify-content:center}.avatar-right{margin-left:1.2rem}.avatar{border-radius:50%}.avatar.xs{height:2.4rem;width:2.4rem}.avatar.sm{height:3.2rem;width:3.2rem}.avatar.md{height:4rem;width:4rem}.avatar.lg{height:4.8rem;width:4.8rem}.avatar.xl{height:5.6rem;width:5.6rem}.avatar.xxl{height:6.4rem;width:6.4rem}.avatar.initials{background-color:var(--impd-color-gray-400);color:var(--impd-color-white)}.avatar.initials.xs{font-size:1.2rem}.avatar.initials.sm{font-size:1.4rem}.avatar.initials.md{font-size:1.6rem}.avatar.initials.lg{font-size:1.8rem}.avatar.initials.xl{font-size:2rem}.avatar.initials.xxl{font-size:2.2rem}.avatar.fallback{background:var(--impd-color-gray-100);color:var(--impd-color-gray-300)}.avatar.fallback.xs{font-size:1.2rem}.avatar.fallback.sm{font-size:1.7rem}.avatar.fallback.md{font-size:2.3rem}.avatar.fallback.lg{font-size:2.9rem}.avatar.fallback.xl{font-size:3.5rem}.avatar.fallback.xxl{font-size:3.9rem}.avatar.initials,.avatar.fallback{display:flex;align-items:center;justify-content:center}.avatar-status{border-radius:50%;border:.2rem solid var(--impd-color-white);position:absolute;top:0;right:0}.avatar-status.xs{height:.6rem;width:.6rem}.avatar-status.sm{height:.8rem;width:.8rem}.avatar-status.md{height:1rem;width:1rem}.avatar-status.lg{height:1.2rem;width:1.2rem}.avatar-status.xl{height:1.4rem;width:1.4rem}.avatar-status.xxl{height:1.6rem;width:1.6rem}.avatar-status.active{background-color:var(--impd-color-green-400)}.avatar-status.inactive{background-color:var(--impd-color-gray-300)}.avatar-status.busy{background-color:var(--impd-color-red-400)}\n"] }]
|
|
39
39
|
}], propDecorators: { imgSrc: [{
|
|
@@ -4,11 +4,11 @@ import { IconModule } from '../icon';
|
|
|
4
4
|
import { AvatarComponent } from './avatar.component';
|
|
5
5
|
import * as i0 from "@angular/core";
|
|
6
6
|
export class AvatarModule {
|
|
7
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
8
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
9
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
7
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AvatarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
8
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.0", ngImport: i0, type: AvatarModule, declarations: [AvatarComponent], imports: [CommonModule, IconModule], exports: [IconModule, AvatarComponent] }); }
|
|
9
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AvatarModule, imports: [CommonModule, IconModule, IconModule] }); }
|
|
10
10
|
}
|
|
11
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
11
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AvatarModule, decorators: [{
|
|
12
12
|
type: NgModule,
|
|
13
13
|
args: [{
|
|
14
14
|
imports: [CommonModule, IconModule],
|
|
@@ -6,10 +6,10 @@ import * as i0 from "@angular/core";
|
|
|
6
6
|
* `AvatarGroupModule` also imports and exports [AvatarModule](./?path=/docs/design-components-avatar--single)
|
|
7
7
|
*/
|
|
8
8
|
export class AvatarGroupComponent {
|
|
9
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
10
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
9
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AvatarGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: AvatarGroupComponent, selector: "impdc-avatar-group", ngImport: i0, template: "<div class=\"avatar-group\">\n <ng-content select=\"impdc-avatar\"></ng-content>\n</div>\n", styles: [".avatar-group{display:flex}::ng-deep impdc-avatar-group .avatar{border:.2rem solid #fff}::ng-deep impdc-avatar:not(:first-of-type) .avatar.xs{margin-left:-1rem}::ng-deep impdc-avatar:not(:first-of-type) .avatar.sm{margin-left:-1.2rem}::ng-deep impdc-avatar:not(:first-of-type) .avatar.md{margin-left:-1.4rem}::ng-deep impdc-avatar:not(:first-of-type) .avatar.lg{margin-left:-1.6rem}::ng-deep impdc-avatar:not(:first-of-type) .avatar.xl{margin-left:-1.8rem}::ng-deep impdc-avatar:not(:first-of-type) .avatar.xxl{margin-left:-2rem}\n"] }); }
|
|
11
11
|
}
|
|
12
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
12
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AvatarGroupComponent, decorators: [{
|
|
13
13
|
type: Component,
|
|
14
14
|
args: [{ selector: 'impdc-avatar-group', template: "<div class=\"avatar-group\">\n <ng-content select=\"impdc-avatar\"></ng-content>\n</div>\n", styles: [".avatar-group{display:flex}::ng-deep impdc-avatar-group .avatar{border:.2rem solid #fff}::ng-deep impdc-avatar:not(:first-of-type) .avatar.xs{margin-left:-1rem}::ng-deep impdc-avatar:not(:first-of-type) .avatar.sm{margin-left:-1.2rem}::ng-deep impdc-avatar:not(:first-of-type) .avatar.md{margin-left:-1.4rem}::ng-deep impdc-avatar:not(:first-of-type) .avatar.lg{margin-left:-1.6rem}::ng-deep impdc-avatar:not(:first-of-type) .avatar.xl{margin-left:-1.8rem}::ng-deep impdc-avatar:not(:first-of-type) .avatar.xxl{margin-left:-2rem}\n"] }]
|
|
15
15
|
}] });
|
|
@@ -4,11 +4,11 @@ import { AvatarGroupComponent } from './avatar-group.component';
|
|
|
4
4
|
import { AvatarModule } from '../avatar/avatar.module';
|
|
5
5
|
import * as i0 from "@angular/core";
|
|
6
6
|
export class AvatarGroupModule {
|
|
7
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
8
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
9
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
7
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AvatarGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
8
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.0", ngImport: i0, type: AvatarGroupModule, declarations: [AvatarGroupComponent], imports: [CommonModule, AvatarModule], exports: [AvatarModule, AvatarGroupComponent] }); }
|
|
9
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AvatarGroupModule, imports: [CommonModule, AvatarModule, AvatarModule] }); }
|
|
10
10
|
}
|
|
11
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
11
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AvatarGroupModule, decorators: [{
|
|
12
12
|
type: NgModule,
|
|
13
13
|
args: [{
|
|
14
14
|
declarations: [AvatarGroupComponent],
|
|
@@ -42,10 +42,10 @@ export class BackdropComponent {
|
|
|
42
42
|
validate() {
|
|
43
43
|
this._valid = true;
|
|
44
44
|
}
|
|
45
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
46
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
45
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: BackdropComponent, deps: [{ token: i1.InteractionService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
46
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: BackdropComponent, selector: "impdc-backdrop", ngImport: i0, template: "<div *ngIf=\"valid\" class=\"impdc modal-backdrop fade\" [class.show]=\"show\"></div>\n", styles: [".impdc.modal-backdrop{position:fixed;left:0;top:0;width:100vw;height:100vh;-webkit-user-select:none;user-select:none}.impdc.modal-backdrop.fade{transition:opacity .3s linear}.impdc.modal-backdrop:not(.show){height:0;opacity:0;pointer-events:none}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
47
47
|
}
|
|
48
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
48
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: BackdropComponent, decorators: [{
|
|
49
49
|
type: Component,
|
|
50
50
|
args: [{ selector: 'impdc-backdrop', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div *ngIf=\"valid\" class=\"impdc modal-backdrop fade\" [class.show]=\"show\"></div>\n", styles: [".impdc.modal-backdrop{position:fixed;left:0;top:0;width:100vw;height:100vh;-webkit-user-select:none;user-select:none}.impdc.modal-backdrop.fade{transition:opacity .3s linear}.impdc.modal-backdrop:not(.show){height:0;opacity:0;pointer-events:none}\n"] }]
|
|
51
51
|
}], ctorParameters: () => [{ type: i1.InteractionService }, { type: i0.ChangeDetectorRef }] });
|
|
@@ -4,11 +4,11 @@ import { BackdropComponent } from './backdrop.component';
|
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
5
|
export class BackdropModule {
|
|
6
6
|
constructor() { }
|
|
7
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
8
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
9
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
7
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: BackdropModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
8
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.0", ngImport: i0, type: BackdropModule, declarations: [BackdropComponent], imports: [CommonModule], exports: [BackdropComponent] }); }
|
|
9
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: BackdropModule, imports: [CommonModule] }); }
|
|
10
10
|
}
|
|
11
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
11
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: BackdropModule, decorators: [{
|
|
12
12
|
type: NgModule,
|
|
13
13
|
args: [{
|
|
14
14
|
imports: [CommonModule],
|
|
@@ -83,10 +83,10 @@ export class BadgeComponent {
|
|
|
83
83
|
this._dismissed = true;
|
|
84
84
|
this.dismiss.emit(event);
|
|
85
85
|
}
|
|
86
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
87
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
86
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: BadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
87
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: BadgeComponent, selector: "impdc-badge, [impdc-badge]", inputs: { text: "text", icon: "icon", theme: "theme", size: "size", hideBg: "hideBg", rounded: "rounded", dismissable: "dismissable" }, outputs: { dismiss: "dismiss" }, host: { properties: { "class": "this.classBadge", "class.rounded-pill": "this.classBadgeRounded", "class.px-0": "this.classNoPadding", "hidden": "this._dismissed" } }, ngImport: i0, template: "<span *ngIf=\"icon\" impdc-icon [name]=\"icon === 'dot' ? 'circle' : icon\"></span>\n{{ text }}\n<a *ngIf=\"dismissable\" (click)=\"handleDismiss($event)\">\n <span impdc-icon name=\"times\"></span>\n</a>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.IconComponent, selector: "impdc-icon, [impdc-icon]", inputs: ["name", "theme", "size"] }] }); }
|
|
88
88
|
}
|
|
89
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
89
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: BadgeComponent, decorators: [{
|
|
90
90
|
type: Component,
|
|
91
91
|
args: [{ selector: 'impdc-badge, [impdc-badge]', template: "<span *ngIf=\"icon\" impdc-icon [name]=\"icon === 'dot' ? 'circle' : icon\"></span>\n{{ text }}\n<a *ngIf=\"dismissable\" (click)=\"handleDismiss($event)\">\n <span impdc-icon name=\"times\"></span>\n</a>\n" }]
|
|
92
92
|
}], propDecorators: { text: [{
|
|
@@ -118,4 +118,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.1", ngImpor
|
|
|
118
118
|
type: HostBinding,
|
|
119
119
|
args: ['hidden']
|
|
120
120
|
}] } });
|
|
121
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
121
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFkZ2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGVzaWduLWNvbXBvbmVudHMvc3JjL2xpYi9iYWRnZS9iYWRnZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kZXNpZ24tY29tcG9uZW50cy9zcmMvbGliL2JhZGdlL2JhZGdlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsS0FBSyxFQUNMLE1BQU0sRUFDTixZQUFZLEVBQ1osV0FBVyxFQUNaLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxjQUFjLEVBQW1CLE1BQU0sYUFBYSxDQUFDO0FBQzlELE9BQU8sRUFBYSxTQUFTLEVBQWMsTUFBTSxTQUFTLENBQUM7Ozs7QUFFM0Q7Ozs7Ozs7OztHQVNHO0FBS0gsTUFBTSxPQUFPLGNBQWM7SUFKM0I7UUFLRTs7V0FFRztRQUVILFNBQUksR0FBRyxFQUFFLENBQUM7UUFFVjs7V0FFRztRQUVILFNBQUksR0FBYyxFQUFFLENBQUM7UUFFckI7O1dBRUc7UUFFSCxVQUFLLEdBQW9CLGNBQWMsQ0FBQyxPQUFPLENBQUM7UUFFaEQ7O1dBRUc7UUFFSCxTQUFJLEdBQWUsU0FBUyxDQUFDLE9BQU8sQ0FBQztRQUVyQzs7V0FFRztRQUVILFdBQU0sR0FBRyxLQUFLLENBQUM7UUFFZjs7V0FFRztRQUVILFlBQU8sR0FBRyxJQUFJLENBQUM7UUFFZjs7Ozs7O1dBTUc7UUFFSCxnQkFBVyxHQUFHLEtBQUssQ0FBQztRQUVwQjs7Ozs7O1dBTUc7UUFFSCxZQUFPLEdBQUcsSUFBSSxZQUFZLEVBQXNCLENBQUM7UUF3QnpDLGVBQVUsR0FBRyxLQUFLLENBQUM7S0FhNUI7SUFuQ0MsSUFBa0MsVUFBVTtRQUMxQyxJQUFJLE9BQU8sR0FBRyxPQUFPLENBQUM7UUFDdEIsSUFBSSxJQUFJLENBQUMsS0FBSyxFQUFFLENBQUM7WUFDZixPQUFPLElBQUksU0FBUyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUMsS0FBSyxFQUFFLENBQUM7UUFDOUQsQ0FBQztRQUNELElBQUksSUFBSSxDQUFDLElBQUksS0FBSyxTQUFTLEVBQUUsQ0FBQztZQUM1QixPQUFPLElBQUksVUFBVSxJQUFJLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDbkMsQ0FBQztRQUNELE9BQU8sT0FBTyxDQUFDO0lBQ2pCLENBQUM7SUFFRCxJQUNZLGlCQUFpQjtRQUMzQixPQUFPLElBQUksQ0FBQyxPQUFPLElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDO0lBQ3RDLENBQUM7SUFFRCxJQUNZLGNBQWM7UUFDeEIsT0FBTyxJQUFJLENBQUMsTUFBTSxDQUFDO0lBQ3JCLENBQUM7SUFLUyxhQUFhLENBQUMsS0FBeUI7UUFDL0MsS0FBSyxDQUFDLGNBQWMsRUFBRSxDQUFDO1FBQ3ZCLEtBQUssQ0FBQyxlQUFlLEVBQUUsQ0FBQztRQUV4QixJQUFJLENBQUMsSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFDO1lBQ3RCLE9BQU87UUFDVCxDQUFDO1FBRUQsSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUM7UUFDdkIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDM0IsQ0FBQzs4R0EzRlUsY0FBYztrR0FBZCxjQUFjLG1aQ3hCM0IsaU5BS0E7OzJGRG1CYSxjQUFjO2tCQUoxQixTQUFTOytCQUNFLDRCQUE0Qjs4QkFRdEMsSUFBSTtzQkFESCxLQUFLO2dCQU9OLElBQUk7c0JBREgsS0FBSztnQkFPTixLQUFLO3NCQURKLEtBQUs7Z0JBT04sSUFBSTtzQkFESCxLQUFLO2dCQU9OLE1BQU07c0JBREwsS0FBSztnQkFPTixPQUFPO3NCQUROLEtBQUs7Z0JBV04sV0FBVztzQkFEVixLQUFLO2dCQVdOLE9BQU87c0JBRE4sTUFBTTtnQkFHMkIsVUFBVTtzQkFBM0MsV0FBVzt1QkFBQyxPQUFPO2dCQVlSLGlCQUFpQjtzQkFENUIsV0FBVzt1QkFBQyxvQkFBb0I7Z0JBTXJCLGNBQWM7c0JBRHpCLFdBQVc7dUJBQUMsWUFBWTtnQkFNakIsVUFBVTtzQkFEakIsV0FBVzt1QkFBQyxRQUFRIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBJbnB1dCxcbiAgT3V0cHV0LFxuICBFdmVudEVtaXR0ZXIsXG4gIEhvc3RCaW5kaW5nXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tcG9uZW50VGhlbWUsIENvbXBvbmVudFRoZW1lcyB9IGZyb20gJy4uLy4uL3R5cGVzJztcbmltcG9ydCB7IEJhZGdlSWNvbiwgQmFkZ2VTaXplLCBCYWRnZVNpemVzIH0gZnJvbSAnLi90eXBlcyc7XG5cbi8qKlxuICogVGhlIGBCYWRnZUNvbXBvbmVudGAgKGA8aW1wZGMtYmFkZ2VgIG9yIGBhbnkgaW1wZGMtYmFkZ2VgKSBkaXNwbGF5cyBbcHJlZmVyYWJseSBzaG9ydF0gdGV4dCB3aXRoIGEgcm91bmRlZCBiYWNrZ3JvdW5kIGFuZCB0aGVtZWQgY29sb3JzLlxuICogVG8gdXNlLCBpbXBvcnQgYEJhZGdlTW9kdWxlYCBvciBhbm90aGVyIG1vZHVsZSB0aGF0IGltcG9ydHMgYW5kIGV4cG9ydHMgdGhhdCBtb2R1bGUgZnJvbSBgQGltcGFydG5lci9kZXNpZ24tY29tcG9uZW50c2AuXG4gKlxuICogVXNlIGJhZGdlcyB0byBjb21tdW5pY2F0ZSB0aGUgc3RhdHVzIG9mIGFuIGl0ZW0gb3IgdGhlIHJlc3VsdCBvZiBhbiBhY3Rpb24gdGFrZW4uIEJhZGdlcyBhcmUgbm9uLWludGVyYWN0aXZlLCBtZWFuaW5nIHRoZXkgc2hvdWxkIG5vdFxuICogYmUgYWRkZWQgb3IgcmVtb3ZlZCBieSBhIHVzZXIuIFRyeSBhbmQga2VlcCBiYWRnZSB0ZXh0IGFzIHNob3J0IGFuZCBjbGVhciBhcyBwb3NzaWJsZSwgMiBvciAzIHdvcmRzIG1heCBpcyBwcm9iYWJseSBiZXN0LiBVc2luZyBzaG9ydFxuICogd29yZHMgaW5jcmVhc2VzIHRoZSBhYmlsaXR5IHRvIHNjYW4uXG4gKlxuICogVXNlIFRhZ3MgZm9yIGludGVyYWN0aXZlIGV4cGVyaWVuY2VzIHdoZXJlIHVzZXJzIGNhbiBhZGQgb3IgcmVtb3ZlLlxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdpbXBkYy1iYWRnZSwgW2ltcGRjLWJhZGdlXScsXG4gIHRlbXBsYXRlVXJsOiAnLi9iYWRnZS5jb21wb25lbnQuaHRtbCdcbn0pXG5leHBvcnQgY2xhc3MgQmFkZ2VDb21wb25lbnQge1xuICAvKipcbiAgICogVGhlIHRleHQgZGlzcGxheWVkIGluIHRoZSBjZW50ZXIgb2YgdGhlIEJhZGdlLlxuICAgKi9cbiAgQElucHV0KClcbiAgdGV4dCA9ICcnO1xuXG4gIC8qKlxuICAgKiBBbiBpY29uIGRpc3BsYXllZCBsZWZ0IG9mIHRoZSBCYWRnZSB0ZXh0LlxuICAgKi9cbiAgQElucHV0KClcbiAgaWNvbjogQmFkZ2VJY29uID0gJyc7XG5cbiAgLyoqXG4gICAqIFRoZSBjb2xvciB0aGVtZSBvZiB0aGUgQmFkZ2UuIFRoaXMgd2lsbCBhZmZlY3QgYm90aCB0ZXh0IGFuZCBiYWNrZ3JvdW5kIGNvbG9ycyBiYXNlZCBvbiBhbGxvd2VkIGRlc2lnbnMuXG4gICAqL1xuICBASW5wdXQoKVxuICB0aGVtZTogQ29tcG9uZW50VGhlbWVzID0gQ29tcG9uZW50VGhlbWUuUHJpbWFyeTtcblxuICAvKipcbiAgICogVGhlIHNpemUgb2YgdGhlIEJhZGdlLlxuICAgKi9cbiAgQElucHV0KClcbiAgc2l6ZTogQmFkZ2VTaXplcyA9IEJhZGdlU2l6ZS5EZWZhdWx0O1xuXG4gIC8qKlxuICAgKiBBbGxvd3MgdGhlIGJhY2tncm91bmQgb2YgdGhlIEJhZGdlIHRvIGJlIHJlbW92ZWQuXG4gICAqL1xuICBASW5wdXQoKVxuICBoaWRlQmcgPSBmYWxzZTtcblxuICAvKipcbiAgICogVGhpcyBjb250cm9scyBhZGRpbmcgdGhlIGByb3VuZGVkLXBpbGxgIGNsYXNzIHRvIHRoZSBCYWRnZS5cbiAgICovXG4gIEBJbnB1dCgpXG4gIHJvdW5kZWQgPSB0cnVlO1xuXG4gIC8qKlxuICAgKiBBZGRzIGEgZGlzbWlzcyBpY29uIHRvIHRoZSByaWdodCBvZiB0aGUgQmFkZ2UgdGV4dC5cbiAgICpcbiAgICogRGVwcmVjYXRlZCAtIFVzZSBUYWdzIGZvciBpbnRlcmFjdGl2ZSBlbGVtZW50cyB0aGF0IGEgdXNlciBtYXkgYWRkIG9yIHJlbW92ZS5cbiAgICpcbiAgICogQGRlcHJlY2F0ZWRcbiAgICovXG4gIEBJbnB1dCgpXG4gIGRpc21pc3NhYmxlID0gZmFsc2U7XG5cbiAgLyoqXG4gICAqIEFuIGV2ZW50IGVtaXR0ZWQgd2hlbiB0aGUgY29tcG9uZW50IGlzIGRpc21pc3NlZC5cbiAgICpcbiAgICogRGVwcmVjYXRlZCAtIFVzZSBUYWdzIGZvciBpbnRlcmFjdGl2ZSBlbGVtZW50cyB0aGF0IGEgdXNlciBtYXkgYWRkIG9yIHJlbW92ZS5cbiAgICpcbiAgICogQGRlcHJlY2F0ZWRcbiAgICovXG4gIEBPdXRwdXQoKVxuICBkaXNtaXNzID0gbmV3IEV2ZW50RW1pdHRlcjxNb3VzZUV2ZW50IHwgRXZlbnQ+KCk7XG5cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcycpIHByaXZhdGUgZ2V0IGNsYXNzQmFkZ2UoKTogc3RyaW5nIHtcbiAgICBsZXQgY2xhc3NlcyA9ICdiYWRnZSc7XG4gICAgaWYgKHRoaXMudGhlbWUpIHtcbiAgICAgIGNsYXNzZXMgKz0gYCB0ZXh0LSR7dGhpcy5oaWRlQmcgPyAnJyA6ICdiZy0nfSR7dGhpcy50aGVtZX1gO1xuICAgIH1cbiAgICBpZiAodGhpcy5zaXplICE9PSAnZGVmYXVsdCcpIHtcbiAgICAgIGNsYXNzZXMgKz0gYCBiYWRnZS0ke3RoaXMuc2l6ZX1gO1xuICAgIH1cbiAgICByZXR1cm4gY2xhc3NlcztcbiAgfVxuXG4gIEBIb3N0QmluZGluZygnY2xhc3Mucm91bmRlZC1waWxsJylcbiAgcHJpdmF0ZSBnZXQgY2xhc3NCYWRnZVJvdW5kZWQoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIHRoaXMucm91bmRlZCAmJiAhdGhpcy5oaWRlQmc7XG4gIH1cblxuICBASG9zdEJpbmRpbmcoJ2NsYXNzLnB4LTAnKVxuICBwcml2YXRlIGdldCBjbGFzc05vUGFkZGluZygpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5oaWRlQmc7XG4gIH1cblxuICBASG9zdEJpbmRpbmcoJ2hpZGRlbicpXG4gIHByaXZhdGUgX2Rpc21pc3NlZCA9IGZhbHNlO1xuXG4gIHByb3RlY3RlZCBoYW5kbGVEaXNtaXNzKGV2ZW50OiBNb3VzZUV2ZW50IHwgRXZlbnQpOiB2b2lkIHtcbiAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xuXG4gICAgaWYgKCF0aGlzLmRpc21pc3NhYmxlKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgdGhpcy5fZGlzbWlzc2VkID0gdHJ1ZTtcbiAgICB0aGlzLmRpc21pc3MuZW1pdChldmVudCk7XG4gIH1cbn1cbiIsIjxzcGFuICpuZ0lmPVwiaWNvblwiIGltcGRjLWljb24gW25hbWVdPVwiaWNvbiA9PT0gJ2RvdCcgPyAnY2lyY2xlJyA6IGljb25cIj48L3NwYW4+XG57eyB0ZXh0IH19XG48YSAqbmdJZj1cImRpc21pc3NhYmxlXCIgKGNsaWNrKT1cImhhbmRsZURpc21pc3MoJGV2ZW50KVwiPlxuICA8c3BhbiBpbXBkYy1pY29uIG5hbWU9XCJ0aW1lc1wiPjwvc3Bhbj5cbjwvYT5cbiJdfQ==
|
|
@@ -5,11 +5,11 @@ import { BadgeComponent } from './badge.component';
|
|
|
5
5
|
import * as i0 from "@angular/core";
|
|
6
6
|
export class BadgeModule {
|
|
7
7
|
constructor() { }
|
|
8
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
9
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
10
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
8
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: BadgeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
9
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.0", ngImport: i0, type: BadgeModule, declarations: [BadgeComponent], imports: [CommonModule, IconModule], exports: [IconModule, BadgeComponent] }); }
|
|
10
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: BadgeModule, imports: [CommonModule, IconModule, IconModule] }); }
|
|
11
11
|
}
|
|
12
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
12
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: BadgeModule, decorators: [{
|
|
13
13
|
type: NgModule,
|
|
14
14
|
args: [{
|
|
15
15
|
imports: [CommonModule, IconModule],
|
|
@@ -4,10 +4,10 @@ export class BrandedDirective {
|
|
|
4
4
|
constructor() {
|
|
5
5
|
this.brandedClass = true;
|
|
6
6
|
}
|
|
7
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
8
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
7
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: BrandedDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
8
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.0", type: BrandedDirective, selector: "[impdcBranded]", host: { properties: { "class.branded": "this.brandedClass" } }, ngImport: i0 }); }
|
|
9
9
|
}
|
|
10
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
10
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: BrandedDirective, decorators: [{
|
|
11
11
|
type: Directive,
|
|
12
12
|
args: [{
|
|
13
13
|
selector: '[impdcBranded]'
|
|
@@ -4,11 +4,11 @@ import { BrandedDirective } from './branded.directive';
|
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
5
|
export class BrandingModule {
|
|
6
6
|
constructor() { }
|
|
7
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
8
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
9
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
7
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: BrandingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
8
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.0", ngImport: i0, type: BrandingModule, declarations: [BrandedDirective], imports: [CommonModule], exports: [BrandedDirective] }); }
|
|
9
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: BrandingModule, imports: [CommonModule] }); }
|
|
10
10
|
}
|
|
11
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
11
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: BrandingModule, decorators: [{
|
|
12
12
|
type: NgModule,
|
|
13
13
|
args: [{
|
|
14
14
|
imports: [CommonModule],
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import { Component, TemplateRef, ViewChild } from '@angular/core';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
export class BreadcrumbItemComponent {
|
|
4
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
5
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
4
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: BreadcrumbItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: BreadcrumbItemComponent, selector: "impdc-breadcrumb-item", viewQueries: [{ propertyName: "contentTemplate", first: true, predicate: ["content"], descendants: true, read: TemplateRef }], ngImport: i0, template: `
|
|
6
6
|
<ng-template #content>
|
|
7
7
|
<ng-content></ng-content>
|
|
8
8
|
</ng-template>
|
|
9
9
|
`, isInline: true }); }
|
|
10
10
|
}
|
|
11
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
11
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: BreadcrumbItemComponent, decorators: [{
|
|
12
12
|
type: Component,
|
|
13
13
|
args: [{
|
|
14
14
|
selector: 'impdc-breadcrumb-item',
|
|
@@ -19,10 +19,10 @@ export class BreadcrumbComponent {
|
|
|
19
19
|
ngAfterViewInit() {
|
|
20
20
|
this._changeDetectorRef.detectChanges();
|
|
21
21
|
}
|
|
22
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
23
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
22
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: BreadcrumbComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
23
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: BreadcrumbComponent, selector: "impdc-breadcrumb, div[impdc-breadcrumb]", inputs: { label: "label" }, host: { properties: { "class.impdc-breadcrumb": "this.impdcBreadcrumb" } }, queries: [{ propertyName: "breadcrumbItems", predicate: BreadcrumbItemComponent }], ngImport: i0, template: "<nav class=\"impdc-breadcrumb\" [attr.aria-label]=\"label || 'breadcrumb'\">\n <ol>\n <li\n *ngFor=\"let breadcrumbItem of breadcrumbItems; last as isLast\"\n [attr.aria-current]=\"isLast ? 'page' : undefined\">\n <ng-container\n [ngTemplateOutlet]=\"breadcrumbItem.contentTemplate\"></ng-container>\n </li>\n </ol>\n</nav>\n", styles: [".impdc-breadcrumb{--impartner-hex-link-color: var(--impd-color-gray-500, #6b7280);--impartner-hex-link-hover-color: var(--impd-color-gray-700, #374151);font-size:var(--impd-font-size-sm, 1.4rem);line-height:2rem;color:var(--impd-color-gray-500, #6b7280);font-weight:500}.impdc-breadcrumb a:not([href]):not([class]){color:var(--impartner-hex-link-color)}.impdc-breadcrumb a:not([href]):not([class]):hover{color:var(--impartner-hex-link-hover-color)}.impdc-breadcrumb ol,.impdc-breadcrumb ol li.impdc-crumb{display:inline-flex;align-items:center;vertical-align:middle}.impdc-breadcrumb ol{margin:0;padding-left:0;list-style:none}.impdc-breadcrumb li+li:before{margin:0 .8rem;display:inline-flex;align-items:center;justify-content:center;text-align:center;width:2rem;font-family:\"Font Awesome 6 Pro\",\"Font Awesome 6 Free\",\"Font Awesome 5 Pro\",\"Font Awesome 5 Free\";font-size:var(--impd-font-size-sm, 1.4rem);line-height:2rem;color:var(--impd-color-gray-400, #6b7280);font-weight:900;content:\"\\f054\";text-rendering:auto;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
24
24
|
}
|
|
25
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
25
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: BreadcrumbComponent, decorators: [{
|
|
26
26
|
type: Component,
|
|
27
27
|
args: [{ selector: 'impdc-breadcrumb, div[impdc-breadcrumb]', encapsulation: ViewEncapsulation.None, template: "<nav class=\"impdc-breadcrumb\" [attr.aria-label]=\"label || 'breadcrumb'\">\n <ol>\n <li\n *ngFor=\"let breadcrumbItem of breadcrumbItems; last as isLast\"\n [attr.aria-current]=\"isLast ? 'page' : undefined\">\n <ng-container\n [ngTemplateOutlet]=\"breadcrumbItem.contentTemplate\"></ng-container>\n </li>\n </ol>\n</nav>\n", styles: [".impdc-breadcrumb{--impartner-hex-link-color: var(--impd-color-gray-500, #6b7280);--impartner-hex-link-hover-color: var(--impd-color-gray-700, #374151);font-size:var(--impd-font-size-sm, 1.4rem);line-height:2rem;color:var(--impd-color-gray-500, #6b7280);font-weight:500}.impdc-breadcrumb a:not([href]):not([class]){color:var(--impartner-hex-link-color)}.impdc-breadcrumb a:not([href]):not([class]):hover{color:var(--impartner-hex-link-hover-color)}.impdc-breadcrumb ol,.impdc-breadcrumb ol li.impdc-crumb{display:inline-flex;align-items:center;vertical-align:middle}.impdc-breadcrumb ol{margin:0;padding-left:0;list-style:none}.impdc-breadcrumb li+li:before{margin:0 .8rem;display:inline-flex;align-items:center;justify-content:center;text-align:center;width:2rem;font-family:\"Font Awesome 6 Pro\",\"Font Awesome 6 Free\",\"Font Awesome 5 Pro\",\"Font Awesome 5 Free\";font-size:var(--impd-font-size-sm, 1.4rem);line-height:2rem;color:var(--impd-color-gray-400, #6b7280);font-weight:900;content:\"\\f054\";text-rendering:auto;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}\n"] }]
|
|
28
28
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { label: [{
|
|
@@ -4,11 +4,11 @@ import { BreadcrumbItemComponent } from './breadcrumb-item.component';
|
|
|
4
4
|
import { BreadcrumbComponent } from './breadcrumb.component';
|
|
5
5
|
import * as i0 from "@angular/core";
|
|
6
6
|
export class BreadcrumbModule {
|
|
7
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
8
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
9
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
7
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: BreadcrumbModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
8
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.0", ngImport: i0, type: BreadcrumbModule, declarations: [BreadcrumbItemComponent, BreadcrumbComponent], imports: [CommonModule], exports: [BreadcrumbItemComponent, BreadcrumbComponent] }); }
|
|
9
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: BreadcrumbModule, imports: [CommonModule] }); }
|
|
10
10
|
}
|
|
11
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
11
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: BreadcrumbModule, decorators: [{
|
|
12
12
|
type: NgModule,
|
|
13
13
|
args: [{
|
|
14
14
|
declarations: [BreadcrumbItemComponent, BreadcrumbComponent],
|
|
@@ -64,10 +64,10 @@ export class ButtonComponent {
|
|
|
64
64
|
get attrAriaLabel() {
|
|
65
65
|
return this.ariaLabel || this.titleText || this.text || undefined;
|
|
66
66
|
}
|
|
67
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
68
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
67
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
68
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: ButtonComponent, selector: "button[impdcButton]", inputs: { type: "type", theme: "theme", text: "text", disabled: "disabled", titleText: "titleText", ariaLabel: "ariaLabel" }, host: { properties: { "attr.type": "this.attrType", "class.btn": "this.classBtn", "class.btn-primary": "this.classBtnPrimary", "class.btn-danger": "this.classBtnDanger", "class.btn-outline-primary": "this.classBtnSecondary", "class.btn-outline-danger": "this.classBtnSecondaryDanger", "class.btn-close-fa": "this.classBtnClose", "attr.disabled": "this.attrDisabled", "attr.title": "this.attrTitle", "attr.aria-label": "this.attrAriaLabel" } }, ngImport: i0, template: "<ng-container *ngIf=\"theme !== 'close'\">\n <ng-content></ng-content>{{ text }}\n <ng-content select=\"[right]\"></ng-content>\n</ng-container>\n<span impdc-icon *ngIf=\"theme === 'close'\" name=\"times\" theme=\"light\"></span>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.IconComponent, selector: "impdc-icon, [impdc-icon]", inputs: ["name", "theme", "size"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
69
69
|
}
|
|
70
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
70
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ButtonComponent, decorators: [{
|
|
71
71
|
type: Component,
|
|
72
72
|
args: [{ selector: 'button[impdcButton]', encapsulation: ViewEncapsulation.None, template: "<ng-container *ngIf=\"theme !== 'close'\">\n <ng-content></ng-content>{{ text }}\n <ng-content select=\"[right]\"></ng-content>\n</ng-container>\n<span impdc-icon *ngIf=\"theme === 'close'\" name=\"times\" theme=\"light\"></span>\n" }]
|
|
73
73
|
}], propDecorators: { type: [{
|
|
@@ -6,11 +6,11 @@ import { ButtonComponent } from './button.component';
|
|
|
6
6
|
import * as i0 from "@angular/core";
|
|
7
7
|
export class ButtonModule {
|
|
8
8
|
constructor() { }
|
|
9
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
10
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
11
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
9
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
10
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.0", ngImport: i0, type: ButtonModule, declarations: [ButtonComponent], imports: [CommonModule, BrandingModule, IconModule], exports: [ButtonComponent, BrandingModule, IconModule] }); }
|
|
11
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ButtonModule, imports: [CommonModule, BrandingModule, IconModule, BrandingModule, IconModule] }); }
|
|
12
12
|
}
|
|
13
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
13
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ButtonModule, decorators: [{
|
|
14
14
|
type: NgModule,
|
|
15
15
|
args: [{
|
|
16
16
|
imports: [CommonModule, BrandingModule, IconModule],
|
|
@@ -26,10 +26,10 @@ export class ButtonGroupComponent {
|
|
|
26
26
|
get attrAriaLabel() {
|
|
27
27
|
return this.ariaLabel || undefined;
|
|
28
28
|
}
|
|
29
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
30
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
29
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ButtonGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
30
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: ButtonGroupComponent, selector: "impdc-button-group, [impdc-button-group]", inputs: { vertical: "vertical", ariaLabel: "ariaLabel" }, host: { properties: { "class.btn-group": "this.classBtnGroup", "class.btn-group-vertical": "this.classBtnGroupVertical", "attr.role": "this.attrRole", "attr.aria-label": "this.attrAriaLabel" } }, ngImport: i0, template: "<ng-content></ng-content>\n", encapsulation: i0.ViewEncapsulation.None }); }
|
|
31
31
|
}
|
|
32
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
32
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ButtonGroupComponent, decorators: [{
|
|
33
33
|
type: Component,
|
|
34
34
|
args: [{ selector: 'impdc-button-group, [impdc-button-group]', encapsulation: ViewEncapsulation.None, template: "<ng-content></ng-content>\n" }]
|
|
35
35
|
}], propDecorators: { vertical: [{
|
|
@@ -5,11 +5,11 @@ import { ButtonGroupComponent } from './button-group.component';
|
|
|
5
5
|
import * as i0 from "@angular/core";
|
|
6
6
|
export class ButtonGroupModule {
|
|
7
7
|
constructor() { }
|
|
8
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
9
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
10
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
8
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ButtonGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
9
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.0", ngImport: i0, type: ButtonGroupModule, declarations: [ButtonGroupComponent], imports: [CommonModule, ButtonModule], exports: [ButtonModule, ButtonGroupComponent] }); }
|
|
10
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ButtonGroupModule, imports: [CommonModule, ButtonModule, ButtonModule] }); }
|
|
11
11
|
}
|
|
12
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
12
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ButtonGroupModule, decorators: [{
|
|
13
13
|
type: NgModule,
|
|
14
14
|
args: [{
|
|
15
15
|
imports: [CommonModule, ButtonModule],
|
|
@@ -16,10 +16,10 @@ export class CardHeadingComponent {
|
|
|
16
16
|
*/
|
|
17
17
|
this.description = '';
|
|
18
18
|
}
|
|
19
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
20
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
19
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: CardHeadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
20
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: CardHeadingComponent, selector: "impdc-card-heading, div[impdc-card-heading]", inputs: { title: "title", description: "description" }, ngImport: i0, template: "<div class=\"card-heading\">\n <div class=\"heading\">\n <div class=\"heading-left\">\n <div class=\"heading-avatar\">\n <ng-content select=\"impdc-avatar\"></ng-content>\n </div>\n <div class=\"heading-title\">\n <h3 *ngIf=\"title\">{{ title }}</h3>\n <span class=\"description\" *ngIf=\"description\">{{ description }}</span>\n </div>\n </div>\n <div class=\"heading-actions\">\n <ng-content select=\"button[impdcButton]\"></ng-content>\n </div>\n </div>\n <div class=\"card-heading-body\">\n <ng-content></ng-content>\n </div>\n</div>\n", styles: [".card-heading{background-color:var(--impdc-color-white, #ffffff);border:.1rem solid;border-color:var(--impd-color-gray-200);border-radius:var(--impd-border-radius-md)}.card-heading .heading{display:flex;flex-direction:row;flex-wrap:wrap;padding:2rem 2.4rem;align-items:center;gap:1.5rem;justify-content:space-between}.card-heading .heading .heading-left{display:flex;flex-direction:row;align-items:center;gap:1.6rem;flex-grow:1}.card-heading .heading .heading-left .heading-avatar{display:none}.card-heading .heading .heading-left .heading-avatar:has(impdc-avatar){display:block}.card-heading .heading .heading-left .heading-title{align-content:center;display:flex;flex-direction:column;color:var(--impd-color-gray-900)}.card-heading .heading .heading-left .heading-title h3{margin-bottom:0}.card-heading .heading .heading-left .heading-title .description{color:var(--impd-color-gray-500);margin-bottom:0;margin-top:.4rem;font-size:var(--impd-font-size-sm);line-height:2rem}.card-heading .heading .heading-actions{display:flex;flex-direction:row;gap:1.2rem;flex-flow:wrap}.card-heading .card-heading-body{border-top:.1rem solid;border-top-color:var(--impd-color-gray-200)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
21
21
|
}
|
|
22
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
22
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: CardHeadingComponent, decorators: [{
|
|
23
23
|
type: Component,
|
|
24
24
|
args: [{ selector: 'impdc-card-heading, div[impdc-card-heading]', template: "<div class=\"card-heading\">\n <div class=\"heading\">\n <div class=\"heading-left\">\n <div class=\"heading-avatar\">\n <ng-content select=\"impdc-avatar\"></ng-content>\n </div>\n <div class=\"heading-title\">\n <h3 *ngIf=\"title\">{{ title }}</h3>\n <span class=\"description\" *ngIf=\"description\">{{ description }}</span>\n </div>\n </div>\n <div class=\"heading-actions\">\n <ng-content select=\"button[impdcButton]\"></ng-content>\n </div>\n </div>\n <div class=\"card-heading-body\">\n <ng-content></ng-content>\n </div>\n</div>\n", styles: [".card-heading{background-color:var(--impdc-color-white, #ffffff);border:.1rem solid;border-color:var(--impd-color-gray-200);border-radius:var(--impd-border-radius-md)}.card-heading .heading{display:flex;flex-direction:row;flex-wrap:wrap;padding:2rem 2.4rem;align-items:center;gap:1.5rem;justify-content:space-between}.card-heading .heading .heading-left{display:flex;flex-direction:row;align-items:center;gap:1.6rem;flex-grow:1}.card-heading .heading .heading-left .heading-avatar{display:none}.card-heading .heading .heading-left .heading-avatar:has(impdc-avatar){display:block}.card-heading .heading .heading-left .heading-title{align-content:center;display:flex;flex-direction:column;color:var(--impd-color-gray-900)}.card-heading .heading .heading-left .heading-title h3{margin-bottom:0}.card-heading .heading .heading-left .heading-title .description{color:var(--impd-color-gray-500);margin-bottom:0;margin-top:.4rem;font-size:var(--impd-font-size-sm);line-height:2rem}.card-heading .heading .heading-actions{display:flex;flex-direction:row;gap:1.2rem;flex-flow:wrap}.card-heading .card-heading-body{border-top:.1rem solid;border-top-color:var(--impd-color-gray-200)}\n"] }]
|
|
25
25
|
}], ctorParameters: () => [], propDecorators: { title: [{
|
|
@@ -4,11 +4,11 @@ import { CardHeadingComponent } from './card-heading.component';
|
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
5
|
export class CardHeadingModule {
|
|
6
6
|
constructor() { }
|
|
7
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
8
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
9
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
7
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: CardHeadingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
8
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.0", ngImport: i0, type: CardHeadingModule, declarations: [CardHeadingComponent], imports: [CommonModule], exports: [CardHeadingComponent] }); }
|
|
9
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: CardHeadingModule, imports: [CommonModule] }); }
|
|
10
10
|
}
|
|
11
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
11
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: CardHeadingModule, decorators: [{
|
|
12
12
|
type: NgModule,
|
|
13
13
|
args: [{
|
|
14
14
|
imports: [CommonModule],
|