@feature23/ngx-mat-split-button 0.2.0 → 0.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -1
- package/fesm2022/feature23-ngx-mat-split-button.mjs +17 -17
- package/fesm2022/feature23-ngx-mat-split-button.mjs.map +1 -1
- package/index.d.ts +24 -5
- package/package.json +7 -9
- package/esm2022/feature23-ngx-mat-split-button.mjs +0 -5
- package/esm2022/lib/ngx-mat-split-button.component.mjs +0 -153
- package/esm2022/lib/ngx-mat-split-button.service.mjs +0 -26
- package/esm2022/lib/ngx-mat-split-primary-action.directive.mjs +0 -18
- package/esm2022/public-api.mjs +0 -6
- package/lib/ngx-mat-split-button.component.d.ts +0 -14
- package/lib/ngx-mat-split-button.service.d.ts +0 -7
- package/lib/ngx-mat-split-primary-action.directive.d.ts +0 -8
- package/public-api.d.ts +0 -2
package/README.md
CHANGED
|
@@ -35,7 +35,7 @@ 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` | `
|
|
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
40
|
| `primaryDisabled` | `boolean` | (Optional; default `false`) Whether the primary action button should be disabled. |
|
|
41
41
|
| `menuTriggerDisabled` | `boolean` | (Optional; default `false`) Whether the dropdown menu trigger button should be disabled. |
|
|
@@ -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: "
|
|
24
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
23
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: NgxMatSplitButtonService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
24
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: NgxMatSplitButtonService, providedIn: 'root' });
|
|
25
25
|
}
|
|
26
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
26
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", 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: "
|
|
39
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
38
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: NgxMatSplitPrimaryAction, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
39
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.18", type: NgxMatSplitPrimaryAction, isStandalone: true, selector: "[ngx-mat-split-primary-action]", ngImport: i0 });
|
|
40
40
|
}
|
|
41
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
41
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: NgxMatSplitPrimaryAction, decorators: [{
|
|
42
42
|
type: Directive,
|
|
43
43
|
args: [{
|
|
44
44
|
selector: '[ngx-mat-split-primary-action]',
|
|
@@ -47,10 +47,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImpo
|
|
|
47
47
|
}], ctorParameters: () => [{ type: i0.TemplateRef }] });
|
|
48
48
|
|
|
49
49
|
class NgxMatSplitButton {
|
|
50
|
-
color = input();
|
|
51
|
-
buttonStyle = input('basic');
|
|
52
|
-
primaryDisabled = input();
|
|
53
|
-
menuTriggerDisabled = input();
|
|
50
|
+
color = input(...(ngDevMode ? [undefined, { debugName: "color" }] : []));
|
|
51
|
+
buttonStyle = input('basic', ...(ngDevMode ? [{ debugName: "buttonStyle" }] : []));
|
|
52
|
+
primaryDisabled = input(...(ngDevMode ? [undefined, { debugName: "primaryDisabled" }] : []));
|
|
53
|
+
menuTriggerDisabled = input(...(ngDevMode ? [undefined, { debugName: "menuTriggerDisabled" }] : []));
|
|
54
54
|
primaryClick = output();
|
|
55
55
|
menuTriggerClick = output();
|
|
56
56
|
primaryAction = contentChild.required(NgxMatSplitPrimaryAction);
|
|
@@ -58,8 +58,8 @@ class NgxMatSplitButton {
|
|
|
58
58
|
const service = inject(NgxMatSplitButtonService);
|
|
59
59
|
service.initialize();
|
|
60
60
|
}
|
|
61
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
62
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
61
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: NgxMatSplitButton, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
62
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", 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: `
|
|
63
63
|
@if (buttonStyle() === 'basic') {
|
|
64
64
|
<button mat-button [color]="color()" (click)="primaryClick.emit($event)"
|
|
65
65
|
class="ngx-mat-split-button-primary ngx-mat-split-button-basic"
|
|
@@ -118,11 +118,11 @@ class NgxMatSplitButton {
|
|
|
118
118
|
<mat-menu #menu="matMenu" xPosition="before">
|
|
119
119
|
<ng-content />
|
|
120
120
|
</mat-menu>
|
|
121
|
-
`, 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-
|
|
121
|
+
`, isInline: true, styles: [":host{display:inline-flex}:host:not(:disabled).mat-primary{color:var(--mat-sys-primary)}:host:not(:disabled).mat-secondary{color:var(--mat-sys-secondary)}:host:not(:disabled).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}.ngx-mat-split-button-trigger mat-icon{--mat-button-text-icon-spacing: 0;--mat-button-filled-icon-spacing: 0;--mat-button-protected-icon-spacing: 0;--mat-button-outlined-icon-spacing: 0}.ngx-mat-split-button-raised-wrapper{display:inline-flex;border-radius:var(--mat-sys-corner-full, var(--mat-button-filled-container-shape, var(--mat-app-corner-full)));box-shadow:var(--mat-sys-level1, var(--mat-button-protected-container-elevation-shadow, var(--mat-app-level1)));transition:box-shadow .28s cubic-bezier(.4,0,.2,1)}.ngx-mat-split-button-raised-wrapper:hover{box-shadow:var(--mat-sys-level2, var(--mat-button-protected-container-elevation-shadow, var(--mat-app-level2)))}.ngx-mat-split-button-flat mat-icon svg{fill:var(--mat-button-filled-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[matButton], a[matButton], button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button], a[mat-flat-button], a[mat-stroked-button] ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { 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"] }] });
|
|
122
122
|
}
|
|
123
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
123
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: NgxMatSplitButton, decorators: [{
|
|
124
124
|
type: Component,
|
|
125
|
-
args: [{ selector: 'ngx-mat-split-button',
|
|
125
|
+
args: [{ selector: 'ngx-mat-split-button', imports: [
|
|
126
126
|
CommonModule,
|
|
127
127
|
MatButton,
|
|
128
128
|
MatIcon,
|
|
@@ -186,8 +186,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImpo
|
|
|
186
186
|
<mat-menu #menu="matMenu" xPosition="before">
|
|
187
187
|
<ng-content />
|
|
188
188
|
</mat-menu>
|
|
189
|
-
`, 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-
|
|
190
|
-
}], ctorParameters: () => [] });
|
|
189
|
+
`, styles: [":host{display:inline-flex}:host:not(:disabled).mat-primary{color:var(--mat-sys-primary)}:host:not(:disabled).mat-secondary{color:var(--mat-sys-secondary)}:host:not(:disabled).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}.ngx-mat-split-button-trigger mat-icon{--mat-button-text-icon-spacing: 0;--mat-button-filled-icon-spacing: 0;--mat-button-protected-icon-spacing: 0;--mat-button-outlined-icon-spacing: 0}.ngx-mat-split-button-raised-wrapper{display:inline-flex;border-radius:var(--mat-sys-corner-full, var(--mat-button-filled-container-shape, var(--mat-app-corner-full)));box-shadow:var(--mat-sys-level1, var(--mat-button-protected-container-elevation-shadow, var(--mat-app-level1)));transition:box-shadow .28s cubic-bezier(.4,0,.2,1)}.ngx-mat-split-button-raised-wrapper:hover{box-shadow:var(--mat-sys-level2, var(--mat-button-protected-container-elevation-shadow, var(--mat-app-level2)))}.ngx-mat-split-button-flat mat-icon svg{fill:var(--mat-button-filled-label-text-color, var(--mat-app-on-primary))}\n"] }]
|
|
190
|
+
}], ctorParameters: () => [], propDecorators: { color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], buttonStyle: [{ type: i0.Input, args: [{ isSignal: true, alias: "buttonStyle", required: false }] }], primaryDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "primaryDisabled", required: false }] }], menuTriggerDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "menuTriggerDisabled", required: false }] }], primaryClick: [{ type: i0.Output, args: ["primaryClick"] }], menuTriggerClick: [{ type: i0.Output, args: ["menuTriggerClick"] }], primaryAction: [{ type: i0.ContentChild, args: [i0.forwardRef(() => NgxMatSplitPrimaryAction), { isSignal: true }] }] } });
|
|
191
191
|
|
|
192
192
|
/*
|
|
193
193
|
* Public API Surface of ngx-mat-split-button
|
|
@@ -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 [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 .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 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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"}
|
|
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-button-text-icon-spacing: 0;\n --mat-button-filled-icon-spacing: 0;\n --mat-button-protected-icon-spacing: 0;\n --mat-button-outlined-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(--mat-button-filled-container-shape, var(--mat-app-corner-full)));\n box-shadow: var(--mat-sys-level1, var(--mat-button-protected-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(--mat-button-protected-container-elevation-shadow, var(--mat-app-level2)));\n }\n }\n .ngx-mat-split-button-flat {\n mat-icon svg {\n fill: var(--mat-button-filled-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/index.d.ts
CHANGED
|
@@ -1,5 +1,24 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
1
|
+
import * as _angular_core from '@angular/core';
|
|
2
|
+
import { TemplateRef } from '@angular/core';
|
|
3
|
+
|
|
4
|
+
declare class NgxMatSplitPrimaryAction {
|
|
5
|
+
templateRef: TemplateRef<unknown>;
|
|
6
|
+
constructor(templateRef: TemplateRef<unknown>);
|
|
7
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgxMatSplitPrimaryAction, never>;
|
|
8
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NgxMatSplitPrimaryAction, "[ngx-mat-split-primary-action]", never, {}, {}, never, never, true, never>;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
declare class NgxMatSplitButton {
|
|
12
|
+
readonly color: _angular_core.InputSignal<string | undefined>;
|
|
13
|
+
readonly buttonStyle: _angular_core.InputSignal<"basic" | "raised" | "stroked" | "flat">;
|
|
14
|
+
readonly primaryDisabled: _angular_core.InputSignal<boolean | undefined>;
|
|
15
|
+
readonly menuTriggerDisabled: _angular_core.InputSignal<boolean | undefined>;
|
|
16
|
+
readonly primaryClick: _angular_core.OutputEmitterRef<MouseEvent>;
|
|
17
|
+
readonly menuTriggerClick: _angular_core.OutputEmitterRef<MouseEvent>;
|
|
18
|
+
readonly primaryAction: _angular_core.Signal<NgxMatSplitPrimaryAction>;
|
|
19
|
+
constructor();
|
|
20
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgxMatSplitButton, never>;
|
|
21
|
+
static ɵcmp: _angular_core.ɵɵ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>;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
export { NgxMatSplitButton, NgxMatSplitPrimaryAction };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@feature23/ngx-mat-split-button",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.4.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": "^
|
|
12
|
-
"@angular/core": "^
|
|
13
|
-
"@angular/material": "^
|
|
14
|
-
},
|
|
15
|
-
"dependencies": {
|
|
16
|
-
"tslib": "^2.3.0"
|
|
11
|
+
"@angular/common": "^20.0.0",
|
|
12
|
+
"@angular/core": "^20.0.0",
|
|
13
|
+
"@angular/material": "^20.0.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
|
}
|
|
@@ -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
|
|
@@ -1,153 +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
|
-
primaryDisabled = input();
|
|
15
|
-
menuTriggerDisabled = input();
|
|
16
|
-
primaryClick = output();
|
|
17
|
-
menuTriggerClick = output();
|
|
18
|
-
primaryAction = contentChild.required(NgxMatSplitPrimaryAction);
|
|
19
|
-
constructor() {
|
|
20
|
-
const service = inject(NgxMatSplitButtonService);
|
|
21
|
-
service.initialize();
|
|
22
|
-
}
|
|
23
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: NgxMatSplitButton, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
24
|
-
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 }, 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: `
|
|
25
|
-
@if (buttonStyle() === 'basic') {
|
|
26
|
-
<button mat-button [color]="color()" (click)="primaryClick.emit($event)"
|
|
27
|
-
class="ngx-mat-split-button-primary ngx-mat-split-button-basic"
|
|
28
|
-
[disabled]="primaryDisabled()">
|
|
29
|
-
<ng-container [ngTemplateOutlet]="primaryAction().templateRef" />
|
|
30
|
-
</button>
|
|
31
|
-
<button mat-button [color]="color()" [matMenuTriggerFor]="menu"
|
|
32
|
-
class="ngx-mat-split-button-trigger"
|
|
33
|
-
aria-label="Toggle menu"
|
|
34
|
-
[disabled]="menuTriggerDisabled()"
|
|
35
|
-
(click)="menuTriggerClick.emit($event)">
|
|
36
|
-
<mat-icon svgIcon="ngx-mat-split-arrow-down-icon" aria-label="Down arrow icon" />
|
|
37
|
-
</button>
|
|
38
|
-
} @else if (buttonStyle() === 'raised') {
|
|
39
|
-
<div class="ngx-mat-split-button-raised-wrapper">
|
|
40
|
-
<button mat-flat-button [color]="color()" (click)="primaryClick.emit($event)"
|
|
41
|
-
class="ngx-mat-split-button-primary ngx-mat-split-button-raised"
|
|
42
|
-
[disabled]="primaryDisabled()">
|
|
43
|
-
<ng-container [ngTemplateOutlet]="primaryAction().templateRef" />
|
|
44
|
-
</button>
|
|
45
|
-
<button mat-flat-button [color]="color()" [matMenuTriggerFor]="menu"
|
|
46
|
-
class="ngx-mat-split-button-trigger"
|
|
47
|
-
aria-label="Toggle menu"
|
|
48
|
-
[disabled]="menuTriggerDisabled()"
|
|
49
|
-
(click)="menuTriggerClick.emit($event)">
|
|
50
|
-
<mat-icon svgIcon="ngx-mat-split-arrow-down-icon" aria-label="Down arrow icon" />
|
|
51
|
-
</button>
|
|
52
|
-
</div>
|
|
53
|
-
} @else if (buttonStyle() === 'stroked') {
|
|
54
|
-
<button mat-stroked-button [color]="color()" (click)="primaryClick.emit($event)"
|
|
55
|
-
class="ngx-mat-split-button-primary ngx-mat-split-button-stroked"
|
|
56
|
-
[disabled]="primaryDisabled()">
|
|
57
|
-
<ng-container [ngTemplateOutlet]="primaryAction().templateRef" />
|
|
58
|
-
</button>
|
|
59
|
-
<button mat-stroked-button [color]="color()" [matMenuTriggerFor]="menu"
|
|
60
|
-
class="ngx-mat-split-button-trigger"
|
|
61
|
-
aria-label="Toggle menu"
|
|
62
|
-
[disabled]="menuTriggerDisabled()"
|
|
63
|
-
(click)="menuTriggerClick.emit($event)">
|
|
64
|
-
<mat-icon svgIcon="ngx-mat-split-arrow-down-icon" aria-label="Down arrow icon" />
|
|
65
|
-
</button>
|
|
66
|
-
} @else if (buttonStyle() === 'flat') {
|
|
67
|
-
<button mat-flat-button [color]="color()" (click)="primaryClick.emit($event)"
|
|
68
|
-
class="ngx-mat-split-button-primary ngx-mat-split-button-flat"
|
|
69
|
-
[disabled]="primaryDisabled()">
|
|
70
|
-
<ng-container [ngTemplateOutlet]="primaryAction().templateRef" />
|
|
71
|
-
</button>
|
|
72
|
-
<button mat-flat-button [color]="color()" [matMenuTriggerFor]="menu"
|
|
73
|
-
class="ngx-mat-split-button-trigger"
|
|
74
|
-
aria-label="Toggle menu"
|
|
75
|
-
[disabled]="menuTriggerDisabled()"
|
|
76
|
-
(click)="menuTriggerClick.emit($event)">
|
|
77
|
-
<mat-icon svgIcon="ngx-mat-split-arrow-down-icon" aria-label="Down arrow icon" />
|
|
78
|
-
</button>
|
|
79
|
-
}
|
|
80
|
-
<mat-menu #menu="matMenu" xPosition="before">
|
|
81
|
-
<ng-content />
|
|
82
|
-
</mat-menu>
|
|
83
|
-
`, 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"] }] });
|
|
84
|
-
}
|
|
85
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: NgxMatSplitButton, decorators: [{
|
|
86
|
-
type: Component,
|
|
87
|
-
args: [{ selector: 'ngx-mat-split-button', standalone: true, imports: [
|
|
88
|
-
CommonModule,
|
|
89
|
-
MatButton,
|
|
90
|
-
MatIcon,
|
|
91
|
-
MatMenuModule,
|
|
92
|
-
], template: `
|
|
93
|
-
@if (buttonStyle() === 'basic') {
|
|
94
|
-
<button mat-button [color]="color()" (click)="primaryClick.emit($event)"
|
|
95
|
-
class="ngx-mat-split-button-primary ngx-mat-split-button-basic"
|
|
96
|
-
[disabled]="primaryDisabled()">
|
|
97
|
-
<ng-container [ngTemplateOutlet]="primaryAction().templateRef" />
|
|
98
|
-
</button>
|
|
99
|
-
<button mat-button [color]="color()" [matMenuTriggerFor]="menu"
|
|
100
|
-
class="ngx-mat-split-button-trigger"
|
|
101
|
-
aria-label="Toggle menu"
|
|
102
|
-
[disabled]="menuTriggerDisabled()"
|
|
103
|
-
(click)="menuTriggerClick.emit($event)">
|
|
104
|
-
<mat-icon svgIcon="ngx-mat-split-arrow-down-icon" aria-label="Down arrow icon" />
|
|
105
|
-
</button>
|
|
106
|
-
} @else if (buttonStyle() === 'raised') {
|
|
107
|
-
<div class="ngx-mat-split-button-raised-wrapper">
|
|
108
|
-
<button mat-flat-button [color]="color()" (click)="primaryClick.emit($event)"
|
|
109
|
-
class="ngx-mat-split-button-primary ngx-mat-split-button-raised"
|
|
110
|
-
[disabled]="primaryDisabled()">
|
|
111
|
-
<ng-container [ngTemplateOutlet]="primaryAction().templateRef" />
|
|
112
|
-
</button>
|
|
113
|
-
<button mat-flat-button [color]="color()" [matMenuTriggerFor]="menu"
|
|
114
|
-
class="ngx-mat-split-button-trigger"
|
|
115
|
-
aria-label="Toggle menu"
|
|
116
|
-
[disabled]="menuTriggerDisabled()"
|
|
117
|
-
(click)="menuTriggerClick.emit($event)">
|
|
118
|
-
<mat-icon svgIcon="ngx-mat-split-arrow-down-icon" aria-label="Down arrow icon" />
|
|
119
|
-
</button>
|
|
120
|
-
</div>
|
|
121
|
-
} @else if (buttonStyle() === 'stroked') {
|
|
122
|
-
<button mat-stroked-button [color]="color()" (click)="primaryClick.emit($event)"
|
|
123
|
-
class="ngx-mat-split-button-primary ngx-mat-split-button-stroked"
|
|
124
|
-
[disabled]="primaryDisabled()">
|
|
125
|
-
<ng-container [ngTemplateOutlet]="primaryAction().templateRef" />
|
|
126
|
-
</button>
|
|
127
|
-
<button mat-stroked-button [color]="color()" [matMenuTriggerFor]="menu"
|
|
128
|
-
class="ngx-mat-split-button-trigger"
|
|
129
|
-
aria-label="Toggle menu"
|
|
130
|
-
[disabled]="menuTriggerDisabled()"
|
|
131
|
-
(click)="menuTriggerClick.emit($event)">
|
|
132
|
-
<mat-icon svgIcon="ngx-mat-split-arrow-down-icon" aria-label="Down arrow icon" />
|
|
133
|
-
</button>
|
|
134
|
-
} @else if (buttonStyle() === 'flat') {
|
|
135
|
-
<button mat-flat-button [color]="color()" (click)="primaryClick.emit($event)"
|
|
136
|
-
class="ngx-mat-split-button-primary ngx-mat-split-button-flat"
|
|
137
|
-
[disabled]="primaryDisabled()">
|
|
138
|
-
<ng-container [ngTemplateOutlet]="primaryAction().templateRef" />
|
|
139
|
-
</button>
|
|
140
|
-
<button mat-flat-button [color]="color()" [matMenuTriggerFor]="menu"
|
|
141
|
-
class="ngx-mat-split-button-trigger"
|
|
142
|
-
aria-label="Toggle menu"
|
|
143
|
-
[disabled]="menuTriggerDisabled()"
|
|
144
|
-
(click)="menuTriggerClick.emit($event)">
|
|
145
|
-
<mat-icon svgIcon="ngx-mat-split-arrow-down-icon" aria-label="Down arrow icon" />
|
|
146
|
-
</button>
|
|
147
|
-
}
|
|
148
|
-
<mat-menu #menu="matMenu" xPosition="before">
|
|
149
|
-
<ng-content />
|
|
150
|
-
</mat-menu>
|
|
151
|
-
`, 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"] }]
|
|
152
|
-
}], ctorParameters: () => [] });
|
|
153
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmd4LW1hdC1zcGxpdC1idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LW1hdC1zcGxpdC1idXR0b24vc3JjL2xpYi9uZ3gtbWF0LXNwbGl0LWJ1dHRvbi5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQy9FLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUNyRCxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDakQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ3ZELE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQzFFLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLDBDQUEwQyxDQUFDOzs7O0FBc0dwRixNQUFNLE9BQU8saUJBQWlCO0lBQ2pCLEtBQUssR0FBRyxLQUFLLEVBQVUsQ0FBQztJQUN4QixXQUFXLEdBQUcsS0FBSyxDQUEwQyxPQUFPLENBQUMsQ0FBQztJQUN0RSxlQUFlLEdBQUcsS0FBSyxFQUFXLENBQUM7SUFDbkMsbUJBQW1CLEdBQUcsS0FBSyxFQUFXLENBQUM7SUFFdkMsWUFBWSxHQUFHLE1BQU0sRUFBYyxDQUFDO0lBQ3BDLGdCQUFnQixHQUFHLE1BQU0sRUFBYyxDQUFDO0lBRXhDLGFBQWEsR0FBRyxZQUFZLENBQUMsUUFBUSxDQUFDLHdCQUF3QixDQUFDLENBQUM7SUFFekU7UUFDSSxNQUFNLE9BQU8sR0FBRyxNQUFNLENBQUMsd0JBQXdCLENBQUMsQ0FBQztRQUNqRCxPQUFPLENBQUMsVUFBVSxFQUFFLENBQUM7SUFDekIsQ0FBQzt3R0FkUSxpQkFBaUI7NEZBQWpCLGlCQUFpQixreEJBU3FCLHdCQUF3QixnRUFuRzdEOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQTJEWCx3eUJBakVLLFlBQVksc01BQ1osU0FBUyxpTEFDVCxPQUFPLDBJQUNQLGFBQWE7OzRGQTZGUixpQkFBaUI7a0JBcEc3QixTQUFTOytCQUNJLHNCQUFzQixjQUNwQixJQUFJLFdBQ1A7d0JBQ0wsWUFBWTt3QkFDWixTQUFTO3dCQUNULE9BQU87d0JBQ1AsYUFBYTtxQkFDaEIsWUFFUzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0EyRFgiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBjb250ZW50Q2hpbGQsIGluamVjdCwgaW5wdXQsIG91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTWF0QnV0dG9uIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvYnV0dG9uJztcbmltcG9ydCB7IE1hdEljb24gfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9pY29uJztcbmltcG9ydCB7IE1hdE1lbnVNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9tZW51JztcbmltcG9ydCB7IE5neE1hdFNwbGl0QnV0dG9uU2VydmljZSB9IGZyb20gJy4vbmd4LW1hdC1zcGxpdC1idXR0b24uc2VydmljZSc7XG5pbXBvcnQgeyBOZ3hNYXRTcGxpdFByaW1hcnlBY3Rpb24gfSBmcm9tICcuL25neC1tYXQtc3BsaXQtcHJpbWFyeS1hY3Rpb24uZGlyZWN0aXZlJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICduZ3gtbWF0LXNwbGl0LWJ1dHRvbicsXG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgICBpbXBvcnRzOiBbXG4gICAgICAgIENvbW1vbk1vZHVsZSxcbiAgICAgICAgTWF0QnV0dG9uLFxuICAgICAgICBNYXRJY29uLFxuICAgICAgICBNYXRNZW51TW9kdWxlLFxuICAgIF0sXG4gICAgLy8gTk9URTogdGhlIHJlcGV0aXRpdmUgY29kZSBoZXJlIGlzIHJlcXVpcmVkIGJlY2F1c2UgaXQgZG9lc24ndCBhcHBlYXIgdGhhdCB5b3UgY2FuIGNvbmRpdGlvbmFsbHkgYWRkIGRpcmVjdGl2ZXMgbGlrZSBgbWF0LWJ1dHRvbmAgdnMgYG1hdC1mbGF0LWJ1dHRvbmAuXG4gICAgdGVtcGxhdGU6IGBcbiAgICBAaWYgKGJ1dHRvblN0eWxlKCkgPT09ICdiYXNpYycpIHtcbiAgICAgICAgPGJ1dHRvbiBtYXQtYnV0dG9uIFtjb2xvcl09XCJjb2xvcigpXCIgKGNsaWNrKT1cInByaW1hcnlDbGljay5lbWl0KCRldmVudClcIlxuICAgICAgICAgICAgY2xhc3M9XCJuZ3gtbWF0LXNwbGl0LWJ1dHRvbi1wcmltYXJ5IG5neC1tYXQtc3BsaXQtYnV0dG9uLWJhc2ljXCJcbiAgICAgICAgICAgIFtkaXNhYmxlZF09XCJwcmltYXJ5RGlzYWJsZWQoKVwiPlxuICAgICAgICAgICAgPG5nLWNvbnRhaW5lciBbbmdUZW1wbGF0ZU91dGxldF09XCJwcmltYXJ5QWN0aW9uKCkudGVtcGxhdGVSZWZcIiAvPlxuICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgPGJ1dHRvbiBtYXQtYnV0dG9uIFtjb2xvcl09XCJjb2xvcigpXCIgW21hdE1lbnVUcmlnZ2VyRm9yXT1cIm1lbnVcIlxuICAgICAgICAgICAgY2xhc3M9XCJuZ3gtbWF0LXNwbGl0LWJ1dHRvbi10cmlnZ2VyXCJcbiAgICAgICAgICAgIGFyaWEtbGFiZWw9XCJUb2dnbGUgbWVudVwiXG4gICAgICAgICAgICBbZGlzYWJsZWRdPVwibWVudVRyaWdnZXJEaXNhYmxlZCgpXCJcbiAgICAgICAgICAgIChjbGljayk9XCJtZW51VHJpZ2dlckNsaWNrLmVtaXQoJGV2ZW50KVwiPlxuICAgICAgICAgICAgPG1hdC1pY29uIHN2Z0ljb249XCJuZ3gtbWF0LXNwbGl0LWFycm93LWRvd24taWNvblwiIGFyaWEtbGFiZWw9XCJEb3duIGFycm93IGljb25cIiAvPlxuICAgICAgICA8L2J1dHRvbj5cbiAgICB9IEBlbHNlIGlmIChidXR0b25TdHlsZSgpID09PSAncmFpc2VkJykge1xuICAgICAgICA8ZGl2IGNsYXNzPVwibmd4LW1hdC1zcGxpdC1idXR0b24tcmFpc2VkLXdyYXBwZXJcIj5cbiAgICAgICAgICAgIDxidXR0b24gbWF0LWZsYXQtYnV0dG9uIFtjb2xvcl09XCJjb2xvcigpXCIgKGNsaWNrKT1cInByaW1hcnlDbGljay5lbWl0KCRldmVudClcIlxuICAgICAgICAgICAgICAgIGNsYXNzPVwibmd4LW1hdC1zcGxpdC1idXR0b24tcHJpbWFyeSBuZ3gtbWF0LXNwbGl0LWJ1dHRvbi1yYWlzZWRcIlxuICAgICAgICAgICAgICAgIFtkaXNhYmxlZF09XCJwcmltYXJ5RGlzYWJsZWQoKVwiPlxuICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgW25nVGVtcGxhdGVPdXRsZXRdPVwicHJpbWFyeUFjdGlvbigpLnRlbXBsYXRlUmVmXCIgLz5cbiAgICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICAgICAgPGJ1dHRvbiBtYXQtZmxhdC1idXR0b24gW2NvbG9yXT1cImNvbG9yKClcIiBbbWF0TWVudVRyaWdnZXJGb3JdPVwibWVudVwiXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJuZ3gtbWF0LXNwbGl0LWJ1dHRvbi10cmlnZ2VyXCJcbiAgICAgICAgICAgICAgICBhcmlhLWxhYmVsPVwiVG9nZ2xlIG1lbnVcIlxuICAgICAgICAgICAgICAgIFtkaXNhYmxlZF09XCJtZW51VHJpZ2dlckRpc2FibGVkKClcIlxuICAgICAgICAgICAgICAgIChjbGljayk9XCJtZW51VHJpZ2dlckNsaWNrLmVtaXQoJGV2ZW50KVwiPlxuICAgICAgICAgICAgICAgIDxtYXQtaWNvbiBzdmdJY29uPVwibmd4LW1hdC1zcGxpdC1hcnJvdy1kb3duLWljb25cIiBhcmlhLWxhYmVsPVwiRG93biBhcnJvdyBpY29uXCIgLz5cbiAgICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICA8L2Rpdj5cbiAgICB9IEBlbHNlIGlmIChidXR0b25TdHlsZSgpID09PSAnc3Ryb2tlZCcpIHtcbiAgICAgICAgPGJ1dHRvbiBtYXQtc3Ryb2tlZC1idXR0b24gW2NvbG9yXT1cImNvbG9yKClcIiAoY2xpY2spPVwicHJpbWFyeUNsaWNrLmVtaXQoJGV2ZW50KVwiXG4gICAgICAgICAgICBjbGFzcz1cIm5neC1tYXQtc3BsaXQtYnV0dG9uLXByaW1hcnkgbmd4LW1hdC1zcGxpdC1idXR0b24tc3Ryb2tlZFwiXG4gICAgICAgICAgICBbZGlzYWJsZWRdPVwicHJpbWFyeURpc2FibGVkKClcIj5cbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgW25nVGVtcGxhdGVPdXRsZXRdPVwicHJpbWFyeUFjdGlvbigpLnRlbXBsYXRlUmVmXCIgLz5cbiAgICAgICAgPC9idXR0b24+XG4gICAgICAgIDxidXR0b24gbWF0LXN0cm9rZWQtYnV0dG9uIFtjb2xvcl09XCJjb2xvcigpXCIgW21hdE1lbnVUcmlnZ2VyRm9yXT1cIm1lbnVcIlxuICAgICAgICAgICAgY2xhc3M9XCJuZ3gtbWF0LXNwbGl0LWJ1dHRvbi10cmlnZ2VyXCJcbiAgICAgICAgICAgIGFyaWEtbGFiZWw9XCJUb2dnbGUgbWVudVwiXG4gICAgICAgICAgICBbZGlzYWJsZWRdPVwibWVudVRyaWdnZXJEaXNhYmxlZCgpXCJcbiAgICAgICAgICAgIChjbGljayk9XCJtZW51VHJpZ2dlckNsaWNrLmVtaXQoJGV2ZW50KVwiPlxuICAgICAgICAgICAgPG1hdC1pY29uIHN2Z0ljb249XCJuZ3gtbWF0LXNwbGl0LWFycm93LWRvd24taWNvblwiIGFyaWEtbGFiZWw9XCJEb3duIGFycm93IGljb25cIiAvPlxuICAgICAgICA8L2J1dHRvbj5cbiAgICB9IEBlbHNlIGlmIChidXR0b25TdHlsZSgpID09PSAnZmxhdCcpIHtcbiAgICAgICAgPGJ1dHRvbiBtYXQtZmxhdC1idXR0b24gW2NvbG9yXT1cImNvbG9yKClcIiAoY2xpY2spPVwicHJpbWFyeUNsaWNrLmVtaXQoJGV2ZW50KVwiXG4gICAgICAgICAgICBjbGFzcz1cIm5neC1tYXQtc3BsaXQtYnV0dG9uLXByaW1hcnkgbmd4LW1hdC1zcGxpdC1idXR0b24tZmxhdFwiXG4gICAgICAgICAgICBbZGlzYWJsZWRdPVwicHJpbWFyeURpc2FibGVkKClcIj5cbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgW25nVGVtcGxhdGVPdXRsZXRdPVwicHJpbWFyeUFjdGlvbigpLnRlbXBsYXRlUmVmXCIgLz5cbiAgICAgICAgPC9idXR0b24+XG4gICAgICAgIDxidXR0b24gbWF0LWZsYXQtYnV0dG9uIFtjb2xvcl09XCJjb2xvcigpXCIgW21hdE1lbnVUcmlnZ2VyRm9yXT1cIm1lbnVcIlxuICAgICAgICAgICAgY2xhc3M9XCJuZ3gtbWF0LXNwbGl0LWJ1dHRvbi10cmlnZ2VyXCJcbiAgICAgICAgICAgIGFyaWEtbGFiZWw9XCJUb2dnbGUgbWVudVwiXG4gICAgICAgICAgICBbZGlzYWJsZWRdPVwibWVudVRyaWdnZXJEaXNhYmxlZCgpXCJcbiAgICAgICAgICAgIChjbGljayk9XCJtZW51VHJpZ2dlckNsaWNrLmVtaXQoJGV2ZW50KVwiPlxuICAgICAgICAgICAgPG1hdC1pY29uIHN2Z0ljb249XCJuZ3gtbWF0LXNwbGl0LWFycm93LWRvd24taWNvblwiIGFyaWEtbGFiZWw9XCJEb3duIGFycm93IGljb25cIiAvPlxuICAgICAgICA8L2J1dHRvbj5cbiAgICB9XG4gICAgPG1hdC1tZW51ICNtZW51PVwibWF0TWVudVwiIHhQb3NpdGlvbj1cImJlZm9yZVwiPlxuICAgICAgICA8bmctY29udGVudCAvPlxuICAgIDwvbWF0LW1lbnU+XG4gIGAsXG4gICAgc3R5bGVzOiBgXG4gICAgLm5neC1tYXQtc3BsaXQtYnV0dG9uLXByaW1hcnkge1xuICAgICAgICBib3JkZXItdG9wLXJpZ2h0LXJhZGl1czogMDtcbiAgICAgICAgYm9yZGVyLWJvdHRvbS1yaWdodC1yYWRpdXM6IDA7XG4gICAgfVxuICAgIC5uZ3gtbWF0LXNwbGl0LWJ1dHRvbi10cmlnZ2VyIHtcbiAgICAgICAgYm9yZGVyLXRvcC1sZWZ0LXJhZGl1czogMDtcbiAgICAgICAgYm9yZGVyLWJvdHRvbS1sZWZ0LXJhZGl1czogMDtcbiAgICAgICAgYm9yZGVyLWxlZnQtd2lkdGg6IDA7XG4gICAgICAgIG1pbi13aWR0aDogM3JlbTtcblxuICAgICAgICBtYXQtaWNvbiB7XG4gICAgICAgICAgICAtLW1hdC10ZXh0LWJ1dHRvbi1pY29uLXNwYWNpbmc6IDA7XG4gICAgICAgICAgICAtLW1hdC1maWxsZWQtYnV0dG9uLWljb24tc3BhY2luZzogMDtcbiAgICAgICAgICAgIC0tbWF0LXByb3RlY3RlZC1idXR0b24taWNvbi1zcGFjaW5nOiAwO1xuICAgICAgICAgICAgLS1tYXQtb3V0bGluZWQtYnV0dG9uLWljb24tc3BhY2luZzogMDtcbiAgICAgICAgfVxuICAgIH1cbiAgICAubmd4LW1hdC1zcGxpdC1idXR0b24tcmFpc2VkLXdyYXBwZXIge1xuICAgICAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgICAgIGJvcmRlci1yYWRpdXM6IHZhcigtLW1kYy1maWxsZWQtYnV0dG9uLWNvbnRhaW5lci1zaGFwZSwgdmFyKC0tbWF0LWFwcC1jb3JuZXItZnVsbCkpO1xuICAgICAgICBib3gtc2hhZG93OiB2YXIoLS1tZGMtcHJvdGVjdGVkLWJ1dHRvbi1jb250YWluZXItZWxldmF0aW9uLXNoYWRvdywgdmFyKC0tbWF0LWFwcC1sZXZlbDEpKTtcbiAgICB9XG4gICAgLm5neC1tYXQtc3BsaXQtYnV0dG9uLWZsYXQge1xuICAgICAgICBtYXQtaWNvbiBzdmcge1xuICAgICAgICAgICAgZmlsbDogdmFyKC0tbWRjLWZpbGxlZC1idXR0b24tbGFiZWwtdGV4dC1jb2xvciwgdmFyKC0tbWF0LWFwcC1vbi1wcmltYXJ5KSk7XG4gICAgICAgIH1cbiAgICB9XG4gICAgYFxufSlcbmV4cG9ydCBjbGFzcyBOZ3hNYXRTcGxpdEJ1dHRvbiB7XG4gICAgcmVhZG9ubHkgY29sb3IgPSBpbnB1dDxzdHJpbmc+KCk7XG4gICAgcmVhZG9ubHkgYnV0dG9uU3R5bGUgPSBpbnB1dDwnYmFzaWMnIHwgJ3JhaXNlZCcgfCAnc3Ryb2tlZCcgfCAnZmxhdCc+KCdiYXNpYycpO1xuICAgIHJlYWRvbmx5IHByaW1hcnlEaXNhYmxlZCA9IGlucHV0PGJvb2xlYW4+KCk7XG4gICAgcmVhZG9ubHkgbWVudVRyaWdnZXJEaXNhYmxlZCA9IGlucHV0PGJvb2xlYW4+KCk7XG5cbiAgICByZWFkb25seSBwcmltYXJ5Q2xpY2sgPSBvdXRwdXQ8TW91c2VFdmVudD4oKTtcbiAgICByZWFkb25seSBtZW51VHJpZ2dlckNsaWNrID0gb3V0cHV0PE1vdXNlRXZlbnQ+KCk7XG5cbiAgICByZWFkb25seSBwcmltYXJ5QWN0aW9uID0gY29udGVudENoaWxkLnJlcXVpcmVkKE5neE1hdFNwbGl0UHJpbWFyeUFjdGlvbik7XG5cbiAgICBjb25zdHJ1Y3RvcigpIHtcbiAgICAgICAgY29uc3Qgc2VydmljZSA9IGluamVjdChOZ3hNYXRTcGxpdEJ1dHRvblNlcnZpY2UpO1xuICAgICAgICBzZXJ2aWNlLmluaXRpYWxpemUoKTtcbiAgICB9XG59XG4iXX0=
|
|
@@ -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=
|
|
@@ -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=
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { NgxMatSplitPrimaryAction } from './ngx-mat-split-primary-action.directive';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
export declare class NgxMatSplitButton {
|
|
4
|
-
readonly color: import("@angular/core").InputSignal<string | undefined>;
|
|
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>;
|
|
8
|
-
readonly primaryClick: import("@angular/core").OutputEmitterRef<MouseEvent>;
|
|
9
|
-
readonly menuTriggerClick: import("@angular/core").OutputEmitterRef<MouseEvent>;
|
|
10
|
-
readonly primaryAction: import("@angular/core").Signal<NgxMatSplitPrimaryAction>;
|
|
11
|
-
constructor();
|
|
12
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<NgxMatSplitButton, 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>;
|
|
14
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import * as i0 from "@angular/core";
|
|
2
|
-
export declare class NgxMatSplitButtonService {
|
|
3
|
-
constructor();
|
|
4
|
-
initialize(): void;
|
|
5
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<NgxMatSplitButtonService, never>;
|
|
6
|
-
static ɵprov: i0.ɵɵInjectableDeclaration<NgxMatSplitButtonService>;
|
|
7
|
-
}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { TemplateRef } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
export declare class NgxMatSplitPrimaryAction {
|
|
4
|
-
templateRef: TemplateRef<unknown>;
|
|
5
|
-
constructor(templateRef: TemplateRef<unknown>);
|
|
6
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<NgxMatSplitPrimaryAction, never>;
|
|
7
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<NgxMatSplitPrimaryAction, "[ngx-mat-split-primary-action]", never, {}, {}, never, never, true, never>;
|
|
8
|
-
}
|
package/public-api.d.ts
DELETED