npm - @feature23/ngx-mat-split-button - Versions diffs - 0.1.1 → 0.2.0 - Mend

@feature23/ngx-mat-split-button 0.1.1 → 0.2.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 (22) hide show

package/README.md +3 -0
package/esm2022/feature23-ngx-mat-split-button.mjs +5 -0
package/esm2022/lib/ngx-mat-split-button.component.mjs +153 -0
package/esm2022/lib/ngx-mat-split-button.service.mjs +26 -0
package/esm2022/lib/ngx-mat-split-primary-action.directive.mjs +18 -0
package/esm2022/public-api.mjs +6 -0
package/fesm2022/feature23-ngx-mat-split-button.mjs +201 -0
package/fesm2022/feature23-ngx-mat-split-button.mjs.map +1 -0
package/index.d.ts +5 -0
package/lib/ngx-mat-split-button.component.d.ts +14 -0
package/lib/ngx-mat-split-button.service.d.ts +7 -0
package/lib/ngx-mat-split-primary-action.directive.d.ts +8 -0
package/package.json +20 -3
package/{src/public-api.ts → public-api.d.ts} +0 -4
package/ng-package.json +0 -7
package/src/lib/ngx-mat-split-button.component.spec.ts +0 -23
package/src/lib/ngx-mat-split-button.component.ts +0 -109
package/src/lib/ngx-mat-split-button.service.ts +0 -23
package/src/lib/ngx-mat-split-primary-action.directive.ts +0 -10
package/tsconfig.lib.json +0 -15
package/tsconfig.lib.prod.json +0 -11
package/tsconfig.spec.json +0 -15

package/README.md CHANGED Viewed

@@ -37,6 +37,8 @@ The `ngx-mat-split-button` component has the following inputs to customize its a
 | --- | --- | --- |
 | `color` | `'primary' \| 'accent' \| 'warn' \| undefined` | (Optional; default `undefined`) The color of the primary action button. (Material 2 themes only.) |
 | `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`.) |
+| `primaryDisabled` | `boolean` | (Optional; default `false`) Whether the primary action button should be disabled. |
+| `menuTriggerDisabled` | `boolean` | (Optional; default `false`) Whether the dropdown menu trigger button should be disabled. |
 ## Events
@@ -45,5 +47,6 @@ The following output events are available to support interactivity:
 | Output | Event/Argument Type | Description |
 | --- | --- | --- |
 | `primaryClick` | `MouseEvent` | Emitted when the primary action button is clicked. |
+| `menuTriggerClick` | `MouseEvent` | Emitted when the dropdown menu trigger button is clicked. |
 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/esm2022/feature23-ngx-mat-split-button.mjs ADDED Viewed

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './public-api';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmVhdHVyZTIzLW5neC1tYXQtc3BsaXQtYnV0dG9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vcHJvamVjdHMvbmd4LW1hdC1zcGxpdC1idXR0b24vc3JjL2ZlYXR1cmUyMy1uZ3gtbWF0LXNwbGl0LWJ1dHRvbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsY0FBYyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL3B1YmxpYy1hcGknO1xuIl19

package/esm2022/lib/ngx-mat-split-button.component.mjs ADDED Viewed

@@ -0,0 +1,153 @@
+import { CommonModule } from '@angular/common';
+import { Component, contentChild, inject, input, output } from '@angular/core';
+import { MatButton } from '@angular/material/button';
+import { MatIcon } from '@angular/material/icon';
+import { MatMenuModule } from '@angular/material/menu';
+import { NgxMatSplitButtonService } from './ngx-mat-split-button.service';
+import { NgxMatSplitPrimaryAction } from './ngx-mat-split-primary-action.directive';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/material/menu";
+export class NgxMatSplitButton {
+    color = input();
+    buttonStyle = input('basic');
+    primaryDisabled = input();
+    menuTriggerDisabled = input();
+    primaryClick = output();
+    menuTriggerClick = output();
+    primaryAction = contentChild.required(NgxMatSplitPrimaryAction);
+    constructor() {
+        const service = inject(NgxMatSplitButtonService);
+        service.initialize();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: NgxMatSplitButton, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    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: `
+    @if (buttonStyle() === 'basic') {
+        <button mat-button [color]="color()" (click)="primaryClick.emit($event)"
+            class="ngx-mat-split-button-primary ngx-mat-split-button-basic"
+            [disabled]="primaryDisabled()">
+            <ng-container [ngTemplateOutlet]="primaryAction().templateRef" />
+        </button>
+        <button mat-button [color]="color()" [matMenuTriggerFor]="menu"
+            class="ngx-mat-split-button-trigger"
+            aria-label="Toggle menu"
+            [disabled]="menuTriggerDisabled()"
+            (click)="menuTriggerClick.emit($event)">
+            <mat-icon svgIcon="ngx-mat-split-arrow-down-icon" aria-label="Down arrow icon" />
+        </button>
+    } @else if (buttonStyle() === 'raised') {
+        <div class="ngx-mat-split-button-raised-wrapper">
+            <button mat-flat-button [color]="color()" (click)="primaryClick.emit($event)"
+                class="ngx-mat-split-button-primary ngx-mat-split-button-raised"
+                [disabled]="primaryDisabled()">
+                <ng-container [ngTemplateOutlet]="primaryAction().templateRef" />
+            </button>
+            <button mat-flat-button [color]="color()" [matMenuTriggerFor]="menu"
+                class="ngx-mat-split-button-trigger"
+                aria-label="Toggle menu"
+                [disabled]="menuTriggerDisabled()"
+                (click)="menuTriggerClick.emit($event)">
+                <mat-icon svgIcon="ngx-mat-split-arrow-down-icon" aria-label="Down arrow icon" />
+            </button>
+        </div>
+    } @else if (buttonStyle() === 'stroked') {
+        <button mat-stroked-button [color]="color()" (click)="primaryClick.emit($event)"
+            class="ngx-mat-split-button-primary ngx-mat-split-button-stroked"
+            [disabled]="primaryDisabled()">
+            <ng-container [ngTemplateOutlet]="primaryAction().templateRef" />
+        </button>
+        <button mat-stroked-button [color]="color()" [matMenuTriggerFor]="menu"
+            class="ngx-mat-split-button-trigger"
+            aria-label="Toggle menu"
+            [disabled]="menuTriggerDisabled()"
+            (click)="menuTriggerClick.emit($event)">
+            <mat-icon svgIcon="ngx-mat-split-arrow-down-icon" aria-label="Down arrow icon" />
+        </button>
+    } @else if (buttonStyle() === 'flat') {
+        <button mat-flat-button [color]="color()" (click)="primaryClick.emit($event)"
+            class="ngx-mat-split-button-primary ngx-mat-split-button-flat"
+            [disabled]="primaryDisabled()">
+            <ng-container [ngTemplateOutlet]="primaryAction().templateRef" />
+        </button>
+        <button mat-flat-button [color]="color()" [matMenuTriggerFor]="menu"
+            class="ngx-mat-split-button-trigger"
+            aria-label="Toggle menu"
+            [disabled]="menuTriggerDisabled()"
+            (click)="menuTriggerClick.emit($event)">
+            <mat-icon svgIcon="ngx-mat-split-arrow-down-icon" aria-label="Down arrow icon" />
+        </button>
+    }
+    <mat-menu #menu="matMenu" xPosition="before">
+        <ng-content />
+    </mat-menu>
+  `, 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"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: NgxMatSplitButton, decorators: [{
+            type: Component,
+            args: [{ selector: 'ngx-mat-split-button', standalone: true, imports: [
+                        CommonModule,
+                        MatButton,
+                        MatIcon,
+                        MatMenuModule,
+                    ], template: `
+    @if (buttonStyle() === 'basic') {
+        <button mat-button [color]="color()" (click)="primaryClick.emit($event)"
+            class="ngx-mat-split-button-primary ngx-mat-split-button-basic"
+            [disabled]="primaryDisabled()">
+            <ng-container [ngTemplateOutlet]="primaryAction().templateRef" />
+        </button>
+        <button mat-button [color]="color()" [matMenuTriggerFor]="menu"
+            class="ngx-mat-split-button-trigger"
+            aria-label="Toggle menu"
+            [disabled]="menuTriggerDisabled()"
+            (click)="menuTriggerClick.emit($event)">
+            <mat-icon svgIcon="ngx-mat-split-arrow-down-icon" aria-label="Down arrow icon" />
+        </button>
+    } @else if (buttonStyle() === 'raised') {
+        <div class="ngx-mat-split-button-raised-wrapper">
+            <button mat-flat-button [color]="color()" (click)="primaryClick.emit($event)"
+                class="ngx-mat-split-button-primary ngx-mat-split-button-raised"
+                [disabled]="primaryDisabled()">
+                <ng-container [ngTemplateOutlet]="primaryAction().templateRef" />
+            </button>
+            <button mat-flat-button [color]="color()" [matMenuTriggerFor]="menu"
+                class="ngx-mat-split-button-trigger"
+                aria-label="Toggle menu"
+                [disabled]="menuTriggerDisabled()"
+                (click)="menuTriggerClick.emit($event)">
+                <mat-icon svgIcon="ngx-mat-split-arrow-down-icon" aria-label="Down arrow icon" />
+            </button>
+        </div>
+    } @else if (buttonStyle() === 'stroked') {
+        <button mat-stroked-button [color]="color()" (click)="primaryClick.emit($event)"
+            class="ngx-mat-split-button-primary ngx-mat-split-button-stroked"
+            [disabled]="primaryDisabled()">
+            <ng-container [ngTemplateOutlet]="primaryAction().templateRef" />
+        </button>
+        <button mat-stroked-button [color]="color()" [matMenuTriggerFor]="menu"
+            class="ngx-mat-split-button-trigger"
+            aria-label="Toggle menu"
+            [disabled]="menuTriggerDisabled()"
+            (click)="menuTriggerClick.emit($event)">
+            <mat-icon svgIcon="ngx-mat-split-arrow-down-icon" aria-label="Down arrow icon" />
+        </button>
+    } @else if (buttonStyle() === 'flat') {
+        <button mat-flat-button [color]="color()" (click)="primaryClick.emit($event)"
+            class="ngx-mat-split-button-primary ngx-mat-split-button-flat"
+            [disabled]="primaryDisabled()">
+            <ng-container [ngTemplateOutlet]="primaryAction().templateRef" />
+        </button>
+        <button mat-flat-button [color]="color()" [matMenuTriggerFor]="menu"
+            class="ngx-mat-split-button-trigger"
+            aria-label="Toggle menu"
+            [disabled]="menuTriggerDisabled()"
+            (click)="menuTriggerClick.emit($event)">
+            <mat-icon svgIcon="ngx-mat-split-arrow-down-icon" aria-label="Down arrow icon" />
+        </button>
+    }
+    <mat-menu #menu="matMenu" xPosition="before">
+        <ng-content />
+    </mat-menu>
+  `, 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"] }]
+        }], ctorParameters: () => [] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmd4LW1hdC1zcGxpdC1idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LW1hdC1zcGxpdC1idXR0b24vc3JjL2xpYi9uZ3gtbWF0LXNwbGl0LWJ1dHRvbi5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQy9FLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUNyRCxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDakQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ3ZELE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQzFFLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLDBDQUEwQyxDQUFDOzs7O0FBc0dwRixNQUFNLE9BQU8saUJBQWlCO0lBQ2pCLEtBQUssR0FBRyxLQUFLLEVBQVUsQ0FBQztJQUN4QixXQUFXLEdBQUcsS0FBSyxDQUEwQyxPQUFPLENBQUMsQ0FBQztJQUN0RSxlQUFlLEdBQUcsS0FBSyxFQUFXLENBQUM7SUFDbkMsbUJBQW1CLEdBQUcsS0FBSyxFQUFXLENBQUM7SUFFdkMsWUFBWSxHQUFHLE1BQU0sRUFBYyxDQUFDO0lBQ3BDLGdCQUFnQixHQUFHLE1BQU0sRUFBYyxDQUFDO0lBRXhDLGFBQWEsR0FBRyxZQUFZLENBQUMsUUFBUSxDQUFDLHdCQUF3QixDQUFDLENBQUM7SUFFekU7UUFDSSxNQUFNLE9BQU8sR0FBRyxNQUFNLENBQUMsd0JBQXdCLENBQUMsQ0FBQztRQUNqRCxPQUFPLENBQUMsVUFBVSxFQUFFLENBQUM7SUFDekIsQ0FBQzt3R0FkUSxpQkFBaUI7NEZBQWpCLGlCQUFpQixreEJBU3FCLHdCQUF3QixnRUFuRzdEOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQTJEWCx3eUJBakVLLFlBQVksc01BQ1osU0FBUyxpTEFDVCxPQUFPLDBJQUNQLGFBQWE7OzRGQTZGUixpQkFBaUI7a0JBcEc3QixTQUFTOytCQUNJLHNCQUFzQixjQUNwQixJQUFJLFdBQ1A7d0JBQ0wsWUFBWTt3QkFDWixTQUFTO3dCQUNULE9BQU87d0JBQ1AsYUFBYTtxQkFDaEIsWUFFUzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0EyRFgiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBjb250ZW50Q2hpbGQsIGluamVjdCwgaW5wdXQsIG91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTWF0QnV0dG9uIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvYnV0dG9uJztcbmltcG9ydCB7IE1hdEljb24gfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9pY29uJztcbmltcG9ydCB7IE1hdE1lbnVNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9tZW51JztcbmltcG9ydCB7IE5neE1hdFNwbGl0QnV0dG9uU2VydmljZSB9IGZyb20gJy4vbmd4LW1hdC1zcGxpdC1idXR0b24uc2VydmljZSc7XG5pbXBvcnQgeyBOZ3hNYXRTcGxpdFByaW1hcnlBY3Rpb24gfSBmcm9tICcuL25neC1tYXQtc3BsaXQtcHJpbWFyeS1hY3Rpb24uZGlyZWN0aXZlJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICduZ3gtbWF0LXNwbGl0LWJ1dHRvbicsXG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgICBpbXBvcnRzOiBbXG4gICAgICAgIENvbW1vbk1vZHVsZSxcbiAgICAgICAgTWF0QnV0dG9uLFxuICAgICAgICBNYXRJY29uLFxuICAgICAgICBNYXRNZW51TW9kdWxlLFxuICAgIF0sXG4gICAgLy8gTk9URTogdGhlIHJlcGV0aXRpdmUgY29kZSBoZXJlIGlzIHJlcXVpcmVkIGJlY2F1c2UgaXQgZG9lc24ndCBhcHBlYXIgdGhhdCB5b3UgY2FuIGNvbmRpdGlvbmFsbHkgYWRkIGRpcmVjdGl2ZXMgbGlrZSBgbWF0LWJ1dHRvbmAgdnMgYG1hdC1mbGF0LWJ1dHRvbmAuXG4gICAgdGVtcGxhdGU6IGBcbiAgICBAaWYgKGJ1dHRvblN0eWxlKCkgPT09ICdiYXNpYycpIHtcbiAgICAgICAgPGJ1dHRvbiBtYXQtYnV0dG9uIFtjb2xvcl09XCJjb2xvcigpXCIgKGNsaWNrKT1cInByaW1hcnlDbGljay5lbWl0KCRldmVudClcIlxuICAgICAgICAgICAgY2xhc3M9XCJuZ3gtbWF0LXNwbGl0LWJ1dHRvbi1wcmltYXJ5IG5neC1tYXQtc3BsaXQtYnV0dG9uLWJhc2ljXCJcbiAgICAgICAgICAgIFtkaXNhYmxlZF09XCJwcmltYXJ5RGlzYWJsZWQoKVwiPlxuICAgICAgICAgICAgPG5nLWNvbnRhaW5lciBbbmdUZW1wbGF0ZU91dGxldF09XCJwcmltYXJ5QWN0aW9uKCkudGVtcGxhdGVSZWZcIiAvPlxuICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgPGJ1dHRvbiBtYXQtYnV0dG9uIFtjb2xvcl09XCJjb2xvcigpXCIgW21hdE1lbnVUcmlnZ2VyRm9yXT1cIm1lbnVcIlxuICAgICAgICAgICAgY2xhc3M9XCJuZ3gtbWF0LXNwbGl0LWJ1dHRvbi10cmlnZ2VyXCJcbiAgICAgICAgICAgIGFyaWEtbGFiZWw9XCJUb2dnbGUgbWVudVwiXG4gICAgICAgICAgICBbZGlzYWJsZWRdPVwibWVudVRyaWdnZXJEaXNhYmxlZCgpXCJcbiAgICAgICAgICAgIChjbGljayk9XCJtZW51VHJpZ2dlckNsaWNrLmVtaXQoJGV2ZW50KVwiPlxuICAgICAgICAgICAgPG1hdC1pY29uIHN2Z0ljb249XCJuZ3gtbWF0LXNwbGl0LWFycm93LWRvd24taWNvblwiIGFyaWEtbGFiZWw9XCJEb3duIGFycm93IGljb25cIiAvPlxuICAgICAgICA8L2J1dHRvbj5cbiAgICB9IEBlbHNlIGlmIChidXR0b25TdHlsZSgpID09PSAncmFpc2VkJykge1xuICAgICAgICA8ZGl2IGNsYXNzPVwibmd4LW1hdC1zcGxpdC1idXR0b24tcmFpc2VkLXdyYXBwZXJcIj5cbiAgICAgICAgICAgIDxidXR0b24gbWF0LWZsYXQtYnV0dG9uIFtjb2xvcl09XCJjb2xvcigpXCIgKGNsaWNrKT1cInByaW1hcnlDbGljay5lbWl0KCRldmVudClcIlxuICAgICAgICAgICAgICAgIGNsYXNzPVwibmd4LW1hdC1zcGxpdC1idXR0b24tcHJpbWFyeSBuZ3gtbWF0LXNwbGl0LWJ1dHRvbi1yYWlzZWRcIlxuICAgICAgICAgICAgICAgIFtkaXNhYmxlZF09XCJwcmltYXJ5RGlzYWJsZWQoKVwiPlxuICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgW25nVGVtcGxhdGVPdXRsZXRdPVwicHJpbWFyeUFjdGlvbigpLnRlbXBsYXRlUmVmXCIgLz5cbiAgICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICAgICAgPGJ1dHRvbiBtYXQtZmxhdC1idXR0b24gW2NvbG9yXT1cImNvbG9yKClcIiBbbWF0TWVudVRyaWdnZXJGb3JdPVwibWVudVwiXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJuZ3gtbWF0LXNwbGl0LWJ1dHRvbi10cmlnZ2VyXCJcbiAgICAgICAgICAgICAgICBhcmlhLWxhYmVsPVwiVG9nZ2xlIG1lbnVcIlxuICAgICAgICAgICAgICAgIFtkaXNhYmxlZF09XCJtZW51VHJpZ2dlckRpc2FibGVkKClcIlxuICAgICAgICAgICAgICAgIChjbGljayk9XCJtZW51VHJpZ2dlckNsaWNrLmVtaXQoJGV2ZW50KVwiPlxuICAgICAgICAgICAgICAgIDxtYXQtaWNvbiBzdmdJY29uPVwibmd4LW1hdC1zcGxpdC1hcnJvdy1kb3duLWljb25cIiBhcmlhLWxhYmVsPVwiRG93biBhcnJvdyBpY29uXCIgLz5cbiAgICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICA8L2Rpdj5cbiAgICB9IEBlbHNlIGlmIChidXR0b25TdHlsZSgpID09PSAnc3Ryb2tlZCcpIHtcbiAgICAgICAgPGJ1dHRvbiBtYXQtc3Ryb2tlZC1idXR0b24gW2NvbG9yXT1cImNvbG9yKClcIiAoY2xpY2spPVwicHJpbWFyeUNsaWNrLmVtaXQoJGV2ZW50KVwiXG4gICAgICAgICAgICBjbGFzcz1cIm5neC1tYXQtc3BsaXQtYnV0dG9uLXByaW1hcnkgbmd4LW1hdC1zcGxpdC1idXR0b24tc3Ryb2tlZFwiXG4gICAgICAgICAgICBbZGlzYWJsZWRdPVwicHJpbWFyeURpc2FibGVkKClcIj5cbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgW25nVGVtcGxhdGVPdXRsZXRdPVwicHJpbWFyeUFjdGlvbigpLnRlbXBsYXRlUmVmXCIgLz5cbiAgICAgICAgPC9idXR0b24+XG4gICAgICAgIDxidXR0b24gbWF0LXN0cm9rZWQtYnV0dG9uIFtjb2xvcl09XCJjb2xvcigpXCIgW21hdE1lbnVUcmlnZ2VyRm9yXT1cIm1lbnVcIlxuICAgICAgICAgICAgY2xhc3M9XCJuZ3gtbWF0LXNwbGl0LWJ1dHRvbi10cmlnZ2VyXCJcbiAgICAgICAgICAgIGFyaWEtbGFiZWw9XCJUb2dnbGUgbWVudVwiXG4gICAgICAgICAgICBbZGlzYWJsZWRdPVwibWVudVRyaWdnZXJEaXNhYmxlZCgpXCJcbiAgICAgICAgICAgIChjbGljayk9XCJtZW51VHJpZ2dlckNsaWNrLmVtaXQoJGV2ZW50KVwiPlxuICAgICAgICAgICAgPG1hdC1pY29uIHN2Z0ljb249XCJuZ3gtbWF0LXNwbGl0LWFycm93LWRvd24taWNvblwiIGFyaWEtbGFiZWw9XCJEb3duIGFycm93IGljb25cIiAvPlxuICAgICAgICA8L2J1dHRvbj5cbiAgICB9IEBlbHNlIGlmIChidXR0b25TdHlsZSgpID09PSAnZmxhdCcpIHtcbiAgICAgICAgPGJ1dHRvbiBtYXQtZmxhdC1idXR0b24gW2NvbG9yXT1cImNvbG9yKClcIiAoY2xpY2spPVwicHJpbWFyeUNsaWNrLmVtaXQoJGV2ZW50KVwiXG4gICAgICAgICAgICBjbGFzcz1cIm5neC1tYXQtc3BsaXQtYnV0dG9uLXByaW1hcnkgbmd4LW1hdC1zcGxpdC1idXR0b24tZmxhdFwiXG4gICAgICAgICAgICBbZGlzYWJsZWRdPVwicHJpbWFyeURpc2FibGVkKClcIj5cbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgW25nVGVtcGxhdGVPdXRsZXRdPVwicHJpbWFyeUFjdGlvbigpLnRlbXBsYXRlUmVmXCIgLz5cbiAgICAgICAgPC9idXR0b24+XG4gICAgICAgIDxidXR0b24gbWF0LWZsYXQtYnV0dG9uIFtjb2xvcl09XCJjb2xvcigpXCIgW21hdE1lbnVUcmlnZ2VyRm9yXT1cIm1lbnVcIlxuICAgICAgICAgICAgY2xhc3M9XCJuZ3gtbWF0LXNwbGl0LWJ1dHRvbi10cmlnZ2VyXCJcbiAgICAgICAgICAgIGFyaWEtbGFiZWw9XCJUb2dnbGUgbWVudVwiXG4gICAgICAgICAgICBbZGlzYWJsZWRdPVwibWVudVRyaWdnZXJEaXNhYmxlZCgpXCJcbiAgICAgICAgICAgIChjbGljayk9XCJtZW51VHJpZ2dlckNsaWNrLmVtaXQoJGV2ZW50KVwiPlxuICAgICAgICAgICAgPG1hdC1pY29uIHN2Z0ljb249XCJuZ3gtbWF0LXNwbGl0LWFycm93LWRvd24taWNvblwiIGFyaWEtbGFiZWw9XCJEb3duIGFycm93IGljb25cIiAvPlxuICAgICAgICA8L2J1dHRvbj5cbiAgICB9XG4gICAgPG1hdC1tZW51ICNtZW51PVwibWF0TWVudVwiIHhQb3NpdGlvbj1cImJlZm9yZVwiPlxuICAgICAgICA8bmctY29udGVudCAvPlxuICAgIDwvbWF0LW1lbnU+XG4gIGAsXG4gICAgc3R5bGVzOiBgXG4gICAgLm5neC1tYXQtc3BsaXQtYnV0dG9uLXByaW1hcnkge1xuICAgICAgICBib3JkZXItdG9wLXJpZ2h0LXJhZGl1czogMDtcbiAgICAgICAgYm9yZGVyLWJvdHRvbS1yaWdodC1yYWRpdXM6IDA7XG4gICAgfVxuICAgIC5uZ3gtbWF0LXNwbGl0LWJ1dHRvbi10cmlnZ2VyIHtcbiAgICAgICAgYm9yZGVyLXRvcC1sZWZ0LXJhZGl1czogMDtcbiAgICAgICAgYm9yZGVyLWJvdHRvbS1sZWZ0LXJhZGl1czogMDtcbiAgICAgICAgYm9yZGVyLWxlZnQtd2lkdGg6IDA7XG4gICAgICAgIG1pbi13aWR0aDogM3JlbTtcblxuICAgICAgICBtYXQtaWNvbiB7XG4gICAgICAgICAgICAtLW1hdC10ZXh0LWJ1dHRvbi1pY29uLXNwYWNpbmc6IDA7XG4gICAgICAgICAgICAtLW1hdC1maWxsZWQtYnV0dG9uLWljb24tc3BhY2luZzogMDtcbiAgICAgICAgICAgIC0tbWF0LXByb3RlY3RlZC1idXR0b24taWNvbi1zcGFjaW5nOiAwO1xuICAgICAgICAgICAgLS1tYXQtb3V0bGluZWQtYnV0dG9uLWljb24tc3BhY2luZzogMDtcbiAgICAgICAgfVxuICAgIH1cbiAgICAubmd4LW1hdC1zcGxpdC1idXR0b24tcmFpc2VkLXdyYXBwZXIge1xuICAgICAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgICAgIGJvcmRlci1yYWRpdXM6IHZhcigtLW1kYy1maWxsZWQtYnV0dG9uLWNvbnRhaW5lci1zaGFwZSwgdmFyKC0tbWF0LWFwcC1jb3JuZXItZnVsbCkpO1xuICAgICAgICBib3gtc2hhZG93OiB2YXIoLS1tZGMtcHJvdGVjdGVkLWJ1dHRvbi1jb250YWluZXItZWxldmF0aW9uLXNoYWRvdywgdmFyKC0tbWF0LWFwcC1sZXZlbDEpKTtcbiAgICB9XG4gICAgLm5neC1tYXQtc3BsaXQtYnV0dG9uLWZsYXQge1xuICAgICAgICBtYXQtaWNvbiBzdmcge1xuICAgICAgICAgICAgZmlsbDogdmFyKC0tbWRjLWZpbGxlZC1idXR0b24tbGFiZWwtdGV4dC1jb2xvciwgdmFyKC0tbWF0LWFwcC1vbi1wcmltYXJ5KSk7XG4gICAgICAgIH1cbiAgICB9XG4gICAgYFxufSlcbmV4cG9ydCBjbGFzcyBOZ3hNYXRTcGxpdEJ1dHRvbiB7XG4gICAgcmVhZG9ubHkgY29sb3IgPSBpbnB1dDxzdHJpbmc+KCk7XG4gICAgcmVhZG9ubHkgYnV0dG9uU3R5bGUgPSBpbnB1dDwnYmFzaWMnIHwgJ3JhaXNlZCcgfCAnc3Ryb2tlZCcgfCAnZmxhdCc+KCdiYXNpYycpO1xuICAgIHJlYWRvbmx5IHByaW1hcnlEaXNhYmxlZCA9IGlucHV0PGJvb2xlYW4+KCk7XG4gICAgcmVhZG9ubHkgbWVudVRyaWdnZXJEaXNhYmxlZCA9IGlucHV0PGJvb2xlYW4+KCk7XG5cbiAgICByZWFkb25seSBwcmltYXJ5Q2xpY2sgPSBvdXRwdXQ8TW91c2VFdmVudD4oKTtcbiAgICByZWFkb25seSBtZW51VHJpZ2dlckNsaWNrID0gb3V0cHV0PE1vdXNlRXZlbnQ+KCk7XG5cbiAgICByZWFkb25seSBwcmltYXJ5QWN0aW9uID0gY29udGVudENoaWxkLnJlcXVpcmVkKE5neE1hdFNwbGl0UHJpbWFyeUFjdGlvbik7XG5cbiAgICBjb25zdHJ1Y3RvcigpIHtcbiAgICAgICAgY29uc3Qgc2VydmljZSA9IGluamVjdChOZ3hNYXRTcGxpdEJ1dHRvblNlcnZpY2UpO1xuICAgICAgICBzZXJ2aWNlLmluaXRpYWxpemUoKTtcbiAgICB9XG59XG4iXX0=

package/esm2022/lib/ngx-mat-split-button.service.mjs ADDED Viewed

@@ -0,0 +1,26 @@
+import { inject, Injectable } from '@angular/core';
+import { MatIconRegistry } from '@angular/material/icon';
+import { DomSanitizer } from '@angular/platform-browser';
+import * as i0 from "@angular/core";
+const ARROW_DOWN_ICON = `
+<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>
+`;
+export class NgxMatSplitButtonService {
+    constructor() {
+        const iconRegistry = inject(MatIconRegistry);
+        const sanitizer = inject(DomSanitizer);
+        iconRegistry.addSvgIconLiteral('ngx-mat-split-arrow-down-icon', sanitizer.bypassSecurityTrustHtml(ARROW_DOWN_ICON));
+    }
+    initialize() {
+        // noop, ensure service is injected and constructor run
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: NgxMatSplitButtonService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: NgxMatSplitButtonService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: NgxMatSplitButtonService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmd4LW1hdC1zcGxpdC1idXR0b24uc2VydmljZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1tYXQtc3BsaXQtYnV0dG9uL3NyYy9saWIvbmd4LW1hdC1zcGxpdC1idXR0b24uc2VydmljZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsTUFBTSxFQUFFLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNuRCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDekQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLDJCQUEyQixDQUFDOztBQUV6RCxNQUFNLGVBQWUsR0FBRzs7Q0FFdkIsQ0FBQztBQUtGLE1BQU0sT0FBTyx3QkFBd0I7SUFFakM7UUFDSSxNQUFNLFlBQVksR0FBRyxNQUFNLENBQUMsZUFBZSxDQUFDLENBQUM7UUFDN0MsTUFBTSxTQUFTLEdBQUcsTUFBTSxDQUFDLFlBQVksQ0FBQyxDQUFDO1FBQ3ZDLFlBQVksQ0FBQyxpQkFBaUIsQ0FBQywrQkFBK0IsRUFBRSxTQUFTLENBQUMsdUJBQXVCLENBQUMsZUFBZSxDQUFDLENBQUMsQ0FBQztJQUN4SCxDQUFDO0lBRUQsVUFBVTtRQUNOLHVEQUF1RDtJQUMzRCxDQUFDO3dHQVZRLHdCQUF3Qjs0R0FBeEIsd0JBQXdCLGNBRnJCLE1BQU07OzRGQUVULHdCQUF3QjtrQkFIcEMsVUFBVTttQkFBQztvQkFDUixVQUFVLEVBQUUsTUFBTTtpQkFDckIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBpbmplY3QsIEluamVjdGFibGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE1hdEljb25SZWdpc3RyeSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2ljb24nO1xuaW1wb3J0IHsgRG9tU2FuaXRpemVyIH0gZnJvbSAnQGFuZ3VsYXIvcGxhdGZvcm0tYnJvd3Nlcic7XG5cbmNvbnN0IEFSUk9XX0RPV05fSUNPTiA9IGBcbjxzdmcgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiIGhlaWdodD1cIjI0cHhcIiB2aWV3Qm94PVwiMCAwIDI0IDI0XCIgd2lkdGg9XCIyNHB4XCI+PHBhdGggZD1cIk0wIDBoMjR2MjRIMHpcIiBmaWxsPVwibm9uZVwiLz48cGF0aCBkPVwiTTcgMTBsNSA1IDUtNXpcIi8+PC9zdmc+XG5gO1xuXG5ASW5qZWN0YWJsZSh7XG4gICAgcHJvdmlkZWRJbjogJ3Jvb3QnXG59KVxuZXhwb3J0IGNsYXNzIE5neE1hdFNwbGl0QnV0dG9uU2VydmljZSB7XG5cbiAgICBjb25zdHJ1Y3RvcigpIHtcbiAgICAgICAgY29uc3QgaWNvblJlZ2lzdHJ5ID0gaW5qZWN0KE1hdEljb25SZWdpc3RyeSk7XG4gICAgICAgIGNvbnN0IHNhbml0aXplciA9IGluamVjdChEb21TYW5pdGl6ZXIpO1xuICAgICAgICBpY29uUmVnaXN0cnkuYWRkU3ZnSWNvbkxpdGVyYWwoJ25neC1tYXQtc3BsaXQtYXJyb3ctZG93bi1pY29uJywgc2FuaXRpemVyLmJ5cGFzc1NlY3VyaXR5VHJ1c3RIdG1sKEFSUk9XX0RPV05fSUNPTikpO1xuICAgIH1cblxuICAgIGluaXRpYWxpemUoKSB7XG4gICAgICAgIC8vIG5vb3AsIGVuc3VyZSBzZXJ2aWNlIGlzIGluamVjdGVkIGFuZCBjb25zdHJ1Y3RvciBydW5cbiAgICB9XG59XG4iXX0=

package/esm2022/lib/ngx-mat-split-primary-action.directive.mjs ADDED Viewed

@@ -0,0 +1,18 @@
+import { Directive } from '@angular/core';
+import * as i0 from "@angular/core";
+export class NgxMatSplitPrimaryAction {
+    templateRef;
+    constructor(templateRef) {
+        this.templateRef = templateRef;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: NgxMatSplitPrimaryAction, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.12", type: NgxMatSplitPrimaryAction, isStandalone: true, selector: "[ngx-mat-split-primary-action]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: NgxMatSplitPrimaryAction, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ngx-mat-split-primary-action]',
+                    standalone: true,
+                }]
+        }], ctorParameters: () => [{ type: i0.TemplateRef }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmd4LW1hdC1zcGxpdC1wcmltYXJ5LWFjdGlvbi5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtbWF0LXNwbGl0LWJ1dHRvbi9zcmMvbGliL25neC1tYXQtc3BsaXQtcHJpbWFyeS1hY3Rpb24uZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQWUsTUFBTSxlQUFlLENBQUM7O0FBTXZELE1BQU0sT0FBTyx3QkFBd0I7SUFDZDtJQUFuQixZQUFtQixXQUFpQztRQUFqQyxnQkFBVyxHQUFYLFdBQVcsQ0FBc0I7SUFDcEQsQ0FBQzt3R0FGUSx3QkFBd0I7NEZBQXhCLHdCQUF3Qjs7NEZBQXhCLHdCQUF3QjtrQkFKcEMsU0FBUzttQkFBQztvQkFDUCxRQUFRLEVBQUUsZ0NBQWdDO29CQUMxQyxVQUFVLEVBQUUsSUFBSTtpQkFDbkIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIFRlbXBsYXRlUmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBEaXJlY3RpdmUoe1xuICAgIHNlbGVjdG9yOiAnW25neC1tYXQtc3BsaXQtcHJpbWFyeS1hY3Rpb25dJyxcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxufSlcbmV4cG9ydCBjbGFzcyBOZ3hNYXRTcGxpdFByaW1hcnlBY3Rpb24ge1xuICAgIGNvbnN0cnVjdG9yKHB1YmxpYyB0ZW1wbGF0ZVJlZjogVGVtcGxhdGVSZWY8dW5rbm93bj4pIHtcbiAgICB9XG4gfVxuIl19

package/esm2022/public-api.mjs ADDED Viewed

@@ -0,0 +1,6 @@
+/*
+ * Public API Surface of ngx-mat-split-button
+ */
+export * from './lib/ngx-mat-split-button.component';
+export * from './lib/ngx-mat-split-primary-action.directive';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL25neC1tYXQtc3BsaXQtYnV0dG9uL3NyYy9wdWJsaWMtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYyxzQ0FBc0MsQ0FBQztBQUNyRCxjQUFjLDhDQUE4QyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIFB1YmxpYyBBUEkgU3VyZmFjZSBvZiBuZ3gtbWF0LXNwbGl0LWJ1dHRvblxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vbGliL25neC1tYXQtc3BsaXQtYnV0dG9uLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9uZ3gtbWF0LXNwbGl0LXByaW1hcnktYWN0aW9uLmRpcmVjdGl2ZSc7XG4iXX0=

package/fesm2022/feature23-ngx-mat-split-button.mjs ADDED Viewed

@@ -0,0 +1,201 @@
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { inject, Injectable, Directive, input, output, contentChild, Component } from '@angular/core';
+import { MatButton } from '@angular/material/button';
+import { MatIconRegistry, MatIcon } from '@angular/material/icon';
+import * as i2 from '@angular/material/menu';
+import { MatMenuModule } from '@angular/material/menu';
+import { DomSanitizer } from '@angular/platform-browser';
+const ARROW_DOWN_ICON = `
+<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>
+`;
+class NgxMatSplitButtonService {
+    constructor() {
+        const iconRegistry = inject(MatIconRegistry);
+        const sanitizer = inject(DomSanitizer);
+        iconRegistry.addSvgIconLiteral('ngx-mat-split-arrow-down-icon', sanitizer.bypassSecurityTrustHtml(ARROW_DOWN_ICON));
+    }
+    initialize() {
+        // noop, ensure service is injected and constructor run
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: NgxMatSplitButtonService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: NgxMatSplitButtonService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: NgxMatSplitButtonService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [] });
+class NgxMatSplitPrimaryAction {
+    templateRef;
+    constructor(templateRef) {
+        this.templateRef = templateRef;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: NgxMatSplitPrimaryAction, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.12", type: NgxMatSplitPrimaryAction, isStandalone: true, selector: "[ngx-mat-split-primary-action]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: NgxMatSplitPrimaryAction, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ngx-mat-split-primary-action]',
+                    standalone: true,
+                }]
+        }], ctorParameters: () => [{ type: i0.TemplateRef }] });
+class NgxMatSplitButton {
+    color = input();
+    buttonStyle = input('basic');
+    primaryDisabled = input();
+    menuTriggerDisabled = input();
+    primaryClick = output();
+    menuTriggerClick = output();
+    primaryAction = contentChild.required(NgxMatSplitPrimaryAction);
+    constructor() {
+        const service = inject(NgxMatSplitButtonService);
+        service.initialize();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: NgxMatSplitButton, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    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: `
+    @if (buttonStyle() === 'basic') {
+        <button mat-button [color]="color()" (click)="primaryClick.emit($event)"
+            class="ngx-mat-split-button-primary ngx-mat-split-button-basic"
+            [disabled]="primaryDisabled()">
+            <ng-container [ngTemplateOutlet]="primaryAction().templateRef" />
+        </button>
+        <button mat-button [color]="color()" [matMenuTriggerFor]="menu"
+            class="ngx-mat-split-button-trigger"
+            aria-label="Toggle menu"
+            [disabled]="menuTriggerDisabled()"
+            (click)="menuTriggerClick.emit($event)">
+            <mat-icon svgIcon="ngx-mat-split-arrow-down-icon" aria-label="Down arrow icon" />
+        </button>
+    } @else if (buttonStyle() === 'raised') {
+        <div class="ngx-mat-split-button-raised-wrapper">
+            <button mat-flat-button [color]="color()" (click)="primaryClick.emit($event)"
+                class="ngx-mat-split-button-primary ngx-mat-split-button-raised"
+                [disabled]="primaryDisabled()">
+                <ng-container [ngTemplateOutlet]="primaryAction().templateRef" />
+            </button>
+            <button mat-flat-button [color]="color()" [matMenuTriggerFor]="menu"
+                class="ngx-mat-split-button-trigger"
+                aria-label="Toggle menu"
+                [disabled]="menuTriggerDisabled()"
+                (click)="menuTriggerClick.emit($event)">
+                <mat-icon svgIcon="ngx-mat-split-arrow-down-icon" aria-label="Down arrow icon" />
+            </button>
+        </div>
+    } @else if (buttonStyle() === 'stroked') {
+        <button mat-stroked-button [color]="color()" (click)="primaryClick.emit($event)"
+            class="ngx-mat-split-button-primary ngx-mat-split-button-stroked"
+            [disabled]="primaryDisabled()">
+            <ng-container [ngTemplateOutlet]="primaryAction().templateRef" />
+        </button>
+        <button mat-stroked-button [color]="color()" [matMenuTriggerFor]="menu"
+            class="ngx-mat-split-button-trigger"
+            aria-label="Toggle menu"
+            [disabled]="menuTriggerDisabled()"
+            (click)="menuTriggerClick.emit($event)">
+            <mat-icon svgIcon="ngx-mat-split-arrow-down-icon" aria-label="Down arrow icon" />
+        </button>
+    } @else if (buttonStyle() === 'flat') {
+        <button mat-flat-button [color]="color()" (click)="primaryClick.emit($event)"
+            class="ngx-mat-split-button-primary ngx-mat-split-button-flat"
+            [disabled]="primaryDisabled()">
+            <ng-container [ngTemplateOutlet]="primaryAction().templateRef" />
+        </button>
+        <button mat-flat-button [color]="color()" [matMenuTriggerFor]="menu"
+            class="ngx-mat-split-button-trigger"
+            aria-label="Toggle menu"
+            [disabled]="menuTriggerDisabled()"
+            (click)="menuTriggerClick.emit($event)">
+            <mat-icon svgIcon="ngx-mat-split-arrow-down-icon" aria-label="Down arrow icon" />
+        </button>
+    }
+    <mat-menu #menu="matMenu" xPosition="before">
+        <ng-content />
+    </mat-menu>
+  `, 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"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: NgxMatSplitButton, decorators: [{
+            type: Component,
+            args: [{ selector: 'ngx-mat-split-button', standalone: true, imports: [
+                        CommonModule,
+                        MatButton,
+                        MatIcon,
+                        MatMenuModule,
+                    ], template: `
+    @if (buttonStyle() === 'basic') {
+        <button mat-button [color]="color()" (click)="primaryClick.emit($event)"
+            class="ngx-mat-split-button-primary ngx-mat-split-button-basic"
+            [disabled]="primaryDisabled()">
+            <ng-container [ngTemplateOutlet]="primaryAction().templateRef" />
+        </button>
+        <button mat-button [color]="color()" [matMenuTriggerFor]="menu"
+            class="ngx-mat-split-button-trigger"
+            aria-label="Toggle menu"
+            [disabled]="menuTriggerDisabled()"
+            (click)="menuTriggerClick.emit($event)">
+            <mat-icon svgIcon="ngx-mat-split-arrow-down-icon" aria-label="Down arrow icon" />
+        </button>
+    } @else if (buttonStyle() === 'raised') {
+        <div class="ngx-mat-split-button-raised-wrapper">
+            <button mat-flat-button [color]="color()" (click)="primaryClick.emit($event)"
+                class="ngx-mat-split-button-primary ngx-mat-split-button-raised"
+                [disabled]="primaryDisabled()">
+                <ng-container [ngTemplateOutlet]="primaryAction().templateRef" />
+            </button>
+            <button mat-flat-button [color]="color()" [matMenuTriggerFor]="menu"
+                class="ngx-mat-split-button-trigger"
+                aria-label="Toggle menu"
+                [disabled]="menuTriggerDisabled()"
+                (click)="menuTriggerClick.emit($event)">
+                <mat-icon svgIcon="ngx-mat-split-arrow-down-icon" aria-label="Down arrow icon" />
+            </button>
+        </div>
+    } @else if (buttonStyle() === 'stroked') {
+        <button mat-stroked-button [color]="color()" (click)="primaryClick.emit($event)"
+            class="ngx-mat-split-button-primary ngx-mat-split-button-stroked"
+            [disabled]="primaryDisabled()">
+            <ng-container [ngTemplateOutlet]="primaryAction().templateRef" />
+        </button>
+        <button mat-stroked-button [color]="color()" [matMenuTriggerFor]="menu"
+            class="ngx-mat-split-button-trigger"
+            aria-label="Toggle menu"
+            [disabled]="menuTriggerDisabled()"
+            (click)="menuTriggerClick.emit($event)">
+            <mat-icon svgIcon="ngx-mat-split-arrow-down-icon" aria-label="Down arrow icon" />
+        </button>
+    } @else if (buttonStyle() === 'flat') {
+        <button mat-flat-button [color]="color()" (click)="primaryClick.emit($event)"
+            class="ngx-mat-split-button-primary ngx-mat-split-button-flat"
+            [disabled]="primaryDisabled()">
+            <ng-container [ngTemplateOutlet]="primaryAction().templateRef" />
+        </button>
+        <button mat-flat-button [color]="color()" [matMenuTriggerFor]="menu"
+            class="ngx-mat-split-button-trigger"
+            aria-label="Toggle menu"
+            [disabled]="menuTriggerDisabled()"
+            (click)="menuTriggerClick.emit($event)">
+            <mat-icon svgIcon="ngx-mat-split-arrow-down-icon" aria-label="Down arrow icon" />
+        </button>
+    }
+    <mat-menu #menu="matMenu" xPosition="before">
+        <ng-content />
+    </mat-menu>
+  `, 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"] }]
+        }], ctorParameters: () => [] });
+/*
+ * Public API Surface of ngx-mat-split-button
+ */
+/**
+ * Generated bundle index. Do not edit.
+ */
+export { NgxMatSplitButton, NgxMatSplitPrimaryAction };
+//# sourceMappingURL=feature23-ngx-mat-split-button.mjs.map

package/fesm2022/feature23-ngx-mat-split-button.mjs.map ADDED Viewed

@@ -0,0 +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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"}

package/index.d.ts ADDED Viewed

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@feature23/ngx-mat-split-button" />
+export * from './public-api';

package/lib/ngx-mat-split-button.component.d.ts ADDED Viewed

@@ -0,0 +1,14 @@
+import { NgxMatSplitPrimaryAction } from './ngx-mat-split-primary-action.directive';
+import * as i0 from "@angular/core";
+export declare class NgxMatSplitButton {
+    readonly color: import("@angular/core").InputSignal<string | undefined>;
+    readonly buttonStyle: import("@angular/core").InputSignal<"basic" | "raised" | "stroked" | "flat">;
+    readonly primaryDisabled: import("@angular/core").InputSignal<boolean | undefined>;
+    readonly menuTriggerDisabled: import("@angular/core").InputSignal<boolean | undefined>;
+    readonly primaryClick: import("@angular/core").OutputEmitterRef<MouseEvent>;
+    readonly menuTriggerClick: import("@angular/core").OutputEmitterRef<MouseEvent>;
+    readonly primaryAction: import("@angular/core").Signal<NgxMatSplitPrimaryAction>;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgxMatSplitButton, never>;
+    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>;
+}

package/lib/ngx-mat-split-button.service.d.ts ADDED Viewed

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+export declare class NgxMatSplitButtonService {
+    constructor();
+    initialize(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgxMatSplitButtonService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<NgxMatSplitButtonService>;
+}

package/lib/ngx-mat-split-primary-action.directive.d.ts ADDED Viewed

@@ -0,0 +1,8 @@
+import { TemplateRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class NgxMatSplitPrimaryAction {
+    templateRef: TemplateRef<unknown>;
+    constructor(templateRef: TemplateRef<unknown>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgxMatSplitPrimaryAction, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgxMatSplitPrimaryAction, "[ngx-mat-split-primary-action]", never, {}, {}, never, never, true, never>;
+}

package/package.json CHANGED Viewed

@@ -1,8 +1,12 @@
 {
   "name": "@feature23/ngx-mat-split-button",
-  "version": "0.1.1",
+  "version": "0.2.0",
   "license": "MIT",
   "private": false,
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/feature23/ngx-mat-split-button.git"
+  },
   "peerDependencies": {
     "@angular/common": "^18.2.0",
     "@angular/core": "^18.2.0",
@@ -11,5 +15,18 @@
   "dependencies": {
     "tslib": "^2.3.0"
   },
-  "sideEffects": false
-}
+  "sideEffects": false,
+  "module": "fesm2022/feature23-ngx-mat-split-button.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "esm2022": "./esm2022/feature23-ngx-mat-split-button.mjs",
+      "esm": "./esm2022/feature23-ngx-mat-split-button.mjs",
+      "default": "./fesm2022/feature23-ngx-mat-split-button.mjs"
+    }
+  }
+}

package/{src/public-api.ts → public-api.d.ts} RENAMED Viewed

@@ -1,6 +1,2 @@
-/*
- * Public API Surface of ngx-mat-split-button
- */
 export * from './lib/ngx-mat-split-button.component';
 export * from './lib/ngx-mat-split-primary-action.directive';

package/ng-package.json DELETED Viewed

@@ -1,7 +0,0 @@
-{
-  "$schema": "../../node_modules/ng-packagr/ng-package.schema.json",
-  "dest": "../../dist/ngx-mat-split-button",
-  "lib": {
-    "entryFile": "src/public-api.ts"
-  }
-}

package/src/lib/ngx-mat-split-button.component.spec.ts DELETED Viewed

@@ -1,23 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { NgxMatSplitButton } from './ngx-mat-split-button.component';
-describe('NgxMatSplitButton', () => {
-  let component: NgxMatSplitButton;
-  let fixture: ComponentFixture<NgxMatSplitButton>;
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [NgxMatSplitButton]
-    })
-    .compileComponents();
-    fixture = TestBed.createComponent(NgxMatSplitButton);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

package/src/lib/ngx-mat-split-button.component.ts DELETED Viewed

@@ -1,109 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component, contentChild, inject, input, output } from '@angular/core';
-import { MatButton } from '@angular/material/button';
-import { MatIcon } from '@angular/material/icon';
-import { MatMenuModule } from '@angular/material/menu';
-import { NgxMatSplitButtonService } from './ngx-mat-split-button.service';
-import { NgxMatSplitPrimaryAction } from './ngx-mat-split-primary-action.directive';
-@Component({
-    selector: 'ngx-mat-split-button',
-    standalone: true,
-    imports: [
-        CommonModule,
-        MatButton,
-        MatIcon,
-        MatMenuModule,
-    ],
-    // 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`.
-    template: `
-    @if (buttonStyle() === 'basic') {
-        <button mat-button [color]="color()" (click)="primaryClick.emit($event)"
-            class="ngx-mat-split-button-primary ngx-mat-split-button-basic">
-            <ng-container [ngTemplateOutlet]="primaryAction().templateRef" />
-        </button>
-        <button mat-button [color]="color()" [matMenuTriggerFor]="menu"
-            class="ngx-mat-split-button-trigger"
-            aria-label="Toggle dropdown">
-            <mat-icon svgIcon="ngx-mat-split-arrow-down-icon" aria-label="Down arrow icon" />
-        </button>
-    } @else if (buttonStyle() === 'raised') {
-        <div class="ngx-mat-split-button-raised-wrapper">
-            <button mat-flat-button [color]="color()" (click)="primaryClick.emit($event)"
-                class="ngx-mat-split-button-primary ngx-mat-split-button-raised">
-                <ng-container [ngTemplateOutlet]="primaryAction().templateRef" />
-            </button>
-            <button mat-flat-button [color]="color()" [matMenuTriggerFor]="menu"
-                class="ngx-mat-split-button-trigger"
-                aria-label="Toggle dropdown">
-                <mat-icon svgIcon="ngx-mat-split-arrow-down-icon" aria-label="Down arrow icon" />
-            </button>
-        </div>
-    } @else if (buttonStyle() === 'stroked') {
-        <button mat-stroked-button [color]="color()" (click)="primaryClick.emit($event)"
-            class="ngx-mat-split-button-primary ngx-mat-split-button-stroked">
-            <ng-container [ngTemplateOutlet]="primaryAction().templateRef" />
-        </button>
-        <button mat-stroked-button [color]="color()" [matMenuTriggerFor]="menu"
-            class="ngx-mat-split-button-trigger"
-            aria-label="Toggle dropdown">
-            <mat-icon svgIcon="ngx-mat-split-arrow-down-icon" aria-label="Down arrow icon" />
-        </button>
-    } @else if (buttonStyle() === 'flat') {
-        <button mat-flat-button [color]="color()" (click)="primaryClick.emit($event)"
-            class="ngx-mat-split-button-primary ngx-mat-split-button-flat">
-            <ng-container [ngTemplateOutlet]="primaryAction().templateRef" />
-        </button>
-        <button mat-flat-button [color]="color()" [matMenuTriggerFor]="menu"
-            class="ngx-mat-split-button-trigger"
-            aria-label="Toggle dropdown">
-            <mat-icon svgIcon="ngx-mat-split-arrow-down-icon" aria-label="Down arrow icon" />
-        </button>
-    }
-    <mat-menu #menu="matMenu" xPosition="before">
-        <ng-content />
-    </mat-menu>
-  `,
-    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;
-        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));
-        }
-    }
-    `
-})
-export class NgxMatSplitButton {
-    readonly color = input<string>();
-    readonly buttonStyle = input<'basic' | 'raised' | 'stroked' | 'flat'>('basic');
-    readonly primaryClick = output<MouseEvent>();
-    readonly primaryAction = contentChild.required(NgxMatSplitPrimaryAction);
-    constructor() {
-        const service = inject(NgxMatSplitButtonService);
-        service.initialize();
-    }
-}

package/src/lib/ngx-mat-split-button.service.ts DELETED Viewed

@@ -1,23 +0,0 @@
-import { inject, Injectable } from '@angular/core';
-import { MatIconRegistry } from '@angular/material/icon';
-import { DomSanitizer } from '@angular/platform-browser';
-const ARROW_DOWN_ICON = `
-<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>
-`;
-@Injectable({
-    providedIn: 'root'
-})
-export class NgxMatSplitButtonService {
-    constructor() {
-        const iconRegistry = inject(MatIconRegistry);
-        const sanitizer = inject(DomSanitizer);
-        iconRegistry.addSvgIconLiteral('ngx-mat-split-arrow-down-icon', sanitizer.bypassSecurityTrustHtml(ARROW_DOWN_ICON));
-    }
-    initialize() {
-        // noop, ensure service is injected and constructor run
-    }
-}

package/src/lib/ngx-mat-split-primary-action.directive.ts DELETED Viewed

@@ -1,10 +0,0 @@
-import { Directive, TemplateRef } from '@angular/core';
-@Directive({
-    selector: '[ngx-mat-split-primary-action]',
-    standalone: true,
-})
-export class NgxMatSplitPrimaryAction {
-    constructor(public templateRef: TemplateRef<unknown>) {
-    }
- }

package/tsconfig.lib.json DELETED Viewed

@@ -1,15 +0,0 @@
-/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
-/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
-{
-  "extends": "../../tsconfig.json",
-  "compilerOptions": {
-    "outDir": "../../out-tsc/lib",
-    "declaration": true,
-    "declarationMap": true,
-    "inlineSources": true,
-    "types": []
-  },
-  "exclude": [
-    "**/*.spec.ts"
-  ]
-}

package/tsconfig.lib.prod.json DELETED Viewed

@@ -1,11 +0,0 @@
-/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
-/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
-{
-  "extends": "./tsconfig.lib.json",
-  "compilerOptions": {
-    "declarationMap": false
-  },
-  "angularCompilerOptions": {
-    "compilationMode": "partial"
-  }
-}

package/tsconfig.spec.json DELETED Viewed

@@ -1,15 +0,0 @@
-/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
-/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
-{
-  "extends": "../../tsconfig.json",
-  "compilerOptions": {
-    "outDir": "../../out-tsc/spec",
-    "types": [
-      "jasmine"
-    ]
-  },
-  "include": [
-    "**/*.spec.ts",
-    "**/*.d.ts"
-  ]
-}