oasys-lib 0.0.1 → 0.0.3

package/esm2015/lib/components/layout/box/box.component.js

@@ -0,0 +1,32 @@
+import { ChangeDetectionStrategy, ViewEncapsulation } from '@angular/core';
+import { Input } from '@angular/core';
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+export class LayoutBoxComponent {
+    constructor() {
+        this.padding = 'default';
+    }
+    ngOnInit() {
+        this.boxLayoutClasses = [
+            `ui-layout-box-${this.padding}`
+        ].join(' ');
+    }
+}
+LayoutBoxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: LayoutBoxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+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 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: LayoutBoxComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ui-box',
+                    template: '<ng-content></ng-content>',
+                    host: {
+                        '[class]': 'boxLayoutClasses'
+                    },
+                    styleUrls: ['./box.component.scss'],
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush
+                }]
+        }], ctorParameters: function () { return []; }, propDecorators: { padding: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm94LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL29hc3lzLWxpYi9zcmMvbGliL2NvbXBvbmVudHMvbGF5b3V0L2JveC9ib3guY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBVSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNuRixPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3RDLE9BQU8sRUFBRSxTQUFTLEVBQUMsTUFBTSxlQUFlLENBQUM7O0FBWXpDLE1BQU0sT0FBTyxrQkFBa0I7SUFLN0I7UUFGUyxZQUFPLEdBQWlCLFNBQVMsQ0FBQztJQUUzQixDQUFDO0lBRWpCLFFBQVE7UUFDTixJQUFJLENBQUMsZ0JBQWdCLEdBQUc7WUFDdEIsaUJBQWlCLElBQUksQ0FBQyxPQUFPLEVBQUU7U0FDaEMsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7SUFDZCxDQUFDOztnSEFYVSxrQkFBa0I7b0dBQWxCLGtCQUFrQixxSUFSbkIsMkJBQTJCOzRGQVExQixrQkFBa0I7a0JBVjlCLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFDLFFBQVE7b0JBQ2pCLFFBQVEsRUFBRSwyQkFBMkI7b0JBQ3JDLElBQUksRUFBRTt3QkFDQSxTQUFTLEVBQUcsa0JBQWtCO3FCQUMvQjtvQkFDTCxTQUFTLEVBQUUsQ0FBQyxzQkFBc0IsQ0FBQztvQkFDbkMsYUFBYSxFQUFFLGlCQUFpQixDQUFDLElBQUk7b0JBQ3JDLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO2lCQUNoRDswRUFJVSxPQUFPO3NCQUFmLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgT25Jbml0LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbXBvbmVudH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjondWktYm94JyxcbiAgdGVtcGxhdGU6ICc8bmctY29udGVudD48L25nLWNvbnRlbnQ+JyxcbiAgaG9zdDoge1xuICAgICAgICAnW2NsYXNzXScgOiAnYm94TGF5b3V0Q2xhc3NlcydcbiAgICAgIH0sXG4gIHN0eWxlVXJsczogWycuL2JveC5jb21wb25lbnQuc2NzcyddLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBMYXlvdXRCb3hDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBib3hMYXlvdXRDbGFzc2VzPzogc3RyaW5nO1xuXG4gIEBJbnB1dCgpIHBhZGRpbmc/OiBCb3hQYWRkaW5ncyA9ICdkZWZhdWx0JztcblxuICBjb25zdHJ1Y3RvcigpIHsgfVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMuYm94TGF5b3V0Q2xhc3NlcyA9IFtcbiAgICAgIGB1aS1sYXlvdXQtYm94LSR7dGhpcy5wYWRkaW5nfWBcbiAgICBdLmpvaW4oJyAnKTtcbiAgfVxuXG59XG5cbmV4cG9ydCB0eXBlIEJveFBhZGRpbmdzID0gJ3hzbWFsbCd8J3NtYWxsJ3wnbWVkaXVtJ3wnbGFyZ2UnfCdkZWZhdWx0JzsiXX0=

package/esm2015/lib/components/layout/inline/inline.component.js

@@ -0,0 +1,20 @@
+import { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';
+import * as i0 from "@angular/core";
+export class LayoutInlineComponent {
+    constructor() { }
+    ngOnInit() {
+    }
+}
+LayoutInlineComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: LayoutInlineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+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 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: LayoutInlineComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ui-inline',
+                    templateUrl: './inline.component.html',
+                    styleUrls: ['./inline.component.css'],
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush
+                }]
+        }], ctorParameters: function () { return []; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5saW5lLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL29hc3lzLWxpYi9zcmMvbGliL2NvbXBvbmVudHMvbGF5b3V0L2lubGluZS9pbmxpbmUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvb2FzeXMtbGliL3NyYy9saWIvY29tcG9uZW50cy9sYXlvdXQvaW5saW5lL2lubGluZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFVLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDOztBQVM5RixNQUFNLE9BQU8scUJBQXFCO0lBRWhDLGdCQUFnQixDQUFDO0lBRWpCLFFBQVE7SUFDUixDQUFDOzttSEFMVSxxQkFBcUI7dUdBQXJCLHFCQUFxQixpRENUbEMsaUVBQTZEOzRGRFNoRCxxQkFBcUI7a0JBUGpDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFDLFdBQVc7b0JBQ3BCLFdBQVcsRUFBRSx5QkFBeUI7b0JBQ3RDLFNBQVMsRUFBRSxDQUFDLHdCQUF3QixDQUFDO29CQUNyQyxhQUFhLEVBQUUsaUJBQWlCLENBQUMsSUFBSTtvQkFDckMsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07aUJBQ2hEIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgT25Jbml0LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6J3VpLWlubGluZScsXG4gIHRlbXBsYXRlVXJsOiAnLi9pbmxpbmUuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9pbmxpbmUuY29tcG9uZW50LmNzcyddLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBMYXlvdXRJbmxpbmVDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuXG4gIGNvbnN0cnVjdG9yKCkgeyB9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gIH1cblxufVxuIiwiPGRpdiBjbGFzcz1cInVpLWxheW91dC1pbmxpbmVcIj48bmctY29udGVudD48L25nLWNvbnRlbnQ+PC9kaXY+Il19

package/esm2015/lib/oasys-lib.module.js

@@ -0,0 +1,49 @@
+import { APP_BASE_HREF, CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+import { RouterModule } from '@angular/router';
+import { ButtonComponent } from './components/button/button.component';
+import { LayoutInlineComponent } from './components/layout/inline/inline.component';
+import { IconComponent } from './components/icon/icon.component';
+import { LayoutBoxComponent } from './components/layout/box/box.component';
+import { WindowService } from './services/window.service';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/router";
+export class OasysLibModule {
+}
+OasysLibModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: OasysLibModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+OasysLibModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: OasysLibModule, declarations: [ButtonComponent,
+        LayoutInlineComponent,
+        IconComponent,
+        LayoutBoxComponent], imports: [CommonModule, i1.RouterModule], exports: [ButtonComponent,
+        LayoutBoxComponent] });
+OasysLibModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: OasysLibModule, providers: [
+        WindowService,
+        { provide: APP_BASE_HREF, useValue: '/' }
+    ], imports: [[
+            CommonModule,
+            RouterModule.forRoot([])
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: OasysLibModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        ButtonComponent,
+                        LayoutInlineComponent,
+                        IconComponent,
+                        LayoutBoxComponent
+                    ],
+                    imports: [
+                        CommonModule,
+                        RouterModule.forRoot([])
+                    ],
+                    exports: [
+                        ButtonComponent,
+                        LayoutBoxComponent
+                    ],
+                    providers: [
+                        WindowService,
+                        { provide: APP_BASE_HREF, useValue: '/' }
+                    ]
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib2FzeXMtbGliLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL29hc3lzLWxpYi9zcmMvbGliL29hc3lzLWxpYi5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUM5RCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sc0NBQXNDLENBQUM7QUFDdkUsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sNkNBQTZDLENBQUM7QUFDcEYsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBQ2pFLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHVDQUF1QyxDQUFDO0FBQzNFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQzs7O0FBd0IxRCxNQUFNLE9BQU8sY0FBYzs7NEdBQWQsY0FBYzs2R0FBZCxjQUFjLGlCQWxCdkIsZUFBZTtRQUNmLHFCQUFxQjtRQUNyQixhQUFhO1FBQ2Isa0JBQWtCLGFBR2xCLFlBQVksOEJBSVosZUFBZTtRQUNmLGtCQUFrQjs2R0FPVCxjQUFjLGFBTGQ7UUFDVCxhQUFhO1FBQ2IsRUFBQyxPQUFPLEVBQUUsYUFBYSxFQUFFLFFBQVEsRUFBRSxHQUFHLEVBQUM7S0FDeEMsWUFYUTtZQUNQLFlBQVk7WUFDWixZQUFZLENBQUMsT0FBTyxDQUFDLEVBQUUsQ0FBQztTQUN6Qjs0RkFVVSxjQUFjO2tCQXBCMUIsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUU7d0JBQ1osZUFBZTt3QkFDZixxQkFBcUI7d0JBQ3JCLGFBQWE7d0JBQ2Isa0JBQWtCO3FCQUNuQjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AsWUFBWTt3QkFDWixZQUFZLENBQUMsT0FBTyxDQUFDLEVBQUUsQ0FBQztxQkFDekI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLGVBQWU7d0JBQ2Ysa0JBQWtCO3FCQUNuQjtvQkFDRCxTQUFTLEVBQUU7d0JBQ1QsYUFBYTt3QkFDYixFQUFDLE9BQU8sRUFBRSxhQUFhLEVBQUUsUUFBUSxFQUFFLEdBQUcsRUFBQztxQkFDeEM7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBUFBfQkFTRV9IUkVGLCBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFJvdXRlck1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XG5pbXBvcnQgeyBCdXR0b25Db21wb25lbnQgfSBmcm9tICcuL2NvbXBvbmVudHMvYnV0dG9uL2J1dHRvbi5jb21wb25lbnQnO1xuaW1wb3J0IHsgTGF5b3V0SW5saW5lQ29tcG9uZW50IH0gZnJvbSAnLi9jb21wb25lbnRzL2xheW91dC9pbmxpbmUvaW5saW5lLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBJY29uQ29tcG9uZW50IH0gZnJvbSAnLi9jb21wb25lbnRzL2ljb24vaWNvbi5jb21wb25lbnQnO1xuaW1wb3J0IHsgTGF5b3V0Qm94Q29tcG9uZW50IH0gZnJvbSAnLi9jb21wb25lbnRzL2xheW91dC9ib3gvYm94LmNvbXBvbmVudCc7XG5pbXBvcnQgeyBXaW5kb3dTZXJ2aWNlIH0gZnJvbSAnLi9zZXJ2aWNlcy93aW5kb3cuc2VydmljZSc7XG5cblxuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtcbiAgICBCdXR0b25Db21wb25lbnQsXG4gICAgTGF5b3V0SW5saW5lQ29tcG9uZW50LFxuICAgIEljb25Db21wb25lbnQsXG4gICAgTGF5b3V0Qm94Q29tcG9uZW50XG4gIF0sXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgUm91dGVyTW9kdWxlLmZvclJvb3QoW10pXG4gIF0sXG4gIGV4cG9ydHM6IFtcbiAgICBCdXR0b25Db21wb25lbnQsXG4gICAgTGF5b3V0Qm94Q29tcG9uZW50XG4gIF0sXG4gIHByb3ZpZGVyczogW1xuICAgIFdpbmRvd1NlcnZpY2UsXG4gICAge3Byb3ZpZGU6IEFQUF9CQVNFX0hSRUYsIHVzZVZhbHVlOiAnLyd9XG4gIF1cbn0pXG5leHBvcnQgY2xhc3MgT2FzeXNMaWJNb2R1bGUgeyB9XG4iXX0=

package/esm2015/lib/services/token.service.js

@@ -0,0 +1,36 @@
+import { Injectable } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "./window.service";
+export class TokenService {
+    constructor(windowRef) {
+        this.windowRef = windowRef;
+    }
+    /*
+    Get the brand name for the currently enable custom property set (ie. /bloomon/variables.css)
+    Because variables are scoped via a selector (ie: ':root .bloomon {}')
+    we cannot get brand-specific custom properties programatically
+  
+    Important: Ensure that the component requiring the brand name has locally scoped the custom property:
+    |  ui-icon {
+    |    --icon-component-brand: var(--utility-brand-name);
+    |  }
+    */
+    getBrandName(tokenName, element) {
+        return this.getTokenValue(tokenName, element);
+    }
+    getTokenValue(tokenName, element) {
+        const rootElement = element || this.windowRef.nativeWindow.document.documentElement;
+        return this.windowRef.nativeWindow.getComputedStyle(rootElement)
+            .getPropertyValue(tokenName)
+            .trim() || '';
+    }
+}
+TokenService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TokenService, deps: [{ token: i1.WindowService }], target: i0.ɵɵFactoryTarget.Injectable });
+TokenService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TokenService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TokenService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () { return [{ type: i1.WindowService }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9rZW4uc2VydmljZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL29hc3lzLWxpYi9zcmMvbGliL3NlcnZpY2VzL3Rva2VuLnNlcnZpY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBTTNDLE1BQU0sT0FBTyxZQUFZO0lBRXZCLFlBQW9CLFNBQXdCO1FBQXhCLGNBQVMsR0FBVCxTQUFTLENBQWU7SUFBRSxDQUFDO0lBRS9DOzs7Ozs7Ozs7TUFTRTtJQUNGLFlBQVksQ0FBQyxTQUFpQixFQUFFLE9BQWdCO1FBQzlDLE9BQU8sSUFBSSxDQUFDLGFBQWEsQ0FBQyxTQUFTLEVBQUUsT0FBTyxDQUFDLENBQUM7SUFDaEQsQ0FBQztJQUVELGFBQWEsQ0FBQyxTQUFpQixFQUFFLE9BQWlCO1FBQ2hELE1BQU0sV0FBVyxHQUFHLE9BQU8sSUFBSSxJQUFJLENBQUMsU0FBUyxDQUFDLFlBQVksQ0FBQyxRQUFRLENBQUMsZUFBZSxDQUFDO1FBQ3BGLE9BQU8sSUFBSSxDQUFDLFNBQVMsQ0FBQyxZQUFZLENBQUMsZ0JBQWdCLENBQUMsV0FBVyxDQUFDO2FBQzdELGdCQUFnQixDQUFDLFNBQVMsQ0FBQzthQUMzQixJQUFJLEVBQUUsSUFBSSxFQUFFLENBQUM7SUFDbEIsQ0FBQzs7MEdBdkJVLFlBQVk7OEdBQVosWUFBWSxjQUZYLE1BQU07NEZBRVAsWUFBWTtrQkFIeEIsVUFBVTttQkFBQztvQkFDVixVQUFVLEVBQUUsTUFBTTtpQkFDbkIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBJbmplY3RhYmxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBXaW5kb3dTZXJ2aWNlIH0gZnJvbSAnLi93aW5kb3cuc2VydmljZSc7XG5cbkBJbmplY3RhYmxlKHtcbiAgcHJvdmlkZWRJbjogJ3Jvb3QnXG59KVxuZXhwb3J0IGNsYXNzIFRva2VuU2VydmljZSB7XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSB3aW5kb3dSZWY6IFdpbmRvd1NlcnZpY2Upe31cblxuICAvKlxuICBHZXQgdGhlIGJyYW5kIG5hbWUgZm9yIHRoZSBjdXJyZW50bHkgZW5hYmxlIGN1c3RvbSBwcm9wZXJ0eSBzZXQgKGllLiAvYmxvb21vbi92YXJpYWJsZXMuY3NzKVxuICBCZWNhdXNlIHZhcmlhYmxlcyBhcmUgc2NvcGVkIHZpYSBhIHNlbGVjdG9yIChpZTogJzpyb290IC5ibG9vbW9uIHt9JylcbiAgd2UgY2Fubm90IGdldCBicmFuZC1zcGVjaWZpYyBjdXN0b20gcHJvcGVydGllcyBwcm9ncmFtYXRpY2FsbHlcblxuICBJbXBvcnRhbnQ6IEVuc3VyZSB0aGF0IHRoZSBjb21wb25lbnQgcmVxdWlyaW5nIHRoZSBicmFuZCBuYW1lIGhhcyBsb2NhbGx5IHNjb3BlZCB0aGUgY3VzdG9tIHByb3BlcnR5OlxuICB8ICB1aS1pY29uIHtcbiAgfCAgICAtLWljb24tY29tcG9uZW50LWJyYW5kOiB2YXIoLS11dGlsaXR5LWJyYW5kLW5hbWUpO1xuICB8ICB9XG4gICovXG4gIGdldEJyYW5kTmFtZSh0b2tlbk5hbWU6IHN0cmluZywgZWxlbWVudDogRWxlbWVudCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIHRoaXMuZ2V0VG9rZW5WYWx1ZSh0b2tlbk5hbWUsIGVsZW1lbnQpO1xuICB9XG5cbiAgZ2V0VG9rZW5WYWx1ZSh0b2tlbk5hbWU6IHN0cmluZywgZWxlbWVudD86IEVsZW1lbnQpOiBzdHJpbmcge1xuICAgIGNvbnN0IHJvb3RFbGVtZW50ID0gZWxlbWVudCB8fCB0aGlzLndpbmRvd1JlZi5uYXRpdmVXaW5kb3cuZG9jdW1lbnQuZG9jdW1lbnRFbGVtZW50O1xuICAgIHJldHVybiB0aGlzLndpbmRvd1JlZi5uYXRpdmVXaW5kb3cuZ2V0Q29tcHV0ZWRTdHlsZShyb290RWxlbWVudClcbiAgICAgIC5nZXRQcm9wZXJ0eVZhbHVlKHRva2VuTmFtZSlcbiAgICAgIC50cmltKCkgfHwgJyc7XG4gIH1cblxufSJdfQ==

package/esm2015/lib/services/window.service.js

@@ -0,0 +1,19 @@
+import { Injectable } from '@angular/core';
+import * as i0 from "@angular/core";
+function _window() {
+    return window;
+}
+export class WindowService {
+    get nativeWindow() {
+        return _window();
+    }
+}
+WindowService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: WindowService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+WindowService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: WindowService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: WindowService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid2luZG93LnNlcnZpY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9vYXN5cy1saWIvc3JjL2xpYi9zZXJ2aWNlcy93aW5kb3cuc2VydmljZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQUUzQyxTQUFTLE9BQU87SUFDZCxPQUFPLE1BQU0sQ0FBQztBQUNoQixDQUFDO0FBS0QsTUFBTSxPQUFPLGFBQWE7SUFFeEIsSUFBSSxZQUFZO1FBQ2QsT0FBTyxPQUFPLEVBQUUsQ0FBQztJQUNuQixDQUFDOzsyR0FKVSxhQUFhOytHQUFiLGFBQWEsY0FGWixNQUFNOzRGQUVQLGFBQWE7a0JBSHpCLFVBQVU7bUJBQUM7b0JBQ1YsVUFBVSxFQUFFLE1BQU07aUJBQ25CIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSW5qZWN0YWJsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5mdW5jdGlvbiBfd2luZG93KCk6IGFueSB7XG4gIHJldHVybiB3aW5kb3c7XG59XG5cbkBJbmplY3RhYmxlKHtcbiAgcHJvdmlkZWRJbjogJ3Jvb3QnXG59KVxuZXhwb3J0IGNsYXNzIFdpbmRvd1NlcnZpY2Uge1xuICBcbiAgZ2V0IG5hdGl2ZVdpbmRvdygpOiBhbnkge1xuICAgIHJldHVybiBfd2luZG93KCk7XG4gIH1cbiAgXG59Il19

package/esm2015/public-api.js

@@ -0,0 +1,8 @@
+/*
+ * Public API Surface of oasys-lib
+ */
+export * from './lib/oasys-lib.module';
+export * from './lib/components/button/button.component';
+export * from './lib/components/icon/icon.component';
+export * from './lib/components/layout/box/box.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL29hc3lzLWxpYi9zcmMvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUdILGNBQWMsd0JBQXdCLENBQUM7QUFFdkMsY0FBYywwQ0FBMEMsQ0FBQztBQUN6RCxjQUFjLHNDQUFzQyxDQUFDO0FBQ3JELGNBQWMsMkNBQTJDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogUHVibGljIEFQSSBTdXJmYWNlIG9mIG9hc3lzLWxpYlxuICovXG5cblxuZXhwb3J0ICogZnJvbSAnLi9saWIvb2FzeXMtbGliLm1vZHVsZSc7XG5cbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvYnV0dG9uL2J1dHRvbi5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9pY29uL2ljb24uY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvbGF5b3V0L2JveC9ib3guY29tcG9uZW50JztcbiJdfQ==

package/fesm2015/oasys-lib.js

@@ -0,0 +1,283 @@
+import * as i3 from '@angular/common';
+import { CommonModule, APP_BASE_HREF } from '@angular/common';
+import * as i0 from '@angular/core';
+import { Injectable, Component, ChangeDetectionStrategy, ViewEncapsulation, Input, EventEmitter, Output, NgModule } from '@angular/core';
+import * as i2 from '@angular/router';
+import { RouterModule } from '@angular/router';
+
+function _window() {
+    return window;
+}
+class WindowService {
+    get nativeWindow() {
+        return _window();
+    }
+}
+WindowService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: WindowService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+WindowService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: WindowService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: WindowService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }] });
+
+class TokenService {
+    constructor(windowRef) {
+        this.windowRef = windowRef;
+    }
+    /*
+    Get the brand name for the currently enable custom property set (ie. /bloomon/variables.css)
+    Because variables are scoped via a selector (ie: ':root .bloomon {}')
+    we cannot get brand-specific custom properties programatically
+  
+    Important: Ensure that the component requiring the brand name has locally scoped the custom property:
+    |  ui-icon {
+    |    --icon-component-brand: var(--utility-brand-name);
+    |  }
+    */
+    getBrandName(tokenName, element) {
+        return this.getTokenValue(tokenName, element);
+    }
+    getTokenValue(tokenName, element) {
+        const rootElement = element || this.windowRef.nativeWindow.document.documentElement;
+        return this.windowRef.nativeWindow.getComputedStyle(rootElement)
+            .getPropertyValue(tokenName)
+            .trim() || '';
+    }
+}
+TokenService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TokenService, deps: [{ token: WindowService }], target: i0.ɵɵFactoryTarget.Injectable });
+TokenService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TokenService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TokenService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () { return [{ type: WindowService }]; } });
+
+class IconComponent {
+    constructor(tokenService, windowRef, elementRef) {
+        this.tokenService = tokenService;
+        this.windowRef = windowRef;
+        this.elementRef = elementRef;
+        this.iconSize = 'large';
+        this.iconContext = 'none';
+    }
+    convertRemToPixels(remString) {
+        const remNumber = parseFloat(remString.replace('rem', ''));
+        return remNumber * parseFloat(getComputedStyle(this.windowRef.nativeWindow.document.documentElement).fontSize);
+    }
+    ngOnChanges() {
+        this.ngOnInit();
+    }
+    ngOnInit() {
+        this.iconBrandPath = `${this.tokenService.getBrandName(`--icon-component-brand`, this.elementRef.nativeElement)}`;
+        this.size = this.tokenService.getTokenValue(`--global-size-icon-${this.iconSize}`);
+        this.iconDisplayClasses = [
+            `icon-context-${this.iconContext}`,
+            `icon-size-${this.iconSize}`
+        ];
+        const sizeInPixels = this.convertRemToPixels(this.size);
+        this.iconWidth = sizeInPixels;
+        this.iconHeight = sizeInPixels;
+    }
+}
+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 });
+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 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IconComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ui-icon',
+                    templateUrl: './icon.component.html',
+                    styleUrls: ['./icon.component.scss'],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None
+                }]
+        }], ctorParameters: function () { return [{ type: TokenService }, { type: WindowService }, { type: i0.ElementRef }]; }, propDecorators: { iconSize: [{
+                type: Input
+            }], iconName: [{
+                type: Input
+            }], iconContext: [{
+                type: Input
+            }], iconWidth: [{
+                type: Input
+            }], iconHeight: [{
+                type: Input
+            }], iconClass: [{
+                type: Input
+            }] } });
+
+class ButtonComponent {
+    constructor(changes) {
+        this.changes = changes;
+        this.buttonIconPlacement = 'leading';
+        // Button Stylings
+        this.buttonSize = 'large';
+        this.buttonFullWidth = false;
+        this.buttonType = 'primary';
+        this.buttonDisabled = false;
+        // Button Actions
+        this.href = '';
+        this.click = new EventEmitter();
+        this.buttonDisplayClasses = [];
+        this.iconContext = 'none';
+    }
+    onClick() {
+        console.log('button was clicked');
+        this.click.emit();
+    }
+    createButton() {
+        return {
+            buttonText: this.buttonText,
+            buttonIcon: this.buttonIcon,
+            buttonIconPlacement: this.buttonIconPlacement,
+            buttonType: this.buttonType,
+            buttonSize: this.buttonSize,
+            buttonDisabled: this.buttonDisabled,
+            href: this.href,
+            target: '',
+            buttonDisplayClasses: [
+                `type-${this.buttonType}`,
+                `size-${this.buttonSize}`,
+                `${this.buttonIcon ? 'button--has-icon' : ''}`,
+                `${this.buttonFullWidth ? 'button--full-width' : ''}`,
+                `${this.buttonText && this.buttonIcon ? 'button--icon--' + this.buttonIconPlacement : ''}`,
+                `${!this.buttonText && this.buttonIcon ? 'button--icon--only' : ''}`
+            ].filter((d) => !!d)
+        };
+    }
+    ngOnChanges() {
+        this.button = this.createButton();
+        console.log(this.button);
+        this.changes.markForCheck();
+    }
+    ngOnInit() {
+        this.button = this.createButton();
+    }
+}
+ButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ButtonComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+ButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ButtonComponent, selector: "ui-button", inputs: { buttonText: "buttonText", buttonIcon: "buttonIcon", buttonIconPlacement: "buttonIconPlacement", buttonSize: "buttonSize", buttonFullWidth: "buttonFullWidth", buttonType: "buttonType", buttonDisabled: "buttonDisabled", href: "href" }, outputs: { click: "click" }, 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        role=\"button\"\n        [attr.aria-label]=\"button.buttonText\">\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\n            class=\"ui-text\"\n            *ngIf=\"button.buttonText && button.buttonIconPlacement !== 'iconOnly'\">\n            {{button.buttonText}}\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;box-shadow:0 0 0 var(--semantic-border-width-focus) var(--component-color-button-expressive-background)}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 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ButtonComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ui-button',
+                    templateUrl: './button.component.html',
+                    styleUrls: ['./button.component.scss'],
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { buttonText: [{
+                type: Input
+            }], buttonIcon: [{
+                type: Input
+            }], buttonIconPlacement: [{
+                type: Input
+            }], buttonSize: [{
+                type: Input
+            }], buttonFullWidth: [{
+                type: Input
+            }], buttonType: [{
+                type: Input
+            }], buttonDisabled: [{
+                type: Input
+            }], href: [{
+                type: Input
+            }], click: [{
+                type: Output
+            }] } });
+
+class LayoutInlineComponent {
+    constructor() { }
+    ngOnInit() {
+    }
+}
+LayoutInlineComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: LayoutInlineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+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 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: LayoutInlineComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ui-inline',
+                    templateUrl: './inline.component.html',
+                    styleUrls: ['./inline.component.css'],
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush
+                }]
+        }], ctorParameters: function () { return []; } });
+
+class LayoutBoxComponent {
+    constructor() {
+        this.padding = 'default';
+    }
+    ngOnInit() {
+        this.boxLayoutClasses = [
+            `ui-layout-box-${this.padding}`
+        ].join(' ');
+    }
+}
+LayoutBoxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: LayoutBoxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+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 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: LayoutBoxComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ui-box',
+                    template: '<ng-content></ng-content>',
+                    host: {
+                        '[class]': 'boxLayoutClasses'
+                    },
+                    styleUrls: ['./box.component.scss'],
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush
+                }]
+        }], ctorParameters: function () { return []; }, propDecorators: { padding: [{
+                type: Input
+            }] } });
+
+class OasysLibModule {
+}
+OasysLibModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: OasysLibModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+OasysLibModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: OasysLibModule, declarations: [ButtonComponent,
+        LayoutInlineComponent,
+        IconComponent,
+        LayoutBoxComponent], imports: [CommonModule, i2.RouterModule], exports: [ButtonComponent,
+        LayoutBoxComponent] });
+OasysLibModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: OasysLibModule, providers: [
+        WindowService,
+        { provide: APP_BASE_HREF, useValue: '/' }
+    ], imports: [[
+            CommonModule,
+            RouterModule.forRoot([])
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: OasysLibModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        ButtonComponent,
+                        LayoutInlineComponent,
+                        IconComponent,
+                        LayoutBoxComponent
+                    ],
+                    imports: [
+                        CommonModule,
+                        RouterModule.forRoot([])
+                    ],
+                    exports: [
+                        ButtonComponent,
+                        LayoutBoxComponent
+                    ],
+                    providers: [
+                        WindowService,
+                        { provide: APP_BASE_HREF, useValue: '/' }
+                    ]
+                }]
+        }] });
+
+/*
+ * Public API Surface of oasys-lib
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ButtonComponent, IconComponent, LayoutBoxComponent, OasysLibModule };
+//# sourceMappingURL=oasys-lib.js.map

package/fesm2015/oasys-lib.js.map

@@ -0,0 +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@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 } from '@angular/core';\nimport { IconNames, IconContext } from '../icon/icon';\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 ButtonComponent implements OnInit, OnChanges {\n\n  button: UIButton;\n\n  // // Button Content\n  @Input() buttonText!: string;\n  @Input() buttonIcon?: IconNames;\n  @Input() buttonIconPlacement: IconContext = 'leading';\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\n  // Button Actions\n  @Input() href: string = '';\n  @Output() click: EventEmitter<void> = new EventEmitter();\n\n  buttonDisplayClasses: string[] = [];\n  iconContext: IconContext = 'none';\n\n\n  constructor(private changes: ChangeDetectorRef) { }\n\n  onClick(): void {\n    console.log('button was clicked');\n    this.click.emit();\n  }\n\n  createButton(): UIButton {\n    return <UIButton>{\n      buttonText: this.buttonText,\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.buttonText && this.buttonIcon ? 'button--icon--'+this.buttonIconPlacement : ''}`,\n      `${!this.buttonText && this.buttonIcon ? 'button--icon--only' : ''}`\n      ].filter((d) => !!d)\n    };\n  }\n\n  ngOnChanges(): void {\n      this.button = this.createButton();\n      console.log(this.button);\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        role=\"button\"\n        [attr.aria-label]=\"button.buttonText\">\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\n            class=\"ui-text\"\n            *ngIf=\"button.buttonText && button.buttonIconPlacement !== 'iconOnly'\">\n            {{button.buttonText}}\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 { ButtonComponent } 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';\n\n\n\n@NgModule({\n  declarations: [\n    ButtonComponent,\n    LayoutInlineComponent,\n    IconComponent,\n    LayoutBoxComponent\n  ],\n  imports: [\n    CommonModule,\n    RouterModule.forRoot([])\n  ],\n  exports: [\n    ButtonComponent,\n    LayoutBoxComponent\n  ],\n  providers: [\n    WindowService,\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 * 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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"}

package/lib/components/button/button.component.d.ts

@@ -0,0 +1,26 @@
+import { OnInit, EventEmitter, ChangeDetectorRef, OnChanges } from '@angular/core';
+import { IconNames, IconContext } from '../icon/icon';
+import { UIButton, UIButtonBoolean, UIButtonSize, UIButtonType } from './button';
+import * as i0 from "@angular/core";
+export declare class ButtonComponent implements OnInit, OnChanges {
+    private changes;
+    button: UIButton;
+    buttonText: string;
+    buttonIcon?: IconNames;
+    buttonIconPlacement: IconContext;
+    buttonSize: UIButtonSize;
+    buttonFullWidth: UIButtonBoolean;
+    buttonType: UIButtonType;
+    buttonDisabled: boolean;
+    href: string;
+    click: EventEmitter<void>;
+    buttonDisplayClasses: string[];
+    iconContext: IconContext;
+    constructor(changes: ChangeDetectorRef);
+    onClick(): void;
+    createButton(): UIButton;
+    ngOnChanges(): void;
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ButtonComponent, never>;
+    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>;
+}

package/lib/components/button/button.d.ts

@@ -0,0 +1,18 @@
+import { EventEmitter } from '@angular/core';
+import { IconNames, IconContext } from '../icon/icon';
+export declare type UIButtonBoolean = true | 'true' | false | 'false';
+export declare type UIButtonSize = 'small' | 'large';
+export declare type UIButtonType = 'primary' | 'secondary' | 'tertiary' | 'primary-inverse' | 'secondary-inverse' | 'tertiary-inverse' | 'expressive' | 'danger' | 'facebook' | 'paypal' | 'trustpilot';
+export interface UIButton {
+    buttonText: string;
+    buttonIcon: IconNames;
+    buttonType: UIButtonType;
+    buttonIconPlacement: IconContext;
+    buttonSize: UIButtonSize;
+    buttonFullWidth: UIButtonBoolean;
+    href: string;
+    target: string;
+    buttonDisabled: UIButtonBoolean;
+    buttonDisplayClasses: string[];
+    buttonDidClick: EventEmitter<any>;
+}

package/lib/components/icon/icon.component.d.ts

@@ -0,0 +1,25 @@
+import { OnInit, OnChanges, ElementRef } from '@angular/core';
+import { TokenService } from '../../services/token.service';
+import { WindowService } from '../../services/window.service';
+import { IconNames, IconContext } from './icon';
+import * as i0 from "@angular/core";
+export declare class IconComponent implements OnInit, OnChanges {
+    private tokenService;
+    private windowRef;
+    private elementRef;
+    iconSize: 'small' | 'large';
+    iconName: IconNames;
+    iconContext: IconContext;
+    iconWidth?: number;
+    iconHeight?: number;
+    iconClass?: string;
+    size?: string;
+    iconBrandPath?: string;
+    iconDisplayClasses: string[];
+    constructor(tokenService: TokenService, windowRef: WindowService, elementRef: ElementRef);
+    convertRemToPixels(remString: string): number;
+    ngOnChanges(): void;
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IconComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IconComponent, "ui-icon", never, { "iconSize": "iconSize"; "iconName": "iconName"; "iconContext": "iconContext"; "iconWidth": "iconWidth"; "iconHeight": "iconHeight"; "iconClass": "iconClass"; }, {}, never, never>;
+}

package/lib/components/icon/icon.d.ts

@@ -0,0 +1,2 @@
+export declare type IconNames = 'pin' | 'heart' | 'basket';
+export declare type IconContext = 'leading' | 'trailing' | 'iconOnly' | 'none';