@nanahoshi/mona-ui 0.1.1 → 0.2.0
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/auto-complete/package.json +4 -0
- package/avatar/package.json +4 -0
- package/breadcrumb/package.json +4 -0
- package/button/package.json +4 -0
- package/button-group/package.json +4 -0
- package/calendar/package.json +4 -0
- package/check-box/package.json +4 -0
- package/chip/package.json +4 -0
- package/circular-progress-bar/package.json +4 -0
- package/color-gradient/package.json +4 -0
- package/color-palette/package.json +4 -0
- package/color-picker/package.json +4 -0
- package/combo-box/package.json +4 -0
- package/common/package.json +4 -0
- package/contextmenu/package.json +4 -0
- package/date-input/package.json +4 -0
- package/date-picker/package.json +4 -0
- package/datetime-picker/package.json +4 -0
- package/dialog/package.json +4 -0
- package/dropdown-button/package.json +4 -0
- package/dropdown-list/package.json +4 -0
- package/dropdowns/package.json +4 -0
- package/editor/package.json +4 -0
- package/expansion-panel/package.json +4 -0
- package/fesm2022/nanahoshi-mona-ui-auto-complete.mjs +38 -53
- package/fesm2022/nanahoshi-mona-ui-breadcrumb.mjs +19 -53
- package/fesm2022/nanahoshi-mona-ui-button-group.mjs +15 -26
- package/fesm2022/nanahoshi-mona-ui-button.mjs +67 -68
- package/fesm2022/nanahoshi-mona-ui-calendar.mjs +53 -149
- package/fesm2022/nanahoshi-mona-ui-check-box.mjs +48 -95
- package/fesm2022/nanahoshi-mona-ui-chip.mjs +35 -45
- package/fesm2022/nanahoshi-mona-ui-circular-progress-bar.mjs +9 -23
- package/fesm2022/nanahoshi-mona-ui-color-gradient.mjs +26 -77
- package/fesm2022/nanahoshi-mona-ui-color-palette.mjs +16 -38
- package/fesm2022/nanahoshi-mona-ui-color-picker.mjs +41 -46
- package/fesm2022/nanahoshi-mona-ui-combo-box.mjs +32 -52
- package/fesm2022/nanahoshi-mona-ui-date-input.mjs +9 -12
- package/fesm2022/nanahoshi-mona-ui-date-picker.mjs +40 -27
- package/fesm2022/nanahoshi-mona-ui-datetime-picker.mjs +51 -51
- package/fesm2022/nanahoshi-mona-ui-dialog.mjs +40 -153
- package/fesm2022/nanahoshi-mona-ui-dropdown-list.mjs +32 -53
- package/fesm2022/nanahoshi-mona-ui-dropdowns.mjs +7 -12
- package/fesm2022/nanahoshi-mona-ui-editor.mjs +59 -219
- package/fesm2022/nanahoshi-mona-ui-expansion-panel.mjs +24 -75
- package/fesm2022/nanahoshi-mona-ui-fieldset.mjs +11 -44
- package/fesm2022/nanahoshi-mona-ui-filter.mjs +11 -41
- package/fesm2022/{nanahoshi-mona-ui-grid-grid-footer-cell.component-B2ETh-uI.mjs → nanahoshi-mona-ui-grid-grid-footer-cell.component-B6FBLtrr.mjs} +2 -2
- package/fesm2022/{nanahoshi-mona-ui-grid-grid-footer-table-cell.directive-DZk18LJC.mjs → nanahoshi-mona-ui-grid-grid-footer-table-cell.directive-OJe4UYuw.mjs} +4 -8
- package/fesm2022/{nanahoshi-mona-ui-grid-grid-list.component-C7WKhhig.mjs → nanahoshi-mona-ui-grid-grid-list.component-DCd8K6ng.mjs} +9 -16
- package/fesm2022/{nanahoshi-mona-ui-grid-grid-toggle.component-BRiY0CDX.mjs → nanahoshi-mona-ui-grid-grid-toggle.component-Dl8Hlkhj.mjs} +15 -44
- package/fesm2022/{nanahoshi-mona-ui-grid-grid-virtual-list.component-BrYpFMyF.mjs → nanahoshi-mona-ui-grid-grid-virtual-list.component-C5FRZlvv.mjs} +11 -20
- package/fesm2022/{nanahoshi-mona-ui-grid-nanahoshi-mona-ui-grid-T9Bj98kl.mjs → nanahoshi-mona-ui-grid-nanahoshi-mona-ui-grid-BRZUd8cE.mjs} +109 -393
- package/fesm2022/nanahoshi-mona-ui-grid.mjs +1 -1
- package/fesm2022/nanahoshi-mona-ui-internal-indicator-icon.mjs +10 -28
- package/fesm2022/nanahoshi-mona-ui-internal-list.mjs +26 -56
- package/fesm2022/nanahoshi-mona-ui-internal-tree.mjs +31 -122
- package/fesm2022/nanahoshi-mona-ui-internal.mjs +29 -1
- package/fesm2022/nanahoshi-mona-ui-list-box.mjs +4 -26
- package/fesm2022/nanahoshi-mona-ui-list-view.mjs +5 -18
- package/fesm2022/nanahoshi-mona-ui-menubar.mjs +48 -154
- package/fesm2022/nanahoshi-mona-ui-multi-select.mjs +35 -62
- package/fesm2022/nanahoshi-mona-ui-notification.mjs +24 -108
- package/fesm2022/nanahoshi-mona-ui-numeric-text-box.mjs +37 -63
- package/fesm2022/nanahoshi-mona-ui-pager.mjs +21 -73
- package/fesm2022/nanahoshi-mona-ui-placeholder.mjs +8 -30
- package/fesm2022/nanahoshi-mona-ui-popover.mjs +29 -50
- package/fesm2022/nanahoshi-mona-ui-popup-menu.mjs +36 -108
- package/fesm2022/nanahoshi-mona-ui-progress-bar.mjs +19 -60
- package/fesm2022/nanahoshi-mona-ui-radio-button.mjs +47 -92
- package/fesm2022/nanahoshi-mona-ui-scroll-view.mjs +53 -144
- package/fesm2022/nanahoshi-mona-ui-slider.mjs +54 -110
- package/fesm2022/nanahoshi-mona-ui-split-button.mjs +7 -20
- package/fesm2022/nanahoshi-mona-ui-splitter.mjs +15 -50
- package/fesm2022/nanahoshi-mona-ui-stepper.mjs +28 -91
- package/fesm2022/nanahoshi-mona-ui-switch.mjs +37 -58
- package/fesm2022/nanahoshi-mona-ui-tabs.mjs +35 -107
- package/fesm2022/nanahoshi-mona-ui-text-area.mjs +22 -30
- package/fesm2022/nanahoshi-mona-ui-text-box.mjs +40 -61
- package/fesm2022/nanahoshi-mona-ui-theme.mjs +1111 -269
- package/fesm2022/nanahoshi-mona-ui-time-picker.mjs +41 -27
- package/fesm2022/nanahoshi-mona-ui-time-selector.mjs +35 -99
- package/fesm2022/nanahoshi-mona-ui-tooltip.mjs +13 -41
- package/fesm2022/nanahoshi-mona-ui-window.mjs +29 -108
- package/fieldset/package.json +4 -0
- package/filter/package.json +4 -0
- package/grid/package.json +4 -0
- package/internal/filter-input/package.json +4 -0
- package/internal/indicator-icon/package.json +4 -0
- package/internal/list/package.json +4 -0
- package/internal/package.json +4 -0
- package/internal/tree/package.json +4 -0
- package/list/package.json +4 -0
- package/list-box/package.json +4 -0
- package/list-view/package.json +4 -0
- package/menubar/package.json +4 -0
- package/multi-select/package.json +4 -0
- package/notification/package.json +4 -0
- package/numeric-text-box/package.json +4 -0
- package/package.json +2 -1
- package/pager/package.json +4 -0
- package/placeholder/package.json +4 -0
- package/popover/package.json +4 -0
- package/popup/package.json +4 -0
- package/popup-menu/package.json +4 -0
- package/progress-bar/package.json +4 -0
- package/query/package.json +4 -0
- package/radio-button/package.json +4 -0
- package/scroll-view/package.json +4 -0
- package/slider/package.json +4 -0
- package/split-button/package.json +4 -0
- package/splitter/package.json +4 -0
- package/stepper/package.json +4 -0
- package/switch/package.json +4 -0
- package/tabs/package.json +4 -0
- package/text-area/package.json +4 -0
- package/text-box/package.json +4 -0
- package/theme/package.json +4 -0
- package/time-picker/package.json +4 -0
- package/time-selector/package.json +4 -0
- package/tooltip/package.json +4 -0
- package/tree-view/package.json +4 -0
- package/types/nanahoshi-mona-ui-auto-complete.d.ts +6 -7
- package/types/nanahoshi-mona-ui-breadcrumb.d.ts +4 -6
- package/types/nanahoshi-mona-ui-button-group.d.ts +2 -3
- package/types/nanahoshi-mona-ui-button.d.ts +2 -3
- package/types/nanahoshi-mona-ui-calendar.d.ts +21 -22
- package/types/nanahoshi-mona-ui-check-box.d.ts +6 -9
- package/types/nanahoshi-mona-ui-chip.d.ts +2 -3
- package/types/nanahoshi-mona-ui-circular-progress-bar.d.ts +2 -4
- package/types/nanahoshi-mona-ui-color-gradient.d.ts +10 -11
- package/types/nanahoshi-mona-ui-color-palette.d.ts +4 -5
- package/types/nanahoshi-mona-ui-color-picker.d.ts +6 -5
- package/types/nanahoshi-mona-ui-combo-box.d.ts +6 -7
- package/types/nanahoshi-mona-ui-date-input.d.ts +2 -3
- package/types/nanahoshi-mona-ui-date-picker.d.ts +2 -3
- package/types/nanahoshi-mona-ui-dialog.d.ts +6 -7
- package/types/nanahoshi-mona-ui-dropdown-list.d.ts +6 -7
- package/types/nanahoshi-mona-ui-dropdowns.d.ts +2 -3
- package/types/nanahoshi-mona-ui-expansion-panel.d.ts +8 -10
- package/types/nanahoshi-mona-ui-fieldset.d.ts +6 -8
- package/types/nanahoshi-mona-ui-filter.d.ts +2 -3
- package/types/nanahoshi-mona-ui-grid.d.ts +14 -15
- package/types/nanahoshi-mona-ui-internal-indicator-icon.d.ts +0 -1
- package/types/nanahoshi-mona-ui-internal.d.ts +8 -1
- package/types/nanahoshi-mona-ui-list-box.d.ts +4 -5
- package/types/nanahoshi-mona-ui-list-view.d.ts +2 -3
- package/types/nanahoshi-mona-ui-menubar.d.ts +6 -7
- package/types/nanahoshi-mona-ui-multi-select.d.ts +8 -9
- package/types/nanahoshi-mona-ui-numeric-text-box.d.ts +2 -3
- package/types/nanahoshi-mona-ui-pager.d.ts +6 -7
- package/types/nanahoshi-mona-ui-placeholder.d.ts +4 -6
- package/types/nanahoshi-mona-ui-popover.d.ts +8 -9
- package/types/nanahoshi-mona-ui-popup-menu.d.ts +12 -13
- package/types/nanahoshi-mona-ui-progress-bar.d.ts +8 -9
- package/types/nanahoshi-mona-ui-radio-button.d.ts +8 -11
- package/types/nanahoshi-mona-ui-scroll-view.d.ts +18 -20
- package/types/nanahoshi-mona-ui-slider.d.ts +18 -18
- package/types/nanahoshi-mona-ui-split-button.d.ts +2 -3
- package/types/nanahoshi-mona-ui-splitter.d.ts +6 -8
- package/types/nanahoshi-mona-ui-stepper.d.ts +12 -13
- package/types/nanahoshi-mona-ui-switch.d.ts +6 -7
- package/types/nanahoshi-mona-ui-tabs.d.ts +14 -16
- package/types/nanahoshi-mona-ui-text-area.d.ts +2 -4
- package/types/nanahoshi-mona-ui-text-box.d.ts +4 -6
- package/types/nanahoshi-mona-ui-theme.d.ts +111 -12
- package/types/nanahoshi-mona-ui-time-picker.d.ts +2 -3
- package/types/nanahoshi-mona-ui-time-selector.d.ts +10 -11
- package/types/nanahoshi-mona-ui-tooltip.d.ts +4 -5
- package/types/nanahoshi-mona-ui-window.d.ts +16 -17
- package/window/package.json +4 -0
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import { k as gridListTableCellThemeVariants, l as gridDetailContentCellThemeVariants, m as gridDetailIndentCellThemeVariants, n as gridDetailRowThemeVariants, c as GridService, o as gridListTableRowThemeVariants, p as gridCellEditorBaseThemeVariants, q as gridCellEditorInputThemeVariants, h as GridLockedCellDirective, f as GridLogicalCellDirective, r as gridCellBaseThemeVariants, s as gridCellContainerThemeVariants, t as gridCellDirtyIndicatorThemeVariants, u as gridCellTextThemeVariants } from './nanahoshi-mona-ui-grid-nanahoshi-mona-ui-grid-T9Bj98kl.mjs';
|
|
2
|
+
import { computed, input, Directive, inject, Component, signal, ElementRef, viewChild, output, effect, untracked, afterNextRender, ChangeDetectionStrategy, LOCALE_ID, model } from '@angular/core';
|
|
3
|
+
import { k as gridListTableCellThemeVariants, l as gridDetailContentCellThemeVariants, m as gridDetailIndentCellThemeVariants, n as gridDetailRowThemeVariants, c as GridService, o as gridListTableRowThemeVariants, p as gridCellEditorBaseThemeVariants, q as gridCellEditorInputThemeVariants, h as GridLockedCellDirective, f as GridLogicalCellDirective, r as gridCellBaseThemeVariants, s as gridCellContainerThemeVariants, t as gridCellDirtyIndicatorThemeVariants, u as gridCellTextThemeVariants } from './nanahoshi-mona-ui-grid-nanahoshi-mona-ui-grid-BRZUd8cE.mjs';
|
|
5
4
|
import { ImmutableList } from '@mirei/ts-collections';
|
|
6
5
|
import * as i1 from '@angular/cdk/a11y';
|
|
7
6
|
import { A11yModule } from '@angular/cdk/a11y';
|
|
@@ -19,9 +18,7 @@ import { TextBoxComponent } from '@nanahoshi/mona-ui/text-box';
|
|
|
19
18
|
|
|
20
19
|
class GridCellDirective {
|
|
21
20
|
constructor() {
|
|
22
|
-
this.#themeService = inject(ThemeService);
|
|
23
21
|
this.baseClass = computed(() => {
|
|
24
|
-
const theme = this.#themeService.theme();
|
|
25
22
|
const dataCell = this.dataCell();
|
|
26
23
|
const groupHeader = this.groupHeader();
|
|
27
24
|
const groupToggle = this.groupToggle();
|
|
@@ -30,7 +27,7 @@ class GridCellDirective {
|
|
|
30
27
|
const masterDetailContent = this.masterDetailContent();
|
|
31
28
|
const masterDetailToggle = this.masterDetailToggle();
|
|
32
29
|
const lastInRow = this.lastInRow() || groupHeader || masterDetailContent;
|
|
33
|
-
return gridListTableCellThemeVariants(
|
|
30
|
+
return gridListTableCellThemeVariants({
|
|
34
31
|
dataCell,
|
|
35
32
|
groupHeader,
|
|
36
33
|
groupToggle,
|
|
@@ -63,7 +60,6 @@ class GridCellDirective {
|
|
|
63
60
|
this.prevRowType = input(null, /* @ts-ignore */
|
|
64
61
|
...(ngDevMode ? [{ debugName: "prevRowType" }] : /* istanbul ignore next */ []));
|
|
65
62
|
}
|
|
66
|
-
#themeService;
|
|
67
63
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: GridCellDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
68
64
|
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.6", type: GridCellDirective, isStandalone: true, selector: "td[monaGridCell]", inputs: { dataCell: { classPropertyName: "dataCell", publicName: "dataCell", isSignal: true, isRequired: false, transformFunction: null }, groupHeader: { classPropertyName: "groupHeader", publicName: "groupHeader", isSignal: true, isRequired: false, transformFunction: null }, groupToggle: { classPropertyName: "groupToggle", publicName: "groupToggle", isSignal: true, isRequired: false, transformFunction: null }, grouped: { classPropertyName: "grouped", publicName: "grouped", isSignal: true, isRequired: false, transformFunction: null }, indentCell: { classPropertyName: "indentCell", publicName: "indentCell", isSignal: true, isRequired: false, transformFunction: null }, lastInRow: { classPropertyName: "lastInRow", publicName: "lastInRow", isSignal: true, isRequired: false, transformFunction: null }, masterDetailContent: { classPropertyName: "masterDetailContent", publicName: "masterDetailContent", isSignal: true, isRequired: false, transformFunction: null }, masterDetailToggle: { classPropertyName: "masterDetailToggle", publicName: "masterDetailToggle", isSignal: true, isRequired: false, transformFunction: null }, nextRowType: { classPropertyName: "nextRowType", publicName: "nextRowType", isSignal: true, isRequired: false, transformFunction: null }, prevRowType: { classPropertyName: "prevRowType", publicName: "prevRowType", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "baseClass()" } }, ngImport: i0 }); }
|
|
69
65
|
}
|
|
@@ -79,10 +75,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImpor
|
|
|
79
75
|
|
|
80
76
|
class GridDetailContentCellDirective {
|
|
81
77
|
constructor() {
|
|
82
|
-
this.#themeService = inject(ThemeService);
|
|
83
78
|
this.baseClass = computed(() => {
|
|
84
|
-
|
|
85
|
-
return gridDetailContentCellThemeVariants(theme)({
|
|
79
|
+
return gridDetailContentCellThemeVariants({
|
|
86
80
|
nextIsGroup: this.nextRowType() === "group"
|
|
87
81
|
});
|
|
88
82
|
}, /* @ts-ignore */
|
|
@@ -90,7 +84,6 @@ class GridDetailContentCellDirective {
|
|
|
90
84
|
this.nextRowType = input(null, /* @ts-ignore */
|
|
91
85
|
...(ngDevMode ? [{ debugName: "nextRowType" }] : /* istanbul ignore next */ []));
|
|
92
86
|
}
|
|
93
|
-
#themeService;
|
|
94
87
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: GridDetailContentCellDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
95
88
|
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.6", type: GridDetailContentCellDirective, isStandalone: true, selector: "td[monaGridDetailContentCell]", inputs: { nextRowType: { classPropertyName: "nextRowType", publicName: "nextRowType", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "baseClass()" } }, ngImport: i0 }); }
|
|
96
89
|
}
|
|
@@ -106,10 +99,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImpor
|
|
|
106
99
|
|
|
107
100
|
class GridDetailIndentCellDirective {
|
|
108
101
|
constructor() {
|
|
109
|
-
this.#themeService = inject(ThemeService);
|
|
110
102
|
this.baseClass = computed(() => {
|
|
111
|
-
|
|
112
|
-
return gridDetailIndentCellThemeVariants(theme)({
|
|
103
|
+
return gridDetailIndentCellThemeVariants({
|
|
113
104
|
nextIsGroup: this.nextRowType() === "group"
|
|
114
105
|
});
|
|
115
106
|
}, /* @ts-ignore */
|
|
@@ -117,7 +108,6 @@ class GridDetailIndentCellDirective {
|
|
|
117
108
|
this.nextRowType = input(null, /* @ts-ignore */
|
|
118
109
|
...(ngDevMode ? [{ debugName: "nextRowType" }] : /* istanbul ignore next */ []));
|
|
119
110
|
}
|
|
120
|
-
#themeService;
|
|
121
111
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: GridDetailIndentCellDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
122
112
|
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.6", type: GridDetailIndentCellDirective, isStandalone: true, selector: "td[monaGridDetailIndentCell]", inputs: { nextRowType: { classPropertyName: "nextRowType", publicName: "nextRowType", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "baseClass()" } }, ngImport: i0 }); }
|
|
123
113
|
}
|
|
@@ -133,14 +123,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImpor
|
|
|
133
123
|
|
|
134
124
|
class GridDetailRowDirective {
|
|
135
125
|
constructor() {
|
|
136
|
-
this.#themeService = inject(ThemeService);
|
|
137
126
|
this.baseClass = computed(() => {
|
|
138
|
-
|
|
139
|
-
return gridDetailRowThemeVariants(theme)();
|
|
127
|
+
return gridDetailRowThemeVariants();
|
|
140
128
|
}, /* @ts-ignore */
|
|
141
129
|
...(ngDevMode ? [{ debugName: "baseClass" }] : /* istanbul ignore next */ []));
|
|
142
130
|
}
|
|
143
|
-
#themeService;
|
|
144
131
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: GridDetailRowDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
145
132
|
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.6", type: GridDetailRowDirective, isStandalone: true, selector: "tr[monaGridDetailRow]", host: { properties: { "class": "baseClass()" } }, ngImport: i0 }); }
|
|
146
133
|
}
|
|
@@ -157,13 +144,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImpor
|
|
|
157
144
|
class GridRowDirective {
|
|
158
145
|
constructor() {
|
|
159
146
|
this.#gridService = inject(GridService);
|
|
160
|
-
this.#themeService = inject(ThemeService);
|
|
161
147
|
this.ariaRowIndex = computed(() => this.index() + this.#gridService.paginationState().skip + 2, /* @ts-ignore */
|
|
162
148
|
...(ngDevMode ? [{ debugName: "ariaRowIndex" }] : /* istanbul ignore next */ []));
|
|
163
149
|
this.baseClass = computed(() => {
|
|
164
|
-
const theme = this.#themeService.theme();
|
|
165
150
|
const selected = this.selected();
|
|
166
|
-
return gridListTableRowThemeVariants(
|
|
151
|
+
return gridListTableRowThemeVariants({ selected });
|
|
167
152
|
}, /* @ts-ignore */
|
|
168
153
|
...(ngDevMode ? [{ debugName: "baseClass" }] : /* istanbul ignore next */ []));
|
|
169
154
|
this.selectable = computed(() => this.#gridService.selectableOptions().enabled, /* @ts-ignore */
|
|
@@ -178,7 +163,6 @@ class GridRowDirective {
|
|
|
178
163
|
...(ngDevMode ? [{ debugName: "selected" }] : /* istanbul ignore next */ []));
|
|
179
164
|
}
|
|
180
165
|
#gridService;
|
|
181
|
-
#themeService;
|
|
182
166
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: GridRowDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
183
167
|
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.6", type: GridRowDirective, isStandalone: true, selector: "tr[monaGridRow]", inputs: { index: { classPropertyName: "index", publicName: "index", isSignal: true, isRequired: true, transformFunction: null }, row: { classPropertyName: "row", publicName: "row", isSignal: true, isRequired: true, transformFunction: null } }, host: { attributes: { "role": "row" }, properties: { "class": "baseClass()", "attr.data-ruid": "row().uid", "attr.data-row-view-index": "index()", "attr.aria-selected": "selectable() ? selected() : null", "attr.aria-rowindex": "ariaRowIndex()" } }, exportAs: ["monaGridRow"], ngImport: i0 }); }
|
|
184
168
|
}
|
|
@@ -329,21 +313,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImpor
|
|
|
329
313
|
class GridEditorComponent {
|
|
330
314
|
#datePopupOpen;
|
|
331
315
|
#elementRef;
|
|
332
|
-
#themeService;
|
|
333
316
|
#ignoreNextBooleanFocusOut;
|
|
334
317
|
constructor() {
|
|
335
318
|
this.#datePopupOpen = signal(false, /* @ts-ignore */
|
|
336
319
|
...(ngDevMode ? [{ debugName: "#datePopupOpen" }] : /* istanbul ignore next */ []));
|
|
337
320
|
this.#elementRef = inject((ElementRef));
|
|
338
|
-
this.#themeService = inject(ThemeService);
|
|
339
321
|
this.#ignoreNextBooleanFocusOut = false;
|
|
340
322
|
this.numericTextBoxRef = viewChild(NumericTextBoxComponent, /* @ts-ignore */
|
|
341
323
|
...(ngDevMode ? [{ debugName: "numericTextBoxRef" }] : /* istanbul ignore next */ []));
|
|
342
324
|
this.textBoxRef = viewChild(TextBoxComponent, /* @ts-ignore */
|
|
343
325
|
...(ngDevMode ? [{ debugName: "textBoxRef" }] : /* istanbul ignore next */ []));
|
|
344
326
|
this.baseClass = computed(() => {
|
|
345
|
-
|
|
346
|
-
return gridCellEditorBaseThemeVariants(theme)();
|
|
327
|
+
return gridCellEditorBaseThemeVariants();
|
|
347
328
|
}, /* @ts-ignore */
|
|
348
329
|
...(ngDevMode ? [{ debugName: "baseClass" }] : /* istanbul ignore next */ []));
|
|
349
330
|
this.editTemplateContext = computed(() => ({
|
|
@@ -364,8 +345,7 @@ class GridEditorComponent {
|
|
|
364
345
|
}), /* @ts-ignore */
|
|
365
346
|
...(ngDevMode ? [{ debugName: "editTemplateContext" }] : /* istanbul ignore next */ []));
|
|
366
347
|
this.editorInputClass = computed(() => {
|
|
367
|
-
|
|
368
|
-
return gridCellEditorInputThemeVariants(theme)();
|
|
348
|
+
return gridCellEditorInputThemeVariants();
|
|
369
349
|
}, /* @ts-ignore */
|
|
370
350
|
...(ngDevMode ? [{ debugName: "editorInputClass" }] : /* istanbul ignore next */ []));
|
|
371
351
|
this.fieldErrorMessage = computed(() => {
|
|
@@ -521,17 +501,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImpor
|
|
|
521
501
|
|
|
522
502
|
class GridAddRowComponent {
|
|
523
503
|
constructor() {
|
|
524
|
-
this.#themeService = inject(ThemeService);
|
|
525
504
|
this.baseClass = computed(() => {
|
|
526
|
-
|
|
527
|
-
return gridListTableRowThemeVariants(theme)({ selected: false });
|
|
505
|
+
return gridListTableRowThemeVariants({ selected: false });
|
|
528
506
|
}, /* @ts-ignore */
|
|
529
507
|
...(ngDevMode ? [{ debugName: "baseClass" }] : /* istanbul ignore next */ []));
|
|
530
508
|
this.gridService = inject(GridService);
|
|
531
509
|
this.columns = input(ImmutableList.create(), /* @ts-ignore */
|
|
532
510
|
...(ngDevMode ? [{ debugName: "columns" }] : /* istanbul ignore next */ []));
|
|
533
511
|
}
|
|
534
|
-
#themeService;
|
|
535
512
|
onCancel() {
|
|
536
513
|
this.gridService.cancelAddRow();
|
|
537
514
|
}
|
|
@@ -567,26 +544,21 @@ class GridCellComponent {
|
|
|
567
544
|
constructor() {
|
|
568
545
|
this.#elementRef = inject((ElementRef));
|
|
569
546
|
this.#locale = inject(LOCALE_ID);
|
|
570
|
-
this.#themeService = inject(ThemeService);
|
|
571
547
|
this.baseClass = computed(() => {
|
|
572
|
-
|
|
573
|
-
return gridCellBaseThemeVariants(theme)();
|
|
548
|
+
return gridCellBaseThemeVariants();
|
|
574
549
|
}, /* @ts-ignore */
|
|
575
550
|
...(ngDevMode ? [{ debugName: "baseClass" }] : /* istanbul ignore next */ []));
|
|
576
551
|
this.cellContainerClass = computed(() => {
|
|
577
|
-
const theme = this.#themeService.theme();
|
|
578
552
|
const editing = this.isEditing();
|
|
579
|
-
return gridCellContainerThemeVariants(
|
|
553
|
+
return gridCellContainerThemeVariants({ editing });
|
|
580
554
|
}, /* @ts-ignore */
|
|
581
555
|
...(ngDevMode ? [{ debugName: "cellContainerClass" }] : /* istanbul ignore next */ []));
|
|
582
556
|
this.cellDirtyIndicatorClass = computed(() => {
|
|
583
|
-
|
|
584
|
-
return gridCellDirtyIndicatorThemeVariants(theme)();
|
|
557
|
+
return gridCellDirtyIndicatorThemeVariants();
|
|
585
558
|
}, /* @ts-ignore */
|
|
586
559
|
...(ngDevMode ? [{ debugName: "cellDirtyIndicatorClass" }] : /* istanbul ignore next */ []));
|
|
587
560
|
this.cellTextClass = computed(() => {
|
|
588
|
-
|
|
589
|
-
return gridCellTextThemeVariants(theme)();
|
|
561
|
+
return gridCellTextThemeVariants();
|
|
590
562
|
}, /* @ts-ignore */
|
|
591
563
|
...(ngDevMode ? [{ debugName: "cellTextClass" }] : /* istanbul ignore next */ []));
|
|
592
564
|
this.cellUid = computed(() => `${this.row().uid}_${this.column().field}`, /* @ts-ignore */
|
|
@@ -656,7 +628,6 @@ class GridCellComponent {
|
|
|
656
628
|
}
|
|
657
629
|
#elementRef;
|
|
658
630
|
#locale;
|
|
659
|
-
#themeService;
|
|
660
631
|
handleLogicalCellEnter(originalEvent) {
|
|
661
632
|
if (!this.gridService.editableOptions().enabled || !this.column().editable || this.column().kind !== "data") {
|
|
662
633
|
return;
|
|
@@ -770,4 +741,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImpor
|
|
|
770
741
|
}], propDecorators: { expanded: [{ type: i0.Input, args: [{ isSignal: true, alias: "expanded", required: true }] }, { type: i0.Output, args: ["expandedChange"] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: true }] }], width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: true }] }] } });
|
|
771
742
|
|
|
772
743
|
export { GridAddRowComponent as G, GridCellComponent as a, GridRowDirective as b, GridCellDirective as c, GridDetailRowDirective as d, GridDetailIndentCellDirective as e, GridDetailContentCellDirective as f, GridToggleComponent as g };
|
|
773
|
-
//# sourceMappingURL=nanahoshi-mona-ui-grid-grid-toggle.component-
|
|
744
|
+
//# sourceMappingURL=nanahoshi-mona-ui-grid-grid-toggle.component-Dl8Hlkhj.mjs.map
|
|
@@ -7,12 +7,11 @@ import { ImmutableList, ImmutableSet } from '@mirei/ts-collections';
|
|
|
7
7
|
import { SlicePipe } from '@nanahoshi/mona-ui/common';
|
|
8
8
|
import { ContextMenuComponent } from '@nanahoshi/mona-ui/contextmenu';
|
|
9
9
|
import { rxTimeout } from '@nanahoshi/mona-ui/internal';
|
|
10
|
-
import { ThemeService } from '@nanahoshi/mona-ui/theme';
|
|
11
10
|
import { fromEvent } from 'rxjs';
|
|
12
|
-
import { G as GridAddRowComponent, a as GridCellComponent, b as GridRowDirective, c as GridCellDirective, d as GridDetailRowDirective, e as GridDetailIndentCellDirective, f as GridDetailContentCellDirective, g as GridToggleComponent } from './nanahoshi-mona-ui-grid-grid-toggle.component-
|
|
13
|
-
import { GridFooterTableCellDirective } from './nanahoshi-mona-ui-grid-grid-footer-table-cell.directive-
|
|
14
|
-
import { G as GridNavigationService, c as GridService, a as GridRowFlattenerService, g as gridListBaseThemeVariants, i as gridFooterThemeVariants, j as gridFooterTableThemeVariants, b as gridFooterTableRowThemeVariants, d as gridGroupRowThemeVariants, e as gridListTableThemeVariants, f as GridLogicalCellDirective, h as GridLockedCellDirective } from './nanahoshi-mona-ui-grid-nanahoshi-mona-ui-grid-
|
|
15
|
-
import { GridFooterCellComponent } from './nanahoshi-mona-ui-grid-grid-footer-cell.component-
|
|
11
|
+
import { G as GridAddRowComponent, a as GridCellComponent, b as GridRowDirective, c as GridCellDirective, d as GridDetailRowDirective, e as GridDetailIndentCellDirective, f as GridDetailContentCellDirective, g as GridToggleComponent } from './nanahoshi-mona-ui-grid-grid-toggle.component-Dl8Hlkhj.mjs';
|
|
12
|
+
import { GridFooterTableCellDirective } from './nanahoshi-mona-ui-grid-grid-footer-table-cell.directive-OJe4UYuw.mjs';
|
|
13
|
+
import { G as GridNavigationService, c as GridService, a as GridRowFlattenerService, g as gridListBaseThemeVariants, i as gridFooterThemeVariants, j as gridFooterTableThemeVariants, b as gridFooterTableRowThemeVariants, d as gridGroupRowThemeVariants, e as gridListTableThemeVariants, f as GridLogicalCellDirective, h as GridLockedCellDirective } from './nanahoshi-mona-ui-grid-nanahoshi-mona-ui-grid-BRZUd8cE.mjs';
|
|
14
|
+
import { GridFooterCellComponent } from './nanahoshi-mona-ui-grid-grid-footer-cell.component-B6FBLtrr.mjs';
|
|
16
15
|
|
|
17
16
|
class GridVirtualListComponent {
|
|
18
17
|
#destroyRef;
|
|
@@ -21,7 +20,6 @@ class GridVirtualListComponent {
|
|
|
21
20
|
#hostElementRef;
|
|
22
21
|
#injector;
|
|
23
22
|
#rowFlattener;
|
|
24
|
-
#themeService;
|
|
25
23
|
constructor() {
|
|
26
24
|
this.#destroyRef = inject(DestroyRef);
|
|
27
25
|
this.#gridNavigationService = inject(GridNavigationService);
|
|
@@ -29,7 +27,6 @@ class GridVirtualListComponent {
|
|
|
29
27
|
this.#hostElementRef = inject((ElementRef));
|
|
30
28
|
this.#injector = inject(Injector);
|
|
31
29
|
this.#rowFlattener = inject(GridRowFlattenerService);
|
|
32
|
-
this.#themeService = inject(ThemeService);
|
|
33
30
|
this.addRowScrollElementRef = viewChild("addRowScrollElement", /* @ts-ignore */
|
|
34
31
|
...(ngDevMode ? [{ debugName: "addRowScrollElementRef" }] : /* istanbul ignore next */ []));
|
|
35
32
|
this.bodyTableElementRef = viewChild.required("bodyTable", /* @ts-ignore */
|
|
@@ -37,8 +34,7 @@ class GridVirtualListComponent {
|
|
|
37
34
|
this.footerScrollElementRef = viewChild("footerScrollElement", /* @ts-ignore */
|
|
38
35
|
...(ngDevMode ? [{ debugName: "footerScrollElementRef" }] : /* istanbul ignore next */ []));
|
|
39
36
|
this.baseClass = computed(() => {
|
|
40
|
-
|
|
41
|
-
return gridListBaseThemeVariants(theme)({ virtual: true });
|
|
37
|
+
return gridListBaseThemeVariants({ virtual: true });
|
|
42
38
|
}, /* @ts-ignore */
|
|
43
39
|
...(ngDevMode ? [{ debugName: "baseClass" }] : /* istanbul ignore next */ []));
|
|
44
40
|
this.flattenedGroupedRows = computed(() => {
|
|
@@ -53,29 +49,24 @@ class GridVirtualListComponent {
|
|
|
53
49
|
}, /* @ts-ignore */
|
|
54
50
|
...(ngDevMode ? [{ debugName: "flattenedGroupedRows" }] : /* istanbul ignore next */ []));
|
|
55
51
|
this.footerClass = computed(() => {
|
|
56
|
-
|
|
57
|
-
return gridFooterThemeVariants(theme)();
|
|
52
|
+
return gridFooterThemeVariants();
|
|
58
53
|
}, /* @ts-ignore */
|
|
59
54
|
...(ngDevMode ? [{ debugName: "footerClass" }] : /* istanbul ignore next */ []));
|
|
60
55
|
this.footerTableClass = computed(() => {
|
|
61
|
-
|
|
62
|
-
return gridFooterTableThemeVariants(theme)();
|
|
56
|
+
return gridFooterTableThemeVariants();
|
|
63
57
|
}, /* @ts-ignore */
|
|
64
58
|
...(ngDevMode ? [{ debugName: "footerTableClass" }] : /* istanbul ignore next */ []));
|
|
65
59
|
this.footerTableRowClass = computed(() => {
|
|
66
|
-
|
|
67
|
-
return gridFooterTableRowThemeVariants(theme)();
|
|
60
|
+
return gridFooterTableRowThemeVariants();
|
|
68
61
|
}, /* @ts-ignore */
|
|
69
62
|
...(ngDevMode ? [{ debugName: "footerTableRowClass" }] : /* istanbul ignore next */ []));
|
|
70
63
|
this.gridService = inject(GridService);
|
|
71
64
|
this.groupRowClass = computed(() => {
|
|
72
|
-
|
|
73
|
-
return gridGroupRowThemeVariants(theme)();
|
|
65
|
+
return gridGroupRowThemeVariants();
|
|
74
66
|
}, /* @ts-ignore */
|
|
75
67
|
...(ngDevMode ? [{ debugName: "groupRowClass" }] : /* istanbul ignore next */ []));
|
|
76
68
|
this.tableClass = computed(() => {
|
|
77
|
-
|
|
78
|
-
return gridListTableThemeVariants(theme)();
|
|
69
|
+
return gridListTableThemeVariants();
|
|
79
70
|
}, /* @ts-ignore */
|
|
80
71
|
...(ngDevMode ? [{ debugName: "tableClass" }] : /* istanbul ignore next */ []));
|
|
81
72
|
this.viewport = viewChild.required(CdkVirtualScrollViewport, /* @ts-ignore */
|
|
@@ -237,4 +228,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImpor
|
|
|
237
228
|
}], ctorParameters: () => [], propDecorators: { addRowScrollElementRef: [{ type: i0.ViewChild, args: ["addRowScrollElement", { isSignal: true }] }], bodyTableElementRef: [{ type: i0.ViewChild, args: ["bodyTable", { isSignal: true }] }], footerScrollElementRef: [{ type: i0.ViewChild, args: ["footerScrollElement", { isSignal: true }] }], viewport: [{ type: i0.ViewChild, args: [i0.forwardRef(() => CdkVirtualScrollViewport), { isSignal: true }] }], columns: [{ type: i0.Input, args: [{ isSignal: true, alias: "columns", required: false }] }], data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: false }] }] } });
|
|
238
229
|
|
|
239
230
|
export { GridVirtualListComponent };
|
|
240
|
-
//# sourceMappingURL=nanahoshi-mona-ui-grid-grid-virtual-list.component-
|
|
231
|
+
//# sourceMappingURL=nanahoshi-mona-ui-grid-grid-virtual-list.component-C5FRZlvv.mjs.map
|