@shineuix/angular 1.0.3 → 1.1.0

package/index.d.ts

@@ -745,6 +745,7 @@ declare class SuiButton {
      * Font Awesome class, e.g. "fa-regular fa-paper-plane". An icon with no `label` and no slot
      * content has no accessible name: give the element an `aria-label`, which is forwarded to the
      * button, or reach for `sui-icon-button`. An `aria-label` should contain the visible label.
+     * `aria-expanded`, `aria-haspopup`, `aria-controls` and `aria-pressed` reach it the same way.
      */
     icon?: Exclude<Components.SuiButton['icon'], undefined>;
     /**
@@ -3693,7 +3694,7 @@ declare class SuiCopyButton {
     copied: Components.SuiCopyButton['copied'];
     static ngAcceptInputType_copied: boolean | '';
     /**
-     * Confirmation text shown while in the check state, and announced through a polite live region.
+     * Confirmation announced through a polite live region, and shown under `feedback="text"`.
      */
     copiedLabel?: Exclude<Components.SuiCopyButton['copiedLabel'], undefined>;
     /**
@@ -3703,15 +3704,17 @@ declare class SuiCopyButton {
     disabled: Components.SuiCopyButton['disabled'];
     static ngAcceptInputType_disabled: boolean | '';
     /**
-     * Text shown for 1.6 s when the write fails, and announced, so the person who pressed sees the
-     * refusal; `suiCopyError` still fires for a host that wants to offer more. Defaults to
-     * "Not copied".
+     * Announced when the write fails, and shown for 1.6 s under `feedback="text"`; the glyph turns to
+     * a warning either way, so the person who pressed sees the refusal. `suiCopyError` still fires
+     * for a host that wants to offer more. Defaults to "Not copied".
      */
     errorLabel?: Exclude<Components.SuiCopyButton['errorLabel'], undefined>;
     /**
-     * Success face: `text` (default) shows the check glyph plus `copiedLabel`; `icon` shows the
-     * check glyph only. The polite live region still announces `copiedLabel` in both modes.
-     * @default 'text'
+     * Success face: `icon` (default) shows the check glyph on its tint, so the button is the size of
+     * what it draws; `text` adds `copiedLabel` beside the check, for a toolbar with room, and holds
+     * that room at rest, so what sits beside the button does not move. The polite live region announces
+     * `copiedLabel` in both modes.
+     * @default 'icon'
      */
     feedback: Components.SuiCopyButton['feedback'];
     /**
@@ -3908,8 +3911,9 @@ declare class SuiDataGrid {
      */
     rowHeights?: Exclude<Components.SuiDataGrid['rowHeights'], undefined>;
     /**
-     * Row identity `(row, index) => key`; defaults to the row index. Identity drives cell caching, so
-     * a grid whose rows reorder under it needs a real one. Property, not attribute.
+     * Row identity: the name of the field that holds it (`ref`), or a function
+     * `(row, index) => key`. Defaults to the row index, as does a row without that field. Identity
+     * drives cell caching, so a grid whose rows reorder under it needs a real one.
      */
     rowKey?: Exclude<Components.SuiDataGrid['rowKey'], undefined>;
     /**
@@ -4122,8 +4126,10 @@ declare class SuiDataTable {
      */
     density: Components.SuiDataTable['density'];
     /**
-     * Whether a double click or F2 opens one cell's editor, every editor in the row, or nothing. A
-     * column takes part only if it declares an `editor`. Enter commits and Escape cancels.
+     * Whether a double click or F2 opens one cell's editor, every editor in the row, or nothing.
+     * Every column takes part, in a plain text input unless it names an `editor`. A column opts out
+     * with `editable: false`, and one that draws its own cell takes part only if it names an
+     * `editor`. Enter commits and Escape cancels.
      * @default 'none'
      */
     editMode: Components.SuiDataTable['editMode'];
@@ -4256,9 +4262,10 @@ declare class SuiDataTable {
      */
     rowDetail?: Exclude<Components.SuiDataTable['rowDetail'], undefined>;
     /**
-     * Row identity `(row, index) => key`; defaults to the row index. Selection, expansion and the
-     * edit events all carry this key, so a table whose rows reorder needs a real one. Property, not
-     * attribute.
+     * Row identity: the name of the field that holds it (`ref`), or a function
+     * `(row, index) => key`. Defaults to the row index, as does a row without that field. Selection,
+     * expansion and the edit events all carry this key, so a table whose rows reorder needs a real
+     * one.
      */
     rowKey?: Exclude<Components.SuiDataTable['rowKey'], undefined>;
     /**
@@ -4411,7 +4418,9 @@ declare interface SuiDataTable extends Components.SuiDataTable {
      */
     suiSelectionChange: EventEmitter<SuiDataTableCustomEvent<SuiGridRowSelection>>;
     /**
-     * Fires when a row is clicked or activated with Enter; detail is `{ row, key, index, x, y }`.
+     * Fires when a row is clicked or activated with Enter; detail is `{ row, key, index, x, y }`. A
+  click or Enter on a button, a link or a field drawn in a cell is that control's own, and does not
+  fire this.
      */
     suiRowClick: EventEmitter<SuiDataTableCustomEvent<SuiDataTableRowEventDetail>>;
     /**
@@ -6705,9 +6714,21 @@ declare class SuiInputMask {
     /**
      * Native autocomplete token. Off by default: autofilled text is re-packed positionally, so a
      * value carrying a country code or extension mis-formats (`+1 812 282 0135` becomes
-     * `(181) 228-2013`). Opt in only where the mask matches the token exactly.
+     * `(181) 228-2013`). Opt in only where the mask matches the token exactly. `inputmode` and
+     * `enterkeyhint` set on the host reach the input the same way. Unset, `inputmode` is `numeric`
+     * for a mask whose slots all take digits.
      */
     autocomplete?: Exclude<Components.SuiInputMask['autocomplete'], undefined>;
+    /**
+     * Draws each typed character as a dot and adds an eye that shows them, for a value that should not
+     * sit on a screen, such as a tax ID or a Social Security number. The literals stay, so the format
+     * still reads: `•••-••-••••`. Only what is drawn changes: `value`, the events and the form keep
+     * the real characters. The field stays a text field, so a browser does not offer to save a tax ID as
+     * a password or fill a saved password into it, and copying it copies the dots.
+     * @default false
+     */
+    concealed: Components.SuiInputMask['concealed'];
+    static ngAcceptInputType_concealed: boolean | '';
     /**
      * Disables the field.
      * @default false
@@ -6722,6 +6743,11 @@ declare class SuiInputMask {
      * Help text under the field. Replaced by `error` when set.
      */
     help?: Exclude<Components.SuiInputMask['help'], undefined>;
+    /**
+     * Accessible name of the eye while the value is shown. Overrides the locale; defaults to
+     * "Hide value".
+     */
+    hideLabel?: Exclude<Components.SuiInputMask['hideLabel'], undefined>;
     /**
      * Danger border without a message (validation handled elsewhere).
      * @default false
@@ -6761,6 +6787,11 @@ declare class SuiInputMask {
      */
     required: Components.SuiInputMask['required'];
     static ngAcceptInputType_required: boolean | '';
+    /**
+     * Accessible name of the eye while the value is hidden. Overrides the locale; defaults to
+     * "Show value".
+     */
+    showLabel?: Exclude<Components.SuiInputMask['showLabel'], undefined>;
     /**
      * Control height: sm 28 for table rows, md 34 for forms and toolbars (the default, shared with the
      * select family and the buttons, so a form built from defaults is one height), lg 42 for a sign-in
@@ -6791,7 +6822,7 @@ declare class SuiInputMask {
     suiBlur: EventEmitter<SuiInputMaskCustomEvent<void>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<SuiInputMask, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SuiInputMask, "sui-input-mask", never, { "autoClear": { "alias": "autoClear"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "error": { "alias": "error"; "required": false; }; "help": { "alias": "help"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "label": { "alias": "label"; "required": false; }; "mask": { "alias": "mask"; "required": false; }; "name": { "alias": "name"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "size": { "alias": "size"; "required": false; }; "unmask": { "alias": "unmask"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "suiInput": "suiInput"; "suiChange": "suiChange"; "suiComplete": "suiComplete"; "suiFocus": "suiFocus"; "suiBlur": "suiBlur"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SuiInputMask, "sui-input-mask", never, { "autoClear": { "alias": "autoClear"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "concealed": { "alias": "concealed"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "error": { "alias": "error"; "required": false; }; "help": { "alias": "help"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "label": { "alias": "label"; "required": false; }; "mask": { "alias": "mask"; "required": false; }; "name": { "alias": "name"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "showLabel": { "alias": "showLabel"; "required": false; }; "size": { "alias": "size"; "required": false; }; "unmask": { "alias": "unmask"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "suiInput": "suiInput"; "suiChange": "suiChange"; "suiComplete": "suiComplete"; "suiFocus": "suiFocus"; "suiBlur": "suiBlur"; }, never, ["*"], true, never>;
 }
 declare interface SuiInputMask extends Components.SuiInputMask {
     /**
@@ -6854,7 +6885,8 @@ declare class SuiInputNumber {
      */
     help?: Exclude<Components.SuiInputNumber['help'], undefined>;
     /**
-     * Hides the up/down stepper column. The arrow keys still step the number.
+     * Hides the stepper buttons: a stacked pair with a mouse, side by side on a touch screen. The arrow
+     * keys still step the number.
      * @default false
      */
     hideButtons: Components.SuiInputNumber['hideButtons'];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shineuix/angular",
-  "version": "1.0.3",
+  "version": "1.1.0",
   "description": "Angular standalone directives for ShineUI web components.",
   "license": "MIT",
   "keywords": [
@@ -21,7 +21,7 @@
   },
   "dependencies": {
     "tslib": "^2.8.0",
-    "@shineuix/core": "1.0.3"
+    "@shineuix/core": "1.1.0"
   },
   "peerDependencies": {
     "@angular/core": "^20.0.0 || ^21.0.0 || ^22.0.0",