oasys-lib 0.0.3 → 0.0.6

package/bundles/oasys-lib.umd.js

@@ -113,7 +113,7 @@
         return IconComponent;
     }());
     IconComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IconComponent, deps: [{ token: TokenService }, { token: WindowService }, { token: i0__namespace.ElementRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    IconComponent.ɵcmp = i0__namespace.ɵɵ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__namespace, 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__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
+    IconComponent.ɵcmp = i0__namespace.ɵɵ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__namespace, 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}}\"></use>\n  </svg>\n</div>\n", styles: ["ui-icon{--icon-component-brand: var(--utility-brand-name)}.ui-icon{display:inline-flex}\n"], directives: [{ type: i3__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IconComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -137,8 +137,8 @@
                     type: i0.Input
                 }] } });
 
-    var ButtonComponent = /** @class */ (function () {
-        function ButtonComponent(changes) {
+    var OasysButtonComponent = /** @class */ (function () {
+        function OasysButtonComponent(changes) {
             this.changes = changes;
             this.buttonIconPlacement = 'leading';
             // Button Stylings
@@ -148,17 +148,15 @@
             this.buttonDisabled = false;
             // Button Actions
             this.href = '';
-            this.click = new i0.EventEmitter();
-            this.buttonDisplayClasses = [];
+            this.clicked = new i0.EventEmitter();
             this.iconContext = 'none';
+            this.outlineButtonTypes = ['secondary', 'secondary-inverse'];
         }
-        ButtonComponent.prototype.onClick = function () {
-            console.log('button was clicked');
-            this.click.emit();
+        OasysButtonComponent.prototype.onClick = function () {
+            this.clicked.emit();
         };
-        ButtonComponent.prototype.createButton = function () {
+        OasysButtonComponent.prototype.createButton = function () {
             return {
-                buttonText: this.buttonText,
                 buttonIcon: this.buttonIcon,
                 buttonIconPlacement: this.buttonIconPlacement,
                 buttonType: this.buttonType,
@@ -171,24 +169,32 @@
                     "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' : '')
+                    "" + (this.buttonIcon ? 'button--icon--' + this.buttonIconPlacement : ''),
+                    "" + (this.outlineButtonTypes.indexOf(this.buttonType) !== -1 ? 'button--outline' : '')
                 ].filter(function (d) { return !!d; })
             };
         };
-        ButtonComponent.prototype.ngOnChanges = function () {
+        OasysButtonComponent.prototype.ngAfterViewInit = function () {
+            var _a, _b;
+            if ((_b = (_a = this.buttonText) === null || _a === void 0 ? void 0 : _a.nativeElement) === null || _b === void 0 ? void 0 : _b.innerText) {
+                this.accessibleButtonContent = this.buttonText.nativeElement.innerText;
+            }
+            else {
+                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      ");
+            }
+        };
+        OasysButtonComponent.prototype.ngOnChanges = function () {
             this.button = this.createButton();
-            console.log(this.button);
             this.changes.markForCheck();
         };
-        ButtonComponent.prototype.ngOnInit = function () {
+        OasysButtonComponent.prototype.ngOnInit = function () {
             this.button = this.createButton();
         };
-        return ButtonComponent;
+        return OasysButtonComponent;
     }());
-    ButtonComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ButtonComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    ButtonComponent.ɵcmp = i0__namespace.ɵɵ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__namespace, 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__namespace.RouterLink, selector: ":not(a):not(area)[routerLink]", inputs: ["routerLink", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }, { type: i3__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ButtonComponent, decorators: [{
+    OasysButtonComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: OasysButtonComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    OasysButtonComponent.ɵcmp = i0__namespace.ɵɵ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__namespace, 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;user-select:none;appearance:none;-webkit-appearance:none;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;border-radius:var(--component-border-radius-button);font-family:var(--semantic-font-family-body)}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-overlay{position:absolute;top:0;right:0;bottom:0;left:0;touch-action:none;pointer-events:none;border-radius:var(--component-border-radius-button);opacity:0}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: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 .buttonIcon{fill:currentColor}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);border-width:var(--component-size-button-large-border-width)}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-text{line-height:var(--component-size-button-large-line-height)}ui-button button.size-large .ui-icon{max-height:var(--component-size-button-large-line-height)}ui-button button.size-large .ui-icon.icon-context-leading{margin-left:calc(var(--component-size-button-large-icon-offset-leading) * -1)}ui-button button.size-large .ui-icon.icon-context-trailing{margin-right:calc(var(--component-size-button-large-icon-offset-trailing) * -1)}ui-button button.size-large .ui-icon.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-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);border-width:var(--component-size-button-small-border-width)}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-text{line-height:var(--component-size-button-small-line-height)}ui-button button.size-small .ui-icon{max-height:var(--component-size-button-small-line-height)}ui-button button.size-small .ui-icon.icon-context-leading{margin-left:calc(var(--component-size-button-small-icon-offset-leading) * -1)}ui-button button.size-small .ui-icon.icon-context-trailing{margin-right:calc(var(--component-size-button-small-icon-offset-trailing) * -1)}ui-button button.size-small .ui-icon.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)}ui-button button.button--outline.size-large{padding:var(--component-size-outline-button-large-padding-y) var(--component-size-outline-button-large-padding-x);font-size:var(--component-size-outline-button-large-font-size);border-width:var(--component-size-outline-button-large-border-width)}ui-button button.button--outline.size-large .button-content{grid-gap:var(--component-size-outline-button-large-inline-spacing);gap:var(--component-size-outline-button-large-inline-spacing)}ui-button button.button--outline.size-large .ui-text{line-height:var(--component-size-outline-button-large-line-height)}ui-button button.button--outline.size-large .ui-icon{max-height:var(--component-size-outline-button-large-line-height)}ui-button button.button--outline.size-large .ui-icon.icon-context-leading{margin-left:calc(var(--component-size-outline-button-large-icon-offset-leading) * -1)}ui-button button.button--outline.size-large .ui-icon.icon-context-trailing{margin-right:calc(var(--component-size-outline-button-large-icon-offset-trailing) * -1)}ui-button button.button--outline.size-large .ui-icon.icon-context-iconOnly{margin-left:calc(var(--component-size-outline-button-large-icon-offset-icon-only) * -1);margin-right:calc(var(--component-size-outline-button-large-icon-offset-icon-only) * -1)}ui-button button.button--outline.size-small{padding:var(--component-size-outline-button-small-padding-y) var(--component-size-outline-button-small-padding-x);font-size:var(--component-size-outline-button-small-font-size);border-width:var(--component-size-outline-button-small-border-width)}ui-button button.button--outline.size-small .button-content{grid-gap:var(--component-size-outline-button-small-inline-spacing);gap:var(--component-size-outline-button-small-inline-spacing)}ui-button button.button--outline.size-small .ui-text{line-height:var(--component-size-outline-button-small-line-height)}ui-button button.button--outline.size-small .ui-icon{max-height:var(--component-size-outline-button-small-line-height)}ui-button button.button--outline.size-small .ui-icon.icon-context-leading{margin-left:calc(var(--component-size-outline-button-small-icon-offset-leading) * -1)}ui-button button.button--outline.size-small .ui-icon.icon-context-trailing{margin-right:calc(var(--component-size-outline-button-small-icon-offset-trailing) * -1)}ui-button button.button--outline.size-small .ui-icon.icon-context-iconOnly{margin-left:calc(var(--component-size-outline-button-small-icon-offset-icon-only) * -1);margin-right:calc(var(--component-size-outline-button-small-icon-offset-icon-only) * -1)}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.button--has-icon.button--icon--trailing .button-content{flex-direction:row-reverse}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__namespace.RouterLink, selector: ":not(a):not(area)[routerLink]", inputs: ["routerLink", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }, { type: i3__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: OasysButtonComponent, decorators: [{
                 type: i0.Component,
                 args: [{
                         selector: 'ui-button',
@@ -197,12 +203,13 @@
                         encapsulation: i0.ViewEncapsulation.None,
                         changeDetection: i0.ChangeDetectionStrategy.OnPush
                     }]
-            }], ctorParameters: function () { return [{ type: i0__namespace.ChangeDetectorRef }]; }, propDecorators: { buttonText: [{
-                    type: i0.Input
-                }], buttonIcon: [{
+            }], ctorParameters: function () { return [{ type: i0__namespace.ChangeDetectorRef }]; }, propDecorators: { buttonIcon: [{
                     type: i0.Input
                 }], buttonIconPlacement: [{
                     type: i0.Input
+                }], buttonText: [{
+                    type: i0.ContentChild,
+                    args: ['buttonText']
                 }], buttonSize: [{
                     type: i0.Input
                 }], buttonFullWidth: [{
@@ -213,7 +220,7 @@
                     type: i0.Input
                 }], href: [{
                     type: i0.Input
-                }], click: [{
+                }], clicked: [{
                     type: i0.Output
                 }] } });
 
@@ -272,37 +279,39 @@
         return OasysLibModule;
     }());
     OasysLibModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: OasysLibModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    OasysLibModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: OasysLibModule, declarations: [ButtonComponent,
+    OasysLibModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: OasysLibModule, declarations: [OasysButtonComponent,
             LayoutInlineComponent,
             IconComponent,
-            LayoutBoxComponent], imports: [i3.CommonModule, i2__namespace.RouterModule], exports: [ButtonComponent,
+            LayoutBoxComponent], imports: [i3.CommonModule, i2__namespace.RouterModule], exports: [OasysButtonComponent,
             LayoutBoxComponent] });
     OasysLibModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: OasysLibModule, providers: [
             WindowService,
+            TokenService,
             { provide: i3.APP_BASE_HREF, useValue: '/' }
         ], imports: [[
                 i3.CommonModule,
-                i2.RouterModule.forRoot([])
+                i2.RouterModule.forChild([])
             ]] });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: OasysLibModule, decorators: [{
                 type: i0.NgModule,
                 args: [{
                         declarations: [
-                            ButtonComponent,
+                            OasysButtonComponent,
                             LayoutInlineComponent,
                             IconComponent,
                             LayoutBoxComponent
                         ],
                         imports: [
                             i3.CommonModule,
-                            i2.RouterModule.forRoot([])
+                            i2.RouterModule.forChild([])
                         ],
                         exports: [
-                            ButtonComponent,
+                            OasysButtonComponent,
                             LayoutBoxComponent
                         ],
                         providers: [
                             WindowService,
+                            TokenService,
                             { provide: i3.APP_BASE_HREF, useValue: '/' }
                         ]
                     }]
@@ -316,9 +325,9 @@
      * Generated bundle index. Do not edit.
      */
 
-    exports.ButtonComponent = ButtonComponent;
     exports.IconComponent = IconComponent;
     exports.LayoutBoxComponent = LayoutBoxComponent;
+    exports.OasysButtonComponent = OasysButtonComponent;
     exports.OasysLibModule = OasysLibModule;
 
     Object.defineProperty(exports, '__esModule', { value: true });

package/bundles/oasys-lib.umd.js.map

@@ -1 +1 @@
-{"version":3,"file":"oasys-lib.umd.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":["i0","Injectable","i1.WindowService","i1.TokenService","i2.WindowService","i3","Component","ChangeDetectionStrategy","ViewEncapsulation","Input","EventEmitter","i1.IconComponent","i2","Output","CommonModule","i1","APP_BASE_HREF","RouterModule","NgModule"],"mappings":"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"}
+{"version":3,"file":"oasys-lib.umd.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}}\"></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  outlineButtonTypes = ['secondary', 'secondary-inverse']\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      `${this.outlineButtonTypes.indexOf(this.buttonType) !== -1 ? 'button--outline' : ''}`\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":["i0","Injectable","i1.WindowService","i1.TokenService","i2.WindowService","i3","Component","ChangeDetectionStrategy","ViewEncapsulation","Input","EventEmitter","i1.IconComponent","i2","ContentChild","Output","CommonModule","i1","APP_BASE_HREF","RouterModule","NgModule"],"mappings":"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"}

package/esm2015/lib/components/button/button.component.js

@@ -1,9 +1,9 @@
-import { Component, Input, Output, ViewEncapsulation, EventEmitter, ChangeDetectionStrategy } from '@angular/core';
+import { Component, Input, Output, ViewEncapsulation, EventEmitter, ChangeDetectionStrategy, ChangeDetectorRef, ContentChild, ElementRef } from '@angular/core';
 import * as i0 from "@angular/core";
 import * as i1 from "../icon/icon.component";
 import * as i2 from "@angular/router";
 import * as i3 from "@angular/common";
-export class ButtonComponent {
+export class OasysButtonComponent {
     constructor(changes) {
         this.changes = changes;
         this.buttonIconPlacement = 'leading';
@@ -14,17 +14,15 @@ export class ButtonComponent {
         this.buttonDisabled = false;
         // Button Actions
         this.href = '';
-        this.click = new EventEmitter();
-        this.buttonDisplayClasses = [];
+        this.clicked = new EventEmitter();
         this.iconContext = 'none';
+        this.outlineButtonTypes = ['secondary', 'secondary-inverse'];
     }
     onClick() {
-        console.log('button was clicked');
-        this.click.emit();
+        this.clicked.emit();
     }
     createButton() {
         return {
-            buttonText: this.buttonText,
             buttonIcon: this.buttonIcon,
             buttonIconPlacement: this.buttonIconPlacement,
             buttonType: this.buttonType,
@@ -37,23 +35,37 @@ export class ButtonComponent {
                 `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' : ''}`
+                `${this.buttonIcon ? 'button--icon--' + this.buttonIconPlacement : ''}`,
+                `${this.outlineButtonTypes.indexOf(this.buttonType) !== -1 ? 'button--outline' : ''}`
             ].filter((d) => !!d)
         };
     }
+    ngAfterViewInit() {
+        var _a, _b;
+        if ((_b = (_a = this.buttonText) === null || _a === void 0 ? void 0 : _a.nativeElement) === null || _b === void 0 ? void 0 : _b.innerText) {
+            this.accessibleButtonContent = this.buttonText.nativeElement.innerText;
+        }
+        else {
+            throw new Error(`
+      No inner text found. All buttons should have text passed via ng-content to enable accessibility for screen readers, this includes icon-only buttons.
+
+      Pass content using the template variable #buttonText eg:
+      ui-button()
+        span(#buttonText) Buy All The Things
+      `);
+        }
+    }
     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: i1.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: [{
+OasysButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: OasysButtonComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+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;user-select:none;appearance:none;-webkit-appearance:none;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;border-radius:var(--component-border-radius-button);font-family:var(--semantic-font-family-body)}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-overlay{position:absolute;top:0;right:0;bottom:0;left:0;touch-action:none;pointer-events:none;border-radius:var(--component-border-radius-button);opacity:0}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: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 .buttonIcon{fill:currentColor}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);border-width:var(--component-size-button-large-border-width)}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-text{line-height:var(--component-size-button-large-line-height)}ui-button button.size-large .ui-icon{max-height:var(--component-size-button-large-line-height)}ui-button button.size-large .ui-icon.icon-context-leading{margin-left:calc(var(--component-size-button-large-icon-offset-leading) * -1)}ui-button button.size-large .ui-icon.icon-context-trailing{margin-right:calc(var(--component-size-button-large-icon-offset-trailing) * -1)}ui-button button.size-large .ui-icon.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-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);border-width:var(--component-size-button-small-border-width)}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-text{line-height:var(--component-size-button-small-line-height)}ui-button button.size-small .ui-icon{max-height:var(--component-size-button-small-line-height)}ui-button button.size-small .ui-icon.icon-context-leading{margin-left:calc(var(--component-size-button-small-icon-offset-leading) * -1)}ui-button button.size-small .ui-icon.icon-context-trailing{margin-right:calc(var(--component-size-button-small-icon-offset-trailing) * -1)}ui-button button.size-small .ui-icon.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)}ui-button button.button--outline.size-large{padding:var(--component-size-outline-button-large-padding-y) var(--component-size-outline-button-large-padding-x);font-size:var(--component-size-outline-button-large-font-size);border-width:var(--component-size-outline-button-large-border-width)}ui-button button.button--outline.size-large .button-content{grid-gap:var(--component-size-outline-button-large-inline-spacing);gap:var(--component-size-outline-button-large-inline-spacing)}ui-button button.button--outline.size-large .ui-text{line-height:var(--component-size-outline-button-large-line-height)}ui-button button.button--outline.size-large .ui-icon{max-height:var(--component-size-outline-button-large-line-height)}ui-button button.button--outline.size-large .ui-icon.icon-context-leading{margin-left:calc(var(--component-size-outline-button-large-icon-offset-leading) * -1)}ui-button button.button--outline.size-large .ui-icon.icon-context-trailing{margin-right:calc(var(--component-size-outline-button-large-icon-offset-trailing) * -1)}ui-button button.button--outline.size-large .ui-icon.icon-context-iconOnly{margin-left:calc(var(--component-size-outline-button-large-icon-offset-icon-only) * -1);margin-right:calc(var(--component-size-outline-button-large-icon-offset-icon-only) * -1)}ui-button button.button--outline.size-small{padding:var(--component-size-outline-button-small-padding-y) var(--component-size-outline-button-small-padding-x);font-size:var(--component-size-outline-button-small-font-size);border-width:var(--component-size-outline-button-small-border-width)}ui-button button.button--outline.size-small .button-content{grid-gap:var(--component-size-outline-button-small-inline-spacing);gap:var(--component-size-outline-button-small-inline-spacing)}ui-button button.button--outline.size-small .ui-text{line-height:var(--component-size-outline-button-small-line-height)}ui-button button.button--outline.size-small .ui-icon{max-height:var(--component-size-outline-button-small-line-height)}ui-button button.button--outline.size-small .ui-icon.icon-context-leading{margin-left:calc(var(--component-size-outline-button-small-icon-offset-leading) * -1)}ui-button button.button--outline.size-small .ui-icon.icon-context-trailing{margin-right:calc(var(--component-size-outline-button-small-icon-offset-trailing) * -1)}ui-button button.button--outline.size-small .ui-icon.icon-context-iconOnly{margin-left:calc(var(--component-size-outline-button-small-icon-offset-icon-only) * -1);margin-right:calc(var(--component-size-outline-button-small-icon-offset-icon-only) * -1)}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.button--has-icon.button--icon--trailing .button-content{flex-direction:row-reverse}ui-button button.button--full-width{display:flex;width:100%}\n"], components: [{ type: i1.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: OasysButtonComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'ui-button',
@@ -62,12 +74,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                     encapsulation: ViewEncapsulation.None,
                     changeDetection: ChangeDetectionStrategy.OnPush
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { buttonText: [{
-                type: Input
-            }], buttonIcon: [{
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { buttonIcon: [{
                 type: Input
             }], buttonIconPlacement: [{
                 type: Input
+            }], buttonText: [{
+                type: ContentChild,
+                args: ['buttonText']
             }], buttonSize: [{
                 type: Input
             }], buttonFullWidth: [{
@@ -78,7 +91,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 type: Input
             }], href: [{
                 type: Input
-            }], click: [{
+            }], clicked: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL29hc3lzLWxpYi9zcmMvbGliL2NvbXBvbmVudHMvYnV0dG9uL2J1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9vYXN5cy1saWIvc3JjL2xpYi9jb21wb25lbnRzL2J1dHRvbi9idXR0b24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLGlCQUFpQixFQUFFLFlBQVksRUFBRSx1QkFBdUIsRUFBZ0MsTUFBTSxlQUFlLENBQUM7Ozs7O0FBZ0J6SixNQUFNLE9BQU8sZUFBZTtJQXdCMUIsWUFBb0IsT0FBMEI7UUFBMUIsWUFBTyxHQUFQLE9BQU8sQ0FBbUI7UUFqQnJDLHdCQUFtQixHQUFnQixTQUFTLENBQUM7UUFFdEQsa0JBQWtCO1FBQ1QsZUFBVSxHQUFpQixPQUFPLENBQUM7UUFDbkMsb0JBQWUsR0FBb0IsS0FBSyxDQUFDO1FBQ3pDLGVBQVUsR0FBaUIsU0FBUyxDQUFDO1FBQ3JDLG1CQUFjLEdBQVksS0FBSyxDQUFDO1FBR3pDLGlCQUFpQjtRQUNSLFNBQUksR0FBVyxFQUFFLENBQUM7UUFDakIsVUFBSyxHQUF1QixJQUFJLFlBQVksRUFBRSxDQUFDO1FBRXpELHlCQUFvQixHQUFhLEVBQUUsQ0FBQztRQUNwQyxnQkFBVyxHQUFnQixNQUFNLENBQUM7SUFHZ0IsQ0FBQztJQUVuRCxPQUFPO1FBQ0wsT0FBTyxDQUFDLEdBQUcsQ0FBQyxvQkFBb0IsQ0FBQyxDQUFDO1FBQ2xDLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDcEIsQ0FBQztJQUVELFlBQVk7UUFDVixPQUFpQjtZQUNmLFVBQVUsRUFBRSxJQUFJLENBQUMsVUFBVTtZQUMzQixVQUFVLEVBQUUsSUFBSSxDQUFDLFVBQVU7WUFDM0IsbUJBQW1CLEVBQUUsSUFBSSxDQUFDLG1CQUFtQjtZQUM3QyxVQUFVLEVBQUUsSUFBSSxDQUFDLFVBQVU7WUFDM0IsVUFBVSxFQUFFLElBQUksQ0FBQyxVQUFVO1lBQzNCLGNBQWMsRUFBRSxJQUFJLENBQUMsY0FBYztZQUNuQyxJQUFJLEVBQUUsSUFBSSxDQUFDLElBQUk7WUFDZixNQUFNLEVBQUUsRUFBRTtZQUNWLG9CQUFvQixFQUFFO2dCQUN0QixRQUFRLElBQUksQ0FBQyxVQUFVLEVBQUU7Z0JBQ3pCLFFBQVEsSUFBSSxDQUFDLFVBQVUsRUFBRTtnQkFDekIsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxrQkFBa0IsQ0FBQSxDQUFDLENBQUMsRUFBRSxFQUFFO2dCQUM3QyxHQUFHLElBQUksQ0FBQyxlQUFlLENBQUMsQ0FBQyxDQUFDLG9CQUFvQixDQUFBLENBQUMsQ0FBQyxFQUFFLEVBQUU7Z0JBQ3BELEdBQUcsSUFBSSxDQUFDLFVBQVUsSUFBSSxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxnQkFBZ0IsR0FBQyxJQUFJLENBQUMsbUJBQW1CLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRTtnQkFDeEYsR0FBRyxDQUFDLElBQUksQ0FBQyxVQUFVLElBQUksSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsb0JBQW9CLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRTthQUNuRSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztTQUNyQixDQUFDO0lBQ0osQ0FBQztJQUVELFdBQVc7UUFDUCxJQUFJLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztRQUNsQyxPQUFPLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUN6QixJQUFJLENBQUMsT0FBTyxDQUFDLFlBQVksRUFBRSxDQUFDO0lBQ2hDLENBQUM7SUFFRCxRQUFRO1FBQ04sSUFBSSxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDcEMsQ0FBQzs7NkdBNURVLGVBQWU7aUdBQWYsZUFBZSx1VkNoQjVCLDZ4QkFnQkE7NEZEQWEsZUFBZTtrQkFQM0IsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUMsV0FBVztvQkFDcEIsV0FBVyxFQUFFLHlCQUF5QjtvQkFDdEMsU0FBUyxFQUFFLENBQUMseUJBQXlCLENBQUM7b0JBQ3RDLGFBQWEsRUFBRSxpQkFBaUIsQ0FBQyxJQUFJO29CQUNyQyxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTtpQkFDaEQ7d0dBTVUsVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLG1CQUFtQjtzQkFBM0IsS0FBSztnQkFHRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLGVBQWU7c0JBQXZCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxjQUFjO3NCQUF0QixLQUFLO2dCQUlHLElBQUk7c0JBQVosS0FBSztnQkFDSSxLQUFLO3NCQUFkLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQsIE91dHB1dCwgVmlld0VuY2Fwc3VsYXRpb24sIEV2ZW50RW1pdHRlciwgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENoYW5nZURldGVjdG9yUmVmLCBPbkNoYW5nZXMgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEljb25OYW1lcywgSWNvbkNvbnRleHQgfSBmcm9tICcuLi9pY29uL2ljb24nO1xuaW1wb3J0IHtcbiAgVUlCdXR0b24sXG4gIFVJQnV0dG9uQm9vbGVhbixcbiAgVUlCdXR0b25TaXplLFxuICBVSUJ1dHRvblR5cGVcbn0gZnJvbSAnLi9idXR0b24nO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6J3VpLWJ1dHRvbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9idXR0b24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9idXR0b24uY29tcG9uZW50LnNjc3MnXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcbn0pXG5leHBvcnQgY2xhc3MgQnV0dG9uQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBPbkNoYW5nZXMge1xuXG4gIGJ1dHRvbjogVUlCdXR0b247XG5cbiAgLy8gLy8gQnV0dG9uIENvbnRlbnRcbiAgQElucHV0KCkgYnV0dG9uVGV4dCE6IHN0cmluZztcbiAgQElucHV0KCkgYnV0dG9uSWNvbj86IEljb25OYW1lcztcbiAgQElucHV0KCkgYnV0dG9uSWNvblBsYWNlbWVudDogSWNvbkNvbnRleHQgPSAnbGVhZGluZyc7XG5cbiAgLy8gQnV0dG9uIFN0eWxpbmdzXG4gIEBJbnB1dCgpIGJ1dHRvblNpemU6IFVJQnV0dG9uU2l6ZSA9ICdsYXJnZSc7XG4gIEBJbnB1dCgpIGJ1dHRvbkZ1bGxXaWR0aDogVUlCdXR0b25Cb29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIGJ1dHRvblR5cGU6IFVJQnV0dG9uVHlwZSA9ICdwcmltYXJ5JztcbiAgQElucHV0KCkgYnV0dG9uRGlzYWJsZWQ6IGJvb2xlYW4gPSBmYWxzZTtcblxuXG4gIC8vIEJ1dHRvbiBBY3Rpb25zXG4gIEBJbnB1dCgpIGhyZWY6IHN0cmluZyA9ICcnO1xuICBAT3V0cHV0KCkgY2xpY2s6IEV2ZW50RW1pdHRlcjx2b2lkPiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICBidXR0b25EaXNwbGF5Q2xhc3Nlczogc3RyaW5nW10gPSBbXTtcbiAgaWNvbkNvbnRleHQ6IEljb25Db250ZXh0ID0gJ25vbmUnO1xuXG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBjaGFuZ2VzOiBDaGFuZ2VEZXRlY3RvclJlZikgeyB9XG5cbiAgb25DbGljaygpOiB2b2lkIHtcbiAgICBjb25zb2xlLmxvZygnYnV0dG9uIHdhcyBjbGlja2VkJyk7XG4gICAgdGhpcy5jbGljay5lbWl0KCk7XG4gIH1cblxuICBjcmVhdGVCdXR0b24oKTogVUlCdXR0b24ge1xuICAgIHJldHVybiA8VUlCdXR0b24+e1xuICAgICAgYnV0dG9uVGV4dDogdGhpcy5idXR0b25UZXh0LFxuICAgICAgYnV0dG9uSWNvbjogdGhpcy5idXR0b25JY29uLFxuICAgICAgYnV0dG9uSWNvblBsYWNlbWVudDogdGhpcy5idXR0b25JY29uUGxhY2VtZW50LFxuICAgICAgYnV0dG9uVHlwZTogdGhpcy5idXR0b25UeXBlLFxuICAgICAgYnV0dG9uU2l6ZTogdGhpcy5idXR0b25TaXplLFxuICAgICAgYnV0dG9uRGlzYWJsZWQ6IHRoaXMuYnV0dG9uRGlzYWJsZWQsXG4gICAgICBocmVmOiB0aGlzLmhyZWYsXG4gICAgICB0YXJnZXQ6ICcnLFxuICAgICAgYnV0dG9uRGlzcGxheUNsYXNzZXM6IFtcbiAgICAgIGB0eXBlLSR7dGhpcy5idXR0b25UeXBlfWAsXG4gICAgICBgc2l6ZS0ke3RoaXMuYnV0dG9uU2l6ZX1gLFxuICAgICAgYCR7dGhpcy5idXR0b25JY29uID8gJ2J1dHRvbi0taGFzLWljb24nOiAnJ31gLFxuICAgICAgYCR7dGhpcy5idXR0b25GdWxsV2lkdGggPyAnYnV0dG9uLS1mdWxsLXdpZHRoJzogJyd9YCxcbiAgICAgIGAke3RoaXMuYnV0dG9uVGV4dCAmJiB0aGlzLmJ1dHRvbkljb24gPyAnYnV0dG9uLS1pY29uLS0nK3RoaXMuYnV0dG9uSWNvblBsYWNlbWVudCA6ICcnfWAsXG4gICAgICBgJHshdGhpcy5idXR0b25UZXh0ICYmIHRoaXMuYnV0dG9uSWNvbiA/ICdidXR0b24tLWljb24tLW9ubHknIDogJyd9YFxuICAgICAgXS5maWx0ZXIoKGQpID0+ICEhZClcbiAgICB9O1xuICB9XG5cbiAgbmdPbkNoYW5nZXMoKTogdm9pZCB7XG4gICAgICB0aGlzLmJ1dHRvbiA9IHRoaXMuY3JlYXRlQnV0dG9uKCk7XG4gICAgICBjb25zb2xlLmxvZyh0aGlzLmJ1dHRvbik7XG4gICAgICB0aGlzLmNoYW5nZXMubWFya0ZvckNoZWNrKCk7XG4gIH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLmJ1dHRvbiA9IHRoaXMuY3JlYXRlQnV0dG9uKCk7XG4gIH1cbn1cbiIsIjxidXR0b24gKGNsaWNrKT1cIm9uQ2xpY2soKVwiXG4gICAgICAgIFtyb3V0ZXJMaW5rXT1cImJ1dHRvbi5ocmVmIHx8IG51bGxcIlxuICAgICAgICBbbmdDbGFzc109XCJidXR0b24uYnV0dG9uRGlzcGxheUNsYXNzZXNcIlxuICAgICAgICBbYXR0ci5kaXNhYmxlZF09XCJidXR0b24uYnV0dG9uRGlzYWJsZWQgPT09IHRydWUgfHwgbnVsbFwiXG4gICAgICAgIHJvbGU9XCJidXR0b25cIlxuICAgICAgICBbYXR0ci5hcmlhLWxhYmVsXT1cImJ1dHRvbi5idXR0b25UZXh0XCI+XG4gICAgPGRpdiBjbGFzcz1cImJ1dHRvbi1jb250ZW50XCI+XG4gICAgICAgIDx1aS1pY29uICpuZ0lmPVwiYnV0dG9uLmJ1dHRvbkljb24gJiYgYnV0dG9uLmJ1dHRvbkljb25QbGFjZW1lbnQgIT09ICdub25lJ1wiIFtpY29uTmFtZV09XCJidXR0b24uYnV0dG9uSWNvblwiIFtpY29uU2l6ZV09XCJidXR0b24uYnV0dG9uU2l6ZVwiIFtpY29uQ2xhc3NdPVwiJ2J1dHRvbkljb24nXCIgW2ljb25Db250ZXh0XT1cImJ1dHRvbi5idXR0b25JY29uUGxhY2VtZW50XCI+PC91aS1pY29uPlxuICAgICAgICA8c3BhblxuICAgICAgICAgICAgY2xhc3M9XCJ1aS10ZXh0XCJcbiAgICAgICAgICAgICpuZ0lmPVwiYnV0dG9uLmJ1dHRvblRleHQgJiYgYnV0dG9uLmJ1dHRvbkljb25QbGFjZW1lbnQgIT09ICdpY29uT25seSdcIj5cbiAgICAgICAgICAgIHt7YnV0dG9uLmJ1dHRvblRleHR9fVxuICAgICAgICA8L3NwYW4+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cImJ1dHRvbi1vdmVybGF5XCI+PC9kaXY+XG48L2J1dHRvbj5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL29hc3lzLWxpYi9zcmMvbGliL2NvbXBvbmVudHMvYnV0dG9uL2J1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9vYXN5cy1saWIvc3JjL2xpYi9jb21wb25lbnRzL2J1dHRvbi9idXR0b24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLGlCQUFpQixFQUFFLFlBQVksRUFBRSx1QkFBdUIsRUFBRSxpQkFBaUIsRUFBYSxZQUFZLEVBQUUsVUFBVSxFQUFpQixNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFpQmxNLE1BQU0sT0FBTyxvQkFBb0I7SUEyQi9CLFlBQW9CLE9BQTBCO1FBQTFCLFlBQU8sR0FBUCxPQUFPLENBQW1CO1FBckJyQyx3QkFBbUIsR0FBZ0IsU0FBUyxDQUFDO1FBS3RELGtCQUFrQjtRQUNULGVBQVUsR0FBaUIsT0FBTyxDQUFDO1FBQ25DLG9CQUFlLEdBQW9CLEtBQUssQ0FBQztRQUN6QyxlQUFVLEdBQWlCLFNBQVMsQ0FBQztRQUNyQyxtQkFBYyxHQUFZLEtBQUssQ0FBQztRQUV6QyxpQkFBaUI7UUFDUixTQUFJLEdBQVcsRUFBRSxDQUFDO1FBQ2pCLFlBQU8sR0FBdUIsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUczRCxnQkFBVyxHQUFnQixNQUFNLENBQUM7UUFHbEMsdUJBQWtCLEdBQUcsQ0FBQyxXQUFXLEVBQUUsbUJBQW1CLENBQUMsQ0FBQTtJQUVMLENBQUM7SUFFbkQsT0FBTztRQUNMLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDdEIsQ0FBQztJQUVELFlBQVk7UUFFVixPQUFpQjtZQUNmLFVBQVUsRUFBRSxJQUFJLENBQUMsVUFBVTtZQUMzQixtQkFBbUIsRUFBRSxJQUFJLENBQUMsbUJBQW1CO1lBQzdDLFVBQVUsRUFBRSxJQUFJLENBQUMsVUFBVTtZQUMzQixVQUFVLEVBQUUsSUFBSSxDQUFDLFVBQVU7WUFDM0IsY0FBYyxFQUFFLElBQUksQ0FBQyxjQUFjO1lBQ25DLElBQUksRUFBRSxJQUFJLENBQUMsSUFBSTtZQUNmLE1BQU0sRUFBRSxFQUFFO1lBQ1Ysb0JBQW9CLEVBQUU7Z0JBQ3RCLFFBQVEsSUFBSSxDQUFDLFVBQVUsRUFBRTtnQkFDekIsUUFBUSxJQUFJLENBQUMsVUFBVSxFQUFFO2dCQUN6QixHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLGtCQUFrQixDQUFBLENBQUMsQ0FBQyxFQUFFLEVBQUU7Z0JBQzdDLEdBQUcsSUFBSSxDQUFDLGVBQWUsQ0FBQyxDQUFDLENBQUMsb0JBQW9CLENBQUEsQ0FBQyxDQUFDLEVBQUUsRUFBRTtnQkFDcEQsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxnQkFBZ0IsR0FBQyxJQUFJLENBQUMsbUJBQW1CLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRTtnQkFDckUsR0FBRyxJQUFJLENBQUMsa0JBQWtCLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsaUJBQWlCLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRTthQUNwRixDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztTQUNyQixDQUFDO0lBQ0osQ0FBQztJQUVELGVBQWU7O1FBQ2IsSUFBRyxNQUFBLE1BQUEsSUFBSSxDQUFDLFVBQVUsMENBQUUsYUFBYSwwQ0FBRSxTQUFTLEVBQUU7WUFDNUMsSUFBSSxDQUFDLHVCQUF1QixHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLFNBQVMsQ0FBQztTQUN4RTthQUFNO1lBQ0wsTUFBTSxJQUFJLEtBQUssQ0FBQzs7Ozs7O09BTWYsQ0FBQyxDQUFBO1NBQ0g7SUFDSCxDQUFDO0lBRUQsV0FBVztRQUNQLElBQUksQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO1FBQ2xDLElBQUksQ0FBQyxPQUFPLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDaEMsQ0FBQztJQUVELFFBQVE7UUFDTixJQUFJLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUNwQyxDQUFDOztrSEEzRVUsb0JBQW9CO3NHQUFwQixvQkFBb0IsdWFDakJqQyx3dkJBY0E7NEZER2Esb0JBQW9CO2tCQVBoQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBQyxXQUFXO29CQUNwQixXQUFXLEVBQUUseUJBQXlCO29CQUN0QyxTQUFTLEVBQUUsQ0FBQyx5QkFBeUIsQ0FBQztvQkFDdEMsYUFBYSxFQUFFLGlCQUFpQixDQUFDLElBQUk7b0JBQ3JDLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO2lCQUNoRDt3R0FNVSxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLG1CQUFtQjtzQkFBM0IsS0FBSztnQkFHc0IsVUFBVTtzQkFBckMsWUFBWTt1QkFBQyxZQUFZO2dCQUdqQixVQUFVO3NCQUFsQixLQUFLO2dCQUNHLGVBQWU7c0JBQXZCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxjQUFjO3NCQUF0QixLQUFLO2dCQUdHLElBQUk7c0JBQVosS0FBSztnQkFDSSxPQUFPO3NCQUFoQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0LCBPdXRwdXQsIFZpZXdFbmNhcHN1bGF0aW9uLCBFdmVudEVtaXR0ZXIsIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDaGFuZ2VEZXRlY3RvclJlZiwgT25DaGFuZ2VzLCBDb250ZW50Q2hpbGQsIEVsZW1lbnRSZWYsIEFmdGVyVmlld0luaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEljb25OYW1lcywgSWNvbkNvbnRleHQgfSBmcm9tICcuLi9pY29uL2ljb24nO1xuaW1wb3J0IHsgVGV4dFRyYW5zZm9ybSB9IGZyb20gJy4uL3RleHQvdGV4dCc7XG5pbXBvcnQge1xuICBVSUJ1dHRvbixcbiAgVUlCdXR0b25Cb29sZWFuLFxuICBVSUJ1dHRvblNpemUsXG4gIFVJQnV0dG9uVHlwZVxufSBmcm9tICcuL2J1dHRvbic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjondWktYnV0dG9uJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2J1dHRvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2J1dHRvbi5jb21wb25lbnQuc2NzcyddLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBPYXN5c0J1dHRvbkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25DaGFuZ2VzLCBBZnRlclZpZXdJbml0IHtcblxuICBidXR0b246IFVJQnV0dG9uO1xuXG4gIC8vIC8vIEJ1dHRvbiBDb250ZW50XG4gIEBJbnB1dCgpIGJ1dHRvbkljb24/OiBJY29uTmFtZXM7XG4gIEBJbnB1dCgpIGJ1dHRvbkljb25QbGFjZW1lbnQ6IEljb25Db250ZXh0ID0gJ2xlYWRpbmcnO1xuXG4gIC8vIEBJbnB1dCgpIGJ1dHRvblRleHQ6IHN0cmluZztcbiAgQENvbnRlbnRDaGlsZCgnYnV0dG9uVGV4dCcpIGJ1dHRvblRleHQ6IEVsZW1lbnRSZWY7XG5cbiAgLy8gQnV0dG9uIFN0eWxpbmdzXG4gIEBJbnB1dCgpIGJ1dHRvblNpemU6IFVJQnV0dG9uU2l6ZSA9ICdsYXJnZSc7XG4gIEBJbnB1dCgpIGJ1dHRvbkZ1bGxXaWR0aDogVUlCdXR0b25Cb29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIGJ1dHRvblR5cGU6IFVJQnV0dG9uVHlwZSA9ICdwcmltYXJ5JztcbiAgQElucHV0KCkgYnV0dG9uRGlzYWJsZWQ6IGJvb2xlYW4gPSBmYWxzZTtcblxuICAvLyBCdXR0b24gQWN0aW9uc1xuICBASW5wdXQoKSBocmVmOiBzdHJpbmcgPSAnJztcbiAgQE91dHB1dCgpIGNsaWNrZWQ6IEV2ZW50RW1pdHRlcjx2b2lkPiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICBidXR0b25EaXNwbGF5Q2xhc3Nlczogc3RyaW5nW107XG4gIGljb25Db250ZXh0OiBJY29uQ29udGV4dCA9ICdub25lJztcbiAgdGV4dFRyYW5zZm9ybSE6IFRleHRUcmFuc2Zvcm07XG4gIGFjY2Vzc2libGVCdXR0b25Db250ZW50OiBzdHJpbmc7XG4gIG91dGxpbmVCdXR0b25UeXBlcyA9IFsnc2Vjb25kYXJ5JywgJ3NlY29uZGFyeS1pbnZlcnNlJ11cblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGNoYW5nZXM6IENoYW5nZURldGVjdG9yUmVmKSB7IH1cblxuICBvbkNsaWNrKCk6IHZvaWQge1xuICAgIHRoaXMuY2xpY2tlZC5lbWl0KCk7XG4gIH1cblxuICBjcmVhdGVCdXR0b24oKTogVUlCdXR0b24ge1xuXG4gICAgcmV0dXJuIDxVSUJ1dHRvbj57XG4gICAgICBidXR0b25JY29uOiB0aGlzLmJ1dHRvbkljb24sXG4gICAgICBidXR0b25JY29uUGxhY2VtZW50OiB0aGlzLmJ1dHRvbkljb25QbGFjZW1lbnQsXG4gICAgICBidXR0b25UeXBlOiB0aGlzLmJ1dHRvblR5cGUsXG4gICAgICBidXR0b25TaXplOiB0aGlzLmJ1dHRvblNpemUsXG4gICAgICBidXR0b25EaXNhYmxlZDogdGhpcy5idXR0b25EaXNhYmxlZCxcbiAgICAgIGhyZWY6IHRoaXMuaHJlZixcbiAgICAgIHRhcmdldDogJycsXG4gICAgICBidXR0b25EaXNwbGF5Q2xhc3NlczogW1xuICAgICAgYHR5cGUtJHt0aGlzLmJ1dHRvblR5cGV9YCxcbiAgICAgIGBzaXplLSR7dGhpcy5idXR0b25TaXplfWAsXG4gICAgICBgJHt0aGlzLmJ1dHRvbkljb24gPyAnYnV0dG9uLS1oYXMtaWNvbic6ICcnfWAsXG4gICAgICBgJHt0aGlzLmJ1dHRvbkZ1bGxXaWR0aCA/ICdidXR0b24tLWZ1bGwtd2lkdGgnOiAnJ31gLFxuICAgICAgYCR7dGhpcy5idXR0b25JY29uID8gJ2J1dHRvbi0taWNvbi0tJyt0aGlzLmJ1dHRvbkljb25QbGFjZW1lbnQgOiAnJ31gLFxuICAgICAgYCR7dGhpcy5vdXRsaW5lQnV0dG9uVHlwZXMuaW5kZXhPZih0aGlzLmJ1dHRvblR5cGUpICE9PSAtMSA/ICdidXR0b24tLW91dGxpbmUnIDogJyd9YFxuICAgICAgXS5maWx0ZXIoKGQpID0+ICEhZClcbiAgICB9O1xuICB9XG5cbiAgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xuICAgIGlmKHRoaXMuYnV0dG9uVGV4dD8ubmF0aXZlRWxlbWVudD8uaW5uZXJUZXh0KSB7XG4gICAgICB0aGlzLmFjY2Vzc2libGVCdXR0b25Db250ZW50ID0gdGhpcy5idXR0b25UZXh0Lm5hdGl2ZUVsZW1lbnQuaW5uZXJUZXh0O1xuICAgIH0gZWxzZSB7XG4gICAgICB0aHJvdyBuZXcgRXJyb3IoYFxuICAgICAgTm8gaW5uZXIgdGV4dCBmb3VuZC4gQWxsIGJ1dHRvbnMgc2hvdWxkIGhhdmUgdGV4dCBwYXNzZWQgdmlhIG5nLWNvbnRlbnQgdG8gZW5hYmxlIGFjY2Vzc2liaWxpdHkgZm9yIHNjcmVlbiByZWFkZXJzLCB0aGlzIGluY2x1ZGVzIGljb24tb25seSBidXR0b25zLlxuXG4gICAgICBQYXNzIGNvbnRlbnQgdXNpbmcgdGhlIHRlbXBsYXRlIHZhcmlhYmxlICNidXR0b25UZXh0IGVnOlxuICAgICAgdWktYnV0dG9uKClcbiAgICAgICAgc3BhbigjYnV0dG9uVGV4dCkgQnV5IEFsbCBUaGUgVGhpbmdzXG4gICAgICBgKVxuICAgIH1cbiAgfVxuXG4gIG5nT25DaGFuZ2VzKCk6IHZvaWQge1xuICAgICAgdGhpcy5idXR0b24gPSB0aGlzLmNyZWF0ZUJ1dHRvbigpO1xuICAgICAgdGhpcy5jaGFuZ2VzLm1hcmtGb3JDaGVjaygpO1xuICB9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5idXR0b24gPSB0aGlzLmNyZWF0ZUJ1dHRvbigpO1xuICB9XG59XG4iLCI8YnV0dG9uIChjbGljayk9XCJvbkNsaWNrKClcIlxuICAgICAgICBbcm91dGVyTGlua109XCJidXR0b24uaHJlZiB8fCBudWxsXCJcbiAgICAgICAgW25nQ2xhc3NdPVwiYnV0dG9uLmJ1dHRvbkRpc3BsYXlDbGFzc2VzXCJcbiAgICAgICAgW2F0dHIuZGlzYWJsZWRdPVwiYnV0dG9uLmJ1dHRvbkRpc2FibGVkID09PSB0cnVlIHx8IG51bGxcIlxuICAgICAgICBbYXR0ci5hcmlhLWxhYmVsXT1cImFjY2Vzc2libGVCdXR0b25Db250ZW50XCJcbiAgICAgICAgcm9sZT1cImJ1dHRvblwiPlxuICAgIDxkaXYgY2xhc3M9XCJidXR0b24tY29udGVudFwiPlxuICAgICAgICA8dWktaWNvbiAqbmdJZj1cImJ1dHRvbi5idXR0b25JY29uICYmIGJ1dHRvbi5idXR0b25JY29uUGxhY2VtZW50ICE9PSAnbm9uZSdcIiBbaWNvbk5hbWVdPVwiYnV0dG9uLmJ1dHRvbkljb25cIiBbaWNvblNpemVdPVwiYnV0dG9uLmJ1dHRvblNpemVcIiBbaWNvbkNsYXNzXT1cIididXR0b25JY29uJ1wiIFtpY29uQ29udGV4dF09XCJidXR0b24uYnV0dG9uSWNvblBsYWNlbWVudFwiPjwvdWktaWNvbj5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJ1aS10ZXh0XCIgKm5nSWY9XCJidXR0b24uYnV0dG9uSWNvblBsYWNlbWVudCAhPT0gJ2ljb25Pbmx5J1wiPlxuICAgICAgICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICAgICAgICA8L3NwYW4+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cImJ1dHRvbi1vdmVybGF5XCI+PC9kaXY+XG48L2J1dHRvbj5cbiJdfQ==

package/esm2015/lib/components/button/button.js

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvb2FzeXMtbGliL3NyYy9saWIvY29tcG9uZW50cy9idXR0b24vYnV0dG9uLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBFdmVudEVtaXR0ZXIgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEljb25OYW1lcywgSWNvbkNvbnRleHQgfSBmcm9tICcuLi9pY29uL2ljb24nO1xuXG5leHBvcnQgdHlwZSBVSUJ1dHRvbkJvb2xlYW4gPSB0cnVlIHwgJ3RydWUnIHwgZmFsc2UgfCAnZmFsc2UnO1xuXG5leHBvcnQgdHlwZSBVSUJ1dHRvblNpemUgPSAnc21hbGwnIHwgJ2xhcmdlJztcblxuZXhwb3J0IHR5cGUgVUlCdXR0b25UeXBlID1cbiAgfCAncHJpbWFyeSdcbiAgfCAnc2Vjb25kYXJ5J1xuICB8ICd0ZXJ0aWFyeSdcbiAgfCAncHJpbWFyeS1pbnZlcnNlJ1xuICB8ICdzZWNvbmRhcnktaW52ZXJzZSdcbiAgfCAndGVydGlhcnktaW52ZXJzZSdcbiAgfCAnZXhwcmVzc2l2ZSdcbiAgfCAnZGFuZ2VyJ1xuICB8ICdmYWNlYm9vaydcbiAgfCAncGF5cGFsJ1xuICB8ICd0cnVzdHBpbG90JztcblxuZXhwb3J0IGludGVyZmFjZSBVSUJ1dHRvbiB7XG5cbiAgLy8gSW5wdXRzXG5cbiAgLy8gRGlzcGxheSB0ZXh0IC0gUmVxdWlyZWQgZXZlbiBpZiBpY29uIG9ubHlcbiAgYnV0dG9uVGV4dDogc3RyaW5nO1xuICAvLyBpY29uIG5hbWVcbiAgYnV0dG9uSWNvbjogSWNvbk5hbWVzO1xuICAvLyBjb2xvci9zdHlsaW5nIG9mIGJ1dHRvblxuICBidXR0b25UeXBlOiBVSUJ1dHRvblR5cGU7XG4gIC8vIHBvc2l0aW9uaW5nIGZvciBpY29uXG4gIGJ1dHRvbkljb25QbGFjZW1lbnQ6IEljb25Db250ZXh0XG4gIC8vIGJ1dHRvbiBzaXplXG4gIGJ1dHRvblNpemU6IFVJQnV0dG9uU2l6ZTtcbiAgLy8gRnVsbCB3aWR0aFxuICBidXR0b25GdWxsV2lkdGg6IFVJQnV0dG9uQm9vbGVhbjtcbiAgLy8gRm9yIGxpbmtzLCBleHBlY3RzIHJlbGF0aXZlIG9yIGFic29sdXRlIHVybFxuICBocmVmOiBzdHJpbmc7XG4gIHRhcmdldDogc3RyaW5nO1xuICBidXR0b25EaXNhYmxlZDogVUlCdXR0b25Cb29sZWFuO1xuXG4gIC8vIFByaXZhdGUgcHJvcGVydGllc1xuICBidXR0b25EaXNwbGF5Q2xhc3Nlczogc3RyaW5nW107XG5cbiAgLy8gT3V0cHV0c1xuXG4gIC8vIENsaWNrIGV2ZW50LCB1c2VkIHdoZW4gbm8gaHJlZiBpbnB1dFxuICBidXR0b25EaWRDbGljazogRXZlbnRFbWl0dGVyPGFueT47XG59XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvb2FzeXMtbGliL3NyYy9saWIvY29tcG9uZW50cy9idXR0b24vYnV0dG9uLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBFdmVudEVtaXR0ZXIgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEljb25OYW1lcywgSWNvbkNvbnRleHQgfSBmcm9tICcuLi9pY29uL2ljb24nO1xuXG5cbmV4cG9ydCB0eXBlIFVJQnV0dG9uQm9vbGVhbiA9IHRydWUgfCAndHJ1ZScgfCBmYWxzZSB8ICdmYWxzZSc7XG5cbmV4cG9ydCB0eXBlIFVJQnV0dG9uU2l6ZSA9ICdzbWFsbCcgfCAnbGFyZ2UnO1xuXG5leHBvcnQgdHlwZSBVSUJ1dHRvblR5cGUgPVxuICB8ICdwcmltYXJ5J1xuICB8ICdzZWNvbmRhcnknXG4gIHwgJ3RlcnRpYXJ5J1xuICB8ICdwcmltYXJ5LWludmVyc2UnXG4gIHwgJ3NlY29uZGFyeS1pbnZlcnNlJ1xuICB8ICd0ZXJ0aWFyeS1pbnZlcnNlJ1xuICB8ICdleHByZXNzaXZlJ1xuICB8ICdkYW5nZXInXG4gIHwgJ2ZhY2Vib29rJ1xuICB8ICdwYXlwYWwnXG4gIHwgJ3RydXN0cGlsb3QnO1xuXG5leHBvcnQgaW50ZXJmYWNlIFVJQnV0dG9uIHtcblxuICAvLyBJbnB1dHNcblxuICAvLyBEaXNwbGF5IHRleHQgLSBSZXF1aXJlZCBldmVuIGlmIGljb24gb25seVxuICAvLyBidXR0b25UZXh0OiBzdHJpbmc7XG4gIC8vIGljb24gbmFtZVxuICBidXR0b25JY29uOiBJY29uTmFtZXM7XG4gIC8vIGNvbG9yL3N0eWxpbmcgb2YgYnV0dG9uXG4gIGJ1dHRvblR5cGU6IFVJQnV0dG9uVHlwZTtcbiAgLy8gcG9zaXRpb25pbmcgZm9yIGljb25cbiAgYnV0dG9uSWNvblBsYWNlbWVudDogSWNvbkNvbnRleHRcbiAgLy8gYnV0dG9uIHNpemVcbiAgYnV0dG9uU2l6ZTogVUlCdXR0b25TaXplO1xuICAvLyBGdWxsIHdpZHRoXG4gIGJ1dHRvbkZ1bGxXaWR0aDogVUlCdXR0b25Cb29sZWFuO1xuICAvLyBGb3IgbGlua3MsIGV4cGVjdHMgcmVsYXRpdmUgb3IgYWJzb2x1dGUgdXJsXG4gIGhyZWY6IHN0cmluZztcbiAgdGFyZ2V0OiBzdHJpbmc7XG4gIGJ1dHRvbkRpc2FibGVkOiBVSUJ1dHRvbkJvb2xlYW47XG5cbiAgLy8gUHJpdmF0ZSBwcm9wZXJ0aWVzXG4gIGJ1dHRvbkRpc3BsYXlDbGFzc2VzOiBzdHJpbmdbXTtcblxuICAvLyBPdXRwdXRzXG5cbiAgLy8gQ2xpY2sgZXZlbnQsIHVzZWQgd2hlbiBubyBocmVmIGlucHV0XG4gIGJ1dHRvbkRpZENsaWNrOiBFdmVudEVtaXR0ZXI8YW55Pjtcbn1cbiJdfQ==

package/esm2015/lib/components/icon/icon.component.js

@@ -1,4 +1,6 @@
-import { Component, Input, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core';
+import { Component, Input, ViewEncapsulation, ChangeDetectionStrategy, ElementRef } from '@angular/core';
+import { TokenService } from '../../services/token.service';
+import { WindowService } from '../../services/window.service';
 import * as i0 from "@angular/core";
 import * as i1 from "../../services/token.service";
 import * as i2 from "../../services/window.service";
@@ -31,7 +33,7 @@ export class IconComponent {
     }
 }
 IconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IconComponent, deps: [{ token: i1.TokenService }, { token: i2.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 });
+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}}\"></use>\n  </svg>\n</div>\n", styles: ["ui-icon{--icon-component-brand: var(--utility-brand-name)}.ui-icon{display:inline-flex}\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: [{
@@ -54,4 +56,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
             }], iconClass: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9vYXN5cy1saWIvc3JjL2xpYi9jb21wb25lbnRzL2ljb24vaWNvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9vYXN5cy1saWIvc3JjL2xpYi9jb21wb25lbnRzL2ljb24vaWNvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxpQkFBaUIsRUFBRSx1QkFBdUIsRUFBeUIsTUFBTSxlQUFlLENBQUM7Ozs7O0FBVzVILE1BQU0sT0FBTyxhQUFhO0lBYXhCLFlBQW9CLFlBQTBCLEVBQVUsU0FBd0IsRUFBVSxVQUFzQjtRQUE1RixpQkFBWSxHQUFaLFlBQVksQ0FBYztRQUFVLGNBQVMsR0FBVCxTQUFTLENBQWU7UUFBVSxlQUFVLEdBQVYsVUFBVSxDQUFZO1FBWnZHLGFBQVEsR0FBb0IsT0FBTyxDQUFDO1FBRXBDLGdCQUFXLEdBQWdCLE1BQU0sQ0FBQztJQVV5RSxDQUFDO0lBRXJILGtCQUFrQixDQUFDLFNBQWlCO1FBQ2xDLE1BQU0sU0FBUyxHQUFHLFVBQVUsQ0FBQyxTQUFTLENBQUMsT0FBTyxDQUFDLEtBQUssRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDO1FBQzNELE9BQU8sU0FBUyxHQUFHLFVBQVUsQ0FBQyxnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLFlBQVksQ0FBQyxRQUFRLENBQUMsZUFBZSxDQUFDLENBQUMsUUFBUSxDQUFDLENBQUM7SUFDakgsQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLENBQUMsUUFBUSxFQUFFLENBQUM7SUFDbEIsQ0FBQztJQUVELFFBQVE7UUFDTixJQUFJLENBQUMsYUFBYSxHQUFHLEdBQUcsSUFBSSxDQUFDLFlBQVksQ0FBQyxZQUFZLENBQUMsd0JBQXdCLEVBQUUsSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLENBQUMsRUFBRSxDQUFBO1FBQ2pILElBQUksQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDLFlBQVksQ0FBQyxhQUFhLENBQUMsc0JBQXNCLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQyxDQUFDO1FBRW5GLElBQUksQ0FBQyxrQkFBa0IsR0FBRztZQUN4QixnQkFBZ0IsSUFBSSxDQUFDLFdBQVcsRUFBRTtZQUNsQyxhQUFhLElBQUksQ0FBQyxRQUFRLEVBQUU7U0FDN0IsQ0FBQztRQUVGLE1BQU0sWUFBWSxHQUFHLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDeEQsSUFBSSxDQUFDLFNBQVMsR0FBRyxZQUFZLENBQUM7UUFDOUIsSUFBSSxDQUFDLFVBQVUsR0FBRyxZQUFZLENBQUM7SUFDakMsQ0FBQzs7MkdBcENVLGFBQWE7K0ZBQWIsYUFBYSxrT0NYMUIsOFRBS0E7NEZETWEsYUFBYTtrQkFQekIsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUMsU0FBUztvQkFDbEIsV0FBVyxFQUFFLHVCQUF1QjtvQkFDcEMsU0FBUyxFQUFFLENBQUMsdUJBQXVCLENBQUM7b0JBQ3BDLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO29CQUMvQyxhQUFhLEVBQUUsaUJBQWlCLENBQUMsSUFBSTtpQkFDdEM7d0pBRVUsUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBRUcsU0FBUztzQkFBakIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQsIFZpZXdFbmNhcHN1bGF0aW9uLCBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgT25DaGFuZ2VzLCBFbGVtZW50UmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBUb2tlblNlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy90b2tlbi5zZXJ2aWNlJztcbmltcG9ydCB7IFdpbmRvd1NlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy93aW5kb3cuc2VydmljZSc7XG5pbXBvcnQgeyBJY29uTmFtZXMsIEljb25Db250ZXh0IH0gZnJvbSAnLi9pY29uJztcbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjondWktaWNvbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9pY29uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vaWNvbi5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZVxufSlcbmV4cG9ydCBjbGFzcyBJY29uQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBPbkNoYW5nZXMge1xuICBASW5wdXQoKSBpY29uU2l6ZTogJ3NtYWxsJ3wnbGFyZ2UnID0gJ2xhcmdlJztcbiAgQElucHV0KCkgaWNvbk5hbWUhOiBJY29uTmFtZXM7XG4gIEBJbnB1dCgpIGljb25Db250ZXh0OiBJY29uQ29udGV4dCA9ICdub25lJztcblxuICBASW5wdXQoKSBpY29uV2lkdGg/OiBudW1iZXI7XG4gIEBJbnB1dCgpIGljb25IZWlnaHQ/OiBudW1iZXI7XG4gIEBJbnB1dCgpIGljb25DbGFzcz86IHN0cmluZztcblxuICBzaXplPzogc3RyaW5nO1xuICBpY29uQnJhbmRQYXRoPzogc3RyaW5nO1xuICBpY29uRGlzcGxheUNsYXNzZXM6IHN0cmluZ1tdO1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgdG9rZW5TZXJ2aWNlOiBUb2tlblNlcnZpY2UsIHByaXZhdGUgd2luZG93UmVmOiBXaW5kb3dTZXJ2aWNlLCBwcml2YXRlIGVsZW1lbnRSZWY6IEVsZW1lbnRSZWYpIHsgfVxuXG4gIGNvbnZlcnRSZW1Ub1BpeGVscyhyZW1TdHJpbmc6IHN0cmluZyk6IG51bWJlciB7XG4gICAgY29uc3QgcmVtTnVtYmVyID0gcGFyc2VGbG9hdChyZW1TdHJpbmcucmVwbGFjZSgncmVtJywgJycpKTtcbiAgICByZXR1cm4gcmVtTnVtYmVyICogcGFyc2VGbG9hdChnZXRDb21wdXRlZFN0eWxlKHRoaXMud2luZG93UmVmLm5hdGl2ZVdpbmRvdy5kb2N1bWVudC5kb2N1bWVudEVsZW1lbnQpLmZvbnRTaXplKTtcbiAgfVxuXG4gIG5nT25DaGFuZ2VzKCk6IHZvaWQge1xuICAgIHRoaXMubmdPbkluaXQoKTtcbiAgfVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMuaWNvbkJyYW5kUGF0aCA9IGAke3RoaXMudG9rZW5TZXJ2aWNlLmdldEJyYW5kTmFtZShgLS1pY29uLWNvbXBvbmVudC1icmFuZGAsIHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50KX1gXG4gICAgdGhpcy5zaXplID0gdGhpcy50b2tlblNlcnZpY2UuZ2V0VG9rZW5WYWx1ZShgLS1nbG9iYWwtc2l6ZS1pY29uLSR7dGhpcy5pY29uU2l6ZX1gKTtcblxuICAgIHRoaXMuaWNvbkRpc3BsYXlDbGFzc2VzID0gW1xuICAgICAgYGljb24tY29udGV4dC0ke3RoaXMuaWNvbkNvbnRleHR9YCxcbiAgICAgIGBpY29uLXNpemUtJHt0aGlzLmljb25TaXplfWBcbiAgICBdO1xuXG4gICAgY29uc3Qgc2l6ZUluUGl4ZWxzID0gdGhpcy5jb252ZXJ0UmVtVG9QaXhlbHModGhpcy5zaXplKTtcbiAgICB0aGlzLmljb25XaWR0aCA9IHNpemVJblBpeGVscztcbiAgICB0aGlzLmljb25IZWlnaHQgPSBzaXplSW5QaXhlbHM7XG4gIH1cblxufVxuIiwiPGRpdiBjbGFzcz1cInVpLWljb25cIiBbbmdDbGFzc109XCJpY29uRGlzcGxheUNsYXNzZXNcIj5cbiAgPHN2ZyB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCIgYXR0ci53aWR0aD1cInt7aWNvbldpZHRofX1weFwiIGF0dHIuaGVpZ2h0PVwie3tpY29uSGVpZ2h0fX1weFwiIGF0dHIuY2xhc3M9XCJ7e2ljb25DbGFzc319XCI+XG4gICAgPHVzZSBhdHRyLnhsaW5rOmhyZWY9XCIuL3t7aWNvbkJyYW5kUGF0aH19L2Fzc2V0cy9pY29ucy9pY29ucy5zdmcjaWNvbi17e2ljb25OYW1lfX0tMjRcIj48L3VzZT5cbiAgPC9zdmc+XG48L2Rpdj5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9vYXN5cy1saWIvc3JjL2xpYi9jb21wb25lbnRzL2ljb24vaWNvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9vYXN5cy1saWIvc3JjL2xpYi9jb21wb25lbnRzL2ljb24vaWNvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxpQkFBaUIsRUFBRSx1QkFBdUIsRUFBYSxVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDNUgsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQzVELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQzs7Ozs7QUFVOUQsTUFBTSxPQUFPLGFBQWE7SUFheEIsWUFBb0IsWUFBMEIsRUFBVSxTQUF3QixFQUFVLFVBQXNCO1FBQTVGLGlCQUFZLEdBQVosWUFBWSxDQUFjO1FBQVUsY0FBUyxHQUFULFNBQVMsQ0FBZTtRQUFVLGVBQVUsR0FBVixVQUFVLENBQVk7UUFadkcsYUFBUSxHQUFvQixPQUFPLENBQUM7UUFFcEMsZ0JBQVcsR0FBZ0IsTUFBTSxDQUFDO0lBVXlFLENBQUM7SUFFckgsa0JBQWtCLENBQUMsU0FBaUI7UUFDbEMsTUFBTSxTQUFTLEdBQUcsVUFBVSxDQUFDLFNBQVMsQ0FBQyxPQUFPLENBQUMsS0FBSyxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUM7UUFDM0QsT0FBTyxTQUFTLEdBQUcsVUFBVSxDQUFDLGdCQUFnQixDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsWUFBWSxDQUFDLFFBQVEsQ0FBQyxlQUFlLENBQUMsQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUNqSCxDQUFDO0lBRUQsV0FBVztRQUNULElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQztJQUNsQixDQUFDO0lBRUQsUUFBUTtRQUNOLElBQUksQ0FBQyxhQUFhLEdBQUcsR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDLFlBQVksQ0FBQyx3QkFBd0IsRUFBRSxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxFQUFFLENBQUE7UUFDakgsSUFBSSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDLGFBQWEsQ0FBQyxzQkFBc0IsSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDLENBQUM7UUFFbkYsSUFBSSxDQUFDLGtCQUFrQixHQUFHO1lBQ3hCLGdCQUFnQixJQUFJLENBQUMsV0FBVyxFQUFFO1lBQ2xDLGFBQWEsSUFBSSxDQUFDLFFBQVEsRUFBRTtTQUM3QixDQUFDO1FBRUYsTUFBTSxZQUFZLEdBQUcsSUFBSSxDQUFDLGtCQUFrQixDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUN4RCxJQUFJLENBQUMsU0FBUyxHQUFHLFlBQVksQ0FBQztRQUM5QixJQUFJLENBQUMsVUFBVSxHQUFHLFlBQVksQ0FBQztJQUNqQyxDQUFDOzsyR0FwQ1UsYUFBYTsrRkFBYixhQUFhLGtPQ1oxQiwyVEFLQTs0RkRPYSxhQUFhO2tCQVB6QixTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBQyxTQUFTO29CQUNsQixXQUFXLEVBQUUsdUJBQXVCO29CQUNwQyxTQUFTLEVBQUUsQ0FBQyx1QkFBdUIsQ0FBQztvQkFDcEMsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07b0JBQy9DLGFBQWEsRUFBRSxpQkFBaUIsQ0FBQyxJQUFJO2lCQUN0Qzt3SkFFVSxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFFRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCwgVmlld0VuY2Fwc3VsYXRpb24sIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBPbkNoYW5nZXMsIEVsZW1lbnRSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFRva2VuU2VydmljZSB9IGZyb20gJy4uLy4uL3NlcnZpY2VzL3Rva2VuLnNlcnZpY2UnO1xuaW1wb3J0IHsgV2luZG93U2VydmljZSB9IGZyb20gJy4uLy4uL3NlcnZpY2VzL3dpbmRvdy5zZXJ2aWNlJztcbmltcG9ydCB7IEljb25OYW1lcywgSWNvbkNvbnRleHQgfSBmcm9tICcuL2ljb24nO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6J3VpLWljb24nLFxuICB0ZW1wbGF0ZVVybDogJy4vaWNvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2ljb24uY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmVcbn0pXG5leHBvcnQgY2xhc3MgSWNvbkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25DaGFuZ2VzIHtcbiAgQElucHV0KCkgaWNvblNpemU6ICdzbWFsbCd8J2xhcmdlJyA9ICdsYXJnZSc7XG4gIEBJbnB1dCgpIGljb25OYW1lITogSWNvbk5hbWVzO1xuICBASW5wdXQoKSBpY29uQ29udGV4dDogSWNvbkNvbnRleHQgPSAnbm9uZSc7XG5cbiAgQElucHV0KCkgaWNvbldpZHRoPzogbnVtYmVyO1xuICBASW5wdXQoKSBpY29uSGVpZ2h0PzogbnVtYmVyO1xuICBASW5wdXQoKSBpY29uQ2xhc3M/OiBzdHJpbmc7XG5cbiAgc2l6ZT86IHN0cmluZztcbiAgaWNvbkJyYW5kUGF0aD86IHN0cmluZztcbiAgaWNvbkRpc3BsYXlDbGFzc2VzOiBzdHJpbmdbXTtcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHRva2VuU2VydmljZTogVG9rZW5TZXJ2aWNlLCBwcml2YXRlIHdpbmRvd1JlZjogV2luZG93U2VydmljZSwgcHJpdmF0ZSBlbGVtZW50UmVmOiBFbGVtZW50UmVmKSB7IH1cblxuICBjb252ZXJ0UmVtVG9QaXhlbHMocmVtU3RyaW5nOiBzdHJpbmcpOiBudW1iZXIge1xuICAgIGNvbnN0IHJlbU51bWJlciA9IHBhcnNlRmxvYXQocmVtU3RyaW5nLnJlcGxhY2UoJ3JlbScsICcnKSk7XG4gICAgcmV0dXJuIHJlbU51bWJlciAqIHBhcnNlRmxvYXQoZ2V0Q29tcHV0ZWRTdHlsZSh0aGlzLndpbmRvd1JlZi5uYXRpdmVXaW5kb3cuZG9jdW1lbnQuZG9jdW1lbnRFbGVtZW50KS5mb250U2l6ZSk7XG4gIH1cblxuICBuZ09uQ2hhbmdlcygpOiB2b2lkIHtcbiAgICB0aGlzLm5nT25Jbml0KCk7XG4gIH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLmljb25CcmFuZFBhdGggPSBgJHt0aGlzLnRva2VuU2VydmljZS5nZXRCcmFuZE5hbWUoYC0taWNvbi1jb21wb25lbnQtYnJhbmRgLCB0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudCl9YFxuICAgIHRoaXMuc2l6ZSA9IHRoaXMudG9rZW5TZXJ2aWNlLmdldFRva2VuVmFsdWUoYC0tZ2xvYmFsLXNpemUtaWNvbi0ke3RoaXMuaWNvblNpemV9YCk7XG5cbiAgICB0aGlzLmljb25EaXNwbGF5Q2xhc3NlcyA9IFtcbiAgICAgIGBpY29uLWNvbnRleHQtJHt0aGlzLmljb25Db250ZXh0fWAsXG4gICAgICBgaWNvbi1zaXplLSR7dGhpcy5pY29uU2l6ZX1gXG4gICAgXTtcblxuICAgIGNvbnN0IHNpemVJblBpeGVscyA9IHRoaXMuY29udmVydFJlbVRvUGl4ZWxzKHRoaXMuc2l6ZSk7XG4gICAgdGhpcy5pY29uV2lkdGggPSBzaXplSW5QaXhlbHM7XG4gICAgdGhpcy5pY29uSGVpZ2h0ID0gc2l6ZUluUGl4ZWxzO1xuICB9XG5cbn1cbiIsIjxkaXYgY2xhc3M9XCJ1aS1pY29uXCIgW25nQ2xhc3NdPVwiaWNvbkRpc3BsYXlDbGFzc2VzXCI+XG4gIDxzdmcgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiIGF0dHIud2lkdGg9XCJ7e2ljb25XaWR0aH19cHhcIiBhdHRyLmhlaWdodD1cInt7aWNvbkhlaWdodH19cHhcIiBhdHRyLmNsYXNzPVwie3tpY29uQ2xhc3N9fVwiPlxuICAgIDx1c2UgYXR0ci54bGluazpocmVmPVwiLi97e2ljb25CcmFuZFBhdGh9fS9hc3NldHMvaWNvbnMvaWNvbnMuc3ZnI2ljb24te3tpY29uTmFtZX19XCI+PC91c2U+XG4gIDwvc3ZnPlxuPC9kaXY+XG4iXX0=

package/esm2015/lib/components/icon/icon.js

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL29hc3lzLWxpYi9zcmMvbGliL2NvbXBvbmVudHMvaWNvbi9pY29uLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgdHlwZSBJY29uTmFtZXMgPSBcbnwgJ3BpbicgXG58ICdoZWFydCdcbnwgJ2Jhc2tldCdcbjtcblxuZXhwb3J0IHR5cGUgSWNvbkNvbnRleHQgPSAnbGVhZGluZycgfCAndHJhaWxpbmcnIHwgJ2ljb25Pbmx5JyB8ICdub25lJztcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL29hc3lzLWxpYi9zcmMvbGliL2NvbXBvbmVudHMvaWNvbi9pY29uLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgdHlwZSBJY29uTmFtZXMgPVxufCAncGluJ1xufCAnaGVhcnQnXG58ICdoZWFydC1maWxsJ1xufCAnYmFza2V0J1xufCAndXNlcidcbnwgJ3VzZXItZmlsbCdcbnwgJ2NoZXZyb24tdXAnXG58ICdjaGV2cm9uLXJpZ2h0J1xufCAnY2hldnJvbi1kb3duJ1xufCAnY2hldnJvbi1sZWZ0J1xufCAnYXJyb3ctdXAnXG58ICdhcnJvdy1yaWdodCdcbnwgJ2Fycm93LWRvd24nXG58ICdhcnJvdy1sZWZ0J1xuO1xuXG5leHBvcnQgdHlwZSBJY29uQ29udGV4dCA9ICdsZWFkaW5nJyB8ICd0cmFpbGluZycgfCAnaWNvbk9ubHknIHwgJ25vbmUnO1xuIl19

package/esm2015/lib/components/text/text.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL29hc3lzLWxpYi9zcmMvbGliL2NvbXBvbmVudHMvdGV4dC90ZXh0LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgdHlwZSBUZXh0VHJhbnNmb3JtID0gJ25vbmUnIHwgJ3VwcGVyY2FzZScgfCAnbG93ZXJjYXNlJyB8ICdjYXBpdGFsaXplJzsiXX0=