ngx-semantic 2.0.9 → 2.1.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/fesm2022/ngx-semantic-collections-grid.mjs +99 -17
- package/fesm2022/ngx-semantic-collections-grid.mjs.map +1 -1
- package/fesm2022/ngx-semantic-collections-menu.mjs +18 -3
- package/fesm2022/ngx-semantic-collections-menu.mjs.map +1 -1
- package/fesm2022/ngx-semantic-collections-table.mjs +42 -7
- package/fesm2022/ngx-semantic-collections-table.mjs.map +1 -1
- package/fesm2022/ngx-semantic-elements-divider.mjs +8 -8
- package/fesm2022/ngx-semantic-elements-divider.mjs.map +1 -1
- package/fesm2022/ngx-semantic-modules-dimmer.mjs +6 -4
- package/fesm2022/ngx-semantic-modules-dimmer.mjs.map +1 -1
- package/fesm2022/ngx-semantic-modules-shape.mjs +35 -31
- package/fesm2022/ngx-semantic-modules-shape.mjs.map +1 -1
- package/fesm2022/ngx-semantic-modules-sidebar.mjs +108 -16
- package/fesm2022/ngx-semantic-modules-sidebar.mjs.map +1 -1
- package/fesm2022/ngx-semantic-modules-sticky.mjs +13 -2
- package/fesm2022/ngx-semantic-modules-sticky.mjs.map +1 -1
- package/fesm2022/ngx-semantic-modules-tabs.mjs +1 -1
- package/fesm2022/ngx-semantic-modules-tabs.mjs.map +1 -1
- package/fesm2022/ngx-semantic-modules-transition.mjs +4 -0
- package/fesm2022/ngx-semantic-modules-transition.mjs.map +1 -1
- package/package.json +1 -1
- package/types/ngx-semantic-collections-grid.d.ts +44 -12
- package/types/ngx-semantic-collections-menu.d.ts +7 -3
- package/types/ngx-semantic-collections-table.d.ts +14 -6
- package/types/ngx-semantic-core-enums.d.ts +1 -1
- package/types/ngx-semantic-elements-divider.d.ts +3 -1
- package/types/ngx-semantic-modules-dimmer.d.ts +1 -1
- package/types/ngx-semantic-modules-shape.d.ts +4 -3
- package/types/ngx-semantic-modules-sidebar.d.ts +33 -6
|
@@ -5,12 +5,31 @@ import { ClassUtils, InputBoolean } from 'ngx-semantic/core/util';
|
|
|
5
5
|
import { BaseDirective } from 'ngx-semantic/core/base';
|
|
6
6
|
import { CommonModule } from '@angular/common';
|
|
7
7
|
|
|
8
|
+
/**
|
|
9
|
+
* Shared types for the grid, row and column directives
|
|
10
|
+
*/
|
|
11
|
+
class GridClassUtils {
|
|
12
|
+
static reversedClass(input) {
|
|
13
|
+
if (!input) {
|
|
14
|
+
return '';
|
|
15
|
+
}
|
|
16
|
+
return Array.isArray(input) ? input.filter(x => !!x).join(' ') : input;
|
|
17
|
+
}
|
|
18
|
+
static widthClass(width, device) {
|
|
19
|
+
if (!width) {
|
|
20
|
+
return '';
|
|
21
|
+
}
|
|
22
|
+
return device ? `${width} wide ${device}` : `${width} wide`;
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
|
|
8
26
|
class SuiGridDirective extends BaseDirective {
|
|
9
27
|
constructor() {
|
|
10
28
|
const element = inject(ElementRef);
|
|
11
29
|
super(element);
|
|
12
30
|
this.suiWidth = null;
|
|
13
31
|
this.suiAlignment = null;
|
|
32
|
+
this.suiVerticalAlignment = null;
|
|
14
33
|
this.suiDivided = null;
|
|
15
34
|
this.suiCelled = null;
|
|
16
35
|
this.suiPadded = null;
|
|
@@ -21,28 +40,31 @@ class SuiGridDirective extends BaseDirective {
|
|
|
21
40
|
this.suiContainer = false;
|
|
22
41
|
this.suiStackable = false;
|
|
23
42
|
this.suiDoubling = false;
|
|
43
|
+
this.suiStretched = false;
|
|
24
44
|
}
|
|
25
45
|
get classes() {
|
|
26
46
|
return [
|
|
27
47
|
'ui',
|
|
28
|
-
this.suiWidth,
|
|
29
|
-
this.suiWidth ? 'column' : '',
|
|
30
48
|
this.suiAlignment,
|
|
49
|
+
this.suiVerticalAlignment,
|
|
31
50
|
this.suiDivided,
|
|
32
51
|
this.suiCelled,
|
|
33
52
|
this.suiPadded,
|
|
34
|
-
this.suiReversed,
|
|
53
|
+
GridClassUtils.reversedClass(this.suiReversed),
|
|
35
54
|
this.suiRelaxation,
|
|
36
55
|
ClassUtils.getPropClass(this.suiStackable, 'stackable'),
|
|
37
|
-
ClassUtils.getPropClass(this.suiEqual, 'equal width'),
|
|
38
|
-
ClassUtils.getPropClass(this.suiCentered, 'centered'),
|
|
39
56
|
ClassUtils.getPropClass(this.suiDoubling, 'doubling'),
|
|
57
|
+
ClassUtils.getPropClass(this.suiStretched, 'stretched'),
|
|
58
|
+
ClassUtils.getPropClass(this.suiCentered, 'centered'),
|
|
59
|
+
ClassUtils.getPropClass(this.suiEqual, 'equal width'),
|
|
60
|
+
this.suiWidth,
|
|
61
|
+
this.suiWidth ? 'column' : '',
|
|
40
62
|
'grid',
|
|
41
63
|
ClassUtils.getPropClass(this.suiContainer, 'container')
|
|
42
64
|
].join(' ');
|
|
43
65
|
}
|
|
44
66
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: SuiGridDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
45
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.23", type: SuiGridDirective, isStandalone: true, selector: "[sui-grid]", inputs: { suiWidth: "suiWidth", suiAlignment: "suiAlignment", suiDivided: "suiDivided", suiCelled: "suiCelled", suiPadded: "suiPadded", suiReversed: "suiReversed", suiRelaxation: "suiRelaxation", suiEqual: "suiEqual", suiCentered: "suiCentered", suiContainer: "suiContainer", suiStackable: "suiStackable", suiDoubling: "suiDoubling" }, exportAs: ["suiGrid"], usesInheritance: true, ngImport: i0 }); }
|
|
67
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.23", type: SuiGridDirective, isStandalone: true, selector: "[sui-grid]", inputs: { suiWidth: "suiWidth", suiAlignment: "suiAlignment", suiVerticalAlignment: "suiVerticalAlignment", suiDivided: "suiDivided", suiCelled: "suiCelled", suiPadded: "suiPadded", suiReversed: "suiReversed", suiRelaxation: "suiRelaxation", suiEqual: "suiEqual", suiCentered: "suiCentered", suiContainer: "suiContainer", suiStackable: "suiStackable", suiDoubling: "suiDoubling", suiStretched: "suiStretched" }, exportAs: ["suiGrid"], usesInheritance: true, ngImport: i0 }); }
|
|
46
68
|
}
|
|
47
69
|
__decorate([
|
|
48
70
|
InputBoolean()
|
|
@@ -59,6 +81,9 @@ __decorate([
|
|
|
59
81
|
__decorate([
|
|
60
82
|
InputBoolean()
|
|
61
83
|
], SuiGridDirective.prototype, "suiDoubling", void 0);
|
|
84
|
+
__decorate([
|
|
85
|
+
InputBoolean()
|
|
86
|
+
], SuiGridDirective.prototype, "suiStretched", void 0);
|
|
62
87
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: SuiGridDirective, decorators: [{
|
|
63
88
|
type: Directive,
|
|
64
89
|
args: [{
|
|
@@ -70,6 +95,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImpo
|
|
|
70
95
|
type: Input
|
|
71
96
|
}], suiAlignment: [{
|
|
72
97
|
type: Input
|
|
98
|
+
}], suiVerticalAlignment: [{
|
|
99
|
+
type: Input
|
|
73
100
|
}], suiDivided: [{
|
|
74
101
|
type: Input
|
|
75
102
|
}], suiCelled: [{
|
|
@@ -90,35 +117,50 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImpo
|
|
|
90
117
|
type: Input
|
|
91
118
|
}], suiDoubling: [{
|
|
92
119
|
type: Input
|
|
120
|
+
}], suiStretched: [{
|
|
121
|
+
type: Input
|
|
93
122
|
}] } });
|
|
94
123
|
|
|
95
|
-
/**
|
|
96
|
-
* Created by bolor on 6/14/2020
|
|
97
|
-
*/
|
|
98
124
|
class SuiGridColumnDirective extends BaseDirective {
|
|
99
125
|
constructor() {
|
|
100
126
|
const element = inject(ElementRef);
|
|
101
127
|
super(element);
|
|
102
128
|
this.suiWidth = null;
|
|
129
|
+
this.suiMobileWidth = null;
|
|
130
|
+
this.suiTabletWidth = null;
|
|
131
|
+
this.suiComputerWidth = null;
|
|
132
|
+
this.suiLargeScreenWidth = null;
|
|
133
|
+
this.suiWidescreenWidth = null;
|
|
103
134
|
this.suiFloated = null;
|
|
104
135
|
this.suiColour = null;
|
|
105
136
|
this.suiAlignment = null;
|
|
137
|
+
this.suiVerticalAlignment = null;
|
|
106
138
|
this.suiDeviceVisibility = null;
|
|
139
|
+
this.suiStretched = false;
|
|
107
140
|
}
|
|
108
141
|
get classes() {
|
|
109
142
|
return [
|
|
110
143
|
this.suiFloated,
|
|
111
144
|
this.suiAlignment,
|
|
112
|
-
this.
|
|
113
|
-
this.suiWidth ? 'wide' : '',
|
|
145
|
+
this.suiVerticalAlignment,
|
|
114
146
|
this.suiColour,
|
|
115
147
|
this.suiDeviceVisibility,
|
|
148
|
+
ClassUtils.getPropClass(this.suiStretched, 'stretched'),
|
|
149
|
+
GridClassUtils.widthClass(this.suiWidth),
|
|
150
|
+
GridClassUtils.widthClass(this.suiMobileWidth, 'mobile'),
|
|
151
|
+
GridClassUtils.widthClass(this.suiTabletWidth, 'tablet'),
|
|
152
|
+
GridClassUtils.widthClass(this.suiComputerWidth, 'computer'),
|
|
153
|
+
GridClassUtils.widthClass(this.suiLargeScreenWidth, 'large screen'),
|
|
154
|
+
GridClassUtils.widthClass(this.suiWidescreenWidth, 'widescreen'),
|
|
116
155
|
'column'
|
|
117
156
|
].join(' ');
|
|
118
157
|
}
|
|
119
158
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: SuiGridColumnDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
120
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.23", type: SuiGridColumnDirective, isStandalone: true, selector: "[suiGridColumn]", inputs: { suiWidth: "suiWidth", suiFloated: "suiFloated", suiColour: "suiColour", suiAlignment: "suiAlignment", suiDeviceVisibility: "suiDeviceVisibility" }, exportAs: ["suiGridColumn"], usesInheritance: true, ngImport: i0 }); }
|
|
159
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.23", type: SuiGridColumnDirective, isStandalone: true, selector: "[suiGridColumn]", inputs: { suiWidth: "suiWidth", suiMobileWidth: "suiMobileWidth", suiTabletWidth: "suiTabletWidth", suiComputerWidth: "suiComputerWidth", suiLargeScreenWidth: "suiLargeScreenWidth", suiWidescreenWidth: "suiWidescreenWidth", suiFloated: "suiFloated", suiColour: "suiColour", suiAlignment: "suiAlignment", suiVerticalAlignment: "suiVerticalAlignment", suiDeviceVisibility: "suiDeviceVisibility", suiStretched: "suiStretched" }, exportAs: ["suiGridColumn"], usesInheritance: true, ngImport: i0 }); }
|
|
121
160
|
}
|
|
161
|
+
__decorate([
|
|
162
|
+
InputBoolean()
|
|
163
|
+
], SuiGridColumnDirective.prototype, "suiStretched", void 0);
|
|
122
164
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: SuiGridColumnDirective, decorators: [{
|
|
123
165
|
type: Directive,
|
|
124
166
|
args: [{
|
|
@@ -128,14 +170,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImpo
|
|
|
128
170
|
}]
|
|
129
171
|
}], ctorParameters: () => [], propDecorators: { suiWidth: [{
|
|
130
172
|
type: Input
|
|
173
|
+
}], suiMobileWidth: [{
|
|
174
|
+
type: Input
|
|
175
|
+
}], suiTabletWidth: [{
|
|
176
|
+
type: Input
|
|
177
|
+
}], suiComputerWidth: [{
|
|
178
|
+
type: Input
|
|
179
|
+
}], suiLargeScreenWidth: [{
|
|
180
|
+
type: Input
|
|
181
|
+
}], suiWidescreenWidth: [{
|
|
182
|
+
type: Input
|
|
131
183
|
}], suiFloated: [{
|
|
132
184
|
type: Input
|
|
133
185
|
}], suiColour: [{
|
|
134
186
|
type: Input
|
|
135
187
|
}], suiAlignment: [{
|
|
136
188
|
type: Input
|
|
189
|
+
}], suiVerticalAlignment: [{
|
|
190
|
+
type: Input
|
|
137
191
|
}], suiDeviceVisibility: [{
|
|
138
192
|
type: Input
|
|
193
|
+
}], suiStretched: [{
|
|
194
|
+
type: Input
|
|
139
195
|
}] } });
|
|
140
196
|
|
|
141
197
|
class SuiGridRowDirective extends BaseDirective {
|
|
@@ -144,23 +200,33 @@ class SuiGridRowDirective extends BaseDirective {
|
|
|
144
200
|
super(element);
|
|
145
201
|
this.suiWidth = null;
|
|
146
202
|
this.suiAlignment = null;
|
|
203
|
+
this.suiVerticalAlignment = null;
|
|
204
|
+
this.suiColour = null;
|
|
205
|
+
this.suiReversed = null;
|
|
147
206
|
this.suiDeviceVisibility = null;
|
|
148
207
|
this.suiEqual = false;
|
|
149
208
|
this.suiCentered = false;
|
|
209
|
+
this.suiStretched = false;
|
|
210
|
+
this.suiDoubling = false;
|
|
150
211
|
}
|
|
151
212
|
get classes() {
|
|
152
213
|
return [
|
|
153
214
|
this.suiAlignment,
|
|
154
|
-
this.
|
|
155
|
-
this.
|
|
215
|
+
this.suiVerticalAlignment,
|
|
216
|
+
this.suiColour,
|
|
217
|
+
GridClassUtils.reversedClass(this.suiReversed),
|
|
156
218
|
this.suiDeviceVisibility,
|
|
157
|
-
ClassUtils.getPropClass(this.suiEqual, 'equal width'),
|
|
158
219
|
ClassUtils.getPropClass(this.suiCentered, 'centered'),
|
|
220
|
+
ClassUtils.getPropClass(this.suiStretched, 'stretched'),
|
|
221
|
+
ClassUtils.getPropClass(this.suiDoubling, 'doubling'),
|
|
222
|
+
ClassUtils.getPropClass(this.suiEqual, 'equal width'),
|
|
223
|
+
this.suiWidth,
|
|
224
|
+
this.suiWidth ? 'column' : '',
|
|
159
225
|
'row'
|
|
160
226
|
].join(' ');
|
|
161
227
|
}
|
|
162
228
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: SuiGridRowDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
163
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.23", type: SuiGridRowDirective, isStandalone: true, selector: "[suiGridRow]", inputs: { suiWidth: "suiWidth", suiAlignment: "suiAlignment", suiDeviceVisibility: "suiDeviceVisibility", suiEqual: "suiEqual", suiCentered: "suiCentered" }, exportAs: ["suiGridRow"], usesInheritance: true, ngImport: i0 }); }
|
|
229
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.23", type: SuiGridRowDirective, isStandalone: true, selector: "[suiGridRow]", inputs: { suiWidth: "suiWidth", suiAlignment: "suiAlignment", suiVerticalAlignment: "suiVerticalAlignment", suiColour: "suiColour", suiReversed: "suiReversed", suiDeviceVisibility: "suiDeviceVisibility", suiEqual: "suiEqual", suiCentered: "suiCentered", suiStretched: "suiStretched", suiDoubling: "suiDoubling" }, exportAs: ["suiGridRow"], usesInheritance: true, ngImport: i0 }); }
|
|
164
230
|
}
|
|
165
231
|
__decorate([
|
|
166
232
|
InputBoolean()
|
|
@@ -168,6 +234,12 @@ __decorate([
|
|
|
168
234
|
__decorate([
|
|
169
235
|
InputBoolean()
|
|
170
236
|
], SuiGridRowDirective.prototype, "suiCentered", void 0);
|
|
237
|
+
__decorate([
|
|
238
|
+
InputBoolean()
|
|
239
|
+
], SuiGridRowDirective.prototype, "suiStretched", void 0);
|
|
240
|
+
__decorate([
|
|
241
|
+
InputBoolean()
|
|
242
|
+
], SuiGridRowDirective.prototype, "suiDoubling", void 0);
|
|
171
243
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: SuiGridRowDirective, decorators: [{
|
|
172
244
|
type: Directive,
|
|
173
245
|
args: [{
|
|
@@ -179,12 +251,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImpo
|
|
|
179
251
|
type: Input
|
|
180
252
|
}], suiAlignment: [{
|
|
181
253
|
type: Input
|
|
254
|
+
}], suiVerticalAlignment: [{
|
|
255
|
+
type: Input
|
|
256
|
+
}], suiColour: [{
|
|
257
|
+
type: Input
|
|
258
|
+
}], suiReversed: [{
|
|
259
|
+
type: Input
|
|
182
260
|
}], suiDeviceVisibility: [{
|
|
183
261
|
type: Input
|
|
184
262
|
}], suiEqual: [{
|
|
185
263
|
type: Input
|
|
186
264
|
}], suiCentered: [{
|
|
187
265
|
type: Input
|
|
266
|
+
}], suiStretched: [{
|
|
267
|
+
type: Input
|
|
268
|
+
}], suiDoubling: [{
|
|
269
|
+
type: Input
|
|
188
270
|
}] } });
|
|
189
271
|
|
|
190
272
|
/**
|
|
@@ -225,5 +307,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImpo
|
|
|
225
307
|
* Generated bundle index. Do not edit.
|
|
226
308
|
*/
|
|
227
309
|
|
|
228
|
-
export { SuiGridColumnDirective, SuiGridDirective, SuiGridModule, SuiGridRowDirective };
|
|
310
|
+
export { GridClassUtils, SuiGridColumnDirective, SuiGridDirective, SuiGridModule, SuiGridRowDirective };
|
|
229
311
|
//# sourceMappingURL=ngx-semantic-collections-grid.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ngx-semantic-collections-grid.mjs","sources":["../../src/collections/grid/grid.directive.ts","../../src/collections/grid/grid-column.directive.ts","../../src/collections/grid/grid-row.directive.ts","../../src/collections/grid/grid.module.ts","../../src/collections/grid/public-api.ts","../../src/collections/grid/ngx-semantic-collections-grid.ts"],"sourcesContent":["/**\n * Created by bolor on 6/11/2020\n */\n\nimport { Directive, ElementRef, Input, inject } from '@angular/core';\nimport { SuiWidth } from 'ngx-semantic/core/enums';\nimport { ClassUtils, InputBoolean } from 'ngx-semantic/core/util';\nimport { BaseDirective } from 'ngx-semantic/core/base';\n\nexport type SuiGridAlignment = 'left aligned' | 'center aligned' | 'right aligned' | null;\nexport type SuiGridDivision = 'divided' | 'vertically divided' | null;\nexport type SuiGridCellType = 'celled' | 'internally celled' | null;\nexport type SuiGridPadding = 'padding' | 'vertically padding' | null;\nexport type SuiGridReverse = 'computer reversed' | 'tablet reversed' | 'mobile reversed' | null;\nexport type SuiGridRelaxation = 'relaxed' | 'very relaxed' | null;\n\n@Directive({\n standalone: true,\n selector: '[sui-grid]',\n exportAs: 'suiGrid'\n})\nexport class SuiGridDirective extends BaseDirective {\n @Input() public suiWidth: SuiWidth = null;\n @Input() public suiAlignment: SuiGridAlignment = null;\n @Input() public suiDivided: SuiGridDivision = null;\n @Input() public suiCelled: SuiGridCellType = null;\n @Input() public suiPadded: SuiGridPadding = null;\n @Input() public suiReversed: SuiGridReverse = null;\n @Input() public suiRelaxation: SuiGridRelaxation = null;\n @Input() @InputBoolean() public suiEqual = false;\n @Input() @InputBoolean() public suiCentered = false;\n @Input() @InputBoolean() public suiContainer = false;\n @Input() @InputBoolean() public suiStackable = false;\n @Input() @InputBoolean() public suiDoubling = false;\n\n constructor() {\n const element = inject(ElementRef);\n\n super(element);\n }\n\n get classes(): string {\n return [\n 'ui',\n this.suiWidth,\n this.suiWidth ? 'column' : '',\n this.suiAlignment,\n this.suiDivided,\n this.suiCelled,\n this.suiPadded,\n this.suiReversed,\n this.suiRelaxation,\n ClassUtils.getPropClass(this.suiStackable, 'stackable'),\n ClassUtils.getPropClass(this.suiEqual, 'equal width'),\n ClassUtils.getPropClass(this.suiCentered, 'centered'),\n ClassUtils.getPropClass(this.suiDoubling, 'doubling'),\n 'grid',\n ClassUtils.getPropClass(this.suiContainer, 'container')\n ].join(' ');\n }\n}\n","/**\n * Created by bolor on 6/14/2020\n */\n\nimport { Directive, ElementRef, Input, inject } from '@angular/core';\nimport { SuiColour, SuiWidth } from 'ngx-semantic/core/enums';\nimport { BaseDirective } from 'ngx-semantic/core/base';\n\nexport type SuiColumnFloat = 'left floated' | 'right floated' | null;\nexport type SuiColumnAlignment = 'left aligned' | 'middle aligned' | 'right aligned' | null;\n\n@Directive({\n standalone: true,\n exportAs: 'suiGridColumn',\n selector: '[suiGridColumn]'\n})\nexport class SuiGridColumnDirective extends BaseDirective{\n @Input() public suiWidth: SuiWidth = null;\n @Input() public suiFloated: SuiColumnFloat = null;\n @Input() public suiColour: SuiColour = null;\n @Input() public suiAlignment: SuiColumnAlignment = null;\n @Input() public suiDeviceVisibility: string | null = null;\n\n constructor() {\n const element = inject(ElementRef);\n\n super(element);\n }\n\n get classes(): string {\n return [\n this.suiFloated,\n this.suiAlignment,\n this.suiWidth,\n this.suiWidth ? 'wide' : '',\n this.suiColour,\n this.suiDeviceVisibility,\n 'column'\n ].join(' ');\n }\n}\n","/**\n * Created by bolor on 6/14/2020\n */\n\nimport { Directive, ElementRef, Input, inject } from '@angular/core';\nimport { SuiDeviceVisibility, SuiWidth } from 'ngx-semantic/core/enums';\nimport { ClassUtils, InputBoolean } from 'ngx-semantic/core/util';\nimport { BaseDirective } from 'ngx-semantic/core/base';\n\nexport type SuiRowAlignment = 'left aligned' | 'middle aligned' | 'right aligned' | null;\n\n@Directive({\n standalone: true,\n exportAs: 'suiGridRow',\n selector: '[suiGridRow]'\n})\nexport class SuiGridRowDirective extends BaseDirective {\n @Input() public suiWidth: SuiWidth = null;\n @Input() public suiAlignment: SuiRowAlignment = null;\n @Input() public suiDeviceVisibility: SuiDeviceVisibility = null;\n @Input() @InputBoolean() public suiEqual = false;\n @Input() @InputBoolean() public suiCentered = false;\n\n constructor() {\n const element = inject(ElementRef);\n\n super(element);\n }\n\n get classes(): string {\n return [\n this.suiAlignment,\n this.suiWidth,\n this.suiWidth ? 'column' : '',\n this.suiDeviceVisibility,\n ClassUtils.getPropClass(this.suiEqual, 'equal width'),\n ClassUtils.getPropClass(this.suiCentered, 'centered'),\n 'row'\n ].join(' ');\n }\n}\n","/**\n * Created by bolor on 5/26/2020\n */\n\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { SuiGridDirective } from './grid.directive';\nimport { SuiGridColumnDirective } from './grid-column.directive';\nimport { SuiGridRowDirective } from './grid-row.directive';\n\n@NgModule({\n imports: [\n CommonModule,\n SuiGridDirective,\n SuiGridColumnDirective,\n SuiGridRowDirective\n ],\n exports: [\n SuiGridDirective,\n SuiGridColumnDirective,\n SuiGridRowDirective\n ]\n})\nexport class SuiGridModule {\n}\n","/**\n * Created by bolor on 6/11/2020\n */\n\nexport * from './grid.directive';\nexport * from './grid-column.directive';\nexport * from './grid-row.directive';\nexport * from './grid.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"ngx-semantic-collections-grid.mjs","sources":["../../src/collections/grid/grid.types.ts","../../src/collections/grid/grid.directive.ts","../../src/collections/grid/grid-column.directive.ts","../../src/collections/grid/grid-row.directive.ts","../../src/collections/grid/grid.module.ts","../../src/collections/grid/public-api.ts","../../src/collections/grid/ngx-semantic-collections-grid.ts"],"sourcesContent":["/**\n * Shared types for the grid, row and column directives\n */\n\nexport type SuiGridTextAlignment = 'left aligned' | 'center aligned' | 'right aligned' | 'justified' | null;\nexport type SuiGridVerticalAlignment = 'top aligned' | 'middle aligned' | 'bottom aligned' | null;\nexport type SuiGridReverse =\n 'computer reversed'\n | 'tablet reversed'\n | 'mobile reversed'\n | 'computer vertically reversed'\n | 'tablet vertically reversed'\n | 'mobile vertically reversed'\n | null;\n\nexport class GridClassUtils {\n public static reversedClass(input: SuiGridReverse | SuiGridReverse[]): string {\n if (!input) {\n return '';\n }\n\n return Array.isArray(input) ? input.filter(x => !!x).join(' ') : input;\n }\n\n public static widthClass(width: string | null, device?: string): string {\n if (!width) {\n return '';\n }\n\n return device ? `${width} wide ${device}` : `${width} wide`;\n }\n}\n","/**\n * Created by bolor on 6/11/2020\n */\n\nimport { Directive, ElementRef, Input, inject } from '@angular/core';\nimport { SuiWidth } from 'ngx-semantic/core/enums';\nimport { ClassUtils, InputBoolean } from 'ngx-semantic/core/util';\nimport { BaseDirective } from 'ngx-semantic/core/base';\nimport { GridClassUtils, SuiGridReverse, SuiGridTextAlignment, SuiGridVerticalAlignment } from './grid.types';\n\nexport type SuiGridAlignment = SuiGridTextAlignment;\nexport type SuiGridDivision = 'divided' | 'vertically divided' | null;\nexport type SuiGridCellType = 'celled' | 'internally celled' | null;\nexport type SuiGridPadding = 'padded' | 'vertically padded' | 'horizontally padded' | null;\nexport type SuiGridRelaxation = 'relaxed' | 'very relaxed' | null;\n\n@Directive({\n standalone: true,\n selector: '[sui-grid]',\n exportAs: 'suiGrid'\n})\nexport class SuiGridDirective extends BaseDirective {\n @Input() public suiWidth: SuiWidth = null;\n @Input() public suiAlignment: SuiGridAlignment = null;\n @Input() public suiVerticalAlignment: SuiGridVerticalAlignment = null;\n @Input() public suiDivided: SuiGridDivision = null;\n @Input() public suiCelled: SuiGridCellType = null;\n @Input() public suiPadded: SuiGridPadding = null;\n @Input() public suiReversed: SuiGridReverse | SuiGridReverse[] = null;\n @Input() public suiRelaxation: SuiGridRelaxation = null;\n @Input() @InputBoolean() public suiEqual = false;\n @Input() @InputBoolean() public suiCentered = false;\n @Input() @InputBoolean() public suiContainer = false;\n @Input() @InputBoolean() public suiStackable = false;\n @Input() @InputBoolean() public suiDoubling = false;\n @Input() @InputBoolean() public suiStretched = false;\n\n constructor() {\n const element = inject(ElementRef);\n\n super(element);\n }\n\n get classes(): string {\n return [\n 'ui',\n this.suiAlignment,\n this.suiVerticalAlignment,\n this.suiDivided,\n this.suiCelled,\n this.suiPadded,\n GridClassUtils.reversedClass(this.suiReversed),\n this.suiRelaxation,\n ClassUtils.getPropClass(this.suiStackable, 'stackable'),\n ClassUtils.getPropClass(this.suiDoubling, 'doubling'),\n ClassUtils.getPropClass(this.suiStretched, 'stretched'),\n ClassUtils.getPropClass(this.suiCentered, 'centered'),\n ClassUtils.getPropClass(this.suiEqual, 'equal width'),\n this.suiWidth,\n this.suiWidth ? 'column' : '',\n 'grid',\n ClassUtils.getPropClass(this.suiContainer, 'container')\n ].join(' ');\n }\n}\n","/**\n * Created by bolor on 6/14/2020\n */\n\nimport { Directive, ElementRef, Input, inject } from '@angular/core';\nimport { SuiColour, SuiDeviceVisibility, SuiWidth } from 'ngx-semantic/core/enums';\nimport { ClassUtils, InputBoolean } from 'ngx-semantic/core/util';\nimport { BaseDirective } from 'ngx-semantic/core/base';\nimport { GridClassUtils, SuiGridTextAlignment, SuiGridVerticalAlignment } from './grid.types';\n\nexport type SuiColumnFloat = 'left floated' | 'right floated' | null;\n\n/**\n * Text or vertical alignment for a column. `'middle aligned'`, `'top aligned'` and `'bottom aligned'` are kept here\n * for backwards compatibility; use `suiVerticalAlignment` when combining a text and a vertical alignment.\n */\nexport type SuiColumnAlignment = SuiGridTextAlignment | SuiGridVerticalAlignment;\n\n@Directive({\n standalone: true,\n exportAs: 'suiGridColumn',\n selector: '[suiGridColumn]'\n})\nexport class SuiGridColumnDirective extends BaseDirective {\n @Input() public suiWidth: SuiWidth = null;\n @Input() public suiMobileWidth: SuiWidth = null;\n @Input() public suiTabletWidth: SuiWidth = null;\n @Input() public suiComputerWidth: SuiWidth = null;\n @Input() public suiLargeScreenWidth: SuiWidth = null;\n @Input() public suiWidescreenWidth: SuiWidth = null;\n @Input() public suiFloated: SuiColumnFloat = null;\n @Input() public suiColour: SuiColour = null;\n @Input() public suiAlignment: SuiColumnAlignment = null;\n @Input() public suiVerticalAlignment: SuiGridVerticalAlignment = null;\n @Input() public suiDeviceVisibility: SuiDeviceVisibility = null;\n @Input() @InputBoolean() public suiStretched = false;\n\n constructor() {\n const element = inject(ElementRef);\n\n super(element);\n }\n\n get classes(): string {\n return [\n this.suiFloated,\n this.suiAlignment,\n this.suiVerticalAlignment,\n this.suiColour,\n this.suiDeviceVisibility,\n ClassUtils.getPropClass(this.suiStretched, 'stretched'),\n GridClassUtils.widthClass(this.suiWidth),\n GridClassUtils.widthClass(this.suiMobileWidth, 'mobile'),\n GridClassUtils.widthClass(this.suiTabletWidth, 'tablet'),\n GridClassUtils.widthClass(this.suiComputerWidth, 'computer'),\n GridClassUtils.widthClass(this.suiLargeScreenWidth, 'large screen'),\n GridClassUtils.widthClass(this.suiWidescreenWidth, 'widescreen'),\n 'column'\n ].join(' ');\n }\n}\n","/**\n * Created by bolor on 6/14/2020\n */\n\nimport { Directive, ElementRef, Input, inject } from '@angular/core';\nimport { SuiColour, SuiDeviceVisibility, SuiWidth } from 'ngx-semantic/core/enums';\nimport { ClassUtils, InputBoolean } from 'ngx-semantic/core/util';\nimport { BaseDirective } from 'ngx-semantic/core/base';\nimport { GridClassUtils, SuiGridReverse, SuiGridTextAlignment, SuiGridVerticalAlignment } from './grid.types';\n\n/**\n * Text or vertical alignment for a row. `'middle aligned'`, `'top aligned'` and `'bottom aligned'` are kept here for\n * backwards compatibility; use `suiVerticalAlignment` when combining a text and a vertical alignment.\n */\nexport type SuiRowAlignment = SuiGridTextAlignment | SuiGridVerticalAlignment;\n\n@Directive({\n standalone: true,\n exportAs: 'suiGridRow',\n selector: '[suiGridRow]'\n})\nexport class SuiGridRowDirective extends BaseDirective {\n @Input() public suiWidth: SuiWidth = null;\n @Input() public suiAlignment: SuiRowAlignment = null;\n @Input() public suiVerticalAlignment: SuiGridVerticalAlignment = null;\n @Input() public suiColour: SuiColour = null;\n @Input() public suiReversed: SuiGridReverse | SuiGridReverse[] = null;\n @Input() public suiDeviceVisibility: SuiDeviceVisibility = null;\n @Input() @InputBoolean() public suiEqual = false;\n @Input() @InputBoolean() public suiCentered = false;\n @Input() @InputBoolean() public suiStretched = false;\n @Input() @InputBoolean() public suiDoubling = false;\n\n constructor() {\n const element = inject(ElementRef);\n\n super(element);\n }\n\n get classes(): string {\n return [\n this.suiAlignment,\n this.suiVerticalAlignment,\n this.suiColour,\n GridClassUtils.reversedClass(this.suiReversed),\n this.suiDeviceVisibility,\n ClassUtils.getPropClass(this.suiCentered, 'centered'),\n ClassUtils.getPropClass(this.suiStretched, 'stretched'),\n ClassUtils.getPropClass(this.suiDoubling, 'doubling'),\n ClassUtils.getPropClass(this.suiEqual, 'equal width'),\n this.suiWidth,\n this.suiWidth ? 'column' : '',\n 'row'\n ].join(' ');\n }\n}\n","/**\n * Created by bolor on 5/26/2020\n */\n\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { SuiGridDirective } from './grid.directive';\nimport { SuiGridColumnDirective } from './grid-column.directive';\nimport { SuiGridRowDirective } from './grid-row.directive';\n\n@NgModule({\n imports: [\n CommonModule,\n SuiGridDirective,\n SuiGridColumnDirective,\n SuiGridRowDirective\n ],\n exports: [\n SuiGridDirective,\n SuiGridColumnDirective,\n SuiGridRowDirective\n ]\n})\nexport class SuiGridModule {\n}\n","/**\n * Created by bolor on 6/11/2020\n */\n\nexport * from './grid.types';\nexport * from './grid.directive';\nexport * from './grid-column.directive';\nexport * from './grid-row.directive';\nexport * from './grid.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
|
@@ -33,7 +33,7 @@ class SuiMenuDirective extends BaseDirective {
|
|
|
33
33
|
'ui',
|
|
34
34
|
this.suiColour,
|
|
35
35
|
this.suiSize,
|
|
36
|
-
this.suiAttached,
|
|
36
|
+
this.suiAttached === 'attached' ? '' : this.suiAttached,
|
|
37
37
|
this.suiAttached ? 'attached' : '',
|
|
38
38
|
this.suiFixed,
|
|
39
39
|
this.suiFixed ? 'fixed' : '',
|
|
@@ -143,13 +143,19 @@ class SuiMenuItemDirective extends BaseDirective {
|
|
|
143
143
|
constructor() {
|
|
144
144
|
const element = inject(ElementRef);
|
|
145
145
|
super(element);
|
|
146
|
+
this.suiColour = null;
|
|
147
|
+
this.suiFitted = null;
|
|
146
148
|
this.suiLink = false;
|
|
147
149
|
this.suiActive = false;
|
|
148
150
|
this.suiBrowser = false;
|
|
151
|
+
this.suiHeader = false;
|
|
149
152
|
this.disabled = false;
|
|
150
153
|
}
|
|
151
154
|
get classes() {
|
|
152
155
|
return [
|
|
156
|
+
this.suiColour,
|
|
157
|
+
this.suiFitted,
|
|
158
|
+
ClassUtils.getPropClass(this.suiHeader, 'header'),
|
|
153
159
|
ClassUtils.getPropClass(this.suiLink, 'link'),
|
|
154
160
|
ClassUtils.getPropClass(this.suiActive, 'active'),
|
|
155
161
|
ClassUtils.getPropClass(this.suiBrowser, 'browser'),
|
|
@@ -158,7 +164,7 @@ class SuiMenuItemDirective extends BaseDirective {
|
|
|
158
164
|
].join(' ');
|
|
159
165
|
}
|
|
160
166
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: SuiMenuItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
161
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.23", type: SuiMenuItemDirective, isStandalone: true, selector: "[suiMenuItem]", inputs: { suiLink: "suiLink", suiActive: "suiActive", suiBrowser: "suiBrowser", disabled: "disabled" }, exportAs: ["suiMenuItem"], usesInheritance: true, ngImport: i0 }); }
|
|
167
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.23", type: SuiMenuItemDirective, isStandalone: true, selector: "[suiMenuItem]", inputs: { suiColour: "suiColour", suiFitted: "suiFitted", suiLink: "suiLink", suiActive: "suiActive", suiBrowser: "suiBrowser", suiHeader: "suiHeader", disabled: "disabled" }, exportAs: ["suiMenuItem"], usesInheritance: true, ngImport: i0 }); }
|
|
162
168
|
}
|
|
163
169
|
__decorate([
|
|
164
170
|
InputBoolean()
|
|
@@ -169,6 +175,9 @@ __decorate([
|
|
|
169
175
|
__decorate([
|
|
170
176
|
InputBoolean()
|
|
171
177
|
], SuiMenuItemDirective.prototype, "suiBrowser", void 0);
|
|
178
|
+
__decorate([
|
|
179
|
+
InputBoolean()
|
|
180
|
+
], SuiMenuItemDirective.prototype, "suiHeader", void 0);
|
|
172
181
|
__decorate([
|
|
173
182
|
InputBoolean()
|
|
174
183
|
], SuiMenuItemDirective.prototype, "disabled", void 0);
|
|
@@ -179,12 +188,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImpo
|
|
|
179
188
|
exportAs: 'suiMenuItem',
|
|
180
189
|
selector: '[suiMenuItem]'
|
|
181
190
|
}]
|
|
182
|
-
}], ctorParameters: () => [], propDecorators: {
|
|
191
|
+
}], ctorParameters: () => [], propDecorators: { suiColour: [{
|
|
192
|
+
type: Input
|
|
193
|
+
}], suiFitted: [{
|
|
194
|
+
type: Input
|
|
195
|
+
}], suiLink: [{
|
|
183
196
|
type: Input
|
|
184
197
|
}], suiActive: [{
|
|
185
198
|
type: Input
|
|
186
199
|
}], suiBrowser: [{
|
|
187
200
|
type: Input
|
|
201
|
+
}], suiHeader: [{
|
|
202
|
+
type: Input
|
|
188
203
|
}], disabled: [{
|
|
189
204
|
type: Input
|
|
190
205
|
}] } });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ngx-semantic-collections-menu.mjs","sources":["../../src/collections/menu/menu.directive.ts","../../src/collections/menu/menu-item.directive.ts","../../src/collections/menu/sub-menu.directive.ts","../../src/collections/menu/menu-header.directive.ts","../../src/collections/menu/menu.module.ts","../../src/collections/menu/public-api.ts","../../src/collections/menu/ngx-semantic-collections-menu.ts"],"sourcesContent":["/**\n * Created by bolor on 6/17/2020\n */\n\nimport { Directive, ElementRef, Input, inject } from '@angular/core';\nimport { SuiColour, SuiSize, SuiWidth } from 'ngx-semantic/core/enums';\nimport { ClassUtils, InputBoolean } from 'ngx-semantic/core/util';\nimport { BaseDirective } from 'ngx-semantic/core/base';\n\nexport type SuiMenuAttachment = 'top' | 'bottom' | null;\nexport type SuiMenuFixation = 'top' | 'bottom' | 'left' | 'right' | null;\nexport type SuiMenuIconType = 'icon' | 'labeled icon' | null;\n\n@Directive({\n standalone: true,\n selector: '[sui-menu]',\n exportAs: 'suiMenu'\n})\nexport class SuiMenuDirective extends BaseDirective {\n @Input() public suiWidth: SuiWidth = null;\n @Input() public suiAttached: SuiMenuAttachment = null;\n @Input() public suiFixed: SuiMenuFixation = null;\n @Input() public suiColour: SuiColour = null;\n @Input() public suiIcon: SuiMenuIconType = null;\n @Input() public suiSize: SuiSize = null;\n @Input() @InputBoolean() public suiText = false;\n @Input() @InputBoolean() public suiSecondary = false;\n @Input() @InputBoolean() public suiPointing = false;\n @Input() @InputBoolean() public suiTabular = false;\n @Input() @InputBoolean() public suiVertical = false;\n @Input() @InputBoolean() public suiFluid = false;\n @Input() @InputBoolean() public suiRight = false;\n @Input() @InputBoolean() public suiPagination = false;\n @Input() @InputBoolean() public suiCompact = false;\n @Input() @InputBoolean() public suiStackable = false;\n @Input() @InputBoolean() public suiInverted = false;\n @Input() @InputBoolean() public suiBorderless = false;\n\n constructor() {\n const element = inject(ElementRef);\n\n super(element);\n }\n\n get classes(): string {\n return [\n 'ui',\n this.suiColour,\n this.suiSize,\n this.suiAttached,\n this.suiAttached ? 'attached' : '',\n this.suiFixed,\n this.suiFixed ? 'fixed' : '',\n this.suiWidth,\n this.suiWidth ? 'item' : '',\n this.suiIcon,\n ClassUtils.getPropClass(this.suiInverted, 'inverted'),\n ClassUtils.getPropClass(this.suiCompact, 'compact'),\n ClassUtils.getPropClass(this.suiFluid, 'fluid'),\n ClassUtils.getPropClass(this.suiVertical, 'vertical'),\n ClassUtils.getPropClass(this.suiText, 'text'),\n ClassUtils.getPropClass(this.suiSecondary, 'secondary'),\n ClassUtils.getPropClass(this.suiPointing, 'pointing'),\n ClassUtils.getPropClass(this.suiRight, 'right'),\n ClassUtils.getPropClass(this.suiTabular, 'tabular'),\n ClassUtils.getPropClass(this.suiPagination, 'pagination'),\n ClassUtils.getPropClass(this.suiStackable, 'stackable'),\n ClassUtils.getPropClass(this.suiBorderless, 'borderless'),\n 'menu'\n ].join(' ');\n }\n}\n","/**\n * Created by bolor on 7/3/2020\n */\n\nimport { Directive, ElementRef, Input, inject } from '@angular/core';\nimport { ClassUtils, InputBoolean } from 'ngx-semantic/core/util';\nimport { BaseDirective } from 'ngx-semantic/core/base';\n\n@Directive({\n standalone: true,\n exportAs: 'suiMenuItem',\n selector: '[suiMenuItem]'\n})\nexport class SuiMenuItemDirective extends BaseDirective {\n @Input() @InputBoolean() public suiLink = false;\n @Input() @InputBoolean() public suiActive = false;\n @Input() @InputBoolean() public suiBrowser = false;\n @Input() @InputBoolean() public disabled = false;\n\n constructor() {\n const element = inject(ElementRef);\n\n super(element);\n }\n\n get classes(): string {\n return [\n ClassUtils.getPropClass(this.suiLink, 'link'),\n ClassUtils.getPropClass(this.suiActive, 'active'),\n ClassUtils.getPropClass(this.suiBrowser, 'browser'),\n ClassUtils.getPropClass(this.disabled, 'disabled'),\n 'item'\n ].join(' ');\n }\n}\n","/**\n * Created by bolor on 7/3/2020\n */\n\nimport { Directive, ElementRef, Input, inject } from '@angular/core';\nimport { ClassUtils, InputBoolean } from 'ngx-semantic/core/util';\nimport { BaseDirective } from 'ngx-semantic/core/base';\n\n@Directive({\n standalone: true,\n selector: '[suiSubMenu]',\n exportAs: 'suiSubMenu'\n})\nexport class SuiSubMenuDirective extends BaseDirective {\n @Input() @InputBoolean() public suiRight = false;\n\n constructor() {\n const element = inject(ElementRef);\n\n super(element);\n }\n\n get classes(): string {\n return [\n ClassUtils.getPropClass(this.suiRight, 'right'),\n 'menu'\n ].join(' ');\n }\n}\n","/**\n * Created by bolor on 7/3/2020\n */\n\nimport { Directive, HostBinding } from '@angular/core';\n\n@Directive({\n standalone: true,\n exportAs: 'suiMenuHeader',\n selector: '[suiMenuHeader]'\n})\nexport class SuiMenuHeaderDirective {\n @HostBinding('class')\n get classes(): string {\n return 'header';\n }\n}\n","/**\n * Created by bolor on 6/17/2020\n */\n\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { SuiMenuHeaderDirective } from './menu-header.directive';\nimport { SuiMenuItemDirective } from './menu-item.directive';\nimport { SuiMenuDirective } from './menu.directive';\nimport { SuiSubMenuDirective } from './sub-menu.directive';\n\n@NgModule({\n imports: [\n CommonModule,\n SuiMenuDirective,\n SuiMenuItemDirective,\n SuiSubMenuDirective,\n SuiMenuHeaderDirective\n ],\n exports: [\n SuiMenuDirective,\n SuiMenuItemDirective,\n SuiSubMenuDirective,\n SuiMenuHeaderDirective\n ]\n})\nexport class SuiMenuModule {\n}\n","/**\n * Created by bolor on 6/17/2020\n */\n\nexport * from './menu.directive';\nexport * from './menu-item.directive';\nexport * from './sub-menu.directive';\nexport * from './menu-header.directive';\nexport * from './menu.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;AAkBM,MAAO,gBAAiB,SAAQ,aAAa,CAAA;AAoBjD,IAAA,WAAA,GAAA;AACE,QAAA,MAAM,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC;QAElC,KAAK,CAAC,OAAO,CAAC;QAtBA,IAAA,CAAA,QAAQ,GAAa,IAAI;QACzB,IAAA,CAAA,WAAW,GAAsB,IAAI;QACrC,IAAA,CAAA,QAAQ,GAAoB,IAAI;QAChC,IAAA,CAAA,SAAS,GAAc,IAAI;QAC3B,IAAA,CAAA,OAAO,GAAoB,IAAI;QAC/B,IAAA,CAAA,OAAO,GAAY,IAAI;QACP,IAAA,CAAA,OAAO,GAAG,KAAK;QACf,IAAA,CAAA,YAAY,GAAG,KAAK;QACpB,IAAA,CAAA,WAAW,GAAG,KAAK;QACnB,IAAA,CAAA,UAAU,GAAG,KAAK;QAClB,IAAA,CAAA,WAAW,GAAG,KAAK;QACnB,IAAA,CAAA,QAAQ,GAAG,KAAK;QAChB,IAAA,CAAA,QAAQ,GAAG,KAAK;QAChB,IAAA,CAAA,aAAa,GAAG,KAAK;QACrB,IAAA,CAAA,UAAU,GAAG,KAAK;QAClB,IAAA,CAAA,YAAY,GAAG,KAAK;QACpB,IAAA,CAAA,WAAW,GAAG,KAAK;QACnB,IAAA,CAAA,aAAa,GAAG,KAAK;IAMrD;AAEA,IAAA,IAAI,OAAO,GAAA;QACT,OAAO;YACL,IAAI;AACJ,YAAA,IAAI,CAAC,SAAS;AACd,YAAA,IAAI,CAAC,OAAO;AACZ,YAAA,IAAI,CAAC,WAAW;YAChB,IAAI,CAAC,WAAW,GAAG,UAAU,GAAG,EAAE;AAClC,YAAA,IAAI,CAAC,QAAQ;YACb,IAAI,CAAC,QAAQ,GAAG,OAAO,GAAG,EAAE;AAC5B,YAAA,IAAI,CAAC,QAAQ;YACb,IAAI,CAAC,QAAQ,GAAG,MAAM,GAAG,EAAE;AAC3B,YAAA,IAAI,CAAC,OAAO;YACZ,UAAU,CAAC,YAAY,CAAC,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC;YACrD,UAAU,CAAC,YAAY,CAAC,IAAI,CAAC,UAAU,EAAE,SAAS,CAAC;YACnD,UAAU,CAAC,YAAY,CAAC,IAAI,CAAC,QAAQ,EAAE,OAAO,CAAC;YAC/C,UAAU,CAAC,YAAY,CAAC,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC;YACrD,UAAU,CAAC,YAAY,CAAC,IAAI,CAAC,OAAO,EAAE,MAAM,CAAC;YAC7C,UAAU,CAAC,YAAY,CAAC,IAAI,CAAC,YAAY,EAAE,WAAW,CAAC;YACvD,UAAU,CAAC,YAAY,CAAC,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC;YACrD,UAAU,CAAC,YAAY,CAAC,IAAI,CAAC,QAAQ,EAAE,OAAO,CAAC;YAC/C,UAAU,CAAC,YAAY,CAAC,IAAI,CAAC,UAAU,EAAE,SAAS,CAAC;YACnD,UAAU,CAAC,YAAY,CAAC,IAAI,CAAC,aAAa,EAAE,YAAY,CAAC;YACzD,UAAU,CAAC,YAAY,CAAC,IAAI,CAAC,YAAY,EAAE,WAAW,CAAC;YACvD,UAAU,CAAC,YAAY,CAAC,IAAI,CAAC,aAAa,EAAE,YAAY,CAAC;YACzD;AACD,SAAA,CAAC,IAAI,CAAC,GAAG,CAAC;IACb;+GApDW,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAAhB,gBAAgB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,UAAA,EAAA,WAAA,EAAA,aAAA,EAAA,QAAA,EAAA,UAAA,EAAA,SAAA,EAAA,WAAA,EAAA,OAAA,EAAA,SAAA,EAAA,OAAA,EAAA,SAAA,EAAA,OAAA,EAAA,SAAA,EAAA,YAAA,EAAA,cAAA,EAAA,WAAA,EAAA,aAAA,EAAA,UAAA,EAAA,YAAA,EAAA,WAAA,EAAA,aAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,UAAA,EAAA,aAAA,EAAA,eAAA,EAAA,UAAA,EAAA,YAAA,EAAA,YAAA,EAAA,cAAA,EAAA,WAAA,EAAA,aAAA,EAAA,aAAA,EAAA,eAAA,EAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;AAOK,UAAA,CAAA;AAAtB,IAAA,YAAY;AAA0B,CAAA,EAAA,gBAAA,CAAA,SAAA,EAAA,SAAA,EAAA,KAAA,CAAA,CAAA;AAChB,UAAA,CAAA;AAAtB,IAAA,YAAY;AAA+B,CAAA,EAAA,gBAAA,CAAA,SAAA,EAAA,cAAA,EAAA,KAAA,CAAA,CAAA;AACrB,UAAA,CAAA;AAAtB,IAAA,YAAY;AAA8B,CAAA,EAAA,gBAAA,CAAA,SAAA,EAAA,aAAA,EAAA,KAAA,CAAA,CAAA;AACpB,UAAA,CAAA;AAAtB,IAAA,YAAY;AAA6B,CAAA,EAAA,gBAAA,CAAA,SAAA,EAAA,YAAA,EAAA,KAAA,CAAA,CAAA;AACnB,UAAA,CAAA;AAAtB,IAAA,YAAY;AAA8B,CAAA,EAAA,gBAAA,CAAA,SAAA,EAAA,aAAA,EAAA,KAAA,CAAA,CAAA;AACpB,UAAA,CAAA;AAAtB,IAAA,YAAY;AAA2B,CAAA,EAAA,gBAAA,CAAA,SAAA,EAAA,UAAA,EAAA,KAAA,CAAA,CAAA;AACjB,UAAA,CAAA;AAAtB,IAAA,YAAY;AAA2B,CAAA,EAAA,gBAAA,CAAA,SAAA,EAAA,UAAA,EAAA,KAAA,CAAA,CAAA;AACjB,UAAA,CAAA;AAAtB,IAAA,YAAY;AAAgC,CAAA,EAAA,gBAAA,CAAA,SAAA,EAAA,eAAA,EAAA,KAAA,CAAA,CAAA;AACtB,UAAA,CAAA;AAAtB,IAAA,YAAY;AAA6B,CAAA,EAAA,gBAAA,CAAA,SAAA,EAAA,YAAA,EAAA,KAAA,CAAA,CAAA;AACnB,UAAA,CAAA;AAAtB,IAAA,YAAY;AAA+B,CAAA,EAAA,gBAAA,CAAA,SAAA,EAAA,cAAA,EAAA,KAAA,CAAA,CAAA;AACrB,UAAA,CAAA;AAAtB,IAAA,YAAY;AAA8B,CAAA,EAAA,gBAAA,CAAA,SAAA,EAAA,aAAA,EAAA,KAAA,CAAA,CAAA;AACpB,UAAA,CAAA;AAAtB,IAAA,YAAY;AAAgC,CAAA,EAAA,gBAAA,CAAA,SAAA,EAAA,eAAA,EAAA,KAAA,CAAA,CAAA;4FAlB3C,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAL5B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,YAAY;AACtB,oBAAA,QAAQ,EAAE;AACX,iBAAA;;sBAEE;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;;ACvBG,MAAO,oBAAqB,SAAQ,aAAa,CAAA;AAMrD,IAAA,WAAA,GAAA;AACE,QAAA,MAAM,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC;QAElC,KAAK,CAAC,OAAO,CAAC;QARgB,IAAA,CAAA,OAAO,GAAG,KAAK;QACf,IAAA,CAAA,SAAS,GAAG,KAAK;QACjB,IAAA,CAAA,UAAU,GAAG,KAAK;QAClB,IAAA,CAAA,QAAQ,GAAG,KAAK;IAMhD;AAEA,IAAA,IAAI,OAAO,GAAA;QACT,OAAO;YACL,UAAU,CAAC,YAAY,CAAC,IAAI,CAAC,OAAO,EAAE,MAAM,CAAC;YAC7C,UAAU,CAAC,YAAY,CAAC,IAAI,CAAC,SAAS,EAAE,QAAQ,CAAC;YACjD,UAAU,CAAC,YAAY,CAAC,IAAI,CAAC,UAAU,EAAE,SAAS,CAAC;YACnD,UAAU,CAAC,YAAY,CAAC,IAAI,CAAC,QAAQ,EAAE,UAAU,CAAC;YAClD;AACD,SAAA,CAAC,IAAI,CAAC,GAAG,CAAC;IACb;+GApBW,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAApB,oBAAoB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,SAAA,EAAA,WAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,QAAA,EAAA,CAAA,aAAA,CAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;AACC,UAAA,CAAA;AAAtB,IAAA,YAAY;AAA0B,CAAA,EAAA,oBAAA,CAAA,SAAA,EAAA,SAAA,EAAA,KAAA,CAAA,CAAA;AAChB,UAAA,CAAA;AAAtB,IAAA,YAAY;AAA4B,CAAA,EAAA,oBAAA,CAAA,SAAA,EAAA,WAAA,EAAA,KAAA,CAAA,CAAA;AAClB,UAAA,CAAA;AAAtB,IAAA,YAAY;AAA6B,CAAA,EAAA,oBAAA,CAAA,SAAA,EAAA,YAAA,EAAA,KAAA,CAAA,CAAA;AACnB,UAAA,CAAA;AAAtB,IAAA,YAAY;AAA2B,CAAA,EAAA,oBAAA,CAAA,SAAA,EAAA,UAAA,EAAA,KAAA,CAAA,CAAA;4FAJtC,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBALhC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,aAAa;AACvB,oBAAA,QAAQ,EAAE;AACX,iBAAA;;sBAEE;;sBACA;;sBACA;;sBACA;;;ACJG,MAAO,mBAAoB,SAAQ,aAAa,CAAA;AAGpD,IAAA,WAAA,GAAA;AACE,QAAA,MAAM,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC;QAElC,KAAK,CAAC,OAAO,CAAC;QALgB,IAAA,CAAA,QAAQ,GAAG,KAAK;IAMhD;AAEA,IAAA,IAAI,OAAO,GAAA;QACT,OAAO;YACL,UAAU,CAAC,YAAY,CAAC,IAAI,CAAC,QAAQ,EAAE,OAAO,CAAC;YAC/C;AACD,SAAA,CAAC,IAAI,CAAC,GAAG,CAAC;IACb;+GAdW,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAAnB,mBAAmB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,QAAA,EAAA,CAAA,YAAA,CAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;AACE,UAAA,CAAA;AAAtB,IAAA,YAAY;AAA2B,CAAA,EAAA,mBAAA,CAAA,SAAA,EAAA,UAAA,EAAA,KAAA,CAAA,CAAA;4FADtC,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAL/B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,cAAc;AACxB,oBAAA,QAAQ,EAAE;AACX,iBAAA;;sBAEE;;;ACdH;;AAEG;MASU,sBAAsB,CAAA;AACjC,IAAA,IACI,OAAO,GAAA;AACT,QAAA,OAAO,QAAQ;IACjB;+GAJW,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAAtB,sBAAsB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,cAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;4FAAtB,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBALlC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,eAAe;AACzB,oBAAA,QAAQ,EAAE;AACX,iBAAA;;sBAEE,WAAW;uBAAC,OAAO;;;ACZtB;;AAEG;MAwBU,aAAa,CAAA;+GAAb,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAb,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,aAAa,YAbtB,YAAY;YACZ,gBAAgB;YAChB,oBAAoB;YACpB,mBAAmB;AACnB,YAAA,sBAAsB,aAGtB,gBAAgB;YAChB,oBAAoB;YACpB,mBAAmB;YACnB,sBAAsB,CAAA,EAAA,CAAA,CAAA;AAGb,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,aAAa,YAbtB,YAAY,CAAA,EAAA,CAAA,CAAA;;4FAaH,aAAa,EAAA,UAAA,EAAA,CAAA;kBAfzB,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,OAAO,EAAE;wBACP,YAAY;wBACZ,gBAAgB;wBAChB,oBAAoB;wBACpB,mBAAmB;wBACnB;AACD,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,gBAAgB;wBAChB,oBAAoB;wBACpB,mBAAmB;wBACnB;AACD;AACF,iBAAA;;;ACzBD;;AAEG;;ACFH;;AAEG;;;;"}
|
|
1
|
+
{"version":3,"file":"ngx-semantic-collections-menu.mjs","sources":["../../src/collections/menu/menu.directive.ts","../../src/collections/menu/menu-item.directive.ts","../../src/collections/menu/sub-menu.directive.ts","../../src/collections/menu/menu-header.directive.ts","../../src/collections/menu/menu.module.ts","../../src/collections/menu/public-api.ts","../../src/collections/menu/ngx-semantic-collections-menu.ts"],"sourcesContent":["/**\n * Created by bolor on 6/17/2020\n */\n\nimport { Directive, ElementRef, Input, inject } from '@angular/core';\nimport { SuiColour, SuiSize, SuiWidth } from 'ngx-semantic/core/enums';\nimport { ClassUtils, InputBoolean } from 'ngx-semantic/core/util';\nimport { BaseDirective } from 'ngx-semantic/core/base';\n\nexport type SuiMenuAttachment = 'top' | 'bottom' | 'attached' | null;\nexport type SuiMenuFixation = 'top' | 'bottom' | 'left' | 'right' | null;\nexport type SuiMenuIconType = 'icon' | 'labeled icon' | null;\n\n@Directive({\n standalone: true,\n selector: '[sui-menu]',\n exportAs: 'suiMenu'\n})\nexport class SuiMenuDirective extends BaseDirective {\n @Input() public suiWidth: SuiWidth = null;\n @Input() public suiAttached: SuiMenuAttachment = null;\n @Input() public suiFixed: SuiMenuFixation = null;\n @Input() public suiColour: SuiColour = null;\n @Input() public suiIcon: SuiMenuIconType = null;\n @Input() public suiSize: SuiSize = null;\n @Input() @InputBoolean() public suiText = false;\n @Input() @InputBoolean() public suiSecondary = false;\n @Input() @InputBoolean() public suiPointing = false;\n @Input() @InputBoolean() public suiTabular = false;\n @Input() @InputBoolean() public suiVertical = false;\n @Input() @InputBoolean() public suiFluid = false;\n @Input() @InputBoolean() public suiRight = false;\n @Input() @InputBoolean() public suiPagination = false;\n @Input() @InputBoolean() public suiCompact = false;\n @Input() @InputBoolean() public suiStackable = false;\n @Input() @InputBoolean() public suiInverted = false;\n @Input() @InputBoolean() public suiBorderless = false;\n\n constructor() {\n const element = inject(ElementRef);\n\n super(element);\n }\n\n get classes(): string {\n return [\n 'ui',\n this.suiColour,\n this.suiSize,\n this.suiAttached === 'attached' ? '' : this.suiAttached,\n this.suiAttached ? 'attached' : '',\n this.suiFixed,\n this.suiFixed ? 'fixed' : '',\n this.suiWidth,\n this.suiWidth ? 'item' : '',\n this.suiIcon,\n ClassUtils.getPropClass(this.suiInverted, 'inverted'),\n ClassUtils.getPropClass(this.suiCompact, 'compact'),\n ClassUtils.getPropClass(this.suiFluid, 'fluid'),\n ClassUtils.getPropClass(this.suiVertical, 'vertical'),\n ClassUtils.getPropClass(this.suiText, 'text'),\n ClassUtils.getPropClass(this.suiSecondary, 'secondary'),\n ClassUtils.getPropClass(this.suiPointing, 'pointing'),\n ClassUtils.getPropClass(this.suiRight, 'right'),\n ClassUtils.getPropClass(this.suiTabular, 'tabular'),\n ClassUtils.getPropClass(this.suiPagination, 'pagination'),\n ClassUtils.getPropClass(this.suiStackable, 'stackable'),\n ClassUtils.getPropClass(this.suiBorderless, 'borderless'),\n 'menu'\n ].join(' ');\n }\n}\n","/**\n * Created by bolor on 7/3/2020\n */\n\nimport { Directive, ElementRef, Input, inject } from '@angular/core';\nimport { SuiColour } from 'ngx-semantic/core/enums';\nimport { ClassUtils, InputBoolean } from 'ngx-semantic/core/util';\nimport { BaseDirective } from 'ngx-semantic/core/base';\n\nexport type SuiMenuItemFitting = 'fitted' | 'horizontally fitted' | 'vertically fitted' | null;\n\n@Directive({\n standalone: true,\n exportAs: 'suiMenuItem',\n selector: '[suiMenuItem]'\n})\nexport class SuiMenuItemDirective extends BaseDirective {\n @Input() public suiColour: SuiColour = null;\n @Input() public suiFitted: SuiMenuItemFitting = null;\n @Input() @InputBoolean() public suiLink = false;\n @Input() @InputBoolean() public suiActive = false;\n @Input() @InputBoolean() public suiBrowser = false;\n @Input() @InputBoolean() public suiHeader = false;\n @Input() @InputBoolean() public disabled = false;\n\n constructor() {\n const element = inject(ElementRef);\n\n super(element);\n }\n\n get classes(): string {\n return [\n this.suiColour,\n this.suiFitted,\n ClassUtils.getPropClass(this.suiHeader, 'header'),\n ClassUtils.getPropClass(this.suiLink, 'link'),\n ClassUtils.getPropClass(this.suiActive, 'active'),\n ClassUtils.getPropClass(this.suiBrowser, 'browser'),\n ClassUtils.getPropClass(this.disabled, 'disabled'),\n 'item'\n ].join(' ');\n }\n}\n","/**\n * Created by bolor on 7/3/2020\n */\n\nimport { Directive, ElementRef, Input, inject } from '@angular/core';\nimport { ClassUtils, InputBoolean } from 'ngx-semantic/core/util';\nimport { BaseDirective } from 'ngx-semantic/core/base';\n\n@Directive({\n standalone: true,\n selector: '[suiSubMenu]',\n exportAs: 'suiSubMenu'\n})\nexport class SuiSubMenuDirective extends BaseDirective {\n @Input() @InputBoolean() public suiRight = false;\n\n constructor() {\n const element = inject(ElementRef);\n\n super(element);\n }\n\n get classes(): string {\n return [\n ClassUtils.getPropClass(this.suiRight, 'right'),\n 'menu'\n ].join(' ');\n }\n}\n","/**\n * Created by bolor on 7/3/2020\n */\n\nimport { Directive, HostBinding } from '@angular/core';\n\n@Directive({\n standalone: true,\n exportAs: 'suiMenuHeader',\n selector: '[suiMenuHeader]'\n})\nexport class SuiMenuHeaderDirective {\n @HostBinding('class')\n get classes(): string {\n return 'header';\n }\n}\n","/**\n * Created by bolor on 6/17/2020\n */\n\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { SuiMenuHeaderDirective } from './menu-header.directive';\nimport { SuiMenuItemDirective } from './menu-item.directive';\nimport { SuiMenuDirective } from './menu.directive';\nimport { SuiSubMenuDirective } from './sub-menu.directive';\n\n@NgModule({\n imports: [\n CommonModule,\n SuiMenuDirective,\n SuiMenuItemDirective,\n SuiSubMenuDirective,\n SuiMenuHeaderDirective\n ],\n exports: [\n SuiMenuDirective,\n SuiMenuItemDirective,\n SuiSubMenuDirective,\n SuiMenuHeaderDirective\n ]\n})\nexport class SuiMenuModule {\n}\n","/**\n * Created by bolor on 6/17/2020\n */\n\nexport * from './menu.directive';\nexport * from './menu-item.directive';\nexport * from './sub-menu.directive';\nexport * from './menu-header.directive';\nexport * from './menu.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
|
@@ -16,6 +16,7 @@ class SuiTableDirective extends BaseDirective {
|
|
|
16
16
|
this.suiCompact = null;
|
|
17
17
|
this.suiSize = null;
|
|
18
18
|
this.suiStacking = null;
|
|
19
|
+
this.suiAttached = null;
|
|
19
20
|
this.suiCelled = false;
|
|
20
21
|
this.suiStriped = false;
|
|
21
22
|
this.suiDefinition = false;
|
|
@@ -25,6 +26,7 @@ class SuiTableDirective extends BaseDirective {
|
|
|
25
26
|
this.suiSelectable = false;
|
|
26
27
|
this.suiInverted = false;
|
|
27
28
|
this.suiCollapsing = false;
|
|
29
|
+
this.suiSortable = false;
|
|
28
30
|
}
|
|
29
31
|
get classes() {
|
|
30
32
|
return [
|
|
@@ -34,6 +36,8 @@ class SuiTableDirective extends BaseDirective {
|
|
|
34
36
|
this.suiCompact,
|
|
35
37
|
this.suiSize,
|
|
36
38
|
this.suiStacking,
|
|
39
|
+
this.suiAttached,
|
|
40
|
+
this.suiWidth,
|
|
37
41
|
this.suiWidth ? 'column' : '',
|
|
38
42
|
ClassUtils.getPropClass(this.suiSelectable, 'selectable'),
|
|
39
43
|
ClassUtils.getPropClass(this.suiInverted, 'inverted'),
|
|
@@ -45,11 +49,12 @@ class SuiTableDirective extends BaseDirective {
|
|
|
45
49
|
ClassUtils.getPropClass(this.suiFixed, 'fixed'),
|
|
46
50
|
ClassUtils.getPropClass(this.suiSingleLine, 'single line'),
|
|
47
51
|
ClassUtils.getPropClass(this.suiCollapsing, 'collapsing'),
|
|
52
|
+
ClassUtils.getPropClass(this.suiSortable, 'sortable'),
|
|
48
53
|
'table'
|
|
49
54
|
].join(' ');
|
|
50
55
|
}
|
|
51
56
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: SuiTableDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
52
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.23", type: SuiTableDirective, isStandalone: true, selector: "[sui-table]", inputs: { suiBasic: "suiBasic", suiWidth: "suiWidth", suiColour: "suiColour", suiPadded: "suiPadded", suiCompact: "suiCompact", suiSize: "suiSize", suiStacking: "suiStacking", suiCelled: "suiCelled", suiStriped: "suiStriped", suiDefinition: "suiDefinition", suiStructured: "suiStructured", suiSingleLine: "suiSingleLine", suiFixed: "suiFixed", suiSelectable: "suiSelectable", suiInverted: "suiInverted", suiCollapsing: "suiCollapsing" }, exportAs: ["suiTable"], usesInheritance: true, ngImport: i0 }); }
|
|
57
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.23", type: SuiTableDirective, isStandalone: true, selector: "[sui-table]", inputs: { suiBasic: "suiBasic", suiWidth: "suiWidth", suiColour: "suiColour", suiPadded: "suiPadded", suiCompact: "suiCompact", suiSize: "suiSize", suiStacking: "suiStacking", suiAttached: "suiAttached", suiCelled: "suiCelled", suiStriped: "suiStriped", suiDefinition: "suiDefinition", suiStructured: "suiStructured", suiSingleLine: "suiSingleLine", suiFixed: "suiFixed", suiSelectable: "suiSelectable", suiInverted: "suiInverted", suiCollapsing: "suiCollapsing", suiSortable: "suiSortable" }, exportAs: ["suiTable"], usesInheritance: true, ngImport: i0 }); }
|
|
53
58
|
}
|
|
54
59
|
__decorate([
|
|
55
60
|
InputBoolean()
|
|
@@ -78,6 +83,9 @@ __decorate([
|
|
|
78
83
|
__decorate([
|
|
79
84
|
InputBoolean()
|
|
80
85
|
], SuiTableDirective.prototype, "suiCollapsing", void 0);
|
|
86
|
+
__decorate([
|
|
87
|
+
InputBoolean()
|
|
88
|
+
], SuiTableDirective.prototype, "suiSortable", void 0);
|
|
81
89
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: SuiTableDirective, decorators: [{
|
|
82
90
|
type: Directive,
|
|
83
91
|
args: [{
|
|
@@ -99,6 +107,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImpo
|
|
|
99
107
|
type: Input
|
|
100
108
|
}], suiStacking: [{
|
|
101
109
|
type: Input
|
|
110
|
+
}], suiAttached: [{
|
|
111
|
+
type: Input
|
|
102
112
|
}], suiCelled: [{
|
|
103
113
|
type: Input
|
|
104
114
|
}], suiStriped: [{
|
|
@@ -117,6 +127,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImpo
|
|
|
117
127
|
type: Input
|
|
118
128
|
}], suiCollapsing: [{
|
|
119
129
|
type: Input
|
|
130
|
+
}], suiSortable: [{
|
|
131
|
+
type: Input
|
|
120
132
|
}] } });
|
|
121
133
|
|
|
122
134
|
class SuiTableRowDirective extends BaseDirective {
|
|
@@ -177,6 +189,7 @@ class SuiTableCellDirective extends BaseDirective {
|
|
|
177
189
|
this.disabled = false;
|
|
178
190
|
this.suiCollapsing = false;
|
|
179
191
|
this.suiSelectable = false;
|
|
192
|
+
this.suiSingleLine = false;
|
|
180
193
|
}
|
|
181
194
|
get classes() {
|
|
182
195
|
return [
|
|
@@ -187,10 +200,11 @@ class SuiTableCellDirective extends BaseDirective {
|
|
|
187
200
|
ClassUtils.getPropClass(this.disabled, 'disabled'),
|
|
188
201
|
ClassUtils.getPropClass(this.suiCollapsing, 'collapsing'),
|
|
189
202
|
ClassUtils.getPropClass(this.suiSelectable, 'selectable'),
|
|
203
|
+
ClassUtils.getPropClass(this.suiSingleLine, 'single line'),
|
|
190
204
|
].join(' ');
|
|
191
205
|
}
|
|
192
206
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: SuiTableCellDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
193
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.23", type: SuiTableCellDirective, isStandalone: true, selector: "[suiTableCell]", inputs: { suiState: "suiState", suiTextAlignment: "suiTextAlignment", suiVerticalAlignment: "suiVerticalAlignment", suiActive: "suiActive", disabled: "disabled", suiCollapsing: "suiCollapsing", suiSelectable: "suiSelectable" }, exportAs: ["suiTableCell"], usesInheritance: true, ngImport: i0 }); }
|
|
207
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.23", type: SuiTableCellDirective, isStandalone: true, selector: "[suiTableCell]", inputs: { suiState: "suiState", suiTextAlignment: "suiTextAlignment", suiVerticalAlignment: "suiVerticalAlignment", suiActive: "suiActive", disabled: "disabled", suiCollapsing: "suiCollapsing", suiSelectable: "suiSelectable", suiSingleLine: "suiSingleLine" }, exportAs: ["suiTableCell"], usesInheritance: true, ngImport: i0 }); }
|
|
194
208
|
}
|
|
195
209
|
__decorate([
|
|
196
210
|
InputBoolean()
|
|
@@ -204,6 +218,9 @@ __decorate([
|
|
|
204
218
|
__decorate([
|
|
205
219
|
InputBoolean()
|
|
206
220
|
], SuiTableCellDirective.prototype, "suiSelectable", void 0);
|
|
221
|
+
__decorate([
|
|
222
|
+
InputBoolean()
|
|
223
|
+
], SuiTableCellDirective.prototype, "suiSingleLine", void 0);
|
|
207
224
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: SuiTableCellDirective, decorators: [{
|
|
208
225
|
type: Directive,
|
|
209
226
|
args: [{
|
|
@@ -225,11 +242,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImpo
|
|
|
225
242
|
type: Input
|
|
226
243
|
}], suiSelectable: [{
|
|
227
244
|
type: Input
|
|
245
|
+
}], suiSingleLine: [{
|
|
246
|
+
type: Input
|
|
228
247
|
}] } });
|
|
229
248
|
|
|
230
|
-
/**
|
|
231
|
-
* Created by bolor on 10/10/2020
|
|
232
|
-
*/
|
|
233
249
|
class SuiTableHeaderCellDirective extends BaseDirective {
|
|
234
250
|
constructor() {
|
|
235
251
|
const element = inject(ElementRef);
|
|
@@ -237,17 +253,30 @@ class SuiTableHeaderCellDirective extends BaseDirective {
|
|
|
237
253
|
this.suiTextAlignment = null;
|
|
238
254
|
this.suiVerticalAlignment = null;
|
|
239
255
|
this.suiWidth = null;
|
|
256
|
+
this.suiSorted = null;
|
|
257
|
+
this.suiSingleLine = false;
|
|
258
|
+
this.suiCollapsing = false;
|
|
240
259
|
}
|
|
241
260
|
get classes() {
|
|
242
261
|
return [
|
|
262
|
+
this.suiWidth,
|
|
243
263
|
this.suiWidth ? 'wide' : '',
|
|
244
264
|
this.suiTextAlignment ? `${this.suiTextAlignment} aligned` : '',
|
|
245
|
-
this.suiVerticalAlignment ? `${this.suiVerticalAlignment} aligned` : ''
|
|
265
|
+
this.suiVerticalAlignment ? `${this.suiVerticalAlignment} aligned` : '',
|
|
266
|
+
this.suiSorted ? `sorted ${this.suiSorted}` : '',
|
|
267
|
+
ClassUtils.getPropClass(this.suiSingleLine, 'single line'),
|
|
268
|
+
ClassUtils.getPropClass(this.suiCollapsing, 'collapsing')
|
|
246
269
|
].join(' ');
|
|
247
270
|
}
|
|
248
271
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: SuiTableHeaderCellDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
249
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.23", type: SuiTableHeaderCellDirective, isStandalone: true, selector: "[suiTableHeaderCell]", inputs: { suiTextAlignment: "suiTextAlignment", suiVerticalAlignment: "suiVerticalAlignment", suiWidth: "suiWidth" }, exportAs: ["suiTableHeaderCell"], usesInheritance: true, ngImport: i0 }); }
|
|
272
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.23", type: SuiTableHeaderCellDirective, isStandalone: true, selector: "[suiTableHeaderCell]", inputs: { suiTextAlignment: "suiTextAlignment", suiVerticalAlignment: "suiVerticalAlignment", suiWidth: "suiWidth", suiSorted: "suiSorted", suiSingleLine: "suiSingleLine", suiCollapsing: "suiCollapsing" }, exportAs: ["suiTableHeaderCell"], usesInheritance: true, ngImport: i0 }); }
|
|
250
273
|
}
|
|
274
|
+
__decorate([
|
|
275
|
+
InputBoolean()
|
|
276
|
+
], SuiTableHeaderCellDirective.prototype, "suiSingleLine", void 0);
|
|
277
|
+
__decorate([
|
|
278
|
+
InputBoolean()
|
|
279
|
+
], SuiTableHeaderCellDirective.prototype, "suiCollapsing", void 0);
|
|
251
280
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: SuiTableHeaderCellDirective, decorators: [{
|
|
252
281
|
type: Directive,
|
|
253
282
|
args: [{
|
|
@@ -261,6 +290,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImpo
|
|
|
261
290
|
type: Input
|
|
262
291
|
}], suiWidth: [{
|
|
263
292
|
type: Input
|
|
293
|
+
}], suiSorted: [{
|
|
294
|
+
type: Input
|
|
295
|
+
}], suiSingleLine: [{
|
|
296
|
+
type: Input
|
|
297
|
+
}], suiCollapsing: [{
|
|
298
|
+
type: Input
|
|
264
299
|
}] } });
|
|
265
300
|
|
|
266
301
|
/**
|