boruto-xrmui 1.22.24 → 1.22.26

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "boruto-xrmui",
-  "version": "1.22.24",
+  "version": "1.22.26",
   "peerDependencies": {
     "@angular/common": "^22.1.0",
     "@angular/core": "^22.1.0",

package/styles/layout.scss

@@ -1,83 +1,208 @@
 .bo-columns {
-    display: flex;
-    height: 100%;
+  display: flex;
+  height: 100%;
+  overflow: hidden;
+  flex-direction: row;
+
+  .bo-column {
+    flex: 1;
+    min-height: 0;
     overflow: hidden;
-    flex-direction: row;
-    .bo-column {
-        flex: 1;
-        min-height: 0;
-        overflow: hidden;
-        position: relative;
-    }
-
-    .bo-overflow {
-        overflow: auto;
-    }
-
-    .bo-overflow-y {
-        overflow-y: auto;
-    }
-
-    .bo-overflow-x {
-        overflow-x: auto;
-    }
-
-    .bo-fixed {
-        flex: 0 0 var(--bo-fixed-size);
-    }
-
-    .bo-fixed-25 {flex: 0 0 25px;} 
-    .bo-fixed-50 {flex: 0 0 50px;} 
-    .bo-fixed-75 {flex: 0 0 75px;} 
-    .bo-fixed-100 {flex: 0 0 100px;} 
-    .bo-fixed-125 {flex: 0 0 125px;} 
-    .bo-fixed-150 {flex: 0 0 150px;} 
-    .bo-fixed-175 {flex: 0 0 175px;} 
-    .bo-fixed-200 {flex: 0 0 200px;} 
-    .bo-fixed-225 {flex: 0 0 225px;} 
-    .bo-fixed-250 {flex: 0 0 250px;} 
-    .bo-fixed-275 {flex: 0 0 275px;} 
-    .bo-fixed-300 {flex: 0 0 300px;} 
+    position: relative;
+  }
+
+  .bo-overflow {
+    overflow: auto;
+  }
+
+  .bo-overflow-y {
+    overflow-y: auto;
+  }
+
+  .bo-overflow-x {
+    overflow-x: auto;
+  }
+
+  .bo-fixed {
+    flex: 0 0 var(--bo-fixed-size);
+  }
+
+  .bo-fixed-25 {
+    flex: 0 0 25px;
+  }
+
+  .bo-fixed-50 {
+    flex: 0 0 50px;
+  }
+
+  .bo-fixed-75 {
+    flex: 0 0 75px;
+  }
+
+  .bo-fixed-100 {
+    flex: 0 0 100px;
+  }
+
+  .bo-fixed-125 {
+    flex: 0 0 125px;
+  }
+
+  .bo-fixed-150 {
+    flex: 0 0 150px;
+  }
+
+  .bo-fixed-175 {
+    flex: 0 0 175px;
+  }
+
+  .bo-fixed-200 {
+    flex: 0 0 200px;
+  }
+
+  .bo-fixed-225 {
+    flex: 0 0 225px;
+  }
+
+  .bo-fixed-250 {
+    flex: 0 0 250px;
+  }
+
+  .bo-fixed-275 {
+    flex: 0 0 275px;
+  }
+
+  .bo-fixed-300 {
+    flex: 0 0 300px;
+  }
 }
 
 .bo-rows {
-    display: flex;
-    height: 100%;
-    flex-direction: column;
-
-    .bo-row {
-        flex: 1;
-        min-height: 0;
-        overflow: hidden;
-        position: relative;
-    }
-
-    .bo-overflow {
-        overflow: auto;
-    }
-
-    .bo-overflow-y {
-        overflow-y: auto;
-    }
-
-    .bo-overflow-x {
-        overflow-x: auto;
-    }
-
-    .bo-fixed {
-        flex: 0 0 var(--bo-fixed-size);
-    }
-
-    .bo-fixed-25 {flex: 0 0 25px;} 
-    .bo-fixed-50 {flex: 0 0 50px;} 
-    .bo-fixed-75 {flex: 0 0 75px;} 
-    .bo-fixed-100 {flex: 0 0 100px;} 
-    .bo-fixed-125 {flex: 0 0 125px;} 
-    .bo-fixed-150 {flex: 0 0 150px;} 
-    .bo-fixed-175 {flex: 0 0 175px;} 
-    .bo-fixed-200 {flex: 0 0 200px;} 
-    .bo-fixed-225 {flex: 0 0 225px;} 
-    .bo-fixed-250 {flex: 0 0 250px;} 
-    .bo-fixed-275 {flex: 0 0 275px;} 
-    .bo-fixed-300 {flex: 0 0 300px;} 
+  display: flex;
+  height: 100%;
+  flex-direction: column;
+
+  .bo-row {
+    flex: 1;
+    min-height: 0;
+    overflow: hidden;
+    position: relative;
+  }
+
+  .bo-overflow {
+    overflow: auto;
+  }
+
+  .bo-overflow-y {
+    overflow-y: auto;
+  }
+
+  .bo-overflow-x {
+    overflow-x: auto;
+  }
+
+  .bo-fixed {
+    flex: 0 0 var(--bo-fixed-size);
+  }
+
+  .bo-fixed-25 {
+    flex: 0 0 25px;
+  }
+
+  .bo-fixed-50 {
+    flex: 0 0 50px;
+  }
+
+  .bo-fixed-75 {
+    flex: 0 0 75px;
+  }
+
+  .bo-fixed-100 {
+    flex: 0 0 100px;
+  }
+
+  .bo-fixed-125 {
+    flex: 0 0 125px;
+  }
+
+  .bo-fixed-150 {
+    flex: 0 0 150px;
+  }
+
+  .bo-fixed-175 {
+    flex: 0 0 175px;
+  }
+
+  .bo-fixed-200 {
+    flex: 0 0 200px;
+  }
+
+  .bo-fixed-225 {
+    flex: 0 0 225px;
+  }
+
+  .bo-fixed-250 {
+    flex: 0 0 250px;
+  }
+
+  .bo-fixed-275 {
+    flex: 0 0 275px;
+  }
+
+  .bo-fixed-300 {
+    flex: 0 0 300px;
+  }
 }
+
+.bo-grid-rows {
+  display: flex;
+  flex-direction: column;
+
+  .bo-row {
+    flex: 1;
+    min-height: 0;
+    overflow: hidden;
+  }
+
+  .bo-overflow {
+    overflow: auto;
+  }
+
+  .bo-overflow-y {
+    overflow-y: auto;
+  }
+
+  .bo-overflow-x {
+    overflow-x: auto;
+  }
+
+  .bo-fixed {
+    flex: 0 0 var(--bo-fixed-size);
+  }
+}
+
+.bo-grid-columns {
+  display: flex;
+  flex-direction: row;
+
+  .bo-column {
+    flex: 1;
+    min-height: 0;
+    overflow: hidden;
+  }
+
+  .bo-overflow {
+    overflow: auto;
+  }
+
+  .bo-overflow-y {
+    overflow-y: auto;
+  }
+
+  .bo-overflow-x {
+    overflow-x: auto;
+  }
+
+  .bo-fixed {
+    flex: 0 0 var(--bo-fixed-size);
+  }
+}

package/types/boruto-xrmui.d.ts

@@ -168,7 +168,7 @@ declare class KoHorizontalScrollComponent {
 
 declare class KoHorizontalSplitComponent {
     height: _angular_core.InputSignal<string>;
-    fixed: _angular_core.InputSignal<"bottom" | "top">;
+    fixed: _angular_core.InputSignal<"top" | "bottom">;
     constructor();
     topStyle: _angular_core.WritableSignal<any>;
     bottomStyle: _angular_core.WritableSignal<any>;
@@ -284,6 +284,8 @@ interface ISelectableService {
     clearAllSelections(): void;
     toggled?(id: string): void;
 }
+declare function enumToSelectable<T extends string | number>(enumType: Record<string, string | number>, icons?: Partial<Record<T, string>>): ISelectable[];
+declare function selectableToEnum<T extends number | string>(items: ISelectable[]): T[];
 
 interface OptionValue {
     Name: string;
@@ -461,6 +463,8 @@ declare class XrmuiInput {
     private formScope;
     private destroyRef;
     private blurThead?;
+    readonly setdefaultitem: ISelectable;
+    readonly selectall: ISelectable;
     label: _angular_core.InputSignal<string>;
     _shortLabel: _angular_core.InputSignal<boolean | "above" | undefined>;
     shortLabel: Signal<boolean | "above">;
@@ -472,10 +476,13 @@ declare class XrmuiInput {
     showlock: Signal<boolean>;
     required: _angular_core.InputSignal<boolean>;
     type: _angular_core.InputSignal<"number" | "text" | "password" | "checkbox">;
+    name: _angular_core.InputSignal<string>;
+    inputid: _angular_core.InputSignal<string>;
     setfocus: _angular_core.ModelSignal<boolean>;
     autocomplete: _angular_core.InputSignal<ISearchService | null>;
     selectable: _angular_core.InputSignal<ISelectable[] | null>;
     selected: _angular_core.ModelSignal<ISelectable | undefined>;
+    multiselected: _angular_core.ModelSignal<ISelectable[] | undefined>;
     optionsetvalue: _angular_core.InputSignal<OptionSetValue | null>;
     entityreference: _angular_core.InputSignal<EntityReference | null>;
     onselect: _angular_core.OutputEmitterRef<ISelectable | undefined>;
@@ -492,6 +499,9 @@ declare class XrmuiInput {
     nullable: _angular_core.InputSignal<boolean>;
     release: _angular_core.InputSignal<number | null>;
     released: _angular_core.OutputEmitterRef<void>;
+    isautocomplete: Signal<boolean>;
+    isselectable: Signal<boolean>;
+    ismultible: Signal<boolean>;
     autoopenonblank: Signal<boolean>;
     itemTemplate: _angular_core.InputSignal<TemplateRef<{
         $implicit: ISelectable;
@@ -516,32 +526,36 @@ declare class XrmuiInput {
     isselect: Signal<boolean>;
     isnumber: Signal<boolean>;
     inputclasses: Signal<string>;
+    isover: _angular_core.WritableSignal<boolean>;
     constructor();
     private lastBind;
+    allIsSelected: Signal<boolean>;
     private bindItems;
     pickDate(d: MatDatepickerInputEvent<any, any>): void;
     formatNumber(n: number): string;
     onValueChanged(): void;
     onCheckboxToggle(): void;
     onFocus(): void;
+    private autoRefocus;
     onBlur(): void;
     onBlurCheckbox(): void;
     onBlurDate(): void;
-    onBlurSelect(): void;
     ondown(e: Event): void;
     onup(e: Event): void;
+    openSelect(): void;
     onenter(e: Event): void;
     onesc(e: Event): void;
+    onbackspace(e: Event): void;
     onClick(): void;
     onkeydown(e: Event): void;
-    setchoice(v: Event): void;
-    setMenuChoice(v: ISelectable): void;
     select(e: Event, v: ISelectable): void;
+    private SetSelectedItem;
     private next;
     private ensureCurrentVisible;
     focusMe(e?: Event, clicked?: boolean): void;
     toolClicked(e: Event): void;
     private searchbyname;
+    isSelected(s: ISelectable): boolean;
     private dosearchbyname;
     private notifyOnChange;
     private releaseThread?;
@@ -553,11 +567,12 @@ declare class XrmuiInput {
     complete(ev: Event, e: ISelectable): Promise<void>;
     isexpanded(e: ISelectable): boolean;
     expandedvalues(e: ISelectable): ISelectable[] | null;
+    removeMultiSelected(e: Event, v: ISelectable): void;
     private setNumberValueString;
-    private showSuggestions;
-    private hideSuggestions;
+    private showAutocompleteSuggestions;
+    private hideAutocompleteSuggestions;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<XrmuiInput, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<XrmuiInput, "xrmui-input", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "_shortLabel": { "alias": "short-label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "_disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "_showlock": { "alias": "showlock"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "setfocus": { "alias": "setfocus"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "selectable": { "alias": "selectable"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "optionsetvalue": { "alias": "optionsetvalue"; "required": false; "isSignal": true; }; "entityreference": { "alias": "entityreference"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "validate": { "alias": "validate"; "required": false; "isSignal": true; }; "decimals": { "alias": "decimals"; "required": false; "isSignal": true; }; "resizeable": { "alias": "resizeable"; "required": false; "isSignal": true; }; "info": { "alias": "info"; "required": false; "isSignal": true; }; "notdark": { "alias": "notdark"; "required": false; "isSignal": true; }; "_autoopenonblank": { "alias": "autoopenonblank"; "required": false; "isSignal": true; }; "nullable": { "alias": "nullable"; "required": false; "isSignal": true; }; "release": { "alias": "release"; "required": false; "isSignal": true; }; "itemTemplate": { "alias": "itemTemplate"; "required": false; "isSignal": true; }; "toolIcon": { "alias": "toolIcon"; "required": false; "isSignal": true; }; "numberoflines": { "alias": "numberoflines"; "required": false; "isSignal": true; }; "maxlength": { "alias": "maxlength"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "setfocus": "setfocusChange"; "selected": "selectedChange"; "onselect": "onselect"; "validate": "validateChange"; "onfocusEvent": "focus"; "onblurEvent": "blur"; "click": "click"; "released": "released"; "decimalsUsed": "decimalsUsed"; "onEnter": "onEnter"; "toolClick": "toolClick"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<XrmuiInput, "xrmui-input", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "_shortLabel": { "alias": "short-label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "_disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "_showlock": { "alias": "showlock"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "inputid": { "alias": "inputid"; "required": false; "isSignal": true; }; "setfocus": { "alias": "setfocus"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "selectable": { "alias": "selectable"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "multiselected": { "alias": "multiselected"; "required": false; "isSignal": true; }; "optionsetvalue": { "alias": "optionsetvalue"; "required": false; "isSignal": true; }; "entityreference": { "alias": "entityreference"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "validate": { "alias": "validate"; "required": false; "isSignal": true; }; "decimals": { "alias": "decimals"; "required": false; "isSignal": true; }; "resizeable": { "alias": "resizeable"; "required": false; "isSignal": true; }; "info": { "alias": "info"; "required": false; "isSignal": true; }; "notdark": { "alias": "notdark"; "required": false; "isSignal": true; }; "_autoopenonblank": { "alias": "autoopenonblank"; "required": false; "isSignal": true; }; "nullable": { "alias": "nullable"; "required": false; "isSignal": true; }; "release": { "alias": "release"; "required": false; "isSignal": true; }; "itemTemplate": { "alias": "itemTemplate"; "required": false; "isSignal": true; }; "toolIcon": { "alias": "toolIcon"; "required": false; "isSignal": true; }; "numberoflines": { "alias": "numberoflines"; "required": false; "isSignal": true; }; "maxlength": { "alias": "maxlength"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "setfocus": "setfocusChange"; "selected": "selectedChange"; "multiselected": "multiselectedChange"; "onselect": "onselect"; "validate": "validateChange"; "onfocusEvent": "focus"; "onblurEvent": "blur"; "click": "click"; "released": "released"; "decimalsUsed": "decimalsUsed"; "onEnter": "onEnter"; "toolClick": "toolClick"; }, never, never, true, never>;
 }
 
 declare class XrmuiRibbon {
@@ -665,5 +680,5 @@ declare class BorutoXrmUIModule {
     static ɵinj: _angular_core.ɵɵInjectorDeclaration<BorutoXrmUIModule>;
 }
 
-export { BorutoXrmUIModule, CTRL_KEYS, ChangeScopeDirective, DECIMALS, DKCustomDateAdapter, FormScopeDirective, KiponUiModule, KoAlertComponent, KoButtonGroupComponent, KoDecimalDirective, KoDivider, KoExpansionPanelComponent, KoFocusDirective, KoHeaderComponent, KoHorizontalScrollComponent, KoHorizontalSplitComponent, KoLeftMenuComponent, KoMainComponent, KoNavigationByCssClass, KoNavigationByImageUrl, KoOverDirective, KoTablePanelComponent, KoTitlePanelComponent, KoTopMenuComponent, KoVerticalScrollComponent, KoVerticalSplitComponent, KoViewComponent, KoWriteDirective, NAVIGATIONKEYS, NUMBERS, XrmuiButton, XrmuiDevider, XrmuiIcon, XrmuiInfo, XrmuiInput, XrmuiLayout, XrmuiPanel, XrmuiRibbon, XrmuiSection, XrmuiSpinner, XrmuiTabs, nFormater };
+export { BorutoXrmUIModule, CTRL_KEYS, ChangeScopeDirective, DECIMALS, DKCustomDateAdapter, FormScopeDirective, KiponUiModule, KoAlertComponent, KoButtonGroupComponent, KoDecimalDirective, KoDivider, KoExpansionPanelComponent, KoFocusDirective, KoHeaderComponent, KoHorizontalScrollComponent, KoHorizontalSplitComponent, KoLeftMenuComponent, KoMainComponent, KoNavigationByCssClass, KoNavigationByImageUrl, KoOverDirective, KoTablePanelComponent, KoTitlePanelComponent, KoTopMenuComponent, KoVerticalScrollComponent, KoVerticalSplitComponent, KoViewComponent, KoWriteDirective, NAVIGATIONKEYS, NUMBERS, XrmuiButton, XrmuiDevider, XrmuiIcon, XrmuiInfo, XrmuiInput, XrmuiLayout, XrmuiPanel, XrmuiRibbon, XrmuiSection, XrmuiSpinner, XrmuiTabs, enumToSelectable, nFormater, selectableToEnum };
 export type { ChangedNotifier, EntityReference, Form, IGroupedSelectable, IMenu, ISearchService, ISelectable, ISelectableService, KoNavigation, OptionSetValue, OptionValue };