@brandsync/angular 1.8.0 → 1.10.0

package/README.md

@@ -50,3 +50,76 @@ or via a plain `@import` in `src/styles.css`:
 Note: the vendored stylesheet currently contains a handful of malformed token declarations from an upstream `brandsync-tokens` export step (e.g. `--bs-5-brand-colors-jade-brand-700: {Brand Colors.teal.700};`), which Angular's build may warn about. These are pre-existing in the vendored dependency and harmless — they don't affect any token this library actually uses.
 
 See `@brandsync/wc`'s own README ("Design tokens — required, not optional") for the full explanation.
+
+## Events are typed
+
+Each component's outputs are real Angular outputs whose payload is typed, so you read the value from
+`$event.detail` without `$any`:
+
+```ts
+@Component({
+  standalone: true,
+  imports: [BsCheckbox],
+  template: `<bs-checkbox (bsChange)="onChange($event.detail)">I agree</bs-checkbox>`,
+})
+export class Example {
+  onChange(checked: boolean) {} // `$event.detail` is a `boolean` here
+}
+```
+
+The emitted event is a `BsCheckboxCustomEvent<boolean>` (a `CustomEvent` whose `detail` and `target` are
+typed), exported from `@brandsync/wc`.
+
+## No `CUSTOM_ELEMENTS_SCHEMA`
+
+You do not need `CUSTOM_ELEMENTS_SCHEMA`. Importing a component class (`imports: [BsButton]`) is what
+makes `<bs-button>` a known element in that component's template. If you see "`bs-button` is not a known
+element", the class is not in that component's `imports`.
+
+## Forms: `ngModel` and `formControlName`
+
+`bs-input`, `bs-checkbox`, `bs-switch` and `bs-slider` work with Angular forms. Import the matching
+`ControlValueAccessor` directive next to the component:
+
+| Component | Accessor | Control value |
+| --- | --- | --- |
+| `bs-input` | `TextValueAccessor` | `string` |
+| `bs-checkbox`, `bs-switch` | `BooleanValueAccessor` | `boolean` |
+| `bs-slider` | `NumericValueAccessor` | `number` (not for `type="range"`, which has two values) |
+
+```ts
+import { ReactiveFormsModule } from '@angular/forms';
+import { BsInput, BsCheckbox, TextValueAccessor, BooleanValueAccessor } from '@brandsync/angular';
+
+@Component({
+  standalone: true,
+  imports: [ReactiveFormsModule, BsInput, TextValueAccessor, BsCheckbox, BooleanValueAccessor],
+  template: `
+    <form [formGroup]="form">
+      <bs-input formControlName="email" label="Email"></bs-input>
+      <bs-checkbox formControlName="terms">I accept the terms</bs-checkbox>
+    </form>`,
+})
+export class SignupForm {
+  form = new FormGroup({ email: new FormControl(''), terms: new FormControl(false) });
+}
+```
+
+- `@angular/forms` (`^19.0.0`) is a peer dependency.
+- `bs-input` updates the control when the value is **committed** (blur, Enter, and immediately for the
+  number stepper, dropdown and pin), like `updateOn: 'blur'`. Use `(bsInput)` for every keystroke.
+- `control.disable()` disables the component.
+- `bs-radio` has no accessor yet: bind it with `[checked]` and `(bsChange)`.
+- Two-way `[(value)]` / `[(checked)]` is not provided; use `ngModel` or `formControlName` instead.
+- A native `<form>` also works: give the controls a `name`, and a `<bs-button type="submit">` submits it.
+
+See **Guides / Forms (Angular)** in the Angular Storybook for a working example.
+
+## Boolean inputs need property binding
+
+Bind booleans with `[...]`: `<bs-checkbox [disabled]="true">`, `<bs-input [required]="true">`. A bare
+attribute (`<bs-checkbox disabled>`) is **not** coerced: Angular passes it as an empty string, which the
+component treats as `false`. (Stencil's Angular output target can generate a coercion transform for this
+via its `booleanAttributes` option, but that currently does not compile under this package's TypeScript
+configuration, so it is not enabled.)
+

package/fesm2022/brandsync-angular.mjs

@@ -30,32 +30,34 @@ import { defineCustomElement as defineCustomElement$p } from '@brandsync/wc/dist
 import { defineCustomElement as defineCustomElement$q } from '@brandsync/wc/dist/components/bs-composer.js';
 import { defineCustomElement as defineCustomElement$r } from '@brandsync/wc/dist/components/bs-composer-status-banner.js';
 import { defineCustomElement as defineCustomElement$s } from '@brandsync/wc/dist/components/bs-data-table.js';
-import { defineCustomElement as defineCustomElement$t } from '@brandsync/wc/dist/components/bs-dialog.js';
-import { defineCustomElement as defineCustomElement$u } from '@brandsync/wc/dist/components/bs-file-upload.js';
-import { defineCustomElement as defineCustomElement$v } from '@brandsync/wc/dist/components/bs-file-upload-item.js';
-import { defineCustomElement as defineCustomElement$w } from '@brandsync/wc/dist/components/bs-icon-button.js';
-import { defineCustomElement as defineCustomElement$x } from '@brandsync/wc/dist/components/bs-inline-tab.js';
-import { defineCustomElement as defineCustomElement$y } from '@brandsync/wc/dist/components/bs-input.js';
-import { defineCustomElement as defineCustomElement$z } from '@brandsync/wc/dist/components/bs-logo.js';
-import { defineCustomElement as defineCustomElement$A } from '@brandsync/wc/dist/components/bs-menu.js';
-import { defineCustomElement as defineCustomElement$B } from '@brandsync/wc/dist/components/bs-menu-item.js';
-import { defineCustomElement as defineCustomElement$C } from '@brandsync/wc/dist/components/bs-navigation-drawer.js';
-import { defineCustomElement as defineCustomElement$D } from '@brandsync/wc/dist/components/bs-navigation-drawer-item.js';
-import { defineCustomElement as defineCustomElement$E } from '@brandsync/wc/dist/components/bs-navigation-header.js';
-import { defineCustomElement as defineCustomElement$F } from '@brandsync/wc/dist/components/bs-pagination.js';
-import { defineCustomElement as defineCustomElement$G } from '@brandsync/wc/dist/components/bs-progress.js';
-import { defineCustomElement as defineCustomElement$H } from '@brandsync/wc/dist/components/bs-progress-linear.js';
-import { defineCustomElement as defineCustomElement$I } from '@brandsync/wc/dist/components/bs-radio.js';
-import { defineCustomElement as defineCustomElement$J } from '@brandsync/wc/dist/components/bs-slider.js';
-import { defineCustomElement as defineCustomElement$K } from '@brandsync/wc/dist/components/bs-snackbar.js';
-import { defineCustomElement as defineCustomElement$L } from '@brandsync/wc/dist/components/bs-source-link.js';
-import { defineCustomElement as defineCustomElement$M } from '@brandsync/wc/dist/components/bs-stepper.js';
-import { defineCustomElement as defineCustomElement$N } from '@brandsync/wc/dist/components/bs-stepper-step.js';
-import { defineCustomElement as defineCustomElement$O } from '@brandsync/wc/dist/components/bs-switch.js';
-import { defineCustomElement as defineCustomElement$P } from '@brandsync/wc/dist/components/bs-tab.js';
-import { defineCustomElement as defineCustomElement$Q } from '@brandsync/wc/dist/components/bs-tabs.js';
-import { defineCustomElement as defineCustomElement$R } from '@brandsync/wc/dist/components/bs-toast.js';
-import { defineCustomElement as defineCustomElement$S } from '@brandsync/wc/dist/components/bs-tooltip.js';
+import { defineCustomElement as defineCustomElement$t } from '@brandsync/wc/dist/components/bs-datepicker.js';
+import { defineCustomElement as defineCustomElement$u } from '@brandsync/wc/dist/components/bs-dialog.js';
+import { defineCustomElement as defineCustomElement$v } from '@brandsync/wc/dist/components/bs-file-upload.js';
+import { defineCustomElement as defineCustomElement$w } from '@brandsync/wc/dist/components/bs-file-upload-item.js';
+import { defineCustomElement as defineCustomElement$x } from '@brandsync/wc/dist/components/bs-icon-button.js';
+import { defineCustomElement as defineCustomElement$y } from '@brandsync/wc/dist/components/bs-inline-tab.js';
+import { defineCustomElement as defineCustomElement$z } from '@brandsync/wc/dist/components/bs-input.js';
+import { defineCustomElement as defineCustomElement$A } from '@brandsync/wc/dist/components/bs-logo.js';
+import { defineCustomElement as defineCustomElement$B } from '@brandsync/wc/dist/components/bs-menu.js';
+import { defineCustomElement as defineCustomElement$C } from '@brandsync/wc/dist/components/bs-menu-item.js';
+import { defineCustomElement as defineCustomElement$D } from '@brandsync/wc/dist/components/bs-navigation-drawer.js';
+import { defineCustomElement as defineCustomElement$E } from '@brandsync/wc/dist/components/bs-navigation-drawer-item.js';
+import { defineCustomElement as defineCustomElement$F } from '@brandsync/wc/dist/components/bs-navigation-header.js';
+import { defineCustomElement as defineCustomElement$G } from '@brandsync/wc/dist/components/bs-pagination.js';
+import { defineCustomElement as defineCustomElement$H } from '@brandsync/wc/dist/components/bs-progress.js';
+import { defineCustomElement as defineCustomElement$I } from '@brandsync/wc/dist/components/bs-progress-linear.js';
+import { defineCustomElement as defineCustomElement$J } from '@brandsync/wc/dist/components/bs-radio.js';
+import { defineCustomElement as defineCustomElement$K } from '@brandsync/wc/dist/components/bs-slider.js';
+import { defineCustomElement as defineCustomElement$L } from '@brandsync/wc/dist/components/bs-snackbar.js';
+import { defineCustomElement as defineCustomElement$M } from '@brandsync/wc/dist/components/bs-source-link.js';
+import { defineCustomElement as defineCustomElement$N } from '@brandsync/wc/dist/components/bs-stepper.js';
+import { defineCustomElement as defineCustomElement$O } from '@brandsync/wc/dist/components/bs-stepper-step.js';
+import { defineCustomElement as defineCustomElement$P } from '@brandsync/wc/dist/components/bs-switch.js';
+import { defineCustomElement as defineCustomElement$Q } from '@brandsync/wc/dist/components/bs-tab.js';
+import { defineCustomElement as defineCustomElement$R } from '@brandsync/wc/dist/components/bs-tabs.js';
+import { defineCustomElement as defineCustomElement$S } from '@brandsync/wc/dist/components/bs-timepicker.js';
+import { defineCustomElement as defineCustomElement$T } from '@brandsync/wc/dist/components/bs-toast.js';
+import { defineCustomElement as defineCustomElement$U } from '@brandsync/wc/dist/components/bs-tooltip.js';
 import { NG_VALUE_ACCESSOR } from '@angular/forms';
 
 /* eslint-disable */
@@ -342,13 +344,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
 let BsBreadcrumb = class BsBreadcrumb {
     z;
     el;
+    bsNavigate = new EventEmitter();
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: BsBreadcrumb, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: BsBreadcrumb, isStandalone: true, selector: "bs-breadcrumb", inputs: { current: "current", href: "href", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: BsBreadcrumb, isStandalone: true, selector: "bs-breadcrumb", inputs: { current: "current", href: "href", size: "size" }, outputs: { bsNavigate: "bsNavigate" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 BsBreadcrumb = __decorate([
     ProxyCmp({
@@ -364,18 +367,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['current', 'href', 'size'],
+                    outputs: ['bsNavigate'],
                 }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { bsNavigate: [{
+                type: Output
+            }] } });
 let BsBreadcrumbOverflow = class BsBreadcrumbOverflow {
     z;
     el;
+    bsNavigate = new EventEmitter();
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: BsBreadcrumbOverflow, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: BsBreadcrumbOverflow, isStandalone: true, selector: "bs-breadcrumb-overflow", inputs: { items: "items", overflowLabel: "overflowLabel", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: BsBreadcrumbOverflow, isStandalone: true, selector: "bs-breadcrumb-overflow", inputs: { items: "items", overflowLabel: "overflowLabel", size: "size" }, outputs: { bsNavigate: "bsNavigate" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 BsBreadcrumbOverflow = __decorate([
     ProxyCmp({
@@ -391,8 +398,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['items', 'overflowLabel', 'size'],
+                    outputs: ['bsNavigate'],
                 }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { bsNavigate: [{
+                type: Output
+            }] } });
 let BsBreadcrumbs = class BsBreadcrumbs {
     z;
     el;
@@ -991,6 +1001,37 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
             }], bsRowSelect: [{
                 type: Output
             }] } });
+let BsDatepicker = class BsDatepicker {
+    z;
+    el;
+    bsChange = new EventEmitter();
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: BsDatepicker, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: BsDatepicker, isStandalone: true, selector: "bs-datepicker", inputs: { end: "end", endLabel: "endLabel", firstDayOfWeek: "firstDayOfWeek", locale: "locale", max: "max", min: "min", monthLabel: "monthLabel", name: "name", nextLabel: "nextLabel", previousLabel: "previousLabel", range: "range", start: "start", startLabel: "startLabel", value: "value", yearLabel: "yearLabel" }, outputs: { bsChange: "bsChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+};
+BsDatepicker = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineCustomElement$t,
+        inputs: ['end', 'endLabel', 'firstDayOfWeek', 'locale', 'max', 'min', 'monthLabel', 'name', 'nextLabel', 'previousLabel', 'range', 'start', 'startLabel', 'value', 'yearLabel']
+    })
+], BsDatepicker);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: BsDatepicker, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'bs-datepicker',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['end', 'endLabel', 'firstDayOfWeek', 'locale', 'max', 'min', 'monthLabel', 'name', 'nextLabel', 'previousLabel', 'range', 'start', 'startLabel', 'value', 'yearLabel'],
+                    outputs: ['bsChange'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { bsChange: [{
+                type: Output
+            }] } });
 let BsDialog = class BsDialog {
     z;
     el;
@@ -1005,7 +1046,7 @@ let BsDialog = class BsDialog {
 };
 BsDialog = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$t,
+        defineCustomElementFn: defineCustomElement$u,
         inputs: ['centered', 'heading', 'open', 'size']
     })
 ], BsDialog);
@@ -1037,7 +1078,7 @@ let BsFileUpload = class BsFileUpload {
 };
 BsFileUpload = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$u,
+        defineCustomElementFn: defineCustomElement$v,
         inputs: ['accept', 'buttonLabel', 'description', 'direction', 'disabled', 'dragging', 'heading', 'multiple']
     })
 ], BsFileUpload);
@@ -1071,7 +1112,7 @@ let BsFileUploadItem = class BsFileUploadItem {
 };
 BsFileUploadItem = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$v,
+        defineCustomElementFn: defineCustomElement$w,
         inputs: ['cancelLabel', 'fileName', 'fileSize', 'message', 'progress', 'removeLabel', 'state', 'thumbnailAlt', 'thumbnailSrc']
     })
 ], BsFileUploadItem);
@@ -1103,7 +1144,7 @@ let BsIconButton = class BsIconButton {
 };
 BsIconButton = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$w,
+        defineCustomElementFn: defineCustomElement$x,
         inputs: ['ariaLabel', 'disabled', 'size', 'type', 'variant']
     })
 ], BsIconButton);
@@ -1127,12 +1168,12 @@ let BsInlineTab = class BsInlineTab {
         this.el = r.nativeElement;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: BsInlineTab, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: BsInlineTab, isStandalone: true, selector: "bs-inline-tab", inputs: { ariaLabel: "ariaLabel", disabled: "disabled", selected: "selected", tabbable: "tabbable" }, outputs: { bsSelect: "bsSelect" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: BsInlineTab, isStandalone: true, selector: "bs-inline-tab", inputs: { ariaLabel: "ariaLabel", disabled: "disabled", selected: "selected", tabbable: "tabbable", value: "value" }, outputs: { bsSelect: "bsSelect" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 BsInlineTab = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$x,
-        inputs: ['ariaLabel', 'disabled', 'selected', 'tabbable']
+        defineCustomElementFn: defineCustomElement$y,
+        inputs: ['ariaLabel', 'disabled', 'selected', 'tabbable', 'value']
     })
 ], BsInlineTab);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: BsInlineTab, decorators: [{
@@ -1142,7 +1183,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['ariaLabel', 'disabled', 'selected', 'tabbable'],
+                    inputs: ['ariaLabel', 'disabled', 'selected', 'tabbable', 'value'],
                     outputs: ['bsSelect'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { bsSelect: [{
@@ -1168,7 +1209,7 @@ let BsInput = class BsInput {
 };
 BsInput = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$y,
+        defineCustomElementFn: defineCustomElement$z,
         inputs: ['chips', 'country', 'countryOptions', 'description', 'disabled', 'error', 'initialsTitle', 'label', 'length', 'max', 'min', 'name', 'open', 'options', 'placeholder', 'required', 'rows', 'step', 'titleOptions', 'type', 'value']
     })
 ], BsInput);
@@ -1210,7 +1251,7 @@ let BsLogo = class BsLogo {
 };
 BsLogo = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$z,
+        defineCustomElementFn: defineCustomElement$A,
         inputs: ['alt', 'background', 'src', 'variant']
     })
 ], BsLogo);
@@ -1237,7 +1278,7 @@ let BsMenu = class BsMenu {
 };
 BsMenu = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$A
+        defineCustomElementFn: defineCustomElement$B
     })
 ], BsMenu);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: BsMenu, decorators: [{
@@ -1264,7 +1305,7 @@ let BsMenuItem = class BsMenuItem {
 };
 BsMenuItem = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$B,
+        defineCustomElementFn: defineCustomElement$C,
         inputs: ['disabled']
     })
 ], BsMenuItem);
@@ -1286,18 +1327,19 @@ let BsNavigationDrawer = class BsNavigationDrawer {
     el;
     bsCollapse = new EventEmitter();
     bsSearchClick = new EventEmitter();
+    bsClose = new EventEmitter();
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: BsNavigationDrawer, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: BsNavigationDrawer, isStandalone: true, selector: "bs-navigation-drawer", inputs: { collapsed: "collapsed", collapsible: "collapsible", heading: "heading", logoBackground: "logoBackground", showLogo: "showLogo" }, outputs: { bsCollapse: "bsCollapse", bsSearchClick: "bsSearchClick" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: BsNavigationDrawer, isStandalone: true, selector: "bs-navigation-drawer", inputs: { collapsed: "collapsed", collapsible: "collapsible", heading: "heading", logoBackground: "logoBackground", open: "open", showLogo: "showLogo" }, outputs: { bsCollapse: "bsCollapse", bsSearchClick: "bsSearchClick", bsClose: "bsClose" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 BsNavigationDrawer = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$C,
-        inputs: ['collapsed', 'collapsible', 'heading', 'logoBackground', 'showLogo']
+        defineCustomElementFn: defineCustomElement$D,
+        inputs: ['collapsed', 'collapsible', 'heading', 'logoBackground', 'open', 'showLogo']
     })
 ], BsNavigationDrawer);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: BsNavigationDrawer, decorators: [{
@@ -1307,13 +1349,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['collapsed', 'collapsible', 'heading', 'logoBackground', 'showLogo'],
-                    outputs: ['bsCollapse', 'bsSearchClick'],
+                    inputs: ['collapsed', 'collapsible', 'heading', 'logoBackground', 'open', 'showLogo'],
+                    outputs: ['bsCollapse', 'bsSearchClick', 'bsClose'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { bsCollapse: [{
                 type: Output
             }], bsSearchClick: [{
                 type: Output
+            }], bsClose: [{
+                type: Output
             }] } });
 let BsNavigationDrawerItem = class BsNavigationDrawerItem {
     z;
@@ -1330,7 +1374,7 @@ let BsNavigationDrawerItem = class BsNavigationDrawerItem {
 };
 BsNavigationDrawerItem = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$D,
+        defineCustomElementFn: defineCustomElement$E,
         inputs: ['ariaLabel', 'collapsed', 'expandable', 'expanded', 'nested', 'selected']
     })
 ], BsNavigationDrawerItem);
@@ -1362,7 +1406,7 @@ let BsNavigationHeader = class BsNavigationHeader {
 };
 BsNavigationHeader = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$E,
+        defineCustomElementFn: defineCustomElement$F,
         inputs: ['alignment', 'ariaLabel', 'logoBackground', 'skipToContentHref', 'skipToContentLabel']
     })
 ], BsNavigationHeader);
@@ -1390,7 +1434,7 @@ let BsPagination = class BsPagination {
 };
 BsPagination = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$F,
+        defineCustomElementFn: defineCustomElement$G,
         inputs: ['currentPage', 'nextLabel', 'previousLabel', 'siblingCount', 'totalPages']
     })
 ], BsPagination);
@@ -1420,7 +1464,7 @@ let BsProgress = class BsProgress {
 };
 BsProgress = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$G,
+        defineCustomElementFn: defineCustomElement$H,
         inputs: ['ariaLabel', 'showLabel', 'size', 'strokeWidth', 'type', 'value']
     })
 ], BsProgress);
@@ -1447,7 +1491,7 @@ let BsProgressLinear = class BsProgressLinear {
 };
 BsProgressLinear = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$H,
+        defineCustomElementFn: defineCustomElement$I,
         inputs: ['ariaLabel', 'showLabel', 'size', 'type', 'value']
     })
 ], BsProgressLinear);
@@ -1475,7 +1519,7 @@ let BsRadio = class BsRadio {
 };
 BsRadio = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$I,
+        defineCustomElementFn: defineCustomElement$J,
         inputs: ['checked', 'disabled', 'name', 'value']
     })
 ], BsRadio);
@@ -1507,7 +1551,7 @@ let BsSlider = class BsSlider {
 };
 BsSlider = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$J,
+        defineCustomElementFn: defineCustomElement$K,
         inputs: ['ariaLabel', 'disabled', 'label', 'max', 'min', 'name', 'segments', 'showLabel', 'step', 'type', 'value', 'valueEnd', 'valueStart']
     })
 ], BsSlider);
@@ -1541,7 +1585,7 @@ let BsSnackbar = class BsSnackbar {
 };
 BsSnackbar = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$K,
+        defineCustomElementFn: defineCustomElement$L,
         inputs: ['actionLabel', 'loading', 'variant']
     })
 ], BsSnackbar);
@@ -1574,7 +1618,7 @@ let BsSourceLink = class BsSourceLink {
 };
 BsSourceLink = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$L,
+        defineCustomElementFn: defineCustomElement$M,
         inputs: ['fileName', 'href', 'sourceName', 'target', 'version']
     })
 ], BsSourceLink);
@@ -1604,7 +1648,7 @@ let BsStepper = class BsStepper {
 };
 BsStepper = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$M,
+        defineCustomElementFn: defineCustomElement$N,
         inputs: ['currentStep', 'direction', 'showDescription']
     })
 ], BsStepper);
@@ -1631,7 +1675,7 @@ let BsStepperStep = class BsStepperStep {
 };
 BsStepperStep = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$N,
+        defineCustomElementFn: defineCustomElement$O,
         inputs: ['computedState', 'description', 'direction', 'disabled', 'error', 'name', 'showDescription']
     })
 ], BsStepperStep);
@@ -1659,7 +1703,7 @@ let BsSwitch = class BsSwitch {
 };
 BsSwitch = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$O,
+        defineCustomElementFn: defineCustomElement$P,
         inputs: ['ariaLabel', 'checked', 'disabled', 'name', 'size', 'value']
     })
 ], BsSwitch);
@@ -1686,12 +1730,12 @@ let BsTab = class BsTab {
         this.el = r.nativeElement;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: BsTab, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: BsTab, isStandalone: true, selector: "bs-tab", inputs: { ariaLabel: "ariaLabel", disabled: "disabled", iconPosition: "iconPosition", selected: "selected", tabbable: "tabbable" }, outputs: { bsSelect: "bsSelect" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: BsTab, isStandalone: true, selector: "bs-tab", inputs: { ariaLabel: "ariaLabel", disabled: "disabled", iconPosition: "iconPosition", selected: "selected", tabbable: "tabbable", value: "value" }, outputs: { bsSelect: "bsSelect" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 BsTab = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$P,
-        inputs: ['ariaLabel', 'disabled', 'iconPosition', 'selected', 'tabbable']
+        defineCustomElementFn: defineCustomElement$Q,
+        inputs: ['ariaLabel', 'disabled', 'iconPosition', 'selected', 'tabbable', 'value']
     })
 ], BsTab);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: BsTab, decorators: [{
@@ -1701,7 +1745,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['ariaLabel', 'disabled', 'iconPosition', 'selected', 'tabbable'],
+                    inputs: ['ariaLabel', 'disabled', 'iconPosition', 'selected', 'tabbable', 'value'],
                     outputs: ['bsSelect'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { bsSelect: [{
@@ -1710,18 +1754,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
 let BsTabs = class BsTabs {
     z;
     el;
+    bsChange = new EventEmitter();
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: BsTabs, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: BsTabs, isStandalone: true, selector: "bs-tabs", inputs: { orientation: "orientation", type: "type" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: BsTabs, isStandalone: true, selector: "bs-tabs", inputs: { orientation: "orientation", type: "type", value: "value" }, outputs: { bsChange: "bsChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 BsTabs = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$Q,
-        inputs: ['orientation', 'type']
+        defineCustomElementFn: defineCustomElement$R,
+        inputs: ['orientation', 'type', 'value']
     })
 ], BsTabs);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: BsTabs, decorators: [{
@@ -1731,9 +1776,46 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['orientation', 'type'],
+                    inputs: ['orientation', 'type', 'value'],
+                    outputs: ['bsChange'],
                 }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { bsChange: [{
+                type: Output
+            }] } });
+let BsTimepicker = class BsTimepicker {
+    z;
+    el;
+    bsChange = new EventEmitter();
+    bsCancel = new EventEmitter();
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: BsTimepicker, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: BsTimepicker, isStandalone: true, selector: "bs-timepicker", inputs: { cancelLabel: "cancelLabel", confirmLabel: "confirmLabel", format: "format", formatLabel: "formatLabel", heading: "heading", hourLabel: "hourLabel", minuteLabel: "minuteLabel", minuteStep: "minuteStep", name: "name", periodLabel: "periodLabel", value: "value" }, outputs: { bsChange: "bsChange", bsCancel: "bsCancel" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+};
+BsTimepicker = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineCustomElement$S,
+        inputs: ['cancelLabel', 'confirmLabel', 'format', 'formatLabel', 'heading', 'hourLabel', 'minuteLabel', 'minuteStep', 'name', 'periodLabel', 'value']
+    })
+], BsTimepicker);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: BsTimepicker, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'bs-timepicker',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['cancelLabel', 'confirmLabel', 'format', 'formatLabel', 'heading', 'hourLabel', 'minuteLabel', 'minuteStep', 'name', 'periodLabel', 'value'],
+                    outputs: ['bsChange', 'bsCancel'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { bsChange: [{
+                type: Output
+            }], bsCancel: [{
+                type: Output
+            }] } });
 let BsToast = class BsToast {
     z;
     el;
@@ -1748,7 +1830,7 @@ let BsToast = class BsToast {
 };
 BsToast = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$R,
+        defineCustomElementFn: defineCustomElement$T,
         inputs: ['state']
     })
 ], BsToast);
@@ -1778,7 +1860,7 @@ let BsTooltip = class BsTooltip {
 };
 BsTooltip = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$S,
+        defineCustomElementFn: defineCustomElement$U,
         inputs: ['placement']
     })
 ], BsTooltip);
@@ -1822,6 +1904,7 @@ const DIRECTIVES = [
     BsComposer,
     BsComposerStatusBanner,
     BsDataTable,
+    BsDatepicker,
     BsDialog,
     BsFileUpload,
     BsFileUploadItem,
@@ -1846,6 +1929,7 @@ const DIRECTIVES = [
     BsSwitch,
     BsTab,
     BsTabs,
+    BsTimepicker,
     BsToast,
     BsTooltip
 ];
@@ -1999,5 +2083,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { BooleanValueAccessor, BsAccordion, BsAiDisclaimer, BsAiGreeting, BsAiThinking, BsAttachment, BsAttachmentList, BsAvatar, BsBadge, BsBreadcrumb, BsBreadcrumbOverflow, BsBreadcrumbs, BsButton, BsButtonSkeleton, BsCard, BsCarousel, BsChatbotFeedback, BsChatbotHeader, BsChatbotResponseAction, BsChatbotSourcesDrawer, BsChatbotSuggestionButton, BsCheckbox, BsCheckboxSkeleton, BsChipFilter, BsChipInformative, BsChipInput, BsComposer, BsComposerStatusBanner, BsDataTable, BsDialog, BsFileUpload, BsFileUploadItem, BsIconButton, BsInlineTab, BsInput, BsLogo, BsMenu, BsMenuItem, BsNavigationDrawer, BsNavigationDrawerItem, BsNavigationHeader, BsPagination, BsProgress, BsProgressLinear, BsRadio, BsSlider, BsSnackbar, BsSourceLink, BsStepper, BsStepperStep, BsSwitch, BsTab, BsTabs, BsToast, BsTooltip, DIRECTIVES, NumericValueAccessor, TextValueAccessor, ValueAccessor };
+export { BooleanValueAccessor, BsAccordion, BsAiDisclaimer, BsAiGreeting, BsAiThinking, BsAttachment, BsAttachmentList, BsAvatar, BsBadge, BsBreadcrumb, BsBreadcrumbOverflow, BsBreadcrumbs, BsButton, BsButtonSkeleton, BsCard, BsCarousel, BsChatbotFeedback, BsChatbotHeader, BsChatbotResponseAction, BsChatbotSourcesDrawer, BsChatbotSuggestionButton, BsCheckbox, BsCheckboxSkeleton, BsChipFilter, BsChipInformative, BsChipInput, BsComposer, BsComposerStatusBanner, BsDataTable, BsDatepicker, BsDialog, BsFileUpload, BsFileUploadItem, BsIconButton, BsInlineTab, BsInput, BsLogo, BsMenu, BsMenuItem, BsNavigationDrawer, BsNavigationDrawerItem, BsNavigationHeader, BsPagination, BsProgress, BsProgressLinear, BsRadio, BsSlider, BsSnackbar, BsSourceLink, BsStepper, BsStepperStep, BsSwitch, BsTab, BsTabs, BsTimepicker, BsToast, BsTooltip, DIRECTIVES, NumericValueAccessor, TextValueAccessor, ValueAccessor };
 //# sourceMappingURL=brandsync-angular.mjs.map