@basis-ng/primitives 0.0.1-alpha.25 → 0.0.1-alpha.27

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.
Files changed (7) hide show
  1. package/core/components/button/button.component.d.ts +28 -5
  2. package/core/components/combobox/combobox.component.d.ts +1 -5
  3. package/core/components/select/select.component.d.ts +1 -5
  4. package/core/directives/overlay.directive.d.ts +5 -7
  5. package/fesm2022/basis-ng-primitives.mjs +58 -41
  6. package/fesm2022/basis-ng-primitives.mjs.map +1 -1
  7. package/package.json +1 -1
package/core/components/button/button.component.d.ts CHANGED
@@ -1,14 +1,37 @@
1
1
  import { ElementRef } from '@angular/core';
2
2
  import * as i0 from "@angular/core";
3
+ /**
4
+ * Button component that provides various styles and configurations.
5
+ */
3
6
  export declare class Button {
4
- /** The variant of the button. */
7
+ /**
8
+ * Defines the visual style of the button.
9
+ *
10
+ * @defaultValue 'primary'
11
+ */
5
12
  readonly variant: import("@angular/core").InputSignal<"primary" | "secondary" | "ghost" | "outlined">;
6
- /** The size of the button. */
13
+ /**
14
+ * Specifies the size of the button.
15
+ *
16
+ * @defaultValue '2'
17
+ */
7
18
  readonly size: import("@angular/core").InputSignal<"1" | "2" | "3">;
8
- /** Whether the button active animation is enabled. */
19
+ /**
20
+ * Determines whether the button has an active state enabled.
21
+ *
22
+ * @defaultValue true
23
+ */
9
24
  readonly activeEnabled: import("@angular/core").InputSignal<boolean>;
10
- /** The element reference of the button. */
25
+ /**
26
+ * Indicates whether the button should have squared corners.
27
+ *
28
+ * @defaultValue false
29
+ */
30
+ readonly squared: import("@angular/core").InputSignal<boolean>;
31
+ /**
32
+ * Reference to the host DOM element.
33
+ */
11
34
  el: ElementRef<any>;
12
35
  static ɵfac: i0.ɵɵFactoryDeclaration<Button, never>;
13
- static ɵcmp: i0.ɵɵComponentDeclaration<Button, "button[b-button]", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "activeEnabled": { "alias": "activeEnabled"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
36
+ static ɵcmp: i0.ɵɵComponentDeclaration<Button, "button[b-button]", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "activeEnabled": { "alias": "activeEnabled"; "required": false; "isSignal": true; }; "squared": { "alias": "squared"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
14
37
  }
package/core/components/combobox/combobox.component.d.ts CHANGED
@@ -13,10 +13,6 @@ export declare class ComboboxComponent implements OnInit, ControlValueAccessor {
13
13
  * Defaults to 'Select an option'.
14
14
  */
15
15
  readonly placeholder: import("@angular/core").InputSignal<string>;
16
- /**
17
- * Input for the offset value between the button and the dropdown.
18
- */
19
- readonly offset: import("@angular/core").InputSignal<number>;
20
16
  /**
21
17
  * Signal indicating whether the dropdown is currently open.
22
18
  */
@@ -114,5 +110,5 @@ export declare class ComboboxComponent implements OnInit, ControlValueAccessor {
114
110
  */
115
111
  setDisabledState(isDisabled: boolean): void;
116
112
  static ɵfac: i0.ɵɵFactoryDeclaration<ComboboxComponent, never>;
117
- static ɵcmp: i0.ɵɵComponentDeclaration<ComboboxComponent, "b-combobox", never, { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "offset": { "alias": "offset"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "disabled": "disabledChange"; }, ["command"], ["*"], true, never>;
113
+ static ɵcmp: i0.ɵɵComponentDeclaration<ComboboxComponent, "b-combobox", never, { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "disabled": "disabledChange"; }, ["command"], ["*"], true, never>;
118
114
  }
package/core/components/select/select.component.d.ts CHANGED
@@ -13,10 +13,6 @@ export declare class SelectComponent implements OnInit, ControlValueAccessor {
13
13
  * Defaults to 'Select an option'.
14
14
  */
15
15
  readonly placeholder: import("@angular/core").InputSignal<string>;
16
- /**
17
- * Input for the offset value between the button and the dropdown.
18
- */
19
- readonly offset: import("@angular/core").InputSignal<number>;
20
16
  /**
21
17
  * Signal indicating whether the dropdown is currently open.
22
18
  */
@@ -114,5 +110,5 @@ export declare class SelectComponent implements OnInit, ControlValueAccessor {
114
110
  */
115
111
  setDisabledState(isDisabled: boolean): void;
116
112
  static ɵfac: i0.ɵɵFactoryDeclaration<SelectComponent, never>;
117
- static ɵcmp: i0.ɵɵComponentDeclaration<SelectComponent, "b-select", never, { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "offset": { "alias": "offset"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "disabled": "disabledChange"; }, ["optionsList"], ["*"], true, never>;
113
+ static ɵcmp: i0.ɵɵComponentDeclaration<SelectComponent, "b-select", never, { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "disabled": "disabledChange"; }, ["optionsList"], ["*"], true, never>;
118
114
  }
package/core/directives/overlay.directive.d.ts CHANGED
@@ -18,11 +18,6 @@ export declare class OverlayDirective {
18
18
  * This input is required.
19
19
  */
20
20
  readonly trigger: import("@angular/core").InputSignal<OverlayTriggerDirective>;
21
- /**
22
- * Offset value for overlay positioning.
23
- * @default 0
24
- */
25
- readonly offset: import("@angular/core").InputSignal<number>;
26
21
  /**
27
22
  * Delay in milliseconds before closing the overlay.
28
23
  * @default 0
@@ -53,6 +48,10 @@ export declare class OverlayDirective {
53
48
  * Computed direction of the overlay based on the active position pair.
54
49
  */
55
50
  readonly direction: import("@angular/core").Signal<string | undefined>;
51
+ /**
52
+ * Flag to indicate if this is the first load of the overlay.
53
+ */
54
+ firstLoad: boolean;
56
55
  /**
57
56
  * Constructor to initialize the directive and set up reactive effects.
58
57
  */
@@ -71,7 +70,6 @@ export declare class OverlayDirective {
71
70
  * Handles the opening and closing of the overlay based on the `open` input.
72
71
  */
73
72
  handleOpen(): void;
74
- firstLoad: boolean;
75
73
  static ɵfac: i0.ɵɵFactoryDeclaration<OverlayDirective, never>;
76
- static ɵdir: i0.ɵɵDirectiveDeclaration<OverlayDirective, "[bOverlay]", never, { "open": { "alias": "open"; "required": false; "isSignal": true; }; "trigger": { "alias": "trigger"; "required": true; "isSignal": true; }; "offset": { "alias": "offset"; "required": false; "isSignal": true; }; "closeDelay": { "alias": "closeDelay"; "required": false; "isSignal": true; }; "positions": { "alias": "positions"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.CdkConnectedOverlay; inputs: { "cdkConnectedOverlayWidth": "width"; "cdkConnectedOverlayMinWidth": "minWidth"; "cdkConnectedOverlayHasBackdrop": "hasBackdrop"; "cdkConnectedOverlayBackdropClass": "customBackdropClass"; }; outputs: { "backdropClick": "backdropClick"; "detach": "detach"; "attach": "attach"; "overlayOutsideClick": "outsideClick"; "positionChange": "positionChange"; }; }]>;
74
+ static ɵdir: i0.ɵɵDirectiveDeclaration<OverlayDirective, "[bOverlay]", never, { "open": { "alias": "open"; "required": false; "isSignal": true; }; "trigger": { "alias": "trigger"; "required": true; "isSignal": true; }; "closeDelay": { "alias": "closeDelay"; "required": false; "isSignal": true; }; "positions": { "alias": "positions"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.CdkConnectedOverlay; inputs: { "cdkConnectedOverlayWidth": "width"; "cdkConnectedOverlayMinWidth": "minWidth"; "cdkConnectedOverlayHasBackdrop": "hasBackdrop"; "cdkConnectedOverlayBackdropClass": "customBackdropClass"; }; outputs: { "backdropClick": "backdropClick"; "detach": "detach"; "attach": "attach"; "overlayOutsideClick": "outsideClick"; "positionChange": "positionChange"; }; }]>;
77
75
  }
package/fesm2022/basis-ng-primitives.mjs CHANGED
@@ -78,17 +78,40 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImpor
78
78
  }]
79
79
  }], ctorParameters: () => [] });
80
80
 
81
+ /**
82
+ * Button component that provides various styles and configurations.
83
+ */
81
84
  class Button {
82
- /** The variant of the button. */
85
+ /**
86
+ * Defines the visual style of the button.
87
+ *
88
+ * @defaultValue 'primary'
89
+ */
83
90
  variant = input('primary');
84
- /** The size of the button. */
91
+ /**
92
+ * Specifies the size of the button.
93
+ *
94
+ * @defaultValue '2'
95
+ */
85
96
  size = input('2');
86
- /** Whether the button active animation is enabled. */
97
+ /**
98
+ * Determines whether the button has an active state enabled.
99
+ *
100
+ * @defaultValue true
101
+ */
87
102
  activeEnabled = input(true);
88
- /** The element reference of the button. */
103
+ /**
104
+ * Indicates whether the button should have squared corners.
105
+ *
106
+ * @defaultValue false
107
+ */
108
+ squared = input(false);
109
+ /**
110
+ * Reference to the host DOM element.
111
+ */
89
112
  el = inject(ElementRef);
90
113
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: Button, deps: [], target: i0.ɵɵFactoryTarget.Component });
91
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.7", type: Button, isStandalone: true, selector: "button[b-button]", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, activeEnabled: { classPropertyName: "activeEnabled", publicName: "activeEnabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "variant() + \" size-\" + size()", "class.active": "activeEnabled()" } }, ngImport: i0, template: ` <ng-content />`, isInline: true });
114
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.7", type: Button, isStandalone: true, selector: "button[b-button]", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, activeEnabled: { classPropertyName: "activeEnabled", publicName: "activeEnabled", isSignal: true, isRequired: false, transformFunction: null }, squared: { classPropertyName: "squared", publicName: "squared", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "variant() + \" size-\" + size()", "class.active": "activeEnabled()", "class.squared": "squared()" } }, ngImport: i0, template: ` <ng-content />`, isInline: true });
92
115
  }
93
116
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: Button, decorators: [{
94
117
  type: Component,
@@ -98,6 +121,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImpor
98
121
  host: {
99
122
  '[class]': 'variant() + " size-" + size()',
100
123
  '[class.active]': 'activeEnabled()',
124
+ '[class.squared]': 'squared()',
101
125
  },
102
126
  }]
103
127
  }] });
@@ -440,11 +464,6 @@ class OverlayDirective {
440
464
  * This input is required.
441
465
  */
442
466
  trigger = input.required();
443
- /**
444
- * Offset value for overlay positioning.
445
- * @default 0
446
- */
447
- offset = input(0);
448
467
  /**
449
468
  * Delay in milliseconds before closing the overlay.
450
469
  * @default 0
@@ -459,84 +478,72 @@ class OverlayDirective {
459
478
  originY: 'top',
460
479
  overlayX: 'start',
461
480
  overlayY: 'bottom',
462
- offsetY: -this.offset(),
463
481
  },
464
482
  'top-center': {
465
483
  originX: 'center',
466
484
  originY: 'top',
467
485
  overlayX: 'center',
468
486
  overlayY: 'bottom',
469
- offsetY: -this.offset(),
470
487
  },
471
488
  'top-right': {
472
489
  originX: 'end',
473
490
  originY: 'top',
474
491
  overlayX: 'end',
475
492
  overlayY: 'bottom',
476
- offsetY: -this.offset(),
477
493
  },
478
494
  'bottom-left': {
479
495
  originX: 'start',
480
496
  originY: 'bottom',
481
497
  overlayX: 'start',
482
498
  overlayY: 'top',
483
- offsetY: this.offset(),
484
499
  },
485
500
  'bottom-center': {
486
501
  originX: 'center',
487
502
  originY: 'bottom',
488
503
  overlayX: 'center',
489
504
  overlayY: 'top',
490
- offsetY: this.offset(),
491
505
  },
492
506
  'bottom-right': {
493
507
  originX: 'end',
494
508
  originY: 'bottom',
495
509
  overlayX: 'end',
496
510
  overlayY: 'top',
497
- offsetY: this.offset(),
498
511
  },
499
512
  'left-top': {
500
513
  originX: 'start',
501
514
  originY: 'top',
502
515
  overlayX: 'end',
503
516
  overlayY: 'top',
504
- offsetX: -this.offset(),
505
517
  },
506
518
  'left-center': {
507
519
  originX: 'start',
508
520
  originY: 'center',
509
521
  overlayX: 'end',
510
522
  overlayY: 'center',
511
- offsetX: -this.offset(),
512
523
  },
513
524
  'left-bottom': {
514
525
  originX: 'start',
515
526
  originY: 'bottom',
516
527
  overlayX: 'end',
517
528
  overlayY: 'bottom',
518
- offsetX: -this.offset(),
519
529
  },
520
530
  'right-top': {
521
531
  originX: 'end',
522
532
  originY: 'top',
523
533
  overlayX: 'start',
524
534
  overlayY: 'top',
525
- offsetX: this.offset(),
526
535
  },
527
536
  'right-center': {
528
537
  originX: 'end',
529
538
  originY: 'center',
530
539
  overlayX: 'start',
531
540
  overlayY: 'center',
532
- offsetX: this.offset(),
533
541
  },
534
542
  'right-bottom': {
535
543
  originX: 'end',
536
544
  originY: 'bottom',
537
545
  overlayX: 'start',
538
546
  overlayY: 'bottom',
539
- offsetX: this.offset(),
540
547
  },
541
548
  }));
542
549
  /**
@@ -570,6 +577,10 @@ class OverlayDirective {
570
577
  position.overlayY === pair.overlayY)?.[0]
571
578
  .split('-')[0];
572
579
  });
580
+ /**
581
+ * Flag to indicate if this is the first load of the overlay.
582
+ */
583
+ firstLoad = true;
573
584
  /**
574
585
  * Constructor to initialize the directive and set up reactive effects.
575
586
  */
@@ -598,22 +609,40 @@ class OverlayDirective {
598
609
  * Handles the opening and closing of the overlay based on the `open` input.
599
610
  */
600
611
  handleOpen() {
612
+ const overlayRef = this.cdkConnectedOverlay.overlayRef;
601
613
  if (this.open()) {
602
614
  this.cdkConnectedOverlay.attachOverlay();
615
+ const direction = this.direction();
616
+ if (direction) {
617
+ overlayRef.removePanelClass([
618
+ 'cdk-overlay-top',
619
+ 'cdk-overlay-bottom',
620
+ 'cdk-overlay-left',
621
+ 'cdk-overlay-right',
622
+ ]);
623
+ overlayRef.addPanelClass(`cdk-overlay-${direction}`);
624
+ }
603
625
  }
604
626
  else {
627
+ if (!this.firstLoad) {
628
+ overlayRef.addPanelClass('cdk-overlay-leave');
629
+ }
605
630
  setTimeout(() => {
606
- this.cdkConnectedOverlay.detachOverlay();
607
631
  if (!this.firstLoad) {
632
+ this.cdkConnectedOverlay.detachOverlay();
633
+ const direction = this.direction();
634
+ overlayRef.removePanelClass([
635
+ direction ? `cdk-overlay-${direction}` : '',
636
+ 'cdk-overlay-leave',
637
+ ].filter(Boolean));
608
638
  this.trigger().el.nativeElement.focus();
609
639
  }
610
640
  this.firstLoad = false;
611
641
  }, this.closeDelay());
612
642
  }
613
643
  }
614
- firstLoad = true;
615
644
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: OverlayDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
616
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.7", type: OverlayDirective, isStandalone: true, selector: "[bOverlay]", inputs: { open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null }, trigger: { classPropertyName: "trigger", publicName: "trigger", isSignal: true, isRequired: true, transformFunction: null }, offset: { classPropertyName: "offset", publicName: "offset", isSignal: true, isRequired: false, transformFunction: null }, closeDelay: { classPropertyName: "closeDelay", publicName: "closeDelay", isSignal: true, isRequired: false, transformFunction: null }, positions: { classPropertyName: "positions", publicName: "positions", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "positionChange": "connectedPositionPair.set($event.connectionPair)" } }, hostDirectives: [{ directive: i1$1.CdkConnectedOverlay, inputs: ["cdkConnectedOverlayWidth", "width", "cdkConnectedOverlayMinWidth", "minWidth", "cdkConnectedOverlayHasBackdrop", "hasBackdrop", "cdkConnectedOverlayBackdropClass", "customBackdropClass"], outputs: ["backdropClick", "backdropClick", "detach", "detach", "attach", "attach", "overlayOutsideClick", "outsideClick", "positionChange", "positionChange"] }], ngImport: i0 });
645
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.7", type: OverlayDirective, isStandalone: true, selector: "[bOverlay]", inputs: { open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null }, trigger: { classPropertyName: "trigger", publicName: "trigger", isSignal: true, isRequired: true, transformFunction: null }, closeDelay: { classPropertyName: "closeDelay", publicName: "closeDelay", isSignal: true, isRequired: false, transformFunction: null }, positions: { classPropertyName: "positions", publicName: "positions", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "positionChange": "connectedPositionPair.set($event.connectionPair)" } }, hostDirectives: [{ directive: i1$1.CdkConnectedOverlay, inputs: ["cdkConnectedOverlayWidth", "width", "cdkConnectedOverlayMinWidth", "minWidth", "cdkConnectedOverlayHasBackdrop", "hasBackdrop", "cdkConnectedOverlayBackdropClass", "customBackdropClass"], outputs: ["backdropClick", "backdropClick", "detach", "detach", "attach", "attach", "overlayOutsideClick", "outsideClick", "positionChange", "positionChange"] }], ngImport: i0 });
617
646
  }
618
647
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: OverlayDirective, decorators: [{
619
648
  type: Directive,
@@ -653,10 +682,6 @@ class SelectComponent {
653
682
  * Defaults to 'Select an option'.
654
683
  */
655
684
  placeholder = input('Select an option');
656
- /**
657
- * Input for the offset value between the button and the dropdown.
658
- */
659
- offset = input(5);
660
685
  /**
661
686
  * Signal indicating whether the dropdown is currently open.
662
687
  */
@@ -796,7 +821,7 @@ class SelectComponent {
796
821
  this.disabled.set(isDisabled);
797
822
  }
798
823
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
799
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.7", type: SelectComponent, isStandalone: true, selector: "b-select", inputs: { placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, offset: { classPropertyName: "offset", publicName: "offset", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { disabled: "disabledChange" }, host: { listeners: { "window:resize": "setButtonWidth()" }, properties: { "class.disabled": "disabled()" } }, providers: [
824
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.7", type: SelectComponent, isStandalone: true, selector: "b-select", inputs: { placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { disabled: "disabledChange" }, host: { listeners: { "window:resize": "setButtonWidth()" }, properties: { "class.disabled": "disabled()" } }, providers: [
800
825
  {
801
826
  provide: NG_VALUE_ACCESSOR,
802
827
  useExisting: forwardRef(() => SelectComponent),
@@ -821,12 +846,11 @@ class SelectComponent {
821
846
  [minWidth]="buttonWidth()"
822
847
  [positions]="['bottom-left', 'bottom-right', 'top-left', 'top-right']"
823
848
  [closeDelay]="closeDelay()"
824
- [offset]="offset()"
825
849
  (attach)="onOverlayAttached()"
826
850
  (outsideClick)="isOpen.set(false)"
827
851
  (detach)="isOpen.set(false)">
828
852
  <ng-content />
829
- </ng-template>`, isInline: true, dependencies: [{ kind: "component", type: Button, selector: "button[b-button]", inputs: ["variant", "size", "activeEnabled"] }, { kind: "component", type: Icon, selector: "i[b-icon]", inputs: ["icon", "size", "strokeWidth", "color"] }, { kind: "directive", type: OverlayTriggerDirective, selector: "[bOverlayTrigger]", exportAs: ["bOverlayTrigger"] }, { kind: "directive", type: OverlayDirective, selector: "[bOverlay]", inputs: ["open", "trigger", "offset", "closeDelay", "positions"] }] });
853
+ </ng-template>`, isInline: true, dependencies: [{ kind: "component", type: Button, selector: "button[b-button]", inputs: ["variant", "size", "activeEnabled", "squared"] }, { kind: "component", type: Icon, selector: "i[b-icon]", inputs: ["icon", "size", "strokeWidth", "color"] }, { kind: "directive", type: OverlayTriggerDirective, selector: "[bOverlayTrigger]", exportAs: ["bOverlayTrigger"] }, { kind: "directive", type: OverlayDirective, selector: "[bOverlay]", inputs: ["open", "trigger", "closeDelay", "positions"] }] });
830
854
  }
831
855
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SelectComponent, decorators: [{
832
856
  type: Component,
@@ -852,7 +876,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImpor
852
876
  [minWidth]="buttonWidth()"
853
877
  [positions]="['bottom-left', 'bottom-right', 'top-left', 'top-right']"
854
878
  [closeDelay]="closeDelay()"
855
- [offset]="offset()"
856
879
  (attach)="onOverlayAttached()"
857
880
  (outsideClick)="isOpen.set(false)"
858
881
  (detach)="isOpen.set(false)">
@@ -2808,10 +2831,6 @@ class ComboboxComponent {
2808
2831
  * Defaults to 'Select an option'.
2809
2832
  */
2810
2833
  placeholder = input('Select an option');
2811
- /**
2812
- * Input for the offset value between the button and the dropdown.
2813
- */
2814
- offset = input(5);
2815
2834
  /**
2816
2835
  * Signal indicating whether the dropdown is currently open.
2817
2836
  */
@@ -2951,7 +2970,7 @@ class ComboboxComponent {
2951
2970
  this.disabled.set(isDisabled);
2952
2971
  }
2953
2972
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: ComboboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
2954
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.7", type: ComboboxComponent, isStandalone: true, selector: "b-combobox", inputs: { placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, offset: { classPropertyName: "offset", publicName: "offset", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { disabled: "disabledChange" }, host: { listeners: { "window:resize": "setButtonWidth()" }, properties: { "class.disabled": "disabled()" } }, providers: [
2973
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.7", type: ComboboxComponent, isStandalone: true, selector: "b-combobox", inputs: { placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { disabled: "disabledChange" }, host: { listeners: { "window:resize": "setButtonWidth()" }, properties: { "class.disabled": "disabled()" } }, providers: [
2955
2974
  {
2956
2975
  provide: NG_VALUE_ACCESSOR,
2957
2976
  useExisting: forwardRef(() => ComboboxComponent),
@@ -2976,12 +2995,11 @@ class ComboboxComponent {
2976
2995
  [minWidth]="buttonWidth()"
2977
2996
  [positions]="['bottom-left', 'bottom-right', 'top-left', 'top-right']"
2978
2997
  [closeDelay]="closeDelay()"
2979
- [offset]="offset()"
2980
2998
  (attach)="onOverlayAttached()"
2981
2999
  (outsideClick)="isOpen.set(false)"
2982
3000
  (detach)="isOpen.set(false)">
2983
3001
  <ng-content />
2984
- </ng-template>`, isInline: true, dependencies: [{ kind: "component", type: Button, selector: "button[b-button]", inputs: ["variant", "size", "activeEnabled"] }, { kind: "component", type: Icon, selector: "i[b-icon]", inputs: ["icon", "size", "strokeWidth", "color"] }, { kind: "directive", type: OverlayTriggerDirective, selector: "[bOverlayTrigger]", exportAs: ["bOverlayTrigger"] }, { kind: "directive", type: OverlayDirective, selector: "[bOverlay]", inputs: ["open", "trigger", "offset", "closeDelay", "positions"] }] });
3002
+ </ng-template>`, isInline: true, dependencies: [{ kind: "component", type: Button, selector: "button[b-button]", inputs: ["variant", "size", "activeEnabled", "squared"] }, { kind: "component", type: Icon, selector: "i[b-icon]", inputs: ["icon", "size", "strokeWidth", "color"] }, { kind: "directive", type: OverlayTriggerDirective, selector: "[bOverlayTrigger]", exportAs: ["bOverlayTrigger"] }, { kind: "directive", type: OverlayDirective, selector: "[bOverlay]", inputs: ["open", "trigger", "closeDelay", "positions"] }] });
2985
3003
  }
2986
3004
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: ComboboxComponent, decorators: [{
2987
3005
  type: Component,
@@ -3007,7 +3025,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImpor
3007
3025
  [minWidth]="buttonWidth()"
3008
3026
  [positions]="['bottom-left', 'bottom-right', 'top-left', 'top-right']"
3009
3027
  [closeDelay]="closeDelay()"
3010
- [offset]="offset()"
3011
3028
  (attach)="onOverlayAttached()"
3012
3029
  (outsideClick)="isOpen.set(false)"
3013
3030
  (detach)="isOpen.set(false)">