oasys-lib 1.3.26-beta.0 → 1.4.0

package/esm2020/lib/components/button/button.component.mjs

@@ -0,0 +1,90 @@
+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 OasysButtonComponent {
+    constructor(changes) {
+        this.changes = changes;
+        this.buttonIconPlacement = 'leading';
+        // Button Stylings
+        this.buttonSize = 'large';
+        this.buttonFullWidth = false;
+        this.buttonType = 'primary';
+        this.buttonDisabled = false;
+        // Button Actions
+        this.href = '';
+        this.clicked = new EventEmitter();
+        this.iconContext = 'none';
+        this.outlineButtonTypes = ['secondary', 'secondary-inverse'];
+    }
+    onClick() {
+        this.clicked.emit();
+    }
+    createButton() {
+        return {
+            buttonIcon: this.buttonIcon,
+            buttonIconPlacement: this.buttonIconPlacement,
+            buttonType: this.buttonType,
+            buttonSize: this.buttonSize,
+            buttonDisabled: this.buttonDisabled,
+            href: this.href,
+            target: '',
+            buttonDisplayClasses: [
+                `type-${this.buttonType}`,
+                `size-${this.buttonSize}`,
+                `${this.buttonIcon ? 'button--has-icon' : ''}`,
+                `${this.buttonFullWidth ? 'button--full-width' : ''}`,
+                `${this.buttonIcon ? 'button--icon--' + this.buttonIconPlacement : ''}`,
+                `${this.outlineButtonTypes.indexOf(this.buttonType) !== -1 ? 'button--outline' : ''}`
+            ].filter((d) => !!d)
+        };
+    }
+    ngAfterViewInit() {
+        if (this.buttonText?.nativeElement?.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();
+        this.changes.markForCheck();
+    }
+    ngOnInit() {
+        this.button = this.createButton();
+    }
+}
+OasysButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: OasysButtonComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+OasysButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", 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        [attr.title]=\"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\" [ngClass]=\"{'visuallyhidden': button.buttonIconPlacement === 'iconOnly'}\">\n            <ng-content></ng-content>\n        </span>\n    </div>\n    <div class=\"button-overlay\"></div>\n    <div class=\"button-overlay-focus\"></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-button-border-radius);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;max-height:var(--component-button-line-height)}ui-button button .button-content .ui-text{text-transform:var(--component-button-text-transform);letter-spacing:var(--component-button-letter-spacing);font-weight:var(--component-button-font-weight);line-height:var(--component-button-line-height)}ui-button button .button-overlay,ui-button button .button-overlay-focus{position:absolute;top:0;right:0;bottom:0;left:0;touch-action:none;pointer-events:none;border-radius:var(--component-button-border-radius);opacity:0}ui-button button:hover .button-overlay{opacity:var(--component-button-opacity-overlay-hover)}ui-button button:focus .button-overlay{opacity:var(--component-button-opacity-overlay-focus)}ui-button button:focus-visible .button-overlay{opacity:var(--component-button-opacity-overlay-focus-visible)}ui-button button:focus-visible{outline:none}ui-button button:focus-visible .button-overlay-focus{top:calc(var(--component-button-outline-gap) * -1);right:calc(var(--component-button-outline-gap) * -1);bottom:calc(var(--component-button-outline-gap) * -1);left:calc(var(--component-button-outline-gap) * -1);box-shadow:0 0 0 var(--component-button-outline-width) var(--component-button-color-focus-visible);opacity:1;border-radius:calc(var(--component-button-border-radius) + var(--component-button-outline-width))}ui-button button:focus{outline:none}ui-button button.type-primary{background-color:var(--component-button-color-primary-background);border-color:var(--component-button-color-primary-border);color:var(--component-button-color-primary-text)}ui-button button.type-primary .button-overlay{background-color:var(--component-button-color-primary-text)}ui-button button.type-secondary{background-color:var(--component-button-color-secondary-background);border-color:var(--component-button-color-secondary-border);color:var(--component-button-color-secondary-text)}ui-button button.type-secondary .button-overlay{background-color:var(--component-button-color-secondary-text)}ui-button button.type-tertiary{background-color:var(--component-button-color-tertiary-background);border-color:var(--component-button-color-tertiary-border);color:var(--component-button-color-tertiary-text)}ui-button button.type-tertiary .button-overlay{background-color:var(--component-button-color-tertiary-text)}ui-button button.type-primary-inverse{background-color:var(--component-button-color-primary-inverse-background);border-color:var(--component-button-color-primary-inverse-border);color:var(--component-button-color-primary-inverse-text)}ui-button button.type-primary-inverse .button-overlay{background-color:var(--component-button-color-primary-inverse-text)}ui-button button.type-secondary-inverse{background-color:var(--component-button-color-secondary-inverse-background);border-color:var(--component-button-color-secondary-inverse-border);color:var(--component-button-color-secondary-inverse-text)}ui-button button.type-secondary-inverse .button-overlay{background-color:var(--component-button-color-secondary-inverse-text)}ui-button button.type-tertiary-inverse{background-color:var(--component-button-color-tertiary-inverse-background);border-color:var(--component-button-color-tertiary-inverse-border);color:var(--component-button-color-tertiary-inverse-text)}ui-button button.type-tertiary-inverse .button-overlay{background-color:var(--component-button-color-tertiary-inverse-text)}ui-button button.type-expressive{background-color:var(--component-button-color-expressive-background);border-color:var(--component-button-color-expressive-border);color:var(--component-button-color-expressive-text)}ui-button button.type-expressive .button-overlay{background-color:var(--component-button-color-expressive-text)}ui-button button.type-danger{background-color:var(--component-button-color-danger-background);border-color:var(--component-button-color-danger-border);color:var(--component-button-color-danger-text)}ui-button button.type-danger .button-overlay{background-color:var(--component-button-color-danger-text)}ui-button button.type-facebook{background-color:var(--component-button-color-facebook-background);border-color:var(--component-button-color-facebook-border);color:var(--component-button-color-facebook-text)}ui-button button.type-facebook .button-overlay{background-color:var(--component-button-color-facebook-text)}ui-button button.type-paypal{background-color:var(--component-button-color-paypal-background);border-color:var(--component-button-color-paypal-border);color:var(--component-button-color-paypal-text)}ui-button button.type-paypal .button-overlay{background-color:var(--component-button-color-paypal-text)}ui-button button.type-trustpilot{background-color:var(--component-button-color-trustpilot-background);border-color:var(--component-button-color-trustpilot-border);color:var(--component-button-color-trustpilot-text)}ui-button button.type-trustpilot .button-overlay{background-color:var(--component-button-color-trustpilot-text)}ui-button button .buttonIcon{fill:currentColor}ui-button button.size-large{padding:var(--component-button-size-large-padding-y) var(--component-button-size-large-padding-x);border-width:var(--component-button-size-large-border-width);font-size:var(--component-button-size-large-font-size)}ui-button button.size-large .button-content{gap:var(--component-button-size-large-stack-spacing)}ui-button button.size-large .ui-icon.icon-context-leading{margin-left:calc(var(--component-button-size-large-icon-offset-leading) * -1)}ui-button button.size-large .ui-icon.icon-context-trailing{margin-right:calc(var(--component-button-size-large-icon-offset-trailing) * -1)}ui-button button.size-large .ui-icon.icon-context-iconOnly{margin-left:calc(var(--component-button-size-large-icon-offset-icon-only) * -1);margin-right:calc(var(--component-button-size-large-icon-offset-icon-only) * -1)}ui-button button.size-small{padding:var(--component-button-size-small-padding-y) var(--component-button-size-small-padding-x);border-width:var(--component-button-size-small-border-width);font-size:var(--component-button-size-small-font-size)}ui-button button.size-small .button-content{gap:var(--component-button-size-small-stack-spacing)}ui-button button.size-small .ui-icon.icon-context-leading{margin-left:calc(var(--component-button-size-small-icon-offset-leading) * -1)}ui-button button.size-small .ui-icon.icon-context-trailing{margin-right:calc(var(--component-button-size-small-icon-offset-trailing) * -1)}ui-button button.size-small .ui-icon.icon-context-iconOnly{margin-left:calc(var(--component-button-size-small-icon-offset-icon-only) * -1);margin-right:calc(var(--component-button-size-small-icon-offset-icon-only) * -1)}ui-button button.button--outline.size-large{padding:var(--component-button-size-large-with-outline-padding-y) var(--component-button-size-large-with-outline-padding-x);border-width:var(--component-button-size-large-with-outline-border-width);font-size:var(--component-button-size-large-font-size)}ui-button button.button--outline.size-large .button-content{gap:var(--component-button-size-large-stack-spacing)}ui-button button.button--outline.size-large .ui-icon.icon-context-leading{margin-left:calc(var(--component-button-size-large-with-outline-icon-offset-leading) * -1)}ui-button button.button--outline.size-large .ui-icon.icon-context-trailing{margin-right:calc(var(--component-button-size-large-with-outline-icon-offset-trailing) * -1)}ui-button button.button--outline.size-large .ui-icon.icon-context-iconOnly{margin-left:calc(var(--component-button-size-large-with-outline-icon-offset-icon-only) * -1);margin-right:calc(var(--component-button-size-large-with-outline-icon-offset-icon-only) * -1)}ui-button button.button--outline.size-small{padding:var(--component-button-size-small-with-outline-padding-y) var(--component-button-size-small-with-outline-padding-x);border-width:var(--component-button-size-small-with-outline-border-width);font-size:var(--component-button-size-small-font-size)}ui-button button.button--outline.size-small .button-content{gap:var(--component-button-size-small-stack-spacing)}ui-button button.button--outline.size-small .ui-icon.icon-context-leading{margin-left:calc(var(--component-button-size-small-with-outline-icon-offset-leading) * -1)}ui-button button.button--outline.size-small .ui-icon.icon-context-trailing{margin-right:calc(var(--component-button-size-small-with-outline-icon-offset-trailing) * -1)}ui-button button.button--outline.size-small .ui-icon.icon-context-iconOnly{margin-left:calc(var(--component-button-size-small-with-outline-icon-offset-icon-only) * -1);margin-right:calc(var(--component-button-size-small-with-outline-icon-offset-icon-only) * -1)}ui-button button[disabled]{background-color:var(--component-button-color-disabled-background);border-color:var(--component-button-color-disabled-border);color:var(--component-button-color-disabled-text);cursor:default}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: ["queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo", "routerLink"] }, { 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: "13.3.12", ngImport: i0, type: OasysButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ui-button', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, 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        [attr.title]=\"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\" [ngClass]=\"{'visuallyhidden': button.buttonIconPlacement === 'iconOnly'}\">\n            <ng-content></ng-content>\n        </span>\n    </div>\n    <div class=\"button-overlay\"></div>\n    <div class=\"button-overlay-focus\"></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-button-border-radius);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;max-height:var(--component-button-line-height)}ui-button button .button-content .ui-text{text-transform:var(--component-button-text-transform);letter-spacing:var(--component-button-letter-spacing);font-weight:var(--component-button-font-weight);line-height:var(--component-button-line-height)}ui-button button .button-overlay,ui-button button .button-overlay-focus{position:absolute;top:0;right:0;bottom:0;left:0;touch-action:none;pointer-events:none;border-radius:var(--component-button-border-radius);opacity:0}ui-button button:hover .button-overlay{opacity:var(--component-button-opacity-overlay-hover)}ui-button button:focus .button-overlay{opacity:var(--component-button-opacity-overlay-focus)}ui-button button:focus-visible .button-overlay{opacity:var(--component-button-opacity-overlay-focus-visible)}ui-button button:focus-visible{outline:none}ui-button button:focus-visible .button-overlay-focus{top:calc(var(--component-button-outline-gap) * -1);right:calc(var(--component-button-outline-gap) * -1);bottom:calc(var(--component-button-outline-gap) * -1);left:calc(var(--component-button-outline-gap) * -1);box-shadow:0 0 0 var(--component-button-outline-width) var(--component-button-color-focus-visible);opacity:1;border-radius:calc(var(--component-button-border-radius) + var(--component-button-outline-width))}ui-button button:focus{outline:none}ui-button button.type-primary{background-color:var(--component-button-color-primary-background);border-color:var(--component-button-color-primary-border);color:var(--component-button-color-primary-text)}ui-button button.type-primary .button-overlay{background-color:var(--component-button-color-primary-text)}ui-button button.type-secondary{background-color:var(--component-button-color-secondary-background);border-color:var(--component-button-color-secondary-border);color:var(--component-button-color-secondary-text)}ui-button button.type-secondary .button-overlay{background-color:var(--component-button-color-secondary-text)}ui-button button.type-tertiary{background-color:var(--component-button-color-tertiary-background);border-color:var(--component-button-color-tertiary-border);color:var(--component-button-color-tertiary-text)}ui-button button.type-tertiary .button-overlay{background-color:var(--component-button-color-tertiary-text)}ui-button button.type-primary-inverse{background-color:var(--component-button-color-primary-inverse-background);border-color:var(--component-button-color-primary-inverse-border);color:var(--component-button-color-primary-inverse-text)}ui-button button.type-primary-inverse .button-overlay{background-color:var(--component-button-color-primary-inverse-text)}ui-button button.type-secondary-inverse{background-color:var(--component-button-color-secondary-inverse-background);border-color:var(--component-button-color-secondary-inverse-border);color:var(--component-button-color-secondary-inverse-text)}ui-button button.type-secondary-inverse .button-overlay{background-color:var(--component-button-color-secondary-inverse-text)}ui-button button.type-tertiary-inverse{background-color:var(--component-button-color-tertiary-inverse-background);border-color:var(--component-button-color-tertiary-inverse-border);color:var(--component-button-color-tertiary-inverse-text)}ui-button button.type-tertiary-inverse .button-overlay{background-color:var(--component-button-color-tertiary-inverse-text)}ui-button button.type-expressive{background-color:var(--component-button-color-expressive-background);border-color:var(--component-button-color-expressive-border);color:var(--component-button-color-expressive-text)}ui-button button.type-expressive .button-overlay{background-color:var(--component-button-color-expressive-text)}ui-button button.type-danger{background-color:var(--component-button-color-danger-background);border-color:var(--component-button-color-danger-border);color:var(--component-button-color-danger-text)}ui-button button.type-danger .button-overlay{background-color:var(--component-button-color-danger-text)}ui-button button.type-facebook{background-color:var(--component-button-color-facebook-background);border-color:var(--component-button-color-facebook-border);color:var(--component-button-color-facebook-text)}ui-button button.type-facebook .button-overlay{background-color:var(--component-button-color-facebook-text)}ui-button button.type-paypal{background-color:var(--component-button-color-paypal-background);border-color:var(--component-button-color-paypal-border);color:var(--component-button-color-paypal-text)}ui-button button.type-paypal .button-overlay{background-color:var(--component-button-color-paypal-text)}ui-button button.type-trustpilot{background-color:var(--component-button-color-trustpilot-background);border-color:var(--component-button-color-trustpilot-border);color:var(--component-button-color-trustpilot-text)}ui-button button.type-trustpilot .button-overlay{background-color:var(--component-button-color-trustpilot-text)}ui-button button .buttonIcon{fill:currentColor}ui-button button.size-large{padding:var(--component-button-size-large-padding-y) var(--component-button-size-large-padding-x);border-width:var(--component-button-size-large-border-width);font-size:var(--component-button-size-large-font-size)}ui-button button.size-large .button-content{gap:var(--component-button-size-large-stack-spacing)}ui-button button.size-large .ui-icon.icon-context-leading{margin-left:calc(var(--component-button-size-large-icon-offset-leading) * -1)}ui-button button.size-large .ui-icon.icon-context-trailing{margin-right:calc(var(--component-button-size-large-icon-offset-trailing) * -1)}ui-button button.size-large .ui-icon.icon-context-iconOnly{margin-left:calc(var(--component-button-size-large-icon-offset-icon-only) * -1);margin-right:calc(var(--component-button-size-large-icon-offset-icon-only) * -1)}ui-button button.size-small{padding:var(--component-button-size-small-padding-y) var(--component-button-size-small-padding-x);border-width:var(--component-button-size-small-border-width);font-size:var(--component-button-size-small-font-size)}ui-button button.size-small .button-content{gap:var(--component-button-size-small-stack-spacing)}ui-button button.size-small .ui-icon.icon-context-leading{margin-left:calc(var(--component-button-size-small-icon-offset-leading) * -1)}ui-button button.size-small .ui-icon.icon-context-trailing{margin-right:calc(var(--component-button-size-small-icon-offset-trailing) * -1)}ui-button button.size-small .ui-icon.icon-context-iconOnly{margin-left:calc(var(--component-button-size-small-icon-offset-icon-only) * -1);margin-right:calc(var(--component-button-size-small-icon-offset-icon-only) * -1)}ui-button button.button--outline.size-large{padding:var(--component-button-size-large-with-outline-padding-y) var(--component-button-size-large-with-outline-padding-x);border-width:var(--component-button-size-large-with-outline-border-width);font-size:var(--component-button-size-large-font-size)}ui-button button.button--outline.size-large .button-content{gap:var(--component-button-size-large-stack-spacing)}ui-button button.button--outline.size-large .ui-icon.icon-context-leading{margin-left:calc(var(--component-button-size-large-with-outline-icon-offset-leading) * -1)}ui-button button.button--outline.size-large .ui-icon.icon-context-trailing{margin-right:calc(var(--component-button-size-large-with-outline-icon-offset-trailing) * -1)}ui-button button.button--outline.size-large .ui-icon.icon-context-iconOnly{margin-left:calc(var(--component-button-size-large-with-outline-icon-offset-icon-only) * -1);margin-right:calc(var(--component-button-size-large-with-outline-icon-offset-icon-only) * -1)}ui-button button.button--outline.size-small{padding:var(--component-button-size-small-with-outline-padding-y) var(--component-button-size-small-with-outline-padding-x);border-width:var(--component-button-size-small-with-outline-border-width);font-size:var(--component-button-size-small-font-size)}ui-button button.button--outline.size-small .button-content{gap:var(--component-button-size-small-stack-spacing)}ui-button button.button--outline.size-small .ui-icon.icon-context-leading{margin-left:calc(var(--component-button-size-small-with-outline-icon-offset-leading) * -1)}ui-button button.button--outline.size-small .ui-icon.icon-context-trailing{margin-right:calc(var(--component-button-size-small-with-outline-icon-offset-trailing) * -1)}ui-button button.button--outline.size-small .ui-icon.icon-context-iconOnly{margin-left:calc(var(--component-button-size-small-with-outline-icon-offset-icon-only) * -1);margin-right:calc(var(--component-button-size-small-with-outline-icon-offset-icon-only) * -1)}ui-button button[disabled]{background-color:var(--component-button-color-disabled-background);border-color:var(--component-button-color-disabled-border);color:var(--component-button-color-disabled-text);cursor:default}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"] }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { buttonIcon: [{
+                type: Input
+            }], buttonIconPlacement: [{
+                type: Input
+            }], buttonText: [{
+                type: ContentChild,
+                args: ['buttonText']
+            }], buttonSize: [{
+                type: Input
+            }], buttonFullWidth: [{
+                type: Input
+            }], buttonType: [{
+                type: Input
+            }], buttonDisabled: [{
+                type: Input
+            }], href: [{
+                type: Input
+            }], clicked: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL29hc3lzLWxpYi9zcmMvbGliL2NvbXBvbmVudHMvYnV0dG9uL2J1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9vYXN5cy1saWIvc3JjL2xpYi9jb21wb25lbnRzL2J1dHRvbi9idXR0b24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLGlCQUFpQixFQUFFLFlBQVksRUFBRSx1QkFBdUIsRUFBRSxpQkFBaUIsRUFBYSxZQUFZLEVBQUUsVUFBVSxFQUFpQixNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFrQmxNLE1BQU0sT0FBTyxvQkFBb0I7SUEyQi9CLFlBQW9CLE9BQTBCO1FBQTFCLFlBQU8sR0FBUCxPQUFPLENBQW1CO1FBckJyQyx3QkFBbUIsR0FBZ0IsU0FBUyxDQUFDO1FBS3RELGtCQUFrQjtRQUNULGVBQVUsR0FBaUIsT0FBTyxDQUFDO1FBQ25DLG9CQUFlLEdBQW9CLEtBQUssQ0FBQztRQUN6QyxlQUFVLEdBQWlCLFNBQVMsQ0FBQztRQUNyQyxtQkFBYyxHQUFZLEtBQUssQ0FBQztRQUV6QyxpQkFBaUI7UUFDUixTQUFJLEdBQVcsRUFBRSxDQUFDO1FBQ2pCLFlBQU8sR0FBdUIsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUczRCxnQkFBVyxHQUFnQixNQUFNLENBQUM7UUFHbEMsdUJBQWtCLEdBQUcsQ0FBQyxXQUFXLEVBQUUsbUJBQW1CLENBQUMsQ0FBQTtJQUVMLENBQUM7SUFFbkQsT0FBTztRQUNMLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDdEIsQ0FBQztJQUVELFlBQVk7UUFFVixPQUFpQjtZQUNmLFVBQVUsRUFBRSxJQUFJLENBQUMsVUFBVTtZQUMzQixtQkFBbUIsRUFBRSxJQUFJLENBQUMsbUJBQW1CO1lBQzdDLFVBQVUsRUFBRSxJQUFJLENBQUMsVUFBVTtZQUMzQixVQUFVLEVBQUUsSUFBSSxDQUFDLFVBQVU7WUFDM0IsY0FBYyxFQUFFLElBQUksQ0FBQyxjQUFjO1lBQ25DLElBQUksRUFBRSxJQUFJLENBQUMsSUFBSTtZQUNmLE1BQU0sRUFBRSxFQUFFO1lBQ1Ysb0JBQW9CLEVBQUU7Z0JBQ3RCLFFBQVEsSUFBSSxDQUFDLFVBQVUsRUFBRTtnQkFDekIsUUFBUSxJQUFJLENBQUMsVUFBVSxFQUFFO2dCQUN6QixHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLGtCQUFrQixDQUFBLENBQUMsQ0FBQyxFQUFFLEVBQUU7Z0JBQzdDLEdBQUcsSUFBSSxDQUFDLGVBQWUsQ0FBQyxDQUFDLENBQUMsb0JBQW9CLENBQUEsQ0FBQyxDQUFDLEVBQUUsRUFBRTtnQkFDcEQsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxnQkFBZ0IsR0FBQyxJQUFJLENBQUMsbUJBQW1CLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRTtnQkFDckUsR0FBRyxJQUFJLENBQUMsa0JBQWtCLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsaUJBQWlCLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRTthQUNwRixDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztTQUNyQixDQUFDO0lBQ0osQ0FBQztJQUVELGVBQWU7UUFDYixJQUFHLElBQUksQ0FBQyxVQUFVLEVBQUUsYUFBYSxFQUFFLFNBQVMsRUFBRTtZQUM1QyxJQUFJLENBQUMsdUJBQXVCLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLENBQUMsU0FBUyxDQUFDO1NBQ3hFO2FBQU07WUFDTCxNQUFNLElBQUksS0FBSyxDQUFDOzs7Ozs7T0FNZixDQUFDLENBQUE7U0FDSDtJQUNILENBQUM7SUFFRCxXQUFXO1FBQ1AsSUFBSSxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUMsWUFBWSxFQUFFLENBQUM7UUFDbEMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUNoQyxDQUFDO0lBRUQsUUFBUTtRQUNOLElBQUksQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO0lBQ3BDLENBQUM7O2tIQTNFVSxvQkFBb0I7c0dBQXBCLG9CQUFvQix1YUNsQmpDLGszQkFnQkE7NEZERWEsb0JBQW9CO2tCQVBoQyxTQUFTOytCQUNDLFdBQVcsaUJBR0wsaUJBQWlCLENBQUMsSUFBSSxtQkFDcEIsdUJBQXVCLENBQUMsTUFBTTt3R0FPdEMsVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxtQkFBbUI7c0JBQTNCLEtBQUs7Z0JBR3NCLFVBQVU7c0JBQXJDLFlBQVk7dUJBQUMsWUFBWTtnQkFHakIsVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxlQUFlO3NCQUF2QixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csY0FBYztzQkFBdEIsS0FBSztnQkFHRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0ksT0FBTztzQkFBaEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0LCBWaWV3RW5jYXBzdWxhdGlvbiwgRXZlbnRFbWl0dGVyLCBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ2hhbmdlRGV0ZWN0b3JSZWYsIE9uQ2hhbmdlcywgQ29udGVudENoaWxkLCBFbGVtZW50UmVmLCBBZnRlclZpZXdJbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBJY29uTmFtZXMsIEljb25Db250ZXh0IH0gZnJvbSAnLi4vaWNvbi9pY29uJztcbmltcG9ydCB7IFRleHRUcmFuc2Zvcm0gfSBmcm9tICcuLi90ZXh0L3RleHQnO1xuaW1wb3J0IHtcbiAgLy8gQnV0dG9uVHlwZU9wdGlvbnMsXG4gIFVJQnV0dG9uLFxuICBVSUJ1dHRvbkJvb2xlYW4sXG4gIFVJQnV0dG9uU2l6ZSxcbiAgVUlCdXR0b25UeXBlXG59IGZyb20gJy4vYnV0dG9uJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOid1aS1idXR0b24nLFxuICB0ZW1wbGF0ZVVybDogJy4vYnV0dG9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYnV0dG9uLmNvbXBvbmVudC5zY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIE9hc3lzQnV0dG9uQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBPbkNoYW5nZXMsIEFmdGVyVmlld0luaXQge1xuXG4gIGJ1dHRvbjogVUlCdXR0b247XG5cbiAgLy8gLy8gQnV0dG9uIENvbnRlbnRcbiAgQElucHV0KCkgYnV0dG9uSWNvbj86IEljb25OYW1lcztcbiAgQElucHV0KCkgYnV0dG9uSWNvblBsYWNlbWVudDogSWNvbkNvbnRleHQgPSAnbGVhZGluZyc7XG5cbiAgLy8gQElucHV0KCkgYnV0dG9uVGV4dDogc3RyaW5nO1xuICBAQ29udGVudENoaWxkKCdidXR0b25UZXh0JykgYnV0dG9uVGV4dDogRWxlbWVudFJlZjtcblxuICAvLyBCdXR0b24gU3R5bGluZ3NcbiAgQElucHV0KCkgYnV0dG9uU2l6ZTogVUlCdXR0b25TaXplID0gJ2xhcmdlJztcbiAgQElucHV0KCkgYnV0dG9uRnVsbFdpZHRoOiBVSUJ1dHRvbkJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgYnV0dG9uVHlwZTogVUlCdXR0b25UeXBlID0gJ3ByaW1hcnknO1xuICBASW5wdXQoKSBidXR0b25EaXNhYmxlZDogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIC8vIEJ1dHRvbiBBY3Rpb25zXG4gIEBJbnB1dCgpIGhyZWY6IHN0cmluZyA9ICcnO1xuICBAT3V0cHV0KCkgY2xpY2tlZDogRXZlbnRFbWl0dGVyPHZvaWQ+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gIGJ1dHRvbkRpc3BsYXlDbGFzc2VzOiBzdHJpbmdbXTtcbiAgaWNvbkNvbnRleHQ6IEljb25Db250ZXh0ID0gJ25vbmUnO1xuICB0ZXh0VHJhbnNmb3JtITogVGV4dFRyYW5zZm9ybTtcbiAgYWNjZXNzaWJsZUJ1dHRvbkNvbnRlbnQ6IHN0cmluZztcbiAgb3V0bGluZUJ1dHRvblR5cGVzID0gWydzZWNvbmRhcnknLCAnc2Vjb25kYXJ5LWludmVyc2UnXVxuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgY2hhbmdlczogQ2hhbmdlRGV0ZWN0b3JSZWYpIHsgfVxuXG4gIG9uQ2xpY2soKTogdm9pZCB7XG4gICAgdGhpcy5jbGlja2VkLmVtaXQoKTtcbiAgfVxuXG4gIGNyZWF0ZUJ1dHRvbigpOiBVSUJ1dHRvbiB7XG5cbiAgICByZXR1cm4gPFVJQnV0dG9uPntcbiAgICAgIGJ1dHRvbkljb246IHRoaXMuYnV0dG9uSWNvbixcbiAgICAgIGJ1dHRvbkljb25QbGFjZW1lbnQ6IHRoaXMuYnV0dG9uSWNvblBsYWNlbWVudCxcbiAgICAgIGJ1dHRvblR5cGU6IHRoaXMuYnV0dG9uVHlwZSxcbiAgICAgIGJ1dHRvblNpemU6IHRoaXMuYnV0dG9uU2l6ZSxcbiAgICAgIGJ1dHRvbkRpc2FibGVkOiB0aGlzLmJ1dHRvbkRpc2FibGVkLFxuICAgICAgaHJlZjogdGhpcy5ocmVmLFxuICAgICAgdGFyZ2V0OiAnJyxcbiAgICAgIGJ1dHRvbkRpc3BsYXlDbGFzc2VzOiBbXG4gICAgICBgdHlwZS0ke3RoaXMuYnV0dG9uVHlwZX1gLFxuICAgICAgYHNpemUtJHt0aGlzLmJ1dHRvblNpemV9YCxcbiAgICAgIGAke3RoaXMuYnV0dG9uSWNvbiA/ICdidXR0b24tLWhhcy1pY29uJzogJyd9YCxcbiAgICAgIGAke3RoaXMuYnV0dG9uRnVsbFdpZHRoID8gJ2J1dHRvbi0tZnVsbC13aWR0aCc6ICcnfWAsXG4gICAgICBgJHt0aGlzLmJ1dHRvbkljb24gPyAnYnV0dG9uLS1pY29uLS0nK3RoaXMuYnV0dG9uSWNvblBsYWNlbWVudCA6ICcnfWAsXG4gICAgICBgJHt0aGlzLm91dGxpbmVCdXR0b25UeXBlcy5pbmRleE9mKHRoaXMuYnV0dG9uVHlwZSkgIT09IC0xID8gJ2J1dHRvbi0tb3V0bGluZScgOiAnJ31gXG4gICAgICBdLmZpbHRlcigoZCkgPT4gISFkKVxuICAgIH07XG4gIH1cblxuICBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XG4gICAgaWYodGhpcy5idXR0b25UZXh0Py5uYXRpdmVFbGVtZW50Py5pbm5lclRleHQpIHtcbiAgICAgIHRoaXMuYWNjZXNzaWJsZUJ1dHRvbkNvbnRlbnQgPSB0aGlzLmJ1dHRvblRleHQubmF0aXZlRWxlbWVudC5pbm5lclRleHQ7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRocm93IG5ldyBFcnJvcihgXG4gICAgICBObyBpbm5lciB0ZXh0IGZvdW5kLiBBbGwgYnV0dG9ucyBzaG91bGQgaGF2ZSB0ZXh0IHBhc3NlZCB2aWEgbmctY29udGVudCB0byBlbmFibGUgYWNjZXNzaWJpbGl0eSBmb3Igc2NyZWVuIHJlYWRlcnMsIHRoaXMgaW5jbHVkZXMgaWNvbi1vbmx5IGJ1dHRvbnMuXG5cbiAgICAgIFBhc3MgY29udGVudCB1c2luZyB0aGUgdGVtcGxhdGUgdmFyaWFibGUgI2J1dHRvblRleHQgZWc6XG4gICAgICB1aS1idXR0b24oKVxuICAgICAgICBzcGFuKCNidXR0b25UZXh0KSBCdXkgQWxsIFRoZSBUaGluZ3NcbiAgICAgIGApXG4gICAgfVxuICB9XG5cbiAgbmdPbkNoYW5nZXMoKTogdm9pZCB7XG4gICAgICB0aGlzLmJ1dHRvbiA9IHRoaXMuY3JlYXRlQnV0dG9uKCk7XG4gICAgICB0aGlzLmNoYW5nZXMubWFya0ZvckNoZWNrKCk7XG4gIH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLmJ1dHRvbiA9IHRoaXMuY3JlYXRlQnV0dG9uKCk7XG4gIH1cbn1cbiIsIjxidXR0b24gKGNsaWNrKT1cIm9uQ2xpY2soKVwiXG4gICAgICAgIFtyb3V0ZXJMaW5rXT1cImJ1dHRvbi5ocmVmIHx8IG51bGxcIlxuICAgICAgICBbbmdDbGFzc109XCJidXR0b24uYnV0dG9uRGlzcGxheUNsYXNzZXNcIlxuICAgICAgICBbYXR0ci5kaXNhYmxlZF09XCJidXR0b24uYnV0dG9uRGlzYWJsZWQgPT09IHRydWUgfHwgbnVsbFwiXG4gICAgICAgIFthdHRyLmFyaWEtbGFiZWxdPVwiYWNjZXNzaWJsZUJ1dHRvbkNvbnRlbnRcIlxuICAgICAgICBbYXR0ci50aXRsZV09XCJhY2Nlc3NpYmxlQnV0dG9uQ29udGVudFwiXG4gICAgICAgIHJvbGU9XCJidXR0b25cIj5cbiAgICA8ZGl2IGNsYXNzPVwiYnV0dG9uLWNvbnRlbnRcIj5cbiAgICAgICAgPHVpLWljb24gKm5nSWY9XCJidXR0b24uYnV0dG9uSWNvbiAmJiBidXR0b24uYnV0dG9uSWNvblBsYWNlbWVudCAhPT0gJ25vbmUnXCIgW2ljb25OYW1lXT1cImJ1dHRvbi5idXR0b25JY29uXCIgW2ljb25TaXplXT1cImJ1dHRvbi5idXR0b25TaXplXCIgW2ljb25DbGFzc109XCInYnV0dG9uSWNvbidcIiBbaWNvbkNvbnRleHRdPVwiYnV0dG9uLmJ1dHRvbkljb25QbGFjZW1lbnRcIj48L3VpLWljb24+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwidWktdGV4dFwiIFtuZ0NsYXNzXT1cInsndmlzdWFsbHloaWRkZW4nOiBidXR0b24uYnV0dG9uSWNvblBsYWNlbWVudCA9PT0gJ2ljb25Pbmx5J31cIj5cbiAgICAgICAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICAgICAgPC9zcGFuPlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJidXR0b24tb3ZlcmxheVwiPjwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJidXR0b24tb3ZlcmxheS1mb2N1c1wiPjwvZGl2PlxuPC9idXR0b24+XG4iXX0=

package/esm2020/lib/components/button/button.mjs

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

package/esm2020/lib/components/heading/heading.component.mjs

@@ -0,0 +1,76 @@
+import { Component, Input, ViewEncapsulation, HostBinding } from '@angular/core';
+import { TokenService } from '../../services/token.service';
+import * as i0 from "@angular/core";
+import * as i1 from "../../services/token.service";
+import * as i2 from "../layout/stack/stack.component";
+import * as i3 from "@angular/common";
+export class OasysHeadingComponent {
+    constructor(tokenService) {
+        this.tokenService = tokenService;
+        this.headingType = 'primary';
+        this.headingOnDark = false;
+        this.headingSeoPriority = false;
+        this.headingSubtitle = '';
+        this.headingSurtitle = '';
+    }
+    get class() {
+        return `
+      ${this.headingOnDark ? 'text-color--on-dark' : ''}
+      ui-heading-alignment-${this.headingAlignment}
+    `;
+    }
+    headingTypeIsFunctional(headingType) {
+        return headingType.indexOf('functional') !== -1;
+    }
+    setupHeadingStackAlignment(headingType) {
+        if (this.headingAlignmentOverride) {
+            this.headingAlignment = this.headingAlignmentOverride;
+            return;
+        }
+        const alignment = this.tokenService.getTokenValue('--component-heading-alignment-default');
+        const functionalAlignment = this.tokenService.getTokenValue('--component-heading-alignment-functional');
+        this.headingAlignment = this.headingTypeIsFunctional(headingType) ? functionalAlignment : alignment;
+    }
+    setupHeadingStackGap(headingType) {
+        if (this.headingTypeIsFunctional(headingType)) {
+            this.headingGap = this.tokenService.getTokenValue('--component-heading-gap-functional');
+            return;
+        }
+        if (this.headingType === 'secondary') {
+            this.headingGap = this.tokenService.getTokenValue('--component-heading-gap-secondary');
+            return;
+        }
+        this.headingGap = this.tokenService.getTokenValue('--component-heading-gap-default');
+    }
+    ngOnInit() {
+        this.setupHeadingStackAlignment(this.headingType);
+        this.setupHeadingStackGap(this.headingType);
+        this.headingPriority = this.headingPriority || this.headingSeoPriority ? 1 : 2;
+    }
+}
+OasysHeadingComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: OasysHeadingComponent, deps: [{ token: i1.TokenService }], target: i0.ɵɵFactoryTarget.Component });
+OasysHeadingComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: OasysHeadingComponent, selector: "ui-heading", inputs: { headingType: "headingType", headingOnDark: "headingOnDark", headingTitle: "headingTitle", headingSeoPriority: "headingSeoPriority", headingPriority: "headingPriority", headingAlignmentOverride: "headingAlignmentOverride", headingSubtitle: "headingSubtitle", headingSurtitle: "headingSurtitle" }, host: { properties: { "class": "this.class" } }, ngImport: i0, template: "<hgroup>\n    <ui-stack [stackAlign]=\"headingAlignment\" [stackGap]=\"headingGap\">\n\n        <p *ngIf=\"headingSurtitle && headingSurtitle.length\" class=\"heading-surtitle text-body--supporting text-color--supporting\">\n            {{headingSurtitle}}\n        </p>\n\n        <ng-template #content>\n            <span\n            class=\"heading-title\"\n            [ngClass]=\"{\n                'text-heading': !headingTypeIsFunctional(headingType),\n                'text-heading--functional': headingTypeIsFunctional(headingType),\n\n                'text-heading--hero': headingType === 'hero',\n                'text-heading--primary': headingType === 'primary',\n                'text-heading--secondary': headingType === 'secondary',\n                'text-heading--functional--primary': headingType === 'functional-primary',\n                'text-heading--functional--secondary': headingType === 'functional-secondary'\n            }\"\n            >{{headingTitle}}</span>\n        </ng-template>\n\n        <h1 role=\"heading\" [attr.aria-level]=\"headingPriority\" class=\"seo-h1\" *ngIf=\"headingSeoPriority\">\n            <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n        </h1>\n        <span role=\"heading\" [attr.aria-level]=\"headingPriority\" *ngIf=\"!headingSeoPriority\">\n            <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n        </span>\n\n        <p\n            *ngIf=\"headingSubtitle && headingSubtitle.length\"\n            class=\"heading-subtitle\"\n            [ngClass]=\"{\n                'text-body--hero': headingType === 'hero',\n                'text-body--default': headingType !== 'hero'\n            }\"\n        >{{headingSubtitle}}</p>\n\n    </ui-stack>\n</hgroup>", styles: ["ui-heading.ui-heading-alignment-start{text-align:start}ui-heading.ui-heading-alignment-center{text-align:center}\n"], components: [{ type: i2.LayoutStackComponent, selector: "ui-stack", inputs: ["stackGap", "stackAlign", "stackDirection", "stackDistribute", "stackWrap"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: OasysHeadingComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ui-heading', encapsulation: ViewEncapsulation.None, template: "<hgroup>\n    <ui-stack [stackAlign]=\"headingAlignment\" [stackGap]=\"headingGap\">\n\n        <p *ngIf=\"headingSurtitle && headingSurtitle.length\" class=\"heading-surtitle text-body--supporting text-color--supporting\">\n            {{headingSurtitle}}\n        </p>\n\n        <ng-template #content>\n            <span\n            class=\"heading-title\"\n            [ngClass]=\"{\n                'text-heading': !headingTypeIsFunctional(headingType),\n                'text-heading--functional': headingTypeIsFunctional(headingType),\n\n                'text-heading--hero': headingType === 'hero',\n                'text-heading--primary': headingType === 'primary',\n                'text-heading--secondary': headingType === 'secondary',\n                'text-heading--functional--primary': headingType === 'functional-primary',\n                'text-heading--functional--secondary': headingType === 'functional-secondary'\n            }\"\n            >{{headingTitle}}</span>\n        </ng-template>\n\n        <h1 role=\"heading\" [attr.aria-level]=\"headingPriority\" class=\"seo-h1\" *ngIf=\"headingSeoPriority\">\n            <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n        </h1>\n        <span role=\"heading\" [attr.aria-level]=\"headingPriority\" *ngIf=\"!headingSeoPriority\">\n            <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n        </span>\n\n        <p\n            *ngIf=\"headingSubtitle && headingSubtitle.length\"\n            class=\"heading-subtitle\"\n            [ngClass]=\"{\n                'text-body--hero': headingType === 'hero',\n                'text-body--default': headingType !== 'hero'\n            }\"\n        >{{headingSubtitle}}</p>\n\n    </ui-stack>\n</hgroup>", styles: ["ui-heading.ui-heading-alignment-start{text-align:start}ui-heading.ui-heading-alignment-center{text-align:center}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.TokenService }]; }, propDecorators: { headingType: [{
+                type: Input
+            }], headingOnDark: [{
+                type: Input
+            }], headingTitle: [{
+                type: Input
+            }], headingSeoPriority: [{
+                type: Input
+            }], headingPriority: [{
+                type: Input
+            }], headingAlignmentOverride: [{
+                type: Input
+            }], headingSubtitle: [{
+                type: Input
+            }], headingSurtitle: [{
+                type: Input
+            }], class: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVhZGluZy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9vYXN5cy1saWIvc3JjL2xpYi9jb21wb25lbnRzL2hlYWRpbmcvaGVhZGluZy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9vYXN5cy1saWIvc3JjL2xpYi9jb21wb25lbnRzL2hlYWRpbmcvaGVhZGluZy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxpQkFBaUIsRUFBNEIsV0FBVyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ25ILE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQzs7Ozs7QUFTNUQsTUFBTSxPQUFPLHFCQUFxQjtJQXFDaEMsWUFBb0IsWUFBMEI7UUFBMUIsaUJBQVksR0FBWixZQUFZLENBQWM7UUFsQzlDLGdCQUFXLEdBQWdCLFNBQVMsQ0FBQztRQUdyQyxrQkFBYSxHQUFZLEtBQUssQ0FBQztRQU0vQix1QkFBa0IsR0FBWSxLQUFLLENBQUM7UUFTcEMsb0JBQWUsR0FBWSxFQUFFLENBQUM7UUFHOUIsb0JBQWUsR0FBWSxFQUFFLENBQUM7SUFhb0IsQ0FBQztJQVBuRCxJQUEwQixLQUFLO1FBQzdCLE9BQU87UUFDSCxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUMsQ0FBQyxxQkFBcUIsQ0FBQyxDQUFDLENBQUMsRUFBRTs2QkFDMUIsSUFBSSxDQUFDLGdCQUFnQjtLQUM3QyxDQUFBO0lBQ0gsQ0FBQztJQUlELHVCQUF1QixDQUFDLFdBQXdCO1FBQzlDLE9BQU8sV0FBVyxDQUFDLE9BQU8sQ0FBQyxZQUFZLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQztJQUNsRCxDQUFDO0lBRUQsMEJBQTBCLENBQUMsV0FBd0I7UUFDakQsSUFBRyxJQUFJLENBQUMsd0JBQXdCLEVBQUU7WUFDaEMsSUFBSSxDQUFDLGdCQUFnQixHQUFHLElBQUksQ0FBQyx3QkFBd0IsQ0FBQztZQUN0RCxPQUFPO1NBQ1I7UUFFRCxNQUFNLFNBQVMsR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDLGFBQWEsQ0FBQyx1Q0FBdUMsQ0FBcUIsQ0FBQztRQUMvRyxNQUFNLG1CQUFtQixHQUFJLElBQUksQ0FBQyxZQUFZLENBQUMsYUFBYSxDQUFDLDBDQUEwQyxDQUFxQixDQUFDO1FBRTdILElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxJQUFJLENBQUMsdUJBQXVCLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQyxDQUFDLG1CQUFtQixDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUM7SUFFdEcsQ0FBQztJQUVELG9CQUFvQixDQUFDLFdBQXdCO1FBQzNDLElBQUcsSUFBSSxDQUFDLHVCQUF1QixDQUFDLFdBQVcsQ0FBQyxFQUFDO1lBQzNDLElBQUksQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDLFlBQVksQ0FBQyxhQUFhLENBQUMsb0NBQW9DLENBQWUsQ0FBQztZQUN0RyxPQUFPO1NBQ1I7UUFFRCxJQUFHLElBQUksQ0FBQyxXQUFXLEtBQUssV0FBVyxFQUFFO1lBQ25DLElBQUksQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDLFlBQVksQ0FBQyxhQUFhLENBQUMsbUNBQW1DLENBQWUsQ0FBQztZQUNyRyxPQUFPO1NBQ1I7UUFFRCxJQUFJLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQyxZQUFZLENBQUMsYUFBYSxDQUFDLGlDQUFpQyxDQUFlLENBQUM7SUFDckcsQ0FBQztJQUVELFFBQVE7UUFDTixJQUFJLENBQUMsMEJBQTBCLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDO1FBQ2xELElBQUksQ0FBQyxvQkFBb0IsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUM7UUFDNUMsSUFBSSxDQUFDLGVBQWUsR0FBRyxJQUFJLENBQUMsZUFBZSxJQUFJLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDakYsQ0FBQzs7bUhBMUVVLHFCQUFxQjt1R0FBckIscUJBQXFCLHFaQ1ZsQyxrdURBd0NTOzRGRDlCSSxxQkFBcUI7a0JBTmpDLFNBQVM7K0JBQ0MsWUFBWSxpQkFHTixpQkFBaUIsQ0FBQyxJQUFJO21HQUtyQyxXQUFXO3NCQURWLEtBQUs7Z0JBSU4sYUFBYTtzQkFEWixLQUFLO2dCQUlOLFlBQVk7c0JBRFgsS0FBSztnQkFJTixrQkFBa0I7c0JBRGpCLEtBQUs7Z0JBSU4sZUFBZTtzQkFEZCxLQUFLO2dCQUlOLHdCQUF3QjtzQkFEdkIsS0FBSztnQkFJTixlQUFlO3NCQURkLEtBQUs7Z0JBSU4sZUFBZTtzQkFEZCxLQUFLO2dCQU9vQixLQUFLO3NCQUE5QixXQUFXO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQsIFZpZXdFbmNhcHN1bGF0aW9uLCBPbkNoYW5nZXMsIFNpbXBsZUNoYW5nZXMsIEhvc3RCaW5kaW5nIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBUb2tlblNlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy90b2tlbi5zZXJ2aWNlJztcbmltcG9ydCB7IEhlYWRpbmdBbGlnbm1lbnQsIEhlYWRpbmdHYXAsIEhlYWRpbmdUeXBlIH0gZnJvbSAnLi9oZWFkaW5nJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOid1aS1oZWFkaW5nJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2hlYWRpbmcuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9oZWFkaW5nLmNvbXBvbmVudC5zY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmVcbn0pXG5leHBvcnQgY2xhc3MgT2FzeXNIZWFkaW5nQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcblxuICBASW5wdXQoKVxuICBoZWFkaW5nVHlwZTogSGVhZGluZ1R5cGUgPSAncHJpbWFyeSc7XG5cbiAgQElucHV0KClcbiAgaGVhZGluZ09uRGFyazogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIEBJbnB1dCgpXG4gIGhlYWRpbmdUaXRsZTogc3RyaW5nO1xuXG4gIEBJbnB1dCgpXG4gIGhlYWRpbmdTZW9Qcmlvcml0eTogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIEBJbnB1dCgpXG4gIGhlYWRpbmdQcmlvcml0eT86IDEgfCAyIHwgMyB8IDQgfCA1IHwgNjtcblxuICBASW5wdXQoKVxuICBoZWFkaW5nQWxpZ25tZW50T3ZlcnJpZGU/OiBIZWFkaW5nQWxpZ25tZW50O1xuXG4gIEBJbnB1dCgpXG4gIGhlYWRpbmdTdWJ0aXRsZT86IHN0cmluZyA9ICcnO1xuXG4gIEBJbnB1dCgpXG4gIGhlYWRpbmdTdXJ0aXRsZT86IHN0cmluZyA9ICcnO1xuXG4gIGhlYWRpbmdBbGlnbm1lbnQ6IEhlYWRpbmdBbGlnbm1lbnQ7XG4gIGhlYWRpbmdHYXA6IEhlYWRpbmdHYXA7XG5cblxuICBASG9zdEJpbmRpbmcoJ2NsYXNzJykgZ2V0IGNsYXNzKCkge1xuICAgIHJldHVybiBgXG4gICAgICAke3RoaXMuaGVhZGluZ09uRGFyayA/ICd0ZXh0LWNvbG9yLS1vbi1kYXJrJyA6ICcnfVxuICAgICAgdWktaGVhZGluZy1hbGlnbm1lbnQtJHt0aGlzLmhlYWRpbmdBbGlnbm1lbnR9XG4gICAgYFxuICB9XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSB0b2tlblNlcnZpY2U6IFRva2VuU2VydmljZSkgeyB9XG5cbiAgaGVhZGluZ1R5cGVJc0Z1bmN0aW9uYWwoaGVhZGluZ1R5cGU6IEhlYWRpbmdUeXBlKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIGhlYWRpbmdUeXBlLmluZGV4T2YoJ2Z1bmN0aW9uYWwnKSAhPT0gLTE7XG4gIH1cblxuICBzZXR1cEhlYWRpbmdTdGFja0FsaWdubWVudChoZWFkaW5nVHlwZTogSGVhZGluZ1R5cGUpOiB2b2lkIHtcbiAgICBpZih0aGlzLmhlYWRpbmdBbGlnbm1lbnRPdmVycmlkZSkge1xuICAgICAgdGhpcy5oZWFkaW5nQWxpZ25tZW50ID0gdGhpcy5oZWFkaW5nQWxpZ25tZW50T3ZlcnJpZGU7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgY29uc3QgYWxpZ25tZW50ID0gdGhpcy50b2tlblNlcnZpY2UuZ2V0VG9rZW5WYWx1ZSgnLS1jb21wb25lbnQtaGVhZGluZy1hbGlnbm1lbnQtZGVmYXVsdCcpIGFzIEhlYWRpbmdBbGlnbm1lbnQ7XG4gICAgY29uc3QgZnVuY3Rpb25hbEFsaWdubWVudCA9ICB0aGlzLnRva2VuU2VydmljZS5nZXRUb2tlblZhbHVlKCctLWNvbXBvbmVudC1oZWFkaW5nLWFsaWdubWVudC1mdW5jdGlvbmFsJykgYXMgSGVhZGluZ0FsaWdubWVudDtcblxuICAgIHRoaXMuaGVhZGluZ0FsaWdubWVudCA9IHRoaXMuaGVhZGluZ1R5cGVJc0Z1bmN0aW9uYWwoaGVhZGluZ1R5cGUpID8gZnVuY3Rpb25hbEFsaWdubWVudCA6IGFsaWdubWVudDtcblxuICB9XG5cbiAgc2V0dXBIZWFkaW5nU3RhY2tHYXAoaGVhZGluZ1R5cGU6IEhlYWRpbmdUeXBlKTogdm9pZCB7XG4gICAgaWYodGhpcy5oZWFkaW5nVHlwZUlzRnVuY3Rpb25hbChoZWFkaW5nVHlwZSkpe1xuICAgICAgdGhpcy5oZWFkaW5nR2FwID0gdGhpcy50b2tlblNlcnZpY2UuZ2V0VG9rZW5WYWx1ZSgnLS1jb21wb25lbnQtaGVhZGluZy1nYXAtZnVuY3Rpb25hbCcpIGFzIEhlYWRpbmdHYXA7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgaWYodGhpcy5oZWFkaW5nVHlwZSA9PT0gJ3NlY29uZGFyeScpIHtcbiAgICAgIHRoaXMuaGVhZGluZ0dhcCA9IHRoaXMudG9rZW5TZXJ2aWNlLmdldFRva2VuVmFsdWUoJy0tY29tcG9uZW50LWhlYWRpbmctZ2FwLXNlY29uZGFyeScpIGFzIEhlYWRpbmdHYXA7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgdGhpcy5oZWFkaW5nR2FwID0gdGhpcy50b2tlblNlcnZpY2UuZ2V0VG9rZW5WYWx1ZSgnLS1jb21wb25lbnQtaGVhZGluZy1nYXAtZGVmYXVsdCcpIGFzIEhlYWRpbmdHYXA7XG4gIH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLnNldHVwSGVhZGluZ1N0YWNrQWxpZ25tZW50KHRoaXMuaGVhZGluZ1R5cGUpO1xuICAgIHRoaXMuc2V0dXBIZWFkaW5nU3RhY2tHYXAodGhpcy5oZWFkaW5nVHlwZSk7XG4gICAgdGhpcy5oZWFkaW5nUHJpb3JpdHkgPSB0aGlzLmhlYWRpbmdQcmlvcml0eSB8fCB0aGlzLmhlYWRpbmdTZW9Qcmlvcml0eSA/IDEgOiAyO1xuICB9XG5cbn1cbiIsIjxoZ3JvdXA+XG4gICAgPHVpLXN0YWNrIFtzdGFja0FsaWduXT1cImhlYWRpbmdBbGlnbm1lbnRcIiBbc3RhY2tHYXBdPVwiaGVhZGluZ0dhcFwiPlxuXG4gICAgICAgIDxwICpuZ0lmPVwiaGVhZGluZ1N1cnRpdGxlICYmIGhlYWRpbmdTdXJ0aXRsZS5sZW5ndGhcIiBjbGFzcz1cImhlYWRpbmctc3VydGl0bGUgdGV4dC1ib2R5LS1zdXBwb3J0aW5nIHRleHQtY29sb3ItLXN1cHBvcnRpbmdcIj5cbiAgICAgICAgICAgIHt7aGVhZGluZ1N1cnRpdGxlfX1cbiAgICAgICAgPC9wPlxuXG4gICAgICAgIDxuZy10ZW1wbGF0ZSAjY29udGVudD5cbiAgICAgICAgICAgIDxzcGFuXG4gICAgICAgICAgICBjbGFzcz1cImhlYWRpbmctdGl0bGVcIlxuICAgICAgICAgICAgW25nQ2xhc3NdPVwie1xuICAgICAgICAgICAgICAgICd0ZXh0LWhlYWRpbmcnOiAhaGVhZGluZ1R5cGVJc0Z1bmN0aW9uYWwoaGVhZGluZ1R5cGUpLFxuICAgICAgICAgICAgICAgICd0ZXh0LWhlYWRpbmctLWZ1bmN0aW9uYWwnOiBoZWFkaW5nVHlwZUlzRnVuY3Rpb25hbChoZWFkaW5nVHlwZSksXG5cbiAgICAgICAgICAgICAgICAndGV4dC1oZWFkaW5nLS1oZXJvJzogaGVhZGluZ1R5cGUgPT09ICdoZXJvJyxcbiAgICAgICAgICAgICAgICAndGV4dC1oZWFkaW5nLS1wcmltYXJ5JzogaGVhZGluZ1R5cGUgPT09ICdwcmltYXJ5JyxcbiAgICAgICAgICAgICAgICAndGV4dC1oZWFkaW5nLS1zZWNvbmRhcnknOiBoZWFkaW5nVHlwZSA9PT0gJ3NlY29uZGFyeScsXG4gICAgICAgICAgICAgICAgJ3RleHQtaGVhZGluZy0tZnVuY3Rpb25hbC0tcHJpbWFyeSc6IGhlYWRpbmdUeXBlID09PSAnZnVuY3Rpb25hbC1wcmltYXJ5JyxcbiAgICAgICAgICAgICAgICAndGV4dC1oZWFkaW5nLS1mdW5jdGlvbmFsLS1zZWNvbmRhcnknOiBoZWFkaW5nVHlwZSA9PT0gJ2Z1bmN0aW9uYWwtc2Vjb25kYXJ5J1xuICAgICAgICAgICAgfVwiXG4gICAgICAgICAgICA+e3toZWFkaW5nVGl0bGV9fTwvc3Bhbj5cbiAgICAgICAgPC9uZy10ZW1wbGF0ZT5cblxuICAgICAgICA8aDEgcm9sZT1cImhlYWRpbmdcIiBbYXR0ci5hcmlhLWxldmVsXT1cImhlYWRpbmdQcmlvcml0eVwiIGNsYXNzPVwic2VvLWgxXCIgKm5nSWY9XCJoZWFkaW5nU2VvUHJpb3JpdHlcIj5cbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJjb250ZW50XCI+PC9uZy1jb250YWluZXI+XG4gICAgICAgIDwvaDE+XG4gICAgICAgIDxzcGFuIHJvbGU9XCJoZWFkaW5nXCIgW2F0dHIuYXJpYS1sZXZlbF09XCJoZWFkaW5nUHJpb3JpdHlcIiAqbmdJZj1cIiFoZWFkaW5nU2VvUHJpb3JpdHlcIj5cbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJjb250ZW50XCI+PC9uZy1jb250YWluZXI+XG4gICAgICAgIDwvc3Bhbj5cblxuICAgICAgICA8cFxuICAgICAgICAgICAgKm5nSWY9XCJoZWFkaW5nU3VidGl0bGUgJiYgaGVhZGluZ1N1YnRpdGxlLmxlbmd0aFwiXG4gICAgICAgICAgICBjbGFzcz1cImhlYWRpbmctc3VidGl0bGVcIlxuICAgICAgICAgICAgW25nQ2xhc3NdPVwie1xuICAgICAgICAgICAgICAgICd0ZXh0LWJvZHktLWhlcm8nOiBoZWFkaW5nVHlwZSA9PT0gJ2hlcm8nLFxuICAgICAgICAgICAgICAgICd0ZXh0LWJvZHktLWRlZmF1bHQnOiBoZWFkaW5nVHlwZSAhPT0gJ2hlcm8nXG4gICAgICAgICAgICB9XCJcbiAgICAgICAgPnt7aGVhZGluZ1N1YnRpdGxlfX08L3A+XG5cbiAgICA8L3VpLXN0YWNrPlxuPC9oZ3JvdXA+Il19

package/esm2020/lib/components/heading/heading.mjs

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

package/esm2020/lib/components/icon/icon.component.mjs

@@ -0,0 +1,53 @@
+import { Component, Input, ViewEncapsulation, 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";
+import * as i3 from "@angular/common";
+export class IconComponent {
+    constructor(tokenService, windowRef, elementRef) {
+        this.tokenService = tokenService;
+        this.windowRef = windowRef;
+        this.elementRef = elementRef;
+        this.iconSize = 'large';
+        this.iconContext = 'none';
+    }
+    convertRemToPixels(remString) {
+        const remNumber = parseFloat(remString.replace('rem', ''));
+        return remNumber * parseFloat(getComputedStyle(this.windowRef.nativeWindow.document.documentElement).fontSize);
+    }
+    ngOnChanges() {
+        this.ngOnInit();
+    }
+    ngOnInit() {
+        this.iconBrandPath = `${this.tokenService.getBrandName()}`;
+        this.size = this.tokenService.getTokenValue(`--global-size-icon-${this.iconSize}`);
+        this.iconDisplayClasses = [
+            `icon-context-${this.iconContext}`,
+            `icon-size-${this.iconSize}`
+        ];
+        const sizeInPixels = this.convertRemToPixels(this.size);
+        this.iconWidth = sizeInPixels;
+        this.iconHeight = sizeInPixels;
+    }
+}
+IconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", 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: "13.3.12", 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{display:inline-flex}\n"], directives: [{ type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: IconComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ui-icon', encapsulation: ViewEncapsulation.None, template: "<div class=\"ui-icon\" [ngClass]=\"iconDisplayClasses\">\n  <svg xmlns=\"http://www.w3.org/2000/svg\" attr.width=\"{{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{display:inline-flex}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.TokenService }, { type: i2.WindowService }, { type: i0.ElementRef }]; }, propDecorators: { iconSize: [{
+                type: Input
+            }], iconName: [{
+                type: Input
+            }], iconContext: [{
+                type: Input
+            }], iconWidth: [{
+                type: Input
+            }], iconHeight: [{
+                type: Input
+            }], iconClass: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9vYXN5cy1saWIvc3JjL2xpYi9jb21wb25lbnRzL2ljb24vaWNvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9vYXN5cy1saWIvc3JjL2xpYi9jb21wb25lbnRzL2ljb24vaWNvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxpQkFBaUIsRUFBc0MsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzVILE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUM1RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sK0JBQStCLENBQUM7Ozs7O0FBUzlELE1BQU0sT0FBTyxhQUFhO0lBYXhCLFlBQW9CLFlBQTBCLEVBQVUsU0FBd0IsRUFBVSxVQUFzQjtRQUE1RixpQkFBWSxHQUFaLFlBQVksQ0FBYztRQUFVLGNBQVMsR0FBVCxTQUFTLENBQWU7UUFBVSxlQUFVLEdBQVYsVUFBVSxDQUFZO1FBWnZHLGFBQVEsR0FBb0IsT0FBTyxDQUFDO1FBRXBDLGdCQUFXLEdBQWdCLE1BQU0sQ0FBQztJQVV5RSxDQUFDO0lBRXJILGtCQUFrQixDQUFDLFNBQWlCO1FBQ2xDLE1BQU0sU0FBUyxHQUFHLFVBQVUsQ0FBQyxTQUFTLENBQUMsT0FBTyxDQUFDLEtBQUssRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDO1FBQzNELE9BQU8sU0FBUyxHQUFHLFVBQVUsQ0FBQyxnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLFlBQVksQ0FBQyxRQUFRLENBQUMsZUFBZSxDQUFDLENBQUMsUUFBUSxDQUFDLENBQUM7SUFDakgsQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLENBQUMsUUFBUSxFQUFFLENBQUM7SUFDbEIsQ0FBQztJQUVELFFBQVE7UUFDTixJQUFJLENBQUMsYUFBYSxHQUFHLEdBQUcsSUFBSSxDQUFDLFlBQVksQ0FBQyxZQUFZLEVBQUUsRUFBRSxDQUFBO1FBQzFELElBQUksQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDLFlBQVksQ0FBQyxhQUFhLENBQUMsc0JBQXNCLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQyxDQUFDO1FBRW5GLElBQUksQ0FBQyxrQkFBa0IsR0FBRztZQUN4QixnQkFBZ0IsSUFBSSxDQUFDLFdBQVcsRUFBRTtZQUNsQyxhQUFhLElBQUksQ0FBQyxRQUFRLEVBQUU7U0FDN0IsQ0FBQztRQUVGLE1BQU0sWUFBWSxHQUFHLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDeEQsSUFBSSxDQUFDLFNBQVMsR0FBRyxZQUFZLENBQUM7UUFDOUIsSUFBSSxDQUFDLFVBQVUsR0FBRyxZQUFZLENBQUM7SUFDakMsQ0FBQzs7MkdBcENVLGFBQWE7K0ZBQWIsYUFBYSxrT0NYMUIsMlRBS0E7NEZETWEsYUFBYTtrQkFOekIsU0FBUzsrQkFDQyxTQUFTLGlCQUdILGlCQUFpQixDQUFDLElBQUk7d0pBRzVCLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUVHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0LCBWaWV3RW5jYXBzdWxhdGlvbiwgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIE9uQ2hhbmdlcywgRWxlbWVudFJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgVG9rZW5TZXJ2aWNlIH0gZnJvbSAnLi4vLi4vc2VydmljZXMvdG9rZW4uc2VydmljZSc7XG5pbXBvcnQgeyBXaW5kb3dTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vc2VydmljZXMvd2luZG93LnNlcnZpY2UnO1xuaW1wb3J0IHsgSWNvbk5hbWVzLCBJY29uQ29udGV4dCB9IGZyb20gJy4vaWNvbic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjondWktaWNvbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9pY29uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vaWNvbi5jb21wb25lbnQuc2NzcyddLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lXG59KVxuZXhwb3J0IGNsYXNzIEljb25Db21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uQ2hhbmdlcyB7XG4gIEBJbnB1dCgpIGljb25TaXplOiAnc21hbGwnfCdsYXJnZScgPSAnbGFyZ2UnO1xuICBASW5wdXQoKSBpY29uTmFtZSE6IEljb25OYW1lcztcbiAgQElucHV0KCkgaWNvbkNvbnRleHQ6IEljb25Db250ZXh0ID0gJ25vbmUnO1xuXG4gIEBJbnB1dCgpIGljb25XaWR0aD86IG51bWJlcjtcbiAgQElucHV0KCkgaWNvbkhlaWdodD86IG51bWJlcjtcbiAgQElucHV0KCkgaWNvbkNsYXNzPzogc3RyaW5nO1xuXG4gIHNpemU/OiBzdHJpbmc7XG4gIGljb25CcmFuZFBhdGg/OiBzdHJpbmc7XG4gIGljb25EaXNwbGF5Q2xhc3Nlczogc3RyaW5nW107XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSB0b2tlblNlcnZpY2U6IFRva2VuU2VydmljZSwgcHJpdmF0ZSB3aW5kb3dSZWY6IFdpbmRvd1NlcnZpY2UsIHByaXZhdGUgZWxlbWVudFJlZjogRWxlbWVudFJlZikgeyB9XG5cbiAgY29udmVydFJlbVRvUGl4ZWxzKHJlbVN0cmluZzogc3RyaW5nKTogbnVtYmVyIHtcbiAgICBjb25zdCByZW1OdW1iZXIgPSBwYXJzZUZsb2F0KHJlbVN0cmluZy5yZXBsYWNlKCdyZW0nLCAnJykpO1xuICAgIHJldHVybiByZW1OdW1iZXIgKiBwYXJzZUZsb2F0KGdldENvbXB1dGVkU3R5bGUodGhpcy53aW5kb3dSZWYubmF0aXZlV2luZG93LmRvY3VtZW50LmRvY3VtZW50RWxlbWVudCkuZm9udFNpemUpO1xuICB9XG5cbiAgbmdPbkNoYW5nZXMoKTogdm9pZCB7XG4gICAgdGhpcy5uZ09uSW5pdCgpO1xuICB9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5pY29uQnJhbmRQYXRoID0gYCR7dGhpcy50b2tlblNlcnZpY2UuZ2V0QnJhbmROYW1lKCl9YFxuICAgIHRoaXMuc2l6ZSA9IHRoaXMudG9rZW5TZXJ2aWNlLmdldFRva2VuVmFsdWUoYC0tZ2xvYmFsLXNpemUtaWNvbi0ke3RoaXMuaWNvblNpemV9YCk7XG5cbiAgICB0aGlzLmljb25EaXNwbGF5Q2xhc3NlcyA9IFtcbiAgICAgIGBpY29uLWNvbnRleHQtJHt0aGlzLmljb25Db250ZXh0fWAsXG4gICAgICBgaWNvbi1zaXplLSR7dGhpcy5pY29uU2l6ZX1gXG4gICAgXTtcblxuICAgIGNvbnN0IHNpemVJblBpeGVscyA9IHRoaXMuY29udmVydFJlbVRvUGl4ZWxzKHRoaXMuc2l6ZSk7XG4gICAgdGhpcy5pY29uV2lkdGggPSBzaXplSW5QaXhlbHM7XG4gICAgdGhpcy5pY29uSGVpZ2h0ID0gc2l6ZUluUGl4ZWxzO1xuICB9XG5cbn1cbiIsIjxkaXYgY2xhc3M9XCJ1aS1pY29uXCIgW25nQ2xhc3NdPVwiaWNvbkRpc3BsYXlDbGFzc2VzXCI+XG4gIDxzdmcgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiIGF0dHIud2lkdGg9XCJ7e2ljb25XaWR0aH19cHhcIiBhdHRyLmhlaWdodD1cInt7aWNvbkhlaWdodH19cHhcIiBhdHRyLmNsYXNzPVwie3tpY29uQ2xhc3N9fVwiPlxuICAgIDx1c2UgYXR0ci54bGluazpocmVmPVwiLi97e2ljb25CcmFuZFBhdGh9fS9hc3NldHMvaWNvbnMvaWNvbnMuc3ZnI2ljb24te3tpY29uTmFtZX19XCI+PC91c2U+XG4gIDwvc3ZnPlxuPC9kaXY+XG4iXX0=

package/esm2020/lib/components/icon/icon.mjs

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

package/esm2020/lib/components/layout/Layout.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGF5b3V0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvb2FzeXMtbGliL3NyYy9saWIvY29tcG9uZW50cy9sYXlvdXQvTGF5b3V0LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyIvLyBNb3N0IGNvbW1vbiBzaXplIG9wdGlvbnNcbnR5cGUgTGF5b3V0QmFzZVNpemVzID1cbnwgJ25vbmUnXG58ICd0aWdodCdcbnwgJ25lYXInXG58ICdkZWZhdWx0J1xufCAnZXhwYW5kZWQnXG58IHVuZGVmaW5lZDtcblxuaW50ZXJmYWNlIExheW91dERldmljZVR5cGVzIHtcbiAgJ21vYmlsZSc/OiBzdHJpbmcgfCB1bmRlZmluZWRcbiAgJ3RhYmxldCc/OiBzdHJpbmcgfCB1bmRlZmluZWRcbiAgJ2Rlc2t0b3AnPzogc3RyaW5nIHwgdW5kZWZpbmVkXG59XG5cbmludGVyZmFjZSBMYXlvdXREZXZpY2VDb2x1bW5zIHtcbiAgJ21vYmlsZSc/OiBudW1iZXIgfCB1bmRlZmluZWRcbiAgJ3RhYmxldCc/OiBudW1iZXIgfCB1bmRlZmluZWRcbiAgJ2Rlc2t0b3AnPzogbnVtYmVyIHwgdW5kZWZpbmVkXG59XG5cbnR5cGUgUmVzcG9uc2l2ZUxheW91dEJhc2VTaXplcyA9IExheW91dEJhc2VTaXplcyB8IExheW91dERldmljZVR5cGVzO1xuXG5leHBvcnQgdHlwZSBSZXNwb25zaXZlR3JpZENvbHVtbnMgPSBudW1iZXIgfCBMYXlvdXREZXZpY2VDb2x1bW5zO1xuXG5leHBvcnQgdHlwZSBMYXlvdXRCb3hTaXplcyA9IFJlc3BvbnNpdmVMYXlvdXRCYXNlU2l6ZXM7XG5leHBvcnQgdHlwZSBMYXlvdXRHYXBTaXplcyA9IExheW91dEJhc2VTaXplcztcblxuZXhwb3J0IHR5cGUgTGF5b3V0RmlsbE1vZGVzID1cbnwgJ2ZpdCdcbnwgJ2ZpbGwnO1xuXG5leHBvcnQgdHlwZSBMYXlvdXRBbGlnbm1lbnQgPVxufCAnc3RhcnQnXG58ICdjZW50ZXInXG58ICdlbmQnXG58IHVuZGVmaW5lZDtcblxuZXhwb3J0IHR5cGUgTGF5b3V0RGlzdHJpYnV0ZSA9XG58IExheW91dEZpbGxNb2Rlc1xufCBMYXlvdXRBbGlnbm1lbnRcbnwgJ3NwYWNlLWJldHdlZW4nXG58ICdzcGFjZS1hcm91bmQnXG58ICdzcGFjZS1ldmVubHknXG58IHVuZGVmaW5lZDtcblxuZXhwb3J0IHR5cGUgTGF5b3V0QmFja2dyb3VuZHMgPVxufCAndHJhbnNwYXJlbnQnXG58ICdwcmltYXJ5J1xufCAnc2Vjb25kYXJ5J1xufCAndGVydGlhcnknXG58ICdxdWF0ZXJuYXJ5J1xufCB1bmRlZmluZWQ7XG5cbmV4cG9ydCB0eXBlIExheW91dERpcmVjdGlvbnMgPVxufCAneCdcbnwgJ3knXG58IHVuZGVmaW5lZDtcblxuZXhwb3J0IGludGVyZmFjZSBMYXlvdXRDb250YWluZXJTaXplcyB7XG4gICdtb2JpbGUnPzogc3RyaW5nIHwgdW5kZWZpbmVkXG4gICd0YWJsZXQnPzogc3RyaW5nIHwgdW5kZWZpbmVkXG4gICdkZXNrdG9wJz86IHN0cmluZyB8IHVuZGVmaW5lZFxufSJdfQ==

package/esm2020/lib/components/layout/box/box.component.mjs

@@ -0,0 +1,93 @@
+import { ChangeDetectionStrategy, ChangeDetectorRef, ViewEncapsulation } from '@angular/core';
+import { Input } from '@angular/core';
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+export class LayoutBoxComponent {
+    constructor(changes) {
+        this.changes = changes;
+        this.didFirstInit = false;
+        this.prefix = 'ui-layout-box';
+        this.boxSpace = 'default';
+        this.boxAlignX = 'start';
+        this.boxAlignY = 'start';
+        this.boxFillMode = 'fill';
+        this.boxBackground = 'primary';
+    }
+    getSizeClasses(spaceInput, overrideName) {
+        if (!spaceInput || spaceInput === undefined) {
+            return null;
+        }
+        if (typeof spaceInput === 'object') {
+            return Object.keys(spaceInput).map((key) => {
+                return `${this.prefix}-${spaceInput[key]}-${key}${overrideName ? `-${overrideName}` : ``}`;
+            });
+        }
+        return [
+            this.prefix,
+            `${this.prefix}-${spaceInput}${overrideName ? `-${overrideName}` : ``}`
+        ];
+    }
+    getOverrideClasses(spaceOverrides) {
+        const spaceTypes = ['top', 'right', 'bottom', 'left'];
+        return spaceOverrides.map((item, index) => {
+            return this.getSizeClasses(item, spaceTypes[index]);
+        }).filter(Boolean);
+    }
+    getAlignmentClasses(alignmentOverride) {
+        const spaceTypes = ['align-x', 'align-y'];
+        return alignmentOverride.map((item, index) => {
+            return item ? `${this.prefix}-${spaceTypes[index]}-${item}` : undefined;
+        }).filter(Boolean);
+    }
+    getBackgroundClass() {
+        const value = this.boxBackground ? `${this.prefix}-background-${this.boxBackground}` : ``;
+        return value;
+    }
+    ngOnChanges() {
+        if (!this.didFirstInit) {
+            return;
+        }
+        this.ngOnInit();
+        this.changes.markForCheck();
+    }
+    ngOnInit() {
+        const spaceOverrides = [this.boxSpaceTop, this.boxSpaceRight, this.boxSpaceBottom, this.boxSpaceLeft];
+        const alignmentOverride = [this.boxAlignX, this.boxAlignY];
+        // Basic basic classes
+        this.boxLayoutClasses = [
+            this.getSizeClasses(this.boxSpace),
+            this.getOverrideClasses(spaceOverrides),
+            this.getAlignmentClasses(alignmentOverride),
+            this.getBackgroundClass(),
+            this.boxFillMode === 'fit' ? `${this.prefix}-fit-content` : `${this.prefix}-fill-container`
+        ].flat(10).filter(Boolean);
+        this.didFirstInit = true;
+    }
+}
+LayoutBoxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: LayoutBoxComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+LayoutBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: LayoutBoxComponent, selector: "ui-box", inputs: { boxSpace: "boxSpace", boxSpaceTop: "boxSpaceTop", boxSpaceRight: "boxSpaceRight", boxSpaceBottom: "boxSpaceBottom", boxSpaceLeft: "boxSpaceLeft", boxAlignX: "boxAlignX", boxAlignY: "boxAlignY", boxFillMode: "boxFillMode", boxBackground: "boxBackground" }, host: { properties: { "class": "boxLayoutClasses" } }, usesOnChanges: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: ["ui-box{display:flex;justify-self:stretch;flex-direction:column}ui-box.ui-layout-box-none{padding:var(--semantic-spacing-box-none)}@media only screen and (max-width: 767px){ui-box.ui-layout-box-none-mobile{padding:var(--semantic-spacing-box-none)}ui-box.ui-layout-box-none-mobile-top{padding-top:var(--semantic-spacing-box-none)!important}ui-box.ui-layout-box-none-mobile-right{padding-right:var(--semantic-spacing-box-none)!important}ui-box.ui-layout-box-none-mobile-bottom{padding-bottom:var(--semantic-spacing-box-none)!important}ui-box.ui-layout-box-none-mobile-left{padding-left:var(--semantic-spacing-box-none)!important}}@media only screen and (min-width: 767px){ui-box.ui-layout-box-none-tablet{padding:var(--semantic-spacing-box-none)}ui-box.ui-layout-box-none-tablet-top{padding-top:var(--semantic-spacing-box-none)!important}ui-box.ui-layout-box-none-tablet-right{padding-right:var(--semantic-spacing-box-none)!important}ui-box.ui-layout-box-none-tablet-bottom{padding-bottom:var(--semantic-spacing-box-none)!important}ui-box.ui-layout-box-none-tablet-left{padding-left:var(--semantic-spacing-box-none)!important}}@media only screen and (min-width: 1080px){ui-box.ui-layout-box-none-laptop{padding:var(--semantic-spacing-box-none)}ui-box.ui-layout-box-none-laptop-top{padding-top:var(--semantic-spacing-box-none)!important}ui-box.ui-layout-box-none-laptop-right{padding-right:var(--semantic-spacing-box-none)!important}ui-box.ui-layout-box-none-laptop-bottom{padding-bottom:var(--semantic-spacing-box-none)!important}ui-box.ui-layout-box-none-laptop-left{padding-left:var(--semantic-spacing-box-none)!important}}@media only screen and (min-width: 1440px){ui-box.ui-layout-box-none-desktop{padding:var(--semantic-spacing-box-none)}ui-box.ui-layout-box-none-desktop-top{padding-top:var(--semantic-spacing-box-none)!important}ui-box.ui-layout-box-none-desktop-right{padding-right:var(--semantic-spacing-box-none)!important}ui-box.ui-layout-box-none-desktop-bottom{padding-bottom:var(--semantic-spacing-box-none)!important}ui-box.ui-layout-box-none-desktop-left{padding-left:var(--semantic-spacing-box-none)!important}}ui-box.ui-layout-box-none-top{padding-top:var(--semantic-spacing-box-none)!important}ui-box.ui-layout-box-none-right{padding-right:var(--semantic-spacing-box-none)!important}ui-box.ui-layout-box-none-bottom{padding-bottom:var(--semantic-spacing-box-none)!important}ui-box.ui-layout-box-none-left{padding-left:var(--semantic-spacing-box-none)!important}ui-box.ui-layout-box-tight{padding:var(--semantic-spacing-box-tight)}@media only screen and (max-width: 767px){ui-box.ui-layout-box-tight-mobile{padding:var(--semantic-spacing-box-tight)}ui-box.ui-layout-box-tight-mobile-top{padding-top:var(--semantic-spacing-box-tight)!important}ui-box.ui-layout-box-tight-mobile-right{padding-right:var(--semantic-spacing-box-tight)!important}ui-box.ui-layout-box-tight-mobile-bottom{padding-bottom:var(--semantic-spacing-box-tight)!important}ui-box.ui-layout-box-tight-mobile-left{padding-left:var(--semantic-spacing-box-tight)!important}}@media only screen and (min-width: 767px){ui-box.ui-layout-box-tight-tablet{padding:var(--semantic-spacing-box-tight)}ui-box.ui-layout-box-tight-tablet-top{padding-top:var(--semantic-spacing-box-tight)!important}ui-box.ui-layout-box-tight-tablet-right{padding-right:var(--semantic-spacing-box-tight)!important}ui-box.ui-layout-box-tight-tablet-bottom{padding-bottom:var(--semantic-spacing-box-tight)!important}ui-box.ui-layout-box-tight-tablet-left{padding-left:var(--semantic-spacing-box-tight)!important}}@media only screen and (min-width: 1080px){ui-box.ui-layout-box-tight-laptop{padding:var(--semantic-spacing-box-tight)}ui-box.ui-layout-box-tight-laptop-top{padding-top:var(--semantic-spacing-box-tight)!important}ui-box.ui-layout-box-tight-laptop-right{padding-right:var(--semantic-spacing-box-tight)!important}ui-box.ui-layout-box-tight-laptop-bottom{padding-bottom:var(--semantic-spacing-box-tight)!important}ui-box.ui-layout-box-tight-laptop-left{padding-left:var(--semantic-spacing-box-tight)!important}}@media only screen and (min-width: 1440px){ui-box.ui-layout-box-tight-desktop{padding:var(--semantic-spacing-box-tight)}ui-box.ui-layout-box-tight-desktop-top{padding-top:var(--semantic-spacing-box-tight)!important}ui-box.ui-layout-box-tight-desktop-right{padding-right:var(--semantic-spacing-box-tight)!important}ui-box.ui-layout-box-tight-desktop-bottom{padding-bottom:var(--semantic-spacing-box-tight)!important}ui-box.ui-layout-box-tight-desktop-left{padding-left:var(--semantic-spacing-box-tight)!important}}ui-box.ui-layout-box-tight-top{padding-top:var(--semantic-spacing-box-tight)!important}ui-box.ui-layout-box-tight-right{padding-right:var(--semantic-spacing-box-tight)!important}ui-box.ui-layout-box-tight-bottom{padding-bottom:var(--semantic-spacing-box-tight)!important}ui-box.ui-layout-box-tight-left{padding-left:var(--semantic-spacing-box-tight)!important}ui-box.ui-layout-box-near{padding:var(--semantic-spacing-box-near)}@media only screen and (max-width: 767px){ui-box.ui-layout-box-near-mobile{padding:var(--semantic-spacing-box-near)}ui-box.ui-layout-box-near-mobile-top{padding-top:var(--semantic-spacing-box-near)!important}ui-box.ui-layout-box-near-mobile-right{padding-right:var(--semantic-spacing-box-near)!important}ui-box.ui-layout-box-near-mobile-bottom{padding-bottom:var(--semantic-spacing-box-near)!important}ui-box.ui-layout-box-near-mobile-left{padding-left:var(--semantic-spacing-box-near)!important}}@media only screen and (min-width: 767px){ui-box.ui-layout-box-near-tablet{padding:var(--semantic-spacing-box-near)}ui-box.ui-layout-box-near-tablet-top{padding-top:var(--semantic-spacing-box-near)!important}ui-box.ui-layout-box-near-tablet-right{padding-right:var(--semantic-spacing-box-near)!important}ui-box.ui-layout-box-near-tablet-bottom{padding-bottom:var(--semantic-spacing-box-near)!important}ui-box.ui-layout-box-near-tablet-left{padding-left:var(--semantic-spacing-box-near)!important}}@media only screen and (min-width: 1080px){ui-box.ui-layout-box-near-laptop{padding:var(--semantic-spacing-box-near)}ui-box.ui-layout-box-near-laptop-top{padding-top:var(--semantic-spacing-box-near)!important}ui-box.ui-layout-box-near-laptop-right{padding-right:var(--semantic-spacing-box-near)!important}ui-box.ui-layout-box-near-laptop-bottom{padding-bottom:var(--semantic-spacing-box-near)!important}ui-box.ui-layout-box-near-laptop-left{padding-left:var(--semantic-spacing-box-near)!important}}@media only screen and (min-width: 1440px){ui-box.ui-layout-box-near-desktop{padding:var(--semantic-spacing-box-near)}ui-box.ui-layout-box-near-desktop-top{padding-top:var(--semantic-spacing-box-near)!important}ui-box.ui-layout-box-near-desktop-right{padding-right:var(--semantic-spacing-box-near)!important}ui-box.ui-layout-box-near-desktop-bottom{padding-bottom:var(--semantic-spacing-box-near)!important}ui-box.ui-layout-box-near-desktop-left{padding-left:var(--semantic-spacing-box-near)!important}}ui-box.ui-layout-box-near-top{padding-top:var(--semantic-spacing-box-near)!important}ui-box.ui-layout-box-near-right{padding-right:var(--semantic-spacing-box-near)!important}ui-box.ui-layout-box-near-bottom{padding-bottom:var(--semantic-spacing-box-near)!important}ui-box.ui-layout-box-near-left{padding-left:var(--semantic-spacing-box-near)!important}ui-box.ui-layout-box-default{padding:var(--semantic-spacing-box-default)}@media only screen and (max-width: 767px){ui-box.ui-layout-box-default-mobile{padding:var(--semantic-spacing-box-default)}ui-box.ui-layout-box-default-mobile-top{padding-top:var(--semantic-spacing-box-default)!important}ui-box.ui-layout-box-default-mobile-right{padding-right:var(--semantic-spacing-box-default)!important}ui-box.ui-layout-box-default-mobile-bottom{padding-bottom:var(--semantic-spacing-box-default)!important}ui-box.ui-layout-box-default-mobile-left{padding-left:var(--semantic-spacing-box-default)!important}}@media only screen and (min-width: 767px){ui-box.ui-layout-box-default-tablet{padding:var(--semantic-spacing-box-default)}ui-box.ui-layout-box-default-tablet-top{padding-top:var(--semantic-spacing-box-default)!important}ui-box.ui-layout-box-default-tablet-right{padding-right:var(--semantic-spacing-box-default)!important}ui-box.ui-layout-box-default-tablet-bottom{padding-bottom:var(--semantic-spacing-box-default)!important}ui-box.ui-layout-box-default-tablet-left{padding-left:var(--semantic-spacing-box-default)!important}}@media only screen and (min-width: 1080px){ui-box.ui-layout-box-default-laptop{padding:var(--semantic-spacing-box-default)}ui-box.ui-layout-box-default-laptop-top{padding-top:var(--semantic-spacing-box-default)!important}ui-box.ui-layout-box-default-laptop-right{padding-right:var(--semantic-spacing-box-default)!important}ui-box.ui-layout-box-default-laptop-bottom{padding-bottom:var(--semantic-spacing-box-default)!important}ui-box.ui-layout-box-default-laptop-left{padding-left:var(--semantic-spacing-box-default)!important}}@media only screen and (min-width: 1440px){ui-box.ui-layout-box-default-desktop{padding:var(--semantic-spacing-box-default)}ui-box.ui-layout-box-default-desktop-top{padding-top:var(--semantic-spacing-box-default)!important}ui-box.ui-layout-box-default-desktop-right{padding-right:var(--semantic-spacing-box-default)!important}ui-box.ui-layout-box-default-desktop-bottom{padding-bottom:var(--semantic-spacing-box-default)!important}ui-box.ui-layout-box-default-desktop-left{padding-left:var(--semantic-spacing-box-default)!important}}ui-box.ui-layout-box-default-top{padding-top:var(--semantic-spacing-box-default)!important}ui-box.ui-layout-box-default-right{padding-right:var(--semantic-spacing-box-default)!important}ui-box.ui-layout-box-default-bottom{padding-bottom:var(--semantic-spacing-box-default)!important}ui-box.ui-layout-box-default-left{padding-left:var(--semantic-spacing-box-default)!important}ui-box.ui-layout-box-expanded{padding:var(--semantic-spacing-box-expanded)}@media only screen and (max-width: 767px){ui-box.ui-layout-box-expanded-mobile{padding:var(--semantic-spacing-box-expanded)}ui-box.ui-layout-box-expanded-mobile-top{padding-top:var(--semantic-spacing-box-expanded)!important}ui-box.ui-layout-box-expanded-mobile-right{padding-right:var(--semantic-spacing-box-expanded)!important}ui-box.ui-layout-box-expanded-mobile-bottom{padding-bottom:var(--semantic-spacing-box-expanded)!important}ui-box.ui-layout-box-expanded-mobile-left{padding-left:var(--semantic-spacing-box-expanded)!important}}@media only screen and (min-width: 767px){ui-box.ui-layout-box-expanded-tablet{padding:var(--semantic-spacing-box-expanded)}ui-box.ui-layout-box-expanded-tablet-top{padding-top:var(--semantic-spacing-box-expanded)!important}ui-box.ui-layout-box-expanded-tablet-right{padding-right:var(--semantic-spacing-box-expanded)!important}ui-box.ui-layout-box-expanded-tablet-bottom{padding-bottom:var(--semantic-spacing-box-expanded)!important}ui-box.ui-layout-box-expanded-tablet-left{padding-left:var(--semantic-spacing-box-expanded)!important}}@media only screen and (min-width: 1080px){ui-box.ui-layout-box-expanded-laptop{padding:var(--semantic-spacing-box-expanded)}ui-box.ui-layout-box-expanded-laptop-top{padding-top:var(--semantic-spacing-box-expanded)!important}ui-box.ui-layout-box-expanded-laptop-right{padding-right:var(--semantic-spacing-box-expanded)!important}ui-box.ui-layout-box-expanded-laptop-bottom{padding-bottom:var(--semantic-spacing-box-expanded)!important}ui-box.ui-layout-box-expanded-laptop-left{padding-left:var(--semantic-spacing-box-expanded)!important}}@media only screen and (min-width: 1440px){ui-box.ui-layout-box-expanded-desktop{padding:var(--semantic-spacing-box-expanded)}ui-box.ui-layout-box-expanded-desktop-top{padding-top:var(--semantic-spacing-box-expanded)!important}ui-box.ui-layout-box-expanded-desktop-right{padding-right:var(--semantic-spacing-box-expanded)!important}ui-box.ui-layout-box-expanded-desktop-bottom{padding-bottom:var(--semantic-spacing-box-expanded)!important}ui-box.ui-layout-box-expanded-desktop-left{padding-left:var(--semantic-spacing-box-expanded)!important}}ui-box.ui-layout-box-expanded-top{padding-top:var(--semantic-spacing-box-expanded)!important}ui-box.ui-layout-box-expanded-right{padding-right:var(--semantic-spacing-box-expanded)!important}ui-box.ui-layout-box-expanded-bottom{padding-bottom:var(--semantic-spacing-box-expanded)!important}ui-box.ui-layout-box-expanded-left{padding-left:var(--semantic-spacing-box-expanded)!important}ui-box.ui-layout-box-section-inset{padding:var(--semantic-spacing-box-section-inset)}@media only screen and (max-width: 767px){ui-box.ui-layout-box-section-inset-mobile{padding:var(--semantic-spacing-box-section-inset)}ui-box.ui-layout-box-section-inset-mobile-top{padding-top:var(--semantic-spacing-box-section-inset)!important}ui-box.ui-layout-box-section-inset-mobile-right{padding-right:var(--semantic-spacing-box-section-inset)!important}ui-box.ui-layout-box-section-inset-mobile-bottom{padding-bottom:var(--semantic-spacing-box-section-inset)!important}ui-box.ui-layout-box-section-inset-mobile-left{padding-left:var(--semantic-spacing-box-section-inset)!important}}@media only screen and (min-width: 767px){ui-box.ui-layout-box-section-inset-tablet{padding:var(--semantic-spacing-box-section-inset)}ui-box.ui-layout-box-section-inset-tablet-top{padding-top:var(--semantic-spacing-box-section-inset)!important}ui-box.ui-layout-box-section-inset-tablet-right{padding-right:var(--semantic-spacing-box-section-inset)!important}ui-box.ui-layout-box-section-inset-tablet-bottom{padding-bottom:var(--semantic-spacing-box-section-inset)!important}ui-box.ui-layout-box-section-inset-tablet-left{padding-left:var(--semantic-spacing-box-section-inset)!important}}@media only screen and (min-width: 1080px){ui-box.ui-layout-box-section-inset-laptop{padding:var(--semantic-spacing-box-section-inset)}ui-box.ui-layout-box-section-inset-laptop-top{padding-top:var(--semantic-spacing-box-section-inset)!important}ui-box.ui-layout-box-section-inset-laptop-right{padding-right:var(--semantic-spacing-box-section-inset)!important}ui-box.ui-layout-box-section-inset-laptop-bottom{padding-bottom:var(--semantic-spacing-box-section-inset)!important}ui-box.ui-layout-box-section-inset-laptop-left{padding-left:var(--semantic-spacing-box-section-inset)!important}}@media only screen and (min-width: 1440px){ui-box.ui-layout-box-section-inset-desktop{padding:var(--semantic-spacing-box-section-inset)}ui-box.ui-layout-box-section-inset-desktop-top{padding-top:var(--semantic-spacing-box-section-inset)!important}ui-box.ui-layout-box-section-inset-desktop-right{padding-right:var(--semantic-spacing-box-section-inset)!important}ui-box.ui-layout-box-section-inset-desktop-bottom{padding-bottom:var(--semantic-spacing-box-section-inset)!important}ui-box.ui-layout-box-section-inset-desktop-left{padding-left:var(--semantic-spacing-box-section-inset)!important}}ui-box.ui-layout-box-section-inset-top{padding-top:var(--semantic-spacing-box-section-inset)!important}ui-box.ui-layout-box-section-inset-right{padding-right:var(--semantic-spacing-box-section-inset)!important}ui-box.ui-layout-box-section-inset-bottom{padding-bottom:var(--semantic-spacing-box-section-inset)!important}ui-box.ui-layout-box-section-inset-left{padding-left:var(--semantic-spacing-box-section-inset)!important}ui-box.ui-layout-box-background-transparent{background-color:var(--semantic-color-background-transparent)}ui-box.ui-layout-box-background-primary{background-color:var(--semantic-color-background-primary)}ui-box.ui-layout-box-background-secondary{background-color:var(--semantic-color-background-secondary)}ui-box.ui-layout-box-background-tertiary{background-color:var(--semantic-color-background-tertiary)}ui-box.ui-layout-box-background-quaternary{background-color:var(--semantic-color-background-quaternary)}ui-box.ui-layout-box-align-start{justify-content:flex-start}ui-box.ui-layout-box-align-x-start{align-items:flex-start;align-content:flex-start}ui-box.ui-layout-box-align-center{justify-content:center}ui-box.ui-layout-box-align-x-center{align-items:center;align-content:center}ui-box.ui-layout-box-align-end{justify-content:flex-end}ui-box.ui-layout-box-align-x-end{align-items:flex-end;align-content:flex-end}ui-box.ui-layout-box-distribute-fill{justify-content:unset}ui-box.ui-layout-box-distribute-start{justify-content:flex-start}ui-box.ui-layout-box-distribute-center{justify-content:center}ui-box.ui-layout-box-distribute-end{justify-content:flex-end}ui-box.ui-layout-box-distribute-space-between{justify-content:space-between}ui-box.ui-layout-box-distribute-space-around{justify-content:space-around}ui-box.ui-layout-box-distribute-space-evenly{justify-content:space-evenly}ui-box.ui-layout-box-fit-content{width:-moz-fit-content;width:fit-content}ui-box.ui-layout-box-fill-container{width:100%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: LayoutBoxComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ui-box', template: '<ng-content></ng-content>', host: {
+                        '[class]': 'boxLayoutClasses'
+                    }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["ui-box{display:flex;justify-self:stretch;flex-direction:column}ui-box.ui-layout-box-none{padding:var(--semantic-spacing-box-none)}@media only screen and (max-width: 767px){ui-box.ui-layout-box-none-mobile{padding:var(--semantic-spacing-box-none)}ui-box.ui-layout-box-none-mobile-top{padding-top:var(--semantic-spacing-box-none)!important}ui-box.ui-layout-box-none-mobile-right{padding-right:var(--semantic-spacing-box-none)!important}ui-box.ui-layout-box-none-mobile-bottom{padding-bottom:var(--semantic-spacing-box-none)!important}ui-box.ui-layout-box-none-mobile-left{padding-left:var(--semantic-spacing-box-none)!important}}@media only screen and (min-width: 767px){ui-box.ui-layout-box-none-tablet{padding:var(--semantic-spacing-box-none)}ui-box.ui-layout-box-none-tablet-top{padding-top:var(--semantic-spacing-box-none)!important}ui-box.ui-layout-box-none-tablet-right{padding-right:var(--semantic-spacing-box-none)!important}ui-box.ui-layout-box-none-tablet-bottom{padding-bottom:var(--semantic-spacing-box-none)!important}ui-box.ui-layout-box-none-tablet-left{padding-left:var(--semantic-spacing-box-none)!important}}@media only screen and (min-width: 1080px){ui-box.ui-layout-box-none-laptop{padding:var(--semantic-spacing-box-none)}ui-box.ui-layout-box-none-laptop-top{padding-top:var(--semantic-spacing-box-none)!important}ui-box.ui-layout-box-none-laptop-right{padding-right:var(--semantic-spacing-box-none)!important}ui-box.ui-layout-box-none-laptop-bottom{padding-bottom:var(--semantic-spacing-box-none)!important}ui-box.ui-layout-box-none-laptop-left{padding-left:var(--semantic-spacing-box-none)!important}}@media only screen and (min-width: 1440px){ui-box.ui-layout-box-none-desktop{padding:var(--semantic-spacing-box-none)}ui-box.ui-layout-box-none-desktop-top{padding-top:var(--semantic-spacing-box-none)!important}ui-box.ui-layout-box-none-desktop-right{padding-right:var(--semantic-spacing-box-none)!important}ui-box.ui-layout-box-none-desktop-bottom{padding-bottom:var(--semantic-spacing-box-none)!important}ui-box.ui-layout-box-none-desktop-left{padding-left:var(--semantic-spacing-box-none)!important}}ui-box.ui-layout-box-none-top{padding-top:var(--semantic-spacing-box-none)!important}ui-box.ui-layout-box-none-right{padding-right:var(--semantic-spacing-box-none)!important}ui-box.ui-layout-box-none-bottom{padding-bottom:var(--semantic-spacing-box-none)!important}ui-box.ui-layout-box-none-left{padding-left:var(--semantic-spacing-box-none)!important}ui-box.ui-layout-box-tight{padding:var(--semantic-spacing-box-tight)}@media only screen and (max-width: 767px){ui-box.ui-layout-box-tight-mobile{padding:var(--semantic-spacing-box-tight)}ui-box.ui-layout-box-tight-mobile-top{padding-top:var(--semantic-spacing-box-tight)!important}ui-box.ui-layout-box-tight-mobile-right{padding-right:var(--semantic-spacing-box-tight)!important}ui-box.ui-layout-box-tight-mobile-bottom{padding-bottom:var(--semantic-spacing-box-tight)!important}ui-box.ui-layout-box-tight-mobile-left{padding-left:var(--semantic-spacing-box-tight)!important}}@media only screen and (min-width: 767px){ui-box.ui-layout-box-tight-tablet{padding:var(--semantic-spacing-box-tight)}ui-box.ui-layout-box-tight-tablet-top{padding-top:var(--semantic-spacing-box-tight)!important}ui-box.ui-layout-box-tight-tablet-right{padding-right:var(--semantic-spacing-box-tight)!important}ui-box.ui-layout-box-tight-tablet-bottom{padding-bottom:var(--semantic-spacing-box-tight)!important}ui-box.ui-layout-box-tight-tablet-left{padding-left:var(--semantic-spacing-box-tight)!important}}@media only screen and (min-width: 1080px){ui-box.ui-layout-box-tight-laptop{padding:var(--semantic-spacing-box-tight)}ui-box.ui-layout-box-tight-laptop-top{padding-top:var(--semantic-spacing-box-tight)!important}ui-box.ui-layout-box-tight-laptop-right{padding-right:var(--semantic-spacing-box-tight)!important}ui-box.ui-layout-box-tight-laptop-bottom{padding-bottom:var(--semantic-spacing-box-tight)!important}ui-box.ui-layout-box-tight-laptop-left{padding-left:var(--semantic-spacing-box-tight)!important}}@media only screen and (min-width: 1440px){ui-box.ui-layout-box-tight-desktop{padding:var(--semantic-spacing-box-tight)}ui-box.ui-layout-box-tight-desktop-top{padding-top:var(--semantic-spacing-box-tight)!important}ui-box.ui-layout-box-tight-desktop-right{padding-right:var(--semantic-spacing-box-tight)!important}ui-box.ui-layout-box-tight-desktop-bottom{padding-bottom:var(--semantic-spacing-box-tight)!important}ui-box.ui-layout-box-tight-desktop-left{padding-left:var(--semantic-spacing-box-tight)!important}}ui-box.ui-layout-box-tight-top{padding-top:var(--semantic-spacing-box-tight)!important}ui-box.ui-layout-box-tight-right{padding-right:var(--semantic-spacing-box-tight)!important}ui-box.ui-layout-box-tight-bottom{padding-bottom:var(--semantic-spacing-box-tight)!important}ui-box.ui-layout-box-tight-left{padding-left:var(--semantic-spacing-box-tight)!important}ui-box.ui-layout-box-near{padding:var(--semantic-spacing-box-near)}@media only screen and (max-width: 767px){ui-box.ui-layout-box-near-mobile{padding:var(--semantic-spacing-box-near)}ui-box.ui-layout-box-near-mobile-top{padding-top:var(--semantic-spacing-box-near)!important}ui-box.ui-layout-box-near-mobile-right{padding-right:var(--semantic-spacing-box-near)!important}ui-box.ui-layout-box-near-mobile-bottom{padding-bottom:var(--semantic-spacing-box-near)!important}ui-box.ui-layout-box-near-mobile-left{padding-left:var(--semantic-spacing-box-near)!important}}@media only screen and (min-width: 767px){ui-box.ui-layout-box-near-tablet{padding:var(--semantic-spacing-box-near)}ui-box.ui-layout-box-near-tablet-top{padding-top:var(--semantic-spacing-box-near)!important}ui-box.ui-layout-box-near-tablet-right{padding-right:var(--semantic-spacing-box-near)!important}ui-box.ui-layout-box-near-tablet-bottom{padding-bottom:var(--semantic-spacing-box-near)!important}ui-box.ui-layout-box-near-tablet-left{padding-left:var(--semantic-spacing-box-near)!important}}@media only screen and (min-width: 1080px){ui-box.ui-layout-box-near-laptop{padding:var(--semantic-spacing-box-near)}ui-box.ui-layout-box-near-laptop-top{padding-top:var(--semantic-spacing-box-near)!important}ui-box.ui-layout-box-near-laptop-right{padding-right:var(--semantic-spacing-box-near)!important}ui-box.ui-layout-box-near-laptop-bottom{padding-bottom:var(--semantic-spacing-box-near)!important}ui-box.ui-layout-box-near-laptop-left{padding-left:var(--semantic-spacing-box-near)!important}}@media only screen and (min-width: 1440px){ui-box.ui-layout-box-near-desktop{padding:var(--semantic-spacing-box-near)}ui-box.ui-layout-box-near-desktop-top{padding-top:var(--semantic-spacing-box-near)!important}ui-box.ui-layout-box-near-desktop-right{padding-right:var(--semantic-spacing-box-near)!important}ui-box.ui-layout-box-near-desktop-bottom{padding-bottom:var(--semantic-spacing-box-near)!important}ui-box.ui-layout-box-near-desktop-left{padding-left:var(--semantic-spacing-box-near)!important}}ui-box.ui-layout-box-near-top{padding-top:var(--semantic-spacing-box-near)!important}ui-box.ui-layout-box-near-right{padding-right:var(--semantic-spacing-box-near)!important}ui-box.ui-layout-box-near-bottom{padding-bottom:var(--semantic-spacing-box-near)!important}ui-box.ui-layout-box-near-left{padding-left:var(--semantic-spacing-box-near)!important}ui-box.ui-layout-box-default{padding:var(--semantic-spacing-box-default)}@media only screen and (max-width: 767px){ui-box.ui-layout-box-default-mobile{padding:var(--semantic-spacing-box-default)}ui-box.ui-layout-box-default-mobile-top{padding-top:var(--semantic-spacing-box-default)!important}ui-box.ui-layout-box-default-mobile-right{padding-right:var(--semantic-spacing-box-default)!important}ui-box.ui-layout-box-default-mobile-bottom{padding-bottom:var(--semantic-spacing-box-default)!important}ui-box.ui-layout-box-default-mobile-left{padding-left:var(--semantic-spacing-box-default)!important}}@media only screen and (min-width: 767px){ui-box.ui-layout-box-default-tablet{padding:var(--semantic-spacing-box-default)}ui-box.ui-layout-box-default-tablet-top{padding-top:var(--semantic-spacing-box-default)!important}ui-box.ui-layout-box-default-tablet-right{padding-right:var(--semantic-spacing-box-default)!important}ui-box.ui-layout-box-default-tablet-bottom{padding-bottom:var(--semantic-spacing-box-default)!important}ui-box.ui-layout-box-default-tablet-left{padding-left:var(--semantic-spacing-box-default)!important}}@media only screen and (min-width: 1080px){ui-box.ui-layout-box-default-laptop{padding:var(--semantic-spacing-box-default)}ui-box.ui-layout-box-default-laptop-top{padding-top:var(--semantic-spacing-box-default)!important}ui-box.ui-layout-box-default-laptop-right{padding-right:var(--semantic-spacing-box-default)!important}ui-box.ui-layout-box-default-laptop-bottom{padding-bottom:var(--semantic-spacing-box-default)!important}ui-box.ui-layout-box-default-laptop-left{padding-left:var(--semantic-spacing-box-default)!important}}@media only screen and (min-width: 1440px){ui-box.ui-layout-box-default-desktop{padding:var(--semantic-spacing-box-default)}ui-box.ui-layout-box-default-desktop-top{padding-top:var(--semantic-spacing-box-default)!important}ui-box.ui-layout-box-default-desktop-right{padding-right:var(--semantic-spacing-box-default)!important}ui-box.ui-layout-box-default-desktop-bottom{padding-bottom:var(--semantic-spacing-box-default)!important}ui-box.ui-layout-box-default-desktop-left{padding-left:var(--semantic-spacing-box-default)!important}}ui-box.ui-layout-box-default-top{padding-top:var(--semantic-spacing-box-default)!important}ui-box.ui-layout-box-default-right{padding-right:var(--semantic-spacing-box-default)!important}ui-box.ui-layout-box-default-bottom{padding-bottom:var(--semantic-spacing-box-default)!important}ui-box.ui-layout-box-default-left{padding-left:var(--semantic-spacing-box-default)!important}ui-box.ui-layout-box-expanded{padding:var(--semantic-spacing-box-expanded)}@media only screen and (max-width: 767px){ui-box.ui-layout-box-expanded-mobile{padding:var(--semantic-spacing-box-expanded)}ui-box.ui-layout-box-expanded-mobile-top{padding-top:var(--semantic-spacing-box-expanded)!important}ui-box.ui-layout-box-expanded-mobile-right{padding-right:var(--semantic-spacing-box-expanded)!important}ui-box.ui-layout-box-expanded-mobile-bottom{padding-bottom:var(--semantic-spacing-box-expanded)!important}ui-box.ui-layout-box-expanded-mobile-left{padding-left:var(--semantic-spacing-box-expanded)!important}}@media only screen and (min-width: 767px){ui-box.ui-layout-box-expanded-tablet{padding:var(--semantic-spacing-box-expanded)}ui-box.ui-layout-box-expanded-tablet-top{padding-top:var(--semantic-spacing-box-expanded)!important}ui-box.ui-layout-box-expanded-tablet-right{padding-right:var(--semantic-spacing-box-expanded)!important}ui-box.ui-layout-box-expanded-tablet-bottom{padding-bottom:var(--semantic-spacing-box-expanded)!important}ui-box.ui-layout-box-expanded-tablet-left{padding-left:var(--semantic-spacing-box-expanded)!important}}@media only screen and (min-width: 1080px){ui-box.ui-layout-box-expanded-laptop{padding:var(--semantic-spacing-box-expanded)}ui-box.ui-layout-box-expanded-laptop-top{padding-top:var(--semantic-spacing-box-expanded)!important}ui-box.ui-layout-box-expanded-laptop-right{padding-right:var(--semantic-spacing-box-expanded)!important}ui-box.ui-layout-box-expanded-laptop-bottom{padding-bottom:var(--semantic-spacing-box-expanded)!important}ui-box.ui-layout-box-expanded-laptop-left{padding-left:var(--semantic-spacing-box-expanded)!important}}@media only screen and (min-width: 1440px){ui-box.ui-layout-box-expanded-desktop{padding:var(--semantic-spacing-box-expanded)}ui-box.ui-layout-box-expanded-desktop-top{padding-top:var(--semantic-spacing-box-expanded)!important}ui-box.ui-layout-box-expanded-desktop-right{padding-right:var(--semantic-spacing-box-expanded)!important}ui-box.ui-layout-box-expanded-desktop-bottom{padding-bottom:var(--semantic-spacing-box-expanded)!important}ui-box.ui-layout-box-expanded-desktop-left{padding-left:var(--semantic-spacing-box-expanded)!important}}ui-box.ui-layout-box-expanded-top{padding-top:var(--semantic-spacing-box-expanded)!important}ui-box.ui-layout-box-expanded-right{padding-right:var(--semantic-spacing-box-expanded)!important}ui-box.ui-layout-box-expanded-bottom{padding-bottom:var(--semantic-spacing-box-expanded)!important}ui-box.ui-layout-box-expanded-left{padding-left:var(--semantic-spacing-box-expanded)!important}ui-box.ui-layout-box-section-inset{padding:var(--semantic-spacing-box-section-inset)}@media only screen and (max-width: 767px){ui-box.ui-layout-box-section-inset-mobile{padding:var(--semantic-spacing-box-section-inset)}ui-box.ui-layout-box-section-inset-mobile-top{padding-top:var(--semantic-spacing-box-section-inset)!important}ui-box.ui-layout-box-section-inset-mobile-right{padding-right:var(--semantic-spacing-box-section-inset)!important}ui-box.ui-layout-box-section-inset-mobile-bottom{padding-bottom:var(--semantic-spacing-box-section-inset)!important}ui-box.ui-layout-box-section-inset-mobile-left{padding-left:var(--semantic-spacing-box-section-inset)!important}}@media only screen and (min-width: 767px){ui-box.ui-layout-box-section-inset-tablet{padding:var(--semantic-spacing-box-section-inset)}ui-box.ui-layout-box-section-inset-tablet-top{padding-top:var(--semantic-spacing-box-section-inset)!important}ui-box.ui-layout-box-section-inset-tablet-right{padding-right:var(--semantic-spacing-box-section-inset)!important}ui-box.ui-layout-box-section-inset-tablet-bottom{padding-bottom:var(--semantic-spacing-box-section-inset)!important}ui-box.ui-layout-box-section-inset-tablet-left{padding-left:var(--semantic-spacing-box-section-inset)!important}}@media only screen and (min-width: 1080px){ui-box.ui-layout-box-section-inset-laptop{padding:var(--semantic-spacing-box-section-inset)}ui-box.ui-layout-box-section-inset-laptop-top{padding-top:var(--semantic-spacing-box-section-inset)!important}ui-box.ui-layout-box-section-inset-laptop-right{padding-right:var(--semantic-spacing-box-section-inset)!important}ui-box.ui-layout-box-section-inset-laptop-bottom{padding-bottom:var(--semantic-spacing-box-section-inset)!important}ui-box.ui-layout-box-section-inset-laptop-left{padding-left:var(--semantic-spacing-box-section-inset)!important}}@media only screen and (min-width: 1440px){ui-box.ui-layout-box-section-inset-desktop{padding:var(--semantic-spacing-box-section-inset)}ui-box.ui-layout-box-section-inset-desktop-top{padding-top:var(--semantic-spacing-box-section-inset)!important}ui-box.ui-layout-box-section-inset-desktop-right{padding-right:var(--semantic-spacing-box-section-inset)!important}ui-box.ui-layout-box-section-inset-desktop-bottom{padding-bottom:var(--semantic-spacing-box-section-inset)!important}ui-box.ui-layout-box-section-inset-desktop-left{padding-left:var(--semantic-spacing-box-section-inset)!important}}ui-box.ui-layout-box-section-inset-top{padding-top:var(--semantic-spacing-box-section-inset)!important}ui-box.ui-layout-box-section-inset-right{padding-right:var(--semantic-spacing-box-section-inset)!important}ui-box.ui-layout-box-section-inset-bottom{padding-bottom:var(--semantic-spacing-box-section-inset)!important}ui-box.ui-layout-box-section-inset-left{padding-left:var(--semantic-spacing-box-section-inset)!important}ui-box.ui-layout-box-background-transparent{background-color:var(--semantic-color-background-transparent)}ui-box.ui-layout-box-background-primary{background-color:var(--semantic-color-background-primary)}ui-box.ui-layout-box-background-secondary{background-color:var(--semantic-color-background-secondary)}ui-box.ui-layout-box-background-tertiary{background-color:var(--semantic-color-background-tertiary)}ui-box.ui-layout-box-background-quaternary{background-color:var(--semantic-color-background-quaternary)}ui-box.ui-layout-box-align-start{justify-content:flex-start}ui-box.ui-layout-box-align-x-start{align-items:flex-start;align-content:flex-start}ui-box.ui-layout-box-align-center{justify-content:center}ui-box.ui-layout-box-align-x-center{align-items:center;align-content:center}ui-box.ui-layout-box-align-end{justify-content:flex-end}ui-box.ui-layout-box-align-x-end{align-items:flex-end;align-content:flex-end}ui-box.ui-layout-box-distribute-fill{justify-content:unset}ui-box.ui-layout-box-distribute-start{justify-content:flex-start}ui-box.ui-layout-box-distribute-center{justify-content:center}ui-box.ui-layout-box-distribute-end{justify-content:flex-end}ui-box.ui-layout-box-distribute-space-between{justify-content:space-between}ui-box.ui-layout-box-distribute-space-around{justify-content:space-around}ui-box.ui-layout-box-distribute-space-evenly{justify-content:space-evenly}ui-box.ui-layout-box-fit-content{width:-moz-fit-content;width:fit-content}ui-box.ui-layout-box-fill-container{width:100%}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { boxSpace: [{
+                type: Input
+            }], boxSpaceTop: [{
+                type: Input
+            }], boxSpaceRight: [{
+                type: Input
+            }], boxSpaceBottom: [{
+                type: Input
+            }], boxSpaceLeft: [{
+                type: Input
+            }], boxAlignX: [{
+                type: Input
+            }], boxAlignY: [{
+                type: Input
+            }], boxFillMode: [{
+                type: Input
+            }], boxBackground: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm94LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL29hc3lzLWxpYi9zcmMvbGliL2NvbXBvbmVudHMvbGF5b3V0L2JveC9ib3guY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxpQkFBaUIsRUFBcUIsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDakgsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN0QyxPQUFPLEVBQUUsU0FBUyxFQUFDLE1BQU0sZUFBZSxDQUFDOztBQWF6QyxNQUFNLE9BQU8sa0JBQWtCO0lBbUI3QixZQUFvQixPQUEwQjtRQUExQixZQUFPLEdBQVAsT0FBTyxDQUFtQjtRQWxCOUMsaUJBQVksR0FBWSxLQUFLLENBQUM7UUFDOUIsV0FBTSxHQUFHLGVBQWUsQ0FBQztRQUdoQixhQUFRLEdBQW9CLFNBQVMsQ0FBQztRQU90QyxjQUFTLEdBQXFCLE9BQU8sQ0FBQztRQUN0QyxjQUFTLEdBQXFCLE9BQU8sQ0FBQztRQUV0QyxnQkFBVyxHQUFxQixNQUFNLENBQUM7UUFFdkMsa0JBQWEsR0FBc0IsU0FBUyxDQUFDO0lBRUosQ0FBQztJQUVuRCxjQUFjLENBQUMsVUFBMkIsRUFBRSxZQUFxQjtRQUMvRCxJQUFHLENBQUMsVUFBVSxJQUFJLFVBQVUsS0FBSyxTQUFTLEVBQUM7WUFDekMsT0FBTyxJQUFJLENBQUM7U0FDYjtRQUVELElBQUcsT0FBTyxVQUFVLEtBQUssUUFBUSxFQUFDO1lBRWhDLE9BQU8sTUFBTSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxHQUFHLEVBQUUsRUFBRTtnQkFDekMsT0FBTyxHQUFHLElBQUksQ0FBQyxNQUFNLElBQUksVUFBVSxDQUFDLEdBQUcsQ0FBQyxJQUFJLEdBQUcsR0FBRyxZQUFZLENBQUMsQ0FBQyxDQUFDLElBQUksWUFBWSxFQUFFLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRSxDQUFBO1lBQzVGLENBQUMsQ0FBQyxDQUFDO1NBRUo7UUFFRCxPQUFPO1lBQ0wsSUFBSSxDQUFDLE1BQU07WUFDWCxHQUFHLElBQUksQ0FBQyxNQUFNLElBQUksVUFBVSxHQUFHLFlBQVksQ0FBQyxDQUFDLENBQUMsSUFBSSxZQUFZLEVBQUUsQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFO1NBQ3hFLENBQUM7SUFFSixDQUFDO0lBRUQsa0JBQWtCLENBQUMsY0FBYztRQUMvQixNQUFNLFVBQVUsR0FBRyxDQUFDLEtBQUssRUFBRSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sQ0FBQyxDQUFDO1FBRXRELE9BQU8sY0FBYyxDQUFDLEdBQUcsQ0FBQyxDQUFDLElBQUksRUFBRSxLQUFLLEVBQUUsRUFBRTtZQUN4QyxPQUFPLElBQUksQ0FBQyxjQUFjLENBQUMsSUFBSSxFQUFFLFVBQVUsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDO1FBQ3RELENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxPQUFPLENBQUMsQ0FBQztJQUNyQixDQUFDO0lBRUQsbUJBQW1CLENBQUMsaUJBQWlCO1FBQ25DLE1BQU0sVUFBVSxHQUFHLENBQUMsU0FBUyxFQUFFLFNBQVMsQ0FBQyxDQUFDO1FBRTFDLE9BQU8saUJBQWlCLENBQUMsR0FBRyxDQUFDLENBQUMsSUFBSSxFQUFFLEtBQUssRUFBRSxFQUFFO1lBQzNDLE9BQU8sSUFBSSxDQUFDLENBQUMsQ0FBQyxHQUFHLElBQUksQ0FBQyxNQUFNLElBQUksVUFBVSxDQUFDLEtBQUssQ0FBQyxJQUFJLElBQUksRUFBRSxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUM7UUFDMUUsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLE9BQU8sQ0FBQyxDQUFDO0lBQ3JCLENBQUM7SUFFRCxrQkFBa0I7UUFDaEIsTUFBTSxLQUFLLEdBQUcsSUFBSSxDQUFDLGFBQWEsQ0FBQyxDQUFDLENBQUMsR0FBRyxJQUFJLENBQUMsTUFBTSxlQUFlLElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDO1FBQzFGLE9BQU8sS0FBSyxDQUFDO0lBQ2YsQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFHLENBQUMsSUFBSSxDQUFDLFlBQVksRUFBQztZQUNwQixPQUFPO1NBQ1I7UUFDRCxJQUFJLENBQUMsUUFBUSxFQUFFLENBQUM7UUFDaEIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUM5QixDQUFDO0lBRUQsUUFBUTtRQUNOLE1BQU0sY0FBYyxHQUFHLENBQUMsSUFBSSxDQUFDLFdBQVcsRUFBRSxJQUFJLENBQUMsYUFBYSxFQUFFLElBQUksQ0FBQyxjQUFjLEVBQUUsSUFBSSxDQUFDLFlBQVksQ0FBQyxDQUFDO1FBQ3RHLE1BQU0saUJBQWlCLEdBQUcsQ0FBQyxJQUFJLENBQUMsU0FBUyxFQUFFLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQztRQUUzRCxzQkFBc0I7UUFDdEIsSUFBSSxDQUFDLGdCQUFnQixHQUFHO1lBQ3RCLElBQUksQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQztZQUNsQyxJQUFJLENBQUMsa0JBQWtCLENBQUMsY0FBYyxDQUFDO1lBQ3ZDLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxpQkFBaUIsQ0FBQztZQUMzQyxJQUFJLENBQUMsa0JBQWtCLEVBQUU7WUFDekIsSUFBSSxDQUFDLFdBQVcsS0FBSyxLQUFLLENBQUMsQ0FBQyxDQUFDLEdBQUcsSUFBSSxDQUFDLE1BQU0sY0FBYyxDQUFDLENBQUMsQ0FBQyxHQUFHLElBQUksQ0FBQyxNQUFNLGlCQUFpQjtTQUM1RixDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsQ0FBQyxNQUFNLENBQUMsT0FBTyxDQUFDLENBQUM7UUFFM0IsSUFBSSxDQUFDLFlBQVksR0FBRyxJQUFJLENBQUM7SUFDM0IsQ0FBQzs7Z0hBcEZVLGtCQUFrQjtvR0FBbEIsa0JBQWtCLG9ZQVJuQiwyQkFBMkI7NEZBUTFCLGtCQUFrQjtrQkFWOUIsU0FBUzsrQkFDQyxRQUFRLFlBQ1AsMkJBQTJCLFFBQy9CO3dCQUNKLFNBQVMsRUFBRyxrQkFBa0I7cUJBQy9CLGlCQUVjLGlCQUFpQixDQUFDLElBQUksbUJBQ3BCLHVCQUF1QixDQUFDLE1BQU07d0dBT3RDLFFBQVE7c0JBQWhCLEtBQUs7Z0JBRUcsV0FBVztzQkFBbkIsS0FBSztnQkFDRyxhQUFhO3NCQUFyQixLQUFLO2dCQUNHLGNBQWM7c0JBQXRCLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFFRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBRUcsV0FBVztzQkFBbkIsS0FBSztnQkFFRyxhQUFhO3NCQUFyQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENoYW5nZURldGVjdG9yUmVmLCBPbkNoYW5nZXMsIE9uSW5pdCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21wb25lbnR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTGF5b3V0QWxpZ25tZW50LCBMYXlvdXRCYWNrZ3JvdW5kcywgTGF5b3V0Qm94U2l6ZXMsIExheW91dEZpbGxNb2RlcyB9IGZyb20gJy4uL0xheW91dCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjondWktYm94JyxcbiAgdGVtcGxhdGU6ICc8bmctY29udGVudD48L25nLWNvbnRlbnQ+JyxcbiAgaG9zdDoge1xuICAgICdbY2xhc3NdJyA6ICdib3hMYXlvdXRDbGFzc2VzJ1xuICB9LFxuICBzdHlsZVVybHM6IFsnLi9ib3guY29tcG9uZW50LnNjc3MnXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcbn0pXG5leHBvcnQgY2xhc3MgTGF5b3V0Qm94Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBPbkNoYW5nZXMge1xuICBkaWRGaXJzdEluaXQ6IGJvb2xlYW4gPSBmYWxzZTtcbiAgcHJlZml4ID0gJ3VpLWxheW91dC1ib3gnO1xuICBib3hMYXlvdXRDbGFzc2VzPzogc3RyaW5nW107XG5cbiAgQElucHV0KCkgYm94U3BhY2U/OiBMYXlvdXRCb3hTaXplcyA9ICdkZWZhdWx0JztcblxuICBASW5wdXQoKSBib3hTcGFjZVRvcD86IExheW91dEJveFNpemVzO1xuICBASW5wdXQoKSBib3hTcGFjZVJpZ2h0PzogTGF5b3V0Qm94U2l6ZXM7XG4gIEBJbnB1dCgpIGJveFNwYWNlQm90dG9tPzogTGF5b3V0Qm94U2l6ZXM7XG4gIEBJbnB1dCgpIGJveFNwYWNlTGVmdD86IExheW91dEJveFNpemVzO1xuXG4gIEBJbnB1dCgpIGJveEFsaWduWD86IExheW91dEFsaWdubWVudCA9ICdzdGFydCc7XG4gIEBJbnB1dCgpIGJveEFsaWduWT86IExheW91dEFsaWdubWVudCA9ICdzdGFydCc7XG5cbiAgQElucHV0KCkgYm94RmlsbE1vZGU/OiBMYXlvdXRGaWxsTW9kZXMgPSAnZmlsbCc7XG5cbiAgQElucHV0KCkgYm94QmFja2dyb3VuZDogTGF5b3V0QmFja2dyb3VuZHMgPSAncHJpbWFyeSc7XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBjaGFuZ2VzOiBDaGFuZ2VEZXRlY3RvclJlZikgeyB9XG5cbiAgZ2V0U2l6ZUNsYXNzZXMoc3BhY2VJbnB1dD86IExheW91dEJveFNpemVzLCBvdmVycmlkZU5hbWU/OiBzdHJpbmcpOiBzdHJpbmdbXSB7XG4gICAgaWYoIXNwYWNlSW5wdXQgfHwgc3BhY2VJbnB1dCA9PT0gdW5kZWZpbmVkKXtcbiAgICAgIHJldHVybiBudWxsO1xuICAgIH1cblxuICAgIGlmKHR5cGVvZiBzcGFjZUlucHV0ID09PSAnb2JqZWN0Jyl7XG5cbiAgICAgIHJldHVybiBPYmplY3Qua2V5cyhzcGFjZUlucHV0KS5tYXAoKGtleSkgPT4ge1xuICAgICAgICByZXR1cm4gYCR7dGhpcy5wcmVmaXh9LSR7c3BhY2VJbnB1dFtrZXldfS0ke2tleX0ke292ZXJyaWRlTmFtZSA/IGAtJHtvdmVycmlkZU5hbWV9YCA6IGBgfWBcbiAgICAgIH0pO1xuXG4gICAgfVxuXG4gICAgcmV0dXJuIFtcbiAgICAgIHRoaXMucHJlZml4LFxuICAgICAgYCR7dGhpcy5wcmVmaXh9LSR7c3BhY2VJbnB1dH0ke292ZXJyaWRlTmFtZSA/IGAtJHtvdmVycmlkZU5hbWV9YCA6IGBgfWBcbiAgICBdO1xuXG4gIH1cblxuICBnZXRPdmVycmlkZUNsYXNzZXMoc3BhY2VPdmVycmlkZXMpOiBzdHJpbmdbXSB7XG4gICAgY29uc3Qgc3BhY2VUeXBlcyA9IFsndG9wJywgJ3JpZ2h0JywgJ2JvdHRvbScsICdsZWZ0J107XG5cbiAgICByZXR1cm4gc3BhY2VPdmVycmlkZXMubWFwKChpdGVtLCBpbmRleCkgPT4ge1xuICAgICAgcmV0dXJuIHRoaXMuZ2V0U2l6ZUNsYXNzZXMoaXRlbSwgc3BhY2VUeXBlc1tpbmRleF0pO1xuICAgIH0pLmZpbHRlcihCb29sZWFuKTtcbiAgfVxuXG4gIGdldEFsaWdubWVudENsYXNzZXMoYWxpZ25tZW50T3ZlcnJpZGUpOiBzdHJpbmdbXSB7XG4gICAgY29uc3Qgc3BhY2VUeXBlcyA9IFsnYWxpZ24teCcsICdhbGlnbi15J107XG5cbiAgICByZXR1cm4gYWxpZ25tZW50T3ZlcnJpZGUubWFwKChpdGVtLCBpbmRleCkgPT4ge1xuICAgICAgcmV0dXJuIGl0ZW0gPyBgJHt0aGlzLnByZWZpeH0tJHtzcGFjZVR5cGVzW2luZGV4XX0tJHtpdGVtfWAgOiB1bmRlZmluZWQ7XG4gICAgfSkuZmlsdGVyKEJvb2xlYW4pO1xuICB9XG5cbiAgZ2V0QmFja2dyb3VuZENsYXNzKCk6IHN0cmluZyB7XG4gICAgY29uc3QgdmFsdWUgPSB0aGlzLmJveEJhY2tncm91bmQgPyBgJHt0aGlzLnByZWZpeH0tYmFja2dyb3VuZC0ke3RoaXMuYm94QmFja2dyb3VuZH1gIDogYGA7XG4gICAgcmV0dXJuIHZhbHVlO1xuICB9XG5cbiAgbmdPbkNoYW5nZXMoKTogdm9pZCB7XG4gICAgaWYoIXRoaXMuZGlkRmlyc3RJbml0KXtcbiAgICAgIHJldHVybjtcbiAgICB9XG4gICAgdGhpcy5uZ09uSW5pdCgpO1xuICAgIHRoaXMuY2hhbmdlcy5tYXJrRm9yQ2hlY2soKTtcbiAgfVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIGNvbnN0IHNwYWNlT3ZlcnJpZGVzID0gW3RoaXMuYm94U3BhY2VUb3AsIHRoaXMuYm94U3BhY2VSaWdodCwgdGhpcy5ib3hTcGFjZUJvdHRvbSwgdGhpcy5ib3hTcGFjZUxlZnRdO1xuICAgIGNvbnN0IGFsaWdubWVudE92ZXJyaWRlID0gW3RoaXMuYm94QWxpZ25YLCB0aGlzLmJveEFsaWduWV07XG5cbiAgICAvLyBCYXNpYyBiYXNpYyBjbGFzc2VzXG4gICAgdGhpcy5ib3hMYXlvdXRDbGFzc2VzID0gW1xuICAgICAgdGhpcy5nZXRTaXplQ2xhc3Nlcyh0aGlzLmJveFNwYWNlKSxcbiAgICAgIHRoaXMuZ2V0T3ZlcnJpZGVDbGFzc2VzKHNwYWNlT3ZlcnJpZGVzKSxcbiAgICAgIHRoaXMuZ2V0QWxpZ25tZW50Q2xhc3NlcyhhbGlnbm1lbnRPdmVycmlkZSksXG4gICAgICB0aGlzLmdldEJhY2tncm91bmRDbGFzcygpLFxuICAgICAgdGhpcy5ib3hGaWxsTW9kZSA9PT0gJ2ZpdCcgPyBgJHt0aGlzLnByZWZpeH0tZml0LWNvbnRlbnRgIDogYCR7dGhpcy5wcmVmaXh9LWZpbGwtY29udGFpbmVyYFxuICAgIF0uZmxhdCgxMCkuZmlsdGVyKEJvb2xlYW4pO1xuXG4gICAgdGhpcy5kaWRGaXJzdEluaXQgPSB0cnVlO1xuICB9XG5cbn1cblxuIl19