@spicainternational/ngx-sds-components 2.28.2 → 2.30.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/esm2020/public-api.mjs +3 -1
- package/esm2020/src/lib/badge/badge.directive.mjs +88 -0
- package/esm2020/src/lib/badge/badge.module.mjs +29 -0
- package/esm2020/src/lib/badge/badge.types.mjs +2 -0
- package/esm2020/src/lib/badge/components/badge.component.mjs +59 -0
- package/esm2020/src/lib/badge/public-api.mjs +3 -0
- package/esm2020/src/lib/badge/spicainternational-ngx-sds-components-src-lib-badge.mjs +5 -0
- package/esm2020/src/lib/expansion-panel/expansion-panel.component.mjs +37 -11
- package/esm2020/src/lib/expansion-panel/expansion-panel.module.mjs +10 -10
- package/esm2020/src/lib/expansion-panel/expansion-panel.types.mjs +2 -0
- package/fesm2015/spicainternational-ngx-sds-components-src-lib-badge.mjs +176 -0
- package/fesm2015/spicainternational-ngx-sds-components-src-lib-badge.mjs.map +1 -0
- package/fesm2015/spicainternational-ngx-sds-components-src-lib-expansion-panel.mjs +44 -18
- package/fesm2015/spicainternational-ngx-sds-components-src-lib-expansion-panel.mjs.map +1 -1
- package/fesm2015/spicainternational-ngx-sds-components.mjs +2 -0
- package/fesm2015/spicainternational-ngx-sds-components.mjs.map +1 -1
- package/fesm2020/spicainternational-ngx-sds-components-src-lib-badge.mjs +176 -0
- package/fesm2020/spicainternational-ngx-sds-components-src-lib-badge.mjs.map +1 -0
- package/fesm2020/spicainternational-ngx-sds-components-src-lib-expansion-panel.mjs +44 -18
- package/fesm2020/spicainternational-ngx-sds-components-src-lib-expansion-panel.mjs.map +1 -1
- package/fesm2020/spicainternational-ngx-sds-components.mjs +2 -0
- package/fesm2020/spicainternational-ngx-sds-components.mjs.map +1 -1
- package/package.json +9 -1
- package/public-api.d.ts +2 -0
- package/src/lib/badge/badge.directive.d.ts +23 -0
- package/src/lib/badge/badge.module.d.ts +9 -0
- package/src/lib/badge/badge.types.d.ts +2 -0
- package/src/lib/badge/components/badge.component.d.ts +23 -0
- package/src/lib/badge/package.json +10 -0
- package/src/lib/badge/public-api.d.ts +2 -0
- package/src/lib/badge/spicainternational-ngx-sds-components-src-lib-badge.d.ts +5 -0
- package/src/lib/expansion-panel/expansion-panel.component.d.ts +21 -6
- package/src/lib/expansion-panel/expansion-panel.module.d.ts +4 -4
- package/src/lib/expansion-panel/expansion-panel.types.d.ts +1 -0
package/esm2020/public-api.mjs
CHANGED
|
@@ -3,8 +3,10 @@
|
|
|
3
3
|
*/
|
|
4
4
|
export * from '@spicainternational/ngx-sds-components/src/lib/app-switcher';
|
|
5
5
|
export * from '@spicainternational/ngx-sds-components/src/lib/avatar';
|
|
6
|
+
export * from '@spicainternational/ngx-sds-components/src/lib/badge';
|
|
6
7
|
export * from '@spicainternational/ngx-sds-components/src/lib/callout';
|
|
7
8
|
export * from '@spicainternational/ngx-sds-components/src/lib/color-picker';
|
|
9
|
+
export * from '@spicainternational/ngx-sds-components/src/lib/expansion-panel';
|
|
8
10
|
export * from '@spicainternational/ngx-sds-components/src/lib/date-picker';
|
|
9
11
|
export * from '@spicainternational/ngx-sds-components/src/lib/date-pipes';
|
|
10
12
|
export * from '@spicainternational/ngx-sds-components/src/lib/duration-pipe';
|
|
@@ -18,4 +20,4 @@ export * from '@spicainternational/ngx-sds-components/src/lib/quick-info';
|
|
|
18
20
|
export * from '@spicainternational/ngx-sds-components/src/lib/segmented-control';
|
|
19
21
|
export * from '@spicainternational/ngx-sds-components/src/lib/side-bar';
|
|
20
22
|
export * from '@spicainternational/ngx-sds-components/src/lib/tooltip';
|
|
21
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
23
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL25neC1zZHMtY29tcG9uZW50cy9zcmMvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsNkRBQTZELENBQUM7QUFDNUUsY0FBYyx1REFBdUQsQ0FBQztBQUN0RSxjQUFjLHNEQUFzRCxDQUFDO0FBQ3JFLGNBQWMsd0RBQXdELENBQUM7QUFDdkUsY0FBYyw2REFBNkQsQ0FBQztBQUM1RSxjQUFjLGdFQUFnRSxDQUFDO0FBQy9FLGNBQWMsNERBQTRELENBQUM7QUFDM0UsY0FBYywyREFBMkQsQ0FBQztBQUMxRSxjQUFjLDhEQUE4RCxDQUFDO0FBQzdFLGNBQWMsNkRBQTZELENBQUM7QUFDNUUsY0FBYyx1REFBdUQsQ0FBQztBQUN0RSxjQUFjLHNEQUFzRCxDQUFDO0FBQ3JFLGNBQWMsMkRBQTJELENBQUM7QUFDMUUsY0FBYyw0REFBNEQsQ0FBQztBQUMzRSxjQUFjLHFEQUFxRCxDQUFDO0FBQ3BFLGNBQWMsMkRBQTJELENBQUM7QUFDMUUsY0FBYyxrRUFBa0UsQ0FBQztBQUNqRixjQUFjLHlEQUF5RCxDQUFDO0FBQ3hFLGNBQWMsd0RBQXdELENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxyXG4gKiBQdWJsaWMgQVBJIFN1cmZhY2Ugb2Ygbmd4LXNkcy1jb21wb25lbnRzXHJcbiAqL1xyXG5cclxuZXhwb3J0ICogZnJvbSAnQHNwaWNhaW50ZXJuYXRpb25hbC9uZ3gtc2RzLWNvbXBvbmVudHMvc3JjL2xpYi9hcHAtc3dpdGNoZXInO1xyXG5leHBvcnQgKiBmcm9tICdAc3BpY2FpbnRlcm5hdGlvbmFsL25neC1zZHMtY29tcG9uZW50cy9zcmMvbGliL2F2YXRhcic7XHJcbmV4cG9ydCAqIGZyb20gJ0BzcGljYWludGVybmF0aW9uYWwvbmd4LXNkcy1jb21wb25lbnRzL3NyYy9saWIvYmFkZ2UnO1xyXG5leHBvcnQgKiBmcm9tICdAc3BpY2FpbnRlcm5hdGlvbmFsL25neC1zZHMtY29tcG9uZW50cy9zcmMvbGliL2NhbGxvdXQnO1xyXG5leHBvcnQgKiBmcm9tICdAc3BpY2FpbnRlcm5hdGlvbmFsL25neC1zZHMtY29tcG9uZW50cy9zcmMvbGliL2NvbG9yLXBpY2tlcic7XHJcbmV4cG9ydCAqIGZyb20gJ0BzcGljYWludGVybmF0aW9uYWwvbmd4LXNkcy1jb21wb25lbnRzL3NyYy9saWIvZXhwYW5zaW9uLXBhbmVsJztcclxuZXhwb3J0ICogZnJvbSAnQHNwaWNhaW50ZXJuYXRpb25hbC9uZ3gtc2RzLWNvbXBvbmVudHMvc3JjL2xpYi9kYXRlLXBpY2tlcic7XHJcbmV4cG9ydCAqIGZyb20gJ0BzcGljYWludGVybmF0aW9uYWwvbmd4LXNkcy1jb21wb25lbnRzL3NyYy9saWIvZGF0ZS1waXBlcyc7XHJcbmV4cG9ydCAqIGZyb20gJ0BzcGljYWludGVybmF0aW9uYWwvbmd4LXNkcy1jb21wb25lbnRzL3NyYy9saWIvZHVyYXRpb24tcGlwZSc7XHJcbmV4cG9ydCAqIGZyb20gJ0BzcGljYWludGVybmF0aW9uYWwvbmd4LXNkcy1jb21wb25lbnRzL3NyYy9saWIvZHVyYXRpb24tYm94JztcclxuZXhwb3J0ICogZnJvbSAnQHNwaWNhaW50ZXJuYXRpb25hbC9uZ3gtc2RzLWNvbXBvbmVudHMvc3JjL2xpYi9sYXlvdXQnO1xyXG5leHBvcnQgKiBmcm9tICdAc3BpY2FpbnRlcm5hdGlvbmFsL25neC1zZHMtY29tcG9uZW50cy9zcmMvbGliL21vZGFsJztcclxuZXhwb3J0ICogZnJvbSAnQHNwaWNhaW50ZXJuYXRpb25hbC9uZ3gtc2RzLWNvbXBvbmVudHMvc3JjL2xpYi9uYXZpZ2F0aW9uJztcclxuZXhwb3J0ICogZnJvbSAnQHNwaWNhaW50ZXJuYXRpb25hbC9uZ3gtc2RzLWNvbXBvbmVudHMvc3JjL2xpYi9wYWdlLWhlYWRlcic7XHJcbmV4cG9ydCAqIGZyb20gJ0BzcGljYWludGVybmF0aW9uYWwvbmd4LXNkcy1jb21wb25lbnRzL3NyYy9saWIvcGFuZSc7XHJcbmV4cG9ydCAqIGZyb20gJ0BzcGljYWludGVybmF0aW9uYWwvbmd4LXNkcy1jb21wb25lbnRzL3NyYy9saWIvcXVpY2staW5mbyc7XHJcbmV4cG9ydCAqIGZyb20gJ0BzcGljYWludGVybmF0aW9uYWwvbmd4LXNkcy1jb21wb25lbnRzL3NyYy9saWIvc2VnbWVudGVkLWNvbnRyb2wnO1xyXG5leHBvcnQgKiBmcm9tICdAc3BpY2FpbnRlcm5hdGlvbmFsL25neC1zZHMtY29tcG9uZW50cy9zcmMvbGliL3NpZGUtYmFyJztcclxuZXhwb3J0ICogZnJvbSAnQHNwaWNhaW50ZXJuYXRpb25hbC9uZ3gtc2RzLWNvbXBvbmVudHMvc3JjL2xpYi90b29sdGlwJztcclxuIl19
|
|
@@ -0,0 +1,88 @@
|
|
|
1
|
+
import { Directive, Input, } from '@angular/core';
|
|
2
|
+
import { SdsBadgeComponent } from './components/badge.component';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export class SdsBadgeDirective {
|
|
5
|
+
constructor(host, appRef, viewContainerRef) {
|
|
6
|
+
this.host = host;
|
|
7
|
+
this.appRef = appRef;
|
|
8
|
+
this.viewContainerRef = viewContainerRef;
|
|
9
|
+
this.sdsBadge = '';
|
|
10
|
+
this.size = 'default';
|
|
11
|
+
this.variant = 'primary';
|
|
12
|
+
this.badgeComponentRef = null;
|
|
13
|
+
}
|
|
14
|
+
ngAfterViewInit() {
|
|
15
|
+
this.initializeBadge();
|
|
16
|
+
}
|
|
17
|
+
ngOnInit() {
|
|
18
|
+
const observer = new ResizeObserver(_ => {
|
|
19
|
+
if (this.badgeComponentRef) {
|
|
20
|
+
this.setBadgePosition();
|
|
21
|
+
// this.badgeComponentRef.instance.left = this.host.nativeElement.offsetWidth;
|
|
22
|
+
}
|
|
23
|
+
});
|
|
24
|
+
observer.observe(this.host.nativeElement);
|
|
25
|
+
}
|
|
26
|
+
;
|
|
27
|
+
ngOnChanges(changes) {
|
|
28
|
+
if (changes['sdsBadge'] && !changes['sdsBadge'].firstChange) {
|
|
29
|
+
const value = `${changes['sdsBadge'].currentValue}`.trim();
|
|
30
|
+
if (value?.length > 0) {
|
|
31
|
+
this.initializeBadge();
|
|
32
|
+
}
|
|
33
|
+
else {
|
|
34
|
+
this.destroyBadgeComponentRef();
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
ngOnDestroy() {
|
|
39
|
+
this.observer.unobserve(this.host.nativeElement);
|
|
40
|
+
this.observer.disconnect();
|
|
41
|
+
this.destroyBadgeComponentRef();
|
|
42
|
+
}
|
|
43
|
+
initializeBadge() {
|
|
44
|
+
if (this.badgeComponentRef === null) {
|
|
45
|
+
if (this.sdsBadge) {
|
|
46
|
+
this.badgeComponentRef = this.viewContainerRef.createComponent(SdsBadgeComponent);
|
|
47
|
+
this.badgeComponentRef.instance.text = this.sdsBadge;
|
|
48
|
+
this.badgeComponentRef.instance.variant = this.variant;
|
|
49
|
+
this.badgeComponentRef.instance.size = this.size;
|
|
50
|
+
this.setBadgePosition();
|
|
51
|
+
}
|
|
52
|
+
}
|
|
53
|
+
else {
|
|
54
|
+
this.badgeComponentRef.instance.text = this.sdsBadge;
|
|
55
|
+
this.badgeComponentRef.instance.variant = this.variant;
|
|
56
|
+
this.badgeComponentRef.instance.size = this.size;
|
|
57
|
+
this.setBadgePosition();
|
|
58
|
+
}
|
|
59
|
+
}
|
|
60
|
+
destroyBadgeComponentRef() {
|
|
61
|
+
if (this.badgeComponentRef !== null) {
|
|
62
|
+
this.appRef.detachView(this.badgeComponentRef.hostView);
|
|
63
|
+
this.badgeComponentRef.destroy();
|
|
64
|
+
this.badgeComponentRef = null;
|
|
65
|
+
}
|
|
66
|
+
}
|
|
67
|
+
setBadgePosition() {
|
|
68
|
+
if (this.badgeComponentRef) {
|
|
69
|
+
this.badgeComponentRef.instance.left = this.host.nativeElement.offsetLeft + this.host.nativeElement.offsetWidth;
|
|
70
|
+
console.log(`offsetLeft ${this.host.nativeElement.offsetLeft}, offsetWidth: ${this.host.nativeElement.offsetWidth}`);
|
|
71
|
+
}
|
|
72
|
+
}
|
|
73
|
+
}
|
|
74
|
+
SdsBadgeDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsBadgeDirective, deps: [{ token: i0.ElementRef }, { token: i0.ApplicationRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
75
|
+
SdsBadgeDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.1", type: SdsBadgeDirective, selector: "[sdsBadge]", inputs: { sdsBadge: "sdsBadge", size: "size", variant: "variant" }, usesOnChanges: true, ngImport: i0 });
|
|
76
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsBadgeDirective, decorators: [{
|
|
77
|
+
type: Directive,
|
|
78
|
+
args: [{
|
|
79
|
+
selector: '[sdsBadge]',
|
|
80
|
+
}]
|
|
81
|
+
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ApplicationRef }, { type: i0.ViewContainerRef }]; }, propDecorators: { sdsBadge: [{
|
|
82
|
+
type: Input
|
|
83
|
+
}], size: [{
|
|
84
|
+
type: Input
|
|
85
|
+
}], variant: [{
|
|
86
|
+
type: Input
|
|
87
|
+
}] } });
|
|
88
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFkZ2UuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXNkcy1jb21wb25lbnRzL3NyYy9saWIvYmFkZ2UvYmFkZ2UuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFJSCxTQUFTLEVBRVQsS0FBSyxHQU1SLE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLDhCQUE4QixDQUFDOztBQUtqRSxNQUFNLE9BQU8saUJBQWlCO0lBUTFCLFlBQ1ksSUFBZ0IsRUFDaEIsTUFBc0IsRUFDdEIsZ0JBQWtDO1FBRmxDLFNBQUksR0FBSixJQUFJLENBQVk7UUFDaEIsV0FBTSxHQUFOLE1BQU0sQ0FBZ0I7UUFDdEIscUJBQWdCLEdBQWhCLGdCQUFnQixDQUFrQjtRQVZyQyxhQUFRLEdBQUcsRUFBRSxDQUFDO1FBQ2QsU0FBSSxHQUFjLFNBQVMsQ0FBQztRQUM1QixZQUFPLEdBQWlCLFNBQVMsQ0FBQztRQUVuQyxzQkFBaUIsR0FBNkIsSUFBSSxDQUFDO0lBT3hELENBQUM7SUFFSixlQUFlO1FBQ1gsSUFBSSxDQUFDLGVBQWUsRUFBRSxDQUFDO0lBQzNCLENBQUM7SUFFRCxRQUFRO1FBQ0osTUFBTSxRQUFRLEdBQUcsSUFBSSxjQUFjLENBQUMsQ0FBQyxDQUFDLEVBQUU7WUFDcEMsSUFBSSxJQUFJLENBQUMsaUJBQWlCLEVBQUU7Z0JBQ3hCLElBQUksQ0FBQyxnQkFBZ0IsRUFBRSxDQUFDO2dCQUN4Qiw4RUFBOEU7YUFDakY7UUFDTCxDQUFDLENBQUMsQ0FBQztRQUVILFFBQVEsQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQztJQUM5QyxDQUFDO0lBQUEsQ0FBQztJQUVGLFdBQVcsQ0FBQyxPQUFzQjtRQUM5QixJQUFJLE9BQU8sQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxVQUFVLENBQUMsQ0FBQyxXQUFXLEVBQUU7WUFDekQsTUFBTSxLQUFLLEdBQUcsR0FBRyxPQUFPLENBQUMsVUFBVSxDQUFDLENBQUMsWUFBWSxFQUFFLENBQUMsSUFBSSxFQUFFLENBQUM7WUFDM0QsSUFBSSxLQUFLLEVBQUUsTUFBTSxHQUFHLENBQUMsRUFBRTtnQkFDbkIsSUFBSSxDQUFDLGVBQWUsRUFBRSxDQUFDO2FBQzFCO2lCQUFNO2dCQUNILElBQUksQ0FBQyx3QkFBd0IsRUFBRSxDQUFDO2FBQ25DO1NBQ0o7SUFDTCxDQUFDO0lBRUQsV0FBVztRQUNQLElBQUksQ0FBQyxRQUFRLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUM7UUFDakQsSUFBSSxDQUFDLFFBQVEsQ0FBQyxVQUFVLEVBQUUsQ0FBQztRQUUzQixJQUFJLENBQUMsd0JBQXdCLEVBQUUsQ0FBQztJQUNwQyxDQUFDO0lBRU8sZUFBZTtRQUNuQixJQUFJLElBQUksQ0FBQyxpQkFBaUIsS0FBSyxJQUFJLEVBQUU7WUFDakMsSUFBSSxJQUFJLENBQUMsUUFBUSxFQUFFO2dCQUNmLElBQUksQ0FBQyxpQkFBaUIsR0FBRyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsZUFBZSxDQUFDLGlCQUFpQixDQUFDLENBQUM7Z0JBQ2xGLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxRQUFRLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUM7Z0JBQ3JELElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxRQUFRLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUM7Z0JBQ3ZELElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxRQUFRLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUM7Z0JBRWpELElBQUksQ0FBQyxnQkFBZ0IsRUFBRSxDQUFDO2FBQzNCO1NBQ0o7YUFBTTtZQUNILElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxRQUFRLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUM7WUFDckQsSUFBSSxDQUFDLGlCQUFpQixDQUFDLFFBQVEsQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQztZQUN2RCxJQUFJLENBQUMsaUJBQWlCLENBQUMsUUFBUSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDO1lBRWpELElBQUksQ0FBQyxnQkFBZ0IsRUFBRSxDQUFDO1NBQzNCO0lBQ0wsQ0FBQztJQUVPLHdCQUF3QjtRQUM1QixJQUFJLElBQUksQ0FBQyxpQkFBaUIsS0FBSyxJQUFJLEVBQUU7WUFDakMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLGlCQUFpQixDQUFDLFFBQVEsQ0FBQyxDQUFDO1lBQ3hELElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxPQUFPLEVBQUUsQ0FBQztZQUNqQyxJQUFJLENBQUMsaUJBQWlCLEdBQUcsSUFBSSxDQUFDO1NBQ2pDO0lBQ0wsQ0FBQztJQUVPLGdCQUFnQjtRQUNwQixJQUFJLElBQUksQ0FBQyxpQkFBaUIsRUFBRTtZQUN4QixJQUFJLENBQUMsaUJBQWlCLENBQUMsUUFBUSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxhQUFhLENBQUMsV0FBVyxDQUFDO1lBQ2hILE9BQU8sQ0FBQyxHQUFHLENBQUMsY0FBYyxJQUFJLENBQUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxVQUFVLGtCQUFrQixJQUFJLENBQUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxXQUFXLEVBQUUsQ0FBQyxDQUFDO1NBQ3hIO0lBQ0wsQ0FBQzs7OEdBL0VRLGlCQUFpQjtrR0FBakIsaUJBQWlCOzJGQUFqQixpQkFBaUI7a0JBSDdCLFNBQVM7bUJBQUM7b0JBQ1AsUUFBUSxFQUFFLFlBQVk7aUJBQ3pCOzZKQUVZLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XHJcbiAgICBBZnRlclZpZXdJbml0LFxyXG4gICAgQXBwbGljYXRpb25SZWYsXHJcbiAgICBDb21wb25lbnRSZWYsXHJcbiAgICBEaXJlY3RpdmUsXHJcbiAgICBFbGVtZW50UmVmLFxyXG4gICAgSW5wdXQsXHJcbiAgICBPbkNoYW5nZXMsXHJcbiAgICBPbkRlc3Ryb3ksXHJcbiAgICBPbkluaXQsXHJcbiAgICBTaW1wbGVDaGFuZ2VzLFxyXG4gICAgVmlld0NvbnRhaW5lclJlZixcclxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQmFkZ2VTaXplLCBCYWRnZVZhcmlhbnQgfSBmcm9tICcuL2JhZGdlLnR5cGVzJztcclxuaW1wb3J0IHsgU2RzQmFkZ2VDb21wb25lbnQgfSBmcm9tICcuL2NvbXBvbmVudHMvYmFkZ2UuY29tcG9uZW50JztcclxuXHJcbkBEaXJlY3RpdmUoe1xyXG4gICAgc2VsZWN0b3I6ICdbc2RzQmFkZ2VdJyxcclxufSlcclxuZXhwb3J0IGNsYXNzIFNkc0JhZGdlRGlyZWN0aXZlIGltcGxlbWVudHMgT25Jbml0LCBPbkNoYW5nZXMsIE9uRGVzdHJveSwgQWZ0ZXJWaWV3SW5pdCB7XHJcbiAgICBASW5wdXQoKSBzZHNCYWRnZSA9ICcnO1xyXG4gICAgQElucHV0KCkgc2l6ZTogQmFkZ2VTaXplID0gJ2RlZmF1bHQnO1xyXG4gICAgQElucHV0KCkgdmFyaWFudDogQmFkZ2VWYXJpYW50ID0gJ3ByaW1hcnknO1xyXG5cclxuICAgIHByaXZhdGUgYmFkZ2VDb21wb25lbnRSZWY6IENvbXBvbmVudFJlZjxhbnk+IHwgbnVsbCA9IG51bGw7XHJcbiAgICBwcml2YXRlIG9ic2VydmVyOiBhbnk7IC8vUmVzaXplT2JzZXJ2ZXIgPSBudWxsO1xyXG5cclxuICAgIGNvbnN0cnVjdG9yKFxyXG4gICAgICAgIHByaXZhdGUgaG9zdDogRWxlbWVudFJlZixcclxuICAgICAgICBwcml2YXRlIGFwcFJlZjogQXBwbGljYXRpb25SZWYsXHJcbiAgICAgICAgcHJpdmF0ZSB2aWV3Q29udGFpbmVyUmVmOiBWaWV3Q29udGFpbmVyUmVmXHJcbiAgICApIHt9XHJcblxyXG4gICAgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xyXG4gICAgICAgIHRoaXMuaW5pdGlhbGl6ZUJhZGdlKCk7XHJcbiAgICB9XHJcblxyXG4gICAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICAgICAgY29uc3Qgb2JzZXJ2ZXIgPSBuZXcgUmVzaXplT2JzZXJ2ZXIoXyA9PiB7XHJcbiAgICAgICAgICAgIGlmICh0aGlzLmJhZGdlQ29tcG9uZW50UmVmKSB7XHJcbiAgICAgICAgICAgICAgICB0aGlzLnNldEJhZGdlUG9zaXRpb24oKTtcclxuICAgICAgICAgICAgICAgIC8vIHRoaXMuYmFkZ2VDb21wb25lbnRSZWYuaW5zdGFuY2UubGVmdCA9IHRoaXMuaG9zdC5uYXRpdmVFbGVtZW50Lm9mZnNldFdpZHRoO1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgfSk7XHJcbiAgICAgIFxyXG4gICAgICAgIG9ic2VydmVyLm9ic2VydmUodGhpcy5ob3N0Lm5hdGl2ZUVsZW1lbnQpO1xyXG4gICAgfTsgICAgXHJcblxyXG4gICAgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcyk6IHZvaWQge1xyXG4gICAgICAgIGlmIChjaGFuZ2VzWydzZHNCYWRnZSddICYmICFjaGFuZ2VzWydzZHNCYWRnZSddLmZpcnN0Q2hhbmdlKSB7XHJcbiAgICAgICAgICAgIGNvbnN0IHZhbHVlID0gYCR7Y2hhbmdlc1snc2RzQmFkZ2UnXS5jdXJyZW50VmFsdWV9YC50cmltKCk7XHJcbiAgICAgICAgICAgIGlmICh2YWx1ZT8ubGVuZ3RoID4gMCkge1xyXG4gICAgICAgICAgICAgICAgdGhpcy5pbml0aWFsaXplQmFkZ2UoKTtcclxuICAgICAgICAgICAgfSBlbHNlIHtcclxuICAgICAgICAgICAgICAgIHRoaXMuZGVzdHJveUJhZGdlQ29tcG9uZW50UmVmKCk7XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICB9XHJcbiAgICB9XHJcblxyXG4gICAgbmdPbkRlc3Ryb3koKSB7XHJcbiAgICAgICAgdGhpcy5vYnNlcnZlci51bm9ic2VydmUodGhpcy5ob3N0Lm5hdGl2ZUVsZW1lbnQpO1xyXG4gICAgICAgIHRoaXMub2JzZXJ2ZXIuZGlzY29ubmVjdCgpO1xyXG5cclxuICAgICAgICB0aGlzLmRlc3Ryb3lCYWRnZUNvbXBvbmVudFJlZigpO1xyXG4gICAgfVxyXG5cclxuICAgIHByaXZhdGUgaW5pdGlhbGl6ZUJhZGdlKCkge1xyXG4gICAgICAgIGlmICh0aGlzLmJhZGdlQ29tcG9uZW50UmVmID09PSBudWxsKSB7XHJcbiAgICAgICAgICAgIGlmICh0aGlzLnNkc0JhZGdlKSB7XHJcbiAgICAgICAgICAgICAgICB0aGlzLmJhZGdlQ29tcG9uZW50UmVmID0gdGhpcy52aWV3Q29udGFpbmVyUmVmLmNyZWF0ZUNvbXBvbmVudChTZHNCYWRnZUNvbXBvbmVudCk7XHJcbiAgICAgICAgICAgICAgICB0aGlzLmJhZGdlQ29tcG9uZW50UmVmLmluc3RhbmNlLnRleHQgPSB0aGlzLnNkc0JhZGdlO1xyXG4gICAgICAgICAgICAgICAgdGhpcy5iYWRnZUNvbXBvbmVudFJlZi5pbnN0YW5jZS52YXJpYW50ID0gdGhpcy52YXJpYW50O1xyXG4gICAgICAgICAgICAgICAgdGhpcy5iYWRnZUNvbXBvbmVudFJlZi5pbnN0YW5jZS5zaXplID0gdGhpcy5zaXplO1xyXG5cclxuICAgICAgICAgICAgICAgIHRoaXMuc2V0QmFkZ2VQb3NpdGlvbigpO1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgfSBlbHNlIHtcclxuICAgICAgICAgICAgdGhpcy5iYWRnZUNvbXBvbmVudFJlZi5pbnN0YW5jZS50ZXh0ID0gdGhpcy5zZHNCYWRnZTtcclxuICAgICAgICAgICAgdGhpcy5iYWRnZUNvbXBvbmVudFJlZi5pbnN0YW5jZS52YXJpYW50ID0gdGhpcy52YXJpYW50O1xyXG4gICAgICAgICAgICB0aGlzLmJhZGdlQ29tcG9uZW50UmVmLmluc3RhbmNlLnNpemUgPSB0aGlzLnNpemU7XHJcblxyXG4gICAgICAgICAgICB0aGlzLnNldEJhZGdlUG9zaXRpb24oKTtcclxuICAgICAgICB9XHJcbiAgICB9XHJcblxyXG4gICAgcHJpdmF0ZSBkZXN0cm95QmFkZ2VDb21wb25lbnRSZWYoKXtcclxuICAgICAgICBpZiAodGhpcy5iYWRnZUNvbXBvbmVudFJlZiAhPT0gbnVsbCkge1xyXG4gICAgICAgICAgICB0aGlzLmFwcFJlZi5kZXRhY2hWaWV3KHRoaXMuYmFkZ2VDb21wb25lbnRSZWYuaG9zdFZpZXcpO1xyXG4gICAgICAgICAgICB0aGlzLmJhZGdlQ29tcG9uZW50UmVmLmRlc3Ryb3koKTtcclxuICAgICAgICAgICAgdGhpcy5iYWRnZUNvbXBvbmVudFJlZiA9IG51bGw7XHJcbiAgICAgICAgfSAgICAgICAgXHJcbiAgICB9XHJcblxyXG4gICAgcHJpdmF0ZSBzZXRCYWRnZVBvc2l0aW9uKCl7XHJcbiAgICAgICAgaWYgKHRoaXMuYmFkZ2VDb21wb25lbnRSZWYpIHtcclxuICAgICAgICAgICAgdGhpcy5iYWRnZUNvbXBvbmVudFJlZi5pbnN0YW5jZS5sZWZ0ID0gdGhpcy5ob3N0Lm5hdGl2ZUVsZW1lbnQub2Zmc2V0TGVmdCArIHRoaXMuaG9zdC5uYXRpdmVFbGVtZW50Lm9mZnNldFdpZHRoO1xyXG4gICAgICAgICAgICBjb25zb2xlLmxvZyhgb2Zmc2V0TGVmdCAke3RoaXMuaG9zdC5uYXRpdmVFbGVtZW50Lm9mZnNldExlZnR9LCBvZmZzZXRXaWR0aDogJHt0aGlzLmhvc3QubmF0aXZlRWxlbWVudC5vZmZzZXRXaWR0aH1gKTtcclxuICAgICAgICB9XHJcbiAgICB9XHJcblxyXG59XHJcbiJdfQ==
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { NgModule } from '@angular/core';
|
|
2
|
+
import { CommonModule } from '@angular/common';
|
|
3
|
+
import { SdsBadgeDirective } from './badge.directive';
|
|
4
|
+
import { SdsBadgeComponent } from './components/badge.component';
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
export class SdsBadgeModule {
|
|
7
|
+
}
|
|
8
|
+
SdsBadgeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsBadgeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
9
|
+
SdsBadgeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsBadgeModule, declarations: [SdsBadgeDirective,
|
|
10
|
+
SdsBadgeComponent], imports: [CommonModule], exports: [SdsBadgeDirective] });
|
|
11
|
+
SdsBadgeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsBadgeModule, imports: [[
|
|
12
|
+
CommonModule
|
|
13
|
+
]] });
|
|
14
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsBadgeModule, decorators: [{
|
|
15
|
+
type: NgModule,
|
|
16
|
+
args: [{
|
|
17
|
+
declarations: [
|
|
18
|
+
SdsBadgeDirective,
|
|
19
|
+
SdsBadgeComponent
|
|
20
|
+
],
|
|
21
|
+
imports: [
|
|
22
|
+
CommonModule
|
|
23
|
+
],
|
|
24
|
+
exports: [
|
|
25
|
+
SdsBadgeDirective
|
|
26
|
+
]
|
|
27
|
+
}]
|
|
28
|
+
}] });
|
|
29
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFkZ2UubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXNkcy1jb21wb25lbnRzL3NyYy9saWIvYmFkZ2UvYmFkZ2UubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQ3RELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLDhCQUE4QixDQUFDOztBQWdCakUsTUFBTSxPQUFPLGNBQWM7OzJHQUFkLGNBQWM7NEdBQWQsY0FBYyxpQkFWdkIsaUJBQWlCO1FBQ2pCLGlCQUFpQixhQUdqQixZQUFZLGFBR1osaUJBQWlCOzRHQUdSLGNBQWMsWUFQaEI7WUFDUCxZQUFZO1NBQ2I7MkZBS1UsY0FBYztrQkFaMUIsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUU7d0JBQ1osaUJBQWlCO3dCQUNqQixpQkFBaUI7cUJBQ2xCO29CQUNELE9BQU8sRUFBRTt3QkFDUCxZQUFZO3FCQUNiO29CQUNELE9BQU8sRUFBRTt3QkFDUCxpQkFBaUI7cUJBQ2xCO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgU2RzQmFkZ2VEaXJlY3RpdmUgfSBmcm9tICcuL2JhZGdlLmRpcmVjdGl2ZSc7XHJcbmltcG9ydCB7IFNkc0JhZGdlQ29tcG9uZW50IH0gZnJvbSAnLi9jb21wb25lbnRzL2JhZGdlLmNvbXBvbmVudCc7XHJcblxyXG5cclxuXHJcbkBOZ01vZHVsZSh7XHJcbiAgZGVjbGFyYXRpb25zOiBbXHJcbiAgICBTZHNCYWRnZURpcmVjdGl2ZSxcclxuICAgIFNkc0JhZGdlQ29tcG9uZW50XHJcbiAgXSxcclxuICBpbXBvcnRzOiBbXHJcbiAgICBDb21tb25Nb2R1bGVcclxuICBdLFxyXG4gIGV4cG9ydHM6IFtcclxuICAgIFNkc0JhZGdlRGlyZWN0aXZlXHJcbiAgXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgU2RzQmFkZ2VNb2R1bGUgeyB9XHJcbiJdfQ==
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export {};
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFkZ2UudHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtc2RzLWNvbXBvbmVudHMvc3JjL2xpYi9iYWRnZS9iYWRnZS50eXBlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHR5cGUgQmFkZ2VWYXJpYW50ID0gJ3ByaW1hcnknIHwgJ3NlY29uZGFyeSc7XHJcblxyXG5leHBvcnQgdHlwZSBCYWRnZVNpemUgPSAnZGVmYXVsdCcgfCAnc21hbGwnOyJdfQ==
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
import { ChangeDetectionStrategy, Component } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@angular/common";
|
|
4
|
+
export class SdsBadgeComponent {
|
|
5
|
+
constructor(cdRef) {
|
|
6
|
+
this.cdRef = cdRef;
|
|
7
|
+
this._text = '';
|
|
8
|
+
this._size = 'default';
|
|
9
|
+
this._variant = 'primary';
|
|
10
|
+
this._left = 0;
|
|
11
|
+
}
|
|
12
|
+
get text() {
|
|
13
|
+
return this._text;
|
|
14
|
+
}
|
|
15
|
+
set text(value) {
|
|
16
|
+
if (this._text !== value) {
|
|
17
|
+
this._text = value;
|
|
18
|
+
this.refresh();
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
get size() {
|
|
22
|
+
return this._size;
|
|
23
|
+
}
|
|
24
|
+
set size(value) {
|
|
25
|
+
if (this._size !== value) {
|
|
26
|
+
this._size = value;
|
|
27
|
+
this.refresh();
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
get variant() {
|
|
31
|
+
return this._variant;
|
|
32
|
+
}
|
|
33
|
+
set variant(value) {
|
|
34
|
+
if (this._variant !== value) {
|
|
35
|
+
this._variant = value;
|
|
36
|
+
this.refresh();
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
get left() {
|
|
40
|
+
return this._left;
|
|
41
|
+
}
|
|
42
|
+
set left(value) {
|
|
43
|
+
if (this._left !== value) {
|
|
44
|
+
this._left = value;
|
|
45
|
+
this.refresh();
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
ngOnInit() { }
|
|
49
|
+
refresh() {
|
|
50
|
+
this.cdRef.detectChanges();
|
|
51
|
+
}
|
|
52
|
+
}
|
|
53
|
+
SdsBadgeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsBadgeComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
54
|
+
SdsBadgeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", type: SdsBadgeComponent, selector: "sds-badge", ngImport: i0, template: "<div \r\n class=\"sds-badge\"\r\n [class.primary]=\"variant==='primary'\"\r\n [class.secondary]=\"variant==='secondary'\"\r\n [style.left.px]=\"left\"\r\n [class.default]=\"size === 'default'\"\r\n [class.small]=\"size === 'small'\"\r\n title=\"test\"\r\n\r\n >\r\n <span *ngIf=\"size=='default'\">{{text}}</span>\r\n</div>\r\n", styles: [":host{position:absolute}.sds-badge{position:relative;display:flex;justify-content:center;align-items:center;color:#fff;font-size:.8rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;border-radius:1.3rem;border-width:1px;border-style:solid;border-color:#fff;cursor:default;transform:translate(calc(-50% - 1px),-50%)}.sds-badge.default{line-height:1.3rem;min-width:calc(1.3rem + 2px);padding-left:.3rem;padding-right:.3rem}.sds-badge.small{height:.75rem;width:.75rem}.sds-badge.primary{background-color:#3b8fc2}.sds-badge.secondary{border-color:#ced4da;background-color:#fff;color:#000}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
55
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsBadgeComponent, decorators: [{
|
|
56
|
+
type: Component,
|
|
57
|
+
args: [{ selector: 'sds-badge', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div \r\n class=\"sds-badge\"\r\n [class.primary]=\"variant==='primary'\"\r\n [class.secondary]=\"variant==='secondary'\"\r\n [style.left.px]=\"left\"\r\n [class.default]=\"size === 'default'\"\r\n [class.small]=\"size === 'small'\"\r\n title=\"test\"\r\n\r\n >\r\n <span *ngIf=\"size=='default'\">{{text}}</span>\r\n</div>\r\n", styles: [":host{position:absolute}.sds-badge{position:relative;display:flex;justify-content:center;align-items:center;color:#fff;font-size:.8rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;border-radius:1.3rem;border-width:1px;border-style:solid;border-color:#fff;cursor:default;transform:translate(calc(-50% - 1px),-50%)}.sds-badge.default{line-height:1.3rem;min-width:calc(1.3rem + 2px);padding-left:.3rem;padding-right:.3rem}.sds-badge.small{height:.75rem;width:.75rem}.sds-badge.primary{background-color:#3b8fc2}.sds-badge.secondary{border-color:#ced4da;background-color:#fff;color:#000}\n"] }]
|
|
58
|
+
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; } });
|
|
59
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFkZ2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXNkcy1jb21wb25lbnRzL3NyYy9saWIvYmFkZ2UvY29tcG9uZW50cy9iYWRnZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtc2RzLWNvbXBvbmVudHMvc3JjL2xpYi9iYWRnZS9jb21wb25lbnRzL2JhZGdlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBcUIsU0FBUyxFQUFVLE1BQU0sZUFBZSxDQUFDOzs7QUFTOUYsTUFBTSxPQUFPLGlCQUFpQjtJQXNEMUIsWUFDcUIsS0FBd0I7UUFBeEIsVUFBSyxHQUFMLEtBQUssQ0FBbUI7UUF0RHJDLFVBQUssR0FBVyxFQUFFLENBQUM7UUFDbkIsVUFBSyxHQUFjLFNBQVMsQ0FBQztRQUM3QixhQUFRLEdBQWlCLFNBQVMsQ0FBQztRQUNuQyxVQUFLLEdBQVcsQ0FBQyxDQUFDO0lBb0R2QixDQUFDO0lBakRKLElBQVcsSUFBSTtRQUNYLE9BQU8sSUFBSSxDQUFDLEtBQUssQ0FBQztJQUN0QixDQUFDO0lBRUQsSUFBVyxJQUFJLENBQUMsS0FBYTtRQUN6QixJQUFJLElBQUksQ0FBQyxLQUFLLEtBQUssS0FBSyxFQUFFO1lBQ3RCLElBQUksQ0FBQyxLQUFLLEdBQUcsS0FBSyxDQUFDO1lBQ25CLElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQztTQUNsQjtJQUNMLENBQUM7SUFFRCxJQUFXLElBQUk7UUFDWCxPQUFPLElBQUksQ0FBQyxLQUFLLENBQUM7SUFDdEIsQ0FBQztJQUVELElBQVcsSUFBSSxDQUFDLEtBQWdCO1FBQzVCLElBQUksSUFBSSxDQUFDLEtBQUssS0FBSyxLQUFLLEVBQUU7WUFDdEIsSUFBSSxDQUFDLEtBQUssR0FBRyxLQUFLLENBQUM7WUFDbkIsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDO1NBQ2xCO0lBQ0wsQ0FBQztJQUVELElBQVcsT0FBTztRQUNkLE9BQU8sSUFBSSxDQUFDLFFBQVEsQ0FBQztJQUN6QixDQUFDO0lBRUQsSUFBVyxPQUFPLENBQUMsS0FBbUI7UUFDbEMsSUFBSSxJQUFJLENBQUMsUUFBUSxLQUFLLEtBQUssRUFBRTtZQUN6QixJQUFJLENBQUMsUUFBUSxHQUFHLEtBQUssQ0FBQztZQUN0QixJQUFJLENBQUMsT0FBTyxFQUFFLENBQUM7U0FDbEI7SUFDTCxDQUFDO0lBRUQsSUFBVyxJQUFJO1FBQ1gsT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFDO0lBQ3RCLENBQUM7SUFFRCxJQUFXLElBQUksQ0FBQyxLQUFhO1FBQ3pCLElBQUksSUFBSSxDQUFDLEtBQUssS0FBSyxLQUFLLEVBQUU7WUFDdEIsSUFBSSxDQUFDLEtBQUssR0FBRyxLQUFLLENBQUM7WUFDbkIsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDO1NBQ2xCO0lBQ0wsQ0FBQztJQVNELFFBQVEsS0FBVSxDQUFDO0lBR1gsT0FBTztRQUNYLElBQUksQ0FBQyxLQUFLLENBQUMsYUFBYSxFQUFFLENBQUM7SUFDL0IsQ0FBQzs7OEdBL0RRLGlCQUFpQjtrR0FBakIsaUJBQWlCLGlEQ1Q5QixvV0FZQTsyRkRIYSxpQkFBaUI7a0JBTjdCLFNBQVM7K0JBQ0ksV0FBVyxtQkFHSix1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENoYW5nZURldGVjdG9yUmVmLCBDb21wb25lbnQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBCYWRnZVNpemUsIEJhZGdlVmFyaWFudCB9IGZyb20gJy4uL2JhZGdlLnR5cGVzJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gICAgc2VsZWN0b3I6ICdzZHMtYmFkZ2UnLFxyXG4gICAgdGVtcGxhdGVVcmw6ICcuL2JhZGdlLmNvbXBvbmVudC5odG1sJyxcclxuICAgIHN0eWxlVXJsczogWycuL2JhZGdlLmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxyXG59KVxyXG5leHBvcnQgY2xhc3MgU2RzQmFkZ2VDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gICAgcHJpdmF0ZSBfdGV4dDogc3RyaW5nID0gJyc7XHJcbiAgICBwcml2YXRlIF9zaXplOiBCYWRnZVNpemUgPSAnZGVmYXVsdCc7XHJcbiAgICBwcml2YXRlIF92YXJpYW50OiBCYWRnZVZhcmlhbnQgPSAncHJpbWFyeSc7XHJcbiAgICBwcml2YXRlIF9sZWZ0OiBudW1iZXIgPSAwO1xyXG5cclxuXHJcbiAgICBwdWJsaWMgZ2V0IHRleHQoKSB7XHJcbiAgICAgICAgcmV0dXJuIHRoaXMuX3RleHQ7XHJcbiAgICB9XHJcblxyXG4gICAgcHVibGljIHNldCB0ZXh0KHZhbHVlOiBzdHJpbmcpIHtcclxuICAgICAgICBpZiAodGhpcy5fdGV4dCAhPT0gdmFsdWUpIHtcclxuICAgICAgICAgICAgdGhpcy5fdGV4dCA9IHZhbHVlO1xyXG4gICAgICAgICAgICB0aGlzLnJlZnJlc2goKTtcclxuICAgICAgICB9XHJcbiAgICB9XHJcblxyXG4gICAgcHVibGljIGdldCBzaXplKCkge1xyXG4gICAgICAgIHJldHVybiB0aGlzLl9zaXplO1xyXG4gICAgfVxyXG5cclxuICAgIHB1YmxpYyBzZXQgc2l6ZSh2YWx1ZTogQmFkZ2VTaXplKSB7XHJcbiAgICAgICAgaWYgKHRoaXMuX3NpemUgIT09IHZhbHVlKSB7XHJcbiAgICAgICAgICAgIHRoaXMuX3NpemUgPSB2YWx1ZTtcclxuICAgICAgICAgICAgdGhpcy5yZWZyZXNoKCk7XHJcbiAgICAgICAgfVxyXG4gICAgfVxyXG5cclxuICAgIHB1YmxpYyBnZXQgdmFyaWFudCgpIHtcclxuICAgICAgICByZXR1cm4gdGhpcy5fdmFyaWFudDtcclxuICAgIH1cclxuXHJcbiAgICBwdWJsaWMgc2V0IHZhcmlhbnQodmFsdWU6IEJhZGdlVmFyaWFudCkge1xyXG4gICAgICAgIGlmICh0aGlzLl92YXJpYW50ICE9PSB2YWx1ZSkge1xyXG4gICAgICAgICAgICB0aGlzLl92YXJpYW50ID0gdmFsdWU7XHJcbiAgICAgICAgICAgIHRoaXMucmVmcmVzaCgpO1xyXG4gICAgICAgIH1cclxuICAgIH1cclxuXHJcbiAgICBwdWJsaWMgZ2V0IGxlZnQoKSB7XHJcbiAgICAgICAgcmV0dXJuIHRoaXMuX2xlZnQ7XHJcbiAgICB9XHJcblxyXG4gICAgcHVibGljIHNldCBsZWZ0KHZhbHVlOiBudW1iZXIpIHtcclxuICAgICAgICBpZiAodGhpcy5fbGVmdCAhPT0gdmFsdWUpIHtcclxuICAgICAgICAgICAgdGhpcy5fbGVmdCA9IHZhbHVlO1xyXG4gICAgICAgICAgICB0aGlzLnJlZnJlc2goKTtcclxuICAgICAgICB9XHJcbiAgICB9XHJcblxyXG4gICAgXHJcbiAgICBcclxuXHJcbiAgICBjb25zdHJ1Y3RvcihcclxuICAgICAgICBwcml2YXRlIHJlYWRvbmx5IGNkUmVmOiBDaGFuZ2VEZXRlY3RvclJlZlxyXG4gICAgKSB7fVxyXG5cclxuICAgIG5nT25Jbml0KCk6IHZvaWQge31cclxuXHJcblxyXG4gICAgcHJpdmF0ZSByZWZyZXNoKCl7XHJcbiAgICAgICAgdGhpcy5jZFJlZi5kZXRlY3RDaGFuZ2VzKCk7XHJcbiAgICB9XHJcbn1cclxuIiwiPGRpdiBcclxuICAgIGNsYXNzPVwic2RzLWJhZGdlXCJcclxuICAgIFtjbGFzcy5wcmltYXJ5XT1cInZhcmlhbnQ9PT0ncHJpbWFyeSdcIlxyXG4gICAgW2NsYXNzLnNlY29uZGFyeV09XCJ2YXJpYW50PT09J3NlY29uZGFyeSdcIlxyXG4gICAgW3N0eWxlLmxlZnQucHhdPVwibGVmdFwiXHJcbiAgICBbY2xhc3MuZGVmYXVsdF09XCJzaXplID09PSAnZGVmYXVsdCdcIlxyXG4gICAgW2NsYXNzLnNtYWxsXT1cInNpemUgPT09ICdzbWFsbCdcIlxyXG4gICAgdGl0bGU9XCJ0ZXN0XCJcclxuXHJcbiAgICA+XHJcbiAgICA8c3BhbiAqbmdJZj1cInNpemU9PSdkZWZhdWx0J1wiPnt7dGV4dH19PC9zcGFuPlxyXG48L2Rpdj5cclxuIl19
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
export * from './badge.module';
|
|
2
|
+
export * from './badge.directive';
|
|
3
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zZHMtY29tcG9uZW50cy9zcmMvbGliL2JhZGdlL3B1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxnQkFBZ0IsQ0FBQztBQUMvQixjQUFjLG1CQUFtQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9iYWRnZS5tb2R1bGUnO1xyXG5leHBvcnQgKiBmcm9tICcuL2JhZGdlLmRpcmVjdGl2ZSc7XHJcbiJdfQ==
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Generated bundle index. Do not edit.
|
|
3
|
+
*/
|
|
4
|
+
export * from './public-api';
|
|
5
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3BpY2FpbnRlcm5hdGlvbmFsLW5neC1zZHMtY29tcG9uZW50cy1zcmMtbGliLWJhZGdlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXNkcy1jb21wb25lbnRzL3NyYy9saWIvYmFkZ2Uvc3BpY2FpbnRlcm5hdGlvbmFsLW5neC1zZHMtY29tcG9uZW50cy1zcmMtbGliLWJhZGdlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYyxjQUFjLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEdlbmVyYXRlZCBidW5kbGUgaW5kZXguIERvIG5vdCBlZGl0LlxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vcHVibGljLWFwaSc7XG4iXX0=
|
|
@@ -1,31 +1,57 @@
|
|
|
1
|
-
import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';
|
|
2
|
-
import {
|
|
1
|
+
import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, } from '@angular/core';
|
|
2
|
+
import { faChevronDown } from '@fortawesome/pro-regular-svg-icons';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
import * as i1 from "@fortawesome/angular-fontawesome";
|
|
5
5
|
import * as i2 from "@angular/common";
|
|
6
|
-
export class
|
|
6
|
+
export class SdsExpansionPanelComponent {
|
|
7
7
|
constructor() {
|
|
8
|
+
this.animateCaret = false;
|
|
9
|
+
/**
|
|
10
|
+
* toggles greyish background
|
|
11
|
+
*
|
|
12
|
+
* @memberof SdsExpansionPanelComponent
|
|
13
|
+
*/
|
|
14
|
+
this.showBackground = true;
|
|
15
|
+
/**
|
|
16
|
+
* position caret next to header of on the far end of the component
|
|
17
|
+
*
|
|
18
|
+
* @type {('nextToHeader' | 'farEnd')}
|
|
19
|
+
* @memberof SdsExpansionPanelComponent
|
|
20
|
+
*/
|
|
21
|
+
this.caretPlacement = 'nextToHeader';
|
|
8
22
|
this.isOpen = false;
|
|
9
23
|
this.isOpenChange = new EventEmitter();
|
|
10
|
-
this.
|
|
11
|
-
this.cardIsOpenIcon = faCaretUp;
|
|
24
|
+
this.caretIcon = faChevronDown;
|
|
12
25
|
}
|
|
13
|
-
onToggleIsOpenClick() {
|
|
26
|
+
onToggleIsOpenClick(event) {
|
|
14
27
|
this.isOpen = !this.isOpen;
|
|
15
28
|
this.isOpenChange.emit(this.isOpen);
|
|
29
|
+
event.stopImmediatePropagation();
|
|
30
|
+
}
|
|
31
|
+
openPanel() {
|
|
32
|
+
if (!this.isOpen) {
|
|
33
|
+
this.isOpen = true;
|
|
34
|
+
this.isOpenChange.emit(this.isOpen);
|
|
35
|
+
}
|
|
16
36
|
}
|
|
17
37
|
}
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type:
|
|
38
|
+
SdsExpansionPanelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsExpansionPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
39
|
+
SdsExpansionPanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", type: SdsExpansionPanelComponent, selector: "sds-expansion-panel", inputs: { headerText: "headerText", hideHeader: "hideHeader", headerId: "headerId", animateCaret: "animateCaret", showBackground: "showBackground", caretPlacement: "caretPlacement", descriptionText: "descriptionText", isOpen: "isOpen" }, outputs: { isOpenChange: "isOpenChange" }, ngImport: i0, template: "<div\r\n class=\"rounded expansion-panel\"\r\n [class.background]=\"showBackground\"\r\n [class.closed]=\"!isOpen\"\r\n (click)=\"openPanel()\"\r\n>\r\n <ng-container *ngIf=\"!hideHeader\">\r\n <div\r\n class=\"expansion-panel-header d-flex flex-row aligh-items-center\"\r\n >\r\n <button\r\n class=\"btn btn-link\"\r\n [id]=\"headerId\"\r\n (click)=\"onToggleIsOpenClick($event)\"\r\n >\r\n <span class=\"header-text\">\r\n {{ headerText }}\r\n </span>\r\n </button>\r\n <button\r\n class=\"btn btn-link caret\"\r\n [class.rotate]=\"animateCaret\"\r\n [class.ml-2]=\"caretPlacement === 'nextToHeader'\"\r\n [class.ml-auto]=\"caretPlacement === 'farEnd'\"\r\n (click)=\"onToggleIsOpenClick($event)\"\r\n >\r\n <fa-icon [icon]=\"caretIcon\"></fa-icon>\r\n </button>\r\n </div>\r\n </ng-container>\r\n\r\n <div \r\n *ngIf=\"!isOpen\"\r\n class=\"mt-1\"\r\n >\r\n {{ descriptionText }}\r\n <ng-content select=\"[contentOnClosed]\"></ng-content>\r\n </div>\r\n\r\n <div \r\n *ngIf=\"isOpen\"\r\n class=\"mt-1\"\r\n >\r\n <ng-content></ng-content>\r\n </div>\r\n</div>\r\n", styles: [".expansion-panel .caret.rotate{transition:transform .2s linear}.expansion-panel.closed{cursor:pointer}.expansion-panel.closed .caret{transform:rotate(-180deg)}.expansion-panel.background{background-color:#f8f9fa;padding:1.5rem}.expansion-panel .expansion-panel-header .header-text{font-size:1.06rem;font-weight:600}.expansion-panel .expansion-panel-header button{text-decoration:none;padding:0;color:#212529}.expansion-panel .expansion-panel-header button:focus{box-shadow:none}\n"], components: [{ type: i1.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
40
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsExpansionPanelComponent, decorators: [{
|
|
21
41
|
type: Component,
|
|
22
|
-
args: [{ selector: 'sds-expansion-panel', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div
|
|
42
|
+
args: [{ selector: 'sds-expansion-panel', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\r\n class=\"rounded expansion-panel\"\r\n [class.background]=\"showBackground\"\r\n [class.closed]=\"!isOpen\"\r\n (click)=\"openPanel()\"\r\n>\r\n <ng-container *ngIf=\"!hideHeader\">\r\n <div\r\n class=\"expansion-panel-header d-flex flex-row aligh-items-center\"\r\n >\r\n <button\r\n class=\"btn btn-link\"\r\n [id]=\"headerId\"\r\n (click)=\"onToggleIsOpenClick($event)\"\r\n >\r\n <span class=\"header-text\">\r\n {{ headerText }}\r\n </span>\r\n </button>\r\n <button\r\n class=\"btn btn-link caret\"\r\n [class.rotate]=\"animateCaret\"\r\n [class.ml-2]=\"caretPlacement === 'nextToHeader'\"\r\n [class.ml-auto]=\"caretPlacement === 'farEnd'\"\r\n (click)=\"onToggleIsOpenClick($event)\"\r\n >\r\n <fa-icon [icon]=\"caretIcon\"></fa-icon>\r\n </button>\r\n </div>\r\n </ng-container>\r\n\r\n <div \r\n *ngIf=\"!isOpen\"\r\n class=\"mt-1\"\r\n >\r\n {{ descriptionText }}\r\n <ng-content select=\"[contentOnClosed]\"></ng-content>\r\n </div>\r\n\r\n <div \r\n *ngIf=\"isOpen\"\r\n class=\"mt-1\"\r\n >\r\n <ng-content></ng-content>\r\n </div>\r\n</div>\r\n", styles: [".expansion-panel .caret.rotate{transition:transform .2s linear}.expansion-panel.closed{cursor:pointer}.expansion-panel.closed .caret{transform:rotate(-180deg)}.expansion-panel.background{background-color:#f8f9fa;padding:1.5rem}.expansion-panel .expansion-panel-header .header-text{font-size:1.06rem;font-weight:600}.expansion-panel .expansion-panel-header button{text-decoration:none;padding:0;color:#212529}.expansion-panel .expansion-panel-header button:focus{box-shadow:none}\n"] }]
|
|
23
43
|
}], propDecorators: { headerText: [{
|
|
24
44
|
type: Input
|
|
25
45
|
}], hideHeader: [{
|
|
26
46
|
type: Input
|
|
27
47
|
}], headerId: [{
|
|
28
48
|
type: Input
|
|
49
|
+
}], animateCaret: [{
|
|
50
|
+
type: Input
|
|
51
|
+
}], showBackground: [{
|
|
52
|
+
type: Input
|
|
53
|
+
}], caretPlacement: [{
|
|
54
|
+
type: Input
|
|
29
55
|
}], descriptionText: [{
|
|
30
56
|
type: Input
|
|
31
57
|
}], isOpen: [{
|
|
@@ -33,4 +59,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImpor
|
|
|
33
59
|
}], isOpenChange: [{
|
|
34
60
|
type: Output
|
|
35
61
|
}] } });
|
|
36
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
62
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXhwYW5zaW9uLXBhbmVsLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zZHMtY29tcG9uZW50cy9zcmMvbGliL2V4cGFuc2lvbi1wYW5lbC9leHBhbnNpb24tcGFuZWwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXNkcy1jb21wb25lbnRzL3NyYy9saWIvZXhwYW5zaW9uLXBhbmVsL2V4cGFuc2lvbi1wYW5lbC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0gsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxZQUFZLEVBQ1osS0FBSyxFQUNMLE1BQU0sR0FDVCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsYUFBYSxFQUFlLE1BQU0sb0NBQW9DLENBQUM7Ozs7QUFjaEYsTUFBTSxPQUFPLDBCQUEwQjtJQU52QztRQVdhLGlCQUFZLEdBQUcsS0FBSyxDQUFDO1FBRTlCOzs7O1dBSUc7UUFDTSxtQkFBYyxHQUFHLElBQUksQ0FBQztRQUUvQjs7Ozs7V0FLRztRQUNNLG1CQUFjLEdBQW1CLGNBQWMsQ0FBQztRQVloRCxXQUFNLEdBQVksS0FBSyxDQUFDO1FBQ3ZCLGlCQUFZLEdBQTBCLElBQUksWUFBWSxFQUFFLENBQUM7UUFFNUQsY0FBUyxHQUFtQixhQUFhLENBQUM7S0FjcEQ7SUFaVSxtQkFBbUIsQ0FBQyxLQUFpQjtRQUN4QyxJQUFJLENBQUMsTUFBTSxHQUFHLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQztRQUMzQixJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7UUFDcEMsS0FBSyxDQUFDLHdCQUF3QixFQUFFLENBQUM7SUFDckMsQ0FBQztJQUVNLFNBQVM7UUFDWixJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sRUFBRTtZQUNkLElBQUksQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDO1lBQ25CLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztTQUN2QztJQUNMLENBQUM7O3VIQWhEUSwwQkFBMEI7MkdBQTFCLDBCQUEwQixvVkNyQnZDLG82Q0E4Q0E7MkZEekJhLDBCQUEwQjtrQkFOdEMsU0FBUzsrQkFDSSxxQkFBcUIsbUJBR2QsdUJBQXVCLENBQUMsTUFBTTs4QkFHdEMsVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBRUcsWUFBWTtzQkFBcEIsS0FBSztnQkFPRyxjQUFjO3NCQUF0QixLQUFLO2dCQVFHLGNBQWM7c0JBQXRCLEtBQUs7Z0JBVUcsZUFBZTtzQkFBdkIsS0FBSztnQkFFRyxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0ksWUFBWTtzQkFBckIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XHJcbiAgICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcclxuICAgIENvbXBvbmVudCxcclxuICAgIEV2ZW50RW1pdHRlcixcclxuICAgIElucHV0LFxyXG4gICAgT3V0cHV0LFxyXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBmYUNoZXZyb25Eb3duLCBmYUNoZXZyb25VcCB9IGZyb20gJ0Bmb3J0YXdlc29tZS9wcm8tcmVndWxhci1zdmctaWNvbnMnO1xyXG5pbXBvcnQge1xyXG4gICAgSWNvbkRlZmluaXRpb24sXHJcbiAgICBmYUNhcmV0RG93bixcclxuICAgIGZhQ2FyZXRVcCxcclxufSBmcm9tICdAZm9ydGF3ZXNvbWUvcHJvLXNvbGlkLXN2Zy1pY29ucyc7XHJcbmltcG9ydCB7IENhcmV0UGxhY2VtZW50IH0gZnJvbSAnLi9leHBhbnNpb24tcGFuZWwudHlwZXMnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgICBzZWxlY3RvcjogJ3Nkcy1leHBhbnNpb24tcGFuZWwnLFxyXG4gICAgdGVtcGxhdGVVcmw6ICcuL2V4cGFuc2lvbi1wYW5lbC5jb21wb25lbnQuaHRtbCcsXHJcbiAgICBzdHlsZVVybHM6IFsnLi9leHBhbnNpb24tcGFuZWwuY29tcG9uZW50LnNjc3MnXSxcclxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgU2RzRXhwYW5zaW9uUGFuZWxDb21wb25lbnQge1xyXG4gICAgQElucHV0KCkgaGVhZGVyVGV4dD86IHN0cmluZztcclxuICAgIEBJbnB1dCgpIGhpZGVIZWFkZXI/OiBib29sZWFuO1xyXG4gICAgQElucHV0KCkgaGVhZGVySWQ/OiBzdHJpbmc7XHJcblxyXG4gICAgQElucHV0KCkgYW5pbWF0ZUNhcmV0ID0gZmFsc2U7XHJcblxyXG4gICAgLyoqXHJcbiAgICAgKiB0b2dnbGVzIGdyZXlpc2ggYmFja2dyb3VuZFxyXG4gICAgICpcclxuICAgICAqIEBtZW1iZXJvZiBTZHNFeHBhbnNpb25QYW5lbENvbXBvbmVudFxyXG4gICAgICovXHJcbiAgICBASW5wdXQoKSBzaG93QmFja2dyb3VuZCA9IHRydWU7XHJcblxyXG4gICAgLyoqXHJcbiAgICAgKiBwb3NpdGlvbiBjYXJldCBuZXh0IHRvIGhlYWRlciBvZiBvbiB0aGUgZmFyIGVuZCBvZiB0aGUgY29tcG9uZW50XHJcbiAgICAgKlxyXG4gICAgICogQHR5cGUgeygnbmV4dFRvSGVhZGVyJyB8ICdmYXJFbmQnKX1cclxuICAgICAqIEBtZW1iZXJvZiBTZHNFeHBhbnNpb25QYW5lbENvbXBvbmVudFxyXG4gICAgICovXHJcbiAgICBASW5wdXQoKSBjYXJldFBsYWNlbWVudDogQ2FyZXRQbGFjZW1lbnQgPSAnbmV4dFRvSGVhZGVyJztcclxuXHJcbiAgICAvKipcclxuICAgICAqICdkZXNjcmlwdGlvblRleHQnIC0gdGV4dCBkaXNwbGF5ZWQgd2hlbiBjb21wb25lbnQgaXMgXCJjbG9zZWRcIi5cclxuICAgICAqXHJcbiAgICAgKiBOb3RlOiBVc2UgbmctY29udGVudCAnY29udGVudE9uQ2xvc2VkJyBpZiBtb3JlIGNvbXBsZXggdXNlLWNhc2UgaXMgbmVlZGVkXHJcbiAgICAgKlxyXG4gICAgICogQHR5cGUge3N0cmluZ31cclxuICAgICAqIEBtZW1iZXJvZiBFeHBhbnNpb25QYW5lbENvbXBvbmVudFxyXG4gICAgICovXHJcbiAgICBASW5wdXQoKSBkZXNjcmlwdGlvblRleHQ/OiBzdHJpbmc7XHJcblxyXG4gICAgQElucHV0KCkgaXNPcGVuOiBib29sZWFuID0gZmFsc2U7XHJcbiAgICBAT3V0cHV0KCkgaXNPcGVuQ2hhbmdlOiBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XHJcblxyXG4gICAgcHVibGljIGNhcmV0SWNvbjogSWNvbkRlZmluaXRpb24gPSBmYUNoZXZyb25Eb3duO1xyXG5cclxuICAgIHB1YmxpYyBvblRvZ2dsZUlzT3BlbkNsaWNrKGV2ZW50OiBNb3VzZUV2ZW50KTogdm9pZCB7XHJcbiAgICAgICAgdGhpcy5pc09wZW4gPSAhdGhpcy5pc09wZW47XHJcbiAgICAgICAgdGhpcy5pc09wZW5DaGFuZ2UuZW1pdCh0aGlzLmlzT3Blbik7XHJcbiAgICAgICAgZXZlbnQuc3RvcEltbWVkaWF0ZVByb3BhZ2F0aW9uKCk7XHJcbiAgICB9XHJcblxyXG4gICAgcHVibGljIG9wZW5QYW5lbCgpIHtcclxuICAgICAgICBpZiAoIXRoaXMuaXNPcGVuKSB7XHJcbiAgICAgICAgICAgIHRoaXMuaXNPcGVuID0gdHJ1ZTtcclxuICAgICAgICAgICAgdGhpcy5pc09wZW5DaGFuZ2UuZW1pdCh0aGlzLmlzT3Blbik7XHJcbiAgICAgICAgfVxyXG4gICAgfVxyXG59XHJcbiIsIjxkaXZcclxuICAgIGNsYXNzPVwicm91bmRlZCBleHBhbnNpb24tcGFuZWxcIlxyXG4gICAgW2NsYXNzLmJhY2tncm91bmRdPVwic2hvd0JhY2tncm91bmRcIlxyXG4gICAgW2NsYXNzLmNsb3NlZF09XCIhaXNPcGVuXCJcclxuICAgIChjbGljayk9XCJvcGVuUGFuZWwoKVwiXHJcbj5cclxuICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCIhaGlkZUhlYWRlclwiPlxyXG4gICAgICAgIDxkaXZcclxuICAgICAgICAgICAgY2xhc3M9XCJleHBhbnNpb24tcGFuZWwtaGVhZGVyIGQtZmxleCBmbGV4LXJvdyBhbGlnaC1pdGVtcy1jZW50ZXJcIlxyXG4gICAgICAgID5cclxuICAgICAgICAgICAgPGJ1dHRvblxyXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJidG4gYnRuLWxpbmtcIlxyXG4gICAgICAgICAgICAgICAgW2lkXT1cImhlYWRlcklkXCJcclxuICAgICAgICAgICAgICAgIChjbGljayk9XCJvblRvZ2dsZUlzT3BlbkNsaWNrKCRldmVudClcIlxyXG4gICAgICAgICAgICA+XHJcbiAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cImhlYWRlci10ZXh0XCI+XHJcbiAgICAgICAgICAgICAgICAgICAge3sgaGVhZGVyVGV4dCB9fVxyXG4gICAgICAgICAgICAgICAgPC9zcGFuPlxyXG4gICAgICAgICAgICA8L2J1dHRvbj5cclxuICAgICAgICAgICAgPGJ1dHRvblxyXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJidG4gYnRuLWxpbmsgY2FyZXRcIlxyXG4gICAgICAgICAgICAgICAgW2NsYXNzLnJvdGF0ZV09XCJhbmltYXRlQ2FyZXRcIlxyXG4gICAgICAgICAgICAgICAgW2NsYXNzLm1sLTJdPVwiY2FyZXRQbGFjZW1lbnQgPT09ICduZXh0VG9IZWFkZXInXCJcclxuICAgICAgICAgICAgICAgIFtjbGFzcy5tbC1hdXRvXT1cImNhcmV0UGxhY2VtZW50ID09PSAnZmFyRW5kJ1wiXHJcbiAgICAgICAgICAgICAgICAoY2xpY2spPVwib25Ub2dnbGVJc09wZW5DbGljaygkZXZlbnQpXCJcclxuICAgICAgICAgICAgPlxyXG4gICAgICAgICAgICAgICAgPGZhLWljb24gW2ljb25dPVwiY2FyZXRJY29uXCI+PC9mYS1pY29uPlxyXG4gICAgICAgICAgICA8L2J1dHRvbj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgIDwvbmctY29udGFpbmVyPlxyXG5cclxuICAgIDxkaXYgXHJcbiAgICAgICAgKm5nSWY9XCIhaXNPcGVuXCJcclxuICAgICAgICBjbGFzcz1cIm10LTFcIlxyXG4gICAgICAgID5cclxuICAgICAgICB7eyBkZXNjcmlwdGlvblRleHQgfX1cclxuICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbY29udGVudE9uQ2xvc2VkXVwiPjwvbmctY29udGVudD5cclxuICAgIDwvZGl2PlxyXG5cclxuICAgIDxkaXYgXHJcbiAgICAgICAgKm5nSWY9XCJpc09wZW5cIlxyXG4gICAgICAgIGNsYXNzPVwibXQtMVwiXHJcbiAgICAgICAgPlxyXG4gICAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cclxuICAgIDwvZGl2PlxyXG48L2Rpdj5cclxuIl19
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { NgModule } from '@angular/core';
|
|
2
2
|
import { CommonModule } from '@angular/common';
|
|
3
3
|
import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
|
|
4
|
-
import {
|
|
4
|
+
import { SdsExpansionPanelComponent } from './expansion-panel.component';
|
|
5
5
|
import * as i0 from "@angular/core";
|
|
6
6
|
/**
|
|
7
7
|
* Expansion panel - provides an expandable details-summary view. Used for 'progressive disclosure'.
|
|
@@ -9,26 +9,26 @@ import * as i0 from "@angular/core";
|
|
|
9
9
|
* @export
|
|
10
10
|
* @class ExpansionPanelModule
|
|
11
11
|
*/
|
|
12
|
-
export class
|
|
12
|
+
export class SdsExpansionPanelModule {
|
|
13
13
|
}
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
FontAwesomeModule], exports: [
|
|
17
|
-
|
|
14
|
+
SdsExpansionPanelModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsExpansionPanelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
15
|
+
SdsExpansionPanelModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsExpansionPanelModule, declarations: [SdsExpansionPanelComponent], imports: [CommonModule,
|
|
16
|
+
FontAwesomeModule], exports: [SdsExpansionPanelComponent] });
|
|
17
|
+
SdsExpansionPanelModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsExpansionPanelModule, imports: [[
|
|
18
18
|
CommonModule,
|
|
19
19
|
FontAwesomeModule
|
|
20
20
|
]] });
|
|
21
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type:
|
|
21
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsExpansionPanelModule, decorators: [{
|
|
22
22
|
type: NgModule,
|
|
23
23
|
args: [{
|
|
24
24
|
declarations: [
|
|
25
|
-
|
|
25
|
+
SdsExpansionPanelComponent
|
|
26
26
|
],
|
|
27
27
|
imports: [
|
|
28
28
|
CommonModule,
|
|
29
29
|
FontAwesomeModule
|
|
30
30
|
],
|
|
31
|
-
exports: [
|
|
31
|
+
exports: [SdsExpansionPanelComponent]
|
|
32
32
|
}]
|
|
33
33
|
}] });
|
|
34
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
34
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXhwYW5zaW9uLXBhbmVsLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zZHMtY29tcG9uZW50cy9zcmMvbGliL2V4cGFuc2lvbi1wYW5lbC9leHBhbnNpb24tcGFuZWwubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBRXJFLE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxNQUFNLDZCQUE2QixDQUFDOztBQUN6RTs7Ozs7R0FLRztBQVlILE1BQU0sT0FBTyx1QkFBdUI7O29IQUF2Qix1QkFBdUI7cUhBQXZCLHVCQUF1QixpQkFUaEMsMEJBQTBCLGFBRzFCLFlBQVk7UUFDWixpQkFBaUIsYUFFVCwwQkFBMEI7cUhBR3pCLHVCQUF1QixZQVB6QjtZQUNQLFlBQVk7WUFDWixpQkFBaUI7U0FDbEI7MkZBSVUsdUJBQXVCO2tCQVhuQyxRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRTt3QkFDWiwwQkFBMEI7cUJBQzNCO29CQUNELE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLGlCQUFpQjtxQkFDbEI7b0JBQ0QsT0FBTyxFQUFFLENBQUMsMEJBQTBCLENBQUM7aUJBQ3RDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgRm9udEF3ZXNvbWVNb2R1bGUgfSBmcm9tICdAZm9ydGF3ZXNvbWUvYW5ndWxhci1mb250YXdlc29tZSc7XHJcblxyXG5pbXBvcnQgeyBTZHNFeHBhbnNpb25QYW5lbENvbXBvbmVudCB9IGZyb20gJy4vZXhwYW5zaW9uLXBhbmVsLmNvbXBvbmVudCc7XHJcbi8qKlxyXG4gKiBFeHBhbnNpb24gcGFuZWwgLSBwcm92aWRlcyBhbiBleHBhbmRhYmxlIGRldGFpbHMtc3VtbWFyeSB2aWV3LiBVc2VkIGZvciAncHJvZ3Jlc3NpdmUgZGlzY2xvc3VyZScuXHJcbiAqXHJcbiAqIEBleHBvcnRcclxuICogQGNsYXNzIEV4cGFuc2lvblBhbmVsTW9kdWxlXHJcbiAqL1xyXG5ATmdNb2R1bGUoe1xyXG4gIGRlY2xhcmF0aW9uczogW1xyXG4gICAgU2RzRXhwYW5zaW9uUGFuZWxDb21wb25lbnRcclxuICBdLFxyXG4gIGltcG9ydHM6IFtcclxuICAgIENvbW1vbk1vZHVsZSxcclxuICAgIEZvbnRBd2Vzb21lTW9kdWxlXHJcbiAgXSxcclxuICBleHBvcnRzOiBbU2RzRXhwYW5zaW9uUGFuZWxDb21wb25lbnRdXHJcbn0pXHJcblxyXG5leHBvcnQgY2xhc3MgU2RzRXhwYW5zaW9uUGFuZWxNb2R1bGUgeyB9XHJcbiJdfQ==
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export {};
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXhwYW5zaW9uLXBhbmVsLnR5cGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXNkcy1jb21wb25lbnRzL3NyYy9saWIvZXhwYW5zaW9uLXBhbmVsL2V4cGFuc2lvbi1wYW5lbC50eXBlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHR5cGUgQ2FyZXRQbGFjZW1lbnQgPSAnbmV4dFRvSGVhZGVyJyB8ICdmYXJFbmQnOyJdfQ==
|
|
@@ -0,0 +1,176 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { Component, ChangeDetectionStrategy, Directive, Input, NgModule } from '@angular/core';
|
|
3
|
+
import * as i1 from '@angular/common';
|
|
4
|
+
import { CommonModule } from '@angular/common';
|
|
5
|
+
|
|
6
|
+
class SdsBadgeComponent {
|
|
7
|
+
constructor(cdRef) {
|
|
8
|
+
this.cdRef = cdRef;
|
|
9
|
+
this._text = '';
|
|
10
|
+
this._size = 'default';
|
|
11
|
+
this._variant = 'primary';
|
|
12
|
+
this._left = 0;
|
|
13
|
+
}
|
|
14
|
+
get text() {
|
|
15
|
+
return this._text;
|
|
16
|
+
}
|
|
17
|
+
set text(value) {
|
|
18
|
+
if (this._text !== value) {
|
|
19
|
+
this._text = value;
|
|
20
|
+
this.refresh();
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
get size() {
|
|
24
|
+
return this._size;
|
|
25
|
+
}
|
|
26
|
+
set size(value) {
|
|
27
|
+
if (this._size !== value) {
|
|
28
|
+
this._size = value;
|
|
29
|
+
this.refresh();
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
get variant() {
|
|
33
|
+
return this._variant;
|
|
34
|
+
}
|
|
35
|
+
set variant(value) {
|
|
36
|
+
if (this._variant !== value) {
|
|
37
|
+
this._variant = value;
|
|
38
|
+
this.refresh();
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
get left() {
|
|
42
|
+
return this._left;
|
|
43
|
+
}
|
|
44
|
+
set left(value) {
|
|
45
|
+
if (this._left !== value) {
|
|
46
|
+
this._left = value;
|
|
47
|
+
this.refresh();
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
ngOnInit() { }
|
|
51
|
+
refresh() {
|
|
52
|
+
this.cdRef.detectChanges();
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
SdsBadgeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsBadgeComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
56
|
+
SdsBadgeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", type: SdsBadgeComponent, selector: "sds-badge", ngImport: i0, template: "<div \r\n class=\"sds-badge\"\r\n [class.primary]=\"variant==='primary'\"\r\n [class.secondary]=\"variant==='secondary'\"\r\n [style.left.px]=\"left\"\r\n [class.default]=\"size === 'default'\"\r\n [class.small]=\"size === 'small'\"\r\n title=\"test\"\r\n\r\n >\r\n <span *ngIf=\"size=='default'\">{{text}}</span>\r\n</div>\r\n", styles: [":host{position:absolute}.sds-badge{position:relative;display:flex;justify-content:center;align-items:center;color:#fff;font-size:.8rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;border-radius:1.3rem;border-width:1px;border-style:solid;border-color:#fff;cursor:default;transform:translate(calc(-50% - 1px),-50%)}.sds-badge.default{line-height:1.3rem;min-width:calc(1.3rem + 2px);padding-left:.3rem;padding-right:.3rem}.sds-badge.small{height:.75rem;width:.75rem}.sds-badge.primary{background-color:#3b8fc2}.sds-badge.secondary{border-color:#ced4da;background-color:#fff;color:#000}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
57
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsBadgeComponent, decorators: [{
|
|
58
|
+
type: Component,
|
|
59
|
+
args: [{ selector: 'sds-badge', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div \r\n class=\"sds-badge\"\r\n [class.primary]=\"variant==='primary'\"\r\n [class.secondary]=\"variant==='secondary'\"\r\n [style.left.px]=\"left\"\r\n [class.default]=\"size === 'default'\"\r\n [class.small]=\"size === 'small'\"\r\n title=\"test\"\r\n\r\n >\r\n <span *ngIf=\"size=='default'\">{{text}}</span>\r\n</div>\r\n", styles: [":host{position:absolute}.sds-badge{position:relative;display:flex;justify-content:center;align-items:center;color:#fff;font-size:.8rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;border-radius:1.3rem;border-width:1px;border-style:solid;border-color:#fff;cursor:default;transform:translate(calc(-50% - 1px),-50%)}.sds-badge.default{line-height:1.3rem;min-width:calc(1.3rem + 2px);padding-left:.3rem;padding-right:.3rem}.sds-badge.small{height:.75rem;width:.75rem}.sds-badge.primary{background-color:#3b8fc2}.sds-badge.secondary{border-color:#ced4da;background-color:#fff;color:#000}\n"] }]
|
|
60
|
+
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; } });
|
|
61
|
+
|
|
62
|
+
class SdsBadgeDirective {
|
|
63
|
+
constructor(host, appRef, viewContainerRef) {
|
|
64
|
+
this.host = host;
|
|
65
|
+
this.appRef = appRef;
|
|
66
|
+
this.viewContainerRef = viewContainerRef;
|
|
67
|
+
this.sdsBadge = '';
|
|
68
|
+
this.size = 'default';
|
|
69
|
+
this.variant = 'primary';
|
|
70
|
+
this.badgeComponentRef = null;
|
|
71
|
+
}
|
|
72
|
+
ngAfterViewInit() {
|
|
73
|
+
this.initializeBadge();
|
|
74
|
+
}
|
|
75
|
+
ngOnInit() {
|
|
76
|
+
const observer = new ResizeObserver(_ => {
|
|
77
|
+
if (this.badgeComponentRef) {
|
|
78
|
+
this.setBadgePosition();
|
|
79
|
+
// this.badgeComponentRef.instance.left = this.host.nativeElement.offsetWidth;
|
|
80
|
+
}
|
|
81
|
+
});
|
|
82
|
+
observer.observe(this.host.nativeElement);
|
|
83
|
+
}
|
|
84
|
+
;
|
|
85
|
+
ngOnChanges(changes) {
|
|
86
|
+
if (changes['sdsBadge'] && !changes['sdsBadge'].firstChange) {
|
|
87
|
+
const value = `${changes['sdsBadge'].currentValue}`.trim();
|
|
88
|
+
if ((value === null || value === void 0 ? void 0 : value.length) > 0) {
|
|
89
|
+
this.initializeBadge();
|
|
90
|
+
}
|
|
91
|
+
else {
|
|
92
|
+
this.destroyBadgeComponentRef();
|
|
93
|
+
}
|
|
94
|
+
}
|
|
95
|
+
}
|
|
96
|
+
ngOnDestroy() {
|
|
97
|
+
this.observer.unobserve(this.host.nativeElement);
|
|
98
|
+
this.observer.disconnect();
|
|
99
|
+
this.destroyBadgeComponentRef();
|
|
100
|
+
}
|
|
101
|
+
initializeBadge() {
|
|
102
|
+
if (this.badgeComponentRef === null) {
|
|
103
|
+
if (this.sdsBadge) {
|
|
104
|
+
this.badgeComponentRef = this.viewContainerRef.createComponent(SdsBadgeComponent);
|
|
105
|
+
this.badgeComponentRef.instance.text = this.sdsBadge;
|
|
106
|
+
this.badgeComponentRef.instance.variant = this.variant;
|
|
107
|
+
this.badgeComponentRef.instance.size = this.size;
|
|
108
|
+
this.setBadgePosition();
|
|
109
|
+
}
|
|
110
|
+
}
|
|
111
|
+
else {
|
|
112
|
+
this.badgeComponentRef.instance.text = this.sdsBadge;
|
|
113
|
+
this.badgeComponentRef.instance.variant = this.variant;
|
|
114
|
+
this.badgeComponentRef.instance.size = this.size;
|
|
115
|
+
this.setBadgePosition();
|
|
116
|
+
}
|
|
117
|
+
}
|
|
118
|
+
destroyBadgeComponentRef() {
|
|
119
|
+
if (this.badgeComponentRef !== null) {
|
|
120
|
+
this.appRef.detachView(this.badgeComponentRef.hostView);
|
|
121
|
+
this.badgeComponentRef.destroy();
|
|
122
|
+
this.badgeComponentRef = null;
|
|
123
|
+
}
|
|
124
|
+
}
|
|
125
|
+
setBadgePosition() {
|
|
126
|
+
if (this.badgeComponentRef) {
|
|
127
|
+
this.badgeComponentRef.instance.left = this.host.nativeElement.offsetLeft + this.host.nativeElement.offsetWidth;
|
|
128
|
+
console.log(`offsetLeft ${this.host.nativeElement.offsetLeft}, offsetWidth: ${this.host.nativeElement.offsetWidth}`);
|
|
129
|
+
}
|
|
130
|
+
}
|
|
131
|
+
}
|
|
132
|
+
SdsBadgeDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsBadgeDirective, deps: [{ token: i0.ElementRef }, { token: i0.ApplicationRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
133
|
+
SdsBadgeDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.1", type: SdsBadgeDirective, selector: "[sdsBadge]", inputs: { sdsBadge: "sdsBadge", size: "size", variant: "variant" }, usesOnChanges: true, ngImport: i0 });
|
|
134
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsBadgeDirective, decorators: [{
|
|
135
|
+
type: Directive,
|
|
136
|
+
args: [{
|
|
137
|
+
selector: '[sdsBadge]',
|
|
138
|
+
}]
|
|
139
|
+
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ApplicationRef }, { type: i0.ViewContainerRef }]; }, propDecorators: { sdsBadge: [{
|
|
140
|
+
type: Input
|
|
141
|
+
}], size: [{
|
|
142
|
+
type: Input
|
|
143
|
+
}], variant: [{
|
|
144
|
+
type: Input
|
|
145
|
+
}] } });
|
|
146
|
+
|
|
147
|
+
class SdsBadgeModule {
|
|
148
|
+
}
|
|
149
|
+
SdsBadgeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsBadgeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
150
|
+
SdsBadgeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsBadgeModule, declarations: [SdsBadgeDirective,
|
|
151
|
+
SdsBadgeComponent], imports: [CommonModule], exports: [SdsBadgeDirective] });
|
|
152
|
+
SdsBadgeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsBadgeModule, imports: [[
|
|
153
|
+
CommonModule
|
|
154
|
+
]] });
|
|
155
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsBadgeModule, decorators: [{
|
|
156
|
+
type: NgModule,
|
|
157
|
+
args: [{
|
|
158
|
+
declarations: [
|
|
159
|
+
SdsBadgeDirective,
|
|
160
|
+
SdsBadgeComponent
|
|
161
|
+
],
|
|
162
|
+
imports: [
|
|
163
|
+
CommonModule
|
|
164
|
+
],
|
|
165
|
+
exports: [
|
|
166
|
+
SdsBadgeDirective
|
|
167
|
+
]
|
|
168
|
+
}]
|
|
169
|
+
}] });
|
|
170
|
+
|
|
171
|
+
/**
|
|
172
|
+
* Generated bundle index. Do not edit.
|
|
173
|
+
*/
|
|
174
|
+
|
|
175
|
+
export { SdsBadgeDirective, SdsBadgeModule };
|
|
176
|
+
//# sourceMappingURL=spicainternational-ngx-sds-components-src-lib-badge.mjs.map
|