@ascentgl/ads-ui 0.0.17 → 0.0.18
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/lib/components/buttons/button/button.component.mjs +3 -5
- package/esm2022/lib/components/card/card.component.mjs +17 -7
- package/esm2022/lib/components/divider/divider.component.mjs +4 -9
- package/esm2022/lib/components/error-page/error-page.component.mjs +1 -1
- package/esm2022/lib/components/expansion-panel/expansion-panel.component.mjs +2 -2
- package/esm2022/lib/components/form-fields/common/input.tooltip.component.mjs +3 -3
- package/esm2022/lib/components/form-fields/datepickers/date-picker/datepicker.component.mjs +3 -3
- package/esm2022/lib/components/form-fields/datepickers/datetime-picker/datetimepicker.component.mjs +3 -3
- package/esm2022/lib/components/form-fields/datepickers/time-picker/timepicker.component.mjs +3 -3
- package/esm2022/lib/components/form-fields/dropdowns/dropdown/dropdown.component.mjs +3 -3
- package/esm2022/lib/components/form-fields/dropdowns/input-dropdown/input-dropdown.component.mjs +3 -3
- package/esm2022/lib/components/form-fields/dropdowns/multi-select-dropdown/multi-select-dropdown.component.mjs +3 -3
- package/esm2022/lib/components/form-fields/search-fields/search-dropdown/search-dropdown.component.mjs +3 -3
- package/esm2022/lib/components/form-fields/search-fields/search-input/search-input.component.mjs +3 -3
- package/esm2022/lib/components/form-fields/selection-fields/checkbox/checkbox.component.mjs +3 -3
- package/esm2022/lib/components/form-fields/selection-fields/radio-button/radio-button.component.mjs +3 -3
- package/esm2022/lib/components/form-fields/selection-fields/slide-toggle/slide-toggle.component.mjs +3 -3
- package/esm2022/lib/components/modal/modal.component.mjs +1 -1
- package/esm2022/lib/components/nav-bar/scms-side-nav-bar/scms-side-nav-bar.component.mjs +3 -3
- package/esm2022/lib/components/nav-bar/side-nav-bar/side-nav-bar.component.mjs +3 -3
- package/esm2022/lib/components/snackbars/snackbar/snackbar.component.mjs +1 -1
- package/esm2022/lib/components/tags/create-tag/create-tag.component.mjs +1 -1
- package/fesm2022/ascentgl-ads-ui.mjs +53 -51
- package/fesm2022/ascentgl-ads-ui.mjs.map +1 -1
- package/lib/components/buttons/button/button.component.d.ts +1 -3
- package/lib/components/card/card.component.d.ts +7 -3
- package/lib/components/divider/divider.component.d.ts +2 -3
- package/package.json +7 -13
- package/esm2022/src/lib/components/divider/ascentgl-ads-ui-src-lib-components-divider.mjs +0 -5
- package/esm2022/src/lib/components/divider/divider.component.mjs +0 -43
- package/esm2022/src/lib/components/divider/divider.module.mjs +0 -18
- package/esm2022/src/lib/components/divider/public-api.mjs +0 -3
- package/fesm2022/ascentgl-ads-ui-src-lib-components-divider.mjs +0 -65
- package/fesm2022/ascentgl-ads-ui-src-lib-components-divider.mjs.map +0 -1
- package/src/lib/components/divider/divider.component.d.ts +0 -26
- package/src/lib/components/divider/divider.module.d.ts +0 -8
- package/src/lib/components/divider/index.d.ts +0 -5
- package/src/lib/components/divider/public-api.d.ts +0 -2
|
@@ -12,8 +12,6 @@ export class AdsButtonComponent {
|
|
|
12
12
|
this.disabled = input(false);
|
|
13
13
|
/** Whether the button is a smaller version */
|
|
14
14
|
this.size = input('base');
|
|
15
|
-
/** Whether the button is rounded or squared */
|
|
16
|
-
this.rounded = input(false);
|
|
17
15
|
/** Sets the "type" attribute on the button */
|
|
18
16
|
this.type = input('button');
|
|
19
17
|
/** @ignore */
|
|
@@ -22,10 +20,10 @@ export class AdsButtonComponent {
|
|
|
22
20
|
this.calcReverse = computed(() => this.variant() === 'secondary');
|
|
23
21
|
}
|
|
24
22
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
25
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.1.1", type: AdsButtonComponent, selector: "ads-button", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null },
|
|
23
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.1.1", type: AdsButtonComponent, selector: "ads-button", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<button\n mat-flat-button\n [id]=\"id()\"\n [class.reverse]=\"calcReverse()\"\n [ngClass]=\"[calcVariant(), size()]\"\n [disabled]=\"disabled()\"\n [disableRipple]=\"true\"\n>\n <ng-content></ng-content>\n</button>\n", styles: ["button{--mdc-filled-button-container-color: var(--color-primary);--mdc-filled-button-label-text-color: var(--color-white);--mdc-filled-button-label-text-weight: 600;--mdc-filled-button-container-height: var(--mat-form-field-container-height);--mdc-filled-button-label-text-tracking: \"1.5px\";--mdc-filled-button-label-text-size: 16px;--mat-filled-button-horizontal-padding: 24px;--mdc-filled-button-disabled-container-color: var(--color-dark-10);--mdc-filled-button-disabled-label-text-color: var(--color-white);--mat-filled-button-hover-state-layer-opacity: 0;border:1.5px solid}button:disabled{border-color:var(--color-dark-10)}.primary:not(:disabled){border-color:var(--color-primary)}.primary:not(:disabled):hover{border-color:var(--color-primary-hover);--mdc-filled-button-container-color: var(--color-primary-hover);--mdc-filled-button-label-text-color: var(--color-white)}.primary:not(:disabled).reverse{--mdc-filled-button-container-color: var(--color-white);--mdc-filled-button-label-text-color: var(--color-primary)}.primary:not(:disabled).reverse:hover{border-color:var(--color-primary-hover);--mdc-filled-button-container-color: var(--color-primary-hover);--mdc-filled-button-label-text-color: var(--color-white)}.primary:not(:disabled):active:focus{border-color:var(--color-primary-pressed);--mdc-filled-button-container-color: var(--color-primary-pressed);--mdc-filled-button-label-text-color: var(--color-white)}.primary:disabled.reverse{--mdc-filled-button-disabled-container-color: var(--color-muted-50);--mdc-filled-button-disabled-label-text-color: var(--color-dark-10)}.error:not(:disabled){border-color:var(--color-error);--mdc-filled-button-container-color: var(--color-white);--mdc-filled-button-label-text-color: var(--color-error)}.error:not(:disabled):hover{border-color:var(--color-error-hover);--mdc-filled-button-container-color: var(--color-error-hover);--mdc-filled-button-label-text-color: var(--color-white)}.error:not(:disabled).reverse{--mdc-filled-button-container-color: var(--color-error);--mdc-filled-button-label-text-color: var(--color-white)}.error:not(:disabled).reverse:hover{border-color:var(--color-error-hover);--mdc-filled-button-container-color: var(--color-error-hover)}.error:not(:disabled):active:focus{border-color:var(--color-error-pressed);--mdc-filled-button-label-text-color: var(--color-white);--mdc-filled-button-container-color: var(--color-error-pressed)}.error:disabled:not(.reverse){--mdc-filled-button-disabled-container-color: var(--color-white);--mdc-filled-button-disabled-label-text-color: var(--color-dark-10)}.sm{--mdc-filled-button-container-height: 32px;--mat-filled-button-horizontal-padding: 8px;--mdc-filled-button-label-text-size: 14px}.xs{--mdc-filled-button-container-height: 24px;--mat-filled-button-horizontal-padding: 8px;--mdc-filled-button-label-text-size: 12px}:host::ng-deep .mdc-button__label{white-space:nowrap}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }] }); }
|
|
26
24
|
}
|
|
27
25
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsButtonComponent, decorators: [{
|
|
28
26
|
type: Component,
|
|
29
|
-
args: [{ selector: 'ads-button', template: "<button\n mat-flat-button\n [id]=\"id()\"\n [class.
|
|
27
|
+
args: [{ selector: 'ads-button', template: "<button\n mat-flat-button\n [id]=\"id()\"\n [class.reverse]=\"calcReverse()\"\n [ngClass]=\"[calcVariant(), size()]\"\n [disabled]=\"disabled()\"\n [disableRipple]=\"true\"\n>\n <ng-content></ng-content>\n</button>\n", styles: ["button{--mdc-filled-button-container-color: var(--color-primary);--mdc-filled-button-label-text-color: var(--color-white);--mdc-filled-button-label-text-weight: 600;--mdc-filled-button-container-height: var(--mat-form-field-container-height);--mdc-filled-button-label-text-tracking: \"1.5px\";--mdc-filled-button-label-text-size: 16px;--mat-filled-button-horizontal-padding: 24px;--mdc-filled-button-disabled-container-color: var(--color-dark-10);--mdc-filled-button-disabled-label-text-color: var(--color-white);--mat-filled-button-hover-state-layer-opacity: 0;border:1.5px solid}button:disabled{border-color:var(--color-dark-10)}.primary:not(:disabled){border-color:var(--color-primary)}.primary:not(:disabled):hover{border-color:var(--color-primary-hover);--mdc-filled-button-container-color: var(--color-primary-hover);--mdc-filled-button-label-text-color: var(--color-white)}.primary:not(:disabled).reverse{--mdc-filled-button-container-color: var(--color-white);--mdc-filled-button-label-text-color: var(--color-primary)}.primary:not(:disabled).reverse:hover{border-color:var(--color-primary-hover);--mdc-filled-button-container-color: var(--color-primary-hover);--mdc-filled-button-label-text-color: var(--color-white)}.primary:not(:disabled):active:focus{border-color:var(--color-primary-pressed);--mdc-filled-button-container-color: var(--color-primary-pressed);--mdc-filled-button-label-text-color: var(--color-white)}.primary:disabled.reverse{--mdc-filled-button-disabled-container-color: var(--color-muted-50);--mdc-filled-button-disabled-label-text-color: var(--color-dark-10)}.error:not(:disabled){border-color:var(--color-error);--mdc-filled-button-container-color: var(--color-white);--mdc-filled-button-label-text-color: var(--color-error)}.error:not(:disabled):hover{border-color:var(--color-error-hover);--mdc-filled-button-container-color: var(--color-error-hover);--mdc-filled-button-label-text-color: var(--color-white)}.error:not(:disabled).reverse{--mdc-filled-button-container-color: var(--color-error);--mdc-filled-button-label-text-color: var(--color-white)}.error:not(:disabled).reverse:hover{border-color:var(--color-error-hover);--mdc-filled-button-container-color: var(--color-error-hover)}.error:not(:disabled):active:focus{border-color:var(--color-error-pressed);--mdc-filled-button-label-text-color: var(--color-white);--mdc-filled-button-container-color: var(--color-error-pressed)}.error:disabled:not(.reverse){--mdc-filled-button-disabled-container-color: var(--color-white);--mdc-filled-button-disabled-label-text-color: var(--color-dark-10)}.sm{--mdc-filled-button-container-height: 32px;--mat-filled-button-horizontal-padding: 8px;--mdc-filled-button-label-text-size: 14px}.xs{--mdc-filled-button-container-height: 24px;--mat-filled-button-horizontal-padding: 8px;--mdc-filled-button-label-text-size: 12px}:host::ng-deep .mdc-button__label{white-space:nowrap}\n"] }]
|
|
30
28
|
}] });
|
|
31
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
29
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYWRzLXVpL3NyYy9saWIvY29tcG9uZW50cy9idXR0b25zL2J1dHRvbi9idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hZHMtdWkvc3JjL2xpYi9jb21wb25lbnRzL2J1dHRvbnMvYnV0dG9uL2J1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7Ozs7QUFVbkUsTUFBTSxPQUFPLGtCQUFrQjtJQUwvQjtRQU1FLG1DQUFtQztRQUNuQyxPQUFFLEdBQUcsS0FBSyxDQUFTLEVBQUUsQ0FBQyxDQUFDO1FBRXZCLGtDQUFrQztRQUNsQyxZQUFPLEdBQUcsS0FBSyxDQUFVLFNBQVMsQ0FBQyxDQUFDO1FBRXBDLHFDQUFxQztRQUNyQyxhQUFRLEdBQUcsS0FBSyxDQUFVLEtBQUssQ0FBQyxDQUFDO1FBRWpDLDhDQUE4QztRQUM5QyxTQUFJLEdBQUcsS0FBSyxDQUFPLE1BQU0sQ0FBQyxDQUFDO1FBRTNCLDhDQUE4QztRQUM5QyxTQUFJLEdBQUcsS0FBSyxDQUFnQyxRQUFRLENBQUMsQ0FBQztRQUV0RCxjQUFjO1FBQ2QsZ0JBQVcsR0FBb0IsUUFBUSxDQUFDLEdBQUcsRUFBRSxDQUFDLENBQUMsSUFBSSxDQUFDLE9BQU8sRUFBRSxLQUFLLFdBQVcsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUMsQ0FBQyxDQUFDO1FBRTdHLGNBQWM7UUFDZCxnQkFBVyxHQUFvQixRQUFRLENBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLE9BQU8sRUFBRSxLQUFLLFdBQVcsQ0FBQyxDQUFDO0tBQy9FOzhHQXJCWSxrQkFBa0I7a0dBQWxCLGtCQUFrQixzcEJDVi9CLGlPQVVBOzsyRkRBYSxrQkFBa0I7a0JBTDlCLFNBQVM7K0JBQ0UsWUFBWSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgY29tcHV0ZWQsIGlucHV0LCBTaWduYWwgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuZXhwb3J0IHR5cGUgVmFyaWFudCA9ICdwcmltYXJ5JyB8ICdlcnJvcicgfCAnc2Vjb25kYXJ5JztcbmV4cG9ydCB0eXBlIFNpemUgPSAnYmFzZScgfCAnc20nIHwgJ3hzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYWRzLWJ1dHRvbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9idXR0b24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9idXR0b24uY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgQWRzQnV0dG9uQ29tcG9uZW50IHtcbiAgLyoqIFRoZSB1bmlxdWUgSUQgZm9yIHRoZSBidXR0b24gKi9cbiAgaWQgPSBpbnB1dDxzdHJpbmc+KCcnKTtcblxuICAvKiogVGhlIGJ1dHRvbiBhcHBlYXJhbmNlIHN0eWxlICovXG4gIHZhcmlhbnQgPSBpbnB1dDxWYXJpYW50PigncHJpbWFyeScpO1xuXG4gIC8qKiBXaGV0aGVyIHRoZSBidXR0b24gaXMgZGlzYWJsZWQgKi9cbiAgZGlzYWJsZWQgPSBpbnB1dDxib29sZWFuPihmYWxzZSk7XG5cbiAgLyoqIFdoZXRoZXIgdGhlIGJ1dHRvbiBpcyBhIHNtYWxsZXIgdmVyc2lvbiAqL1xuICBzaXplID0gaW5wdXQ8U2l6ZT4oJ2Jhc2UnKTtcblxuICAvKiogU2V0cyB0aGUgXCJ0eXBlXCIgYXR0cmlidXRlIG9uIHRoZSBidXR0b24gKi9cbiAgdHlwZSA9IGlucHV0PCdidXR0b24nIHwgJ3N1Ym1pdCcgfCAncmVzZXQnPignYnV0dG9uJyk7XG5cbiAgLyoqIEBpZ25vcmUgKi9cbiAgY2FsY1ZhcmlhbnQ6IFNpZ25hbDxWYXJpYW50PiA9IGNvbXB1dGVkKCgpID0+ICh0aGlzLnZhcmlhbnQoKSA9PT0gJ3NlY29uZGFyeScgPyAncHJpbWFyeScgOiB0aGlzLnZhcmlhbnQoKSkpO1xuXG4gIC8qKiBAaWdub3JlICovXG4gIGNhbGNSZXZlcnNlOiBTaWduYWw8Ym9vbGVhbj4gPSBjb21wdXRlZCgoKSA9PiB0aGlzLnZhcmlhbnQoKSA9PT0gJ3NlY29uZGFyeScpO1xufVxuIiwiPGJ1dHRvblxuICBtYXQtZmxhdC1idXR0b25cbiAgW2lkXT1cImlkKClcIlxuICBbY2xhc3MucmV2ZXJzZV09XCJjYWxjUmV2ZXJzZSgpXCJcbiAgW25nQ2xhc3NdPVwiW2NhbGNWYXJpYW50KCksIHNpemUoKV1cIlxuICBbZGlzYWJsZWRdPVwiZGlzYWJsZWQoKVwiXG4gIFtkaXNhYmxlUmlwcGxlXT1cInRydWVcIlxuPlxuICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG48L2J1dHRvbj5cbiJdfQ==
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Component,
|
|
1
|
+
import { Component, Input } from '@angular/core';
|
|
2
2
|
import { Colors } from '../general/color-palette/colors.enums';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
import * as i1 from "@angular/common";
|
|
@@ -7,21 +7,31 @@ export class AdsCardComponent {
|
|
|
7
7
|
/**
|
|
8
8
|
* Card border color
|
|
9
9
|
*/
|
|
10
|
-
this.borderColor =
|
|
10
|
+
this.borderColor = Colors.Light;
|
|
11
11
|
/**
|
|
12
12
|
* Card border width
|
|
13
13
|
*/
|
|
14
|
-
this.borderWidth =
|
|
14
|
+
this.borderWidth = 1;
|
|
15
|
+
/**
|
|
16
|
+
* Card border radius
|
|
17
|
+
*/
|
|
18
|
+
this.borderRadius = 10;
|
|
15
19
|
}
|
|
16
20
|
/** @ignore */
|
|
17
21
|
getBorderColor(color) {
|
|
18
22
|
return `var(--color-${color})`;
|
|
19
23
|
}
|
|
20
24
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
21
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
25
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: AdsCardComponent, selector: "ads-card", inputs: { borderColor: "borderColor", borderWidth: "borderWidth", borderRadius: "borderRadius" }, ngImport: i0, template: "<div\n class=\"card\"\n [ngStyle]=\"{\n borderWidth: borderWidth + 'px',\n borderColor: getBorderColor(borderColor),\n borderRadius: borderRadius + 'px',\n }\"\n>\n <ng-content />\n</div>\n", styles: [".card{padding:24px;border:1px solid var(--color-light);border-radius:10px;color:var(--color-dark)}\n"], dependencies: [{ kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
|
|
22
26
|
}
|
|
23
27
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsCardComponent, decorators: [{
|
|
24
28
|
type: Component,
|
|
25
|
-
args: [{ selector: 'ads-card', template: "<div\n class=\"card\"\n [ngStyle]=\"{\n borderWidth: borderWidth
|
|
26
|
-
}]
|
|
27
|
-
|
|
29
|
+
args: [{ selector: 'ads-card', template: "<div\n class=\"card\"\n [ngStyle]=\"{\n borderWidth: borderWidth + 'px',\n borderColor: getBorderColor(borderColor),\n borderRadius: borderRadius + 'px',\n }\"\n>\n <ng-content />\n</div>\n", styles: [".card{padding:24px;border:1px solid var(--color-light);border-radius:10px;color:var(--color-dark)}\n"] }]
|
|
30
|
+
}], propDecorators: { borderColor: [{
|
|
31
|
+
type: Input
|
|
32
|
+
}], borderWidth: [{
|
|
33
|
+
type: Input
|
|
34
|
+
}], borderRadius: [{
|
|
35
|
+
type: Input
|
|
36
|
+
}] } });
|
|
37
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Fkcy11aS9zcmMvbGliL2NvbXBvbmVudHMvY2FyZC9jYXJkLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYWRzLXVpL3NyYy9saWIvY29tcG9uZW50cy9jYXJkL2NhcmQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDakQsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLHVDQUF1QyxDQUFDOzs7QUFPL0QsTUFBTSxPQUFPLGdCQUFnQjtJQUw3QjtRQU1FOztXQUVHO1FBQ00sZ0JBQVcsR0FBVyxNQUFNLENBQUMsS0FBSyxDQUFDO1FBRTVDOztXQUVHO1FBQ00sZ0JBQVcsR0FBRyxDQUFDLENBQUM7UUFFekI7O1dBRUc7UUFDTSxpQkFBWSxHQUFHLEVBQUUsQ0FBQztLQU01QjtJQUpDLGNBQWM7SUFDZCxjQUFjLENBQUMsS0FBYTtRQUMxQixPQUFPLGVBQWUsS0FBSyxHQUFHLENBQUM7SUFDakMsQ0FBQzs4R0FuQlUsZ0JBQWdCO2tHQUFoQixnQkFBZ0Isa0pDUjdCLDRNQVVBOzsyRkRGYSxnQkFBZ0I7a0JBTDVCLFNBQVM7K0JBQ0UsVUFBVTs4QkFRWCxXQUFXO3NCQUFuQixLQUFLO2dCQUtHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBS0csWUFBWTtzQkFBcEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbG9ycyB9IGZyb20gJy4uL2dlbmVyYWwvY29sb3ItcGFsZXR0ZS9jb2xvcnMuZW51bXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhZHMtY2FyZCcsXG4gIHN0eWxlVXJsczogWydjYXJkLmNvbXBvbmVudC5zY3NzJ10sXG4gIHRlbXBsYXRlVXJsOiAnY2FyZC5jb21wb25lbnQuaHRtbCcsXG59KVxuZXhwb3J0IGNsYXNzIEFkc0NhcmRDb21wb25lbnQge1xuICAvKipcbiAgICogQ2FyZCBib3JkZXIgY29sb3JcbiAgICovXG4gIEBJbnB1dCgpIGJvcmRlckNvbG9yOiBDb2xvcnMgPSBDb2xvcnMuTGlnaHQ7XG5cbiAgLyoqXG4gICAqIENhcmQgYm9yZGVyIHdpZHRoXG4gICAqL1xuICBASW5wdXQoKSBib3JkZXJXaWR0aCA9IDE7XG5cbiAgLyoqXG4gICAqIENhcmQgYm9yZGVyIHJhZGl1c1xuICAgKi9cbiAgQElucHV0KCkgYm9yZGVyUmFkaXVzID0gMTA7XG5cbiAgLyoqIEBpZ25vcmUgKi9cbiAgZ2V0Qm9yZGVyQ29sb3IoY29sb3I6IHN0cmluZyk6IHN0cmluZyB7XG4gICAgcmV0dXJuIGB2YXIoLS1jb2xvci0ke2NvbG9yfSlgO1xuICB9XG59XG4iLCI8ZGl2XG4gIGNsYXNzPVwiY2FyZFwiXG4gIFtuZ1N0eWxlXT1cIntcbiAgICBib3JkZXJXaWR0aDogYm9yZGVyV2lkdGggKyAncHgnLFxuICAgIGJvcmRlckNvbG9yOiBnZXRCb3JkZXJDb2xvcihib3JkZXJDb2xvciksXG4gICAgYm9yZGVyUmFkaXVzOiBib3JkZXJSYWRpdXMgKyAncHgnLFxuICB9XCJcbj5cbiAgPG5nLWNvbnRlbnQgLz5cbjwvZGl2PlxuIl19
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { Component, Input } from '@angular/core';
|
|
2
|
+
import { Colors } from '../general/color-palette/colors.enums';
|
|
2
3
|
import * as i0 from "@angular/core";
|
|
3
4
|
import * as i1 from "@angular/common";
|
|
4
5
|
export class DividerComponent {
|
|
@@ -10,13 +11,7 @@ export class DividerComponent {
|
|
|
10
11
|
/**
|
|
11
12
|
* The divider color
|
|
12
13
|
*/
|
|
13
|
-
this.color =
|
|
14
|
-
/** @ignore */
|
|
15
|
-
this.colors = {
|
|
16
|
-
primary: '--color-primary',
|
|
17
|
-
secondary: '--color-secondary',
|
|
18
|
-
light: '--color-light',
|
|
19
|
-
};
|
|
14
|
+
this.color = Colors.Light;
|
|
20
15
|
}
|
|
21
16
|
/** @ignore */
|
|
22
17
|
ngOnInit() {
|
|
@@ -26,7 +21,7 @@ export class DividerComponent {
|
|
|
26
21
|
setDividerStyle() {
|
|
27
22
|
this.style = {
|
|
28
23
|
margin: `${this.margin}px`,
|
|
29
|
-
'background-color': `var(
|
|
24
|
+
'background-color': `var(--color-${this.color})`,
|
|
30
25
|
};
|
|
31
26
|
}
|
|
32
27
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: DividerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
@@ -40,4 +35,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImpor
|
|
|
40
35
|
}], color: [{
|
|
41
36
|
type: Input
|
|
42
37
|
}] } });
|
|
43
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
38
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGl2aWRlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Fkcy11aS9zcmMvbGliL2NvbXBvbmVudHMvZGl2aWRlci9kaXZpZGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYWRzLXVpL3NyYy9saWIvY29tcG9uZW50cy9kaXZpZGVyL2RpdmlkZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFDekQsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLHVDQUF1QyxDQUFDOzs7QUFZL0QsTUFBTSxPQUFPLGdCQUFnQjtJQUw3QjtRQU1FOztXQUVHO1FBQ00sV0FBTSxHQUFvQixDQUFDLENBQUM7UUFFckM7O1dBRUc7UUFDTSxVQUFLLEdBQVcsTUFBTSxDQUFDLEtBQUssQ0FBQztLQWlCdkM7SUFaQyxjQUFjO0lBQ2QsUUFBUTtRQUNOLElBQUksQ0FBQyxlQUFlLEVBQUUsQ0FBQztJQUN6QixDQUFDO0lBRUQsY0FBYztJQUNOLGVBQWU7UUFDckIsSUFBSSxDQUFDLEtBQUssR0FBRztZQUNYLE1BQU0sRUFBRSxHQUFHLElBQUksQ0FBQyxNQUFNLElBQUk7WUFDMUIsa0JBQWtCLEVBQUUsZUFBZSxJQUFJLENBQUMsS0FBSyxHQUFHO1NBQ2pELENBQUM7SUFDSixDQUFDOzhHQXpCVSxnQkFBZ0I7a0dBQWhCLGdCQUFnQixpR0NiN0IseURBQ0E7OzJGRFlhLGdCQUFnQjtrQkFMNUIsU0FBUzsrQkFDRSxhQUFhOzhCQVFkLE1BQU07c0JBQWQsS0FBSztnQkFLRyxLQUFLO3NCQUFiLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbG9ycyB9IGZyb20gJy4uL2dlbmVyYWwvY29sb3ItcGFsZXR0ZS9jb2xvcnMuZW51bXMnO1xuXG5leHBvcnQgdHlwZSBEaXZpZGVyU3R5bGUgPSB7XG4gIG1hcmdpbjogc3RyaW5nIHwgbnVtYmVyO1xuICAnYmFja2dyb3VuZC1jb2xvcic6IHN0cmluZztcbn07XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2Fkcy1kaXZpZGVyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2RpdmlkZXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9kaXZpZGVyLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIERpdmlkZXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICAvKipcbiAgICogVGhlIGRpdmlkZXIgbGVmdCBhbmQgcmlnaHQgbWFyZ2luXG4gICAqL1xuICBASW5wdXQoKSBtYXJnaW46IHN0cmluZyB8IG51bWJlciA9IDA7XG5cbiAgLyoqXG4gICAqIFRoZSBkaXZpZGVyIGNvbG9yXG4gICAqL1xuICBASW5wdXQoKSBjb2xvcjogQ29sb3JzID0gQ29sb3JzLkxpZ2h0O1xuXG4gIC8qKiBAaWdub3JlICovXG4gIHB1YmxpYyBzdHlsZSE6IERpdmlkZXJTdHlsZTtcblxuICAvKiogQGlnbm9yZSAqL1xuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLnNldERpdmlkZXJTdHlsZSgpO1xuICB9XG5cbiAgLyoqIEBpZ25vcmUgKi9cbiAgcHJpdmF0ZSBzZXREaXZpZGVyU3R5bGUoKSB7XG4gICAgdGhpcy5zdHlsZSA9IHtcbiAgICAgIG1hcmdpbjogYCR7dGhpcy5tYXJnaW59cHhgLFxuICAgICAgJ2JhY2tncm91bmQtY29sb3InOiBgdmFyKC0tY29sb3ItJHt0aGlzLmNvbG9yfSlgLFxuICAgIH07XG4gIH1cbn1cbiIsIjxkaXYgW25nU3R5bGVdPVwic3R5bGVcIiBjbGFzcz1cImFkcy1kaXZpZGVyXCI+PC9kaXY+XG4iXX0=
|