oasys-lib 1.29.3 → 1.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.
Files changed (43) hide show
  1. package/esm2020/lib/components/alert/alert.component.mjs +1 -1
  2. package/esm2020/lib/components/breadcrumbs/breadcrumbs.component.mjs +1 -1
  3. package/esm2020/lib/components/button/button.component.mjs +3 -3
  4. package/esm2020/lib/components/form/checkbox/checkbox.component.mjs +65 -0
  5. package/esm2020/lib/components/form/checkbox/checkbox.module.mjs +23 -0
  6. package/esm2020/lib/components/form/checkbox/index.mjs +3 -0
  7. package/esm2020/lib/components/form/radio/index.mjs +3 -0
  8. package/esm2020/lib/components/form/radio/radio.component.mjs +63 -0
  9. package/esm2020/lib/components/form/radio/radio.module.mjs +23 -0
  10. package/esm2020/lib/components/icon/icon.component.mjs +8 -15
  11. package/esm2020/lib/components/seo-block/seo-block.component.mjs +3 -3
  12. package/esm2020/lib/services/token.service.mjs +5 -1
  13. package/esm2020/public-api.mjs +3 -1
  14. package/fesm2015/oasys-lib.mjs +165 -22
  15. package/fesm2015/oasys-lib.mjs.map +1 -1
  16. package/fesm2020/oasys-lib.mjs +165 -22
  17. package/fesm2020/oasys-lib.mjs.map +1 -1
  18. package/lib/components/form/checkbox/checkbox.component.d.ts +25 -0
  19. package/lib/components/form/checkbox/checkbox.component.d.ts.map +1 -0
  20. package/lib/components/form/checkbox/checkbox.module.d.ts +12 -0
  21. package/lib/components/form/checkbox/checkbox.module.d.ts.map +1 -0
  22. package/lib/components/form/checkbox/index.d.ts +3 -0
  23. package/lib/components/form/checkbox/index.d.ts.map +1 -0
  24. package/lib/components/form/radio/index.d.ts +3 -0
  25. package/lib/components/form/radio/index.d.ts.map +1 -0
  26. package/lib/components/form/radio/radio.component.d.ts +24 -0
  27. package/lib/components/form/radio/radio.component.d.ts.map +1 -0
  28. package/lib/components/form/radio/radio.module.d.ts +12 -0
  29. package/lib/components/form/radio/radio.module.d.ts.map +1 -0
  30. package/lib/components/icon/icon.component.d.ts +3 -4
  31. package/lib/components/icon/icon.component.d.ts.map +1 -1
  32. package/lib/services/token.service.d.ts +1 -0
  33. package/lib/services/token.service.d.ts.map +1 -1
  34. package/package.json +1 -1
  35. package/public-api.d.ts +2 -0
  36. package/public-api.d.ts.map +1 -1
  37. package/src/assets/bloomandwild/variables.css +10 -2
  38. package/src/assets/bloomon/variables.css +11 -3
  39. package/src/assets/global/forms.scss +136 -0
  40. package/src/assets/global/scss-breakpoints.scss +1 -1
  41. package/src/assets/global/state-focus.scss +31 -0
  42. package/src/assets/global/variables.css +3 -2
  43. package/src/assets/style.scss +2 -0
@@ -35,7 +35,7 @@ export class OasysAlertComponent {
35
35
  }
36
36
  }
37
37
  OasysAlertComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OasysAlertComponent, deps: [{ token: i1.BreakpointService }], target: i0.ɵɵFactoryTarget.Component });
38
- OasysAlertComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: OasysAlertComponent, selector: "ui-alert", inputs: { direction: "direction", tone: "tone" }, outputs: { cancel: "cancel", confirm: "confirm" }, queries: [{ propertyName: "cancelButton", first: true, predicate: OasysAlertCancelDirective, descendants: true }, { propertyName: "confirmButton", first: true, predicate: OasysAlertConfirmDirective, descendants: true }], ngImport: i0, template: "<ui-box class=\"ui-alert\" box_space=\"near\" box_align_x=\"center\" [ngClass]=\"tone\">\n <ui-stack stack_direction=\"x\" stack_gap=\"near\">\n <div class=\"badge\" [ngClass]=\"tone\" [ngSwitch]=\"tone\">\n <ui-icon *ngSwitchCase=\"'negative'\" icon_name=\"error\"></ui-icon>\n <ui-icon *ngSwitchCase=\"'positive'\" icon_name=\"tick\"></ui-icon>\n <ui-icon *ngSwitchDefault icon_name=\"info\"></ui-icon>\n </div>\n\n <ui-stack stack_gap=\"near\" [stack_direction]=\"isVertical ? 'y' : 'x'\">\n <ui-stack class=\"content\" stack_direction=\"y\">\n <div class=\"text-body--emphasis\">\n <ng-content select=\"ui-alert-title\"></ng-content>\n </div>\n <div>\n <ng-content select=\"ui-alert-content\"></ng-content>\n </div>\n </ui-stack>\n\n <ui-box\n box_space=\"none\"\n box_background=\"transparent\"\n [box_fill_mode]=\"isVertical ? 'fill' : 'fit'\"\n >\n <ui-stack stack_direction=\"x\" stack_gap=\"near\" stack_distribute=\"end\">\n <ui-button\n *ngIf=\"cancelButton && cancelButton.text\"\n button_type=\"tertiary\"\n button_text_nowrap=\"true\"\n (clicked)=\"cancelled()\"\n >\n <ng-content select=\"ui-alert-cancel\"></ng-content>\n </ui-button>\n <ui-button\n *ngIf=\"confirmButton && confirmButton.text\"\n button_type=\"secondary\"\n button_text_nowrap=\"true\"\n (clicked)=\"confirmed()\"\n >\n <ng-content select=\"ui-alert-confirm\"></ng-content>\n </ui-button>\n </ui-stack>\n </ui-box>\n </ui-stack>\n </ui-stack>\n</ui-box>\n", styles: [":host{display:contents}.ui-alert{background-color:var(--component-alert-background-neutral)}.ui-alert.negative{background-color:var(--component-alert-background-negative)}.ui-alert.positive{background-color:var(--component-alert-background-positive)}.ui-alert .badge{padding:2px;border-radius:9999px;color:var(--global-color-black);background-color:var(--component-alert-badge-neutral)}.ui-alert .badge.negative{color:var(--global-color-white);background-color:var(--component-alert-badge-negative)}.ui-alert .badge.positive{color:var(--global-color-white);background-color:var(--component-alert-badge-positive)}.ui-alert .badge ui-icon{fill:currentColor}.ui-alert .content{gap:4px}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i2.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "component", type: i3.LayoutBoxComponent, selector: "ui-box", inputs: ["box_space", "box_space_top", "box_space_right", "box_space_bottom", "box_space_left", "box_align_x", "box_align_y", "box_fill_mode", "box_background", "box_content_fill_width"] }, { kind: "component", type: i4.LayoutStackComponent, selector: "ui-stack", inputs: ["stack_gap", "stack_align", "stack_direction", "stack_distribute", "stack_wrap", "stack_collapse_below"] }, { kind: "component", type: i5.OasysButtonComponent, selector: "ui-button", inputs: ["button_icon", "button_icon_placement", "button_size", "button_full_width", "button_type", "button_disabled", "button_text_nowrap", "href"], outputs: ["clicked"] }, { kind: "component", type: i6.IconComponent, selector: "ui-icon", inputs: ["icon_size", "icon_name", "icon_context", "icon_width", "icon_height", "icon_class"] }] });
38
+ OasysAlertComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: OasysAlertComponent, selector: "ui-alert", inputs: { direction: "direction", tone: "tone" }, outputs: { cancel: "cancel", confirm: "confirm" }, queries: [{ propertyName: "cancelButton", first: true, predicate: OasysAlertCancelDirective, descendants: true }, { propertyName: "confirmButton", first: true, predicate: OasysAlertConfirmDirective, descendants: true }], ngImport: i0, template: "<ui-box class=\"ui-alert\" box_space=\"near\" box_align_x=\"center\" [ngClass]=\"tone\">\n <ui-stack stack_direction=\"x\" stack_gap=\"near\">\n <div class=\"badge\" [ngClass]=\"tone\" [ngSwitch]=\"tone\">\n <ui-icon *ngSwitchCase=\"'negative'\" icon_name=\"error\"></ui-icon>\n <ui-icon *ngSwitchCase=\"'positive'\" icon_name=\"tick\"></ui-icon>\n <ui-icon *ngSwitchDefault icon_name=\"info\"></ui-icon>\n </div>\n\n <ui-stack stack_gap=\"near\" [stack_direction]=\"isVertical ? 'y' : 'x'\">\n <ui-stack class=\"content\" stack_direction=\"y\">\n <div class=\"text-body--emphasis\">\n <ng-content select=\"ui-alert-title\"></ng-content>\n </div>\n <div>\n <ng-content select=\"ui-alert-content\"></ng-content>\n </div>\n </ui-stack>\n\n <ui-box\n box_space=\"none\"\n box_background=\"transparent\"\n [box_fill_mode]=\"isVertical ? 'fill' : 'fit'\"\n >\n <ui-stack stack_direction=\"x\" stack_gap=\"near\" stack_distribute=\"end\">\n <ui-button\n *ngIf=\"cancelButton && cancelButton.text\"\n button_type=\"tertiary\"\n button_text_nowrap=\"true\"\n (clicked)=\"cancelled()\"\n >\n <ng-content select=\"ui-alert-cancel\"></ng-content>\n </ui-button>\n <ui-button\n *ngIf=\"confirmButton && confirmButton.text\"\n button_type=\"secondary\"\n button_text_nowrap=\"true\"\n (clicked)=\"confirmed()\"\n >\n <ng-content select=\"ui-alert-confirm\"></ng-content>\n </ui-button>\n </ui-stack>\n </ui-box>\n </ui-stack>\n </ui-stack>\n</ui-box>\n", styles: [":host{display:contents}.ui-alert{background-color:var(--component-alert-background-neutral)}.ui-alert.negative{background-color:var(--component-alert-background-negative)}.ui-alert.positive{background-color:var(--component-alert-background-positive)}.ui-alert .badge{padding:2px;border-radius:9999px;color:var(--global-color-black);background-color:var(--component-alert-badge-neutral)}.ui-alert .badge.negative{color:var(--global-color-white);background-color:var(--component-alert-badge-negative)}.ui-alert .badge.positive{color:var(--global-color-white);background-color:var(--component-alert-badge-positive)}.ui-alert .badge ui-icon{fill:currentColor}.ui-alert .content{gap:4px}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i2.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "component", type: i3.LayoutBoxComponent, selector: "ui-box", inputs: ["box_space", "box_space_top", "box_space_right", "box_space_bottom", "box_space_left", "box_align_x", "box_align_y", "box_fill_mode", "box_background", "box_content_fill_width"] }, { kind: "component", type: i4.LayoutStackComponent, selector: "ui-stack", inputs: ["stack_gap", "stack_align", "stack_direction", "stack_distribute", "stack_wrap", "stack_collapse_below"] }, { kind: "component", type: i5.OasysButtonComponent, selector: "ui-button", inputs: ["button_icon", "button_icon_placement", "button_size", "button_full_width", "button_type", "button_disabled", "button_text_nowrap", "href"], outputs: ["clicked"] }, { kind: "component", type: i6.IconComponent, selector: "ui-icon", inputs: ["icon_size", "icon_size_override", "icon_name", "icon_context", "icon_class"] }] });
39
39
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OasysAlertComponent, decorators: [{
40
40
  type: Component,
41
41
  args: [{ selector: 'ui-alert', template: "<ui-box class=\"ui-alert\" box_space=\"near\" box_align_x=\"center\" [ngClass]=\"tone\">\n <ui-stack stack_direction=\"x\" stack_gap=\"near\">\n <div class=\"badge\" [ngClass]=\"tone\" [ngSwitch]=\"tone\">\n <ui-icon *ngSwitchCase=\"'negative'\" icon_name=\"error\"></ui-icon>\n <ui-icon *ngSwitchCase=\"'positive'\" icon_name=\"tick\"></ui-icon>\n <ui-icon *ngSwitchDefault icon_name=\"info\"></ui-icon>\n </div>\n\n <ui-stack stack_gap=\"near\" [stack_direction]=\"isVertical ? 'y' : 'x'\">\n <ui-stack class=\"content\" stack_direction=\"y\">\n <div class=\"text-body--emphasis\">\n <ng-content select=\"ui-alert-title\"></ng-content>\n </div>\n <div>\n <ng-content select=\"ui-alert-content\"></ng-content>\n </div>\n </ui-stack>\n\n <ui-box\n box_space=\"none\"\n box_background=\"transparent\"\n [box_fill_mode]=\"isVertical ? 'fill' : 'fit'\"\n >\n <ui-stack stack_direction=\"x\" stack_gap=\"near\" stack_distribute=\"end\">\n <ui-button\n *ngIf=\"cancelButton && cancelButton.text\"\n button_type=\"tertiary\"\n button_text_nowrap=\"true\"\n (clicked)=\"cancelled()\"\n >\n <ng-content select=\"ui-alert-cancel\"></ng-content>\n </ui-button>\n <ui-button\n *ngIf=\"confirmButton && confirmButton.text\"\n button_type=\"secondary\"\n button_text_nowrap=\"true\"\n (clicked)=\"confirmed()\"\n >\n <ng-content select=\"ui-alert-confirm\"></ng-content>\n </ui-button>\n </ui-stack>\n </ui-box>\n </ui-stack>\n </ui-stack>\n</ui-box>\n", styles: [":host{display:contents}.ui-alert{background-color:var(--component-alert-background-neutral)}.ui-alert.negative{background-color:var(--component-alert-background-negative)}.ui-alert.positive{background-color:var(--component-alert-background-positive)}.ui-alert .badge{padding:2px;border-radius:9999px;color:var(--global-color-black);background-color:var(--component-alert-badge-neutral)}.ui-alert .badge.negative{color:var(--global-color-white);background-color:var(--component-alert-badge-negative)}.ui-alert .badge.positive{color:var(--global-color-white);background-color:var(--component-alert-badge-positive)}.ui-alert .badge ui-icon{fill:currentColor}.ui-alert .content{gap:4px}\n"] }]
@@ -19,7 +19,7 @@ export class BreadcrumbsComponent {
19
19
  }
20
20
  }
21
21
  BreadcrumbsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: BreadcrumbsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
22
- BreadcrumbsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: BreadcrumbsComponent, selector: "ui-breadcrumbs", inputs: { breadcrumbs_values: "breadcrumbs_values" }, ngImport: i0, template: "<ui-box box_fill_mode=\"fill\" box_space=\"near\" box_background=\"core-secondary\" *ngIf=\"values\">\n <nav aria-label=\"breadcrumbs\">\n <ui-stack stack_gap=\"none\" stack_direction=\"x\" stack_align=\"center\" stack_wrap=\"true\">\n <ng-container *ngFor=\"let item of values; let i = index\">\n <!-- Link followed by an icon -->\n <ui-box box_space=\"none\" box_background=\"none\" box_fill_mode=\"fit\">\n <ui-stack stack_direction=\"x\" stack_align=\"center\" stack_wrap=\"false\" stack_gap=\"none\">\n <ui-button *ngIf=\"i<values.length-1\" button_size=\"small\" button_type=\"tertiary\" button_full_width=\"true\" href=\"{{item.href}}\"> \n <span> {{item.name}} </span>\n </ui-button> \n <ui-icon *ngIf=\"i<values.length-1\" icon_name=\"chevron-right\" icon_size=\"small\" icon_class=\"buttonIcon\" aria-hidden=\"true\"></ui-icon>\n </ui-stack>\n </ui-box>\n <!-- Last link and current page -->\n <ui-button *ngIf=\"i===values.length-1\" button_size=\"small\" button_type=\"tertiary\" button_full_width=\"true\" href=\"{{item.href}}\" [attr.aria-current]=\"item.name\"> \n <span> {{item.name}} </span>\n </ui-button> \n </ng-container>\n </ui-stack>\n </nav>\n</ui-box>\n", styles: ["ui-breadcrumbs{display:contents}ui-breadcrumbs nav{display:block}\n"], dependencies: [{ 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: i2.OasysButtonComponent, selector: "ui-button", inputs: ["button_icon", "button_icon_placement", "button_size", "button_full_width", "button_type", "button_disabled", "button_text_nowrap", "href"], outputs: ["clicked"] }, { kind: "component", type: i3.IconComponent, selector: "ui-icon", inputs: ["icon_size", "icon_name", "icon_context", "icon_width", "icon_height", "icon_class"] }, { kind: "component", type: i4.LayoutBoxComponent, selector: "ui-box", inputs: ["box_space", "box_space_top", "box_space_right", "box_space_bottom", "box_space_left", "box_align_x", "box_align_y", "box_fill_mode", "box_background", "box_content_fill_width"] }, { kind: "component", type: i5.LayoutStackComponent, selector: "ui-stack", inputs: ["stack_gap", "stack_align", "stack_direction", "stack_distribute", "stack_wrap", "stack_collapse_below"] }], encapsulation: i0.ViewEncapsulation.None });
22
+ BreadcrumbsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: BreadcrumbsComponent, selector: "ui-breadcrumbs", inputs: { breadcrumbs_values: "breadcrumbs_values" }, ngImport: i0, template: "<ui-box box_fill_mode=\"fill\" box_space=\"near\" box_background=\"core-secondary\" *ngIf=\"values\">\n <nav aria-label=\"breadcrumbs\">\n <ui-stack stack_gap=\"none\" stack_direction=\"x\" stack_align=\"center\" stack_wrap=\"true\">\n <ng-container *ngFor=\"let item of values; let i = index\">\n <!-- Link followed by an icon -->\n <ui-box box_space=\"none\" box_background=\"none\" box_fill_mode=\"fit\">\n <ui-stack stack_direction=\"x\" stack_align=\"center\" stack_wrap=\"false\" stack_gap=\"none\">\n <ui-button *ngIf=\"i<values.length-1\" button_size=\"small\" button_type=\"tertiary\" button_full_width=\"true\" href=\"{{item.href}}\"> \n <span> {{item.name}} </span>\n </ui-button> \n <ui-icon *ngIf=\"i<values.length-1\" icon_name=\"chevron-right\" icon_size=\"small\" icon_class=\"buttonIcon\" aria-hidden=\"true\"></ui-icon>\n </ui-stack>\n </ui-box>\n <!-- Last link and current page -->\n <ui-button *ngIf=\"i===values.length-1\" button_size=\"small\" button_type=\"tertiary\" button_full_width=\"true\" href=\"{{item.href}}\" [attr.aria-current]=\"item.name\"> \n <span> {{item.name}} </span>\n </ui-button> \n </ng-container>\n </ui-stack>\n </nav>\n</ui-box>\n", styles: ["ui-breadcrumbs{display:contents}ui-breadcrumbs nav{display:block}\n"], dependencies: [{ 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: i2.OasysButtonComponent, selector: "ui-button", inputs: ["button_icon", "button_icon_placement", "button_size", "button_full_width", "button_type", "button_disabled", "button_text_nowrap", "href"], outputs: ["clicked"] }, { kind: "component", type: i3.IconComponent, selector: "ui-icon", inputs: ["icon_size", "icon_size_override", "icon_name", "icon_context", "icon_class"] }, { kind: "component", type: i4.LayoutBoxComponent, selector: "ui-box", inputs: ["box_space", "box_space_top", "box_space_right", "box_space_bottom", "box_space_left", "box_align_x", "box_align_y", "box_fill_mode", "box_background", "box_content_fill_width"] }, { kind: "component", type: i5.LayoutStackComponent, selector: "ui-stack", inputs: ["stack_gap", "stack_align", "stack_direction", "stack_distribute", "stack_wrap", "stack_collapse_below"] }], encapsulation: i0.ViewEncapsulation.None });
23
23
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: BreadcrumbsComponent, decorators: [{
24
24
  type: Component,
25
25
  args: [{ selector: 'ui-breadcrumbs', encapsulation: ViewEncapsulation.None, template: "<ui-box box_fill_mode=\"fill\" box_space=\"near\" box_background=\"core-secondary\" *ngIf=\"values\">\n <nav aria-label=\"breadcrumbs\">\n <ui-stack stack_gap=\"none\" stack_direction=\"x\" stack_align=\"center\" stack_wrap=\"true\">\n <ng-container *ngFor=\"let item of values; let i = index\">\n <!-- Link followed by an icon -->\n <ui-box box_space=\"none\" box_background=\"none\" box_fill_mode=\"fit\">\n <ui-stack stack_direction=\"x\" stack_align=\"center\" stack_wrap=\"false\" stack_gap=\"none\">\n <ui-button *ngIf=\"i<values.length-1\" button_size=\"small\" button_type=\"tertiary\" button_full_width=\"true\" href=\"{{item.href}}\"> \n <span> {{item.name}} </span>\n </ui-button> \n <ui-icon *ngIf=\"i<values.length-1\" icon_name=\"chevron-right\" icon_size=\"small\" icon_class=\"buttonIcon\" aria-hidden=\"true\"></ui-icon>\n </ui-stack>\n </ui-box>\n <!-- Last link and current page -->\n <ui-button *ngIf=\"i===values.length-1\" button_size=\"small\" button_type=\"tertiary\" button_full_width=\"true\" href=\"{{item.href}}\" [attr.aria-current]=\"item.name\"> \n <span> {{item.name}} </span>\n </ui-button> \n </ng-container>\n </ui-stack>\n </nav>\n</ui-box>\n", styles: ["ui-breadcrumbs{display:contents}ui-breadcrumbs nav{display:block}\n"] }]
@@ -69,10 +69,10 @@ export class OasysButtonComponent {
69
69
  }
70
70
  }
71
71
  OasysButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OasysButtonComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
72
- OasysButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: OasysButtonComponent, selector: "ui-button", inputs: { button_icon: "button_icon", button_icon_placement: "button_icon_placement", button_size: "button_size", button_full_width: "button_full_width", button_type: "button_type", button_disabled: "button_disabled", button_text_nowrap: "button_text_nowrap", href: "href" }, outputs: { clicked: "clicked" }, viewQueries: [{ propertyName: "ngContent", first: true, predicate: ["buttontext"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<ng-template #content>\n <div class=\"button-content\">\n <ui-icon *ngIf=\"button.buttonIcon && button.buttonIconPlacement !== 'none'\" [icon_name]=\"button.buttonIcon\" [icon_size]=\"button.buttonSize\" [icon_class]=\"'buttonIcon'\" [icon_context]=\"button.buttonIconPlacement\"></ui-icon>\n <span class=\"ui-text\" [ngClass]=\"{'visuallyhidden': button.buttonIconPlacement === 'iconOnly'}\">\n <span #buttontext>\n <ng-content></ng-content>\n </span>\n </span>\n </div>\n <div class=\"button-overlay\"></div>\n <div class=\"button-overlay-focus\"></div>\n</ng-template>\n\n<button \n *ngIf=\"!button.href\" \n (click)=\"onClick()\"\n [ngClass]=\"button.buttonDisplayClasses\"\n [attr.disabled]=\"button.buttonDisabled === true || null\"\n [attr.aria-label]=\"accessibleButtonContent\"\n [attr.title]=\"accessibleButtonContent\"\n role=\"button\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</button>\n\n<a \n *ngIf=\"button.href\"\n [href]=\"button.href\"\n [attr.disabled]=\"button.buttonDisabled === true || null\"\n [attr.aria-label]=\"accessibleButtonContent\"\n [attr.title]=\"accessibleButtonContent\"\n [ngClass]=\"button.buttonDisplayClasses\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</a>\n", styles: ["ui-button{display:contents}ui-button button,ui-button a{border:0;padding:0;position:relative;display:inline-flex;text-align:center;justify-content:center;align-items:center;border-style:solid;cursor:pointer;user-select:none;appearance:none;-webkit-appearance:none;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;border-width:var(--component-button-border-width);border-radius:var(--component-button-border-radius);font-family:var(--semantic-font-family-body)}ui-button button .button-content,ui-button a .button-content{display:flex;align-items:center;gap:var(--component-button-content-stack);min-height:var(--component-button-content-height)}ui-button button .button-content .ui-icon,ui-button a .button-content .ui-icon{display:flex;align-items:center;max-height:var(--component-button-line-height)}ui-button button .button-content .ui-text,ui-button a .button-content .ui-text{text-transform:var(--component-button-text-transform);letter-spacing:var(--component-button-letter-spacing);font-weight:var(--component-button-font-weight);line-height:var(--component-button-line-height)}ui-button button .button-overlay,ui-button button .button-overlay-focus,ui-button a .button-overlay,ui-button a .button-overlay-focus{position:absolute;inset:0;touch-action:none;pointer-events:none;border-radius:var(--component-button-border-radius);opacity:0}ui-button button:hover .button-overlay,ui-button a:hover .button-overlay{opacity:var(--component-button-opacity-overlay-hover)}ui-button button:focus .button-overlay,ui-button a:focus .button-overlay{opacity:var(--component-button-opacity-overlay-focus)}ui-button button:focus-visible .button-overlay,ui-button a:focus-visible .button-overlay{opacity:var(--component-button-opacity-overlay-focus-visible)}ui-button button:focus-visible,ui-button a:focus-visible{outline:none}ui-button button:focus-visible .button-overlay-focus,ui-button a:focus-visible .button-overlay-focus{top:calc(var(--component-button-outline-gap) * -1);right:calc(var(--component-button-outline-gap) * -1);bottom:calc(var(--component-button-outline-gap) * -1);left:calc(var(--component-button-outline-gap) * -1);box-shadow:0 0 0 var(--component-button-outline-width) var(--component-button-color-focus-visible);opacity:1;border-radius:calc(var(--component-button-border-radius) + var(--component-button-outline-width))}ui-button button:focus,ui-button a:focus{outline:none}ui-button button.type-primary,ui-button a.type-primary{background-color:var(--component-button-color-primary-background);border-color:var(--component-button-color-primary-border);color:var(--component-button-color-primary-text)}ui-button button.type-primary .button-overlay,ui-button a.type-primary .button-overlay{background-color:var(--component-button-color-primary-text)}ui-button button.type-secondary,ui-button a.type-secondary{background-color:var(--component-button-color-secondary-background);border-color:var(--component-button-color-secondary-border);color:var(--component-button-color-secondary-text)}ui-button button.type-secondary .button-overlay,ui-button a.type-secondary .button-overlay{background-color:var(--component-button-color-secondary-text)}ui-button button.type-tertiary,ui-button a.type-tertiary{background-color:var(--component-button-color-tertiary-background);border-color:var(--component-button-color-tertiary-border);color:var(--component-button-color-tertiary-text)}ui-button button.type-tertiary .button-overlay,ui-button a.type-tertiary .button-overlay{background-color:var(--component-button-color-tertiary-text)}ui-button button.type-primary-inverse,ui-button a.type-primary-inverse{background-color:var(--component-button-color-primary-inverse-background);border-color:var(--component-button-color-primary-inverse-border);color:var(--component-button-color-primary-inverse-text)}ui-button button.type-primary-inverse .button-overlay,ui-button a.type-primary-inverse .button-overlay{background-color:var(--component-button-color-primary-inverse-text)}ui-button button.type-secondary-inverse,ui-button a.type-secondary-inverse{background-color:var(--component-button-color-secondary-inverse-background);border-color:var(--component-button-color-secondary-inverse-border);color:var(--component-button-color-secondary-inverse-text)}ui-button button.type-secondary-inverse .button-overlay,ui-button a.type-secondary-inverse .button-overlay{background-color:var(--component-button-color-secondary-inverse-text)}ui-button button.type-tertiary-inverse,ui-button a.type-tertiary-inverse{background-color:var(--component-button-color-tertiary-inverse-background);border-color:var(--component-button-color-tertiary-inverse-border);color:var(--component-button-color-tertiary-inverse-text)}ui-button button.type-tertiary-inverse .button-overlay,ui-button a.type-tertiary-inverse .button-overlay{background-color:var(--component-button-color-tertiary-inverse-text)}ui-button button.type-expressive,ui-button a.type-expressive{background-color:var(--component-button-color-expressive-background);border-color:var(--component-button-color-expressive-border);color:var(--component-button-color-expressive-text)}ui-button button.type-expressive .button-overlay,ui-button a.type-expressive .button-overlay{background-color:var(--component-button-color-expressive-text)}ui-button button.type-danger,ui-button a.type-danger{background-color:var(--component-button-color-danger-background);border-color:var(--component-button-color-danger-border);color:var(--component-button-color-danger-text)}ui-button button.type-danger .button-overlay,ui-button a.type-danger .button-overlay{background-color:var(--component-button-color-danger-text)}ui-button button.type-facebook,ui-button a.type-facebook{background-color:var(--component-button-color-facebook-background);border-color:var(--component-button-color-facebook-border);color:var(--component-button-color-facebook-text)}ui-button button.type-facebook .button-overlay,ui-button a.type-facebook .button-overlay{background-color:var(--component-button-color-facebook-text)}ui-button button.type-paypal,ui-button a.type-paypal{background-color:var(--component-button-color-paypal-background);border-color:var(--component-button-color-paypal-border);color:var(--component-button-color-paypal-text)}ui-button button.type-paypal .button-overlay,ui-button a.type-paypal .button-overlay{background-color:var(--component-button-color-paypal-text)}ui-button button.type-trustpilot,ui-button a.type-trustpilot{background-color:var(--component-button-color-trustpilot-background);border-color:var(--component-button-color-trustpilot-border);color:var(--component-button-color-trustpilot-text)}ui-button button.type-trustpilot .button-overlay,ui-button a.type-trustpilot .button-overlay{background-color:var(--component-button-color-trustpilot-text)}ui-button button .buttonIcon,ui-button a .buttonIcon{fill:currentColor}ui-button button.size-large,ui-button a.size-large{padding:var(--component-button-size-large-inset-y) var(--component-button-size-large-inset-x);font-size:var(--component-button-size-large-font-size)}ui-button button.size-large.button--icon--iconOnly,ui-button a.size-large.button--icon--iconOnly{max-width:var(--component-button-size-large-icon-only-width)}ui-button button.size-small,ui-button a.size-small{padding:var(--component-button-size-small-inset-y) var(--component-button-size-small-inset-x);font-size:var(--component-button-size-small-font-size)}ui-button button.size-small.button--icon--iconOnly,ui-button a.size-small.button--icon--iconOnly{max-width:var(--component-button-size-small-icon-only-width)}ui-button button[disabled],ui-button a[disabled]{background-color:var(--component-button-color-disabled-background);border-color:var(--component-button-color-disabled-border);color:var(--component-button-color-disabled-text);cursor:default;pointer-events:none}ui-button button.button--has-icon.button--icon--trailing .button-content,ui-button a.button--has-icon.button--icon--trailing .button-content{flex-direction:row-reverse}ui-button button.button--full-width,ui-button a.button--full-width{width:100%}ui-button button.button--nowrap .button-content .ui-text,ui-button a.button--nowrap .button-content .ui-text{white-space:nowrap}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.IconComponent, selector: "ui-icon", inputs: ["icon_size", "icon_name", "icon_context", "icon_width", "icon_height", "icon_class"] }, { kind: "directive", type: i3.OasysHrefDirective, selector: "a, uiHref, [uiHref]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
72
+ OasysButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: OasysButtonComponent, selector: "ui-button", inputs: { button_icon: "button_icon", button_icon_placement: "button_icon_placement", button_size: "button_size", button_full_width: "button_full_width", button_type: "button_type", button_disabled: "button_disabled", button_text_nowrap: "button_text_nowrap", href: "href" }, outputs: { clicked: "clicked" }, viewQueries: [{ propertyName: "ngContent", first: true, predicate: ["buttontext"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<ng-template #content>\n <div class=\"button-content\">\n <ui-icon *ngIf=\"button.buttonIcon && button.buttonIconPlacement !== 'none'\" [icon_name]=\"button.buttonIcon\" [icon_size]=\"button.buttonSize\" [icon_class]=\"'buttonIcon'\" [icon_context]=\"button.buttonIconPlacement\"></ui-icon>\n <span class=\"ui-text\" [ngClass]=\"{'visuallyhidden': button.buttonIconPlacement === 'iconOnly'}\">\n <span #buttontext>\n <ng-content></ng-content>\n </span>\n </span>\n </div>\n <div class=\"button-overlay\"></div>\n <div class=\"button-overlay-focus\"></div>\n</ng-template>\n\n<button\n *ngIf=\"!button.href\"\n (click)=\"onClick()\"\n [ngClass]=\"button.buttonDisplayClasses\"\n [attr.disabled]=\"button.buttonDisabled === true || null\"\n [attr.aria-label]=\"accessibleButtonContent\"\n [attr.title]=\"accessibleButtonContent\"\n role=\"button\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</button>\n\n<a\n *ngIf=\"button.href\"\n [href]=\"button.href\"\n [attr.disabled]=\"button.buttonDisabled === true || null\"\n [attr.aria-label]=\"accessibleButtonContent\"\n [attr.title]=\"accessibleButtonContent\"\n [ngClass]=\"button.buttonDisplayClasses\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</a>\n", styles: ["ui-button{display:contents}ui-button button,ui-button a{border:0;padding:0;position:relative;display:inline-flex;text-align:center;justify-content:center;align-items:center;border-style:solid;cursor:pointer;user-select:none;appearance:none;-webkit-appearance:none;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;border-width:var(--component-button-border-width);border-radius:var(--component-button-border-radius);font-family:var(--semantic-font-family-body)}ui-button button .button-content,ui-button a .button-content{display:flex;align-items:center;gap:var(--component-button-content-stack);min-height:var(--component-button-content-height)}ui-button button .button-content .ui-icon,ui-button a .button-content .ui-icon{display:flex;align-items:center;max-height:var(--component-button-line-height)}ui-button button .button-content .ui-text,ui-button a .button-content .ui-text{text-transform:var(--component-button-text-transform);letter-spacing:var(--component-button-letter-spacing);font-weight:var(--component-button-font-weight);line-height:var(--component-button-line-height)}ui-button button .button-overlay,ui-button button .button-overlay-focus,ui-button a .button-overlay,ui-button a .button-overlay-focus{position:absolute;inset:0;touch-action:none;pointer-events:none;border-radius:var(--component-button-border-radius);opacity:0}ui-button button:hover .button-overlay,ui-button a:hover .button-overlay{opacity:var(--component-button-opacity-overlay-hover)}ui-button button:focus .button-overlay,ui-button a:focus .button-overlay{opacity:var(--component-button-opacity-overlay-focus)}ui-button button:focus-visible .button-overlay,ui-button a:focus-visible .button-overlay{opacity:var(--component-button-opacity-overlay-focus-visible)}ui-button button.type-primary,ui-button a.type-primary{background-color:var(--component-button-color-primary-background);border-color:var(--component-button-color-primary-border);color:var(--component-button-color-primary-text)}ui-button button.type-primary .button-overlay,ui-button a.type-primary .button-overlay{background-color:var(--component-button-color-primary-text)}ui-button button.type-secondary,ui-button a.type-secondary{background-color:var(--component-button-color-secondary-background);border-color:var(--component-button-color-secondary-border);color:var(--component-button-color-secondary-text)}ui-button button.type-secondary .button-overlay,ui-button a.type-secondary .button-overlay{background-color:var(--component-button-color-secondary-text)}ui-button button.type-tertiary,ui-button a.type-tertiary{background-color:var(--component-button-color-tertiary-background);border-color:var(--component-button-color-tertiary-border);color:var(--component-button-color-tertiary-text)}ui-button button.type-tertiary .button-overlay,ui-button a.type-tertiary .button-overlay{background-color:var(--component-button-color-tertiary-text)}ui-button button.type-primary-inverse,ui-button a.type-primary-inverse{background-color:var(--component-button-color-primary-inverse-background);border-color:var(--component-button-color-primary-inverse-border);color:var(--component-button-color-primary-inverse-text)}ui-button button.type-primary-inverse .button-overlay,ui-button a.type-primary-inverse .button-overlay{background-color:var(--component-button-color-primary-inverse-text)}ui-button button.type-secondary-inverse,ui-button a.type-secondary-inverse{background-color:var(--component-button-color-secondary-inverse-background);border-color:var(--component-button-color-secondary-inverse-border);color:var(--component-button-color-secondary-inverse-text)}ui-button button.type-secondary-inverse .button-overlay,ui-button a.type-secondary-inverse .button-overlay{background-color:var(--component-button-color-secondary-inverse-text)}ui-button button.type-tertiary-inverse,ui-button a.type-tertiary-inverse{background-color:var(--component-button-color-tertiary-inverse-background);border-color:var(--component-button-color-tertiary-inverse-border);color:var(--component-button-color-tertiary-inverse-text)}ui-button button.type-tertiary-inverse .button-overlay,ui-button a.type-tertiary-inverse .button-overlay{background-color:var(--component-button-color-tertiary-inverse-text)}ui-button button.type-expressive,ui-button a.type-expressive{background-color:var(--component-button-color-expressive-background);border-color:var(--component-button-color-expressive-border);color:var(--component-button-color-expressive-text)}ui-button button.type-expressive .button-overlay,ui-button a.type-expressive .button-overlay{background-color:var(--component-button-color-expressive-text)}ui-button button.type-danger,ui-button a.type-danger{background-color:var(--component-button-color-danger-background);border-color:var(--component-button-color-danger-border);color:var(--component-button-color-danger-text)}ui-button button.type-danger .button-overlay,ui-button a.type-danger .button-overlay{background-color:var(--component-button-color-danger-text)}ui-button button.type-facebook,ui-button a.type-facebook{background-color:var(--component-button-color-facebook-background);border-color:var(--component-button-color-facebook-border);color:var(--component-button-color-facebook-text)}ui-button button.type-facebook .button-overlay,ui-button a.type-facebook .button-overlay{background-color:var(--component-button-color-facebook-text)}ui-button button.type-paypal,ui-button a.type-paypal{background-color:var(--component-button-color-paypal-background);border-color:var(--component-button-color-paypal-border);color:var(--component-button-color-paypal-text)}ui-button button.type-paypal .button-overlay,ui-button a.type-paypal .button-overlay{background-color:var(--component-button-color-paypal-text)}ui-button button.type-trustpilot,ui-button a.type-trustpilot{background-color:var(--component-button-color-trustpilot-background);border-color:var(--component-button-color-trustpilot-border);color:var(--component-button-color-trustpilot-text)}ui-button button.type-trustpilot .button-overlay,ui-button a.type-trustpilot .button-overlay{background-color:var(--component-button-color-trustpilot-text)}ui-button button .buttonIcon,ui-button a .buttonIcon{fill:currentColor}ui-button button.size-large,ui-button a.size-large{padding:var(--component-button-size-large-inset-y) var(--component-button-size-large-inset-x);font-size:var(--component-button-size-large-font-size)}ui-button button.size-large.button--icon--iconOnly,ui-button a.size-large.button--icon--iconOnly{max-width:var(--component-button-size-large-icon-only-width)}ui-button button.size-small,ui-button a.size-small{padding:var(--component-button-size-small-inset-y) var(--component-button-size-small-inset-x);font-size:var(--component-button-size-small-font-size)}ui-button button.size-small.button--icon--iconOnly,ui-button a.size-small.button--icon--iconOnly{max-width:var(--component-button-size-small-icon-only-width)}ui-button button[disabled],ui-button a[disabled]{background-color:var(--component-button-color-disabled-background);border-color:var(--component-button-color-disabled-border);color:var(--component-button-color-disabled-text);cursor:default;pointer-events:none}ui-button button.button--has-icon.button--icon--trailing .button-content,ui-button a.button--has-icon.button--icon--trailing .button-content{flex-direction:row-reverse}ui-button button.button--full-width,ui-button a.button--full-width{width:100%}ui-button button.button--nowrap .button-content .ui-text,ui-button a.button--nowrap .button-content .ui-text{white-space:nowrap}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.IconComponent, selector: "ui-icon", inputs: ["icon_size", "icon_size_override", "icon_name", "icon_context", "icon_class"] }, { kind: "directive", type: i3.OasysHrefDirective, selector: "a, uiHref, [uiHref]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
73
73
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OasysButtonComponent, decorators: [{
74
74
  type: Component,
75
- args: [{ selector: 'ui-button', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template #content>\n <div class=\"button-content\">\n <ui-icon *ngIf=\"button.buttonIcon && button.buttonIconPlacement !== 'none'\" [icon_name]=\"button.buttonIcon\" [icon_size]=\"button.buttonSize\" [icon_class]=\"'buttonIcon'\" [icon_context]=\"button.buttonIconPlacement\"></ui-icon>\n <span class=\"ui-text\" [ngClass]=\"{'visuallyhidden': button.buttonIconPlacement === 'iconOnly'}\">\n <span #buttontext>\n <ng-content></ng-content>\n </span>\n </span>\n </div>\n <div class=\"button-overlay\"></div>\n <div class=\"button-overlay-focus\"></div>\n</ng-template>\n\n<button \n *ngIf=\"!button.href\" \n (click)=\"onClick()\"\n [ngClass]=\"button.buttonDisplayClasses\"\n [attr.disabled]=\"button.buttonDisabled === true || null\"\n [attr.aria-label]=\"accessibleButtonContent\"\n [attr.title]=\"accessibleButtonContent\"\n role=\"button\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</button>\n\n<a \n *ngIf=\"button.href\"\n [href]=\"button.href\"\n [attr.disabled]=\"button.buttonDisabled === true || null\"\n [attr.aria-label]=\"accessibleButtonContent\"\n [attr.title]=\"accessibleButtonContent\"\n [ngClass]=\"button.buttonDisplayClasses\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</a>\n", styles: ["ui-button{display:contents}ui-button button,ui-button a{border:0;padding:0;position:relative;display:inline-flex;text-align:center;justify-content:center;align-items:center;border-style:solid;cursor:pointer;user-select:none;appearance:none;-webkit-appearance:none;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;border-width:var(--component-button-border-width);border-radius:var(--component-button-border-radius);font-family:var(--semantic-font-family-body)}ui-button button .button-content,ui-button a .button-content{display:flex;align-items:center;gap:var(--component-button-content-stack);min-height:var(--component-button-content-height)}ui-button button .button-content .ui-icon,ui-button a .button-content .ui-icon{display:flex;align-items:center;max-height:var(--component-button-line-height)}ui-button button .button-content .ui-text,ui-button a .button-content .ui-text{text-transform:var(--component-button-text-transform);letter-spacing:var(--component-button-letter-spacing);font-weight:var(--component-button-font-weight);line-height:var(--component-button-line-height)}ui-button button .button-overlay,ui-button button .button-overlay-focus,ui-button a .button-overlay,ui-button a .button-overlay-focus{position:absolute;inset:0;touch-action:none;pointer-events:none;border-radius:var(--component-button-border-radius);opacity:0}ui-button button:hover .button-overlay,ui-button a:hover .button-overlay{opacity:var(--component-button-opacity-overlay-hover)}ui-button button:focus .button-overlay,ui-button a:focus .button-overlay{opacity:var(--component-button-opacity-overlay-focus)}ui-button button:focus-visible .button-overlay,ui-button a:focus-visible .button-overlay{opacity:var(--component-button-opacity-overlay-focus-visible)}ui-button button:focus-visible,ui-button a:focus-visible{outline:none}ui-button button:focus-visible .button-overlay-focus,ui-button a:focus-visible .button-overlay-focus{top:calc(var(--component-button-outline-gap) * -1);right:calc(var(--component-button-outline-gap) * -1);bottom:calc(var(--component-button-outline-gap) * -1);left:calc(var(--component-button-outline-gap) * -1);box-shadow:0 0 0 var(--component-button-outline-width) var(--component-button-color-focus-visible);opacity:1;border-radius:calc(var(--component-button-border-radius) + var(--component-button-outline-width))}ui-button button:focus,ui-button a:focus{outline:none}ui-button button.type-primary,ui-button a.type-primary{background-color:var(--component-button-color-primary-background);border-color:var(--component-button-color-primary-border);color:var(--component-button-color-primary-text)}ui-button button.type-primary .button-overlay,ui-button a.type-primary .button-overlay{background-color:var(--component-button-color-primary-text)}ui-button button.type-secondary,ui-button a.type-secondary{background-color:var(--component-button-color-secondary-background);border-color:var(--component-button-color-secondary-border);color:var(--component-button-color-secondary-text)}ui-button button.type-secondary .button-overlay,ui-button a.type-secondary .button-overlay{background-color:var(--component-button-color-secondary-text)}ui-button button.type-tertiary,ui-button a.type-tertiary{background-color:var(--component-button-color-tertiary-background);border-color:var(--component-button-color-tertiary-border);color:var(--component-button-color-tertiary-text)}ui-button button.type-tertiary .button-overlay,ui-button a.type-tertiary .button-overlay{background-color:var(--component-button-color-tertiary-text)}ui-button button.type-primary-inverse,ui-button a.type-primary-inverse{background-color:var(--component-button-color-primary-inverse-background);border-color:var(--component-button-color-primary-inverse-border);color:var(--component-button-color-primary-inverse-text)}ui-button button.type-primary-inverse .button-overlay,ui-button a.type-primary-inverse .button-overlay{background-color:var(--component-button-color-primary-inverse-text)}ui-button button.type-secondary-inverse,ui-button a.type-secondary-inverse{background-color:var(--component-button-color-secondary-inverse-background);border-color:var(--component-button-color-secondary-inverse-border);color:var(--component-button-color-secondary-inverse-text)}ui-button button.type-secondary-inverse .button-overlay,ui-button a.type-secondary-inverse .button-overlay{background-color:var(--component-button-color-secondary-inverse-text)}ui-button button.type-tertiary-inverse,ui-button a.type-tertiary-inverse{background-color:var(--component-button-color-tertiary-inverse-background);border-color:var(--component-button-color-tertiary-inverse-border);color:var(--component-button-color-tertiary-inverse-text)}ui-button button.type-tertiary-inverse .button-overlay,ui-button a.type-tertiary-inverse .button-overlay{background-color:var(--component-button-color-tertiary-inverse-text)}ui-button button.type-expressive,ui-button a.type-expressive{background-color:var(--component-button-color-expressive-background);border-color:var(--component-button-color-expressive-border);color:var(--component-button-color-expressive-text)}ui-button button.type-expressive .button-overlay,ui-button a.type-expressive .button-overlay{background-color:var(--component-button-color-expressive-text)}ui-button button.type-danger,ui-button a.type-danger{background-color:var(--component-button-color-danger-background);border-color:var(--component-button-color-danger-border);color:var(--component-button-color-danger-text)}ui-button button.type-danger .button-overlay,ui-button a.type-danger .button-overlay{background-color:var(--component-button-color-danger-text)}ui-button button.type-facebook,ui-button a.type-facebook{background-color:var(--component-button-color-facebook-background);border-color:var(--component-button-color-facebook-border);color:var(--component-button-color-facebook-text)}ui-button button.type-facebook .button-overlay,ui-button a.type-facebook .button-overlay{background-color:var(--component-button-color-facebook-text)}ui-button button.type-paypal,ui-button a.type-paypal{background-color:var(--component-button-color-paypal-background);border-color:var(--component-button-color-paypal-border);color:var(--component-button-color-paypal-text)}ui-button button.type-paypal .button-overlay,ui-button a.type-paypal .button-overlay{background-color:var(--component-button-color-paypal-text)}ui-button button.type-trustpilot,ui-button a.type-trustpilot{background-color:var(--component-button-color-trustpilot-background);border-color:var(--component-button-color-trustpilot-border);color:var(--component-button-color-trustpilot-text)}ui-button button.type-trustpilot .button-overlay,ui-button a.type-trustpilot .button-overlay{background-color:var(--component-button-color-trustpilot-text)}ui-button button .buttonIcon,ui-button a .buttonIcon{fill:currentColor}ui-button button.size-large,ui-button a.size-large{padding:var(--component-button-size-large-inset-y) var(--component-button-size-large-inset-x);font-size:var(--component-button-size-large-font-size)}ui-button button.size-large.button--icon--iconOnly,ui-button a.size-large.button--icon--iconOnly{max-width:var(--component-button-size-large-icon-only-width)}ui-button button.size-small,ui-button a.size-small{padding:var(--component-button-size-small-inset-y) var(--component-button-size-small-inset-x);font-size:var(--component-button-size-small-font-size)}ui-button button.size-small.button--icon--iconOnly,ui-button a.size-small.button--icon--iconOnly{max-width:var(--component-button-size-small-icon-only-width)}ui-button button[disabled],ui-button a[disabled]{background-color:var(--component-button-color-disabled-background);border-color:var(--component-button-color-disabled-border);color:var(--component-button-color-disabled-text);cursor:default;pointer-events:none}ui-button button.button--has-icon.button--icon--trailing .button-content,ui-button a.button--has-icon.button--icon--trailing .button-content{flex-direction:row-reverse}ui-button button.button--full-width,ui-button a.button--full-width{width:100%}ui-button button.button--nowrap .button-content .ui-text,ui-button a.button--nowrap .button-content .ui-text{white-space:nowrap}\n"] }]
75
+ args: [{ selector: 'ui-button', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template #content>\n <div class=\"button-content\">\n <ui-icon *ngIf=\"button.buttonIcon && button.buttonIconPlacement !== 'none'\" [icon_name]=\"button.buttonIcon\" [icon_size]=\"button.buttonSize\" [icon_class]=\"'buttonIcon'\" [icon_context]=\"button.buttonIconPlacement\"></ui-icon>\n <span class=\"ui-text\" [ngClass]=\"{'visuallyhidden': button.buttonIconPlacement === 'iconOnly'}\">\n <span #buttontext>\n <ng-content></ng-content>\n </span>\n </span>\n </div>\n <div class=\"button-overlay\"></div>\n <div class=\"button-overlay-focus\"></div>\n</ng-template>\n\n<button\n *ngIf=\"!button.href\"\n (click)=\"onClick()\"\n [ngClass]=\"button.buttonDisplayClasses\"\n [attr.disabled]=\"button.buttonDisabled === true || null\"\n [attr.aria-label]=\"accessibleButtonContent\"\n [attr.title]=\"accessibleButtonContent\"\n role=\"button\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</button>\n\n<a\n *ngIf=\"button.href\"\n [href]=\"button.href\"\n [attr.disabled]=\"button.buttonDisabled === true || null\"\n [attr.aria-label]=\"accessibleButtonContent\"\n [attr.title]=\"accessibleButtonContent\"\n [ngClass]=\"button.buttonDisplayClasses\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</a>\n", styles: ["ui-button{display:contents}ui-button button,ui-button a{border:0;padding:0;position:relative;display:inline-flex;text-align:center;justify-content:center;align-items:center;border-style:solid;cursor:pointer;user-select:none;appearance:none;-webkit-appearance:none;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;border-width:var(--component-button-border-width);border-radius:var(--component-button-border-radius);font-family:var(--semantic-font-family-body)}ui-button button .button-content,ui-button a .button-content{display:flex;align-items:center;gap:var(--component-button-content-stack);min-height:var(--component-button-content-height)}ui-button button .button-content .ui-icon,ui-button a .button-content .ui-icon{display:flex;align-items:center;max-height:var(--component-button-line-height)}ui-button button .button-content .ui-text,ui-button a .button-content .ui-text{text-transform:var(--component-button-text-transform);letter-spacing:var(--component-button-letter-spacing);font-weight:var(--component-button-font-weight);line-height:var(--component-button-line-height)}ui-button button .button-overlay,ui-button button .button-overlay-focus,ui-button a .button-overlay,ui-button a .button-overlay-focus{position:absolute;inset:0;touch-action:none;pointer-events:none;border-radius:var(--component-button-border-radius);opacity:0}ui-button button:hover .button-overlay,ui-button a:hover .button-overlay{opacity:var(--component-button-opacity-overlay-hover)}ui-button button:focus .button-overlay,ui-button a:focus .button-overlay{opacity:var(--component-button-opacity-overlay-focus)}ui-button button:focus-visible .button-overlay,ui-button a:focus-visible .button-overlay{opacity:var(--component-button-opacity-overlay-focus-visible)}ui-button button.type-primary,ui-button a.type-primary{background-color:var(--component-button-color-primary-background);border-color:var(--component-button-color-primary-border);color:var(--component-button-color-primary-text)}ui-button button.type-primary .button-overlay,ui-button a.type-primary .button-overlay{background-color:var(--component-button-color-primary-text)}ui-button button.type-secondary,ui-button a.type-secondary{background-color:var(--component-button-color-secondary-background);border-color:var(--component-button-color-secondary-border);color:var(--component-button-color-secondary-text)}ui-button button.type-secondary .button-overlay,ui-button a.type-secondary .button-overlay{background-color:var(--component-button-color-secondary-text)}ui-button button.type-tertiary,ui-button a.type-tertiary{background-color:var(--component-button-color-tertiary-background);border-color:var(--component-button-color-tertiary-border);color:var(--component-button-color-tertiary-text)}ui-button button.type-tertiary .button-overlay,ui-button a.type-tertiary .button-overlay{background-color:var(--component-button-color-tertiary-text)}ui-button button.type-primary-inverse,ui-button a.type-primary-inverse{background-color:var(--component-button-color-primary-inverse-background);border-color:var(--component-button-color-primary-inverse-border);color:var(--component-button-color-primary-inverse-text)}ui-button button.type-primary-inverse .button-overlay,ui-button a.type-primary-inverse .button-overlay{background-color:var(--component-button-color-primary-inverse-text)}ui-button button.type-secondary-inverse,ui-button a.type-secondary-inverse{background-color:var(--component-button-color-secondary-inverse-background);border-color:var(--component-button-color-secondary-inverse-border);color:var(--component-button-color-secondary-inverse-text)}ui-button button.type-secondary-inverse .button-overlay,ui-button a.type-secondary-inverse .button-overlay{background-color:var(--component-button-color-secondary-inverse-text)}ui-button button.type-tertiary-inverse,ui-button a.type-tertiary-inverse{background-color:var(--component-button-color-tertiary-inverse-background);border-color:var(--component-button-color-tertiary-inverse-border);color:var(--component-button-color-tertiary-inverse-text)}ui-button button.type-tertiary-inverse .button-overlay,ui-button a.type-tertiary-inverse .button-overlay{background-color:var(--component-button-color-tertiary-inverse-text)}ui-button button.type-expressive,ui-button a.type-expressive{background-color:var(--component-button-color-expressive-background);border-color:var(--component-button-color-expressive-border);color:var(--component-button-color-expressive-text)}ui-button button.type-expressive .button-overlay,ui-button a.type-expressive .button-overlay{background-color:var(--component-button-color-expressive-text)}ui-button button.type-danger,ui-button a.type-danger{background-color:var(--component-button-color-danger-background);border-color:var(--component-button-color-danger-border);color:var(--component-button-color-danger-text)}ui-button button.type-danger .button-overlay,ui-button a.type-danger .button-overlay{background-color:var(--component-button-color-danger-text)}ui-button button.type-facebook,ui-button a.type-facebook{background-color:var(--component-button-color-facebook-background);border-color:var(--component-button-color-facebook-border);color:var(--component-button-color-facebook-text)}ui-button button.type-facebook .button-overlay,ui-button a.type-facebook .button-overlay{background-color:var(--component-button-color-facebook-text)}ui-button button.type-paypal,ui-button a.type-paypal{background-color:var(--component-button-color-paypal-background);border-color:var(--component-button-color-paypal-border);color:var(--component-button-color-paypal-text)}ui-button button.type-paypal .button-overlay,ui-button a.type-paypal .button-overlay{background-color:var(--component-button-color-paypal-text)}ui-button button.type-trustpilot,ui-button a.type-trustpilot{background-color:var(--component-button-color-trustpilot-background);border-color:var(--component-button-color-trustpilot-border);color:var(--component-button-color-trustpilot-text)}ui-button button.type-trustpilot .button-overlay,ui-button a.type-trustpilot .button-overlay{background-color:var(--component-button-color-trustpilot-text)}ui-button button .buttonIcon,ui-button a .buttonIcon{fill:currentColor}ui-button button.size-large,ui-button a.size-large{padding:var(--component-button-size-large-inset-y) var(--component-button-size-large-inset-x);font-size:var(--component-button-size-large-font-size)}ui-button button.size-large.button--icon--iconOnly,ui-button a.size-large.button--icon--iconOnly{max-width:var(--component-button-size-large-icon-only-width)}ui-button button.size-small,ui-button a.size-small{padding:var(--component-button-size-small-inset-y) var(--component-button-size-small-inset-x);font-size:var(--component-button-size-small-font-size)}ui-button button.size-small.button--icon--iconOnly,ui-button a.size-small.button--icon--iconOnly{max-width:var(--component-button-size-small-icon-only-width)}ui-button button[disabled],ui-button a[disabled]{background-color:var(--component-button-color-disabled-background);border-color:var(--component-button-color-disabled-border);color:var(--component-button-color-disabled-text);cursor:default;pointer-events:none}ui-button button.button--has-icon.button--icon--trailing .button-content,ui-button a.button--has-icon.button--icon--trailing .button-content{flex-direction:row-reverse}ui-button button.button--full-width,ui-button a.button--full-width{width:100%}ui-button button.button--nowrap .button-content .ui-text,ui-button a.button--nowrap .button-content .ui-text{white-space:nowrap}\n"] }]
76
76
  }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }]; }, propDecorators: { button_icon: [{
77
77
  type: Input
78
78
  }], button_icon_placement: [{
@@ -95,4 +95,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
95
95
  }], clicked: [{
96
96
  type: Output
97
97
  }] } });
98
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL29hc3lzLWxpYi9zcmMvbGliL2NvbXBvbmVudHMvYnV0dG9uL2J1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9vYXN5cy1saWIvc3JjL2xpYi9jb21wb25lbnRzL2J1dHRvbi9idXR0b24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLGlCQUFpQixFQUFFLFlBQVksRUFBRSx1QkFBdUIsRUFBeUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7OztBQWtCN00sTUFBTSxPQUFPLG9CQUFvQjtJQTRCL0IsWUFBb0IsT0FBMEIsRUFBVSxVQUF3QztRQUE1RSxZQUFPLEdBQVAsT0FBTyxDQUFtQjtRQUFVLGVBQVUsR0FBVixVQUFVLENBQThCO1FBdEJ2RiwwQkFBcUIsR0FBZ0IsU0FBUyxDQUFDO1FBSXhELGtCQUFrQjtRQUNULGdCQUFXLEdBQWlCLE9BQU8sQ0FBQztRQUVwQyxzQkFBaUIsR0FBb0IsS0FBSyxDQUFDO1FBQzNDLGdCQUFXLEdBQWlCLFNBQVMsQ0FBQztRQUN0QyxvQkFBZSxHQUFvQixLQUFLLENBQUM7UUFDekMsdUJBQWtCLEdBQW9CLEtBQUssQ0FBQztRQUkzQyxZQUFPLEdBQXVCLElBQUksWUFBWSxFQUFFLENBQUM7UUFHM0QsZ0JBQVcsR0FBZ0IsTUFBTSxDQUFDO1FBR2xDLHVCQUFrQixHQUFHLENBQUMsV0FBVyxFQUFFLG1CQUFtQixDQUFDLENBQUE7SUFFNEMsQ0FBQztJQUVwRyxPQUFPO1FBQ0wsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN0QixDQUFDO0lBRUQsWUFBWTtRQUVWLE9BQWlCO1lBQ2YsVUFBVSxFQUFFLElBQUksQ0FBQyxXQUFXO1lBQzVCLG1CQUFtQixFQUFFLElBQUksQ0FBQyxxQkFBcUI7WUFDL0MsVUFBVSxFQUFFLElBQUksQ0FBQyxXQUFXO1lBQzVCLFVBQVUsRUFBRSxJQUFJLENBQUMsV0FBVztZQUM1QixjQUFjLEVBQUUsSUFBSSxDQUFDLGVBQWU7WUFDcEMsSUFBSSxFQUFFLElBQUksQ0FBQyxJQUFJO1lBQ2YsTUFBTSxFQUFFLEVBQUU7WUFDVixvQkFBb0IsRUFBRTtnQkFDdEIsUUFBUSxJQUFJLENBQUMsV0FBVyxFQUFFO2dCQUMxQixRQUFRLElBQUksQ0FBQyxXQUFXLEVBQUU7Z0JBQzFCLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUMsa0JBQWtCLENBQUEsQ0FBQyxDQUFDLEVBQUUsRUFBRTtnQkFDOUMsR0FBRyxJQUFJLENBQUMsa0JBQWtCLENBQUMsQ0FBQyxDQUFDLGdCQUFnQixDQUFBLENBQUMsQ0FBQyxFQUFFLEVBQUU7Z0JBQ25ELEdBQUcsSUFBSSxDQUFDLGlCQUFpQixDQUFDLENBQUMsQ0FBQyxvQkFBb0IsQ0FBQSxDQUFDLENBQUMsRUFBRSxFQUFFO2dCQUN0RCxHQUFHLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDLGdCQUFnQixHQUFDLElBQUksQ0FBQyxxQkFBcUIsQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFO2dCQUN4RSxHQUFHLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFO2FBQ3JGLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1NBQ3JCLENBQUM7SUFDSixDQUFDO0lBRUQsZUFBZTtRQUNiLElBQUcsSUFBSSxDQUFDLFNBQVMsSUFBSSxJQUFJLENBQUMsU0FBUyxFQUFFLGFBQWEsRUFBRSxTQUFTLENBQUMsTUFBTSxFQUFFO1lBQ3BFLElBQUksQ0FBQyx1QkFBdUIsR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDLGFBQWEsQ0FBQyxTQUFTLENBQUM7U0FDdkU7YUFDSSxJQUFJLENBQUMsSUFBSSxDQUFDLFNBQVMsSUFBSSxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsSUFBSSxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxTQUFTLENBQUMsTUFBTSxFQUFDO1lBQzFHLElBQUksQ0FBQyx1QkFBdUIsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsRUFBRSxTQUFTLENBQUM7U0FDekU7YUFDSTtZQUNILE1BQU0sSUFBSSxLQUFLLENBQUM7Ozs7Ozs7O09BUWYsQ0FBQyxDQUFBO1NBQ0g7SUFDSCxDQUFDO0lBRUQsV0FBVztRQUNQLElBQUksQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO1FBQ2xDLElBQUksQ0FBQyxPQUFPLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDaEMsQ0FBQztJQUVELFFBQVE7UUFDTixJQUFJLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUNwQyxDQUFDOztpSEFuRlUsb0JBQW9CO3FHQUFwQixvQkFBb0Isb2VDbEJqQyxrMUNBaUNBOzJGRGZhLG9CQUFvQjtrQkFQaEMsU0FBUzsrQkFDQyxXQUFXLGlCQUdMLGlCQUFpQixDQUFDLElBQUksbUJBQ3BCLHVCQUF1QixDQUFDLE1BQU07aUlBT3RDLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0cscUJBQXFCO3NCQUE3QixLQUFLO2dCQUVtQixTQUFTO3NCQUFqQyxTQUFTO3VCQUFDLFlBQVk7Z0JBR2QsV0FBVztzQkFBbkIsS0FBSztnQkFFRyxpQkFBaUI7c0JBQXpCLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxlQUFlO3NCQUF2QixLQUFLO2dCQUNHLGtCQUFrQjtzQkFBMUIsS0FBSztnQkFHRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0ksT0FBTztzQkFBaEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0LCBWaWV3RW5jYXBzdWxhdGlvbiwgRXZlbnRFbWl0dGVyLCBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ2hhbmdlRGV0ZWN0b3JSZWYsIE9uQ2hhbmdlcywgQ29udGVudENoaWxkLCBFbGVtZW50UmVmLCBBZnRlclZpZXdJbml0LCBWaWV3Q2hpbGQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEljb25OYW1lcywgSWNvbkNvbnRleHQgfSBmcm9tICcuLi9pY29uL2ljb24nO1xuaW1wb3J0IHsgVGV4dFRyYW5zZm9ybSB9IGZyb20gJy4uL3RleHQvdGV4dCc7XG5pbXBvcnQge1xuICAvLyBCdXR0b25UeXBlT3B0aW9ucyxcbiAgVUlCdXR0b24sXG4gIFVJQnV0dG9uQm9vbGVhbixcbiAgVUlCdXR0b25TaXplLFxuICBVSUJ1dHRvblR5cGVcbn0gZnJvbSAnLi9idXR0b24nO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6J3VpLWJ1dHRvbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9idXR0b24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9idXR0b24uY29tcG9uZW50LnNjc3MnXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcbn0pXG5leHBvcnQgY2xhc3MgT2FzeXNCdXR0b25Db21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uQ2hhbmdlcywgQWZ0ZXJWaWV3SW5pdCB7XG5cbiAgYnV0dG9uOiBVSUJ1dHRvbjtcblxuICAvLyAvLyBCdXR0b24gQ29udGVudFxuICBASW5wdXQoKSBidXR0b25faWNvbj86IEljb25OYW1lcztcbiAgQElucHV0KCkgYnV0dG9uX2ljb25fcGxhY2VtZW50OiBJY29uQ29udGV4dCA9ICdsZWFkaW5nJztcblxuICBAVmlld0NoaWxkKCdidXR0b250ZXh0JykgbmdDb250ZW50OiBFbGVtZW50UmVmO1xuXG4gIC8vIEJ1dHRvbiBTdHlsaW5nc1xuICBASW5wdXQoKSBidXR0b25fc2l6ZTogVUlCdXR0b25TaXplID0gJ2xhcmdlJztcblxuICBASW5wdXQoKSBidXR0b25fZnVsbF93aWR0aDogVUlCdXR0b25Cb29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIGJ1dHRvbl90eXBlOiBVSUJ1dHRvblR5cGUgPSAncHJpbWFyeSc7XG4gIEBJbnB1dCgpIGJ1dHRvbl9kaXNhYmxlZDogVUlCdXR0b25Cb29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIGJ1dHRvbl90ZXh0X25vd3JhcDogVUlCdXR0b25Cb29sZWFuID0gZmFsc2U7XG5cbiAgLy8gQnV0dG9uIEFjdGlvbnNcbiAgQElucHV0KCkgaHJlZjogc3RyaW5nO1xuICBAT3V0cHV0KCkgY2xpY2tlZDogRXZlbnRFbWl0dGVyPHZvaWQ+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gIGJ1dHRvbkRpc3BsYXlDbGFzc2VzOiBzdHJpbmdbXTtcbiAgaWNvbkNvbnRleHQ6IEljb25Db250ZXh0ID0gJ25vbmUnO1xuICB0ZXh0VHJhbnNmb3JtITogVGV4dFRyYW5zZm9ybTtcbiAgYWNjZXNzaWJsZUJ1dHRvbkNvbnRlbnQ6IHN0cmluZztcbiAgb3V0bGluZUJ1dHRvblR5cGVzID0gWydzZWNvbmRhcnknLCAnc2Vjb25kYXJ5LWludmVyc2UnXVxuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgY2hhbmdlczogQ2hhbmdlRGV0ZWN0b3JSZWYsIHByaXZhdGUgZWxlbWVudFJlZjogRWxlbWVudFJlZjxIVE1MSW5wdXRFbGVtZW50Pikge31cblxuICBvbkNsaWNrKCk6IHZvaWQge1xuICAgIHRoaXMuY2xpY2tlZC5lbWl0KCk7XG4gIH1cblxuICBjcmVhdGVCdXR0b24oKTogVUlCdXR0b24ge1xuXG4gICAgcmV0dXJuIDxVSUJ1dHRvbj57XG4gICAgICBidXR0b25JY29uOiB0aGlzLmJ1dHRvbl9pY29uLFxuICAgICAgYnV0dG9uSWNvblBsYWNlbWVudDogdGhpcy5idXR0b25faWNvbl9wbGFjZW1lbnQsXG4gICAgICBidXR0b25UeXBlOiB0aGlzLmJ1dHRvbl90eXBlLFxuICAgICAgYnV0dG9uU2l6ZTogdGhpcy5idXR0b25fc2l6ZSxcbiAgICAgIGJ1dHRvbkRpc2FibGVkOiB0aGlzLmJ1dHRvbl9kaXNhYmxlZCxcbiAgICAgIGhyZWY6IHRoaXMuaHJlZixcbiAgICAgIHRhcmdldDogJycsXG4gICAgICBidXR0b25EaXNwbGF5Q2xhc3NlczogW1xuICAgICAgYHR5cGUtJHt0aGlzLmJ1dHRvbl90eXBlfWAsXG4gICAgICBgc2l6ZS0ke3RoaXMuYnV0dG9uX3NpemV9YCxcbiAgICAgIGAke3RoaXMuYnV0dG9uX2ljb24gPyAnYnV0dG9uLS1oYXMtaWNvbic6ICcnfWAsXG4gICAgICBgJHt0aGlzLmJ1dHRvbl90ZXh0X25vd3JhcCA/ICdidXR0b24tLW5vd3JhcCc6ICcnfWAsXG4gICAgICBgJHt0aGlzLmJ1dHRvbl9mdWxsX3dpZHRoID8gJ2J1dHRvbi0tZnVsbC13aWR0aCc6ICcnfWAsXG4gICAgICBgJHt0aGlzLmJ1dHRvbl9pY29uID8gJ2J1dHRvbi0taWNvbi0tJyt0aGlzLmJ1dHRvbl9pY29uX3BsYWNlbWVudCA6ICcnfWAsXG4gICAgICBgJHt0aGlzLm91dGxpbmVCdXR0b25UeXBlcy5pbmRleE9mKHRoaXMuYnV0dG9uX3R5cGUpICE9PSAtMSA/ICdidXR0b24tLW91dGxpbmUnIDogJyd9YFxuICAgICAgXS5maWx0ZXIoKGQpID0+ICEhZClcbiAgICB9O1xuICB9XG5cbiAgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xuICAgIGlmKHRoaXMubmdDb250ZW50ICYmIHRoaXMubmdDb250ZW50Py5uYXRpdmVFbGVtZW50Py5pbm5lclRleHQubGVuZ3RoKSB7XG4gICAgICB0aGlzLmFjY2Vzc2libGVCdXR0b25Db250ZW50ID0gdGhpcy5uZ0NvbnRlbnQubmF0aXZlRWxlbWVudC5pbm5lclRleHQ7XG4gICAgfSBcbiAgICBlbHNlIGlmICghdGhpcy5uZ0NvbnRlbnQgJiYgdGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQgJiYgdGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQuaW5uZXJUZXh0Lmxlbmd0aCl7XG4gICAgICB0aGlzLmFjY2Vzc2libGVCdXR0b25Db250ZW50ID0gdGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQ/LmlubmVyVGV4dDtcbiAgICB9XG4gICAgZWxzZSB7XG4gICAgICB0aHJvdyBuZXcgRXJyb3IoYFxuICAgICAgTm8gaW5uZXIgdGV4dCBmb3VuZC4gQWxsIGJ1dHRvbnMgc2hvdWxkIGhhdmUgdGV4dCBwYXNzZWQgdmlhIG5nLWNvbnRlbnQgdG8gZW5hYmxlIGFjY2Vzc2liaWxpdHkgZm9yIHNjcmVlbiByZWFkZXJzLCB0aGlzIGluY2x1ZGVzIGljb24tb25seSBidXR0b25zLlxuICAgICAgUGFzcyBjb250ZW50IHVzaW5nIHRoZSBleGFtcGxlIHRlbXBsYXRlczpcbiAgICAgIC8vIEV4YW1wbGUgMVxuICAgICAgdWktYnV0dG9uKCkgQnV5IEFsbCBUaGUgVGhpbmdzXG4gICAgICAvLyBFeGFtcGxlIDIgXG4gICAgICB1aS1idXR0b24oKVxuICAgICAgICBzcGFuIEJ1eSBBbGwgVGhlIFRoaW5nc1xuICAgICAgYClcbiAgICB9XG4gIH1cblxuICBuZ09uQ2hhbmdlcygpOiB2b2lkIHtcbiAgICAgIHRoaXMuYnV0dG9uID0gdGhpcy5jcmVhdGVCdXR0b24oKTtcbiAgICAgIHRoaXMuY2hhbmdlcy5tYXJrRm9yQ2hlY2soKTtcbiAgfVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMuYnV0dG9uID0gdGhpcy5jcmVhdGVCdXR0b24oKTtcbiAgfVxufVxuIiwiPG5nLXRlbXBsYXRlICNjb250ZW50PlxuICAgIDxkaXYgY2xhc3M9XCJidXR0b24tY29udGVudFwiPlxuICAgICAgICA8dWktaWNvbiAqbmdJZj1cImJ1dHRvbi5idXR0b25JY29uICYmIGJ1dHRvbi5idXR0b25JY29uUGxhY2VtZW50ICE9PSAnbm9uZSdcIiBbaWNvbl9uYW1lXT1cImJ1dHRvbi5idXR0b25JY29uXCIgW2ljb25fc2l6ZV09XCJidXR0b24uYnV0dG9uU2l6ZVwiIFtpY29uX2NsYXNzXT1cIididXR0b25JY29uJ1wiIFtpY29uX2NvbnRleHRdPVwiYnV0dG9uLmJ1dHRvbkljb25QbGFjZW1lbnRcIj48L3VpLWljb24+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwidWktdGV4dFwiIFtuZ0NsYXNzXT1cInsndmlzdWFsbHloaWRkZW4nOiBidXR0b24uYnV0dG9uSWNvblBsYWNlbWVudCA9PT0gJ2ljb25Pbmx5J31cIj5cbiAgICAgICAgICAgIDxzcGFuICNidXR0b250ZXh0PlxuICAgICAgICAgICAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgPC9zcGFuPlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJidXR0b24tb3ZlcmxheVwiPjwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJidXR0b24tb3ZlcmxheS1mb2N1c1wiPjwvZGl2PlxuPC9uZy10ZW1wbGF0ZT5cblxuPGJ1dHRvbiBcbiAgICAqbmdJZj1cIiFidXR0b24uaHJlZlwiIFxuICAgIChjbGljayk9XCJvbkNsaWNrKClcIlxuICAgIFtuZ0NsYXNzXT1cImJ1dHRvbi5idXR0b25EaXNwbGF5Q2xhc3Nlc1wiXG4gICAgW2F0dHIuZGlzYWJsZWRdPVwiYnV0dG9uLmJ1dHRvbkRpc2FibGVkID09PSB0cnVlIHx8IG51bGxcIlxuICAgIFthdHRyLmFyaWEtbGFiZWxdPVwiYWNjZXNzaWJsZUJ1dHRvbkNvbnRlbnRcIlxuICAgIFthdHRyLnRpdGxlXT1cImFjY2Vzc2libGVCdXR0b25Db250ZW50XCJcbiAgICByb2xlPVwiYnV0dG9uXCI+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImNvbnRlbnRcIj48L25nLWNvbnRhaW5lcj5cbjwvYnV0dG9uPlxuXG48YSBcbiAgICAqbmdJZj1cImJ1dHRvbi5ocmVmXCJcbiAgICBbaHJlZl09XCJidXR0b24uaHJlZlwiXG4gICAgW2F0dHIuZGlzYWJsZWRdPVwiYnV0dG9uLmJ1dHRvbkRpc2FibGVkID09PSB0cnVlIHx8IG51bGxcIlxuICAgIFthdHRyLmFyaWEtbGFiZWxdPVwiYWNjZXNzaWJsZUJ1dHRvbkNvbnRlbnRcIlxuICAgIFthdHRyLnRpdGxlXT1cImFjY2Vzc2libGVCdXR0b25Db250ZW50XCJcbiAgICBbbmdDbGFzc109XCJidXR0b24uYnV0dG9uRGlzcGxheUNsYXNzZXNcIj5cbiAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImNvbnRlbnRcIj48L25nLWNvbnRhaW5lcj5cbjwvYT5cbiJdfQ==
98
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL29hc3lzLWxpYi9zcmMvbGliL2NvbXBvbmVudHMvYnV0dG9uL2J1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9vYXN5cy1saWIvc3JjL2xpYi9jb21wb25lbnRzL2J1dHRvbi9idXR0b24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLGlCQUFpQixFQUFFLFlBQVksRUFBRSx1QkFBdUIsRUFBeUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7OztBQWtCN00sTUFBTSxPQUFPLG9CQUFvQjtJQTRCL0IsWUFBb0IsT0FBMEIsRUFBVSxVQUF3QztRQUE1RSxZQUFPLEdBQVAsT0FBTyxDQUFtQjtRQUFVLGVBQVUsR0FBVixVQUFVLENBQThCO1FBdEJ2RiwwQkFBcUIsR0FBZ0IsU0FBUyxDQUFDO1FBSXhELGtCQUFrQjtRQUNULGdCQUFXLEdBQWlCLE9BQU8sQ0FBQztRQUVwQyxzQkFBaUIsR0FBb0IsS0FBSyxDQUFDO1FBQzNDLGdCQUFXLEdBQWlCLFNBQVMsQ0FBQztRQUN0QyxvQkFBZSxHQUFvQixLQUFLLENBQUM7UUFDekMsdUJBQWtCLEdBQW9CLEtBQUssQ0FBQztRQUkzQyxZQUFPLEdBQXVCLElBQUksWUFBWSxFQUFFLENBQUM7UUFHM0QsZ0JBQVcsR0FBZ0IsTUFBTSxDQUFDO1FBR2xDLHVCQUFrQixHQUFHLENBQUMsV0FBVyxFQUFFLG1CQUFtQixDQUFDLENBQUE7SUFFNEMsQ0FBQztJQUVwRyxPQUFPO1FBQ0wsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN0QixDQUFDO0lBRUQsWUFBWTtRQUVWLE9BQWlCO1lBQ2YsVUFBVSxFQUFFLElBQUksQ0FBQyxXQUFXO1lBQzVCLG1CQUFtQixFQUFFLElBQUksQ0FBQyxxQkFBcUI7WUFDL0MsVUFBVSxFQUFFLElBQUksQ0FBQyxXQUFXO1lBQzVCLFVBQVUsRUFBRSxJQUFJLENBQUMsV0FBVztZQUM1QixjQUFjLEVBQUUsSUFBSSxDQUFDLGVBQWU7WUFDcEMsSUFBSSxFQUFFLElBQUksQ0FBQyxJQUFJO1lBQ2YsTUFBTSxFQUFFLEVBQUU7WUFDVixvQkFBb0IsRUFBRTtnQkFDdEIsUUFBUSxJQUFJLENBQUMsV0FBVyxFQUFFO2dCQUMxQixRQUFRLElBQUksQ0FBQyxXQUFXLEVBQUU7Z0JBQzFCLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUMsa0JBQWtCLENBQUEsQ0FBQyxDQUFDLEVBQUUsRUFBRTtnQkFDOUMsR0FBRyxJQUFJLENBQUMsa0JBQWtCLENBQUMsQ0FBQyxDQUFDLGdCQUFnQixDQUFBLENBQUMsQ0FBQyxFQUFFLEVBQUU7Z0JBQ25ELEdBQUcsSUFBSSxDQUFDLGlCQUFpQixDQUFDLENBQUMsQ0FBQyxvQkFBb0IsQ0FBQSxDQUFDLENBQUMsRUFBRSxFQUFFO2dCQUN0RCxHQUFHLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDLGdCQUFnQixHQUFDLElBQUksQ0FBQyxxQkFBcUIsQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFO2dCQUN4RSxHQUFHLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFO2FBQ3JGLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1NBQ3JCLENBQUM7SUFDSixDQUFDO0lBRUQsZUFBZTtRQUNiLElBQUcsSUFBSSxDQUFDLFNBQVMsSUFBSSxJQUFJLENBQUMsU0FBUyxFQUFFLGFBQWEsRUFBRSxTQUFTLENBQUMsTUFBTSxFQUFFO1lBQ3BFLElBQUksQ0FBQyx1QkFBdUIsR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDLGFBQWEsQ0FBQyxTQUFTLENBQUM7U0FDdkU7YUFDSSxJQUFJLENBQUMsSUFBSSxDQUFDLFNBQVMsSUFBSSxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsSUFBSSxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxTQUFTLENBQUMsTUFBTSxFQUFDO1lBQzFHLElBQUksQ0FBQyx1QkFBdUIsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsRUFBRSxTQUFTLENBQUM7U0FDekU7YUFDSTtZQUNILE1BQU0sSUFBSSxLQUFLLENBQUM7Ozs7Ozs7O09BUWYsQ0FBQyxDQUFBO1NBQ0g7SUFDSCxDQUFDO0lBRUQsV0FBVztRQUNQLElBQUksQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO1FBQ2xDLElBQUksQ0FBQyxPQUFPLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDaEMsQ0FBQztJQUVELFFBQVE7UUFDTixJQUFJLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUNwQyxDQUFDOztpSEFuRlUsb0JBQW9CO3FHQUFwQixvQkFBb0Isb2VDbEJqQywrMENBaUNBOzJGRGZhLG9CQUFvQjtrQkFQaEMsU0FBUzsrQkFDQyxXQUFXLGlCQUdMLGlCQUFpQixDQUFDLElBQUksbUJBQ3BCLHVCQUF1QixDQUFDLE1BQU07aUlBT3RDLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0cscUJBQXFCO3NCQUE3QixLQUFLO2dCQUVtQixTQUFTO3NCQUFqQyxTQUFTO3VCQUFDLFlBQVk7Z0JBR2QsV0FBVztzQkFBbkIsS0FBSztnQkFFRyxpQkFBaUI7c0JBQXpCLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxlQUFlO3NCQUF2QixLQUFLO2dCQUNHLGtCQUFrQjtzQkFBMUIsS0FBSztnQkFHRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0ksT0FBTztzQkFBaEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0LCBWaWV3RW5jYXBzdWxhdGlvbiwgRXZlbnRFbWl0dGVyLCBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ2hhbmdlRGV0ZWN0b3JSZWYsIE9uQ2hhbmdlcywgQ29udGVudENoaWxkLCBFbGVtZW50UmVmLCBBZnRlclZpZXdJbml0LCBWaWV3Q2hpbGQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEljb25OYW1lcywgSWNvbkNvbnRleHQgfSBmcm9tICcuLi9pY29uL2ljb24nO1xuaW1wb3J0IHsgVGV4dFRyYW5zZm9ybSB9IGZyb20gJy4uL3RleHQvdGV4dCc7XG5pbXBvcnQge1xuICAvLyBCdXR0b25UeXBlT3B0aW9ucyxcbiAgVUlCdXR0b24sXG4gIFVJQnV0dG9uQm9vbGVhbixcbiAgVUlCdXR0b25TaXplLFxuICBVSUJ1dHRvblR5cGVcbn0gZnJvbSAnLi9idXR0b24nO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6J3VpLWJ1dHRvbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9idXR0b24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9idXR0b24uY29tcG9uZW50LnNjc3MnXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcbn0pXG5leHBvcnQgY2xhc3MgT2FzeXNCdXR0b25Db21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uQ2hhbmdlcywgQWZ0ZXJWaWV3SW5pdCB7XG5cbiAgYnV0dG9uOiBVSUJ1dHRvbjtcblxuICAvLyAvLyBCdXR0b24gQ29udGVudFxuICBASW5wdXQoKSBidXR0b25faWNvbj86IEljb25OYW1lcztcbiAgQElucHV0KCkgYnV0dG9uX2ljb25fcGxhY2VtZW50OiBJY29uQ29udGV4dCA9ICdsZWFkaW5nJztcblxuICBAVmlld0NoaWxkKCdidXR0b250ZXh0JykgbmdDb250ZW50OiBFbGVtZW50UmVmO1xuXG4gIC8vIEJ1dHRvbiBTdHlsaW5nc1xuICBASW5wdXQoKSBidXR0b25fc2l6ZTogVUlCdXR0b25TaXplID0gJ2xhcmdlJztcblxuICBASW5wdXQoKSBidXR0b25fZnVsbF93aWR0aDogVUlCdXR0b25Cb29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIGJ1dHRvbl90eXBlOiBVSUJ1dHRvblR5cGUgPSAncHJpbWFyeSc7XG4gIEBJbnB1dCgpIGJ1dHRvbl9kaXNhYmxlZDogVUlCdXR0b25Cb29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIGJ1dHRvbl90ZXh0X25vd3JhcDogVUlCdXR0b25Cb29sZWFuID0gZmFsc2U7XG5cbiAgLy8gQnV0dG9uIEFjdGlvbnNcbiAgQElucHV0KCkgaHJlZjogc3RyaW5nO1xuICBAT3V0cHV0KCkgY2xpY2tlZDogRXZlbnRFbWl0dGVyPHZvaWQ+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gIGJ1dHRvbkRpc3BsYXlDbGFzc2VzOiBzdHJpbmdbXTtcbiAgaWNvbkNvbnRleHQ6IEljb25Db250ZXh0ID0gJ25vbmUnO1xuICB0ZXh0VHJhbnNmb3JtITogVGV4dFRyYW5zZm9ybTtcbiAgYWNjZXNzaWJsZUJ1dHRvbkNvbnRlbnQ6IHN0cmluZztcbiAgb3V0bGluZUJ1dHRvblR5cGVzID0gWydzZWNvbmRhcnknLCAnc2Vjb25kYXJ5LWludmVyc2UnXVxuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgY2hhbmdlczogQ2hhbmdlRGV0ZWN0b3JSZWYsIHByaXZhdGUgZWxlbWVudFJlZjogRWxlbWVudFJlZjxIVE1MSW5wdXRFbGVtZW50Pikge31cblxuICBvbkNsaWNrKCk6IHZvaWQge1xuICAgIHRoaXMuY2xpY2tlZC5lbWl0KCk7XG4gIH1cblxuICBjcmVhdGVCdXR0b24oKTogVUlCdXR0b24ge1xuXG4gICAgcmV0dXJuIDxVSUJ1dHRvbj57XG4gICAgICBidXR0b25JY29uOiB0aGlzLmJ1dHRvbl9pY29uLFxuICAgICAgYnV0dG9uSWNvblBsYWNlbWVudDogdGhpcy5idXR0b25faWNvbl9wbGFjZW1lbnQsXG4gICAgICBidXR0b25UeXBlOiB0aGlzLmJ1dHRvbl90eXBlLFxuICAgICAgYnV0dG9uU2l6ZTogdGhpcy5idXR0b25fc2l6ZSxcbiAgICAgIGJ1dHRvbkRpc2FibGVkOiB0aGlzLmJ1dHRvbl9kaXNhYmxlZCxcbiAgICAgIGhyZWY6IHRoaXMuaHJlZixcbiAgICAgIHRhcmdldDogJycsXG4gICAgICBidXR0b25EaXNwbGF5Q2xhc3NlczogW1xuICAgICAgYHR5cGUtJHt0aGlzLmJ1dHRvbl90eXBlfWAsXG4gICAgICBgc2l6ZS0ke3RoaXMuYnV0dG9uX3NpemV9YCxcbiAgICAgIGAke3RoaXMuYnV0dG9uX2ljb24gPyAnYnV0dG9uLS1oYXMtaWNvbic6ICcnfWAsXG4gICAgICBgJHt0aGlzLmJ1dHRvbl90ZXh0X25vd3JhcCA/ICdidXR0b24tLW5vd3JhcCc6ICcnfWAsXG4gICAgICBgJHt0aGlzLmJ1dHRvbl9mdWxsX3dpZHRoID8gJ2J1dHRvbi0tZnVsbC13aWR0aCc6ICcnfWAsXG4gICAgICBgJHt0aGlzLmJ1dHRvbl9pY29uID8gJ2J1dHRvbi0taWNvbi0tJyt0aGlzLmJ1dHRvbl9pY29uX3BsYWNlbWVudCA6ICcnfWAsXG4gICAgICBgJHt0aGlzLm91dGxpbmVCdXR0b25UeXBlcy5pbmRleE9mKHRoaXMuYnV0dG9uX3R5cGUpICE9PSAtMSA/ICdidXR0b24tLW91dGxpbmUnIDogJyd9YFxuICAgICAgXS5maWx0ZXIoKGQpID0+ICEhZClcbiAgICB9O1xuICB9XG5cbiAgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xuICAgIGlmKHRoaXMubmdDb250ZW50ICYmIHRoaXMubmdDb250ZW50Py5uYXRpdmVFbGVtZW50Py5pbm5lclRleHQubGVuZ3RoKSB7XG4gICAgICB0aGlzLmFjY2Vzc2libGVCdXR0b25Db250ZW50ID0gdGhpcy5uZ0NvbnRlbnQubmF0aXZlRWxlbWVudC5pbm5lclRleHQ7XG4gICAgfSBcbiAgICBlbHNlIGlmICghdGhpcy5uZ0NvbnRlbnQgJiYgdGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQgJiYgdGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQuaW5uZXJUZXh0Lmxlbmd0aCl7XG4gICAgICB0aGlzLmFjY2Vzc2libGVCdXR0b25Db250ZW50ID0gdGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQ/LmlubmVyVGV4dDtcbiAgICB9XG4gICAgZWxzZSB7XG4gICAgICB0aHJvdyBuZXcgRXJyb3IoYFxuICAgICAgTm8gaW5uZXIgdGV4dCBmb3VuZC4gQWxsIGJ1dHRvbnMgc2hvdWxkIGhhdmUgdGV4dCBwYXNzZWQgdmlhIG5nLWNvbnRlbnQgdG8gZW5hYmxlIGFjY2Vzc2liaWxpdHkgZm9yIHNjcmVlbiByZWFkZXJzLCB0aGlzIGluY2x1ZGVzIGljb24tb25seSBidXR0b25zLlxuICAgICAgUGFzcyBjb250ZW50IHVzaW5nIHRoZSBleGFtcGxlIHRlbXBsYXRlczpcbiAgICAgIC8vIEV4YW1wbGUgMVxuICAgICAgdWktYnV0dG9uKCkgQnV5IEFsbCBUaGUgVGhpbmdzXG4gICAgICAvLyBFeGFtcGxlIDIgXG4gICAgICB1aS1idXR0b24oKVxuICAgICAgICBzcGFuIEJ1eSBBbGwgVGhlIFRoaW5nc1xuICAgICAgYClcbiAgICB9XG4gIH1cblxuICBuZ09uQ2hhbmdlcygpOiB2b2lkIHtcbiAgICAgIHRoaXMuYnV0dG9uID0gdGhpcy5jcmVhdGVCdXR0b24oKTtcbiAgICAgIHRoaXMuY2hhbmdlcy5tYXJrRm9yQ2hlY2soKTtcbiAgfVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMuYnV0dG9uID0gdGhpcy5jcmVhdGVCdXR0b24oKTtcbiAgfVxufVxuIiwiPG5nLXRlbXBsYXRlICNjb250ZW50PlxuICAgIDxkaXYgY2xhc3M9XCJidXR0b24tY29udGVudFwiPlxuICAgICAgICA8dWktaWNvbiAqbmdJZj1cImJ1dHRvbi5idXR0b25JY29uICYmIGJ1dHRvbi5idXR0b25JY29uUGxhY2VtZW50ICE9PSAnbm9uZSdcIiBbaWNvbl9uYW1lXT1cImJ1dHRvbi5idXR0b25JY29uXCIgW2ljb25fc2l6ZV09XCJidXR0b24uYnV0dG9uU2l6ZVwiIFtpY29uX2NsYXNzXT1cIididXR0b25JY29uJ1wiIFtpY29uX2NvbnRleHRdPVwiYnV0dG9uLmJ1dHRvbkljb25QbGFjZW1lbnRcIj48L3VpLWljb24+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwidWktdGV4dFwiIFtuZ0NsYXNzXT1cInsndmlzdWFsbHloaWRkZW4nOiBidXR0b24uYnV0dG9uSWNvblBsYWNlbWVudCA9PT0gJ2ljb25Pbmx5J31cIj5cbiAgICAgICAgICAgIDxzcGFuICNidXR0b250ZXh0PlxuICAgICAgICAgICAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgPC9zcGFuPlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJidXR0b24tb3ZlcmxheVwiPjwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJidXR0b24tb3ZlcmxheS1mb2N1c1wiPjwvZGl2PlxuPC9uZy10ZW1wbGF0ZT5cblxuPGJ1dHRvblxuICAgICpuZ0lmPVwiIWJ1dHRvbi5ocmVmXCJcbiAgICAoY2xpY2spPVwib25DbGljaygpXCJcbiAgICBbbmdDbGFzc109XCJidXR0b24uYnV0dG9uRGlzcGxheUNsYXNzZXNcIlxuICAgIFthdHRyLmRpc2FibGVkXT1cImJ1dHRvbi5idXR0b25EaXNhYmxlZCA9PT0gdHJ1ZSB8fCBudWxsXCJcbiAgICBbYXR0ci5hcmlhLWxhYmVsXT1cImFjY2Vzc2libGVCdXR0b25Db250ZW50XCJcbiAgICBbYXR0ci50aXRsZV09XCJhY2Nlc3NpYmxlQnV0dG9uQ29udGVudFwiXG4gICAgcm9sZT1cImJ1dHRvblwiPlxuICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJjb250ZW50XCI+PC9uZy1jb250YWluZXI+XG48L2J1dHRvbj5cblxuPGFcbiAgICAqbmdJZj1cImJ1dHRvbi5ocmVmXCJcbiAgICBbaHJlZl09XCJidXR0b24uaHJlZlwiXG4gICAgW2F0dHIuZGlzYWJsZWRdPVwiYnV0dG9uLmJ1dHRvbkRpc2FibGVkID09PSB0cnVlIHx8IG51bGxcIlxuICAgIFthdHRyLmFyaWEtbGFiZWxdPVwiYWNjZXNzaWJsZUJ1dHRvbkNvbnRlbnRcIlxuICAgIFthdHRyLnRpdGxlXT1cImFjY2Vzc2libGVCdXR0b25Db250ZW50XCJcbiAgICBbbmdDbGFzc109XCJidXR0b24uYnV0dG9uRGlzcGxheUNsYXNzZXNcIj5cbiAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImNvbnRlbnRcIj48L25nLWNvbnRhaW5lcj5cbjwvYT5cbiJdfQ==
@@ -0,0 +1,65 @@
1
+ import { Component, EventEmitter, Input, Output, forwardRef } from '@angular/core';
2
+ import { NG_VALUE_ACCESSOR } from '@angular/forms';
3
+ import * as i0 from "@angular/core";
4
+ import * as i1 from "../../../services/token.service";
5
+ import * as i2 from "@angular/common";
6
+ import * as i3 from "../../layout/stack/stack.component";
7
+ import * as i4 from "@angular/forms";
8
+ import * as i5 from "../../icon/icon.component";
9
+ export class CheckboxComponent {
10
+ constructor(tokenService) {
11
+ this.tokenService = tokenService;
12
+ this.checkbox_type = 'primary';
13
+ this.didChange = new EventEmitter();
14
+ this.onChange = () => { };
15
+ this.onTouched = () => { };
16
+ }
17
+ writeValue(checked) {
18
+ this.checked = checked;
19
+ }
20
+ registerOnChange(fn) {
21
+ this.onChange = fn;
22
+ }
23
+ registerOnTouched(fn) {
24
+ this.onTouched = fn;
25
+ }
26
+ onModelChange(event) {
27
+ this.checked = event;
28
+ this.onChange(event);
29
+ this.didChange.emit(event);
30
+ this.onTouched();
31
+ }
32
+ ngOnInit() {
33
+ this.id = this.label + Math.random();
34
+ this.iconSize = this.tokenService.getTokenValue(`--component-checkbox-icon-size-${this.checkbox_type}`);
35
+ }
36
+ }
37
+ CheckboxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CheckboxComponent, deps: [{ token: i1.TokenService }], target: i0.ɵɵFactoryTarget.Component });
38
+ CheckboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: CheckboxComponent, selector: "ui-checkbox", inputs: { checkbox_type: "checkbox_type", label: "label", checked: "checked", required: "required" }, outputs: { didChange: "didChange" }, providers: [
39
+ {
40
+ provide: NG_VALUE_ACCESSOR,
41
+ useExisting: forwardRef(() => CheckboxComponent),
42
+ multi: true
43
+ }
44
+ ], ngImport: i0, template: "<ui-stack stack_direction=\"x\" stack_gap=\"near\" stack class=\"ui-checkbox\">\n <input\n type=\"checkbox\"\n [required]=\"required\"\n [id]=\"id\"\n [ngModel]=\"checked\"\n (ngModelChange)=\"onModelChange($event)\"\n [attr.checked]=\"checked || null\"\n [ngClass]=\"checkbox_type\"\n />\n <label [for]=\"id\" [ngClass]=\"checkbox_type\">\n <ui-stack stack_gap=\"near\" stack_direction=\"x\" >\n <div class=\"icon-container\" [ngClass]=\"{'focus-element': checkbox_type === 'secondary'}\">\n <ui-icon icon_name=\"tick\" [icon_size_override]=\"iconSize\" icon_class=\"checkboxIcon\"></ui-icon>\n </div>\n <ui-stack stack_gap=\"tight\" >\n <ui-stack stack_direction=\"x\" stack_distribute=\"space-between\" [ngClass]=\"checkbox_type === 'primary' ? 'text-label--primary' : 'text-label--secondary'\">\n <span>{{ label }}</span>\n <ng-content select=\"[tertiary-content]\"></ng-content>\n </ui-stack>\n <span class=\"input-hint text-body--regular text-body--supporting text-color--supporting\"><ng-content></ng-content></span>\n </ui-stack>\n </ui-stack>\n </label>\n</ui-stack>", styles: [":host{display:contents}.ui-checkbox input+label .icon-container ui-icon{visibility:hidden}.ui-checkbox input:checked+label.primary ui-icon,.ui-checkbox input:checked+label.secondary ui-icon{visibility:visible}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i3.LayoutStackComponent, selector: "ui-stack", inputs: ["stack_gap", "stack_align", "stack_direction", "stack_distribute", "stack_wrap", "stack_collapse_below"] }, { kind: "directive", type: i4.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.CheckboxRequiredValidator, selector: "input[type=checkbox][required][formControlName],input[type=checkbox][required][formControl],input[type=checkbox][required][ngModel]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i5.IconComponent, selector: "ui-icon", inputs: ["icon_size", "icon_size_override", "icon_name", "icon_context", "icon_class"] }] });
45
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CheckboxComponent, decorators: [{
46
+ type: Component,
47
+ args: [{ selector: 'ui-checkbox', providers: [
48
+ {
49
+ provide: NG_VALUE_ACCESSOR,
50
+ useExisting: forwardRef(() => CheckboxComponent),
51
+ multi: true
52
+ }
53
+ ], template: "<ui-stack stack_direction=\"x\" stack_gap=\"near\" stack class=\"ui-checkbox\">\n <input\n type=\"checkbox\"\n [required]=\"required\"\n [id]=\"id\"\n [ngModel]=\"checked\"\n (ngModelChange)=\"onModelChange($event)\"\n [attr.checked]=\"checked || null\"\n [ngClass]=\"checkbox_type\"\n />\n <label [for]=\"id\" [ngClass]=\"checkbox_type\">\n <ui-stack stack_gap=\"near\" stack_direction=\"x\" >\n <div class=\"icon-container\" [ngClass]=\"{'focus-element': checkbox_type === 'secondary'}\">\n <ui-icon icon_name=\"tick\" [icon_size_override]=\"iconSize\" icon_class=\"checkboxIcon\"></ui-icon>\n </div>\n <ui-stack stack_gap=\"tight\" >\n <ui-stack stack_direction=\"x\" stack_distribute=\"space-between\" [ngClass]=\"checkbox_type === 'primary' ? 'text-label--primary' : 'text-label--secondary'\">\n <span>{{ label }}</span>\n <ng-content select=\"[tertiary-content]\"></ng-content>\n </ui-stack>\n <span class=\"input-hint text-body--regular text-body--supporting text-color--supporting\"><ng-content></ng-content></span>\n </ui-stack>\n </ui-stack>\n </label>\n</ui-stack>", styles: [":host{display:contents}.ui-checkbox input+label .icon-container ui-icon{visibility:hidden}.ui-checkbox input:checked+label.primary ui-icon,.ui-checkbox input:checked+label.secondary ui-icon{visibility:visible}\n"] }]
54
+ }], ctorParameters: function () { return [{ type: i1.TokenService }]; }, propDecorators: { checkbox_type: [{
55
+ type: Input
56
+ }], label: [{
57
+ type: Input
58
+ }], checked: [{
59
+ type: Input
60
+ }], required: [{
61
+ type: Input
62
+ }], didChange: [{
63
+ type: Output
64
+ }] } });
65
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hlY2tib3guY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvb2FzeXMtbGliL3NyYy9saWIvY29tcG9uZW50cy9mb3JtL2NoZWNrYm94L2NoZWNrYm94LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL29hc3lzLWxpYi9zcmMvbGliL2NvbXBvbmVudHMvZm9ybS9jaGVja2JveC9jaGVja2JveC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQWlCLFNBQVMsRUFBRSxZQUFZLEVBQWUsS0FBSyxFQUFvQixNQUFNLEVBQVEsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3ZJLE9BQU8sRUFBd0IsaUJBQWlCLEVBQWEsTUFBTSxnQkFBZ0IsQ0FBQzs7Ozs7OztBQWVwRixNQUFNLE9BQU8saUJBQWlCO0lBVzVCLFlBQW9CLFlBQTBCO1FBQTFCLGlCQUFZLEdBQVosWUFBWSxDQUFjO1FBVnJDLGtCQUFhLEdBQTRCLFNBQVMsQ0FBQztRQUtsRCxjQUFTLEdBQTBCLElBQUksWUFBWSxFQUFFLENBQUM7UUFRaEUsYUFBUSxHQUFRLEdBQUcsRUFBRSxHQUFFLENBQUMsQ0FBQztRQUN6QixjQUFTLEdBQVEsR0FBRyxFQUFFLEdBQUUsQ0FBQyxDQUFDO0lBSnVCLENBQUM7SUFNbEQsVUFBVSxDQUFDLE9BQWdCO1FBQ3pCLElBQUksQ0FBQyxPQUFPLEdBQUcsT0FBTyxDQUFDO0lBQ3pCLENBQUM7SUFFRCxnQkFBZ0IsQ0FBQyxFQUFPO1FBQ3RCLElBQUksQ0FBQyxRQUFRLEdBQUcsRUFBRSxDQUFDO0lBQ3JCLENBQUM7SUFFRCxpQkFBaUIsQ0FBQyxFQUFPO1FBQ3ZCLElBQUksQ0FBQyxTQUFTLEdBQUcsRUFBRSxDQUFDO0lBQ3RCLENBQUM7SUFFRCxhQUFhLENBQUMsS0FBYztRQUMxQixJQUFJLENBQUMsT0FBTyxHQUFHLEtBQUssQ0FBQztRQUNyQixJQUFJLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ3JCLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQzNCLElBQUksQ0FBQyxTQUFTLEVBQUUsQ0FBQztJQUNuQixDQUFDO0lBRUQsUUFBUTtRQUNOLElBQUksQ0FBQyxFQUFFLEdBQUcsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUMsTUFBTSxFQUFFLENBQUM7UUFDckMsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDLGFBQWEsQ0FBQyxrQ0FBa0MsSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDLENBQUE7SUFDekcsQ0FBQzs7OEdBdkNVLGlCQUFpQjtrR0FBakIsaUJBQWlCLGlMQVJqQjtRQUNUO1lBQ0UsT0FBTyxFQUFFLGlCQUFpQjtZQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLGlCQUFpQixDQUFDO1lBQ2hELEtBQUssRUFBRSxJQUFJO1NBQ1o7S0FDRiwwQkNkSCw2cUNBd0JXOzJGRFJFLGlCQUFpQjtrQkFaN0IsU0FBUzsrQkFDRSxhQUFhLGFBR1o7d0JBQ1Q7NEJBQ0UsT0FBTyxFQUFFLGlCQUFpQjs0QkFDMUIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsa0JBQWtCLENBQUM7NEJBQ2hELEtBQUssRUFBRSxJQUFJO3lCQUNaO3FCQUNGO21HQUdRLGFBQWE7c0JBQXJCLEtBQUs7Z0JBRUcsS0FBSztzQkFBYixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNJLFNBQVM7c0JBQWxCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBZnRlclZpZXdJbml0LCBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSG9zdEJpbmRpbmcsIElucHV0LCBPbkluaXQsIE9wdGlvbmFsLCBPdXRwdXQsIFNlbGYsIGZvcndhcmRSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbnRyb2xWYWx1ZUFjY2Vzc29yLCBOR19WQUxVRV9BQ0NFU1NPUiwgTmdDb250cm9sIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgVG9rZW5TZXJ2aWNlIH0gZnJvbSAnLi4vLi4vLi4vc2VydmljZXMvdG9rZW4uc2VydmljZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3VpLWNoZWNrYm94JyxcbiAgdGVtcGxhdGVVcmw6ICcuL2NoZWNrYm94LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vY2hlY2tib3guY29tcG9uZW50LnNjc3MnXSxcbiAgcHJvdmlkZXJzOiBbXG4gICAge1xuICAgICAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXG4gICAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBDaGVja2JveENvbXBvbmVudCksXG4gICAgICBtdWx0aTogdHJ1ZVxuICAgIH1cbiAgXVxufSlcbmV4cG9ydCBjbGFzcyBDaGVja2JveENvbXBvbmVudCBpbXBsZW1lbnRzIENvbnRyb2xWYWx1ZUFjY2Vzc29yLCBPbkluaXQge1xuICBASW5wdXQoKSBjaGVja2JveF90eXBlOiAncHJpbWFyeScgfCAnc2Vjb25kYXJ5JyA9ICdwcmltYXJ5JztcblxuICBASW5wdXQoKSBsYWJlbCE6IHN0cmluZztcbiAgQElucHV0KCkgY2hlY2tlZDogYm9vbGVhbjtcbiAgQElucHV0KCkgcmVxdWlyZWQ6IGJvb2xlYW47XG4gIEBPdXRwdXQoKSBkaWRDaGFuZ2U6IEV2ZW50RW1pdHRlcjxib29sZWFuPiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICBpZDogc3RyaW5nIHwgbnVtYmVyO1xuICBpY29uU2l6ZTogc3RyaW5nO1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgdG9rZW5TZXJ2aWNlOiBUb2tlblNlcnZpY2UpIHt9XG5cblxuICBvbkNoYW5nZTogYW55ID0gKCkgPT4ge307XG4gIG9uVG91Y2hlZDogYW55ID0gKCkgPT4ge307XG5cbiAgd3JpdGVWYWx1ZShjaGVja2VkOiBib29sZWFuKTogdm9pZCB7XG4gICAgdGhpcy5jaGVja2VkID0gY2hlY2tlZDtcbiAgfVxuXG4gIHJlZ2lzdGVyT25DaGFuZ2UoZm46IGFueSk6IHZvaWQge1xuICAgIHRoaXMub25DaGFuZ2UgPSBmbjtcbiAgfVxuXG4gIHJlZ2lzdGVyT25Ub3VjaGVkKGZuOiBhbnkpOiB2b2lkIHtcbiAgICB0aGlzLm9uVG91Y2hlZCA9IGZuO1xuICB9XG5cbiAgb25Nb2RlbENoYW5nZShldmVudDogYm9vbGVhbikge1xuICAgIHRoaXMuY2hlY2tlZCA9IGV2ZW50O1xuICAgIHRoaXMub25DaGFuZ2UoZXZlbnQpO1xuICAgIHRoaXMuZGlkQ2hhbmdlLmVtaXQoZXZlbnQpO1xuICAgIHRoaXMub25Ub3VjaGVkKCk7XG4gIH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLmlkID0gdGhpcy5sYWJlbCArIE1hdGgucmFuZG9tKCk7XG4gICAgdGhpcy5pY29uU2l6ZSA9IHRoaXMudG9rZW5TZXJ2aWNlLmdldFRva2VuVmFsdWUoYC0tY29tcG9uZW50LWNoZWNrYm94LWljb24tc2l6ZS0ke3RoaXMuY2hlY2tib3hfdHlwZX1gKVxuICB9XG59XG4iLCI8dWktc3RhY2sgc3RhY2tfZGlyZWN0aW9uPVwieFwiIHN0YWNrX2dhcD1cIm5lYXJcIiBzdGFjayBjbGFzcz1cInVpLWNoZWNrYm94XCI+XG4gICAgPGlucHV0XG4gICAgICB0eXBlPVwiY2hlY2tib3hcIlxuICAgICAgW3JlcXVpcmVkXT1cInJlcXVpcmVkXCJcbiAgICAgIFtpZF09XCJpZFwiXG4gICAgICBbbmdNb2RlbF09XCJjaGVja2VkXCJcbiAgICAgIChuZ01vZGVsQ2hhbmdlKT1cIm9uTW9kZWxDaGFuZ2UoJGV2ZW50KVwiXG4gICAgICBbYXR0ci5jaGVja2VkXT1cImNoZWNrZWQgfHwgbnVsbFwiXG4gICAgICBbbmdDbGFzc109XCJjaGVja2JveF90eXBlXCJcbiAgICAvPlxuICAgIDxsYWJlbCBbZm9yXT1cImlkXCIgW25nQ2xhc3NdPVwiY2hlY2tib3hfdHlwZVwiPlxuICAgIDx1aS1zdGFjayBzdGFja19nYXA9XCJuZWFyXCIgc3RhY2tfZGlyZWN0aW9uPVwieFwiID5cbiAgICAgIDxkaXYgY2xhc3M9XCJpY29uLWNvbnRhaW5lclwiIFtuZ0NsYXNzXT1cInsnZm9jdXMtZWxlbWVudCc6IGNoZWNrYm94X3R5cGUgPT09ICdzZWNvbmRhcnknfVwiPlxuICAgICAgICA8dWktaWNvbiBpY29uX25hbWU9XCJ0aWNrXCIgW2ljb25fc2l6ZV9vdmVycmlkZV09XCJpY29uU2l6ZVwiIGljb25fY2xhc3M9XCJjaGVja2JveEljb25cIj48L3VpLWljb24+XG4gICAgICA8L2Rpdj5cbiAgICAgIDx1aS1zdGFjayBzdGFja19nYXA9XCJ0aWdodFwiID5cbiAgICAgICAgPHVpLXN0YWNrIHN0YWNrX2RpcmVjdGlvbj1cInhcIiBzdGFja19kaXN0cmlidXRlPVwic3BhY2UtYmV0d2VlblwiIFtuZ0NsYXNzXT1cImNoZWNrYm94X3R5cGUgPT09ICdwcmltYXJ5JyA/ICd0ZXh0LWxhYmVsLS1wcmltYXJ5JyA6ICd0ZXh0LWxhYmVsLS1zZWNvbmRhcnknXCI+XG4gICAgICAgICAgPHNwYW4+e3sgbGFiZWwgfX08L3NwYW4+XG4gICAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3RlcnRpYXJ5LWNvbnRlbnRdXCI+PC9uZy1jb250ZW50PlxuICAgICAgICA8L3VpLXN0YWNrPlxuICAgICAgICA8c3BhbiBjbGFzcz1cImlucHV0LWhpbnQgdGV4dC1ib2R5LS1yZWd1bGFyICB0ZXh0LWJvZHktLXN1cHBvcnRpbmcgdGV4dC1jb2xvci0tc3VwcG9ydGluZ1wiPjxuZy1jb250ZW50PjwvbmctY29udGVudD48L3NwYW4+XG4gICAgICA8L3VpLXN0YWNrPlxuICAgIDwvdWktc3RhY2s+XG4gICAgPC9sYWJlbD5cbjwvdWktc3RhY2s+Il19
@@ -0,0 +1,23 @@
1
+ import { CommonModule } from '@angular/common';
2
+ import { NgModule } from '@angular/core';
3
+ import { TokenService } from '../../../services/token.service';
4
+ import { OasysLayoutModule } from '../../layout/layout.module';
5
+ import { CheckboxComponent } from './checkbox.component';
6
+ import { FormsModule, ReactiveFormsModule } from '@angular/forms';
7
+ import { OasysIconModule } from '../../icon';
8
+ import * as i0 from "@angular/core";
9
+ export class OasysCheckboxModule {
10
+ }
11
+ OasysCheckboxModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OasysCheckboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
12
+ OasysCheckboxModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: OasysCheckboxModule, declarations: [CheckboxComponent], imports: [CommonModule, OasysLayoutModule, ReactiveFormsModule, FormsModule, OasysIconModule], exports: [CheckboxComponent] });
13
+ OasysCheckboxModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OasysCheckboxModule, providers: [TokenService], imports: [CommonModule, OasysLayoutModule, ReactiveFormsModule, FormsModule, OasysIconModule] });
14
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OasysCheckboxModule, decorators: [{
15
+ type: NgModule,
16
+ args: [{
17
+ declarations: [CheckboxComponent],
18
+ imports: [CommonModule, OasysLayoutModule, ReactiveFormsModule, FormsModule, OasysIconModule],
19
+ exports: [CheckboxComponent],
20
+ providers: [TokenService],
21
+ }]
22
+ }] });
23
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hlY2tib3gubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvb2FzeXMtbGliL3NyYy9saWIvY29tcG9uZW50cy9mb3JtL2NoZWNrYm94L2NoZWNrYm94Lm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFDL0QsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDL0QsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDekQsT0FBTyxFQUFFLFdBQVcsRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ2xFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxZQUFZLENBQUM7O0FBUTdDLE1BQU0sT0FBTyxtQkFBbUI7O2dIQUFuQixtQkFBbUI7aUhBQW5CLG1CQUFtQixpQkFMZixpQkFBaUIsYUFDdEIsWUFBWSxFQUFFLGlCQUFpQixFQUFFLG1CQUFtQixFQUFFLFdBQVcsRUFBRSxlQUFlLGFBQ2xGLGlCQUFpQjtpSEFHaEIsbUJBQW1CLGFBRm5CLENBQUMsWUFBWSxDQUFDLFlBRmYsWUFBWSxFQUFFLGlCQUFpQixFQUFFLG1CQUFtQixFQUFFLFdBQVcsRUFBRSxlQUFlOzJGQUlqRixtQkFBbUI7a0JBTi9CLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFLENBQUMsaUJBQWlCLENBQUM7b0JBQ2pDLE9BQU8sRUFBRSxDQUFDLFlBQVksRUFBRSxpQkFBaUIsRUFBRSxtQkFBbUIsRUFBRSxXQUFXLEVBQUUsZUFBZSxDQUFDO29CQUM3RixPQUFPLEVBQUUsQ0FBQyxpQkFBaUIsQ0FBQztvQkFDNUIsU0FBUyxFQUFFLENBQUMsWUFBWSxDQUFDO2lCQUMxQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgVG9rZW5TZXJ2aWNlIH0gZnJvbSAnLi4vLi4vLi4vc2VydmljZXMvdG9rZW4uc2VydmljZSc7XG5pbXBvcnQgeyBPYXN5c0xheW91dE1vZHVsZSB9IGZyb20gJy4uLy4uL2xheW91dC9sYXlvdXQubW9kdWxlJztcbmltcG9ydCB7IENoZWNrYm94Q29tcG9uZW50IH0gZnJvbSAnLi9jaGVja2JveC5jb21wb25lbnQnO1xuaW1wb3J0IHsgRm9ybXNNb2R1bGUsIFJlYWN0aXZlRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBPYXN5c0ljb25Nb2R1bGUgfSBmcm9tICcuLi8uLi9pY29uJztcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbQ2hlY2tib3hDb21wb25lbnRdLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBPYXN5c0xheW91dE1vZHVsZSwgUmVhY3RpdmVGb3Jtc01vZHVsZSwgRm9ybXNNb2R1bGUsIE9hc3lzSWNvbk1vZHVsZV0sXG4gIGV4cG9ydHM6IFtDaGVja2JveENvbXBvbmVudF0sXG4gIHByb3ZpZGVyczogW1Rva2VuU2VydmljZV0sXG59KVxuZXhwb3J0IGNsYXNzIE9hc3lzQ2hlY2tib3hNb2R1bGUge31cbiJdfQ==
@@ -0,0 +1,3 @@
1
+ export * from './checkbox.component';
2
+ export * from './checkbox.module';
3
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9vYXN5cy1saWIvc3JjL2xpYi9jb21wb25lbnRzL2Zvcm0vY2hlY2tib3gvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxzQkFBc0IsQ0FBQztBQUNyQyxjQUFjLG1CQUFtQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9jaGVja2JveC5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9jaGVja2JveC5tb2R1bGUnO1xuIl19
@@ -0,0 +1,3 @@
1
+ export * from './radio.component';
2
+ export * from './radio.module';
3
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9vYXN5cy1saWIvc3JjL2xpYi9jb21wb25lbnRzL2Zvcm0vcmFkaW8vaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLGdCQUFnQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9yYWRpby5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9yYWRpby5tb2R1bGUnO1xuIl19
@@ -0,0 +1,63 @@
1
+ import { Component, EventEmitter, Input, Output, forwardRef } from '@angular/core';
2
+ import { NG_VALUE_ACCESSOR } from '@angular/forms';
3
+ import * as i0 from "@angular/core";
4
+ import * as i1 from "@angular/common";
5
+ import * as i2 from "../../layout/stack/stack.component";
6
+ import * as i3 from "@angular/forms";
7
+ export class RadioComponent {
8
+ constructor() {
9
+ this.radio_type = 'primary';
10
+ this.didChange = new EventEmitter();
11
+ this.onChange = () => { };
12
+ this.onTouched = () => { };
13
+ }
14
+ selectOption() {
15
+ this.onChange(this.value);
16
+ this.onTouched();
17
+ }
18
+ writeValue(value) {
19
+ this.selectedValue = value;
20
+ }
21
+ registerOnChange(fn) {
22
+ this.onChange = fn;
23
+ }
24
+ registerOnTouched(fn) {
25
+ this.onTouched = fn;
26
+ }
27
+ onModelChange(event) {
28
+ this.value = event;
29
+ this.onChange(event);
30
+ this.didChange.emit(event);
31
+ this.onTouched();
32
+ }
33
+ ngOnInit() {
34
+ this.id = this.label + Math.random();
35
+ }
36
+ }
37
+ RadioComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: RadioComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
38
+ RadioComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: RadioComponent, selector: "ui-radio", inputs: { radio_type: "radio_type", label: "label", value: "value" }, outputs: { didChange: "didChange" }, providers: [
39
+ {
40
+ provide: NG_VALUE_ACCESSOR,
41
+ useExisting: forwardRef(() => RadioComponent),
42
+ multi: true
43
+ }
44
+ ], ngImport: i0, template: "<ui-stack stack_direction=\"x\" stack_gap=\"near\" stack class=\"ui-radio\">\n <input\n role=\"radio\"\n type=\"radio\"\n [id]=\"id\"\n [value]=\"value\"\n [ngModel]=\"selectedValue\"\n (ngModelChange)=\"onModelChange($event)\"\n [ngClass]=\"radio_type\"\n\n />\n <label [for]=\"id\" [ngClass]=\"radio_type\">\n <ui-stack stack_gap=\"near\" stack_direction=\"x\" >\n <div class=\"icon-container\">\n <div class=\"dot\"></div>\n </div>\n <ui-stack stack_gap=\"tight\" >\n <ui-stack stack_direction=\"x\" stack_distribute=\"space-between\" [ngClass]=\"radio_type === 'primary' ? 'text-label--primary' : 'text-label--secondary'\">\n <span>{{ label }}</span>\n <ng-content select=\"[tertiary-content]\"></ng-content>\n </ui-stack>\n <span [attr.aria-details]=\"id\" class=\"input-hint text-body--regular text-body--supporting text-color--supporting\"><ng-content></ng-content></span>\n </ui-stack>\n </ui-stack>\n </label>\n</ui-stack>", styles: [":host{display:contents}.ui-radio input.secondary{border-radius:var(--semantic-spacing-border-radius-round)}.ui-radio input+label.primary .icon-container,.ui-radio input+label.secondary .icon-container{padding:var(--component-radio-icon-inset)}.ui-radio input+label.primary .icon-container,.ui-radio input+label.primary .icon-container .dot,.ui-radio input+label.secondary .icon-container,.ui-radio input+label.secondary .icon-container .dot{border-radius:var(--semantic-spacing-border-radius-round)}.ui-radio input+label.primary .icon-container .dot,.ui-radio input+label.secondary .icon-container .dot{width:var(--component-radio-icon-size-primary);height:var(--component-radio-icon-size-primary);visibility:hidden;background-color:var(--semantic-color-text-primary-on-dark)}.ui-radio input+label.primary{padding:var(--_inset);border-radius:var(--_radius);border:var(--semantic-spacing-border-width-default) solid var(--semantic-color-state-selectable-border)}.ui-radio input+label.secondary .icon-container .dot{width:var(--component-radio-icon-size-secondary);height:var(--component-radio-icon-size-secondary)}.ui-radio input:checked+label.primary .icon-container .dot,.ui-radio input:checked+label.secondary .icon-container .dot{visibility:visible}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2.LayoutStackComponent, selector: "ui-stack", inputs: ["stack_gap", "stack_align", "stack_direction", "stack_distribute", "stack_wrap", "stack_collapse_below"] }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
45
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: RadioComponent, decorators: [{
46
+ type: Component,
47
+ args: [{ selector: 'ui-radio', providers: [
48
+ {
49
+ provide: NG_VALUE_ACCESSOR,
50
+ useExisting: forwardRef(() => RadioComponent),
51
+ multi: true
52
+ }
53
+ ], template: "<ui-stack stack_direction=\"x\" stack_gap=\"near\" stack class=\"ui-radio\">\n <input\n role=\"radio\"\n type=\"radio\"\n [id]=\"id\"\n [value]=\"value\"\n [ngModel]=\"selectedValue\"\n (ngModelChange)=\"onModelChange($event)\"\n [ngClass]=\"radio_type\"\n\n />\n <label [for]=\"id\" [ngClass]=\"radio_type\">\n <ui-stack stack_gap=\"near\" stack_direction=\"x\" >\n <div class=\"icon-container\">\n <div class=\"dot\"></div>\n </div>\n <ui-stack stack_gap=\"tight\" >\n <ui-stack stack_direction=\"x\" stack_distribute=\"space-between\" [ngClass]=\"radio_type === 'primary' ? 'text-label--primary' : 'text-label--secondary'\">\n <span>{{ label }}</span>\n <ng-content select=\"[tertiary-content]\"></ng-content>\n </ui-stack>\n <span [attr.aria-details]=\"id\" class=\"input-hint text-body--regular text-body--supporting text-color--supporting\"><ng-content></ng-content></span>\n </ui-stack>\n </ui-stack>\n </label>\n</ui-stack>", styles: [":host{display:contents}.ui-radio input.secondary{border-radius:var(--semantic-spacing-border-radius-round)}.ui-radio input+label.primary .icon-container,.ui-radio input+label.secondary .icon-container{padding:var(--component-radio-icon-inset)}.ui-radio input+label.primary .icon-container,.ui-radio input+label.primary .icon-container .dot,.ui-radio input+label.secondary .icon-container,.ui-radio input+label.secondary .icon-container .dot{border-radius:var(--semantic-spacing-border-radius-round)}.ui-radio input+label.primary .icon-container .dot,.ui-radio input+label.secondary .icon-container .dot{width:var(--component-radio-icon-size-primary);height:var(--component-radio-icon-size-primary);visibility:hidden;background-color:var(--semantic-color-text-primary-on-dark)}.ui-radio input+label.primary{padding:var(--_inset);border-radius:var(--_radius);border:var(--semantic-spacing-border-width-default) solid var(--semantic-color-state-selectable-border)}.ui-radio input+label.secondary .icon-container .dot{width:var(--component-radio-icon-size-secondary);height:var(--component-radio-icon-size-secondary)}.ui-radio input:checked+label.primary .icon-container .dot,.ui-radio input:checked+label.secondary .icon-container .dot{visibility:visible}\n"] }]
54
+ }], ctorParameters: function () { return []; }, propDecorators: { radio_type: [{
55
+ type: Input
56
+ }], label: [{
57
+ type: Input
58
+ }], value: [{
59
+ type: Input
60
+ }], didChange: [{
61
+ type: Output
62
+ }] } });
63
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmFkaW8uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvb2FzeXMtbGliL3NyYy9saWIvY29tcG9uZW50cy9mb3JtL3JhZGlvL3JhZGlvLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL29hc3lzLWxpYi9zcmMvbGliL2NvbXBvbmVudHMvZm9ybS9yYWRpby9yYWRpby5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBZSxLQUFLLEVBQW9CLE1BQU0sRUFBUSxVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDeEgsT0FBTyxFQUF3QixpQkFBaUIsRUFBYSxNQUFNLGdCQUFnQixDQUFDOzs7OztBQWVwRixNQUFNLE9BQU8sY0FBYztJQWlCekI7UUFmUyxlQUFVLEdBQTRCLFNBQVMsQ0FBQztRQUsvQyxjQUFTLEdBQXlCLElBQUksWUFBWSxFQUFFLENBQUM7UUFPL0QsYUFBUSxHQUFRLEdBQUcsRUFBRSxHQUFFLENBQUMsQ0FBQztRQUN6QixjQUFTLEdBQVEsR0FBRyxFQUFFLEdBQUUsQ0FBQyxDQUFDO0lBRVosQ0FBQztJQUVmLFlBQVk7UUFDVixJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUMxQixJQUFJLENBQUMsU0FBUyxFQUFFLENBQUM7SUFDbkIsQ0FBQztJQUVELFVBQVUsQ0FBQyxLQUFhO1FBQ3RCLElBQUksQ0FBQyxhQUFhLEdBQUcsS0FBSyxDQUFDO0lBQzdCLENBQUM7SUFFRCxnQkFBZ0IsQ0FBQyxFQUFPO1FBQ3RCLElBQUksQ0FBQyxRQUFRLEdBQUcsRUFBRSxDQUFDO0lBQ3JCLENBQUM7SUFFRCxpQkFBaUIsQ0FBQyxFQUFPO1FBQ3ZCLElBQUksQ0FBQyxTQUFTLEdBQUcsRUFBRSxDQUFDO0lBQ3RCLENBQUM7SUFFRCxhQUFhLENBQUMsS0FBYTtRQUN6QixJQUFJLENBQUMsS0FBSyxHQUFHLEtBQUssQ0FBQztRQUNuQixJQUFJLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ3JCLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQzNCLElBQUksQ0FBQyxTQUFTLEVBQUUsQ0FBQztJQUNuQixDQUFDO0lBRUQsUUFBUTtRQUNOLElBQUksQ0FBQyxFQUFFLEdBQUcsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUMsTUFBTSxFQUFFLENBQUM7SUFDdkMsQ0FBQzs7MkdBN0NVLGNBQWM7K0ZBQWQsY0FBYyw4SUFSZDtRQUNUO1lBQ0UsT0FBTyxFQUFFLGlCQUFpQjtZQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLGNBQWMsQ0FBQztZQUM3QyxLQUFLLEVBQUUsSUFBSTtTQUNaO0tBQ0YsMEJDZEgsNmhDQXlCVzsyRkRURSxjQUFjO2tCQVoxQixTQUFTOytCQUNFLFVBQVUsYUFHVDt3QkFDVDs0QkFDRSxPQUFPLEVBQUUsaUJBQWlCOzRCQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxlQUFlLENBQUM7NEJBQzdDLEtBQUssRUFBRSxJQUFJO3lCQUNaO3FCQUNGOzBFQUlRLFVBQVU7c0JBQWxCLEtBQUs7Z0JBRUcsS0FBSztzQkFBYixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFFSSxTQUFTO3NCQUFsQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIEhvc3RCaW5kaW5nLCBJbnB1dCwgT25Jbml0LCBPcHRpb25hbCwgT3V0cHV0LCBTZWxmLCBmb3J3YXJkUmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb250cm9sVmFsdWVBY2Nlc3NvciwgTkdfVkFMVUVfQUNDRVNTT1IsIE5nQ29udHJvbCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IFRva2VuU2VydmljZSB9IGZyb20gJy4uLy4uLy4uL3NlcnZpY2VzL3Rva2VuLnNlcnZpY2UnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd1aS1yYWRpbycsXG4gIHRlbXBsYXRlVXJsOiAnLi9yYWRpby5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3JhZGlvLmNvbXBvbmVudC5zY3NzJ10sXG4gIHByb3ZpZGVyczogW1xuICAgIHtcbiAgICAgIHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLFxuICAgICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gUmFkaW9Db21wb25lbnQpLFxuICAgICAgbXVsdGk6IHRydWVcbiAgICB9XG4gIF1cbn0pXG5leHBvcnQgY2xhc3MgUmFkaW9Db21wb25lbnQgaW1wbGVtZW50cyBDb250cm9sVmFsdWVBY2Nlc3NvciwgT25Jbml0IHtcblxuICBASW5wdXQoKSByYWRpb190eXBlOiAncHJpbWFyeScgfCAnc2Vjb25kYXJ5JyA9ICdwcmltYXJ5JztcblxuICBASW5wdXQoKSBsYWJlbCE6IHN0cmluZztcbiAgQElucHV0KCkgdmFsdWUhOiBzdHJpbmc7XG5cbiAgQE91dHB1dCgpIGRpZENoYW5nZTogRXZlbnRFbWl0dGVyPHN0cmluZz4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgaWQ6IHN0cmluZyB8IG51bWJlcjtcbiAgaWNvblNpemU6IHN0cmluZztcblxuICBzZWxlY3RlZFZhbHVlOiBhbnk7XG5cbiAgb25DaGFuZ2U6IGFueSA9ICgpID0+IHt9O1xuICBvblRvdWNoZWQ6IGFueSA9ICgpID0+IHt9O1xuXG4gIGNvbnN0cnVjdG9yKCl7fVxuXG4gIHNlbGVjdE9wdGlvbigpIHtcbiAgICB0aGlzLm9uQ2hhbmdlKHRoaXMudmFsdWUpO1xuICAgIHRoaXMub25Ub3VjaGVkKCk7XG4gIH1cblxuICB3cml0ZVZhbHVlKHZhbHVlOiBzdHJpbmcpOiB2b2lkIHtcbiAgICB0aGlzLnNlbGVjdGVkVmFsdWUgPSB2YWx1ZTtcbiAgfVxuXG4gIHJlZ2lzdGVyT25DaGFuZ2UoZm46IGFueSk6IHZvaWQge1xuICAgIHRoaXMub25DaGFuZ2UgPSBmbjtcbiAgfVxuXG4gIHJlZ2lzdGVyT25Ub3VjaGVkKGZuOiBhbnkpOiB2b2lkIHtcbiAgICB0aGlzLm9uVG91Y2hlZCA9IGZuO1xuICB9XG5cbiAgb25Nb2RlbENoYW5nZShldmVudDogc3RyaW5nKSB7XG4gICAgdGhpcy52YWx1ZSA9IGV2ZW50O1xuICAgIHRoaXMub25DaGFuZ2UoZXZlbnQpO1xuICAgIHRoaXMuZGlkQ2hhbmdlLmVtaXQoZXZlbnQpO1xuICAgIHRoaXMub25Ub3VjaGVkKCk7XG4gIH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLmlkID0gdGhpcy5sYWJlbCArIE1hdGgucmFuZG9tKCk7XG4gIH1cbn1cbiIsIjx1aS1zdGFjayBzdGFja19kaXJlY3Rpb249XCJ4XCIgc3RhY2tfZ2FwPVwibmVhclwiIHN0YWNrIGNsYXNzPVwidWktcmFkaW9cIj5cbiAgICA8aW5wdXRcbiAgICAgIHJvbGU9XCJyYWRpb1wiXG4gICAgICB0eXBlPVwicmFkaW9cIlxuICAgICAgW2lkXT1cImlkXCJcbiAgICAgIFt2YWx1ZV09XCJ2YWx1ZVwiXG4gICAgICBbbmdNb2RlbF09XCJzZWxlY3RlZFZhbHVlXCJcbiAgICAgIChuZ01vZGVsQ2hhbmdlKT1cIm9uTW9kZWxDaGFuZ2UoJGV2ZW50KVwiXG4gICAgICBbbmdDbGFzc109XCJyYWRpb190eXBlXCJcblxuICAgIC8+XG4gICAgPGxhYmVsIFtmb3JdPVwiaWRcIiBbbmdDbGFzc109XCJyYWRpb190eXBlXCI+XG4gICAgPHVpLXN0YWNrIHN0YWNrX2dhcD1cIm5lYXJcIiBzdGFja19kaXJlY3Rpb249XCJ4XCIgPlxuICAgICAgPGRpdiBjbGFzcz1cImljb24tY29udGFpbmVyXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJkb3RcIj48L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgICAgPHVpLXN0YWNrIHN0YWNrX2dhcD1cInRpZ2h0XCIgPlxuICAgICAgICA8dWktc3RhY2sgc3RhY2tfZGlyZWN0aW9uPVwieFwiIHN0YWNrX2Rpc3RyaWJ1dGU9XCJzcGFjZS1iZXR3ZWVuXCIgW25nQ2xhc3NdPVwicmFkaW9fdHlwZSA9PT0gJ3ByaW1hcnknID8gJ3RleHQtbGFiZWwtLXByaW1hcnknIDogJ3RleHQtbGFiZWwtLXNlY29uZGFyeSdcIj5cbiAgICAgICAgICA8c3Bhbj57eyBsYWJlbCB9fTwvc3Bhbj5cbiAgICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbdGVydGlhcnktY29udGVudF1cIj48L25nLWNvbnRlbnQ+XG4gICAgICAgIDwvdWktc3RhY2s+XG4gICAgICAgIDxzcGFuIFthdHRyLmFyaWEtZGV0YWlsc109XCJpZFwiIGNsYXNzPVwiaW5wdXQtaGludCB0ZXh0LWJvZHktLXJlZ3VsYXIgIHRleHQtYm9keS0tc3VwcG9ydGluZyB0ZXh0LWNvbG9yLS1zdXBwb3J0aW5nXCI+PG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50Pjwvc3Bhbj5cbiAgICAgIDwvdWktc3RhY2s+XG4gICAgPC91aS1zdGFjaz5cbiAgICA8L2xhYmVsPlxuPC91aS1zdGFjaz4iXX0=
@@ -0,0 +1,23 @@
1
+ import { CommonModule } from '@angular/common';
2
+ import { NgModule } from '@angular/core';
3
+ import { TokenService } from '../../../services/token.service';
4
+ import { OasysLayoutModule } from '../../layout/layout.module';
5
+ import { RadioComponent } from './radio.component';
6
+ import { FormsModule, ReactiveFormsModule } from '@angular/forms';
7
+ import { OasysIconModule } from '../../icon';
8
+ import * as i0 from "@angular/core";
9
+ export class OasysRadioModule {
10
+ }
11
+ OasysRadioModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OasysRadioModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
12
+ OasysRadioModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: OasysRadioModule, declarations: [RadioComponent], imports: [CommonModule, OasysLayoutModule, ReactiveFormsModule, FormsModule, OasysIconModule], exports: [RadioComponent] });
13
+ OasysRadioModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OasysRadioModule, providers: [TokenService], imports: [CommonModule, OasysLayoutModule, ReactiveFormsModule, FormsModule, OasysIconModule] });
14
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OasysRadioModule, decorators: [{
15
+ type: NgModule,
16
+ args: [{
17
+ declarations: [RadioComponent],
18
+ imports: [CommonModule, OasysLayoutModule, ReactiveFormsModule, FormsModule, OasysIconModule],
19
+ exports: [RadioComponent],
20
+ providers: [TokenService],
21
+ }]
22
+ }] });
23
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmFkaW8ubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvb2FzeXMtbGliL3NyYy9saWIvY29tcG9uZW50cy9mb3JtL3JhZGlvL3JhZGlvLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFDL0QsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDL0QsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQ25ELE9BQU8sRUFBRSxXQUFXLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUNsRSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sWUFBWSxDQUFDOztBQVE3QyxNQUFNLE9BQU8sZ0JBQWdCOzs2R0FBaEIsZ0JBQWdCOzhHQUFoQixnQkFBZ0IsaUJBTFosY0FBYyxhQUNuQixZQUFZLEVBQUUsaUJBQWlCLEVBQUUsbUJBQW1CLEVBQUUsV0FBVyxFQUFFLGVBQWUsYUFDbEYsY0FBYzs4R0FHYixnQkFBZ0IsYUFGaEIsQ0FBQyxZQUFZLENBQUMsWUFGZixZQUFZLEVBQUUsaUJBQWlCLEVBQUUsbUJBQW1CLEVBQUUsV0FBVyxFQUFFLGVBQWU7MkZBSWpGLGdCQUFnQjtrQkFONUIsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsQ0FBQyxjQUFjLENBQUM7b0JBQzlCLE9BQU8sRUFBRSxDQUFDLFlBQVksRUFBRSxpQkFBaUIsRUFBRSxtQkFBbUIsRUFBRSxXQUFXLEVBQUUsZUFBZSxDQUFDO29CQUM3RixPQUFPLEVBQUUsQ0FBQyxjQUFjLENBQUM7b0JBQ3pCLFNBQVMsRUFBRSxDQUFDLFlBQVksQ0FBQztpQkFDMUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFRva2VuU2VydmljZSB9IGZyb20gJy4uLy4uLy4uL3NlcnZpY2VzL3Rva2VuLnNlcnZpY2UnO1xuaW1wb3J0IHsgT2FzeXNMYXlvdXRNb2R1bGUgfSBmcm9tICcuLi8uLi9sYXlvdXQvbGF5b3V0Lm1vZHVsZSc7XG5pbXBvcnQgeyBSYWRpb0NvbXBvbmVudCB9IGZyb20gJy4vcmFkaW8uY29tcG9uZW50JztcbmltcG9ydCB7IEZvcm1zTW9kdWxlLCBSZWFjdGl2ZUZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgT2FzeXNJY29uTW9kdWxlIH0gZnJvbSAnLi4vLi4vaWNvbic7XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW1JhZGlvQ29tcG9uZW50XSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgT2FzeXNMYXlvdXRNb2R1bGUsIFJlYWN0aXZlRm9ybXNNb2R1bGUsIEZvcm1zTW9kdWxlLCBPYXN5c0ljb25Nb2R1bGVdLFxuICBleHBvcnRzOiBbUmFkaW9Db21wb25lbnRdLFxuICBwcm92aWRlcnM6IFtUb2tlblNlcnZpY2VdLFxufSlcbmV4cG9ydCBjbGFzcyBPYXN5c1JhZGlvTW9kdWxlIHt9XG4iXX0=
@@ -10,44 +10,37 @@ export class IconComponent {
10
10
  this.icon_size = 'large';
11
11
  this.icon_context = 'none';
12
12
  }
13
- convertRemToPixels(remString) {
14
- const remNumber = parseFloat(remString.replace('rem', ''));
15
- return remNumber * parseFloat(getComputedStyle(this.document.documentElement).fontSize);
16
- }
17
13
  ngOnChanges() {
18
14
  this.ngOnInit();
19
15
  }
20
16
  ngOnInit() {
21
17
  this.iconBrandPath = `${this.tokenService.getBrandName()}`;
22
- this.size = this.tokenService.getTokenValue(`--global-size-icon-${this.icon_size}`);
18
+ this.size = this.icon_size_override || this.tokenService.getTokenValue(`--global-size-icon-${this.icon_size}`);
23
19
  this.iconDisplayClasses = [
24
20
  `icon-context-${this.icon_context}`,
25
21
  `icon-size-${this.icon_size}`
26
22
  ];
27
- const sizeInPixels = this.convertRemToPixels(this.size);
28
- this.icon_width = sizeInPixels;
29
- this.icon_height = sizeInPixels;
23
+ const sizeInPixels = this.tokenService.convertRemToPixels(this.size);
24
+ this.iconSizeInPixels = sizeInPixels;
30
25
  }
31
26
  }
32
27
  IconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: IconComponent, deps: [{ token: DOCUMENT }, { token: i1.TokenService }], target: i0.ɵɵFactoryTarget.Component });
33
- IconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: IconComponent, selector: "ui-icon", inputs: { icon_size: "icon_size", icon_name: "icon_name", icon_context: "icon_context", icon_width: "icon_width", icon_height: "icon_height", icon_class: "icon_class" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"ui-icon\" [ngClass]=\"iconDisplayClasses\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" [attr.width]=\"icon_width\" [attr.height]=\"icon_height\" [attr.class]=\"icon_class\">\n <use attr.xlink:href=\"./{{iconBrandPath}}/assets/icons/icons.svg#icon-{{icon_name}}\"></use>\n </svg>\n</div>\n", styles: [".ui-icon{display:flex}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0.ViewEncapsulation.None });
28
+ IconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: IconComponent, selector: "ui-icon", inputs: { icon_size: "icon_size", icon_size_override: "icon_size_override", icon_name: "icon_name", icon_context: "icon_context", icon_class: "icon_class" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"ui-icon\" [ngClass]=\"iconDisplayClasses\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" [attr.width]=\"iconSizeInPixels\" [attr.height]=\"iconSizeInPixels\" [attr.class]=\"icon_class\">\n <use attr.xlink:href=\"./{{iconBrandPath}}/assets/icons/icons.svg#icon-{{icon_name}}\"></use>\n </svg>\n</div>\n", styles: [".ui-icon{display:flex}.ui-icon svg{fill:currentColor}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0.ViewEncapsulation.None });
34
29
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: IconComponent, decorators: [{
35
30
  type: Component,
36
- args: [{ selector: 'ui-icon', encapsulation: ViewEncapsulation.None, template: "<div class=\"ui-icon\" [ngClass]=\"iconDisplayClasses\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" [attr.width]=\"icon_width\" [attr.height]=\"icon_height\" [attr.class]=\"icon_class\">\n <use attr.xlink:href=\"./{{iconBrandPath}}/assets/icons/icons.svg#icon-{{icon_name}}\"></use>\n </svg>\n</div>\n", styles: [".ui-icon{display:flex}\n"] }]
31
+ args: [{ selector: 'ui-icon', encapsulation: ViewEncapsulation.None, template: "<div class=\"ui-icon\" [ngClass]=\"iconDisplayClasses\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" [attr.width]=\"iconSizeInPixels\" [attr.height]=\"iconSizeInPixels\" [attr.class]=\"icon_class\">\n <use attr.xlink:href=\"./{{iconBrandPath}}/assets/icons/icons.svg#icon-{{icon_name}}\"></use>\n </svg>\n</div>\n", styles: [".ui-icon{display:flex}.ui-icon svg{fill:currentColor}\n"] }]
37
32
  }], ctorParameters: function () { return [{ type: Document, decorators: [{
38
33
  type: Inject,
39
34
  args: [DOCUMENT]
40
35
  }] }, { type: i1.TokenService }]; }, propDecorators: { icon_size: [{
41
36
  type: Input
37
+ }], icon_size_override: [{
38
+ type: Input
42
39
  }], icon_name: [{
43
40
  type: Input
44
41
  }], icon_context: [{
45
42
  type: Input
46
- }], icon_width: [{
47
- type: Input
48
- }], icon_height: [{
49
- type: Input
50
43
  }], icon_class: [{
51
44
  type: Input
52
45
  }] } });
53
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9vYXN5cy1saWIvc3JjL2xpYi9jb21wb25lbnRzL2ljb24vaWNvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9vYXN5cy1saWIvc3JjL2xpYi9jb21wb25lbnRzL2ljb24vaWNvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDM0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFxQixpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztBQVUvRixNQUFNLE9BQU8sYUFBYTtJQWF4QixZQUFzQyxRQUFrQixFQUFVLFlBQTBCO1FBQXRELGFBQVEsR0FBUixRQUFRLENBQVU7UUFBVSxpQkFBWSxHQUFaLFlBQVksQ0FBYztRQVpuRixjQUFTLEdBQW9CLE9BQU8sQ0FBQztRQUVyQyxpQkFBWSxHQUFnQixNQUFNLENBQUM7SUFVb0QsQ0FBQztJQUVqRyxrQkFBa0IsQ0FBQyxTQUFpQjtRQUNsQyxNQUFNLFNBQVMsR0FBRyxVQUFVLENBQUMsU0FBUyxDQUFDLE9BQU8sQ0FBQyxLQUFLLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQztRQUMzRCxPQUFPLFNBQVMsR0FBRyxVQUFVLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxlQUFlLENBQUMsQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUMxRixDQUFDO0lBRUQsV0FBVztRQUNULElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQztJQUNsQixDQUFDO0lBRUQsUUFBUTtRQUNOLElBQUksQ0FBQyxhQUFhLEdBQUcsR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDLFlBQVksRUFBRSxFQUFFLENBQUE7UUFDMUQsSUFBSSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDLGFBQWEsQ0FBQyxzQkFBc0IsSUFBSSxDQUFDLFNBQVMsRUFBRSxDQUFDLENBQUM7UUFFcEYsSUFBSSxDQUFDLGtCQUFrQixHQUFHO1lBQ3hCLGdCQUFnQixJQUFJLENBQUMsWUFBWSxFQUFFO1lBQ25DLGFBQWEsSUFBSSxDQUFDLFNBQVMsRUFBRTtTQUM5QixDQUFDO1FBRUYsTUFBTSxZQUFZLEdBQUcsSUFBSSxDQUFDLGtCQUFrQixDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUN4RCxJQUFJLENBQUMsVUFBVSxHQUFHLFlBQVksQ0FBQztRQUMvQixJQUFJLENBQUMsV0FBVyxHQUFHLFlBQVksQ0FBQztJQUNsQyxDQUFDOzswR0FwQ1UsYUFBYSxrQkFhSixRQUFROzhGQWJqQixhQUFhLDhPQ1gxQixxVEFLQTsyRkRNYSxhQUFhO2tCQU56QixTQUFTOytCQUNDLFNBQVMsaUJBR0gsaUJBQWlCLENBQUMsSUFBSTs7MEJBZXhCLE1BQU07MkJBQUMsUUFBUTt1RUFabkIsU0FBUztzQkFBakIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBRUcsVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBET0NVTUVOVCB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDb21wb25lbnQsIEluamVjdCwgSW5wdXQsIE9uQ2hhbmdlcywgT25Jbml0LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgVG9rZW5TZXJ2aWNlIH0gZnJvbSAnLi4vLi4vc2VydmljZXMvdG9rZW4uc2VydmljZSc7XG5pbXBvcnQgeyBJY29uQ29udGV4dCwgSWNvbk5hbWVzIH0gZnJvbSAnLi9pY29uJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOid1aS1pY29uJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2ljb24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9pY29uLmNvbXBvbmVudC5zY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmVcbn0pXG5leHBvcnQgY2xhc3MgSWNvbkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25DaGFuZ2VzIHtcbiAgQElucHV0KCkgaWNvbl9zaXplOiAnc21hbGwnfCdsYXJnZScgPSAnbGFyZ2UnO1xuICBASW5wdXQoKSBpY29uX25hbWUhOiBJY29uTmFtZXM7XG4gIEBJbnB1dCgpIGljb25fY29udGV4dDogSWNvbkNvbnRleHQgPSAnbm9uZSc7XG5cbiAgQElucHV0KCkgaWNvbl93aWR0aD86IG51bWJlcjtcbiAgQElucHV0KCkgaWNvbl9oZWlnaHQ/OiBudW1iZXI7XG4gIEBJbnB1dCgpIGljb25fY2xhc3M/OiBzdHJpbmc7XG5cbiAgc2l6ZT86IHN0cmluZztcbiAgaWNvbkJyYW5kUGF0aD86IHN0cmluZztcbiAgaWNvbkRpc3BsYXlDbGFzc2VzOiBzdHJpbmdbXTtcblxuICBjb25zdHJ1Y3RvcihASW5qZWN0KERPQ1VNRU5UKSBwcml2YXRlIGRvY3VtZW50OiBEb2N1bWVudCwgcHJpdmF0ZSB0b2tlblNlcnZpY2U6IFRva2VuU2VydmljZSkgeyB9XG5cbiAgY29udmVydFJlbVRvUGl4ZWxzKHJlbVN0cmluZzogc3RyaW5nKTogbnVtYmVyIHtcbiAgICBjb25zdCByZW1OdW1iZXIgPSBwYXJzZUZsb2F0KHJlbVN0cmluZy5yZXBsYWNlKCdyZW0nLCAnJykpO1xuICAgIHJldHVybiByZW1OdW1iZXIgKiBwYXJzZUZsb2F0KGdldENvbXB1dGVkU3R5bGUodGhpcy5kb2N1bWVudC5kb2N1bWVudEVsZW1lbnQpLmZvbnRTaXplKTtcbiAgfVxuXG4gIG5nT25DaGFuZ2VzKCk6IHZvaWQge1xuICAgIHRoaXMubmdPbkluaXQoKTtcbiAgfVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMuaWNvbkJyYW5kUGF0aCA9IGAke3RoaXMudG9rZW5TZXJ2aWNlLmdldEJyYW5kTmFtZSgpfWBcbiAgICB0aGlzLnNpemUgPSB0aGlzLnRva2VuU2VydmljZS5nZXRUb2tlblZhbHVlKGAtLWdsb2JhbC1zaXplLWljb24tJHt0aGlzLmljb25fc2l6ZX1gKTtcblxuICAgIHRoaXMuaWNvbkRpc3BsYXlDbGFzc2VzID0gW1xuICAgICAgYGljb24tY29udGV4dC0ke3RoaXMuaWNvbl9jb250ZXh0fWAsXG4gICAgICBgaWNvbi1zaXplLSR7dGhpcy5pY29uX3NpemV9YFxuICAgIF07XG5cbiAgICBjb25zdCBzaXplSW5QaXhlbHMgPSB0aGlzLmNvbnZlcnRSZW1Ub1BpeGVscyh0aGlzLnNpemUpO1xuICAgIHRoaXMuaWNvbl93aWR0aCA9IHNpemVJblBpeGVscztcbiAgICB0aGlzLmljb25faGVpZ2h0ID0gc2l6ZUluUGl4ZWxzO1xuICB9XG5cbn1cbiIsIjxkaXYgY2xhc3M9XCJ1aS1pY29uXCIgW25nQ2xhc3NdPVwiaWNvbkRpc3BsYXlDbGFzc2VzXCI+XG4gIDxzdmcgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiIFthdHRyLndpZHRoXT1cImljb25fd2lkdGhcIiBbYXR0ci5oZWlnaHRdPVwiaWNvbl9oZWlnaHRcIiBbYXR0ci5jbGFzc109XCJpY29uX2NsYXNzXCI+XG4gICAgPHVzZSBhdHRyLnhsaW5rOmhyZWY9XCIuL3t7aWNvbkJyYW5kUGF0aH19L2Fzc2V0cy9pY29ucy9pY29ucy5zdmcjaWNvbi17e2ljb25fbmFtZX19XCI+PC91c2U+XG4gIDwvc3ZnPlxuPC9kaXY+XG4iXX0=
46
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9vYXN5cy1saWIvc3JjL2xpYi9jb21wb25lbnRzL2ljb24vaWNvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9vYXN5cy1saWIvc3JjL2xpYi9jb21wb25lbnRzL2ljb24vaWNvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDM0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFxQixpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztBQVUvRixNQUFNLE9BQU8sYUFBYTtJQWF4QixZQUFzQyxRQUFrQixFQUFVLFlBQTBCO1FBQXRELGFBQVEsR0FBUixRQUFRLENBQVU7UUFBVSxpQkFBWSxHQUFaLFlBQVksQ0FBYztRQVpuRixjQUFTLEdBQW9CLE9BQU8sQ0FBQztRQUdyQyxpQkFBWSxHQUFnQixNQUFNLENBQUM7SUFTb0QsQ0FBQztJQUlqRyxXQUFXO1FBQ1QsSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDO0lBQ2xCLENBQUM7SUFFRCxRQUFRO1FBQ04sSUFBSSxDQUFDLGFBQWEsR0FBRyxHQUFHLElBQUksQ0FBQyxZQUFZLENBQUMsWUFBWSxFQUFFLEVBQUUsQ0FBQTtRQUMxRCxJQUFJLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQyxrQkFBa0IsSUFBSSxJQUFJLENBQUMsWUFBWSxDQUFDLGFBQWEsQ0FBQyxzQkFBc0IsSUFBSSxDQUFDLFNBQVMsRUFBRSxDQUFDLENBQUM7UUFFL0csSUFBSSxDQUFDLGtCQUFrQixHQUFHO1lBQ3hCLGdCQUFnQixJQUFJLENBQUMsWUFBWSxFQUFFO1lBQ25DLGFBQWEsSUFBSSxDQUFDLFNBQVMsRUFBRTtTQUM5QixDQUFDO1FBRUYsTUFBTSxZQUFZLEdBQUcsSUFBSSxDQUFDLFlBQVksQ0FBQyxrQkFBa0IsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDckUsSUFBSSxDQUFDLGdCQUFnQixHQUFHLFlBQVksQ0FBQztJQUN2QyxDQUFDOzswR0FoQ1UsYUFBYSxrQkFhSixRQUFROzhGQWJqQixhQUFhLGtPQ1gxQixnVUFLQTsyRkRNYSxhQUFhO2tCQU56QixTQUFTOytCQUNDLFNBQVMsaUJBR0gsaUJBQWlCLENBQUMsSUFBSTs7MEJBZXhCLE1BQU07MkJBQUMsUUFBUTt1RUFabkIsU0FBUztzQkFBakIsS0FBSztnQkFDRyxrQkFBa0I7c0JBQTFCLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLO2dCQUVHLFVBQVU7c0JBQWxCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBET0NVTUVOVCB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDb21wb25lbnQsIEluamVjdCwgSW5wdXQsIE9uQ2hhbmdlcywgT25Jbml0LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgVG9rZW5TZXJ2aWNlIH0gZnJvbSAnLi4vLi4vc2VydmljZXMvdG9rZW4uc2VydmljZSc7XG5pbXBvcnQgeyBJY29uQ29udGV4dCwgSWNvbk5hbWVzIH0gZnJvbSAnLi9pY29uJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOid1aS1pY29uJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2ljb24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9pY29uLmNvbXBvbmVudC5zY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmVcbn0pXG5leHBvcnQgY2xhc3MgSWNvbkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25DaGFuZ2VzIHtcbiAgQElucHV0KCkgaWNvbl9zaXplOiAnc21hbGwnfCdsYXJnZScgPSAnbGFyZ2UnO1xuICBASW5wdXQoKSBpY29uX3NpemVfb3ZlcnJpZGU/OiBzdHJpbmc7XG4gIEBJbnB1dCgpIGljb25fbmFtZSE6IEljb25OYW1lcztcbiAgQElucHV0KCkgaWNvbl9jb250ZXh0OiBJY29uQ29udGV4dCA9ICdub25lJztcblxuICBASW5wdXQoKSBpY29uX2NsYXNzPzogc3RyaW5nO1xuXG4gIHNpemU/OiBzdHJpbmc7XG4gIGljb25CcmFuZFBhdGg/OiBzdHJpbmc7XG4gIGljb25EaXNwbGF5Q2xhc3Nlczogc3RyaW5nW107XG4gIGljb25TaXplSW5QaXhlbHM6IG51bWJlcjtcblxuICBjb25zdHJ1Y3RvcihASW5qZWN0KERPQ1VNRU5UKSBwcml2YXRlIGRvY3VtZW50OiBEb2N1bWVudCwgcHJpdmF0ZSB0b2tlblNlcnZpY2U6IFRva2VuU2VydmljZSkgeyB9XG5cblxuXG4gIG5nT25DaGFuZ2VzKCk6IHZvaWQge1xuICAgIHRoaXMubmdPbkluaXQoKTtcbiAgfVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMuaWNvbkJyYW5kUGF0aCA9IGAke3RoaXMudG9rZW5TZXJ2aWNlLmdldEJyYW5kTmFtZSgpfWBcbiAgICB0aGlzLnNpemUgPSB0aGlzLmljb25fc2l6ZV9vdmVycmlkZSB8fCB0aGlzLnRva2VuU2VydmljZS5nZXRUb2tlblZhbHVlKGAtLWdsb2JhbC1zaXplLWljb24tJHt0aGlzLmljb25fc2l6ZX1gKTtcblxuICAgIHRoaXMuaWNvbkRpc3BsYXlDbGFzc2VzID0gW1xuICAgICAgYGljb24tY29udGV4dC0ke3RoaXMuaWNvbl9jb250ZXh0fWAsXG4gICAgICBgaWNvbi1zaXplLSR7dGhpcy5pY29uX3NpemV9YFxuICAgIF07XG5cbiAgICBjb25zdCBzaXplSW5QaXhlbHMgPSB0aGlzLnRva2VuU2VydmljZS5jb252ZXJ0UmVtVG9QaXhlbHModGhpcy5zaXplKTtcbiAgICB0aGlzLmljb25TaXplSW5QaXhlbHMgPSBzaXplSW5QaXhlbHM7XG4gIH1cblxufVxuIiwiPGRpdiBjbGFzcz1cInVpLWljb25cIiBbbmdDbGFzc109XCJpY29uRGlzcGxheUNsYXNzZXNcIj5cbiAgPHN2ZyB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCIgW2F0dHIud2lkdGhdPVwiaWNvblNpemVJblBpeGVsc1wiIFthdHRyLmhlaWdodF09XCJpY29uU2l6ZUluUGl4ZWxzXCIgW2F0dHIuY2xhc3NdPVwiaWNvbl9jbGFzc1wiPlxuICAgIDx1c2UgYXR0ci54bGluazpocmVmPVwiLi97e2ljb25CcmFuZFBhdGh9fS9hc3NldHMvaWNvbnMvaWNvbnMuc3ZnI2ljb24te3tpY29uX25hbWV9fVwiPjwvdXNlPlxuICA8L3N2Zz5cbjwvZGl2PlxuIl19