oasys-lib 0.0.49 → 0.0.88
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundles/oasys-lib.umd.js +5 -3
- package/bundles/oasys-lib.umd.js.map +1 -1
- package/esm2015/lib/components/button/button.component.js +5 -3
- package/esm2015/lib/components/button/button.js +14 -2
- package/esm2015/lib/components/icon/icon.component.js +2 -2
- package/esm2015/lib/components/icon/icon.js +23 -2
- package/esm2015/public-api.js +1 -2
- package/fesm2015/oasys-lib.js +5 -3
- package/fesm2015/oasys-lib.js.map +1 -1
- package/lib/components/button/button.component.d.ts +1 -0
- package/lib/components/button/button.component.d.ts.map +1 -1
- package/lib/components/button/button.d.ts +2 -1
- package/lib/components/button/button.d.ts.map +1 -1
- package/lib/components/icon/icon.component.d.ts.map +1 -1
- package/lib/components/icon/icon.d.ts +2 -1
- package/lib/components/icon/icon.d.ts.map +1 -1
- package/package.json +1 -1
- package/public-api.d.ts +0 -1
- package/public-api.d.ts.map +1 -1
- package/src/assets/bloomandwild/icons/icons.svg +1 -1
- package/src/assets/bloomandwild/styles.scss +1 -1
- package/src/assets/bloomandwild/variables.css +30 -10
- package/src/assets/bloomon/icons/icons.svg +1 -1
- package/src/assets/bloomon/styles.scss +1 -0
- package/src/assets/bloomon/variables.css +30 -9
- package/src/assets/global/variables.css +1 -1
- package/src/assets/style.css +11 -0
- package/src/assets/layout.scss +0 -0
package/bundles/oasys-lib.umd.js
CHANGED
|
@@ -113,7 +113,7 @@
|
|
|
113
113
|
return IconComponent;
|
|
114
114
|
}());
|
|
115
115
|
IconComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IconComponent, deps: [{ token: TokenService }, { token: WindowService }, { token: i0__namespace.ElementRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
116
|
-
IconComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IconComponent, selector: "ui-icon", inputs: { iconSize: "iconSize", iconName: "iconName", iconContext: "iconContext", iconWidth: "iconWidth", iconHeight: "iconHeight", iconClass: "iconClass" }, usesOnChanges: true, ngImport: i0__namespace, template: "<div class=\"ui-icon\" [ngClass]=\"iconDisplayClasses\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" attr.width=\"{{iconWidth}}px\" attr.height=\"{{iconHeight}}px\" attr.class=\"{{iconClass}}\">\n <use attr.xlink:href=\"./{{iconBrandPath}}/assets/icons/icons.svg#icon-{{iconName}}
|
|
116
|
+
IconComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IconComponent, selector: "ui-icon", inputs: { iconSize: "iconSize", iconName: "iconName", iconContext: "iconContext", iconWidth: "iconWidth", iconHeight: "iconHeight", iconClass: "iconClass" }, usesOnChanges: true, ngImport: i0__namespace, template: "<div class=\"ui-icon\" [ngClass]=\"iconDisplayClasses\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" attr.width=\"{{iconWidth}}px\" attr.height=\"{{iconHeight}}px\" attr.class=\"{{iconClass}}\">\n <use attr.xlink:href=\"./{{iconBrandPath}}/assets/icons/icons.svg#icon-{{iconName}}\"></use>\n </svg>\n</div>\n", styles: ["ui-icon{--icon-component-brand: var(--utility-brand-name)}.ui-icon{display:inline-flex}\n"], directives: [{ type: i3__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
|
|
117
117
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IconComponent, decorators: [{
|
|
118
118
|
type: i0.Component,
|
|
119
119
|
args: [{
|
|
@@ -150,6 +150,7 @@
|
|
|
150
150
|
this.href = '';
|
|
151
151
|
this.clicked = new i0.EventEmitter();
|
|
152
152
|
this.iconContext = 'none';
|
|
153
|
+
this.outlineButtonTypes = ['secondary', 'secondary-inverse'];
|
|
153
154
|
}
|
|
154
155
|
OasysButtonComponent.prototype.onClick = function () {
|
|
155
156
|
this.clicked.emit();
|
|
@@ -168,7 +169,8 @@
|
|
|
168
169
|
"size-" + this.buttonSize,
|
|
169
170
|
"" + (this.buttonIcon ? 'button--has-icon' : ''),
|
|
170
171
|
"" + (this.buttonFullWidth ? 'button--full-width' : ''),
|
|
171
|
-
"" + (this.buttonIcon ? 'button--icon--' + this.buttonIconPlacement : '')
|
|
172
|
+
"" + (this.buttonIcon ? 'button--icon--' + this.buttonIconPlacement : ''),
|
|
173
|
+
"" + (this.outlineButtonTypes.indexOf(this.buttonType) !== -1 ? 'button--outline' : '')
|
|
172
174
|
].filter(function (d) { return !!d; })
|
|
173
175
|
};
|
|
174
176
|
};
|
|
@@ -191,7 +193,7 @@
|
|
|
191
193
|
return OasysButtonComponent;
|
|
192
194
|
}());
|
|
193
195
|
OasysButtonComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: OasysButtonComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
194
|
-
OasysButtonComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: OasysButtonComponent, selector: "ui-button", inputs: { buttonIcon: "buttonIcon", buttonIconPlacement: "buttonIconPlacement", buttonSize: "buttonSize", buttonFullWidth: "buttonFullWidth", buttonType: "buttonType", buttonDisabled: "buttonDisabled", href: "href" }, outputs: { clicked: "clicked" }, queries: [{ propertyName: "buttonText", first: true, predicate: ["buttonText"], descendants: true }], usesOnChanges: true, ngImport: i0__namespace, template: "<button (click)=\"onClick()\"\n [routerLink]=\"button.href || null\"\n [ngClass]=\"button.buttonDisplayClasses\"\n [attr.disabled]=\"button.buttonDisabled === true || null\"\n [attr.aria-label]=\"accessibleButtonContent\"\n role=\"button\"\n >\n <div class=\"button-content\">\n <ui-icon *ngIf=\"button.buttonIcon && button.buttonIconPlacement !== 'none'\" [iconName]=\"button.buttonIcon\" [iconSize]=\"button.buttonSize\" [iconClass]=\"'buttonIcon'\" [iconContext]=\"button.buttonIconPlacement\"></ui-icon>\n <span class=\"ui-text\" *ngIf=\"button.buttonIconPlacement !== 'iconOnly'\">\n <ng-content></ng-content>\n </span>\n </div>\n <div class=\"button-overlay\"></div>\n</button>\n", styles: ["ui-button button{border:0;padding:0;position:relative;display:inline-flex;text-align:center;justify-content:center;align-items:center;border-style:solid;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-appearance:none;-webkit-font-smoothing:antialiased;border-width:var(--component-border-width-button);font-family:var(--semantic-font-family-body);border-radius:var(--component-border-radius-button)}ui-button button:focus-visible{outline:none;box-shadow:0 0 0 var(--semantic-border-width-focus) var(--component-color-button-expressive-background)}ui-button button:focus{outline:none;box-shadow:0 0 0 var(--semantic-border-width-focus) var(--component-color-button-expressive-background)}ui-button button.type-primary{background-color:var(--component-color-button-primary-background);border-color:var(--component-color-button-primary-border);color:var(--component-color-button-primary-text)}ui-button button.type-primary .button-overlay{background-color:var(--component-color-button-primary-text)}ui-button button.type-secondary{background-color:var(--component-color-button-secondary-background);border-color:var(--component-color-button-secondary-border);color:var(--component-color-button-secondary-text)}ui-button button.type-secondary .button-overlay{background-color:var(--component-color-button-secondary-text)}ui-button button.type-tertiary{background-color:var(--component-color-button-tertiary-background);border-color:var(--component-color-button-tertiary-border);color:var(--component-color-button-tertiary-text)}ui-button button.type-tertiary .button-overlay{background-color:var(--component-color-button-tertiary-text)}ui-button button.type-primary-inverse{background-color:var(--component-color-button-primary-inverse-background);border-color:var(--component-color-button-primary-inverse-border);color:var(--component-color-button-primary-inverse-text)}ui-button button.type-primary-inverse .button-overlay{background-color:var(--component-color-button-primary-inverse-text)}ui-button button.type-secondary-inverse{background-color:var(--component-color-button-secondary-inverse-background);border-color:var(--component-color-button-secondary-inverse-border);color:var(--component-color-button-secondary-inverse-text)}ui-button button.type-secondary-inverse .button-overlay{background-color:var(--component-color-button-secondary-inverse-text)}ui-button button.type-tertiary-inverse{background-color:var(--component-color-button-tertiary-inverse-background);border-color:var(--component-color-button-tertiary-inverse-border);color:var(--component-color-button-tertiary-inverse-text)}ui-button button.type-tertiary-inverse .button-overlay{background-color:var(--component-color-button-tertiary-inverse-text)}ui-button button.type-expressive{background-color:var(--component-color-button-expressive-background);border-color:var(--component-color-button-expressive-border);color:var(--component-color-button-expressive-text)}ui-button button.type-expressive .button-overlay{background-color:var(--component-color-button-expressive-text)}ui-button button.type-danger{background-color:var(--component-color-button-danger-background);border-color:var(--component-color-button-danger-border);color:var(--component-color-button-danger-text)}ui-button button.type-danger .button-overlay{background-color:var(--component-color-button-danger-text)}ui-button button.type-facebook{background-color:var(--component-color-button-facebook-background);border-color:var(--component-color-button-facebook-border);color:var(--component-color-button-facebook-text)}ui-button button.type-facebook .button-overlay{background-color:var(--component-color-button-facebook-text)}ui-button button.type-paypal{background-color:var(--component-color-button-paypal-background);border-color:var(--component-color-button-paypal-border);color:var(--component-color-button-paypal-text)}ui-button button.type-paypal .button-overlay{background-color:var(--component-color-button-paypal-text)}ui-button button.type-trustpilot{background-color:var(--component-color-button-trustpilot-background);border-color:var(--component-color-button-trustpilot-border);color:var(--component-color-button-trustpilot-text)}ui-button button.type-trustpilot .button-overlay{background-color:var(--component-color-button-trustpilot-text)}ui-button button.size-large{padding:var(--component-size-button-large-padding-y) var(--component-size-button-large-padding-x);font-size:var(--component-size-button-large-font-size)}ui-button button.size-large .button-content{grid-gap:var(--component-size-button-large-inline-spacing);gap:var(--component-size-button-large-inline-spacing)}ui-button button.size-large .ui-icon{max-height:var(--component-size-button-large-line-height)}ui-button button.size-large .ui-text{line-height:var(--component-size-button-large-line-height)}ui-button button.size-small{padding:var(--component-size-button-small-padding-y) var(--component-size-button-small-padding-x);font-size:var(--component-size-button-small-font-size)}ui-button button.size-small .button-content{grid-gap:var(--component-size-button-small-inline-spacing);gap:var(--component-size-button-small-inline-spacing)}ui-button button.size-small .ui-icon{max-height:var(--component-size-button-small-line-height)}ui-button button.size-small .ui-text{line-height:var(--component-size-button-small-line-height)}ui-button button[disabled]{background-color:var(--component-color-button-disabled-background);border-color:var(--component-color-button-disabled-border);color:var(--component-color-button-disabled-text);cursor:default}ui-button button .buttonIcon{fill:currentColor}ui-button button .button-overlay{position:absolute;top:0;right:0;bottom:0;left:0;touch-action:none;pointer-events:none;opacity:0;border-radius:var(--component-border-radius-button)}ui-button button:hover .button-overlay{opacity:var(--component-opacity-overlay-hover)}ui-button button:focus .button-overlay{opacity:var(--component-opacity-overlay-focus)}ui-button button.button--has-icon.button--icon--trailing .button-content{flex-direction:row-reverse}ui-button button .button-content{display:flex;align-items:center}ui-button button .button-content .ui-icon{display:flex;align-items:center}ui-button button .button-content .ui-text{text-transform:var(--component-text-transform-button);letter-spacing:var(--component-letter-spacing-button);font-weight:var(--component-font-weight-button)}ui-button button.button--full-width{display:flex;width:100%}\n"], components: [{ type: IconComponent, selector: "ui-icon", inputs: ["iconSize", "iconName", "iconContext", "iconWidth", "iconHeight", "iconClass"] }], directives: [{ type: i2__namespace.RouterLink, selector: ":not(a):not(area)[routerLink]", inputs: ["routerLink", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }, { type: i3__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
|
|
196
|
+
OasysButtonComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: OasysButtonComponent, selector: "ui-button", inputs: { buttonIcon: "buttonIcon", buttonIconPlacement: "buttonIconPlacement", buttonSize: "buttonSize", buttonFullWidth: "buttonFullWidth", buttonType: "buttonType", buttonDisabled: "buttonDisabled", href: "href" }, outputs: { clicked: "clicked" }, queries: [{ propertyName: "buttonText", first: true, predicate: ["buttonText"], descendants: true }], usesOnChanges: true, ngImport: i0__namespace, template: "<button (click)=\"onClick()\"\n [routerLink]=\"button.href || null\"\n [ngClass]=\"button.buttonDisplayClasses\"\n [attr.disabled]=\"button.buttonDisabled === true || null\"\n [attr.aria-label]=\"accessibleButtonContent\"\n [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-border-radius-button);font-family:var(--semantic-font-family-body)}ui-button button .button-content{display:flex;align-items:center}ui-button button .button-content .ui-icon{display:flex;align-items:center}ui-button button .button-content .ui-text{text-transform:var(--component-text-transform-button);letter-spacing:var(--component-letter-spacing-button);font-weight:var(--component-font-weight-button)}ui-button button .button-overlay,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-border-radius-button);opacity:0}ui-button button .button-overlay-focus{top:calc(var(--semantic-border-width-focus) * -1);right:calc(var(--semantic-border-width-focus) * -1);bottom:calc(var(--semantic-border-width-focus) * -1);left:calc(var(--semantic-border-width-focus) * -1);box-shadow:0 0 0 2px #538ffc;opacity:1}ui-button button:hover .button-overlay{opacity:var(--component-opacity-overlay-hover)}ui-button button:focus .button-overlay{opacity:var(--component-opacity-overlay-focus)}ui-button button:focus-visible{outline:none}ui-button button:focus{outline:none}ui-button button.type-primary{background-color:var(--component-color-button-primary-background);border-color:var(--component-color-button-primary-border);color:var(--component-color-button-primary-text)}ui-button button.type-primary .button-overlay{background-color:var(--component-color-button-primary-text)}ui-button button.type-secondary{background-color:var(--component-color-button-secondary-background);border-color:var(--component-color-button-secondary-border);color:var(--component-color-button-secondary-text)}ui-button button.type-secondary .button-overlay{background-color:var(--component-color-button-secondary-text)}ui-button button.type-tertiary{background-color:var(--component-color-button-tertiary-background);border-color:var(--component-color-button-tertiary-border);color:var(--component-color-button-tertiary-text)}ui-button button.type-tertiary .button-overlay{background-color:var(--component-color-button-tertiary-text)}ui-button button.type-primary-inverse{background-color:var(--component-color-button-primary-inverse-background);border-color:var(--component-color-button-primary-inverse-border);color:var(--component-color-button-primary-inverse-text)}ui-button button.type-primary-inverse .button-overlay{background-color:var(--component-color-button-primary-inverse-text)}ui-button button.type-secondary-inverse{background-color:var(--component-color-button-secondary-inverse-background);border-color:var(--component-color-button-secondary-inverse-border);color:var(--component-color-button-secondary-inverse-text)}ui-button button.type-secondary-inverse .button-overlay{background-color:var(--component-color-button-secondary-inverse-text)}ui-button button.type-tertiary-inverse{background-color:var(--component-color-button-tertiary-inverse-background);border-color:var(--component-color-button-tertiary-inverse-border);color:var(--component-color-button-tertiary-inverse-text)}ui-button button.type-tertiary-inverse .button-overlay{background-color:var(--component-color-button-tertiary-inverse-text)}ui-button button.type-expressive{background-color:var(--component-color-button-expressive-background);border-color:var(--component-color-button-expressive-border);color:var(--component-color-button-expressive-text)}ui-button button.type-expressive .button-overlay{background-color:var(--component-color-button-expressive-text)}ui-button button.type-danger{background-color:var(--component-color-button-danger-background);border-color:var(--component-color-button-danger-border);color:var(--component-color-button-danger-text)}ui-button button.type-danger .button-overlay{background-color:var(--component-color-button-danger-text)}ui-button button.type-facebook{background-color:var(--component-color-button-facebook-background);border-color:var(--component-color-button-facebook-border);color:var(--component-color-button-facebook-text)}ui-button button.type-facebook .button-overlay{background-color:var(--component-color-button-facebook-text)}ui-button button.type-paypal{background-color:var(--component-color-button-paypal-background);border-color:var(--component-color-button-paypal-border);color:var(--component-color-button-paypal-text)}ui-button button.type-paypal .button-overlay{background-color:var(--component-color-button-paypal-text)}ui-button button.type-trustpilot{background-color:var(--component-color-button-trustpilot-background);border-color:var(--component-color-button-trustpilot-border);color:var(--component-color-button-trustpilot-text)}ui-button button.type-trustpilot .button-overlay{background-color:var(--component-color-button-trustpilot-text)}ui-button button .buttonIcon{fill:currentColor}ui-button button.size-large{padding:var(--component-size-button-large-padding-y) var(--component-size-button-large-padding-x);font-size:var(--component-size-button-large-font-size);border-width:var(--component-size-button-large-border-width)}ui-button button.size-large .button-content{grid-gap:var(--component-size-button-large-inline-spacing);gap:var(--component-size-button-large-inline-spacing)}ui-button button.size-large .ui-text{line-height:var(--component-size-button-large-line-height)}ui-button button.size-large .ui-icon{max-height:var(--component-size-button-large-line-height)}ui-button button.size-large .ui-icon.icon-context-leading{margin-left:calc(var(--component-size-button-large-icon-offset-leading) * -1)}ui-button button.size-large .ui-icon.icon-context-trailing{margin-right:calc(var(--component-size-button-large-icon-offset-trailing) * -1)}ui-button button.size-large .ui-icon.icon-context-iconOnly{margin-left:calc(var(--component-size-button-large-icon-offset-icon-only) * -1);margin-right:calc(var(--component-size-button-large-icon-offset-icon-only) * -1)}ui-button button.size-small{padding:var(--component-size-button-small-padding-y) var(--component-size-button-small-padding-x);font-size:var(--component-size-button-small-font-size);border-width:var(--component-size-button-small-border-width)}ui-button button.size-small .button-content{grid-gap:var(--component-size-button-small-inline-spacing);gap:var(--component-size-button-small-inline-spacing)}ui-button button.size-small .ui-text{line-height:var(--component-size-button-small-line-height)}ui-button button.size-small .ui-icon{max-height:var(--component-size-button-small-line-height)}ui-button button.size-small .ui-icon.icon-context-leading{margin-left:calc(var(--component-size-button-small-icon-offset-leading) * -1)}ui-button button.size-small .ui-icon.icon-context-trailing{margin-right:calc(var(--component-size-button-small-icon-offset-trailing) * -1)}ui-button button.size-small .ui-icon.icon-context-iconOnly{margin-left:calc(var(--component-size-button-small-icon-offset-icon-only) * -1);margin-right:calc(var(--component-size-button-small-icon-offset-icon-only) * -1)}ui-button button.button--outline.size-large{padding:var(--component-size-outline-button-large-padding-y) var(--component-size-outline-button-large-padding-x);font-size:var(--component-size-outline-button-large-font-size);border-width:var(--component-size-outline-button-large-border-width)}ui-button button.button--outline.size-large .button-content{grid-gap:var(--component-size-outline-button-large-inline-spacing);gap:var(--component-size-outline-button-large-inline-spacing)}ui-button button.button--outline.size-large .ui-text{line-height:var(--component-size-outline-button-large-line-height)}ui-button button.button--outline.size-large .ui-icon{max-height:var(--component-size-outline-button-large-line-height)}ui-button button.button--outline.size-large .ui-icon.icon-context-leading{margin-left:calc(var(--component-size-outline-button-large-icon-offset-leading) * -1)}ui-button button.button--outline.size-large .ui-icon.icon-context-trailing{margin-right:calc(var(--component-size-outline-button-large-icon-offset-trailing) * -1)}ui-button button.button--outline.size-large .ui-icon.icon-context-iconOnly{margin-left:calc(var(--component-size-outline-button-large-icon-offset-icon-only) * -1);margin-right:calc(var(--component-size-outline-button-large-icon-offset-icon-only) * -1)}ui-button button.button--outline.size-small{padding:var(--component-size-outline-button-small-padding-y) var(--component-size-outline-button-small-padding-x);font-size:var(--component-size-outline-button-small-font-size);border-width:var(--component-size-outline-button-small-border-width)}ui-button button.button--outline.size-small .button-content{grid-gap:var(--component-size-outline-button-small-inline-spacing);gap:var(--component-size-outline-button-small-inline-spacing)}ui-button button.button--outline.size-small .ui-text{line-height:var(--component-size-outline-button-small-line-height)}ui-button button.button--outline.size-small .ui-icon{max-height:var(--component-size-outline-button-small-line-height)}ui-button button.button--outline.size-small .ui-icon.icon-context-leading{margin-left:calc(var(--component-size-outline-button-small-icon-offset-leading) * -1)}ui-button button.button--outline.size-small .ui-icon.icon-context-trailing{margin-right:calc(var(--component-size-outline-button-small-icon-offset-trailing) * -1)}ui-button button.button--outline.size-small .ui-icon.icon-context-iconOnly{margin-left:calc(var(--component-size-outline-button-small-icon-offset-icon-only) * -1);margin-right:calc(var(--component-size-outline-button-small-icon-offset-icon-only) * -1)}ui-button button[disabled]{background-color:var(--component-color-button-disabled-background);border-color:var(--component-color-button-disabled-border);color:var(--component-color-button-disabled-text);cursor:default}ui-button button.button--has-icon.button--icon--trailing .button-content{flex-direction:row-reverse}ui-button button.button--full-width{display:flex;width:100%}\n"], components: [{ type: IconComponent, selector: "ui-icon", inputs: ["iconSize", "iconName", "iconContext", "iconWidth", "iconHeight", "iconClass"] }], directives: [{ type: i2__namespace.RouterLink, selector: ":not(a):not(area)[routerLink]", inputs: ["routerLink", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }, { type: i3__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
|
|
195
197
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: OasysButtonComponent, decorators: [{
|
|
196
198
|
type: i0.Component,
|
|
197
199
|
args: [{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"oasys-lib.umd.js","sources":["../../../projects/oasys-lib/src/lib/services/window.service.ts","../../../projects/oasys-lib/src/lib/services/token.service.ts","../../../projects/oasys-lib/src/lib/components/icon/icon.component.ts","../../../projects/oasys-lib/src/lib/components/icon/icon.component.html","../../../projects/oasys-lib/src/lib/components/button/button.component.ts","../../../projects/oasys-lib/src/lib/components/button/button.component.html","../../../projects/oasys-lib/src/lib/components/layout/inline/inline.component.ts","../../../projects/oasys-lib/src/lib/components/layout/inline/inline.component.html","../../../projects/oasys-lib/src/lib/components/layout/box/box.component.ts","../../../projects/oasys-lib/src/lib/oasys-lib.module.ts","../../../projects/oasys-lib/src/public-api.ts","../../../projects/oasys-lib/src/oasys-lib.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\n\nfunction _window(): any {\n return window;\n}\n\n@Injectable({\n providedIn: 'root'\n})\nexport class WindowService {\n \n get nativeWindow(): any {\n return _window();\n }\n \n}","import { Injectable } from '@angular/core';\nimport { WindowService } from './window.service';\n\n@Injectable({\n providedIn: 'root'\n})\nexport class TokenService {\n\n constructor(private windowRef: WindowService){}\n\n /*\n Get the brand name for the currently enable custom property set (ie. /bloomon/variables.css)\n Because variables are scoped via a selector (ie: ':root .bloomon {}')\n we cannot get brand-specific custom properties programatically\n\n Important: Ensure that the component requiring the brand name has locally scoped the custom property:\n | ui-icon {\n | --icon-component-brand: var(--utility-brand-name);\n | }\n */\n getBrandName(tokenName: string, element: Element): string {\n return this.getTokenValue(tokenName, element);\n }\n\n getTokenValue(tokenName: string, element?: Element): string {\n const rootElement = element || this.windowRef.nativeWindow.document.documentElement;\n return this.windowRef.nativeWindow.getComputedStyle(rootElement)\n .getPropertyValue(tokenName)\n .trim() || '';\n }\n\n}","import { Component, Input, OnInit, ViewEncapsulation, ChangeDetectionStrategy, OnChanges, ElementRef } from '@angular/core';\nimport { TokenService } from '../../services/token.service';\nimport { WindowService } from '../../services/window.service';\nimport { IconNames, IconContext } from './icon';\n@Component({\n selector:'ui-icon',\n templateUrl: './icon.component.html',\n styleUrls: ['./icon.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None\n})\nexport class IconComponent implements OnInit, OnChanges {\n @Input() iconSize: 'small'|'large' = 'large';\n @Input() iconName!: IconNames;\n @Input() iconContext: IconContext = 'none';\n\n @Input() iconWidth?: number;\n @Input() iconHeight?: number;\n @Input() iconClass?: string;\n\n size?: string;\n iconBrandPath?: string;\n iconDisplayClasses: string[];\n\n constructor(private tokenService: TokenService, private windowRef: WindowService, private elementRef: ElementRef) { }\n\n convertRemToPixels(remString: string): number {\n const remNumber = parseFloat(remString.replace('rem', ''));\n return remNumber * parseFloat(getComputedStyle(this.windowRef.nativeWindow.document.documentElement).fontSize);\n }\n\n ngOnChanges(): void {\n this.ngOnInit();\n }\n\n ngOnInit(): void {\n this.iconBrandPath = `${this.tokenService.getBrandName(`--icon-component-brand`, this.elementRef.nativeElement)}`\n this.size = this.tokenService.getTokenValue(`--global-size-icon-${this.iconSize}`);\n\n this.iconDisplayClasses = [\n `icon-context-${this.iconContext}`,\n `icon-size-${this.iconSize}`\n ];\n\n const sizeInPixels = this.convertRemToPixels(this.size);\n this.iconWidth = sizeInPixels;\n this.iconHeight = sizeInPixels;\n }\n\n}\n","<div class=\"ui-icon\" [ngClass]=\"iconDisplayClasses\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" attr.width=\"{{iconWidth}}px\" attr.height=\"{{iconHeight}}px\" attr.class=\"{{iconClass}}\">\n <use attr.xlink:href=\"./{{iconBrandPath}}/assets/icons/icons.svg#icon-{{iconName}}-24\"></use>\n </svg>\n</div>\n","import { Component, Input, OnInit, Output, ViewEncapsulation, EventEmitter, ChangeDetectionStrategy, ChangeDetectorRef, OnChanges, ContentChild, ElementRef, AfterViewInit } from '@angular/core';\nimport { IconNames, IconContext } from '../icon/icon';\nimport { TextTransform } from '../text/text';\nimport {\n UIButton,\n UIButtonBoolean,\n UIButtonSize,\n UIButtonType\n} from './button';\n\n@Component({\n selector:'ui-button',\n templateUrl: './button.component.html',\n styleUrls: ['./button.component.scss'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class OasysButtonComponent implements OnInit, OnChanges, AfterViewInit {\n\n button: UIButton;\n\n // // Button Content\n @Input() buttonIcon?: IconNames;\n @Input() buttonIconPlacement: IconContext = 'leading';\n\n // @Input() buttonText: string;\n @ContentChild('buttonText') buttonText: ElementRef;\n\n // Button Stylings\n @Input() buttonSize: UIButtonSize = 'large';\n @Input() buttonFullWidth: UIButtonBoolean = false;\n @Input() buttonType: UIButtonType = 'primary';\n @Input() buttonDisabled: boolean = false;\n\n // Button Actions\n @Input() href: string = '';\n @Output() clicked: EventEmitter<void> = new EventEmitter();\n\n buttonDisplayClasses: string[];\n iconContext: IconContext = 'none';\n textTransform!: TextTransform;\n accessibleButtonContent: string;\n\n constructor(private changes: ChangeDetectorRef) { }\n\n onClick(): void {\n this.clicked.emit();\n }\n\n createButton(): UIButton {\n\n return <UIButton>{\n buttonIcon: this.buttonIcon,\n buttonIconPlacement: this.buttonIconPlacement,\n buttonType: this.buttonType,\n buttonSize: this.buttonSize,\n buttonDisabled: this.buttonDisabled,\n href: this.href,\n target: '',\n buttonDisplayClasses: [\n `type-${this.buttonType}`,\n `size-${this.buttonSize}`,\n `${this.buttonIcon ? 'button--has-icon': ''}`,\n `${this.buttonFullWidth ? 'button--full-width': ''}`,\n `${this.buttonIcon ? 'button--icon--'+this.buttonIconPlacement : ''}`\n ].filter((d) => !!d)\n };\n }\n\n ngAfterViewInit(): void {\n if(this.buttonText?.nativeElement?.innerText) {\n this.accessibleButtonContent = this.buttonText.nativeElement.innerText;\n } else {\n throw new Error(`\n No inner text found. All buttons should have text passed via ng-content to enable accessibility for screen readers, this includes icon-only buttons.\n\n Pass content using the template variable #buttonText eg:\n ui-button()\n span(#buttonText) Buy All The Things\n `)\n }\n }\n\n ngOnChanges(): void {\n this.button = this.createButton();\n this.changes.markForCheck();\n }\n\n ngOnInit(): void {\n this.button = this.createButton();\n }\n}\n","<button (click)=\"onClick()\"\n [routerLink]=\"button.href || null\"\n [ngClass]=\"button.buttonDisplayClasses\"\n [attr.disabled]=\"button.buttonDisabled === true || null\"\n [attr.aria-label]=\"accessibleButtonContent\"\n role=\"button\"\n >\n <div class=\"button-content\">\n <ui-icon *ngIf=\"button.buttonIcon && button.buttonIconPlacement !== 'none'\" [iconName]=\"button.buttonIcon\" [iconSize]=\"button.buttonSize\" [iconClass]=\"'buttonIcon'\" [iconContext]=\"button.buttonIconPlacement\"></ui-icon>\n <span class=\"ui-text\" *ngIf=\"button.buttonIconPlacement !== 'iconOnly'\">\n <ng-content></ng-content>\n </span>\n </div>\n <div class=\"button-overlay\"></div>\n</button>\n","import { ChangeDetectionStrategy, Component, OnInit, ViewEncapsulation } from '@angular/core';\n\n@Component({\n selector:'ui-inline',\n templateUrl: './inline.component.html',\n styleUrls: ['./inline.component.css'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class LayoutInlineComponent implements OnInit {\n\n constructor() { }\n\n ngOnInit(): void {\n }\n\n}\n","<div class=\"ui-layout-inline\"><ng-content></ng-content></div>","import { ChangeDetectionStrategy, OnInit, ViewEncapsulation } from '@angular/core';\nimport { Input } from '@angular/core';\nimport { Component} from '@angular/core';\n\n@Component({\n selector:'ui-box',\n template: '<ng-content></ng-content>',\n host: {\n '[class]' : 'boxLayoutClasses'\n },\n styleUrls: ['./box.component.scss'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class LayoutBoxComponent implements OnInit {\n boxLayoutClasses?: string;\n\n @Input() padding?: BoxPaddings = 'default';\n\n constructor() { }\n\n ngOnInit(): void {\n this.boxLayoutClasses = [\n `ui-layout-box-${this.padding}`\n ].join(' ');\n }\n\n}\n\nexport type BoxPaddings = 'xsmall'|'small'|'medium'|'large'|'default';","import { APP_BASE_HREF, CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { RouterModule } from '@angular/router';\nimport { OasysButtonComponent } from './components/button/button.component';\nimport { LayoutInlineComponent } from './components/layout/inline/inline.component';\nimport { IconComponent } from './components/icon/icon.component';\nimport { LayoutBoxComponent } from './components/layout/box/box.component';\nimport { WindowService } from './services/window.service';\nimport { TokenService } from './services/token.service';\n\n\n\n@NgModule({\n declarations: [\n OasysButtonComponent,\n LayoutInlineComponent,\n IconComponent,\n LayoutBoxComponent\n ],\n imports: [\n CommonModule,\n RouterModule.forChild([])\n ],\n exports: [\n OasysButtonComponent,\n LayoutBoxComponent\n ],\n providers: [\n WindowService,\n TokenService,\n {provide: APP_BASE_HREF, useValue: '/'}\n ]\n})\nexport class OasysLibModule { }\n","/*\n * Public API Surface of oasys-lib\n */\n\n\nexport * from './lib/oasys-lib.module';\n\nexport * from './lib/components/button/button.component';\nexport * from './lib/components/icon/icon.component';\nexport * from './lib/components/layout/box/box.component';\n\nexport * from './lib/components/icon/icon';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i0","Injectable","i1.WindowService","i1.TokenService","i2.WindowService","i3","Component","ChangeDetectionStrategy","ViewEncapsulation","Input","EventEmitter","i1.IconComponent","i2","ContentChild","Output","CommonModule","i1","APP_BASE_HREF","RouterModule","NgModule"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"oasys-lib.umd.js","sources":["../../../projects/oasys-lib/src/lib/services/window.service.ts","../../../projects/oasys-lib/src/lib/services/token.service.ts","../../../projects/oasys-lib/src/lib/components/icon/icon.component.ts","../../../projects/oasys-lib/src/lib/components/icon/icon.component.html","../../../projects/oasys-lib/src/lib/components/button/button.component.ts","../../../projects/oasys-lib/src/lib/components/button/button.component.html","../../../projects/oasys-lib/src/lib/components/layout/inline/inline.component.ts","../../../projects/oasys-lib/src/lib/components/layout/inline/inline.component.html","../../../projects/oasys-lib/src/lib/components/layout/box/box.component.ts","../../../projects/oasys-lib/src/lib/oasys-lib.module.ts","../../../projects/oasys-lib/src/public-api.ts","../../../projects/oasys-lib/src/oasys-lib.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\n\nfunction _window(): any {\n return window;\n}\n\n@Injectable({\n providedIn: 'root'\n})\nexport class WindowService {\n \n get nativeWindow(): any {\n return _window();\n }\n \n}","import { Injectable } from '@angular/core';\nimport { WindowService } from './window.service';\n\n@Injectable({\n providedIn: 'root'\n})\nexport class TokenService {\n\n constructor(private windowRef: WindowService){}\n\n /*\n Get the brand name for the currently enable custom property set (ie. /bloomon/variables.css)\n Because variables are scoped via a selector (ie: ':root .bloomon {}')\n we cannot get brand-specific custom properties programatically\n\n Important: Ensure that the component requiring the brand name has locally scoped the custom property:\n | ui-icon {\n | --icon-component-brand: var(--utility-brand-name);\n | }\n */\n getBrandName(tokenName: string, element: Element): string {\n return this.getTokenValue(tokenName, element);\n }\n\n getTokenValue(tokenName: string, element?: Element): string {\n const rootElement = element || this.windowRef.nativeWindow.document.documentElement;\n return this.windowRef.nativeWindow.getComputedStyle(rootElement)\n .getPropertyValue(tokenName)\n .trim() || '';\n }\n\n}","import { Component, Input, OnInit, ViewEncapsulation, ChangeDetectionStrategy, OnChanges, ElementRef } from '@angular/core';\nimport { TokenService } from '../../services/token.service';\nimport { WindowService } from '../../services/window.service';\nimport { IconNames, IconContext } from './icon';\n\n@Component({\n selector:'ui-icon',\n templateUrl: './icon.component.html',\n styleUrls: ['./icon.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None\n})\nexport class IconComponent implements OnInit, OnChanges {\n @Input() iconSize: 'small'|'large' = 'large';\n @Input() iconName!: IconNames;\n @Input() iconContext: IconContext = 'none';\n\n @Input() iconWidth?: number;\n @Input() iconHeight?: number;\n @Input() iconClass?: string;\n\n size?: string;\n iconBrandPath?: string;\n iconDisplayClasses: string[];\n\n constructor(private tokenService: TokenService, private windowRef: WindowService, private elementRef: ElementRef) { }\n\n convertRemToPixels(remString: string): number {\n const remNumber = parseFloat(remString.replace('rem', ''));\n return remNumber * parseFloat(getComputedStyle(this.windowRef.nativeWindow.document.documentElement).fontSize);\n }\n\n ngOnChanges(): void {\n this.ngOnInit();\n }\n\n ngOnInit(): void {\n this.iconBrandPath = `${this.tokenService.getBrandName(`--icon-component-brand`, this.elementRef.nativeElement)}`\n this.size = this.tokenService.getTokenValue(`--global-size-icon-${this.iconSize}`);\n\n this.iconDisplayClasses = [\n `icon-context-${this.iconContext}`,\n `icon-size-${this.iconSize}`\n ];\n\n const sizeInPixels = this.convertRemToPixels(this.size);\n this.iconWidth = sizeInPixels;\n this.iconHeight = sizeInPixels;\n }\n\n}\n","<div class=\"ui-icon\" [ngClass]=\"iconDisplayClasses\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" attr.width=\"{{iconWidth}}px\" attr.height=\"{{iconHeight}}px\" attr.class=\"{{iconClass}}\">\n <use attr.xlink:href=\"./{{iconBrandPath}}/assets/icons/icons.svg#icon-{{iconName}}\"></use>\n </svg>\n</div>\n","import { Component, Input, OnInit, Output, ViewEncapsulation, EventEmitter, ChangeDetectionStrategy, ChangeDetectorRef, OnChanges, ContentChild, ElementRef, AfterViewInit } from '@angular/core';\nimport { IconNames, IconContext } from '../icon/icon';\nimport { TextTransform } from '../text/text';\nimport {\n UIButton,\n UIButtonBoolean,\n UIButtonSize,\n UIButtonType\n} from './button';\n\n@Component({\n selector:'ui-button',\n templateUrl: './button.component.html',\n styleUrls: ['./button.component.scss'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class OasysButtonComponent implements OnInit, OnChanges, AfterViewInit {\n\n button: UIButton;\n\n // // Button Content\n @Input() buttonIcon?: IconNames;\n @Input() buttonIconPlacement: IconContext = 'leading';\n\n // @Input() buttonText: string;\n @ContentChild('buttonText') buttonText: ElementRef;\n\n // Button Stylings\n @Input() buttonSize: UIButtonSize = 'large';\n @Input() buttonFullWidth: UIButtonBoolean = false;\n @Input() buttonType: UIButtonType = 'primary';\n @Input() buttonDisabled: boolean = false;\n\n // Button Actions\n @Input() href: string = '';\n @Output() clicked: EventEmitter<void> = new EventEmitter();\n\n buttonDisplayClasses: string[];\n iconContext: IconContext = 'none';\n textTransform!: TextTransform;\n accessibleButtonContent: string;\n outlineButtonTypes = ['secondary', 'secondary-inverse']\n\n constructor(private changes: ChangeDetectorRef) { }\n\n onClick(): void {\n this.clicked.emit();\n }\n\n createButton(): UIButton {\n\n return <UIButton>{\n buttonIcon: this.buttonIcon,\n buttonIconPlacement: this.buttonIconPlacement,\n buttonType: this.buttonType,\n buttonSize: this.buttonSize,\n buttonDisabled: this.buttonDisabled,\n href: this.href,\n target: '',\n buttonDisplayClasses: [\n `type-${this.buttonType}`,\n `size-${this.buttonSize}`,\n `${this.buttonIcon ? 'button--has-icon': ''}`,\n `${this.buttonFullWidth ? 'button--full-width': ''}`,\n `${this.buttonIcon ? 'button--icon--'+this.buttonIconPlacement : ''}`,\n `${this.outlineButtonTypes.indexOf(this.buttonType) !== -1 ? 'button--outline' : ''}`\n ].filter((d) => !!d)\n };\n }\n\n ngAfterViewInit(): void {\n if(this.buttonText?.nativeElement?.innerText) {\n this.accessibleButtonContent = this.buttonText.nativeElement.innerText;\n } else {\n throw new Error(`\n No inner text found. All buttons should have text passed via ng-content to enable accessibility for screen readers, this includes icon-only buttons.\n\n Pass content using the template variable #buttonText eg:\n ui-button()\n span(#buttonText) Buy All The Things\n `)\n }\n }\n\n ngOnChanges(): void {\n this.button = this.createButton();\n this.changes.markForCheck();\n }\n\n ngOnInit(): void {\n this.button = this.createButton();\n }\n}\n","<button (click)=\"onClick()\"\n [routerLink]=\"button.href || null\"\n [ngClass]=\"button.buttonDisplayClasses\"\n [attr.disabled]=\"button.buttonDisabled === true || null\"\n [attr.aria-label]=\"accessibleButtonContent\"\n [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","import { ChangeDetectionStrategy, Component, OnInit, ViewEncapsulation } from '@angular/core';\n\n@Component({\n selector:'ui-inline',\n templateUrl: './inline.component.html',\n styleUrls: ['./inline.component.css'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class LayoutInlineComponent implements OnInit {\n\n constructor() { }\n\n ngOnInit(): void {\n }\n\n}\n","<div class=\"ui-layout-inline\"><ng-content></ng-content></div>","import { ChangeDetectionStrategy, OnInit, ViewEncapsulation } from '@angular/core';\nimport { Input } from '@angular/core';\nimport { Component} from '@angular/core';\n\n@Component({\n selector:'ui-box',\n template: '<ng-content></ng-content>',\n host: {\n '[class]' : 'boxLayoutClasses'\n },\n styleUrls: ['./box.component.scss'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class LayoutBoxComponent implements OnInit {\n boxLayoutClasses?: string;\n\n @Input() padding?: BoxPaddings = 'default';\n\n constructor() { }\n\n ngOnInit(): void {\n this.boxLayoutClasses = [\n `ui-layout-box-${this.padding}`\n ].join(' ');\n }\n\n}\n\nexport type BoxPaddings = 'xsmall'|'small'|'medium'|'large'|'default';","import { APP_BASE_HREF, CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { RouterModule } from '@angular/router';\nimport { OasysButtonComponent } from './components/button/button.component';\nimport { LayoutInlineComponent } from './components/layout/inline/inline.component';\nimport { IconComponent } from './components/icon/icon.component';\nimport { LayoutBoxComponent } from './components/layout/box/box.component';\nimport { WindowService } from './services/window.service';\nimport { TokenService } from './services/token.service';\n\n\n\n@NgModule({\n declarations: [\n OasysButtonComponent,\n LayoutInlineComponent,\n IconComponent,\n LayoutBoxComponent\n ],\n imports: [\n CommonModule,\n RouterModule.forChild([])\n ],\n exports: [\n OasysButtonComponent,\n LayoutBoxComponent\n ],\n providers: [\n WindowService,\n TokenService,\n {provide: APP_BASE_HREF, useValue: '/'}\n ]\n})\nexport class OasysLibModule { }\n","/*\n * Public API Surface of oasys-lib\n */\n\n\nexport * from './lib/oasys-lib.module';\n\nexport * from './lib/components/button/button.component';\nexport * from './lib/components/icon/icon.component';\nexport * from './lib/components/layout/box/box.component';\n\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i0","Injectable","i1.WindowService","i1.TokenService","i2.WindowService","i3","Component","ChangeDetectionStrategy","ViewEncapsulation","Input","EventEmitter","i1.IconComponent","i2","ContentChild","Output","CommonModule","i1","APP_BASE_HREF","RouterModule","NgModule"],"mappings":"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"}
|
|
@@ -16,6 +16,7 @@ export class OasysButtonComponent {
|
|
|
16
16
|
this.href = '';
|
|
17
17
|
this.clicked = new EventEmitter();
|
|
18
18
|
this.iconContext = 'none';
|
|
19
|
+
this.outlineButtonTypes = ['secondary', 'secondary-inverse'];
|
|
19
20
|
}
|
|
20
21
|
onClick() {
|
|
21
22
|
this.clicked.emit();
|
|
@@ -34,7 +35,8 @@ export class OasysButtonComponent {
|
|
|
34
35
|
`size-${this.buttonSize}`,
|
|
35
36
|
`${this.buttonIcon ? 'button--has-icon' : ''}`,
|
|
36
37
|
`${this.buttonFullWidth ? 'button--full-width' : ''}`,
|
|
37
|
-
`${this.buttonIcon ? 'button--icon--' + this.buttonIconPlacement : ''}
|
|
38
|
+
`${this.buttonIcon ? 'button--icon--' + this.buttonIconPlacement : ''}`,
|
|
39
|
+
`${this.outlineButtonTypes.indexOf(this.buttonType) !== -1 ? 'button--outline' : ''}`
|
|
38
40
|
].filter((d) => !!d)
|
|
39
41
|
};
|
|
40
42
|
}
|
|
@@ -62,7 +64,7 @@ export class OasysButtonComponent {
|
|
|
62
64
|
}
|
|
63
65
|
}
|
|
64
66
|
OasysButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: OasysButtonComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
65
|
-
OasysButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: OasysButtonComponent, selector: "ui-button", inputs: { buttonIcon: "buttonIcon", buttonIconPlacement: "buttonIconPlacement", buttonSize: "buttonSize", buttonFullWidth: "buttonFullWidth", buttonType: "buttonType", buttonDisabled: "buttonDisabled", href: "href" }, outputs: { clicked: "clicked" }, queries: [{ propertyName: "buttonText", first: true, predicate: ["buttonText"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<button (click)=\"onClick()\"\n [routerLink]=\"button.href || null\"\n [ngClass]=\"button.buttonDisplayClasses\"\n [attr.disabled]=\"button.buttonDisabled === true || null\"\n [attr.aria-label]=\"accessibleButtonContent\"\n role=\"button\"\n >\n <div class=\"button-content\">\n <ui-icon *ngIf=\"button.buttonIcon && button.buttonIconPlacement !== 'none'\" [iconName]=\"button.buttonIcon\" [iconSize]=\"button.buttonSize\" [iconClass]=\"'buttonIcon'\" [iconContext]=\"button.buttonIconPlacement\"></ui-icon>\n <span class=\"ui-text\" *ngIf=\"button.buttonIconPlacement !== 'iconOnly'\">\n <ng-content></ng-content>\n </span>\n </div>\n <div class=\"button-overlay\"></div>\n</button>\n", styles: ["ui-button button{border:0;padding:0;position:relative;display:inline-flex;text-align:center;justify-content:center;align-items:center;border-style:solid;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-appearance:none;-webkit-font-smoothing:antialiased;border-width:var(--component-border-width-button);font-family:var(--semantic-font-family-body);border-radius:var(--component-border-radius-button)}ui-button button:focus-visible{outline:none;box-shadow:0 0 0 var(--semantic-border-width-focus) var(--component-color-button-expressive-background)}ui-button button:focus{outline:none;box-shadow:0 0 0 var(--semantic-border-width-focus) var(--component-color-button-expressive-background)}ui-button button.type-primary{background-color:var(--component-color-button-primary-background);border-color:var(--component-color-button-primary-border);color:var(--component-color-button-primary-text)}ui-button button.type-primary .button-overlay{background-color:var(--component-color-button-primary-text)}ui-button button.type-secondary{background-color:var(--component-color-button-secondary-background);border-color:var(--component-color-button-secondary-border);color:var(--component-color-button-secondary-text)}ui-button button.type-secondary .button-overlay{background-color:var(--component-color-button-secondary-text)}ui-button button.type-tertiary{background-color:var(--component-color-button-tertiary-background);border-color:var(--component-color-button-tertiary-border);color:var(--component-color-button-tertiary-text)}ui-button button.type-tertiary .button-overlay{background-color:var(--component-color-button-tertiary-text)}ui-button button.type-primary-inverse{background-color:var(--component-color-button-primary-inverse-background);border-color:var(--component-color-button-primary-inverse-border);color:var(--component-color-button-primary-inverse-text)}ui-button button.type-primary-inverse .button-overlay{background-color:var(--component-color-button-primary-inverse-text)}ui-button button.type-secondary-inverse{background-color:var(--component-color-button-secondary-inverse-background);border-color:var(--component-color-button-secondary-inverse-border);color:var(--component-color-button-secondary-inverse-text)}ui-button button.type-secondary-inverse .button-overlay{background-color:var(--component-color-button-secondary-inverse-text)}ui-button button.type-tertiary-inverse{background-color:var(--component-color-button-tertiary-inverse-background);border-color:var(--component-color-button-tertiary-inverse-border);color:var(--component-color-button-tertiary-inverse-text)}ui-button button.type-tertiary-inverse .button-overlay{background-color:var(--component-color-button-tertiary-inverse-text)}ui-button button.type-expressive{background-color:var(--component-color-button-expressive-background);border-color:var(--component-color-button-expressive-border);color:var(--component-color-button-expressive-text)}ui-button button.type-expressive .button-overlay{background-color:var(--component-color-button-expressive-text)}ui-button button.type-danger{background-color:var(--component-color-button-danger-background);border-color:var(--component-color-button-danger-border);color:var(--component-color-button-danger-text)}ui-button button.type-danger .button-overlay{background-color:var(--component-color-button-danger-text)}ui-button button.type-facebook{background-color:var(--component-color-button-facebook-background);border-color:var(--component-color-button-facebook-border);color:var(--component-color-button-facebook-text)}ui-button button.type-facebook .button-overlay{background-color:var(--component-color-button-facebook-text)}ui-button button.type-paypal{background-color:var(--component-color-button-paypal-background);border-color:var(--component-color-button-paypal-border);color:var(--component-color-button-paypal-text)}ui-button button.type-paypal .button-overlay{background-color:var(--component-color-button-paypal-text)}ui-button button.type-trustpilot{background-color:var(--component-color-button-trustpilot-background);border-color:var(--component-color-button-trustpilot-border);color:var(--component-color-button-trustpilot-text)}ui-button button.type-trustpilot .button-overlay{background-color:var(--component-color-button-trustpilot-text)}ui-button button.size-large{padding:var(--component-size-button-large-padding-y) var(--component-size-button-large-padding-x);font-size:var(--component-size-button-large-font-size)}ui-button button.size-large .button-content{grid-gap:var(--component-size-button-large-inline-spacing);gap:var(--component-size-button-large-inline-spacing)}ui-button button.size-large .ui-icon{max-height:var(--component-size-button-large-line-height)}ui-button button.size-large .ui-text{line-height:var(--component-size-button-large-line-height)}ui-button button.size-small{padding:var(--component-size-button-small-padding-y) var(--component-size-button-small-padding-x);font-size:var(--component-size-button-small-font-size)}ui-button button.size-small .button-content{grid-gap:var(--component-size-button-small-inline-spacing);gap:var(--component-size-button-small-inline-spacing)}ui-button button.size-small .ui-icon{max-height:var(--component-size-button-small-line-height)}ui-button button.size-small .ui-text{line-height:var(--component-size-button-small-line-height)}ui-button button[disabled]{background-color:var(--component-color-button-disabled-background);border-color:var(--component-color-button-disabled-border);color:var(--component-color-button-disabled-text);cursor:default}ui-button button .buttonIcon{fill:currentColor}ui-button button .button-overlay{position:absolute;top:0;right:0;bottom:0;left:0;touch-action:none;pointer-events:none;opacity:0;border-radius:var(--component-border-radius-button)}ui-button button:hover .button-overlay{opacity:var(--component-opacity-overlay-hover)}ui-button button:focus .button-overlay{opacity:var(--component-opacity-overlay-focus)}ui-button button.button--has-icon.button--icon--trailing .button-content{flex-direction:row-reverse}ui-button button .button-content{display:flex;align-items:center}ui-button button .button-content .ui-icon{display:flex;align-items:center}ui-button button .button-content .ui-text{text-transform:var(--component-text-transform-button);letter-spacing:var(--component-letter-spacing-button);font-weight:var(--component-font-weight-button)}ui-button button.button--full-width{display:flex;width:100%}\n"], components: [{ type: i1.IconComponent, selector: "ui-icon", inputs: ["iconSize", "iconName", "iconContext", "iconWidth", "iconHeight", "iconClass"] }], directives: [{ type: i2.RouterLink, selector: ":not(a):not(area)[routerLink]", inputs: ["routerLink", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
67
|
+
OasysButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: OasysButtonComponent, selector: "ui-button", inputs: { buttonIcon: "buttonIcon", buttonIconPlacement: "buttonIconPlacement", buttonSize: "buttonSize", buttonFullWidth: "buttonFullWidth", buttonType: "buttonType", buttonDisabled: "buttonDisabled", href: "href" }, outputs: { clicked: "clicked" }, queries: [{ propertyName: "buttonText", first: true, predicate: ["buttonText"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<button (click)=\"onClick()\"\n [routerLink]=\"button.href || null\"\n [ngClass]=\"button.buttonDisplayClasses\"\n [attr.disabled]=\"button.buttonDisabled === true || null\"\n [attr.aria-label]=\"accessibleButtonContent\"\n [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-border-radius-button);font-family:var(--semantic-font-family-body)}ui-button button .button-content{display:flex;align-items:center}ui-button button .button-content .ui-icon{display:flex;align-items:center}ui-button button .button-content .ui-text{text-transform:var(--component-text-transform-button);letter-spacing:var(--component-letter-spacing-button);font-weight:var(--component-font-weight-button)}ui-button button .button-overlay,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-border-radius-button);opacity:0}ui-button button .button-overlay-focus{top:calc(var(--semantic-border-width-focus) * -1);right:calc(var(--semantic-border-width-focus) * -1);bottom:calc(var(--semantic-border-width-focus) * -1);left:calc(var(--semantic-border-width-focus) * -1);box-shadow:0 0 0 2px #538ffc;opacity:1}ui-button button:hover .button-overlay{opacity:var(--component-opacity-overlay-hover)}ui-button button:focus .button-overlay{opacity:var(--component-opacity-overlay-focus)}ui-button button:focus-visible{outline:none}ui-button button:focus{outline:none}ui-button button.type-primary{background-color:var(--component-color-button-primary-background);border-color:var(--component-color-button-primary-border);color:var(--component-color-button-primary-text)}ui-button button.type-primary .button-overlay{background-color:var(--component-color-button-primary-text)}ui-button button.type-secondary{background-color:var(--component-color-button-secondary-background);border-color:var(--component-color-button-secondary-border);color:var(--component-color-button-secondary-text)}ui-button button.type-secondary .button-overlay{background-color:var(--component-color-button-secondary-text)}ui-button button.type-tertiary{background-color:var(--component-color-button-tertiary-background);border-color:var(--component-color-button-tertiary-border);color:var(--component-color-button-tertiary-text)}ui-button button.type-tertiary .button-overlay{background-color:var(--component-color-button-tertiary-text)}ui-button button.type-primary-inverse{background-color:var(--component-color-button-primary-inverse-background);border-color:var(--component-color-button-primary-inverse-border);color:var(--component-color-button-primary-inverse-text)}ui-button button.type-primary-inverse .button-overlay{background-color:var(--component-color-button-primary-inverse-text)}ui-button button.type-secondary-inverse{background-color:var(--component-color-button-secondary-inverse-background);border-color:var(--component-color-button-secondary-inverse-border);color:var(--component-color-button-secondary-inverse-text)}ui-button button.type-secondary-inverse .button-overlay{background-color:var(--component-color-button-secondary-inverse-text)}ui-button button.type-tertiary-inverse{background-color:var(--component-color-button-tertiary-inverse-background);border-color:var(--component-color-button-tertiary-inverse-border);color:var(--component-color-button-tertiary-inverse-text)}ui-button button.type-tertiary-inverse .button-overlay{background-color:var(--component-color-button-tertiary-inverse-text)}ui-button button.type-expressive{background-color:var(--component-color-button-expressive-background);border-color:var(--component-color-button-expressive-border);color:var(--component-color-button-expressive-text)}ui-button button.type-expressive .button-overlay{background-color:var(--component-color-button-expressive-text)}ui-button button.type-danger{background-color:var(--component-color-button-danger-background);border-color:var(--component-color-button-danger-border);color:var(--component-color-button-danger-text)}ui-button button.type-danger .button-overlay{background-color:var(--component-color-button-danger-text)}ui-button button.type-facebook{background-color:var(--component-color-button-facebook-background);border-color:var(--component-color-button-facebook-border);color:var(--component-color-button-facebook-text)}ui-button button.type-facebook .button-overlay{background-color:var(--component-color-button-facebook-text)}ui-button button.type-paypal{background-color:var(--component-color-button-paypal-background);border-color:var(--component-color-button-paypal-border);color:var(--component-color-button-paypal-text)}ui-button button.type-paypal .button-overlay{background-color:var(--component-color-button-paypal-text)}ui-button button.type-trustpilot{background-color:var(--component-color-button-trustpilot-background);border-color:var(--component-color-button-trustpilot-border);color:var(--component-color-button-trustpilot-text)}ui-button button.type-trustpilot .button-overlay{background-color:var(--component-color-button-trustpilot-text)}ui-button button .buttonIcon{fill:currentColor}ui-button button.size-large{padding:var(--component-size-button-large-padding-y) var(--component-size-button-large-padding-x);font-size:var(--component-size-button-large-font-size);border-width:var(--component-size-button-large-border-width)}ui-button button.size-large .button-content{grid-gap:var(--component-size-button-large-inline-spacing);gap:var(--component-size-button-large-inline-spacing)}ui-button button.size-large .ui-text{line-height:var(--component-size-button-large-line-height)}ui-button button.size-large .ui-icon{max-height:var(--component-size-button-large-line-height)}ui-button button.size-large .ui-icon.icon-context-leading{margin-left:calc(var(--component-size-button-large-icon-offset-leading) * -1)}ui-button button.size-large .ui-icon.icon-context-trailing{margin-right:calc(var(--component-size-button-large-icon-offset-trailing) * -1)}ui-button button.size-large .ui-icon.icon-context-iconOnly{margin-left:calc(var(--component-size-button-large-icon-offset-icon-only) * -1);margin-right:calc(var(--component-size-button-large-icon-offset-icon-only) * -1)}ui-button button.size-small{padding:var(--component-size-button-small-padding-y) var(--component-size-button-small-padding-x);font-size:var(--component-size-button-small-font-size);border-width:var(--component-size-button-small-border-width)}ui-button button.size-small .button-content{grid-gap:var(--component-size-button-small-inline-spacing);gap:var(--component-size-button-small-inline-spacing)}ui-button button.size-small .ui-text{line-height:var(--component-size-button-small-line-height)}ui-button button.size-small .ui-icon{max-height:var(--component-size-button-small-line-height)}ui-button button.size-small .ui-icon.icon-context-leading{margin-left:calc(var(--component-size-button-small-icon-offset-leading) * -1)}ui-button button.size-small .ui-icon.icon-context-trailing{margin-right:calc(var(--component-size-button-small-icon-offset-trailing) * -1)}ui-button button.size-small .ui-icon.icon-context-iconOnly{margin-left:calc(var(--component-size-button-small-icon-offset-icon-only) * -1);margin-right:calc(var(--component-size-button-small-icon-offset-icon-only) * -1)}ui-button button.button--outline.size-large{padding:var(--component-size-outline-button-large-padding-y) var(--component-size-outline-button-large-padding-x);font-size:var(--component-size-outline-button-large-font-size);border-width:var(--component-size-outline-button-large-border-width)}ui-button button.button--outline.size-large .button-content{grid-gap:var(--component-size-outline-button-large-inline-spacing);gap:var(--component-size-outline-button-large-inline-spacing)}ui-button button.button--outline.size-large .ui-text{line-height:var(--component-size-outline-button-large-line-height)}ui-button button.button--outline.size-large .ui-icon{max-height:var(--component-size-outline-button-large-line-height)}ui-button button.button--outline.size-large .ui-icon.icon-context-leading{margin-left:calc(var(--component-size-outline-button-large-icon-offset-leading) * -1)}ui-button button.button--outline.size-large .ui-icon.icon-context-trailing{margin-right:calc(var(--component-size-outline-button-large-icon-offset-trailing) * -1)}ui-button button.button--outline.size-large .ui-icon.icon-context-iconOnly{margin-left:calc(var(--component-size-outline-button-large-icon-offset-icon-only) * -1);margin-right:calc(var(--component-size-outline-button-large-icon-offset-icon-only) * -1)}ui-button button.button--outline.size-small{padding:var(--component-size-outline-button-small-padding-y) var(--component-size-outline-button-small-padding-x);font-size:var(--component-size-outline-button-small-font-size);border-width:var(--component-size-outline-button-small-border-width)}ui-button button.button--outline.size-small .button-content{grid-gap:var(--component-size-outline-button-small-inline-spacing);gap:var(--component-size-outline-button-small-inline-spacing)}ui-button button.button--outline.size-small .ui-text{line-height:var(--component-size-outline-button-small-line-height)}ui-button button.button--outline.size-small .ui-icon{max-height:var(--component-size-outline-button-small-line-height)}ui-button button.button--outline.size-small .ui-icon.icon-context-leading{margin-left:calc(var(--component-size-outline-button-small-icon-offset-leading) * -1)}ui-button button.button--outline.size-small .ui-icon.icon-context-trailing{margin-right:calc(var(--component-size-outline-button-small-icon-offset-trailing) * -1)}ui-button button.button--outline.size-small .ui-icon.icon-context-iconOnly{margin-left:calc(var(--component-size-outline-button-small-icon-offset-icon-only) * -1);margin-right:calc(var(--component-size-outline-button-small-icon-offset-icon-only) * -1)}ui-button button[disabled]{background-color:var(--component-color-button-disabled-background);border-color:var(--component-color-button-disabled-border);color:var(--component-color-button-disabled-text);cursor:default}ui-button button.button--has-icon.button--icon--trailing .button-content{flex-direction:row-reverse}ui-button button.button--full-width{display:flex;width:100%}\n"], components: [{ type: i1.IconComponent, selector: "ui-icon", inputs: ["iconSize", "iconName", "iconContext", "iconWidth", "iconHeight", "iconClass"] }], directives: [{ type: i2.RouterLink, selector: ":not(a):not(area)[routerLink]", inputs: ["routerLink", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
66
68
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: OasysButtonComponent, decorators: [{
|
|
67
69
|
type: Component,
|
|
68
70
|
args: [{
|
|
@@ -92,4 +94,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
|
|
|
92
94
|
}], clicked: [{
|
|
93
95
|
type: Output
|
|
94
96
|
}] } });
|
|
95
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
97
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL29hc3lzLWxpYi9zcmMvbGliL2NvbXBvbmVudHMvYnV0dG9uL2J1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9vYXN5cy1saWIvc3JjL2xpYi9jb21wb25lbnRzL2J1dHRvbi9idXR0b24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLGlCQUFpQixFQUFFLFlBQVksRUFBRSx1QkFBdUIsRUFBRSxpQkFBaUIsRUFBYSxZQUFZLEVBQUUsVUFBVSxFQUFpQixNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFpQmxNLE1BQU0sT0FBTyxvQkFBb0I7SUEyQi9CLFlBQW9CLE9BQTBCO1FBQTFCLFlBQU8sR0FBUCxPQUFPLENBQW1CO1FBckJyQyx3QkFBbUIsR0FBZ0IsU0FBUyxDQUFDO1FBS3RELGtCQUFrQjtRQUNULGVBQVUsR0FBaUIsT0FBTyxDQUFDO1FBQ25DLG9CQUFlLEdBQW9CLEtBQUssQ0FBQztRQUN6QyxlQUFVLEdBQWlCLFNBQVMsQ0FBQztRQUNyQyxtQkFBYyxHQUFZLEtBQUssQ0FBQztRQUV6QyxpQkFBaUI7UUFDUixTQUFJLEdBQVcsRUFBRSxDQUFDO1FBQ2pCLFlBQU8sR0FBdUIsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUczRCxnQkFBVyxHQUFnQixNQUFNLENBQUM7UUFHbEMsdUJBQWtCLEdBQUcsQ0FBQyxXQUFXLEVBQUUsbUJBQW1CLENBQUMsQ0FBQTtJQUVMLENBQUM7SUFFbkQsT0FBTztRQUNMLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDdEIsQ0FBQztJQUVELFlBQVk7UUFFVixPQUFpQjtZQUNmLFVBQVUsRUFBRSxJQUFJLENBQUMsVUFBVTtZQUMzQixtQkFBbUIsRUFBRSxJQUFJLENBQUMsbUJBQW1CO1lBQzdDLFVBQVUsRUFBRSxJQUFJLENBQUMsVUFBVTtZQUMzQixVQUFVLEVBQUUsSUFBSSxDQUFDLFVBQVU7WUFDM0IsY0FBYyxFQUFFLElBQUksQ0FBQyxjQUFjO1lBQ25DLElBQUksRUFBRSxJQUFJLENBQUMsSUFBSTtZQUNmLE1BQU0sRUFBRSxFQUFFO1lBQ1Ysb0JBQW9CLEVBQUU7Z0JBQ3RCLFFBQVEsSUFBSSxDQUFDLFVBQVUsRUFBRTtnQkFDekIsUUFBUSxJQUFJLENBQUMsVUFBVSxFQUFFO2dCQUN6QixHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLGtCQUFrQixDQUFBLENBQUMsQ0FBQyxFQUFFLEVBQUU7Z0JBQzdDLEdBQUcsSUFBSSxDQUFDLGVBQWUsQ0FBQyxDQUFDLENBQUMsb0JBQW9CLENBQUEsQ0FBQyxDQUFDLEVBQUUsRUFBRTtnQkFDcEQsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxnQkFBZ0IsR0FBQyxJQUFJLENBQUMsbUJBQW1CLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRTtnQkFDckUsR0FBRyxJQUFJLENBQUMsa0JBQWtCLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsaUJBQWlCLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRTthQUNwRixDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztTQUNyQixDQUFDO0lBQ0osQ0FBQztJQUVELGVBQWU7O1FBQ2IsSUFBRyxNQUFBLE1BQUEsSUFBSSxDQUFDLFVBQVUsMENBQUUsYUFBYSwwQ0FBRSxTQUFTLEVBQUU7WUFDNUMsSUFBSSxDQUFDLHVCQUF1QixHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLFNBQVMsQ0FBQztTQUN4RTthQUFNO1lBQ0wsTUFBTSxJQUFJLEtBQUssQ0FBQzs7Ozs7O09BTWYsQ0FBQyxDQUFBO1NBQ0g7SUFDSCxDQUFDO0lBRUQsV0FBVztRQUNQLElBQUksQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO1FBQ2xDLElBQUksQ0FBQyxPQUFPLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDaEMsQ0FBQztJQUVELFFBQVE7UUFDTixJQUFJLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUNwQyxDQUFDOztrSEEzRVUsb0JBQW9CO3NHQUFwQixvQkFBb0IsdWFDakJqQyxrM0JBZ0JBOzRGRENhLG9CQUFvQjtrQkFQaEMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUMsV0FBVztvQkFDcEIsV0FBVyxFQUFFLHlCQUF5QjtvQkFDdEMsU0FBUyxFQUFFLENBQUMseUJBQXlCLENBQUM7b0JBQ3RDLGFBQWEsRUFBRSxpQkFBaUIsQ0FBQyxJQUFJO29CQUNyQyxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTtpQkFDaEQ7d0dBTVUsVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxtQkFBbUI7c0JBQTNCLEtBQUs7Z0JBR3NCLFVBQVU7c0JBQXJDLFlBQVk7dUJBQUMsWUFBWTtnQkFHakIsVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxlQUFlO3NCQUF2QixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csY0FBYztzQkFBdEIsS0FBSztnQkFHRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0ksT0FBTztzQkFBaEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0LCBWaWV3RW5jYXBzdWxhdGlvbiwgRXZlbnRFbWl0dGVyLCBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ2hhbmdlRGV0ZWN0b3JSZWYsIE9uQ2hhbmdlcywgQ29udGVudENoaWxkLCBFbGVtZW50UmVmLCBBZnRlclZpZXdJbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBJY29uTmFtZXMsIEljb25Db250ZXh0IH0gZnJvbSAnLi4vaWNvbi9pY29uJztcbmltcG9ydCB7IFRleHRUcmFuc2Zvcm0gfSBmcm9tICcuLi90ZXh0L3RleHQnO1xuaW1wb3J0IHtcbiAgVUlCdXR0b24sXG4gIFVJQnV0dG9uQm9vbGVhbixcbiAgVUlCdXR0b25TaXplLFxuICBVSUJ1dHRvblR5cGVcbn0gZnJvbSAnLi9idXR0b24nO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6J3VpLWJ1dHRvbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9idXR0b24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9idXR0b24uY29tcG9uZW50LnNjc3MnXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcbn0pXG5leHBvcnQgY2xhc3MgT2FzeXNCdXR0b25Db21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uQ2hhbmdlcywgQWZ0ZXJWaWV3SW5pdCB7XG5cbiAgYnV0dG9uOiBVSUJ1dHRvbjtcblxuICAvLyAvLyBCdXR0b24gQ29udGVudFxuICBASW5wdXQoKSBidXR0b25JY29uPzogSWNvbk5hbWVzO1xuICBASW5wdXQoKSBidXR0b25JY29uUGxhY2VtZW50OiBJY29uQ29udGV4dCA9ICdsZWFkaW5nJztcblxuICAvLyBASW5wdXQoKSBidXR0b25UZXh0OiBzdHJpbmc7XG4gIEBDb250ZW50Q2hpbGQoJ2J1dHRvblRleHQnKSBidXR0b25UZXh0OiBFbGVtZW50UmVmO1xuXG4gIC8vIEJ1dHRvbiBTdHlsaW5nc1xuICBASW5wdXQoKSBidXR0b25TaXplOiBVSUJ1dHRvblNpemUgPSAnbGFyZ2UnO1xuICBASW5wdXQoKSBidXR0b25GdWxsV2lkdGg6IFVJQnV0dG9uQm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoKSBidXR0b25UeXBlOiBVSUJ1dHRvblR5cGUgPSAncHJpbWFyeSc7XG4gIEBJbnB1dCgpIGJ1dHRvbkRpc2FibGVkOiBib29sZWFuID0gZmFsc2U7XG5cbiAgLy8gQnV0dG9uIEFjdGlvbnNcbiAgQElucHV0KCkgaHJlZjogc3RyaW5nID0gJyc7XG4gIEBPdXRwdXQoKSBjbGlja2VkOiBFdmVudEVtaXR0ZXI8dm9pZD4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgYnV0dG9uRGlzcGxheUNsYXNzZXM6IHN0cmluZ1tdO1xuICBpY29uQ29udGV4dDogSWNvbkNvbnRleHQgPSAnbm9uZSc7XG4gIHRleHRUcmFuc2Zvcm0hOiBUZXh0VHJhbnNmb3JtO1xuICBhY2Nlc3NpYmxlQnV0dG9uQ29udGVudDogc3RyaW5nO1xuICBvdXRsaW5lQnV0dG9uVHlwZXMgPSBbJ3NlY29uZGFyeScsICdzZWNvbmRhcnktaW52ZXJzZSddXG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBjaGFuZ2VzOiBDaGFuZ2VEZXRlY3RvclJlZikgeyB9XG5cbiAgb25DbGljaygpOiB2b2lkIHtcbiAgICB0aGlzLmNsaWNrZWQuZW1pdCgpO1xuICB9XG5cbiAgY3JlYXRlQnV0dG9uKCk6IFVJQnV0dG9uIHtcblxuICAgIHJldHVybiA8VUlCdXR0b24+e1xuICAgICAgYnV0dG9uSWNvbjogdGhpcy5idXR0b25JY29uLFxuICAgICAgYnV0dG9uSWNvblBsYWNlbWVudDogdGhpcy5idXR0b25JY29uUGxhY2VtZW50LFxuICAgICAgYnV0dG9uVHlwZTogdGhpcy5idXR0b25UeXBlLFxuICAgICAgYnV0dG9uU2l6ZTogdGhpcy5idXR0b25TaXplLFxuICAgICAgYnV0dG9uRGlzYWJsZWQ6IHRoaXMuYnV0dG9uRGlzYWJsZWQsXG4gICAgICBocmVmOiB0aGlzLmhyZWYsXG4gICAgICB0YXJnZXQ6ICcnLFxuICAgICAgYnV0dG9uRGlzcGxheUNsYXNzZXM6IFtcbiAgICAgIGB0eXBlLSR7dGhpcy5idXR0b25UeXBlfWAsXG4gICAgICBgc2l6ZS0ke3RoaXMuYnV0dG9uU2l6ZX1gLFxuICAgICAgYCR7dGhpcy5idXR0b25JY29uID8gJ2J1dHRvbi0taGFzLWljb24nOiAnJ31gLFxuICAgICAgYCR7dGhpcy5idXR0b25GdWxsV2lkdGggPyAnYnV0dG9uLS1mdWxsLXdpZHRoJzogJyd9YCxcbiAgICAgIGAke3RoaXMuYnV0dG9uSWNvbiA/ICdidXR0b24tLWljb24tLScrdGhpcy5idXR0b25JY29uUGxhY2VtZW50IDogJyd9YCxcbiAgICAgIGAke3RoaXMub3V0bGluZUJ1dHRvblR5cGVzLmluZGV4T2YodGhpcy5idXR0b25UeXBlKSAhPT0gLTEgPyAnYnV0dG9uLS1vdXRsaW5lJyA6ICcnfWBcbiAgICAgIF0uZmlsdGVyKChkKSA9PiAhIWQpXG4gICAgfTtcbiAgfVxuXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcbiAgICBpZih0aGlzLmJ1dHRvblRleHQ/Lm5hdGl2ZUVsZW1lbnQ/LmlubmVyVGV4dCkge1xuICAgICAgdGhpcy5hY2Nlc3NpYmxlQnV0dG9uQ29udGVudCA9IHRoaXMuYnV0dG9uVGV4dC5uYXRpdmVFbGVtZW50LmlubmVyVGV4dDtcbiAgICB9IGVsc2Uge1xuICAgICAgdGhyb3cgbmV3IEVycm9yKGBcbiAgICAgIE5vIGlubmVyIHRleHQgZm91bmQuIEFsbCBidXR0b25zIHNob3VsZCBoYXZlIHRleHQgcGFzc2VkIHZpYSBuZy1jb250ZW50IHRvIGVuYWJsZSBhY2Nlc3NpYmlsaXR5IGZvciBzY3JlZW4gcmVhZGVycywgdGhpcyBpbmNsdWRlcyBpY29uLW9ubHkgYnV0dG9ucy5cblxuICAgICAgUGFzcyBjb250ZW50IHVzaW5nIHRoZSB0ZW1wbGF0ZSB2YXJpYWJsZSAjYnV0dG9uVGV4dCBlZzpcbiAgICAgIHVpLWJ1dHRvbigpXG4gICAgICAgIHNwYW4oI2J1dHRvblRleHQpIEJ1eSBBbGwgVGhlIFRoaW5nc1xuICAgICAgYClcbiAgICB9XG4gIH1cblxuICBuZ09uQ2hhbmdlcygpOiB2b2lkIHtcbiAgICAgIHRoaXMuYnV0dG9uID0gdGhpcy5jcmVhdGVCdXR0b24oKTtcbiAgICAgIHRoaXMuY2hhbmdlcy5tYXJrRm9yQ2hlY2soKTtcbiAgfVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMuYnV0dG9uID0gdGhpcy5jcmVhdGVCdXR0b24oKTtcbiAgfVxufVxuIiwiPGJ1dHRvbiAoY2xpY2spPVwib25DbGljaygpXCJcbiAgICAgICAgW3JvdXRlckxpbmtdPVwiYnV0dG9uLmhyZWYgfHwgbnVsbFwiXG4gICAgICAgIFtuZ0NsYXNzXT1cImJ1dHRvbi5idXR0b25EaXNwbGF5Q2xhc3Nlc1wiXG4gICAgICAgIFthdHRyLmRpc2FibGVkXT1cImJ1dHRvbi5idXR0b25EaXNhYmxlZCA9PT0gdHJ1ZSB8fCBudWxsXCJcbiAgICAgICAgW2F0dHIuYXJpYS1sYWJlbF09XCJhY2Nlc3NpYmxlQnV0dG9uQ29udGVudFwiXG4gICAgICAgIFthdHRyLnRpdGxlXT1cImFjY2Vzc2libGVCdXR0b25Db250ZW50XCJcbiAgICAgICAgcm9sZT1cImJ1dHRvblwiPlxuICAgIDxkaXYgY2xhc3M9XCJidXR0b24tY29udGVudFwiPlxuICAgICAgICA8dWktaWNvbiAqbmdJZj1cImJ1dHRvbi5idXR0b25JY29uICYmIGJ1dHRvbi5idXR0b25JY29uUGxhY2VtZW50ICE9PSAnbm9uZSdcIiBbaWNvbk5hbWVdPVwiYnV0dG9uLmJ1dHRvbkljb25cIiBbaWNvblNpemVdPVwiYnV0dG9uLmJ1dHRvblNpemVcIiBbaWNvbkNsYXNzXT1cIididXR0b25JY29uJ1wiIFtpY29uQ29udGV4dF09XCJidXR0b24uYnV0dG9uSWNvblBsYWNlbWVudFwiPjwvdWktaWNvbj5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJ1aS10ZXh0XCIgW25nQ2xhc3NdPVwieyd2aXN1YWxseWhpZGRlbic6IGJ1dHRvbi5idXR0b25JY29uUGxhY2VtZW50ID09PSAnaWNvbk9ubHknfVwiPlxuICAgICAgICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICAgICAgICA8L3NwYW4+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cImJ1dHRvbi1vdmVybGF5XCI+PC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cImJ1dHRvbi1vdmVybGF5LWZvY3VzXCI+PC9kaXY+XG48L2J1dHRvbj5cbiJdfQ==
|
|
@@ -1,2 +1,14 @@
|
|
|
1
|
-
export
|
|
2
|
-
|
|
1
|
+
export const buttonTypeOptions = [
|
|
2
|
+
'primary',
|
|
3
|
+
'secondary',
|
|
4
|
+
'tertiary',
|
|
5
|
+
'primary-inverse',
|
|
6
|
+
'secondary-inverse',
|
|
7
|
+
'tertiary-inverse',
|
|
8
|
+
'expressive',
|
|
9
|
+
'danger',
|
|
10
|
+
'facebook',
|
|
11
|
+
'paypal',
|
|
12
|
+
'trustpilot'
|
|
13
|
+
];
|
|
14
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvb2FzeXMtbGliL3NyYy9saWIvY29tcG9uZW50cy9idXR0b24vYnV0dG9uLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVFBLE1BQU0sQ0FBQyxNQUFNLGlCQUFpQixHQUFHO0lBQy9CLFNBQVM7SUFDVCxXQUFXO0lBQ1gsVUFBVTtJQUNWLGlCQUFpQjtJQUNqQixtQkFBbUI7SUFDbkIsa0JBQWtCO0lBQ2xCLFlBQVk7SUFDWixRQUFRO0lBQ1IsVUFBVTtJQUNWLFFBQVE7SUFDUixZQUFZO0NBQ2IsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEV2ZW50RW1pdHRlciB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgSWNvbk5hbWVzLCBJY29uQ29udGV4dCB9IGZyb20gJy4uL2ljb24vaWNvbic7XG5cblxuZXhwb3J0IHR5cGUgVUlCdXR0b25Cb29sZWFuID0gdHJ1ZSB8ICd0cnVlJyB8IGZhbHNlIHwgJ2ZhbHNlJztcblxuZXhwb3J0IHR5cGUgVUlCdXR0b25TaXplID0gJ3NtYWxsJyB8ICdsYXJnZSc7XG5cbmV4cG9ydCBjb25zdCBidXR0b25UeXBlT3B0aW9ucyA9IFtcbiAgJ3ByaW1hcnknLFxuICAnc2Vjb25kYXJ5JyxcbiAgJ3RlcnRpYXJ5JyxcbiAgJ3ByaW1hcnktaW52ZXJzZScsXG4gICdzZWNvbmRhcnktaW52ZXJzZScsXG4gICd0ZXJ0aWFyeS1pbnZlcnNlJyxcbiAgJ2V4cHJlc3NpdmUnLFxuICAnZGFuZ2VyJyxcbiAgJ2ZhY2Vib29rJyxcbiAgJ3BheXBhbCcsXG4gICd0cnVzdHBpbG90J1xuXTtcblxuZXhwb3J0IHR5cGUgVUlCdXR0b25UeXBlID0gdHlwZW9mIGJ1dHRvblR5cGVPcHRpb25zW251bWJlcl07XG5cbmV4cG9ydCBpbnRlcmZhY2UgVUlCdXR0b24ge1xuXG4gIC8vIElucHV0c1xuXG4gIC8vIERpc3BsYXkgdGV4dCAtIFJlcXVpcmVkIGV2ZW4gaWYgaWNvbiBvbmx5XG4gIC8vIGJ1dHRvblRleHQ6IHN0cmluZztcbiAgLy8gaWNvbiBuYW1lXG4gIGJ1dHRvbkljb246IEljb25OYW1lcztcbiAgLy8gY29sb3Ivc3R5bGluZyBvZiBidXR0b25cbiAgYnV0dG9uVHlwZTogVUlCdXR0b25UeXBlO1xuICAvLyBwb3NpdGlvbmluZyBmb3IgaWNvblxuICBidXR0b25JY29uUGxhY2VtZW50OiBJY29uQ29udGV4dFxuICAvLyBidXR0b24gc2l6ZVxuICBidXR0b25TaXplOiBVSUJ1dHRvblNpemU7XG4gIC8vIEZ1bGwgd2lkdGhcbiAgYnV0dG9uRnVsbFdpZHRoOiBVSUJ1dHRvbkJvb2xlYW47XG4gIC8vIEZvciBsaW5rcywgZXhwZWN0cyByZWxhdGl2ZSBvciBhYnNvbHV0ZSB1cmxcbiAgaHJlZjogc3RyaW5nO1xuICB0YXJnZXQ6IHN0cmluZztcbiAgYnV0dG9uRGlzYWJsZWQ6IFVJQnV0dG9uQm9vbGVhbjtcblxuICAvLyBQcml2YXRlIHByb3BlcnRpZXNcbiAgYnV0dG9uRGlzcGxheUNsYXNzZXM6IHN0cmluZ1tdO1xuXG4gIC8vIE91dHB1dHNcblxuICAvLyBDbGljayBldmVudCwgdXNlZCB3aGVuIG5vIGhyZWYgaW5wdXRcbiAgYnV0dG9uRGlkQ2xpY2s6IEV2ZW50RW1pdHRlcjxhbnk+O1xufVxuIl19
|
|
@@ -33,7 +33,7 @@ export class IconComponent {
|
|
|
33
33
|
}
|
|
34
34
|
}
|
|
35
35
|
IconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IconComponent, deps: [{ token: i1.TokenService }, { token: i2.WindowService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
36
|
-
IconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IconComponent, selector: "ui-icon", inputs: { iconSize: "iconSize", iconName: "iconName", iconContext: "iconContext", iconWidth: "iconWidth", iconHeight: "iconHeight", iconClass: "iconClass" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"ui-icon\" [ngClass]=\"iconDisplayClasses\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" attr.width=\"{{iconWidth}}px\" attr.height=\"{{iconHeight}}px\" attr.class=\"{{iconClass}}\">\n <use attr.xlink:href=\"./{{iconBrandPath}}/assets/icons/icons.svg#icon-{{iconName}}
|
|
36
|
+
IconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IconComponent, selector: "ui-icon", inputs: { iconSize: "iconSize", iconName: "iconName", iconContext: "iconContext", iconWidth: "iconWidth", iconHeight: "iconHeight", iconClass: "iconClass" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"ui-icon\" [ngClass]=\"iconDisplayClasses\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" attr.width=\"{{iconWidth}}px\" attr.height=\"{{iconHeight}}px\" attr.class=\"{{iconClass}}\">\n <use attr.xlink:href=\"./{{iconBrandPath}}/assets/icons/icons.svg#icon-{{iconName}}\"></use>\n </svg>\n</div>\n", styles: ["ui-icon{--icon-component-brand: var(--utility-brand-name)}.ui-icon{display:inline-flex}\n"], directives: [{ type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
37
37
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IconComponent, decorators: [{
|
|
38
38
|
type: Component,
|
|
39
39
|
args: [{
|
|
@@ -56,4 +56,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
|
|
|
56
56
|
}], iconClass: [{
|
|
57
57
|
type: Input
|
|
58
58
|
}] } });
|
|
59
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
59
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9vYXN5cy1saWIvc3JjL2xpYi9jb21wb25lbnRzL2ljb24vaWNvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9vYXN5cy1saWIvc3JjL2xpYi9jb21wb25lbnRzL2ljb24vaWNvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxpQkFBaUIsRUFBRSx1QkFBdUIsRUFBYSxVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDNUgsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQzVELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQzs7Ozs7QUFVOUQsTUFBTSxPQUFPLGFBQWE7SUFheEIsWUFBb0IsWUFBMEIsRUFBVSxTQUF3QixFQUFVLFVBQXNCO1FBQTVGLGlCQUFZLEdBQVosWUFBWSxDQUFjO1FBQVUsY0FBUyxHQUFULFNBQVMsQ0FBZTtRQUFVLGVBQVUsR0FBVixVQUFVLENBQVk7UUFadkcsYUFBUSxHQUFvQixPQUFPLENBQUM7UUFFcEMsZ0JBQVcsR0FBZ0IsTUFBTSxDQUFDO0lBVXlFLENBQUM7SUFFckgsa0JBQWtCLENBQUMsU0FBaUI7UUFDbEMsTUFBTSxTQUFTLEdBQUcsVUFBVSxDQUFDLFNBQVMsQ0FBQyxPQUFPLENBQUMsS0FBSyxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUM7UUFDM0QsT0FBTyxTQUFTLEdBQUcsVUFBVSxDQUFDLGdCQUFnQixDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsWUFBWSxDQUFDLFFBQVEsQ0FBQyxlQUFlLENBQUMsQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUNqSCxDQUFDO0lBRUQsV0FBVztRQUNULElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQztJQUNsQixDQUFDO0lBRUQsUUFBUTtRQUNOLElBQUksQ0FBQyxhQUFhLEdBQUcsR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDLFlBQVksQ0FBQyx3QkFBd0IsRUFBRSxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxFQUFFLENBQUE7UUFDakgsSUFBSSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDLGFBQWEsQ0FBQyxzQkFBc0IsSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDLENBQUM7UUFFbkYsSUFBSSxDQUFDLGtCQUFrQixHQUFHO1lBQ3hCLGdCQUFnQixJQUFJLENBQUMsV0FBVyxFQUFFO1lBQ2xDLGFBQWEsSUFBSSxDQUFDLFFBQVEsRUFBRTtTQUM3QixDQUFDO1FBRUYsTUFBTSxZQUFZLEdBQUcsSUFBSSxDQUFDLGtCQUFrQixDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUN4RCxJQUFJLENBQUMsU0FBUyxHQUFHLFlBQVksQ0FBQztRQUM5QixJQUFJLENBQUMsVUFBVSxHQUFHLFlBQVksQ0FBQztJQUNqQyxDQUFDOzsyR0FwQ1UsYUFBYTsrRkFBYixhQUFhLGtPQ1oxQiwyVEFLQTs0RkRPYSxhQUFhO2tCQVB6QixTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBQyxTQUFTO29CQUNsQixXQUFXLEVBQUUsdUJBQXVCO29CQUNwQyxTQUFTLEVBQUUsQ0FBQyx1QkFBdUIsQ0FBQztvQkFDcEMsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07b0JBQy9DLGFBQWEsRUFBRSxpQkFBaUIsQ0FBQyxJQUFJO2lCQUN0Qzt3SkFFVSxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFFRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCwgVmlld0VuY2Fwc3VsYXRpb24sIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBPbkNoYW5nZXMsIEVsZW1lbnRSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFRva2VuU2VydmljZSB9IGZyb20gJy4uLy4uL3NlcnZpY2VzL3Rva2VuLnNlcnZpY2UnO1xuaW1wb3J0IHsgV2luZG93U2VydmljZSB9IGZyb20gJy4uLy4uL3NlcnZpY2VzL3dpbmRvdy5zZXJ2aWNlJztcbmltcG9ydCB7IEljb25OYW1lcywgSWNvbkNvbnRleHQgfSBmcm9tICcuL2ljb24nO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6J3VpLWljb24nLFxuICB0ZW1wbGF0ZVVybDogJy4vaWNvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2ljb24uY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmVcbn0pXG5leHBvcnQgY2xhc3MgSWNvbkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25DaGFuZ2VzIHtcbiAgQElucHV0KCkgaWNvblNpemU6ICdzbWFsbCd8J2xhcmdlJyA9ICdsYXJnZSc7XG4gIEBJbnB1dCgpIGljb25OYW1lITogSWNvbk5hbWVzO1xuICBASW5wdXQoKSBpY29uQ29udGV4dDogSWNvbkNvbnRleHQgPSAnbm9uZSc7XG5cbiAgQElucHV0KCkgaWNvbldpZHRoPzogbnVtYmVyO1xuICBASW5wdXQoKSBpY29uSGVpZ2h0PzogbnVtYmVyO1xuICBASW5wdXQoKSBpY29uQ2xhc3M/OiBzdHJpbmc7XG5cbiAgc2l6ZT86IHN0cmluZztcbiAgaWNvbkJyYW5kUGF0aD86IHN0cmluZztcbiAgaWNvbkRpc3BsYXlDbGFzc2VzOiBzdHJpbmdbXTtcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHRva2VuU2VydmljZTogVG9rZW5TZXJ2aWNlLCBwcml2YXRlIHdpbmRvd1JlZjogV2luZG93U2VydmljZSwgcHJpdmF0ZSBlbGVtZW50UmVmOiBFbGVtZW50UmVmKSB7IH1cblxuICBjb252ZXJ0UmVtVG9QaXhlbHMocmVtU3RyaW5nOiBzdHJpbmcpOiBudW1iZXIge1xuICAgIGNvbnN0IHJlbU51bWJlciA9IHBhcnNlRmxvYXQocmVtU3RyaW5nLnJlcGxhY2UoJ3JlbScsICcnKSk7XG4gICAgcmV0dXJuIHJlbU51bWJlciAqIHBhcnNlRmxvYXQoZ2V0Q29tcHV0ZWRTdHlsZSh0aGlzLndpbmRvd1JlZi5uYXRpdmVXaW5kb3cuZG9jdW1lbnQuZG9jdW1lbnRFbGVtZW50KS5mb250U2l6ZSk7XG4gIH1cblxuICBuZ09uQ2hhbmdlcygpOiB2b2lkIHtcbiAgICB0aGlzLm5nT25Jbml0KCk7XG4gIH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLmljb25CcmFuZFBhdGggPSBgJHt0aGlzLnRva2VuU2VydmljZS5nZXRCcmFuZE5hbWUoYC0taWNvbi1jb21wb25lbnQtYnJhbmRgLCB0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudCl9YFxuICAgIHRoaXMuc2l6ZSA9IHRoaXMudG9rZW5TZXJ2aWNlLmdldFRva2VuVmFsdWUoYC0tZ2xvYmFsLXNpemUtaWNvbi0ke3RoaXMuaWNvblNpemV9YCk7XG5cbiAgICB0aGlzLmljb25EaXNwbGF5Q2xhc3NlcyA9IFtcbiAgICAgIGBpY29uLWNvbnRleHQtJHt0aGlzLmljb25Db250ZXh0fWAsXG4gICAgICBgaWNvbi1zaXplLSR7dGhpcy5pY29uU2l6ZX1gXG4gICAgXTtcblxuICAgIGNvbnN0IHNpemVJblBpeGVscyA9IHRoaXMuY29udmVydFJlbVRvUGl4ZWxzKHRoaXMuc2l6ZSk7XG4gICAgdGhpcy5pY29uV2lkdGggPSBzaXplSW5QaXhlbHM7XG4gICAgdGhpcy5pY29uSGVpZ2h0ID0gc2l6ZUluUGl4ZWxzO1xuICB9XG5cbn1cbiIsIjxkaXYgY2xhc3M9XCJ1aS1pY29uXCIgW25nQ2xhc3NdPVwiaWNvbkRpc3BsYXlDbGFzc2VzXCI+XG4gIDxzdmcgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiIGF0dHIud2lkdGg9XCJ7e2ljb25XaWR0aH19cHhcIiBhdHRyLmhlaWdodD1cInt7aWNvbkhlaWdodH19cHhcIiBhdHRyLmNsYXNzPVwie3tpY29uQ2xhc3N9fVwiPlxuICAgIDx1c2UgYXR0ci54bGluazpocmVmPVwiLi97e2ljb25CcmFuZFBhdGh9fS9hc3NldHMvaWNvbnMvaWNvbnMuc3ZnI2ljb24te3tpY29uTmFtZX19XCI+PC91c2U+XG4gIDwvc3ZnPlxuPC9kaXY+XG4iXX0=
|
|
@@ -1,2 +1,23 @@
|
|
|
1
|
-
export
|
|
2
|
-
|
|
1
|
+
export const iconNameOptions = [
|
|
2
|
+
'close',
|
|
3
|
+
'menu',
|
|
4
|
+
'tick',
|
|
5
|
+
'heart',
|
|
6
|
+
'heart-fill',
|
|
7
|
+
'basket',
|
|
8
|
+
'basket-fill',
|
|
9
|
+
'user',
|
|
10
|
+
'user-fill',
|
|
11
|
+
'chevron-up',
|
|
12
|
+
'chevron-down',
|
|
13
|
+
'chevron-left',
|
|
14
|
+
'chevron-right',
|
|
15
|
+
'arrow-up',
|
|
16
|
+
'arrow-down',
|
|
17
|
+
'arrow-left',
|
|
18
|
+
'arrow-right',
|
|
19
|
+
'sort',
|
|
20
|
+
'filter',
|
|
21
|
+
'pin',
|
|
22
|
+
];
|
|
23
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL29hc3lzLWxpYi9zcmMvbGliL2NvbXBvbmVudHMvaWNvbi9pY29uLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQU0sQ0FBQyxNQUFNLGVBQWUsR0FBRztJQUM3QixPQUFPO0lBQ1AsTUFBTTtJQUNOLE1BQU07SUFDTixPQUFPO0lBQ1AsWUFBWTtJQUNaLFFBQVE7SUFDUixhQUFhO0lBQ2IsTUFBTTtJQUNOLFdBQVc7SUFDWCxZQUFZO0lBQ1osY0FBYztJQUNkLGNBQWM7SUFDZCxlQUFlO0lBQ2YsVUFBVTtJQUNWLFlBQVk7SUFDWixZQUFZO0lBQ1osYUFBYTtJQUNiLE1BQU07SUFDTixRQUFRO0lBQ1IsS0FBSztDQUNHLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgY29uc3QgaWNvbk5hbWVPcHRpb25zID0gW1xuICAnY2xvc2UnLFxuICAnbWVudScsXG4gICd0aWNrJyxcbiAgJ2hlYXJ0JyxcbiAgJ2hlYXJ0LWZpbGwnLFxuICAnYmFza2V0JyxcbiAgJ2Jhc2tldC1maWxsJyxcbiAgJ3VzZXInLFxuICAndXNlci1maWxsJyxcbiAgJ2NoZXZyb24tdXAnLFxuICAnY2hldnJvbi1kb3duJyxcbiAgJ2NoZXZyb24tbGVmdCcsXG4gICdjaGV2cm9uLXJpZ2h0JyxcbiAgJ2Fycm93LXVwJyxcbiAgJ2Fycm93LWRvd24nLFxuICAnYXJyb3ctbGVmdCcsXG4gICdhcnJvdy1yaWdodCcsXG4gICdzb3J0JyxcbiAgJ2ZpbHRlcicsXG4gICdwaW4nLFxuXSBhcyBjb25zdDtcblxuZXhwb3J0IHR5cGUgSWNvbk5hbWVzID0gdHlwZW9mIGljb25OYW1lT3B0aW9uc1tudW1iZXJdO1xuXG5leHBvcnQgdHlwZSBJY29uQ29udGV4dCA9ICdsZWFkaW5nJyB8ICd0cmFpbGluZycgfCAnaWNvbk9ubHknIHwgJ25vbmUnO1xuIl19
|
package/esm2015/public-api.js
CHANGED
|
@@ -5,5 +5,4 @@ export * from './lib/oasys-lib.module';
|
|
|
5
5
|
export * from './lib/components/button/button.component';
|
|
6
6
|
export * from './lib/components/icon/icon.component';
|
|
7
7
|
export * from './lib/components/layout/box/box.component';
|
|
8
|
-
|
|
9
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL29hc3lzLWxpYi9zcmMvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUdILGNBQWMsd0JBQXdCLENBQUM7QUFFdkMsY0FBYywwQ0FBMEMsQ0FBQztBQUN6RCxjQUFjLHNDQUFzQyxDQUFDO0FBQ3JELGNBQWMsMkNBQTJDLENBQUM7QUFFMUQsY0FBYyw0QkFBNEIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBQdWJsaWMgQVBJIFN1cmZhY2Ugb2Ygb2FzeXMtbGliXG4gKi9cblxuXG5leHBvcnQgKiBmcm9tICcuL2xpYi9vYXN5cy1saWIubW9kdWxlJztcblxuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9idXR0b24vYnV0dG9uLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2ljb24vaWNvbi5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9sYXlvdXQvYm94L2JveC5jb21wb25lbnQnO1xuXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2ljb24vaWNvbic7XG4iXX0=
|
|
8
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL29hc3lzLWxpYi9zcmMvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUdILGNBQWMsd0JBQXdCLENBQUM7QUFFdkMsY0FBYywwQ0FBMEMsQ0FBQztBQUN6RCxjQUFjLHNDQUFzQyxDQUFDO0FBQ3JELGNBQWMsMkNBQTJDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogUHVibGljIEFQSSBTdXJmYWNlIG9mIG9hc3lzLWxpYlxuICovXG5cblxuZXhwb3J0ICogZnJvbSAnLi9saWIvb2FzeXMtbGliLm1vZHVsZSc7XG5cbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvYnV0dG9uL2J1dHRvbi5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9pY29uL2ljb24uY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvbGF5b3V0L2JveC9ib3guY29tcG9uZW50JztcblxuIl19
|
package/fesm2015/oasys-lib.js
CHANGED
|
@@ -83,7 +83,7 @@ class IconComponent {
|
|
|
83
83
|
}
|
|
84
84
|
}
|
|
85
85
|
IconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IconComponent, deps: [{ token: TokenService }, { token: WindowService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
86
|
-
IconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IconComponent, selector: "ui-icon", inputs: { iconSize: "iconSize", iconName: "iconName", iconContext: "iconContext", iconWidth: "iconWidth", iconHeight: "iconHeight", iconClass: "iconClass" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"ui-icon\" [ngClass]=\"iconDisplayClasses\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" attr.width=\"{{iconWidth}}px\" attr.height=\"{{iconHeight}}px\" attr.class=\"{{iconClass}}\">\n <use attr.xlink:href=\"./{{iconBrandPath}}/assets/icons/icons.svg#icon-{{iconName}}
|
|
86
|
+
IconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IconComponent, selector: "ui-icon", inputs: { iconSize: "iconSize", iconName: "iconName", iconContext: "iconContext", iconWidth: "iconWidth", iconHeight: "iconHeight", iconClass: "iconClass" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"ui-icon\" [ngClass]=\"iconDisplayClasses\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" attr.width=\"{{iconWidth}}px\" attr.height=\"{{iconHeight}}px\" attr.class=\"{{iconClass}}\">\n <use attr.xlink:href=\"./{{iconBrandPath}}/assets/icons/icons.svg#icon-{{iconName}}\"></use>\n </svg>\n</div>\n", styles: ["ui-icon{--icon-component-brand: var(--utility-brand-name)}.ui-icon{display:inline-flex}\n"], directives: [{ type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
87
87
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IconComponent, decorators: [{
|
|
88
88
|
type: Component,
|
|
89
89
|
args: [{
|
|
@@ -120,6 +120,7 @@ class OasysButtonComponent {
|
|
|
120
120
|
this.href = '';
|
|
121
121
|
this.clicked = new EventEmitter();
|
|
122
122
|
this.iconContext = 'none';
|
|
123
|
+
this.outlineButtonTypes = ['secondary', 'secondary-inverse'];
|
|
123
124
|
}
|
|
124
125
|
onClick() {
|
|
125
126
|
this.clicked.emit();
|
|
@@ -138,7 +139,8 @@ class OasysButtonComponent {
|
|
|
138
139
|
`size-${this.buttonSize}`,
|
|
139
140
|
`${this.buttonIcon ? 'button--has-icon' : ''}`,
|
|
140
141
|
`${this.buttonFullWidth ? 'button--full-width' : ''}`,
|
|
141
|
-
`${this.buttonIcon ? 'button--icon--' + this.buttonIconPlacement : ''}
|
|
142
|
+
`${this.buttonIcon ? 'button--icon--' + this.buttonIconPlacement : ''}`,
|
|
143
|
+
`${this.outlineButtonTypes.indexOf(this.buttonType) !== -1 ? 'button--outline' : ''}`
|
|
142
144
|
].filter((d) => !!d)
|
|
143
145
|
};
|
|
144
146
|
}
|
|
@@ -166,7 +168,7 @@ class OasysButtonComponent {
|
|
|
166
168
|
}
|
|
167
169
|
}
|
|
168
170
|
OasysButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: OasysButtonComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
169
|
-
OasysButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: OasysButtonComponent, selector: "ui-button", inputs: { buttonIcon: "buttonIcon", buttonIconPlacement: "buttonIconPlacement", buttonSize: "buttonSize", buttonFullWidth: "buttonFullWidth", buttonType: "buttonType", buttonDisabled: "buttonDisabled", href: "href" }, outputs: { clicked: "clicked" }, queries: [{ propertyName: "buttonText", first: true, predicate: ["buttonText"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<button (click)=\"onClick()\"\n [routerLink]=\"button.href || null\"\n [ngClass]=\"button.buttonDisplayClasses\"\n [attr.disabled]=\"button.buttonDisabled === true || null\"\n [attr.aria-label]=\"accessibleButtonContent\"\n role=\"button\"\n >\n <div class=\"button-content\">\n <ui-icon *ngIf=\"button.buttonIcon && button.buttonIconPlacement !== 'none'\" [iconName]=\"button.buttonIcon\" [iconSize]=\"button.buttonSize\" [iconClass]=\"'buttonIcon'\" [iconContext]=\"button.buttonIconPlacement\"></ui-icon>\n <span class=\"ui-text\" *ngIf=\"button.buttonIconPlacement !== 'iconOnly'\">\n <ng-content></ng-content>\n </span>\n </div>\n <div class=\"button-overlay\"></div>\n</button>\n", styles: ["ui-button button{border:0;padding:0;position:relative;display:inline-flex;text-align:center;justify-content:center;align-items:center;border-style:solid;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-appearance:none;-webkit-font-smoothing:antialiased;border-width:var(--component-border-width-button);font-family:var(--semantic-font-family-body);border-radius:var(--component-border-radius-button)}ui-button button:focus-visible{outline:none;box-shadow:0 0 0 var(--semantic-border-width-focus) var(--component-color-button-expressive-background)}ui-button button:focus{outline:none;box-shadow:0 0 0 var(--semantic-border-width-focus) var(--component-color-button-expressive-background)}ui-button button.type-primary{background-color:var(--component-color-button-primary-background);border-color:var(--component-color-button-primary-border);color:var(--component-color-button-primary-text)}ui-button button.type-primary .button-overlay{background-color:var(--component-color-button-primary-text)}ui-button button.type-secondary{background-color:var(--component-color-button-secondary-background);border-color:var(--component-color-button-secondary-border);color:var(--component-color-button-secondary-text)}ui-button button.type-secondary .button-overlay{background-color:var(--component-color-button-secondary-text)}ui-button button.type-tertiary{background-color:var(--component-color-button-tertiary-background);border-color:var(--component-color-button-tertiary-border);color:var(--component-color-button-tertiary-text)}ui-button button.type-tertiary .button-overlay{background-color:var(--component-color-button-tertiary-text)}ui-button button.type-primary-inverse{background-color:var(--component-color-button-primary-inverse-background);border-color:var(--component-color-button-primary-inverse-border);color:var(--component-color-button-primary-inverse-text)}ui-button button.type-primary-inverse .button-overlay{background-color:var(--component-color-button-primary-inverse-text)}ui-button button.type-secondary-inverse{background-color:var(--component-color-button-secondary-inverse-background);border-color:var(--component-color-button-secondary-inverse-border);color:var(--component-color-button-secondary-inverse-text)}ui-button button.type-secondary-inverse .button-overlay{background-color:var(--component-color-button-secondary-inverse-text)}ui-button button.type-tertiary-inverse{background-color:var(--component-color-button-tertiary-inverse-background);border-color:var(--component-color-button-tertiary-inverse-border);color:var(--component-color-button-tertiary-inverse-text)}ui-button button.type-tertiary-inverse .button-overlay{background-color:var(--component-color-button-tertiary-inverse-text)}ui-button button.type-expressive{background-color:var(--component-color-button-expressive-background);border-color:var(--component-color-button-expressive-border);color:var(--component-color-button-expressive-text)}ui-button button.type-expressive .button-overlay{background-color:var(--component-color-button-expressive-text)}ui-button button.type-danger{background-color:var(--component-color-button-danger-background);border-color:var(--component-color-button-danger-border);color:var(--component-color-button-danger-text)}ui-button button.type-danger .button-overlay{background-color:var(--component-color-button-danger-text)}ui-button button.type-facebook{background-color:var(--component-color-button-facebook-background);border-color:var(--component-color-button-facebook-border);color:var(--component-color-button-facebook-text)}ui-button button.type-facebook .button-overlay{background-color:var(--component-color-button-facebook-text)}ui-button button.type-paypal{background-color:var(--component-color-button-paypal-background);border-color:var(--component-color-button-paypal-border);color:var(--component-color-button-paypal-text)}ui-button button.type-paypal .button-overlay{background-color:var(--component-color-button-paypal-text)}ui-button button.type-trustpilot{background-color:var(--component-color-button-trustpilot-background);border-color:var(--component-color-button-trustpilot-border);color:var(--component-color-button-trustpilot-text)}ui-button button.type-trustpilot .button-overlay{background-color:var(--component-color-button-trustpilot-text)}ui-button button.size-large{padding:var(--component-size-button-large-padding-y) var(--component-size-button-large-padding-x);font-size:var(--component-size-button-large-font-size)}ui-button button.size-large .button-content{grid-gap:var(--component-size-button-large-inline-spacing);gap:var(--component-size-button-large-inline-spacing)}ui-button button.size-large .ui-icon{max-height:var(--component-size-button-large-line-height)}ui-button button.size-large .ui-text{line-height:var(--component-size-button-large-line-height)}ui-button button.size-small{padding:var(--component-size-button-small-padding-y) var(--component-size-button-small-padding-x);font-size:var(--component-size-button-small-font-size)}ui-button button.size-small .button-content{grid-gap:var(--component-size-button-small-inline-spacing);gap:var(--component-size-button-small-inline-spacing)}ui-button button.size-small .ui-icon{max-height:var(--component-size-button-small-line-height)}ui-button button.size-small .ui-text{line-height:var(--component-size-button-small-line-height)}ui-button button[disabled]{background-color:var(--component-color-button-disabled-background);border-color:var(--component-color-button-disabled-border);color:var(--component-color-button-disabled-text);cursor:default}ui-button button .buttonIcon{fill:currentColor}ui-button button .button-overlay{position:absolute;top:0;right:0;bottom:0;left:0;touch-action:none;pointer-events:none;opacity:0;border-radius:var(--component-border-radius-button)}ui-button button:hover .button-overlay{opacity:var(--component-opacity-overlay-hover)}ui-button button:focus .button-overlay{opacity:var(--component-opacity-overlay-focus)}ui-button button.button--has-icon.button--icon--trailing .button-content{flex-direction:row-reverse}ui-button button .button-content{display:flex;align-items:center}ui-button button .button-content .ui-icon{display:flex;align-items:center}ui-button button .button-content .ui-text{text-transform:var(--component-text-transform-button);letter-spacing:var(--component-letter-spacing-button);font-weight:var(--component-font-weight-button)}ui-button button.button--full-width{display:flex;width:100%}\n"], components: [{ type: IconComponent, selector: "ui-icon", inputs: ["iconSize", "iconName", "iconContext", "iconWidth", "iconHeight", "iconClass"] }], directives: [{ type: i2.RouterLink, selector: ":not(a):not(area)[routerLink]", inputs: ["routerLink", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
171
|
+
OasysButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: OasysButtonComponent, selector: "ui-button", inputs: { buttonIcon: "buttonIcon", buttonIconPlacement: "buttonIconPlacement", buttonSize: "buttonSize", buttonFullWidth: "buttonFullWidth", buttonType: "buttonType", buttonDisabled: "buttonDisabled", href: "href" }, outputs: { clicked: "clicked" }, queries: [{ propertyName: "buttonText", first: true, predicate: ["buttonText"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<button (click)=\"onClick()\"\n [routerLink]=\"button.href || null\"\n [ngClass]=\"button.buttonDisplayClasses\"\n [attr.disabled]=\"button.buttonDisabled === true || null\"\n [attr.aria-label]=\"accessibleButtonContent\"\n [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-border-radius-button);font-family:var(--semantic-font-family-body)}ui-button button .button-content{display:flex;align-items:center}ui-button button .button-content .ui-icon{display:flex;align-items:center}ui-button button .button-content .ui-text{text-transform:var(--component-text-transform-button);letter-spacing:var(--component-letter-spacing-button);font-weight:var(--component-font-weight-button)}ui-button button .button-overlay,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-border-radius-button);opacity:0}ui-button button .button-overlay-focus{top:calc(var(--semantic-border-width-focus) * -1);right:calc(var(--semantic-border-width-focus) * -1);bottom:calc(var(--semantic-border-width-focus) * -1);left:calc(var(--semantic-border-width-focus) * -1);box-shadow:0 0 0 2px #538ffc;opacity:1}ui-button button:hover .button-overlay{opacity:var(--component-opacity-overlay-hover)}ui-button button:focus .button-overlay{opacity:var(--component-opacity-overlay-focus)}ui-button button:focus-visible{outline:none}ui-button button:focus{outline:none}ui-button button.type-primary{background-color:var(--component-color-button-primary-background);border-color:var(--component-color-button-primary-border);color:var(--component-color-button-primary-text)}ui-button button.type-primary .button-overlay{background-color:var(--component-color-button-primary-text)}ui-button button.type-secondary{background-color:var(--component-color-button-secondary-background);border-color:var(--component-color-button-secondary-border);color:var(--component-color-button-secondary-text)}ui-button button.type-secondary .button-overlay{background-color:var(--component-color-button-secondary-text)}ui-button button.type-tertiary{background-color:var(--component-color-button-tertiary-background);border-color:var(--component-color-button-tertiary-border);color:var(--component-color-button-tertiary-text)}ui-button button.type-tertiary .button-overlay{background-color:var(--component-color-button-tertiary-text)}ui-button button.type-primary-inverse{background-color:var(--component-color-button-primary-inverse-background);border-color:var(--component-color-button-primary-inverse-border);color:var(--component-color-button-primary-inverse-text)}ui-button button.type-primary-inverse .button-overlay{background-color:var(--component-color-button-primary-inverse-text)}ui-button button.type-secondary-inverse{background-color:var(--component-color-button-secondary-inverse-background);border-color:var(--component-color-button-secondary-inverse-border);color:var(--component-color-button-secondary-inverse-text)}ui-button button.type-secondary-inverse .button-overlay{background-color:var(--component-color-button-secondary-inverse-text)}ui-button button.type-tertiary-inverse{background-color:var(--component-color-button-tertiary-inverse-background);border-color:var(--component-color-button-tertiary-inverse-border);color:var(--component-color-button-tertiary-inverse-text)}ui-button button.type-tertiary-inverse .button-overlay{background-color:var(--component-color-button-tertiary-inverse-text)}ui-button button.type-expressive{background-color:var(--component-color-button-expressive-background);border-color:var(--component-color-button-expressive-border);color:var(--component-color-button-expressive-text)}ui-button button.type-expressive .button-overlay{background-color:var(--component-color-button-expressive-text)}ui-button button.type-danger{background-color:var(--component-color-button-danger-background);border-color:var(--component-color-button-danger-border);color:var(--component-color-button-danger-text)}ui-button button.type-danger .button-overlay{background-color:var(--component-color-button-danger-text)}ui-button button.type-facebook{background-color:var(--component-color-button-facebook-background);border-color:var(--component-color-button-facebook-border);color:var(--component-color-button-facebook-text)}ui-button button.type-facebook .button-overlay{background-color:var(--component-color-button-facebook-text)}ui-button button.type-paypal{background-color:var(--component-color-button-paypal-background);border-color:var(--component-color-button-paypal-border);color:var(--component-color-button-paypal-text)}ui-button button.type-paypal .button-overlay{background-color:var(--component-color-button-paypal-text)}ui-button button.type-trustpilot{background-color:var(--component-color-button-trustpilot-background);border-color:var(--component-color-button-trustpilot-border);color:var(--component-color-button-trustpilot-text)}ui-button button.type-trustpilot .button-overlay{background-color:var(--component-color-button-trustpilot-text)}ui-button button .buttonIcon{fill:currentColor}ui-button button.size-large{padding:var(--component-size-button-large-padding-y) var(--component-size-button-large-padding-x);font-size:var(--component-size-button-large-font-size);border-width:var(--component-size-button-large-border-width)}ui-button button.size-large .button-content{grid-gap:var(--component-size-button-large-inline-spacing);gap:var(--component-size-button-large-inline-spacing)}ui-button button.size-large .ui-text{line-height:var(--component-size-button-large-line-height)}ui-button button.size-large .ui-icon{max-height:var(--component-size-button-large-line-height)}ui-button button.size-large .ui-icon.icon-context-leading{margin-left:calc(var(--component-size-button-large-icon-offset-leading) * -1)}ui-button button.size-large .ui-icon.icon-context-trailing{margin-right:calc(var(--component-size-button-large-icon-offset-trailing) * -1)}ui-button button.size-large .ui-icon.icon-context-iconOnly{margin-left:calc(var(--component-size-button-large-icon-offset-icon-only) * -1);margin-right:calc(var(--component-size-button-large-icon-offset-icon-only) * -1)}ui-button button.size-small{padding:var(--component-size-button-small-padding-y) var(--component-size-button-small-padding-x);font-size:var(--component-size-button-small-font-size);border-width:var(--component-size-button-small-border-width)}ui-button button.size-small .button-content{grid-gap:var(--component-size-button-small-inline-spacing);gap:var(--component-size-button-small-inline-spacing)}ui-button button.size-small .ui-text{line-height:var(--component-size-button-small-line-height)}ui-button button.size-small .ui-icon{max-height:var(--component-size-button-small-line-height)}ui-button button.size-small .ui-icon.icon-context-leading{margin-left:calc(var(--component-size-button-small-icon-offset-leading) * -1)}ui-button button.size-small .ui-icon.icon-context-trailing{margin-right:calc(var(--component-size-button-small-icon-offset-trailing) * -1)}ui-button button.size-small .ui-icon.icon-context-iconOnly{margin-left:calc(var(--component-size-button-small-icon-offset-icon-only) * -1);margin-right:calc(var(--component-size-button-small-icon-offset-icon-only) * -1)}ui-button button.button--outline.size-large{padding:var(--component-size-outline-button-large-padding-y) var(--component-size-outline-button-large-padding-x);font-size:var(--component-size-outline-button-large-font-size);border-width:var(--component-size-outline-button-large-border-width)}ui-button button.button--outline.size-large .button-content{grid-gap:var(--component-size-outline-button-large-inline-spacing);gap:var(--component-size-outline-button-large-inline-spacing)}ui-button button.button--outline.size-large .ui-text{line-height:var(--component-size-outline-button-large-line-height)}ui-button button.button--outline.size-large .ui-icon{max-height:var(--component-size-outline-button-large-line-height)}ui-button button.button--outline.size-large .ui-icon.icon-context-leading{margin-left:calc(var(--component-size-outline-button-large-icon-offset-leading) * -1)}ui-button button.button--outline.size-large .ui-icon.icon-context-trailing{margin-right:calc(var(--component-size-outline-button-large-icon-offset-trailing) * -1)}ui-button button.button--outline.size-large .ui-icon.icon-context-iconOnly{margin-left:calc(var(--component-size-outline-button-large-icon-offset-icon-only) * -1);margin-right:calc(var(--component-size-outline-button-large-icon-offset-icon-only) * -1)}ui-button button.button--outline.size-small{padding:var(--component-size-outline-button-small-padding-y) var(--component-size-outline-button-small-padding-x);font-size:var(--component-size-outline-button-small-font-size);border-width:var(--component-size-outline-button-small-border-width)}ui-button button.button--outline.size-small .button-content{grid-gap:var(--component-size-outline-button-small-inline-spacing);gap:var(--component-size-outline-button-small-inline-spacing)}ui-button button.button--outline.size-small .ui-text{line-height:var(--component-size-outline-button-small-line-height)}ui-button button.button--outline.size-small .ui-icon{max-height:var(--component-size-outline-button-small-line-height)}ui-button button.button--outline.size-small .ui-icon.icon-context-leading{margin-left:calc(var(--component-size-outline-button-small-icon-offset-leading) * -1)}ui-button button.button--outline.size-small .ui-icon.icon-context-trailing{margin-right:calc(var(--component-size-outline-button-small-icon-offset-trailing) * -1)}ui-button button.button--outline.size-small .ui-icon.icon-context-iconOnly{margin-left:calc(var(--component-size-outline-button-small-icon-offset-icon-only) * -1);margin-right:calc(var(--component-size-outline-button-small-icon-offset-icon-only) * -1)}ui-button button[disabled]{background-color:var(--component-color-button-disabled-background);border-color:var(--component-color-button-disabled-border);color:var(--component-color-button-disabled-text);cursor:default}ui-button button.button--has-icon.button--icon--trailing .button-content{flex-direction:row-reverse}ui-button button.button--full-width{display:flex;width:100%}\n"], components: [{ type: IconComponent, selector: "ui-icon", inputs: ["iconSize", "iconName", "iconContext", "iconWidth", "iconHeight", "iconClass"] }], directives: [{ type: i2.RouterLink, selector: ":not(a):not(area)[routerLink]", inputs: ["routerLink", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
170
172
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: OasysButtonComponent, decorators: [{
|
|
171
173
|
type: Component,
|
|
172
174
|
args: [{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"oasys-lib.js","sources":["../../../projects/oasys-lib/src/lib/services/window.service.ts","../../../projects/oasys-lib/src/lib/services/token.service.ts","../../../projects/oasys-lib/src/lib/components/icon/icon.component.ts","../../../projects/oasys-lib/src/lib/components/icon/icon.component.html","../../../projects/oasys-lib/src/lib/components/button/button.component.ts","../../../projects/oasys-lib/src/lib/components/button/button.component.html","../../../projects/oasys-lib/src/lib/components/layout/inline/inline.component.ts","../../../projects/oasys-lib/src/lib/components/layout/inline/inline.component.html","../../../projects/oasys-lib/src/lib/components/layout/box/box.component.ts","../../../projects/oasys-lib/src/lib/oasys-lib.module.ts","../../../projects/oasys-lib/src/public-api.ts","../../../projects/oasys-lib/src/oasys-lib.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\n\nfunction _window(): any {\n return window;\n}\n\n@Injectable({\n providedIn: 'root'\n})\nexport class WindowService {\n \n get nativeWindow(): any {\n return _window();\n }\n \n}","import { Injectable } from '@angular/core';\nimport { WindowService } from './window.service';\n\n@Injectable({\n providedIn: 'root'\n})\nexport class TokenService {\n\n constructor(private windowRef: WindowService){}\n\n /*\n Get the brand name for the currently enable custom property set (ie. /bloomon/variables.css)\n Because variables are scoped via a selector (ie: ':root .bloomon {}')\n we cannot get brand-specific custom properties programatically\n\n Important: Ensure that the component requiring the brand name has locally scoped the custom property:\n | ui-icon {\n | --icon-component-brand: var(--utility-brand-name);\n | }\n */\n getBrandName(tokenName: string, element: Element): string {\n return this.getTokenValue(tokenName, element);\n }\n\n getTokenValue(tokenName: string, element?: Element): string {\n const rootElement = element || this.windowRef.nativeWindow.document.documentElement;\n return this.windowRef.nativeWindow.getComputedStyle(rootElement)\n .getPropertyValue(tokenName)\n .trim() || '';\n }\n\n}","import { Component, Input, OnInit, ViewEncapsulation, ChangeDetectionStrategy, OnChanges, ElementRef } from '@angular/core';\nimport { TokenService } from '../../services/token.service';\nimport { WindowService } from '../../services/window.service';\nimport { IconNames, IconContext } from './icon';\n@Component({\n selector:'ui-icon',\n templateUrl: './icon.component.html',\n styleUrls: ['./icon.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None\n})\nexport class IconComponent implements OnInit, OnChanges {\n @Input() iconSize: 'small'|'large' = 'large';\n @Input() iconName!: IconNames;\n @Input() iconContext: IconContext = 'none';\n\n @Input() iconWidth?: number;\n @Input() iconHeight?: number;\n @Input() iconClass?: string;\n\n size?: string;\n iconBrandPath?: string;\n iconDisplayClasses: string[];\n\n constructor(private tokenService: TokenService, private windowRef: WindowService, private elementRef: ElementRef) { }\n\n convertRemToPixels(remString: string): number {\n const remNumber = parseFloat(remString.replace('rem', ''));\n return remNumber * parseFloat(getComputedStyle(this.windowRef.nativeWindow.document.documentElement).fontSize);\n }\n\n ngOnChanges(): void {\n this.ngOnInit();\n }\n\n ngOnInit(): void {\n this.iconBrandPath = `${this.tokenService.getBrandName(`--icon-component-brand`, this.elementRef.nativeElement)}`\n this.size = this.tokenService.getTokenValue(`--global-size-icon-${this.iconSize}`);\n\n this.iconDisplayClasses = [\n `icon-context-${this.iconContext}`,\n `icon-size-${this.iconSize}`\n ];\n\n const sizeInPixels = this.convertRemToPixels(this.size);\n this.iconWidth = sizeInPixels;\n this.iconHeight = sizeInPixels;\n }\n\n}\n","<div class=\"ui-icon\" [ngClass]=\"iconDisplayClasses\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" attr.width=\"{{iconWidth}}px\" attr.height=\"{{iconHeight}}px\" attr.class=\"{{iconClass}}\">\n <use attr.xlink:href=\"./{{iconBrandPath}}/assets/icons/icons.svg#icon-{{iconName}}-24\"></use>\n </svg>\n</div>\n","import { Component, Input, OnInit, Output, ViewEncapsulation, EventEmitter, ChangeDetectionStrategy, ChangeDetectorRef, OnChanges, ContentChild, ElementRef, AfterViewInit } from '@angular/core';\nimport { IconNames, IconContext } from '../icon/icon';\nimport { TextTransform } from '../text/text';\nimport {\n UIButton,\n UIButtonBoolean,\n UIButtonSize,\n UIButtonType\n} from './button';\n\n@Component({\n selector:'ui-button',\n templateUrl: './button.component.html',\n styleUrls: ['./button.component.scss'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class OasysButtonComponent implements OnInit, OnChanges, AfterViewInit {\n\n button: UIButton;\n\n // // Button Content\n @Input() buttonIcon?: IconNames;\n @Input() buttonIconPlacement: IconContext = 'leading';\n\n // @Input() buttonText: string;\n @ContentChild('buttonText') buttonText: ElementRef;\n\n // Button Stylings\n @Input() buttonSize: UIButtonSize = 'large';\n @Input() buttonFullWidth: UIButtonBoolean = false;\n @Input() buttonType: UIButtonType = 'primary';\n @Input() buttonDisabled: boolean = false;\n\n // Button Actions\n @Input() href: string = '';\n @Output() clicked: EventEmitter<void> = new EventEmitter();\n\n buttonDisplayClasses: string[];\n iconContext: IconContext = 'none';\n textTransform!: TextTransform;\n accessibleButtonContent: string;\n\n constructor(private changes: ChangeDetectorRef) { }\n\n onClick(): void {\n this.clicked.emit();\n }\n\n createButton(): UIButton {\n\n return <UIButton>{\n buttonIcon: this.buttonIcon,\n buttonIconPlacement: this.buttonIconPlacement,\n buttonType: this.buttonType,\n buttonSize: this.buttonSize,\n buttonDisabled: this.buttonDisabled,\n href: this.href,\n target: '',\n buttonDisplayClasses: [\n `type-${this.buttonType}`,\n `size-${this.buttonSize}`,\n `${this.buttonIcon ? 'button--has-icon': ''}`,\n `${this.buttonFullWidth ? 'button--full-width': ''}`,\n `${this.buttonIcon ? 'button--icon--'+this.buttonIconPlacement : ''}`\n ].filter((d) => !!d)\n };\n }\n\n ngAfterViewInit(): void {\n if(this.buttonText?.nativeElement?.innerText) {\n this.accessibleButtonContent = this.buttonText.nativeElement.innerText;\n } else {\n throw new Error(`\n No inner text found. All buttons should have text passed via ng-content to enable accessibility for screen readers, this includes icon-only buttons.\n\n Pass content using the template variable #buttonText eg:\n ui-button()\n span(#buttonText) Buy All The Things\n `)\n }\n }\n\n ngOnChanges(): void {\n this.button = this.createButton();\n this.changes.markForCheck();\n }\n\n ngOnInit(): void {\n this.button = this.createButton();\n }\n}\n","<button (click)=\"onClick()\"\n [routerLink]=\"button.href || null\"\n [ngClass]=\"button.buttonDisplayClasses\"\n [attr.disabled]=\"button.buttonDisabled === true || null\"\n [attr.aria-label]=\"accessibleButtonContent\"\n role=\"button\"\n >\n <div class=\"button-content\">\n <ui-icon *ngIf=\"button.buttonIcon && button.buttonIconPlacement !== 'none'\" [iconName]=\"button.buttonIcon\" [iconSize]=\"button.buttonSize\" [iconClass]=\"'buttonIcon'\" [iconContext]=\"button.buttonIconPlacement\"></ui-icon>\n <span class=\"ui-text\" *ngIf=\"button.buttonIconPlacement !== 'iconOnly'\">\n <ng-content></ng-content>\n </span>\n </div>\n <div class=\"button-overlay\"></div>\n</button>\n","import { ChangeDetectionStrategy, Component, OnInit, ViewEncapsulation } from '@angular/core';\n\n@Component({\n selector:'ui-inline',\n templateUrl: './inline.component.html',\n styleUrls: ['./inline.component.css'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class LayoutInlineComponent implements OnInit {\n\n constructor() { }\n\n ngOnInit(): void {\n }\n\n}\n","<div class=\"ui-layout-inline\"><ng-content></ng-content></div>","import { ChangeDetectionStrategy, OnInit, ViewEncapsulation } from '@angular/core';\nimport { Input } from '@angular/core';\nimport { Component} from '@angular/core';\n\n@Component({\n selector:'ui-box',\n template: '<ng-content></ng-content>',\n host: {\n '[class]' : 'boxLayoutClasses'\n },\n styleUrls: ['./box.component.scss'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class LayoutBoxComponent implements OnInit {\n boxLayoutClasses?: string;\n\n @Input() padding?: BoxPaddings = 'default';\n\n constructor() { }\n\n ngOnInit(): void {\n this.boxLayoutClasses = [\n `ui-layout-box-${this.padding}`\n ].join(' ');\n }\n\n}\n\nexport type BoxPaddings = 'xsmall'|'small'|'medium'|'large'|'default';","import { APP_BASE_HREF, CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { RouterModule } from '@angular/router';\nimport { OasysButtonComponent } from './components/button/button.component';\nimport { LayoutInlineComponent } from './components/layout/inline/inline.component';\nimport { IconComponent } from './components/icon/icon.component';\nimport { LayoutBoxComponent } from './components/layout/box/box.component';\nimport { WindowService } from './services/window.service';\nimport { TokenService } from './services/token.service';\n\n\n\n@NgModule({\n declarations: [\n OasysButtonComponent,\n LayoutInlineComponent,\n IconComponent,\n LayoutBoxComponent\n ],\n imports: [\n CommonModule,\n RouterModule.forChild([])\n ],\n exports: [\n OasysButtonComponent,\n LayoutBoxComponent\n ],\n providers: [\n WindowService,\n TokenService,\n {provide: APP_BASE_HREF, useValue: '/'}\n ]\n})\nexport class OasysLibModule { }\n","/*\n * Public API Surface of oasys-lib\n */\n\n\nexport * from './lib/oasys-lib.module';\n\nexport * from './lib/components/button/button.component';\nexport * from './lib/components/icon/icon.component';\nexport * from './lib/components/layout/box/box.component';\n\nexport * from './lib/components/icon/icon';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1.WindowService","i1.TokenService","i2.WindowService","i1.IconComponent","i1"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"oasys-lib.js","sources":["../../../projects/oasys-lib/src/lib/services/window.service.ts","../../../projects/oasys-lib/src/lib/services/token.service.ts","../../../projects/oasys-lib/src/lib/components/icon/icon.component.ts","../../../projects/oasys-lib/src/lib/components/icon/icon.component.html","../../../projects/oasys-lib/src/lib/components/button/button.component.ts","../../../projects/oasys-lib/src/lib/components/button/button.component.html","../../../projects/oasys-lib/src/lib/components/layout/inline/inline.component.ts","../../../projects/oasys-lib/src/lib/components/layout/inline/inline.component.html","../../../projects/oasys-lib/src/lib/components/layout/box/box.component.ts","../../../projects/oasys-lib/src/lib/oasys-lib.module.ts","../../../projects/oasys-lib/src/public-api.ts","../../../projects/oasys-lib/src/oasys-lib.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\n\nfunction _window(): any {\n return window;\n}\n\n@Injectable({\n providedIn: 'root'\n})\nexport class WindowService {\n \n get nativeWindow(): any {\n return _window();\n }\n \n}","import { Injectable } from '@angular/core';\nimport { WindowService } from './window.service';\n\n@Injectable({\n providedIn: 'root'\n})\nexport class TokenService {\n\n constructor(private windowRef: WindowService){}\n\n /*\n Get the brand name for the currently enable custom property set (ie. /bloomon/variables.css)\n Because variables are scoped via a selector (ie: ':root .bloomon {}')\n we cannot get brand-specific custom properties programatically\n\n Important: Ensure that the component requiring the brand name has locally scoped the custom property:\n | ui-icon {\n | --icon-component-brand: var(--utility-brand-name);\n | }\n */\n getBrandName(tokenName: string, element: Element): string {\n return this.getTokenValue(tokenName, element);\n }\n\n getTokenValue(tokenName: string, element?: Element): string {\n const rootElement = element || this.windowRef.nativeWindow.document.documentElement;\n return this.windowRef.nativeWindow.getComputedStyle(rootElement)\n .getPropertyValue(tokenName)\n .trim() || '';\n }\n\n}","import { Component, Input, OnInit, ViewEncapsulation, ChangeDetectionStrategy, OnChanges, ElementRef } from '@angular/core';\nimport { TokenService } from '../../services/token.service';\nimport { WindowService } from '../../services/window.service';\nimport { IconNames, IconContext } from './icon';\n\n@Component({\n selector:'ui-icon',\n templateUrl: './icon.component.html',\n styleUrls: ['./icon.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None\n})\nexport class IconComponent implements OnInit, OnChanges {\n @Input() iconSize: 'small'|'large' = 'large';\n @Input() iconName!: IconNames;\n @Input() iconContext: IconContext = 'none';\n\n @Input() iconWidth?: number;\n @Input() iconHeight?: number;\n @Input() iconClass?: string;\n\n size?: string;\n iconBrandPath?: string;\n iconDisplayClasses: string[];\n\n constructor(private tokenService: TokenService, private windowRef: WindowService, private elementRef: ElementRef) { }\n\n convertRemToPixels(remString: string): number {\n const remNumber = parseFloat(remString.replace('rem', ''));\n return remNumber * parseFloat(getComputedStyle(this.windowRef.nativeWindow.document.documentElement).fontSize);\n }\n\n ngOnChanges(): void {\n this.ngOnInit();\n }\n\n ngOnInit(): void {\n this.iconBrandPath = `${this.tokenService.getBrandName(`--icon-component-brand`, this.elementRef.nativeElement)}`\n this.size = this.tokenService.getTokenValue(`--global-size-icon-${this.iconSize}`);\n\n this.iconDisplayClasses = [\n `icon-context-${this.iconContext}`,\n `icon-size-${this.iconSize}`\n ];\n\n const sizeInPixels = this.convertRemToPixels(this.size);\n this.iconWidth = sizeInPixels;\n this.iconHeight = sizeInPixels;\n }\n\n}\n","<div class=\"ui-icon\" [ngClass]=\"iconDisplayClasses\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" attr.width=\"{{iconWidth}}px\" attr.height=\"{{iconHeight}}px\" attr.class=\"{{iconClass}}\">\n <use attr.xlink:href=\"./{{iconBrandPath}}/assets/icons/icons.svg#icon-{{iconName}}\"></use>\n </svg>\n</div>\n","import { Component, Input, OnInit, Output, ViewEncapsulation, EventEmitter, ChangeDetectionStrategy, ChangeDetectorRef, OnChanges, ContentChild, ElementRef, AfterViewInit } from '@angular/core';\nimport { IconNames, IconContext } from '../icon/icon';\nimport { TextTransform } from '../text/text';\nimport {\n UIButton,\n UIButtonBoolean,\n UIButtonSize,\n UIButtonType\n} from './button';\n\n@Component({\n selector:'ui-button',\n templateUrl: './button.component.html',\n styleUrls: ['./button.component.scss'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class OasysButtonComponent implements OnInit, OnChanges, AfterViewInit {\n\n button: UIButton;\n\n // // Button Content\n @Input() buttonIcon?: IconNames;\n @Input() buttonIconPlacement: IconContext = 'leading';\n\n // @Input() buttonText: string;\n @ContentChild('buttonText') buttonText: ElementRef;\n\n // Button Stylings\n @Input() buttonSize: UIButtonSize = 'large';\n @Input() buttonFullWidth: UIButtonBoolean = false;\n @Input() buttonType: UIButtonType = 'primary';\n @Input() buttonDisabled: boolean = false;\n\n // Button Actions\n @Input() href: string = '';\n @Output() clicked: EventEmitter<void> = new EventEmitter();\n\n buttonDisplayClasses: string[];\n iconContext: IconContext = 'none';\n textTransform!: TextTransform;\n accessibleButtonContent: string;\n outlineButtonTypes = ['secondary', 'secondary-inverse']\n\n constructor(private changes: ChangeDetectorRef) { }\n\n onClick(): void {\n this.clicked.emit();\n }\n\n createButton(): UIButton {\n\n return <UIButton>{\n buttonIcon: this.buttonIcon,\n buttonIconPlacement: this.buttonIconPlacement,\n buttonType: this.buttonType,\n buttonSize: this.buttonSize,\n buttonDisabled: this.buttonDisabled,\n href: this.href,\n target: '',\n buttonDisplayClasses: [\n `type-${this.buttonType}`,\n `size-${this.buttonSize}`,\n `${this.buttonIcon ? 'button--has-icon': ''}`,\n `${this.buttonFullWidth ? 'button--full-width': ''}`,\n `${this.buttonIcon ? 'button--icon--'+this.buttonIconPlacement : ''}`,\n `${this.outlineButtonTypes.indexOf(this.buttonType) !== -1 ? 'button--outline' : ''}`\n ].filter((d) => !!d)\n };\n }\n\n ngAfterViewInit(): void {\n if(this.buttonText?.nativeElement?.innerText) {\n this.accessibleButtonContent = this.buttonText.nativeElement.innerText;\n } else {\n throw new Error(`\n No inner text found. All buttons should have text passed via ng-content to enable accessibility for screen readers, this includes icon-only buttons.\n\n Pass content using the template variable #buttonText eg:\n ui-button()\n span(#buttonText) Buy All The Things\n `)\n }\n }\n\n ngOnChanges(): void {\n this.button = this.createButton();\n this.changes.markForCheck();\n }\n\n ngOnInit(): void {\n this.button = this.createButton();\n }\n}\n","<button (click)=\"onClick()\"\n [routerLink]=\"button.href || null\"\n [ngClass]=\"button.buttonDisplayClasses\"\n [attr.disabled]=\"button.buttonDisabled === true || null\"\n [attr.aria-label]=\"accessibleButtonContent\"\n [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","import { ChangeDetectionStrategy, Component, OnInit, ViewEncapsulation } from '@angular/core';\n\n@Component({\n selector:'ui-inline',\n templateUrl: './inline.component.html',\n styleUrls: ['./inline.component.css'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class LayoutInlineComponent implements OnInit {\n\n constructor() { }\n\n ngOnInit(): void {\n }\n\n}\n","<div class=\"ui-layout-inline\"><ng-content></ng-content></div>","import { ChangeDetectionStrategy, OnInit, ViewEncapsulation } from '@angular/core';\nimport { Input } from '@angular/core';\nimport { Component} from '@angular/core';\n\n@Component({\n selector:'ui-box',\n template: '<ng-content></ng-content>',\n host: {\n '[class]' : 'boxLayoutClasses'\n },\n styleUrls: ['./box.component.scss'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class LayoutBoxComponent implements OnInit {\n boxLayoutClasses?: string;\n\n @Input() padding?: BoxPaddings = 'default';\n\n constructor() { }\n\n ngOnInit(): void {\n this.boxLayoutClasses = [\n `ui-layout-box-${this.padding}`\n ].join(' ');\n }\n\n}\n\nexport type BoxPaddings = 'xsmall'|'small'|'medium'|'large'|'default';","import { APP_BASE_HREF, CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { RouterModule } from '@angular/router';\nimport { OasysButtonComponent } from './components/button/button.component';\nimport { LayoutInlineComponent } from './components/layout/inline/inline.component';\nimport { IconComponent } from './components/icon/icon.component';\nimport { LayoutBoxComponent } from './components/layout/box/box.component';\nimport { WindowService } from './services/window.service';\nimport { TokenService } from './services/token.service';\n\n\n\n@NgModule({\n declarations: [\n OasysButtonComponent,\n LayoutInlineComponent,\n IconComponent,\n LayoutBoxComponent\n ],\n imports: [\n CommonModule,\n RouterModule.forChild([])\n ],\n exports: [\n OasysButtonComponent,\n LayoutBoxComponent\n ],\n providers: [\n WindowService,\n TokenService,\n {provide: APP_BASE_HREF, useValue: '/'}\n ]\n})\nexport class OasysLibModule { }\n","/*\n * Public API Surface of oasys-lib\n */\n\n\nexport * from './lib/oasys-lib.module';\n\nexport * from './lib/components/button/button.component';\nexport * from './lib/components/icon/icon.component';\nexport * from './lib/components/layout/box/box.component';\n\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1.WindowService","i1.TokenService","i2.WindowService","i1.IconComponent","i1"],"mappings":"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"}
|
|
@@ -19,6 +19,7 @@ export declare class OasysButtonComponent implements OnInit, OnChanges, AfterVie
|
|
|
19
19
|
iconContext: IconContext;
|
|
20
20
|
textTransform: TextTransform;
|
|
21
21
|
accessibleButtonContent: string;
|
|
22
|
+
outlineButtonTypes: string[];
|
|
22
23
|
constructor(changes: ChangeDetectorRef);
|
|
23
24
|
onClick(): void;
|
|
24
25
|
createButton(): UIButton;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.component.d.ts","sourceRoot":"","sources":["../../../../../projects/oasys-lib/src/lib/components/button/button.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,MAAM,EAA6B,YAAY,EAA2B,iBAAiB,EAAE,SAAS,EAAgB,UAAU,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAClM,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EACL,QAAQ,EACR,eAAe,EACf,YAAY,EACZ,YAAY,EACb,MAAM,UAAU,CAAC;;AAElB,qBAOa,oBAAqB,YAAW,MAAM,EAAE,SAAS,EAAE,aAAa;
|
|
1
|
+
{"version":3,"file":"button.component.d.ts","sourceRoot":"","sources":["../../../../../projects/oasys-lib/src/lib/components/button/button.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,MAAM,EAA6B,YAAY,EAA2B,iBAAiB,EAAE,SAAS,EAAgB,UAAU,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAClM,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EACL,QAAQ,EACR,eAAe,EACf,YAAY,EACZ,YAAY,EACb,MAAM,UAAU,CAAC;;AAElB,qBAOa,oBAAqB,YAAW,MAAM,EAAE,SAAS,EAAE,aAAa;IA2B/D,OAAO,CAAC,OAAO;IAzB3B,MAAM,EAAE,QAAQ,CAAC;IAGR,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,mBAAmB,EAAE,WAAW,CAAa;IAG1B,UAAU,EAAE,UAAU,CAAC;IAG1C,UAAU,EAAE,YAAY,CAAW;IACnC,eAAe,EAAE,eAAe,CAAS;IACzC,UAAU,EAAE,YAAY,CAAa;IACrC,cAAc,EAAE,OAAO,CAAS;IAGhC,IAAI,EAAE,MAAM,CAAM;IACjB,OAAO,EAAE,YAAY,CAAC,IAAI,CAAC,CAAsB;IAE3D,oBAAoB,EAAE,MAAM,EAAE,CAAC;IAC/B,WAAW,EAAE,WAAW,CAAU;IAClC,aAAa,EAAG,aAAa,CAAC;IAC9B,uBAAuB,EAAE,MAAM,CAAC;IAChC,kBAAkB,WAAqC;gBAEnC,OAAO,EAAE,iBAAiB;IAE9C,OAAO,IAAI,IAAI;IAIf,YAAY,IAAI,QAAQ;IAqBxB,eAAe,IAAI,IAAI;IAcvB,WAAW,IAAI,IAAI;IAKnB,QAAQ,IAAI,IAAI;yCAzEL,oBAAoB;2CAApB,oBAAoB;CA4EhC"}
|
|
@@ -2,7 +2,8 @@ import { EventEmitter } from '@angular/core';
|
|
|
2
2
|
import { IconNames, IconContext } from '../icon/icon';
|
|
3
3
|
export declare type UIButtonBoolean = true | 'true' | false | 'false';
|
|
4
4
|
export declare type UIButtonSize = 'small' | 'large';
|
|
5
|
-
export declare
|
|
5
|
+
export declare const buttonTypeOptions: string[];
|
|
6
|
+
export declare type UIButtonType = typeof buttonTypeOptions[number];
|
|
6
7
|
export interface UIButton {
|
|
7
8
|
buttonIcon: IconNames;
|
|
8
9
|
buttonType: UIButtonType;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../../projects/oasys-lib/src/lib/components/button/button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAGtD,oBAAY,eAAe,GAAG,IAAI,GAAG,MAAM,GAAG,KAAK,GAAG,OAAO,CAAC;AAE9D,oBAAY,YAAY,GAAG,OAAO,GAAG,OAAO,CAAC;AAE7C,
|
|
1
|
+
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../../projects/oasys-lib/src/lib/components/button/button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAGtD,oBAAY,eAAe,GAAG,IAAI,GAAG,MAAM,GAAG,KAAK,GAAG,OAAO,CAAC;AAE9D,oBAAY,YAAY,GAAG,OAAO,GAAG,OAAO,CAAC;AAE7C,eAAO,MAAM,iBAAiB,UAY7B,CAAC;AAEF,oBAAY,YAAY,GAAG,OAAO,iBAAiB,CAAC,MAAM,CAAC,CAAC;AAE5D,MAAM,WAAW,QAAQ;IAOvB,UAAU,EAAE,SAAS,CAAC;IAEtB,UAAU,EAAE,YAAY,CAAC;IAEzB,mBAAmB,EAAE,WAAW,CAAA;IAEhC,UAAU,EAAE,YAAY,CAAC;IAEzB,eAAe,EAAE,eAAe,CAAC;IAEjC,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,eAAe,CAAC;IAGhC,oBAAoB,EAAE,MAAM,EAAE,CAAC;IAK/B,cAAc,EAAE,YAAY,CAAC,GAAG,CAAC,CAAC;CACnC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icon.component.d.ts","sourceRoot":"","sources":["../../../../../projects/oasys-lib/src/lib/components/icon/icon.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,MAAM,EAA8C,SAAS,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC5H,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAC;;
|
|
1
|
+
{"version":3,"file":"icon.component.d.ts","sourceRoot":"","sources":["../../../../../projects/oasys-lib/src/lib/components/icon/icon.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,MAAM,EAA8C,SAAS,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC5H,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAC;;AAEhD,qBAOa,aAAc,YAAW,MAAM,EAAE,SAAS;IAazC,OAAO,CAAC,YAAY;IAAgB,OAAO,CAAC,SAAS;IAAiB,OAAO,CAAC,UAAU;IAZ3F,QAAQ,EAAE,OAAO,GAAC,OAAO,CAAW;IACpC,QAAQ,EAAG,SAAS,CAAC;IACrB,WAAW,EAAE,WAAW,CAAU;IAElC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IAE5B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kBAAkB,EAAE,MAAM,EAAE,CAAC;gBAET,YAAY,EAAE,YAAY,EAAU,SAAS,EAAE,aAAa,EAAU,UAAU,EAAE,UAAU;IAEhH,kBAAkB,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM;IAK7C,WAAW,IAAI,IAAI;IAInB,QAAQ,IAAI,IAAI;yCAxBL,aAAa;2CAAb,aAAa;CAsCzB"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
-
export declare
|
|
1
|
+
export declare const iconNameOptions: readonly ["close", "menu", "tick", "heart", "heart-fill", "basket", "basket-fill", "user", "user-fill", "chevron-up", "chevron-down", "chevron-left", "chevron-right", "arrow-up", "arrow-down", "arrow-left", "arrow-right", "sort", "filter", "pin"];
|
|
2
|
+
export declare type IconNames = typeof iconNameOptions[number];
|
|
2
3
|
export declare type IconContext = 'leading' | 'trailing' | 'iconOnly' | 'none';
|
|
3
4
|
//# sourceMappingURL=icon.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../../../projects/oasys-lib/src/lib/components/icon/icon.ts"],"names":[],"mappings":"AAAA,oBAAY,SAAS,
|
|
1
|
+
{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../../../projects/oasys-lib/src/lib/components/icon/icon.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe,wPAqBlB,CAAC;AAEX,oBAAY,SAAS,GAAG,OAAO,eAAe,CAAC,MAAM,CAAC,CAAC;AAEvD,oBAAY,WAAW,GAAG,SAAS,GAAG,UAAU,GAAG,UAAU,GAAG,MAAM,CAAC"}
|
package/package.json
CHANGED
package/public-api.d.ts
CHANGED
|
@@ -2,5 +2,4 @@ export * from './lib/oasys-lib.module';
|
|
|
2
2
|
export * from './lib/components/button/button.component';
|
|
3
3
|
export * from './lib/components/icon/icon.component';
|
|
4
4
|
export * from './lib/components/layout/box/box.component';
|
|
5
|
-
export * from './lib/components/icon/icon';
|
|
6
5
|
//# sourceMappingURL=public-api.d.ts.map
|
package/public-api.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"public-api.d.ts","sourceRoot":"","sources":["../../projects/oasys-lib/src/public-api.ts"],"names":[],"mappings":"AAKA,cAAc,wBAAwB,CAAC;AAEvC,cAAc,0CAA0C,CAAC;AACzD,cAAc,sCAAsC,CAAC;AACrD,cAAc,2CAA2C,CAAC
|
|
1
|
+
{"version":3,"file":"public-api.d.ts","sourceRoot":"","sources":["../../projects/oasys-lib/src/public-api.ts"],"names":[],"mappings":"AAKA,cAAc,wBAAwB,CAAC;AAEvC,cAAc,0CAA0C,CAAC;AACzD,cAAc,sCAAsC,CAAC;AACrD,cAAc,2CAA2C,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><symbol viewBox="0 0
|
|
1
|
+
<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><symbol viewBox="0 0 16 16" id="icon-arrow-down" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.077 14.5a.5.5 0 0 0 .5-.5V2.154a.5.5 0 1 0-1 0V14a.5.5 0 0 0 .5.5Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M14.354 7.723a.5.5 0 0 0-.708 0l-5.57 5.57-5.569-5.57a.5.5 0 0 0-.707.707l5.923 5.924a.5.5 0 0 0 .707 0l5.924-5.924a.5.5 0 0 0 0-.707Z"/></symbol><symbol viewBox="0 0 16 16" id="icon-arrow-left" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M1.5 7.923a.5.5 0 0 1 .5-.5h11.846a.5.5 0 0 1 0 1H2a.5.5 0 0 1-.5-.5Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M8.277 1.646a.5.5 0 0 1 0 .708l-5.57 5.57 5.57 5.569a.5.5 0 1 1-.707.707L1.646 8.277a.5.5 0 0 1 0-.707L7.57 1.646a.5.5 0 0 1 .707 0Z"/></symbol><symbol viewBox="0 0 16 16" id="icon-arrow-right" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.5 7.923a.5.5 0 0 0-.5-.5H2.154a.5.5 0 1 0 0 1H14a.5.5 0 0 0 .5-.5Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M7.723 1.646a.5.5 0 0 0 0 .708l5.57 5.57-5.57 5.569a.5.5 0 1 0 .707.707l5.924-5.923a.5.5 0 0 0 0-.707L8.43 1.646a.5.5 0 0 0-.707 0Z"/></symbol><symbol viewBox="0 0 16 16" id="icon-arrow-up" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.923 1.5a.5.5 0 0 0-.5.5v11.846a.5.5 0 0 0 1 0V2a.5.5 0 0 0-.5-.5Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M1.646 8.277a.5.5 0 0 0 .708 0l5.57-5.57 5.569 5.57a.5.5 0 1 0 .707-.707L8.277 1.646a.5.5 0 0 0-.707 0L1.646 7.57a.5.5 0 0 0 0 .707Z"/></symbol><symbol viewBox="0 0 16 16" id="icon-basket" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2 4.564a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 .5.5v8.983c0 .962-.748 1.783-1.722 1.783H3.722C2.748 15.33 2 14.51 2 13.547V4.564Zm1 .5v8.483c0 .456.346.783.722.783h8.556c.376 0 .722-.327.722-.783V5.064H3Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M5.767 5.955a.5.5 0 0 0 .5-.5v-2.08a1.914 1.914 0 0 1 .361-1.118A1.817 1.817 0 0 1 8.1 1.5c.883 0 1.631.643 1.799 1.51.022.118.034.24.034.366v2.079a.5.5 0 0 0 1 0v-2.08c0-.189-.018-.375-.053-.555C10.626 1.504 9.484.5 8.1.5c-.938 0-1.767.463-2.28 1.17a2.884 2.884 0 0 0-.553 1.706v2.079a.5.5 0 0 0 .5.5Z"/></symbol><symbol viewBox="0 0 16 16" id="icon-basket-fill" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.27 4.06h3.66v-.68c0-.13 0-.25-.03-.37a1.82 1.82 0 0 0-3.55-.2c-.05.18-.08.37-.08.57v.68Zm4.66 0v-.68A2.85 2.85 0 0 0 8.1.5a2.82 2.82 0 0 0-2.7 2.01c-.09.27-.13.57-.13.87v.68H2.5a.5.5 0 0 0-.5.5v8.99c0 .96.75 1.78 1.72 1.78h8.56c.97 0 1.72-.82 1.72-1.78V4.56a.5.5 0 0 0-.5-.5h-2.57ZM5.75 6a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1Zm5-.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Z"/></symbol><symbol viewBox="0 0 16 16" id="icon-chevron-down" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.354 4.646a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 1 1 .708-.708L8 10.293l5.646-5.647a.5.5 0 0 1 .708 0Z"/></symbol><symbol viewBox="0 0 16 16" id="icon-chevron-left" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.354 14.354a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708.708L5.707 8l5.647 5.646a.5.5 0 0 1 0 .708Z"/></symbol><symbol viewBox="0 0 16 16" id="icon-chevron-right" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708Z"/></symbol><symbol viewBox="0 0 16 16" id="icon-chevron-up" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M1.646 11.354a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 5.707l-5.646 5.647a.5.5 0 0 1-.708 0Z"/></symbol><symbol viewBox="0 0 17 16" id="icon-close" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.626 1.646a.5.5 0 0 1 0 .708l-12 12a.5.5 0 0 1-.707-.708l12-12a.5.5 0 0 1 .707 0Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M1.92 1.646a.5.5 0 0 1 .706 0l12 12a.5.5 0 0 1-.707.708l-12-12a.5.5 0 0 1 0-.708Z"/></symbol><symbol viewBox="0 0 16 16" id="icon-filter" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.695 8.439c.283 0 .513.206.513.46V13c0 .254-.23.46-.513.46-.284 0-.514-.206-.514-.46V8.9c0-.254.23-.46.514-.46ZM2.695 1.994c.283 0 .513.206.513.46v4.101c0 .255-.23.46-.513.46-.284 0-.514-.205-.514-.46v-4.1c0-.255.23-.461.514-.461ZM7.922 7.267c.284 0 .514.206.514.46V13c0 .254-.23.46-.514.46-.283 0-.513-.206-.513-.46V7.727c0-.254.23-.46.513-.46ZM7.922 1.994c.284 0 .514.206.514.46v2.93c0 .254-.23.46-.514.46-.283 0-.513-.206-.513-.46v-2.93c0-.254.23-.46.513-.46ZM13.15 9.61c.283 0 .513.207.513.46V13c0 .254-.23.46-.514.46-.283 0-.513-.206-.513-.46v-2.93c0-.253.23-.46.513-.46ZM13.15 1.994c.283 0 .513.206.513.46v5.273c0 .254-.23.46-.514.46-.283 0-.513-.205-.513-.46V2.454c0-.254.23-.46.513-.46Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M.221 8.899c0-.254.23-.46.514-.46h3.92c.284 0 .513.206.513.46s-.23.46-.513.46H.735C.45 9.36.22 9.153.22 8.9ZM5.449 5.384c0-.255.23-.46.513-.46h3.92c.284 0 .514.205.514.46 0 .254-.23.46-.514.46h-3.92c-.284 0-.513-.206-.513-.46ZM10.676 10.07c0-.253.23-.46.513-.46h3.92c.284 0 .514.207.514.46 0 .255-.23.461-.513.461h-3.92c-.284 0-.514-.206-.514-.46Z"/></symbol><symbol viewBox="0 0 16 16" id="icon-heart" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.296 2.717A3.828 3.828 0 0 1 11.078 1.5c1.05 0 2.05.442 2.783 1.218A4.23 4.23 0 0 1 15 5.62a4.23 4.23 0 0 1-1.139 2.904l-5.498 5.818a.5.5 0 0 1-.727 0L2.14 8.525c-1.519-1.607-1.519-4.2 0-5.808a3.79 3.79 0 0 1 5.565 0L8 3.031l.296-.314Zm2.782-.217c-.765 0-1.505.322-2.055.904l-.66.698a.5.5 0 0 1-.727 0l-.659-.698C5.838 2.2 4.004 2.2 2.866 3.404c-1.155 1.222-1.155 3.213 0 4.434L8 13.272l5.134-5.434A3.23 3.23 0 0 0 14 5.621a3.23 3.23 0 0 0-.866-2.217 2.828 2.828 0 0 0-2.056-.904Z"/></symbol><symbol viewBox="0 0 16 16" id="icon-heart-fill" xmlns="http://www.w3.org/2000/svg"><path d="M8.296 2.717A3.828 3.828 0 0 1 11.078 1.5c1.05 0 2.05.442 2.783 1.218A4.23 4.23 0 0 1 15 5.62a4.23 4.23 0 0 1-1.139 2.904l-5.498 5.818a.5.5 0 0 1-.727 0L2.14 8.525c-1.519-1.607-1.519-4.2 0-5.808a3.79 3.79 0 0 1 5.565 0L8 3.031l.296-.314Z"/></symbol><symbol viewBox="0 0 17 16" id="icon-menu" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M.82 8a.5.5 0 0 1 .5-.5h14a.5.5 0 0 1 0 1h-14a.5.5 0 0 1-.5-.5ZM.82 3.286a.5.5 0 0 1 .5-.5h14a.5.5 0 0 1 0 1h-14a.5.5 0 0 1-.5-.5ZM.82 12.714a.5.5 0 0 1 .5-.5h14a.5.5 0 1 1 0 1h-14a.5.5 0 0 1-.5-.5Z"/></symbol><symbol viewBox="0 0 20 20" id="icon-pin" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.41 5A4.41 4.41 0 0 0 6 9.41c0 1.707 1.11 3.358 2.318 4.633a16.096 16.096 0 0 0 2.091 1.844 16.106 16.106 0 0 0 2.092-1.845c1.207-1.274 2.317-2.925 2.317-4.633A4.41 4.41 0 0 0 10.41 5Zm0 11.5-.278.416-.002-.001-.004-.002-.012-.009-.045-.03a15.52 15.52 0 0 1-.739-.553 17.084 17.084 0 0 1-1.738-1.59C6.344 13.413 5 11.518 5 9.408a5.41 5.41 0 1 1 10.818 0c0 2.11-1.344 4.005-2.591 5.321a17.083 17.083 0 0 1-2.478 2.143l-.045.031-.012.009-.004.002s-.002.001-.279-.415Zm0 0 .277.416a.502.502 0 0 1-.555 0l.277-.416Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M10.41 8.273a1.136 1.136 0 1 0 0 2.272 1.136 1.136 0 0 0 0-2.272ZM8.272 9.409a2.136 2.136 0 1 1 4.272 0 2.136 2.136 0 0 1-4.272 0Z"/></symbol><symbol viewBox="0 0 16 16" id="icon-sort" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.615 13.502a.4.4 0 0 1-.4-.4v-6a.4.4 0 1 1 .8 0v6a.4.4 0 0 1-.4.4Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M4.044 11.428a.4.4 0 0 1 .565 0l2.01 2.01L8.72 11.38a.4.4 0 0 1 .56.572l-2.385 2.333a.4.4 0 0 1-.562-.003l-2.29-2.29a.4.4 0 0 1 0-.565ZM9.385 2.497c.22 0 .4.18.4.4v6a.4.4 0 1 1-.8 0v-6c0-.22.179-.4.4-.4Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11.956 4.572a.4.4 0 0 1-.565 0l-2.01-2.01L7.28 4.62a.4.4 0 0 1-.56-.572l2.385-2.333a.4.4 0 0 1 .562.003l2.29 2.289a.4.4 0 0 1 0 .566Z"/></symbol><symbol viewBox="0 0 17 16" id="icon-tick" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.69 3.643a.5.5 0 0 1 .007.707l-8.25 8.4a.5.5 0 0 1-.713 0l-3.75-3.818a.5.5 0 1 1 .713-.7l3.393 3.454 7.894-8.036a.5.5 0 0 1 .707-.007Z"/></symbol><symbol viewBox="0 0 16 16" id="icon-user" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M.5 13.333c0-2.14 1.814-3.833 4-3.833h7c2.186 0 4 1.694 4 3.833V14.5a1 1 0 0 1-1 1h-13a1 1 0 0 1-1-1v-1.167Zm4-2.833c-1.68 0-3 1.291-3 2.833V14.5h13v-1.167c0-1.542-1.32-2.833-3-2.833h-7ZM8 1.5a3 3 0 1 0 0 6 3 3 0 0 0 0-6Zm-4 3a4 4 0 1 1 8 0 4 4 0 0 1-8 0Z"/></symbol><symbol viewBox="0 0 16 16" id="icon-user-fill" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M.5 13.333c0-2.14 1.814-3.833 4-3.833h7c2.186 0 4 1.694 4 3.833V14.5a1 1 0 0 1-1 1h-13a1 1 0 0 1-1-1v-1.167ZM4 4.5a4 4 0 1 1 8 0 4 4 0 0 1-8 0Z"/></symbol></svg>
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Tue, 19 Jul 2022 08:27:19 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
:root .brand-tokens-bloomandwild {
|
|
@@ -40,23 +40,42 @@
|
|
|
40
40
|
--component-color-button-disabled-background: #f4f3f2;
|
|
41
41
|
--component-color-button-disabled-border: #f4f3f2;
|
|
42
42
|
--component-color-button-disabled-text: #898989;
|
|
43
|
-
--component-size-button-large-padding-x:
|
|
44
|
-
--component-size-button-large-padding-y: 1.
|
|
45
|
-
--component-size-button-large-icon-offset-leading: 0.
|
|
46
|
-
--component-size-button-large-icon-offset-trailing: 0.
|
|
43
|
+
--component-size-button-large-padding-x: 2rem;
|
|
44
|
+
--component-size-button-large-padding-y: 1.6rem;
|
|
45
|
+
--component-size-button-large-icon-offset-leading: 0.5rem;
|
|
46
|
+
--component-size-button-large-icon-offset-trailing: 0.5rem;
|
|
47
47
|
--component-size-button-large-icon-offset-icon-only: 0.6rem;
|
|
48
48
|
--component-size-button-large-line-height: 1.6rem;
|
|
49
49
|
--component-size-button-large-inline-spacing: 0.8rem;
|
|
50
50
|
--component-size-button-large-font-size: 1.8rem;
|
|
51
|
-
--component-size-button-
|
|
52
|
-
--component-size-button-small-padding-
|
|
53
|
-
--component-size-button-small-
|
|
54
|
-
--component-size-button-small-icon-offset-
|
|
51
|
+
--component-size-button-large-border-width: 0rem;
|
|
52
|
+
--component-size-button-small-padding-x: 1.6rem;
|
|
53
|
+
--component-size-button-small-padding-y: 0.8rem;
|
|
54
|
+
--component-size-button-small-icon-offset-leading: 0.5rem;
|
|
55
|
+
--component-size-button-small-icon-offset-trailing: 0.5rem;
|
|
55
56
|
--component-size-button-small-icon-offset-icon-only: 1rem;
|
|
56
57
|
--component-size-button-small-line-height: 1.6rem;
|
|
57
58
|
--component-size-button-small-inline-spacing: 0.4rem;
|
|
58
59
|
--component-size-button-small-font-size: 1.6rem;
|
|
59
|
-
--component-border-width
|
|
60
|
+
--component-size-button-small-border-width: 0rem;
|
|
61
|
+
--component-size-outline-button-large-padding-x: 1.9rem;
|
|
62
|
+
--component-size-outline-button-large-padding-y: 1.5rem;
|
|
63
|
+
--component-size-outline-button-large-icon-offset-leading: 0.4rem;
|
|
64
|
+
--component-size-outline-button-large-icon-offset-trailing: 0.4rem;
|
|
65
|
+
--component-size-outline-button-large-icon-offset-icon-only: 0.6rem;
|
|
66
|
+
--component-size-outline-button-large-line-height: 1.6rem;
|
|
67
|
+
--component-size-outline-button-large-inline-spacing: 0.8rem;
|
|
68
|
+
--component-size-outline-button-large-font-size: 1.8rem;
|
|
69
|
+
--component-size-outline-button-large-border-width: 0.1rem;
|
|
70
|
+
--component-size-outline-button-small-padding-x: 1.5rem;
|
|
71
|
+
--component-size-outline-button-small-padding-y: 0.7rem;
|
|
72
|
+
--component-size-outline-button-small-icon-offset-leading: 0.4rem;
|
|
73
|
+
--component-size-outline-button-small-icon-offset-trailing: 0.4rem;
|
|
74
|
+
--component-size-outline-button-small-icon-offset-icon-only: 1rem;
|
|
75
|
+
--component-size-outline-button-small-line-height: 1.6rem;
|
|
76
|
+
--component-size-outline-button-small-inline-spacing: 0.4rem;
|
|
77
|
+
--component-size-outline-button-small-font-size: 1.6rem;
|
|
78
|
+
--component-size-outline-button-small-border-width: 0.1rem;
|
|
60
79
|
--component-border-radius-button: 0.2rem;
|
|
61
80
|
--component-text-transform-button: normal;
|
|
62
81
|
--component-letter-spacing-button: 0rem;
|
|
@@ -84,6 +103,7 @@
|
|
|
84
103
|
--semantic-font-weight-bold: 500;
|
|
85
104
|
--semantic-font-letter-spacing-action-primary: 0rem;
|
|
86
105
|
--semantic-brand-name: bloomandwild;
|
|
106
|
+
--semantic-border-width-none: 0rem;
|
|
87
107
|
--semantic-border-width-default: 0.1rem;
|
|
88
108
|
--semantic-border-width-emphasis: 0.2rem;
|
|
89
109
|
--semantic-border-width-focus: 0.4rem;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><symbol viewBox="0 0
|
|
1
|
+
<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><symbol viewBox="0 0 24 24" id="icon-arrow-down" xmlns="http://www.w3.org/2000/svg"><path d="M12.59 5.864v11.818c-.468.329-.73.343-1.2 0V5.864h1.2Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="m16.588 14.532-3.384 3.867a1.6 1.6 0 0 1-2.408 0l-3.384-3.867.903-.79 3.384 3.867a.4.4 0 0 0 .602 0l3.384-3.868.903.79Z"/></symbol><symbol viewBox="0 0 24 24" id="icon-arrow-left" xmlns="http://www.w3.org/2000/svg"><path d="M18.5 11.773H6.682c-.464.473-.44.728 0 1.2H18.5v-1.2Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M9.832 7.776 5.965 11.16a1.6 1.6 0 0 0 0 2.408l3.867 3.384.79-.903-3.867-3.384a.4.4 0 0 1 0-.602l3.867-3.384-.79-.903Z"/></symbol><symbol viewBox="0 0 24 24" id="icon-arrow-right" xmlns="http://www.w3.org/2000/svg"><path d="M5.5 12.227h11.818c.464-.473.44-.728 0-1.2H5.5v1.2Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="m14.168 16.224 3.867-3.384a1.6 1.6 0 0 0 0-2.408l-3.867-3.384-.79.903 3.867 3.384a.4.4 0 0 1 0 .602l-3.867 3.384.79.903Z"/></symbol><symbol viewBox="0 0 24 24" id="icon-arrow-up" xmlns="http://www.w3.org/2000/svg"><path d="M12.59 18.864V7.046c-.472-.464-.727-.44-1.2 0v11.818h1.2Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M16.588 10.196 13.204 6.33a1.6 1.6 0 0 0-2.408 0l-3.384 3.867.903.79L11.7 7.12a.4.4 0 0 1 .602 0l3.384 3.867.903-.79Z"/></symbol><symbol viewBox="0 0 20 20" id="icon-basket" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.553 4.5h4.81a2.417 2.417 0 0 0-4.81 0Zm5.814 0h1.147c1.066 0 1.973.775 2.14 1.828l1.604 10.13A1.333 1.333 0 0 1 16.94 18H3.059c-.82 0-1.445-.732-1.317-1.542l1.604-10.13A2.167 2.167 0 0 1 5.486 4.5h1.063a3.417 3.417 0 0 1 6.818 0ZM4.334 6.484c.09-.567.578-.984 1.152-.984h9.028c.574 0 1.063.417 1.152.984l1.604 10.13a.333.333 0 0 1-.329.386H3.059a.333.333 0 0 1-.33-.386l1.605-10.13Z"/></symbol><symbol viewBox="0 0 24 24" id="icon-basket-fill" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.015 7.593A2.6 2.6 0 0 1 6.583 5.4h10.834a2.6 2.6 0 0 1 2.568 2.193L21.91 19.75a1.6 1.6 0 0 1-1.58 1.85H3.67a1.6 1.6 0 0 1-1.58-1.85L4.015 7.593Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M7.85 5.68a4.1 4.1 0 0 1 8.2 0v.5h-1.2v-.5a2.9 2.9 0 0 0-5.8 0v.5h-1.2v-.5Z"/></symbol><symbol viewBox="0 0 24 24" id="icon-chevron-down" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m17.904 9.944-4.828 4.388a1.6 1.6 0 0 1-2.152 0L6.096 9.944l.808-.888 4.827 4.389a.4.4 0 0 0 .538 0l4.827-4.389.808.888Z"/></symbol><symbol viewBox="0 0 24 24" id="icon-chevron-left" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m14.056 6.096-4.388 4.828a1.6 1.6 0 0 0 0 2.152l4.388 4.828.888-.808-4.389-4.827a.4.4 0 0 1 0-.538l4.389-4.827-.888-.808Z"/></symbol><symbol viewBox="0 0 24 24" id="icon-chevron-right" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m9.944 6.096 4.388 4.828a1.6 1.6 0 0 1 0 2.152l-4.388 4.828-.888-.808 4.389-4.827a.4.4 0 0 0 0-.538L9.055 6.904l.888-.808Z"/></symbol><symbol viewBox="0 0 24 24" id="icon-chevron-up" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m6.096 14.056 4.828-4.388a1.6 1.6 0 0 1 2.152 0l4.828 4.388-.808.888-4.827-4.389a.4.4 0 0 0-.538 0l-4.827 4.389-.808-.888Z"/></symbol><symbol viewBox="0 0 24 24" id="icon-close" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m12.076 12.925 6.36 6.358.848-.848-6.36-6.359L19 6.001l-.848-.849-6.076 6.075L5.85 5 5 5.848l6.228 6.228-6.511 6.511.848.849 6.511-6.511Z"/></symbol><symbol viewBox="0 0 17 16" id="icon-filter" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.072 8.439c.283 0 .513.206.513.46V13c0 .255-.23.46-.513.46-.284 0-.514-.206-.514-.46V8.9c0-.255.23-.461.514-.461ZM3.072 1.994c.283 0 .513.206.513.46v4.102c0 .254-.23.46-.513.46-.284 0-.514-.206-.514-.46V2.454c0-.254.23-.46.514-.46ZM8.3 7.267c.283 0 .512.206.512.46V13c0 .255-.23.46-.513.46-.283 0-.513-.206-.513-.46V7.727c0-.254.23-.46.513-.46ZM8.3 1.994c.283 0 .512.206.512.46v2.93c0 .254-.23.46-.513.46-.283 0-.513-.206-.513-.46v-2.93c0-.254.23-.46.513-.46ZM13.526 9.61c.284 0 .514.207.514.46V13c0 .255-.23.46-.514.46-.283 0-.513-.206-.513-.46v-2.93c0-.253.23-.46.513-.46ZM13.526 1.994c.284 0 .514.206.514.46v5.273c0 .255-.23.46-.514.46-.283 0-.513-.205-.513-.46V2.454c0-.254.23-.46.513-.46Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M.598 8.9c0-.255.23-.461.514-.461h3.92c.284 0 .513.206.513.46s-.23.46-.513.46h-3.92c-.284 0-.514-.206-.514-.46ZM5.825 5.384c0-.254.23-.46.514-.46h3.92c.284 0 .514.206.514.46s-.23.46-.514.46H6.34c-.284 0-.514-.206-.514-.46ZM11.053 10.07c0-.253.23-.46.513-.46h3.92c.284 0 .514.207.514.46 0 .255-.23.461-.513.461h-3.92c-.284 0-.514-.206-.514-.46Z"/></symbol><symbol viewBox="0 0 20 20" id="icon-heart" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m10 6.304-.817-1.158C8.466 4.13 7.347 3.5 6.11 3.5 4.037 3.5 2.25 5.31 2.25 7.676c0 .676.148 1.311.41 1.872l.042.093.024.099c.001.005.013.04.049.111.04.079.099.179.182.302.167.247.402.547.7.891.593.687 1.382 1.492 2.23 2.31a109.885 109.885 0 0 0 4.31 3.9c1.516-1.418 5.124-4.865 6.593-6.823l.01-.013.01-.012c.582-.728.94-1.68.94-2.73 0-2.366-1.787-4.176-3.861-4.176-1.236 0-2.355.63-3.072 1.646L10 6.304Zm-.672-2.508A4.679 4.679 0 0 0 6.111 2.5C3.426 2.5 1.25 4.817 1.25 7.676c0 .824.18 1.602.502 2.294.374 1.581 6.155 6.638 7.948 8.176a.771.771 0 0 0 1.034-.023c1.392-1.3 5.273-4.981 6.856-7.092a5.357 5.357 0 0 0 1.16-3.355c0-2.859-2.176-5.176-4.861-5.176-1.234 0-2.36.49-3.217 1.296A5.095 5.095 0 0 0 10 4.57a5.098 5.098 0 0 0-.672-.774Z"/></symbol><symbol viewBox="0 0 24 24" id="icon-heart-fill" xmlns="http://www.w3.org/2000/svg"><path d="M12 5.484C13.064 3.976 14.758 3 16.667 3 19.888 3 22.5 5.78 22.5 9.21a6.428 6.428 0 0 1-1.392 4.027c-1.9 2.533-6.557 6.95-8.228 8.51a.925.925 0 0 1-1.24.028c-2.152-1.846-9.088-7.913-9.537-9.811A6.516 6.516 0 0 1 1.5 9.21C1.5 5.78 4.112 3 7.333 3c1.909 0 3.603.976 4.667 2.484Z"/></symbol><symbol viewBox="0 0 24 24" id="icon-menu" xmlns="http://www.w3.org/2000/svg"><path d="M3 9h18v1.2H3V9ZM3 4h10v1.2H3V4ZM3 14h13v1.2H3V14ZM3 19h18v1.2H3V19Z"/></symbol><symbol viewBox="0 0 20 20" id="icon-pin" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.667 8.5C4.667 5.45 7.067 3 10 3c2.932 0 5.333 2.45 5.333 5.5 0 1.355-.685 2.787-1.7 4.2-1.009 1.403-2.29 2.718-3.39 3.838a.34.34 0 0 1-.485 0c-1.1-1.12-2.382-2.435-3.39-3.838-1.016-1.413-1.701-2.845-1.701-4.2ZM10 2C6.489 2 3.667 4.924 3.667 8.5c0 1.671.834 3.316 1.888 4.783 1.06 1.476 2.396 2.842 3.49 3.955a1.34 1.34 0 0 0 1.911 0c1.093-1.113 2.429-2.48 3.489-3.955 1.054-1.467 1.888-3.111 1.888-4.783C16.333 4.924 13.511 2 10 2ZM8.417 8.333a1.583 1.583 0 1 1 3.166 0 1.583 1.583 0 0 1-3.166 0ZM10 5.75a2.583 2.583 0 1 0 0 5.167 2.583 2.583 0 0 0 0-5.167Z"/></symbol><symbol viewBox="0 0 24 24" id="icon-sort" xmlns="http://www.w3.org/2000/svg"><path d="M8.025 6.6v9.93h1.2V6.6h-1.2Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="m4.724 13.877 2.694 2.993a1.6 1.6 0 0 0 2.379 0l2.694-2.994-.892-.802-2.694 2.993a.4.4 0 0 1-.595 0l-2.694-2.993-.892.803Z"/><path d="M15.99 17.294v-9.93h-1.2v9.93h1.2Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="m19.291 10.018-2.694-2.994a1.6 1.6 0 0 0-2.379 0l-2.694 2.994.892.803 2.694-2.994a.4.4 0 0 1 .595 0l2.694 2.994.892-.803Z"/></symbol><symbol viewBox="0 0 25 24" id="icon-tick" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m21.694 6.41-10.49 11.228a1.6 1.6 0 0 1-2.324.015l-6.058-6.312.866-.83 6.058 6.312a.4.4 0 0 0 .58-.004L20.816 5.59l.878.82Z"/></symbol><symbol viewBox="0 0 24 24" id="icon-user" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m18.55 21.3-.606-3.181a6.05 6.05 0 0 0-11.888 0L5.45 21.3h13.1ZM12 12a7.25 7.25 0 0 0-7.123 5.894l-.71 3.728a.74.74 0 0 0 .727.878h14.212a.74.74 0 0 0 .727-.878l-.71-3.728A7.25 7.25 0 0 0 12 12ZM12 8.8a2.8 2.8 0 1 0 0-5.6 2.8 2.8 0 0 0 0 5.6Zm0 1.2a4 4 0 1 0 0-8 4 4 0 0 0 0 8Z"/></symbol><symbol viewBox="0 0 24 24" id="icon-user-fill" xmlns="http://www.w3.org/2000/svg"><path d="M4.877 17.894a7.25 7.25 0 0 1 14.246 0l.71 3.728a.74.74 0 0 1-.727.878H4.894a.74.74 0 0 1-.727-.878l.71-3.728ZM16 6a4 4 0 1 1-8 0 4 4 0 0 1 8 0Z"/></symbol></svg>
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Tue, 19 Jul 2022 08:27:19 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
:root .brand-tokens-bloomon {
|
|
@@ -40,22 +40,42 @@
|
|
|
40
40
|
--component-color-button-disabled-background: #f7f7f7;
|
|
41
41
|
--component-color-button-disabled-border: #f7f7f7;
|
|
42
42
|
--component-color-button-disabled-text: #898989;
|
|
43
|
-
--component-size-button-large-padding-x: 2.
|
|
44
|
-
--component-size-button-large-padding-y: 1.
|
|
45
|
-
--component-size-button-large-icon-offset-leading: 0.
|
|
46
|
-
--component-size-button-large-icon-offset-trailing: 0.
|
|
43
|
+
--component-size-button-large-padding-x: 2.4rem;
|
|
44
|
+
--component-size-button-large-padding-y: 1.6rem;
|
|
45
|
+
--component-size-button-large-icon-offset-leading: 0.5rem;
|
|
46
|
+
--component-size-button-large-icon-offset-trailing: 0.5rem;
|
|
47
47
|
--component-size-button-large-icon-offset-icon-only: 1rem;
|
|
48
48
|
--component-size-button-large-line-height: 1.6rem;
|
|
49
49
|
--component-size-button-large-inline-spacing: 0.8rem;
|
|
50
50
|
--component-size-button-large-font-size: 1.4rem;
|
|
51
|
-
--component-size-button-
|
|
52
|
-
--component-size-button-small-padding-
|
|
53
|
-
--component-size-button-small-
|
|
54
|
-
--component-size-button-small-icon-offset-
|
|
51
|
+
--component-size-button-large-border-width: 0rem;
|
|
52
|
+
--component-size-button-small-padding-x: 1.6rem;
|
|
53
|
+
--component-size-button-small-padding-y: 0.8rem;
|
|
54
|
+
--component-size-button-small-icon-offset-leading: 0.5rem;
|
|
55
|
+
--component-size-button-small-icon-offset-trailing: 0.5rem;
|
|
55
56
|
--component-size-button-small-icon-offset-icon-only: 1rem;
|
|
56
57
|
--component-size-button-small-line-height: 1.6rem;
|
|
57
58
|
--component-size-button-small-inline-spacing: 0.4rem;
|
|
58
59
|
--component-size-button-small-font-size: 1.2rem;
|
|
60
|
+
--component-size-button-small-border-width: 0rem;
|
|
61
|
+
--component-size-outline-button-large-padding-x: 2.3rem;
|
|
62
|
+
--component-size-outline-button-large-padding-y: 1.5rem;
|
|
63
|
+
--component-size-outline-button-large-icon-offset-leading: 0.6rem;
|
|
64
|
+
--component-size-outline-button-large-icon-offset-trailing: 0.6rem;
|
|
65
|
+
--component-size-outline-button-large-icon-offset-icon-only: 1rem;
|
|
66
|
+
--component-size-outline-button-large-line-height: 1.6rem;
|
|
67
|
+
--component-size-outline-button-large-inline-spacing: 0.8rem;
|
|
68
|
+
--component-size-outline-button-large-font-size: 1.4rem;
|
|
69
|
+
--component-size-outline-button-large-border-width: 0.1rem;
|
|
70
|
+
--component-size-outline-button-small-padding-x: 1.5rem;
|
|
71
|
+
--component-size-outline-button-small-padding-y: 0.7rem;
|
|
72
|
+
--component-size-outline-button-small-icon-offset-leading: 0.4rem;
|
|
73
|
+
--component-size-outline-button-small-icon-offset-trailing: 0.4rem;
|
|
74
|
+
--component-size-outline-button-small-icon-offset-icon-only: 1rem;
|
|
75
|
+
--component-size-outline-button-small-line-height: 1.6rem;
|
|
76
|
+
--component-size-outline-button-small-inline-spacing: 0.4rem;
|
|
77
|
+
--component-size-outline-button-small-font-size: 1.2rem;
|
|
78
|
+
--component-size-outline-button-small-border-width: 0.1rem;
|
|
59
79
|
--component-border-width-button: 0.1rem;
|
|
60
80
|
--component-border-radius-button: 2.4rem;
|
|
61
81
|
--component-text-transform-button: uppercase;
|
|
@@ -84,6 +104,7 @@
|
|
|
84
104
|
--semantic-font-weight-bold: normal;
|
|
85
105
|
--semantic-font-letter-spacing-action-primary: 0.2rem;
|
|
86
106
|
--semantic-brand-name: bloomon;
|
|
107
|
+
--semantic-border-width-none: 0rem;
|
|
87
108
|
--semantic-border-width-default: 0.1rem;
|
|
88
109
|
--semantic-border-width-emphasis: 0.2rem;
|
|
89
110
|
--semantic-border-width-focus: 0.4rem;
|
package/src/assets/style.css
CHANGED
package/src/assets/layout.scss
DELETED
|
File without changes
|