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

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

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 (21) hide show

package/esm2022/feature23-ngx-mat-split-button.mjs +5 -0
package/esm2022/lib/ngx-mat-split-button.component.mjs +126 -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 +174 -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 +11 -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/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,126 @@
+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');
+    primaryClick = 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 } }, outputs: { primaryClick: "primaryClick" }, 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">
+            <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>
+  `, 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">
+            <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}.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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmd4LW1hdC1zcGxpdC1idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LW1hdC1zcGxpdC1idXR0b24vc3JjL2xpYi9uZ3gtbWF0LXNwbGl0LWJ1dHRvbi5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQy9FLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUNyRCxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDakQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ3ZELE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQzFFLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLDBDQUEwQyxDQUFDOzs7O0FBMEZwRixNQUFNLE9BQU8saUJBQWlCO0lBQ2pCLEtBQUssR0FBRyxLQUFLLEVBQVUsQ0FBQztJQUN4QixXQUFXLEdBQUcsS0FBSyxDQUEwQyxPQUFPLENBQUMsQ0FBQztJQUV0RSxZQUFZLEdBQUcsTUFBTSxFQUFjLENBQUM7SUFFcEMsYUFBYSxHQUFHLFlBQVksQ0FBQyxRQUFRLENBQUMsd0JBQXdCLENBQUMsQ0FBQztJQUV6RTtRQUNJLE1BQU0sT0FBTyxHQUFHLE1BQU0sQ0FBQyx3QkFBd0IsQ0FBQyxDQUFDO1FBQ2pELE9BQU8sQ0FBQyxVQUFVLEVBQUUsQ0FBQztJQUN6QixDQUFDO3dHQVhRLGlCQUFpQjs0RkFBakIsaUJBQWlCLG9iQU1xQix3QkFBd0IsZ0VBcEY3RDs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0ErQ1gsd3lCQXJESyxZQUFZLHNNQUNaLFNBQVMsaUxBQ1QsT0FBTywwSUFDUCxhQUFhOzs0RkFpRlIsaUJBQWlCO2tCQXhGN0IsU0FBUzsrQkFDSSxzQkFBc0IsY0FDcEIsSUFBSSxXQUNQO3dCQUNMLFlBQVk7d0JBQ1osU0FBUzt3QkFDVCxPQUFPO3dCQUNQLGFBQWE7cUJBQ2hCLFlBRVM7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBK0NYIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENvbXBvbmVudCwgY29udGVudENoaWxkLCBpbmplY3QsIGlucHV0LCBvdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE1hdEJ1dHRvbiB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2J1dHRvbic7XG5pbXBvcnQgeyBNYXRJY29uIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvaWNvbic7XG5pbXBvcnQgeyBNYXRNZW51TW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvbWVudSc7XG5pbXBvcnQgeyBOZ3hNYXRTcGxpdEJ1dHRvblNlcnZpY2UgfSBmcm9tICcuL25neC1tYXQtc3BsaXQtYnV0dG9uLnNlcnZpY2UnO1xuaW1wb3J0IHsgTmd4TWF0U3BsaXRQcmltYXJ5QWN0aW9uIH0gZnJvbSAnLi9uZ3gtbWF0LXNwbGl0LXByaW1hcnktYWN0aW9uLmRpcmVjdGl2ZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnbmd4LW1hdC1zcGxpdC1idXR0b24nLFxuICAgIHN0YW5kYWxvbmU6IHRydWUsXG4gICAgaW1wb3J0czogW1xuICAgICAgICBDb21tb25Nb2R1bGUsXG4gICAgICAgIE1hdEJ1dHRvbixcbiAgICAgICAgTWF0SWNvbixcbiAgICAgICAgTWF0TWVudU1vZHVsZSxcbiAgICBdLFxuICAgIC8vIE5PVEU6IHRoZSByZXBldGl0aXZlIGNvZGUgaGVyZSBpcyByZXF1aXJlZCBiZWNhdXNlIGl0IGRvZXNuJ3QgYXBwZWFyIHRoYXQgeW91IGNhbiBjb25kaXRpb25hbGx5IGFkZCBkaXJlY3RpdmVzIGxpa2UgYG1hdC1idXR0b25gIHZzIGBtYXQtZmxhdC1idXR0b25gLlxuICAgIHRlbXBsYXRlOiBgXG4gICAgQGlmIChidXR0b25TdHlsZSgpID09PSAnYmFzaWMnKSB7XG4gICAgICAgIDxidXR0b24gbWF0LWJ1dHRvbiBbY29sb3JdPVwiY29sb3IoKVwiIChjbGljayk9XCJwcmltYXJ5Q2xpY2suZW1pdCgkZXZlbnQpXCJcbiAgICAgICAgICAgIGNsYXNzPVwibmd4LW1hdC1zcGxpdC1idXR0b24tcHJpbWFyeSBuZ3gtbWF0LXNwbGl0LWJ1dHRvbi1iYXNpY1wiPlxuICAgICAgICAgICAgPG5nLWNvbnRhaW5lciBbbmdUZW1wbGF0ZU91dGxldF09XCJwcmltYXJ5QWN0aW9uKCkudGVtcGxhdGVSZWZcIiAvPlxuICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgPGJ1dHRvbiBtYXQtYnV0dG9uIFtjb2xvcl09XCJjb2xvcigpXCIgW21hdE1lbnVUcmlnZ2VyRm9yXT1cIm1lbnVcIlxuICAgICAgICAgICAgY2xhc3M9XCJuZ3gtbWF0LXNwbGl0LWJ1dHRvbi10cmlnZ2VyXCJcbiAgICAgICAgICAgIGFyaWEtbGFiZWw9XCJUb2dnbGUgZHJvcGRvd25cIj5cbiAgICAgICAgICAgIDxtYXQtaWNvbiBzdmdJY29uPVwibmd4LW1hdC1zcGxpdC1hcnJvdy1kb3duLWljb25cIiBhcmlhLWxhYmVsPVwiRG93biBhcnJvdyBpY29uXCIgLz5cbiAgICAgICAgPC9idXR0b24+XG4gICAgfSBAZWxzZSBpZiAoYnV0dG9uU3R5bGUoKSA9PT0gJ3JhaXNlZCcpIHtcbiAgICAgICAgPGRpdiBjbGFzcz1cIm5neC1tYXQtc3BsaXQtYnV0dG9uLXJhaXNlZC13cmFwcGVyXCI+XG4gICAgICAgICAgICA8YnV0dG9uIG1hdC1mbGF0LWJ1dHRvbiBbY29sb3JdPVwiY29sb3IoKVwiIChjbGljayk9XCJwcmltYXJ5Q2xpY2suZW1pdCgkZXZlbnQpXCJcbiAgICAgICAgICAgICAgICBjbGFzcz1cIm5neC1tYXQtc3BsaXQtYnV0dG9uLXByaW1hcnkgbmd4LW1hdC1zcGxpdC1idXR0b24tcmFpc2VkXCI+XG4gICAgICAgICAgICAgICAgPG5nLWNvbnRhaW5lciBbbmdUZW1wbGF0ZU91dGxldF09XCJwcmltYXJ5QWN0aW9uKCkudGVtcGxhdGVSZWZcIiAvPlxuICAgICAgICAgICAgPC9idXR0b24+XG4gICAgICAgICAgICA8YnV0dG9uIG1hdC1mbGF0LWJ1dHRvbiBbY29sb3JdPVwiY29sb3IoKVwiIFttYXRNZW51VHJpZ2dlckZvcl09XCJtZW51XCJcbiAgICAgICAgICAgICAgICBjbGFzcz1cIm5neC1tYXQtc3BsaXQtYnV0dG9uLXRyaWdnZXJcIlxuICAgICAgICAgICAgICAgIGFyaWEtbGFiZWw9XCJUb2dnbGUgZHJvcGRvd25cIj5cbiAgICAgICAgICAgICAgICA8bWF0LWljb24gc3ZnSWNvbj1cIm5neC1tYXQtc3BsaXQtYXJyb3ctZG93bi1pY29uXCIgYXJpYS1sYWJlbD1cIkRvd24gYXJyb3cgaWNvblwiIC8+XG4gICAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgPC9kaXY+XG4gICAgfSBAZWxzZSBpZiAoYnV0dG9uU3R5bGUoKSA9PT0gJ3N0cm9rZWQnKSB7XG4gICAgICAgIDxidXR0b24gbWF0LXN0cm9rZWQtYnV0dG9uIFtjb2xvcl09XCJjb2xvcigpXCIgKGNsaWNrKT1cInByaW1hcnlDbGljay5lbWl0KCRldmVudClcIlxuICAgICAgICAgICAgY2xhc3M9XCJuZ3gtbWF0LXNwbGl0LWJ1dHRvbi1wcmltYXJ5IG5neC1tYXQtc3BsaXQtYnV0dG9uLXN0cm9rZWRcIj5cbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgW25nVGVtcGxhdGVPdXRsZXRdPVwicHJpbWFyeUFjdGlvbigpLnRlbXBsYXRlUmVmXCIgLz5cbiAgICAgICAgPC9idXR0b24+XG4gICAgICAgIDxidXR0b24gbWF0LXN0cm9rZWQtYnV0dG9uIFtjb2xvcl09XCJjb2xvcigpXCIgW21hdE1lbnVUcmlnZ2VyRm9yXT1cIm1lbnVcIlxuICAgICAgICAgICAgY2xhc3M9XCJuZ3gtbWF0LXNwbGl0LWJ1dHRvbi10cmlnZ2VyXCJcbiAgICAgICAgICAgIGFyaWEtbGFiZWw9XCJUb2dnbGUgZHJvcGRvd25cIj5cbiAgICAgICAgICAgIDxtYXQtaWNvbiBzdmdJY29uPVwibmd4LW1hdC1zcGxpdC1hcnJvdy1kb3duLWljb25cIiBhcmlhLWxhYmVsPVwiRG93biBhcnJvdyBpY29uXCIgLz5cbiAgICAgICAgPC9idXR0b24+XG4gICAgfSBAZWxzZSBpZiAoYnV0dG9uU3R5bGUoKSA9PT0gJ2ZsYXQnKSB7XG4gICAgICAgIDxidXR0b24gbWF0LWZsYXQtYnV0dG9uIFtjb2xvcl09XCJjb2xvcigpXCIgKGNsaWNrKT1cInByaW1hcnlDbGljay5lbWl0KCRldmVudClcIlxuICAgICAgICAgICAgY2xhc3M9XCJuZ3gtbWF0LXNwbGl0LWJ1dHRvbi1wcmltYXJ5IG5neC1tYXQtc3BsaXQtYnV0dG9uLWZsYXRcIj5cbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgW25nVGVtcGxhdGVPdXRsZXRdPVwicHJpbWFyeUFjdGlvbigpLnRlbXBsYXRlUmVmXCIgLz5cbiAgICAgICAgPC9idXR0b24+XG4gICAgICAgIDxidXR0b24gbWF0LWZsYXQtYnV0dG9uIFtjb2xvcl09XCJjb2xvcigpXCIgW21hdE1lbnVUcmlnZ2VyRm9yXT1cIm1lbnVcIlxuICAgICAgICAgICAgY2xhc3M9XCJuZ3gtbWF0LXNwbGl0LWJ1dHRvbi10cmlnZ2VyXCJcbiAgICAgICAgICAgIGFyaWEtbGFiZWw9XCJUb2dnbGUgZHJvcGRvd25cIj5cbiAgICAgICAgICAgIDxtYXQtaWNvbiBzdmdJY29uPVwibmd4LW1hdC1zcGxpdC1hcnJvdy1kb3duLWljb25cIiBhcmlhLWxhYmVsPVwiRG93biBhcnJvdyBpY29uXCIgLz5cbiAgICAgICAgPC9idXR0b24+XG4gICAgfVxuICAgIDxtYXQtbWVudSAjbWVudT1cIm1hdE1lbnVcIiB4UG9zaXRpb249XCJiZWZvcmVcIj5cbiAgICAgICAgPG5nLWNvbnRlbnQgLz5cbiAgICA8L21hdC1tZW51PlxuICBgLFxuICAgIHN0eWxlczogYFxuICAgIC5uZ3gtbWF0LXNwbGl0LWJ1dHRvbi1wcmltYXJ5IHtcbiAgICAgICAgYm9yZGVyLXRvcC1yaWdodC1yYWRpdXM6IDA7XG4gICAgICAgIGJvcmRlci1ib3R0b20tcmlnaHQtcmFkaXVzOiAwO1xuICAgIH1cbiAgICAubmd4LW1hdC1zcGxpdC1idXR0b24tdHJpZ2dlciB7XG4gICAgICAgIGJvcmRlci10b3AtbGVmdC1yYWRpdXM6IDA7XG4gICAgICAgIGJvcmRlci1ib3R0b20tbGVmdC1yYWRpdXM6IDA7XG4gICAgICAgIGJvcmRlci1sZWZ0LXdpZHRoOiAwO1xuICAgICAgICBtaW4td2lkdGg6IDNyZW07XG5cbiAgICAgICAgbWF0LWljb24ge1xuICAgICAgICAgICAgLS1tYXQtdGV4dC1idXR0b24taWNvbi1zcGFjaW5nOiAwO1xuICAgICAgICAgICAgLS1tYXQtZmlsbGVkLWJ1dHRvbi1pY29uLXNwYWNpbmc6IDA7XG4gICAgICAgICAgICAtLW1hdC1wcm90ZWN0ZWQtYnV0dG9uLWljb24tc3BhY2luZzogMDtcbiAgICAgICAgICAgIC0tbWF0LW91dGxpbmVkLWJ1dHRvbi1pY29uLXNwYWNpbmc6IDA7XG4gICAgICAgIH1cbiAgICB9XG4gICAgLm5neC1tYXQtc3BsaXQtYnV0dG9uLXJhaXNlZC13cmFwcGVyIHtcbiAgICAgICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICAgICAgICBib3JkZXItcmFkaXVzOiB2YXIoLS1tZGMtZmlsbGVkLWJ1dHRvbi1jb250YWluZXItc2hhcGUsIHZhcigtLW1hdC1hcHAtY29ybmVyLWZ1bGwpKTtcbiAgICAgICAgYm94LXNoYWRvdzogdmFyKC0tbWRjLXByb3RlY3RlZC1idXR0b24tY29udGFpbmVyLWVsZXZhdGlvbi1zaGFkb3csIHZhcigtLW1hdC1hcHAtbGV2ZWwxKSk7XG4gICAgfVxuICAgIC5uZ3gtbWF0LXNwbGl0LWJ1dHRvbi1mbGF0IHtcbiAgICAgICAgbWF0LWljb24gc3ZnIHtcbiAgICAgICAgICAgIGZpbGw6IHZhcigtLW1kYy1maWxsZWQtYnV0dG9uLWxhYmVsLXRleHQtY29sb3IsIHZhcigtLW1hdC1hcHAtb24tcHJpbWFyeSkpO1xuICAgICAgICB9XG4gICAgfVxuICAgIGBcbn0pXG5leHBvcnQgY2xhc3MgTmd4TWF0U3BsaXRCdXR0b24ge1xuICAgIHJlYWRvbmx5IGNvbG9yID0gaW5wdXQ8c3RyaW5nPigpO1xuICAgIHJlYWRvbmx5IGJ1dHRvblN0eWxlID0gaW5wdXQ8J2Jhc2ljJyB8ICdyYWlzZWQnIHwgJ3N0cm9rZWQnIHwgJ2ZsYXQnPignYmFzaWMnKTtcblxuICAgIHJlYWRvbmx5IHByaW1hcnlDbGljayA9IG91dHB1dDxNb3VzZUV2ZW50PigpO1xuXG4gICAgcmVhZG9ubHkgcHJpbWFyeUFjdGlvbiA9IGNvbnRlbnRDaGlsZC5yZXF1aXJlZChOZ3hNYXRTcGxpdFByaW1hcnlBY3Rpb24pO1xuXG4gICAgY29uc3RydWN0b3IoKSB7XG4gICAgICAgIGNvbnN0IHNlcnZpY2UgPSBpbmplY3QoTmd4TWF0U3BsaXRCdXR0b25TZXJ2aWNlKTtcbiAgICAgICAgc2VydmljZS5pbml0aWFsaXplKCk7XG4gICAgfVxufVxuIl19

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,174 @@
+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');
+    primaryClick = 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 } }, outputs: { primaryClick: "primaryClick" }, 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">
+            <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>
+  `, 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">
+            <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}.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 <ng-container [ngTemplateOutlet]=\"primaryAction().templateRef\" />\n </button>\n <button mat-button [color]=\"color()\" [matMenuTriggerFor]=\"menu\"\n class=\"ngx-mat-split-button-trigger\"\n aria-label=\"Toggle dropdown\">\n <mat-icon svgIcon=\"ngx-mat-split-arrow-down-icon\" aria-label=\"Down arrow icon\" />\n </button>\n } @else if (buttonStyle() === 'raised') {\n <div class=\"ngx-mat-split-button-raised-wrapper\">\n <button mat-flat-button [color]=\"color()\" (click)=\"primaryClick.emit($event)\"\n class=\"ngx-mat-split-button-primary ngx-mat-split-button-raised\">\n <ng-container [ngTemplateOutlet]=\"primaryAction().templateRef\" />\n </button>\n <button mat-flat-button [color]=\"color()\" [matMenuTriggerFor]=\"menu\"\n class=\"ngx-mat-split-button-trigger\"\n aria-label=\"Toggle dropdown\">\n <mat-icon svgIcon=\"ngx-mat-split-arrow-down-icon\" aria-label=\"Down arrow icon\" />\n </button>\n </div>\n } @else if (buttonStyle() === 'stroked') {\n <button mat-stroked-button [color]=\"color()\" (click)=\"primaryClick.emit($event)\"\n class=\"ngx-mat-split-button-primary ngx-mat-split-button-stroked\">\n <ng-container [ngTemplateOutlet]=\"primaryAction().templateRef\" />\n </button>\n <button mat-stroked-button [color]=\"color()\" [matMenuTriggerFor]=\"menu\"\n class=\"ngx-mat-split-button-trigger\"\n aria-label=\"Toggle dropdown\">\n <mat-icon svgIcon=\"ngx-mat-split-arrow-down-icon\" aria-label=\"Down arrow icon\" />\n </button>\n } @else if (buttonStyle() === 'flat') {\n <button mat-flat-button [color]=\"color()\" (click)=\"primaryClick.emit($event)\"\n class=\"ngx-mat-split-button-primary ngx-mat-split-button-flat\">\n <ng-container [ngTemplateOutlet]=\"primaryAction().templateRef\" />\n </button>\n <button mat-flat-button [color]=\"color()\" [matMenuTriggerFor]=\"menu\"\n class=\"ngx-mat-split-button-trigger\"\n aria-label=\"Toggle dropdown\">\n <mat-icon svgIcon=\"ngx-mat-split-arrow-down-icon\" aria-label=\"Down arrow icon\" />\n </button>\n }\n <mat-menu #menu=\"matMenu\" xPosition=\"before\">\n <ng-content />\n </mat-menu>\n `,\n styles: `\n .ngx-mat-split-button-primary {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n }\n .ngx-mat-split-button-trigger {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n border-left-width: 0;\n min-width: 3rem;\n\n mat-icon {\n --mat-text-button-icon-spacing: 0;\n --mat-filled-button-icon-spacing: 0;\n --mat-protected-button-icon-spacing: 0;\n --mat-outlined-button-icon-spacing: 0;\n }\n }\n .ngx-mat-split-button-raised-wrapper {\n display: inline-block;\n border-radius: var(--mdc-filled-button-container-shape, var(--mat-app-corner-full));\n box-shadow: var(--mdc-protected-button-container-elevation-shadow, var(--mat-app-level1));\n }\n .ngx-mat-split-button-flat {\n mat-icon svg {\n fill: var(--mdc-filled-button-label-text-color, var(--mat-app-on-primary));\n }\n }\n `\n})\nexport class NgxMatSplitButton {\n readonly color = input<string>();\n readonly buttonStyle = input<'basic' | 'raised' | 'stroked' | 'flat'>('basic');\n\n readonly primaryClick = output<MouseEvent>();\n\n readonly primaryAction = contentChild.required(NgxMatSplitPrimaryAction);\n\n constructor() {\n const service = inject(NgxMatSplitButtonService);\n service.initialize();\n }\n}\n","/*\n * Public API Surface of ngx-mat-split-button\n */\n\nexport * from './lib/ngx-mat-split-button.component';\nexport * from './lib/ngx-mat-split-primary-action.directive';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

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,11 @@
+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 primaryClick: 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; }; }, { "primaryClick": "primaryClick"; }, ["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.1.2",
   "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"
-  ]
-}