oasys-lib 1.45.0 → 1.46.2

package/esm2022/lib/components/pill/index.mjs

@@ -0,0 +1,3 @@
+export * from './pill.component';
+export * from './pill.module';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9vYXN5cy1saWIvc3JjL2xpYi9jb21wb25lbnRzL3BpbGwvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxrQkFBa0IsQ0FBQztBQUNqQyxjQUFjLGVBQWUsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vcGlsbC5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9waWxsLm1vZHVsZSc7XG4iXX0=

package/esm2022/lib/components/pill/pill.component.mjs

@@ -0,0 +1,23 @@
+import { Component, HostBinding, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+export class OasysPillComponent {
+    constructor() {
+        this.prefix = 'ui-pill';
+        this.tone = 'neutral';
+    }
+    get class() {
+        return `${this.prefix}-${this.tone}`;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.10", ngImport: i0, type: OasysPillComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.10", 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"] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.10", ngImport: i0, type: OasysPillComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ui-pill', 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"] }]
+        }], propDecorators: { class: [{
+                type: HostBinding,
+                args: ['class']
+            }], tone: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGlsbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9vYXN5cy1saWIvc3JjL2xpYi9jb21wb25lbnRzL3BpbGwvcGlsbC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9vYXN5cy1saWIvc3JjL2xpYi9jb21wb25lbnRzL3BpbGwvcGlsbC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBUTlELE1BQU0sT0FBTyxrQkFBa0I7SUFML0I7UUFPRSxXQUFNLEdBQUcsU0FBUyxDQUFDO1FBTVYsU0FBSSxHQUFhLFNBQVMsQ0FBQztLQUVyQztJQU5DLElBQTBCLEtBQUs7UUFDN0IsT0FBTyxHQUFHLElBQUksQ0FBQyxNQUFNLElBQUksSUFBSSxDQUFDLElBQUksRUFBRSxDQUFBO0lBQ3RDLENBQUM7K0dBTlUsa0JBQWtCO21HQUFsQixrQkFBa0IsMEhDUi9CLDBHQUFvRzs7NEZEUXZGLGtCQUFrQjtrQkFMOUIsU0FBUzsrQkFDRSxTQUFTOzhCQVFPLEtBQUs7c0JBQTlCLFdBQVc7dUJBQUMsT0FBTztnQkFJWCxJQUFJO3NCQUFaLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEhvc3RCaW5kaW5nLCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUGlsbFRvbmUgfSBmcm9tICcuL3BpbGwnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd1aS1waWxsJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3BpbGwuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9waWxsLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgT2FzeXNQaWxsQ29tcG9uZW50IHtcblxuICBwcmVmaXggPSAndWktcGlsbCc7XG5cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcycpIGdldCBjbGFzcygpIHtcbiAgICByZXR1cm4gYCR7dGhpcy5wcmVmaXh9LSR7dGhpcy50b25lfWBcbiAgfVxuXG4gIEBJbnB1dCgpIHRvbmU6IFBpbGxUb25lID0gJ25ldXRyYWwnO1xuXG59XG4iLCI8ZGl2IHJvbGU9XCJzdGF0dXNcIiBjbGFzcz1cInRleHQtYm9keS0tc3VwcG9ydGluZyB0ZXh0LWJvZHktLWVtcGhhc2lzXCI+PG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PjwvZGl2PiJdfQ==

package/esm2022/lib/components/pill/pill.mjs

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

package/esm2022/lib/components/pill/pill.module.mjs

@@ -0,0 +1,20 @@
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+import { OasysLayoutModule } from '../layout';
+import { OasysPillComponent } from './pill.component';
+import { OasysDirectivesModule } from '../../directives/directives.module';
+import * as i0 from "@angular/core";
+export class OasysPillModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.10", ngImport: i0, type: OasysPillModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.10", ngImport: i0, type: OasysPillModule, declarations: [OasysPillComponent], imports: [CommonModule, OasysLayoutModule, OasysDirectivesModule], exports: [OasysPillComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.10", ngImport: i0, type: OasysPillModule, imports: [CommonModule, OasysLayoutModule, OasysDirectivesModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.10", ngImport: i0, type: OasysPillModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [OasysPillComponent],
+                    imports: [CommonModule, OasysLayoutModule, OasysDirectivesModule],
+                    exports: [OasysPillComponent]
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGlsbC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9vYXN5cy1saWIvc3JjL2xpYi9jb21wb25lbnRzL3BpbGwvcGlsbC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFDO0FBQzlDLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQ3RELE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLG9DQUFvQyxDQUFDOztBQVEzRSxNQUFNLE9BQU8sZUFBZTsrR0FBZixlQUFlO2dIQUFmLGVBQWUsaUJBSlgsa0JBQWtCLGFBQ3ZCLFlBQVksRUFBRSxpQkFBaUIsRUFBRSxxQkFBcUIsYUFDdEQsa0JBQWtCO2dIQUVqQixlQUFlLFlBSGhCLFlBQVksRUFBRSxpQkFBaUIsRUFBRSxxQkFBcUI7OzRGQUdyRCxlQUFlO2tCQUwzQixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRSxDQUFDLGtCQUFrQixDQUFDO29CQUNsQyxPQUFPLEVBQUUsQ0FBQyxZQUFZLEVBQUUsaUJBQWlCLEVBQUUscUJBQXFCLENBQUM7b0JBQ2pFLE9BQU8sRUFBRSxDQUFDLGtCQUFrQixDQUFDO2lCQUM5QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgT2FzeXNMYXlvdXRNb2R1bGUgfSBmcm9tICcuLi9sYXlvdXQnO1xuaW1wb3J0IHsgT2FzeXNQaWxsQ29tcG9uZW50IH0gZnJvbSAnLi9waWxsLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBPYXN5c0RpcmVjdGl2ZXNNb2R1bGUgfSBmcm9tICcuLi8uLi9kaXJlY3RpdmVzL2RpcmVjdGl2ZXMubW9kdWxlJztcblxuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtPYXN5c1BpbGxDb21wb25lbnRdLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBPYXN5c0xheW91dE1vZHVsZSwgT2FzeXNEaXJlY3RpdmVzTW9kdWxlXSxcbiAgZXhwb3J0czogW09hc3lzUGlsbENvbXBvbmVudF1cbn0pXG5leHBvcnQgY2xhc3MgT2FzeXNQaWxsTW9kdWxlIHt9XG4iXX0=

package/esm2022/lib/components/pill-group/index.mjs

@@ -0,0 +1,3 @@
+export * from './pill-group.component';
+export * from './pill-group.module';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9vYXN5cy1saWIvc3JjL2xpYi9jb21wb25lbnRzL3BpbGwtZ3JvdXAvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyx3QkFBd0IsQ0FBQztBQUN2QyxjQUFjLHFCQUFxQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9waWxsLWdyb3VwLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL3BpbGwtZ3JvdXAubW9kdWxlJztcbiJdfQ==

package/esm2022/lib/components/pill-group/pill-group.component.mjs

@@ -0,0 +1,37 @@
+import { Component, Input, ViewEncapsulation } from '@angular/core';
+import { Breakpoint } from '../../services/breakpoint.service';
+import * as i0 from "@angular/core";
+import * as i1 from "../../services/breakpoint.service";
+import * as i2 from "../layout/stack/stack.component";
+export class OasysPillGroupComponent {
+    constructor(breakpointService) {
+        this.breakpointService = breakpointService;
+        this.pill_group_align = 'start';
+        this.pill_group_collapse_below = 'tablet';
+    }
+    ngOnInit() {
+    }
+    get shouldCollapse() {
+        switch (this.pill_group_collapse_below) {
+            case 'tablet':
+                return this.breakpointService.currentSize.value === Breakpoint.MOBILE;
+            case 'laptop':
+                return this.breakpointService.currentSize.value === Breakpoint.MOBILE || this.breakpointService.currentSize.value === Breakpoint.TABLET;
+            case 'desktop':
+                return this.breakpointService.currentSize.value === Breakpoint.MOBILE || this.breakpointService.currentSize.value === Breakpoint.TABLET || this.breakpointService.currentSize.value === Breakpoint.LAPTOP;
+            default:
+                return false;
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.10", ngImport: i0, type: OasysPillGroupComponent, deps: [{ token: i1.BreakpointService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.10", type: OasysPillGroupComponent, selector: "ui-pill-group", inputs: { pill_group_align: "pill_group_align", pill_group_collapse_below: "pill_group_collapse_below" }, ngImport: i0, template: "<ui-stack\n  stack_gap=\"near\"\n  stack_direction=\"x\"\n  [stack_collapse_below]=\"pill_group_collapse_below\"\n  [stack_distribute]=\"pill_group_align\"\n  [stack_wrap]=\"true\"\n>\n<ng-content></ng-content>\n</ui-stack>\n\n", styles: ["ui-pill-group{display:block}ui-pill-group>ui-stack>*:not(ui-pill){display:none}ui-pill-group>ui-stack.ui-layout-stack-distribute-end{flex-direction:row-reverse;justify-content:flex-start}\n"], dependencies: [{ kind: "component", type: i2.LayoutStackComponent, selector: "ui-stack", inputs: ["stack_gap", "stack_align", "stack_direction", "stack_distribute", "stack_wrap", "stack_collapse_below"] }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.10", ngImport: i0, type: OasysPillGroupComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ui-pill-group', encapsulation: ViewEncapsulation.None, template: "<ui-stack\n  stack_gap=\"near\"\n  stack_direction=\"x\"\n  [stack_collapse_below]=\"pill_group_collapse_below\"\n  [stack_distribute]=\"pill_group_align\"\n  [stack_wrap]=\"true\"\n>\n<ng-content></ng-content>\n</ui-stack>\n\n", styles: ["ui-pill-group{display:block}ui-pill-group>ui-stack>*:not(ui-pill){display:none}ui-pill-group>ui-stack.ui-layout-stack-distribute-end{flex-direction:row-reverse;justify-content:flex-start}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.BreakpointService }]; }, propDecorators: { pill_group_align: [{
+                type: Input
+            }], pill_group_collapse_below: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGlsbC1ncm91cC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9vYXN5cy1saWIvc3JjL2xpYi9jb21wb25lbnRzL3BpbGwtZ3JvdXAvcGlsbC1ncm91cC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9vYXN5cy1saWIvc3JjL2xpYi9jb21wb25lbnRzL3BpbGwtZ3JvdXAvcGlsbC1ncm91cC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxpQkFBaUIsRUFBZSxNQUFNLGVBQWUsQ0FBQztBQUN6RixPQUFPLEVBQUUsVUFBVSxFQUFxQixNQUFNLG1DQUFtQyxDQUFDOzs7O0FBU2xGLE1BQU0sT0FBTyx1QkFBdUI7SUFPbEMsWUFBb0IsaUJBQW9DO1FBQXBDLHNCQUFpQixHQUFqQixpQkFBaUIsQ0FBbUI7UUFIL0MscUJBQWdCLEdBQWdDLE9BQU8sQ0FBQztRQUN4RCw4QkFBeUIsR0FBOEMsUUFBUSxDQUFDO0lBRS9CLENBQUM7SUFHM0QsUUFBUTtJQUNSLENBQUM7SUFFRCxJQUFJLGNBQWM7UUFDaEIsUUFBUSxJQUFJLENBQUMseUJBQXlCLEVBQUU7WUFDdEMsS0FBSyxRQUFRO2dCQUNYLE9BQU8sSUFBSSxDQUFDLGlCQUFpQixDQUFDLFdBQVcsQ0FBQyxLQUFLLEtBQUssVUFBVSxDQUFDLE1BQU0sQ0FBQztZQUN4RSxLQUFLLFFBQVE7Z0JBQ1gsT0FBTyxJQUFJLENBQUMsaUJBQWlCLENBQUMsV0FBVyxDQUFDLEtBQUssS0FBSyxVQUFVLENBQUMsTUFBTSxJQUFJLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxXQUFXLENBQUMsS0FBSyxLQUFLLFVBQVUsQ0FBQyxNQUFNLENBQUE7WUFDekksS0FBSyxTQUFTO2dCQUNaLE9BQU8sSUFBSSxDQUFDLGlCQUFpQixDQUFDLFdBQVcsQ0FBQyxLQUFLLEtBQUssVUFBVSxDQUFDLE1BQU0sSUFBSSxJQUFJLENBQUMsaUJBQWlCLENBQUMsV0FBVyxDQUFDLEtBQUssS0FBSyxVQUFVLENBQUMsTUFBTSxJQUFJLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxXQUFXLENBQUMsS0FBSyxLQUFLLFVBQVUsQ0FBQyxNQUFNLENBQUM7WUFDNU07Z0JBQ0UsT0FBTyxLQUFLLENBQUM7U0FDaEI7SUFDSCxDQUFDOytHQXhCVSx1QkFBdUI7bUdBQXZCLHVCQUF1QiwrSkNWcEMscU9BVUE7OzRGREFhLHVCQUF1QjtrQkFObkMsU0FBUzsrQkFDQyxlQUFlLGlCQUdULGlCQUFpQixDQUFDLElBQUk7d0dBTTVCLGdCQUFnQjtzQkFBeEIsS0FBSztnQkFDRyx5QkFBeUI7c0JBQWpDLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQsIFZpZXdFbmNhcHN1bGF0aW9uLCBIb3N0QmluZGluZyB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQnJlYWtwb2ludCwgQnJlYWtwb2ludFNlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy9icmVha3BvaW50LnNlcnZpY2UnO1xuXG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjondWktcGlsbC1ncm91cCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9waWxsLWdyb3VwLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vcGlsbC1ncm91cC5jb21wb25lbnQuc2NzcyddLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLCAvLyB0byBoaWRlIG5vbiB1aS1waWxscyB2aWEgY3NzXG59KVxuZXhwb3J0IGNsYXNzIE9hc3lzUGlsbEdyb3VwQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcblxuICBwcmVmaXg6ICd1aS1waWxsLWdyb3VwJztcblxuICBASW5wdXQoKSBwaWxsX2dyb3VwX2FsaWduOiAnc3RhcnQnIHwgJ2NlbnRlcicgfCAnZW5kJyAgPSAnc3RhcnQnO1xuICBASW5wdXQoKSBwaWxsX2dyb3VwX2NvbGxhcHNlX2JlbG93OiAndGFibGV0JyB8ICdsYXB0b3AnIHwgJ2Rlc2t0b3AnIHwgJ25vbmUnICA9ICd0YWJsZXQnO1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgYnJlYWtwb2ludFNlcnZpY2U6IEJyZWFrcG9pbnRTZXJ2aWNlKXt9XG5cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgfVxuXG4gIGdldCBzaG91bGRDb2xsYXBzZSgpOiBib29sZWFuIHtcbiAgICBzd2l0Y2ggKHRoaXMucGlsbF9ncm91cF9jb2xsYXBzZV9iZWxvdykge1xuICAgICAgY2FzZSAndGFibGV0JzpcbiAgICAgICAgcmV0dXJuIHRoaXMuYnJlYWtwb2ludFNlcnZpY2UuY3VycmVudFNpemUudmFsdWUgPT09IEJyZWFrcG9pbnQuTU9CSUxFO1xuICAgICAgY2FzZSAnbGFwdG9wJzpcbiAgICAgICAgcmV0dXJuIHRoaXMuYnJlYWtwb2ludFNlcnZpY2UuY3VycmVudFNpemUudmFsdWUgPT09IEJyZWFrcG9pbnQuTU9CSUxFIHx8IHRoaXMuYnJlYWtwb2ludFNlcnZpY2UuY3VycmVudFNpemUudmFsdWUgPT09IEJyZWFrcG9pbnQuVEFCTEVUXG4gICAgICBjYXNlICdkZXNrdG9wJzpcbiAgICAgICAgcmV0dXJuIHRoaXMuYnJlYWtwb2ludFNlcnZpY2UuY3VycmVudFNpemUudmFsdWUgPT09IEJyZWFrcG9pbnQuTU9CSUxFIHx8IHRoaXMuYnJlYWtwb2ludFNlcnZpY2UuY3VycmVudFNpemUudmFsdWUgPT09IEJyZWFrcG9pbnQuVEFCTEVUIHx8IHRoaXMuYnJlYWtwb2ludFNlcnZpY2UuY3VycmVudFNpemUudmFsdWUgPT09IEJyZWFrcG9pbnQuTEFQVE9QO1xuICAgICAgZGVmYXVsdDpcbiAgICAgICAgcmV0dXJuIGZhbHNlO1xuICAgIH1cbiAgfVxufVxuIiwiPHVpLXN0YWNrXG4gIHN0YWNrX2dhcD1cIm5lYXJcIlxuICBzdGFja19kaXJlY3Rpb249XCJ4XCJcbiAgW3N0YWNrX2NvbGxhcHNlX2JlbG93XT1cInBpbGxfZ3JvdXBfY29sbGFwc2VfYmVsb3dcIlxuICBbc3RhY2tfZGlzdHJpYnV0ZV09XCJwaWxsX2dyb3VwX2FsaWduXCJcbiAgW3N0YWNrX3dyYXBdPVwidHJ1ZVwiXG4+XG48bmctY29udGVudD48L25nLWNvbnRlbnQ+XG48L3VpLXN0YWNrPlxuXG4iXX0=

package/esm2022/lib/components/pill-group/pill-group.module.mjs

@@ -0,0 +1,21 @@
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+import { RouterModule } from '@angular/router';
+import { OasysPillGroupComponent } from './pill-group.component';
+import { OasysLayoutModule } from '../layout';
+import { OasysPillModule } from '../pill/pill.module';
+import * as i0 from "@angular/core";
+export class OasysPillGroupModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.10", ngImport: i0, type: OasysPillGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.10", ngImport: i0, type: OasysPillGroupModule, declarations: [OasysPillGroupComponent], imports: [OasysLayoutModule, CommonModule, RouterModule, OasysPillModule], exports: [OasysPillGroupComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.10", ngImport: i0, type: OasysPillGroupModule, imports: [OasysLayoutModule, CommonModule, RouterModule, OasysPillModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.10", ngImport: i0, type: OasysPillGroupModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [OasysPillGroupComponent],
+                    imports: [OasysLayoutModule, CommonModule, RouterModule, OasysPillModule],
+                    exports: [OasysPillGroupComponent],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGlsbC1ncm91cC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9vYXN5cy1saWIvc3JjL2xpYi9jb21wb25lbnRzL3BpbGwtZ3JvdXAvcGlsbC1ncm91cC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ2pFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQztBQUU5QyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0scUJBQXFCLENBQUM7O0FBT3RELE1BQU0sT0FBTyxvQkFBb0I7K0dBQXBCLG9CQUFvQjtnSEFBcEIsb0JBQW9CLGlCQUpoQix1QkFBdUIsYUFDNUIsaUJBQWlCLEVBQUUsWUFBWSxFQUFFLFlBQVksRUFBRSxlQUFlLGFBQzlELHVCQUF1QjtnSEFFdEIsb0JBQW9CLFlBSHJCLGlCQUFpQixFQUFFLFlBQVksRUFBRSxZQUFZLEVBQUUsZUFBZTs7NEZBRzdELG9CQUFvQjtrQkFMaEMsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsQ0FBQyx1QkFBdUIsQ0FBQztvQkFDdkMsT0FBTyxFQUFFLENBQUMsaUJBQWlCLEVBQUUsWUFBWSxFQUFFLFlBQVksRUFBRSxlQUFlLENBQUM7b0JBQ3pFLE9BQU8sRUFBRSxDQUFDLHVCQUF1QixDQUFDO2lCQUNuQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUm91dGVyTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcbmltcG9ydCB7IE9hc3lzUGlsbEdyb3VwQ29tcG9uZW50IH0gZnJvbSAnLi9waWxsLWdyb3VwLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBPYXN5c0xheW91dE1vZHVsZSB9IGZyb20gJy4uL2xheW91dCc7XG5pbXBvcnQgeyBPYXN5c1BpbGxDb21wb25lbnQgfSBmcm9tICcuLi9waWxsL3BpbGwuY29tcG9uZW50JztcbmltcG9ydCB7IE9hc3lzUGlsbE1vZHVsZSB9IGZyb20gJy4uL3BpbGwvcGlsbC5tb2R1bGUnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtPYXN5c1BpbGxHcm91cENvbXBvbmVudF0sXG4gIGltcG9ydHM6IFtPYXN5c0xheW91dE1vZHVsZSwgQ29tbW9uTW9kdWxlLCBSb3V0ZXJNb2R1bGUsIE9hc3lzUGlsbE1vZHVsZV0sXG4gIGV4cG9ydHM6IFtPYXN5c1BpbGxHcm91cENvbXBvbmVudF0sXG59KVxuZXhwb3J0IGNsYXNzIE9hc3lzUGlsbEdyb3VwTW9kdWxlIHt9XG4iXX0=

package/esm2022/public-api.mjs

@@ -25,7 +25,9 @@ export * from './lib/components/card';
 export * from './lib/components/text';
 export * from './lib/components/banner';
 export * from './lib/components/price';
+export * from './lib/components/pill';
+export * from './lib/components/pill-group';
 export * from './lib/injection-tokens/frontend-app-injection.tokens';
 export * from './lib/components/promo-card';
 export * from './lib/components/select-card';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL29hc3lzLWxpYi9zcmMvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUNILGNBQWMsd0JBQXdCLENBQUM7QUFDdkMsY0FBYyw4QkFBOEIsQ0FBQztBQUM3QyxjQUFjLHlCQUF5QixDQUFDO0FBQ3hDLGNBQWMsK0JBQStCLENBQUM7QUFDOUMsY0FBYyx1QkFBdUIsQ0FBQztBQUN0QyxjQUFjLDBCQUEwQixDQUFDO0FBQ3pDLGNBQWMsa0NBQWtDLENBQUM7QUFDakQsY0FBYyxnQ0FBZ0MsQ0FBQztBQUMvQyxjQUFjLDZCQUE2QixDQUFDO0FBQzVDLGNBQWMsa0NBQWtDLENBQUM7QUFDakQsY0FBYyw0QkFBNEIsQ0FBQztBQUMzQyxjQUFjLDhCQUE4QixDQUFDO0FBQzdDLGNBQWMsMEJBQTBCLENBQUM7QUFDekMsY0FBYyx1QkFBdUIsQ0FBQztBQUN0QyxjQUFjLDRCQUE0QixDQUFDO0FBQzNDLGNBQWMsdUJBQXVCLENBQUM7QUFDdEMsY0FBYyx3QkFBd0IsQ0FBQztBQUN2QyxjQUFjLHlCQUF5QixDQUFDO0FBQ3hDLGNBQWMsMEJBQTBCLENBQUM7QUFDekMsY0FBYywyQkFBMkIsQ0FBQztBQUMxQyxjQUFjLHVCQUF1QixDQUFDO0FBQ3RDLGNBQWMsdUJBQXVCLENBQUM7QUFDdEMsY0FBYyx5QkFBeUIsQ0FBQztBQUN4QyxjQUFjLHdCQUF3QixDQUFDO0FBQ3ZDLGNBQWMsc0RBQXNELENBQUM7QUFDckUsY0FBYyw2QkFBNkIsQ0FBQztBQUM1QyxjQUFjLDhCQUE4QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIFB1YmxpYyBBUEkgU3VyZmFjZSBvZiBvYXN5cy1saWJcbiAqL1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9hbGVydCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2JyZWFkY3J1bWJzJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvYnV0dG9uJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvYnV0dG9uLWdyb3VwJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvY2FyZCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2RpdmlkZXInO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9mb3JtL2Zvcm0tZ3JvdXAnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9mb3JtL2NoZWNrYm94JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvZm9ybS9yYWRpbyc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2Zvcm0vdGV4dC1pbnB1dCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2Zvcm0vY2hpcCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2Zvcm0vZXJyb3JzJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvaGVhZGluZyc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2hlcm8nO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9zZW8tYmxvY2snO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9pY29uJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvaW1hZ2UnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9sYXlvdXQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9zZWN0aW9uJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvY2Fyb3VzZWwnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9jYXJkJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvdGV4dCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2Jhbm5lcic7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL3ByaWNlJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2luamVjdGlvbi10b2tlbnMvZnJvbnRlbmQtYXBwLWluamVjdGlvbi50b2tlbnMnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9wcm9tby1jYXJkJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvc2VsZWN0LWNhcmQnO1xuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL29hc3lzLWxpYi9zcmMvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUNILGNBQWMsd0JBQXdCLENBQUM7QUFDdkMsY0FBYyw4QkFBOEIsQ0FBQztBQUM3QyxjQUFjLHlCQUF5QixDQUFDO0FBQ3hDLGNBQWMsK0JBQStCLENBQUM7QUFDOUMsY0FBYyx1QkFBdUIsQ0FBQztBQUN0QyxjQUFjLDBCQUEwQixDQUFDO0FBQ3pDLGNBQWMsa0NBQWtDLENBQUM7QUFDakQsY0FBYyxnQ0FBZ0MsQ0FBQztBQUMvQyxjQUFjLDZCQUE2QixDQUFDO0FBQzVDLGNBQWMsa0NBQWtDLENBQUM7QUFDakQsY0FBYyw0QkFBNEIsQ0FBQztBQUMzQyxjQUFjLDhCQUE4QixDQUFDO0FBQzdDLGNBQWMsMEJBQTBCLENBQUM7QUFDekMsY0FBYyx1QkFBdUIsQ0FBQztBQUN0QyxjQUFjLDRCQUE0QixDQUFDO0FBQzNDLGNBQWMsdUJBQXVCLENBQUM7QUFDdEMsY0FBYyx3QkFBd0IsQ0FBQztBQUN2QyxjQUFjLHlCQUF5QixDQUFDO0FBQ3hDLGNBQWMsMEJBQTBCLENBQUM7QUFDekMsY0FBYywyQkFBMkIsQ0FBQztBQUMxQyxjQUFjLHVCQUF1QixDQUFDO0FBQ3RDLGNBQWMsdUJBQXVCLENBQUM7QUFDdEMsY0FBYyx5QkFBeUIsQ0FBQztBQUN4QyxjQUFjLHdCQUF3QixDQUFDO0FBQ3ZDLGNBQWMsdUJBQXVCLENBQUM7QUFDdEMsY0FBYyw2QkFBNkIsQ0FBQztBQUM1QyxjQUFjLHNEQUFzRCxDQUFDO0FBQ3JFLGNBQWMsNkJBQTZCLENBQUM7QUFDNUMsY0FBYyw4QkFBOEIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBQdWJsaWMgQVBJIFN1cmZhY2Ugb2Ygb2FzeXMtbGliXG4gKi9cbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvYWxlcnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9icmVhZGNydW1icyc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2J1dHRvbic7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2J1dHRvbi1ncm91cCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2NhcmQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9kaXZpZGVyJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvZm9ybS9mb3JtLWdyb3VwJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvZm9ybS9jaGVja2JveCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2Zvcm0vcmFkaW8nO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9mb3JtL3RleHQtaW5wdXQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9mb3JtL2NoaXAnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9mb3JtL2Vycm9ycyc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2hlYWRpbmcnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9oZXJvJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvc2VvLWJsb2NrJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvaWNvbic7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2ltYWdlJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvbGF5b3V0JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvc2VjdGlvbic7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2Nhcm91c2VsJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvY2FyZCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL3RleHQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9iYW5uZXInO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9wcmljZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL3BpbGwnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9waWxsLWdyb3VwJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2luamVjdGlvbi10b2tlbnMvZnJvbnRlbmQtYXBwLWluamVjdGlvbi50b2tlbnMnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9wcm9tby1jYXJkJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvc2VsZWN0LWNhcmQnO1xuIl19

package/fesm2022/oasys-lib.mjs

@@ -2456,6 +2456,87 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.10", ngImpo
                 }]
         }] });
 
+class OasysPillComponent {
+    constructor() {
+        this.prefix = 'ui-pill';
+        this.tone = 'neutral';
+    }
+    get class() {
+        return `${this.prefix}-${this.tone}`;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.10", ngImport: i0, type: OasysPillComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.10", 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"] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.10", ngImport: i0, type: OasysPillComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ui-pill', 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"] }]
+        }], propDecorators: { class: [{
+                type: HostBinding,
+                args: ['class']
+            }], tone: [{
+                type: Input
+            }] } });
+
+class OasysPillModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.10", ngImport: i0, type: OasysPillModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.10", ngImport: i0, type: OasysPillModule, declarations: [OasysPillComponent], imports: [CommonModule, OasysLayoutModule, OasysDirectivesModule], exports: [OasysPillComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.10", ngImport: i0, type: OasysPillModule, imports: [CommonModule, OasysLayoutModule, OasysDirectivesModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.10", ngImport: i0, type: OasysPillModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [OasysPillComponent],
+                    imports: [CommonModule, OasysLayoutModule, OasysDirectivesModule],
+                    exports: [OasysPillComponent]
+                }]
+        }] });
+
+class OasysPillGroupComponent {
+    constructor(breakpointService) {
+        this.breakpointService = breakpointService;
+        this.pill_group_align = 'start';
+        this.pill_group_collapse_below = 'tablet';
+    }
+    ngOnInit() {
+    }
+    get shouldCollapse() {
+        switch (this.pill_group_collapse_below) {
+            case 'tablet':
+                return this.breakpointService.currentSize.value === Breakpoint.MOBILE;
+            case 'laptop':
+                return this.breakpointService.currentSize.value === Breakpoint.MOBILE || this.breakpointService.currentSize.value === Breakpoint.TABLET;
+            case 'desktop':
+                return this.breakpointService.currentSize.value === Breakpoint.MOBILE || this.breakpointService.currentSize.value === Breakpoint.TABLET || this.breakpointService.currentSize.value === Breakpoint.LAPTOP;
+            default:
+                return false;
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.10", ngImport: i0, type: OasysPillGroupComponent, deps: [{ token: BreakpointService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.10", type: OasysPillGroupComponent, selector: "ui-pill-group", inputs: { pill_group_align: "pill_group_align", pill_group_collapse_below: "pill_group_collapse_below" }, ngImport: i0, template: "<ui-stack\n  stack_gap=\"near\"\n  stack_direction=\"x\"\n  [stack_collapse_below]=\"pill_group_collapse_below\"\n  [stack_distribute]=\"pill_group_align\"\n  [stack_wrap]=\"true\"\n>\n<ng-content></ng-content>\n</ui-stack>\n\n", styles: ["ui-pill-group{display:block}ui-pill-group>ui-stack>*:not(ui-pill){display:none}ui-pill-group>ui-stack.ui-layout-stack-distribute-end{flex-direction:row-reverse;justify-content:flex-start}\n"], dependencies: [{ kind: "component", type: LayoutStackComponent, selector: "ui-stack", inputs: ["stack_gap", "stack_align", "stack_direction", "stack_distribute", "stack_wrap", "stack_collapse_below"] }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.10", ngImport: i0, type: OasysPillGroupComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ui-pill-group', encapsulation: ViewEncapsulation.None, template: "<ui-stack\n  stack_gap=\"near\"\n  stack_direction=\"x\"\n  [stack_collapse_below]=\"pill_group_collapse_below\"\n  [stack_distribute]=\"pill_group_align\"\n  [stack_wrap]=\"true\"\n>\n<ng-content></ng-content>\n</ui-stack>\n\n", styles: ["ui-pill-group{display:block}ui-pill-group>ui-stack>*:not(ui-pill){display:none}ui-pill-group>ui-stack.ui-layout-stack-distribute-end{flex-direction:row-reverse;justify-content:flex-start}\n"] }]
+        }], ctorParameters: function () { return [{ type: BreakpointService }]; }, propDecorators: { pill_group_align: [{
+                type: Input
+            }], pill_group_collapse_below: [{
+                type: Input
+            }] } });
+
+class OasysPillGroupModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.10", ngImport: i0, type: OasysPillGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.10", ngImport: i0, type: OasysPillGroupModule, declarations: [OasysPillGroupComponent], imports: [OasysLayoutModule, CommonModule, RouterModule, OasysPillModule], exports: [OasysPillGroupComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.10", ngImport: i0, type: OasysPillGroupModule, imports: [OasysLayoutModule, CommonModule, RouterModule, OasysPillModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.10", ngImport: i0, type: OasysPillGroupModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [OasysPillGroupComponent],
+                    imports: [OasysLayoutModule, CommonModule, RouterModule, OasysPillModule],
+                    exports: [OasysPillGroupComponent],
+                }]
+        }] });
+
 class PromoCardComponent {
     constructor(tokenService) {
         this.tokenService = tokenService;
@@ -2580,5 +2661,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.10", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { BannerComponent, BreadcrumbsComponent, CardComponent, CarouselComponent, CheckboxComponent, ChipComponent, DividerComponent, FormErrorsComponents, FormGroupComponent, HeroComponent, IconComponent, ImageComponent, LayoutBoxComponent, LayoutContainerComponent, LayoutGridColumnComponent, LayoutGridComponent, LayoutStackComponent, OasysAlertCancelDirective, OasysAlertComponent, OasysAlertConfirmDirective, OasysAlertContentDirective, OasysAlertModule, OasysAlertTitleDirective, OasysBannerModule, OasysBreadcrumbModule, OasysButtonComponent, OasysButtonGroupComponent, OasysButtonGroupModule, OasysButtonModule, OasysCardModule, OasysCarouselModule, OasysCheckboxModule, OasysChipModule, OasysDividerModule, OasysFormErrorsModule, OasysFormGroupModule, OasysHeadingComponent, OasysHeadingModule, OasysHeroModule, OasysIconModule, OasysImageModule, OasysLayoutModule, OasysPriceComponent, OasysPriceModule, OasysPromoCardModule, OasysRadioModule, OasysSelectCardModule, OasysSeoBlockModule, OasysTextInputModule, OasysTextModule, PromoCardComponent, ROUTING_HANDLER, RadioComponent, SectionComponent, SectionModule, SelectCardComponent, SeoBlockComponent, TextComponent, TextInputComponent };
+export { BannerComponent, BreadcrumbsComponent, CardComponent, CarouselComponent, CheckboxComponent, ChipComponent, DividerComponent, FormErrorsComponents, FormGroupComponent, HeroComponent, IconComponent, ImageComponent, LayoutBoxComponent, LayoutContainerComponent, LayoutGridColumnComponent, LayoutGridComponent, LayoutStackComponent, OasysAlertCancelDirective, OasysAlertComponent, OasysAlertConfirmDirective, OasysAlertContentDirective, OasysAlertModule, OasysAlertTitleDirective, OasysBannerModule, OasysBreadcrumbModule, OasysButtonComponent, OasysButtonGroupComponent, OasysButtonGroupModule, OasysButtonModule, OasysCardModule, OasysCarouselModule, OasysCheckboxModule, OasysChipModule, OasysDividerModule, OasysFormErrorsModule, OasysFormGroupModule, OasysHeadingComponent, OasysHeadingModule, OasysHeroModule, OasysIconModule, OasysImageModule, OasysLayoutModule, OasysPillComponent, OasysPillGroupComponent, OasysPillGroupModule, OasysPillModule, OasysPriceComponent, OasysPriceModule, OasysPromoCardModule, OasysRadioModule, OasysSelectCardModule, OasysSeoBlockModule, OasysTextInputModule, OasysTextModule, PromoCardComponent, ROUTING_HANDLER, RadioComponent, SectionComponent, SectionModule, SelectCardComponent, SeoBlockComponent, TextComponent, TextInputComponent };
 //# sourceMappingURL=oasys-lib.mjs.map