@emuanalytics/flow-rdf-ui 4.1.0-preview.21 → 4.1.0-preview.23

package/dist/index.d.mts

@@ -4374,6 +4374,9 @@ declare global {
  * @event flow-ui-remove - Emitted when the list item is removed. Calling `event.preventDefault()` will cancel the removal.
  * @event flow-ui-select - Emitted when a menu item is selected.
  *
+ * @event flow-ui-blur - Emitted when the control loses focus.
+ * @event flow-ui-focus - Emitted when the control gains focus.
+ *
  * @csspart base - The component's base wrapper.
  * @csspart input - The list item's flow-ui-input control.
  * @csspart prefix - The container that wraps the prefix.
@@ -4391,21 +4394,32 @@ declare class FlowUiListItem extends FlowRdfElement {
     static styles: CSSResultGroup;
     private readonly hasSlotController;
     /** @internal */
+    protected hasFocus: boolean;
+    /** @internal */
     input: FlowUiInput;
     /** The label text for the list item. */
     label: string;
     /** The tracking value (id) for the list item. */
     value: string;
+    checked: boolean;
     /** Set to enable renaming of the list item text. */
-    readonly: boolean;
+    editable: boolean;
     /** Set to reordering of the list item. */
     reorder: boolean;
     /** Set to enable removing the list item. */
     removable: boolean;
+    /** Set to enable removing the list item. */
+    disabled: boolean;
     constructor();
     connectedCallback(): void;
     disconnectedCallback(): void;
     rename(): void;
+    /** @internal */
+    handleCheckedChange(): void;
+    private addEventListeners;
+    private removeEventListeners;
+    private handleBlur;
+    private handleFocus;
     private handleMenuSelect;
     private handleInputEvents;
     private handleReorderPointerDown;
@@ -4424,37 +4438,25 @@ declare class FlowUiListItem extends FlowRdfElement {
  *
  * @dependency flow-ui-list-item
  *
- * @slot label - The panel header's text content. Alternatively, use the `label` attribute for plain text.
- * @slot prefix - The panel header's prefix content.
- * @slot suffix - The panel header's suffix content.
- * @slot expand-icon - Specify an alternative `<flow-ui-icon>` to use for the expand icon.
- * @slot collapse-icon - Specify an alternative `<flow-ui-icon>` to use for the collapse icon.
+ * @event flow-ui-change - Emitted when a list item is renamed **or**  a list item is selected (selectable lists only).
+ * @event flow-ui-input - Emitted when a list item is selected (selectable lists only).
  *
- * @event flow-ui-change - Emitted when a list item is renamed.
  * @event flow-ui-remove - Emitted when a list item is removed.
  * @event flow-ui-drag-start - Emitted when the user starts dragging to reorder list items.
  * @event flow-ui-drag-drop - Emitted when the user drops a list item to reorder it.
  * @event flow-ui-drag-end - Emitted when the drag-drop operation has finished or been cancelled.
  *
- * @csspart base - The component's base wrapper.
- * @csspart label - The container that wraps the label.
- * @csspart prefix - The container that wraps the prefix.
- * @csspart suffix - The container that wraps the suffix.
- * @csspart toggle-icon - The container that wraps the expand/collapse icon.
- *
- *
- * @cssproperty padding - The padding around the list item`.
- * @cssproperty height - The height of the list item.
- * @cssproperty background-color - The background color of the list item.
- * @cssproperty color - The text color of the list item.
- * @cssproperty accessory-color - The color of the accessory controls.
  */
 declare class FlowUiList extends FlowRdfElement {
     static styles: CSSResultGroup;
     private draggedItem;
     private draggedOverItem;
+    /** The current selected list item. (selectable lists only) */
+    value: string;
+    /** Set to enable radio-button-style selection of list items. */
+    selectable: boolean;
     /** Set to enable renaming of the list item text. */
-    readonly: boolean;
+    editable: boolean;
     /** Set to reordering of the list item. */
     reorder: boolean;
     /** Set to enable removing the list item. */
@@ -4463,6 +4465,14 @@ declare class FlowUiList extends FlowRdfElement {
     connectedCallback(): void;
     disconnectedCallback(): void;
     get listItems(): FlowUiListItem[];
+    /** @internal */
+    handleStyleChange(): void;
+    /** @internal */
+    handleValueChange(): void;
+    private handleItemClick;
+    private handleKeyDown;
+    private syncItems;
+    private updateCheckedItem;
     private handleDragStart;
     private handleDragOver;
     private handleDrop;

package/dist/index.d.ts

@@ -4374,6 +4374,9 @@ declare global {
  * @event flow-ui-remove - Emitted when the list item is removed. Calling `event.preventDefault()` will cancel the removal.
  * @event flow-ui-select - Emitted when a menu item is selected.
  *
+ * @event flow-ui-blur - Emitted when the control loses focus.
+ * @event flow-ui-focus - Emitted when the control gains focus.
+ *
  * @csspart base - The component's base wrapper.
  * @csspart input - The list item's flow-ui-input control.
  * @csspart prefix - The container that wraps the prefix.
@@ -4391,21 +4394,32 @@ declare class FlowUiListItem extends FlowRdfElement {
     static styles: CSSResultGroup;
     private readonly hasSlotController;
     /** @internal */
+    protected hasFocus: boolean;
+    /** @internal */
     input: FlowUiInput;
     /** The label text for the list item. */
     label: string;
     /** The tracking value (id) for the list item. */
     value: string;
+    checked: boolean;
     /** Set to enable renaming of the list item text. */
-    readonly: boolean;
+    editable: boolean;
     /** Set to reordering of the list item. */
     reorder: boolean;
     /** Set to enable removing the list item. */
     removable: boolean;
+    /** Set to enable removing the list item. */
+    disabled: boolean;
     constructor();
     connectedCallback(): void;
     disconnectedCallback(): void;
     rename(): void;
+    /** @internal */
+    handleCheckedChange(): void;
+    private addEventListeners;
+    private removeEventListeners;
+    private handleBlur;
+    private handleFocus;
     private handleMenuSelect;
     private handleInputEvents;
     private handleReorderPointerDown;
@@ -4424,37 +4438,25 @@ declare class FlowUiListItem extends FlowRdfElement {
  *
  * @dependency flow-ui-list-item
  *
- * @slot label - The panel header's text content. Alternatively, use the `label` attribute for plain text.
- * @slot prefix - The panel header's prefix content.
- * @slot suffix - The panel header's suffix content.
- * @slot expand-icon - Specify an alternative `<flow-ui-icon>` to use for the expand icon.
- * @slot collapse-icon - Specify an alternative `<flow-ui-icon>` to use for the collapse icon.
+ * @event flow-ui-change - Emitted when a list item is renamed **or**  a list item is selected (selectable lists only).
+ * @event flow-ui-input - Emitted when a list item is selected (selectable lists only).
  *
- * @event flow-ui-change - Emitted when a list item is renamed.
  * @event flow-ui-remove - Emitted when a list item is removed.
  * @event flow-ui-drag-start - Emitted when the user starts dragging to reorder list items.
  * @event flow-ui-drag-drop - Emitted when the user drops a list item to reorder it.
  * @event flow-ui-drag-end - Emitted when the drag-drop operation has finished or been cancelled.
  *
- * @csspart base - The component's base wrapper.
- * @csspart label - The container that wraps the label.
- * @csspart prefix - The container that wraps the prefix.
- * @csspart suffix - The container that wraps the suffix.
- * @csspart toggle-icon - The container that wraps the expand/collapse icon.
- *
- *
- * @cssproperty padding - The padding around the list item`.
- * @cssproperty height - The height of the list item.
- * @cssproperty background-color - The background color of the list item.
- * @cssproperty color - The text color of the list item.
- * @cssproperty accessory-color - The color of the accessory controls.
  */
 declare class FlowUiList extends FlowRdfElement {
     static styles: CSSResultGroup;
     private draggedItem;
     private draggedOverItem;
+    /** The current selected list item. (selectable lists only) */
+    value: string;
+    /** Set to enable radio-button-style selection of list items. */
+    selectable: boolean;
     /** Set to enable renaming of the list item text. */
-    readonly: boolean;
+    editable: boolean;
     /** Set to reordering of the list item. */
     reorder: boolean;
     /** Set to enable removing the list item. */
@@ -4463,6 +4465,14 @@ declare class FlowUiList extends FlowRdfElement {
     connectedCallback(): void;
     disconnectedCallback(): void;
     get listItems(): FlowUiListItem[];
+    /** @internal */
+    handleStyleChange(): void;
+    /** @internal */
+    handleValueChange(): void;
+    private handleItemClick;
+    private handleKeyDown;
+    private syncItems;
+    private updateCheckedItem;
     private handleDragStart;
     private handleDragOver;
     private handleDrop;

package/dist/package.json.mjs

@@ -1,3 +1,3 @@
-const version = "4.1.0-preview.20";
+const version = "4.1.0-preview.23";
 
 export { version };