@ethlete/components 1.0.0-next.18 → 1.0.0-next.20

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ethlete/components",
-  "version": "1.0.0-next.18",
+  "version": "1.0.0-next.20",
   "license": "MIT",
   "sideEffects": false,
   "peerDependencies": {

package/types/ethlete-components.d.ts

@@ -668,11 +668,11 @@ declare class DropzoneDirective<TValue = unknown> implements FormValueControl<TV
     /** Whether multiple files can be uploaded. The control value becomes an array. */
     multiple: _angular_core.InputSignal<boolean>;
     /** Emits all files of a selection that were rejected, with the reason per file. */
-    filesRejected: _angular_core.OutputEmitterRef<DropzoneFileRejection[]>;
+    filesReject: _angular_core.OutputEmitterRef<DropzoneFileRejection[]>;
     /** Emits when the upload of an entry succeeded (after the control value was updated). */
-    uploadSucceeded: _angular_core.OutputEmitterRef<DropzoneEntry<TValue>>;
+    uploadSucceed: _angular_core.OutputEmitterRef<DropzoneEntry<TValue>>;
     /** Emits when the upload of an entry failed. */
-    uploadFailed: _angular_core.OutputEmitterRef<DropzoneEntry<TValue>>;
+    uploadFail: _angular_core.OutputEmitterRef<DropzoneEntry<TValue>>;
     private internalEntries;
     private internalLastRejections;
     private dragDepth;
@@ -722,7 +722,7 @@ declare class DropzoneDirective<TValue = unknown> implements FormValueControl<TV
     private syncValue;
     private reconcileValue;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DropzoneDirective<any>, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DropzoneDirective<any>, "[etDropzone]", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "upload": { "alias": "upload"; "required": true; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "touched": "touchedChange"; "filesRejected": "filesRejected"; "uploadSucceeded": "uploadSucceeded"; "uploadFailed": "uploadFailed"; }, never, never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DropzoneDirective<any>, "[etDropzone]", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "upload": { "alias": "upload"; "required": true; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "touched": "touchedChange"; "filesReject": "filesReject"; "uploadSucceed": "uploadSucceed"; "uploadFail": "uploadFail"; }, never, never, true, never>;
 }
 
 declare class DropzoneComponent {
@@ -788,7 +788,7 @@ declare class DropzoneComponent {
     protected removeEntryAnimated(entry: DropzoneEntry, entryElement: HTMLElement): void;
     private defaultUploadErrorMessage;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DropzoneComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DropzoneComponent, "et-dropzone", never, { "retryLabel": { "alias": "retryLabel"; "required": false; "isSignal": true; }; "removeLabel": { "alias": "removeLabel"; "required": false; "isSignal": true; }; "replaceLabel": { "alias": "replaceLabel"; "required": false; "isSignal": true; }; "uploadErrorLabel": { "alias": "uploadErrorLabel"; "required": false; "isSignal": true; }; "uploadErrorMessage": { "alias": "uploadErrorMessage"; "required": false; "isSignal": true; }; }, {}, never, ["et-label", "*", "et-hint"], true, [{ directive: typeof FormFieldDirective; inputs: {}; outputs: {}; }, { directive: typeof DropzoneDirective; inputs: { "value": "value"; "touched": "touched"; "disabled": "disabled"; "invalid": "invalid"; "errors": "errors"; "required": "required"; "name": "name"; "upload": "upload"; "multiple": "multiple"; }; outputs: { "valueChange": "valueChange"; "touchedChange": "touchedChange"; "filesRejected": "filesRejected"; "uploadSucceeded": "uploadSucceeded"; "uploadFailed": "uploadFailed"; }; }, { directive: typeof _ethlete_core.ProvideColorDirective; inputs: { "etProvideColor": "color"; }; outputs: {}; }]>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DropzoneComponent, "et-dropzone", never, { "retryLabel": { "alias": "retryLabel"; "required": false; "isSignal": true; }; "removeLabel": { "alias": "removeLabel"; "required": false; "isSignal": true; }; "replaceLabel": { "alias": "replaceLabel"; "required": false; "isSignal": true; }; "uploadErrorLabel": { "alias": "uploadErrorLabel"; "required": false; "isSignal": true; }; "uploadErrorMessage": { "alias": "uploadErrorMessage"; "required": false; "isSignal": true; }; }, {}, never, ["et-label", "*", "et-hint"], true, [{ directive: typeof FormFieldDirective; inputs: {}; outputs: {}; }, { directive: typeof DropzoneDirective; inputs: { "value": "value"; "touched": "touched"; "disabled": "disabled"; "invalid": "invalid"; "errors": "errors"; "required": "required"; "name": "name"; "upload": "upload"; "multiple": "multiple"; }; outputs: { "valueChange": "valueChange"; "touchedChange": "touchedChange"; "filesReject": "filesReject"; "uploadSucceed": "uploadSucceed"; "uploadFail": "uploadFail"; }; }, { directive: typeof _ethlete_core.ProvideColorDirective; inputs: { "etProvideColor": "color"; }; outputs: {}; }]>;
 }
 
 declare const DROPZONE_IMPORTS: readonly [typeof DropzoneComponent, typeof DropzoneDirective];
@@ -1849,14 +1849,14 @@ declare class GridItemComponent {
     gridResize: GridResizeDirective;
     private surfaceThemes;
     ariaLabel: _angular_core.InputSignal<string>;
-    removed: _angular_core.OutputEmitterRef<void>;
+    remove: _angular_core.OutputEmitterRef<void>;
     protected isReadOnly: _angular_core.Signal<boolean>;
     private resolvedSurface;
     constructor();
     protected blockPointerDownWhenReadOnly(event: PointerEvent): void;
     applyKeyboardShortcut(event: KeyboardEvent): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<GridItemComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<GridItemComponent, "et-grid-item, [et-grid-item]", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "removed": "removed"; }, never, ["*", "[etGridItemAction]"], true, [{ directive: typeof GridItemDirective; inputs: { "itemId": "itemId"; "minColSpan": "minColSpan"; "maxColSpan": "maxColSpan"; "minRowSpan": "minRowSpan"; "maxRowSpan": "maxRowSpan"; }; outputs: {}; }, { directive: typeof GridDragDirective; inputs: {}; outputs: {}; }, { directive: typeof GridResizeDirective; inputs: {}; outputs: {}; }, { directive: typeof _ethlete_core.ProvideSurfaceDirective; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<GridItemComponent, "et-grid-item, [et-grid-item]", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "remove": "remove"; }, never, ["*", "[etGridItemAction]"], true, [{ directive: typeof GridItemDirective; inputs: { "itemId": "itemId"; "minColSpan": "minColSpan"; "maxColSpan": "maxColSpan"; "minRowSpan": "minRowSpan"; "maxRowSpan": "maxRowSpan"; }; outputs: {}; }, { directive: typeof GridDragDirective; inputs: {}; outputs: {}; }, { directive: typeof GridResizeDirective; inputs: {}; outputs: {}; }, { directive: typeof _ethlete_core.ProvideSurfaceDirective; inputs: {}; outputs: {}; }]>;
 }
 
 declare class GridItemToolbarComponent {
@@ -2609,7 +2609,7 @@ declare class MenuItemDirective {
     private destroyRef;
     disabled: _angular_core.InputSignal<boolean>;
     closeOnActivate: _angular_core.InputSignal<boolean | undefined>;
-    activated: _angular_core.OutputEmitterRef<MenuItemActivationEvent>;
+    activate: _angular_core.OutputEmitterRef<MenuItemActivationEvent>;
     /** @internal The menu whose item list this item belongs to. */
     owner: MenuDirective | null;
     /** @internal The submenu this item opens when it doubles as a submenu trigger. */
@@ -2640,7 +2640,7 @@ declare class MenuItemDirective {
     protected handlePointerEnter(event: PointerEvent): void;
     protected handleFocus(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<MenuItemDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<MenuItemDirective, "[etMenuItem]", ["etMenuItem"], { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "closeOnActivate": { "alias": "closeOnActivate"; "required": false; "isSignal": true; }; }, { "activated": "activated"; }, never, never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<MenuItemDirective, "[etMenuItem]", ["etMenuItem"], { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "closeOnActivate": { "alias": "closeOnActivate"; "required": false; "isSignal": true; }; }, { "activate": "activate"; }, never, never, true, never>;
 }
 
 declare const MENU_SELECTION_GROUP_TOKEN: InjectionToken<MenuSelectionGroupDirectiveBase<unknown>>;
@@ -2724,7 +2724,7 @@ declare class MenuCheckboxGroupComponent {
 
 declare class MenuCheckboxItemComponent {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<MenuCheckboxItemComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MenuCheckboxItemComponent, "et-menu-checkbox-item", never, {}, {}, never, ["*"], true, [{ directive: typeof MenuItemDirective; inputs: { "closeOnActivate": "closeOnActivate"; }; outputs: { "activated": "activated"; }; }, { directive: typeof MenuSelectionItemDirective; inputs: { "value": "value"; "checked": "checked"; "indeterminate": "indeterminate"; "touched": "touched"; "disabled": "disabled"; "invalid": "invalid"; "errors": "errors"; "required": "required"; "name": "name"; }; outputs: { "checkedChange": "checkedChange"; "indeterminateChange": "indeterminateChange"; "touchedChange": "touchedChange"; }; }]>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MenuCheckboxItemComponent, "et-menu-checkbox-item", never, {}, {}, never, ["*"], true, [{ directive: typeof MenuItemDirective; inputs: { "closeOnActivate": "closeOnActivate"; }; outputs: { "activate": "activate"; }; }, { directive: typeof MenuSelectionItemDirective; inputs: { "value": "value"; "checked": "checked"; "indeterminate": "indeterminate"; "touched": "touched"; "disabled": "disabled"; "invalid": "invalid"; "errors": "errors"; "required": "required"; "name": "name"; }; outputs: { "checkedChange": "checkedChange"; "indeterminateChange": "indeterminateChange"; "touchedChange": "touchedChange"; }; }]>;
 }
 
 declare const MENU_ERROR_CODES: {
@@ -2760,7 +2760,7 @@ declare class MenuItemComponent {
     variant: _angular_core.InputSignal<MenuItemVariant>;
     constructor();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<MenuItemComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MenuItemComponent, "button[et-menu-item], a[et-menu-item]", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, {}, never, ["[etIcon]", "*", "et-menu-item-shortcut"], true, [{ directive: typeof MenuItemDirective; inputs: { "disabled": "disabled"; "closeOnActivate": "closeOnActivate"; }; outputs: { "activated": "activated"; }; }, { directive: typeof _ethlete_core.ProvideColorDirective; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MenuItemComponent, "button[et-menu-item], a[et-menu-item]", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, {}, never, ["[etIcon]", "*", "et-menu-item-shortcut"], true, [{ directive: typeof MenuItemDirective; inputs: { "disabled": "disabled"; "closeOnActivate": "closeOnActivate"; }; outputs: { "activate": "activate"; }; }, { directive: typeof _ethlete_core.ProvideColorDirective; inputs: {}; outputs: {}; }]>;
 }
 
 declare class MenuItemShortcutComponent {
@@ -2775,7 +2775,7 @@ declare class MenuRadioGroupComponent {
 
 declare class MenuRadioItemComponent {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<MenuRadioItemComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MenuRadioItemComponent, "et-menu-radio-item", never, {}, {}, never, ["*"], true, [{ directive: typeof MenuItemDirective; inputs: { "closeOnActivate": "closeOnActivate"; }; outputs: { "activated": "activated"; }; }, { directive: typeof MenuSelectionItemDirective; inputs: { "value": "value"; "checked": "checked"; "touched": "touched"; "disabled": "disabled"; "invalid": "invalid"; "errors": "errors"; "required": "required"; "name": "name"; }; outputs: { "checkedChange": "checkedChange"; "touchedChange": "touchedChange"; }; }]>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MenuRadioItemComponent, "et-menu-radio-item", never, {}, {}, never, ["*"], true, [{ directive: typeof MenuItemDirective; inputs: { "closeOnActivate": "closeOnActivate"; }; outputs: { "activate": "activate"; }; }, { directive: typeof MenuSelectionItemDirective; inputs: { "value": "value"; "checked": "checked"; "touched": "touched"; "disabled": "disabled"; "invalid": "invalid"; "errors": "errors"; "required": "required"; "name": "name"; }; outputs: { "checkedChange": "checkedChange"; "touchedChange": "touchedChange"; }; }]>;
 }
 
 declare class MenuSeparatorComponent {