oasys-lib 1.23.0 → 1.25.0
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/{esm2015/lib/components/alert/alert-cancel.directive.js → esm2020/lib/components/alert/alert-cancel.directive.mjs} +4 -4
- package/{esm2015/lib/components/alert/alert-confirm.directive.js → esm2020/lib/components/alert/alert-confirm.directive.mjs} +4 -4
- package/{esm2015/lib/components/alert/alert-content.directive.js → esm2020/lib/components/alert/alert-content.directive.mjs} +4 -4
- package/{esm2015/lib/components/alert/alert-title.directive.js → esm2020/lib/components/alert/alert-title.directive.mjs} +4 -4
- package/esm2020/lib/components/alert/alert.component.mjs +57 -0
- package/{esm2015/lib/components/alert/alert.module.js → esm2020/lib/components/alert/alert.module.mjs} +9 -11
- package/esm2020/lib/components/banner/banner.component.mjs +44 -0
- package/esm2020/lib/components/banner/banner.module.mjs +25 -0
- package/esm2020/lib/components/breadcrumbs/breadcrumbs.component.mjs +29 -0
- package/esm2020/lib/components/breadcrumbs/breadcrumbs.module.mjs +22 -0
- package/esm2020/lib/components/button/button.component.mjs +92 -0
- package/esm2020/lib/components/button/button.module.mjs +21 -0
- package/esm2020/lib/components/button-group/button-group.component.mjs +51 -0
- package/esm2020/lib/components/button-group/button-group.module.mjs +21 -0
- package/esm2020/lib/components/button-group/index.mjs +3 -0
- package/esm2020/lib/components/card/card.component.mjs +71 -0
- package/esm2020/lib/components/card/card.module.mjs +24 -0
- package/esm2020/lib/components/carousel/carousel.component.mjs +180 -0
- package/esm2020/lib/components/carousel/carousel.module.mjs +24 -0
- package/esm2020/lib/components/divider/divider.component.mjs +22 -0
- package/esm2020/lib/components/divider/divider.module.mjs +20 -0
- package/esm2020/lib/components/heading/heading.component.mjs +79 -0
- package/esm2020/lib/components/heading/heading.module.mjs +22 -0
- package/esm2020/lib/components/hero/hero.component.mjs +63 -0
- package/esm2020/lib/components/hero/hero.module.mjs +25 -0
- package/esm2020/lib/components/icon/icon.component.mjs +53 -0
- package/esm2020/lib/components/icon/icon.module.mjs +21 -0
- package/esm2020/lib/components/image/image.component.mjs +72 -0
- package/esm2020/lib/components/image/image.module.mjs +33 -0
- package/esm2020/lib/components/layout/box/box.component.mjs +120 -0
- package/esm2020/lib/components/layout/container/container.component.mjs +39 -0
- package/esm2020/lib/components/layout/grid/grid-column.component.mjs +52 -0
- package/esm2020/lib/components/layout/grid/grid.component.mjs +43 -0
- package/{esm2015/lib/components/layout/layout.module.js → esm2020/lib/components/layout/layout.module.mjs} +5 -5
- package/esm2020/lib/components/layout/stack/stack.component.mjs +62 -0
- package/esm2020/lib/components/section/section.component.mjs +88 -0
- package/esm2020/lib/components/section/section.module.mjs +24 -0
- package/esm2020/lib/components/seo-block/seo-block.component.mjs +64 -0
- package/{esm2015/lib/components/seo-block/seo-block.module.js → esm2020/lib/components/seo-block/seo-block.module.mjs} +9 -11
- package/esm2020/lib/components/text/text.component.mjs +30 -0
- package/esm2020/lib/components/text/text.module.mjs +19 -0
- package/esm2020/lib/directives/directives.module.mjs +22 -0
- package/{esm2015/lib/directives/href/href.directive.js → esm2020/lib/directives/href/href.directive.mjs} +4 -4
- package/{esm2015/lib/services/breakpoint.service.js → esm2020/lib/services/breakpoint.service.mjs} +4 -4
- package/{esm2015/lib/services/href.service.js → esm2020/lib/services/href.service.mjs} +4 -4
- package/esm2020/lib/services/image.service.mjs +70 -0
- package/{esm2015/lib/services/token.service.js → esm2020/lib/services/token.service.mjs} +4 -4
- package/esm2020/public-api.mjs +22 -0
- package/fesm2015/oasys-lib.mjs +1803 -0
- package/fesm2015/oasys-lib.mjs.map +1 -0
- package/fesm2020/oasys-lib.mjs +1788 -0
- package/fesm2020/oasys-lib.mjs.map +1 -0
- package/lib/components/alert/alert-cancel.directive.d.ts +1 -1
- package/lib/components/alert/alert-confirm.directive.d.ts +1 -1
- package/lib/components/alert/alert-content.directive.d.ts +1 -1
- package/lib/components/alert/alert-title.directive.d.ts +1 -1
- package/lib/components/alert/alert.component.d.ts +1 -1
- package/lib/components/banner/banner.component.d.ts +1 -1
- package/lib/components/breadcrumbs/breadcrumbs.component.d.ts +1 -1
- package/lib/components/button/button.component.d.ts +1 -1
- package/lib/components/button-group/button-group.component.d.ts +17 -0
- package/lib/components/button-group/button-group.component.d.ts.map +1 -0
- package/lib/components/button-group/button-group.module.d.ts +12 -0
- package/lib/components/button-group/button-group.module.d.ts.map +1 -0
- package/lib/components/button-group/index.d.ts +3 -0
- package/lib/components/button-group/index.d.ts.map +1 -0
- package/lib/components/card/card.component.d.ts +1 -1
- package/lib/components/carousel/carousel.component.d.ts +1 -1
- package/lib/components/divider/divider.component.d.ts +1 -1
- package/lib/components/heading/heading.component.d.ts +1 -1
- package/lib/components/hero/hero.component.d.ts +1 -1
- package/lib/components/icon/icon.component.d.ts +1 -1
- package/lib/components/image/image.component.d.ts +1 -1
- package/lib/components/image/image.module.d.ts +4 -0
- package/lib/components/image/image.module.d.ts.map +1 -1
- package/lib/components/layout/box/box.component.d.ts +1 -1
- package/lib/components/layout/container/container.component.d.ts +1 -1
- package/lib/components/layout/grid/grid-column.component.d.ts +1 -1
- package/lib/components/layout/grid/grid.component.d.ts +1 -1
- package/lib/components/layout/stack/stack.component.d.ts +2 -1
- package/lib/components/layout/stack/stack.component.d.ts.map +1 -1
- package/lib/components/section/section.component.d.ts +1 -1
- package/lib/components/seo-block/seo-block.component.d.ts +1 -1
- package/lib/components/text/text.component.d.ts +1 -1
- package/lib/directives/href/href.directive.d.ts +1 -1
- package/lib/services/image.service.d.ts +5 -1
- package/lib/services/image.service.d.ts.map +1 -1
- package/package.json +22 -9
- package/public-api.d.ts +1 -0
- package/public-api.d.ts.map +1 -1
- package/src/assets/bloomandwild/variables.css +1 -1
- package/src/assets/bloomon/variables.css +1 -1
- package/src/assets/global/scss-breakpoints.scss +1 -1
- package/src/assets/global/variables.css +1 -1
- package/bundles/oasys-lib.umd.js +0 -2289
- package/bundles/oasys-lib.umd.js.map +0 -1
- package/esm2015/lib/components/alert/alert.component.js +0 -61
- package/esm2015/lib/components/banner/banner.component.js +0 -48
- package/esm2015/lib/components/banner/banner.module.js +0 -25
- package/esm2015/lib/components/breadcrumbs/breadcrumbs.component.js +0 -35
- package/esm2015/lib/components/breadcrumbs/breadcrumbs.module.js +0 -22
- package/esm2015/lib/components/button/button.component.js +0 -99
- package/esm2015/lib/components/button/button.module.js +0 -21
- package/esm2015/lib/components/card/card.component.js +0 -76
- package/esm2015/lib/components/card/card.module.js +0 -24
- package/esm2015/lib/components/carousel/carousel.component.js +0 -185
- package/esm2015/lib/components/carousel/carousel.module.js +0 -24
- package/esm2015/lib/components/divider/divider.component.js +0 -27
- package/esm2015/lib/components/divider/divider.module.js +0 -20
- package/esm2015/lib/components/heading/heading.component.js +0 -84
- package/esm2015/lib/components/heading/heading.module.js +0 -22
- package/esm2015/lib/components/hero/hero.component.js +0 -67
- package/esm2015/lib/components/hero/hero.module.js +0 -25
- package/esm2015/lib/components/icon/icon.component.js +0 -58
- package/esm2015/lib/components/icon/icon.module.js +0 -21
- package/esm2015/lib/components/image/image.component.js +0 -76
- package/esm2015/lib/components/image/image.module.js +0 -21
- package/esm2015/lib/components/layout/box/box.component.js +0 -127
- package/esm2015/lib/components/layout/container/container.component.js +0 -45
- package/esm2015/lib/components/layout/grid/grid-column.component.js +0 -59
- package/esm2015/lib/components/layout/grid/grid.component.js +0 -50
- package/esm2015/lib/components/layout/stack/stack.component.js +0 -65
- package/esm2015/lib/components/section/section.component.js +0 -92
- package/esm2015/lib/components/section/section.module.js +0 -24
- package/esm2015/lib/components/seo-block/seo-block.component.js +0 -69
- package/esm2015/lib/components/text/text.component.js +0 -36
- package/esm2015/lib/components/text/text.module.js +0 -19
- package/esm2015/lib/directives/directives.module.js +0 -22
- package/esm2015/lib/services/image.service.js +0 -60
- package/esm2015/public-api.js +0 -21
- package/fesm2015/oasys-lib.js +0 -1809
- package/fesm2015/oasys-lib.js.map +0 -1
- /package/{esm2015/lib/components/alert/index.js → esm2020/lib/components/alert/index.mjs} +0 -0
- /package/{esm2015/lib/components/banner/index.js → esm2020/lib/components/banner/index.mjs} +0 -0
- /package/{esm2015/lib/components/breadcrumbs/index.js → esm2020/lib/components/breadcrumbs/index.mjs} +0 -0
- /package/{esm2015/lib/components/button/button.js → esm2020/lib/components/button/button.mjs} +0 -0
- /package/{esm2015/lib/components/button/index.js → esm2020/lib/components/button/index.mjs} +0 -0
- /package/{esm2015/lib/components/card/card.js → esm2020/lib/components/card/card.mjs} +0 -0
- /package/{esm2015/lib/components/card/index.js → esm2020/lib/components/card/index.mjs} +0 -0
- /package/{esm2015/lib/components/carousel/index.js → esm2020/lib/components/carousel/index.mjs} +0 -0
- /package/{esm2015/lib/components/divider/divider.js → esm2020/lib/components/divider/divider.mjs} +0 -0
- /package/{esm2015/lib/components/divider/index.js → esm2020/lib/components/divider/index.mjs} +0 -0
- /package/{esm2015/lib/components/heading/heading.js → esm2020/lib/components/heading/heading.mjs} +0 -0
- /package/{esm2015/lib/components/heading/index.js → esm2020/lib/components/heading/index.mjs} +0 -0
- /package/{esm2015/lib/components/hero/index.js → esm2020/lib/components/hero/index.mjs} +0 -0
- /package/{esm2015/lib/components/icon/icon.js → esm2020/lib/components/icon/icon.mjs} +0 -0
- /package/{esm2015/lib/components/icon/index.js → esm2020/lib/components/icon/index.mjs} +0 -0
- /package/{esm2015/lib/components/image/index.js → esm2020/lib/components/image/index.mjs} +0 -0
- /package/{esm2015/lib/components/layout/Layout.js → esm2020/lib/components/layout/Layout.mjs} +0 -0
- /package/{esm2015/lib/components/layout/index.js → esm2020/lib/components/layout/index.mjs} +0 -0
- /package/{esm2015/lib/components/section/index.js → esm2020/lib/components/section/index.mjs} +0 -0
- /package/{esm2015/lib/components/seo-block/index.js → esm2020/lib/components/seo-block/index.mjs} +0 -0
- /package/{esm2015/lib/components/text/index.js → esm2020/lib/components/text/index.mjs} +0 -0
- /package/{esm2015/lib/components/text/text.js → esm2020/lib/components/text/text.mjs} +0 -0
- /package/{esm2015/lib/injection-tokens/frontend-app-injection.tokens.js → esm2020/lib/injection-tokens/frontend-app-injection.tokens.mjs} +0 -0
- /package/{esm2015/oasys-lib.js → esm2020/oasys-lib.mjs} +0 -0
- /package/{oasys-lib.d.ts → index.d.ts} +0 -0
|
@@ -9,12 +9,12 @@ export class OasysAlertCancelDirective {
|
|
|
9
9
|
this.text = this.elem.nativeElement.innerText;
|
|
10
10
|
}
|
|
11
11
|
}
|
|
12
|
-
OasysAlertCancelDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
13
|
-
OasysAlertCancelDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "
|
|
14
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
12
|
+
OasysAlertCancelDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OasysAlertCancelDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
13
|
+
OasysAlertCancelDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.3.0", type: OasysAlertCancelDirective, selector: "ui-alert-cancel, [ui-alert-cancel]", ngImport: i0 });
|
|
14
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OasysAlertCancelDirective, decorators: [{
|
|
15
15
|
type: Directive,
|
|
16
16
|
args: [{
|
|
17
17
|
selector: 'ui-alert-cancel, [ui-alert-cancel]',
|
|
18
18
|
}]
|
|
19
19
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; } });
|
|
20
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
20
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxlcnQtY2FuY2VsLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL29hc3lzLWxpYi9zcmMvbGliL2NvbXBvbmVudHMvYWxlcnQvYWxlcnQtY2FuY2VsLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQXVCLFNBQVMsRUFBYyxNQUFNLGVBQWUsQ0FBQzs7QUFLM0UsTUFBTSxPQUFPLHlCQUF5QjtJQUdwQyxZQUFvQixJQUFnQjtRQUFoQixTQUFJLEdBQUosSUFBSSxDQUFZO1FBRjdCLFNBQUksR0FBRyxFQUFFLENBQUM7SUFFc0IsQ0FBQztJQUVqQyxxQkFBcUI7UUFDMUIsSUFBSSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxTQUFTLENBQUM7SUFDaEQsQ0FBQzs7c0hBUFUseUJBQXlCOzBHQUF6Qix5QkFBeUI7MkZBQXpCLHlCQUF5QjtrQkFIckMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsb0NBQW9DO2lCQUMvQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFmdGVyQ29udGVudENoZWNrZWQsIERpcmVjdGl2ZSwgRWxlbWVudFJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICd1aS1hbGVydC1jYW5jZWwsIFt1aS1hbGVydC1jYW5jZWxdJyxcbn0pXG5leHBvcnQgY2xhc3MgT2FzeXNBbGVydENhbmNlbERpcmVjdGl2ZSBpbXBsZW1lbnRzIEFmdGVyQ29udGVudENoZWNrZWQge1xuICBwdWJsaWMgdGV4dCA9ICcnO1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgZWxlbTogRWxlbWVudFJlZikge31cblxuICBwdWJsaWMgbmdBZnRlckNvbnRlbnRDaGVja2VkKCk6IHZvaWQge1xuICAgIHRoaXMudGV4dCA9IHRoaXMuZWxlbS5uYXRpdmVFbGVtZW50LmlubmVyVGV4dDtcbiAgfVxufVxuIl19
|
|
@@ -9,12 +9,12 @@ export class OasysAlertConfirmDirective {
|
|
|
9
9
|
this.text = this.elem.nativeElement.innerText;
|
|
10
10
|
}
|
|
11
11
|
}
|
|
12
|
-
OasysAlertConfirmDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
13
|
-
OasysAlertConfirmDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "
|
|
14
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
12
|
+
OasysAlertConfirmDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OasysAlertConfirmDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
13
|
+
OasysAlertConfirmDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.3.0", type: OasysAlertConfirmDirective, selector: "ui-alert-confirm, [ui-alert-confirm]", ngImport: i0 });
|
|
14
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OasysAlertConfirmDirective, decorators: [{
|
|
15
15
|
type: Directive,
|
|
16
16
|
args: [{
|
|
17
17
|
selector: 'ui-alert-confirm, [ui-alert-confirm]',
|
|
18
18
|
}]
|
|
19
19
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; } });
|
|
20
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
20
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxlcnQtY29uZmlybS5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9vYXN5cy1saWIvc3JjL2xpYi9jb21wb25lbnRzL2FsZXJ0L2FsZXJ0LWNvbmZpcm0uZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBdUIsU0FBUyxFQUFjLE1BQU0sZUFBZSxDQUFDOztBQUszRSxNQUFNLE9BQU8sMEJBQTBCO0lBR3JDLFlBQW9CLElBQWdCO1FBQWhCLFNBQUksR0FBSixJQUFJLENBQVk7UUFGN0IsU0FBSSxHQUFHLEVBQUUsQ0FBQztJQUVzQixDQUFDO0lBRWpDLHFCQUFxQjtRQUMxQixJQUFJLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLFNBQVMsQ0FBQztJQUNoRCxDQUFDOzt1SEFQVSwwQkFBMEI7MkdBQTFCLDBCQUEwQjsyRkFBMUIsMEJBQTBCO2tCQUh0QyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxzQ0FBc0M7aUJBQ2pEIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQWZ0ZXJDb250ZW50Q2hlY2tlZCwgRGlyZWN0aXZlLCBFbGVtZW50UmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ3VpLWFsZXJ0LWNvbmZpcm0sIFt1aS1hbGVydC1jb25maXJtXScsXG59KVxuZXhwb3J0IGNsYXNzIE9hc3lzQWxlcnRDb25maXJtRGlyZWN0aXZlIGltcGxlbWVudHMgQWZ0ZXJDb250ZW50Q2hlY2tlZCB7XG4gIHB1YmxpYyB0ZXh0ID0gJyc7XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBlbGVtOiBFbGVtZW50UmVmKSB7fVxuXG4gIHB1YmxpYyBuZ0FmdGVyQ29udGVudENoZWNrZWQoKTogdm9pZCB7XG4gICAgdGhpcy50ZXh0ID0gdGhpcy5lbGVtLm5hdGl2ZUVsZW1lbnQuaW5uZXJUZXh0O1xuICB9XG59XG4iXX0=
|
|
@@ -2,12 +2,12 @@ import { Directive } from '@angular/core';
|
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
export class OasysAlertContentDirective {
|
|
4
4
|
}
|
|
5
|
-
OasysAlertContentDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
6
|
-
OasysAlertContentDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "
|
|
7
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
5
|
+
OasysAlertContentDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OasysAlertContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
6
|
+
OasysAlertContentDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.3.0", type: OasysAlertContentDirective, selector: "ui-alert-content, [ui-alert-content]", ngImport: i0 });
|
|
7
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OasysAlertContentDirective, decorators: [{
|
|
8
8
|
type: Directive,
|
|
9
9
|
args: [{
|
|
10
10
|
selector: 'ui-alert-content, [ui-alert-content]',
|
|
11
11
|
}]
|
|
12
12
|
}] });
|
|
13
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
13
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxlcnQtY29udGVudC5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9vYXN5cy1saWIvc3JjL2xpYi9jb21wb25lbnRzL2FsZXJ0L2FsZXJ0LWNvbnRlbnQuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBSzFDLE1BQU0sT0FBTywwQkFBMEI7O3VIQUExQiwwQkFBMEI7MkdBQTFCLDBCQUEwQjsyRkFBMUIsMEJBQTBCO2tCQUh0QyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxzQ0FBc0M7aUJBQ2pEIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ3VpLWFsZXJ0LWNvbnRlbnQsIFt1aS1hbGVydC1jb250ZW50XScsXG59KVxuZXhwb3J0IGNsYXNzIE9hc3lzQWxlcnRDb250ZW50RGlyZWN0aXZlIHt9XG4iXX0=
|
|
@@ -2,12 +2,12 @@ import { Directive } from '@angular/core';
|
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
export class OasysAlertTitleDirective {
|
|
4
4
|
}
|
|
5
|
-
OasysAlertTitleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
6
|
-
OasysAlertTitleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "
|
|
7
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
5
|
+
OasysAlertTitleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OasysAlertTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
6
|
+
OasysAlertTitleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.3.0", type: OasysAlertTitleDirective, selector: "ui-alert-title, [ui-alert-title]", ngImport: i0 });
|
|
7
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OasysAlertTitleDirective, decorators: [{
|
|
8
8
|
type: Directive,
|
|
9
9
|
args: [{
|
|
10
10
|
selector: 'ui-alert-title, [ui-alert-title]',
|
|
11
11
|
}]
|
|
12
12
|
}] });
|
|
13
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
13
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxlcnQtdGl0bGUuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvb2FzeXMtbGliL3NyYy9saWIvY29tcG9uZW50cy9hbGVydC9hbGVydC10aXRsZS5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFLMUMsTUFBTSxPQUFPLHdCQUF3Qjs7cUhBQXhCLHdCQUF3Qjt5R0FBeEIsd0JBQXdCOzJGQUF4Qix3QkFBd0I7a0JBSHBDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLGtDQUFrQztpQkFDN0MiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAndWktYWxlcnQtdGl0bGUsIFt1aS1hbGVydC10aXRsZV0nLFxufSlcbmV4cG9ydCBjbGFzcyBPYXN5c0FsZXJ0VGl0bGVEaXJlY3RpdmUge31cbiJdfQ==
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
import { Component, ContentChild, EventEmitter, Input, Output, } from '@angular/core';
|
|
2
|
+
import { Breakpoint, } from '../../services/breakpoint.service';
|
|
3
|
+
import { OasysAlertCancelDirective } from './alert-cancel.directive';
|
|
4
|
+
import { OasysAlertConfirmDirective } from './alert-confirm.directive';
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
import * as i1 from "../../services/breakpoint.service";
|
|
7
|
+
import * as i2 from "@angular/common";
|
|
8
|
+
import * as i3 from "../layout/box/box.component";
|
|
9
|
+
import * as i4 from "../layout/stack/stack.component";
|
|
10
|
+
import * as i5 from "../button/button.component";
|
|
11
|
+
import * as i6 from "../icon/icon.component";
|
|
12
|
+
export class OasysAlertComponent {
|
|
13
|
+
constructor(breakpointService) {
|
|
14
|
+
this.breakpointService = breakpointService;
|
|
15
|
+
this.direction = 'dynamic';
|
|
16
|
+
this.tone = 'neutral';
|
|
17
|
+
this.cancel = new EventEmitter();
|
|
18
|
+
this.confirm = new EventEmitter();
|
|
19
|
+
}
|
|
20
|
+
get isVertical() {
|
|
21
|
+
switch (this.direction) {
|
|
22
|
+
case 'vertical':
|
|
23
|
+
return true;
|
|
24
|
+
case 'horizontal':
|
|
25
|
+
return false;
|
|
26
|
+
default:
|
|
27
|
+
return this.breakpointService.currentSize.value === Breakpoint.MOBILE;
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
cancelled() {
|
|
31
|
+
this.cancel.emit();
|
|
32
|
+
}
|
|
33
|
+
confirmed() {
|
|
34
|
+
this.confirm.emit();
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
OasysAlertComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OasysAlertComponent, deps: [{ token: i1.BreakpointService }], target: i0.ɵɵFactoryTarget.Component });
|
|
38
|
+
OasysAlertComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: OasysAlertComponent, selector: "ui-alert", inputs: { direction: "direction", tone: "tone" }, outputs: { cancel: "cancel", confirm: "confirm" }, queries: [{ propertyName: "cancelButton", first: true, predicate: OasysAlertCancelDirective, descendants: true }, { propertyName: "confirmButton", first: true, predicate: OasysAlertConfirmDirective, descendants: true }], ngImport: i0, template: "<ui-box class=\"ui-alert\" box_space=\"near\" box_align_x=\"center\" [ngClass]=\"tone\">\n <ui-stack stack_direction=\"x\" stack_gap=\"near\">\n <div class=\"badge\" [ngClass]=\"tone\" [ngSwitch]=\"tone\">\n <ui-icon *ngSwitchCase=\"'negative'\" icon_name=\"error\"></ui-icon>\n <ui-icon *ngSwitchCase=\"'positive'\" icon_name=\"tick\"></ui-icon>\n <ui-icon *ngSwitchDefault icon_name=\"info\"></ui-icon>\n </div>\n\n <ui-stack stack_gap=\"near\" [stack_direction]=\"isVertical ? 'y' : 'x'\">\n <ui-stack class=\"content\" stack_direction=\"y\">\n <div class=\"text-body--emphasis\">\n <ng-content select=\"ui-alert-title\"></ng-content>\n </div>\n <div>\n <ng-content select=\"ui-alert-content\"></ng-content>\n </div>\n </ui-stack>\n\n <ui-box\n box_space=\"none\"\n box_background=\"transparent\"\n [box_fill_mode]=\"isVertical ? 'fill' : 'fit'\"\n >\n <ui-stack stack_direction=\"x\" stack_gap=\"near\" stack_distribute=\"end\">\n <ui-button\n *ngIf=\"cancelButton && cancelButton.text\"\n button_type=\"tertiary\"\n button_text_nowrap=\"true\"\n (clicked)=\"cancelled()\"\n >\n <span #buttontext>\n <ng-content select=\"ui-alert-cancel\"></ng-content>\n </span>\n </ui-button>\n <ui-button\n *ngIf=\"confirmButton && confirmButton.text\"\n button_type=\"secondary\"\n button_text_nowrap=\"true\"\n (clicked)=\"confirmed()\"\n >\n <span #buttontext>\n <ng-content select=\"ui-alert-confirm\"></ng-content>\n </span>\n </ui-button>\n </ui-stack>\n </ui-box>\n </ui-stack>\n </ui-stack>\n</ui-box>\n", styles: [":host{display:contents}.ui-alert{background-color:var(--component-alert-background-neutral)}.ui-alert.negative{background-color:var(--component-alert-background-negative)}.ui-alert.positive{background-color:var(--component-alert-background-positive)}.ui-alert .badge{padding:2px;border-radius:9999px;color:var(--global-color-black);background-color:var(--component-alert-badge-neutral)}.ui-alert .badge.negative{color:var(--global-color-white);background-color:var(--component-alert-badge-negative)}.ui-alert .badge.positive{color:var(--global-color-white);background-color:var(--component-alert-badge-positive)}.ui-alert .badge ui-icon{fill:currentColor}.ui-alert .content{gap:4px}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i2.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "component", type: i3.LayoutBoxComponent, selector: "ui-box", inputs: ["box_space", "box_space_top", "box_space_right", "box_space_bottom", "box_space_left", "box_align_x", "box_align_y", "box_fill_mode", "box_background", "box_content_fill_width"] }, { kind: "component", type: i4.LayoutStackComponent, selector: "ui-stack", inputs: ["stack_gap", "stack_align", "stack_direction", "stack_distribute", "stack_wrap", "stack_collapse_below"] }, { kind: "component", type: i5.OasysButtonComponent, selector: "ui-button", inputs: ["button_icon", "button_icon_placement", "button_size", "button_full_width", "button_type", "button_disabled", "button_text_nowrap", "href"], outputs: ["clicked"] }, { kind: "component", type: i6.IconComponent, selector: "ui-icon", inputs: ["icon_size", "icon_name", "icon_context", "icon_width", "icon_height", "icon_class"] }] });
|
|
39
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OasysAlertComponent, decorators: [{
|
|
40
|
+
type: Component,
|
|
41
|
+
args: [{ selector: 'ui-alert', template: "<ui-box class=\"ui-alert\" box_space=\"near\" box_align_x=\"center\" [ngClass]=\"tone\">\n <ui-stack stack_direction=\"x\" stack_gap=\"near\">\n <div class=\"badge\" [ngClass]=\"tone\" [ngSwitch]=\"tone\">\n <ui-icon *ngSwitchCase=\"'negative'\" icon_name=\"error\"></ui-icon>\n <ui-icon *ngSwitchCase=\"'positive'\" icon_name=\"tick\"></ui-icon>\n <ui-icon *ngSwitchDefault icon_name=\"info\"></ui-icon>\n </div>\n\n <ui-stack stack_gap=\"near\" [stack_direction]=\"isVertical ? 'y' : 'x'\">\n <ui-stack class=\"content\" stack_direction=\"y\">\n <div class=\"text-body--emphasis\">\n <ng-content select=\"ui-alert-title\"></ng-content>\n </div>\n <div>\n <ng-content select=\"ui-alert-content\"></ng-content>\n </div>\n </ui-stack>\n\n <ui-box\n box_space=\"none\"\n box_background=\"transparent\"\n [box_fill_mode]=\"isVertical ? 'fill' : 'fit'\"\n >\n <ui-stack stack_direction=\"x\" stack_gap=\"near\" stack_distribute=\"end\">\n <ui-button\n *ngIf=\"cancelButton && cancelButton.text\"\n button_type=\"tertiary\"\n button_text_nowrap=\"true\"\n (clicked)=\"cancelled()\"\n >\n <span #buttontext>\n <ng-content select=\"ui-alert-cancel\"></ng-content>\n </span>\n </ui-button>\n <ui-button\n *ngIf=\"confirmButton && confirmButton.text\"\n button_type=\"secondary\"\n button_text_nowrap=\"true\"\n (clicked)=\"confirmed()\"\n >\n <span #buttontext>\n <ng-content select=\"ui-alert-confirm\"></ng-content>\n </span>\n </ui-button>\n </ui-stack>\n </ui-box>\n </ui-stack>\n </ui-stack>\n</ui-box>\n", styles: [":host{display:contents}.ui-alert{background-color:var(--component-alert-background-neutral)}.ui-alert.negative{background-color:var(--component-alert-background-negative)}.ui-alert.positive{background-color:var(--component-alert-background-positive)}.ui-alert .badge{padding:2px;border-radius:9999px;color:var(--global-color-black);background-color:var(--component-alert-badge-neutral)}.ui-alert .badge.negative{color:var(--global-color-white);background-color:var(--component-alert-badge-negative)}.ui-alert .badge.positive{color:var(--global-color-white);background-color:var(--component-alert-badge-positive)}.ui-alert .badge ui-icon{fill:currentColor}.ui-alert .content{gap:4px}\n"] }]
|
|
42
|
+
}], ctorParameters: function () { return [{ type: i1.BreakpointService }]; }, propDecorators: { direction: [{
|
|
43
|
+
type: Input
|
|
44
|
+
}], tone: [{
|
|
45
|
+
type: Input
|
|
46
|
+
}], cancel: [{
|
|
47
|
+
type: Output
|
|
48
|
+
}], confirm: [{
|
|
49
|
+
type: Output
|
|
50
|
+
}], cancelButton: [{
|
|
51
|
+
type: ContentChild,
|
|
52
|
+
args: [OasysAlertCancelDirective]
|
|
53
|
+
}], confirmButton: [{
|
|
54
|
+
type: ContentChild,
|
|
55
|
+
args: [OasysAlertConfirmDirective]
|
|
56
|
+
}] } });
|
|
57
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxlcnQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvb2FzeXMtbGliL3NyYy9saWIvY29tcG9uZW50cy9hbGVydC9hbGVydC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9vYXN5cy1saWIvc3JjL2xpYi9jb21wb25lbnRzL2FsZXJ0L2FsZXJ0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsWUFBWSxFQUNaLFlBQVksRUFDWixLQUFLLEVBQ0wsTUFBTSxHQUNQLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFDTCxVQUFVLEdBRVgsTUFBTSxtQ0FBbUMsQ0FBQztBQUMzQyxPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUNyRSxPQUFPLEVBQUUsMEJBQTBCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQzs7Ozs7Ozs7QUFTdkUsTUFBTSxPQUFPLG1CQUFtQjtJQW1COUIsWUFBbUIsaUJBQW9DO1FBQXBDLHNCQUFpQixHQUFqQixpQkFBaUIsQ0FBbUI7UUFqQmhELGNBQVMsR0FBMEMsU0FBUyxDQUFDO1FBRzdELFNBQUksR0FBZ0IsU0FBUyxDQUFDO1FBRzlCLFdBQU0sR0FBdUIsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUd0RCxZQUFPLEdBQXVCLElBQUksWUFBWSxFQUFRLENBQUM7SUFRSixDQUFDO0lBRTNELElBQUksVUFBVTtRQUNaLFFBQVEsSUFBSSxDQUFDLFNBQVMsRUFBRTtZQUN0QixLQUFLLFVBQVU7Z0JBQ2IsT0FBTyxJQUFJLENBQUM7WUFDZCxLQUFLLFlBQVk7Z0JBQ2YsT0FBTyxLQUFLLENBQUM7WUFDZjtnQkFDRSxPQUFPLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxXQUFXLENBQUMsS0FBSyxLQUFLLFVBQVUsQ0FBQyxNQUFNLENBQUM7U0FDekU7SUFDSCxDQUFDO0lBRU0sU0FBUztRQUNkLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDckIsQ0FBQztJQUVNLFNBQVM7UUFDZCxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3RCLENBQUM7O2dIQXRDVSxtQkFBbUI7b0dBQW5CLG1CQUFtQiwrTEFhaEIseUJBQXlCLGdGQUd6QiwwQkFBMEIsZ0RDckMxQywwekRBaURBOzJGRDVCYSxtQkFBbUI7a0JBTC9CLFNBQVM7K0JBQ0UsVUFBVTt3R0FNYixTQUFTO3NCQURmLEtBQUs7Z0JBSUMsSUFBSTtzQkFEVixLQUFLO2dCQUlDLE1BQU07c0JBRFosTUFBTTtnQkFJQSxPQUFPO3NCQURiLE1BQU07Z0JBSUEsWUFBWTtzQkFEbEIsWUFBWTt1QkFBQyx5QkFBeUI7Z0JBSWhDLGFBQWE7c0JBRG5CLFlBQVk7dUJBQUMsMEJBQTBCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBDb250ZW50Q2hpbGQsXG4gIEV2ZW50RW1pdHRlcixcbiAgSW5wdXQsXG4gIE91dHB1dCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1xuICBCcmVha3BvaW50LFxuICBCcmVha3BvaW50U2VydmljZSxcbn0gZnJvbSAnLi4vLi4vc2VydmljZXMvYnJlYWtwb2ludC5zZXJ2aWNlJztcbmltcG9ydCB7IE9hc3lzQWxlcnRDYW5jZWxEaXJlY3RpdmUgfSBmcm9tICcuL2FsZXJ0LWNhbmNlbC5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgT2FzeXNBbGVydENvbmZpcm1EaXJlY3RpdmUgfSBmcm9tICcuL2FsZXJ0LWNvbmZpcm0uZGlyZWN0aXZlJztcblxuZXhwb3J0IHR5cGUgVUlBbGVydFRvbmUgPSAncG9zaXRpdmUnIHwgJ25ldXRyYWwnIHwgJ25lZ2F0aXZlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndWktYWxlcnQnLFxuICB0ZW1wbGF0ZVVybDogJy4vYWxlcnQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9hbGVydC5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBPYXN5c0FsZXJ0Q29tcG9uZW50IHtcbiAgQElucHV0KClcbiAgcHVibGljIGRpcmVjdGlvbjogJ2R5bmFtaWMnIHwgJ3ZlcnRpY2FsJyB8ICdob3Jpem9udGFsJyA9ICdkeW5hbWljJztcblxuICBASW5wdXQoKVxuICBwdWJsaWMgdG9uZTogVUlBbGVydFRvbmUgPSAnbmV1dHJhbCc7XG5cbiAgQE91dHB1dCgpXG4gIHB1YmxpYyBjYW5jZWw6IEV2ZW50RW1pdHRlcjx2b2lkPiA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcblxuICBAT3V0cHV0KClcbiAgcHVibGljIGNvbmZpcm06IEV2ZW50RW1pdHRlcjx2b2lkPiA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcblxuICBAQ29udGVudENoaWxkKE9hc3lzQWxlcnRDYW5jZWxEaXJlY3RpdmUpXG4gIHB1YmxpYyBjYW5jZWxCdXR0b246IE9hc3lzQWxlcnRDYW5jZWxEaXJlY3RpdmU7XG5cbiAgQENvbnRlbnRDaGlsZChPYXN5c0FsZXJ0Q29uZmlybURpcmVjdGl2ZSlcbiAgcHVibGljIGNvbmZpcm1CdXR0b246IE9hc3lzQWxlcnRDb25maXJtRGlyZWN0aXZlO1xuXG4gIGNvbnN0cnVjdG9yKHB1YmxpYyBicmVha3BvaW50U2VydmljZTogQnJlYWtwb2ludFNlcnZpY2UpIHt9XG5cbiAgZ2V0IGlzVmVydGljYWwoKTogYm9vbGVhbiB7XG4gICAgc3dpdGNoICh0aGlzLmRpcmVjdGlvbikge1xuICAgICAgY2FzZSAndmVydGljYWwnOlxuICAgICAgICByZXR1cm4gdHJ1ZTtcbiAgICAgIGNhc2UgJ2hvcml6b250YWwnOlxuICAgICAgICByZXR1cm4gZmFsc2U7XG4gICAgICBkZWZhdWx0OlxuICAgICAgICByZXR1cm4gdGhpcy5icmVha3BvaW50U2VydmljZS5jdXJyZW50U2l6ZS52YWx1ZSA9PT0gQnJlYWtwb2ludC5NT0JJTEU7XG4gICAgfVxuICB9XG5cbiAgcHVibGljIGNhbmNlbGxlZCgpOiB2b2lkIHtcbiAgICB0aGlzLmNhbmNlbC5lbWl0KCk7XG4gIH1cblxuICBwdWJsaWMgY29uZmlybWVkKCk6IHZvaWQge1xuICAgIHRoaXMuY29uZmlybS5lbWl0KCk7XG4gIH1cbn1cbiIsIjx1aS1ib3ggY2xhc3M9XCJ1aS1hbGVydFwiIGJveF9zcGFjZT1cIm5lYXJcIiBib3hfYWxpZ25feD1cImNlbnRlclwiIFtuZ0NsYXNzXT1cInRvbmVcIj5cbiAgPHVpLXN0YWNrIHN0YWNrX2RpcmVjdGlvbj1cInhcIiBzdGFja19nYXA9XCJuZWFyXCI+XG4gICAgPGRpdiBjbGFzcz1cImJhZGdlXCIgW25nQ2xhc3NdPVwidG9uZVwiIFtuZ1N3aXRjaF09XCJ0b25lXCI+XG4gICAgICA8dWktaWNvbiAqbmdTd2l0Y2hDYXNlPVwiJ25lZ2F0aXZlJ1wiIGljb25fbmFtZT1cImVycm9yXCI+PC91aS1pY29uPlxuICAgICAgPHVpLWljb24gKm5nU3dpdGNoQ2FzZT1cIidwb3NpdGl2ZSdcIiBpY29uX25hbWU9XCJ0aWNrXCI+PC91aS1pY29uPlxuICAgICAgPHVpLWljb24gKm5nU3dpdGNoRGVmYXVsdCBpY29uX25hbWU9XCJpbmZvXCI+PC91aS1pY29uPlxuICAgIDwvZGl2PlxuXG4gICAgPHVpLXN0YWNrIHN0YWNrX2dhcD1cIm5lYXJcIiBbc3RhY2tfZGlyZWN0aW9uXT1cImlzVmVydGljYWwgPyAneScgOiAneCdcIj5cbiAgICAgIDx1aS1zdGFjayBjbGFzcz1cImNvbnRlbnRcIiBzdGFja19kaXJlY3Rpb249XCJ5XCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJ0ZXh0LWJvZHktLWVtcGhhc2lzXCI+XG4gICAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwidWktYWxlcnQtdGl0bGVcIj48L25nLWNvbnRlbnQ+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2PlxuICAgICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cInVpLWFsZXJ0LWNvbnRlbnRcIj48L25nLWNvbnRlbnQ+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC91aS1zdGFjaz5cblxuICAgICAgPHVpLWJveFxuICAgICAgICBib3hfc3BhY2U9XCJub25lXCJcbiAgICAgICAgYm94X2JhY2tncm91bmQ9XCJ0cmFuc3BhcmVudFwiXG4gICAgICAgIFtib3hfZmlsbF9tb2RlXT1cImlzVmVydGljYWwgPyAnZmlsbCcgOiAnZml0J1wiXG4gICAgICA+XG4gICAgICAgIDx1aS1zdGFjayBzdGFja19kaXJlY3Rpb249XCJ4XCIgc3RhY2tfZ2FwPVwibmVhclwiIHN0YWNrX2Rpc3RyaWJ1dGU9XCJlbmRcIj5cbiAgICAgICAgICA8dWktYnV0dG9uXG4gICAgICAgICAgICAqbmdJZj1cImNhbmNlbEJ1dHRvbiAmJiBjYW5jZWxCdXR0b24udGV4dFwiXG4gICAgICAgICAgICBidXR0b25fdHlwZT1cInRlcnRpYXJ5XCJcbiAgICAgICAgICAgIGJ1dHRvbl90ZXh0X25vd3JhcD1cInRydWVcIlxuICAgICAgICAgICAgKGNsaWNrZWQpPVwiY2FuY2VsbGVkKClcIlxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxzcGFuICNidXR0b250ZXh0PlxuICAgICAgICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJ1aS1hbGVydC1jYW5jZWxcIj48L25nLWNvbnRlbnQ+XG4gICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgPC91aS1idXR0b24+XG4gICAgICAgICAgPHVpLWJ1dHRvblxuICAgICAgICAgICAgKm5nSWY9XCJjb25maXJtQnV0dG9uICYmIGNvbmZpcm1CdXR0b24udGV4dFwiXG4gICAgICAgICAgICBidXR0b25fdHlwZT1cInNlY29uZGFyeVwiXG4gICAgICAgICAgICBidXR0b25fdGV4dF9ub3dyYXA9XCJ0cnVlXCJcbiAgICAgICAgICAgIChjbGlja2VkKT1cImNvbmZpcm1lZCgpXCJcbiAgICAgICAgICA+XG4gICAgICAgICAgICA8c3BhbiAjYnV0dG9udGV4dD5cbiAgICAgICAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwidWktYWxlcnQtY29uZmlybVwiPjwvbmctY29udGVudD5cbiAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICA8L3VpLWJ1dHRvbj5cbiAgICAgICAgPC91aS1zdGFjaz5cbiAgICAgIDwvdWktYm94PlxuICAgIDwvdWktc3RhY2s+XG4gIDwvdWktc3RhY2s+XG48L3VpLWJveD5cbiJdfQ==
|
|
@@ -12,8 +12,8 @@ import { OasysDirectivesModule } from '../../directives/directives.module';
|
|
|
12
12
|
import * as i0 from "@angular/core";
|
|
13
13
|
export class OasysAlertModule {
|
|
14
14
|
}
|
|
15
|
-
OasysAlertModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
16
|
-
OasysAlertModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "
|
|
15
|
+
OasysAlertModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OasysAlertModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
16
|
+
OasysAlertModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: OasysAlertModule, declarations: [OasysAlertCancelDirective,
|
|
17
17
|
OasysAlertConfirmDirective,
|
|
18
18
|
OasysAlertContentDirective,
|
|
19
19
|
OasysAlertTitleDirective,
|
|
@@ -26,14 +26,12 @@ OasysAlertModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", versio
|
|
|
26
26
|
OasysAlertContentDirective,
|
|
27
27
|
OasysAlertTitleDirective,
|
|
28
28
|
OasysAlertComponent] });
|
|
29
|
-
OasysAlertModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
]] });
|
|
36
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: OasysAlertModule, decorators: [{
|
|
29
|
+
OasysAlertModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OasysAlertModule, imports: [CommonModule,
|
|
30
|
+
OasysLayoutModule,
|
|
31
|
+
OasysButtonModule,
|
|
32
|
+
OasysIconModule,
|
|
33
|
+
OasysDirectivesModule] });
|
|
34
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OasysAlertModule, decorators: [{
|
|
37
35
|
type: NgModule,
|
|
38
36
|
args: [{
|
|
39
37
|
declarations: [
|
|
@@ -59,4 +57,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
|
|
|
59
57
|
],
|
|
60
58
|
}]
|
|
61
59
|
}] });
|
|
62
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
60
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxlcnQubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvb2FzeXMtbGliL3NyYy9saWIvY29tcG9uZW50cy9hbGVydC9hbGVydC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDNUQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ3RELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQztBQUM5QyxPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUNyRSxPQUFPLEVBQUUsMEJBQTBCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUN2RSxPQUFPLEVBQUUsMEJBQTBCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUN2RSxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUNuRSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUN4RCxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQzs7QUF5QjNFLE1BQU0sT0FBTyxnQkFBZ0I7OzZHQUFoQixnQkFBZ0I7OEdBQWhCLGdCQUFnQixpQkFyQnpCLHlCQUF5QjtRQUN6QiwwQkFBMEI7UUFDMUIsMEJBQTBCO1FBQzFCLHdCQUF3QjtRQUN4QixtQkFBbUIsYUFHbkIsWUFBWTtRQUNaLGlCQUFpQjtRQUNqQixpQkFBaUI7UUFDakIsZUFBZTtRQUNmLHFCQUFxQixhQUdyQix5QkFBeUI7UUFDekIsMEJBQTBCO1FBQzFCLDBCQUEwQjtRQUMxQix3QkFBd0I7UUFDeEIsbUJBQW1COzhHQUdWLGdCQUFnQixZQWR6QixZQUFZO1FBQ1osaUJBQWlCO1FBQ2pCLGlCQUFpQjtRQUNqQixlQUFlO1FBQ2YscUJBQXFCOzJGQVVaLGdCQUFnQjtrQkF2QjVCLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFO3dCQUNaLHlCQUF5Qjt3QkFDekIsMEJBQTBCO3dCQUMxQiwwQkFBMEI7d0JBQzFCLHdCQUF3Qjt3QkFDeEIsbUJBQW1CO3FCQUNwQjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AsWUFBWTt3QkFDWixpQkFBaUI7d0JBQ2pCLGlCQUFpQjt3QkFDakIsZUFBZTt3QkFDZixxQkFBcUI7cUJBQ3RCO29CQUNELE9BQU8sRUFBRTt3QkFDUCx5QkFBeUI7d0JBQ3pCLDBCQUEwQjt3QkFDMUIsMEJBQTBCO3dCQUMxQix3QkFBd0I7d0JBQ3hCLG1CQUFtQjtxQkFDcEI7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE9hc3lzQnV0dG9uTW9kdWxlIH0gZnJvbSAnLi4vYnV0dG9uL2J1dHRvbi5tb2R1bGUnO1xuaW1wb3J0IHsgT2FzeXNJY29uTW9kdWxlIH0gZnJvbSAnLi4vaWNvbi9pY29uLm1vZHVsZSc7XG5pbXBvcnQgeyBPYXN5c0xheW91dE1vZHVsZSB9IGZyb20gJy4uL2xheW91dCc7XG5pbXBvcnQgeyBPYXN5c0FsZXJ0Q2FuY2VsRGlyZWN0aXZlIH0gZnJvbSAnLi9hbGVydC1jYW5jZWwuZGlyZWN0aXZlJztcbmltcG9ydCB7IE9hc3lzQWxlcnRDb25maXJtRGlyZWN0aXZlIH0gZnJvbSAnLi9hbGVydC1jb25maXJtLmRpcmVjdGl2ZSc7XG5pbXBvcnQgeyBPYXN5c0FsZXJ0Q29udGVudERpcmVjdGl2ZSB9IGZyb20gJy4vYWxlcnQtY29udGVudC5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgT2FzeXNBbGVydFRpdGxlRGlyZWN0aXZlIH0gZnJvbSAnLi9hbGVydC10aXRsZS5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgT2FzeXNBbGVydENvbXBvbmVudCB9IGZyb20gJy4vYWxlcnQuY29tcG9uZW50JztcbmltcG9ydCB7IE9hc3lzRGlyZWN0aXZlc01vZHVsZSB9IGZyb20gJy4uLy4uL2RpcmVjdGl2ZXMvZGlyZWN0aXZlcy5tb2R1bGUnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtcbiAgICBPYXN5c0FsZXJ0Q2FuY2VsRGlyZWN0aXZlLFxuICAgIE9hc3lzQWxlcnRDb25maXJtRGlyZWN0aXZlLFxuICAgIE9hc3lzQWxlcnRDb250ZW50RGlyZWN0aXZlLFxuICAgIE9hc3lzQWxlcnRUaXRsZURpcmVjdGl2ZSxcbiAgICBPYXN5c0FsZXJ0Q29tcG9uZW50LFxuICBdLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIE9hc3lzTGF5b3V0TW9kdWxlLFxuICAgIE9hc3lzQnV0dG9uTW9kdWxlLFxuICAgIE9hc3lzSWNvbk1vZHVsZSxcbiAgICBPYXN5c0RpcmVjdGl2ZXNNb2R1bGVcbiAgXSxcbiAgZXhwb3J0czogW1xuICAgIE9hc3lzQWxlcnRDYW5jZWxEaXJlY3RpdmUsXG4gICAgT2FzeXNBbGVydENvbmZpcm1EaXJlY3RpdmUsXG4gICAgT2FzeXNBbGVydENvbnRlbnREaXJlY3RpdmUsXG4gICAgT2FzeXNBbGVydFRpdGxlRGlyZWN0aXZlLFxuICAgIE9hc3lzQWxlcnRDb21wb25lbnQsXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIE9hc3lzQWxlcnRNb2R1bGUge31cbiJdfQ==
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "../../services/token.service";
|
|
4
|
+
import * as i2 from "@angular/common";
|
|
5
|
+
import * as i3 from "../button/button.component";
|
|
6
|
+
import * as i4 from "../heading/heading.component";
|
|
7
|
+
import * as i5 from "../layout/box/box.component";
|
|
8
|
+
import * as i6 from "../layout/grid/grid.component";
|
|
9
|
+
import * as i7 from "../layout/grid/grid-column.component";
|
|
10
|
+
import * as i8 from "../layout/stack/stack.component";
|
|
11
|
+
export class BannerComponent {
|
|
12
|
+
constructor(tokenService) {
|
|
13
|
+
this.tokenService = tokenService;
|
|
14
|
+
this.background_colour = 'tint-highlight';
|
|
15
|
+
this.cta_clicked = new EventEmitter();
|
|
16
|
+
}
|
|
17
|
+
ngOnInit() {
|
|
18
|
+
this.backgroundIsDark = this.tokenService.getTokenValue(`--semantic-on-dark-${this.background_colour}`);
|
|
19
|
+
}
|
|
20
|
+
onCtaClicked() {
|
|
21
|
+
this.cta_clicked.emit();
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
BannerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: BannerComponent, deps: [{ token: i1.TokenService }], target: i0.ɵɵFactoryTarget.Component });
|
|
25
|
+
BannerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: BannerComponent, selector: "ui-banner", inputs: { background_colour: "background_colour", cta_text: "cta_text", banner_title: "banner_title", banner_surtitle: "banner_surtitle", banner_subtitle: "banner_subtitle", cta_link: "cta_link" }, outputs: { cta_clicked: "cta_clicked" }, ngImport: i0, template: "<ui-box\n [box_background]=\"background_colour\"\n box_space_left=\"none\"\n box_space_right=\"none\"\n box_fill_mode=\"fill\"\n box_align_x=\"center\"\n class=\"ui-banner\">\n <ui-grid grid_collapse_below=\"tablet\">\n <ui-column\n [columns]=\"{mobile: '12', tablet: '10', laptop: '8', desktop: '8'}\"\n [column_inset]=\"{mobile: '0', tablet: '1', laptop: '2', desktop: '2'}\"\n class=\"ui-banner__content\">\n <ui-stack class=\"content__stack\" stack_direction=\"x\" stack_distribute=\"space-between\" stack_align=\"center\" stack_gap=\"near\">\n <ui-stack class=\"content__stack\" stack_direction=\"x\" stack_align=\"center\" stack_gap=\"near\">\n <!-- This is a stack as the icon will go here above the ui-heading -->\n <ui-heading\n *ngIf=\"banner_title || banner_surtitle || banner_subtitle\"\n heading_type=\"functional-primary\"\n [heading_title]=\"banner_title\"\n [heading_surtitle]=\"banner_surtitle\"\n [heading_subtitle]=\"banner_subtitle\">\n </ui-heading>\n </ui-stack>\n <ui-button\n *ngIf=\"cta_text\"\n bwtrackas=\"oasys.hva-banner.cta\"\n button_size=\"large\"\n [button_type]=\"backgroundIsDark === 'on-dark' ? 'primary-inverse' : 'primary'\"\n [href]=\"cta_link\"\n (clicked)=\"onCtaClicked()\">\n <span #buttontext>{{cta_text}}</span>\n </ui-button>\n </ui-stack>\n </ui-column>\n </ui-grid>\n</ui-box>\n", styles: ["@media only screen and (max-width: 767px){.ui-banner__content{padding:0 var(--semantic-spacing-stack-default)}}.ui-banner__content .content__stack{flex-direction:column;align-items:flex-start}@media only screen and (min-width: 768px){.ui-banner__content .content__stack{flex-direction:row;align-items:center}.ui-banner__content .content__stack ui-button{white-space:nowrap}}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.OasysButtonComponent, selector: "ui-button", inputs: ["button_icon", "button_icon_placement", "button_size", "button_full_width", "button_type", "button_disabled", "button_text_nowrap", "href"], outputs: ["clicked"] }, { kind: "component", type: i4.OasysHeadingComponent, selector: "ui-heading", inputs: ["heading_type", "heading_on_dark", "heading_title", "heading_seo_priority", "heading_priority", "heading_alignment_override", "heading_subtitle", "heading_surtitle"] }, { kind: "component", type: i5.LayoutBoxComponent, selector: "ui-box", inputs: ["box_space", "box_space_top", "box_space_right", "box_space_bottom", "box_space_left", "box_align_x", "box_align_y", "box_fill_mode", "box_background", "box_content_fill_width"] }, { kind: "component", type: i6.LayoutGridComponent, selector: "ui-grid", inputs: ["grid_auto", "grid_collapse_below", "grid_gap"] }, { kind: "component", type: i7.LayoutGridColumnComponent, selector: "ui-column", inputs: ["columns", "column_inset"] }, { kind: "component", type: i8.LayoutStackComponent, selector: "ui-stack", inputs: ["stack_gap", "stack_align", "stack_direction", "stack_distribute", "stack_wrap", "stack_collapse_below"] }] });
|
|
26
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: BannerComponent, decorators: [{
|
|
27
|
+
type: Component,
|
|
28
|
+
args: [{ selector: 'ui-banner', template: "<ui-box\n [box_background]=\"background_colour\"\n box_space_left=\"none\"\n box_space_right=\"none\"\n box_fill_mode=\"fill\"\n box_align_x=\"center\"\n class=\"ui-banner\">\n <ui-grid grid_collapse_below=\"tablet\">\n <ui-column\n [columns]=\"{mobile: '12', tablet: '10', laptop: '8', desktop: '8'}\"\n [column_inset]=\"{mobile: '0', tablet: '1', laptop: '2', desktop: '2'}\"\n class=\"ui-banner__content\">\n <ui-stack class=\"content__stack\" stack_direction=\"x\" stack_distribute=\"space-between\" stack_align=\"center\" stack_gap=\"near\">\n <ui-stack class=\"content__stack\" stack_direction=\"x\" stack_align=\"center\" stack_gap=\"near\">\n <!-- This is a stack as the icon will go here above the ui-heading -->\n <ui-heading\n *ngIf=\"banner_title || banner_surtitle || banner_subtitle\"\n heading_type=\"functional-primary\"\n [heading_title]=\"banner_title\"\n [heading_surtitle]=\"banner_surtitle\"\n [heading_subtitle]=\"banner_subtitle\">\n </ui-heading>\n </ui-stack>\n <ui-button\n *ngIf=\"cta_text\"\n bwtrackas=\"oasys.hva-banner.cta\"\n button_size=\"large\"\n [button_type]=\"backgroundIsDark === 'on-dark' ? 'primary-inverse' : 'primary'\"\n [href]=\"cta_link\"\n (clicked)=\"onCtaClicked()\">\n <span #buttontext>{{cta_text}}</span>\n </ui-button>\n </ui-stack>\n </ui-column>\n </ui-grid>\n</ui-box>\n", styles: ["@media only screen and (max-width: 767px){.ui-banner__content{padding:0 var(--semantic-spacing-stack-default)}}.ui-banner__content .content__stack{flex-direction:column;align-items:flex-start}@media only screen and (min-width: 768px){.ui-banner__content .content__stack{flex-direction:row;align-items:center}.ui-banner__content .content__stack ui-button{white-space:nowrap}}\n"] }]
|
|
29
|
+
}], ctorParameters: function () { return [{ type: i1.TokenService }]; }, propDecorators: { background_colour: [{
|
|
30
|
+
type: Input
|
|
31
|
+
}], cta_text: [{
|
|
32
|
+
type: Input
|
|
33
|
+
}], banner_title: [{
|
|
34
|
+
type: Input
|
|
35
|
+
}], banner_surtitle: [{
|
|
36
|
+
type: Input
|
|
37
|
+
}], banner_subtitle: [{
|
|
38
|
+
type: Input
|
|
39
|
+
}], cta_link: [{
|
|
40
|
+
type: Input
|
|
41
|
+
}], cta_clicked: [{
|
|
42
|
+
type: Output
|
|
43
|
+
}] } });
|
|
44
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFubmVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL29hc3lzLWxpYi9zcmMvbGliL2NvbXBvbmVudHMvYmFubmVyL2Jhbm5lci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9vYXN5cy1saWIvc3JjL2xpYi9jb21wb25lbnRzL2Jhbm5lci9iYW5uZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7Ozs7OztBQVMvRSxNQUFNLE9BQU8sZUFBZTtJQWUxQixZQUFvQixZQUEwQjtRQUExQixpQkFBWSxHQUFaLFlBQVksQ0FBYztRQWJyQyxzQkFBaUIsR0FBc0IsZ0JBQWdCLENBQUM7UUFRdkQsZ0JBQVcsR0FBdUIsSUFBSSxZQUFZLEVBQUUsQ0FBQztJQUtiLENBQUM7SUFFbkQsUUFBUTtRQUNOLElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDLGFBQWEsQ0FBQyxzQkFBc0IsSUFBSSxDQUFDLGlCQUFpQixFQUFFLENBQUMsQ0FBQztJQUMxRyxDQUFDO0lBRUQsWUFBWTtRQUNWLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDMUIsQ0FBQzs7NEdBdkJVLGVBQWU7Z0dBQWYsZUFBZSxnU0NUNUIsMnZEQW9DQTsyRkQzQmEsZUFBZTtrQkFMM0IsU0FBUzsrQkFDRSxXQUFXO21HQU1aLGlCQUFpQjtzQkFBekIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0csZUFBZTtzQkFBdkIsS0FBSztnQkFDRyxlQUFlO3NCQUF2QixLQUFLO2dCQUdHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0ksV0FBVztzQkFBcEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFRva2VuU2VydmljZSB9IGZyb20gJy4uLy4uL3NlcnZpY2VzL3Rva2VuLnNlcnZpY2UnO1xuaW1wb3J0IHsgTGF5b3V0QmFja2dyb3VuZHMgfSBmcm9tICcuLi9sYXlvdXQvTGF5b3V0JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndWktYmFubmVyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2Jhbm5lci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2Jhbm5lci5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIEJhbm5lckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG5cbiAgQElucHV0KCkgYmFja2dyb3VuZF9jb2xvdXI6IExheW91dEJhY2tncm91bmRzID0gJ3RpbnQtaGlnaGxpZ2h0JztcbiAgQElucHV0KCkgY3RhX3RleHQ6IHN0cmluZztcbiAgQElucHV0KCkgYmFubmVyX3RpdGxlOiBzdHJpbmc7XG4gIEBJbnB1dCgpIGJhbm5lcl9zdXJ0aXRsZTogc3RyaW5nO1xuICBASW5wdXQoKSBiYW5uZXJfc3VidGl0bGU6IHN0cmluZztcblxuICAvLyBDVEEgYWN0aW9uc1xuICBASW5wdXQoKSBjdGFfbGluazogc3RyaW5nO1xuICBAT3V0cHV0KCkgY3RhX2NsaWNrZWQ6IEV2ZW50RW1pdHRlcjx2b2lkPiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICAvLyBEZXNpZ24gdG9rZW4gdmFyaWFibGVzO1xuICBiYWNrZ3JvdW5kSXNEYXJrOiBzdHJpbmc7XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSB0b2tlblNlcnZpY2U6IFRva2VuU2VydmljZSkgeyB9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5iYWNrZ3JvdW5kSXNEYXJrID0gdGhpcy50b2tlblNlcnZpY2UuZ2V0VG9rZW5WYWx1ZShgLS1zZW1hbnRpYy1vbi1kYXJrLSR7dGhpcy5iYWNrZ3JvdW5kX2NvbG91cn1gKTtcbiAgfVxuXG4gIG9uQ3RhQ2xpY2tlZCgpOiB2b2lkIHtcbiAgICB0aGlzLmN0YV9jbGlja2VkLmVtaXQoKTtcbiAgfVxuXG59XG4iLCI8dWktYm94XG4gICAgW2JveF9iYWNrZ3JvdW5kXT1cImJhY2tncm91bmRfY29sb3VyXCJcbiAgICBib3hfc3BhY2VfbGVmdD1cIm5vbmVcIlxuICAgIGJveF9zcGFjZV9yaWdodD1cIm5vbmVcIlxuICAgIGJveF9maWxsX21vZGU9XCJmaWxsXCJcbiAgICBib3hfYWxpZ25feD1cImNlbnRlclwiXG4gICAgY2xhc3M9XCJ1aS1iYW5uZXJcIj5cbiAgICA8dWktZ3JpZCBncmlkX2NvbGxhcHNlX2JlbG93PVwidGFibGV0XCI+XG4gICAgICAgIDx1aS1jb2x1bW5cbiAgICAgICAgICAgIFtjb2x1bW5zXT1cInttb2JpbGU6ICcxMicsIHRhYmxldDogJzEwJywgbGFwdG9wOiAnOCcsIGRlc2t0b3A6ICc4J31cIlxuICAgICAgICAgICAgW2NvbHVtbl9pbnNldF09XCJ7bW9iaWxlOiAnMCcsIHRhYmxldDogJzEnLCBsYXB0b3A6ICcyJywgZGVza3RvcDogJzInfVwiXG4gICAgICAgICAgICBjbGFzcz1cInVpLWJhbm5lcl9fY29udGVudFwiPlxuICAgICAgICAgICAgPHVpLXN0YWNrIGNsYXNzPVwiY29udGVudF9fc3RhY2tcIiBzdGFja19kaXJlY3Rpb249XCJ4XCIgc3RhY2tfZGlzdHJpYnV0ZT1cInNwYWNlLWJldHdlZW5cIiBzdGFja19hbGlnbj1cImNlbnRlclwiIHN0YWNrX2dhcD1cIm5lYXJcIj5cbiAgICAgICAgICAgICAgICA8dWktc3RhY2sgY2xhc3M9XCJjb250ZW50X19zdGFja1wiIHN0YWNrX2RpcmVjdGlvbj1cInhcIiBzdGFja19hbGlnbj1cImNlbnRlclwiIHN0YWNrX2dhcD1cIm5lYXJcIj5cbiAgICAgICAgICAgICAgICAgICAgPCEtLSBUaGlzIGlzIGEgc3RhY2sgYXMgdGhlIGljb24gd2lsbCBnbyBoZXJlIGFib3ZlIHRoZSB1aS1oZWFkaW5nIC0tPlxuICAgICAgICAgICAgICAgICAgICA8dWktaGVhZGluZ1xuICAgICAgICAgICAgICAgICAgICAgICAgKm5nSWY9XCJiYW5uZXJfdGl0bGUgfHwgYmFubmVyX3N1cnRpdGxlIHx8IGJhbm5lcl9zdWJ0aXRsZVwiXG4gICAgICAgICAgICAgICAgICAgICAgICBoZWFkaW5nX3R5cGU9XCJmdW5jdGlvbmFsLXByaW1hcnlcIlxuICAgICAgICAgICAgICAgICAgICAgICAgW2hlYWRpbmdfdGl0bGVdPVwiYmFubmVyX3RpdGxlXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIFtoZWFkaW5nX3N1cnRpdGxlXT1cImJhbm5lcl9zdXJ0aXRsZVwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbaGVhZGluZ19zdWJ0aXRsZV09XCJiYW5uZXJfc3VidGl0bGVcIj5cbiAgICAgICAgICAgICAgICAgICAgPC91aS1oZWFkaW5nPlxuICAgICAgICAgICAgICAgIDwvdWktc3RhY2s+XG4gICAgICAgICAgICAgICAgPHVpLWJ1dHRvblxuICAgICAgICAgICAgICAgICAgICAqbmdJZj1cImN0YV90ZXh0XCJcbiAgICAgICAgICAgICAgICAgICAgYnd0cmFja2FzPVwib2FzeXMuaHZhLWJhbm5lci5jdGFcIlxuICAgICAgICAgICAgICAgICAgICBidXR0b25fc2l6ZT1cImxhcmdlXCJcbiAgICAgICAgICAgICAgICAgICAgW2J1dHRvbl90eXBlXT1cImJhY2tncm91bmRJc0RhcmsgID09PSAnb24tZGFyaycgPyAncHJpbWFyeS1pbnZlcnNlJyA6ICdwcmltYXJ5J1wiXG4gICAgICAgICAgICAgICAgICAgIFtocmVmXT1cImN0YV9saW5rXCJcbiAgICAgICAgICAgICAgICAgICAgKGNsaWNrZWQpPVwib25DdGFDbGlja2VkKClcIj5cbiAgICAgICAgICAgICAgICAgICAgPHNwYW4gI2J1dHRvbnRleHQ+e3tjdGFfdGV4dH19PC9zcGFuPlxuICAgICAgICAgICAgICAgIDwvdWktYnV0dG9uPlxuICAgICAgICAgICAgPC91aS1zdGFjaz5cbiAgICAgICAgPC91aS1jb2x1bW4+XG4gICAgPC91aS1ncmlkPlxuPC91aS1ib3g+XG4iXX0=
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { CommonModule } from '@angular/common';
|
|
2
|
+
import { NgModule } from '@angular/core';
|
|
3
|
+
import { TokenService } from '../../services/token.service';
|
|
4
|
+
import { OasysButtonModule } from '../button/button.module';
|
|
5
|
+
import { OasysHeadingModule } from '../heading/heading.module';
|
|
6
|
+
import { OasysIconModule } from '../icon/icon.module';
|
|
7
|
+
import { OasysLayoutModule } from '../layout/layout.module';
|
|
8
|
+
import { BannerComponent } from './banner.component';
|
|
9
|
+
import { OasysDirectivesModule } from '../../directives/directives.module';
|
|
10
|
+
import * as i0 from "@angular/core";
|
|
11
|
+
export class OasysBannerModule {
|
|
12
|
+
}
|
|
13
|
+
OasysBannerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OasysBannerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
14
|
+
OasysBannerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: OasysBannerModule, declarations: [BannerComponent], imports: [CommonModule, OasysButtonModule, OasysHeadingModule, OasysLayoutModule, OasysIconModule, OasysDirectivesModule], exports: [BannerComponent] });
|
|
15
|
+
OasysBannerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OasysBannerModule, providers: [TokenService], imports: [CommonModule, OasysButtonModule, OasysHeadingModule, OasysLayoutModule, OasysIconModule, OasysDirectivesModule] });
|
|
16
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OasysBannerModule, decorators: [{
|
|
17
|
+
type: NgModule,
|
|
18
|
+
args: [{
|
|
19
|
+
declarations: [BannerComponent],
|
|
20
|
+
imports: [CommonModule, OasysButtonModule, OasysHeadingModule, OasysLayoutModule, OasysIconModule, OasysDirectivesModule],
|
|
21
|
+
exports: [BannerComponent],
|
|
22
|
+
providers: [TokenService],
|
|
23
|
+
}]
|
|
24
|
+
}] });
|
|
25
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFubmVyLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL29hc3lzLWxpYi9zcmMvbGliL2NvbXBvbmVudHMvYmFubmVyL2Jhbm5lci5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQzVELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQzVELE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQy9ELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUN0RCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUM1RCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDckQsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sb0NBQW9DLENBQUM7O0FBUTNFLE1BQU0sT0FBTyxpQkFBaUI7OzhHQUFqQixpQkFBaUI7K0dBQWpCLGlCQUFpQixpQkFMYixlQUFlLGFBQ3BCLFlBQVksRUFBRSxpQkFBaUIsRUFBRSxrQkFBa0IsRUFBRSxpQkFBaUIsRUFBRSxlQUFlLEVBQUUscUJBQXFCLGFBQzlHLGVBQWU7K0dBR2QsaUJBQWlCLGFBRmpCLENBQUMsWUFBWSxDQUFDLFlBRmYsWUFBWSxFQUFFLGlCQUFpQixFQUFFLGtCQUFrQixFQUFFLGlCQUFpQixFQUFFLGVBQWUsRUFBRSxxQkFBcUI7MkZBSTdHLGlCQUFpQjtrQkFON0IsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsQ0FBQyxlQUFlLENBQUM7b0JBQy9CLE9BQU8sRUFBRSxDQUFDLFlBQVksRUFBRSxpQkFBaUIsRUFBRSxrQkFBa0IsRUFBRSxpQkFBaUIsRUFBRSxlQUFlLEVBQUUscUJBQXFCLENBQUM7b0JBQ3pILE9BQU8sRUFBRSxDQUFDLGVBQWUsQ0FBQztvQkFDMUIsU0FBUyxFQUFFLENBQUMsWUFBWSxDQUFDO2lCQUMxQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgVG9rZW5TZXJ2aWNlIH0gZnJvbSAnLi4vLi4vc2VydmljZXMvdG9rZW4uc2VydmljZSc7XG5pbXBvcnQgeyBPYXN5c0J1dHRvbk1vZHVsZSB9IGZyb20gJy4uL2J1dHRvbi9idXR0b24ubW9kdWxlJztcbmltcG9ydCB7IE9hc3lzSGVhZGluZ01vZHVsZSB9IGZyb20gJy4uL2hlYWRpbmcvaGVhZGluZy5tb2R1bGUnO1xuaW1wb3J0IHsgT2FzeXNJY29uTW9kdWxlIH0gZnJvbSAnLi4vaWNvbi9pY29uLm1vZHVsZSc7XG5pbXBvcnQgeyBPYXN5c0xheW91dE1vZHVsZSB9IGZyb20gJy4uL2xheW91dC9sYXlvdXQubW9kdWxlJztcbmltcG9ydCB7IEJhbm5lckNvbXBvbmVudCB9IGZyb20gJy4vYmFubmVyLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBPYXN5c0RpcmVjdGl2ZXNNb2R1bGUgfSBmcm9tICcuLi8uLi9kaXJlY3RpdmVzL2RpcmVjdGl2ZXMubW9kdWxlJztcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbQmFubmVyQ29tcG9uZW50XSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgT2FzeXNCdXR0b25Nb2R1bGUsIE9hc3lzSGVhZGluZ01vZHVsZSwgT2FzeXNMYXlvdXRNb2R1bGUsIE9hc3lzSWNvbk1vZHVsZSwgT2FzeXNEaXJlY3RpdmVzTW9kdWxlXSxcbiAgZXhwb3J0czogW0Jhbm5lckNvbXBvbmVudF0sXG4gIHByb3ZpZGVyczogW1Rva2VuU2VydmljZV0sXG59KVxuZXhwb3J0IGNsYXNzIE9hc3lzQmFubmVyTW9kdWxlIHt9Il19
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { ViewEncapsulation } from '@angular/core';
|
|
2
|
+
import { Input } from '@angular/core';
|
|
3
|
+
import { Component } from '@angular/core';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
import * as i1 from "@angular/common";
|
|
6
|
+
import * as i2 from "../button/button.component";
|
|
7
|
+
import * as i3 from "../icon/icon.component";
|
|
8
|
+
import * as i4 from "../layout/box/box.component";
|
|
9
|
+
import * as i5 from "../layout/stack/stack.component";
|
|
10
|
+
export class BreadcrumbsComponent {
|
|
11
|
+
constructor() { }
|
|
12
|
+
ngOnInit() {
|
|
13
|
+
if (typeof this.breadcrumbs_values === 'string') {
|
|
14
|
+
this.values = JSON.parse(this.breadcrumbs_values) ?? [];
|
|
15
|
+
}
|
|
16
|
+
else {
|
|
17
|
+
this.values = this.breadcrumbs_values;
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
BreadcrumbsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: BreadcrumbsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
22
|
+
BreadcrumbsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: BreadcrumbsComponent, selector: "ui-breadcrumbs", inputs: { breadcrumbs_values: "breadcrumbs_values" }, ngImport: i0, template: "<ui-box box_fill_mode=\"fill\" box_space=\"near\" box_background=\"core-secondary\" *ngIf=\"values\">\n <nav aria-label=\"breadcrumbs\">\n <ui-stack stack_gap=\"none\" stack_direction=\"x\" stack_align=\"center\" stack_wrap=\"true\">\n <ng-container *ngFor=\"let item of values; let i = index\">\n <!-- Link followed by an icon -->\n <ui-box box_space=\"none\" box_background=\"none\" box_fill_mode=\"fit\">\n <ui-stack stack_direction=\"x\" stack_align=\"center\" stack_wrap=\"false\" stack_gap=\"none\">\n <ui-button *ngIf=\"i<values.length-1\" button_size=\"small\" button_type=\"tertiary\" button_full_width=\"true\" href=\"{{item.href}}\"> \n <span #buttontext> {{item.name}} </span>\n </ui-button> \n <ui-icon *ngIf=\"i<values.length-1\" icon_name=\"chevron-right\" icon_size=\"small\" icon_class=\"buttonIcon\" aria-hidden=\"true\"></ui-icon>\n </ui-stack>\n </ui-box>\n <!-- Last link and current page -->\n <ui-button *ngIf=\"i===values.length-1\" button_size=\"small\" button_type=\"tertiary\" button_full_width=\"true\" href=\"{{item.href}}\" [attr.aria-current]=\"item.name\"> \n <span #buttontext> {{item.name}} </span>\n </ui-button> \n </ng-container>\n </ui-stack>\n </nav>\n</ui-box>\n", styles: ["ui-breadcrumbs{display:contents}ui-breadcrumbs nav{display:block}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.OasysButtonComponent, selector: "ui-button", inputs: ["button_icon", "button_icon_placement", "button_size", "button_full_width", "button_type", "button_disabled", "button_text_nowrap", "href"], outputs: ["clicked"] }, { kind: "component", type: i3.IconComponent, selector: "ui-icon", inputs: ["icon_size", "icon_name", "icon_context", "icon_width", "icon_height", "icon_class"] }, { kind: "component", type: i4.LayoutBoxComponent, selector: "ui-box", inputs: ["box_space", "box_space_top", "box_space_right", "box_space_bottom", "box_space_left", "box_align_x", "box_align_y", "box_fill_mode", "box_background", "box_content_fill_width"] }, { kind: "component", type: i5.LayoutStackComponent, selector: "ui-stack", inputs: ["stack_gap", "stack_align", "stack_direction", "stack_distribute", "stack_wrap", "stack_collapse_below"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
23
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: BreadcrumbsComponent, decorators: [{
|
|
24
|
+
type: Component,
|
|
25
|
+
args: [{ selector: 'ui-breadcrumbs', encapsulation: ViewEncapsulation.None, template: "<ui-box box_fill_mode=\"fill\" box_space=\"near\" box_background=\"core-secondary\" *ngIf=\"values\">\n <nav aria-label=\"breadcrumbs\">\n <ui-stack stack_gap=\"none\" stack_direction=\"x\" stack_align=\"center\" stack_wrap=\"true\">\n <ng-container *ngFor=\"let item of values; let i = index\">\n <!-- Link followed by an icon -->\n <ui-box box_space=\"none\" box_background=\"none\" box_fill_mode=\"fit\">\n <ui-stack stack_direction=\"x\" stack_align=\"center\" stack_wrap=\"false\" stack_gap=\"none\">\n <ui-button *ngIf=\"i<values.length-1\" button_size=\"small\" button_type=\"tertiary\" button_full_width=\"true\" href=\"{{item.href}}\"> \n <span #buttontext> {{item.name}} </span>\n </ui-button> \n <ui-icon *ngIf=\"i<values.length-1\" icon_name=\"chevron-right\" icon_size=\"small\" icon_class=\"buttonIcon\" aria-hidden=\"true\"></ui-icon>\n </ui-stack>\n </ui-box>\n <!-- Last link and current page -->\n <ui-button *ngIf=\"i===values.length-1\" button_size=\"small\" button_type=\"tertiary\" button_full_width=\"true\" href=\"{{item.href}}\" [attr.aria-current]=\"item.name\"> \n <span #buttontext> {{item.name}} </span>\n </ui-button> \n </ng-container>\n </ui-stack>\n </nav>\n</ui-box>\n", styles: ["ui-breadcrumbs{display:contents}ui-breadcrumbs nav{display:block}\n"] }]
|
|
26
|
+
}], ctorParameters: function () { return []; }, propDecorators: { breadcrumbs_values: [{
|
|
27
|
+
type: Input
|
|
28
|
+
}] } });
|
|
29
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnJlYWRjcnVtYnMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvb2FzeXMtbGliL3NyYy9saWIvY29tcG9uZW50cy9icmVhZGNydW1icy9icmVhZGNydW1icy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9vYXN5cy1saWIvc3JjL2xpYi9jb21wb25lbnRzL2JyZWFkY3J1bWJzL2JyZWFkY3J1bWJzLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBVSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMxRCxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3RDLE9BQU8sRUFBRSxTQUFTLEVBQUMsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7QUFZekMsTUFBTSxPQUFPLG9CQUFvQjtJQUkvQixnQkFBZ0IsQ0FBQztJQUVqQixRQUFRO1FBQ04sSUFBRyxPQUFPLElBQUksQ0FBQyxrQkFBa0IsS0FBSyxRQUFRLEVBQUM7WUFDN0MsSUFBSSxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxJQUFFLEVBQUUsQ0FBQztTQUN2RDthQUFJO1lBQ0gsSUFBSSxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUMsa0JBQWtCLENBQUM7U0FDdkM7SUFFSCxDQUFDOztpSEFiVSxvQkFBb0I7cUdBQXBCLG9CQUFvQiw0R0NkakMsdTlDQXFCQTsyRkRQYSxvQkFBb0I7a0JBTmhDLFNBQVM7K0JBQ0MsZ0JBQWdCLGlCQUdWLGlCQUFpQixDQUFDLElBQUk7MEVBSTVCLGtCQUFrQjtzQkFBMUIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE9uSW5pdCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21wb25lbnR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbnRlcmZhY2UgQnJlYWRjcnVtYnNJdGVte1xuICBocmVmOiBzdHJpbmc7XG4gIG5hbWU6IHN0cmluZztcbn1cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjondWktYnJlYWRjcnVtYnMnLFxuICB0ZW1wbGF0ZVVybDogJy4vYnJlYWRjcnVtYnMuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9icmVhZGNydW1icy5jb21wb25lbnQuc2NzcyddLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxufSlcbmV4cG9ydCBjbGFzcyBCcmVhZGNydW1ic0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG5cbiAgQElucHV0KCkgYnJlYWRjcnVtYnNfdmFsdWVzOiBzdHJpbmcgfCBCcmVhZGNydW1ic0l0ZW1bXTtcbiAgdmFsdWVzOiBCcmVhZGNydW1ic0l0ZW1bXTtcbiAgY29uc3RydWN0b3IoKSB7IH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICBpZih0eXBlb2YgdGhpcy5icmVhZGNydW1ic192YWx1ZXMgPT09ICdzdHJpbmcnKXtcbiAgICAgIHRoaXMudmFsdWVzID0gSlNPTi5wYXJzZSh0aGlzLmJyZWFkY3J1bWJzX3ZhbHVlcyk/P1tdO1xuICAgIH1lbHNle1xuICAgICAgdGhpcy52YWx1ZXMgPSB0aGlzLmJyZWFkY3J1bWJzX3ZhbHVlcztcbiAgICB9XG5cbiAgfVxuXG59XG5cbiIsIjx1aS1ib3ggYm94X2ZpbGxfbW9kZT1cImZpbGxcIiBib3hfc3BhY2U9XCJuZWFyXCIgYm94X2JhY2tncm91bmQ9XCJjb3JlLXNlY29uZGFyeVwiICpuZ0lmPVwidmFsdWVzXCI+XG4gICAgPG5hdiBhcmlhLWxhYmVsPVwiYnJlYWRjcnVtYnNcIj5cbiAgICAgICAgPHVpLXN0YWNrIHN0YWNrX2dhcD1cIm5vbmVcIiAgc3RhY2tfZGlyZWN0aW9uPVwieFwiIHN0YWNrX2FsaWduPVwiY2VudGVyXCIgc3RhY2tfd3JhcD1cInRydWVcIj5cbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IGl0ZW0gb2YgdmFsdWVzOyBsZXQgaSA9IGluZGV4XCI+XG4gICAgICAgICAgICAgICAgPCEtLSBMaW5rIGZvbGxvd2VkIGJ5IGFuIGljb24gLS0+XG4gICAgICAgICAgICAgICAgPHVpLWJveCBib3hfc3BhY2U9XCJub25lXCIgYm94X2JhY2tncm91bmQ9XCJub25lXCIgYm94X2ZpbGxfbW9kZT1cImZpdFwiPlxuICAgICAgICAgICAgICAgICAgICA8dWktc3RhY2sgc3RhY2tfZGlyZWN0aW9uPVwieFwiIHN0YWNrX2FsaWduPVwiY2VudGVyXCIgc3RhY2tfd3JhcD1cImZhbHNlXCIgc3RhY2tfZ2FwPVwibm9uZVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPHVpLWJ1dHRvbiAqbmdJZj1cImk8dmFsdWVzLmxlbmd0aC0xXCIgYnV0dG9uX3NpemU9XCJzbWFsbFwiIGJ1dHRvbl90eXBlPVwidGVydGlhcnlcIiBidXR0b25fZnVsbF93aWR0aD1cInRydWVcIiBocmVmPVwie3tpdGVtLmhyZWZ9fVwiPiBcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8c3BhbiAjYnV0dG9udGV4dD4ge3tpdGVtLm5hbWV9fSA8L3NwYW4+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L3VpLWJ1dHRvbj4gICBcbiAgICAgICAgICAgICAgICAgICAgICAgIDx1aS1pY29uICpuZ0lmPVwiaTx2YWx1ZXMubGVuZ3RoLTFcIiAgaWNvbl9uYW1lPVwiY2hldnJvbi1yaWdodFwiIGljb25fc2l6ZT1cInNtYWxsXCIgaWNvbl9jbGFzcz1cImJ1dHRvbkljb25cIiBhcmlhLWhpZGRlbj1cInRydWVcIj48L3VpLWljb24+XG4gICAgICAgICAgICAgICAgICAgIDwvdWktc3RhY2s+XG4gICAgICAgICAgICAgICAgPC91aS1ib3g+XG4gICAgICAgICAgICAgICAgPCEtLSBMYXN0IGxpbmsgYW5kIGN1cnJlbnQgcGFnZSAtLT5cbiAgICAgICAgICAgICAgICA8dWktYnV0dG9uICpuZ0lmPVwiaT09PXZhbHVlcy5sZW5ndGgtMVwiIGJ1dHRvbl9zaXplPVwic21hbGxcIiBidXR0b25fdHlwZT1cInRlcnRpYXJ5XCIgYnV0dG9uX2Z1bGxfd2lkdGg9XCJ0cnVlXCIgaHJlZj1cInt7aXRlbS5ocmVmfX1cIiBbYXR0ci5hcmlhLWN1cnJlbnRdPVwiaXRlbS5uYW1lXCI+IFxuICAgICAgICAgICAgICAgICAgICA8c3BhbiAjYnV0dG9udGV4dD4ge3tpdGVtLm5hbWV9fSA8L3NwYW4+XG4gICAgICAgICAgICAgICAgPC91aS1idXR0b24+ICAgXG4gICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgICAgPC91aS1zdGFjaz5cbiAgICA8L25hdj5cbjwvdWktYm94PlxuIl19
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { CommonModule } from '@angular/common';
|
|
2
|
+
import { NgModule } from '@angular/core';
|
|
3
|
+
import { OasysButtonModule } from '../button/button.module';
|
|
4
|
+
import { OasysIconModule } from '../icon/icon.module';
|
|
5
|
+
import { OasysLayoutModule } from '../layout/layout.module';
|
|
6
|
+
import { BreadcrumbsComponent } from './breadcrumbs.component';
|
|
7
|
+
import { OasysDirectivesModule } from '../../directives/directives.module';
|
|
8
|
+
import * as i0 from "@angular/core";
|
|
9
|
+
export class OasysBreadcrumbModule {
|
|
10
|
+
}
|
|
11
|
+
OasysBreadcrumbModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OasysBreadcrumbModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
12
|
+
OasysBreadcrumbModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: OasysBreadcrumbModule, declarations: [BreadcrumbsComponent], imports: [CommonModule, OasysButtonModule, OasysIconModule, OasysLayoutModule, OasysDirectivesModule], exports: [BreadcrumbsComponent] });
|
|
13
|
+
OasysBreadcrumbModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OasysBreadcrumbModule, imports: [CommonModule, OasysButtonModule, OasysIconModule, OasysLayoutModule, OasysDirectivesModule] });
|
|
14
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OasysBreadcrumbModule, decorators: [{
|
|
15
|
+
type: NgModule,
|
|
16
|
+
args: [{
|
|
17
|
+
declarations: [BreadcrumbsComponent],
|
|
18
|
+
imports: [CommonModule, OasysButtonModule, OasysIconModule, OasysLayoutModule, OasysDirectivesModule],
|
|
19
|
+
exports: [BreadcrumbsComponent],
|
|
20
|
+
}]
|
|
21
|
+
}] });
|
|
22
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnJlYWRjcnVtYnMubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvb2FzeXMtbGliL3NyYy9saWIvY29tcG9uZW50cy9icmVhZGNydW1icy9icmVhZGNydW1icy5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDNUQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ3RELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQzVELE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQy9ELE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLG9DQUFvQyxDQUFDOztBQU8zRSxNQUFNLE9BQU8scUJBQXFCOztrSEFBckIscUJBQXFCO21IQUFyQixxQkFBcUIsaUJBSmpCLG9CQUFvQixhQUN6QixZQUFZLEVBQUUsaUJBQWlCLEVBQUUsZUFBZSxFQUFFLGlCQUFpQixFQUFFLHFCQUFxQixhQUMxRixvQkFBb0I7bUhBRW5CLHFCQUFxQixZQUh0QixZQUFZLEVBQUUsaUJBQWlCLEVBQUUsZUFBZSxFQUFFLGlCQUFpQixFQUFFLHFCQUFxQjsyRkFHekYscUJBQXFCO2tCQUxqQyxRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRSxDQUFDLG9CQUFvQixDQUFDO29CQUNwQyxPQUFPLEVBQUUsQ0FBQyxZQUFZLEVBQUUsaUJBQWlCLEVBQUUsZUFBZSxFQUFFLGlCQUFpQixFQUFFLHFCQUFxQixDQUFDO29CQUNyRyxPQUFPLEVBQUUsQ0FBQyxvQkFBb0IsQ0FBQztpQkFDaEMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE9hc3lzQnV0dG9uTW9kdWxlIH0gZnJvbSAnLi4vYnV0dG9uL2J1dHRvbi5tb2R1bGUnO1xuaW1wb3J0IHsgT2FzeXNJY29uTW9kdWxlIH0gZnJvbSAnLi4vaWNvbi9pY29uLm1vZHVsZSc7XG5pbXBvcnQgeyBPYXN5c0xheW91dE1vZHVsZSB9IGZyb20gJy4uL2xheW91dC9sYXlvdXQubW9kdWxlJztcbmltcG9ydCB7IEJyZWFkY3J1bWJzQ29tcG9uZW50IH0gZnJvbSAnLi9icmVhZGNydW1icy5jb21wb25lbnQnO1xuaW1wb3J0IHsgT2FzeXNEaXJlY3RpdmVzTW9kdWxlIH0gZnJvbSAnLi4vLi4vZGlyZWN0aXZlcy9kaXJlY3RpdmVzLm1vZHVsZSc7XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW0JyZWFkY3J1bWJzQ29tcG9uZW50XSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgT2FzeXNCdXR0b25Nb2R1bGUsIE9hc3lzSWNvbk1vZHVsZSwgT2FzeXNMYXlvdXRNb2R1bGUsIE9hc3lzRGlyZWN0aXZlc01vZHVsZV0sXG4gIGV4cG9ydHM6IFtCcmVhZGNydW1ic0NvbXBvbmVudF0sXG59KVxuZXhwb3J0IGNsYXNzIE9hc3lzQnJlYWRjcnVtYk1vZHVsZSB7fVxuIl19
|
|
@@ -0,0 +1,92 @@
|
|
|
1
|
+
import { Component, Input, Output, ViewEncapsulation, EventEmitter, ChangeDetectionStrategy, ContentChild } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@angular/common";
|
|
4
|
+
import * as i2 from "../icon/icon.component";
|
|
5
|
+
import * as i3 from "../../directives/href/href.directive";
|
|
6
|
+
export class OasysButtonComponent {
|
|
7
|
+
constructor(changes) {
|
|
8
|
+
this.changes = changes;
|
|
9
|
+
this.button_icon_placement = 'leading';
|
|
10
|
+
// Button Stylings
|
|
11
|
+
this.button_size = 'large';
|
|
12
|
+
this.button_full_width = false;
|
|
13
|
+
this.button_type = 'primary';
|
|
14
|
+
this.button_disabled = false;
|
|
15
|
+
this.button_text_nowrap = false;
|
|
16
|
+
this.clicked = new EventEmitter();
|
|
17
|
+
this.iconContext = 'none';
|
|
18
|
+
this.outlineButtonTypes = ['secondary', 'secondary-inverse'];
|
|
19
|
+
}
|
|
20
|
+
onClick() {
|
|
21
|
+
this.clicked.emit();
|
|
22
|
+
}
|
|
23
|
+
createButton() {
|
|
24
|
+
return {
|
|
25
|
+
buttonIcon: this.button_icon,
|
|
26
|
+
buttonIconPlacement: this.button_icon_placement,
|
|
27
|
+
buttonType: this.button_type,
|
|
28
|
+
buttonSize: this.button_size,
|
|
29
|
+
buttonDisabled: this.button_disabled,
|
|
30
|
+
href: this.href,
|
|
31
|
+
target: '',
|
|
32
|
+
buttonDisplayClasses: [
|
|
33
|
+
`type-${this.button_type}`,
|
|
34
|
+
`size-${this.button_size}`,
|
|
35
|
+
`${this.button_icon ? 'button--has-icon' : ''}`,
|
|
36
|
+
`${this.button_text_nowrap ? 'button--nowrap' : ''}`,
|
|
37
|
+
`${this.button_full_width ? 'button--full-width' : ''}`,
|
|
38
|
+
`${this.button_icon ? 'button--icon--' + this.button_icon_placement : ''}`,
|
|
39
|
+
`${this.outlineButtonTypes.indexOf(this.button_type) !== -1 ? 'button--outline' : ''}`
|
|
40
|
+
].filter((d) => !!d)
|
|
41
|
+
};
|
|
42
|
+
}
|
|
43
|
+
ngAfterViewInit() {
|
|
44
|
+
if (this.ngContent?.nativeElement?.innerText) {
|
|
45
|
+
this.accessibleButtonContent = this.ngContent.nativeElement.innerText;
|
|
46
|
+
}
|
|
47
|
+
else {
|
|
48
|
+
throw new Error(`
|
|
49
|
+
No inner text found. All buttons should have text passed via ng-content to enable accessibility for screen readers, this includes icon-only buttons.
|
|
50
|
+
|
|
51
|
+
Pass content using the template variable #buttontext eg:
|
|
52
|
+
ui-button()
|
|
53
|
+
span(#buttontext) Buy All The Things
|
|
54
|
+
`);
|
|
55
|
+
}
|
|
56
|
+
}
|
|
57
|
+
ngOnChanges() {
|
|
58
|
+
this.button = this.createButton();
|
|
59
|
+
this.changes.markForCheck();
|
|
60
|
+
}
|
|
61
|
+
ngOnInit() {
|
|
62
|
+
this.button = this.createButton();
|
|
63
|
+
}
|
|
64
|
+
}
|
|
65
|
+
OasysButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OasysButtonComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
66
|
+
OasysButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: OasysButtonComponent, selector: "ui-button", inputs: { button_icon: "button_icon", button_icon_placement: "button_icon_placement", button_size: "button_size", button_full_width: "button_full_width", button_type: "button_type", button_disabled: "button_disabled", button_text_nowrap: "button_text_nowrap", href: "href" }, outputs: { clicked: "clicked" }, queries: [{ propertyName: "ngContent", first: true, predicate: ["buttontext"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<ng-template #content>\n <div class=\"button-content\">\n <ui-icon *ngIf=\"button.buttonIcon && button.buttonIconPlacement !== 'none'\" [icon_name]=\"button.buttonIcon\" [icon_size]=\"button.buttonSize\" [icon_class]=\"'buttonIcon'\" [icon_context]=\"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</ng-template>\n\n<button \n *ngIf=\"!button.href\" \n (click)=\"onClick()\"\n [ngClass]=\"button.buttonDisplayClasses\"\n [attr.disabled]=\"button.buttonDisabled === true || null\"\n [attr.aria-label]=\"accessibleButtonContent\"\n [attr.title]=\"accessibleButtonContent\"\n role=\"button\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</button>\n\n<a \n *ngIf=\"button.href\"\n [href]=\"button.href\"\n [attr.disabled]=\"button.buttonDisabled === true || null\"\n [attr.aria-label]=\"accessibleButtonContent\"\n [attr.title]=\"accessibleButtonContent\"\n [ngClass]=\"button.buttonDisplayClasses\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</a>\n", styles: ["ui-button{display:contents}ui-button button,ui-button a{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-width:var(--component-button-border-width);border-radius:var(--component-button-border-radius);font-family:var(--semantic-font-family-body)}ui-button button .button-content,ui-button a .button-content{display:flex;align-items:center;gap:var(--component-button-content-stack);min-height:var(--component-button-content-height)}ui-button button .button-content .ui-icon,ui-button a .button-content .ui-icon{display:flex;align-items:center;max-height:var(--component-button-line-height)}ui-button button .button-content .ui-text,ui-button a .button-content .ui-text{text-transform:var(--component-button-text-transform);letter-spacing:var(--component-button-letter-spacing);font-weight:var(--component-button-font-weight);line-height:var(--component-button-line-height)}ui-button button .button-overlay,ui-button button .button-overlay-focus,ui-button a .button-overlay,ui-button a .button-overlay-focus{position:absolute;inset:0;touch-action:none;pointer-events:none;border-radius:var(--component-button-border-radius);opacity:0}ui-button button:hover .button-overlay,ui-button a:hover .button-overlay{opacity:var(--component-button-opacity-overlay-hover)}ui-button button:focus .button-overlay,ui-button a:focus .button-overlay{opacity:var(--component-button-opacity-overlay-focus)}ui-button button:focus-visible .button-overlay,ui-button a:focus-visible .button-overlay{opacity:var(--component-button-opacity-overlay-focus-visible)}ui-button button:focus-visible,ui-button a:focus-visible{outline:none}ui-button button:focus-visible .button-overlay-focus,ui-button a:focus-visible .button-overlay-focus{top:calc(var(--component-button-outline-gap) * -1);right:calc(var(--component-button-outline-gap) * -1);bottom:calc(var(--component-button-outline-gap) * -1);left:calc(var(--component-button-outline-gap) * -1);box-shadow:0 0 0 var(--component-button-outline-width) var(--component-button-color-focus-visible);opacity:1;border-radius:calc(var(--component-button-border-radius) + var(--component-button-outline-width))}ui-button button:focus,ui-button a:focus{outline:none}ui-button button.type-primary,ui-button a.type-primary{background-color:var(--component-button-color-primary-background);border-color:var(--component-button-color-primary-border);color:var(--component-button-color-primary-text)}ui-button button.type-primary .button-overlay,ui-button a.type-primary .button-overlay{background-color:var(--component-button-color-primary-text)}ui-button button.type-secondary,ui-button a.type-secondary{background-color:var(--component-button-color-secondary-background);border-color:var(--component-button-color-secondary-border);color:var(--component-button-color-secondary-text)}ui-button button.type-secondary .button-overlay,ui-button a.type-secondary .button-overlay{background-color:var(--component-button-color-secondary-text)}ui-button button.type-tertiary,ui-button a.type-tertiary{background-color:var(--component-button-color-tertiary-background);border-color:var(--component-button-color-tertiary-border);color:var(--component-button-color-tertiary-text)}ui-button button.type-tertiary .button-overlay,ui-button a.type-tertiary .button-overlay{background-color:var(--component-button-color-tertiary-text)}ui-button button.type-primary-inverse,ui-button a.type-primary-inverse{background-color:var(--component-button-color-primary-inverse-background);border-color:var(--component-button-color-primary-inverse-border);color:var(--component-button-color-primary-inverse-text)}ui-button button.type-primary-inverse .button-overlay,ui-button a.type-primary-inverse .button-overlay{background-color:var(--component-button-color-primary-inverse-text)}ui-button button.type-secondary-inverse,ui-button a.type-secondary-inverse{background-color:var(--component-button-color-secondary-inverse-background);border-color:var(--component-button-color-secondary-inverse-border);color:var(--component-button-color-secondary-inverse-text)}ui-button button.type-secondary-inverse .button-overlay,ui-button a.type-secondary-inverse .button-overlay{background-color:var(--component-button-color-secondary-inverse-text)}ui-button button.type-tertiary-inverse,ui-button a.type-tertiary-inverse{background-color:var(--component-button-color-tertiary-inverse-background);border-color:var(--component-button-color-tertiary-inverse-border);color:var(--component-button-color-tertiary-inverse-text)}ui-button button.type-tertiary-inverse .button-overlay,ui-button a.type-tertiary-inverse .button-overlay{background-color:var(--component-button-color-tertiary-inverse-text)}ui-button button.type-expressive,ui-button a.type-expressive{background-color:var(--component-button-color-expressive-background);border-color:var(--component-button-color-expressive-border);color:var(--component-button-color-expressive-text)}ui-button button.type-expressive .button-overlay,ui-button a.type-expressive .button-overlay{background-color:var(--component-button-color-expressive-text)}ui-button button.type-danger,ui-button a.type-danger{background-color:var(--component-button-color-danger-background);border-color:var(--component-button-color-danger-border);color:var(--component-button-color-danger-text)}ui-button button.type-danger .button-overlay,ui-button a.type-danger .button-overlay{background-color:var(--component-button-color-danger-text)}ui-button button.type-facebook,ui-button a.type-facebook{background-color:var(--component-button-color-facebook-background);border-color:var(--component-button-color-facebook-border);color:var(--component-button-color-facebook-text)}ui-button button.type-facebook .button-overlay,ui-button a.type-facebook .button-overlay{background-color:var(--component-button-color-facebook-text)}ui-button button.type-paypal,ui-button a.type-paypal{background-color:var(--component-button-color-paypal-background);border-color:var(--component-button-color-paypal-border);color:var(--component-button-color-paypal-text)}ui-button button.type-paypal .button-overlay,ui-button a.type-paypal .button-overlay{background-color:var(--component-button-color-paypal-text)}ui-button button.type-trustpilot,ui-button a.type-trustpilot{background-color:var(--component-button-color-trustpilot-background);border-color:var(--component-button-color-trustpilot-border);color:var(--component-button-color-trustpilot-text)}ui-button button.type-trustpilot .button-overlay,ui-button a.type-trustpilot .button-overlay{background-color:var(--component-button-color-trustpilot-text)}ui-button button .buttonIcon,ui-button a .buttonIcon{fill:currentColor}ui-button button.size-large,ui-button a.size-large{padding:var(--component-button-size-large-inset-y) var(--component-button-size-large-inset-x);font-size:var(--component-button-size-large-font-size)}ui-button button.size-large.button--icon--iconOnly,ui-button a.size-large.button--icon--iconOnly{max-width:var(--component-button-size-large-icon-only-width)}ui-button button.size-small,ui-button a.size-small{padding:var(--component-button-size-small-inset-y) var(--component-button-size-small-inset-x);font-size:var(--component-button-size-small-font-size)}ui-button button.size-small.button--icon--iconOnly,ui-button a.size-small.button--icon--iconOnly{max-width:var(--component-button-size-small-icon-only-width)}ui-button button[disabled],ui-button a[disabled]{background-color:var(--component-button-color-disabled-background);border-color:var(--component-button-color-disabled-border);color:var(--component-button-color-disabled-text);cursor:default;pointer-events:none}ui-button button.button--has-icon.button--icon--trailing .button-content,ui-button a.button--has-icon.button--icon--trailing .button-content{flex-direction:row-reverse}ui-button button.button--full-width,ui-button a.button--full-width{width:100%}ui-button button.button--nowrap .button-content .ui-text,ui-button a.button--nowrap .button-content .ui-text{white-space:nowrap}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.IconComponent, selector: "ui-icon", inputs: ["icon_size", "icon_name", "icon_context", "icon_width", "icon_height", "icon_class"] }, { kind: "directive", type: i3.OasysHrefDirective, selector: "a, uiHref, [uiHref]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
67
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OasysButtonComponent, decorators: [{
|
|
68
|
+
type: Component,
|
|
69
|
+
args: [{ selector: 'ui-button', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template #content>\n <div class=\"button-content\">\n <ui-icon *ngIf=\"button.buttonIcon && button.buttonIconPlacement !== 'none'\" [icon_name]=\"button.buttonIcon\" [icon_size]=\"button.buttonSize\" [icon_class]=\"'buttonIcon'\" [icon_context]=\"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</ng-template>\n\n<button \n *ngIf=\"!button.href\" \n (click)=\"onClick()\"\n [ngClass]=\"button.buttonDisplayClasses\"\n [attr.disabled]=\"button.buttonDisabled === true || null\"\n [attr.aria-label]=\"accessibleButtonContent\"\n [attr.title]=\"accessibleButtonContent\"\n role=\"button\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</button>\n\n<a \n *ngIf=\"button.href\"\n [href]=\"button.href\"\n [attr.disabled]=\"button.buttonDisabled === true || null\"\n [attr.aria-label]=\"accessibleButtonContent\"\n [attr.title]=\"accessibleButtonContent\"\n [ngClass]=\"button.buttonDisplayClasses\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</a>\n", styles: ["ui-button{display:contents}ui-button button,ui-button a{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-width:var(--component-button-border-width);border-radius:var(--component-button-border-radius);font-family:var(--semantic-font-family-body)}ui-button button .button-content,ui-button a .button-content{display:flex;align-items:center;gap:var(--component-button-content-stack);min-height:var(--component-button-content-height)}ui-button button .button-content .ui-icon,ui-button a .button-content .ui-icon{display:flex;align-items:center;max-height:var(--component-button-line-height)}ui-button button .button-content .ui-text,ui-button a .button-content .ui-text{text-transform:var(--component-button-text-transform);letter-spacing:var(--component-button-letter-spacing);font-weight:var(--component-button-font-weight);line-height:var(--component-button-line-height)}ui-button button .button-overlay,ui-button button .button-overlay-focus,ui-button a .button-overlay,ui-button a .button-overlay-focus{position:absolute;inset:0;touch-action:none;pointer-events:none;border-radius:var(--component-button-border-radius);opacity:0}ui-button button:hover .button-overlay,ui-button a:hover .button-overlay{opacity:var(--component-button-opacity-overlay-hover)}ui-button button:focus .button-overlay,ui-button a:focus .button-overlay{opacity:var(--component-button-opacity-overlay-focus)}ui-button button:focus-visible .button-overlay,ui-button a:focus-visible .button-overlay{opacity:var(--component-button-opacity-overlay-focus-visible)}ui-button button:focus-visible,ui-button a:focus-visible{outline:none}ui-button button:focus-visible .button-overlay-focus,ui-button a:focus-visible .button-overlay-focus{top:calc(var(--component-button-outline-gap) * -1);right:calc(var(--component-button-outline-gap) * -1);bottom:calc(var(--component-button-outline-gap) * -1);left:calc(var(--component-button-outline-gap) * -1);box-shadow:0 0 0 var(--component-button-outline-width) var(--component-button-color-focus-visible);opacity:1;border-radius:calc(var(--component-button-border-radius) + var(--component-button-outline-width))}ui-button button:focus,ui-button a:focus{outline:none}ui-button button.type-primary,ui-button a.type-primary{background-color:var(--component-button-color-primary-background);border-color:var(--component-button-color-primary-border);color:var(--component-button-color-primary-text)}ui-button button.type-primary .button-overlay,ui-button a.type-primary .button-overlay{background-color:var(--component-button-color-primary-text)}ui-button button.type-secondary,ui-button a.type-secondary{background-color:var(--component-button-color-secondary-background);border-color:var(--component-button-color-secondary-border);color:var(--component-button-color-secondary-text)}ui-button button.type-secondary .button-overlay,ui-button a.type-secondary .button-overlay{background-color:var(--component-button-color-secondary-text)}ui-button button.type-tertiary,ui-button a.type-tertiary{background-color:var(--component-button-color-tertiary-background);border-color:var(--component-button-color-tertiary-border);color:var(--component-button-color-tertiary-text)}ui-button button.type-tertiary .button-overlay,ui-button a.type-tertiary .button-overlay{background-color:var(--component-button-color-tertiary-text)}ui-button button.type-primary-inverse,ui-button a.type-primary-inverse{background-color:var(--component-button-color-primary-inverse-background);border-color:var(--component-button-color-primary-inverse-border);color:var(--component-button-color-primary-inverse-text)}ui-button button.type-primary-inverse .button-overlay,ui-button a.type-primary-inverse .button-overlay{background-color:var(--component-button-color-primary-inverse-text)}ui-button button.type-secondary-inverse,ui-button a.type-secondary-inverse{background-color:var(--component-button-color-secondary-inverse-background);border-color:var(--component-button-color-secondary-inverse-border);color:var(--component-button-color-secondary-inverse-text)}ui-button button.type-secondary-inverse .button-overlay,ui-button a.type-secondary-inverse .button-overlay{background-color:var(--component-button-color-secondary-inverse-text)}ui-button button.type-tertiary-inverse,ui-button a.type-tertiary-inverse{background-color:var(--component-button-color-tertiary-inverse-background);border-color:var(--component-button-color-tertiary-inverse-border);color:var(--component-button-color-tertiary-inverse-text)}ui-button button.type-tertiary-inverse .button-overlay,ui-button a.type-tertiary-inverse .button-overlay{background-color:var(--component-button-color-tertiary-inverse-text)}ui-button button.type-expressive,ui-button a.type-expressive{background-color:var(--component-button-color-expressive-background);border-color:var(--component-button-color-expressive-border);color:var(--component-button-color-expressive-text)}ui-button button.type-expressive .button-overlay,ui-button a.type-expressive .button-overlay{background-color:var(--component-button-color-expressive-text)}ui-button button.type-danger,ui-button a.type-danger{background-color:var(--component-button-color-danger-background);border-color:var(--component-button-color-danger-border);color:var(--component-button-color-danger-text)}ui-button button.type-danger .button-overlay,ui-button a.type-danger .button-overlay{background-color:var(--component-button-color-danger-text)}ui-button button.type-facebook,ui-button a.type-facebook{background-color:var(--component-button-color-facebook-background);border-color:var(--component-button-color-facebook-border);color:var(--component-button-color-facebook-text)}ui-button button.type-facebook .button-overlay,ui-button a.type-facebook .button-overlay{background-color:var(--component-button-color-facebook-text)}ui-button button.type-paypal,ui-button a.type-paypal{background-color:var(--component-button-color-paypal-background);border-color:var(--component-button-color-paypal-border);color:var(--component-button-color-paypal-text)}ui-button button.type-paypal .button-overlay,ui-button a.type-paypal .button-overlay{background-color:var(--component-button-color-paypal-text)}ui-button button.type-trustpilot,ui-button a.type-trustpilot{background-color:var(--component-button-color-trustpilot-background);border-color:var(--component-button-color-trustpilot-border);color:var(--component-button-color-trustpilot-text)}ui-button button.type-trustpilot .button-overlay,ui-button a.type-trustpilot .button-overlay{background-color:var(--component-button-color-trustpilot-text)}ui-button button .buttonIcon,ui-button a .buttonIcon{fill:currentColor}ui-button button.size-large,ui-button a.size-large{padding:var(--component-button-size-large-inset-y) var(--component-button-size-large-inset-x);font-size:var(--component-button-size-large-font-size)}ui-button button.size-large.button--icon--iconOnly,ui-button a.size-large.button--icon--iconOnly{max-width:var(--component-button-size-large-icon-only-width)}ui-button button.size-small,ui-button a.size-small{padding:var(--component-button-size-small-inset-y) var(--component-button-size-small-inset-x);font-size:var(--component-button-size-small-font-size)}ui-button button.size-small.button--icon--iconOnly,ui-button a.size-small.button--icon--iconOnly{max-width:var(--component-button-size-small-icon-only-width)}ui-button button[disabled],ui-button a[disabled]{background-color:var(--component-button-color-disabled-background);border-color:var(--component-button-color-disabled-border);color:var(--component-button-color-disabled-text);cursor:default;pointer-events:none}ui-button button.button--has-icon.button--icon--trailing .button-content,ui-button a.button--has-icon.button--icon--trailing .button-content{flex-direction:row-reverse}ui-button button.button--full-width,ui-button a.button--full-width{width:100%}ui-button button.button--nowrap .button-content .ui-text,ui-button a.button--nowrap .button-content .ui-text{white-space:nowrap}\n"] }]
|
|
70
|
+
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { button_icon: [{
|
|
71
|
+
type: Input
|
|
72
|
+
}], button_icon_placement: [{
|
|
73
|
+
type: Input
|
|
74
|
+
}], ngContent: [{
|
|
75
|
+
type: ContentChild,
|
|
76
|
+
args: ['buttontext']
|
|
77
|
+
}], button_size: [{
|
|
78
|
+
type: Input
|
|
79
|
+
}], button_full_width: [{
|
|
80
|
+
type: Input
|
|
81
|
+
}], button_type: [{
|
|
82
|
+
type: Input
|
|
83
|
+
}], button_disabled: [{
|
|
84
|
+
type: Input
|
|
85
|
+
}], button_text_nowrap: [{
|
|
86
|
+
type: Input
|
|
87
|
+
}], href: [{
|
|
88
|
+
type: Input
|
|
89
|
+
}], clicked: [{
|
|
90
|
+
type: Output
|
|
91
|
+
}] } });
|
|
92
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL29hc3lzLWxpYi9zcmMvbGliL2NvbXBvbmVudHMvYnV0dG9uL2J1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9vYXN5cy1saWIvc3JjL2xpYi9jb21wb25lbnRzL2J1dHRvbi9idXR0b24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLGlCQUFpQixFQUFFLFlBQVksRUFBRSx1QkFBdUIsRUFBZ0MsWUFBWSxFQUE2QixNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFrQmxNLE1BQU0sT0FBTyxvQkFBb0I7SUE0Qi9CLFlBQW9CLE9BQTBCO1FBQTFCLFlBQU8sR0FBUCxPQUFPLENBQW1CO1FBdEJyQywwQkFBcUIsR0FBZ0IsU0FBUyxDQUFDO1FBSXhELGtCQUFrQjtRQUNULGdCQUFXLEdBQWlCLE9BQU8sQ0FBQztRQUVwQyxzQkFBaUIsR0FBb0IsS0FBSyxDQUFDO1FBQzNDLGdCQUFXLEdBQWlCLFNBQVMsQ0FBQztRQUN0QyxvQkFBZSxHQUFvQixLQUFLLENBQUM7UUFDekMsdUJBQWtCLEdBQW9CLEtBQUssQ0FBQztRQUkzQyxZQUFPLEdBQXVCLElBQUksWUFBWSxFQUFFLENBQUM7UUFHM0QsZ0JBQVcsR0FBZ0IsTUFBTSxDQUFDO1FBR2xDLHVCQUFrQixHQUFHLENBQUMsV0FBVyxFQUFFLG1CQUFtQixDQUFDLENBQUE7SUFFTixDQUFDO0lBRWxELE9BQU87UUFDTCxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3RCLENBQUM7SUFFRCxZQUFZO1FBRVYsT0FBaUI7WUFDZixVQUFVLEVBQUUsSUFBSSxDQUFDLFdBQVc7WUFDNUIsbUJBQW1CLEVBQUUsSUFBSSxDQUFDLHFCQUFxQjtZQUMvQyxVQUFVLEVBQUUsSUFBSSxDQUFDLFdBQVc7WUFDNUIsVUFBVSxFQUFFLElBQUksQ0FBQyxXQUFXO1lBQzVCLGNBQWMsRUFBRSxJQUFJLENBQUMsZUFBZTtZQUNwQyxJQUFJLEVBQUUsSUFBSSxDQUFDLElBQUk7WUFDZixNQUFNLEVBQUUsRUFBRTtZQUNWLG9CQUFvQixFQUFFO2dCQUN0QixRQUFRLElBQUksQ0FBQyxXQUFXLEVBQUU7Z0JBQzFCLFFBQVEsSUFBSSxDQUFDLFdBQVcsRUFBRTtnQkFDMUIsR0FBRyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQyxrQkFBa0IsQ0FBQSxDQUFDLENBQUMsRUFBRSxFQUFFO2dCQUM5QyxHQUFHLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxDQUFDLENBQUMsZ0JBQWdCLENBQUEsQ0FBQyxDQUFDLEVBQUUsRUFBRTtnQkFDbkQsR0FBRyxJQUFJLENBQUMsaUJBQWlCLENBQUMsQ0FBQyxDQUFDLG9CQUFvQixDQUFBLENBQUMsQ0FBQyxFQUFFLEVBQUU7Z0JBQ3RELEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUMsZ0JBQWdCLEdBQUMsSUFBSSxDQUFDLHFCQUFxQixDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUU7Z0JBQ3hFLEdBQUcsSUFBSSxDQUFDLGtCQUFrQixDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLGlCQUFpQixDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUU7YUFDckYsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7U0FDckIsQ0FBQztJQUNKLENBQUM7SUFFRCxlQUFlO1FBQ2IsSUFBRyxJQUFJLENBQUMsU0FBUyxFQUFFLGFBQWEsRUFBRSxTQUFTLEVBQUU7WUFDM0MsSUFBSSxDQUFDLHVCQUF1QixHQUFHLElBQUksQ0FBQyxTQUFTLENBQUMsYUFBYSxDQUFDLFNBQVMsQ0FBQztTQUN2RTthQUFNO1lBQ0wsTUFBTSxJQUFJLEtBQUssQ0FBQzs7Ozs7O09BTWYsQ0FBQyxDQUFBO1NBQ0g7SUFDSCxDQUFDO0lBRUQsV0FBVztRQUNQLElBQUksQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO1FBQ2xDLElBQUksQ0FBQyxPQUFPLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDaEMsQ0FBQztJQUVELFFBQVE7UUFDTixJQUFJLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUNwQyxDQUFDOztpSEE3RVUsb0JBQW9CO3FHQUFwQixvQkFBb0IsZ2VDbEJqQyx5eENBK0JBOzJGRGJhLG9CQUFvQjtrQkFQaEMsU0FBUzsrQkFDQyxXQUFXLGlCQUdMLGlCQUFpQixDQUFDLElBQUksbUJBQ3BCLHVCQUF1QixDQUFDLE1BQU07d0dBT3RDLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0cscUJBQXFCO3NCQUE3QixLQUFLO2dCQUVzQixTQUFTO3NCQUFwQyxZQUFZO3VCQUFDLFlBQVk7Z0JBR2pCLFdBQVc7c0JBQW5CLEtBQUs7Z0JBRUcsaUJBQWlCO3NCQUF6QixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csZUFBZTtzQkFBdkIsS0FBSztnQkFDRyxrQkFBa0I7c0JBQTFCLEtBQUs7Z0JBR0csSUFBSTtzQkFBWixLQUFLO2dCQUNJLE9BQU87c0JBQWhCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQsIE91dHB1dCwgVmlld0VuY2Fwc3VsYXRpb24sIEV2ZW50RW1pdHRlciwgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENoYW5nZURldGVjdG9yUmVmLCBPbkNoYW5nZXMsIENvbnRlbnRDaGlsZCwgRWxlbWVudFJlZiwgQWZ0ZXJWaWV3SW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgSWNvbk5hbWVzLCBJY29uQ29udGV4dCB9IGZyb20gJy4uL2ljb24vaWNvbic7XG5pbXBvcnQgeyBUZXh0VHJhbnNmb3JtIH0gZnJvbSAnLi4vdGV4dC90ZXh0JztcbmltcG9ydCB7XG4gIC8vIEJ1dHRvblR5cGVPcHRpb25zLFxuICBVSUJ1dHRvbixcbiAgVUlCdXR0b25Cb29sZWFuLFxuICBVSUJ1dHRvblNpemUsXG4gIFVJQnV0dG9uVHlwZVxufSBmcm9tICcuL2J1dHRvbic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjondWktYnV0dG9uJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2J1dHRvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2J1dHRvbi5jb21wb25lbnQuc2NzcyddLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBPYXN5c0J1dHRvbkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25DaGFuZ2VzLCBBZnRlclZpZXdJbml0IHtcblxuICBidXR0b246IFVJQnV0dG9uO1xuXG4gIC8vIC8vIEJ1dHRvbiBDb250ZW50XG4gIEBJbnB1dCgpIGJ1dHRvbl9pY29uPzogSWNvbk5hbWVzO1xuICBASW5wdXQoKSBidXR0b25faWNvbl9wbGFjZW1lbnQ6IEljb25Db250ZXh0ID0gJ2xlYWRpbmcnO1xuXG4gIEBDb250ZW50Q2hpbGQoJ2J1dHRvbnRleHQnKSBuZ0NvbnRlbnQ6IEVsZW1lbnRSZWY7XG5cbiAgLy8gQnV0dG9uIFN0eWxpbmdzXG4gIEBJbnB1dCgpIGJ1dHRvbl9zaXplOiBVSUJ1dHRvblNpemUgPSAnbGFyZ2UnO1xuXG4gIEBJbnB1dCgpIGJ1dHRvbl9mdWxsX3dpZHRoOiBVSUJ1dHRvbkJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgYnV0dG9uX3R5cGU6IFVJQnV0dG9uVHlwZSA9ICdwcmltYXJ5JztcbiAgQElucHV0KCkgYnV0dG9uX2Rpc2FibGVkOiBVSUJ1dHRvbkJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgYnV0dG9uX3RleHRfbm93cmFwOiBVSUJ1dHRvbkJvb2xlYW4gPSBmYWxzZTtcblxuICAvLyBCdXR0b24gQWN0aW9uc1xuICBASW5wdXQoKSBocmVmOiBzdHJpbmc7XG4gIEBPdXRwdXQoKSBjbGlja2VkOiBFdmVudEVtaXR0ZXI8dm9pZD4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgYnV0dG9uRGlzcGxheUNsYXNzZXM6IHN0cmluZ1tdO1xuICBpY29uQ29udGV4dDogSWNvbkNvbnRleHQgPSAnbm9uZSc7XG4gIHRleHRUcmFuc2Zvcm0hOiBUZXh0VHJhbnNmb3JtO1xuICBhY2Nlc3NpYmxlQnV0dG9uQ29udGVudDogc3RyaW5nO1xuICBvdXRsaW5lQnV0dG9uVHlwZXMgPSBbJ3NlY29uZGFyeScsICdzZWNvbmRhcnktaW52ZXJzZSddXG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBjaGFuZ2VzOiBDaGFuZ2VEZXRlY3RvclJlZikge31cblxuICBvbkNsaWNrKCk6IHZvaWQge1xuICAgIHRoaXMuY2xpY2tlZC5lbWl0KCk7XG4gIH1cblxuICBjcmVhdGVCdXR0b24oKTogVUlCdXR0b24ge1xuXG4gICAgcmV0dXJuIDxVSUJ1dHRvbj57XG4gICAgICBidXR0b25JY29uOiB0aGlzLmJ1dHRvbl9pY29uLFxuICAgICAgYnV0dG9uSWNvblBsYWNlbWVudDogdGhpcy5idXR0b25faWNvbl9wbGFjZW1lbnQsXG4gICAgICBidXR0b25UeXBlOiB0aGlzLmJ1dHRvbl90eXBlLFxuICAgICAgYnV0dG9uU2l6ZTogdGhpcy5idXR0b25fc2l6ZSxcbiAgICAgIGJ1dHRvbkRpc2FibGVkOiB0aGlzLmJ1dHRvbl9kaXNhYmxlZCxcbiAgICAgIGhyZWY6IHRoaXMuaHJlZixcbiAgICAgIHRhcmdldDogJycsXG4gICAgICBidXR0b25EaXNwbGF5Q2xhc3NlczogW1xuICAgICAgYHR5cGUtJHt0aGlzLmJ1dHRvbl90eXBlfWAsXG4gICAgICBgc2l6ZS0ke3RoaXMuYnV0dG9uX3NpemV9YCxcbiAgICAgIGAke3RoaXMuYnV0dG9uX2ljb24gPyAnYnV0dG9uLS1oYXMtaWNvbic6ICcnfWAsXG4gICAgICBgJHt0aGlzLmJ1dHRvbl90ZXh0X25vd3JhcCA/ICdidXR0b24tLW5vd3JhcCc6ICcnfWAsXG4gICAgICBgJHt0aGlzLmJ1dHRvbl9mdWxsX3dpZHRoID8gJ2J1dHRvbi0tZnVsbC13aWR0aCc6ICcnfWAsXG4gICAgICBgJHt0aGlzLmJ1dHRvbl9pY29uID8gJ2J1dHRvbi0taWNvbi0tJyt0aGlzLmJ1dHRvbl9pY29uX3BsYWNlbWVudCA6ICcnfWAsXG4gICAgICBgJHt0aGlzLm91dGxpbmVCdXR0b25UeXBlcy5pbmRleE9mKHRoaXMuYnV0dG9uX3R5cGUpICE9PSAtMSA/ICdidXR0b24tLW91dGxpbmUnIDogJyd9YFxuICAgICAgXS5maWx0ZXIoKGQpID0+ICEhZClcbiAgICB9O1xuICB9XG5cbiAgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xuICAgIGlmKHRoaXMubmdDb250ZW50Py5uYXRpdmVFbGVtZW50Py5pbm5lclRleHQpIHtcbiAgICAgIHRoaXMuYWNjZXNzaWJsZUJ1dHRvbkNvbnRlbnQgPSB0aGlzLm5nQ29udGVudC5uYXRpdmVFbGVtZW50LmlubmVyVGV4dDtcbiAgICB9IGVsc2Uge1xuICAgICAgdGhyb3cgbmV3IEVycm9yKGBcbiAgICAgIE5vIGlubmVyIHRleHQgZm91bmQuIEFsbCBidXR0b25zIHNob3VsZCBoYXZlIHRleHQgcGFzc2VkIHZpYSBuZy1jb250ZW50IHRvIGVuYWJsZSBhY2Nlc3NpYmlsaXR5IGZvciBzY3JlZW4gcmVhZGVycywgdGhpcyBpbmNsdWRlcyBpY29uLW9ubHkgYnV0dG9ucy5cblxuICAgICAgUGFzcyBjb250ZW50IHVzaW5nIHRoZSB0ZW1wbGF0ZSB2YXJpYWJsZSAjYnV0dG9udGV4dCBlZzpcbiAgICAgIHVpLWJ1dHRvbigpXG4gICAgICAgIHNwYW4oI2J1dHRvbnRleHQpIEJ1eSBBbGwgVGhlIFRoaW5nc1xuICAgICAgYClcbiAgICB9XG4gIH1cblxuICBuZ09uQ2hhbmdlcygpOiB2b2lkIHtcbiAgICAgIHRoaXMuYnV0dG9uID0gdGhpcy5jcmVhdGVCdXR0b24oKTtcbiAgICAgIHRoaXMuY2hhbmdlcy5tYXJrRm9yQ2hlY2soKTtcbiAgfVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMuYnV0dG9uID0gdGhpcy5jcmVhdGVCdXR0b24oKTtcbiAgfVxufVxuIiwiPG5nLXRlbXBsYXRlICNjb250ZW50PlxuICAgIDxkaXYgY2xhc3M9XCJidXR0b24tY29udGVudFwiPlxuICAgICAgICA8dWktaWNvbiAqbmdJZj1cImJ1dHRvbi5idXR0b25JY29uICYmIGJ1dHRvbi5idXR0b25JY29uUGxhY2VtZW50ICE9PSAnbm9uZSdcIiBbaWNvbl9uYW1lXT1cImJ1dHRvbi5idXR0b25JY29uXCIgW2ljb25fc2l6ZV09XCJidXR0b24uYnV0dG9uU2l6ZVwiIFtpY29uX2NsYXNzXT1cIididXR0b25JY29uJ1wiIFtpY29uX2NvbnRleHRdPVwiYnV0dG9uLmJ1dHRvbkljb25QbGFjZW1lbnRcIj48L3VpLWljb24+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwidWktdGV4dFwiIFtuZ0NsYXNzXT1cInsndmlzdWFsbHloaWRkZW4nOiBidXR0b24uYnV0dG9uSWNvblBsYWNlbWVudCA9PT0gJ2ljb25Pbmx5J31cIj5cbiAgICAgICAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICAgICAgPC9zcGFuPlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJidXR0b24tb3ZlcmxheVwiPjwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJidXR0b24tb3ZlcmxheS1mb2N1c1wiPjwvZGl2PlxuPC9uZy10ZW1wbGF0ZT5cblxuPGJ1dHRvbiBcbiAgICAqbmdJZj1cIiFidXR0b24uaHJlZlwiIFxuICAgIChjbGljayk9XCJvbkNsaWNrKClcIlxuICAgIFtuZ0NsYXNzXT1cImJ1dHRvbi5idXR0b25EaXNwbGF5Q2xhc3Nlc1wiXG4gICAgW2F0dHIuZGlzYWJsZWRdPVwiYnV0dG9uLmJ1dHRvbkRpc2FibGVkID09PSB0cnVlIHx8IG51bGxcIlxuICAgIFthdHRyLmFyaWEtbGFiZWxdPVwiYWNjZXNzaWJsZUJ1dHRvbkNvbnRlbnRcIlxuICAgIFthdHRyLnRpdGxlXT1cImFjY2Vzc2libGVCdXR0b25Db250ZW50XCJcbiAgICByb2xlPVwiYnV0dG9uXCI+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImNvbnRlbnRcIj48L25nLWNvbnRhaW5lcj5cbjwvYnV0dG9uPlxuXG48YSBcbiAgICAqbmdJZj1cImJ1dHRvbi5ocmVmXCJcbiAgICBbaHJlZl09XCJidXR0b24uaHJlZlwiXG4gICAgW2F0dHIuZGlzYWJsZWRdPVwiYnV0dG9uLmJ1dHRvbkRpc2FibGVkID09PSB0cnVlIHx8IG51bGxcIlxuICAgIFthdHRyLmFyaWEtbGFiZWxdPVwiYWNjZXNzaWJsZUJ1dHRvbkNvbnRlbnRcIlxuICAgIFthdHRyLnRpdGxlXT1cImFjY2Vzc2libGVCdXR0b25Db250ZW50XCJcbiAgICBbbmdDbGFzc109XCJidXR0b24uYnV0dG9uRGlzcGxheUNsYXNzZXNcIj5cbiAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImNvbnRlbnRcIj48L25nLWNvbnRhaW5lcj5cbjwvYT5cbiJdfQ==
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { CommonModule } from '@angular/common';
|
|
2
|
+
import { NgModule } from '@angular/core';
|
|
3
|
+
import { RouterModule } from '@angular/router';
|
|
4
|
+
import { OasysIconModule } from '../icon/icon.module';
|
|
5
|
+
import { OasysButtonComponent } from './button.component';
|
|
6
|
+
import { OasysDirectivesModule } from '../../directives/directives.module';
|
|
7
|
+
import * as i0 from "@angular/core";
|
|
8
|
+
export class OasysButtonModule {
|
|
9
|
+
}
|
|
10
|
+
OasysButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OasysButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
11
|
+
OasysButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: OasysButtonModule, declarations: [OasysButtonComponent], imports: [CommonModule, RouterModule, OasysIconModule, OasysDirectivesModule], exports: [OasysButtonComponent] });
|
|
12
|
+
OasysButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OasysButtonModule, imports: [CommonModule, RouterModule, OasysIconModule, OasysDirectivesModule] });
|
|
13
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OasysButtonModule, decorators: [{
|
|
14
|
+
type: NgModule,
|
|
15
|
+
args: [{
|
|
16
|
+
declarations: [OasysButtonComponent],
|
|
17
|
+
imports: [CommonModule, RouterModule, OasysIconModule, OasysDirectivesModule],
|
|
18
|
+
exports: [OasysButtonComponent],
|
|
19
|
+
}]
|
|
20
|
+
}] });
|
|
21
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL29hc3lzLWxpYi9zcmMvbGliL2NvbXBvbmVudHMvYnV0dG9uL2J1dHRvbi5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUN0RCxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUMxRCxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQzs7QUFPM0UsTUFBTSxPQUFPLGlCQUFpQjs7OEdBQWpCLGlCQUFpQjsrR0FBakIsaUJBQWlCLGlCQUpiLG9CQUFvQixhQUN6QixZQUFZLEVBQUUsWUFBWSxFQUFFLGVBQWUsRUFBRSxxQkFBcUIsYUFDbEUsb0JBQW9COytHQUVuQixpQkFBaUIsWUFIbEIsWUFBWSxFQUFFLFlBQVksRUFBRSxlQUFlLEVBQUUscUJBQXFCOzJGQUdqRSxpQkFBaUI7a0JBTDdCLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFLENBQUMsb0JBQW9CLENBQUM7b0JBQ3BDLE9BQU8sRUFBRSxDQUFDLFlBQVksRUFBRSxZQUFZLEVBQUUsZUFBZSxFQUFFLHFCQUFxQixDQUFDO29CQUM3RSxPQUFPLEVBQUUsQ0FBQyxvQkFBb0IsQ0FBQztpQkFDaEMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFJvdXRlck1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XG5pbXBvcnQgeyBPYXN5c0ljb25Nb2R1bGUgfSBmcm9tICcuLi9pY29uL2ljb24ubW9kdWxlJztcbmltcG9ydCB7IE9hc3lzQnV0dG9uQ29tcG9uZW50IH0gZnJvbSAnLi9idXR0b24uY29tcG9uZW50JztcbmltcG9ydCB7IE9hc3lzRGlyZWN0aXZlc01vZHVsZSB9IGZyb20gJy4uLy4uL2RpcmVjdGl2ZXMvZGlyZWN0aXZlcy5tb2R1bGUnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtPYXN5c0J1dHRvbkNvbXBvbmVudF0sXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIFJvdXRlck1vZHVsZSwgT2FzeXNJY29uTW9kdWxlLCBPYXN5c0RpcmVjdGl2ZXNNb2R1bGVdLFxuICBleHBvcnRzOiBbT2FzeXNCdXR0b25Db21wb25lbnRdLFxufSlcbmV4cG9ydCBjbGFzcyBPYXN5c0J1dHRvbk1vZHVsZSB7fVxuIl19
|