@feature23/ngx-mat-split-button 0.1.2 → 0.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/README.md +4 -1
  2. package/fesm2022/feature23-ngx-mat-split-button.mjs +55 -28
  3. package/fesm2022/feature23-ngx-mat-split-button.mjs.map +1 -1
  4. package/lib/ngx-mat-split-button.component.d.ts +4 -1
  5. package/package.json +7 -9
  6. package/esm2022/feature23-ngx-mat-split-button.mjs +0 -5
  7. package/esm2022/lib/ngx-mat-split-button.component.mjs +0 -126
  8. package/esm2022/lib/ngx-mat-split-button.service.mjs +0 -26
  9. package/esm2022/lib/ngx-mat-split-primary-action.directive.mjs +0 -18
  10. package/esm2022/public-api.mjs +0 -6
package/README.md CHANGED
@@ -35,8 +35,10 @@ The `ngx-mat-split-button` component has the following inputs to customize its a
35
35
 
36
36
  | Input | Type | Description |
37
37
  | --- | --- | --- |
38
- | `color` | `'primary' \| 'accent' \| 'warn' \| undefined` | (Optional; default `undefined`) The color of the primary action button. (Material 2 themes only.) |
38
+ | `color` | `string \| undefined` | (Optional; default `undefined`) The color of the button. For Material 2 themes: `'primary'`, `'accent'`, or `'warn'`. For Material 3 themes: `'primary'`, `'secondary'`, or `'tertiary'`. |
39
39
  | `buttonStyle` | `'raised' \| 'stroked' \| 'flat' \| 'basic'` | (Optional; default `'basic'`) The style of the primary action button. These map to the equivalent [Angular Material Button directives](https://material.angular.io/components/button/overview), with `raised` being slightly different in the DOM than the others due to needing a unified shadow. (`raised` style uses `mat-flat-button` internally with a `box-shadow`.) |
40
+ | `primaryDisabled` | `boolean` | (Optional; default `false`) Whether the primary action button should be disabled. |
41
+ | `menuTriggerDisabled` | `boolean` | (Optional; default `false`) Whether the dropdown menu trigger button should be disabled. |
40
42
 
41
43
  ## Events
42
44
 
@@ -45,5 +47,6 @@ The following output events are available to support interactivity:
45
47
  | Output | Event/Argument Type | Description |
46
48
  | --- | --- | --- |
47
49
  | `primaryClick` | `MouseEvent` | Emitted when the primary action button is clicked. |
50
+ | `menuTriggerClick` | `MouseEvent` | Emitted when the dropdown menu trigger button is clicked. |
48
51
 
49
52
  To handle clicks on the secondary action buttons, you can simply add `(click)="handler()"` to the buttons you provide inside the `ngx-mat-split-button` component.
package/fesm2022/feature23-ngx-mat-split-button.mjs CHANGED
@@ -20,10 +20,10 @@ class NgxMatSplitButtonService {
20
20
  initialize() {
21
21
  // noop, ensure service is injected and constructor run
22
22
  }
23
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: NgxMatSplitButtonService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
24
- static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: NgxMatSplitButtonService, providedIn: 'root' });
23
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: NgxMatSplitButtonService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
24
+ static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: NgxMatSplitButtonService, providedIn: 'root' });
25
25
  }
26
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: NgxMatSplitButtonService, decorators: [{
26
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: NgxMatSplitButtonService, decorators: [{
27
27
  type: Injectable,
28
28
  args: [{
29
29
  providedIn: 'root'
@@ -35,10 +35,10 @@ class NgxMatSplitPrimaryAction {
35
35
  constructor(templateRef) {
36
36
  this.templateRef = templateRef;
37
37
  }
38
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: NgxMatSplitPrimaryAction, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
39
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.12", type: NgxMatSplitPrimaryAction, isStandalone: true, selector: "[ngx-mat-split-primary-action]", ngImport: i0 });
38
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: NgxMatSplitPrimaryAction, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
39
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.20", type: NgxMatSplitPrimaryAction, isStandalone: true, selector: "[ngx-mat-split-primary-action]", ngImport: i0 });
40
40
  }
41
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: NgxMatSplitPrimaryAction, decorators: [{
41
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: NgxMatSplitPrimaryAction, decorators: [{
42
42
  type: Directive,
43
43
  args: [{
44
44
  selector: '[ngx-mat-split-primary-action]',
@@ -49,65 +49,80 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImpo
49
49
  class NgxMatSplitButton {
50
50
  color = input();
51
51
  buttonStyle = input('basic');
52
+ primaryDisabled = input();
53
+ menuTriggerDisabled = input();
52
54
  primaryClick = output();
55
+ menuTriggerClick = output();
53
56
  primaryAction = contentChild.required(NgxMatSplitPrimaryAction);
54
57
  constructor() {
55
58
  const service = inject(NgxMatSplitButtonService);
56
59
  service.initialize();
57
60
  }
58
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: NgxMatSplitButton, deps: [], target: i0.ɵɵFactoryTarget.Component });
59
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.12", type: NgxMatSplitButton, isStandalone: true, selector: "ngx-mat-split-button", inputs: { color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, buttonStyle: { classPropertyName: "buttonStyle", publicName: "buttonStyle", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { primaryClick: "primaryClick" }, queries: [{ propertyName: "primaryAction", first: true, predicate: NgxMatSplitPrimaryAction, descendants: true, isSignal: true }], ngImport: i0, template: `
61
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: NgxMatSplitButton, deps: [], target: i0.ɵɵFactoryTarget.Component });
62
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: NgxMatSplitButton, isStandalone: true, selector: "ngx-mat-split-button", inputs: { color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, buttonStyle: { classPropertyName: "buttonStyle", publicName: "buttonStyle", isSignal: true, isRequired: false, transformFunction: null }, primaryDisabled: { classPropertyName: "primaryDisabled", publicName: "primaryDisabled", isSignal: true, isRequired: false, transformFunction: null }, menuTriggerDisabled: { classPropertyName: "menuTriggerDisabled", publicName: "menuTriggerDisabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { primaryClick: "primaryClick", menuTriggerClick: "menuTriggerClick" }, queries: [{ propertyName: "primaryAction", first: true, predicate: NgxMatSplitPrimaryAction, descendants: true, isSignal: true }], ngImport: i0, template: `
60
63
  @if (buttonStyle() === 'basic') {
61
64
  <button mat-button [color]="color()" (click)="primaryClick.emit($event)"
62
- class="ngx-mat-split-button-primary ngx-mat-split-button-basic">
65
+ class="ngx-mat-split-button-primary ngx-mat-split-button-basic"
66
+ [disabled]="primaryDisabled()">
63
67
  <ng-container [ngTemplateOutlet]="primaryAction().templateRef" />
64
68
  </button>
65
69
  <button mat-button [color]="color()" [matMenuTriggerFor]="menu"
66
70
  class="ngx-mat-split-button-trigger"
67
- aria-label="Toggle dropdown">
71
+ aria-label="Toggle menu"
72
+ [disabled]="menuTriggerDisabled()"
73
+ (click)="menuTriggerClick.emit($event)">
68
74
  <mat-icon svgIcon="ngx-mat-split-arrow-down-icon" aria-label="Down arrow icon" />
69
75
  </button>
70
76
  } @else if (buttonStyle() === 'raised') {
71
77
  <div class="ngx-mat-split-button-raised-wrapper">
72
78
  <button mat-flat-button [color]="color()" (click)="primaryClick.emit($event)"
73
- class="ngx-mat-split-button-primary ngx-mat-split-button-raised">
79
+ class="ngx-mat-split-button-primary ngx-mat-split-button-raised"
80
+ [disabled]="primaryDisabled()">
74
81
  <ng-container [ngTemplateOutlet]="primaryAction().templateRef" />
75
82
  </button>
76
83
  <button mat-flat-button [color]="color()" [matMenuTriggerFor]="menu"
77
84
  class="ngx-mat-split-button-trigger"
78
- aria-label="Toggle dropdown">
85
+ aria-label="Toggle menu"
86
+ [disabled]="menuTriggerDisabled()"
87
+ (click)="menuTriggerClick.emit($event)">
79
88
  <mat-icon svgIcon="ngx-mat-split-arrow-down-icon" aria-label="Down arrow icon" />
80
89
  </button>
81
90
  </div>
82
91
  } @else if (buttonStyle() === 'stroked') {
83
92
  <button mat-stroked-button [color]="color()" (click)="primaryClick.emit($event)"
84
- class="ngx-mat-split-button-primary ngx-mat-split-button-stroked">
93
+ class="ngx-mat-split-button-primary ngx-mat-split-button-stroked"
94
+ [disabled]="primaryDisabled()">
85
95
  <ng-container [ngTemplateOutlet]="primaryAction().templateRef" />
86
96
  </button>
87
97
  <button mat-stroked-button [color]="color()" [matMenuTriggerFor]="menu"
88
98
  class="ngx-mat-split-button-trigger"
89
- aria-label="Toggle dropdown">
99
+ aria-label="Toggle menu"
100
+ [disabled]="menuTriggerDisabled()"
101
+ (click)="menuTriggerClick.emit($event)">
90
102
  <mat-icon svgIcon="ngx-mat-split-arrow-down-icon" aria-label="Down arrow icon" />
91
103
  </button>
92
104
  } @else if (buttonStyle() === 'flat') {
93
105
  <button mat-flat-button [color]="color()" (click)="primaryClick.emit($event)"
94
- class="ngx-mat-split-button-primary ngx-mat-split-button-flat">
106
+ class="ngx-mat-split-button-primary ngx-mat-split-button-flat"
107
+ [disabled]="primaryDisabled()">
95
108
  <ng-container [ngTemplateOutlet]="primaryAction().templateRef" />
96
109
  </button>
97
110
  <button mat-flat-button [color]="color()" [matMenuTriggerFor]="menu"
98
111
  class="ngx-mat-split-button-trigger"
99
- aria-label="Toggle dropdown">
112
+ aria-label="Toggle menu"
113
+ [disabled]="menuTriggerDisabled()"
114
+ (click)="menuTriggerClick.emit($event)">
100
115
  <mat-icon svgIcon="ngx-mat-split-arrow-down-icon" aria-label="Down arrow icon" />
101
116
  </button>
102
117
  }
103
118
  <mat-menu #menu="matMenu" xPosition="before">
104
119
  <ng-content />
105
120
  </mat-menu>
106
- `, isInline: true, styles: [".ngx-mat-split-button-primary{border-top-right-radius:0;border-bottom-right-radius:0}.ngx-mat-split-button-trigger{border-top-left-radius:0;border-bottom-left-radius:0;border-left-width:0;min-width:3rem}.ngx-mat-split-button-trigger mat-icon{--mat-text-button-icon-spacing: 0;--mat-filled-button-icon-spacing: 0;--mat-protected-button-icon-spacing: 0;--mat-outlined-button-icon-spacing: 0}.ngx-mat-split-button-raised-wrapper{display:inline-block;border-radius:var(--mdc-filled-button-container-shape, var(--mat-app-corner-full));box-shadow:var(--mdc-protected-button-container-elevation-shadow, var(--mat-app-level1))}.ngx-mat-split-button-flat mat-icon svg{fill:var(--mdc-filled-button-label-text-color, var(--mat-app-on-primary))}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i2.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "directive", type: i2.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }] });
121
+ `, isInline: true, styles: [":host{display:inline-flex;&:not(:disabled){&.mat-primary{color:var(--mat-sys-primary)}&.mat-secondary{color:var(--mat-sys-secondary)}&.mat-tertiary{color:var(--mat-sys-tertiary)}}}.ngx-mat-split-button-primary{border-top-right-radius:0;border-bottom-right-radius:0}.ngx-mat-split-button-trigger{border-top-left-radius:0;border-bottom-left-radius:0;border-left-width:0;min-width:3rem;mat-icon{--mat-text-button-icon-spacing: 0;--mat-filled-button-icon-spacing: 0;--mat-protected-button-icon-spacing: 0;--mat-outlined-button-icon-spacing: 0}}.ngx-mat-split-button-raised-wrapper{display:inline-flex;border-radius:var(--mat-sys-corner-full, var(--mdc-filled-button-container-shape, var(--mat-app-corner-full)));box-shadow:var(--mat-sys-level1, var(--mdc-protected-button-container-elevation-shadow, var(--mat-app-level1)));transition:box-shadow .28s cubic-bezier(.4,0,.2,1);&:hover{box-shadow:var(--mat-sys-level2, var(--mdc-protected-button-container-elevation-shadow, var(--mat-app-level2)))}}.ngx-mat-split-button-flat{mat-icon svg{fill:var(--mdc-filled-button-label-text-color, var(--mat-app-on-primary))}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i2.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "directive", type: i2.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }] });
107
122
  }
108
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: NgxMatSplitButton, decorators: [{
123
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: NgxMatSplitButton, decorators: [{
109
124
  type: Component,
110
- args: [{ selector: 'ngx-mat-split-button', standalone: true, imports: [
125
+ args: [{ selector: 'ngx-mat-split-button', imports: [
111
126
  CommonModule,
112
127
  MatButton,
113
128
  MatIcon,
@@ -115,51 +130,63 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImpo
115
130
  ], template: `
116
131
  @if (buttonStyle() === 'basic') {
117
132
  <button mat-button [color]="color()" (click)="primaryClick.emit($event)"
118
- class="ngx-mat-split-button-primary ngx-mat-split-button-basic">
133
+ class="ngx-mat-split-button-primary ngx-mat-split-button-basic"
134
+ [disabled]="primaryDisabled()">
119
135
  <ng-container [ngTemplateOutlet]="primaryAction().templateRef" />
120
136
  </button>
121
137
  <button mat-button [color]="color()" [matMenuTriggerFor]="menu"
122
138
  class="ngx-mat-split-button-trigger"
123
- aria-label="Toggle dropdown">
139
+ aria-label="Toggle menu"
140
+ [disabled]="menuTriggerDisabled()"
141
+ (click)="menuTriggerClick.emit($event)">
124
142
  <mat-icon svgIcon="ngx-mat-split-arrow-down-icon" aria-label="Down arrow icon" />
125
143
  </button>
126
144
  } @else if (buttonStyle() === 'raised') {
127
145
  <div class="ngx-mat-split-button-raised-wrapper">
128
146
  <button mat-flat-button [color]="color()" (click)="primaryClick.emit($event)"
129
- class="ngx-mat-split-button-primary ngx-mat-split-button-raised">
147
+ class="ngx-mat-split-button-primary ngx-mat-split-button-raised"
148
+ [disabled]="primaryDisabled()">
130
149
  <ng-container [ngTemplateOutlet]="primaryAction().templateRef" />
131
150
  </button>
132
151
  <button mat-flat-button [color]="color()" [matMenuTriggerFor]="menu"
133
152
  class="ngx-mat-split-button-trigger"
134
- aria-label="Toggle dropdown">
153
+ aria-label="Toggle menu"
154
+ [disabled]="menuTriggerDisabled()"
155
+ (click)="menuTriggerClick.emit($event)">
135
156
  <mat-icon svgIcon="ngx-mat-split-arrow-down-icon" aria-label="Down arrow icon" />
136
157
  </button>
137
158
  </div>
138
159
  } @else if (buttonStyle() === 'stroked') {
139
160
  <button mat-stroked-button [color]="color()" (click)="primaryClick.emit($event)"
140
- class="ngx-mat-split-button-primary ngx-mat-split-button-stroked">
161
+ class="ngx-mat-split-button-primary ngx-mat-split-button-stroked"
162
+ [disabled]="primaryDisabled()">
141
163
  <ng-container [ngTemplateOutlet]="primaryAction().templateRef" />
142
164
  </button>
143
165
  <button mat-stroked-button [color]="color()" [matMenuTriggerFor]="menu"
144
166
  class="ngx-mat-split-button-trigger"
145
- aria-label="Toggle dropdown">
167
+ aria-label="Toggle menu"
168
+ [disabled]="menuTriggerDisabled()"
169
+ (click)="menuTriggerClick.emit($event)">
146
170
  <mat-icon svgIcon="ngx-mat-split-arrow-down-icon" aria-label="Down arrow icon" />
147
171
  </button>
148
172
  } @else if (buttonStyle() === 'flat') {
149
173
  <button mat-flat-button [color]="color()" (click)="primaryClick.emit($event)"
150
- class="ngx-mat-split-button-primary ngx-mat-split-button-flat">
174
+ class="ngx-mat-split-button-primary ngx-mat-split-button-flat"
175
+ [disabled]="primaryDisabled()">
151
176
  <ng-container [ngTemplateOutlet]="primaryAction().templateRef" />
152
177
  </button>
153
178
  <button mat-flat-button [color]="color()" [matMenuTriggerFor]="menu"
154
179
  class="ngx-mat-split-button-trigger"
155
- aria-label="Toggle dropdown">
180
+ aria-label="Toggle menu"
181
+ [disabled]="menuTriggerDisabled()"
182
+ (click)="menuTriggerClick.emit($event)">
156
183
  <mat-icon svgIcon="ngx-mat-split-arrow-down-icon" aria-label="Down arrow icon" />
157
184
  </button>
158
185
  }
159
186
  <mat-menu #menu="matMenu" xPosition="before">
160
187
  <ng-content />
161
188
  </mat-menu>
162
- `, styles: [".ngx-mat-split-button-primary{border-top-right-radius:0;border-bottom-right-radius:0}.ngx-mat-split-button-trigger{border-top-left-radius:0;border-bottom-left-radius:0;border-left-width:0;min-width:3rem}.ngx-mat-split-button-trigger mat-icon{--mat-text-button-icon-spacing: 0;--mat-filled-button-icon-spacing: 0;--mat-protected-button-icon-spacing: 0;--mat-outlined-button-icon-spacing: 0}.ngx-mat-split-button-raised-wrapper{display:inline-block;border-radius:var(--mdc-filled-button-container-shape, var(--mat-app-corner-full));box-shadow:var(--mdc-protected-button-container-elevation-shadow, var(--mat-app-level1))}.ngx-mat-split-button-flat mat-icon svg{fill:var(--mdc-filled-button-label-text-color, var(--mat-app-on-primary))}\n"] }]
189
+ `, styles: [":host{display:inline-flex;&:not(:disabled){&.mat-primary{color:var(--mat-sys-primary)}&.mat-secondary{color:var(--mat-sys-secondary)}&.mat-tertiary{color:var(--mat-sys-tertiary)}}}.ngx-mat-split-button-primary{border-top-right-radius:0;border-bottom-right-radius:0}.ngx-mat-split-button-trigger{border-top-left-radius:0;border-bottom-left-radius:0;border-left-width:0;min-width:3rem;mat-icon{--mat-text-button-icon-spacing: 0;--mat-filled-button-icon-spacing: 0;--mat-protected-button-icon-spacing: 0;--mat-outlined-button-icon-spacing: 0}}.ngx-mat-split-button-raised-wrapper{display:inline-flex;border-radius:var(--mat-sys-corner-full, var(--mdc-filled-button-container-shape, var(--mat-app-corner-full)));box-shadow:var(--mat-sys-level1, var(--mdc-protected-button-container-elevation-shadow, var(--mat-app-level1)));transition:box-shadow .28s cubic-bezier(.4,0,.2,1);&:hover{box-shadow:var(--mat-sys-level2, var(--mdc-protected-button-container-elevation-shadow, var(--mat-app-level2)))}}.ngx-mat-split-button-flat{mat-icon svg{fill:var(--mdc-filled-button-label-text-color, var(--mat-app-on-primary))}}\n"] }]
163
190
  }], ctorParameters: () => [] });
164
191
 
165
192
  /*
package/fesm2022/feature23-ngx-mat-split-button.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"feature23-ngx-mat-split-button.mjs","sources":["../../../projects/ngx-mat-split-button/src/lib/ngx-mat-split-button.service.ts","../../../projects/ngx-mat-split-button/src/lib/ngx-mat-split-primary-action.directive.ts","../../../projects/ngx-mat-split-button/src/lib/ngx-mat-split-button.component.ts","../../../projects/ngx-mat-split-button/src/public-api.ts","../../../projects/ngx-mat-split-button/src/feature23-ngx-mat-split-button.ts"],"sourcesContent":["import { inject, Injectable } from '@angular/core';\nimport { MatIconRegistry } from '@angular/material/icon';\nimport { DomSanitizer } from '@angular/platform-browser';\n\nconst ARROW_DOWN_ICON = `\n<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\"><path d=\"M0 0h24v24H0z\" fill=\"none\"/><path d=\"M7 10l5 5 5-5z\"/></svg>\n`;\n\n@Injectable({\n providedIn: 'root'\n})\nexport class NgxMatSplitButtonService {\n\n constructor() {\n const iconRegistry = inject(MatIconRegistry);\n const sanitizer = inject(DomSanitizer);\n iconRegistry.addSvgIconLiteral('ngx-mat-split-arrow-down-icon', sanitizer.bypassSecurityTrustHtml(ARROW_DOWN_ICON));\n }\n\n initialize() {\n // noop, ensure service is injected and constructor run\n }\n}\n","import { Directive, TemplateRef } from '@angular/core';\n\n@Directive({\n selector: '[ngx-mat-split-primary-action]',\n standalone: true,\n})\nexport class NgxMatSplitPrimaryAction {\n constructor(public templateRef: TemplateRef<unknown>) {\n }\n }\n","import { CommonModule } from '@angular/common';\nimport { Component, contentChild, inject, input, output } from '@angular/core';\nimport { MatButton } from '@angular/material/button';\nimport { MatIcon } from '@angular/material/icon';\nimport { MatMenuModule } from '@angular/material/menu';\nimport { NgxMatSplitButtonService } from './ngx-mat-split-button.service';\nimport { NgxMatSplitPrimaryAction } from './ngx-mat-split-primary-action.directive';\n\n@Component({\n selector: 'ngx-mat-split-button',\n standalone: true,\n imports: [\n CommonModule,\n MatButton,\n MatIcon,\n MatMenuModule,\n ],\n // NOTE: the repetitive code here is required because it doesn't appear that you can conditionally add directives like `mat-button` vs `mat-flat-button`.\n template: `\n @if (buttonStyle() === 'basic') {\n <button mat-button [color]=\"color()\" (click)=\"primaryClick.emit($event)\"\n class=\"ngx-mat-split-button-primary ngx-mat-split-button-basic\">\n <ng-container [ngTemplateOutlet]=\"primaryAction().templateRef\" />\n </button>\n <button mat-button [color]=\"color()\" [matMenuTriggerFor]=\"menu\"\n class=\"ngx-mat-split-button-trigger\"\n aria-label=\"Toggle dropdown\">\n <mat-icon svgIcon=\"ngx-mat-split-arrow-down-icon\" aria-label=\"Down arrow icon\" />\n </button>\n } @else if (buttonStyle() === 'raised') {\n <div class=\"ngx-mat-split-button-raised-wrapper\">\n <button mat-flat-button [color]=\"color()\" (click)=\"primaryClick.emit($event)\"\n class=\"ngx-mat-split-button-primary ngx-mat-split-button-raised\">\n <ng-container [ngTemplateOutlet]=\"primaryAction().templateRef\" />\n </button>\n <button mat-flat-button [color]=\"color()\" [matMenuTriggerFor]=\"menu\"\n class=\"ngx-mat-split-button-trigger\"\n aria-label=\"Toggle dropdown\">\n <mat-icon svgIcon=\"ngx-mat-split-arrow-down-icon\" aria-label=\"Down arrow icon\" />\n </button>\n </div>\n } @else if (buttonStyle() === 'stroked') {\n <button mat-stroked-button [color]=\"color()\" (click)=\"primaryClick.emit($event)\"\n class=\"ngx-mat-split-button-primary ngx-mat-split-button-stroked\">\n <ng-container [ngTemplateOutlet]=\"primaryAction().templateRef\" />\n </button>\n <button mat-stroked-button [color]=\"color()\" [matMenuTriggerFor]=\"menu\"\n class=\"ngx-mat-split-button-trigger\"\n aria-label=\"Toggle dropdown\">\n <mat-icon svgIcon=\"ngx-mat-split-arrow-down-icon\" aria-label=\"Down arrow icon\" />\n </button>\n } @else if (buttonStyle() === 'flat') {\n <button mat-flat-button [color]=\"color()\" (click)=\"primaryClick.emit($event)\"\n class=\"ngx-mat-split-button-primary ngx-mat-split-button-flat\">\n <ng-container [ngTemplateOutlet]=\"primaryAction().templateRef\" />\n </button>\n <button mat-flat-button [color]=\"color()\" [matMenuTriggerFor]=\"menu\"\n class=\"ngx-mat-split-button-trigger\"\n aria-label=\"Toggle dropdown\">\n <mat-icon svgIcon=\"ngx-mat-split-arrow-down-icon\" aria-label=\"Down arrow icon\" />\n </button>\n }\n <mat-menu #menu=\"matMenu\" xPosition=\"before\">\n <ng-content />\n </mat-menu>\n `,\n styles: `\n .ngx-mat-split-button-primary {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n }\n .ngx-mat-split-button-trigger {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n border-left-width: 0;\n min-width: 3rem;\n\n mat-icon {\n --mat-text-button-icon-spacing: 0;\n --mat-filled-button-icon-spacing: 0;\n --mat-protected-button-icon-spacing: 0;\n --mat-outlined-button-icon-spacing: 0;\n }\n }\n .ngx-mat-split-button-raised-wrapper {\n display: inline-block;\n border-radius: var(--mdc-filled-button-container-shape, var(--mat-app-corner-full));\n box-shadow: var(--mdc-protected-button-container-elevation-shadow, var(--mat-app-level1));\n }\n .ngx-mat-split-button-flat {\n mat-icon svg {\n fill: var(--mdc-filled-button-label-text-color, var(--mat-app-on-primary));\n }\n }\n `\n})\nexport class NgxMatSplitButton {\n readonly color = input<string>();\n readonly buttonStyle = input<'basic' | 'raised' | 'stroked' | 'flat'>('basic');\n\n readonly primaryClick = output<MouseEvent>();\n\n readonly primaryAction = contentChild.required(NgxMatSplitPrimaryAction);\n\n constructor() {\n const service = inject(NgxMatSplitButtonService);\n service.initialize();\n }\n}\n","/*\n * Public API Surface of ngx-mat-split-button\n */\n\nexport * from './lib/ngx-mat-split-button.component';\nexport * from './lib/ngx-mat-split-primary-action.directive';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"feature23-ngx-mat-split-button.mjs","sources":["../../../projects/ngx-mat-split-button/src/lib/ngx-mat-split-button.service.ts","../../../projects/ngx-mat-split-button/src/lib/ngx-mat-split-primary-action.directive.ts","../../../projects/ngx-mat-split-button/src/lib/ngx-mat-split-button.component.ts","../../../projects/ngx-mat-split-button/src/public-api.ts","../../../projects/ngx-mat-split-button/src/feature23-ngx-mat-split-button.ts"],"sourcesContent":["import { inject, Injectable } from '@angular/core';\nimport { MatIconRegistry } from '@angular/material/icon';\nimport { DomSanitizer } from '@angular/platform-browser';\n\nconst ARROW_DOWN_ICON = `\n<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\"><path d=\"M0 0h24v24H0z\" fill=\"none\"/><path d=\"M7 10l5 5 5-5z\"/></svg>\n`;\n\n@Injectable({\n providedIn: 'root'\n})\nexport class NgxMatSplitButtonService {\n\n constructor() {\n const iconRegistry = inject(MatIconRegistry);\n const sanitizer = inject(DomSanitizer);\n iconRegistry.addSvgIconLiteral('ngx-mat-split-arrow-down-icon', sanitizer.bypassSecurityTrustHtml(ARROW_DOWN_ICON));\n }\n\n initialize() {\n // noop, ensure service is injected and constructor run\n }\n}\n","import { Directive, TemplateRef } from '@angular/core';\n\n@Directive({\n selector: '[ngx-mat-split-primary-action]',\n standalone: true,\n})\nexport class NgxMatSplitPrimaryAction {\n constructor(public templateRef: TemplateRef<unknown>) {\n }\n }\n","import { CommonModule } from '@angular/common';\nimport { Component, contentChild, inject, input, output } from '@angular/core';\nimport { MatButton } from '@angular/material/button';\nimport { MatIcon } from '@angular/material/icon';\nimport { MatMenuModule } from '@angular/material/menu';\nimport { NgxMatSplitButtonService } from './ngx-mat-split-button.service';\nimport { NgxMatSplitPrimaryAction } from './ngx-mat-split-primary-action.directive';\n\n@Component({\n selector: 'ngx-mat-split-button',\n imports: [\n CommonModule,\n MatButton,\n MatIcon,\n MatMenuModule,\n ],\n // NOTE: the repetitive code here is required because it doesn't appear that you can conditionally add directives like `mat-button` vs `mat-flat-button`.\n template: `\n @if (buttonStyle() === 'basic') {\n <button mat-button [color]=\"color()\" (click)=\"primaryClick.emit($event)\"\n class=\"ngx-mat-split-button-primary ngx-mat-split-button-basic\"\n [disabled]=\"primaryDisabled()\">\n <ng-container [ngTemplateOutlet]=\"primaryAction().templateRef\" />\n </button>\n <button mat-button [color]=\"color()\" [matMenuTriggerFor]=\"menu\"\n class=\"ngx-mat-split-button-trigger\"\n aria-label=\"Toggle menu\"\n [disabled]=\"menuTriggerDisabled()\"\n (click)=\"menuTriggerClick.emit($event)\">\n <mat-icon svgIcon=\"ngx-mat-split-arrow-down-icon\" aria-label=\"Down arrow icon\" />\n </button>\n } @else if (buttonStyle() === 'raised') {\n <div class=\"ngx-mat-split-button-raised-wrapper\">\n <button mat-flat-button [color]=\"color()\" (click)=\"primaryClick.emit($event)\"\n class=\"ngx-mat-split-button-primary ngx-mat-split-button-raised\"\n [disabled]=\"primaryDisabled()\">\n <ng-container [ngTemplateOutlet]=\"primaryAction().templateRef\" />\n </button>\n <button mat-flat-button [color]=\"color()\" [matMenuTriggerFor]=\"menu\"\n class=\"ngx-mat-split-button-trigger\"\n aria-label=\"Toggle menu\"\n [disabled]=\"menuTriggerDisabled()\"\n (click)=\"menuTriggerClick.emit($event)\">\n <mat-icon svgIcon=\"ngx-mat-split-arrow-down-icon\" aria-label=\"Down arrow icon\" />\n </button>\n </div>\n } @else if (buttonStyle() === 'stroked') {\n <button mat-stroked-button [color]=\"color()\" (click)=\"primaryClick.emit($event)\"\n class=\"ngx-mat-split-button-primary ngx-mat-split-button-stroked\"\n [disabled]=\"primaryDisabled()\">\n <ng-container [ngTemplateOutlet]=\"primaryAction().templateRef\" />\n </button>\n <button mat-stroked-button [color]=\"color()\" [matMenuTriggerFor]=\"menu\"\n class=\"ngx-mat-split-button-trigger\"\n aria-label=\"Toggle menu\"\n [disabled]=\"menuTriggerDisabled()\"\n (click)=\"menuTriggerClick.emit($event)\">\n <mat-icon svgIcon=\"ngx-mat-split-arrow-down-icon\" aria-label=\"Down arrow icon\" />\n </button>\n } @else if (buttonStyle() === 'flat') {\n <button mat-flat-button [color]=\"color()\" (click)=\"primaryClick.emit($event)\"\n class=\"ngx-mat-split-button-primary ngx-mat-split-button-flat\"\n [disabled]=\"primaryDisabled()\">\n <ng-container [ngTemplateOutlet]=\"primaryAction().templateRef\" />\n </button>\n <button mat-flat-button [color]=\"color()\" [matMenuTriggerFor]=\"menu\"\n class=\"ngx-mat-split-button-trigger\"\n aria-label=\"Toggle menu\"\n [disabled]=\"menuTriggerDisabled()\"\n (click)=\"menuTriggerClick.emit($event)\">\n <mat-icon svgIcon=\"ngx-mat-split-arrow-down-icon\" aria-label=\"Down arrow icon\" />\n </button>\n }\n <mat-menu #menu=\"matMenu\" xPosition=\"before\">\n <ng-content />\n </mat-menu>\n `,\n styles: `\n :host {\n display: inline-flex;\n\n &:not(:disabled) {\n &.mat-primary {\n color: var(--mat-sys-primary);\n }\n\n &.mat-secondary {\n color: var(--mat-sys-secondary);\n }\n\n &.mat-tertiary {\n color: var(--mat-sys-tertiary);\n }\n }\n }\n .ngx-mat-split-button-primary {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n }\n .ngx-mat-split-button-trigger {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n border-left-width: 0;\n min-width: 3rem;\n\n mat-icon {\n --mat-text-button-icon-spacing: 0;\n --mat-filled-button-icon-spacing: 0;\n --mat-protected-button-icon-spacing: 0;\n --mat-outlined-button-icon-spacing: 0;\n }\n }\n .ngx-mat-split-button-raised-wrapper {\n display: inline-flex;\n border-radius: var(--mat-sys-corner-full, var(--mdc-filled-button-container-shape, var(--mat-app-corner-full)));\n box-shadow: var(--mat-sys-level1, var(--mdc-protected-button-container-elevation-shadow, var(--mat-app-level1)));\n transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);\n\n &:hover {\n box-shadow: var(--mat-sys-level2, var(--mdc-protected-button-container-elevation-shadow, var(--mat-app-level2)));\n }\n }\n .ngx-mat-split-button-flat {\n mat-icon svg {\n fill: var(--mdc-filled-button-label-text-color, var(--mat-app-on-primary));\n }\n }\n `\n})\nexport class NgxMatSplitButton {\n readonly color = input<string>();\n readonly buttonStyle = input<'basic' | 'raised' | 'stroked' | 'flat'>('basic');\n readonly primaryDisabled = input<boolean>();\n readonly menuTriggerDisabled = input<boolean>();\n\n readonly primaryClick = output<MouseEvent>();\n readonly menuTriggerClick = output<MouseEvent>();\n\n readonly primaryAction = contentChild.required(NgxMatSplitPrimaryAction);\n\n constructor() {\n const service = inject(NgxMatSplitButtonService);\n service.initialize();\n }\n}\n","/*\n * Public API Surface of ngx-mat-split-button\n */\n\nexport * from './lib/ngx-mat-split-button.component';\nexport * from './lib/ngx-mat-split-primary-action.directive';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
package/lib/ngx-mat-split-button.component.d.ts CHANGED
@@ -3,9 +3,12 @@ import * as i0 from "@angular/core";
3
3
  export declare class NgxMatSplitButton {
4
4
  readonly color: import("@angular/core").InputSignal<string | undefined>;
5
5
  readonly buttonStyle: import("@angular/core").InputSignal<"basic" | "raised" | "stroked" | "flat">;
6
+ readonly primaryDisabled: import("@angular/core").InputSignal<boolean | undefined>;
7
+ readonly menuTriggerDisabled: import("@angular/core").InputSignal<boolean | undefined>;
6
8
  readonly primaryClick: import("@angular/core").OutputEmitterRef<MouseEvent>;
9
+ readonly menuTriggerClick: import("@angular/core").OutputEmitterRef<MouseEvent>;
7
10
  readonly primaryAction: import("@angular/core").Signal<NgxMatSplitPrimaryAction>;
8
11
  constructor();
9
12
  static ɵfac: i0.ɵɵFactoryDeclaration<NgxMatSplitButton, never>;
10
- static ɵcmp: i0.ɵɵComponentDeclaration<NgxMatSplitButton, "ngx-mat-split-button", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "buttonStyle": { "alias": "buttonStyle"; "required": false; "isSignal": true; }; }, { "primaryClick": "primaryClick"; }, ["primaryAction"], ["*"], true, never>;
13
+ static ɵcmp: i0.ɵɵComponentDeclaration<NgxMatSplitButton, "ngx-mat-split-button", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "buttonStyle": { "alias": "buttonStyle"; "required": false; "isSignal": true; }; "primaryDisabled": { "alias": "primaryDisabled"; "required": false; "isSignal": true; }; "menuTriggerDisabled": { "alias": "menuTriggerDisabled"; "required": false; "isSignal": true; }; }, { "primaryClick": "primaryClick"; "menuTriggerClick": "menuTriggerClick"; }, ["primaryAction"], ["*"], true, never>;
11
14
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@feature23/ngx-mat-split-button",
3
- "version": "0.1.2",
3
+ "version": "0.3.0",
4
4
  "license": "MIT",
5
5
  "private": false,
6
6
  "repository": {
@@ -8,12 +8,9 @@
8
8
  "url": "git+https://github.com/feature23/ngx-mat-split-button.git"
9
9
  },
10
10
  "peerDependencies": {
11
- "@angular/common": "^18.2.0",
12
- "@angular/core": "^18.2.0",
13
- "@angular/material": "^18.2.0"
14
- },
15
- "dependencies": {
16
- "tslib": "^2.3.0"
11
+ "@angular/common": "^19.2.0",
12
+ "@angular/core": "^19.2.0",
13
+ "@angular/material": "^19.2.0"
17
14
  },
18
15
  "sideEffects": false,
19
16
  "module": "fesm2022/feature23-ngx-mat-split-button.mjs",
@@ -24,9 +21,10 @@
24
21
  },
25
22
  ".": {
26
23
  "types": "./index.d.ts",
27
- "esm2022": "./esm2022/feature23-ngx-mat-split-button.mjs",
28
- "esm": "./esm2022/feature23-ngx-mat-split-button.mjs",
29
24
  "default": "./fesm2022/feature23-ngx-mat-split-button.mjs"
30
25
  }
26
+ },
27
+ "dependencies": {
28
+ "tslib": "^2.3.0"
31
29
  }
32
30
  }
package/esm2022/feature23-ngx-mat-split-button.mjs DELETED
@@ -1,5 +0,0 @@
1
- /**
2
- * Generated bundle index. Do not edit.
3
- */
4
- export * from './public-api';
5
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmVhdHVyZTIzLW5neC1tYXQtc3BsaXQtYnV0dG9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vcHJvamVjdHMvbmd4LW1hdC1zcGxpdC1idXR0b24vc3JjL2ZlYXR1cmUyMy1uZ3gtbWF0LXNwbGl0LWJ1dHRvbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsY0FBYyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL3B1YmxpYy1hcGknO1xuIl19
package/esm2022/lib/ngx-mat-split-button.component.mjs DELETED
@@ -1,126 +0,0 @@
1
- import { CommonModule } from '@angular/common';
2
- import { Component, contentChild, inject, input, output } from '@angular/core';
3
- import { MatButton } from '@angular/material/button';
4
- import { MatIcon } from '@angular/material/icon';
5
- import { MatMenuModule } from '@angular/material/menu';
6
- import { NgxMatSplitButtonService } from './ngx-mat-split-button.service';
7
- import { NgxMatSplitPrimaryAction } from './ngx-mat-split-primary-action.directive';
8
- import * as i0 from "@angular/core";
9
- import * as i1 from "@angular/common";
10
- import * as i2 from "@angular/material/menu";
11
- export class NgxMatSplitButton {
12
- color = input();
13
- buttonStyle = input('basic');
14
- primaryClick = output();
15
- primaryAction = contentChild.required(NgxMatSplitPrimaryAction);
16
- constructor() {
17
- const service = inject(NgxMatSplitButtonService);
18
- service.initialize();
19
- }
20
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: NgxMatSplitButton, deps: [], target: i0.ɵɵFactoryTarget.Component });
21
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.12", type: NgxMatSplitButton, isStandalone: true, selector: "ngx-mat-split-button", inputs: { color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, buttonStyle: { classPropertyName: "buttonStyle", publicName: "buttonStyle", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { primaryClick: "primaryClick" }, queries: [{ propertyName: "primaryAction", first: true, predicate: NgxMatSplitPrimaryAction, descendants: true, isSignal: true }], ngImport: i0, template: `
22
- @if (buttonStyle() === 'basic') {
23
- <button mat-button [color]="color()" (click)="primaryClick.emit($event)"
24
- class="ngx-mat-split-button-primary ngx-mat-split-button-basic">
25
- <ng-container [ngTemplateOutlet]="primaryAction().templateRef" />
26
- </button>
27
- <button mat-button [color]="color()" [matMenuTriggerFor]="menu"
28
- class="ngx-mat-split-button-trigger"
29
- aria-label="Toggle dropdown">
30
- <mat-icon svgIcon="ngx-mat-split-arrow-down-icon" aria-label="Down arrow icon" />
31
- </button>
32
- } @else if (buttonStyle() === 'raised') {
33
- <div class="ngx-mat-split-button-raised-wrapper">
34
- <button mat-flat-button [color]="color()" (click)="primaryClick.emit($event)"
35
- class="ngx-mat-split-button-primary ngx-mat-split-button-raised">
36
- <ng-container [ngTemplateOutlet]="primaryAction().templateRef" />
37
- </button>
38
- <button mat-flat-button [color]="color()" [matMenuTriggerFor]="menu"
39
- class="ngx-mat-split-button-trigger"
40
- aria-label="Toggle dropdown">
41
- <mat-icon svgIcon="ngx-mat-split-arrow-down-icon" aria-label="Down arrow icon" />
42
- </button>
43
- </div>
44
- } @else if (buttonStyle() === 'stroked') {
45
- <button mat-stroked-button [color]="color()" (click)="primaryClick.emit($event)"
46
- class="ngx-mat-split-button-primary ngx-mat-split-button-stroked">
47
- <ng-container [ngTemplateOutlet]="primaryAction().templateRef" />
48
- </button>
49
- <button mat-stroked-button [color]="color()" [matMenuTriggerFor]="menu"
50
- class="ngx-mat-split-button-trigger"
51
- aria-label="Toggle dropdown">
52
- <mat-icon svgIcon="ngx-mat-split-arrow-down-icon" aria-label="Down arrow icon" />
53
- </button>
54
- } @else if (buttonStyle() === 'flat') {
55
- <button mat-flat-button [color]="color()" (click)="primaryClick.emit($event)"
56
- class="ngx-mat-split-button-primary ngx-mat-split-button-flat">
57
- <ng-container [ngTemplateOutlet]="primaryAction().templateRef" />
58
- </button>
59
- <button mat-flat-button [color]="color()" [matMenuTriggerFor]="menu"
60
- class="ngx-mat-split-button-trigger"
61
- aria-label="Toggle dropdown">
62
- <mat-icon svgIcon="ngx-mat-split-arrow-down-icon" aria-label="Down arrow icon" />
63
- </button>
64
- }
65
- <mat-menu #menu="matMenu" xPosition="before">
66
- <ng-content />
67
- </mat-menu>
68
- `, isInline: true, styles: [".ngx-mat-split-button-primary{border-top-right-radius:0;border-bottom-right-radius:0}.ngx-mat-split-button-trigger{border-top-left-radius:0;border-bottom-left-radius:0;border-left-width:0;min-width:3rem}.ngx-mat-split-button-trigger mat-icon{--mat-text-button-icon-spacing: 0;--mat-filled-button-icon-spacing: 0;--mat-protected-button-icon-spacing: 0;--mat-outlined-button-icon-spacing: 0}.ngx-mat-split-button-raised-wrapper{display:inline-block;border-radius:var(--mdc-filled-button-container-shape, var(--mat-app-corner-full));box-shadow:var(--mdc-protected-button-container-elevation-shadow, var(--mat-app-level1))}.ngx-mat-split-button-flat mat-icon svg{fill:var(--mdc-filled-button-label-text-color, var(--mat-app-on-primary))}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i2.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "directive", type: i2.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }] });
69
- }
70
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: NgxMatSplitButton, decorators: [{
71
- type: Component,
72
- args: [{ selector: 'ngx-mat-split-button', standalone: true, imports: [
73
- CommonModule,
74
- MatButton,
75
- MatIcon,
76
- MatMenuModule,
77
- ], template: `
78
- @if (buttonStyle() === 'basic') {
79
- <button mat-button [color]="color()" (click)="primaryClick.emit($event)"
80
- class="ngx-mat-split-button-primary ngx-mat-split-button-basic">
81
- <ng-container [ngTemplateOutlet]="primaryAction().templateRef" />
82
- </button>
83
- <button mat-button [color]="color()" [matMenuTriggerFor]="menu"
84
- class="ngx-mat-split-button-trigger"
85
- aria-label="Toggle dropdown">
86
- <mat-icon svgIcon="ngx-mat-split-arrow-down-icon" aria-label="Down arrow icon" />
87
- </button>
88
- } @else if (buttonStyle() === 'raised') {
89
- <div class="ngx-mat-split-button-raised-wrapper">
90
- <button mat-flat-button [color]="color()" (click)="primaryClick.emit($event)"
91
- class="ngx-mat-split-button-primary ngx-mat-split-button-raised">
92
- <ng-container [ngTemplateOutlet]="primaryAction().templateRef" />
93
- </button>
94
- <button mat-flat-button [color]="color()" [matMenuTriggerFor]="menu"
95
- class="ngx-mat-split-button-trigger"
96
- aria-label="Toggle dropdown">
97
- <mat-icon svgIcon="ngx-mat-split-arrow-down-icon" aria-label="Down arrow icon" />
98
- </button>
99
- </div>
100
- } @else if (buttonStyle() === 'stroked') {
101
- <button mat-stroked-button [color]="color()" (click)="primaryClick.emit($event)"
102
- class="ngx-mat-split-button-primary ngx-mat-split-button-stroked">
103
- <ng-container [ngTemplateOutlet]="primaryAction().templateRef" />
104
- </button>
105
- <button mat-stroked-button [color]="color()" [matMenuTriggerFor]="menu"
106
- class="ngx-mat-split-button-trigger"
107
- aria-label="Toggle dropdown">
108
- <mat-icon svgIcon="ngx-mat-split-arrow-down-icon" aria-label="Down arrow icon" />
109
- </button>
110
- } @else if (buttonStyle() === 'flat') {
111
- <button mat-flat-button [color]="color()" (click)="primaryClick.emit($event)"
112
- class="ngx-mat-split-button-primary ngx-mat-split-button-flat">
113
- <ng-container [ngTemplateOutlet]="primaryAction().templateRef" />
114
- </button>
115
- <button mat-flat-button [color]="color()" [matMenuTriggerFor]="menu"
116
- class="ngx-mat-split-button-trigger"
117
- aria-label="Toggle dropdown">
118
- <mat-icon svgIcon="ngx-mat-split-arrow-down-icon" aria-label="Down arrow icon" />
119
- </button>
120
- }
121
- <mat-menu #menu="matMenu" xPosition="before">
122
- <ng-content />
123
- </mat-menu>
124
- `, styles: [".ngx-mat-split-button-primary{border-top-right-radius:0;border-bottom-right-radius:0}.ngx-mat-split-button-trigger{border-top-left-radius:0;border-bottom-left-radius:0;border-left-width:0;min-width:3rem}.ngx-mat-split-button-trigger mat-icon{--mat-text-button-icon-spacing: 0;--mat-filled-button-icon-spacing: 0;--mat-protected-button-icon-spacing: 0;--mat-outlined-button-icon-spacing: 0}.ngx-mat-split-button-raised-wrapper{display:inline-block;border-radius:var(--mdc-filled-button-container-shape, var(--mat-app-corner-full));box-shadow:var(--mdc-protected-button-container-elevation-shadow, var(--mat-app-level1))}.ngx-mat-split-button-flat mat-icon svg{fill:var(--mdc-filled-button-label-text-color, var(--mat-app-on-primary))}\n"] }]
125
- }], ctorParameters: () => [] });
126
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmd4LW1hdC1zcGxpdC1idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LW1hdC1zcGxpdC1idXR0b24vc3JjL2xpYi9uZ3gtbWF0LXNwbGl0LWJ1dHRvbi5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQy9FLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUNyRCxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDakQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ3ZELE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQzFFLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLDBDQUEwQyxDQUFDOzs7O0FBMEZwRixNQUFNLE9BQU8saUJBQWlCO0lBQ2pCLEtBQUssR0FBRyxLQUFLLEVBQVUsQ0FBQztJQUN4QixXQUFXLEdBQUcsS0FBSyxDQUEwQyxPQUFPLENBQUMsQ0FBQztJQUV0RSxZQUFZLEdBQUcsTUFBTSxFQUFjLENBQUM7SUFFcEMsYUFBYSxHQUFHLFlBQVksQ0FBQyxRQUFRLENBQUMsd0JBQXdCLENBQUMsQ0FBQztJQUV6RTtRQUNJLE1BQU0sT0FBTyxHQUFHLE1BQU0sQ0FBQyx3QkFBd0IsQ0FBQyxDQUFDO1FBQ2pELE9BQU8sQ0FBQyxVQUFVLEVBQUUsQ0FBQztJQUN6QixDQUFDO3dHQVhRLGlCQUFpQjs0RkFBakIsaUJBQWlCLG9iQU1xQix3QkFBd0IsZ0VBcEY3RDs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0ErQ1gsd3lCQXJESyxZQUFZLHNNQUNaLFNBQVMsaUxBQ1QsT0FBTywwSUFDUCxhQUFhOzs0RkFpRlIsaUJBQWlCO2tCQXhGN0IsU0FBUzsrQkFDSSxzQkFBc0IsY0FDcEIsSUFBSSxXQUNQO3dCQUNMLFlBQVk7d0JBQ1osU0FBUzt3QkFDVCxPQUFPO3dCQUNQLGFBQWE7cUJBQ2hCLFlBRVM7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBK0NYIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENvbXBvbmVudCwgY29udGVudENoaWxkLCBpbmplY3QsIGlucHV0LCBvdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE1hdEJ1dHRvbiB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2J1dHRvbic7XG5pbXBvcnQgeyBNYXRJY29uIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvaWNvbic7XG5pbXBvcnQgeyBNYXRNZW51TW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvbWVudSc7XG5pbXBvcnQgeyBOZ3hNYXRTcGxpdEJ1dHRvblNlcnZpY2UgfSBmcm9tICcuL25neC1tYXQtc3BsaXQtYnV0dG9uLnNlcnZpY2UnO1xuaW1wb3J0IHsgTmd4TWF0U3BsaXRQcmltYXJ5QWN0aW9uIH0gZnJvbSAnLi9uZ3gtbWF0LXNwbGl0LXByaW1hcnktYWN0aW9uLmRpcmVjdGl2ZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnbmd4LW1hdC1zcGxpdC1idXR0b24nLFxuICAgIHN0YW5kYWxvbmU6IHRydWUsXG4gICAgaW1wb3J0czogW1xuICAgICAgICBDb21tb25Nb2R1bGUsXG4gICAgICAgIE1hdEJ1dHRvbixcbiAgICAgICAgTWF0SWNvbixcbiAgICAgICAgTWF0TWVudU1vZHVsZSxcbiAgICBdLFxuICAgIC8vIE5PVEU6IHRoZSByZXBldGl0aXZlIGNvZGUgaGVyZSBpcyByZXF1aXJlZCBiZWNhdXNlIGl0IGRvZXNuJ3QgYXBwZWFyIHRoYXQgeW91IGNhbiBjb25kaXRpb25hbGx5IGFkZCBkaXJlY3RpdmVzIGxpa2UgYG1hdC1idXR0b25gIHZzIGBtYXQtZmxhdC1idXR0b25gLlxuICAgIHRlbXBsYXRlOiBgXG4gICAgQGlmIChidXR0b25TdHlsZSgpID09PSAnYmFzaWMnKSB7XG4gICAgICAgIDxidXR0b24gbWF0LWJ1dHRvbiBbY29sb3JdPVwiY29sb3IoKVwiIChjbGljayk9XCJwcmltYXJ5Q2xpY2suZW1pdCgkZXZlbnQpXCJcbiAgICAgICAgICAgIGNsYXNzPVwibmd4LW1hdC1zcGxpdC1idXR0b24tcHJpbWFyeSBuZ3gtbWF0LXNwbGl0LWJ1dHRvbi1iYXNpY1wiPlxuICAgICAgICAgICAgPG5nLWNvbnRhaW5lciBbbmdUZW1wbGF0ZU91dGxldF09XCJwcmltYXJ5QWN0aW9uKCkudGVtcGxhdGVSZWZcIiAvPlxuICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgPGJ1dHRvbiBtYXQtYnV0dG9uIFtjb2xvcl09XCJjb2xvcigpXCIgW21hdE1lbnVUcmlnZ2VyRm9yXT1cIm1lbnVcIlxuICAgICAgICAgICAgY2xhc3M9XCJuZ3gtbWF0LXNwbGl0LWJ1dHRvbi10cmlnZ2VyXCJcbiAgICAgICAgICAgIGFyaWEtbGFiZWw9XCJUb2dnbGUgZHJvcGRvd25cIj5cbiAgICAgICAgICAgIDxtYXQtaWNvbiBzdmdJY29uPVwibmd4LW1hdC1zcGxpdC1hcnJvdy1kb3duLWljb25cIiBhcmlhLWxhYmVsPVwiRG93biBhcnJvdyBpY29uXCIgLz5cbiAgICAgICAgPC9idXR0b24+XG4gICAgfSBAZWxzZSBpZiAoYnV0dG9uU3R5bGUoKSA9PT0gJ3JhaXNlZCcpIHtcbiAgICAgICAgPGRpdiBjbGFzcz1cIm5neC1tYXQtc3BsaXQtYnV0dG9uLXJhaXNlZC13cmFwcGVyXCI+XG4gICAgICAgICAgICA8YnV0dG9uIG1hdC1mbGF0LWJ1dHRvbiBbY29sb3JdPVwiY29sb3IoKVwiIChjbGljayk9XCJwcmltYXJ5Q2xpY2suZW1pdCgkZXZlbnQpXCJcbiAgICAgICAgICAgICAgICBjbGFzcz1cIm5neC1tYXQtc3BsaXQtYnV0dG9uLXByaW1hcnkgbmd4LW1hdC1zcGxpdC1idXR0b24tcmFpc2VkXCI+XG4gICAgICAgICAgICAgICAgPG5nLWNvbnRhaW5lciBbbmdUZW1wbGF0ZU91dGxldF09XCJwcmltYXJ5QWN0aW9uKCkudGVtcGxhdGVSZWZcIiAvPlxuICAgICAgICAgICAgPC9idXR0b24+XG4gICAgICAgICAgICA8YnV0dG9uIG1hdC1mbGF0LWJ1dHRvbiBbY29sb3JdPVwiY29sb3IoKVwiIFttYXRNZW51VHJpZ2dlckZvcl09XCJtZW51XCJcbiAgICAgICAgICAgICAgICBjbGFzcz1cIm5neC1tYXQtc3BsaXQtYnV0dG9uLXRyaWdnZXJcIlxuICAgICAgICAgICAgICAgIGFyaWEtbGFiZWw9XCJUb2dnbGUgZHJvcGRvd25cIj5cbiAgICAgICAgICAgICAgICA8bWF0LWljb24gc3ZnSWNvbj1cIm5neC1tYXQtc3BsaXQtYXJyb3ctZG93bi1pY29uXCIgYXJpYS1sYWJlbD1cIkRvd24gYXJyb3cgaWNvblwiIC8+XG4gICAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgPC9kaXY+XG4gICAgfSBAZWxzZSBpZiAoYnV0dG9uU3R5bGUoKSA9PT0gJ3N0cm9rZWQnKSB7XG4gICAgICAgIDxidXR0b24gbWF0LXN0cm9rZWQtYnV0dG9uIFtjb2xvcl09XCJjb2xvcigpXCIgKGNsaWNrKT1cInByaW1hcnlDbGljay5lbWl0KCRldmVudClcIlxuICAgICAgICAgICAgY2xhc3M9XCJuZ3gtbWF0LXNwbGl0LWJ1dHRvbi1wcmltYXJ5IG5neC1tYXQtc3BsaXQtYnV0dG9uLXN0cm9rZWRcIj5cbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgW25nVGVtcGxhdGVPdXRsZXRdPVwicHJpbWFyeUFjdGlvbigpLnRlbXBsYXRlUmVmXCIgLz5cbiAgICAgICAgPC9idXR0b24+XG4gICAgICAgIDxidXR0b24gbWF0LXN0cm9rZWQtYnV0dG9uIFtjb2xvcl09XCJjb2xvcigpXCIgW21hdE1lbnVUcmlnZ2VyRm9yXT1cIm1lbnVcIlxuICAgICAgICAgICAgY2xhc3M9XCJuZ3gtbWF0LXNwbGl0LWJ1dHRvbi10cmlnZ2VyXCJcbiAgICAgICAgICAgIGFyaWEtbGFiZWw9XCJUb2dnbGUgZHJvcGRvd25cIj5cbiAgICAgICAgICAgIDxtYXQtaWNvbiBzdmdJY29uPVwibmd4LW1hdC1zcGxpdC1hcnJvdy1kb3duLWljb25cIiBhcmlhLWxhYmVsPVwiRG93biBhcnJvdyBpY29uXCIgLz5cbiAgICAgICAgPC9idXR0b24+XG4gICAgfSBAZWxzZSBpZiAoYnV0dG9uU3R5bGUoKSA9PT0gJ2ZsYXQnKSB7XG4gICAgICAgIDxidXR0b24gbWF0LWZsYXQtYnV0dG9uIFtjb2xvcl09XCJjb2xvcigpXCIgKGNsaWNrKT1cInByaW1hcnlDbGljay5lbWl0KCRldmVudClcIlxuICAgICAgICAgICAgY2xhc3M9XCJuZ3gtbWF0LXNwbGl0LWJ1dHRvbi1wcmltYXJ5IG5neC1tYXQtc3BsaXQtYnV0dG9uLWZsYXRcIj5cbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgW25nVGVtcGxhdGVPdXRsZXRdPVwicHJpbWFyeUFjdGlvbigpLnRlbXBsYXRlUmVmXCIgLz5cbiAgICAgICAgPC9idXR0b24+XG4gICAgICAgIDxidXR0b24gbWF0LWZsYXQtYnV0dG9uIFtjb2xvcl09XCJjb2xvcigpXCIgW21hdE1lbnVUcmlnZ2VyRm9yXT1cIm1lbnVcIlxuICAgICAgICAgICAgY2xhc3M9XCJuZ3gtbWF0LXNwbGl0LWJ1dHRvbi10cmlnZ2VyXCJcbiAgICAgICAgICAgIGFyaWEtbGFiZWw9XCJUb2dnbGUgZHJvcGRvd25cIj5cbiAgICAgICAgICAgIDxtYXQtaWNvbiBzdmdJY29uPVwibmd4LW1hdC1zcGxpdC1hcnJvdy1kb3duLWljb25cIiBhcmlhLWxhYmVsPVwiRG93biBhcnJvdyBpY29uXCIgLz5cbiAgICAgICAgPC9idXR0b24+XG4gICAgfVxuICAgIDxtYXQtbWVudSAjbWVudT1cIm1hdE1lbnVcIiB4UG9zaXRpb249XCJiZWZvcmVcIj5cbiAgICAgICAgPG5nLWNvbnRlbnQgLz5cbiAgICA8L21hdC1tZW51PlxuICBgLFxuICAgIHN0eWxlczogYFxuICAgIC5uZ3gtbWF0LXNwbGl0LWJ1dHRvbi1wcmltYXJ5IHtcbiAgICAgICAgYm9yZGVyLXRvcC1yaWdodC1yYWRpdXM6IDA7XG4gICAgICAgIGJvcmRlci1ib3R0b20tcmlnaHQtcmFkaXVzOiAwO1xuICAgIH1cbiAgICAubmd4LW1hdC1zcGxpdC1idXR0b24tdHJpZ2dlciB7XG4gICAgICAgIGJvcmRlci10b3AtbGVmdC1yYWRpdXM6IDA7XG4gICAgICAgIGJvcmRlci1ib3R0b20tbGVmdC1yYWRpdXM6IDA7XG4gICAgICAgIGJvcmRlci1sZWZ0LXdpZHRoOiAwO1xuICAgICAgICBtaW4td2lkdGg6IDNyZW07XG5cbiAgICAgICAgbWF0LWljb24ge1xuICAgICAgICAgICAgLS1tYXQtdGV4dC1idXR0b24taWNvbi1zcGFjaW5nOiAwO1xuICAgICAgICAgICAgLS1tYXQtZmlsbGVkLWJ1dHRvbi1pY29uLXNwYWNpbmc6IDA7XG4gICAgICAgICAgICAtLW1hdC1wcm90ZWN0ZWQtYnV0dG9uLWljb24tc3BhY2luZzogMDtcbiAgICAgICAgICAgIC0tbWF0LW91dGxpbmVkLWJ1dHRvbi1pY29uLXNwYWNpbmc6IDA7XG4gICAgICAgIH1cbiAgICB9XG4gICAgLm5neC1tYXQtc3BsaXQtYnV0dG9uLXJhaXNlZC13cmFwcGVyIHtcbiAgICAgICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICAgICAgICBib3JkZXItcmFkaXVzOiB2YXIoLS1tZGMtZmlsbGVkLWJ1dHRvbi1jb250YWluZXItc2hhcGUsIHZhcigtLW1hdC1hcHAtY29ybmVyLWZ1bGwpKTtcbiAgICAgICAgYm94LXNoYWRvdzogdmFyKC0tbWRjLXByb3RlY3RlZC1idXR0b24tY29udGFpbmVyLWVsZXZhdGlvbi1zaGFkb3csIHZhcigtLW1hdC1hcHAtbGV2ZWwxKSk7XG4gICAgfVxuICAgIC5uZ3gtbWF0LXNwbGl0LWJ1dHRvbi1mbGF0IHtcbiAgICAgICAgbWF0LWljb24gc3ZnIHtcbiAgICAgICAgICAgIGZpbGw6IHZhcigtLW1kYy1maWxsZWQtYnV0dG9uLWxhYmVsLXRleHQtY29sb3IsIHZhcigtLW1hdC1hcHAtb24tcHJpbWFyeSkpO1xuICAgICAgICB9XG4gICAgfVxuICAgIGBcbn0pXG5leHBvcnQgY2xhc3MgTmd4TWF0U3BsaXRCdXR0b24ge1xuICAgIHJlYWRvbmx5IGNvbG9yID0gaW5wdXQ8c3RyaW5nPigpO1xuICAgIHJlYWRvbmx5IGJ1dHRvblN0eWxlID0gaW5wdXQ8J2Jhc2ljJyB8ICdyYWlzZWQnIHwgJ3N0cm9rZWQnIHwgJ2ZsYXQnPignYmFzaWMnKTtcblxuICAgIHJlYWRvbmx5IHByaW1hcnlDbGljayA9IG91dHB1dDxNb3VzZUV2ZW50PigpO1xuXG4gICAgcmVhZG9ubHkgcHJpbWFyeUFjdGlvbiA9IGNvbnRlbnRDaGlsZC5yZXF1aXJlZChOZ3hNYXRTcGxpdFByaW1hcnlBY3Rpb24pO1xuXG4gICAgY29uc3RydWN0b3IoKSB7XG4gICAgICAgIGNvbnN0IHNlcnZpY2UgPSBpbmplY3QoTmd4TWF0U3BsaXRCdXR0b25TZXJ2aWNlKTtcbiAgICAgICAgc2VydmljZS5pbml0aWFsaXplKCk7XG4gICAgfVxufVxuIl19
package/esm2022/lib/ngx-mat-split-button.service.mjs DELETED
@@ -1,26 +0,0 @@
1
- import { inject, Injectable } from '@angular/core';
2
- import { MatIconRegistry } from '@angular/material/icon';
3
- import { DomSanitizer } from '@angular/platform-browser';
4
- import * as i0 from "@angular/core";
5
- const ARROW_DOWN_ICON = `
6
- <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px"><path d="M0 0h24v24H0z" fill="none"/><path d="M7 10l5 5 5-5z"/></svg>
7
- `;
8
- export class NgxMatSplitButtonService {
9
- constructor() {
10
- const iconRegistry = inject(MatIconRegistry);
11
- const sanitizer = inject(DomSanitizer);
12
- iconRegistry.addSvgIconLiteral('ngx-mat-split-arrow-down-icon', sanitizer.bypassSecurityTrustHtml(ARROW_DOWN_ICON));
13
- }
14
- initialize() {
15
- // noop, ensure service is injected and constructor run
16
- }
17
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: NgxMatSplitButtonService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
18
- static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: NgxMatSplitButtonService, providedIn: 'root' });
19
- }
20
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: NgxMatSplitButtonService, decorators: [{
21
- type: Injectable,
22
- args: [{
23
- providedIn: 'root'
24
- }]
25
- }], ctorParameters: () => [] });
26
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmd4LW1hdC1zcGxpdC1idXR0b24uc2VydmljZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1tYXQtc3BsaXQtYnV0dG9uL3NyYy9saWIvbmd4LW1hdC1zcGxpdC1idXR0b24uc2VydmljZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsTUFBTSxFQUFFLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNuRCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDekQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLDJCQUEyQixDQUFDOztBQUV6RCxNQUFNLGVBQWUsR0FBRzs7Q0FFdkIsQ0FBQztBQUtGLE1BQU0sT0FBTyx3QkFBd0I7SUFFakM7UUFDSSxNQUFNLFlBQVksR0FBRyxNQUFNLENBQUMsZUFBZSxDQUFDLENBQUM7UUFDN0MsTUFBTSxTQUFTLEdBQUcsTUFBTSxDQUFDLFlBQVksQ0FBQyxDQUFDO1FBQ3ZDLFlBQVksQ0FBQyxpQkFBaUIsQ0FBQywrQkFBK0IsRUFBRSxTQUFTLENBQUMsdUJBQXVCLENBQUMsZUFBZSxDQUFDLENBQUMsQ0FBQztJQUN4SCxDQUFDO0lBRUQsVUFBVTtRQUNOLHVEQUF1RDtJQUMzRCxDQUFDO3dHQVZRLHdCQUF3Qjs0R0FBeEIsd0JBQXdCLGNBRnJCLE1BQU07OzRGQUVULHdCQUF3QjtrQkFIcEMsVUFBVTttQkFBQztvQkFDUixVQUFVLEVBQUUsTUFBTTtpQkFDckIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBpbmplY3QsIEluamVjdGFibGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE1hdEljb25SZWdpc3RyeSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2ljb24nO1xuaW1wb3J0IHsgRG9tU2FuaXRpemVyIH0gZnJvbSAnQGFuZ3VsYXIvcGxhdGZvcm0tYnJvd3Nlcic7XG5cbmNvbnN0IEFSUk9XX0RPV05fSUNPTiA9IGBcbjxzdmcgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiIGhlaWdodD1cIjI0cHhcIiB2aWV3Qm94PVwiMCAwIDI0IDI0XCIgd2lkdGg9XCIyNHB4XCI+PHBhdGggZD1cIk0wIDBoMjR2MjRIMHpcIiBmaWxsPVwibm9uZVwiLz48cGF0aCBkPVwiTTcgMTBsNSA1IDUtNXpcIi8+PC9zdmc+XG5gO1xuXG5ASW5qZWN0YWJsZSh7XG4gICAgcHJvdmlkZWRJbjogJ3Jvb3QnXG59KVxuZXhwb3J0IGNsYXNzIE5neE1hdFNwbGl0QnV0dG9uU2VydmljZSB7XG5cbiAgICBjb25zdHJ1Y3RvcigpIHtcbiAgICAgICAgY29uc3QgaWNvblJlZ2lzdHJ5ID0gaW5qZWN0KE1hdEljb25SZWdpc3RyeSk7XG4gICAgICAgIGNvbnN0IHNhbml0aXplciA9IGluamVjdChEb21TYW5pdGl6ZXIpO1xuICAgICAgICBpY29uUmVnaXN0cnkuYWRkU3ZnSWNvbkxpdGVyYWwoJ25neC1tYXQtc3BsaXQtYXJyb3ctZG93bi1pY29uJywgc2FuaXRpemVyLmJ5cGFzc1NlY3VyaXR5VHJ1c3RIdG1sKEFSUk9XX0RPV05fSUNPTikpO1xuICAgIH1cblxuICAgIGluaXRpYWxpemUoKSB7XG4gICAgICAgIC8vIG5vb3AsIGVuc3VyZSBzZXJ2aWNlIGlzIGluamVjdGVkIGFuZCBjb25zdHJ1Y3RvciBydW5cbiAgICB9XG59XG4iXX0=
package/esm2022/lib/ngx-mat-split-primary-action.directive.mjs DELETED
@@ -1,18 +0,0 @@
1
- import { Directive } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- export class NgxMatSplitPrimaryAction {
4
- templateRef;
5
- constructor(templateRef) {
6
- this.templateRef = templateRef;
7
- }
8
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: NgxMatSplitPrimaryAction, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
9
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.12", type: NgxMatSplitPrimaryAction, isStandalone: true, selector: "[ngx-mat-split-primary-action]", ngImport: i0 });
10
- }
11
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: NgxMatSplitPrimaryAction, decorators: [{
12
- type: Directive,
13
- args: [{
14
- selector: '[ngx-mat-split-primary-action]',
15
- standalone: true,
16
- }]
17
- }], ctorParameters: () => [{ type: i0.TemplateRef }] });
18
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmd4LW1hdC1zcGxpdC1wcmltYXJ5LWFjdGlvbi5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtbWF0LXNwbGl0LWJ1dHRvbi9zcmMvbGliL25neC1tYXQtc3BsaXQtcHJpbWFyeS1hY3Rpb24uZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQWUsTUFBTSxlQUFlLENBQUM7O0FBTXZELE1BQU0sT0FBTyx3QkFBd0I7SUFDZDtJQUFuQixZQUFtQixXQUFpQztRQUFqQyxnQkFBVyxHQUFYLFdBQVcsQ0FBc0I7SUFDcEQsQ0FBQzt3R0FGUSx3QkFBd0I7NEZBQXhCLHdCQUF3Qjs7NEZBQXhCLHdCQUF3QjtrQkFKcEMsU0FBUzttQkFBQztvQkFDUCxRQUFRLEVBQUUsZ0NBQWdDO29CQUMxQyxVQUFVLEVBQUUsSUFBSTtpQkFDbkIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIFRlbXBsYXRlUmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBEaXJlY3RpdmUoe1xuICAgIHNlbGVjdG9yOiAnW25neC1tYXQtc3BsaXQtcHJpbWFyeS1hY3Rpb25dJyxcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxufSlcbmV4cG9ydCBjbGFzcyBOZ3hNYXRTcGxpdFByaW1hcnlBY3Rpb24ge1xuICAgIGNvbnN0cnVjdG9yKHB1YmxpYyB0ZW1wbGF0ZVJlZjogVGVtcGxhdGVSZWY8dW5rbm93bj4pIHtcbiAgICB9XG4gfVxuIl19
package/esm2022/public-api.mjs DELETED
@@ -1,6 +0,0 @@
1
- /*
2
- * Public API Surface of ngx-mat-split-button
3
- */
4
- export * from './lib/ngx-mat-split-button.component';
5
- export * from './lib/ngx-mat-split-primary-action.directive';
6
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL25neC1tYXQtc3BsaXQtYnV0dG9uL3NyYy9wdWJsaWMtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYyxzQ0FBc0MsQ0FBQztBQUNyRCxjQUFjLDhDQUE4QyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIFB1YmxpYyBBUEkgU3VyZmFjZSBvZiBuZ3gtbWF0LXNwbGl0LWJ1dHRvblxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vbGliL25neC1tYXQtc3BsaXQtYnV0dG9uLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9uZ3gtbWF0LXNwbGl0LXByaW1hcnktYWN0aW9uLmRpcmVjdGl2ZSc7XG4iXX0=