oasys-lib 1.88.0-rc.0 → 1.88.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/esm2022/lib/components/alert/alert-cancel.directive.mjs +5 -4
- package/esm2022/lib/components/alert/alert-confirm.directive.mjs +5 -4
- package/esm2022/lib/components/alert/alert-content.directive.mjs +3 -3
- package/esm2022/lib/components/alert/alert-title.directive.mjs +3 -3
- package/esm2022/lib/components/alert/alert.component.mjs +16 -11
- package/esm2022/lib/components/alert/alert.module.mjs +9 -9
- package/esm2022/lib/components/banner/banner.component.mjs +14 -5
- package/esm2022/lib/components/banner/banner.module.mjs +22 -5
- package/esm2022/lib/components/banner/index.mjs +1 -1
- package/esm2022/lib/components/button/button.component.mjs +52 -48
- package/esm2022/lib/components/button/button.module.mjs +4 -4
- package/esm2022/lib/components/button-group/button-group.component.mjs +18 -14
- package/esm2022/lib/components/button-group/button-group.module.mjs +4 -4
- package/esm2022/lib/components/card/card.component.mjs +20 -5
- package/esm2022/lib/components/card/card.mjs +1 -1
- package/esm2022/lib/components/card/card.module.mjs +4 -4
- package/esm2022/lib/components/carousel/carousel.component.mjs +60 -47
- package/esm2022/lib/components/carousel/carousel.module.mjs +5 -5
- package/esm2022/lib/components/divider/divider.component.mjs +7 -7
- package/esm2022/lib/components/divider/divider.mjs +1 -1
- package/esm2022/lib/components/divider/divider.module.mjs +4 -4
- package/esm2022/lib/components/form/checkbox/checkbox.component.mjs +17 -10
- package/esm2022/lib/components/form/checkbox/checkbox.module.mjs +4 -4
- package/esm2022/lib/components/form/chip/chip.component.mjs +16 -10
- package/esm2022/lib/components/form/chip/chip.module.mjs +6 -6
- package/esm2022/lib/components/form/combobox/combobox.component.mjs +43 -24
- package/esm2022/lib/components/form/combobox/combobox.mjs +1 -1
- package/esm2022/lib/components/form/combobox/combobox.module.mjs +6 -6
- package/esm2022/lib/components/form/errors/form-errors.component.mjs +15 -17
- package/esm2022/lib/components/form/errors/form-errors.module.mjs +6 -20
- package/esm2022/lib/components/form/form-group/form-group.component.mjs +16 -13
- package/esm2022/lib/components/form/form-group/form-group.module.mjs +8 -8
- package/esm2022/lib/components/form/forms.mjs +1 -1
- package/esm2022/lib/components/form/radio/radio.component.mjs +19 -12
- package/esm2022/lib/components/form/radio/radio.module.mjs +4 -4
- package/esm2022/lib/components/form/text-input/text-input.component.mjs +37 -27
- package/esm2022/lib/components/form/text-input/text-input.mjs +1 -1
- package/esm2022/lib/components/form/text-input/text-input.module.mjs +8 -8
- package/esm2022/lib/components/heading/heading.component.mjs +19 -8
- package/esm2022/lib/components/heading/heading.mjs +1 -1
- package/esm2022/lib/components/heading/heading.module.mjs +4 -4
- package/esm2022/lib/components/hero/hero.component.mjs +29 -10
- package/esm2022/lib/components/hero/hero.module.mjs +22 -5
- package/esm2022/lib/components/icon/icon.component.mjs +17 -9
- package/esm2022/lib/components/icon/icon.mjs +1 -1
- package/esm2022/lib/components/icon/icon.module.mjs +4 -4
- package/esm2022/lib/components/image/image.component.mjs +20 -21
- package/esm2022/lib/components/image/image.mjs +1 -1
- package/esm2022/lib/components/image/image.module.mjs +8 -8
- package/esm2022/lib/components/label/label.component.mjs +19 -18
- package/esm2022/lib/components/label/label.module.mjs +5 -16
- package/esm2022/lib/components/layout/Layout.mjs +1 -1
- package/esm2022/lib/components/layout/box/box.component.mjs +31 -28
- package/esm2022/lib/components/layout/box/box.mjs +1 -1
- package/esm2022/lib/components/layout/container/container.component.mjs +20 -15
- package/esm2022/lib/components/layout/grid/grid-column.component.mjs +17 -14
- package/esm2022/lib/components/layout/grid/grid.component.mjs +14 -12
- package/esm2022/lib/components/layout/layout.module.mjs +5 -5
- package/esm2022/lib/components/layout/stack/stack.component.mjs +16 -14
- package/esm2022/lib/components/navigation/breadcrumbs/breadcrumbs.component.mjs +5 -3
- package/esm2022/lib/components/navigation/breadcrumbs/breadcrumbs.module.mjs +8 -8
- package/esm2022/lib/components/navigation/tabs/tab/tab.component.mjs +9 -10
- package/esm2022/lib/components/navigation/tabs/tab-active/tab-active.component.mjs +5 -7
- package/esm2022/lib/components/navigation/tabs/tab-group/tab-group.component.mjs +9 -16
- package/esm2022/lib/components/navigation/tabs/tab-group/tab-group.module.mjs +8 -8
- package/esm2022/lib/components/navigation/tabs/tab-header/tab-header.component.mjs +10 -8
- package/esm2022/lib/components/pill/pill.component.mjs +5 -7
- package/esm2022/lib/components/pill/pill.mjs +1 -1
- package/esm2022/lib/components/pill/pill.module.mjs +5 -5
- package/esm2022/lib/components/pill-group/pill-group.component.mjs +13 -9
- package/esm2022/lib/components/pill-group/pill-group.module.mjs +4 -4
- package/esm2022/lib/components/price/price.component.mjs +6 -6
- package/esm2022/lib/components/price/price.module.mjs +5 -5
- package/esm2022/lib/components/promo-card/promo-card.component.mjs +25 -11
- package/esm2022/lib/components/promo-card/promo-card.module.mjs +28 -5
- package/esm2022/lib/components/section/index.mjs +1 -1
- package/esm2022/lib/components/section/section.component.mjs +30 -11
- package/esm2022/lib/components/section/section.module.mjs +20 -6
- package/esm2022/lib/components/select-card/select-card.component.mjs +19 -6
- package/esm2022/lib/components/select-card/select-card.module.mjs +34 -5
- package/esm2022/lib/components/seo-block/seo-block.component.mjs +17 -7
- package/esm2022/lib/components/seo-block/seo-block.module.mjs +7 -7
- package/esm2022/lib/components/text/text.component.mjs +9 -9
- package/esm2022/lib/components/text/text.mjs +1 -1
- package/esm2022/lib/components/text/text.module.mjs +4 -4
- package/esm2022/lib/directives/autofocus/autofocus.directive.mjs +5 -3
- package/esm2022/lib/directives/directives.module.mjs +4 -4
- package/esm2022/lib/directives/emphasis/emphasis.directive.mjs +8 -7
- package/esm2022/lib/directives/href/href.directive.mjs +6 -5
- package/esm2022/lib/services/breakpoint.service.mjs +13 -12
- package/esm2022/lib/services/href.service.mjs +3 -3
- package/esm2022/lib/services/image.service.mjs +12 -13
- package/esm2022/lib/services/token.service.mjs +8 -10
- package/fesm2022/oasys-lib.mjs +959 -675
- package/fesm2022/oasys-lib.mjs.map +1 -1
- package/lib/components/alert/alert.component.d.ts.map +1 -1
- package/lib/components/banner/banner.component.d.ts.map +1 -1
- package/lib/components/banner/banner.module.d.ts.map +1 -1
- package/lib/components/button/button.component.d.ts +4 -4
- package/lib/components/button/button.component.d.ts.map +1 -1
- package/lib/components/button-group/button-group.component.d.ts.map +1 -1
- package/lib/components/card/card.component.d.ts.map +1 -1
- package/lib/components/card/card.d.ts.map +1 -1
- package/lib/components/carousel/carousel.component.d.ts.map +1 -1
- package/lib/components/carousel/carousel.module.d.ts.map +1 -1
- package/lib/components/divider/divider.component.d.ts.map +1 -1
- package/lib/components/divider/divider.d.ts.map +1 -1
- package/lib/components/form/combobox/combobox.component.d.ts.map +1 -1
- package/lib/components/form/combobox/combobox.d.ts.map +1 -1
- package/lib/components/form/errors/form-errors.module.d.ts.map +1 -1
- package/lib/components/form/text-input/text-input.component.d.ts.map +1 -1
- package/lib/components/form/text-input/text-input.d.ts.map +1 -1
- package/lib/components/heading/heading.component.d.ts.map +1 -1
- package/lib/components/heading/heading.d.ts.map +1 -1
- package/lib/components/hero/hero.component.d.ts.map +1 -1
- package/lib/components/hero/hero.module.d.ts.map +1 -1
- package/lib/components/icon/icon.component.d.ts.map +1 -1
- package/lib/components/icon/icon.d.ts +1 -1
- package/lib/components/icon/icon.d.ts.map +1 -1
- package/lib/components/image/image.component.d.ts.map +1 -1
- package/lib/components/image/image.d.ts.map +1 -1
- package/lib/components/image/image.module.d.ts.map +1 -1
- package/lib/components/label/label.component.d.ts.map +1 -1
- package/lib/components/label/label.module.d.ts.map +1 -1
- package/lib/components/layout/Layout.d.ts.map +1 -1
- package/lib/components/layout/box/box.component.d.ts.map +1 -1
- package/lib/components/layout/box/box.d.ts.map +1 -1
- package/lib/components/layout/container/container.component.d.ts.map +1 -1
- package/lib/components/layout/grid/grid-column.component.d.ts.map +1 -1
- package/lib/components/layout/stack/stack.component.d.ts.map +1 -1
- package/lib/components/navigation/tabs/tab-group/tab-group.component.d.ts.map +1 -1
- package/lib/components/navigation/tabs/tab-header/tab-header.component.d.ts.map +1 -1
- package/lib/components/pill/pill.component.d.ts.map +1 -1
- package/lib/components/pill/pill.module.d.ts.map +1 -1
- package/lib/components/pill-group/pill-group.component.d.ts.map +1 -1
- package/lib/components/price/price.component.d.ts.map +1 -1
- package/lib/components/price/price.module.d.ts.map +1 -1
- package/lib/components/promo-card/promo-card.component.d.ts.map +1 -1
- package/lib/components/promo-card/promo-card.module.d.ts.map +1 -1
- package/lib/components/section/index.d.ts.map +1 -1
- package/lib/components/section/section.component.d.ts.map +1 -1
- package/lib/components/section/section.module.d.ts.map +1 -1
- package/lib/components/select-card/select-card.component.d.ts.map +1 -1
- package/lib/components/select-card/select-card.module.d.ts.map +1 -1
- package/lib/components/text/text.component.d.ts.map +1 -1
- package/lib/directives/autofocus/autofocus.directive.d.ts.map +1 -1
- package/lib/directives/emphasis/emphasis.directive.d.ts.map +1 -1
- package/lib/directives/href/href.directive.d.ts.map +1 -1
- package/lib/services/breakpoint.service.d.ts.map +1 -1
- package/lib/services/image.service.d.ts.map +1 -1
- package/lib/services/token.service.d.ts.map +1 -1
- package/package.json +5 -5
- package/src/assets/bloomandwild/icons/icons.svg +1 -1
- package/src/assets/bloomandwild/variables.css +1 -1
- package/src/assets/bloomon/icons/icons.svg +1 -1
- package/src/assets/bloomon/variables.css +1 -1
- package/src/assets/global/scss-breakpoints.scss +1 -1
|
@@ -8,8 +8,8 @@ import { LayoutStackComponent } from './stack/stack.component';
|
|
|
8
8
|
import { OasysDirectivesModule } from '../../directives/directives.module';
|
|
9
9
|
import * as i0 from "@angular/core";
|
|
10
10
|
export class OasysLayoutModule {
|
|
11
|
-
static
|
|
12
|
-
static
|
|
11
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
12
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: OasysLayoutModule, declarations: [LayoutBoxComponent,
|
|
13
13
|
LayoutContainerComponent,
|
|
14
14
|
LayoutGridComponent,
|
|
15
15
|
LayoutGridColumnComponent,
|
|
@@ -17,8 +17,8 @@ export class OasysLayoutModule {
|
|
|
17
17
|
LayoutContainerComponent,
|
|
18
18
|
LayoutGridColumnComponent,
|
|
19
19
|
LayoutGridComponent,
|
|
20
|
-
LayoutStackComponent] });
|
|
21
|
-
static
|
|
20
|
+
LayoutStackComponent] });
|
|
21
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysLayoutModule, providers: [TokenService], imports: [OasysDirectivesModule] });
|
|
22
22
|
}
|
|
23
23
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysLayoutModule, decorators: [{
|
|
24
24
|
type: NgModule,
|
|
@@ -41,4 +41,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
41
41
|
providers: [TokenService],
|
|
42
42
|
}]
|
|
43
43
|
}] });
|
|
44
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
44
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGF5b3V0Lm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL29hc3lzLWxpYi9zcmMvbGliL2NvbXBvbmVudHMvbGF5b3V0L2xheW91dC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDNUQsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDekQsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFDM0UsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDekUsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDNUQsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDL0QsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sb0NBQW9DLENBQUM7O0FBb0IzRSxNQUFNLE9BQU8saUJBQWlCO3dHQUFqQixpQkFBaUI7eUdBQWpCLGlCQUFpQixpQkFoQjFCLGtCQUFrQjtZQUNsQix3QkFBd0I7WUFDeEIsbUJBQW1CO1lBQ25CLHlCQUF5QjtZQUN6QixvQkFBb0IsYUFFWixxQkFBcUIsYUFFN0Isa0JBQWtCO1lBQ2xCLHdCQUF3QjtZQUN4Qix5QkFBeUI7WUFDekIsbUJBQW1CO1lBQ25CLG9CQUFvQjt5R0FJWCxpQkFBaUIsYUFGakIsQ0FBQyxZQUFZLENBQUMsWUFSZixxQkFBcUI7OzRGQVVwQixpQkFBaUI7a0JBbEI3QixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRTt3QkFDWixrQkFBa0I7d0JBQ2xCLHdCQUF3Qjt3QkFDeEIsbUJBQW1CO3dCQUNuQix5QkFBeUI7d0JBQ3pCLG9CQUFvQjtxQkFDckI7b0JBQ0QsT0FBTyxFQUFFLENBQUMscUJBQXFCLENBQUM7b0JBQ2hDLE9BQU8sRUFBRTt3QkFDUCxrQkFBa0I7d0JBQ2xCLHdCQUF3Qjt3QkFDeEIseUJBQXlCO3dCQUN6QixtQkFBbUI7d0JBQ25CLG9CQUFvQjtxQkFDckI7b0JBQ0QsU0FBUyxFQUFFLENBQUMsWUFBWSxDQUFDO2lCQUMxQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBUb2tlblNlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy90b2tlbi5zZXJ2aWNlJztcbmltcG9ydCB7IExheW91dEJveENvbXBvbmVudCB9IGZyb20gJy4vYm94L2JveC5jb21wb25lbnQnO1xuaW1wb3J0IHsgTGF5b3V0Q29udGFpbmVyQ29tcG9uZW50IH0gZnJvbSAnLi9jb250YWluZXIvY29udGFpbmVyLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBMYXlvdXRHcmlkQ29sdW1uQ29tcG9uZW50IH0gZnJvbSAnLi9ncmlkL2dyaWQtY29sdW1uLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBMYXlvdXRHcmlkQ29tcG9uZW50IH0gZnJvbSAnLi9ncmlkL2dyaWQuY29tcG9uZW50JztcbmltcG9ydCB7IExheW91dFN0YWNrQ29tcG9uZW50IH0gZnJvbSAnLi9zdGFjay9zdGFjay5jb21wb25lbnQnO1xuaW1wb3J0IHsgT2FzeXNEaXJlY3RpdmVzTW9kdWxlIH0gZnJvbSAnLi4vLi4vZGlyZWN0aXZlcy9kaXJlY3RpdmVzLm1vZHVsZSc7XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW1xuICAgIExheW91dEJveENvbXBvbmVudCxcbiAgICBMYXlvdXRDb250YWluZXJDb21wb25lbnQsXG4gICAgTGF5b3V0R3JpZENvbXBvbmVudCxcbiAgICBMYXlvdXRHcmlkQ29sdW1uQ29tcG9uZW50LFxuICAgIExheW91dFN0YWNrQ29tcG9uZW50LFxuICBdLFxuICBpbXBvcnRzOiBbT2FzeXNEaXJlY3RpdmVzTW9kdWxlXSxcbiAgZXhwb3J0czogW1xuICAgIExheW91dEJveENvbXBvbmVudCxcbiAgICBMYXlvdXRDb250YWluZXJDb21wb25lbnQsXG4gICAgTGF5b3V0R3JpZENvbHVtbkNvbXBvbmVudCxcbiAgICBMYXlvdXRHcmlkQ29tcG9uZW50LFxuICAgIExheW91dFN0YWNrQ29tcG9uZW50LFxuICBdLFxuICBwcm92aWRlcnM6IFtUb2tlblNlcnZpY2VdLFxufSlcbmV4cG9ydCBjbGFzcyBPYXN5c0xheW91dE1vZHVsZSB7fVxuIl19
|
|
@@ -1,16 +1,18 @@
|
|
|
1
|
-
import { ChangeDetectionStrategy, Component, Input, ViewEncapsulation } from '@angular/core';
|
|
1
|
+
import { ChangeDetectionStrategy, Component, Input, ViewEncapsulation, } from '@angular/core';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
export class LayoutStackComponent {
|
|
4
|
+
changes;
|
|
5
|
+
didFirstInit = false;
|
|
6
|
+
prefix = 'ui-layout-stack';
|
|
7
|
+
stackLayoutClasses;
|
|
8
|
+
stack_gap = 'default';
|
|
9
|
+
stack_align = 'start';
|
|
10
|
+
stack_direction = 'y';
|
|
11
|
+
stack_distribute = 'start';
|
|
12
|
+
stack_wrap = false;
|
|
13
|
+
stack_collapse_below = 'none';
|
|
4
14
|
constructor(changes) {
|
|
5
15
|
this.changes = changes;
|
|
6
|
-
this.didFirstInit = false;
|
|
7
|
-
this.prefix = 'ui-layout-stack';
|
|
8
|
-
this.stack_gap = 'default';
|
|
9
|
-
this.stack_align = 'start';
|
|
10
|
-
this.stack_direction = 'y';
|
|
11
|
-
this.stack_distribute = 'start';
|
|
12
|
-
this.stack_wrap = false;
|
|
13
|
-
this.stack_collapse_below = 'none';
|
|
14
16
|
}
|
|
15
17
|
defaultDistribution() {
|
|
16
18
|
if (this.stack_distribute) {
|
|
@@ -34,17 +36,17 @@ export class LayoutStackComponent {
|
|
|
34
36
|
`${this.prefix}-distribute-${this.stack_distribute}`,
|
|
35
37
|
`${this.prefix}-direction-${this.stack_direction}`,
|
|
36
38
|
`${this.prefix}-${this.stack_wrap ? 'wrap' : 'no-wrap'}`,
|
|
37
|
-
`${this.prefix}-collapse-below-${this.stack_collapse_below}
|
|
39
|
+
`${this.prefix}-collapse-below-${this.stack_collapse_below}`,
|
|
38
40
|
];
|
|
39
41
|
this.didFirstInit = true;
|
|
40
42
|
}
|
|
41
|
-
static
|
|
42
|
-
static
|
|
43
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LayoutStackComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
44
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: LayoutStackComponent, selector: "ui-stack", inputs: { stack_gap: "stack_gap", stack_align: "stack_align", stack_direction: "stack_direction", stack_distribute: "stack_distribute", stack_wrap: "stack_wrap", stack_collapse_below: "stack_collapse_below" }, host: { properties: { "class": "stackLayoutClasses" } }, usesOnChanges: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".ui-layout-stack{display:flex;position:relative;align-items:inherit;justify-content:inherit;width:100%}.ui-layout-stack-none{gap:var(--oasys-spacing-none)}.ui-layout-stack-tiny{gap:var(--oasys-spacing-tiny)}.ui-layout-stack-tight{gap:var(--oasys-spacing-tight)}.ui-layout-stack-near{gap:var(--oasys-spacing-near)}.ui-layout-stack-default{gap:var(--oasys-spacing-default)}.ui-layout-stack-expanded{gap:var(--oasys-spacing-expanded)}.ui-layout-stack-section{gap:var(--oasys-spacing-section)}.ui-layout-stack-align-start{justify-content:flex-start}.ui-layout-stack-align-x-start{align-items:flex-start;align-content:flex-start}.ui-layout-stack-align-center{justify-content:center}.ui-layout-stack-align-x-center{align-items:center;align-content:center}.ui-layout-stack-align-end{justify-content:flex-end}.ui-layout-stack-align-x-end{align-items:flex-end;align-content:flex-end}.ui-layout-stack-distribute-fill{justify-content:unset}.ui-layout-stack-distribute-start{justify-content:flex-start}.ui-layout-stack-distribute-center{justify-content:center}.ui-layout-stack-distribute-end{justify-content:flex-end}.ui-layout-stack-distribute-space-between{justify-content:space-between}.ui-layout-stack-distribute-space-around{justify-content:space-around}.ui-layout-stack-distribute-space-evenly{justify-content:space-evenly}.ui-layout-stack-align-start{align-items:flex-start;align-content:flex-start}.ui-layout-stack-align-center{align-items:center;align-content:center}.ui-layout-stack-align-end{align-items:flex-end;align-content:flex-end}.ui-layout-stack-distribute-y-fill{justify-content:unset}.ui-layout-stack-distribute-y-start{justify-content:flex-start}.ui-layout-stack-distribute-y-center{justify-content:center}.ui-layout-stack-distribute-y-end{justify-content:flex-end}.ui-layout-stack-distribute-y-space-between{justify-content:space-between}.ui-layout-stack-distribute-y-space-around{justify-content:space-around}.ui-layout-stack-distribute-y-space-evenly{justify-content:space-evenly}.ui-layout-stack-direction-x{flex-direction:row}.ui-layout-stack-direction-y{flex-direction:column}.ui-layout-stack-distribute-fill>*{flex:1 1 auto}.ui-layout-stack-distribute-fit>ui-stack{flex-basis:0%}.ui-layout-stack-wrap{flex-wrap:wrap}.ui-layout-stack-no-wrap{flex-wrap:nowrap}.ui-layout-stack.ui-layout-stack-direction-y.ui-layout-stack-wrap{height:100%}@media only screen and (max-width: 767px){.ui-layout-stack.ui-layout-stack-collapse-below-tablet{flex-direction:column}}@media only screen and (max-width: 1079px){.ui-layout-stack.ui-layout-stack-collapse-below-laptop{flex-direction:column}}@media only screen and (max-width: 1439px){.ui-layout-stack.ui-layout-stack-collapse-below-desktop{flex-direction:column}}.ui-layout-stack.ui-layout-stack-direction-y.ui-layout-stack-distribute-space-between,.ui-layout-stack.ui-layout-stack-direction-y.ui-layout-stack-distribute-end{height:inherit}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
43
45
|
}
|
|
44
46
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LayoutStackComponent, decorators: [{
|
|
45
47
|
type: Component,
|
|
46
48
|
args: [{ selector: 'ui-stack', template: '<ng-content></ng-content>', host: {
|
|
47
|
-
'[class]': 'stackLayoutClasses'
|
|
49
|
+
'[class]': 'stackLayoutClasses',
|
|
48
50
|
}, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".ui-layout-stack{display:flex;position:relative;align-items:inherit;justify-content:inherit;width:100%}.ui-layout-stack-none{gap:var(--oasys-spacing-none)}.ui-layout-stack-tiny{gap:var(--oasys-spacing-tiny)}.ui-layout-stack-tight{gap:var(--oasys-spacing-tight)}.ui-layout-stack-near{gap:var(--oasys-spacing-near)}.ui-layout-stack-default{gap:var(--oasys-spacing-default)}.ui-layout-stack-expanded{gap:var(--oasys-spacing-expanded)}.ui-layout-stack-section{gap:var(--oasys-spacing-section)}.ui-layout-stack-align-start{justify-content:flex-start}.ui-layout-stack-align-x-start{align-items:flex-start;align-content:flex-start}.ui-layout-stack-align-center{justify-content:center}.ui-layout-stack-align-x-center{align-items:center;align-content:center}.ui-layout-stack-align-end{justify-content:flex-end}.ui-layout-stack-align-x-end{align-items:flex-end;align-content:flex-end}.ui-layout-stack-distribute-fill{justify-content:unset}.ui-layout-stack-distribute-start{justify-content:flex-start}.ui-layout-stack-distribute-center{justify-content:center}.ui-layout-stack-distribute-end{justify-content:flex-end}.ui-layout-stack-distribute-space-between{justify-content:space-between}.ui-layout-stack-distribute-space-around{justify-content:space-around}.ui-layout-stack-distribute-space-evenly{justify-content:space-evenly}.ui-layout-stack-align-start{align-items:flex-start;align-content:flex-start}.ui-layout-stack-align-center{align-items:center;align-content:center}.ui-layout-stack-align-end{align-items:flex-end;align-content:flex-end}.ui-layout-stack-distribute-y-fill{justify-content:unset}.ui-layout-stack-distribute-y-start{justify-content:flex-start}.ui-layout-stack-distribute-y-center{justify-content:center}.ui-layout-stack-distribute-y-end{justify-content:flex-end}.ui-layout-stack-distribute-y-space-between{justify-content:space-between}.ui-layout-stack-distribute-y-space-around{justify-content:space-around}.ui-layout-stack-distribute-y-space-evenly{justify-content:space-evenly}.ui-layout-stack-direction-x{flex-direction:row}.ui-layout-stack-direction-y{flex-direction:column}.ui-layout-stack-distribute-fill>*{flex:1 1 auto}.ui-layout-stack-distribute-fit>ui-stack{flex-basis:0%}.ui-layout-stack-wrap{flex-wrap:wrap}.ui-layout-stack-no-wrap{flex-wrap:nowrap}.ui-layout-stack.ui-layout-stack-direction-y.ui-layout-stack-wrap{height:100%}@media only screen and (max-width: 767px){.ui-layout-stack.ui-layout-stack-collapse-below-tablet{flex-direction:column}}@media only screen and (max-width: 1079px){.ui-layout-stack.ui-layout-stack-collapse-below-laptop{flex-direction:column}}@media only screen and (max-width: 1439px){.ui-layout-stack.ui-layout-stack-collapse-below-desktop{flex-direction:column}}.ui-layout-stack.ui-layout-stack-direction-y.ui-layout-stack-distribute-space-between,.ui-layout-stack.ui-layout-stack-direction-y.ui-layout-stack-distribute-end{height:inherit}\n"] }]
|
|
49
51
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { stack_gap: [{
|
|
50
52
|
type: Input
|
|
@@ -59,4 +61,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
59
61
|
}], stack_collapse_below: [{
|
|
60
62
|
type: Input
|
|
61
63
|
}] } });
|
|
62
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
64
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RhY2suY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvb2FzeXMtbGliL3NyYy9saWIvY29tcG9uZW50cy9sYXlvdXQvc3RhY2svc3RhY2suY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFFdkIsU0FBUyxFQUNULEtBQUssRUFHTCxpQkFBaUIsR0FDbEIsTUFBTSxlQUFlLENBQUM7O0FBYXZCLE1BQU0sT0FBTyxvQkFBb0I7SUFZWDtJQVhwQixZQUFZLEdBQVksS0FBSyxDQUFDO0lBQzlCLE1BQU0sR0FBRyxpQkFBaUIsQ0FBQztJQUMzQixrQkFBa0IsQ0FBWTtJQUVyQixTQUFTLEdBQW1CLFNBQVMsQ0FBQztJQUN0QyxXQUFXLEdBQW9CLE9BQU8sQ0FBQztJQUN2QyxlQUFlLEdBQXFCLEdBQUcsQ0FBQztJQUN4QyxnQkFBZ0IsR0FBc0IsT0FBTyxDQUFDO0lBQzlDLFVBQVUsR0FBYSxLQUFLLENBQUM7SUFDN0Isb0JBQW9CLEdBQTZDLE1BQU0sQ0FBQztJQUVqRixZQUFvQixPQUEwQjtRQUExQixZQUFPLEdBQVAsT0FBTyxDQUFtQjtJQUFHLENBQUM7SUFFbEQsbUJBQW1CO1FBQ2pCLElBQUksSUFBSSxDQUFDLGdCQUFnQixFQUFFLENBQUM7WUFDMUIsT0FBTyxJQUFJLENBQUMsZ0JBQWdCLENBQUM7UUFDL0IsQ0FBQztRQUVELE9BQU8sSUFBSSxDQUFDLGVBQWUsS0FBSyxHQUFHLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDO0lBQ3ZELENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztZQUN2QixPQUFPO1FBQ1QsQ0FBQztRQUNELElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQztRQUNoQixJQUFJLENBQUMsT0FBTyxDQUFDLFlBQVksRUFBRSxDQUFDO0lBQzlCLENBQUM7SUFFRCxRQUFRO1FBQ04sSUFBSSxDQUFDLGdCQUFnQixHQUFHLElBQUksQ0FBQyxtQkFBbUIsRUFBRSxDQUFDO1FBQ25ELElBQUksQ0FBQyxrQkFBa0IsR0FBRztZQUN4QixJQUFJLENBQUMsTUFBTTtZQUNYLEdBQUcsSUFBSSxDQUFDLE1BQU0sSUFBSSxJQUFJLENBQUMsU0FBUyxFQUFFO1lBQ2xDLEdBQUcsSUFBSSxDQUFDLE1BQU0sVUFBVSxJQUFJLENBQUMsV0FBVyxFQUFFO1lBQzFDLEdBQUcsSUFBSSxDQUFDLE1BQU0sZUFBZSxJQUFJLENBQUMsZ0JBQWdCLEVBQUU7WUFDcEQsR0FBRyxJQUFJLENBQUMsTUFBTSxjQUFjLElBQUksQ0FBQyxlQUFlLEVBQUU7WUFDbEQsR0FBRyxJQUFJLENBQUMsTUFBTSxJQUFJLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsU0FBUyxFQUFFO1lBQ3hELEdBQUcsSUFBSSxDQUFDLE1BQU0sbUJBQW1CLElBQUksQ0FBQyxvQkFBb0IsRUFBRTtTQUM3RCxDQUFDO1FBQ0YsSUFBSSxDQUFDLFlBQVksR0FBRyxJQUFJLENBQUM7SUFDM0IsQ0FBQzt3R0ExQ1Usb0JBQW9COzRGQUFwQixvQkFBb0IsZ1ZBUnJCLDJCQUEyQjs7NEZBUTFCLG9CQUFvQjtrQkFWaEMsU0FBUzsrQkFDRSxVQUFVLFlBQ1YsMkJBQTJCLFFBQy9CO3dCQUNKLFNBQVMsRUFBRSxvQkFBb0I7cUJBQ2hDLGlCQUVjLGlCQUFpQixDQUFDLElBQUksbUJBQ3BCLHVCQUF1QixDQUFDLE1BQU07c0ZBT3RDLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxlQUFlO3NCQUF2QixLQUFLO2dCQUNHLGdCQUFnQjtzQkFBeEIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLG9CQUFvQjtzQkFBNUIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDaGFuZ2VEZXRlY3RvclJlZixcbiAgQ29tcG9uZW50LFxuICBJbnB1dCxcbiAgT25DaGFuZ2VzLFxuICBPbkluaXQsXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IExheW91dERpcmVjdGlvbnMsIExheW91dEFsaWdubWVudCwgTGF5b3V0R2FwU2l6ZXMsIExheW91dERpc3RyaWJ1dGUgfSBmcm9tICcuLi9MYXlvdXQnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd1aS1zdGFjaycsXG4gIHRlbXBsYXRlOiAnPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PicsXG4gIGhvc3Q6IHtcbiAgICAnW2NsYXNzXSc6ICdzdGFja0xheW91dENsYXNzZXMnLFxuICB9LFxuICBzdHlsZVVybHM6IFsnLi9zdGFjay5jb21wb25lbnQuc2NzcyddLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgTGF5b3V0U3RhY2tDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uQ2hhbmdlcyB7XG4gIGRpZEZpcnN0SW5pdDogYm9vbGVhbiA9IGZhbHNlO1xuICBwcmVmaXggPSAndWktbGF5b3V0LXN0YWNrJztcbiAgc3RhY2tMYXlvdXRDbGFzc2VzPzogc3RyaW5nW107XG5cbiAgQElucHV0KCkgc3RhY2tfZ2FwOiBMYXlvdXRHYXBTaXplcyA9ICdkZWZhdWx0JztcbiAgQElucHV0KCkgc3RhY2tfYWxpZ246IExheW91dEFsaWdubWVudCA9ICdzdGFydCc7XG4gIEBJbnB1dCgpIHN0YWNrX2RpcmVjdGlvbjogTGF5b3V0RGlyZWN0aW9ucyA9ICd5JztcbiAgQElucHV0KCkgc3RhY2tfZGlzdHJpYnV0ZT86IExheW91dERpc3RyaWJ1dGUgPSAnc3RhcnQnO1xuICBASW5wdXQoKSBzdGFja193cmFwPzogQm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoKSBzdGFja19jb2xsYXBzZV9iZWxvdzogJ3RhYmxldCcgfCAnbGFwdG9wJyB8ICdkZXNrdG9wJyB8ICdub25lJyA9ICdub25lJztcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGNoYW5nZXM6IENoYW5nZURldGVjdG9yUmVmKSB7fVxuXG4gIGRlZmF1bHREaXN0cmlidXRpb24oKTogTGF5b3V0RGlzdHJpYnV0ZSB7XG4gICAgaWYgKHRoaXMuc3RhY2tfZGlzdHJpYnV0ZSkge1xuICAgICAgcmV0dXJuIHRoaXMuc3RhY2tfZGlzdHJpYnV0ZTtcbiAgICB9XG5cbiAgICByZXR1cm4gdGhpcy5zdGFja19kaXJlY3Rpb24gPT09ICd4JyA/ICdmaXQnIDogJ2ZpbGwnO1xuICB9XG5cbiAgbmdPbkNoYW5nZXMoKTogdm9pZCB7XG4gICAgaWYgKCF0aGlzLmRpZEZpcnN0SW5pdCkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICB0aGlzLm5nT25Jbml0KCk7XG4gICAgdGhpcy5jaGFuZ2VzLm1hcmtGb3JDaGVjaygpO1xuICB9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5zdGFja19kaXN0cmlidXRlID0gdGhpcy5kZWZhdWx0RGlzdHJpYnV0aW9uKCk7XG4gICAgdGhpcy5zdGFja0xheW91dENsYXNzZXMgPSBbXG4gICAgICB0aGlzLnByZWZpeCxcbiAgICAgIGAke3RoaXMucHJlZml4fS0ke3RoaXMuc3RhY2tfZ2FwfWAsXG4gICAgICBgJHt0aGlzLnByZWZpeH0tYWxpZ24tJHt0aGlzLnN0YWNrX2FsaWdufWAsXG4gICAgICBgJHt0aGlzLnByZWZpeH0tZGlzdHJpYnV0ZS0ke3RoaXMuc3RhY2tfZGlzdHJpYnV0ZX1gLFxuICAgICAgYCR7dGhpcy5wcmVmaXh9LWRpcmVjdGlvbi0ke3RoaXMuc3RhY2tfZGlyZWN0aW9ufWAsXG4gICAgICBgJHt0aGlzLnByZWZpeH0tJHt0aGlzLnN0YWNrX3dyYXAgPyAnd3JhcCcgOiAnbm8td3JhcCd9YCxcbiAgICAgIGAke3RoaXMucHJlZml4fS1jb2xsYXBzZS1iZWxvdy0ke3RoaXMuc3RhY2tfY29sbGFwc2VfYmVsb3d9YCxcbiAgICBdO1xuICAgIHRoaXMuZGlkRmlyc3RJbml0ID0gdHJ1ZTtcbiAgfVxufVxuIl19
|
|
@@ -8,6 +8,8 @@ import * as i3 from "../../icon/icon.component";
|
|
|
8
8
|
import * as i4 from "../../layout/box/box.component";
|
|
9
9
|
import * as i5 from "../../layout/stack/stack.component";
|
|
10
10
|
export class BreadcrumbsComponent {
|
|
11
|
+
breadcrumbs_values;
|
|
12
|
+
values;
|
|
11
13
|
ngOnInit() {
|
|
12
14
|
if (typeof this.breadcrumbs_values === 'string') {
|
|
13
15
|
this.values = JSON.parse(this.breadcrumbs_values) ?? [];
|
|
@@ -16,8 +18,8 @@ export class BreadcrumbsComponent {
|
|
|
16
18
|
this.values = this.breadcrumbs_values;
|
|
17
19
|
}
|
|
18
20
|
}
|
|
19
|
-
static
|
|
20
|
-
static
|
|
21
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BreadcrumbsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
22
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", 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=\"transparent\" 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\" href=\"{{item.href}}\"> \n <span> {{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\" href=\"{{item.href}}\" [attr.aria-current]=\"item.name\"> \n <span> {{item.name}} </span>\n </ui-button> \n </ng-container>\n </ui-stack>\n </nav>\n</ui-box>", 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_type", "button_full_width", "button_event_type", "button_disabled", "button_selected", "button_text_nowrap", "aria_label", "aria_role", "href"], outputs: ["clicked"] }, { kind: "component", type: i3.IconComponent, selector: "ui-icon", inputs: ["icon_size", "icon_size_override", "icon_name", "icon_context", "alt_text", "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", "box_border_color", "box_border_width", "box_border_style", "box_border_radius"] }, { 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 });
|
|
21
23
|
}
|
|
22
24
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BreadcrumbsComponent, decorators: [{
|
|
23
25
|
type: Component,
|
|
@@ -25,4 +27,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
25
27
|
}], propDecorators: { breadcrumbs_values: [{
|
|
26
28
|
type: Input
|
|
27
29
|
}] } });
|
|
28
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
30
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnJlYWRjcnVtYnMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvb2FzeXMtbGliL3NyYy9saWIvY29tcG9uZW50cy9uYXZpZ2F0aW9uL2JyZWFkY3J1bWJzL2JyZWFkY3J1bWJzLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL29hc3lzLWxpYi9zcmMvbGliL2NvbXBvbmVudHMvbmF2aWdhdGlvbi9icmVhZGNydW1icy9icmVhZGNydW1icy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQVUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDMUQsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN0QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7O0FBWTFDLE1BQU0sT0FBTyxvQkFBb0I7SUFDdEIsa0JBQWtCLENBQTZCO0lBQ3hELE1BQU0sQ0FBb0I7SUFFMUIsUUFBUTtRQUNOLElBQUksT0FBTyxJQUFJLENBQUMsa0JBQWtCLEtBQUssUUFBUSxFQUFFLENBQUM7WUFDaEQsSUFBSSxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUMxRCxDQUFDO2FBQU0sQ0FBQztZQUNOLElBQUksQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDLGtCQUFrQixDQUFDO1FBQ3hDLENBQUM7SUFDSCxDQUFDO3dHQVZVLG9CQUFvQjs0RkFBcEIsb0JBQW9CLDRHQ2RqQyxrNUNBb0JTOzs0RkROSSxvQkFBb0I7a0JBTmhDLFNBQVM7K0JBQ0UsZ0JBQWdCLGlCQUdYLGlCQUFpQixDQUFDLElBQUk7OEJBRzVCLGtCQUFrQjtzQkFBMUIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE9uSW5pdCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW50ZXJmYWNlIEJyZWFkY3J1bWJzSXRlbSB7XG4gIGhyZWY6IHN0cmluZztcbiAgbmFtZTogc3RyaW5nO1xufVxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndWktYnJlYWRjcnVtYnMnLFxuICB0ZW1wbGF0ZVVybDogJy4vYnJlYWRjcnVtYnMuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9icmVhZGNydW1icy5jb21wb25lbnQuc2NzcyddLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxufSlcbmV4cG9ydCBjbGFzcyBCcmVhZGNydW1ic0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBJbnB1dCgpIGJyZWFkY3J1bWJzX3ZhbHVlczogc3RyaW5nIHwgQnJlYWRjcnVtYnNJdGVtW107XG4gIHZhbHVlczogQnJlYWRjcnVtYnNJdGVtW107XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgaWYgKHR5cGVvZiB0aGlzLmJyZWFkY3J1bWJzX3ZhbHVlcyA9PT0gJ3N0cmluZycpIHtcbiAgICAgIHRoaXMudmFsdWVzID0gSlNPTi5wYXJzZSh0aGlzLmJyZWFkY3J1bWJzX3ZhbHVlcykgPz8gW107XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMudmFsdWVzID0gdGhpcy5icmVhZGNydW1ic192YWx1ZXM7XG4gICAgfVxuICB9XG59XG4iLCI8dWktYm94IGJveF9maWxsX21vZGU9XCJmaWxsXCIgYm94X3NwYWNlPVwibmVhclwiIGJveF9iYWNrZ3JvdW5kPVwiY29yZS1zZWNvbmRhcnlcIiAqbmdJZj1cInZhbHVlc1wiPlxuICAgIDxuYXYgYXJpYS1sYWJlbD1cImJyZWFkY3J1bWJzXCI+XG4gICAgICAgIDx1aS1zdGFjayBzdGFja19nYXA9XCJub25lXCIgIHN0YWNrX2RpcmVjdGlvbj1cInhcIiBzdGFja19hbGlnbj1cImNlbnRlclwiIFtzdGFja193cmFwXT1cInRydWVcIj5cbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IGl0ZW0gb2YgdmFsdWVzOyBsZXQgaSA9IGluZGV4XCI+XG4gICAgICAgICAgICAgICAgPCEtLSBMaW5rIGZvbGxvd2VkIGJ5IGFuIGljb24gLS0+XG4gICAgICAgICAgICAgICAgPHVpLWJveCBib3hfc3BhY2U9XCJub25lXCIgYm94X2JhY2tncm91bmQ9XCJ0cmFuc3BhcmVudFwiIGJveF9maWxsX21vZGU9XCJmaXRcIj5cbiAgICAgICAgICAgICAgICAgICAgPHVpLXN0YWNrIHN0YWNrX2RpcmVjdGlvbj1cInhcIiBzdGFja19hbGlnbj1cImNlbnRlclwiIFtzdGFja193cmFwXT1cImZhbHNlXCIgc3RhY2tfZ2FwPVwibm9uZVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPHVpLWJ1dHRvbiAqbmdJZj1cImk8dmFsdWVzLmxlbmd0aC0xXCIgYnV0dG9uX3NpemU9XCJzbWFsbFwiIGJ1dHRvbl90eXBlPVwidGVydGlhcnlcIiBocmVmPVwie3tpdGVtLmhyZWZ9fVwiPiBcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8c3Bhbj4ge3tpdGVtLm5hbWV9fSA8L3NwYW4+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L3VpLWJ1dHRvbj4gICBcbiAgICAgICAgICAgICAgICAgICAgICAgIDx1aS1pY29uICpuZ0lmPVwiaTx2YWx1ZXMubGVuZ3RoLTFcIiAgaWNvbl9uYW1lPVwiY2hldnJvbi1yaWdodFwiIGljb25fc2l6ZT1cInNtYWxsXCIgaWNvbl9jbGFzcz1cImJ1dHRvbkljb25cIiBhcmlhLWhpZGRlbj1cInRydWVcIj48L3VpLWljb24+XG4gICAgICAgICAgICAgICAgICAgIDwvdWktc3RhY2s+XG4gICAgICAgICAgICAgICAgPC91aS1ib3g+XG4gICAgICAgICAgICAgICAgPCEtLSBMYXN0IGxpbmsgYW5kIGN1cnJlbnQgcGFnZSAtLT5cbiAgICAgICAgICAgICAgICA8dWktYnV0dG9uICpuZ0lmPVwiaT09PXZhbHVlcy5sZW5ndGgtMVwiIGJ1dHRvbl9zaXplPVwic21hbGxcIiBidXR0b25fdHlwZT1cInRlcnRpYXJ5XCIgaHJlZj1cInt7aXRlbS5ocmVmfX1cIiBbYXR0ci5hcmlhLWN1cnJlbnRdPVwiaXRlbS5uYW1lXCI+IFxuICAgICAgICAgICAgICAgICAgICA8c3Bhbj4ge3tpdGVtLm5hbWV9fSA8L3NwYW4+XG4gICAgICAgICAgICAgICAgPC91aS1idXR0b24+ICAgXG4gICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgICAgPC91aS1zdGFjaz5cbiAgICA8L25hdj5cbjwvdWktYm94PiJdfQ==
|
|
@@ -7,17 +7,17 @@ import { OasysLayoutModule } from '../../layout';
|
|
|
7
7
|
import { BreadcrumbsComponent } from './breadcrumbs.component';
|
|
8
8
|
import * as i0 from "@angular/core";
|
|
9
9
|
export class OasysBreadcrumbModule {
|
|
10
|
-
static
|
|
11
|
-
static
|
|
10
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysBreadcrumbModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
11
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: OasysBreadcrumbModule, declarations: [BreadcrumbsComponent], imports: [CommonModule,
|
|
12
12
|
OasysButtonModule,
|
|
13
13
|
OasysIconModule,
|
|
14
14
|
OasysLayoutModule,
|
|
15
|
-
OasysDirectivesModule], exports: [BreadcrumbsComponent] });
|
|
16
|
-
static
|
|
15
|
+
OasysDirectivesModule], exports: [BreadcrumbsComponent] });
|
|
16
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysBreadcrumbModule, imports: [CommonModule,
|
|
17
17
|
OasysButtonModule,
|
|
18
18
|
OasysIconModule,
|
|
19
19
|
OasysLayoutModule,
|
|
20
|
-
OasysDirectivesModule] });
|
|
20
|
+
OasysDirectivesModule] });
|
|
21
21
|
}
|
|
22
22
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysBreadcrumbModule, decorators: [{
|
|
23
23
|
type: NgModule,
|
|
@@ -28,9 +28,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
28
28
|
OasysButtonModule,
|
|
29
29
|
OasysIconModule,
|
|
30
30
|
OasysLayoutModule,
|
|
31
|
-
OasysDirectivesModule
|
|
31
|
+
OasysDirectivesModule,
|
|
32
32
|
],
|
|
33
|
-
exports: [BreadcrumbsComponent]
|
|
33
|
+
exports: [BreadcrumbsComponent],
|
|
34
34
|
}]
|
|
35
35
|
}] });
|
|
36
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
36
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnJlYWRjcnVtYnMubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvb2FzeXMtbGliL3NyYy9saWIvY29tcG9uZW50cy9uYXZpZ2F0aW9uL2JyZWFkY3J1bWJzL2JyZWFkY3J1bWJzLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQztBQUM5RSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFDakQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLFlBQVksQ0FBQztBQUM3QyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFDakQsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0seUJBQXlCLENBQUM7O0FBYS9ELE1BQU0sT0FBTyxxQkFBcUI7d0dBQXJCLHFCQUFxQjt5R0FBckIscUJBQXFCLGlCQVZqQixvQkFBb0IsYUFFakMsWUFBWTtZQUNaLGlCQUFpQjtZQUNqQixlQUFlO1lBQ2YsaUJBQWlCO1lBQ2pCLHFCQUFxQixhQUViLG9CQUFvQjt5R0FFbkIscUJBQXFCLFlBUjlCLFlBQVk7WUFDWixpQkFBaUI7WUFDakIsZUFBZTtZQUNmLGlCQUFpQjtZQUNqQixxQkFBcUI7OzRGQUlaLHFCQUFxQjtrQkFYakMsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsQ0FBQyxvQkFBb0IsQ0FBQztvQkFDcEMsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osaUJBQWlCO3dCQUNqQixlQUFlO3dCQUNmLGlCQUFpQjt3QkFDakIscUJBQXFCO3FCQUN0QjtvQkFDRCxPQUFPLEVBQUUsQ0FBQyxvQkFBb0IsQ0FBQztpQkFDaEMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE9hc3lzRGlyZWN0aXZlc01vZHVsZSB9IGZyb20gJy4uLy4uLy4uL2RpcmVjdGl2ZXMvZGlyZWN0aXZlcy5tb2R1bGUnO1xuaW1wb3J0IHsgT2FzeXNCdXR0b25Nb2R1bGUgfSBmcm9tICcuLi8uLi9idXR0b24nO1xuaW1wb3J0IHsgT2FzeXNJY29uTW9kdWxlIH0gZnJvbSAnLi4vLi4vaWNvbic7XG5pbXBvcnQgeyBPYXN5c0xheW91dE1vZHVsZSB9IGZyb20gJy4uLy4uL2xheW91dCc7XG5pbXBvcnQgeyBCcmVhZGNydW1ic0NvbXBvbmVudCB9IGZyb20gJy4vYnJlYWRjcnVtYnMuY29tcG9uZW50JztcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbQnJlYWRjcnVtYnNDb21wb25lbnRdLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIE9hc3lzQnV0dG9uTW9kdWxlLFxuICAgIE9hc3lzSWNvbk1vZHVsZSxcbiAgICBPYXN5c0xheW91dE1vZHVsZSxcbiAgICBPYXN5c0RpcmVjdGl2ZXNNb2R1bGUsXG4gIF0sXG4gIGV4cG9ydHM6IFtCcmVhZGNydW1ic0NvbXBvbmVudF0sXG59KVxuZXhwb3J0IGNsYXNzIE9hc3lzQnJlYWRjcnVtYk1vZHVsZSB7fVxuIl19
|
|
@@ -1,25 +1,24 @@
|
|
|
1
|
-
import { Component, EventEmitter, Input, Output, ViewChild } from '@angular/core';
|
|
1
|
+
import { Component, EventEmitter, Input, Output, ViewChild, } from '@angular/core';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
export class OasysTabComponent {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
}
|
|
4
|
+
tab_label = undefined;
|
|
5
|
+
tab_active = false;
|
|
6
|
+
clicked = new EventEmitter();
|
|
7
|
+
template;
|
|
9
8
|
ngAfterContentInit() {
|
|
10
9
|
if (!this.template) {
|
|
11
10
|
throw new Error(this.tab_label + ': <ui-tab> can`t be empty');
|
|
12
11
|
}
|
|
13
12
|
}
|
|
14
|
-
static
|
|
15
|
-
static
|
|
13
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysTabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
14
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: OasysTabComponent, isStandalone: true, selector: "ui-tab", inputs: { tab_label: "tab_label", tab_active: "tab_active" }, outputs: { clicked: "clicked" }, viewQueries: [{ propertyName: "template", first: true, predicate: ["tabContent"], descendants: true, static: true }], ngImport: i0, template: '<ng-template #tabContent><ng-content></ng-content></ng-template>', isInline: true });
|
|
16
15
|
}
|
|
17
16
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysTabComponent, decorators: [{
|
|
18
17
|
type: Component,
|
|
19
18
|
args: [{
|
|
20
19
|
standalone: true,
|
|
21
20
|
selector: 'ui-tab',
|
|
22
|
-
template: '<ng-template #tabContent><ng-content></ng-content></ng-template>'
|
|
21
|
+
template: '<ng-template #tabContent><ng-content></ng-content></ng-template>',
|
|
23
22
|
}]
|
|
24
23
|
}], propDecorators: { tab_label: [{
|
|
25
24
|
type: Input
|
|
@@ -31,4 +30,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
31
30
|
type: ViewChild,
|
|
32
31
|
args: ['tabContent', { static: true }]
|
|
33
32
|
}] } });
|
|
34
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
33
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL29hc3lzLWxpYi9zcmMvbGliL2NvbXBvbmVudHMvbmF2aWdhdGlvbi90YWJzL3RhYi90YWIuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFFTCxTQUFTLEVBQ1QsWUFBWSxFQUNaLEtBQUssRUFDTCxNQUFNLEVBRU4sU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDOztBQU92QixNQUFNLE9BQU8saUJBQWlCO0lBQ25CLFNBQVMsR0FBRyxTQUFTLENBQUM7SUFDdEIsVUFBVSxHQUFZLEtBQUssQ0FBQztJQUMzQixPQUFPLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztJQUVGLFFBQVEsQ0FBcUI7SUFFeEUsa0JBQWtCO1FBQ2hCLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUFFLENBQUM7WUFDbkIsTUFBTSxJQUFJLEtBQUssQ0FBQyxJQUFJLENBQUMsU0FBUyxHQUFHLDJCQUEyQixDQUFDLENBQUM7UUFDaEUsQ0FBQztJQUNILENBQUM7d0dBWFUsaUJBQWlCOzRGQUFqQixpQkFBaUIsdVJBRmxCLGtFQUFrRTs7NEZBRWpFLGlCQUFpQjtrQkFMN0IsU0FBUzttQkFBQztvQkFDVCxVQUFVLEVBQUUsSUFBSTtvQkFDaEIsUUFBUSxFQUFFLFFBQVE7b0JBQ2xCLFFBQVEsRUFBRSxrRUFBa0U7aUJBQzdFOzhCQUVVLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDSSxPQUFPO3NCQUFoQixNQUFNO2dCQUVvQyxRQUFRO3NCQUFsRCxTQUFTO3VCQUFDLFlBQVksRUFBRSxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBBZnRlckNvbnRlbnRJbml0LFxuICBDb21wb25lbnQsXG4gIEV2ZW50RW1pdHRlcixcbiAgSW5wdXQsXG4gIE91dHB1dCxcbiAgVGVtcGxhdGVSZWYsXG4gIFZpZXdDaGlsZCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzdGFuZGFsb25lOiB0cnVlLFxuICBzZWxlY3RvcjogJ3VpLXRhYicsXG4gIHRlbXBsYXRlOiAnPG5nLXRlbXBsYXRlICN0YWJDb250ZW50PjxuZy1jb250ZW50PjwvbmctY29udGVudD48L25nLXRlbXBsYXRlPicsXG59KVxuZXhwb3J0IGNsYXNzIE9hc3lzVGFiQ29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJDb250ZW50SW5pdCB7XG4gIEBJbnB1dCgpIHRhYl9sYWJlbCA9IHVuZGVmaW5lZDtcbiAgQElucHV0KCkgdGFiX2FjdGl2ZTogYm9vbGVhbiA9IGZhbHNlO1xuICBAT3V0cHV0KCkgY2xpY2tlZCA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcblxuICBAVmlld0NoaWxkKCd0YWJDb250ZW50JywgeyBzdGF0aWM6IHRydWUgfSkgdGVtcGxhdGUhOiBUZW1wbGF0ZVJlZjx2b2lkPjtcblxuICBuZ0FmdGVyQ29udGVudEluaXQoKTogdm9pZCB7XG4gICAgaWYgKCF0aGlzLnRlbXBsYXRlKSB7XG4gICAgICB0aHJvdyBuZXcgRXJyb3IodGhpcy50YWJfbGFiZWwgKyAnOiA8dWktdGFiPiBjYW5gdCBiZSBlbXB0eScpO1xuICAgIH1cbiAgfVxufVxuIl19
|
|
@@ -3,11 +3,9 @@ import { CommonModule } from '@angular/common';
|
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
import * as i1 from "@angular/common";
|
|
5
5
|
export class OasysTabActiveComponent {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
}
|
|
9
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysTabActiveComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: OasysTabActiveComponent, isStandalone: true, selector: "ui-tab-active", inputs: { templateRef: { classPropertyName: "templateRef", publicName: "templateRef", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: '<div role="tabpanel"> <ng-template [ngTemplateOutlet]="templateRef()"></ng-template></div>', isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
|
|
6
|
+
templateRef = input();
|
|
7
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysTabActiveComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
8
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: OasysTabActiveComponent, isStandalone: true, selector: "ui-tab-active", inputs: { templateRef: { classPropertyName: "templateRef", publicName: "templateRef", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: '<div role="tabpanel"> <ng-template [ngTemplateOutlet]="templateRef()"></ng-template></div>', isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
|
|
11
9
|
}
|
|
12
10
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysTabActiveComponent, decorators: [{
|
|
13
11
|
type: Component,
|
|
@@ -15,7 +13,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
15
13
|
standalone: true,
|
|
16
14
|
imports: [CommonModule],
|
|
17
15
|
selector: 'ui-tab-active',
|
|
18
|
-
template: '<div role="tabpanel"> <ng-template [ngTemplateOutlet]="templateRef()"></ng-template></div>'
|
|
16
|
+
template: '<div role="tabpanel"> <ng-template [ngTemplateOutlet]="templateRef()"></ng-template></div>',
|
|
19
17
|
}]
|
|
20
18
|
}] });
|
|
21
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
19
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiLWFjdGl2ZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9vYXN5cy1saWIvc3JjL2xpYi9jb21wb25lbnRzL25hdmlnYXRpb24vdGFicy90YWItYWN0aXZlL3RhYi1hY3RpdmUuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFzQixNQUFNLGVBQWUsQ0FBQztBQUVyRSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7OztBQVMvQyxNQUFNLE9BQU8sdUJBQXVCO0lBQ2xDLFdBQVcsR0FBRyxLQUFLLEVBQXFCLENBQUM7d0dBRDlCLHVCQUF1Qjs0RkFBdkIsdUJBQXVCLCtOQUZoQyw0RkFBNEYsMkRBSHBGLFlBQVk7OzRGQUtYLHVCQUF1QjtrQkFQbkMsU0FBUzttQkFBQztvQkFDVCxVQUFVLEVBQUUsSUFBSTtvQkFDaEIsT0FBTyxFQUFFLENBQUMsWUFBWSxDQUFDO29CQUN2QixRQUFRLEVBQUUsZUFBZTtvQkFDekIsUUFBUSxFQUNOLDRGQUE0RjtpQkFDL0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIGlucHV0LCBJbnB1dCwgVGVtcGxhdGVSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcblxuQENvbXBvbmVudCh7XG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxuICBzZWxlY3RvcjogJ3VpLXRhYi1hY3RpdmUnLFxuICB0ZW1wbGF0ZTpcbiAgICAnPGRpdiByb2xlPVwidGFicGFuZWxcIj4gPG5nLXRlbXBsYXRlIFtuZ1RlbXBsYXRlT3V0bGV0XT1cInRlbXBsYXRlUmVmKClcIj48L25nLXRlbXBsYXRlPjwvZGl2PicsXG59KVxuZXhwb3J0IGNsYXNzIE9hc3lzVGFiQWN0aXZlQ29tcG9uZW50IHtcbiAgdGVtcGxhdGVSZWYgPSBpbnB1dDxUZW1wbGF0ZVJlZjx2b2lkPj4oKTtcbn1cbiJdfQ==
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Component, Input, ViewEncapsulation, ChangeDetectionStrategy, ContentChildren } from '@angular/core';
|
|
1
|
+
import { Component, Input, ViewEncapsulation, ChangeDetectionStrategy, ContentChildren, } from '@angular/core';
|
|
2
2
|
import { OasysLayoutModule } from '../../../layout';
|
|
3
3
|
import { OasysTabComponent } from '../tab/tab.component';
|
|
4
4
|
import { NgIf } from '@angular/common';
|
|
@@ -6,13 +6,11 @@ import { OasysTabActiveComponent } from '../tab-active/tab-active.component';
|
|
|
6
6
|
import { OasysTabHeaderComponent } from '../tab-header/tab-header.component';
|
|
7
7
|
import * as i0 from "@angular/core";
|
|
8
8
|
export class OasysTabGroupComponent {
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
9
|
+
tab_size = 'small';
|
|
10
|
+
tabs;
|
|
11
|
+
activeComponent;
|
|
12
12
|
getIndicatorClass() {
|
|
13
|
-
return this.tab_size === 'small'
|
|
14
|
-
? 'nav-item_indicator line'
|
|
15
|
-
: 'nav-item_indicator large line';
|
|
13
|
+
return this.tab_size === 'small' ? 'nav-item_indicator line' : 'nav-item_indicator large line';
|
|
16
14
|
}
|
|
17
15
|
ngAfterContentInit() {
|
|
18
16
|
if (this.tabs.length === 0) {
|
|
@@ -25,21 +23,16 @@ export class OasysTabGroupComponent {
|
|
|
25
23
|
this.activeComponent = tab;
|
|
26
24
|
this.activeComponent.clicked.emit();
|
|
27
25
|
}
|
|
28
|
-
static
|
|
29
|
-
static
|
|
26
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysTabGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
27
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: OasysTabGroupComponent, isStandalone: true, selector: "ui-tab-group", inputs: { tab_size: "tab_size" }, queries: [{ propertyName: "tabs", predicate: OasysTabComponent }], ngImport: i0, template: "<div class=\"ui-tab-group\">\n <ui-tab-header\n *ngIf=\"tabs || activeComponent\"\n [tab_size]=\"tab_size\"\n [tabs]=\"tabs\"\n [tab_active]=\"activeComponent\"\n (tab_clicked)=\"activateTab($event)\"\n ></ui-tab-header>\n\n <ui-tab-active [templateRef]=\"activeComponent?.template\"></ui-tab-active>\n</div>\n", dependencies: [{ kind: "ngmodule", type: OasysLayoutModule }, { kind: "component", type: OasysTabActiveComponent, selector: "ui-tab-active", inputs: ["templateRef"] }, { kind: "component", type: OasysTabHeaderComponent, selector: "ui-tab-header", inputs: ["tab_size", "tabs", "tab_active"], outputs: ["tab_clicked"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
30
28
|
}
|
|
31
29
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysTabGroupComponent, decorators: [{
|
|
32
30
|
type: Component,
|
|
33
|
-
args: [{ standalone: true, imports: [
|
|
34
|
-
OasysLayoutModule,
|
|
35
|
-
OasysTabActiveComponent,
|
|
36
|
-
OasysTabHeaderComponent,
|
|
37
|
-
NgIf
|
|
38
|
-
], selector: 'ui-tab-group', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"ui-tab-group\">\n <ui-tab-header\n *ngIf=\"tabs || activeComponent\"\n [tab_size]=\"tab_size\"\n [tabs]=\"tabs\"\n [tab_active]=\"activeComponent\"\n (tab_clicked)=\"activateTab($event)\"\n ></ui-tab-header>\n\n <ui-tab-active [templateRef]=\"activeComponent?.template\"></ui-tab-active>\n</div>\n" }]
|
|
31
|
+
args: [{ standalone: true, imports: [OasysLayoutModule, OasysTabActiveComponent, OasysTabHeaderComponent, NgIf], selector: 'ui-tab-group', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"ui-tab-group\">\n <ui-tab-header\n *ngIf=\"tabs || activeComponent\"\n [tab_size]=\"tab_size\"\n [tabs]=\"tabs\"\n [tab_active]=\"activeComponent\"\n (tab_clicked)=\"activateTab($event)\"\n ></ui-tab-header>\n\n <ui-tab-active [templateRef]=\"activeComponent?.template\"></ui-tab-active>\n</div>\n" }]
|
|
39
32
|
}], propDecorators: { tab_size: [{
|
|
40
33
|
type: Input
|
|
41
34
|
}], tabs: [{
|
|
42
35
|
type: ContentChildren,
|
|
43
36
|
args: [OasysTabComponent]
|
|
44
37
|
}] } });
|
|
45
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
38
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiLWdyb3VwLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL29hc3lzLWxpYi9zcmMvbGliL2NvbXBvbmVudHMvbmF2aWdhdGlvbi90YWJzL3RhYi1ncm91cC90YWItZ3JvdXAuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvb2FzeXMtbGliL3NyYy9saWIvY29tcG9uZW50cy9uYXZpZ2F0aW9uL3RhYnMvdGFiLWdyb3VwL3RhYi1ncm91cC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULEtBQUssRUFDTCxpQkFBaUIsRUFDakIsdUJBQXVCLEVBQ3ZCLGVBQWUsR0FHaEIsTUFBTSxlQUFlLENBQUM7QUFFdkIsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDcEQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDekQsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ3ZDLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLG9DQUFvQyxDQUFDO0FBQzdFLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLG9DQUFvQyxDQUFDOztBQVU3RSxNQUFNLE9BQU8sc0JBQXNCO0lBQ3hCLFFBQVEsR0FBc0IsT0FBTyxDQUFDO0lBRVgsSUFBSSxDQUFnQztJQUN4RSxlQUFlLENBQXFCO0lBRXBDLGlCQUFpQjtRQUNmLE9BQU8sSUFBSSxDQUFDLFFBQVEsS0FBSyxPQUFPLENBQUMsQ0FBQyxDQUFDLHlCQUF5QixDQUFDLENBQUMsQ0FBQywrQkFBK0IsQ0FBQztJQUNqRyxDQUFDO0lBRUQsa0JBQWtCO1FBQ2hCLElBQUksSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLEtBQUssQ0FBQyxFQUFFLENBQUM7WUFDM0IsTUFBTSxJQUFJLEtBQUssQ0FBQywrQ0FBK0MsQ0FBQyxDQUFDO1FBQ25FLENBQUM7UUFDRCxNQUFNLFdBQVcsR0FBRyxJQUFJLENBQUMsSUFBSSxFQUFFLElBQUksQ0FBQyxDQUFDLEdBQUcsRUFBVyxFQUFFLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxVQUFVLENBQUMsQ0FBQztRQUN4RSxJQUFJLENBQUMsZUFBZSxHQUFHLFdBQVcsSUFBSSxJQUFJLENBQUMsSUFBSSxFQUFFLEtBQUssQ0FBQztJQUN6RCxDQUFDO0lBRUQsV0FBVyxDQUFDLEdBQXNCO1FBQ2hDLElBQUksQ0FBQyxlQUFlLEdBQUcsR0FBRyxDQUFDO1FBQzNCLElBQUksQ0FBQyxlQUFlLENBQUMsT0FBTyxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3RDLENBQUM7d0dBckJVLHNCQUFzQjs0RkFBdEIsc0JBQXNCLCtIQUdoQixpQkFBaUIsNkJDM0JwQywwVUFXQSwyQ0RPWSxpQkFBaUIsK0JBQUUsdUJBQXVCLG1GQUFFLHVCQUF1QixnSUFBRSxJQUFJOzs0RkFNeEUsc0JBQXNCO2tCQVJsQyxTQUFTO2lDQUNJLElBQUksV0FDUCxDQUFDLGlCQUFpQixFQUFFLHVCQUF1QixFQUFFLHVCQUF1QixFQUFFLElBQUksQ0FBQyxZQUMxRSxjQUFjLGlCQUVULGlCQUFpQixDQUFDLElBQUksbUJBQ3BCLHVCQUF1QixDQUFDLE1BQU07OEJBR3RDLFFBQVE7c0JBQWhCLEtBQUs7Z0JBRThCLElBQUk7c0JBQXZDLGVBQWU7dUJBQUMsaUJBQWlCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBJbnB1dCxcbiAgVmlld0VuY2Fwc3VsYXRpb24sXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb250ZW50Q2hpbGRyZW4sXG4gIFF1ZXJ5TGlzdCxcbiAgQWZ0ZXJDb250ZW50SW5pdCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IE9hc3lzTGF5b3V0TW9kdWxlIH0gZnJvbSAnLi4vLi4vLi4vbGF5b3V0JztcbmltcG9ydCB7IE9hc3lzVGFiQ29tcG9uZW50IH0gZnJvbSAnLi4vdGFiL3RhYi5jb21wb25lbnQnO1xuaW1wb3J0IHsgTmdJZiB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBPYXN5c1RhYkFjdGl2ZUNvbXBvbmVudCB9IGZyb20gJy4uL3RhYi1hY3RpdmUvdGFiLWFjdGl2ZS5jb21wb25lbnQnO1xuaW1wb3J0IHsgT2FzeXNUYWJIZWFkZXJDb21wb25lbnQgfSBmcm9tICcuLi90YWItaGVhZGVyL3RhYi1oZWFkZXIuY29tcG9uZW50JztcblxuQENvbXBvbmVudCh7XG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtPYXN5c0xheW91dE1vZHVsZSwgT2FzeXNUYWJBY3RpdmVDb21wb25lbnQsIE9hc3lzVGFiSGVhZGVyQ29tcG9uZW50LCBOZ0lmXSxcbiAgc2VsZWN0b3I6ICd1aS10YWItZ3JvdXAnLFxuICB0ZW1wbGF0ZVVybDogJy4vdGFiLWdyb3VwLmNvbXBvbmVudC5odG1sJyxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSwgLy8gdG8gaGlkZSBub24gdWktYnV0dG9ucyB2aWEgY3NzXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBPYXN5c1RhYkdyb3VwQ29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJDb250ZW50SW5pdCB7XG4gIEBJbnB1dCgpIHRhYl9zaXplOiAnc21hbGwnIHwgJ2xhcmdlJyA9ICdzbWFsbCc7XG5cbiAgQENvbnRlbnRDaGlsZHJlbihPYXN5c1RhYkNvbXBvbmVudCkgdGFicyE6IFF1ZXJ5TGlzdDxPYXN5c1RhYkNvbXBvbmVudD47XG4gIGFjdGl2ZUNvbXBvbmVudCE6IE9hc3lzVGFiQ29tcG9uZW50O1xuXG4gIGdldEluZGljYXRvckNsYXNzKCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIHRoaXMudGFiX3NpemUgPT09ICdzbWFsbCcgPyAnbmF2LWl0ZW1faW5kaWNhdG9yIGxpbmUnIDogJ25hdi1pdGVtX2luZGljYXRvciBsYXJnZSBsaW5lJztcbiAgfVxuXG4gIG5nQWZ0ZXJDb250ZW50SW5pdCgpOiB2b2lkIHtcbiAgICBpZiAodGhpcy50YWJzLmxlbmd0aCA9PT0gMCkge1xuICAgICAgdGhyb3cgbmV3IEVycm9yKCc8dWktdGFiLWdyb3VwPiByZXF1aXJlcyBhdCBsZWFzdCBvbmUgPHVpLXRhYj4nKTtcbiAgICB9XG4gICAgY29uc3Qgc2VsZWN0ZWRUYWIgPSB0aGlzLnRhYnM/LmZpbmQoKHRhYik6IGJvb2xlYW4gPT4gISF0YWIudGFiX2FjdGl2ZSk7XG4gICAgdGhpcy5hY3RpdmVDb21wb25lbnQgPSBzZWxlY3RlZFRhYiA/PyB0aGlzLnRhYnM/LmZpcnN0O1xuICB9XG5cbiAgYWN0aXZhdGVUYWIodGFiOiBPYXN5c1RhYkNvbXBvbmVudCk6IHZvaWQge1xuICAgIHRoaXMuYWN0aXZlQ29tcG9uZW50ID0gdGFiO1xuICAgIHRoaXMuYWN0aXZlQ29tcG9uZW50LmNsaWNrZWQuZW1pdCgpO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwidWktdGFiLWdyb3VwXCI+XG4gIDx1aS10YWItaGVhZGVyXG4gICAgKm5nSWY9XCJ0YWJzIHx8IGFjdGl2ZUNvbXBvbmVudFwiXG4gICAgW3RhYl9zaXplXT1cInRhYl9zaXplXCJcbiAgICBbdGFic109XCJ0YWJzXCJcbiAgICBbdGFiX2FjdGl2ZV09XCJhY3RpdmVDb21wb25lbnRcIlxuICAgICh0YWJfY2xpY2tlZCk9XCJhY3RpdmF0ZVRhYigkZXZlbnQpXCJcbiAgPjwvdWktdGFiLWhlYWRlcj5cblxuICA8dWktdGFiLWFjdGl2ZSBbdGVtcGxhdGVSZWZdPVwiYWN0aXZlQ29tcG9uZW50Py50ZW1wbGF0ZVwiPjwvdWktdGFiLWFjdGl2ZT5cbjwvZGl2PlxuIl19
|
|
@@ -5,14 +5,14 @@ import { OasysTabActiveComponent } from '../tab-active/tab-active.component';
|
|
|
5
5
|
import { OasysTabHeaderComponent } from '../tab-header/tab-header.component';
|
|
6
6
|
import * as i0 from "@angular/core";
|
|
7
7
|
export class OasysTabsModule {
|
|
8
|
-
static
|
|
9
|
-
static
|
|
8
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysTabsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
9
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: OasysTabsModule, imports: [OasysTabGroupComponent,
|
|
10
10
|
OasysTabComponent,
|
|
11
11
|
OasysTabActiveComponent,
|
|
12
|
-
OasysTabHeaderComponent] });
|
|
13
|
-
static
|
|
12
|
+
OasysTabHeaderComponent] });
|
|
13
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysTabsModule, imports: [OasysTabGroupComponent,
|
|
14
14
|
OasysTabActiveComponent,
|
|
15
|
-
OasysTabHeaderComponent] });
|
|
15
|
+
OasysTabHeaderComponent] });
|
|
16
16
|
}
|
|
17
17
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysTabsModule, decorators: [{
|
|
18
18
|
type: NgModule,
|
|
@@ -21,8 +21,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
21
21
|
OasysTabGroupComponent,
|
|
22
22
|
OasysTabComponent,
|
|
23
23
|
OasysTabActiveComponent,
|
|
24
|
-
OasysTabHeaderComponent
|
|
25
|
-
]
|
|
24
|
+
OasysTabHeaderComponent,
|
|
25
|
+
],
|
|
26
26
|
}]
|
|
27
27
|
}] });
|
|
28
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
28
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiLWdyb3VwLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL29hc3lzLWxpYi9zcmMvbGliL2NvbXBvbmVudHMvbmF2aWdhdGlvbi90YWJzL3RhYi1ncm91cC90YWItZ3JvdXAubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFekMsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDL0QsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDekQsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUFDN0UsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sb0NBQW9DLENBQUM7O0FBVTdFLE1BQU0sT0FBTyxlQUFlO3dHQUFmLGVBQWU7eUdBQWYsZUFBZSxZQU54QixzQkFBc0I7WUFDdEIsaUJBQWlCO1lBQ2pCLHVCQUF1QjtZQUN2Qix1QkFBdUI7eUdBR2QsZUFBZSxZQU54QixzQkFBc0I7WUFFdEIsdUJBQXVCO1lBQ3ZCLHVCQUF1Qjs7NEZBR2QsZUFBZTtrQkFSM0IsUUFBUTttQkFBQztvQkFDUixPQUFPLEVBQUU7d0JBQ1Asc0JBQXNCO3dCQUN0QixpQkFBaUI7d0JBQ2pCLHVCQUF1Qjt3QkFDdkIsdUJBQXVCO3FCQUN4QjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IE9hc3lzVGFiR3JvdXBDb21wb25lbnQgfSBmcm9tICcuL3RhYi1ncm91cC5jb21wb25lbnQnO1xuaW1wb3J0IHsgT2FzeXNUYWJDb21wb25lbnQgfSBmcm9tICcuLi90YWIvdGFiLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBPYXN5c1RhYkFjdGl2ZUNvbXBvbmVudCB9IGZyb20gJy4uL3RhYi1hY3RpdmUvdGFiLWFjdGl2ZS5jb21wb25lbnQnO1xuaW1wb3J0IHsgT2FzeXNUYWJIZWFkZXJDb21wb25lbnQgfSBmcm9tICcuLi90YWItaGVhZGVyL3RhYi1oZWFkZXIuY29tcG9uZW50JztcblxuQE5nTW9kdWxlKHtcbiAgaW1wb3J0czogW1xuICAgIE9hc3lzVGFiR3JvdXBDb21wb25lbnQsXG4gICAgT2FzeXNUYWJDb21wb25lbnQsXG4gICAgT2FzeXNUYWJBY3RpdmVDb21wb25lbnQsXG4gICAgT2FzeXNUYWJIZWFkZXJDb21wb25lbnQsXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIE9hc3lzVGFic01vZHVsZSB7fVxuLyoqXG4gKiBAbmdNb2R1bGUgT2FzeXNUYWJzTW9kdWxlXG4gKiBAZGVzY3JpcHRpb25cbiAqXG4gKiBUYWJzIHByb3ZpZGUgYSBzdHJ1Y3R1cmVkIHdheSB0byBvcmdhbml6ZSBhbmQgbmF2aWdhdGUgdGhyb3VnaCBkaWZmZXJlbnQgYXJlYXMgb2YgYW4gYXBwbGljYXRpb24uXG4gKlxuICogQHVzYWdlTm90ZXNcbiAqXG4gKiBAZXhhbXBsZVxuICogICA8dWktdGFiLWdyb3VwIHRhYl9zaXplPSR7YXJnc1sndGFiX3NpemUnXX0gPlxuICogICAgICAgPCEtLSBUYWIgLS0+XG4gKiAgICAgICA8dWktdGFiIHRhYl9sYWJlbD1cIiR7YXJnc1sndGFiX2xhYmVsJ119XCI+XG4gKiAgICAgICAgIDwhLS0gVGFiIGNvbnRlbnQgLS0+XG4gKiAgICAgICA8L3VpLXRhYj5cbiAqXG4gKiAgICAgICA8IS0tIFRhYiAtLT5cbiAqICAgICAgIDx1aS10YWIgdGFiX2xhYmVsPVwiVGFiIDJcIj5cbiAqICAgICAgICAgPCEtLSBUYWIgY29udGVudCAtLT5cbiAqICAgICAgIDwvdWktdGFiPlxuICpcbiAqICAgICAgIDwhLS0gVGFiIC0tPlxuICogICAgICAgPHVpLXRhYiB0YWJfbGFiZWw9XCJUYWIgM1wiIFt0YWJfYWN0aXZlXT0ke2FyZ3NbJ3RhYl9hY3RpdmUnXX0+XG4gKiAgICAgICAgIDwhLS0gVGFiIGNvbnRlbnQgLS0+XG4gKiAgICAgICA8L3VpLXRhYj5cbiAqICAgICA8L3VpLXRhYi1ncm91cD5cbiAqXG4gKiBQdWc6XG4gKiAgICB1aS10YWItZ3JvdXAodGFiX3NpemU9XCIke2FyZ3NbJ3RhYl9zaXplJ119XCIpXG4gKiAgICAgICAgIHVpLXRhYih0YWJfbGFiZWw9XCIke2FyZ3NbJ3RhYl9sYWJlbCddfVwiKVxuICogICAgICAgICAgICAgPCEtLSBUYWIgY29udGVudCBib2R5IC0tPlxuICpcbiAqICAgICAgICAgdWktdGFiKHRhYl9sYWJlbD1cIlRhYiAyXCIgdGFiX2FjdGl2ZT1cIiR7YXJnc1sndGFiX2FjdGl2ZSddfVwiKVxuICogICAgICAgICAgICAgPCEtLSBUYWIgY29udGVudCBib2R5IC0tPlxuICogQE9hc3lzTGliXG4gKi9cbiJdfQ==
|
|
@@ -4,11 +4,13 @@ import { OasysLayoutModule } from '../../../layout';
|
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
5
|
import * as i1 from "../../../layout/stack/stack.component";
|
|
6
6
|
export class OasysTabHeaderComponent {
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
7
|
+
tab_size = 'small';
|
|
8
|
+
tabs;
|
|
9
|
+
tab_clicked = new EventEmitter();
|
|
10
|
+
tab_active = input();
|
|
11
|
+
activeComponent;
|
|
12
|
+
length;
|
|
13
|
+
domEles;
|
|
12
14
|
/**
|
|
13
15
|
* Get class for the active indicator based os size
|
|
14
16
|
* @returns
|
|
@@ -52,8 +54,8 @@ export class OasysTabHeaderComponent {
|
|
|
52
54
|
}
|
|
53
55
|
}
|
|
54
56
|
}
|
|
55
|
-
static
|
|
56
|
-
static
|
|
57
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysTabHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
58
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: OasysTabHeaderComponent, isStandalone: true, selector: "ui-tab-header", inputs: { tab_size: { classPropertyName: "tab_size", publicName: "tab_size", isSignal: false, isRequired: false, transformFunction: null }, tabs: { classPropertyName: "tabs", publicName: "tabs", isSignal: false, isRequired: false, transformFunction: null }, tab_active: { classPropertyName: "tab_active", publicName: "tab_active", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { tab_clicked: "tab_clicked" }, ngImport: i0, template: "<div role=\"tablist\" aria-orientation=\"horizontal\">\n <ui-stack\n class=\"ui-tab-header\"\n stack_direction=\"x\"\n [stack_wrap]=\"true\"\n stack_gap=\"none\"\n stack_distribute=\"fit\"\n >\n <div class=\"ui-tab-header_item\" *ngFor=\"let tab of tabs; index as i\">\n <div\n class=\"ui-tab-header_item-label\"\n tabindex=\"0\"\n (click)=\"activateTab(tab)\"\n (keydown)=\"handleKeydown($event, i)\"\n role=\"tab\"\n [attr.aria-selected]=\"tab === tab_active()\"\n [attr.aria-label]=\"tab.tab_label\"\n >\n <span\n class=\"text-body--default\"\n [ngClass]=\"{ 'text-body--emphasis': tab === tab_active() }\"\n >{{ tab.tab_label }}</span\n >\n </div>\n <div\n [class]=\"getIndicatorClass()\"\n [ngClass]=\"{ active: tab === tab_active() }\"\n ></div>\n </div>\n </ui-stack>\n</div>\n", styles: [".ui-tab-header{border-bottom:var(--oasys-border-width-primary) solid var(--oasys-color-interaction-background-disabled)}.ui-tab-header_item{cursor:pointer;display:flex;flex-direction:column;align-items:center}.ui-tab-header_item-label{padding:var(--oasys-spacing-near);border-radius:var(--oasys-component-button-border-radius);border-width:var(--oasys-border-width-prominent);border-style:solid;border-color:transparent}.ui-tab-header_item-label:hover{background-color:var(--oasys-color-interaction-background-selected);border-color:var(--oasys-color-interaction-background-selected)}.ui-tab-header_item-label:focus-visible{border-width:var(--oasys-border-width-focus);border-style:solid;border-color:var(--oasys-color-interaction-border-focus);outline:none}.ui-tab-header_item-indicator{opacity:0;height:4px;background-color:var(--oasys-color-brand-border-primary);border-radius:var(--oasys-radius-soften);margin-top:var(--oasys-spacing-tight);width:30px}.ui-tab-header_item-indicator.large{width:60px}.ui-tab-header_item-indicator.active{opacity:1;transition:all calc(var(--oasys-animation-duration-long) * 1ms)}\n"], dependencies: [{ kind: "ngmodule", type: OasysLayoutModule }, { kind: "component", type: i1.LayoutStackComponent, selector: "ui-stack", inputs: ["stack_gap", "stack_align", "stack_direction", "stack_distribute", "stack_wrap", "stack_collapse_below"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
|
|
57
59
|
}
|
|
58
60
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysTabHeaderComponent, decorators: [{
|
|
59
61
|
type: Component,
|
|
@@ -65,4 +67,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
65
67
|
}], tab_clicked: [{
|
|
66
68
|
type: Output
|
|
67
69
|
}] } });
|
|
68
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
70
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiLWhlYWRlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9vYXN5cy1saWIvc3JjL2xpYi9jb21wb25lbnRzL25hdmlnYXRpb24vdGFicy90YWItaGVhZGVyL3RhYi1oZWFkZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvb2FzeXMtbGliL3NyYy9saWIvY29tcG9uZW50cy9uYXZpZ2F0aW9uL3RhYnMvdGFiLWhlYWRlci90YWItaGVhZGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFhLE1BQU0sRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pGLE9BQU8sRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFFakQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0saUJBQWlCLENBQUM7OztBQVVwRCxNQUFNLE9BQU8sdUJBQXVCO0lBQ3pCLFFBQVEsR0FBc0IsT0FBTyxDQUFDO0lBQ3RDLElBQUksQ0FBK0I7SUFDbEMsV0FBVyxHQUFHLElBQUksWUFBWSxFQUFxQixDQUFDO0lBQzlELFVBQVUsR0FBRyxLQUFLLEVBQXFCLENBQUM7SUFFeEMsZUFBZSxDQUFvQjtJQUNuQyxNQUFNLENBQUk7SUFDVixPQUFPLENBQUM7SUFDUjs7O09BR0c7SUFDSCxpQkFBaUI7UUFDZixPQUFPLElBQUksQ0FBQyxRQUFRLEtBQUssT0FBTztZQUM5QixDQUFDLENBQUMsOEJBQThCO1lBQ2hDLENBQUMsQ0FBQyxvQ0FBb0MsQ0FBQztJQUMzQyxDQUFDO0lBRUQ7OztPQUdHO0lBQ0gsV0FBVyxDQUFDLElBQXVCO1FBQ2pDLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQzlCLENBQUM7SUFFRDs7Ozs7T0FLRztJQUNILGFBQWEsQ0FBQyxLQUFvQixFQUFFLEtBQWE7UUFDL0MsTUFBTSxLQUFLLEdBQUcsS0FBSyxDQUFDLElBQUksQ0FDdEIsUUFBUSxDQUFDLGdCQUFnQixDQUFDLDJCQUEyQixDQUFDLENBQ3RDLENBQUM7UUFFbkIsSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNO1lBQUUsT0FBTztRQUUxQixJQUFJLFFBQVEsR0FBRyxLQUFLLENBQUM7UUFFckIsUUFBUSxLQUFLLENBQUMsSUFBSSxFQUFFLENBQUM7WUFDbkIsS0FBSyxPQUFPO2dCQUNWLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQztnQkFDdkMsTUFBTTtZQUVSLEtBQUssWUFBWSxDQUFDLENBQUMsQ0FBQztnQkFDbEIsUUFBUSxHQUFHLENBQUMsS0FBSyxHQUFHLENBQUMsQ0FBQyxHQUFHLEtBQUssQ0FBQyxNQUFNLENBQUM7Z0JBQ3RDLEtBQUssQ0FBQyxRQUFRLENBQUMsRUFBRSxLQUFLLEVBQUUsQ0FBQztnQkFDekIsTUFBTTtZQUNSLENBQUM7WUFDRCxLQUFLLFdBQVcsQ0FBQyxDQUFDLENBQUM7Z0JBQ2pCLFFBQVEsR0FBRyxDQUFDLEtBQUssR0FBRyxDQUFDLEdBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBQyxHQUFHLEtBQUssQ0FBQyxNQUFNLENBQUM7Z0JBQ3JELEtBQUssQ0FBQyxRQUFRLENBQUMsRUFBRSxLQUFLLEVBQUUsQ0FBQztnQkFDekIsTUFBTTtZQUNSLENBQUM7UUFDSCxDQUFDO0lBQ0gsQ0FBQzt3R0ExRFUsdUJBQXVCOzRGQUF2Qix1QkFBdUIsNmZDYnBDLDI2QkErQkEscXBDRHZCWSxpQkFBaUIsOE5BQUUsT0FBTyxvRkFBRSxLQUFLOzs0RkFLaEMsdUJBQXVCO2tCQVBuQyxTQUFTO2lDQUNJLElBQUksV0FDUCxDQUFDLGlCQUFpQixFQUFFLE9BQU8sRUFBRSxLQUFLLENBQUMsWUFDbEMsZUFBZTs4QkFLaEIsUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0ksV0FBVztzQkFBcEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIFF1ZXJ5TGlzdCwgT3V0cHV0LCBFdmVudEVtaXR0ZXIsIGlucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBOZ0NsYXNzLCBOZ0ZvciB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5cbmltcG9ydCB7IE9hc3lzTGF5b3V0TW9kdWxlIH0gZnJvbSAnLi4vLi4vLi4vbGF5b3V0JztcbmltcG9ydCB7IE9hc3lzVGFiQ29tcG9uZW50IH0gZnJvbSAnLi4vdGFiL3RhYi5jb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW09hc3lzTGF5b3V0TW9kdWxlLCBOZ0NsYXNzLCBOZ0Zvcl0sXG4gIHNlbGVjdG9yOiAndWktdGFiLWhlYWRlcicsXG4gIHRlbXBsYXRlVXJsOiAnLi90YWItaGVhZGVyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL3RhYi1oZWFkZXIuY29tcG9uZW50LnNjc3MnLFxufSlcbmV4cG9ydCBjbGFzcyBPYXN5c1RhYkhlYWRlckNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIHRhYl9zaXplOiAnc21hbGwnIHwgJ2xhcmdlJyA9ICdzbWFsbCc7XG4gIEBJbnB1dCgpIHRhYnM6IFF1ZXJ5TGlzdDxPYXN5c1RhYkNvbXBvbmVudD47XG4gIEBPdXRwdXQoKSB0YWJfY2xpY2tlZCA9IG5ldyBFdmVudEVtaXR0ZXI8T2FzeXNUYWJDb21wb25lbnQ+KCk7XG4gIHRhYl9hY3RpdmUgPSBpbnB1dDxPYXN5c1RhYkNvbXBvbmVudD4oKTtcblxuICBhY3RpdmVDb21wb25lbnQ6IE9hc3lzVGFiQ29tcG9uZW50O1xuICBsZW5ndGg6IDA7XG4gIGRvbUVsZXM7XG4gIC8qKlxuICAgKiBHZXQgY2xhc3MgZm9yIHRoZSBhY3RpdmUgaW5kaWNhdG9yIGJhc2VkIG9zIHNpemVcbiAgICogQHJldHVybnNcbiAgICovXG4gIGdldEluZGljYXRvckNsYXNzKCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIHRoaXMudGFiX3NpemUgPT09ICdzbWFsbCdcbiAgICAgID8gJ3VpLXRhYi1oZWFkZXJfaXRlbS1pbmRpY2F0b3InXG4gICAgICA6ICd1aS10YWItaGVhZGVyX2l0ZW0taW5kaWNhdG9yIGxhcmdlJztcbiAgfVxuXG4gIC8qKlxuICAgKiBTZXQgYWN0aXZlIHRhYlxuICAgKiBAcGFyYW0gaXRlbVxuICAgKi9cbiAgYWN0aXZhdGVUYWIoaXRlbTogT2FzeXNUYWJDb21wb25lbnQpOiB2b2lkIHtcbiAgICB0aGlzLnRhYl9jbGlja2VkLmVtaXQoaXRlbSk7XG4gIH1cblxuICAvKipcbiAgICogSGFuZGxlcyBrZXlib2FyZCBldmVudHMgb24gdGhlIGhlYWRlci5cbiAgICogQHBhcmFtIGV2ZW50XG4gICAqIEBwYXJhbSBpbmRleFxuICAgKiBAcmV0dXJuc1xuICAgKi9cbiAgaGFuZGxlS2V5ZG93bihldmVudDogS2V5Ym9hcmRFdmVudCwgaW5kZXg6IG51bWJlcik6IHZvaWQge1xuICAgIGNvbnN0IGl0ZW1zID0gQXJyYXkuZnJvbShcbiAgICAgIGRvY3VtZW50LnF1ZXJ5U2VsZWN0b3JBbGwoJy51aS10YWItaGVhZGVyX2l0ZW0tbGFiZWwnKSxcbiAgICApIGFzIEhUTUxFbGVtZW50W107XG5cbiAgICBpZiAoIWl0ZW1zLmxlbmd0aCkgcmV0dXJuO1xuXG4gICAgbGV0IG5ld0luZGV4ID0gaW5kZXg7XG5cbiAgICBzd2l0Y2ggKGV2ZW50LmNvZGUpIHtcbiAgICAgIGNhc2UgJ0VudGVyJzpcbiAgICAgICAgdGhpcy5hY3RpdmF0ZVRhYih0aGlzLnRhYnMuZ2V0KGluZGV4KSk7XG4gICAgICAgIGJyZWFrO1xuXG4gICAgICBjYXNlICdBcnJvd1JpZ2h0Jzoge1xuICAgICAgICBuZXdJbmRleCA9IChpbmRleCArIDEpICUgaXRlbXMubGVuZ3RoO1xuICAgICAgICBpdGVtc1tuZXdJbmRleF0/LmZvY3VzKCk7XG4gICAgICAgIGJyZWFrO1xuICAgICAgfVxuICAgICAgY2FzZSAnQXJyb3dMZWZ0Jzoge1xuICAgICAgICBuZXdJbmRleCA9IChpbmRleCAtIDEgKyBpdGVtcy5sZW5ndGgpICUgaXRlbXMubGVuZ3RoO1xuICAgICAgICBpdGVtc1tuZXdJbmRleF0/LmZvY3VzKCk7XG4gICAgICAgIGJyZWFrO1xuICAgICAgfVxuICAgIH1cbiAgfVxufVxuIiwiPGRpdiByb2xlPVwidGFibGlzdFwiIGFyaWEtb3JpZW50YXRpb249XCJob3Jpem9udGFsXCI+XG4gIDx1aS1zdGFja1xuICAgIGNsYXNzPVwidWktdGFiLWhlYWRlclwiXG4gICAgc3RhY2tfZGlyZWN0aW9uPVwieFwiXG4gICAgW3N0YWNrX3dyYXBdPVwidHJ1ZVwiXG4gICAgc3RhY2tfZ2FwPVwibm9uZVwiXG4gICAgc3RhY2tfZGlzdHJpYnV0ZT1cImZpdFwiXG4gID5cbiAgICA8ZGl2IGNsYXNzPVwidWktdGFiLWhlYWRlcl9pdGVtXCIgKm5nRm9yPVwibGV0IHRhYiBvZiB0YWJzOyBpbmRleCBhcyBpXCI+XG4gICAgICA8ZGl2XG4gICAgICAgIGNsYXNzPVwidWktdGFiLWhlYWRlcl9pdGVtLWxhYmVsXCJcbiAgICAgICAgdGFiaW5kZXg9XCIwXCJcbiAgICAgICAgKGNsaWNrKT1cImFjdGl2YXRlVGFiKHRhYilcIlxuICAgICAgICAoa2V5ZG93bik9XCJoYW5kbGVLZXlkb3duKCRldmVudCwgaSlcIlxuICAgICAgICByb2xlPVwidGFiXCJcbiAgICAgICAgW2F0dHIuYXJpYS1zZWxlY3RlZF09XCJ0YWIgPT09IHRhYl9hY3RpdmUoKVwiXG4gICAgICAgIFthdHRyLmFyaWEtbGFiZWxdPVwidGFiLnRhYl9sYWJlbFwiXG4gICAgICA+XG4gICAgICAgIDxzcGFuXG4gICAgICAgICAgY2xhc3M9XCJ0ZXh0LWJvZHktLWRlZmF1bHRcIlxuICAgICAgICAgIFtuZ0NsYXNzXT1cInsgJ3RleHQtYm9keS0tZW1waGFzaXMnOiB0YWIgPT09IHRhYl9hY3RpdmUoKSB9XCJcbiAgICAgICAgICA+e3sgdGFiLnRhYl9sYWJlbCB9fTwvc3BhblxuICAgICAgICA+XG4gICAgICA8L2Rpdj5cbiAgICAgIDxkaXZcbiAgICAgICAgW2NsYXNzXT1cImdldEluZGljYXRvckNsYXNzKClcIlxuICAgICAgICBbbmdDbGFzc109XCJ7IGFjdGl2ZTogdGFiID09PSB0YWJfYWN0aXZlKCkgfVwiXG4gICAgICA+PC9kaXY+XG4gICAgPC9kaXY+XG4gIDwvdWktc3RhY2s+XG48L2Rpdj5cbiJdfQ==
|
|
@@ -1,15 +1,13 @@
|
|
|
1
1
|
import { Component, HostBinding, Input } from '@angular/core';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
export class OasysPillComponent {
|
|
4
|
-
|
|
5
|
-
this.prefix = 'ui-pill';
|
|
6
|
-
this.tone = 'neutral';
|
|
7
|
-
}
|
|
4
|
+
prefix = 'ui-pill';
|
|
8
5
|
get class() {
|
|
9
6
|
return `${this.prefix}-${this.tone}`;
|
|
10
7
|
}
|
|
11
|
-
|
|
12
|
-
static
|
|
8
|
+
tone = 'neutral';
|
|
9
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysPillComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
10
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: OasysPillComponent, selector: "ui-pill", inputs: { tone: "tone" }, host: { properties: { "class": "this.class" } }, ngImport: i0, template: "<div role=\"status\" class=\"text-body--supporting text-body--emphasis\"><ng-content></ng-content></div>", styles: [":host{border-radius:var(--oasys-radius-round);display:inline-flex;padding:var(--oasys-spacing-tiny) var(--oasys-spacing-near);text-align:center;text-wrap:nowrap}:host.ui-pill-positive{background-color:var(--oasys-color-system-background-positive);color:var(--oasys-color-system-foreground-positive)}:host.ui-pill-negative{background-color:var(--oasys-color-system-background-negative);color:var(--oasys-color-system-foreground-negative)}:host.ui-pill-neutral{background-color:var(--oasys-color-system-background-neutral);color:var(--oasys-color-brand-foreground-primary)}\n"] });
|
|
13
11
|
}
|
|
14
12
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysPillComponent, decorators: [{
|
|
15
13
|
type: Component,
|
|
@@ -20,4 +18,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
20
18
|
}], tone: [{
|
|
21
19
|
type: Input
|
|
22
20
|
}] } });
|
|
23
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
21
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGlsbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9vYXN5cy1saWIvc3JjL2xpYi9jb21wb25lbnRzL3BpbGwvcGlsbC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9vYXN5cy1saWIvc3JjL2xpYi9jb21wb25lbnRzL3BpbGwvcGlsbC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBUTlELE1BQU0sT0FBTyxrQkFBa0I7SUFDN0IsTUFBTSxHQUFHLFNBQVMsQ0FBQztJQUVuQixJQUEwQixLQUFLO1FBQzdCLE9BQU8sR0FBRyxJQUFJLENBQUMsTUFBTSxJQUFJLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN2QyxDQUFDO0lBRVEsSUFBSSxHQUFhLFNBQVMsQ0FBQzt3R0FQekIsa0JBQWtCOzRGQUFsQixrQkFBa0IsMEhDUi9CLDBHQUFvRzs7NEZEUXZGLGtCQUFrQjtrQkFMOUIsU0FBUzsrQkFDRSxTQUFTOzhCQU9PLEtBQUs7c0JBQTlCLFdBQVc7dUJBQUMsT0FBTztnQkFJWCxJQUFJO3NCQUFaLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEhvc3RCaW5kaW5nLCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUGlsbFRvbmUgfSBmcm9tICcuL3BpbGwnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd1aS1waWxsJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3BpbGwuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9waWxsLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIE9hc3lzUGlsbENvbXBvbmVudCB7XG4gIHByZWZpeCA9ICd1aS1waWxsJztcblxuICBASG9zdEJpbmRpbmcoJ2NsYXNzJykgZ2V0IGNsYXNzKCkge1xuICAgIHJldHVybiBgJHt0aGlzLnByZWZpeH0tJHt0aGlzLnRvbmV9YDtcbiAgfVxuXG4gIEBJbnB1dCgpIHRvbmU6IFBpbGxUb25lID0gJ25ldXRyYWwnO1xufVxuIiwiPGRpdiByb2xlPVwic3RhdHVzXCIgY2xhc3M9XCJ0ZXh0LWJvZHktLXN1cHBvcnRpbmcgdGV4dC1ib2R5LS1lbXBoYXNpc1wiPjxuZy1jb250ZW50PjwvbmctY29udGVudD48L2Rpdj4iXX0=
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export {};
|
|
2
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGlsbC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL29hc3lzLWxpYi9zcmMvbGliL2NvbXBvbmVudHMvcGlsbC9waWxsLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgdHlwZSBQaWxsVG9uZSA9ICduZXV0cmFsJyB8ICdwb3NpdGl2ZScgfCAnbmVnYXRpdmUnO1xuIl19
|