oasys-lib 0.0.4 → 0.0.5

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 (36) hide show
  1. package/bundles/oasys-lib.umd.js +334 -0
  2. package/bundles/oasys-lib.umd.js.map +1 -0
  3. package/esm2015/lib/components/button/button.component.js +95 -0
  4. package/esm2015/lib/components/button/button.js +2 -0
  5. package/esm2015/lib/components/icon/icon.component.js +59 -0
  6. package/{esm2020/lib/components/icon/icon.mjs → esm2015/lib/components/icon/icon.js} +0 -0
  7. package/esm2015/lib/components/layout/box/box.component.js +32 -0
  8. package/esm2015/lib/components/layout/inline/inline.component.js +20 -0
  9. package/{esm2020/lib/components/text/text.mjs → esm2015/lib/components/text/text.js} +0 -0
  10. package/esm2015/lib/oasys-lib.module.js +52 -0
  11. package/{esm2020/lib/services/token.service.mjs → esm2015/lib/services/token.service.js} +4 -4
  12. package/{esm2020/lib/services/window.service.mjs → esm2015/lib/services/window.service.js} +4 -4
  13. package/{esm2020/oasys-lib.mjs → esm2015/oasys-lib.js} +0 -0
  14. package/{esm2020/public-api.mjs → esm2015/public-api.js} +0 -0
  15. package/fesm2015/oasys-lib.js +296 -0
  16. package/fesm2015/oasys-lib.js.map +1 -0
  17. package/lib/components/button/button.component.d.ts +8 -6
  18. package/lib/components/button/button.component.d.ts.map +1 -1
  19. package/lib/components/button/button.d.ts +1 -2
  20. package/lib/components/button/button.d.ts.map +1 -1
  21. package/lib/oasys-lib.module.d.ts +1 -1
  22. package/lib/oasys-lib.module.d.ts.map +1 -1
  23. package/package.json +8 -21
  24. package/src/assets/bloomandwild/variables.css +5 -5
  25. package/src/assets/bloomon/variables.css +2 -2
  26. package/src/assets/global/variables.css +1 -1
  27. package/esm2020/lib/components/button/button.component.mjs +0 -77
  28. package/esm2020/lib/components/button/button.mjs +0 -2
  29. package/esm2020/lib/components/icon/icon.component.mjs +0 -53
  30. package/esm2020/lib/components/layout/box/box.component.mjs +0 -25
  31. package/esm2020/lib/components/layout/inline/inline.component.mjs +0 -14
  32. package/esm2020/lib/oasys-lib.module.mjs +0 -49
  33. package/fesm2015/oasys-lib.mjs +0 -257
  34. package/fesm2015/oasys-lib.mjs.map +0 -1
  35. package/fesm2020/oasys-lib.mjs +0 -257
  36. package/fesm2020/oasys-lib.mjs.map +0 -1
@@ -0,0 +1,32 @@
1
+ import { ChangeDetectionStrategy, ViewEncapsulation } from '@angular/core';
2
+ import { Input } from '@angular/core';
3
+ import { Component } from '@angular/core';
4
+ import * as i0 from "@angular/core";
5
+ export class LayoutBoxComponent {
6
+ constructor() {
7
+ this.padding = 'default';
8
+ }
9
+ ngOnInit() {
10
+ this.boxLayoutClasses = [
11
+ `ui-layout-box-${this.padding}`
12
+ ].join(' ');
13
+ }
14
+ }
15
+ LayoutBoxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: LayoutBoxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
16
+ LayoutBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: LayoutBoxComponent, selector: "ui-box", inputs: { padding: "padding" }, host: { properties: { "class": "boxLayoutClasses" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".ui-layout-box-xsmall{padding:var(--size-unit-xsmall)}.ui-layout-box-small{padding:var(--size-unit-small)}.ui-layout-box-default{padding:var(--size-unit-default)}.ui-layout-box-large{padding:var(--size-unit-large)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
17
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: LayoutBoxComponent, decorators: [{
18
+ type: Component,
19
+ args: [{
20
+ selector: 'ui-box',
21
+ template: '<ng-content></ng-content>',
22
+ host: {
23
+ '[class]': 'boxLayoutClasses'
24
+ },
25
+ styleUrls: ['./box.component.scss'],
26
+ encapsulation: ViewEncapsulation.None,
27
+ changeDetection: ChangeDetectionStrategy.OnPush
28
+ }]
29
+ }], ctorParameters: function () { return []; }, propDecorators: { padding: [{
30
+ type: Input
31
+ }] } });
32
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm94LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL29hc3lzLWxpYi9zcmMvbGliL2NvbXBvbmVudHMvbGF5b3V0L2JveC9ib3guY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBVSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNuRixPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3RDLE9BQU8sRUFBRSxTQUFTLEVBQUMsTUFBTSxlQUFlLENBQUM7O0FBWXpDLE1BQU0sT0FBTyxrQkFBa0I7SUFLN0I7UUFGUyxZQUFPLEdBQWlCLFNBQVMsQ0FBQztJQUUzQixDQUFDO0lBRWpCLFFBQVE7UUFDTixJQUFJLENBQUMsZ0JBQWdCLEdBQUc7WUFDdEIsaUJBQWlCLElBQUksQ0FBQyxPQUFPLEVBQUU7U0FDaEMsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7SUFDZCxDQUFDOztnSEFYVSxrQkFBa0I7b0dBQWxCLGtCQUFrQixxSUFSbkIsMkJBQTJCOzRGQVExQixrQkFBa0I7a0JBVjlCLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFDLFFBQVE7b0JBQ2pCLFFBQVEsRUFBRSwyQkFBMkI7b0JBQ3JDLElBQUksRUFBRTt3QkFDQSxTQUFTLEVBQUcsa0JBQWtCO3FCQUMvQjtvQkFDTCxTQUFTLEVBQUUsQ0FBQyxzQkFBc0IsQ0FBQztvQkFDbkMsYUFBYSxFQUFFLGlCQUFpQixDQUFDLElBQUk7b0JBQ3JDLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO2lCQUNoRDswRUFJVSxPQUFPO3NCQUFmLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgT25Jbml0LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbXBvbmVudH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjondWktYm94JyxcbiAgdGVtcGxhdGU6ICc8bmctY29udGVudD48L25nLWNvbnRlbnQ+JyxcbiAgaG9zdDoge1xuICAgICAgICAnW2NsYXNzXScgOiAnYm94TGF5b3V0Q2xhc3NlcydcbiAgICAgIH0sXG4gIHN0eWxlVXJsczogWycuL2JveC5jb21wb25lbnQuc2NzcyddLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBMYXlvdXRCb3hDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBib3hMYXlvdXRDbGFzc2VzPzogc3RyaW5nO1xuXG4gIEBJbnB1dCgpIHBhZGRpbmc/OiBCb3hQYWRkaW5ncyA9ICdkZWZhdWx0JztcblxuICBjb25zdHJ1Y3RvcigpIHsgfVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMuYm94TGF5b3V0Q2xhc3NlcyA9IFtcbiAgICAgIGB1aS1sYXlvdXQtYm94LSR7dGhpcy5wYWRkaW5nfWBcbiAgICBdLmpvaW4oJyAnKTtcbiAgfVxuXG59XG5cbmV4cG9ydCB0eXBlIEJveFBhZGRpbmdzID0gJ3hzbWFsbCd8J3NtYWxsJ3wnbWVkaXVtJ3wnbGFyZ2UnfCdkZWZhdWx0JzsiXX0=
@@ -0,0 +1,20 @@
1
+ import { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';
2
+ import * as i0 from "@angular/core";
3
+ export class LayoutInlineComponent {
4
+ constructor() { }
5
+ ngOnInit() {
6
+ }
7
+ }
8
+ LayoutInlineComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: LayoutInlineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
9
+ LayoutInlineComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: LayoutInlineComponent, selector: "ui-inline", ngImport: i0, template: "<div class=\"ui-layout-inline\"><ng-content></ng-content></div>", styles: [".ui-layout-inline{display:inline-flex;position:relative}.ui-layout-inline>*{margin-left:var(--layout-inline-spacing-default);margin-right:var(--layout-inline-spacing-default)}.ui-layout-inline:first-child{margin-left:0}.ui-layout-inline:last-child{margin-right:0}.ui-layout-inline:only-child{margin-left:0;margin-right:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
10
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: LayoutInlineComponent, decorators: [{
11
+ type: Component,
12
+ args: [{
13
+ selector: 'ui-inline',
14
+ templateUrl: './inline.component.html',
15
+ styleUrls: ['./inline.component.css'],
16
+ encapsulation: ViewEncapsulation.None,
17
+ changeDetection: ChangeDetectionStrategy.OnPush
18
+ }]
19
+ }], ctorParameters: function () { return []; } });
20
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5saW5lLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL29hc3lzLWxpYi9zcmMvbGliL2NvbXBvbmVudHMvbGF5b3V0L2lubGluZS9pbmxpbmUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvb2FzeXMtbGliL3NyYy9saWIvY29tcG9uZW50cy9sYXlvdXQvaW5saW5lL2lubGluZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFVLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDOztBQVM5RixNQUFNLE9BQU8scUJBQXFCO0lBRWhDLGdCQUFnQixDQUFDO0lBRWpCLFFBQVE7SUFDUixDQUFDOzttSEFMVSxxQkFBcUI7dUdBQXJCLHFCQUFxQixpRENUbEMsaUVBQTZEOzRGRFNoRCxxQkFBcUI7a0JBUGpDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFDLFdBQVc7b0JBQ3BCLFdBQVcsRUFBRSx5QkFBeUI7b0JBQ3RDLFNBQVMsRUFBRSxDQUFDLHdCQUF3QixDQUFDO29CQUNyQyxhQUFhLEVBQUUsaUJBQWlCLENBQUMsSUFBSTtvQkFDckMsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07aUJBQ2hEIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgT25Jbml0LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6J3VpLWlubGluZScsXG4gIHRlbXBsYXRlVXJsOiAnLi9pbmxpbmUuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9pbmxpbmUuY29tcG9uZW50LmNzcyddLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBMYXlvdXRJbmxpbmVDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuXG4gIGNvbnN0cnVjdG9yKCkgeyB9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gIH1cblxufVxuIiwiPGRpdiBjbGFzcz1cInVpLWxheW91dC1pbmxpbmVcIj48bmctY29udGVudD48L25nLWNvbnRlbnQ+PC9kaXY+Il19
@@ -0,0 +1,52 @@
1
+ import { APP_BASE_HREF, CommonModule } from '@angular/common';
2
+ import { NgModule } from '@angular/core';
3
+ import { RouterModule } from '@angular/router';
4
+ import { OasysButtonComponent } from './components/button/button.component';
5
+ import { LayoutInlineComponent } from './components/layout/inline/inline.component';
6
+ import { IconComponent } from './components/icon/icon.component';
7
+ import { LayoutBoxComponent } from './components/layout/box/box.component';
8
+ import { WindowService } from './services/window.service';
9
+ import { TokenService } from './services/token.service';
10
+ import * as i0 from "@angular/core";
11
+ import * as i1 from "@angular/router";
12
+ export class OasysLibModule {
13
+ }
14
+ OasysLibModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: OasysLibModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
15
+ OasysLibModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: OasysLibModule, declarations: [OasysButtonComponent,
16
+ LayoutInlineComponent,
17
+ IconComponent,
18
+ LayoutBoxComponent], imports: [CommonModule, i1.RouterModule], exports: [OasysButtonComponent,
19
+ LayoutBoxComponent] });
20
+ OasysLibModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: OasysLibModule, providers: [
21
+ WindowService,
22
+ TokenService,
23
+ { provide: APP_BASE_HREF, useValue: '/' }
24
+ ], imports: [[
25
+ CommonModule,
26
+ RouterModule.forChild([])
27
+ ]] });
28
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: OasysLibModule, decorators: [{
29
+ type: NgModule,
30
+ args: [{
31
+ declarations: [
32
+ OasysButtonComponent,
33
+ LayoutInlineComponent,
34
+ IconComponent,
35
+ LayoutBoxComponent
36
+ ],
37
+ imports: [
38
+ CommonModule,
39
+ RouterModule.forChild([])
40
+ ],
41
+ exports: [
42
+ OasysButtonComponent,
43
+ LayoutBoxComponent
44
+ ],
45
+ providers: [
46
+ WindowService,
47
+ TokenService,
48
+ { provide: APP_BASE_HREF, useValue: '/' }
49
+ ]
50
+ }]
51
+ }] });
52
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib2FzeXMtbGliLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL29hc3lzLWxpYi9zcmMvbGliL29hc3lzLWxpYi5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUM5RCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQztBQUM1RSxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSw2Q0FBNkMsQ0FBQztBQUNwRixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFDakUsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sdUNBQXVDLENBQUM7QUFDM0UsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQzFELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQzs7O0FBeUJ4RCxNQUFNLE9BQU8sY0FBYzs7NEdBQWQsY0FBYzs2R0FBZCxjQUFjLGlCQW5CdkIsb0JBQW9CO1FBQ3BCLHFCQUFxQjtRQUNyQixhQUFhO1FBQ2Isa0JBQWtCLGFBR2xCLFlBQVksOEJBSVosb0JBQW9CO1FBQ3BCLGtCQUFrQjs2R0FRVCxjQUFjLGFBTmQ7UUFDVCxhQUFhO1FBQ2IsWUFBWTtRQUNaLEVBQUMsT0FBTyxFQUFFLGFBQWEsRUFBRSxRQUFRLEVBQUUsR0FBRyxFQUFDO0tBQ3hDLFlBWlE7WUFDUCxZQUFZO1lBQ1osWUFBWSxDQUFDLFFBQVEsQ0FBQyxFQUFFLENBQUM7U0FDMUI7NEZBV1UsY0FBYztrQkFyQjFCLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFO3dCQUNaLG9CQUFvQjt3QkFDcEIscUJBQXFCO3dCQUNyQixhQUFhO3dCQUNiLGtCQUFrQjtxQkFDbkI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osWUFBWSxDQUFDLFFBQVEsQ0FBQyxFQUFFLENBQUM7cUJBQzFCO29CQUNELE9BQU8sRUFBRTt3QkFDUCxvQkFBb0I7d0JBQ3BCLGtCQUFrQjtxQkFDbkI7b0JBQ0QsU0FBUyxFQUFFO3dCQUNULGFBQWE7d0JBQ2IsWUFBWTt3QkFDWixFQUFDLE9BQU8sRUFBRSxhQUFhLEVBQUUsUUFBUSxFQUFFLEdBQUcsRUFBQztxQkFDeEM7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBUFBfQkFTRV9IUkVGLCBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFJvdXRlck1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XG5pbXBvcnQgeyBPYXN5c0J1dHRvbkNvbXBvbmVudCB9IGZyb20gJy4vY29tcG9uZW50cy9idXR0b24vYnV0dG9uLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBMYXlvdXRJbmxpbmVDb21wb25lbnQgfSBmcm9tICcuL2NvbXBvbmVudHMvbGF5b3V0L2lubGluZS9pbmxpbmUuY29tcG9uZW50JztcbmltcG9ydCB7IEljb25Db21wb25lbnQgfSBmcm9tICcuL2NvbXBvbmVudHMvaWNvbi9pY29uLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBMYXlvdXRCb3hDb21wb25lbnQgfSBmcm9tICcuL2NvbXBvbmVudHMvbGF5b3V0L2JveC9ib3guY29tcG9uZW50JztcbmltcG9ydCB7IFdpbmRvd1NlcnZpY2UgfSBmcm9tICcuL3NlcnZpY2VzL3dpbmRvdy5zZXJ2aWNlJztcbmltcG9ydCB7IFRva2VuU2VydmljZSB9IGZyb20gJy4vc2VydmljZXMvdG9rZW4uc2VydmljZSc7XG5cblxuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtcbiAgICBPYXN5c0J1dHRvbkNvbXBvbmVudCxcbiAgICBMYXlvdXRJbmxpbmVDb21wb25lbnQsXG4gICAgSWNvbkNvbXBvbmVudCxcbiAgICBMYXlvdXRCb3hDb21wb25lbnRcbiAgXSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBSb3V0ZXJNb2R1bGUuZm9yQ2hpbGQoW10pXG4gIF0sXG4gIGV4cG9ydHM6IFtcbiAgICBPYXN5c0J1dHRvbkNvbXBvbmVudCxcbiAgICBMYXlvdXRCb3hDb21wb25lbnRcbiAgXSxcbiAgcHJvdmlkZXJzOiBbXG4gICAgV2luZG93U2VydmljZSxcbiAgICBUb2tlblNlcnZpY2UsXG4gICAge3Byb3ZpZGU6IEFQUF9CQVNFX0hSRUYsIHVzZVZhbHVlOiAnLyd9XG4gIF1cbn0pXG5leHBvcnQgY2xhc3MgT2FzeXNMaWJNb2R1bGUgeyB9XG4iXX0=
@@ -26,12 +26,12 @@ export class TokenService {
26
26
  .trim() || '';
27
27
  }
28
28
  }
29
- TokenService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: TokenService, deps: [{ token: i1.WindowService }], target: i0.ɵɵFactoryTarget.Injectable });
30
- TokenService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: TokenService, providedIn: 'root' });
31
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: TokenService, decorators: [{
29
+ TokenService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TokenService, deps: [{ token: i1.WindowService }], target: i0.ɵɵFactoryTarget.Injectable });
30
+ TokenService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TokenService, providedIn: 'root' });
31
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TokenService, decorators: [{
32
32
  type: Injectable,
33
33
  args: [{
34
34
  providedIn: 'root'
35
35
  }]
36
36
  }], ctorParameters: function () { return [{ type: i1.WindowService }]; } });
37
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9rZW4uc2VydmljZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL29hc3lzLWxpYi9zcmMvbGliL3NlcnZpY2VzL3Rva2VuLnNlcnZpY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMzQyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0JBQWtCLENBQUM7OztBQUtqRCxNQUFNLE9BQU8sWUFBWTtJQUV2QixZQUFvQixTQUF3QjtRQUF4QixjQUFTLEdBQVQsU0FBUyxDQUFlO0lBQUUsQ0FBQztJQUUvQzs7Ozs7Ozs7O01BU0U7SUFDRixZQUFZLENBQUMsU0FBaUIsRUFBRSxPQUFnQjtRQUM5QyxPQUFPLElBQUksQ0FBQyxhQUFhLENBQUMsU0FBUyxFQUFFLE9BQU8sQ0FBQyxDQUFDO0lBQ2hELENBQUM7SUFFRCxhQUFhLENBQUMsU0FBaUIsRUFBRSxPQUFpQjtRQUNoRCxNQUFNLFdBQVcsR0FBRyxPQUFPLElBQUksSUFBSSxDQUFDLFNBQVMsQ0FBQyxZQUFZLENBQUMsUUFBUSxDQUFDLGVBQWUsQ0FBQztRQUNwRixPQUFPLElBQUksQ0FBQyxTQUFTLENBQUMsWUFBWSxDQUFDLGdCQUFnQixDQUFDLFdBQVcsQ0FBQzthQUM3RCxnQkFBZ0IsQ0FBQyxTQUFTLENBQUM7YUFDM0IsSUFBSSxFQUFFLElBQUksRUFBRSxDQUFDO0lBQ2xCLENBQUM7O3lHQXZCVSxZQUFZOzZHQUFaLFlBQVksY0FGWCxNQUFNOzJGQUVQLFlBQVk7a0JBSHhCLFVBQVU7bUJBQUM7b0JBQ1YsVUFBVSxFQUFFLE1BQU07aUJBQ25CIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSW5qZWN0YWJsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgV2luZG93U2VydmljZSB9IGZyb20gJy4vd2luZG93LnNlcnZpY2UnO1xuXG5ASW5qZWN0YWJsZSh7XG4gIHByb3ZpZGVkSW46ICdyb290J1xufSlcbmV4cG9ydCBjbGFzcyBUb2tlblNlcnZpY2Uge1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgd2luZG93UmVmOiBXaW5kb3dTZXJ2aWNlKXt9XG5cbiAgLypcbiAgR2V0IHRoZSBicmFuZCBuYW1lIGZvciB0aGUgY3VycmVudGx5IGVuYWJsZSBjdXN0b20gcHJvcGVydHkgc2V0IChpZS4gL2Jsb29tb24vdmFyaWFibGVzLmNzcylcbiAgQmVjYXVzZSB2YXJpYWJsZXMgYXJlIHNjb3BlZCB2aWEgYSBzZWxlY3RvciAoaWU6ICc6cm9vdCAuYmxvb21vbiB7fScpXG4gIHdlIGNhbm5vdCBnZXQgYnJhbmQtc3BlY2lmaWMgY3VzdG9tIHByb3BlcnRpZXMgcHJvZ3JhbWF0aWNhbGx5XG5cbiAgSW1wb3J0YW50OiBFbnN1cmUgdGhhdCB0aGUgY29tcG9uZW50IHJlcXVpcmluZyB0aGUgYnJhbmQgbmFtZSBoYXMgbG9jYWxseSBzY29wZWQgdGhlIGN1c3RvbSBwcm9wZXJ0eTpcbiAgfCAgdWktaWNvbiB7XG4gIHwgICAgLS1pY29uLWNvbXBvbmVudC1icmFuZDogdmFyKC0tdXRpbGl0eS1icmFuZC1uYW1lKTtcbiAgfCAgfVxuICAqL1xuICBnZXRCcmFuZE5hbWUodG9rZW5OYW1lOiBzdHJpbmcsIGVsZW1lbnQ6IEVsZW1lbnQpOiBzdHJpbmcge1xuICAgIHJldHVybiB0aGlzLmdldFRva2VuVmFsdWUodG9rZW5OYW1lLCBlbGVtZW50KTtcbiAgfVxuXG4gIGdldFRva2VuVmFsdWUodG9rZW5OYW1lOiBzdHJpbmcsIGVsZW1lbnQ/OiBFbGVtZW50KTogc3RyaW5nIHtcbiAgICBjb25zdCByb290RWxlbWVudCA9IGVsZW1lbnQgfHwgdGhpcy53aW5kb3dSZWYubmF0aXZlV2luZG93LmRvY3VtZW50LmRvY3VtZW50RWxlbWVudDtcbiAgICByZXR1cm4gdGhpcy53aW5kb3dSZWYubmF0aXZlV2luZG93LmdldENvbXB1dGVkU3R5bGUocm9vdEVsZW1lbnQpXG4gICAgICAuZ2V0UHJvcGVydHlWYWx1ZSh0b2tlbk5hbWUpXG4gICAgICAudHJpbSgpIHx8ICcnO1xuICB9XG5cbn0iXX0=
37
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9rZW4uc2VydmljZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL29hc3lzLWxpYi9zcmMvbGliL3NlcnZpY2VzL3Rva2VuLnNlcnZpY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMzQyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0JBQWtCLENBQUM7OztBQUtqRCxNQUFNLE9BQU8sWUFBWTtJQUV2QixZQUFvQixTQUF3QjtRQUF4QixjQUFTLEdBQVQsU0FBUyxDQUFlO0lBQUUsQ0FBQztJQUUvQzs7Ozs7Ozs7O01BU0U7SUFDRixZQUFZLENBQUMsU0FBaUIsRUFBRSxPQUFnQjtRQUM5QyxPQUFPLElBQUksQ0FBQyxhQUFhLENBQUMsU0FBUyxFQUFFLE9BQU8sQ0FBQyxDQUFDO0lBQ2hELENBQUM7SUFFRCxhQUFhLENBQUMsU0FBaUIsRUFBRSxPQUFpQjtRQUNoRCxNQUFNLFdBQVcsR0FBRyxPQUFPLElBQUksSUFBSSxDQUFDLFNBQVMsQ0FBQyxZQUFZLENBQUMsUUFBUSxDQUFDLGVBQWUsQ0FBQztRQUNwRixPQUFPLElBQUksQ0FBQyxTQUFTLENBQUMsWUFBWSxDQUFDLGdCQUFnQixDQUFDLFdBQVcsQ0FBQzthQUM3RCxnQkFBZ0IsQ0FBQyxTQUFTLENBQUM7YUFDM0IsSUFBSSxFQUFFLElBQUksRUFBRSxDQUFDO0lBQ2xCLENBQUM7OzBHQXZCVSxZQUFZOzhHQUFaLFlBQVksY0FGWCxNQUFNOzRGQUVQLFlBQVk7a0JBSHhCLFVBQVU7bUJBQUM7b0JBQ1YsVUFBVSxFQUFFLE1BQU07aUJBQ25CIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSW5qZWN0YWJsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgV2luZG93U2VydmljZSB9IGZyb20gJy4vd2luZG93LnNlcnZpY2UnO1xuXG5ASW5qZWN0YWJsZSh7XG4gIHByb3ZpZGVkSW46ICdyb290J1xufSlcbmV4cG9ydCBjbGFzcyBUb2tlblNlcnZpY2Uge1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgd2luZG93UmVmOiBXaW5kb3dTZXJ2aWNlKXt9XG5cbiAgLypcbiAgR2V0IHRoZSBicmFuZCBuYW1lIGZvciB0aGUgY3VycmVudGx5IGVuYWJsZSBjdXN0b20gcHJvcGVydHkgc2V0IChpZS4gL2Jsb29tb24vdmFyaWFibGVzLmNzcylcbiAgQmVjYXVzZSB2YXJpYWJsZXMgYXJlIHNjb3BlZCB2aWEgYSBzZWxlY3RvciAoaWU6ICc6cm9vdCAuYmxvb21vbiB7fScpXG4gIHdlIGNhbm5vdCBnZXQgYnJhbmQtc3BlY2lmaWMgY3VzdG9tIHByb3BlcnRpZXMgcHJvZ3JhbWF0aWNhbGx5XG5cbiAgSW1wb3J0YW50OiBFbnN1cmUgdGhhdCB0aGUgY29tcG9uZW50IHJlcXVpcmluZyB0aGUgYnJhbmQgbmFtZSBoYXMgbG9jYWxseSBzY29wZWQgdGhlIGN1c3RvbSBwcm9wZXJ0eTpcbiAgfCAgdWktaWNvbiB7XG4gIHwgICAgLS1pY29uLWNvbXBvbmVudC1icmFuZDogdmFyKC0tdXRpbGl0eS1icmFuZC1uYW1lKTtcbiAgfCAgfVxuICAqL1xuICBnZXRCcmFuZE5hbWUodG9rZW5OYW1lOiBzdHJpbmcsIGVsZW1lbnQ6IEVsZW1lbnQpOiBzdHJpbmcge1xuICAgIHJldHVybiB0aGlzLmdldFRva2VuVmFsdWUodG9rZW5OYW1lLCBlbGVtZW50KTtcbiAgfVxuXG4gIGdldFRva2VuVmFsdWUodG9rZW5OYW1lOiBzdHJpbmcsIGVsZW1lbnQ/OiBFbGVtZW50KTogc3RyaW5nIHtcbiAgICBjb25zdCByb290RWxlbWVudCA9IGVsZW1lbnQgfHwgdGhpcy53aW5kb3dSZWYubmF0aXZlV2luZG93LmRvY3VtZW50LmRvY3VtZW50RWxlbWVudDtcbiAgICByZXR1cm4gdGhpcy53aW5kb3dSZWYubmF0aXZlV2luZG93LmdldENvbXB1dGVkU3R5bGUocm9vdEVsZW1lbnQpXG4gICAgICAuZ2V0UHJvcGVydHlWYWx1ZSh0b2tlbk5hbWUpXG4gICAgICAudHJpbSgpIHx8ICcnO1xuICB9XG5cbn0iXX0=
@@ -8,12 +8,12 @@ export class WindowService {
8
8
  return _window();
9
9
  }
10
10
  }
11
- WindowService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: WindowService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
12
- WindowService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: WindowService, providedIn: 'root' });
13
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: WindowService, decorators: [{
11
+ WindowService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: WindowService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
12
+ WindowService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: WindowService, providedIn: 'root' });
13
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: WindowService, decorators: [{
14
14
  type: Injectable,
15
15
  args: [{
16
16
  providedIn: 'root'
17
17
  }]
18
18
  }] });
19
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid2luZG93LnNlcnZpY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9vYXN5cy1saWIvc3JjL2xpYi9zZXJ2aWNlcy93aW5kb3cuc2VydmljZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQUUzQyxTQUFTLE9BQU87SUFDZCxPQUFPLE1BQU0sQ0FBQztBQUNoQixDQUFDO0FBS0QsTUFBTSxPQUFPLGFBQWE7SUFFeEIsSUFBSSxZQUFZO1FBQ2QsT0FBTyxPQUFPLEVBQUUsQ0FBQztJQUNuQixDQUFDOzswR0FKVSxhQUFhOzhHQUFiLGFBQWEsY0FGWixNQUFNOzJGQUVQLGFBQWE7a0JBSHpCLFVBQVU7bUJBQUM7b0JBQ1YsVUFBVSxFQUFFLE1BQU07aUJBQ25CIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSW5qZWN0YWJsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5mdW5jdGlvbiBfd2luZG93KCk6IGFueSB7XG4gIHJldHVybiB3aW5kb3c7XG59XG5cbkBJbmplY3RhYmxlKHtcbiAgcHJvdmlkZWRJbjogJ3Jvb3QnXG59KVxuZXhwb3J0IGNsYXNzIFdpbmRvd1NlcnZpY2Uge1xuICBcbiAgZ2V0IG5hdGl2ZVdpbmRvdygpOiBhbnkge1xuICAgIHJldHVybiBfd2luZG93KCk7XG4gIH1cbiAgXG59Il19
19
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid2luZG93LnNlcnZpY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9vYXN5cy1saWIvc3JjL2xpYi9zZXJ2aWNlcy93aW5kb3cuc2VydmljZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQUUzQyxTQUFTLE9BQU87SUFDZCxPQUFPLE1BQU0sQ0FBQztBQUNoQixDQUFDO0FBS0QsTUFBTSxPQUFPLGFBQWE7SUFFeEIsSUFBSSxZQUFZO1FBQ2QsT0FBTyxPQUFPLEVBQUUsQ0FBQztJQUNuQixDQUFDOzsyR0FKVSxhQUFhOytHQUFiLGFBQWEsY0FGWixNQUFNOzRGQUVQLGFBQWE7a0JBSHpCLFVBQVU7bUJBQUM7b0JBQ1YsVUFBVSxFQUFFLE1BQU07aUJBQ25CIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSW5qZWN0YWJsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5mdW5jdGlvbiBfd2luZG93KCk6IGFueSB7XG4gIHJldHVybiB3aW5kb3c7XG59XG5cbkBJbmplY3RhYmxlKHtcbiAgcHJvdmlkZWRJbjogJ3Jvb3QnXG59KVxuZXhwb3J0IGNsYXNzIFdpbmRvd1NlcnZpY2Uge1xuICBcbiAgZ2V0IG5hdGl2ZVdpbmRvdygpOiBhbnkge1xuICAgIHJldHVybiBfd2luZG93KCk7XG4gIH1cbiAgXG59Il19
File without changes
@@ -0,0 +1,296 @@
1
+ import * as i3 from '@angular/common';
2
+ import { CommonModule, APP_BASE_HREF } from '@angular/common';
3
+ import * as i0 from '@angular/core';
4
+ import { Injectable, Component, ChangeDetectionStrategy, ViewEncapsulation, Input, EventEmitter, ContentChild, Output, NgModule } from '@angular/core';
5
+ import * as i2 from '@angular/router';
6
+ import { RouterModule } from '@angular/router';
7
+
8
+ function _window() {
9
+ return window;
10
+ }
11
+ class WindowService {
12
+ get nativeWindow() {
13
+ return _window();
14
+ }
15
+ }
16
+ WindowService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: WindowService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
17
+ WindowService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: WindowService, providedIn: 'root' });
18
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: WindowService, decorators: [{
19
+ type: Injectable,
20
+ args: [{
21
+ providedIn: 'root'
22
+ }]
23
+ }] });
24
+
25
+ class TokenService {
26
+ constructor(windowRef) {
27
+ this.windowRef = windowRef;
28
+ }
29
+ /*
30
+ Get the brand name for the currently enable custom property set (ie. /bloomon/variables.css)
31
+ Because variables are scoped via a selector (ie: ':root .bloomon {}')
32
+ we cannot get brand-specific custom properties programatically
33
+
34
+ Important: Ensure that the component requiring the brand name has locally scoped the custom property:
35
+ | ui-icon {
36
+ | --icon-component-brand: var(--utility-brand-name);
37
+ | }
38
+ */
39
+ getBrandName(tokenName, element) {
40
+ return this.getTokenValue(tokenName, element);
41
+ }
42
+ getTokenValue(tokenName, element) {
43
+ const rootElement = element || this.windowRef.nativeWindow.document.documentElement;
44
+ return this.windowRef.nativeWindow.getComputedStyle(rootElement)
45
+ .getPropertyValue(tokenName)
46
+ .trim() || '';
47
+ }
48
+ }
49
+ TokenService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TokenService, deps: [{ token: WindowService }], target: i0.ɵɵFactoryTarget.Injectable });
50
+ TokenService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TokenService, providedIn: 'root' });
51
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TokenService, decorators: [{
52
+ type: Injectable,
53
+ args: [{
54
+ providedIn: 'root'
55
+ }]
56
+ }], ctorParameters: function () { return [{ type: WindowService }]; } });
57
+
58
+ class IconComponent {
59
+ constructor(tokenService, windowRef, elementRef) {
60
+ this.tokenService = tokenService;
61
+ this.windowRef = windowRef;
62
+ this.elementRef = elementRef;
63
+ this.iconSize = 'large';
64
+ this.iconContext = 'none';
65
+ }
66
+ convertRemToPixels(remString) {
67
+ const remNumber = parseFloat(remString.replace('rem', ''));
68
+ return remNumber * parseFloat(getComputedStyle(this.windowRef.nativeWindow.document.documentElement).fontSize);
69
+ }
70
+ ngOnChanges() {
71
+ this.ngOnInit();
72
+ }
73
+ ngOnInit() {
74
+ this.iconBrandPath = `${this.tokenService.getBrandName(`--icon-component-brand`, this.elementRef.nativeElement)}`;
75
+ this.size = this.tokenService.getTokenValue(`--global-size-icon-${this.iconSize}`);
76
+ this.iconDisplayClasses = [
77
+ `icon-context-${this.iconContext}`,
78
+ `icon-size-${this.iconSize}`
79
+ ];
80
+ const sizeInPixels = this.convertRemToPixels(this.size);
81
+ this.iconWidth = sizeInPixels;
82
+ this.iconHeight = sizeInPixels;
83
+ }
84
+ }
85
+ IconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IconComponent, deps: [{ token: TokenService }, { token: WindowService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
86
+ IconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IconComponent, selector: "ui-icon", inputs: { iconSize: "iconSize", iconName: "iconName", iconContext: "iconContext", iconWidth: "iconWidth", iconHeight: "iconHeight", iconClass: "iconClass" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"ui-icon\" [ngClass]=\"iconDisplayClasses\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" attr.width=\"{{iconWidth}}px\" attr.height=\"{{iconHeight}}px\" attr.class=\"{{iconClass}}\">\n <use attr.xlink:href=\"./{{iconBrandPath}}/assets/icons/icons.svg#icon-{{iconName}}-24\"></use>\n </svg>\n</div>\n", styles: ["ui-icon{--icon-component-brand: var(--utility-brand-name)}.ui-icon{display:inline-flex}.ui-icon.icon-size-large.icon-context-leading{margin-left:calc(var(--component-size-button-large-icon-offset-leading) * -1)}.ui-icon.icon-size-large.icon-context-trailing{margin-right:calc(var(--component-size-button-large-icon-offset-trailing) * -1)}.ui-icon.icon-size-large.icon-context-iconOnly{margin-left:calc(var(--component-size-button-large-icon-offset-icon-only) * -1);margin-right:calc(var(--component-size-button-large-icon-offset-icon-only) * -1)}.ui-icon.icon-size-small.icon-context-leading{margin-left:calc(var(--component-size-button-small-icon-offset-leading) * -1)}.ui-icon.icon-size-small.icon-context-trailing{margin-right:calc(var(--component-size-button-small-icon-offset-trailing) * -1)}.ui-icon.icon-size-small.icon-context-iconOnly{margin-left:calc(var(--component-size-button-small-icon-offset-icon-only) * -1);margin-right:calc(var(--component-size-button-small-icon-offset-icon-only) * -1)}\n"], directives: [{ type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
87
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IconComponent, decorators: [{
88
+ type: Component,
89
+ args: [{
90
+ selector: 'ui-icon',
91
+ templateUrl: './icon.component.html',
92
+ styleUrls: ['./icon.component.scss'],
93
+ changeDetection: ChangeDetectionStrategy.OnPush,
94
+ encapsulation: ViewEncapsulation.None
95
+ }]
96
+ }], ctorParameters: function () { return [{ type: TokenService }, { type: WindowService }, { type: i0.ElementRef }]; }, propDecorators: { iconSize: [{
97
+ type: Input
98
+ }], iconName: [{
99
+ type: Input
100
+ }], iconContext: [{
101
+ type: Input
102
+ }], iconWidth: [{
103
+ type: Input
104
+ }], iconHeight: [{
105
+ type: Input
106
+ }], iconClass: [{
107
+ type: Input
108
+ }] } });
109
+
110
+ class OasysButtonComponent {
111
+ constructor(changes) {
112
+ this.changes = changes;
113
+ this.buttonIconPlacement = 'leading';
114
+ // Button Stylings
115
+ this.buttonSize = 'large';
116
+ this.buttonFullWidth = false;
117
+ this.buttonType = 'primary';
118
+ this.buttonDisabled = false;
119
+ // Button Actions
120
+ this.href = '';
121
+ this.clicked = new EventEmitter();
122
+ this.iconContext = 'none';
123
+ }
124
+ onClick() {
125
+ this.clicked.emit();
126
+ }
127
+ createButton() {
128
+ return {
129
+ buttonIcon: this.buttonIcon,
130
+ buttonIconPlacement: this.buttonIconPlacement,
131
+ buttonType: this.buttonType,
132
+ buttonSize: this.buttonSize,
133
+ buttonDisabled: this.buttonDisabled,
134
+ href: this.href,
135
+ target: '',
136
+ buttonDisplayClasses: [
137
+ `type-${this.buttonType}`,
138
+ `size-${this.buttonSize}`,
139
+ `${this.buttonIcon ? 'button--has-icon' : ''}`,
140
+ `${this.buttonFullWidth ? 'button--full-width' : ''}`,
141
+ `${this.buttonIcon ? 'button--icon--' + this.buttonIconPlacement : ''}`
142
+ ].filter((d) => !!d)
143
+ };
144
+ }
145
+ ngAfterViewInit() {
146
+ var _a, _b;
147
+ if ((_b = (_a = this.buttonText) === null || _a === void 0 ? void 0 : _a.nativeElement) === null || _b === void 0 ? void 0 : _b.innerText) {
148
+ this.accessibleButtonContent = this.buttonText.nativeElement.innerText;
149
+ }
150
+ else {
151
+ throw new Error(`
152
+ No inner text found. All buttons should have text passed via ng-content to enable accessibility for screen readers, this includes icon-only buttons.
153
+
154
+ Pass content using the template variable #buttonText eg:
155
+ ui-button()
156
+ span(#buttonText) Buy All The Things
157
+ `);
158
+ }
159
+ }
160
+ ngOnChanges() {
161
+ this.button = this.createButton();
162
+ this.changes.markForCheck();
163
+ }
164
+ ngOnInit() {
165
+ this.button = this.createButton();
166
+ }
167
+ }
168
+ OasysButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: OasysButtonComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
169
+ OasysButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: OasysButtonComponent, selector: "ui-button", inputs: { buttonIcon: "buttonIcon", buttonIconPlacement: "buttonIconPlacement", buttonSize: "buttonSize", buttonFullWidth: "buttonFullWidth", buttonType: "buttonType", buttonDisabled: "buttonDisabled", href: "href" }, outputs: { clicked: "clicked" }, queries: [{ propertyName: "buttonText", first: true, predicate: ["buttonText"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<button (click)=\"onClick()\"\n [routerLink]=\"button.href || null\"\n [ngClass]=\"button.buttonDisplayClasses\"\n [attr.disabled]=\"button.buttonDisabled === true || null\"\n [attr.aria-label]=\"accessibleButtonContent\"\n role=\"button\">\n <div class=\"button-content\">\n <ui-icon *ngIf=\"button.buttonIcon && button.buttonIconPlacement !== 'none'\" [iconName]=\"button.buttonIcon\" [iconSize]=\"button.buttonSize\" [iconClass]=\"'buttonIcon'\" [iconContext]=\"button.buttonIconPlacement\"></ui-icon>\n <span class=\"ui-text\" *ngIf=\"button.buttonIconPlacement !== 'iconOnly'\">\n <ng-content></ng-content>\n </span>\n </div>\n <div class=\"button-overlay\"></div>\n</button>\n", styles: ["ui-button button{border:0;padding:0;position:relative;display:inline-flex;text-align:center;justify-content:center;align-items:center;border-style:solid;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-appearance:none;-webkit-font-smoothing:antialiased;border-width:var(--component-border-width-button);font-family:var(--semantic-font-family-body);border-radius:var(--component-border-radius-button)}ui-button button:focus-visible{outline:none;box-shadow:0 0 0 var(--semantic-border-width-focus) var(--component-color-button-expressive-background)}ui-button button:focus{outline:none}ui-button button.type-primary{background-color:var(--component-color-button-primary-background);border-color:var(--component-color-button-primary-border);color:var(--component-color-button-primary-text)}ui-button button.type-primary .button-overlay{background-color:var(--component-color-button-primary-text)}ui-button button.type-secondary{background-color:var(--component-color-button-secondary-background);border-color:var(--component-color-button-secondary-border);color:var(--component-color-button-secondary-text)}ui-button button.type-secondary .button-overlay{background-color:var(--component-color-button-secondary-text)}ui-button button.type-tertiary{background-color:var(--component-color-button-tertiary-background);border-color:var(--component-color-button-tertiary-border);color:var(--component-color-button-tertiary-text)}ui-button button.type-tertiary .button-overlay{background-color:var(--component-color-button-tertiary-text)}ui-button button.type-primary-inverse{background-color:var(--component-color-button-primary-inverse-background);border-color:var(--component-color-button-primary-inverse-border);color:var(--component-color-button-primary-inverse-text)}ui-button button.type-primary-inverse .button-overlay{background-color:var(--component-color-button-primary-inverse-text)}ui-button button.type-secondary-inverse{background-color:var(--component-color-button-secondary-inverse-background);border-color:var(--component-color-button-secondary-inverse-border);color:var(--component-color-button-secondary-inverse-text)}ui-button button.type-secondary-inverse .button-overlay{background-color:var(--component-color-button-secondary-inverse-text)}ui-button button.type-tertiary-inverse{background-color:var(--component-color-button-tertiary-inverse-background);border-color:var(--component-color-button-tertiary-inverse-border);color:var(--component-color-button-tertiary-inverse-text)}ui-button button.type-tertiary-inverse .button-overlay{background-color:var(--component-color-button-tertiary-inverse-text)}ui-button button.type-expressive{background-color:var(--component-color-button-expressive-background);border-color:var(--component-color-button-expressive-border);color:var(--component-color-button-expressive-text)}ui-button button.type-expressive .button-overlay{background-color:var(--component-color-button-expressive-text)}ui-button button.type-danger{background-color:var(--component-color-button-danger-background);border-color:var(--component-color-button-danger-border);color:var(--component-color-button-danger-text)}ui-button button.type-danger .button-overlay{background-color:var(--component-color-button-danger-text)}ui-button button.type-facebook{background-color:var(--component-color-button-facebook-background);border-color:var(--component-color-button-facebook-border);color:var(--component-color-button-facebook-text)}ui-button button.type-facebook .button-overlay{background-color:var(--component-color-button-facebook-text)}ui-button button.type-paypal{background-color:var(--component-color-button-paypal-background);border-color:var(--component-color-button-paypal-border);color:var(--component-color-button-paypal-text)}ui-button button.type-paypal .button-overlay{background-color:var(--component-color-button-paypal-text)}ui-button button.type-trustpilot{background-color:var(--component-color-button-trustpilot-background);border-color:var(--component-color-button-trustpilot-border);color:var(--component-color-button-trustpilot-text)}ui-button button.type-trustpilot .button-overlay{background-color:var(--component-color-button-trustpilot-text)}ui-button button.size-large{padding:var(--component-size-button-large-padding-y) var(--component-size-button-large-padding-x);font-size:var(--component-size-button-large-font-size)}ui-button button.size-large .button-content{grid-gap:var(--component-size-button-large-inline-spacing);gap:var(--component-size-button-large-inline-spacing)}ui-button button.size-large .ui-icon{max-height:var(--component-size-button-large-line-height)}ui-button button.size-large .ui-text{line-height:var(--component-size-button-large-line-height)}ui-button button.size-small{padding:var(--component-size-button-small-padding-y) var(--component-size-button-small-padding-x);font-size:var(--component-size-button-small-font-size)}ui-button button.size-small .button-content{grid-gap:var(--component-size-button-small-inline-spacing);gap:var(--component-size-button-small-inline-spacing)}ui-button button.size-small .ui-icon{max-height:var(--component-size-button-small-line-height)}ui-button button.size-small .ui-text{line-height:var(--component-size-button-small-line-height)}ui-button button[disabled]{background-color:var(--component-color-button-disabled-background);border-color:var(--component-color-button-disabled-border);color:var(--component-color-button-disabled-text);cursor:default}ui-button button .buttonIcon{fill:currentColor}ui-button button .button-overlay{position:absolute;top:0;right:0;bottom:0;left:0;touch-action:none;pointer-events:none;opacity:0;border-radius:var(--component-border-radius-button)}ui-button button:hover .button-overlay{opacity:var(--component-opacity-overlay-hover)}ui-button button:focus .button-overlay{opacity:var(--component-opacity-overlay-focus)}ui-button button.button--has-icon.button--icon--trailing .button-content{flex-direction:row-reverse}ui-button button .button-content{display:flex;align-items:center}ui-button button .button-content .ui-icon{display:flex;align-items:center}ui-button button .button-content .ui-text{text-transform:var(--component-text-transform-button);letter-spacing:var(--component-letter-spacing-button);font-weight:var(--component-font-weight-button)}ui-button button.button--full-width{display:flex;width:100%}\n"], components: [{ type: IconComponent, selector: "ui-icon", inputs: ["iconSize", "iconName", "iconContext", "iconWidth", "iconHeight", "iconClass"] }], directives: [{ type: i2.RouterLink, selector: ":not(a):not(area)[routerLink]", inputs: ["routerLink", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
170
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: OasysButtonComponent, decorators: [{
171
+ type: Component,
172
+ args: [{
173
+ selector: 'ui-button',
174
+ templateUrl: './button.component.html',
175
+ styleUrls: ['./button.component.scss'],
176
+ encapsulation: ViewEncapsulation.None,
177
+ changeDetection: ChangeDetectionStrategy.OnPush
178
+ }]
179
+ }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { buttonIcon: [{
180
+ type: Input
181
+ }], buttonIconPlacement: [{
182
+ type: Input
183
+ }], buttonText: [{
184
+ type: ContentChild,
185
+ args: ['buttonText']
186
+ }], buttonSize: [{
187
+ type: Input
188
+ }], buttonFullWidth: [{
189
+ type: Input
190
+ }], buttonType: [{
191
+ type: Input
192
+ }], buttonDisabled: [{
193
+ type: Input
194
+ }], href: [{
195
+ type: Input
196
+ }], clicked: [{
197
+ type: Output
198
+ }] } });
199
+
200
+ class LayoutInlineComponent {
201
+ constructor() { }
202
+ ngOnInit() {
203
+ }
204
+ }
205
+ LayoutInlineComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: LayoutInlineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
206
+ LayoutInlineComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: LayoutInlineComponent, selector: "ui-inline", ngImport: i0, template: "<div class=\"ui-layout-inline\"><ng-content></ng-content></div>", styles: [".ui-layout-inline{display:inline-flex;position:relative}.ui-layout-inline>*{margin-left:var(--layout-inline-spacing-default);margin-right:var(--layout-inline-spacing-default)}.ui-layout-inline:first-child{margin-left:0}.ui-layout-inline:last-child{margin-right:0}.ui-layout-inline:only-child{margin-left:0;margin-right:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
207
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: LayoutInlineComponent, decorators: [{
208
+ type: Component,
209
+ args: [{
210
+ selector: 'ui-inline',
211
+ templateUrl: './inline.component.html',
212
+ styleUrls: ['./inline.component.css'],
213
+ encapsulation: ViewEncapsulation.None,
214
+ changeDetection: ChangeDetectionStrategy.OnPush
215
+ }]
216
+ }], ctorParameters: function () { return []; } });
217
+
218
+ class LayoutBoxComponent {
219
+ constructor() {
220
+ this.padding = 'default';
221
+ }
222
+ ngOnInit() {
223
+ this.boxLayoutClasses = [
224
+ `ui-layout-box-${this.padding}`
225
+ ].join(' ');
226
+ }
227
+ }
228
+ LayoutBoxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: LayoutBoxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
229
+ LayoutBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: LayoutBoxComponent, selector: "ui-box", inputs: { padding: "padding" }, host: { properties: { "class": "boxLayoutClasses" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".ui-layout-box-xsmall{padding:var(--size-unit-xsmall)}.ui-layout-box-small{padding:var(--size-unit-small)}.ui-layout-box-default{padding:var(--size-unit-default)}.ui-layout-box-large{padding:var(--size-unit-large)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
230
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: LayoutBoxComponent, decorators: [{
231
+ type: Component,
232
+ args: [{
233
+ selector: 'ui-box',
234
+ template: '<ng-content></ng-content>',
235
+ host: {
236
+ '[class]': 'boxLayoutClasses'
237
+ },
238
+ styleUrls: ['./box.component.scss'],
239
+ encapsulation: ViewEncapsulation.None,
240
+ changeDetection: ChangeDetectionStrategy.OnPush
241
+ }]
242
+ }], ctorParameters: function () { return []; }, propDecorators: { padding: [{
243
+ type: Input
244
+ }] } });
245
+
246
+ class OasysLibModule {
247
+ }
248
+ OasysLibModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: OasysLibModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
249
+ OasysLibModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: OasysLibModule, declarations: [OasysButtonComponent,
250
+ LayoutInlineComponent,
251
+ IconComponent,
252
+ LayoutBoxComponent], imports: [CommonModule, i2.RouterModule], exports: [OasysButtonComponent,
253
+ LayoutBoxComponent] });
254
+ OasysLibModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: OasysLibModule, providers: [
255
+ WindowService,
256
+ TokenService,
257
+ { provide: APP_BASE_HREF, useValue: '/' }
258
+ ], imports: [[
259
+ CommonModule,
260
+ RouterModule.forChild([])
261
+ ]] });
262
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: OasysLibModule, decorators: [{
263
+ type: NgModule,
264
+ args: [{
265
+ declarations: [
266
+ OasysButtonComponent,
267
+ LayoutInlineComponent,
268
+ IconComponent,
269
+ LayoutBoxComponent
270
+ ],
271
+ imports: [
272
+ CommonModule,
273
+ RouterModule.forChild([])
274
+ ],
275
+ exports: [
276
+ OasysButtonComponent,
277
+ LayoutBoxComponent
278
+ ],
279
+ providers: [
280
+ WindowService,
281
+ TokenService,
282
+ { provide: APP_BASE_HREF, useValue: '/' }
283
+ ]
284
+ }]
285
+ }] });
286
+
287
+ /*
288
+ * Public API Surface of oasys-lib
289
+ */
290
+
291
+ /**
292
+ * Generated bundle index. Do not edit.
293
+ */
294
+
295
+ export { IconComponent, LayoutBoxComponent, OasysButtonComponent, OasysLibModule };
296
+ //# sourceMappingURL=oasys-lib.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"oasys-lib.js","sources":["../../../projects/oasys-lib/src/lib/services/window.service.ts","../../../projects/oasys-lib/src/lib/services/token.service.ts","../../../projects/oasys-lib/src/lib/components/icon/icon.component.ts","../../../projects/oasys-lib/src/lib/components/icon/icon.component.html","../../../projects/oasys-lib/src/lib/components/button/button.component.ts","../../../projects/oasys-lib/src/lib/components/button/button.component.html","../../../projects/oasys-lib/src/lib/components/layout/inline/inline.component.ts","../../../projects/oasys-lib/src/lib/components/layout/inline/inline.component.html","../../../projects/oasys-lib/src/lib/components/layout/box/box.component.ts","../../../projects/oasys-lib/src/lib/oasys-lib.module.ts","../../../projects/oasys-lib/src/public-api.ts","../../../projects/oasys-lib/src/oasys-lib.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\n\nfunction _window(): any {\n return window;\n}\n\n@Injectable({\n providedIn: 'root'\n})\nexport class WindowService {\n \n get nativeWindow(): any {\n return _window();\n }\n \n}","import { Injectable } from '@angular/core';\nimport { WindowService } from './window.service';\n\n@Injectable({\n providedIn: 'root'\n})\nexport class TokenService {\n\n constructor(private windowRef: WindowService){}\n\n /*\n Get the brand name for the currently enable custom property set (ie. /bloomon/variables.css)\n Because variables are scoped via a selector (ie: ':root .bloomon {}')\n we cannot get brand-specific custom properties programatically\n\n Important: Ensure that the component requiring the brand name has locally scoped the custom property:\n | ui-icon {\n | --icon-component-brand: var(--utility-brand-name);\n | }\n */\n getBrandName(tokenName: string, element: Element): string {\n return this.getTokenValue(tokenName, element);\n }\n\n getTokenValue(tokenName: string, element?: Element): string {\n const rootElement = element || this.windowRef.nativeWindow.document.documentElement;\n return this.windowRef.nativeWindow.getComputedStyle(rootElement)\n .getPropertyValue(tokenName)\n .trim() || '';\n }\n\n}","import { Component, Input, OnInit, ViewEncapsulation, ChangeDetectionStrategy, OnChanges, ElementRef } from '@angular/core';\nimport { TokenService } from '../../services/token.service';\nimport { WindowService } from '../../services/window.service';\nimport { IconNames, IconContext } from './icon';\n\n@Component({\n selector:'ui-icon',\n templateUrl: './icon.component.html',\n styleUrls: ['./icon.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None\n})\nexport class IconComponent implements OnInit, OnChanges {\n @Input() iconSize: 'small'|'large' = 'large';\n @Input() iconName!: IconNames;\n @Input() iconContext: IconContext = 'none';\n\n @Input() iconWidth?: number;\n @Input() iconHeight?: number;\n @Input() iconClass?: string;\n\n size?: string;\n iconBrandPath?: string;\n iconDisplayClasses: string[];\n\n constructor(private tokenService: TokenService, private windowRef: WindowService, private elementRef: ElementRef) { }\n\n convertRemToPixels(remString: string): number {\n const remNumber = parseFloat(remString.replace('rem', ''));\n return remNumber * parseFloat(getComputedStyle(this.windowRef.nativeWindow.document.documentElement).fontSize);\n }\n\n ngOnChanges(): void {\n this.ngOnInit();\n }\n\n ngOnInit(): void {\n this.iconBrandPath = `${this.tokenService.getBrandName(`--icon-component-brand`, this.elementRef.nativeElement)}`\n this.size = this.tokenService.getTokenValue(`--global-size-icon-${this.iconSize}`);\n\n this.iconDisplayClasses = [\n `icon-context-${this.iconContext}`,\n `icon-size-${this.iconSize}`\n ];\n\n const sizeInPixels = this.convertRemToPixels(this.size);\n this.iconWidth = sizeInPixels;\n this.iconHeight = sizeInPixels;\n }\n\n}\n","<div class=\"ui-icon\" [ngClass]=\"iconDisplayClasses\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" attr.width=\"{{iconWidth}}px\" attr.height=\"{{iconHeight}}px\" attr.class=\"{{iconClass}}\">\n <use attr.xlink:href=\"./{{iconBrandPath}}/assets/icons/icons.svg#icon-{{iconName}}-24\"></use>\n </svg>\n</div>\n","import { Component, Input, OnInit, Output, ViewEncapsulation, EventEmitter, ChangeDetectionStrategy, ChangeDetectorRef, OnChanges, ContentChild, ElementRef, AfterViewInit } from '@angular/core';\nimport { IconNames, IconContext } from '../icon/icon';\nimport { TextTransform } from '../text/text';\nimport {\n UIButton,\n UIButtonBoolean,\n UIButtonSize,\n UIButtonType\n} from './button';\n\n@Component({\n selector:'ui-button',\n templateUrl: './button.component.html',\n styleUrls: ['./button.component.scss'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class OasysButtonComponent implements OnInit, OnChanges, AfterViewInit {\n\n button: UIButton;\n\n // // Button Content\n @Input() buttonIcon?: IconNames;\n @Input() buttonIconPlacement: IconContext = 'leading';\n\n // @Input() buttonText: string;\n @ContentChild('buttonText') buttonText: ElementRef;\n\n // Button Stylings\n @Input() buttonSize: UIButtonSize = 'large';\n @Input() buttonFullWidth: UIButtonBoolean = false;\n @Input() buttonType: UIButtonType = 'primary';\n @Input() buttonDisabled: boolean = false;\n\n // Button Actions\n @Input() href: string = '';\n @Output() clicked: EventEmitter<void> = new EventEmitter();\n\n buttonDisplayClasses: string[];\n iconContext: IconContext = 'none';\n textTransform!: TextTransform;\n accessibleButtonContent: string;\n\n constructor(private changes: ChangeDetectorRef) { }\n\n onClick(): void {\n this.clicked.emit();\n }\n\n createButton(): UIButton {\n\n return <UIButton>{\n buttonIcon: this.buttonIcon,\n buttonIconPlacement: this.buttonIconPlacement,\n buttonType: this.buttonType,\n buttonSize: this.buttonSize,\n buttonDisabled: this.buttonDisabled,\n href: this.href,\n target: '',\n buttonDisplayClasses: [\n `type-${this.buttonType}`,\n `size-${this.buttonSize}`,\n `${this.buttonIcon ? 'button--has-icon': ''}`,\n `${this.buttonFullWidth ? 'button--full-width': ''}`,\n `${this.buttonIcon ? 'button--icon--'+this.buttonIconPlacement : ''}`\n ].filter((d) => !!d)\n };\n }\n\n ngAfterViewInit(): void {\n if(this.buttonText?.nativeElement?.innerText) {\n this.accessibleButtonContent = this.buttonText.nativeElement.innerText;\n } else {\n throw new Error(`\n No inner text found. All buttons should have text passed via ng-content to enable accessibility for screen readers, this includes icon-only buttons.\n\n Pass content using the template variable #buttonText eg:\n ui-button()\n span(#buttonText) Buy All The Things\n `)\n }\n }\n\n ngOnChanges(): void {\n this.button = this.createButton();\n this.changes.markForCheck();\n }\n\n ngOnInit(): void {\n this.button = this.createButton();\n }\n}\n","<button (click)=\"onClick()\"\n [routerLink]=\"button.href || null\"\n [ngClass]=\"button.buttonDisplayClasses\"\n [attr.disabled]=\"button.buttonDisabled === true || null\"\n [attr.aria-label]=\"accessibleButtonContent\"\n role=\"button\">\n <div class=\"button-content\">\n <ui-icon *ngIf=\"button.buttonIcon && button.buttonIconPlacement !== 'none'\" [iconName]=\"button.buttonIcon\" [iconSize]=\"button.buttonSize\" [iconClass]=\"'buttonIcon'\" [iconContext]=\"button.buttonIconPlacement\"></ui-icon>\n <span class=\"ui-text\" *ngIf=\"button.buttonIconPlacement !== 'iconOnly'\">\n <ng-content></ng-content>\n </span>\n </div>\n <div class=\"button-overlay\"></div>\n</button>\n","import { ChangeDetectionStrategy, Component, OnInit, ViewEncapsulation } from '@angular/core';\n\n@Component({\n selector:'ui-inline',\n templateUrl: './inline.component.html',\n styleUrls: ['./inline.component.css'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class LayoutInlineComponent implements OnInit {\n\n constructor() { }\n\n ngOnInit(): void {\n }\n\n}\n","<div class=\"ui-layout-inline\"><ng-content></ng-content></div>","import { ChangeDetectionStrategy, OnInit, ViewEncapsulation } from '@angular/core';\nimport { Input } from '@angular/core';\nimport { Component} from '@angular/core';\n\n@Component({\n selector:'ui-box',\n template: '<ng-content></ng-content>',\n host: {\n '[class]' : 'boxLayoutClasses'\n },\n styleUrls: ['./box.component.scss'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class LayoutBoxComponent implements OnInit {\n boxLayoutClasses?: string;\n\n @Input() padding?: BoxPaddings = 'default';\n\n constructor() { }\n\n ngOnInit(): void {\n this.boxLayoutClasses = [\n `ui-layout-box-${this.padding}`\n ].join(' ');\n }\n\n}\n\nexport type BoxPaddings = 'xsmall'|'small'|'medium'|'large'|'default';","import { APP_BASE_HREF, CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { RouterModule } from '@angular/router';\nimport { OasysButtonComponent } from './components/button/button.component';\nimport { LayoutInlineComponent } from './components/layout/inline/inline.component';\nimport { IconComponent } from './components/icon/icon.component';\nimport { LayoutBoxComponent } from './components/layout/box/box.component';\nimport { WindowService } from './services/window.service';\nimport { TokenService } from './services/token.service';\n\n\n\n@NgModule({\n declarations: [\n OasysButtonComponent,\n LayoutInlineComponent,\n IconComponent,\n LayoutBoxComponent\n ],\n imports: [\n CommonModule,\n RouterModule.forChild([])\n ],\n exports: [\n OasysButtonComponent,\n LayoutBoxComponent\n ],\n providers: [\n WindowService,\n TokenService,\n {provide: APP_BASE_HREF, useValue: '/'}\n ]\n})\nexport class OasysLibModule { }\n","/*\n * Public API Surface of oasys-lib\n */\n\n\nexport * from './lib/oasys-lib.module';\n\nexport * from './lib/components/button/button.component';\nexport * from './lib/components/icon/icon.component';\nexport * from './lib/components/layout/box/box.component';\n\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1.WindowService","i1.TokenService","i2.WindowService","i1.IconComponent","i1"],"mappings":"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"}
@@ -1,29 +1,31 @@
1
- import { OnInit, EventEmitter, ChangeDetectorRef, OnChanges } from '@angular/core';
1
+ import { OnInit, EventEmitter, ChangeDetectorRef, OnChanges, ElementRef, AfterViewInit } from '@angular/core';
2
2
  import { IconNames, IconContext } from '../icon/icon';
3
3
  import { TextTransform } from '../text/text';
4
4
  import { UIButton, UIButtonBoolean, UIButtonSize, UIButtonType } from './button';
5
5
  import * as i0 from "@angular/core";
6
- export declare class ButtonComponent implements OnInit, OnChanges {
6
+ export declare class OasysButtonComponent implements OnInit, OnChanges, AfterViewInit {
7
7
  private changes;
8
8
  button: UIButton;
9
- buttonText: string;
10
9
  buttonIcon?: IconNames;
11
10
  buttonIconPlacement: IconContext;
11
+ buttonText: ElementRef;
12
12
  buttonSize: UIButtonSize;
13
13
  buttonFullWidth: UIButtonBoolean;
14
14
  buttonType: UIButtonType;
15
15
  buttonDisabled: boolean;
16
16
  href: string;
17
- click: EventEmitter<void>;
17
+ clicked: EventEmitter<void>;
18
18
  buttonDisplayClasses: string[];
19
19
  iconContext: IconContext;
20
20
  textTransform: TextTransform;
21
+ accessibleButtonContent: string;
21
22
  constructor(changes: ChangeDetectorRef);
22
23
  onClick(): void;
23
24
  createButton(): UIButton;
25
+ ngAfterViewInit(): void;
24
26
  ngOnChanges(): void;
25
27
  ngOnInit(): void;
26
- static ɵfac: i0.ɵɵFactoryDeclaration<ButtonComponent, never>;
27
- static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "ui-button", never, { "buttonText": "buttonText"; "buttonIcon": "buttonIcon"; "buttonIconPlacement": "buttonIconPlacement"; "buttonSize": "buttonSize"; "buttonFullWidth": "buttonFullWidth"; "buttonType": "buttonType"; "buttonDisabled": "buttonDisabled"; "href": "href"; }, { "click": "click"; }, never, never>;
28
+ static ɵfac: i0.ɵɵFactoryDeclaration<OasysButtonComponent, never>;
29
+ static ɵcmp: i0.ɵɵComponentDeclaration<OasysButtonComponent, "ui-button", never, { "buttonIcon": "buttonIcon"; "buttonIconPlacement": "buttonIconPlacement"; "buttonSize": "buttonSize"; "buttonFullWidth": "buttonFullWidth"; "buttonType": "buttonType"; "buttonDisabled": "buttonDisabled"; "href": "href"; }, { "clicked": "clicked"; }, ["buttonText"], ["*"]>;
28
30
  }
29
31
  //# sourceMappingURL=button.component.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"button.component.d.ts","sourceRoot":"","sources":["../../../../../projects/oasys-lib/src/lib/components/button/button.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,MAAM,EAA6B,YAAY,EAA2B,iBAAiB,EAAE,SAAS,EAAgC,MAAM,eAAe,CAAC;AACvL,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EACL,QAAQ,EACR,eAAe,EACf,YAAY,EACZ,YAAY,EACb,MAAM,UAAU,CAAC;;AAElB,qBAOa,eAAgB,YAAW,MAAM,EAAE,SAAS;IAwB3C,OAAO,CAAC,OAAO;IAtB3B,MAAM,EAAE,QAAQ,CAAC;IAGR,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,mBAAmB,EAAE,WAAW,CAAa;IAG7C,UAAU,EAAE,YAAY,CAAW;IACnC,eAAe,EAAE,eAAe,CAAS;IACzC,UAAU,EAAE,YAAY,CAAa;IACrC,cAAc,EAAE,OAAO,CAAS;IAIhC,IAAI,EAAE,MAAM,CAAM;IACjB,KAAK,EAAE,YAAY,CAAC,IAAI,CAAC,CAAsB;IAEzD,oBAAoB,EAAE,MAAM,EAAE,CAAC;IAC/B,WAAW,EAAE,WAAW,CAAU;IAClC,aAAa,EAAG,aAAa,CAAC;gBAEV,OAAO,EAAE,iBAAiB;IAE9C,OAAO,IAAI,IAAI;IAKf,YAAY,IAAI,QAAQ;IAqBxB,WAAW,IAAI,IAAI;IAMnB,QAAQ,IAAI,IAAI;yCA1DL,eAAe;2CAAf,eAAe;CA6D3B"}
1
+ {"version":3,"file":"button.component.d.ts","sourceRoot":"","sources":["../../../../../projects/oasys-lib/src/lib/components/button/button.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,MAAM,EAA6B,YAAY,EAA2B,iBAAiB,EAAE,SAAS,EAAgB,UAAU,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAClM,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EACL,QAAQ,EACR,eAAe,EACf,YAAY,EACZ,YAAY,EACb,MAAM,UAAU,CAAC;;AAElB,qBAOa,oBAAqB,YAAW,MAAM,EAAE,SAAS,EAAE,aAAa;IA0B/D,OAAO,CAAC,OAAO;IAxB3B,MAAM,EAAE,QAAQ,CAAC;IAGR,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,mBAAmB,EAAE,WAAW,CAAa;IAG1B,UAAU,EAAE,UAAU,CAAC;IAG1C,UAAU,EAAE,YAAY,CAAW;IACnC,eAAe,EAAE,eAAe,CAAS;IACzC,UAAU,EAAE,YAAY,CAAa;IACrC,cAAc,EAAE,OAAO,CAAS;IAGhC,IAAI,EAAE,MAAM,CAAM;IACjB,OAAO,EAAE,YAAY,CAAC,IAAI,CAAC,CAAsB;IAE3D,oBAAoB,EAAE,MAAM,EAAE,CAAC;IAC/B,WAAW,EAAE,WAAW,CAAU;IAClC,aAAa,EAAG,aAAa,CAAC;IAC9B,uBAAuB,EAAE,MAAM,CAAC;gBAEZ,OAAO,EAAE,iBAAiB;IAE9C,OAAO,IAAI,IAAI;IAIf,YAAY,IAAI,QAAQ;IAoBxB,eAAe,IAAI,IAAI;IAcvB,WAAW,IAAI,IAAI;IAKnB,QAAQ,IAAI,IAAI;yCAvEL,oBAAoB;2CAApB,oBAAoB;CA0EhC"}
@@ -1,10 +1,9 @@
1
1
  import { EventEmitter } from '@angular/core';
2
- import { IconNames, IconContext } from './../icon/icon';
2
+ import { IconNames, IconContext } from '../icon/icon';
3
3
  export declare type UIButtonBoolean = true | 'true' | false | 'false';
4
4
  export declare type UIButtonSize = 'small' | 'large';
5
5
  export declare type UIButtonType = 'primary' | 'secondary' | 'tertiary' | 'primary-inverse' | 'secondary-inverse' | 'tertiary-inverse' | 'expressive' | 'danger' | 'facebook' | 'paypal' | 'trustpilot';
6
6
  export interface UIButton {
7
- buttonText: string;
8
7
  buttonIcon: IconNames;
9
8
  buttonType: UIButtonType;
10
9
  buttonIconPlacement: IconContext;
@@ -1 +1 @@
1
- {"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../../projects/oasys-lib/src/lib/components/button/button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAGvD,oBAAY,eAAe,GAAG,IAAI,GAAG,MAAM,GAAG,KAAK,GAAG,OAAO,CAAC;AAE9D,oBAAY,YAAY,GAAG,OAAO,GAAG,OAAO,CAAC;AAE7C,oBAAY,YAAY,GACpB,SAAS,GACT,WAAW,GACX,UAAU,GACV,iBAAiB,GACjB,mBAAmB,GACnB,kBAAkB,GAClB,YAAY,GACZ,QAAQ,GACR,UAAU,GACV,QAAQ,GACR,YAAY,CAAC;AAEjB,MAAM,WAAW,QAAQ;IAKvB,UAAU,EAAE,MAAM,CAAC;IAEnB,UAAU,EAAE,SAAS,CAAC;IAEtB,UAAU,EAAE,YAAY,CAAC;IAEzB,mBAAmB,EAAE,WAAW,CAAA;IAEhC,UAAU,EAAE,YAAY,CAAC;IAEzB,eAAe,EAAE,eAAe,CAAC;IAEjC,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,eAAe,CAAC;IAGhC,oBAAoB,EAAE,MAAM,EAAE,CAAC;IAK/B,cAAc,EAAE,YAAY,CAAC,GAAG,CAAC,CAAC;CACnC"}
1
+ {"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../../projects/oasys-lib/src/lib/components/button/button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAGtD,oBAAY,eAAe,GAAG,IAAI,GAAG,MAAM,GAAG,KAAK,GAAG,OAAO,CAAC;AAE9D,oBAAY,YAAY,GAAG,OAAO,GAAG,OAAO,CAAC;AAE7C,oBAAY,YAAY,GACpB,SAAS,GACT,WAAW,GACX,UAAU,GACV,iBAAiB,GACjB,mBAAmB,GACnB,kBAAkB,GAClB,YAAY,GACZ,QAAQ,GACR,UAAU,GACV,QAAQ,GACR,YAAY,CAAC;AAEjB,MAAM,WAAW,QAAQ;IAOvB,UAAU,EAAE,SAAS,CAAC;IAEtB,UAAU,EAAE,YAAY,CAAC;IAEzB,mBAAmB,EAAE,WAAW,CAAA;IAEhC,UAAU,EAAE,YAAY,CAAC;IAEzB,eAAe,EAAE,eAAe,CAAC;IAEjC,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,eAAe,CAAC;IAGhC,oBAAoB,EAAE,MAAM,EAAE,CAAC;IAK/B,cAAc,EAAE,YAAY,CAAC,GAAG,CAAC,CAAC;CACnC"}
@@ -7,7 +7,7 @@ import * as i5 from "@angular/common";
7
7
  import * as i6 from "@angular/router";
8
8
  export declare class OasysLibModule {
9
9
  static ɵfac: i0.ɵɵFactoryDeclaration<OasysLibModule, never>;
10
- static ɵmod: i0.ɵɵNgModuleDeclaration<OasysLibModule, [typeof i1.ButtonComponent, typeof i2.LayoutInlineComponent, typeof i3.IconComponent, typeof i4.LayoutBoxComponent], [typeof i5.CommonModule, typeof i6.RouterModule], [typeof i1.ButtonComponent, typeof i4.LayoutBoxComponent]>;
10
+ static ɵmod: i0.ɵɵNgModuleDeclaration<OasysLibModule, [typeof i1.OasysButtonComponent, typeof i2.LayoutInlineComponent, typeof i3.IconComponent, typeof i4.LayoutBoxComponent], [typeof i5.CommonModule, typeof i6.RouterModule], [typeof i1.OasysButtonComponent, typeof i4.LayoutBoxComponent]>;
11
11
  static ɵinj: i0.ɵɵInjectorDeclaration<OasysLibModule>;
12
12
  }
13
13
  //# sourceMappingURL=oasys-lib.module.d.ts.map