@seniorsistemas/angular-components 17.12.3 → 17.13.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/bundles/seniorsistemas-angular-components.umd.js +82 -66
- package/bundles/seniorsistemas-angular-components.umd.js.map +1 -1
- package/bundles/seniorsistemas-angular-components.umd.min.js +1 -1
- package/bundles/seniorsistemas-angular-components.umd.min.js.map +1 -1
- package/components/index.d.ts +1 -1
- package/components/panel/panel.component.d.ts +15 -6
- package/esm2015/components/index.js +2 -2
- package/esm2015/components/panel/index.js +1 -1
- package/esm2015/components/panel/panel.component.js +30 -13
- package/esm2015/components/panel/panel.module.js +5 -5
- package/esm2015/components/shared/border-button/border-button.component.js +1 -1
- package/esm5/components/index.js +2 -2
- package/esm5/components/panel/index.js +1 -1
- package/esm5/components/panel/panel.component.js +30 -13
- package/esm5/components/panel/panel.module.js +5 -5
- package/esm5/components/shared/border-button/border-button.component.js +1 -1
- package/fesm2015/seniorsistemas-angular-components.js +78 -62
- package/fesm2015/seniorsistemas-angular-components.js.map +1 -1
- package/fesm5/seniorsistemas-angular-components.js +82 -66
- package/fesm5/seniorsistemas-angular-components.js.map +1 -1
- package/package.json +1 -1
- package/seniorsistemas-angular-components.metadata.json +1 -1
package/components/index.d.ts
CHANGED
|
@@ -29,11 +29,11 @@ export * from "./mask/index";
|
|
|
29
29
|
export * from "./mouse-events/index";
|
|
30
30
|
export * from "./navigation-button/index";
|
|
31
31
|
export * from "./object-card/index";
|
|
32
|
+
export * from "./panel/index";
|
|
32
33
|
export * from "./password-strength/index";
|
|
33
34
|
export * from "./product-header/index";
|
|
34
35
|
export * from "./profile-picture-picker/index";
|
|
35
36
|
export * from "./progressbar/index";
|
|
36
|
-
export * from "./panel/index";
|
|
37
37
|
export * from "./rating-scale/index";
|
|
38
38
|
export * from "./select-button/index";
|
|
39
39
|
export * from "./shared/index";
|
|
@@ -1,13 +1,22 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { BorderButtonOptions } from "../shared
|
|
1
|
+
import { AfterContentInit, QueryList, TemplateRef } from "@angular/core";
|
|
2
|
+
import { BorderButtonOptions } from "../shared";
|
|
3
|
+
import { TemplateDirective } from "../template/template.directive";
|
|
3
4
|
import { EnumSeverity } from "../shared/models/enum-severity";
|
|
4
|
-
export declare class PanelComponent {
|
|
5
|
+
export declare class PanelComponent implements AfterContentInit {
|
|
6
|
+
templates: QueryList<TemplateDirective>;
|
|
5
7
|
header: string;
|
|
6
|
-
|
|
8
|
+
collapsable: boolean;
|
|
7
9
|
collapsed: boolean;
|
|
8
10
|
severity: EnumSeverity;
|
|
9
11
|
borderButtonOptions: BorderButtonOptions;
|
|
10
|
-
collapsedChange: EventEmitter<boolean>;
|
|
11
|
-
onCollapsedChange(collapsed: boolean): void;
|
|
12
12
|
readonly EnumSeverity: typeof EnumSeverity;
|
|
13
|
+
headerTemplate: TemplateRef<unknown>;
|
|
14
|
+
bodyTemplate: TemplateRef<unknown>;
|
|
15
|
+
footerTemplate: TemplateRef<unknown>;
|
|
16
|
+
ngAfterContentInit(): void;
|
|
17
|
+
private _getCustomTemplate;
|
|
18
|
+
private getHeaderTemplate;
|
|
19
|
+
private getBodyTemplate;
|
|
20
|
+
private getFooterTemplate;
|
|
21
|
+
private _getTemplates;
|
|
13
22
|
}
|
|
@@ -29,11 +29,11 @@ export * from "./mask/index";
|
|
|
29
29
|
export * from "./mouse-events/index";
|
|
30
30
|
export * from "./navigation-button/index";
|
|
31
31
|
export * from "./object-card/index";
|
|
32
|
+
export * from "./panel/index";
|
|
32
33
|
export * from "./password-strength/index";
|
|
33
34
|
export * from "./product-header/index";
|
|
34
35
|
export * from "./profile-picture-picker/index";
|
|
35
36
|
export * from "./progressbar/index";
|
|
36
|
-
export * from "./panel/index";
|
|
37
37
|
export * from "./rating-scale/index";
|
|
38
38
|
export * from "./select-button/index";
|
|
39
39
|
export * from "./shared/index";
|
|
@@ -60,4 +60,4 @@ export * from "./label-value/index";
|
|
|
60
60
|
* @deprecated Will be removed on a major update
|
|
61
61
|
*/
|
|
62
62
|
export * from "./number-input/index";
|
|
63
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
63
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290Ijoibmc6Ly9Ac2VuaW9yc2lzdGVtYXMvYW5ndWxhci1jb21wb25lbnRzLyIsInNvdXJjZXMiOlsiY29tcG9uZW50cy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLG1CQUFtQixDQUFDO0FBQ2xDLGNBQWMsZUFBZSxDQUFDO0FBQzlCLGNBQWMsZUFBZSxDQUFDO0FBQzlCLGNBQWMseUJBQXlCLENBQUM7QUFDeEMsY0FBYyxvQkFBb0IsQ0FBQztBQUNuQyxjQUFjLGdCQUFnQixDQUFDO0FBQy9CLGNBQWMsdUJBQXVCLENBQUM7QUFDdEMsY0FBYyxjQUFjLENBQUM7QUFDN0IsY0FBYyxxQkFBcUIsQ0FBQztBQUNwQyxjQUFjLHVCQUF1QixDQUFDO0FBQ3RDLGNBQWMsd0JBQXdCLENBQUM7QUFDdkMsY0FBYyw4QkFBOEIsQ0FBQztBQUM3QyxjQUFjLHVCQUF1QixDQUFDO0FBQ3RDLGNBQWMsc0JBQXNCLENBQUM7QUFDckMsY0FBYywwQkFBMEIsQ0FBQztBQUN6QyxjQUFjLHFCQUFxQixDQUFDO0FBQ3BDLGNBQWMscUJBQXFCLENBQUM7QUFDcEMsY0FBYyxlQUFlLENBQUM7QUFDOUIsY0FBYyx1QkFBdUIsQ0FBQztBQUN0QyxjQUFjLG9CQUFvQixDQUFDO0FBQ25DLGNBQWMsdUJBQXVCLENBQUM7QUFDdEMsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLHFCQUFxQixDQUFDO0FBQ3BDLGNBQWMsZ0JBQWdCLENBQUM7QUFDL0IsY0FBYyx1QkFBdUIsQ0FBQztBQUN0QyxjQUFjLGdCQUFnQixDQUFDO0FBQy9CLGNBQWMsZ0NBQWdDLENBQUM7QUFDL0MsY0FBYyxjQUFjLENBQUM7QUFDN0IsY0FBYyxzQkFBc0IsQ0FBQztBQUNyQyxjQUFjLDJCQUEyQixDQUFDO0FBQzFDLGNBQWMscUJBQXFCLENBQUM7QUFDcEMsY0FBYyxlQUFlLENBQUM7QUFDOUIsY0FBYywyQkFBMkIsQ0FBQztBQUMxQyxjQUFjLHdCQUF3QixDQUFDO0FBQ3ZDLGNBQWMsZ0NBQWdDLENBQUM7QUFDL0MsY0FBYyxxQkFBcUIsQ0FBQztBQUNwQyxjQUFjLHNCQUFzQixDQUFDO0FBQ3JDLGNBQWMsdUJBQXVCLENBQUM7QUFDdEMsY0FBYyxnQkFBZ0IsQ0FBQztBQUMvQixjQUFjLGlCQUFpQixDQUFDO0FBQ2hDLGNBQWMscUJBQXFCLENBQUM7QUFDcEMsY0FBYyxzQkFBc0IsQ0FBQztBQUNyQyxjQUFjLG9CQUFvQixDQUFDO0FBQ25DLGNBQWMsZUFBZSxDQUFDO0FBQzlCLGNBQWMsZ0JBQWdCLENBQUM7QUFDL0IsY0FBYyxlQUFlLENBQUM7QUFDOUIsY0FBYyxzQkFBc0IsQ0FBQztBQUNyQyxjQUFjLGtCQUFrQixDQUFDO0FBQ2pDLGNBQWMsc0JBQXNCLENBQUM7QUFDckMsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLHFCQUFxQixDQUFDO0FBQ3BDLGNBQWMsY0FBYyxDQUFDO0FBQzdCLGNBQWMsa0JBQWtCLENBQUM7QUFDakMsY0FBYyxvQkFBb0IsQ0FBQztBQUNuQyxjQUFjLGlCQUFpQixDQUFDO0FBQ2hDLGNBQWMsZUFBZSxDQUFDO0FBQzlCLGNBQWMsMEJBQTBCLENBQUM7QUFDekMsY0FBYyxxQkFBcUIsQ0FBQztBQUVwQzs7R0FFRztBQUNILGNBQWMsc0JBQXNCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tIFwiLi9hY2NvcmRpb24vaW5kZXhcIjtcbmV4cG9ydCAqIGZyb20gXCIuL2FsZXJ0L2luZGV4XCI7XG5leHBvcnQgKiBmcm9tIFwiLi9iYWRnZS9pbmRleFwiO1xuZXhwb3J0ICogZnJvbSBcIi4vYmlnbnVtYmVyLWlucHV0L2luZGV4XCI7XG5leHBvcnQgKiBmcm9tIFwiLi9icmVhZGNydW1iL2luZGV4XCI7XG5leHBvcnQgKiBmcm9tIFwiLi9idXR0b24vaW5kZXhcIjtcbmV4cG9ydCAqIGZyb20gXCIuL2NhbGVuZGFyLW1hc2svaW5kZXhcIjtcbmV4cG9ydCAqIGZyb20gXCIuL2NhcmQvaW5kZXhcIjtcbmV4cG9ydCAqIGZyb20gXCIuL2NvZGUtZWRpdG9yL2luZGV4XCI7XG5leHBvcnQgKiBmcm9tIFwiLi9jb2xsYXBzZS1saW5rL2luZGV4XCI7XG5leHBvcnQgKiBmcm9tIFwiLi9jb250cm9sLWVycm9ycy9pbmRleFwiO1xuZXhwb3J0ICogZnJvbSBcIi4vY291bnRyeS1waG9uZS1waWNrZXIvaW5kZXhcIjtcbmV4cG9ydCAqIGZyb20gXCIuL2N1c3RvbS1maWVsZHMvaW5kZXhcIjtcbmV4cG9ydCAqIGZyb20gXCIuL2R5bmFtaWMtZm9ybS9pbmRleFwiO1xuZXhwb3J0ICogZnJvbSBcIi4vZWRpdGFibGUtb3ZlcmxheS9pbmRleFwiO1xuZXhwb3J0ICogZnJvbSBcIi4vZW1wdHktc3RhdGUvaW5kZXhcIjtcbmV4cG9ydCAqIGZyb20gXCIuL2ZpbGUtdXBsb2FkL2luZGV4XCI7XG5leHBvcnQgKiBmcm9tIFwiLi9nYW50dC9pbmRleFwiO1xuZXhwb3J0ICogZnJvbSBcIi4vZ2xvYmFsLXNlYXJjaC9pbmRleFwiO1xuZXhwb3J0ICogZnJvbSBcIi4vaWEtaW5zaWdodC9pbmRleFwiO1xuZXhwb3J0ICogZnJvbSBcIi4vaW1hZ2UtY3JvcHBlci9pbmRleFwiO1xuZXhwb3J0ICogZnJvbSBcIi4vaW5mby1zaWduL2luZGV4XCI7XG5leHBvcnQgKiBmcm9tIFwiLi9pbmxpbmUtZWRpdC9pbmRleFwiO1xuZXhwb3J0ICogZnJvbSBcIi4va2FuYmFuL2luZGV4XCI7XG5leHBvcnQgKiBmcm9tIFwiLi9sb2FkaW5nLXN0YXRlL2luZGV4XCI7XG5leHBvcnQgKiBmcm9tIFwiLi9sb2NhbGUvaW5kZXhcIjtcbmV4cG9ydCAqIGZyb20gXCIuL2xvY2FsaXplZC1udW1iZXItaW5wdXQvaW5kZXhcIjtcbmV4cG9ydCAqIGZyb20gXCIuL21hc2svaW5kZXhcIjtcbmV4cG9ydCAqIGZyb20gXCIuL21vdXNlLWV2ZW50cy9pbmRleFwiO1xuZXhwb3J0ICogZnJvbSBcIi4vbmF2aWdhdGlvbi1idXR0b24vaW5kZXhcIjtcbmV4cG9ydCAqIGZyb20gXCIuL29iamVjdC1jYXJkL2luZGV4XCI7XG5leHBvcnQgKiBmcm9tIFwiLi9wYW5lbC9pbmRleFwiO1xuZXhwb3J0ICogZnJvbSBcIi4vcGFzc3dvcmQtc3RyZW5ndGgvaW5kZXhcIjtcbmV4cG9ydCAqIGZyb20gXCIuL3Byb2R1Y3QtaGVhZGVyL2luZGV4XCI7XG5leHBvcnQgKiBmcm9tIFwiLi9wcm9maWxlLXBpY3R1cmUtcGlja2VyL2luZGV4XCI7XG5leHBvcnQgKiBmcm9tIFwiLi9wcm9ncmVzc2Jhci9pbmRleFwiO1xuZXhwb3J0ICogZnJvbSBcIi4vcmF0aW5nLXNjYWxlL2luZGV4XCI7XG5leHBvcnQgKiBmcm9tIFwiLi9zZWxlY3QtYnV0dG9uL2luZGV4XCI7XG5leHBvcnQgKiBmcm9tIFwiLi9zaGFyZWQvaW5kZXhcIjtcbmV4cG9ydCAqIGZyb20gXCIuL3NpZGViYXIvaW5kZXhcIjtcbmV4cG9ydCAqIGZyb20gXCIuL3NsaWRlLXBhbmVsL2luZGV4XCI7XG5leHBvcnQgKiBmcm9tIFwiLi9zcGxpdC1idXR0b24vaW5kZXhcIjtcbmV4cG9ydCAqIGZyb20gXCIuL3N0YXRzLWNhcmQvaW5kZXhcIjtcbmV4cG9ydCAqIGZyb20gXCIuL3N0ZXBzL2luZGV4XCI7XG5leHBvcnQgKiBmcm9tIFwiLi9zd2l0Y2gvaW5kZXhcIjtcbmV4cG9ydCAqIGZyb20gXCIuL3RhYmxlL2luZGV4XCI7XG5leHBvcnQgKiBmcm9tIFwiLi90YWJsZS1oZWFkZXIvaW5kZXhcIjtcbmV4cG9ydCAqIGZyb20gXCIuL3RlbXBsYXRlL2luZGV4XCI7XG5leHBvcnQgKiBmcm9tIFwiLi90ZXh0LWFyZWEtaWEvaW5kZXhcIjtcbmV4cG9ydCAqIGZyb20gXCIuL3RodW1ibmFpbC9pbmRleFwiO1xuZXhwb3J0ICogZnJvbSBcIi4vdGllcmVkLW1lbnUvaW5kZXhcIjtcbmV4cG9ydCAqIGZyb20gXCIuL3RpbGUvaW5kZXhcIjtcbmV4cG9ydCAqIGZyb20gXCIuL3RpbWVsaW5lL2luZGV4XCI7XG5leHBvcnQgKiBmcm9tIFwiLi90b2tlbi1saXN0L2luZGV4XCI7XG5leHBvcnQgKiBmcm9tIFwiLi90b29sdGlwL2luZGV4XCI7XG5leHBvcnQgKiBmcm9tIFwiLi91dGlscy9pbmRleFwiO1xuZXhwb3J0ICogZnJvbSBcIi4vd29ya3NwYWNlLXN3aXRjaC9pbmRleFwiO1xuZXhwb3J0ICogZnJvbSBcIi4vbGFiZWwtdmFsdWUvaW5kZXhcIjtcblxuLyoqXG4gKiBAZGVwcmVjYXRlZCBXaWxsIGJlIHJlbW92ZWQgb24gYSBtYWpvciB1cGRhdGVcbiAqL1xuZXhwb3J0ICogZnJvbSBcIi4vbnVtYmVyLWlucHV0L2luZGV4XCI7XG4iXX0=
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
export { PanelComponent } from "./panel.component";
|
|
2
2
|
export { PanelModule } from "./panel.module";
|
|
3
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
3
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290Ijoibmc6Ly9Ac2VuaW9yc2lzdGVtYXMvYW5ndWxhci1jb21wb25lbnRzLyIsInNvdXJjZXMiOlsiY29tcG9uZW50cy9wYW5lbC9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDbkQsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGdCQUFnQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHsgUGFuZWxDb21wb25lbnQgfSBmcm9tIFwiLi9wYW5lbC5jb21wb25lbnRcIjtcbmV4cG9ydCB7IFBhbmVsTW9kdWxlIH0gZnJvbSBcIi4vcGFuZWwubW9kdWxlXCI7XG4iXX0=
|
|
@@ -1,26 +1,46 @@
|
|
|
1
1
|
import { __decorate } from "tslib";
|
|
2
2
|
import { animate, style, transition, trigger } from "@angular/animations";
|
|
3
|
-
import { Component,
|
|
3
|
+
import { Component, ContentChildren, Input } from "@angular/core";
|
|
4
|
+
import { TemplateDirective } from "../template/template.directive";
|
|
4
5
|
import { EnumSeverity } from "../shared/models/enum-severity";
|
|
5
6
|
let PanelComponent = class PanelComponent {
|
|
6
7
|
constructor() {
|
|
7
|
-
this.
|
|
8
|
+
this.collapsable = false;
|
|
8
9
|
this.collapsed = false;
|
|
9
10
|
this.severity = EnumSeverity.Default;
|
|
10
|
-
this.collapsedChange = new EventEmitter();
|
|
11
11
|
this.EnumSeverity = EnumSeverity;
|
|
12
12
|
}
|
|
13
|
-
|
|
14
|
-
this.
|
|
15
|
-
|
|
13
|
+
ngAfterContentInit() {
|
|
14
|
+
this._getTemplates();
|
|
15
|
+
}
|
|
16
|
+
_getCustomTemplate(type) {
|
|
17
|
+
var _a;
|
|
18
|
+
return (_a = this.templates.find((template) => template.type === type)) === null || _a === void 0 ? void 0 : _a.template;
|
|
19
|
+
}
|
|
20
|
+
getHeaderTemplate() {
|
|
21
|
+
return this._getCustomTemplate("header");
|
|
22
|
+
}
|
|
23
|
+
getBodyTemplate() {
|
|
24
|
+
return this._getCustomTemplate("body");
|
|
25
|
+
}
|
|
26
|
+
getFooterTemplate() {
|
|
27
|
+
return this._getCustomTemplate("footer");
|
|
28
|
+
}
|
|
29
|
+
_getTemplates() {
|
|
30
|
+
this.headerTemplate = this.getHeaderTemplate();
|
|
31
|
+
this.bodyTemplate = this.getBodyTemplate();
|
|
32
|
+
this.footerTemplate = this.getFooterTemplate();
|
|
16
33
|
}
|
|
17
34
|
};
|
|
35
|
+
__decorate([
|
|
36
|
+
ContentChildren(TemplateDirective)
|
|
37
|
+
], PanelComponent.prototype, "templates", void 0);
|
|
18
38
|
__decorate([
|
|
19
39
|
Input()
|
|
20
40
|
], PanelComponent.prototype, "header", void 0);
|
|
21
41
|
__decorate([
|
|
22
42
|
Input()
|
|
23
|
-
], PanelComponent.prototype, "
|
|
43
|
+
], PanelComponent.prototype, "collapsable", void 0);
|
|
24
44
|
__decorate([
|
|
25
45
|
Input()
|
|
26
46
|
], PanelComponent.prototype, "collapsed", void 0);
|
|
@@ -30,13 +50,10 @@ __decorate([
|
|
|
30
50
|
__decorate([
|
|
31
51
|
Input()
|
|
32
52
|
], PanelComponent.prototype, "borderButtonOptions", void 0);
|
|
33
|
-
__decorate([
|
|
34
|
-
Output()
|
|
35
|
-
], PanelComponent.prototype, "collapsedChange", void 0);
|
|
36
53
|
PanelComponent = __decorate([
|
|
37
54
|
Component({
|
|
38
55
|
selector: "s-panel",
|
|
39
|
-
template: "<
|
|
56
|
+
template: "<div\n class=\"panel\"\n [ngClass]=\"{\n 'panel--success': severity === EnumSeverity.Success,\n 'panel--info': severity === EnumSeverity.Info,\n 'panel--warn': severity === EnumSeverity.Warn,\n 'panel--error': severity === EnumSeverity.Error,\n 'panel--collapsed': collapsed\n }\">\n <s-border-button\n *ngIf=\"\n borderButtonOptions?.visible\n ? borderButtonOptions?.visible(severity)\n : false\n \"\n [severity]=\"severity\"\n [options]=\"borderButtonOptions\"\n class=\"border-button\"\n [@BorderButtonAnimation]\n ></s-border-button>\n\n <div class=\"header\">\n <ng-container *ngIf=\"headerTemplate; then customHeaderTemplate; else simpleHeaderTemplate\"></ng-container>\n <ng-template #customHeaderTemplate>\n <ng-container *ngTemplateOutlet=\"headerTemplate\"></ng-container>\n </ng-template>\n <ng-template #simpleHeaderTemplate>\n <span>{{ header }}</span>\n </ng-template>\n\n <button\n *ngIf=\"collapsable\"\n class=\"collapse-button fas\"\n [ngClass]=\"{\n 'fa-plus': collapsed,\n 'fa-minus': !collapsed\n }\"\n (click)=\"collapsed = !collapsed\">\n </button>\n </div>\n <div *ngIf=\"!collapsable || !collapsed\" class=\"panel-content\">\n <div class=\"body\">\n <ng-container *ngTemplateOutlet=\"bodyTemplate\"></ng-container>\n </div>\n <div *ngIf=\"footerTemplate\" class=\"footer\">\n <ng-container *ngTemplateOutlet=\"footerTemplate\"></ng-container>\n </div>\n </div>\n</div>",
|
|
40
57
|
animations: [
|
|
41
58
|
trigger("BorderButtonAnimation", [
|
|
42
59
|
transition(":enter", [
|
|
@@ -49,8 +66,8 @@ PanelComponent = __decorate([
|
|
|
49
66
|
]),
|
|
50
67
|
]),
|
|
51
68
|
],
|
|
52
|
-
styles: ["
|
|
69
|
+
styles: [".panel{background-color:#fff;border:1px solid #dedce5;padding:20px;position:relative;transition:border-color .5s}.panel .border-button{position:absolute;right:15px;top:-12px}.panel .header{border-bottom:1px solid #dedce5;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;padding-bottom:12px;text-transform:uppercase}.panel .header .collapse-button{background-color:transparent;border:none;color:#212533;cursor:pointer;height:24px;width:24px}.panel .panel-content .body{padding:20px 0}.panel .panel-content .footer{border-top:1px solid #dedce5;padding-top:12px}.panel--success{border-color:#0c9348}.panel--info{border-color:#428bca}.panel--warn{border-color:#f8931f}.panel--error{border-color:#c13018}.panel--collapsed .header{border:none;padding:0}"]
|
|
53
70
|
})
|
|
54
71
|
], PanelComponent);
|
|
55
72
|
export { PanelComponent };
|
|
56
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
73
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFuZWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQHNlbmlvcnNpc3RlbWFzL2FuZ3VsYXItY29tcG9uZW50cy8iLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvcGFuZWwvcGFuZWwuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUUsT0FBTyxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDMUUsT0FBTyxFQUFvQixTQUFTLEVBQUUsZUFBZSxFQUFFLEtBQUssRUFBMEIsTUFBTSxlQUFlLENBQUM7QUFHNUcsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZ0NBQWdDLENBQUM7QUFDbkUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBbUI5RCxJQUFhLGNBQWMsR0FBM0IsTUFBYSxjQUFjO0lBQTNCO1FBUVcsZ0JBQVcsR0FBRyxLQUFLLENBQUM7UUFHcEIsY0FBUyxHQUFHLEtBQUssQ0FBQztRQUd6QixhQUFRLEdBQUcsWUFBWSxDQUFDLE9BQU8sQ0FBQztRQUtoQixpQkFBWSxHQUFHLFlBQVksQ0FBQztJQStCaEQsQ0FBQztJQXpCVSxrQkFBa0I7UUFDckIsSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDO0lBQ3pCLENBQUM7SUFFTyxrQkFBa0IsQ0FBQyxJQUFZOztRQUNuQyxhQUFPLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLENBQUMsUUFBMkIsRUFBRSxFQUFFLENBQUMsUUFBUSxDQUFDLElBQUksS0FBSyxJQUFJLENBQUMsMENBQUUsUUFBUSxDQUFDO0lBQ2xHLENBQUM7SUFFTyxpQkFBaUI7UUFDckIsT0FBTyxJQUFJLENBQUMsa0JBQWtCLENBQUMsUUFBUSxDQUFDLENBQUM7SUFDN0MsQ0FBQztJQUVPLGVBQWU7UUFDbkIsT0FBTyxJQUFJLENBQUMsa0JBQWtCLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDM0MsQ0FBQztJQUVPLGlCQUFpQjtRQUNyQixPQUFPLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUM3QyxDQUFDO0lBRU8sYUFBYTtRQUNqQixJQUFJLENBQUMsY0FBYyxHQUFHLElBQUksQ0FBQyxpQkFBaUIsRUFBRSxDQUFDO1FBQy9DLElBQUksQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDLGVBQWUsRUFBRSxDQUFDO1FBQzNDLElBQUksQ0FBQyxjQUFjLEdBQUcsSUFBSSxDQUFDLGlCQUFpQixFQUFFLENBQUM7SUFDbkQsQ0FBQztDQUNKLENBQUE7QUFoREc7SUFEQyxlQUFlLENBQUMsaUJBQWlCLENBQUM7aURBQ1k7QUFHL0M7SUFEQyxLQUFLLEVBQUU7OENBQ2M7QUFHdEI7SUFEQyxLQUFLLEVBQUU7bURBQ21CO0FBRzNCO0lBREMsS0FBSyxFQUFFO2lEQUNpQjtBQUd6QjtJQURDLEtBQUssRUFBRTtnREFDd0I7QUFHaEM7SUFEQyxLQUFLLEVBQUU7MkRBQ2lDO0FBakJoQyxjQUFjO0lBakIxQixTQUFTLENBQUM7UUFDUCxRQUFRLEVBQUUsU0FBUztRQUNuQiw0dERBQXFDO1FBRXJDLFVBQVUsRUFBRTtZQUNSLE9BQU8sQ0FBQyx1QkFBdUIsRUFBRTtnQkFDN0IsVUFBVSxDQUFDLFFBQVEsRUFBRTtvQkFDakIsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxPQUFPLEVBQUUsQ0FBQyxFQUFFLENBQUM7b0JBQzdDLE9BQU8sQ0FBQyxZQUFZLEVBQUUsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxPQUFPLEVBQUUsQ0FBQyxFQUFFLENBQUMsQ0FBQztpQkFDdkUsQ0FBQztnQkFDRixVQUFVLENBQUMsUUFBUSxFQUFFO29CQUNqQixLQUFLLENBQUMsRUFBRSxTQUFTLEVBQUUsV0FBVyxFQUFFLE9BQU8sRUFBRSxDQUFDLEVBQUUsQ0FBQztvQkFDN0MsT0FBTyxDQUFDLFlBQVksRUFBRSxLQUFLLENBQUMsRUFBRSxTQUFTLEVBQUUsV0FBVyxFQUFFLE9BQU8sRUFBRSxDQUFDLEVBQUUsQ0FBQyxDQUFDO2lCQUN2RSxDQUFDO2FBQ0wsQ0FBQztTQUNMOztLQUNKLENBQUM7R0FDVyxjQUFjLENBa0QxQjtTQWxEWSxjQUFjIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgYW5pbWF0ZSwgc3R5bGUsIHRyYW5zaXRpb24sIHRyaWdnZXIgfSBmcm9tIFwiQGFuZ3VsYXIvYW5pbWF0aW9uc1wiO1xuaW1wb3J0IHsgQWZ0ZXJDb250ZW50SW5pdCwgQ29tcG9uZW50LCBDb250ZW50Q2hpbGRyZW4sIElucHV0LCBRdWVyeUxpc3QsIFRlbXBsYXRlUmVmIH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcblxuaW1wb3J0IHsgQm9yZGVyQnV0dG9uT3B0aW9ucyB9IGZyb20gXCIuLi9zaGFyZWRcIjtcbmltcG9ydCB7IFRlbXBsYXRlRGlyZWN0aXZlIH0gZnJvbSBcIi4uL3RlbXBsYXRlL3RlbXBsYXRlLmRpcmVjdGl2ZVwiO1xuaW1wb3J0IHsgRW51bVNldmVyaXR5IH0gZnJvbSBcIi4uL3NoYXJlZC9tb2RlbHMvZW51bS1zZXZlcml0eVwiO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogXCJzLXBhbmVsXCIsXG4gICAgdGVtcGxhdGVVcmw6IFwiLi9wYW5lbC5jb21wb25lbnQuaHRtbFwiLFxuICAgIHN0eWxlVXJsczogW1wiLi9wYW5lbC5jb21wb25lbnQuc2Nzc1wiXSxcbiAgICBhbmltYXRpb25zOiBbXG4gICAgICAgIHRyaWdnZXIoXCJCb3JkZXJCdXR0b25BbmltYXRpb25cIiwgW1xuICAgICAgICAgICAgdHJhbnNpdGlvbihcIjplbnRlclwiLCBbXG4gICAgICAgICAgICAgICAgc3R5bGUoeyB0cmFuc2Zvcm06IFwic2NhbGVZKDApXCIsIG9wYWNpdHk6IDAgfSksXG4gICAgICAgICAgICAgICAgYW5pbWF0ZShcIjMwMG1zIGVhc2VcIiwgc3R5bGUoeyB0cmFuc2Zvcm06IFwic2NhbGVZKDEpXCIsIG9wYWNpdHk6IDEgfSkpLFxuICAgICAgICAgICAgXSksXG4gICAgICAgICAgICB0cmFuc2l0aW9uKFwiOmxlYXZlXCIsIFtcbiAgICAgICAgICAgICAgICBzdHlsZSh7IHRyYW5zZm9ybTogXCJzY2FsZVkoMSlcIiwgb3BhY2l0eTogMSB9KSxcbiAgICAgICAgICAgICAgICBhbmltYXRlKFwiMzAwbXMgZWFzZVwiLCBzdHlsZSh7IHRyYW5zZm9ybTogXCJzY2FsZVkoMClcIiwgb3BhY2l0eTogMCB9KSksXG4gICAgICAgICAgICBdKSxcbiAgICAgICAgXSksXG4gICAgXSxcbn0pXG5leHBvcnQgY2xhc3MgUGFuZWxDb21wb25lbnQgaW1wbGVtZW50cyBBZnRlckNvbnRlbnRJbml0IHtcbiAgICBAQ29udGVudENoaWxkcmVuKFRlbXBsYXRlRGlyZWN0aXZlKVxuICAgIHB1YmxpYyB0ZW1wbGF0ZXM6IFF1ZXJ5TGlzdDxUZW1wbGF0ZURpcmVjdGl2ZT47XG5cbiAgICBASW5wdXQoKVxuICAgIHB1YmxpYyBoZWFkZXI6IHN0cmluZztcblxuICAgIEBJbnB1dCgpXG4gICAgcHVibGljIGNvbGxhcHNhYmxlID0gZmFsc2U7XG5cbiAgICBASW5wdXQoKVxuICAgIHB1YmxpYyBjb2xsYXBzZWQgPSBmYWxzZTtcblxuICAgIEBJbnB1dCgpXG4gICAgc2V2ZXJpdHkgPSBFbnVtU2V2ZXJpdHkuRGVmYXVsdDtcblxuICAgIEBJbnB1dCgpXG4gICAgYm9yZGVyQnV0dG9uT3B0aW9uczogQm9yZGVyQnV0dG9uT3B0aW9ucztcblxuICAgIHB1YmxpYyByZWFkb25seSBFbnVtU2V2ZXJpdHkgPSBFbnVtU2V2ZXJpdHk7XG5cbiAgICBwdWJsaWMgaGVhZGVyVGVtcGxhdGU6IFRlbXBsYXRlUmVmPHVua25vd24+O1xuICAgIHB1YmxpYyBib2R5VGVtcGxhdGU6IFRlbXBsYXRlUmVmPHVua25vd24+O1xuICAgIHB1YmxpYyBmb290ZXJUZW1wbGF0ZTogVGVtcGxhdGVSZWY8dW5rbm93bj47XG5cbiAgICBwdWJsaWMgbmdBZnRlckNvbnRlbnRJbml0KCk6IHZvaWQge1xuICAgICAgICB0aGlzLl9nZXRUZW1wbGF0ZXMoKTtcbiAgICB9XG5cbiAgICBwcml2YXRlIF9nZXRDdXN0b21UZW1wbGF0ZSh0eXBlOiBzdHJpbmcpIHtcbiAgICAgICAgcmV0dXJuIHRoaXMudGVtcGxhdGVzLmZpbmQoKHRlbXBsYXRlOiBUZW1wbGF0ZURpcmVjdGl2ZSkgPT4gdGVtcGxhdGUudHlwZSA9PT0gdHlwZSk/LnRlbXBsYXRlO1xuICAgIH1cblxuICAgIHByaXZhdGUgZ2V0SGVhZGVyVGVtcGxhdGUoKTogVGVtcGxhdGVSZWY8dW5rbm93bj4ge1xuICAgICAgICByZXR1cm4gdGhpcy5fZ2V0Q3VzdG9tVGVtcGxhdGUoXCJoZWFkZXJcIik7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBnZXRCb2R5VGVtcGxhdGUoKTogVGVtcGxhdGVSZWY8dW5rbm93bj4ge1xuICAgICAgICByZXR1cm4gdGhpcy5fZ2V0Q3VzdG9tVGVtcGxhdGUoXCJib2R5XCIpO1xuICAgIH1cblxuICAgIHByaXZhdGUgZ2V0Rm9vdGVyVGVtcGxhdGUoKTogVGVtcGxhdGVSZWY8dW5rbm93bj4ge1xuICAgICAgICByZXR1cm4gdGhpcy5fZ2V0Q3VzdG9tVGVtcGxhdGUoXCJmb290ZXJcIik7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBfZ2V0VGVtcGxhdGVzKCk6IHZvaWQge1xuICAgICAgICB0aGlzLmhlYWRlclRlbXBsYXRlID0gdGhpcy5nZXRIZWFkZXJUZW1wbGF0ZSgpO1xuICAgICAgICB0aGlzLmJvZHlUZW1wbGF0ZSA9IHRoaXMuZ2V0Qm9keVRlbXBsYXRlKCk7XG4gICAgICAgIHRoaXMuZm9vdGVyVGVtcGxhdGUgPSB0aGlzLmdldEZvb3RlclRlbXBsYXRlKCk7XG4gICAgfVxufVxuIl19
|
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
import { __decorate } from "tslib";
|
|
2
|
-
import { CommonModule } from "@angular/common";
|
|
3
2
|
import { NgModule } from "@angular/core";
|
|
4
|
-
import {
|
|
3
|
+
import { CommonModule } from "@angular/common";
|
|
5
4
|
import { PanelComponent } from "./panel.component";
|
|
6
5
|
import { BorderButtonModule } from "../shared/border-button/border-button.module";
|
|
6
|
+
import { TemplateModule } from "../template/template.module";
|
|
7
7
|
let PanelModule = class PanelModule {
|
|
8
8
|
};
|
|
9
9
|
PanelModule = __decorate([
|
|
10
10
|
NgModule({
|
|
11
|
-
imports: [CommonModule,
|
|
11
|
+
imports: [CommonModule, BorderButtonModule],
|
|
12
12
|
declarations: [PanelComponent],
|
|
13
|
-
exports: [PanelComponent],
|
|
13
|
+
exports: [PanelComponent, TemplateModule],
|
|
14
14
|
})
|
|
15
15
|
], PanelModule);
|
|
16
16
|
export { PanelModule };
|
|
17
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
17
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFuZWwubW9kdWxlLmpzIiwic291cmNlUm9vdCI6Im5nOi8vQHNlbmlvcnNpc3RlbWFzL2FuZ3VsYXItY29tcG9uZW50cy8iLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvcGFuZWwvcGFuZWwubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUUvQyxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDbkQsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sOENBQThDLENBQUM7QUFDbEYsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBTzdELElBQWEsV0FBVyxHQUF4QixNQUFhLFdBQVc7Q0FBRyxDQUFBO0FBQWQsV0FBVztJQUx2QixRQUFRLENBQUM7UUFDTixPQUFPLEVBQUUsQ0FBQyxZQUFZLEVBQUUsa0JBQWtCLENBQUM7UUFDM0MsWUFBWSxFQUFFLENBQUMsY0FBYyxDQUFDO1FBQzlCLE9BQU8sRUFBRSxDQUFDLGNBQWMsRUFBRSxjQUFjLENBQUM7S0FDNUMsQ0FBQztHQUNXLFdBQVcsQ0FBRztTQUFkLFdBQVciLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tIFwiQGFuZ3VsYXIvY29tbW9uXCI7XG5cbmltcG9ydCB7IFBhbmVsQ29tcG9uZW50IH0gZnJvbSBcIi4vcGFuZWwuY29tcG9uZW50XCI7XG5pbXBvcnQgeyBCb3JkZXJCdXR0b25Nb2R1bGUgfSBmcm9tIFwiLi4vc2hhcmVkL2JvcmRlci1idXR0b24vYm9yZGVyLWJ1dHRvbi5tb2R1bGVcIjtcbmltcG9ydCB7IFRlbXBsYXRlTW9kdWxlIH0gZnJvbSBcIi4uL3RlbXBsYXRlL3RlbXBsYXRlLm1vZHVsZVwiO1xuXG5ATmdNb2R1bGUoe1xuICAgIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIEJvcmRlckJ1dHRvbk1vZHVsZV0sXG4gICAgZGVjbGFyYXRpb25zOiBbUGFuZWxDb21wb25lbnRdLFxuICAgIGV4cG9ydHM6IFtQYW5lbENvbXBvbmVudCwgVGVtcGxhdGVNb2R1bGVdLFxufSlcbmV4cG9ydCBjbGFzcyBQYW5lbE1vZHVsZSB7fVxuIl19
|
|
@@ -19,7 +19,7 @@ BorderButtonComponent = __decorate([
|
|
|
19
19
|
Component({
|
|
20
20
|
selector: "s-border-button",
|
|
21
21
|
template: "<button\n class=\"border-button\"\n [ngClass]=\"{\n 'border-button--severity-default': severity === EnumSeverity.Default,\n 'border-button--severity-info': severity === EnumSeverity.Info,\n 'border-button--severity-warn': severity === EnumSeverity.Warn,\n 'border-button--severity-error': severity === EnumSeverity.Error,\n 'border-button--severity-success': severity == EnumSeverity.Success,\n 'border-button--disabled': options?.disabled\n ? options?.disabled(severity)\n : false\n }\"\n (click)=\"options?.onClick ? options?.onClick(severity) : null\"\n [sTooltip]=\"options?.tooltip ? options?.tooltip(severity) : null\"\n [tooltipPosition]=\"TooltipPosition.Left\"\n [disabled]=\"options?.disabled ? options?.disabled(severity) : false\"\n>\n <span class=\"border-button__label\">\n {{ options?.label ? options?.label(severity) : null }}\n </span>\n <span\n *ngIf=\"options?.icon ? options?.icon(severity) : false\"\n class=\"border-button__icon {{ options?.icon(severity) }}\"\n ></span>\n</button>",
|
|
22
|
-
styles: [".border-button{padding:0 8px;border:1px solid;border-radius:12px;height:23px;max-width:320px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.border-button__label{font-family:Open Sans,sans-serif;font-size:12px;line-height:150%;width:100%;display:block;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.border-button__icon{font-size:12px;color:#333;margin-left:8px}.border-button--severity-default{border-color:#ccc;background-color:#fff}.border-button--severity-info{border-color:#428bca;background-color:#d5e8ec;transition:background-color .5s,border-color .5s}.border-button--severity-info:enabled:hover{background-color:#9ecad4;cursor:pointer}.border-button--severity-info:enabled:active{transition:none;background-color:#67acbc;border-color:#67acbc}.border-button--severity-warn{border-color:#f8931f;background-color:#fce3ba;transition:background-color .5s,border-color .5s}.border-button--severity-warn:enabled:hover{background-color:#f8bf5e;cursor:pointer}.border-button--severity-warn:enabled:active{transition:none;background-color:#f5a319;border-color:#f5a319}.border-button--severity-error{border-color:#c13018;background-color:#fcd2d2;transition:background-color .5s,border-color .5s}.border-button--severity-error:enabled:hover{background-color:#f89696;cursor:pointer}.border-button--severity-error:enabled:active{transition:none;background-color:#f45b5b;border-color:#f45b5b}.border-button--severity-success{border-color:#0c9348;background-color:#e6ffb3;transition:background-color .5s,border-color .5s}.border-button--severity-success:enabled:hover{background-color:#c8ff5c;cursor:pointer}.border-button--severity-success:enabled:active{transition:none;background-color:#ade500;border-color:#ade500}.border-button--disabled:disabled:hover{cursor:default}"]
|
|
22
|
+
styles: [".border-button{padding:0 8px;border:1px solid;border-radius:12px;height:23px;max-width:320px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;cursor:pointer}.border-button__label{font-family:Open Sans,sans-serif;font-size:12px;line-height:150%;width:100%;display:block;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.border-button__icon{font-size:12px;color:#333;margin-left:8px}.border-button--severity-default{border-color:#ccc;background-color:#fff}.border-button--severity-info{border-color:#428bca;background-color:#d5e8ec;transition:background-color .5s,border-color .5s}.border-button--severity-info:enabled:hover{background-color:#9ecad4;cursor:pointer}.border-button--severity-info:enabled:active{transition:none;background-color:#67acbc;border-color:#67acbc}.border-button--severity-warn{border-color:#f8931f;background-color:#fce3ba;transition:background-color .5s,border-color .5s}.border-button--severity-warn:enabled:hover{background-color:#f8bf5e;cursor:pointer}.border-button--severity-warn:enabled:active{transition:none;background-color:#f5a319;border-color:#f5a319}.border-button--severity-error{border-color:#c13018;background-color:#fcd2d2;transition:background-color .5s,border-color .5s}.border-button--severity-error:enabled:hover{background-color:#f89696;cursor:pointer}.border-button--severity-error:enabled:active{transition:none;background-color:#f45b5b;border-color:#f45b5b}.border-button--severity-success{border-color:#0c9348;background-color:#e6ffb3;transition:background-color .5s,border-color .5s}.border-button--severity-success:enabled:hover{background-color:#c8ff5c;cursor:pointer}.border-button--severity-success:enabled:active{transition:none;background-color:#ade500;border-color:#ade500}.border-button--disabled:disabled:hover{cursor:default}"]
|
|
23
23
|
})
|
|
24
24
|
], BorderButtonComponent);
|
|
25
25
|
export { BorderButtonComponent };
|
package/esm5/components/index.js
CHANGED
|
@@ -29,11 +29,11 @@ export * from "./mask/index";
|
|
|
29
29
|
export * from "./mouse-events/index";
|
|
30
30
|
export * from "./navigation-button/index";
|
|
31
31
|
export * from "./object-card/index";
|
|
32
|
+
export * from "./panel/index";
|
|
32
33
|
export * from "./password-strength/index";
|
|
33
34
|
export * from "./product-header/index";
|
|
34
35
|
export * from "./profile-picture-picker/index";
|
|
35
36
|
export * from "./progressbar/index";
|
|
36
|
-
export * from "./panel/index";
|
|
37
37
|
export * from "./rating-scale/index";
|
|
38
38
|
export * from "./select-button/index";
|
|
39
39
|
export * from "./shared/index";
|
|
@@ -60,4 +60,4 @@ export * from "./label-value/index";
|
|
|
60
60
|
* @deprecated Will be removed on a major update
|
|
61
61
|
*/
|
|
62
62
|
export * from "./number-input/index";
|
|
63
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
63
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290Ijoibmc6Ly9Ac2VuaW9yc2lzdGVtYXMvYW5ndWxhci1jb21wb25lbnRzLyIsInNvdXJjZXMiOlsiY29tcG9uZW50cy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLG1CQUFtQixDQUFDO0FBQ2xDLGNBQWMsZUFBZSxDQUFDO0FBQzlCLGNBQWMsZUFBZSxDQUFDO0FBQzlCLGNBQWMseUJBQXlCLENBQUM7QUFDeEMsY0FBYyxvQkFBb0IsQ0FBQztBQUNuQyxjQUFjLGdCQUFnQixDQUFDO0FBQy9CLGNBQWMsdUJBQXVCLENBQUM7QUFDdEMsY0FBYyxjQUFjLENBQUM7QUFDN0IsY0FBYyxxQkFBcUIsQ0FBQztBQUNwQyxjQUFjLHVCQUF1QixDQUFDO0FBQ3RDLGNBQWMsd0JBQXdCLENBQUM7QUFDdkMsY0FBYyw4QkFBOEIsQ0FBQztBQUM3QyxjQUFjLHVCQUF1QixDQUFDO0FBQ3RDLGNBQWMsc0JBQXNCLENBQUM7QUFDckMsY0FBYywwQkFBMEIsQ0FBQztBQUN6QyxjQUFjLHFCQUFxQixDQUFDO0FBQ3BDLGNBQWMscUJBQXFCLENBQUM7QUFDcEMsY0FBYyxlQUFlLENBQUM7QUFDOUIsY0FBYyx1QkFBdUIsQ0FBQztBQUN0QyxjQUFjLG9CQUFvQixDQUFDO0FBQ25DLGNBQWMsdUJBQXVCLENBQUM7QUFDdEMsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLHFCQUFxQixDQUFDO0FBQ3BDLGNBQWMsZ0JBQWdCLENBQUM7QUFDL0IsY0FBYyx1QkFBdUIsQ0FBQztBQUN0QyxjQUFjLGdCQUFnQixDQUFDO0FBQy9CLGNBQWMsZ0NBQWdDLENBQUM7QUFDL0MsY0FBYyxjQUFjLENBQUM7QUFDN0IsY0FBYyxzQkFBc0IsQ0FBQztBQUNyQyxjQUFjLDJCQUEyQixDQUFDO0FBQzFDLGNBQWMscUJBQXFCLENBQUM7QUFDcEMsY0FBYyxlQUFlLENBQUM7QUFDOUIsY0FBYywyQkFBMkIsQ0FBQztBQUMxQyxjQUFjLHdCQUF3QixDQUFDO0FBQ3ZDLGNBQWMsZ0NBQWdDLENBQUM7QUFDL0MsY0FBYyxxQkFBcUIsQ0FBQztBQUNwQyxjQUFjLHNCQUFzQixDQUFDO0FBQ3JDLGNBQWMsdUJBQXVCLENBQUM7QUFDdEMsY0FBYyxnQkFBZ0IsQ0FBQztBQUMvQixjQUFjLGlCQUFpQixDQUFDO0FBQ2hDLGNBQWMscUJBQXFCLENBQUM7QUFDcEMsY0FBYyxzQkFBc0IsQ0FBQztBQUNyQyxjQUFjLG9CQUFvQixDQUFDO0FBQ25DLGNBQWMsZUFBZSxDQUFDO0FBQzlCLGNBQWMsZ0JBQWdCLENBQUM7QUFDL0IsY0FBYyxlQUFlLENBQUM7QUFDOUIsY0FBYyxzQkFBc0IsQ0FBQztBQUNyQyxjQUFjLGtCQUFrQixDQUFDO0FBQ2pDLGNBQWMsc0JBQXNCLENBQUM7QUFDckMsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLHFCQUFxQixDQUFDO0FBQ3BDLGNBQWMsY0FBYyxDQUFDO0FBQzdCLGNBQWMsa0JBQWtCLENBQUM7QUFDakMsY0FBYyxvQkFBb0IsQ0FBQztBQUNuQyxjQUFjLGlCQUFpQixDQUFDO0FBQ2hDLGNBQWMsZUFBZSxDQUFDO0FBQzlCLGNBQWMsMEJBQTBCLENBQUM7QUFDekMsY0FBYyxxQkFBcUIsQ0FBQztBQUVwQzs7R0FFRztBQUNILGNBQWMsc0JBQXNCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tIFwiLi9hY2NvcmRpb24vaW5kZXhcIjtcbmV4cG9ydCAqIGZyb20gXCIuL2FsZXJ0L2luZGV4XCI7XG5leHBvcnQgKiBmcm9tIFwiLi9iYWRnZS9pbmRleFwiO1xuZXhwb3J0ICogZnJvbSBcIi4vYmlnbnVtYmVyLWlucHV0L2luZGV4XCI7XG5leHBvcnQgKiBmcm9tIFwiLi9icmVhZGNydW1iL2luZGV4XCI7XG5leHBvcnQgKiBmcm9tIFwiLi9idXR0b24vaW5kZXhcIjtcbmV4cG9ydCAqIGZyb20gXCIuL2NhbGVuZGFyLW1hc2svaW5kZXhcIjtcbmV4cG9ydCAqIGZyb20gXCIuL2NhcmQvaW5kZXhcIjtcbmV4cG9ydCAqIGZyb20gXCIuL2NvZGUtZWRpdG9yL2luZGV4XCI7XG5leHBvcnQgKiBmcm9tIFwiLi9jb2xsYXBzZS1saW5rL2luZGV4XCI7XG5leHBvcnQgKiBmcm9tIFwiLi9jb250cm9sLWVycm9ycy9pbmRleFwiO1xuZXhwb3J0ICogZnJvbSBcIi4vY291bnRyeS1waG9uZS1waWNrZXIvaW5kZXhcIjtcbmV4cG9ydCAqIGZyb20gXCIuL2N1c3RvbS1maWVsZHMvaW5kZXhcIjtcbmV4cG9ydCAqIGZyb20gXCIuL2R5bmFtaWMtZm9ybS9pbmRleFwiO1xuZXhwb3J0ICogZnJvbSBcIi4vZWRpdGFibGUtb3ZlcmxheS9pbmRleFwiO1xuZXhwb3J0ICogZnJvbSBcIi4vZW1wdHktc3RhdGUvaW5kZXhcIjtcbmV4cG9ydCAqIGZyb20gXCIuL2ZpbGUtdXBsb2FkL2luZGV4XCI7XG5leHBvcnQgKiBmcm9tIFwiLi9nYW50dC9pbmRleFwiO1xuZXhwb3J0ICogZnJvbSBcIi4vZ2xvYmFsLXNlYXJjaC9pbmRleFwiO1xuZXhwb3J0ICogZnJvbSBcIi4vaWEtaW5zaWdodC9pbmRleFwiO1xuZXhwb3J0ICogZnJvbSBcIi4vaW1hZ2UtY3JvcHBlci9pbmRleFwiO1xuZXhwb3J0ICogZnJvbSBcIi4vaW5mby1zaWduL2luZGV4XCI7XG5leHBvcnQgKiBmcm9tIFwiLi9pbmxpbmUtZWRpdC9pbmRleFwiO1xuZXhwb3J0ICogZnJvbSBcIi4va2FuYmFuL2luZGV4XCI7XG5leHBvcnQgKiBmcm9tIFwiLi9sb2FkaW5nLXN0YXRlL2luZGV4XCI7XG5leHBvcnQgKiBmcm9tIFwiLi9sb2NhbGUvaW5kZXhcIjtcbmV4cG9ydCAqIGZyb20gXCIuL2xvY2FsaXplZC1udW1iZXItaW5wdXQvaW5kZXhcIjtcbmV4cG9ydCAqIGZyb20gXCIuL21hc2svaW5kZXhcIjtcbmV4cG9ydCAqIGZyb20gXCIuL21vdXNlLWV2ZW50cy9pbmRleFwiO1xuZXhwb3J0ICogZnJvbSBcIi4vbmF2aWdhdGlvbi1idXR0b24vaW5kZXhcIjtcbmV4cG9ydCAqIGZyb20gXCIuL29iamVjdC1jYXJkL2luZGV4XCI7XG5leHBvcnQgKiBmcm9tIFwiLi9wYW5lbC9pbmRleFwiO1xuZXhwb3J0ICogZnJvbSBcIi4vcGFzc3dvcmQtc3RyZW5ndGgvaW5kZXhcIjtcbmV4cG9ydCAqIGZyb20gXCIuL3Byb2R1Y3QtaGVhZGVyL2luZGV4XCI7XG5leHBvcnQgKiBmcm9tIFwiLi9wcm9maWxlLXBpY3R1cmUtcGlja2VyL2luZGV4XCI7XG5leHBvcnQgKiBmcm9tIFwiLi9wcm9ncmVzc2Jhci9pbmRleFwiO1xuZXhwb3J0ICogZnJvbSBcIi4vcmF0aW5nLXNjYWxlL2luZGV4XCI7XG5leHBvcnQgKiBmcm9tIFwiLi9zZWxlY3QtYnV0dG9uL2luZGV4XCI7XG5leHBvcnQgKiBmcm9tIFwiLi9zaGFyZWQvaW5kZXhcIjtcbmV4cG9ydCAqIGZyb20gXCIuL3NpZGViYXIvaW5kZXhcIjtcbmV4cG9ydCAqIGZyb20gXCIuL3NsaWRlLXBhbmVsL2luZGV4XCI7XG5leHBvcnQgKiBmcm9tIFwiLi9zcGxpdC1idXR0b24vaW5kZXhcIjtcbmV4cG9ydCAqIGZyb20gXCIuL3N0YXRzLWNhcmQvaW5kZXhcIjtcbmV4cG9ydCAqIGZyb20gXCIuL3N0ZXBzL2luZGV4XCI7XG5leHBvcnQgKiBmcm9tIFwiLi9zd2l0Y2gvaW5kZXhcIjtcbmV4cG9ydCAqIGZyb20gXCIuL3RhYmxlL2luZGV4XCI7XG5leHBvcnQgKiBmcm9tIFwiLi90YWJsZS1oZWFkZXIvaW5kZXhcIjtcbmV4cG9ydCAqIGZyb20gXCIuL3RlbXBsYXRlL2luZGV4XCI7XG5leHBvcnQgKiBmcm9tIFwiLi90ZXh0LWFyZWEtaWEvaW5kZXhcIjtcbmV4cG9ydCAqIGZyb20gXCIuL3RodW1ibmFpbC9pbmRleFwiO1xuZXhwb3J0ICogZnJvbSBcIi4vdGllcmVkLW1lbnUvaW5kZXhcIjtcbmV4cG9ydCAqIGZyb20gXCIuL3RpbGUvaW5kZXhcIjtcbmV4cG9ydCAqIGZyb20gXCIuL3RpbWVsaW5lL2luZGV4XCI7XG5leHBvcnQgKiBmcm9tIFwiLi90b2tlbi1saXN0L2luZGV4XCI7XG5leHBvcnQgKiBmcm9tIFwiLi90b29sdGlwL2luZGV4XCI7XG5leHBvcnQgKiBmcm9tIFwiLi91dGlscy9pbmRleFwiO1xuZXhwb3J0ICogZnJvbSBcIi4vd29ya3NwYWNlLXN3aXRjaC9pbmRleFwiO1xuZXhwb3J0ICogZnJvbSBcIi4vbGFiZWwtdmFsdWUvaW5kZXhcIjtcblxuLyoqXG4gKiBAZGVwcmVjYXRlZCBXaWxsIGJlIHJlbW92ZWQgb24gYSBtYWpvciB1cGRhdGVcbiAqL1xuZXhwb3J0ICogZnJvbSBcIi4vbnVtYmVyLWlucHV0L2luZGV4XCI7XG4iXX0=
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
export { PanelComponent } from "./panel.component";
|
|
2
2
|
export { PanelModule } from "./panel.module";
|
|
3
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
3
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290Ijoibmc6Ly9Ac2VuaW9yc2lzdGVtYXMvYW5ndWxhci1jb21wb25lbnRzLyIsInNvdXJjZXMiOlsiY29tcG9uZW50cy9wYW5lbC9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDbkQsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGdCQUFnQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHsgUGFuZWxDb21wb25lbnQgfSBmcm9tIFwiLi9wYW5lbC5jb21wb25lbnRcIjtcbmV4cG9ydCB7IFBhbmVsTW9kdWxlIH0gZnJvbSBcIi4vcGFuZWwubW9kdWxlXCI7XG4iXX0=
|
|
@@ -1,25 +1,45 @@
|
|
|
1
1
|
import { __decorate } from "tslib";
|
|
2
2
|
import { animate, style, transition, trigger } from "@angular/animations";
|
|
3
|
-
import { Component,
|
|
3
|
+
import { Component, ContentChildren, Input } from "@angular/core";
|
|
4
|
+
import { TemplateDirective } from "../template/template.directive";
|
|
4
5
|
import { EnumSeverity } from "../shared/models/enum-severity";
|
|
5
6
|
var PanelComponent = /** @class */ (function () {
|
|
6
7
|
function PanelComponent() {
|
|
7
|
-
this.
|
|
8
|
+
this.collapsable = false;
|
|
8
9
|
this.collapsed = false;
|
|
9
10
|
this.severity = EnumSeverity.Default;
|
|
10
|
-
this.collapsedChange = new EventEmitter();
|
|
11
11
|
this.EnumSeverity = EnumSeverity;
|
|
12
12
|
}
|
|
13
|
-
PanelComponent.prototype.
|
|
14
|
-
this.
|
|
15
|
-
this.collapsedChange.emit(this.collapsed);
|
|
13
|
+
PanelComponent.prototype.ngAfterContentInit = function () {
|
|
14
|
+
this._getTemplates();
|
|
16
15
|
};
|
|
16
|
+
PanelComponent.prototype._getCustomTemplate = function (type) {
|
|
17
|
+
var _a;
|
|
18
|
+
return (_a = this.templates.find(function (template) { return template.type === type; })) === null || _a === void 0 ? void 0 : _a.template;
|
|
19
|
+
};
|
|
20
|
+
PanelComponent.prototype.getHeaderTemplate = function () {
|
|
21
|
+
return this._getCustomTemplate("header");
|
|
22
|
+
};
|
|
23
|
+
PanelComponent.prototype.getBodyTemplate = function () {
|
|
24
|
+
return this._getCustomTemplate("body");
|
|
25
|
+
};
|
|
26
|
+
PanelComponent.prototype.getFooterTemplate = function () {
|
|
27
|
+
return this._getCustomTemplate("footer");
|
|
28
|
+
};
|
|
29
|
+
PanelComponent.prototype._getTemplates = function () {
|
|
30
|
+
this.headerTemplate = this.getHeaderTemplate();
|
|
31
|
+
this.bodyTemplate = this.getBodyTemplate();
|
|
32
|
+
this.footerTemplate = this.getFooterTemplate();
|
|
33
|
+
};
|
|
34
|
+
__decorate([
|
|
35
|
+
ContentChildren(TemplateDirective)
|
|
36
|
+
], PanelComponent.prototype, "templates", void 0);
|
|
17
37
|
__decorate([
|
|
18
38
|
Input()
|
|
19
39
|
], PanelComponent.prototype, "header", void 0);
|
|
20
40
|
__decorate([
|
|
21
41
|
Input()
|
|
22
|
-
], PanelComponent.prototype, "
|
|
42
|
+
], PanelComponent.prototype, "collapsable", void 0);
|
|
23
43
|
__decorate([
|
|
24
44
|
Input()
|
|
25
45
|
], PanelComponent.prototype, "collapsed", void 0);
|
|
@@ -29,13 +49,10 @@ var PanelComponent = /** @class */ (function () {
|
|
|
29
49
|
__decorate([
|
|
30
50
|
Input()
|
|
31
51
|
], PanelComponent.prototype, "borderButtonOptions", void 0);
|
|
32
|
-
__decorate([
|
|
33
|
-
Output()
|
|
34
|
-
], PanelComponent.prototype, "collapsedChange", void 0);
|
|
35
52
|
PanelComponent = __decorate([
|
|
36
53
|
Component({
|
|
37
54
|
selector: "s-panel",
|
|
38
|
-
template: "<
|
|
55
|
+
template: "<div\n class=\"panel\"\n [ngClass]=\"{\n 'panel--success': severity === EnumSeverity.Success,\n 'panel--info': severity === EnumSeverity.Info,\n 'panel--warn': severity === EnumSeverity.Warn,\n 'panel--error': severity === EnumSeverity.Error,\n 'panel--collapsed': collapsed\n }\">\n <s-border-button\n *ngIf=\"\n borderButtonOptions?.visible\n ? borderButtonOptions?.visible(severity)\n : false\n \"\n [severity]=\"severity\"\n [options]=\"borderButtonOptions\"\n class=\"border-button\"\n [@BorderButtonAnimation]\n ></s-border-button>\n\n <div class=\"header\">\n <ng-container *ngIf=\"headerTemplate; then customHeaderTemplate; else simpleHeaderTemplate\"></ng-container>\n <ng-template #customHeaderTemplate>\n <ng-container *ngTemplateOutlet=\"headerTemplate\"></ng-container>\n </ng-template>\n <ng-template #simpleHeaderTemplate>\n <span>{{ header }}</span>\n </ng-template>\n\n <button\n *ngIf=\"collapsable\"\n class=\"collapse-button fas\"\n [ngClass]=\"{\n 'fa-plus': collapsed,\n 'fa-minus': !collapsed\n }\"\n (click)=\"collapsed = !collapsed\">\n </button>\n </div>\n <div *ngIf=\"!collapsable || !collapsed\" class=\"panel-content\">\n <div class=\"body\">\n <ng-container *ngTemplateOutlet=\"bodyTemplate\"></ng-container>\n </div>\n <div *ngIf=\"footerTemplate\" class=\"footer\">\n <ng-container *ngTemplateOutlet=\"footerTemplate\"></ng-container>\n </div>\n </div>\n</div>",
|
|
39
56
|
animations: [
|
|
40
57
|
trigger("BorderButtonAnimation", [
|
|
41
58
|
transition(":enter", [
|
|
@@ -48,10 +65,10 @@ var PanelComponent = /** @class */ (function () {
|
|
|
48
65
|
]),
|
|
49
66
|
]),
|
|
50
67
|
],
|
|
51
|
-
styles: ["
|
|
68
|
+
styles: [".panel{background-color:#fff;border:1px solid #dedce5;padding:20px;position:relative;transition:border-color .5s}.panel .border-button{position:absolute;right:15px;top:-12px}.panel .header{border-bottom:1px solid #dedce5;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;padding-bottom:12px;text-transform:uppercase}.panel .header .collapse-button{background-color:transparent;border:none;color:#212533;cursor:pointer;height:24px;width:24px}.panel .panel-content .body{padding:20px 0}.panel .panel-content .footer{border-top:1px solid #dedce5;padding-top:12px}.panel--success{border-color:#0c9348}.panel--info{border-color:#428bca}.panel--warn{border-color:#f8931f}.panel--error{border-color:#c13018}.panel--collapsed .header{border:none;padding:0}"]
|
|
52
69
|
})
|
|
53
70
|
], PanelComponent);
|
|
54
71
|
return PanelComponent;
|
|
55
72
|
}());
|
|
56
73
|
export { PanelComponent };
|
|
57
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
74
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFuZWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQHNlbmlvcnNpc3RlbWFzL2FuZ3VsYXItY29tcG9uZW50cy8iLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvcGFuZWwvcGFuZWwuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUUsT0FBTyxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDMUUsT0FBTyxFQUFvQixTQUFTLEVBQUUsZUFBZSxFQUFFLEtBQUssRUFBMEIsTUFBTSxlQUFlLENBQUM7QUFHNUcsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZ0NBQWdDLENBQUM7QUFDbkUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBbUI5RDtJQUFBO1FBUVcsZ0JBQVcsR0FBRyxLQUFLLENBQUM7UUFHcEIsY0FBUyxHQUFHLEtBQUssQ0FBQztRQUd6QixhQUFRLEdBQUcsWUFBWSxDQUFDLE9BQU8sQ0FBQztRQUtoQixpQkFBWSxHQUFHLFlBQVksQ0FBQztJQStCaEQsQ0FBQztJQXpCVSwyQ0FBa0IsR0FBekI7UUFDSSxJQUFJLENBQUMsYUFBYSxFQUFFLENBQUM7SUFDekIsQ0FBQztJQUVPLDJDQUFrQixHQUExQixVQUEyQixJQUFZOztRQUNuQyxhQUFPLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLFVBQUMsUUFBMkIsSUFBSyxPQUFBLFFBQVEsQ0FBQyxJQUFJLEtBQUssSUFBSSxFQUF0QixDQUFzQixDQUFDLDBDQUFFLFFBQVEsQ0FBQztJQUNsRyxDQUFDO0lBRU8sMENBQWlCLEdBQXpCO1FBQ0ksT0FBTyxJQUFJLENBQUMsa0JBQWtCLENBQUMsUUFBUSxDQUFDLENBQUM7SUFDN0MsQ0FBQztJQUVPLHdDQUFlLEdBQXZCO1FBQ0ksT0FBTyxJQUFJLENBQUMsa0JBQWtCLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDM0MsQ0FBQztJQUVPLDBDQUFpQixHQUF6QjtRQUNJLE9BQU8sSUFBSSxDQUFDLGtCQUFrQixDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBQzdDLENBQUM7SUFFTyxzQ0FBYSxHQUFyQjtRQUNJLElBQUksQ0FBQyxjQUFjLEdBQUcsSUFBSSxDQUFDLGlCQUFpQixFQUFFLENBQUM7UUFDL0MsSUFBSSxDQUFDLFlBQVksR0FBRyxJQUFJLENBQUMsZUFBZSxFQUFFLENBQUM7UUFDM0MsSUFBSSxDQUFDLGNBQWMsR0FBRyxJQUFJLENBQUMsaUJBQWlCLEVBQUUsQ0FBQztJQUNuRCxDQUFDO0lBL0NEO1FBREMsZUFBZSxDQUFDLGlCQUFpQixDQUFDO3FEQUNZO0lBRy9DO1FBREMsS0FBSyxFQUFFO2tEQUNjO0lBR3RCO1FBREMsS0FBSyxFQUFFO3VEQUNtQjtJQUczQjtRQURDLEtBQUssRUFBRTtxREFDaUI7SUFHekI7UUFEQyxLQUFLLEVBQUU7b0RBQ3dCO0lBR2hDO1FBREMsS0FBSyxFQUFFOytEQUNpQztJQWpCaEMsY0FBYztRQWpCMUIsU0FBUyxDQUFDO1lBQ1AsUUFBUSxFQUFFLFNBQVM7WUFDbkIsNHREQUFxQztZQUVyQyxVQUFVLEVBQUU7Z0JBQ1IsT0FBTyxDQUFDLHVCQUF1QixFQUFFO29CQUM3QixVQUFVLENBQUMsUUFBUSxFQUFFO3dCQUNqQixLQUFLLENBQUMsRUFBRSxTQUFTLEVBQUUsV0FBVyxFQUFFLE9BQU8sRUFBRSxDQUFDLEVBQUUsQ0FBQzt3QkFDN0MsT0FBTyxDQUFDLFlBQVksRUFBRSxLQUFLLENBQUMsRUFBRSxTQUFTLEVBQUUsV0FBVyxFQUFFLE9BQU8sRUFBRSxDQUFDLEVBQUUsQ0FBQyxDQUFDO3FCQUN2RSxDQUFDO29CQUNGLFVBQVUsQ0FBQyxRQUFRLEVBQUU7d0JBQ2pCLEtBQUssQ0FBQyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFBRSxDQUFDO3dCQUM3QyxPQUFPLENBQUMsWUFBWSxFQUFFLEtBQUssQ0FBQyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFBRSxDQUFDLENBQUM7cUJBQ3ZFLENBQUM7aUJBQ0wsQ0FBQzthQUNMOztTQUNKLENBQUM7T0FDVyxjQUFjLENBa0QxQjtJQUFELHFCQUFDO0NBQUEsQUFsREQsSUFrREM7U0FsRFksY0FBYyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGFuaW1hdGUsIHN0eWxlLCB0cmFuc2l0aW9uLCB0cmlnZ2VyIH0gZnJvbSBcIkBhbmd1bGFyL2FuaW1hdGlvbnNcIjtcbmltcG9ydCB7IEFmdGVyQ29udGVudEluaXQsIENvbXBvbmVudCwgQ29udGVudENoaWxkcmVuLCBJbnB1dCwgUXVlcnlMaXN0LCBUZW1wbGF0ZVJlZiB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5cbmltcG9ydCB7IEJvcmRlckJ1dHRvbk9wdGlvbnMgfSBmcm9tIFwiLi4vc2hhcmVkXCI7XG5pbXBvcnQgeyBUZW1wbGF0ZURpcmVjdGl2ZSB9IGZyb20gXCIuLi90ZW1wbGF0ZS90ZW1wbGF0ZS5kaXJlY3RpdmVcIjtcbmltcG9ydCB7IEVudW1TZXZlcml0eSB9IGZyb20gXCIuLi9zaGFyZWQvbW9kZWxzL2VudW0tc2V2ZXJpdHlcIjtcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6IFwicy1wYW5lbFwiLFxuICAgIHRlbXBsYXRlVXJsOiBcIi4vcGFuZWwuY29tcG9uZW50Lmh0bWxcIixcbiAgICBzdHlsZVVybHM6IFtcIi4vcGFuZWwuY29tcG9uZW50LnNjc3NcIl0sXG4gICAgYW5pbWF0aW9uczogW1xuICAgICAgICB0cmlnZ2VyKFwiQm9yZGVyQnV0dG9uQW5pbWF0aW9uXCIsIFtcbiAgICAgICAgICAgIHRyYW5zaXRpb24oXCI6ZW50ZXJcIiwgW1xuICAgICAgICAgICAgICAgIHN0eWxlKHsgdHJhbnNmb3JtOiBcInNjYWxlWSgwKVwiLCBvcGFjaXR5OiAwIH0pLFxuICAgICAgICAgICAgICAgIGFuaW1hdGUoXCIzMDBtcyBlYXNlXCIsIHN0eWxlKHsgdHJhbnNmb3JtOiBcInNjYWxlWSgxKVwiLCBvcGFjaXR5OiAxIH0pKSxcbiAgICAgICAgICAgIF0pLFxuICAgICAgICAgICAgdHJhbnNpdGlvbihcIjpsZWF2ZVwiLCBbXG4gICAgICAgICAgICAgICAgc3R5bGUoeyB0cmFuc2Zvcm06IFwic2NhbGVZKDEpXCIsIG9wYWNpdHk6IDEgfSksXG4gICAgICAgICAgICAgICAgYW5pbWF0ZShcIjMwMG1zIGVhc2VcIiwgc3R5bGUoeyB0cmFuc2Zvcm06IFwic2NhbGVZKDApXCIsIG9wYWNpdHk6IDAgfSkpLFxuICAgICAgICAgICAgXSksXG4gICAgICAgIF0pLFxuICAgIF0sXG59KVxuZXhwb3J0IGNsYXNzIFBhbmVsQ29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJDb250ZW50SW5pdCB7XG4gICAgQENvbnRlbnRDaGlsZHJlbihUZW1wbGF0ZURpcmVjdGl2ZSlcbiAgICBwdWJsaWMgdGVtcGxhdGVzOiBRdWVyeUxpc3Q8VGVtcGxhdGVEaXJlY3RpdmU+O1xuXG4gICAgQElucHV0KClcbiAgICBwdWJsaWMgaGVhZGVyOiBzdHJpbmc7XG5cbiAgICBASW5wdXQoKVxuICAgIHB1YmxpYyBjb2xsYXBzYWJsZSA9IGZhbHNlO1xuXG4gICAgQElucHV0KClcbiAgICBwdWJsaWMgY29sbGFwc2VkID0gZmFsc2U7XG5cbiAgICBASW5wdXQoKVxuICAgIHNldmVyaXR5ID0gRW51bVNldmVyaXR5LkRlZmF1bHQ7XG5cbiAgICBASW5wdXQoKVxuICAgIGJvcmRlckJ1dHRvbk9wdGlvbnM6IEJvcmRlckJ1dHRvbk9wdGlvbnM7XG5cbiAgICBwdWJsaWMgcmVhZG9ubHkgRW51bVNldmVyaXR5ID0gRW51bVNldmVyaXR5O1xuXG4gICAgcHVibGljIGhlYWRlclRlbXBsYXRlOiBUZW1wbGF0ZVJlZjx1bmtub3duPjtcbiAgICBwdWJsaWMgYm9keVRlbXBsYXRlOiBUZW1wbGF0ZVJlZjx1bmtub3duPjtcbiAgICBwdWJsaWMgZm9vdGVyVGVtcGxhdGU6IFRlbXBsYXRlUmVmPHVua25vd24+O1xuXG4gICAgcHVibGljIG5nQWZ0ZXJDb250ZW50SW5pdCgpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5fZ2V0VGVtcGxhdGVzKCk7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBfZ2V0Q3VzdG9tVGVtcGxhdGUodHlwZTogc3RyaW5nKSB7XG4gICAgICAgIHJldHVybiB0aGlzLnRlbXBsYXRlcy5maW5kKCh0ZW1wbGF0ZTogVGVtcGxhdGVEaXJlY3RpdmUpID0+IHRlbXBsYXRlLnR5cGUgPT09IHR5cGUpPy50ZW1wbGF0ZTtcbiAgICB9XG5cbiAgICBwcml2YXRlIGdldEhlYWRlclRlbXBsYXRlKCk6IFRlbXBsYXRlUmVmPHVua25vd24+IHtcbiAgICAgICAgcmV0dXJuIHRoaXMuX2dldEN1c3RvbVRlbXBsYXRlKFwiaGVhZGVyXCIpO1xuICAgIH1cblxuICAgIHByaXZhdGUgZ2V0Qm9keVRlbXBsYXRlKCk6IFRlbXBsYXRlUmVmPHVua25vd24+IHtcbiAgICAgICAgcmV0dXJuIHRoaXMuX2dldEN1c3RvbVRlbXBsYXRlKFwiYm9keVwiKTtcbiAgICB9XG5cbiAgICBwcml2YXRlIGdldEZvb3RlclRlbXBsYXRlKCk6IFRlbXBsYXRlUmVmPHVua25vd24+IHtcbiAgICAgICAgcmV0dXJuIHRoaXMuX2dldEN1c3RvbVRlbXBsYXRlKFwiZm9vdGVyXCIpO1xuICAgIH1cblxuICAgIHByaXZhdGUgX2dldFRlbXBsYXRlcygpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5oZWFkZXJUZW1wbGF0ZSA9IHRoaXMuZ2V0SGVhZGVyVGVtcGxhdGUoKTtcbiAgICAgICAgdGhpcy5ib2R5VGVtcGxhdGUgPSB0aGlzLmdldEJvZHlUZW1wbGF0ZSgpO1xuICAgICAgICB0aGlzLmZvb3RlclRlbXBsYXRlID0gdGhpcy5nZXRGb290ZXJUZW1wbGF0ZSgpO1xuICAgIH1cbn1cbiJdfQ==
|
|
@@ -1,20 +1,20 @@
|
|
|
1
1
|
import { __decorate } from "tslib";
|
|
2
|
-
import { CommonModule } from "@angular/common";
|
|
3
2
|
import { NgModule } from "@angular/core";
|
|
4
|
-
import {
|
|
3
|
+
import { CommonModule } from "@angular/common";
|
|
5
4
|
import { PanelComponent } from "./panel.component";
|
|
6
5
|
import { BorderButtonModule } from "../shared/border-button/border-button.module";
|
|
6
|
+
import { TemplateModule } from "../template/template.module";
|
|
7
7
|
var PanelModule = /** @class */ (function () {
|
|
8
8
|
function PanelModule() {
|
|
9
9
|
}
|
|
10
10
|
PanelModule = __decorate([
|
|
11
11
|
NgModule({
|
|
12
|
-
imports: [CommonModule,
|
|
12
|
+
imports: [CommonModule, BorderButtonModule],
|
|
13
13
|
declarations: [PanelComponent],
|
|
14
|
-
exports: [PanelComponent],
|
|
14
|
+
exports: [PanelComponent, TemplateModule],
|
|
15
15
|
})
|
|
16
16
|
], PanelModule);
|
|
17
17
|
return PanelModule;
|
|
18
18
|
}());
|
|
19
19
|
export { PanelModule };
|
|
20
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
20
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFuZWwubW9kdWxlLmpzIiwic291cmNlUm9vdCI6Im5nOi8vQHNlbmlvcnNpc3RlbWFzL2FuZ3VsYXItY29tcG9uZW50cy8iLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvcGFuZWwvcGFuZWwubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUUvQyxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDbkQsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sOENBQThDLENBQUM7QUFDbEYsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBTzdEO0lBQUE7SUFBMEIsQ0FBQztJQUFkLFdBQVc7UUFMdkIsUUFBUSxDQUFDO1lBQ04sT0FBTyxFQUFFLENBQUMsWUFBWSxFQUFFLGtCQUFrQixDQUFDO1lBQzNDLFlBQVksRUFBRSxDQUFDLGNBQWMsQ0FBQztZQUM5QixPQUFPLEVBQUUsQ0FBQyxjQUFjLEVBQUUsY0FBYyxDQUFDO1NBQzVDLENBQUM7T0FDVyxXQUFXLENBQUc7SUFBRCxrQkFBQztDQUFBLEFBQTNCLElBQTJCO1NBQWQsV0FBVyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gXCJAYW5ndWxhci9jb21tb25cIjtcblxuaW1wb3J0IHsgUGFuZWxDb21wb25lbnQgfSBmcm9tIFwiLi9wYW5lbC5jb21wb25lbnRcIjtcbmltcG9ydCB7IEJvcmRlckJ1dHRvbk1vZHVsZSB9IGZyb20gXCIuLi9zaGFyZWQvYm9yZGVyLWJ1dHRvbi9ib3JkZXItYnV0dG9uLm1vZHVsZVwiO1xuaW1wb3J0IHsgVGVtcGxhdGVNb2R1bGUgfSBmcm9tIFwiLi4vdGVtcGxhdGUvdGVtcGxhdGUubW9kdWxlXCI7XG5cbkBOZ01vZHVsZSh7XG4gICAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgQm9yZGVyQnV0dG9uTW9kdWxlXSxcbiAgICBkZWNsYXJhdGlvbnM6IFtQYW5lbENvbXBvbmVudF0sXG4gICAgZXhwb3J0czogW1BhbmVsQ29tcG9uZW50LCBUZW1wbGF0ZU1vZHVsZV0sXG59KVxuZXhwb3J0IGNsYXNzIFBhbmVsTW9kdWxlIHt9XG4iXX0=
|
|
@@ -18,7 +18,7 @@ var BorderButtonComponent = /** @class */ (function () {
|
|
|
18
18
|
Component({
|
|
19
19
|
selector: "s-border-button",
|
|
20
20
|
template: "<button\n class=\"border-button\"\n [ngClass]=\"{\n 'border-button--severity-default': severity === EnumSeverity.Default,\n 'border-button--severity-info': severity === EnumSeverity.Info,\n 'border-button--severity-warn': severity === EnumSeverity.Warn,\n 'border-button--severity-error': severity === EnumSeverity.Error,\n 'border-button--severity-success': severity == EnumSeverity.Success,\n 'border-button--disabled': options?.disabled\n ? options?.disabled(severity)\n : false\n }\"\n (click)=\"options?.onClick ? options?.onClick(severity) : null\"\n [sTooltip]=\"options?.tooltip ? options?.tooltip(severity) : null\"\n [tooltipPosition]=\"TooltipPosition.Left\"\n [disabled]=\"options?.disabled ? options?.disabled(severity) : false\"\n>\n <span class=\"border-button__label\">\n {{ options?.label ? options?.label(severity) : null }}\n </span>\n <span\n *ngIf=\"options?.icon ? options?.icon(severity) : false\"\n class=\"border-button__icon {{ options?.icon(severity) }}\"\n ></span>\n</button>",
|
|
21
|
-
styles: [".border-button{padding:0 8px;border:1px solid;border-radius:12px;height:23px;max-width:320px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.border-button__label{font-family:Open Sans,sans-serif;font-size:12px;line-height:150%;width:100%;display:block;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.border-button__icon{font-size:12px;color:#333;margin-left:8px}.border-button--severity-default{border-color:#ccc;background-color:#fff}.border-button--severity-info{border-color:#428bca;background-color:#d5e8ec;transition:background-color .5s,border-color .5s}.border-button--severity-info:enabled:hover{background-color:#9ecad4;cursor:pointer}.border-button--severity-info:enabled:active{transition:none;background-color:#67acbc;border-color:#67acbc}.border-button--severity-warn{border-color:#f8931f;background-color:#fce3ba;transition:background-color .5s,border-color .5s}.border-button--severity-warn:enabled:hover{background-color:#f8bf5e;cursor:pointer}.border-button--severity-warn:enabled:active{transition:none;background-color:#f5a319;border-color:#f5a319}.border-button--severity-error{border-color:#c13018;background-color:#fcd2d2;transition:background-color .5s,border-color .5s}.border-button--severity-error:enabled:hover{background-color:#f89696;cursor:pointer}.border-button--severity-error:enabled:active{transition:none;background-color:#f45b5b;border-color:#f45b5b}.border-button--severity-success{border-color:#0c9348;background-color:#e6ffb3;transition:background-color .5s,border-color .5s}.border-button--severity-success:enabled:hover{background-color:#c8ff5c;cursor:pointer}.border-button--severity-success:enabled:active{transition:none;background-color:#ade500;border-color:#ade500}.border-button--disabled:disabled:hover{cursor:default}"]
|
|
21
|
+
styles: [".border-button{padding:0 8px;border:1px solid;border-radius:12px;height:23px;max-width:320px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;cursor:pointer}.border-button__label{font-family:Open Sans,sans-serif;font-size:12px;line-height:150%;width:100%;display:block;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.border-button__icon{font-size:12px;color:#333;margin-left:8px}.border-button--severity-default{border-color:#ccc;background-color:#fff}.border-button--severity-info{border-color:#428bca;background-color:#d5e8ec;transition:background-color .5s,border-color .5s}.border-button--severity-info:enabled:hover{background-color:#9ecad4;cursor:pointer}.border-button--severity-info:enabled:active{transition:none;background-color:#67acbc;border-color:#67acbc}.border-button--severity-warn{border-color:#f8931f;background-color:#fce3ba;transition:background-color .5s,border-color .5s}.border-button--severity-warn:enabled:hover{background-color:#f8bf5e;cursor:pointer}.border-button--severity-warn:enabled:active{transition:none;background-color:#f5a319;border-color:#f5a319}.border-button--severity-error{border-color:#c13018;background-color:#fcd2d2;transition:background-color .5s,border-color .5s}.border-button--severity-error:enabled:hover{background-color:#f89696;cursor:pointer}.border-button--severity-error:enabled:active{transition:none;background-color:#f45b5b;border-color:#f45b5b}.border-button--severity-success{border-color:#0c9348;background-color:#e6ffb3;transition:background-color .5s,border-color .5s}.border-button--severity-success:enabled:hover{background-color:#c8ff5c;cursor:pointer}.border-button--severity-success:enabled:active{transition:none;background-color:#ade500;border-color:#ade500}.border-button--disabled:disabled:hover{cursor:default}"]
|
|
22
22
|
})
|
|
23
23
|
], BorderButtonComponent);
|
|
24
24
|
return BorderButtonComponent;
|