@design-system-rte/angular 0.2.0 → 0.2.1
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/ng-package.json +10 -0
- package/package.json +4 -17
- package/src/lib/components/button/button.component.html +10 -0
- package/src/lib/components/button/button.component.scss +156 -0
- package/src/lib/components/button/button.component.spec.ts +22 -0
- package/src/lib/components/button/button.component.stories.ts +99 -0
- package/src/lib/components/button/button.component.ts +27 -0
- package/src/lib/components/checkbox/checkbox.component.html +31 -0
- package/src/lib/components/checkbox/checkbox.component.scss +170 -0
- package/src/lib/components/checkbox/checkbox.component.stories.ts +126 -0
- package/src/lib/components/checkbox/checkbox.component.ts +34 -0
- package/src/lib/components/checkbox-group/checkbox-group.component.html +46 -0
- package/src/lib/components/checkbox-group/checkbox-group.component.scss +82 -0
- package/src/lib/components/checkbox-group/checkbox-group.component.stories.ts +121 -0
- package/src/lib/components/checkbox-group/checkbox-group.component.ts +28 -0
- package/src/lib/components/grid/col/col.directive.ts +35 -0
- package/src/lib/components/grid/grid.directive.stories.ts +150 -0
- package/src/lib/components/grid/grid.directive.ts +22 -0
- package/src/lib/components/icon/icon-map.ts +301 -0
- package/src/lib/components/icon/icon.component.html +1 -0
- package/src/lib/components/icon/icon.component.scss +3 -0
- package/src/lib/components/icon/icon.component.ts +58 -0
- package/src/lib/components/icon/icon.service.ts +33 -0
- package/src/lib/components/icon/icon.stories.ts +84 -0
- package/src/lib/components/link/link.component.html +6 -0
- package/src/lib/components/link/link.component.scss +108 -0
- package/src/lib/components/link/link.component.stories.ts +61 -0
- package/src/lib/components/link/link.component.ts +18 -0
- package/src/lib/components/radio-button/radio-button.component.html +24 -0
- package/src/lib/components/radio-button/radio-button.component.scss +135 -0
- package/src/lib/components/radio-button/radio-button.component.stories.ts +76 -0
- package/src/lib/components/radio-button/radio-button.component.ts +22 -0
- package/src/lib/components/radio-button-group/radio-button-group.component.html +45 -0
- package/src/lib/components/radio-button-group/radio-button-group.component.scss +82 -0
- package/src/lib/components/radio-button-group/radio-button-group.component.stories.ts +121 -0
- package/src/lib/components/radio-button-group/radio-button-group.component.ts +28 -0
- package/src/lib/components/tooltip/tooltip.component.html +7 -0
- package/src/lib/components/tooltip/tooltip.component.scss +118 -0
- package/src/lib/components/tooltip/tooltip.component.ts +16 -0
- package/src/lib/components/tooltip/tooltip.directive.stories.ts +218 -0
- package/src/lib/components/tooltip/tooltip.directive.ts +187 -0
- package/src/public-api.ts +9 -0
- package/tsconfig.lib.json +22 -0
- package/tsconfig.lib.prod.json +10 -0
- package/tsconfig.spec.json +14 -0
- package/design-system-rte-angular.d.ts.map +0 -1
- package/esm2022/design-system-rte-angular.mjs +0 -5
- package/esm2022/lib/components/button/button.component.mjs +0 -22
- package/esm2022/lib/components/checkbox/checkbox.component.mjs +0 -34
- package/esm2022/lib/components/checkbox-group/checkbox-group.component.mjs +0 -29
- package/esm2022/lib/components/grid/col/col.directive.mjs +0 -41
- package/esm2022/lib/components/grid/grid.directive.mjs +0 -30
- package/esm2022/lib/components/link/link.component.mjs +0 -19
- package/esm2022/lib/components/radio-button/radio-button.component.mjs +0 -24
- package/esm2022/lib/components/radio-button-group/radio-button-group.component.mjs +0 -29
- package/esm2022/public-api.mjs +0 -12
- package/fesm2022/design-system-rte-angular.mjs +0 -215
- package/fesm2022/design-system-rte-angular.mjs.map +0 -1
- package/index.d.ts +0 -6
- package/lib/components/button/button.component.d.ts +0 -13
- package/lib/components/button/button.component.d.ts.map +0 -1
- package/lib/components/checkbox/checkbox.component.d.ts +0 -19
- package/lib/components/checkbox/checkbox.component.d.ts.map +0 -1
- package/lib/components/checkbox-group/checkbox-group.component.d.ts +0 -19
- package/lib/components/checkbox-group/checkbox-group.component.d.ts.map +0 -1
- package/lib/components/grid/col/col.directive.d.ts +0 -15
- package/lib/components/grid/col/col.directive.d.ts.map +0 -1
- package/lib/components/grid/grid.directive.d.ts +0 -11
- package/lib/components/grid/grid.directive.d.ts.map +0 -1
- package/lib/components/link/link.component.d.ts +0 -10
- package/lib/components/link/link.component.d.ts.map +0 -1
- package/lib/components/radio-button/radio-button.component.d.ts +0 -14
- package/lib/components/radio-button/radio-button.component.d.ts.map +0 -1
- package/lib/components/radio-button-group/radio-button-group.component.d.ts +0 -19
- package/lib/components/radio-button-group/radio-button-group.component.d.ts.map +0 -1
- package/public-api.d.ts +0 -9
- package/public-api.d.ts.map +0 -1
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
import { Component, computed, input } from "@angular/core";
|
|
2
|
-
import { CommonModule } from "@angular/common";
|
|
3
|
-
import { CheckboxComponent } from "../checkbox/checkbox.component";
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
import * as i1 from "@angular/common";
|
|
6
|
-
export class CheckboxGroupComponent {
|
|
7
|
-
constructor() {
|
|
8
|
-
this.groupName = input.required();
|
|
9
|
-
this.items = input.required();
|
|
10
|
-
this.direction = input('horizontal');
|
|
11
|
-
this.showItemsLabel = input(true);
|
|
12
|
-
this.groupTitle = input('');
|
|
13
|
-
this.showGroupTitle = input(false);
|
|
14
|
-
this.groupHelpText = input('');
|
|
15
|
-
this.showHelpText = input(false);
|
|
16
|
-
this.errorMessage = input('');
|
|
17
|
-
this.error = input(false);
|
|
18
|
-
this.disabled = input(false);
|
|
19
|
-
this.readOnly = input(false);
|
|
20
|
-
this.isDisplayed = computed(() => !(this.disabled() && this.error()));
|
|
21
|
-
}
|
|
22
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CheckboxGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
23
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.3.12", type: CheckboxGroupComponent, isStandalone: true, selector: "rte-checkbox-group", inputs: { groupName: { classPropertyName: "groupName", publicName: "groupName", isSignal: true, isRequired: true, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: true, transformFunction: null }, direction: { classPropertyName: "direction", publicName: "direction", isSignal: true, isRequired: false, transformFunction: null }, showItemsLabel: { classPropertyName: "showItemsLabel", publicName: "showItemsLabel", isSignal: true, isRequired: false, transformFunction: null }, groupTitle: { classPropertyName: "groupTitle", publicName: "groupTitle", isSignal: true, isRequired: false, transformFunction: null }, showGroupTitle: { classPropertyName: "showGroupTitle", publicName: "showGroupTitle", isSignal: true, isRequired: false, transformFunction: null }, groupHelpText: { classPropertyName: "groupHelpText", publicName: "groupHelpText", isSignal: true, isRequired: false, transformFunction: null }, showHelpText: { classPropertyName: "showHelpText", publicName: "showHelpText", isSignal: true, isRequired: false, transformFunction: null }, errorMessage: { classPropertyName: "errorMessage", publicName: "errorMessage", isSignal: true, isRequired: false, transformFunction: null }, error: { classPropertyName: "error", publicName: "error", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readOnly: { classPropertyName: "readOnly", publicName: "readOnly", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div \n *ngIf=\"isDisplayed()\"\n class=\"checkbox-group-container\">\n <div\n class=\"checkbox-group-header\"\n [ngClass]=\"{\n 'disabled': disabled(),\n 'error': error(),\n 'read-only': readOnly(),\n }\">\n <h3\n *ngIf=\"showGroupTitle()\"\n class=\"group-title\"\n >\n {{ groupTitle() }}\n </h3>\n <p\n *ngIf=\"showHelpText()\"\n class=\"group-help-text\"\n >\n {{ groupHelpText() }}\n\n </p>\n <p\n *ngIf=\"error()\"\n class=\"group-error-message\"\n >\n {{ errorMessage() }}\n </p>\n </div>\n <div class=\"checkbox-group\" \n [ngClass]=\"{'horizontal': direction() === 'horizontal', 'vertical': direction() === 'vertical'}\">\n <ng-container \n *ngFor=\"let item of items(); let i = index\">\n <rte-checkbox\n [id]=\"item + '-' + i\"\n [label]=\"item\"\n [groupName]=\"groupName()\"\n [showLabel]=\"showItemsLabel()\"\n [disabled]=\"disabled()\"\n [error]=\"error()\"\n [readOnly]=\"readOnly()\"\n />\n </ng-container>\n </div>\n</div>", styles: ["@import\"https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:wght,FILL,GRAD@400,0,0&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap\";.checkbox-group-container{display:flex;padding:0;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px}.checkbox-group-container .checkbox-group-header .group-title{font-feature-settings:\"liga\" off,\"clig\" off;font-style:normal;font-family:Nunito;font-weight:600;font-size:20px;line-height:28px;letter-spacing:-.5px;align-self:stretch;margin:0}.checkbox-group-container .checkbox-group-header .group-help-text{font-feature-settings:\"liga\" off,\"clig\" off;font-style:normal;font-family:Arial;font-weight:400;font-size:14px;line-height:20px;letter-spacing:0px;color:var(--content-tertiary);align-self:stretch;margin:0}.checkbox-group-container .checkbox-group-header .group-error-message{font-feature-settings:\"liga\" off,\"clig\" off;font-style:normal;font-family:Arial;font-weight:700;font-size:14px;line-height:20px;letter-spacing:0px;color:var(--content-danger);align-self:stretch;margin:4px 0 0}.checkbox-group-container .checkbox-group-header.error .group-title{color:var(--content-danger)}.checkbox-group-container .checkbox-group-header.read-only .group-title{color:var(--content-tertiary)}.checkbox-group-container .checkbox-group-header.read-only .error .group-title{color:var(--content-danger)}.checkbox-group-container .checkbox-group-header.disabled{pointer-events:none}.checkbox-group-container .checkbox-group-header.disabled .group-title,.checkbox-group-container .checkbox-group-header.disabled .group-help-text{color:var(--content-disabled)}.checkbox-group-container .checkbox-group{display:flex;flex-direction:row;padding:0;align-items:flex-start;gap:24px}.checkbox-group-container .checkbox-group.vertical{flex-direction:column;gap:8px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: CheckboxComponent, selector: "rte-checkbox", inputs: ["id", "label", "value", "indeterminate", "description", "showLabel", "disabled", "error", "errorMessage", "readOnly", "checked", "groupName"] }] }); }
|
|
24
|
-
}
|
|
25
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CheckboxGroupComponent, decorators: [{
|
|
26
|
-
type: Component,
|
|
27
|
-
args: [{ selector: 'rte-checkbox-group', standalone: true, imports: [CommonModule, CheckboxComponent], template: "<div \n *ngIf=\"isDisplayed()\"\n class=\"checkbox-group-container\">\n <div\n class=\"checkbox-group-header\"\n [ngClass]=\"{\n 'disabled': disabled(),\n 'error': error(),\n 'read-only': readOnly(),\n }\">\n <h3\n *ngIf=\"showGroupTitle()\"\n class=\"group-title\"\n >\n {{ groupTitle() }}\n </h3>\n <p\n *ngIf=\"showHelpText()\"\n class=\"group-help-text\"\n >\n {{ groupHelpText() }}\n\n </p>\n <p\n *ngIf=\"error()\"\n class=\"group-error-message\"\n >\n {{ errorMessage() }}\n </p>\n </div>\n <div class=\"checkbox-group\" \n [ngClass]=\"{'horizontal': direction() === 'horizontal', 'vertical': direction() === 'vertical'}\">\n <ng-container \n *ngFor=\"let item of items(); let i = index\">\n <rte-checkbox\n [id]=\"item + '-' + i\"\n [label]=\"item\"\n [groupName]=\"groupName()\"\n [showLabel]=\"showItemsLabel()\"\n [disabled]=\"disabled()\"\n [error]=\"error()\"\n [readOnly]=\"readOnly()\"\n />\n </ng-container>\n </div>\n</div>", styles: ["@import\"https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:wght,FILL,GRAD@400,0,0&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap\";.checkbox-group-container{display:flex;padding:0;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px}.checkbox-group-container .checkbox-group-header .group-title{font-feature-settings:\"liga\" off,\"clig\" off;font-style:normal;font-family:Nunito;font-weight:600;font-size:20px;line-height:28px;letter-spacing:-.5px;align-self:stretch;margin:0}.checkbox-group-container .checkbox-group-header .group-help-text{font-feature-settings:\"liga\" off,\"clig\" off;font-style:normal;font-family:Arial;font-weight:400;font-size:14px;line-height:20px;letter-spacing:0px;color:var(--content-tertiary);align-self:stretch;margin:0}.checkbox-group-container .checkbox-group-header .group-error-message{font-feature-settings:\"liga\" off,\"clig\" off;font-style:normal;font-family:Arial;font-weight:700;font-size:14px;line-height:20px;letter-spacing:0px;color:var(--content-danger);align-self:stretch;margin:4px 0 0}.checkbox-group-container .checkbox-group-header.error .group-title{color:var(--content-danger)}.checkbox-group-container .checkbox-group-header.read-only .group-title{color:var(--content-tertiary)}.checkbox-group-container .checkbox-group-header.read-only .error .group-title{color:var(--content-danger)}.checkbox-group-container .checkbox-group-header.disabled{pointer-events:none}.checkbox-group-container .checkbox-group-header.disabled .group-title,.checkbox-group-container .checkbox-group-header.disabled .group-help-text{color:var(--content-disabled)}.checkbox-group-container .checkbox-group{display:flex;flex-direction:row;padding:0;align-items:flex-start;gap:24px}.checkbox-group-container .checkbox-group.vertical{flex-direction:column;gap:8px}\n"] }]
|
|
28
|
-
}] });
|
|
29
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hlY2tib3gtZ3JvdXAuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZHMtcnRlLWxpYi9zcmMvbGliL2NvbXBvbmVudHMvY2hlY2tib3gtZ3JvdXAvY2hlY2tib3gtZ3JvdXAuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZHMtcnRlLWxpYi9zcmMvbGliL2NvbXBvbmVudHMvY2hlY2tib3gtZ3JvdXAvY2hlY2tib3gtZ3JvdXAuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzNELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQzs7O0FBVW5FLE1BQU0sT0FBTyxzQkFBc0I7SUFSbkM7UUFTSSxjQUFTLEdBQUcsS0FBSyxDQUFDLFFBQVEsRUFBVSxDQUFDO1FBQ3JDLFVBQUssR0FBRyxLQUFLLENBQUMsUUFBUSxFQUFZLENBQUM7UUFDbkMsY0FBUyxHQUFHLEtBQUssQ0FBQyxZQUFZLENBQUMsQ0FBQztRQUNoQyxtQkFBYyxHQUFHLEtBQUssQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUM3QixlQUFVLEdBQUcsS0FBSyxDQUFDLEVBQUUsQ0FBQyxDQUFDO1FBQ3ZCLG1CQUFjLEdBQUcsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQzlCLGtCQUFhLEdBQUcsS0FBSyxDQUFDLEVBQUUsQ0FBQyxDQUFDO1FBQzFCLGlCQUFZLEdBQUcsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQzVCLGlCQUFZLEdBQUcsS0FBSyxDQUFDLEVBQUUsQ0FBQyxDQUFDO1FBQ3pCLFVBQUssR0FBRyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDckIsYUFBUSxHQUFHLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUN4QixhQUFRLEdBQUcsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBRXhCLGdCQUFXLEdBQUcsUUFBUSxDQUFDLEdBQUcsRUFBRSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUFFLElBQUksSUFBSSxDQUFDLEtBQUssRUFBRSxDQUFDLENBQUMsQ0FBQztLQUVwRTsrR0FoQlksc0JBQXNCO21HQUF0QixzQkFBc0IseXFEQ1puQyxrbkNBNkNNLHk2RER0Q00sWUFBWSw4VkFBRSxpQkFBaUI7OzRGQUs5QixzQkFBc0I7a0JBUmxDLFNBQVM7K0JBQ0Usb0JBQW9CLGNBQ2xCLElBQUksV0FDUCxDQUFDLFlBQVksRUFBRSxpQkFBaUIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgY29tcHV0ZWQsIGlucHV0IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gXCJAYW5ndWxhci9jb21tb25cIjtcbmltcG9ydCB7IENoZWNrYm94Q29tcG9uZW50IH0gZnJvbSBcIi4uL2NoZWNrYm94L2NoZWNrYm94LmNvbXBvbmVudFwiO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdydGUtY2hlY2tib3gtZ3JvdXAnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBDaGVja2JveENvbXBvbmVudF0sXG4gIHRlbXBsYXRlVXJsOiAnLi9jaGVja2JveC1ncm91cC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2NoZWNrYm94LWdyb3VwLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuXG5leHBvcnQgY2xhc3MgQ2hlY2tib3hHcm91cENvbXBvbmVudCB7XG4gICAgZ3JvdXBOYW1lID0gaW5wdXQucmVxdWlyZWQ8c3RyaW5nPigpO1xuICAgIGl0ZW1zID0gaW5wdXQucmVxdWlyZWQ8c3RyaW5nW10+KCk7XG4gICAgZGlyZWN0aW9uID0gaW5wdXQoJ2hvcml6b250YWwnKTtcbiAgICBzaG93SXRlbXNMYWJlbCA9IGlucHV0KHRydWUpO1xuICAgIGdyb3VwVGl0bGUgPSBpbnB1dCgnJyk7XG4gICAgc2hvd0dyb3VwVGl0bGUgPSBpbnB1dChmYWxzZSk7XG4gICAgZ3JvdXBIZWxwVGV4dCA9IGlucHV0KCcnKTtcbiAgICBzaG93SGVscFRleHQgPSBpbnB1dChmYWxzZSk7XG4gICAgZXJyb3JNZXNzYWdlID0gaW5wdXQoJycpO1xuICAgIGVycm9yID0gaW5wdXQoZmFsc2UpO1xuICAgIGRpc2FibGVkID0gaW5wdXQoZmFsc2UpO1xuICAgIHJlYWRPbmx5ID0gaW5wdXQoZmFsc2UpO1xuXG4gICAgaXNEaXNwbGF5ZWQgPSBjb21wdXRlZCgoKSA9PiAhKHRoaXMuZGlzYWJsZWQoKSAmJiB0aGlzLmVycm9yKCkpKTtcblxufVxuXG4iLCI8ZGl2ICBcbiAgKm5nSWY9XCJpc0Rpc3BsYXllZCgpXCJcbiAgY2xhc3M9XCJjaGVja2JveC1ncm91cC1jb250YWluZXJcIj5cbiAgPGRpdlxuICAgIGNsYXNzPVwiY2hlY2tib3gtZ3JvdXAtaGVhZGVyXCJcbiAgICBbbmdDbGFzc109XCJ7XG4gICAgICAgICdkaXNhYmxlZCc6IGRpc2FibGVkKCksXG4gICAgICAgICdlcnJvcic6IGVycm9yKCksXG4gICAgICAgICdyZWFkLW9ubHknOiByZWFkT25seSgpLFxuICAgIH1cIj5cbiAgICA8aDNcbiAgICAgICAgKm5nSWY9XCJzaG93R3JvdXBUaXRsZSgpXCJcbiAgICAgICAgY2xhc3M9XCJncm91cC10aXRsZVwiXG4gICAgICAgID5cbiAgICAgICAge3sgZ3JvdXBUaXRsZSgpIH19XG4gICAgPC9oMz5cbiAgICA8cFxuICAgICAgICAqbmdJZj1cInNob3dIZWxwVGV4dCgpXCJcbiAgICAgICAgY2xhc3M9XCJncm91cC1oZWxwLXRleHRcIlxuICAgICAgICA+XG4gICAgICAgIHt7IGdyb3VwSGVscFRleHQoKSB9fVxuXG4gICAgPC9wPlxuICAgIDxwXG4gICAgICAgICpuZ0lmPVwiZXJyb3IoKVwiXG4gICAgICAgIGNsYXNzPVwiZ3JvdXAtZXJyb3ItbWVzc2FnZVwiXG4gICAgICAgID5cbiAgICAgICAge3sgZXJyb3JNZXNzYWdlKCkgfX1cbiAgICA8L3A+XG4gIDwvZGl2PlxuICA8ZGl2IGNsYXNzPVwiY2hlY2tib3gtZ3JvdXBcIiBcbiAgICBbbmdDbGFzc109XCJ7J2hvcml6b250YWwnOiBkaXJlY3Rpb24oKSA9PT0gJ2hvcml6b250YWwnLCAndmVydGljYWwnOiBkaXJlY3Rpb24oKSA9PT0gJ3ZlcnRpY2FsJ31cIj5cbiAgICA8bmctY29udGFpbmVyIFxuICAgICpuZ0Zvcj1cImxldCBpdGVtIG9mIGl0ZW1zKCk7IGxldCBpID0gaW5kZXhcIj5cbiAgICAgIDxydGUtY2hlY2tib3hcbiAgICAgIFtpZF09XCJpdGVtICsgJy0nICsgaVwiXG4gICAgICBbbGFiZWxdPVwiaXRlbVwiXG4gICAgICBbZ3JvdXBOYW1lXT1cImdyb3VwTmFtZSgpXCJcbiAgICAgIFtzaG93TGFiZWxdPVwic2hvd0l0ZW1zTGFiZWwoKVwiXG4gICAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZWQoKVwiXG4gICAgICBbZXJyb3JdPVwiZXJyb3IoKVwiXG4gICAgICBbcmVhZE9ubHldPVwicmVhZE9ubHkoKVwiXG4gICAgICAvPlxuICAgIDwvbmctY29udGFpbmVyPlxuICA8L2Rpdj5cbjwvZGl2PiJdfQ==
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
import { Directive, HostBinding, input } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
export class ColDirective {
|
|
4
|
-
get colClasses() {
|
|
5
|
-
return [
|
|
6
|
-
'col',
|
|
7
|
-
this.generateColumnClass('col-xxs', this.xxs()),
|
|
8
|
-
this.generateColumnClass('col-xs', this.xs()),
|
|
9
|
-
this.generateColumnClass('col-s', this.s()),
|
|
10
|
-
this.generateColumnClass('col-m', this.m()),
|
|
11
|
-
this.generateColumnClass('col-l', this.l()),
|
|
12
|
-
this.generateColumnClass('col-xl', this.xl()),
|
|
13
|
-
]
|
|
14
|
-
.filter(Boolean)
|
|
15
|
-
.join(' ');
|
|
16
|
-
}
|
|
17
|
-
constructor() {
|
|
18
|
-
this.xxs = input();
|
|
19
|
-
this.xs = input();
|
|
20
|
-
this.s = input();
|
|
21
|
-
this.m = input();
|
|
22
|
-
this.l = input();
|
|
23
|
-
this.xl = input();
|
|
24
|
-
}
|
|
25
|
-
generateColumnClass(prefix, size) {
|
|
26
|
-
return size ? `${prefix}-${size}` : '';
|
|
27
|
-
}
|
|
28
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ColDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
29
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "17.3.12", type: ColDirective, isStandalone: true, selector: "[dsCol]", inputs: { xxs: { classPropertyName: "xxs", publicName: "xxs", isSignal: true, isRequired: false, transformFunction: null }, xs: { classPropertyName: "xs", publicName: "xs", isSignal: true, isRequired: false, transformFunction: null }, s: { classPropertyName: "s", publicName: "s", isSignal: true, isRequired: false, transformFunction: null }, m: { classPropertyName: "m", publicName: "m", isSignal: true, isRequired: false, transformFunction: null }, l: { classPropertyName: "l", publicName: "l", isSignal: true, isRequired: false, transformFunction: null }, xl: { classPropertyName: "xl", publicName: "xl", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "this.colClasses" } }, ngImport: i0 }); }
|
|
30
|
-
}
|
|
31
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ColDirective, decorators: [{
|
|
32
|
-
type: Directive,
|
|
33
|
-
args: [{
|
|
34
|
-
selector: '[dsCol]',
|
|
35
|
-
standalone: true
|
|
36
|
-
}]
|
|
37
|
-
}], ctorParameters: () => [], propDecorators: { colClasses: [{
|
|
38
|
-
type: HostBinding,
|
|
39
|
-
args: ["class"]
|
|
40
|
-
}] } });
|
|
41
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RzLXJ0ZS1saWIvc3JjL2xpYi9jb21wb25lbnRzL2dyaWQvY29sL2NvbC5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQU05RCxNQUFNLE9BQU8sWUFBWTtJQVNyQixJQUNJLFVBQVU7UUFDZCxPQUFPO1lBQ0wsS0FBSztZQUNMLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxTQUFTLEVBQUUsSUFBSSxDQUFDLEdBQUcsRUFBRSxDQUFDO1lBQy9DLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxRQUFRLEVBQUUsSUFBSSxDQUFDLEVBQUUsRUFBRSxDQUFDO1lBQzdDLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxPQUFPLEVBQUUsSUFBSSxDQUFDLENBQUMsRUFBRSxDQUFDO1lBQzNDLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxPQUFPLEVBQUUsSUFBSSxDQUFDLENBQUMsRUFBRSxDQUFDO1lBQzNDLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxPQUFPLEVBQUUsSUFBSSxDQUFDLENBQUMsRUFBRSxDQUFDO1lBQzNDLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxRQUFRLEVBQUUsSUFBSSxDQUFDLEVBQUUsRUFBRSxDQUFDO1NBQzlDO2FBQ0UsTUFBTSxDQUFDLE9BQU8sQ0FBQzthQUNmLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQztJQUNmLENBQUM7SUFFRDtRQXRCRSxRQUFHLEdBQUcsS0FBSyxFQUFVLENBQUE7UUFDckIsT0FBRSxHQUFHLEtBQUssRUFBVSxDQUFBO1FBQ3BCLE1BQUMsR0FBRyxLQUFLLEVBQVUsQ0FBQTtRQUNuQixNQUFDLEdBQUcsS0FBSyxFQUFVLENBQUE7UUFDbkIsTUFBQyxHQUFHLEtBQUssRUFBVSxDQUFBO1FBQ25CLE9BQUUsR0FBRyxLQUFLLEVBQVUsQ0FBQTtJQWlCTixDQUFDO0lBRVQsbUJBQW1CLENBQUMsTUFBYyxFQUFFLElBQWE7UUFDdkQsT0FBTyxJQUFJLENBQUMsQ0FBQyxDQUFDLEdBQUcsTUFBTSxJQUFJLElBQUksRUFBRSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUM7SUFDekMsQ0FBQzsrR0E1QlUsWUFBWTttR0FBWixZQUFZOzs0RkFBWixZQUFZO2tCQUp4QixTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxTQUFTO29CQUNuQixVQUFVLEVBQUUsSUFBSTtpQkFDakI7d0RBV08sVUFBVTtzQkFEYixXQUFXO3VCQUFFLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIEhvc3RCaW5kaW5nLCBpbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdbZHNDb2xdJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZVxufSlcbmV4cG9ydCBjbGFzcyBDb2xEaXJlY3RpdmUge1xuXG4gICAgeHhzID0gaW5wdXQ8bnVtYmVyPigpXG4gICAgeHMgPSBpbnB1dDxudW1iZXI+KClcbiAgICBzID0gaW5wdXQ8bnVtYmVyPigpXG4gICAgbSA9IGlucHV0PG51bWJlcj4oKVxuICAgIGwgPSBpbnB1dDxudW1iZXI+KClcbiAgICB4bCA9IGlucHV0PG51bWJlcj4oKSAgXG5cbiAgICBASG9zdEJpbmRpbmcgKFwiY2xhc3NcIikgXG4gICAgZ2V0IGNvbENsYXNzZXMoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gW1xuICAgICAgJ2NvbCcsXG4gICAgICB0aGlzLmdlbmVyYXRlQ29sdW1uQ2xhc3MoJ2NvbC14eHMnLCB0aGlzLnh4cygpKSxcbiAgICAgIHRoaXMuZ2VuZXJhdGVDb2x1bW5DbGFzcygnY29sLXhzJywgdGhpcy54cygpKSxcbiAgICAgIHRoaXMuZ2VuZXJhdGVDb2x1bW5DbGFzcygnY29sLXMnLCB0aGlzLnMoKSksXG4gICAgICB0aGlzLmdlbmVyYXRlQ29sdW1uQ2xhc3MoJ2NvbC1tJywgdGhpcy5tKCkpLFxuICAgICAgdGhpcy5nZW5lcmF0ZUNvbHVtbkNsYXNzKCdjb2wtbCcsIHRoaXMubCgpKSxcbiAgICAgIHRoaXMuZ2VuZXJhdGVDb2x1bW5DbGFzcygnY29sLXhsJywgdGhpcy54bCgpKSxcbiAgICBdXG4gICAgICAuZmlsdGVyKEJvb2xlYW4pXG4gICAgICAuam9pbignICcpO1xuICB9XG5cbiAgY29uc3RydWN0b3IoKSB7IH1cblxuICBwcml2YXRlIGdlbmVyYXRlQ29sdW1uQ2xhc3MocHJlZml4OiBzdHJpbmcsIHNpemU/OiBudW1iZXIpOiBzdHJpbmcge1xuICAgIHJldHVybiBzaXplID8gYCR7cHJlZml4fS0ke3NpemV9YCA6ICcnO1xuICB9XG5cbn1cbiJdfQ==
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import { Directive, HostBinding, input } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
export class GridDirective {
|
|
4
|
-
get hostClasses() {
|
|
5
|
-
return 'grid';
|
|
6
|
-
}
|
|
7
|
-
get hostDataClasses() {
|
|
8
|
-
const variation = this.gridType();
|
|
9
|
-
return `${variation}`;
|
|
10
|
-
}
|
|
11
|
-
constructor() {
|
|
12
|
-
this.gridType = input('fluid');
|
|
13
|
-
}
|
|
14
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: GridDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
15
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "17.3.12", type: GridDirective, isStandalone: true, selector: "[rte-grid]", inputs: { gridType: { classPropertyName: "gridType", publicName: "gridType", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "this.hostClasses", "attr.data-gridtype": "this.hostDataClasses" } }, ngImport: i0 }); }
|
|
16
|
-
}
|
|
17
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: GridDirective, decorators: [{
|
|
18
|
-
type: Directive,
|
|
19
|
-
args: [{
|
|
20
|
-
selector: '[rte-grid]',
|
|
21
|
-
standalone: true
|
|
22
|
-
}]
|
|
23
|
-
}], ctorParameters: () => [], propDecorators: { hostClasses: [{
|
|
24
|
-
type: HostBinding,
|
|
25
|
-
args: ["class"]
|
|
26
|
-
}], hostDataClasses: [{
|
|
27
|
-
type: HostBinding,
|
|
28
|
-
args: ["attr.data-gridtype"]
|
|
29
|
-
}] } });
|
|
30
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JpZC5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kcy1ydGUtbGliL3NyYy9saWIvY29tcG9uZW50cy9ncmlkL2dyaWQuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFPOUQsTUFBTSxPQUFPLGFBQWE7SUFJdEIsSUFDSSxXQUFXO1FBQ2IsT0FBTyxNQUFNLENBQUE7SUFDZixDQUFDO0lBRUQsSUFDSSxlQUFlO1FBQ2pCLE1BQU0sU0FBUyxHQUFHLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQztRQUNsQyxPQUFPLEdBQUcsU0FBUyxFQUFFLENBQUM7SUFDeEIsQ0FBQztJQUNIO1FBWkUsYUFBUSxHQUFHLEtBQUssQ0FBVyxPQUFPLENBQUMsQ0FBQztJQVl0QixDQUFDOytHQWROLGFBQWE7bUdBQWIsYUFBYTs7NEZBQWIsYUFBYTtrQkFKekIsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsWUFBWTtvQkFDdEIsVUFBVSxFQUFFLElBQUk7aUJBQ2pCO3dEQU1PLFdBQVc7c0JBRGQsV0FBVzt1QkFBQyxPQUFPO2dCQU1oQixlQUFlO3NCQURsQixXQUFXO3VCQUFDLG9CQUFvQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSwgSG9zdEJpbmRpbmcsIGlucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBHcmlkVHlwZSB9IGZyb20gJ0BkZXNpZ24tc3lzdGVtLXJ0ZS9jb3JlL2NvbXBvbmVudHMvZ3JpZC9ncmlkLmludGVyZmFjZSc7XG5cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ1tydGUtZ3JpZF0nLFxuICBzdGFuZGFsb25lOiB0cnVlXG59KVxuZXhwb3J0IGNsYXNzIEdyaWREaXJlY3RpdmUge1xuXG4gICAgZ3JpZFR5cGUgPSBpbnB1dDxHcmlkVHlwZT4oJ2ZsdWlkJyk7XG5cbiAgICBASG9zdEJpbmRpbmcoXCJjbGFzc1wiKVxuICAgIGdldCBob3N0Q2xhc3NlcygpOiBzdHJpbmcge1xuICAgICAgcmV0dXJuICdncmlkJ1xuICAgIH1cblxuICAgIEBIb3N0QmluZGluZyhcImF0dHIuZGF0YS1ncmlkdHlwZVwiKVxuICAgIGdldCBob3N0RGF0YUNsYXNzZXMoKTogc3RyaW5nIHtcbiAgICAgIGNvbnN0IHZhcmlhdGlvbiA9IHRoaXMuZ3JpZFR5cGUoKTtcbiAgICAgIHJldHVybiBgJHt2YXJpYXRpb259YDtcbiAgICB9XG4gIGNvbnN0cnVjdG9yKCkgeyB9XG5cbn1cbiJdfQ==
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { Component, input } from '@angular/core';
|
|
2
|
-
import { CommonModule } from '@angular/common';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
import * as i1 from "@angular/common";
|
|
5
|
-
export class LinkComponent {
|
|
6
|
-
constructor() {
|
|
7
|
-
this.label = input('');
|
|
8
|
-
this.href = input('#');
|
|
9
|
-
this.subtle = input(false);
|
|
10
|
-
this.externalLink = input(false);
|
|
11
|
-
}
|
|
12
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
13
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.3.12", type: LinkComponent, isStandalone: true, selector: "rte-link", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, href: { classPropertyName: "href", publicName: "href", isSignal: true, isRequired: false, transformFunction: null }, subtle: { classPropertyName: "subtle", publicName: "subtle", isSignal: true, isRequired: false, transformFunction: null }, externalLink: { classPropertyName: "externalLink", publicName: "externalLink", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<a class=\"rte-link\" [ngClass]=\"{'subtle': subtle()}\" href=\"{{ href() }}\" role=\"link\">\n <span class=\"rte-link-label\">\n {{ label() }}\n </span>\n</a>", styles: ["@import\"https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:wght,FILL,GRAD@400,0,0&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap\";.rte-link{font-feature-settings:\"liga\" off,\"clig\" off;font-style:normal;font-family:Arial;font-weight:400;font-size:14px;line-height:20px;letter-spacing:0px;align-items:center;cursor:pointer;display:inline-flex;justify-content:center}.rte-link:visited{color:var(--content-link-visited);text-decoration:underline}.rte-link:visited:hover{color:var(--content-link-visited-hover);text-decoration:none}.rte-link:visited:active{color:var(--content-link-visited-press);text-decoration:underline}.rte-link:visited:focus-visible{color:var(--content-link-visited);text-decoration:underline;outline:1px solid var(--border-brand-focused);outline-offset:4px;border-radius:4px}.rte-link:not(:visited){color:var(--content-link-default)}.rte-link:not(:visited):hover{color:var(--content-link-hover);text-decoration:none}.rte-link:not(:visited):active{color:var(--content-link-press);text-decoration:underline}.rte-link:not(:visited):focus-visible{color:var(--content-link-default);text-decoration:underline;outline:1px solid var(--border-brand-focused);outline-offset:4px;border-radius:4px}.rte-link.subtle:visited{color:var(--content-primary);text-decoration:none}.rte-link.subtle:visited:hover{color:var(--content-link-secondary);text-decoration:underline}.rte-link.subtle:visited:active{color:var(--content-link-primary);text-decoration:none}.rte-link.subtle:visited:focus-visible{color:var(--content-link-primary);text-decoration:none;outline:1px solid var(--border-brand-focused);outline-offset:4px;border-radius:4px}.rte-link.subtle:not(:visited){color:var(--content-primary);text-decoration:none}.rte-link.subtle:not(:visited):hover{color:var(--content-secondary);text-decoration:underline}.rte-link.subtle:not(:visited):active{color:var(--content-primary);text-decoration:none}.rte-link.subtle:not(:visited):focus-visible{color:var(--content-primary);text-decoration:none;outline:1px solid var(--border-brand-focused);outline-offset:4px;border-radius:4px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
|
|
14
|
-
}
|
|
15
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LinkComponent, decorators: [{
|
|
16
|
-
type: Component,
|
|
17
|
-
args: [{ selector: 'rte-link', standalone: true, imports: [CommonModule], template: "<a class=\"rte-link\" [ngClass]=\"{'subtle': subtle()}\" href=\"{{ href() }}\" role=\"link\">\n <span class=\"rte-link-label\">\n {{ label() }}\n </span>\n</a>", styles: ["@import\"https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:wght,FILL,GRAD@400,0,0&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap\";.rte-link{font-feature-settings:\"liga\" off,\"clig\" off;font-style:normal;font-family:Arial;font-weight:400;font-size:14px;line-height:20px;letter-spacing:0px;align-items:center;cursor:pointer;display:inline-flex;justify-content:center}.rte-link:visited{color:var(--content-link-visited);text-decoration:underline}.rte-link:visited:hover{color:var(--content-link-visited-hover);text-decoration:none}.rte-link:visited:active{color:var(--content-link-visited-press);text-decoration:underline}.rte-link:visited:focus-visible{color:var(--content-link-visited);text-decoration:underline;outline:1px solid var(--border-brand-focused);outline-offset:4px;border-radius:4px}.rte-link:not(:visited){color:var(--content-link-default)}.rte-link:not(:visited):hover{color:var(--content-link-hover);text-decoration:none}.rte-link:not(:visited):active{color:var(--content-link-press);text-decoration:underline}.rte-link:not(:visited):focus-visible{color:var(--content-link-default);text-decoration:underline;outline:1px solid var(--border-brand-focused);outline-offset:4px;border-radius:4px}.rte-link.subtle:visited{color:var(--content-primary);text-decoration:none}.rte-link.subtle:visited:hover{color:var(--content-link-secondary);text-decoration:underline}.rte-link.subtle:visited:active{color:var(--content-link-primary);text-decoration:none}.rte-link.subtle:visited:focus-visible{color:var(--content-link-primary);text-decoration:none;outline:1px solid var(--border-brand-focused);outline-offset:4px;border-radius:4px}.rte-link.subtle:not(:visited){color:var(--content-primary);text-decoration:none}.rte-link.subtle:not(:visited):hover{color:var(--content-secondary);text-decoration:underline}.rte-link.subtle:not(:visited):active{color:var(--content-primary);text-decoration:none}.rte-link.subtle:not(:visited):focus-visible{color:var(--content-primary);text-decoration:none;outline:1px solid var(--border-brand-focused);outline-offset:4px;border-radius:4px}\n"] }]
|
|
18
|
-
}] });
|
|
19
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGluay5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kcy1ydGUtbGliL3NyYy9saWIvY29tcG9uZW50cy9saW5rL2xpbmsuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZHMtcnRlLWxpYi9zcmMvbGliL2NvbXBvbmVudHMvbGluay9saW5rLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2pELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQzs7O0FBVS9DLE1BQU0sT0FBTyxhQUFhO0lBUjFCO1FBVUksVUFBSyxHQUFHLEtBQUssQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUNsQixTQUFJLEdBQUcsS0FBSyxDQUFTLEdBQUcsQ0FBQyxDQUFDO1FBQzFCLFdBQU0sR0FBRyxLQUFLLENBQVUsS0FBSyxDQUFDLENBQUM7UUFDL0IsaUJBQVksR0FBRyxLQUFLLENBQVUsS0FBSyxDQUFDLENBQUM7S0FFeEM7K0dBUFksYUFBYTttR0FBYixhQUFhLHFrQkNYMUIsOEtBSUkscXJFREVVLFlBQVk7OzRGQUtiLGFBQWE7a0JBUnpCLFNBQVM7K0JBQ0ksVUFBVSxjQUNSLElBQUksV0FDUCxDQUFDLFlBQVksQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgaW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAncnRlLWxpbmsnLFxuICAgIHN0YW5kYWxvbmU6IHRydWUsXG4gICAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXG4gICAgdGVtcGxhdGVVcmw6ICcuL2xpbmsuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsOiAnLi9saW5rLmNvbXBvbmVudC5zY3NzJ1xufSlcblxuZXhwb3J0IGNsYXNzIExpbmtDb21wb25lbnQge1xuXG4gICAgbGFiZWwgPSBpbnB1dCgnJyk7XG4gICAgaHJlZiA9IGlucHV0PHN0cmluZz4oJyMnKTtcbiAgICBzdWJ0bGUgPSBpbnB1dDxib29sZWFuPihmYWxzZSk7XG4gICAgZXh0ZXJuYWxMaW5rID0gaW5wdXQ8Ym9vbGVhbj4oZmFsc2UpO1xuXG59IiwiPGEgY2xhc3M9XCJydGUtbGlua1wiIFtuZ0NsYXNzXT1cInsnc3VidGxlJzogc3VidGxlKCl9XCIgaHJlZj1cInt7IGhyZWYoKSB9fVwiIHJvbGU9XCJsaW5rXCI+XG4gICAgPHNwYW4gY2xhc3M9XCJydGUtbGluay1sYWJlbFwiPlxuICAgICAgICB7eyBsYWJlbCgpIH19XG4gICAgPC9zcGFuPlxuPC9hPiJdfQ==
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import { Component, computed, input } from "@angular/core";
|
|
2
|
-
import { labelSize } from "@design-system-rte/core/components/radio-button/radio-button.constants";
|
|
3
|
-
import { CommonModule } from "@angular/common";
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
import * as i1 from "@angular/common";
|
|
6
|
-
export class RadioButtonComponent {
|
|
7
|
-
constructor() {
|
|
8
|
-
this.label = input('');
|
|
9
|
-
this.groupName = input('');
|
|
10
|
-
this.showLabel = input(true);
|
|
11
|
-
this.disabled = input(false);
|
|
12
|
-
this.error = input(false);
|
|
13
|
-
this.readOnly = input(false);
|
|
14
|
-
this.labelSize = labelSize;
|
|
15
|
-
this.isDisplayed = computed(() => !(this.disabled() && this.error()));
|
|
16
|
-
}
|
|
17
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: RadioButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
18
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.3.12", type: RadioButtonComponent, isStandalone: true, selector: "rte-radio-button", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, groupName: { classPropertyName: "groupName", publicName: "groupName", isSignal: true, isRequired: false, transformFunction: null }, showLabel: { classPropertyName: "showLabel", publicName: "showLabel", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, error: { classPropertyName: "error", publicName: "error", isSignal: true, isRequired: false, transformFunction: null }, readOnly: { classPropertyName: "readOnly", publicName: "readOnly", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: " <div *ngIf=\"isDisplayed()\" class=\"rte-radio-button-container\">\n <input\n type=\"radio\"\n [id]=\"label()\"\n [value]=\"label()\"\n [size]=\"labelSize\"\n [name]=\"groupName()\"\n class=\"rte-radio-button\"\n [ngClass]=\"{'error': error(), 'read-only': readOnly()}\"\n [disabled]=\"disabled()\"\n />\n <label \n *ngIf=\"showLabel()\" \n [for]=\"label()\" \n class=\"rte-radio-button-label\"\n [ngClass]=\"{\n 'error': error(),\n 'read-only': readOnly(),\n 'disabled': disabled()\n }\"\n >\n {{ label() }}\n </label>\n </div>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:wght,FILL,GRAD@400,0,0&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap\";.rte-radio-button-container{display:flex;padding-right:4px;align-items:center;gap:12px}.rte-radio-button{appearance:none;display:flex;width:16px;height:16px;padding:0;justify-content:center;align-items:center;border-radius:999px;border:1px solid var(--content-tertiary);background:var(--background-default);position:relative;cursor:pointer;transition:box-shadow .3s ease-in-out;margin:0}.rte-radio-button:before{content:\"\";width:10px;height:10px;border-radius:999px;background:var(--content-brand-default);opacity:0}.rte-radio-button:after{content:\"\";width:calc(100% + 8px);height:calc(100% + 8px);border-radius:4px;border:1px solid var(--content-primary);position:absolute;z-index:-1;opacity:0}.rte-radio-button.error{border:1px solid var(--content-danger);transition:box-shadow .3s ease-in-out}.rte-radio-button.error:checked{border:1px solid var(--content-danger)}.rte-radio-button.error:before{background:var(--content-danger)}.rte-radio-button.error:hover{transition:box-shadow .15s ease-in-out;box-shadow:0 0 0 8px #c8164033}.rte-radio-button.error:hover:checked{box-shadow:0 0 0 8px #c8164033}.rte-radio-button.read-only{pointer-events:none;cursor:default}.rte-radio-button.read-only:before{background:var(--content-tertiary)}.rte-radio-button.read-only:checked{border:1px solid var(--content-tertiary)}.rte-radio-button.read-only.error{border:1px solid var(--content-danger)}.rte-radio-button:focus{outline:none}.rte-radio-button:focus:after{opacity:100}.rte-radio-button:checked{border:1px solid var(--content-brand-default)}.rte-radio-button:checked:before{opacity:100}.rte-radio-button:hover{transition:box-shadow .15s ease-in-out;box-shadow:0 0 0 8px var(--background-hover)}.rte-radio-button:hover:checked{box-shadow:0 0 0 8px #22508233}.rte-radio-button:disabled{pointer-events:none;background:var(--background-disabled);border:1px solid var(--content-disabled);cursor:not-allowed}.rte-radio-button:disabled:before{background:var(--content-disabled)}.rte-radio-button-label{font-feature-settings:\"liga\" off,\"clig\" off;font-style:normal;font-family:Arial;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}.rte-radio-button-label.read-only{pointer-events:none;cursor:default;color:var(--content-tertiary)}.rte-radio-button-label.disabled{pointer-events:none;color:var(--content-disabled)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
19
|
-
}
|
|
20
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: RadioButtonComponent, decorators: [{
|
|
21
|
-
type: Component,
|
|
22
|
-
args: [{ selector: 'rte-radio-button', standalone: true, imports: [CommonModule], template: " <div *ngIf=\"isDisplayed()\" class=\"rte-radio-button-container\">\n <input\n type=\"radio\"\n [id]=\"label()\"\n [value]=\"label()\"\n [size]=\"labelSize\"\n [name]=\"groupName()\"\n class=\"rte-radio-button\"\n [ngClass]=\"{'error': error(), 'read-only': readOnly()}\"\n [disabled]=\"disabled()\"\n />\n <label \n *ngIf=\"showLabel()\" \n [for]=\"label()\" \n class=\"rte-radio-button-label\"\n [ngClass]=\"{\n 'error': error(),\n 'read-only': readOnly(),\n 'disabled': disabled()\n }\"\n >\n {{ label() }}\n </label>\n </div>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:wght,FILL,GRAD@400,0,0&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap\";.rte-radio-button-container{display:flex;padding-right:4px;align-items:center;gap:12px}.rte-radio-button{appearance:none;display:flex;width:16px;height:16px;padding:0;justify-content:center;align-items:center;border-radius:999px;border:1px solid var(--content-tertiary);background:var(--background-default);position:relative;cursor:pointer;transition:box-shadow .3s ease-in-out;margin:0}.rte-radio-button:before{content:\"\";width:10px;height:10px;border-radius:999px;background:var(--content-brand-default);opacity:0}.rte-radio-button:after{content:\"\";width:calc(100% + 8px);height:calc(100% + 8px);border-radius:4px;border:1px solid var(--content-primary);position:absolute;z-index:-1;opacity:0}.rte-radio-button.error{border:1px solid var(--content-danger);transition:box-shadow .3s ease-in-out}.rte-radio-button.error:checked{border:1px solid var(--content-danger)}.rte-radio-button.error:before{background:var(--content-danger)}.rte-radio-button.error:hover{transition:box-shadow .15s ease-in-out;box-shadow:0 0 0 8px #c8164033}.rte-radio-button.error:hover:checked{box-shadow:0 0 0 8px #c8164033}.rte-radio-button.read-only{pointer-events:none;cursor:default}.rte-radio-button.read-only:before{background:var(--content-tertiary)}.rte-radio-button.read-only:checked{border:1px solid var(--content-tertiary)}.rte-radio-button.read-only.error{border:1px solid var(--content-danger)}.rte-radio-button:focus{outline:none}.rte-radio-button:focus:after{opacity:100}.rte-radio-button:checked{border:1px solid var(--content-brand-default)}.rte-radio-button:checked:before{opacity:100}.rte-radio-button:hover{transition:box-shadow .15s ease-in-out;box-shadow:0 0 0 8px var(--background-hover)}.rte-radio-button:hover:checked{box-shadow:0 0 0 8px #22508233}.rte-radio-button:disabled{pointer-events:none;background:var(--background-disabled);border:1px solid var(--content-disabled);cursor:not-allowed}.rte-radio-button:disabled:before{background:var(--content-disabled)}.rte-radio-button-label{font-feature-settings:\"liga\" off,\"clig\" off;font-style:normal;font-family:Arial;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}.rte-radio-button-label.read-only{pointer-events:none;cursor:default;color:var(--content-tertiary)}.rte-radio-button-label.disabled{pointer-events:none;color:var(--content-disabled)}\n"] }]
|
|
23
|
-
}] });
|
|
24
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmFkaW8tYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RzLXJ0ZS1saWIvc3JjL2xpYi9jb21wb25lbnRzL3JhZGlvLWJ1dHRvbi9yYWRpby1idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZHMtcnRlLWxpYi9zcmMvbGliL2NvbXBvbmVudHMvcmFkaW8tYnV0dG9uL3JhZGlvLWJ1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFDLFFBQVEsRUFBQyxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLHdFQUF3RSxDQUFDO0FBQ25HLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQzs7O0FBVS9DLE1BQU0sT0FBTyxvQkFBb0I7SUFSakM7UUFTSSxVQUFLLEdBQUcsS0FBSyxDQUFDLEVBQUUsQ0FBQyxDQUFDO1FBQ2xCLGNBQVMsR0FBRyxLQUFLLENBQUMsRUFBRSxDQUFDLENBQUM7UUFDdEIsY0FBUyxHQUFHLEtBQUssQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUN4QixhQUFRLEdBQUcsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ3hCLFVBQUssR0FBRyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDckIsYUFBUSxHQUFHLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUN4QixjQUFTLEdBQUcsU0FBUyxDQUFDO1FBRXRCLGdCQUFXLEdBQUcsUUFBUSxDQUFDLEdBQUcsRUFBRSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUFFLElBQUksSUFBSSxDQUFDLEtBQUssRUFBRSxDQUFDLENBQUMsQ0FBQztLQUNwRTsrR0FWWSxvQkFBb0I7bUdBQXBCLG9CQUFvQixrMUJDWmpDLHF3QkF3QkEsMmlGRGpCWSxZQUFZOzs0RkFLWCxvQkFBb0I7a0JBUmhDLFNBQVM7K0JBQ0Usa0JBQWtCLGNBQ2hCLElBQUksV0FDUCxDQUFDLFlBQVksQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCxjb21wdXRlZCxpbnB1dCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5pbXBvcnQgeyBsYWJlbFNpemUgfSBmcm9tIFwiQGRlc2lnbi1zeXN0ZW0tcnRlL2NvcmUvY29tcG9uZW50cy9yYWRpby1idXR0b24vcmFkaW8tYnV0dG9uLmNvbnN0YW50c1wiO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSBcIkBhbmd1bGFyL2NvbW1vblwiO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdydGUtcmFkaW8tYnV0dG9uJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXG4gIHRlbXBsYXRlVXJsOiAnLi9yYWRpby1idXR0b24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybDogJy4vcmFkaW8tYnV0dG9uLmNvbXBvbmVudC5zY3NzJyxcbn0pXG5cbmV4cG9ydCBjbGFzcyBSYWRpb0J1dHRvbkNvbXBvbmVudCB7XG4gICAgbGFiZWwgPSBpbnB1dCgnJyk7XG4gICAgZ3JvdXBOYW1lID0gaW5wdXQoJycpO1xuICAgIHNob3dMYWJlbCA9IGlucHV0KHRydWUpO1xuICAgIGRpc2FibGVkID0gaW5wdXQoZmFsc2UpO1xuICAgIGVycm9yID0gaW5wdXQoZmFsc2UpO1xuICAgIHJlYWRPbmx5ID0gaW5wdXQoZmFsc2UpO1xuICAgIGxhYmVsU2l6ZSA9IGxhYmVsU2l6ZTtcblxuICAgIGlzRGlzcGxheWVkID0gY29tcHV0ZWQoKCkgPT4gISh0aGlzLmRpc2FibGVkKCkgJiYgdGhpcy5lcnJvcigpKSk7XG59IiwiICAgIDxkaXYgKm5nSWY9XCJpc0Rpc3BsYXllZCgpXCIgY2xhc3M9XCJydGUtcmFkaW8tYnV0dG9uLWNvbnRhaW5lclwiPlxuICAgICAgICA8aW5wdXRcbiAgICAgICAgICAgIHR5cGU9XCJyYWRpb1wiXG4gICAgICAgICAgICBbaWRdPVwibGFiZWwoKVwiXG4gICAgICAgICAgICBbdmFsdWVdPVwibGFiZWwoKVwiXG4gICAgICAgICAgICBbc2l6ZV09XCJsYWJlbFNpemVcIlxuICAgICAgICAgICAgW25hbWVdPVwiZ3JvdXBOYW1lKClcIlxuICAgICAgICAgICAgY2xhc3M9XCJydGUtcmFkaW8tYnV0dG9uXCJcbiAgICAgICAgICAgIFtuZ0NsYXNzXT1cInsnZXJyb3InOiBlcnJvcigpLCAncmVhZC1vbmx5JzogcmVhZE9ubHkoKX1cIlxuICAgICAgICAgICAgW2Rpc2FibGVkXT1cImRpc2FibGVkKClcIlxuICAgICAgICAvPlxuICAgICAgICA8bGFiZWwgXG4gICAgICAgICAgICAqbmdJZj1cInNob3dMYWJlbCgpXCIgXG4gICAgICAgICAgICBbZm9yXT1cImxhYmVsKClcIiBcbiAgICAgICAgICAgIGNsYXNzPVwicnRlLXJhZGlvLWJ1dHRvbi1sYWJlbFwiXG4gICAgICAgICAgICBbbmdDbGFzc109XCJ7XG4gICAgICAgICAgICAgICAgJ2Vycm9yJzogZXJyb3IoKSxcbiAgICAgICAgICAgICAgICAncmVhZC1vbmx5JzogcmVhZE9ubHkoKSxcbiAgICAgICAgICAgICAgICAnZGlzYWJsZWQnOiBkaXNhYmxlZCgpXG4gICAgICAgICAgICB9XCJcbiAgICAgICAgPlxuICAgICAgICAgICAge3sgbGFiZWwoKSB9fVxuICAgICAgICA8L2xhYmVsPlxuICAgIDwvZGl2PlxuIl19
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
import { Component, computed, input } from "@angular/core";
|
|
2
|
-
import { CommonModule } from "@angular/common";
|
|
3
|
-
import { RadioButtonComponent } from "../radio-button/radio-button.component";
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
import * as i1 from "@angular/common";
|
|
6
|
-
export class RadioButtonGroupComponent {
|
|
7
|
-
constructor() {
|
|
8
|
-
this.groupName = input('');
|
|
9
|
-
this.items = input([]);
|
|
10
|
-
this.direction = input('horizontal');
|
|
11
|
-
this.showItemsLabel = input(true);
|
|
12
|
-
this.groupTitle = input('');
|
|
13
|
-
this.showGroupTitle = input(false);
|
|
14
|
-
this.groupHelpText = input('');
|
|
15
|
-
this.showHelpText = input(false);
|
|
16
|
-
this.errorMessage = input('');
|
|
17
|
-
this.error = input(false);
|
|
18
|
-
this.disabled = input(false);
|
|
19
|
-
this.readOnly = input(false);
|
|
20
|
-
this.isDisplayed = computed(() => !(this.disabled() && this.error()));
|
|
21
|
-
}
|
|
22
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: RadioButtonGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
23
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.3.12", type: RadioButtonGroupComponent, isStandalone: true, selector: "rte-radio-button-group", inputs: { groupName: { classPropertyName: "groupName", publicName: "groupName", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, direction: { classPropertyName: "direction", publicName: "direction", isSignal: true, isRequired: false, transformFunction: null }, showItemsLabel: { classPropertyName: "showItemsLabel", publicName: "showItemsLabel", isSignal: true, isRequired: false, transformFunction: null }, groupTitle: { classPropertyName: "groupTitle", publicName: "groupTitle", isSignal: true, isRequired: false, transformFunction: null }, showGroupTitle: { classPropertyName: "showGroupTitle", publicName: "showGroupTitle", isSignal: true, isRequired: false, transformFunction: null }, groupHelpText: { classPropertyName: "groupHelpText", publicName: "groupHelpText", isSignal: true, isRequired: false, transformFunction: null }, showHelpText: { classPropertyName: "showHelpText", publicName: "showHelpText", isSignal: true, isRequired: false, transformFunction: null }, errorMessage: { classPropertyName: "errorMessage", publicName: "errorMessage", isSignal: true, isRequired: false, transformFunction: null }, error: { classPropertyName: "error", publicName: "error", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readOnly: { classPropertyName: "readOnly", publicName: "readOnly", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div \n *ngIf=\"isDisplayed()\"\n class=\"radio-button-group-container\">\n <div\n class=\"radio-button-group-header\"\n [ngClass]=\"{\n 'disabled': disabled(),\n 'error': error(),\n 'read-only': readOnly(),\n }\">\n <h3\n *ngIf=\"showGroupTitle()\"\n class=\"group-title\"\n >\n {{ groupTitle() }}\n </h3>\n <p\n *ngIf=\"showHelpText()\"\n class=\"group-help-text\"\n >\n {{ groupHelpText() }}\n\n </p>\n <p\n *ngIf=\"error()\"\n class=\"group-error-message\"\n >\n {{ errorMessage() }}\n </p>\n </div>\n <div class=\"radio-button-group\" \n [ngClass]=\"{'horizontal': direction() === 'horizontal', 'vertical': direction() === 'vertical'}\">\n <ng-container \n *ngFor=\"let item of items()\">\n <rte-radio-button\n [label]=\"item\"\n [groupName]=\"groupName()\"\n [showLabel]=\"showItemsLabel()\"\n [disabled]=\"disabled()\"\n [error]=\"error()\"\n [readOnly]=\"readOnly()\"\n />\n </ng-container>\n </div>\n</div>", styles: ["@import\"https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:wght,FILL,GRAD@400,0,0&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap\";.radio-button-group-container{display:flex;padding:0;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px}.radio-button-group-container .radio-button-group-header .group-title{font-feature-settings:\"liga\" off,\"clig\" off;font-style:normal;font-family:Nunito;font-weight:600;font-size:20px;line-height:28px;letter-spacing:-.5px;align-self:stretch;margin:0}.radio-button-group-container .radio-button-group-header .group-help-text{font-feature-settings:\"liga\" off,\"clig\" off;font-style:normal;font-family:Arial;font-weight:400;font-size:14px;line-height:20px;letter-spacing:0px;color:var(--content-tertiary);align-self:stretch;margin:0}.radio-button-group-container .radio-button-group-header .group-error-message{font-feature-settings:\"liga\" off,\"clig\" off;font-style:normal;font-family:Arial;font-weight:700;font-size:14px;line-height:20px;letter-spacing:0px;color:var(--content-danger);align-self:stretch;margin:4px 0 0}.radio-button-group-container .radio-button-group-header.error .group-title{color:var(--content-danger)}.radio-button-group-container .radio-button-group-header.read-only .group-title{color:var(--content-tertiary)}.radio-button-group-container .radio-button-group-header.read-only .error .group-title{color:var(--content-danger)}.radio-button-group-container .radio-button-group-header.disabled{pointer-events:none}.radio-button-group-container .radio-button-group-header.disabled .group-title,.radio-button-group-container .radio-button-group-header.disabled .group-help-text{color:var(--content-disabled)}.radio-button-group-container .radio-button-group{display:flex;flex-direction:row;padding:0;align-items:flex-start;gap:24px}.radio-button-group-container .radio-button-group.vertical{flex-direction:column;gap:8px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: RadioButtonComponent, selector: "rte-radio-button", inputs: ["label", "groupName", "showLabel", "disabled", "error", "readOnly"] }] }); }
|
|
24
|
-
}
|
|
25
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: RadioButtonGroupComponent, decorators: [{
|
|
26
|
-
type: Component,
|
|
27
|
-
args: [{ selector: 'rte-radio-button-group', standalone: true, imports: [CommonModule, RadioButtonComponent], template: "<div \n *ngIf=\"isDisplayed()\"\n class=\"radio-button-group-container\">\n <div\n class=\"radio-button-group-header\"\n [ngClass]=\"{\n 'disabled': disabled(),\n 'error': error(),\n 'read-only': readOnly(),\n }\">\n <h3\n *ngIf=\"showGroupTitle()\"\n class=\"group-title\"\n >\n {{ groupTitle() }}\n </h3>\n <p\n *ngIf=\"showHelpText()\"\n class=\"group-help-text\"\n >\n {{ groupHelpText() }}\n\n </p>\n <p\n *ngIf=\"error()\"\n class=\"group-error-message\"\n >\n {{ errorMessage() }}\n </p>\n </div>\n <div class=\"radio-button-group\" \n [ngClass]=\"{'horizontal': direction() === 'horizontal', 'vertical': direction() === 'vertical'}\">\n <ng-container \n *ngFor=\"let item of items()\">\n <rte-radio-button\n [label]=\"item\"\n [groupName]=\"groupName()\"\n [showLabel]=\"showItemsLabel()\"\n [disabled]=\"disabled()\"\n [error]=\"error()\"\n [readOnly]=\"readOnly()\"\n />\n </ng-container>\n </div>\n</div>", styles: ["@import\"https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:wght,FILL,GRAD@400,0,0&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap\";.radio-button-group-container{display:flex;padding:0;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px}.radio-button-group-container .radio-button-group-header .group-title{font-feature-settings:\"liga\" off,\"clig\" off;font-style:normal;font-family:Nunito;font-weight:600;font-size:20px;line-height:28px;letter-spacing:-.5px;align-self:stretch;margin:0}.radio-button-group-container .radio-button-group-header .group-help-text{font-feature-settings:\"liga\" off,\"clig\" off;font-style:normal;font-family:Arial;font-weight:400;font-size:14px;line-height:20px;letter-spacing:0px;color:var(--content-tertiary);align-self:stretch;margin:0}.radio-button-group-container .radio-button-group-header .group-error-message{font-feature-settings:\"liga\" off,\"clig\" off;font-style:normal;font-family:Arial;font-weight:700;font-size:14px;line-height:20px;letter-spacing:0px;color:var(--content-danger);align-self:stretch;margin:4px 0 0}.radio-button-group-container .radio-button-group-header.error .group-title{color:var(--content-danger)}.radio-button-group-container .radio-button-group-header.read-only .group-title{color:var(--content-tertiary)}.radio-button-group-container .radio-button-group-header.read-only .error .group-title{color:var(--content-danger)}.radio-button-group-container .radio-button-group-header.disabled{pointer-events:none}.radio-button-group-container .radio-button-group-header.disabled .group-title,.radio-button-group-container .radio-button-group-header.disabled .group-help-text{color:var(--content-disabled)}.radio-button-group-container .radio-button-group{display:flex;flex-direction:row;padding:0;align-items:flex-start;gap:24px}.radio-button-group-container .radio-button-group.vertical{flex-direction:column;gap:8px}\n"] }]
|
|
28
|
-
}] });
|
|
29
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmFkaW8tYnV0dG9uLWdyb3VwLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RzLXJ0ZS1saWIvc3JjL2xpYi9jb21wb25lbnRzL3JhZGlvLWJ1dHRvbi1ncm91cC9yYWRpby1idXR0b24tZ3JvdXAuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZHMtcnRlLWxpYi9zcmMvbGliL2NvbXBvbmVudHMvcmFkaW8tYnV0dG9uLWdyb3VwL3JhZGlvLWJ1dHRvbi1ncm91cC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDM0QsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLHdDQUF3QyxDQUFDOzs7QUFVOUUsTUFBTSxPQUFPLHlCQUF5QjtJQVJ0QztRQVNJLGNBQVMsR0FBRyxLQUFLLENBQUMsRUFBRSxDQUFDLENBQUM7UUFDdEIsVUFBSyxHQUFHLEtBQUssQ0FBVyxFQUFFLENBQUMsQ0FBQztRQUM1QixjQUFTLEdBQUcsS0FBSyxDQUFDLFlBQVksQ0FBQyxDQUFDO1FBQ2hDLG1CQUFjLEdBQUcsS0FBSyxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQzdCLGVBQVUsR0FBRyxLQUFLLENBQUMsRUFBRSxDQUFDLENBQUM7UUFDdkIsbUJBQWMsR0FBRyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDOUIsa0JBQWEsR0FBRyxLQUFLLENBQUMsRUFBRSxDQUFDLENBQUM7UUFDMUIsaUJBQVksR0FBRyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDNUIsaUJBQVksR0FBRyxLQUFLLENBQUMsRUFBRSxDQUFDLENBQUM7UUFDekIsVUFBSyxHQUFHLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUNyQixhQUFRLEdBQUcsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ3hCLGFBQVEsR0FBRyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUM7UUFFeEIsZ0JBQVcsR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUUsSUFBSSxJQUFJLENBQUMsS0FBSyxFQUFFLENBQUMsQ0FBQyxDQUFDO0tBRXBFOytHQWhCWSx5QkFBeUI7bUdBQXpCLHlCQUF5QiwrcURDWnRDLHd4Q0E0Q00scWdFRHJDTSxZQUFZLDhWQUFFLG9CQUFvQjs7NEZBS2pDLHlCQUF5QjtrQkFSckMsU0FBUzsrQkFDRSx3QkFBd0IsY0FDdEIsSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFFLG9CQUFvQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBjb21wdXRlZCwgaW5wdXQgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSBcIkBhbmd1bGFyL2NvbW1vblwiO1xuaW1wb3J0IHsgUmFkaW9CdXR0b25Db21wb25lbnQgfSBmcm9tIFwiLi4vcmFkaW8tYnV0dG9uL3JhZGlvLWJ1dHRvbi5jb21wb25lbnRcIjtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAncnRlLXJhZGlvLWJ1dHRvbi1ncm91cCcsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIFJhZGlvQnV0dG9uQ29tcG9uZW50XSxcbiAgdGVtcGxhdGVVcmw6ICcuL3JhZGlvLWJ1dHRvbi1ncm91cC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3JhZGlvLWJ1dHRvbi1ncm91cC5jb21wb25lbnQuc2NzcyddLFxufSlcblxuZXhwb3J0IGNsYXNzIFJhZGlvQnV0dG9uR3JvdXBDb21wb25lbnQge1xuICAgIGdyb3VwTmFtZSA9IGlucHV0KCcnKTtcbiAgICBpdGVtcyA9IGlucHV0PHN0cmluZ1tdPihbXSk7XG4gICAgZGlyZWN0aW9uID0gaW5wdXQoJ2hvcml6b250YWwnKTtcbiAgICBzaG93SXRlbXNMYWJlbCA9IGlucHV0KHRydWUpO1xuICAgIGdyb3VwVGl0bGUgPSBpbnB1dCgnJyk7XG4gICAgc2hvd0dyb3VwVGl0bGUgPSBpbnB1dChmYWxzZSk7XG4gICAgZ3JvdXBIZWxwVGV4dCA9IGlucHV0KCcnKTtcbiAgICBzaG93SGVscFRleHQgPSBpbnB1dChmYWxzZSk7XG4gICAgZXJyb3JNZXNzYWdlID0gaW5wdXQoJycpO1xuICAgIGVycm9yID0gaW5wdXQoZmFsc2UpO1xuICAgIGRpc2FibGVkID0gaW5wdXQoZmFsc2UpO1xuICAgIHJlYWRPbmx5ID0gaW5wdXQoZmFsc2UpO1xuXG4gICAgaXNEaXNwbGF5ZWQgPSBjb21wdXRlZCgoKSA9PiAhKHRoaXMuZGlzYWJsZWQoKSAmJiB0aGlzLmVycm9yKCkpKTtcblxufVxuXG4iLCI8ZGl2ICBcbiAgICAqbmdJZj1cImlzRGlzcGxheWVkKClcIlxuICAgIGNsYXNzPVwicmFkaW8tYnV0dG9uLWdyb3VwLWNvbnRhaW5lclwiPlxuICAgIDxkaXZcbiAgICAgICAgY2xhc3M9XCJyYWRpby1idXR0b24tZ3JvdXAtaGVhZGVyXCJcbiAgICAgICAgW25nQ2xhc3NdPVwie1xuICAgICAgICAgICAgJ2Rpc2FibGVkJzogZGlzYWJsZWQoKSxcbiAgICAgICAgICAgICdlcnJvcic6IGVycm9yKCksXG4gICAgICAgICAgICAncmVhZC1vbmx5JzogcmVhZE9ubHkoKSxcbiAgICAgICAgfVwiPlxuICAgICAgICA8aDNcbiAgICAgICAgICAgICpuZ0lmPVwic2hvd0dyb3VwVGl0bGUoKVwiXG4gICAgICAgICAgICBjbGFzcz1cImdyb3VwLXRpdGxlXCJcbiAgICAgICAgICAgID5cbiAgICAgICAgICAgIHt7IGdyb3VwVGl0bGUoKSB9fVxuICAgICAgICA8L2gzPlxuICAgICAgICA8cFxuICAgICAgICAgICAgKm5nSWY9XCJzaG93SGVscFRleHQoKVwiXG4gICAgICAgICAgICBjbGFzcz1cImdyb3VwLWhlbHAtdGV4dFwiXG4gICAgICAgICAgICA+XG4gICAgICAgICAgICB7eyBncm91cEhlbHBUZXh0KCkgfX1cblxuICAgICAgICA8L3A+XG4gICAgICAgIDxwXG4gICAgICAgICAgICAqbmdJZj1cImVycm9yKClcIlxuICAgICAgICAgICAgY2xhc3M9XCJncm91cC1lcnJvci1tZXNzYWdlXCJcbiAgICAgICAgICAgID5cbiAgICAgICAgICAgIHt7IGVycm9yTWVzc2FnZSgpIH19XG4gICAgICAgIDwvcD5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwicmFkaW8tYnV0dG9uLWdyb3VwXCIgXG4gICAgICAgIFtuZ0NsYXNzXT1cInsnaG9yaXpvbnRhbCc6IGRpcmVjdGlvbigpID09PSAnaG9yaXpvbnRhbCcsICd2ZXJ0aWNhbCc6IGRpcmVjdGlvbigpID09PSAndmVydGljYWwnfVwiPlxuICAgICAgICA8bmctY29udGFpbmVyIFxuICAgICAgICAqbmdGb3I9XCJsZXQgaXRlbSBvZiBpdGVtcygpXCI+XG4gICAgICAgICAgICA8cnRlLXJhZGlvLWJ1dHRvblxuICAgICAgICAgICAgICAgIFtsYWJlbF09XCJpdGVtXCJcbiAgICAgICAgICAgICAgICBbZ3JvdXBOYW1lXT1cImdyb3VwTmFtZSgpXCJcbiAgICAgICAgICAgICAgICBbc2hvd0xhYmVsXT1cInNob3dJdGVtc0xhYmVsKClcIlxuICAgICAgICAgICAgICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZCgpXCJcbiAgICAgICAgICAgICAgICBbZXJyb3JdPVwiZXJyb3IoKVwiXG4gICAgICAgICAgICAgICAgW3JlYWRPbmx5XT1cInJlYWRPbmx5KClcIlxuICAgICAgICAgICAgLz5cbiAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgPC9kaXY+XG48L2Rpdj4iXX0=
|
package/esm2022/public-api.mjs
DELETED
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
/*
|
|
2
|
-
* Public API Surface of lib
|
|
3
|
-
*/
|
|
4
|
-
export * from './lib/components/button/button.component';
|
|
5
|
-
export * from './lib/components/grid/grid.directive';
|
|
6
|
-
export * from './lib/components/grid/col/col.directive';
|
|
7
|
-
export * from './lib/components/link/link.component';
|
|
8
|
-
export * from './lib/components/radio-button/radio-button.component';
|
|
9
|
-
export * from './lib/components/radio-button-group/radio-button-group.component';
|
|
10
|
-
export * from './lib/components/checkbox/checkbox.component';
|
|
11
|
-
export * from './lib/components/checkbox-group/checkbox-group.component';
|
|
12
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL2RzLXJ0ZS1saWIvc3JjL3B1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLDBDQUEwQyxDQUFDO0FBQ3pELGNBQWMsc0NBQXNDLENBQUM7QUFDckQsY0FBYyx5Q0FBeUMsQ0FBQztBQUN4RCxjQUFjLHNDQUFzQyxDQUFDO0FBQ3JELGNBQWMsc0RBQXNELENBQUM7QUFDckUsY0FBYyxrRUFBa0UsQ0FBQztBQUNqRixjQUFjLDhDQUE4QyxDQUFDO0FBQzdELGNBQWMsMERBQTBELENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogUHVibGljIEFQSSBTdXJmYWNlIG9mIGxpYlxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvYnV0dG9uL2J1dHRvbi5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9ncmlkL2dyaWQuZGlyZWN0aXZlJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvZ3JpZC9jb2wvY29sLmRpcmVjdGl2ZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2xpbmsvbGluay5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9yYWRpby1idXR0b24vcmFkaW8tYnV0dG9uLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL3JhZGlvLWJ1dHRvbi1ncm91cC9yYWRpby1idXR0b24tZ3JvdXAuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvY2hlY2tib3gvY2hlY2tib3guY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvY2hlY2tib3gtZ3JvdXAvY2hlY2tib3gtZ3JvdXAuY29tcG9uZW50JztcblxuIl19
|