boruto-xrmui 1.22.32 → 1.22.34
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.
- package/fesm2022/boruto-xrmui.mjs +150 -37
- package/fesm2022/boruto-xrmui.mjs.map +1 -1
- package/package.json +1 -1
- package/styles/layout.scss +16 -0
- package/types/boruto-xrmui.d.ts +22 -5
package/package.json
CHANGED
package/styles/layout.scss
CHANGED
|
@@ -23,6 +23,10 @@
|
|
|
23
23
|
overflow-x: auto;
|
|
24
24
|
}
|
|
25
25
|
|
|
26
|
+
.bo-auto {
|
|
27
|
+
flex: 0 0 auto;
|
|
28
|
+
}
|
|
29
|
+
|
|
26
30
|
.bo-fixed {
|
|
27
31
|
flex: 0 0 var(--bo-fixed-size);
|
|
28
32
|
}
|
|
@@ -104,6 +108,10 @@
|
|
|
104
108
|
flex: 0 0 var(--bo-fixed-size);
|
|
105
109
|
}
|
|
106
110
|
|
|
111
|
+
.bo-auto {
|
|
112
|
+
flex: 0 0 auto;
|
|
113
|
+
}
|
|
114
|
+
|
|
107
115
|
.bo-fixed-25 {
|
|
108
116
|
flex: 0 0 25px;
|
|
109
117
|
}
|
|
@@ -175,6 +183,10 @@
|
|
|
175
183
|
overflow-x: auto;
|
|
176
184
|
}
|
|
177
185
|
|
|
186
|
+
.bo-auto {
|
|
187
|
+
flex: 0 0 auto;
|
|
188
|
+
}
|
|
189
|
+
|
|
178
190
|
.bo-fixed {
|
|
179
191
|
flex: 0 0 var(--bo-fixed-size);
|
|
180
192
|
}
|
|
@@ -202,6 +214,10 @@
|
|
|
202
214
|
overflow-x: auto;
|
|
203
215
|
}
|
|
204
216
|
|
|
217
|
+
.bo-auto {
|
|
218
|
+
flex: 0 0 auto;
|
|
219
|
+
}
|
|
220
|
+
|
|
205
221
|
.bo-fixed {
|
|
206
222
|
flex: 0 0 var(--bo-fixed-size);
|
|
207
223
|
}
|
package/types/boruto-xrmui.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as _angular_core from '@angular/core';
|
|
2
|
-
import { ElementRef, AfterViewInit, Signal, OnInit, OnDestroy, AfterContentInit, QueryList, TemplateRef, OnChanges, EventEmitter, SimpleChanges } from '@angular/core';
|
|
2
|
+
import { ElementRef, AfterViewInit, Signal, WritableSignal, OnInit, OnDestroy, AfterContentInit, QueryList, TemplateRef, OnChanges, EventEmitter, SimpleChanges } from '@angular/core';
|
|
3
3
|
import { BehaviorSubject, Subscription } from 'rxjs';
|
|
4
4
|
import { NativeDateAdapter } from '@angular/material/core';
|
|
5
5
|
import { MatDatepickerInputEvent } from '@angular/material/datepicker';
|
|
@@ -259,6 +259,10 @@ interface OptionSetValue {
|
|
|
259
259
|
name$: Signal<string | undefined>;
|
|
260
260
|
set(id: number | undefined, name: string | undefined): void;
|
|
261
261
|
}
|
|
262
|
+
declare function createOptionSetValue(value: number, name: string): OptionSetValue & {
|
|
263
|
+
value: number;
|
|
264
|
+
name: string;
|
|
265
|
+
};
|
|
262
266
|
|
|
263
267
|
interface ISelectable {
|
|
264
268
|
id: string;
|
|
@@ -288,6 +292,10 @@ declare function enumToSelectable<T extends string | number>(enumType: Record<st
|
|
|
288
292
|
declare function selectableToEnum<T extends number | string>(items: ISelectable[]): T[];
|
|
289
293
|
declare function selectablesFromEnum<T extends string | number>(values: T[], options: ISelectable[]): ISelectable[];
|
|
290
294
|
|
|
295
|
+
interface MultiOptionSetValue {
|
|
296
|
+
values: WritableSignal<OptionSetValue[]>;
|
|
297
|
+
}
|
|
298
|
+
|
|
291
299
|
interface OptionValue {
|
|
292
300
|
Name: string;
|
|
293
301
|
Value: number;
|
|
@@ -316,6 +324,7 @@ interface Form {
|
|
|
316
324
|
disabled?: boolean;
|
|
317
325
|
showlock?: boolean;
|
|
318
326
|
autoopenonblank?: boolean;
|
|
327
|
+
inputalign?: 'left' | 'right' | null;
|
|
319
328
|
}
|
|
320
329
|
|
|
321
330
|
declare class DKCustomDateAdapter extends NativeDateAdapter {
|
|
@@ -451,7 +460,7 @@ declare const NAVIGATIONKEYS: string[];
|
|
|
451
460
|
declare const NUMBERS: string[];
|
|
452
461
|
declare const DECIMALS: string[];
|
|
453
462
|
declare const CTRL_KEYS: string[];
|
|
454
|
-
declare class XrmuiInput {
|
|
463
|
+
declare class XrmuiInput implements OnDestroy {
|
|
455
464
|
searchElement?: ElementRef;
|
|
456
465
|
textareaElement?: ElementRef;
|
|
457
466
|
datefieldElement?: ElementRef;
|
|
@@ -471,6 +480,7 @@ declare class XrmuiInput {
|
|
|
471
480
|
shortLabel: Signal<boolean | "above">;
|
|
472
481
|
placeholder: _angular_core.InputSignal<string>;
|
|
473
482
|
value: _angular_core.ModelSignal<string | number | boolean | Date | null | undefined>;
|
|
483
|
+
private _initialValue;
|
|
474
484
|
_disabled: _angular_core.InputSignal<boolean | undefined>;
|
|
475
485
|
disabled: Signal<boolean>;
|
|
476
486
|
_showlock: _angular_core.InputSignal<boolean | undefined>;
|
|
@@ -485,6 +495,7 @@ declare class XrmuiInput {
|
|
|
485
495
|
selected: _angular_core.ModelSignal<ISelectable | undefined>;
|
|
486
496
|
multiselected: _angular_core.ModelSignal<ISelectable[] | undefined>;
|
|
487
497
|
optionsetvalue: _angular_core.InputSignal<OptionSetValue | null>;
|
|
498
|
+
multioptionsetvalue: _angular_core.InputSignal<MultiOptionSetValue | null>;
|
|
488
499
|
entityreference: _angular_core.InputSignal<EntityReference | null>;
|
|
489
500
|
onselect: _angular_core.OutputEmitterRef<ISelectable | undefined>;
|
|
490
501
|
error: _angular_core.InputSignal<boolean>;
|
|
@@ -503,6 +514,7 @@ declare class XrmuiInput {
|
|
|
503
514
|
isautocomplete: Signal<boolean>;
|
|
504
515
|
isselectable: Signal<boolean>;
|
|
505
516
|
ismultible: Signal<boolean>;
|
|
517
|
+
inputalign: _angular_core.InputSignal<"right" | "left" | null>;
|
|
506
518
|
autoopenonblank: Signal<boolean>;
|
|
507
519
|
itemTemplate: _angular_core.InputSignal<TemplateRef<{
|
|
508
520
|
$implicit: ISelectable;
|
|
@@ -551,6 +563,7 @@ declare class XrmuiInput {
|
|
|
551
563
|
onkeydown(e: Event): void;
|
|
552
564
|
select(e: Event, v: ISelectable): void;
|
|
553
565
|
private SetSelectedItem;
|
|
566
|
+
private syncToMultiOptionSetValue;
|
|
554
567
|
private next;
|
|
555
568
|
private ensureCurrentVisible;
|
|
556
569
|
focusMe(e?: Event, clicked?: boolean): void;
|
|
@@ -561,6 +574,7 @@ declare class XrmuiInput {
|
|
|
561
574
|
private notifyOnChange;
|
|
562
575
|
private releaseThread?;
|
|
563
576
|
private releaseOnChanged;
|
|
577
|
+
private notifyIfNeeded;
|
|
564
578
|
private handleNumber;
|
|
565
579
|
private expandedItems;
|
|
566
580
|
private expanding;
|
|
@@ -572,8 +586,11 @@ declare class XrmuiInput {
|
|
|
572
586
|
private setNumberValueString;
|
|
573
587
|
private showAutocompleteSuggestions;
|
|
574
588
|
private hideAutocompleteSuggestions;
|
|
589
|
+
private resizeObserver?;
|
|
590
|
+
private observeInputResize;
|
|
591
|
+
ngOnDestroy(): void;
|
|
575
592
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<XrmuiInput, never>;
|
|
576
|
-
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>;
|
|
593
|
+
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; }; "multioptionsetvalue": { "alias": "multioptionsetvalue"; "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; }; "inputalign": { "alias": "inputalign"; "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>;
|
|
577
594
|
}
|
|
578
595
|
|
|
579
596
|
declare class XrmuiRibbon {
|
|
@@ -681,5 +698,5 @@ declare class BorutoXrmUIModule {
|
|
|
681
698
|
static ɵinj: _angular_core.ɵɵInjectorDeclaration<BorutoXrmUIModule>;
|
|
682
699
|
}
|
|
683
700
|
|
|
684
|
-
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, selectablesFromEnum };
|
|
685
|
-
export type { ChangedNotifier, EntityReference, Form, IGroupedSelectable, IMenu, ISearchService, ISelectable, ISelectableService, KoNavigation, OptionSetValue, OptionValue };
|
|
701
|
+
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, createOptionSetValue, enumToSelectable, nFormater, selectableToEnum, selectablesFromEnum };
|
|
702
|
+
export type { ChangedNotifier, EntityReference, Form, IGroupedSelectable, IMenu, ISearchService, ISelectable, ISelectableService, KoNavigation, MultiOptionSetValue, OptionSetValue, OptionValue };
|