@theseam/ui-common 1.0.0-beta.6 → 1.0.0-beta.7
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/breadcrumbs/index.d.ts +1 -2
- package/buttons/index.d.ts +20 -13
- package/datatable/index.d.ts +8 -8
- package/dynamic/index.d.ts +5 -5
- package/fesm2022/theseam-ui-common-asset-reader.mjs +28 -29
- package/fesm2022/theseam-ui-common-asset-reader.mjs.map +1 -1
- package/fesm2022/theseam-ui-common-breadcrumbs.mjs +25 -31
- package/fesm2022/theseam-ui-common-breadcrumbs.mjs.map +1 -1
- package/fesm2022/theseam-ui-common-buttons.mjs +108 -66
- package/fesm2022/theseam-ui-common-buttons.mjs.map +1 -1
- package/fesm2022/theseam-ui-common-card.mjs +21 -21
- package/fesm2022/theseam-ui-common-card.mjs.map +1 -1
- package/fesm2022/theseam-ui-common-carousel.mjs +28 -30
- package/fesm2022/theseam-ui-common-carousel.mjs.map +1 -1
- package/fesm2022/theseam-ui-common-checkbox.mjs +27 -27
- package/fesm2022/theseam-ui-common-checkbox.mjs.map +1 -1
- package/fesm2022/theseam-ui-common-confirm-dialog.mjs +23 -27
- package/fesm2022/theseam-ui-common-confirm-dialog.mjs.map +1 -1
- package/fesm2022/theseam-ui-common-core.mjs +31 -11
- package/fesm2022/theseam-ui-common-core.mjs.map +1 -1
- package/fesm2022/theseam-ui-common-data-exporter.mjs +18 -19
- package/fesm2022/theseam-ui-common-data-exporter.mjs.map +1 -1
- package/fesm2022/theseam-ui-common-data-filters.mjs +80 -64
- package/fesm2022/theseam-ui-common-data-filters.mjs.map +1 -1
- package/fesm2022/theseam-ui-common-datatable-alterations-display.mjs +51 -49
- package/fesm2022/theseam-ui-common-datatable-alterations-display.mjs.map +1 -1
- package/fesm2022/theseam-ui-common-datatable-dynamic.mjs +145 -112
- package/fesm2022/theseam-ui-common-datatable-dynamic.mjs.map +1 -1
- package/fesm2022/theseam-ui-common-datatable.mjs +581 -385
- package/fesm2022/theseam-ui-common-datatable.mjs.map +1 -1
- package/fesm2022/theseam-ui-common-dynamic-component-loader.mjs +12 -14
- package/fesm2022/theseam-ui-common-dynamic-component-loader.mjs.map +1 -1
- package/fesm2022/theseam-ui-common-dynamic.mjs +60 -48
- package/fesm2022/theseam-ui-common-dynamic.mjs.map +1 -1
- package/fesm2022/theseam-ui-common-footer-bar.mjs +9 -15
- package/fesm2022/theseam-ui-common-footer-bar.mjs.map +1 -1
- package/fesm2022/theseam-ui-common-form-field-error.mjs +60 -43
- package/fesm2022/theseam-ui-common-form-field-error.mjs.map +1 -1
- package/fesm2022/theseam-ui-common-form-field.mjs +120 -74
- package/fesm2022/theseam-ui-common-form-field.mjs.map +1 -1
- package/fesm2022/theseam-ui-common-framework.mjs +669 -543
- package/fesm2022/theseam-ui-common-framework.mjs.map +1 -1
- package/fesm2022/theseam-ui-common-google-maps.mjs +206 -149
- package/fesm2022/theseam-ui-common-google-maps.mjs.map +1 -1
- package/fesm2022/theseam-ui-common-graphql.mjs +252 -195
- package/fesm2022/theseam-ui-common-graphql.mjs.map +1 -1
- package/fesm2022/theseam-ui-common-icon.mjs +125 -89
- package/fesm2022/theseam-ui-common-icon.mjs.map +1 -1
- package/fesm2022/theseam-ui-common-layout.mjs +18 -26
- package/fesm2022/theseam-ui-common-layout.mjs.map +1 -1
- package/fesm2022/theseam-ui-common-loading.mjs +19 -28
- package/fesm2022/theseam-ui-common-loading.mjs.map +1 -1
- package/fesm2022/theseam-ui-common-menu.mjs +124 -95
- package/fesm2022/theseam-ui-common-menu.mjs.map +1 -1
- package/fesm2022/theseam-ui-common-modal.mjs +177 -129
- package/fesm2022/theseam-ui-common-modal.mjs.map +1 -1
- package/fesm2022/theseam-ui-common-models.mjs +3 -3
- package/fesm2022/theseam-ui-common-models.mjs.map +1 -1
- package/fesm2022/theseam-ui-common-navigation-reload.mjs +13 -11
- package/fesm2022/theseam-ui-common-navigation-reload.mjs.map +1 -1
- package/fesm2022/theseam-ui-common-popover.mjs +81 -88
- package/fesm2022/theseam-ui-common-popover.mjs.map +1 -1
- package/fesm2022/theseam-ui-common-progress.mjs +15 -19
- package/fesm2022/theseam-ui-common-progress.mjs.map +1 -1
- package/fesm2022/theseam-ui-common-rich-text.mjs +65 -52
- package/fesm2022/theseam-ui-common-rich-text.mjs.map +1 -1
- package/fesm2022/theseam-ui-common-scrollbar.mjs +12 -9
- package/fesm2022/theseam-ui-common-scrollbar.mjs.map +1 -1
- package/fesm2022/theseam-ui-common-services.mjs +41 -26
- package/fesm2022/theseam-ui-common-services.mjs.map +1 -1
- package/fesm2022/theseam-ui-common-shared.mjs +123 -67
- package/fesm2022/theseam-ui-common-shared.mjs.map +1 -1
- package/fesm2022/theseam-ui-common-storage.mjs +9 -6
- package/fesm2022/theseam-ui-common-storage.mjs.map +1 -1
- package/fesm2022/theseam-ui-common-story-helpers.mjs +148 -86
- package/fesm2022/theseam-ui-common-story-helpers.mjs.map +1 -1
- package/fesm2022/theseam-ui-common-tabbed.mjs +43 -39
- package/fesm2022/theseam-ui-common-tabbed.mjs.map +1 -1
- package/fesm2022/theseam-ui-common-table-cell-type.mjs +34 -38
- package/fesm2022/theseam-ui-common-table-cell-type.mjs.map +1 -1
- package/fesm2022/theseam-ui-common-table-cell-types.mjs +182 -144
- package/fesm2022/theseam-ui-common-table-cell-types.mjs.map +1 -1
- package/fesm2022/theseam-ui-common-table.mjs +50 -39
- package/fesm2022/theseam-ui-common-table.mjs.map +1 -1
- package/fesm2022/theseam-ui-common-tel-input.mjs +98 -63
- package/fesm2022/theseam-ui-common-tel-input.mjs.map +1 -1
- package/fesm2022/theseam-ui-common-testing.mjs +13 -10
- package/fesm2022/theseam-ui-common-testing.mjs.map +1 -1
- package/fesm2022/theseam-ui-common-tiled-select.mjs +54 -50
- package/fesm2022/theseam-ui-common-tiled-select.mjs.map +1 -1
- package/fesm2022/theseam-ui-common-toggle-edit.mjs +41 -37
- package/fesm2022/theseam-ui-common-toggle-edit.mjs.map +1 -1
- package/fesm2022/theseam-ui-common-toggle-group.mjs +30 -31
- package/fesm2022/theseam-ui-common-toggle-group.mjs.map +1 -1
- package/fesm2022/theseam-ui-common-tooltip.mjs +225 -66
- package/fesm2022/theseam-ui-common-tooltip.mjs.map +1 -1
- package/fesm2022/theseam-ui-common-unsaved-changes-dialog.mjs +14 -12
- package/fesm2022/theseam-ui-common-unsaved-changes-dialog.mjs.map +1 -1
- package/fesm2022/theseam-ui-common-utils.mjs +113 -77
- package/fesm2022/theseam-ui-common-utils.mjs.map +1 -1
- package/fesm2022/theseam-ui-common-validators.mjs +10 -9
- package/fesm2022/theseam-ui-common-validators.mjs.map +1 -1
- package/fesm2022/theseam-ui-common-vertical-list-filter.mjs +39 -17
- package/fesm2022/theseam-ui-common-vertical-list-filter.mjs.map +1 -1
- package/fesm2022/theseam-ui-common-viewers.mjs +79 -56
- package/fesm2022/theseam-ui-common-viewers.mjs.map +1 -1
- package/fesm2022/theseam-ui-common-widget.mjs +288 -314
- package/fesm2022/theseam-ui-common-widget.mjs.map +1 -1
- package/framework/base-layout/base-layout.component.scss +9 -4
- package/framework/base-layout/styles/_variables.scss +4 -9
- package/framework/dashboard/dashboard-widgets/dashboard-widgets.component.scss +6 -4
- package/framework/index.d.ts +6 -6
- package/framework/nav/nav-item/nav-item.component.scss +7 -6
- package/framework/nav/styles/_themes/light/_variables.scss +21 -5
- package/framework/nav/styles/_themes/primary/_variables.scss +21 -5
- package/framework/side-nav/side-nav-item/side-nav-item.component.scss +5 -2
- package/framework/side-nav/styles/_themes/light/_variables.scss +5 -1
- package/framework/side-nav/styles/_themes/primary/_variables.scss +25 -5
- package/graphql/index.d.ts +5 -5
- package/modal/README.md +5 -5
- package/modal/index.d.ts +1 -1
- package/models/index.d.ts +1 -1
- package/package.json +59 -59
- package/popover/index.d.ts +0 -2
- package/progress/progress-circle/styles/_variables.scss +15 -3
- package/story-helpers/index.d.ts +11 -1
- package/styles/bootstrap/_bootstrap.scss +34 -34
- package/styles/bootstrap/_bs-styles.scss +4 -8
- package/styles/bootstrap/_bs-utilities.scss +4 -4
- package/styles/bootstrap/_bs-variables.scss +65 -70
- package/styles/common/_forms.scss +9 -10
- package/styles/common/_global.scss +0 -1
- package/styles/common/_hacks.scss +1 -1
- package/styles/common/_table.scss +0 -1
- package/styles/common/_text.scss +3 -1
- package/styles/theme.scss +1 -1
- package/styles/vendor/ng-select/_ng-select-bs4.scss +292 -294
- package/styles/vendor/ngx-datatable/_ngx-datatable.scss +63 -32
- package/styles/vendor/ngx-datatable/_themes/bootstrap/_variables.scss +37 -10
- package/styles/vendor/ngx-datatable/_themes/material/_variables.scss +3 -1
- package/styles/vendor/quill/_quill.scss +15 -9
- package/tel-input/README.md +27 -27
- package/utils/index.d.ts +3 -3
- package/viewers/index.d.ts +9 -2
- package/widget/_widget-theme.scss +1 -1
- package/widget/styles/_variables.scss +2 -2
- package/widget/widget/widget.component.scss +0 -2
- package/widget/widget-content-components/widget-tile/widget-tile.component.scss +1 -3
- package/widget/widget-footer/widget-footer.component.scss +0 -1
|
@@ -33,7 +33,6 @@ import { RouterModule } from '@angular/router';
|
|
|
33
33
|
function extendStyles(dest, source) {
|
|
34
34
|
for (const key in source) {
|
|
35
35
|
if (Object.prototype.hasOwnProperty.call(source, key)) {
|
|
36
|
-
// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
|
|
37
36
|
dest[key] = source[key];
|
|
38
37
|
}
|
|
39
38
|
}
|
|
@@ -47,7 +46,7 @@ function toggleNativeDragInteractions(element, enable) {
|
|
|
47
46
|
userSelect,
|
|
48
47
|
msUserSelect: userSelect,
|
|
49
48
|
webkitUserSelect: userSelect,
|
|
50
|
-
MozUserSelect: userSelect
|
|
49
|
+
MozUserSelect: userSelect,
|
|
51
50
|
});
|
|
52
51
|
}
|
|
53
52
|
const THESEAM_WIDGET_ACCESSOR = new InjectionToken('TheSeamWidgetAccessor');
|
|
@@ -62,11 +61,15 @@ class WidgetDragHandleDirective {
|
|
|
62
61
|
_doneCheckingAttached = false;
|
|
63
62
|
_knownParentDrag; /* CdkDrag | undefined */
|
|
64
63
|
/** Needed because CdkDrag reads this variable */
|
|
65
|
-
get _parentDrag() {
|
|
64
|
+
get _parentDrag() {
|
|
65
|
+
return this.getParentCdkDrag();
|
|
66
|
+
}
|
|
66
67
|
/** Emits when the state of the handle has changed. */
|
|
67
68
|
_stateChanges = new Subject();
|
|
68
69
|
/** Whether starting to drag through this handle is disabled. */
|
|
69
|
-
get disabled() {
|
|
70
|
+
get disabled() {
|
|
71
|
+
return this._disabled;
|
|
72
|
+
}
|
|
70
73
|
set disabled(value) {
|
|
71
74
|
this._disabled = coerceBooleanProperty(value);
|
|
72
75
|
this._stateChanges.next(this);
|
|
@@ -81,7 +84,9 @@ class WidgetDragHandleDirective {
|
|
|
81
84
|
}
|
|
82
85
|
ngOnInit() {
|
|
83
86
|
if (this._dashboardWidgets) {
|
|
84
|
-
this._dashboardWidgets.widgetsChange
|
|
87
|
+
this._dashboardWidgets.widgetsChange
|
|
88
|
+
.pipe(auditTime(0), takeUntil(this._ngUnsubscribe))
|
|
89
|
+
.subscribe(() => {
|
|
85
90
|
if (this._knownParentDrag) {
|
|
86
91
|
const isAttached = this.isAttachedToDom();
|
|
87
92
|
if (isAttached) {
|
|
@@ -155,23 +160,24 @@ class WidgetDragHandleDirective {
|
|
|
155
160
|
if (this.__parentDrag) {
|
|
156
161
|
return this.__parentDrag;
|
|
157
162
|
}
|
|
158
|
-
else if (this._dashboardWidgets &&
|
|
163
|
+
else if (this._dashboardWidgets &&
|
|
164
|
+
this._dashboardWidgets.cdkDragDirectives) {
|
|
159
165
|
const dragsArr = this._dashboardWidgets.cdkDragDirectives.toArray();
|
|
160
166
|
const closest = getClosestWidgetCdkDrag(this.element, dragsArr);
|
|
161
|
-
return
|
|
167
|
+
return closest !== undefined && closest !== null ? closest : undefined;
|
|
162
168
|
}
|
|
163
169
|
}
|
|
164
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
165
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.
|
|
170
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WidgetDragHandleDirective, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: THESEAM_WIDGET_ACCESSOR, optional: true }, { token: i1.CdkDrag, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
|
|
171
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.6", type: WidgetDragHandleDirective, isStandalone: false, selector: "[seamWidgetDragHandle]", inputs: { disabled: ["cdkDragHandleDisabled", "disabled"] }, host: { classAttribute: "cdk-drag-handle" }, ngImport: i0 });
|
|
166
172
|
}
|
|
167
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
173
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WidgetDragHandleDirective, decorators: [{
|
|
168
174
|
type: Directive,
|
|
169
175
|
args: [{
|
|
170
176
|
selector: '[seamWidgetDragHandle]',
|
|
171
177
|
host: {
|
|
172
|
-
|
|
178
|
+
class: 'cdk-drag-handle',
|
|
173
179
|
},
|
|
174
|
-
standalone: false
|
|
180
|
+
standalone: false,
|
|
175
181
|
}]
|
|
176
182
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.NgZone }, { type: undefined, decorators: [{
|
|
177
183
|
type: Optional
|
|
@@ -190,14 +196,14 @@ class WidgetIconTplDirective {
|
|
|
190
196
|
constructor(template) {
|
|
191
197
|
this.template = template;
|
|
192
198
|
}
|
|
193
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
194
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.
|
|
199
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WidgetIconTplDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
200
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.6", type: WidgetIconTplDirective, isStandalone: false, selector: "[seamWidgetIconTpl]", ngImport: i0 });
|
|
195
201
|
}
|
|
196
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
202
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WidgetIconTplDirective, decorators: [{
|
|
197
203
|
type: Directive,
|
|
198
204
|
args: [{
|
|
199
205
|
selector: '[seamWidgetIconTpl]',
|
|
200
|
-
standalone: false
|
|
206
|
+
standalone: false,
|
|
201
207
|
}]
|
|
202
208
|
}], ctorParameters: () => [{ type: i0.TemplateRef }] });
|
|
203
209
|
|
|
@@ -206,14 +212,14 @@ class WidgetTitleTplDirective {
|
|
|
206
212
|
constructor(template) {
|
|
207
213
|
this.template = template;
|
|
208
214
|
}
|
|
209
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
210
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.
|
|
215
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WidgetTitleTplDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
216
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.6", type: WidgetTitleTplDirective, isStandalone: false, selector: "[seamWidgetTitleTpl]", ngImport: i0 });
|
|
211
217
|
}
|
|
212
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
218
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WidgetTitleTplDirective, decorators: [{
|
|
213
219
|
type: Directive,
|
|
214
220
|
args: [{
|
|
215
221
|
selector: '[seamWidgetTitleTpl]',
|
|
216
|
-
standalone: false
|
|
222
|
+
standalone: false,
|
|
217
223
|
}]
|
|
218
224
|
}], ctorParameters: () => [{ type: i0.TemplateRef }] });
|
|
219
225
|
|
|
@@ -236,7 +242,8 @@ class WidgetPreferencesService {
|
|
|
236
242
|
this._prefsAccessor = _prefsAccessor;
|
|
237
243
|
}
|
|
238
244
|
isPatchPending(preferenceKey) {
|
|
239
|
-
return this._pendingPatches[preferenceKey] &&
|
|
245
|
+
return (this._pendingPatches[preferenceKey] &&
|
|
246
|
+
this._pendingPatches[preferenceKey].length > 0);
|
|
240
247
|
}
|
|
241
248
|
isPending(preferenceKey) {
|
|
242
249
|
return this._preferencesManager.isPending(preferenceKey);
|
|
@@ -248,7 +255,9 @@ class WidgetPreferencesService {
|
|
|
248
255
|
if (!this._prefsAccessor) {
|
|
249
256
|
return of(JSON.parse(JSON.stringify(EMPTY_WIDGET_PREFERENCES)));
|
|
250
257
|
}
|
|
251
|
-
return this._preferencesManager
|
|
258
|
+
return this._preferencesManager
|
|
259
|
+
.preferences(preferenceKey, this._prefsAccessor, EMPTY_WIDGET_PREFERENCES)
|
|
260
|
+
.pipe(map((prefs) => {
|
|
252
261
|
if (this._isValidPreferences(prefs)) {
|
|
253
262
|
return prefs;
|
|
254
263
|
}
|
|
@@ -270,7 +279,8 @@ class WidgetPreferencesService {
|
|
|
270
279
|
return;
|
|
271
280
|
}
|
|
272
281
|
this._pendingPatches[preferenceKey].push(preferences);
|
|
273
|
-
this.preferences(preferenceKey)
|
|
282
|
+
this.preferences(preferenceKey)
|
|
283
|
+
.pipe(take(1), map((prefs) => {
|
|
274
284
|
const pendingPatches = this._pendingPatches[preferenceKey];
|
|
275
285
|
this._pendingPatches[preferenceKey] = [];
|
|
276
286
|
const newPrefs = pendingPatches.reduce((acc, patch) => {
|
|
@@ -280,15 +290,16 @@ class WidgetPreferencesService {
|
|
|
280
290
|
throw Error(`Attempted to patch preferences for key '${preferenceKey}' with invalid preferences.`);
|
|
281
291
|
}
|
|
282
292
|
this._preferencesManager.update(preferenceKey, newPrefs);
|
|
283
|
-
}), tap(() => this.refresh(preferenceKey)))
|
|
293
|
+
}), tap(() => this.refresh(preferenceKey)))
|
|
294
|
+
.subscribe();
|
|
284
295
|
}
|
|
285
296
|
_isValidPreferences(prefs) {
|
|
286
297
|
return prefs.version === CURRENT_WIDGET_PREFERENCES_VERSION;
|
|
287
298
|
}
|
|
288
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
289
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.
|
|
299
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WidgetPreferencesService, deps: [{ token: i1$1.TheSeamPreferencesManagerService }, { token: THESEAM_WIDGET_PREFERENCES_ACCESSOR, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
300
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WidgetPreferencesService });
|
|
290
301
|
}
|
|
291
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
302
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WidgetPreferencesService, decorators: [{
|
|
292
303
|
type: Injectable
|
|
293
304
|
}], ctorParameters: () => [{ type: i1$1.TheSeamPreferencesManagerService }, { type: undefined, decorators: [{
|
|
294
305
|
type: Optional
|
|
@@ -298,106 +309,89 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImpor
|
|
|
298
309
|
}] }] });
|
|
299
310
|
|
|
300
311
|
class WidgetButtonGroupComponent {
|
|
301
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
302
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
312
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WidgetButtonGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
313
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.6", type: WidgetButtonGroupComponent, isStandalone: false, selector: "seam-widget-button-group", ngImport: i0, template: "<ng-content select=\"[seamButton]\"></ng-content>\n", styles: [":host{display:block}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
303
314
|
}
|
|
304
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
315
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WidgetButtonGroupComponent, decorators: [{
|
|
305
316
|
type: Component,
|
|
306
317
|
args: [{ selector: 'seam-widget-button-group', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<ng-content select=\"[seamButton]\"></ng-content>\n", styles: [":host{display:block}\n"] }]
|
|
307
318
|
}] });
|
|
308
319
|
|
|
309
320
|
class TheSeamWidgetButtonGroupModule {
|
|
310
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
311
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
312
|
-
|
|
313
|
-
TheSeamButtonsModule] });
|
|
314
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: TheSeamWidgetButtonGroupModule, imports: [CommonModule,
|
|
315
|
-
TheSeamButtonsModule, TheSeamButtonsModule] });
|
|
321
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: TheSeamWidgetButtonGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
322
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.6", ngImport: i0, type: TheSeamWidgetButtonGroupModule, declarations: [WidgetButtonGroupComponent], imports: [CommonModule, TheSeamButtonsModule], exports: [WidgetButtonGroupComponent, TheSeamButtonsModule] });
|
|
323
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: TheSeamWidgetButtonGroupModule, imports: [CommonModule, TheSeamButtonsModule, TheSeamButtonsModule] });
|
|
316
324
|
}
|
|
317
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
325
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: TheSeamWidgetButtonGroupModule, decorators: [{
|
|
318
326
|
type: NgModule,
|
|
319
327
|
args: [{
|
|
320
|
-
declarations: [
|
|
321
|
-
|
|
322
|
-
],
|
|
323
|
-
imports: [
|
|
324
|
-
CommonModule,
|
|
325
|
-
TheSeamButtonsModule
|
|
326
|
-
],
|
|
327
|
-
exports: [
|
|
328
|
-
WidgetButtonGroupComponent,
|
|
329
|
-
TheSeamButtonsModule
|
|
330
|
-
]
|
|
328
|
+
declarations: [WidgetButtonGroupComponent],
|
|
329
|
+
imports: [CommonModule, TheSeamButtonsModule],
|
|
330
|
+
exports: [WidgetButtonGroupComponent, TheSeamButtonsModule],
|
|
331
331
|
}]
|
|
332
332
|
}] });
|
|
333
333
|
|
|
334
334
|
class WidgetContentHeaderComponent {
|
|
335
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
336
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
335
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WidgetContentHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
336
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.6", type: WidgetContentHeaderComponent, isStandalone: false, selector: "seam-widget-content-header", ngImport: i0, template: "<ng-content></ng-content>\n", styles: ["seam-widget-content-header{display:block;padding:.5rem .5rem 1rem}\n"], encapsulation: i0.ViewEncapsulation.None });
|
|
337
337
|
}
|
|
338
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
338
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WidgetContentHeaderComponent, decorators: [{
|
|
339
339
|
type: Component,
|
|
340
340
|
args: [{ selector: 'seam-widget-content-header', encapsulation: ViewEncapsulation.None, standalone: false, template: "<ng-content></ng-content>\n", styles: ["seam-widget-content-header{display:block;padding:.5rem .5rem 1rem}\n"] }]
|
|
341
341
|
}] });
|
|
342
342
|
|
|
343
343
|
class TheSeamWidgetContentHeaderModule {
|
|
344
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
345
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
346
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
344
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: TheSeamWidgetContentHeaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
345
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.6", ngImport: i0, type: TheSeamWidgetContentHeaderModule, declarations: [WidgetContentHeaderComponent], imports: [CommonModule], exports: [WidgetContentHeaderComponent] });
|
|
346
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: TheSeamWidgetContentHeaderModule, imports: [CommonModule] });
|
|
347
347
|
}
|
|
348
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
348
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: TheSeamWidgetContentHeaderModule, decorators: [{
|
|
349
349
|
type: NgModule,
|
|
350
350
|
args: [{
|
|
351
|
-
declarations: [
|
|
352
|
-
|
|
353
|
-
],
|
|
354
|
-
imports: [
|
|
355
|
-
CommonModule
|
|
356
|
-
],
|
|
357
|
-
exports: [
|
|
358
|
-
WidgetContentHeaderComponent
|
|
359
|
-
]
|
|
351
|
+
declarations: [WidgetContentHeaderComponent],
|
|
352
|
+
imports: [CommonModule],
|
|
353
|
+
exports: [WidgetContentHeaderComponent],
|
|
360
354
|
}]
|
|
361
355
|
}] });
|
|
362
356
|
|
|
363
357
|
class WidgetDescriptionComponent {
|
|
364
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
365
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
358
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WidgetDescriptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
359
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.6", type: WidgetDescriptionComponent, isStandalone: false, selector: "seam-widget-description", ngImport: i0, template: "<p><ng-content></ng-content></p>\n", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
366
360
|
}
|
|
367
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
361
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WidgetDescriptionComponent, decorators: [{
|
|
368
362
|
type: Component,
|
|
369
363
|
args: [{ selector: 'seam-widget-description', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<p><ng-content></ng-content></p>\n" }]
|
|
370
364
|
}] });
|
|
371
365
|
|
|
372
366
|
class TheSeamWidgetDescriptionModule {
|
|
373
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
374
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
375
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
367
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: TheSeamWidgetDescriptionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
368
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.6", ngImport: i0, type: TheSeamWidgetDescriptionModule, declarations: [WidgetDescriptionComponent], imports: [CommonModule], exports: [WidgetDescriptionComponent] });
|
|
369
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: TheSeamWidgetDescriptionModule, imports: [CommonModule] });
|
|
376
370
|
}
|
|
377
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
371
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: TheSeamWidgetDescriptionModule, decorators: [{
|
|
378
372
|
type: NgModule,
|
|
379
373
|
args: [{
|
|
380
|
-
declarations: [
|
|
381
|
-
|
|
382
|
-
],
|
|
383
|
-
imports: [
|
|
384
|
-
CommonModule
|
|
385
|
-
],
|
|
386
|
-
exports: [
|
|
387
|
-
WidgetDescriptionComponent
|
|
388
|
-
]
|
|
374
|
+
declarations: [WidgetDescriptionComponent],
|
|
375
|
+
imports: [CommonModule],
|
|
376
|
+
exports: [WidgetDescriptionComponent],
|
|
389
377
|
}]
|
|
390
378
|
}] });
|
|
391
379
|
|
|
392
380
|
class WidgetEmptyLabelComponent {
|
|
393
381
|
_elementRef;
|
|
394
382
|
_type;
|
|
395
|
-
get _btnCss() {
|
|
396
|
-
|
|
383
|
+
get _btnCss() {
|
|
384
|
+
return !!this._isButton();
|
|
385
|
+
}
|
|
386
|
+
get _btnLinkCss() {
|
|
387
|
+
return !!this._isButton();
|
|
388
|
+
}
|
|
397
389
|
get _attrType() {
|
|
398
390
|
return this._type || this._isButton() ? 'button' : undefined;
|
|
399
391
|
}
|
|
400
|
-
get type() {
|
|
392
|
+
get type() {
|
|
393
|
+
return this._type;
|
|
394
|
+
}
|
|
401
395
|
constructor(_elementRef) {
|
|
402
396
|
this._elementRef = _elementRef;
|
|
403
397
|
}
|
|
@@ -409,10 +403,10 @@ class WidgetEmptyLabelComponent {
|
|
|
409
403
|
_isAnchor() {
|
|
410
404
|
return this._elementRef.nativeElement.nodeName.toLowerCase() === 'a';
|
|
411
405
|
}
|
|
412
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
413
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
406
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WidgetEmptyLabelComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
407
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.6", type: WidgetEmptyLabelComponent, isStandalone: false, selector: "seam-widget-empty-label,a[seam-widget-empty-label],button[seam-widget-empty-label]", inputs: { type: "type" }, host: { properties: { "class.btn": "this._btnCss", "class.btn-link": "this._btnLinkCss", "attr.type": "this._attrType" } }, ngImport: i0, template: "<ng-content></ng-content>\n", styles: ["seam-widget-empty-label{display:block;width:100%;text-align:left;font-size:15px;padding:.5rem}\n"], encapsulation: i0.ViewEncapsulation.None });
|
|
414
408
|
}
|
|
415
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
409
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WidgetEmptyLabelComponent, decorators: [{
|
|
416
410
|
type: Component,
|
|
417
411
|
args: [{ selector: 'seam-widget-empty-label,a[seam-widget-empty-label],button[seam-widget-empty-label]', encapsulation: ViewEncapsulation.None, standalone: false, template: "<ng-content></ng-content>\n", styles: ["seam-widget-empty-label{display:block;width:100%;text-align:left;font-size:15px;padding:.5rem}\n"] }]
|
|
418
412
|
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { _btnCss: [{
|
|
@@ -429,80 +423,62 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImpor
|
|
|
429
423
|
}] } });
|
|
430
424
|
|
|
431
425
|
class TheSeamWidgetEmptyLabelModule {
|
|
432
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
433
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
434
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
426
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: TheSeamWidgetEmptyLabelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
427
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.6", ngImport: i0, type: TheSeamWidgetEmptyLabelModule, declarations: [WidgetEmptyLabelComponent], imports: [CommonModule], exports: [WidgetEmptyLabelComponent] });
|
|
428
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: TheSeamWidgetEmptyLabelModule, imports: [CommonModule] });
|
|
435
429
|
}
|
|
436
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
430
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: TheSeamWidgetEmptyLabelModule, decorators: [{
|
|
437
431
|
type: NgModule,
|
|
438
432
|
args: [{
|
|
439
|
-
declarations: [
|
|
440
|
-
|
|
441
|
-
],
|
|
442
|
-
imports: [
|
|
443
|
-
CommonModule
|
|
444
|
-
],
|
|
445
|
-
exports: [
|
|
446
|
-
WidgetEmptyLabelComponent
|
|
447
|
-
]
|
|
433
|
+
declarations: [WidgetEmptyLabelComponent],
|
|
434
|
+
imports: [CommonModule],
|
|
435
|
+
exports: [WidgetEmptyLabelComponent],
|
|
448
436
|
}]
|
|
449
437
|
}] });
|
|
450
438
|
|
|
451
439
|
class WidgetFooterLinkComponent {
|
|
452
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
453
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
440
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WidgetFooterLinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
441
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.6", type: WidgetFooterLinkComponent, isStandalone: false, selector: "a[seam-widget-footer-link]", ngImport: i0, template: "<ng-content></ng-content>\n", styles: ["a[seam-widget-footer-link]{display:block;text-align:center;margin-top:.5rem}\n"], encapsulation: i0.ViewEncapsulation.None });
|
|
454
442
|
}
|
|
455
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
443
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WidgetFooterLinkComponent, decorators: [{
|
|
456
444
|
type: Component,
|
|
457
445
|
args: [{ selector: 'a[seam-widget-footer-link]', encapsulation: ViewEncapsulation.None, standalone: false, template: "<ng-content></ng-content>\n", styles: ["a[seam-widget-footer-link]{display:block;text-align:center;margin-top:.5rem}\n"] }]
|
|
458
446
|
}] });
|
|
459
447
|
|
|
460
448
|
class TheSeamWidgetFooterLinkModule {
|
|
461
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
462
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
463
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
449
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: TheSeamWidgetFooterLinkModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
450
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.6", ngImport: i0, type: TheSeamWidgetFooterLinkModule, declarations: [WidgetFooterLinkComponent], imports: [CommonModule], exports: [WidgetFooterLinkComponent] });
|
|
451
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: TheSeamWidgetFooterLinkModule, imports: [CommonModule] });
|
|
464
452
|
}
|
|
465
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
453
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: TheSeamWidgetFooterLinkModule, decorators: [{
|
|
466
454
|
type: NgModule,
|
|
467
455
|
args: [{
|
|
468
|
-
declarations: [
|
|
469
|
-
|
|
470
|
-
],
|
|
471
|
-
imports: [
|
|
472
|
-
CommonModule
|
|
473
|
-
],
|
|
474
|
-
exports: [
|
|
475
|
-
WidgetFooterLinkComponent
|
|
476
|
-
]
|
|
456
|
+
declarations: [WidgetFooterLinkComponent],
|
|
457
|
+
imports: [CommonModule],
|
|
458
|
+
exports: [WidgetFooterLinkComponent],
|
|
477
459
|
}]
|
|
478
460
|
}] });
|
|
479
461
|
|
|
480
462
|
class WidgetFooterTextComponent {
|
|
481
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
482
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
463
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WidgetFooterTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
464
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.6", type: WidgetFooterTextComponent, isStandalone: false, selector: "seam-widget-footer-text", ngImport: i0, template: "<em>\n <ng-content></ng-content>\n</em>\n", styles: ["seam-widget-footer-text{display:block;font-size:13px;margin-top:.5rem}\n"], encapsulation: i0.ViewEncapsulation.None });
|
|
483
465
|
}
|
|
484
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
466
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WidgetFooterTextComponent, decorators: [{
|
|
485
467
|
type: Component,
|
|
486
468
|
args: [{ selector: 'seam-widget-footer-text', encapsulation: ViewEncapsulation.None, standalone: false, template: "<em>\n <ng-content></ng-content>\n</em>\n", styles: ["seam-widget-footer-text{display:block;font-size:13px;margin-top:.5rem}\n"] }]
|
|
487
469
|
}] });
|
|
488
470
|
|
|
489
471
|
class TheSeamWidgetFooterTextModule {
|
|
490
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
491
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
492
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
472
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: TheSeamWidgetFooterTextModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
473
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.6", ngImport: i0, type: TheSeamWidgetFooterTextModule, declarations: [WidgetFooterTextComponent], imports: [CommonModule], exports: [WidgetFooterTextComponent] });
|
|
474
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: TheSeamWidgetFooterTextModule, imports: [CommonModule] });
|
|
493
475
|
}
|
|
494
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
476
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: TheSeamWidgetFooterTextModule, decorators: [{
|
|
495
477
|
type: NgModule,
|
|
496
478
|
args: [{
|
|
497
|
-
declarations: [
|
|
498
|
-
|
|
499
|
-
],
|
|
500
|
-
imports: [
|
|
501
|
-
CommonModule
|
|
502
|
-
],
|
|
503
|
-
exports: [
|
|
504
|
-
WidgetFooterTextComponent
|
|
505
|
-
]
|
|
479
|
+
declarations: [WidgetFooterTextComponent],
|
|
480
|
+
imports: [CommonModule],
|
|
481
|
+
exports: [WidgetFooterTextComponent],
|
|
506
482
|
}]
|
|
507
483
|
}] });
|
|
508
484
|
|
|
@@ -515,34 +491,30 @@ class WidgetHeaderBadgeBase {
|
|
|
515
491
|
const _WidgetHeaderBadgeMixinBase = mixinTheme(WidgetHeaderBadgeBase, 'badge');
|
|
516
492
|
class WidgetHeaderBadgeComponent extends _WidgetHeaderBadgeMixinBase {
|
|
517
493
|
// eslint-disable-next-line @typescript-eslint/no-useless-constructor
|
|
518
|
-
constructor(_elementRef) {
|
|
519
|
-
|
|
520
|
-
|
|
494
|
+
constructor(_elementRef) {
|
|
495
|
+
super(_elementRef);
|
|
496
|
+
}
|
|
497
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WidgetHeaderBadgeComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
498
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.6", type: WidgetHeaderBadgeComponent, isStandalone: false, selector: "seam-widget-header-badge", inputs: { theme: "theme" }, host: { classAttribute: "badge float-right" }, usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\n", styles: ["seam-widget-header-badge.badge{font-size:17px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
521
499
|
}
|
|
522
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
500
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WidgetHeaderBadgeComponent, decorators: [{
|
|
523
501
|
type: Component,
|
|
524
502
|
args: [{ selector: 'seam-widget-header-badge', inputs: ['theme'], host: {
|
|
525
|
-
|
|
503
|
+
class: 'badge float-right',
|
|
526
504
|
}, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<ng-content></ng-content>\n", styles: ["seam-widget-header-badge.badge{font-size:17px}\n"] }]
|
|
527
505
|
}], ctorParameters: () => [{ type: i0.ElementRef }] });
|
|
528
506
|
|
|
529
507
|
class TheSeamWidgetHeaderBadgeModule {
|
|
530
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
531
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
532
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
508
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: TheSeamWidgetHeaderBadgeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
509
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.6", ngImport: i0, type: TheSeamWidgetHeaderBadgeModule, declarations: [WidgetHeaderBadgeComponent], imports: [CommonModule], exports: [WidgetHeaderBadgeComponent] });
|
|
510
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: TheSeamWidgetHeaderBadgeModule, imports: [CommonModule] });
|
|
533
511
|
}
|
|
534
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
512
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: TheSeamWidgetHeaderBadgeModule, decorators: [{
|
|
535
513
|
type: NgModule,
|
|
536
514
|
args: [{
|
|
537
|
-
declarations: [
|
|
538
|
-
|
|
539
|
-
],
|
|
540
|
-
imports: [
|
|
541
|
-
CommonModule
|
|
542
|
-
],
|
|
543
|
-
exports: [
|
|
544
|
-
WidgetHeaderBadgeComponent
|
|
545
|
-
]
|
|
515
|
+
declarations: [WidgetHeaderBadgeComponent],
|
|
516
|
+
imports: [CommonModule],
|
|
517
|
+
exports: [WidgetHeaderBadgeComponent],
|
|
546
518
|
}]
|
|
547
519
|
}] });
|
|
548
520
|
|
|
@@ -551,19 +523,29 @@ class WidgetListGroupItemIconTplDirective {
|
|
|
551
523
|
constructor(template) {
|
|
552
524
|
this.template = template;
|
|
553
525
|
}
|
|
554
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
555
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.
|
|
526
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WidgetListGroupItemIconTplDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
527
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.6", type: WidgetListGroupItemIconTplDirective, isStandalone: false, selector: "[seamWidgetListGroupItemIconTpl]", exportAs: ["seamWidgetListGroupItemIconTpl"], ngImport: i0 });
|
|
556
528
|
}
|
|
557
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
529
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WidgetListGroupItemIconTplDirective, decorators: [{
|
|
558
530
|
type: Directive,
|
|
559
531
|
args: [{
|
|
560
532
|
selector: '[seamWidgetListGroupItemIconTpl]',
|
|
561
533
|
exportAs: 'seamWidgetListGroupItemIconTpl',
|
|
562
|
-
standalone: false
|
|
534
|
+
standalone: false,
|
|
563
535
|
}]
|
|
564
536
|
}], ctorParameters: () => [{ type: i0.TemplateRef }] });
|
|
565
537
|
|
|
566
|
-
const WIDGET_LIST_GROUP_ITEM_INPUTS = [
|
|
538
|
+
const WIDGET_LIST_GROUP_ITEM_INPUTS = [
|
|
539
|
+
'disabled',
|
|
540
|
+
'theme',
|
|
541
|
+
'active',
|
|
542
|
+
'icon',
|
|
543
|
+
'iconClass',
|
|
544
|
+
'label',
|
|
545
|
+
'secondaryIcon',
|
|
546
|
+
'secondaryIconClass',
|
|
547
|
+
'secondaryIconTitle',
|
|
548
|
+
];
|
|
567
549
|
class WidgetListGroupItemBase {
|
|
568
550
|
_elementRef;
|
|
569
551
|
_renderer;
|
|
@@ -585,10 +567,10 @@ class WidgetListGroupItemBase {
|
|
|
585
567
|
_getHostElement() {
|
|
586
568
|
return this._elementRef.nativeElement;
|
|
587
569
|
}
|
|
588
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
589
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.
|
|
570
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WidgetListGroupItemBase, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
|
|
571
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.6", type: WidgetListGroupItemBase, isStandalone: true, queries: [{ propertyName: "iconTpl", first: true, predicate: WidgetListGroupItemIconTplDirective, descendants: true, static: true }], ngImport: i0 });
|
|
590
572
|
}
|
|
591
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
573
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WidgetListGroupItemBase, decorators: [{
|
|
592
574
|
type: Directive
|
|
593
575
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { iconTpl: [{
|
|
594
576
|
type: ContentChild,
|
|
@@ -608,10 +590,10 @@ class WidgetListGroupItemActionableBase extends WidgetListGroupItemBase {
|
|
|
608
590
|
ngOnDestroy() {
|
|
609
591
|
this._focusMonitor.stopMonitoring(this._elementRef);
|
|
610
592
|
}
|
|
611
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
612
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.
|
|
593
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WidgetListGroupItemActionableBase, deps: [{ token: i0.ElementRef }, { token: i1$2.FocusMonitor }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
|
|
594
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.6", type: WidgetListGroupItemActionableBase, isStandalone: true, usesInheritance: true, ngImport: i0 });
|
|
613
595
|
}
|
|
614
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
596
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WidgetListGroupItemActionableBase, decorators: [{
|
|
615
597
|
type: Directive
|
|
616
598
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1$2.FocusMonitor }, { type: i0.Renderer2 }] });
|
|
617
599
|
const _WidgetListGroupItemBase = mixinActive(mixinTheme(mixinDisabled(WidgetListGroupItemBase), 'list-group-item'));
|
|
@@ -624,17 +606,17 @@ class WidgetListGroupItemComponent extends _WidgetListGroupItemBase {
|
|
|
624
606
|
this._elementRef = _elementRef;
|
|
625
607
|
this._renderer = _renderer;
|
|
626
608
|
}
|
|
627
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
628
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
609
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WidgetListGroupItemComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
|
|
610
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.6", type: WidgetListGroupItemComponent, isStandalone: false, selector: "seam-widget-list-group-item", inputs: { disabled: "disabled", theme: "theme", active: "active", icon: "icon", iconClass: "iconClass", label: "label", secondaryIcon: "secondaryIcon", secondaryIconClass: "secondaryIconClass", secondaryIconTitle: "secondaryIconTitle" }, host: { properties: { "class.active": "active", "attr.aria-disabled": "disabled.toString()", "attr.disabled": "disabled || null" }, classAttribute: "list-group-item" }, exportAs: ["seamWidgetListGroupItem"], usesInheritance: true, ngImport: i0, template: "<div class=\"d-flex flex-row\">\n <ng-container *ngIf=\"iconTpl; else noIconTpl\">\n <span class=\"pr-2\">\n <ng-container *ngTemplateOutlet=\"$any(iconTpl)\"></ng-container>\n </span>\n </ng-container>\n <ng-template #noIconTpl>\n <span class=\"pr-2\">\n <seam-icon\n *ngIf=\"icon\"\n [icon]=\"icon\"\n [iconClass]=\"iconClass\"\n iconType=\"borderless-styled-square\"\n >\n </seam-icon>\n </span>\n </ng-template>\n\n <div class=\"d-flex flex-column justify-content-center flex-grow-1\">\n {{ label }}\n </div>\n\n <seam-icon\n *ngIf=\"secondaryIcon\"\n iconType=\"borderless-styled-square\"\n class=\"secondary-icon align-self-center ml-1\"\n [icon]=\"secondaryIcon\"\n [iconClass]=\"secondaryIconClass\"\n [title]=\"secondaryIconTitle\"\n size=\"lg\"\n >\n </seam-icon>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3.IconComponent, selector: "seam-icon", inputs: ["grayscaleOnDisable", "disabled", "iconClass", "icon", "size", "showDefaultOnError", "defaultIcon", "iconType"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
629
611
|
}
|
|
630
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
612
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WidgetListGroupItemComponent, decorators: [{
|
|
631
613
|
type: Component,
|
|
632
614
|
args: [{ selector: 'seam-widget-list-group-item', exportAs: 'seamWidgetListGroupItem', inputs: WIDGET_LIST_GROUP_ITEM_INPUTS, host: {
|
|
633
|
-
|
|
615
|
+
class: 'list-group-item',
|
|
634
616
|
'[class.active]': 'active',
|
|
635
617
|
'[attr.aria-disabled]': 'disabled.toString()',
|
|
636
618
|
'[attr.disabled]': 'disabled || null',
|
|
637
|
-
}, changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div class=\"d-flex flex-row\">\n <ng-container *ngIf=\"iconTpl; else noIconTpl\">\n <span class=\"pr-2\">\n <ng-container *ngTemplateOutlet=\"$any(iconTpl)\"></ng-container>\n </span>\n </ng-container>\n <ng-template #noIconTpl>\n <span class=\"pr-2\">\n <seam-icon
|
|
619
|
+
}, changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div class=\"d-flex flex-row\">\n <ng-container *ngIf=\"iconTpl; else noIconTpl\">\n <span class=\"pr-2\">\n <ng-container *ngTemplateOutlet=\"$any(iconTpl)\"></ng-container>\n </span>\n </ng-container>\n <ng-template #noIconTpl>\n <span class=\"pr-2\">\n <seam-icon\n *ngIf=\"icon\"\n [icon]=\"icon\"\n [iconClass]=\"iconClass\"\n iconType=\"borderless-styled-square\"\n >\n </seam-icon>\n </span>\n </ng-template>\n\n <div class=\"d-flex flex-column justify-content-center flex-grow-1\">\n {{ label }}\n </div>\n\n <seam-icon\n *ngIf=\"secondaryIcon\"\n iconType=\"borderless-styled-square\"\n class=\"secondary-icon align-self-center ml-1\"\n [icon]=\"secondaryIcon\"\n [iconClass]=\"secondaryIconClass\"\n [title]=\"secondaryIconTitle\"\n size=\"lg\"\n >\n </seam-icon>\n</div>\n" }]
|
|
638
620
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }] });
|
|
639
621
|
class WidgetListGroupItemButtonComponent extends _WidgetListGroupItemActionableBase {
|
|
640
622
|
_elementRef;
|
|
@@ -648,19 +630,23 @@ class WidgetListGroupItemButtonComponent extends _WidgetListGroupItemActionableB
|
|
|
648
630
|
this._focusMonitor = _focusMonitor;
|
|
649
631
|
this._renderer = _renderer;
|
|
650
632
|
}
|
|
651
|
-
ngOnDestroy() {
|
|
652
|
-
|
|
653
|
-
|
|
633
|
+
ngOnDestroy() {
|
|
634
|
+
super.ngOnDestroy();
|
|
635
|
+
}
|
|
636
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WidgetListGroupItemButtonComponent, deps: [{ token: i0.ElementRef }, { token: i1$2.FocusMonitor }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
|
|
637
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.6", type: WidgetListGroupItemButtonComponent, isStandalone: false, selector: "button[seam-widget-list-group-item],button[seamWidgetListGroupItem]", inputs: { disabled: "disabled", theme: "theme", active: "active", icon: "icon", iconClass: "iconClass", label: "label", secondaryIcon: "secondaryIcon", secondaryIconClass: "secondaryIconClass", secondaryIconTitle: "secondaryIconTitle", type: "type" }, host: { properties: { "attr.type": "type", "class.active": "active", "attr.aria-disabled": "disabled.toString()", "attr.disabled": "disabled || null" }, classAttribute: "list-group-item list-group-item-action" }, exportAs: ["seamWidgetListGroupItem"], usesInheritance: true, ngImport: i0, template: "<div class=\"d-flex flex-row\">\n <ng-container *ngIf=\"iconTpl; else noIconTpl\">\n <span class=\"pr-2\">\n <ng-container *ngTemplateOutlet=\"$any(iconTpl)\"></ng-container>\n </span>\n </ng-container>\n <ng-template #noIconTpl>\n <span class=\"pr-2\">\n <seam-icon\n *ngIf=\"icon\"\n [icon]=\"icon\"\n [iconClass]=\"iconClass\"\n iconType=\"borderless-styled-square\"\n >\n </seam-icon>\n </span>\n </ng-template>\n\n <div class=\"d-flex flex-column justify-content-center flex-grow-1\">\n {{ label }}\n </div>\n\n <seam-icon\n *ngIf=\"secondaryIcon\"\n iconType=\"borderless-styled-square\"\n class=\"secondary-icon align-self-center ml-1\"\n [icon]=\"secondaryIcon\"\n [iconClass]=\"secondaryIconClass\"\n [title]=\"secondaryIconTitle\"\n size=\"lg\"\n >\n </seam-icon>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3.IconComponent, selector: "seam-icon", inputs: ["grayscaleOnDisable", "disabled", "iconClass", "icon", "size", "showDefaultOnError", "defaultIcon", "iconType"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
654
638
|
}
|
|
655
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
639
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WidgetListGroupItemButtonComponent, decorators: [{
|
|
656
640
|
type: Component,
|
|
657
|
-
args: [{ selector:
|
|
641
|
+
args: [{ selector:
|
|
642
|
+
// eslint-disable-next-line @angular-eslint/component-selector
|
|
643
|
+
'button[seam-widget-list-group-item],button[seamWidgetListGroupItem]', exportAs: 'seamWidgetListGroupItem', inputs: WIDGET_LIST_GROUP_ITEM_INPUTS, host: {
|
|
658
644
|
'[attr.type]': 'type',
|
|
659
|
-
|
|
645
|
+
class: 'list-group-item list-group-item-action',
|
|
660
646
|
'[class.active]': 'active',
|
|
661
647
|
'[attr.aria-disabled]': 'disabled.toString()',
|
|
662
648
|
'[attr.disabled]': 'disabled || null',
|
|
663
|
-
}, changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div class=\"d-flex flex-row\">\n <ng-container *ngIf=\"iconTpl; else noIconTpl\">\n <span class=\"pr-2\">\n <ng-container *ngTemplateOutlet=\"$any(iconTpl)\"></ng-container>\n </span>\n </ng-container>\n <ng-template #noIconTpl>\n <span class=\"pr-2\">\n <seam-icon
|
|
649
|
+
}, changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div class=\"d-flex flex-row\">\n <ng-container *ngIf=\"iconTpl; else noIconTpl\">\n <span class=\"pr-2\">\n <ng-container *ngTemplateOutlet=\"$any(iconTpl)\"></ng-container>\n </span>\n </ng-container>\n <ng-template #noIconTpl>\n <span class=\"pr-2\">\n <seam-icon\n *ngIf=\"icon\"\n [icon]=\"icon\"\n [iconClass]=\"iconClass\"\n iconType=\"borderless-styled-square\"\n >\n </seam-icon>\n </span>\n </ng-template>\n\n <div class=\"d-flex flex-column justify-content-center flex-grow-1\">\n {{ label }}\n </div>\n\n <seam-icon\n *ngIf=\"secondaryIcon\"\n iconType=\"borderless-styled-square\"\n class=\"secondary-icon align-self-center ml-1\"\n [icon]=\"secondaryIcon\"\n [iconClass]=\"secondaryIconClass\"\n [title]=\"secondaryIconTitle\"\n size=\"lg\"\n >\n </seam-icon>\n</div>\n" }]
|
|
664
650
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1$2.FocusMonitor }, { type: i0.Renderer2 }], propDecorators: { type: [{
|
|
665
651
|
type: Input
|
|
666
652
|
}] } });
|
|
@@ -676,7 +662,9 @@ class WidgetListGroupItemAnchorComponent extends _WidgetListGroupItemActionableB
|
|
|
676
662
|
this._focusMonitor = _focusMonitor;
|
|
677
663
|
this._renderer = _renderer;
|
|
678
664
|
}
|
|
679
|
-
ngOnDestroy() {
|
|
665
|
+
ngOnDestroy() {
|
|
666
|
+
super.ngOnDestroy();
|
|
667
|
+
}
|
|
680
668
|
_haltDisabledEvents(event) {
|
|
681
669
|
// A disabled button shouldn't apply any actions
|
|
682
670
|
if (this.disabled) {
|
|
@@ -684,51 +672,49 @@ class WidgetListGroupItemAnchorComponent extends _WidgetListGroupItemActionableB
|
|
|
684
672
|
event.stopImmediatePropagation();
|
|
685
673
|
}
|
|
686
674
|
}
|
|
687
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
688
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
675
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WidgetListGroupItemAnchorComponent, deps: [{ token: i0.ElementRef }, { token: i1$2.FocusMonitor }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
|
|
676
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.6", type: WidgetListGroupItemAnchorComponent, isStandalone: false, selector: "a[seam-widget-list-group-item],a[seamWidgetListGroupItem]", inputs: { disabled: "disabled", theme: "theme", active: "active", icon: "icon", iconClass: "iconClass", label: "label", secondaryIcon: "secondaryIcon", secondaryIconClass: "secondaryIconClass", secondaryIconTitle: "secondaryIconTitle", tabIndex: "tabIndex" }, host: { listeners: { "click": "_haltDisabledEvents($event)" }, properties: { "class.active": "active", "attr.tabindex": "disabled ? -1 : (tabIndex || 0)", "attr.aria-disabled": "disabled.toString()", "attr.disabled": "disabled || null" }, classAttribute: "list-group-item list-group-item-action" }, exportAs: ["seamWidgetListGroupItem"], usesInheritance: true, ngImport: i0, template: "<div class=\"d-flex flex-row\">\n <ng-container *ngIf=\"iconTpl; else noIconTpl\">\n <span class=\"pr-2\">\n <ng-container *ngTemplateOutlet=\"$any(iconTpl)\"></ng-container>\n </span>\n </ng-container>\n <ng-template #noIconTpl>\n <span class=\"pr-2\">\n <seam-icon\n *ngIf=\"icon\"\n [icon]=\"icon\"\n [iconClass]=\"iconClass\"\n iconType=\"borderless-styled-square\"\n >\n </seam-icon>\n </span>\n </ng-template>\n\n <div class=\"d-flex flex-column justify-content-center flex-grow-1\">\n {{ label }}\n </div>\n\n <seam-icon\n *ngIf=\"secondaryIcon\"\n iconType=\"borderless-styled-square\"\n class=\"secondary-icon align-self-center ml-1\"\n [icon]=\"secondaryIcon\"\n [iconClass]=\"secondaryIconClass\"\n [title]=\"secondaryIconTitle\"\n size=\"lg\"\n >\n </seam-icon>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3.IconComponent, selector: "seam-icon", inputs: ["grayscaleOnDisable", "disabled", "iconClass", "icon", "size", "showDefaultOnError", "defaultIcon", "iconType"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
689
677
|
}
|
|
690
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
678
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WidgetListGroupItemAnchorComponent, decorators: [{
|
|
691
679
|
type: Component,
|
|
692
680
|
args: [{ selector: 'a[seam-widget-list-group-item],a[seamWidgetListGroupItem]', exportAs: 'seamWidgetListGroupItem', inputs: WIDGET_LIST_GROUP_ITEM_INPUTS, host: {
|
|
693
|
-
|
|
681
|
+
class: 'list-group-item list-group-item-action',
|
|
694
682
|
'[class.active]': 'active',
|
|
695
683
|
'[attr.tabindex]': 'disabled ? -1 : (tabIndex || 0)',
|
|
696
684
|
'[attr.aria-disabled]': 'disabled.toString()',
|
|
697
685
|
'[attr.disabled]': 'disabled || null',
|
|
698
686
|
'(click)': '_haltDisabledEvents($event)',
|
|
699
|
-
}, changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div class=\"d-flex flex-row\">\n <ng-container *ngIf=\"iconTpl; else noIconTpl\">\n <span class=\"pr-2\">\n <ng-container *ngTemplateOutlet=\"$any(iconTpl)\"></ng-container>\n </span>\n </ng-container>\n <ng-template #noIconTpl>\n <span class=\"pr-2\">\n <seam-icon
|
|
687
|
+
}, changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div class=\"d-flex flex-row\">\n <ng-container *ngIf=\"iconTpl; else noIconTpl\">\n <span class=\"pr-2\">\n <ng-container *ngTemplateOutlet=\"$any(iconTpl)\"></ng-container>\n </span>\n </ng-container>\n <ng-template #noIconTpl>\n <span class=\"pr-2\">\n <seam-icon\n *ngIf=\"icon\"\n [icon]=\"icon\"\n [iconClass]=\"iconClass\"\n iconType=\"borderless-styled-square\"\n >\n </seam-icon>\n </span>\n </ng-template>\n\n <div class=\"d-flex flex-column justify-content-center flex-grow-1\">\n {{ label }}\n </div>\n\n <seam-icon\n *ngIf=\"secondaryIcon\"\n iconType=\"borderless-styled-square\"\n class=\"secondary-icon align-self-center ml-1\"\n [icon]=\"secondaryIcon\"\n [iconClass]=\"secondaryIconClass\"\n [title]=\"secondaryIconTitle\"\n size=\"lg\"\n >\n </seam-icon>\n</div>\n" }]
|
|
700
688
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1$2.FocusMonitor }, { type: i0.Renderer2 }], propDecorators: { tabIndex: [{
|
|
701
689
|
type: Input
|
|
702
690
|
}] } });
|
|
703
691
|
|
|
704
692
|
// TODO: Make `ListGroup` a root component and wrap it with `WidgetListGroup`.
|
|
705
693
|
class WidgetListGroupComponent {
|
|
706
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
707
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
694
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WidgetListGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
695
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.6", type: WidgetListGroupComponent, isStandalone: false, selector: "seam-widget-list-group", host: { classAttribute: "list-group" }, ngImport: i0, template: "<ng-content\n select=\"seam-widget-list-group-item,\n a[seam-widget-list-group-item],\n a[seamWidgetListGroupItem],\n button[seam-widget-list-group-item],\n button[seamWidgetListGroupItem]\"\n>\n</ng-content>\n", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
708
696
|
}
|
|
709
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
697
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WidgetListGroupComponent, decorators: [{
|
|
710
698
|
type: Component,
|
|
711
699
|
args: [{ selector: 'seam-widget-list-group', host: {
|
|
712
|
-
|
|
713
|
-
}, changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<ng-content
|
|
700
|
+
class: 'list-group',
|
|
701
|
+
}, changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<ng-content\n select=\"seam-widget-list-group-item,\n a[seam-widget-list-group-item],\n a[seamWidgetListGroupItem],\n button[seam-widget-list-group-item],\n button[seamWidgetListGroupItem]\"\n>\n</ng-content>\n" }]
|
|
714
702
|
}] });
|
|
715
703
|
|
|
716
704
|
class TheSeamWidgetListGroupModule {
|
|
717
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
718
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
705
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: TheSeamWidgetListGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
706
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.6", ngImport: i0, type: TheSeamWidgetListGroupModule, declarations: [WidgetListGroupComponent,
|
|
719
707
|
WidgetListGroupItemAnchorComponent,
|
|
720
708
|
WidgetListGroupItemButtonComponent,
|
|
721
709
|
WidgetListGroupItemComponent,
|
|
722
|
-
WidgetListGroupItemIconTplDirective], imports: [CommonModule,
|
|
723
|
-
TheSeamIconModule], exports: [WidgetListGroupComponent,
|
|
710
|
+
WidgetListGroupItemIconTplDirective], imports: [CommonModule, TheSeamIconModule], exports: [WidgetListGroupComponent,
|
|
724
711
|
WidgetListGroupItemAnchorComponent,
|
|
725
712
|
WidgetListGroupItemButtonComponent,
|
|
726
713
|
WidgetListGroupItemComponent,
|
|
727
714
|
WidgetListGroupItemIconTplDirective] });
|
|
728
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
729
|
-
TheSeamIconModule] });
|
|
715
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: TheSeamWidgetListGroupModule, imports: [CommonModule, TheSeamIconModule] });
|
|
730
716
|
}
|
|
731
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
717
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: TheSeamWidgetListGroupModule, decorators: [{
|
|
732
718
|
type: NgModule,
|
|
733
719
|
args: [{
|
|
734
720
|
declarations: [
|
|
@@ -736,19 +722,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImpor
|
|
|
736
722
|
WidgetListGroupItemAnchorComponent,
|
|
737
723
|
WidgetListGroupItemButtonComponent,
|
|
738
724
|
WidgetListGroupItemComponent,
|
|
739
|
-
WidgetListGroupItemIconTplDirective
|
|
740
|
-
],
|
|
741
|
-
imports: [
|
|
742
|
-
CommonModule,
|
|
743
|
-
TheSeamIconModule
|
|
725
|
+
WidgetListGroupItemIconTplDirective,
|
|
744
726
|
],
|
|
727
|
+
imports: [CommonModule, TheSeamIconModule],
|
|
745
728
|
exports: [
|
|
746
729
|
WidgetListGroupComponent,
|
|
747
730
|
WidgetListGroupItemAnchorComponent,
|
|
748
731
|
WidgetListGroupItemButtonComponent,
|
|
749
732
|
WidgetListGroupItemComponent,
|
|
750
|
-
WidgetListGroupItemIconTplDirective
|
|
751
|
-
]
|
|
733
|
+
WidgetListGroupItemIconTplDirective,
|
|
734
|
+
],
|
|
752
735
|
}]
|
|
753
736
|
}] });
|
|
754
737
|
|
|
@@ -763,15 +746,15 @@ class WidgetTableComponent {
|
|
|
763
746
|
_actionRefreshRequest() {
|
|
764
747
|
this.actionRefreshRequest.emit();
|
|
765
748
|
}
|
|
766
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
767
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
749
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WidgetTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
750
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.6", type: WidgetTableComponent, isStandalone: false, selector: "seam-widget-table", inputs: { columns: "columns", rows: "rows", trackBy: "trackBy", size: "size", hasHeader: "hasHeader" }, outputs: { actionRefreshRequest: "actionRefreshRequest" }, ngImport: i0, template: "<seam-table\n [columns]=\"columns\"\n [rows]=\"rows\"\n [trackBy]=\"trackBy\"\n [size]=\"size\"\n [hasHeader]=\"hasHeader\"\n (actionRefreshRequest)=\"_actionRefreshRequest()\"\n>\n</seam-table>\n", styles: [""], dependencies: [{ kind: "component", type: i1$3.TableComponent, selector: "seam-table", inputs: ["columns", "rows", "trackBy", "size", "hasHeader"], outputs: ["columnsChange", "actionRefreshRequest"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
768
751
|
}
|
|
769
752
|
__decorate([
|
|
770
753
|
InputBoolean()
|
|
771
754
|
], WidgetTableComponent.prototype, "hasHeader", void 0);
|
|
772
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
755
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WidgetTableComponent, decorators: [{
|
|
773
756
|
type: Component,
|
|
774
|
-
args: [{ selector: 'seam-widget-table', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<seam-table\n [columns]=\"columns\"\n [rows]=\"rows\"\n [trackBy]=\"trackBy\"\n [size]=\"size\"\n [hasHeader]=\"hasHeader\"\n (actionRefreshRequest)=\"_actionRefreshRequest()\">\n</seam-table>\n" }]
|
|
757
|
+
args: [{ selector: 'seam-widget-table', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<seam-table\n [columns]=\"columns\"\n [rows]=\"rows\"\n [trackBy]=\"trackBy\"\n [size]=\"size\"\n [hasHeader]=\"hasHeader\"\n (actionRefreshRequest)=\"_actionRefreshRequest()\"\n>\n</seam-table>\n" }]
|
|
775
758
|
}], propDecorators: { columns: [{
|
|
776
759
|
type: Input
|
|
777
760
|
}], rows: [{
|
|
@@ -787,40 +770,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImpor
|
|
|
787
770
|
}] } });
|
|
788
771
|
|
|
789
772
|
class TheSeamWidgetTableModule {
|
|
790
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
791
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
792
|
-
|
|
793
|
-
TheSeamTableCellTypesModule], exports: [WidgetTableComponent] });
|
|
794
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: TheSeamWidgetTableModule, imports: [CommonModule,
|
|
795
|
-
TheSeamTableModule,
|
|
796
|
-
TheSeamTableCellTypesModule] });
|
|
773
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: TheSeamWidgetTableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
774
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.6", ngImport: i0, type: TheSeamWidgetTableModule, declarations: [WidgetTableComponent], imports: [CommonModule, TheSeamTableModule, TheSeamTableCellTypesModule], exports: [WidgetTableComponent] });
|
|
775
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: TheSeamWidgetTableModule, imports: [CommonModule, TheSeamTableModule, TheSeamTableCellTypesModule] });
|
|
797
776
|
}
|
|
798
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
777
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: TheSeamWidgetTableModule, decorators: [{
|
|
799
778
|
type: NgModule,
|
|
800
779
|
args: [{
|
|
801
|
-
declarations: [
|
|
802
|
-
|
|
803
|
-
],
|
|
804
|
-
imports: [
|
|
805
|
-
CommonModule,
|
|
806
|
-
TheSeamTableModule,
|
|
807
|
-
TheSeamTableCellTypesModule
|
|
808
|
-
],
|
|
809
|
-
exports: [
|
|
810
|
-
WidgetTableComponent
|
|
811
|
-
]
|
|
780
|
+
declarations: [WidgetTableComponent],
|
|
781
|
+
imports: [CommonModule, TheSeamTableModule, TheSeamTableCellTypesModule],
|
|
782
|
+
exports: [WidgetTableComponent],
|
|
812
783
|
}]
|
|
813
784
|
}] });
|
|
814
785
|
|
|
815
786
|
class WidgetTileFooterComponent {
|
|
816
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
817
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
787
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WidgetTileFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
788
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.6", type: WidgetTileFooterComponent, isStandalone: false, selector: "seam-widget-tile-footer,[seam-widget-tile-footer]", host: { classAttribute: "d-flex flex-row justify-content-end" }, ngImport: i0, template: "<ng-content\n select=\"seam-widget-tile-footer-item,[seam-widget-tile-footer-item]\"\n></ng-content>\n", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
818
789
|
}
|
|
819
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
790
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WidgetTileFooterComponent, decorators: [{
|
|
820
791
|
type: Component,
|
|
821
792
|
args: [{ selector: 'seam-widget-tile-footer,[seam-widget-tile-footer]', host: {
|
|
822
793
|
class: 'd-flex flex-row justify-content-end',
|
|
823
|
-
}, changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "
|
|
794
|
+
}, changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<ng-content\n select=\"seam-widget-tile-footer-item,[seam-widget-tile-footer-item]\"\n></ng-content>\n" }]
|
|
824
795
|
}] });
|
|
825
796
|
|
|
826
797
|
class WidgetTileFooterItemComponent {
|
|
@@ -830,8 +801,12 @@ class WidgetTileFooterItemComponent {
|
|
|
830
801
|
get _attrType() {
|
|
831
802
|
return this._type || this._isButton() ? 'button' : undefined;
|
|
832
803
|
}
|
|
833
|
-
get _DisabledCss() {
|
|
834
|
-
|
|
804
|
+
get _DisabledCss() {
|
|
805
|
+
return this.disabled;
|
|
806
|
+
}
|
|
807
|
+
get type() {
|
|
808
|
+
return this._type;
|
|
809
|
+
}
|
|
835
810
|
disabled = false;
|
|
836
811
|
constructor(_elementRef) {
|
|
837
812
|
this._elementRef = _elementRef;
|
|
@@ -840,13 +815,13 @@ class WidgetTileFooterItemComponent {
|
|
|
840
815
|
_isButton() {
|
|
841
816
|
return this._elementRef.nativeElement.nodeName.toLowerCase() === 'button';
|
|
842
817
|
}
|
|
843
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
844
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
818
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WidgetTileFooterItemComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
819
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.6", type: WidgetTileFooterItemComponent, isStandalone: false, selector: "seam-widget-tile-footer-item,a[seam-widget-tile-footer-item],button[seam-widget-tile-footer-item]", inputs: { type: "type", disabled: "disabled" }, host: { properties: { "attr.type": "this._attrType", "class.disabled": "this._DisabledCss" }, classAttribute: "btn btn-link py-0 px-1" }, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{font-size:12px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
845
820
|
}
|
|
846
821
|
__decorate([
|
|
847
822
|
InputBoolean()
|
|
848
823
|
], WidgetTileFooterItemComponent.prototype, "disabled", void 0);
|
|
849
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
824
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WidgetTileFooterItemComponent, decorators: [{
|
|
850
825
|
type: Component,
|
|
851
826
|
args: [{ selector: 'seam-widget-tile-footer-item,a[seam-widget-tile-footer-item],button[seam-widget-tile-footer-item]', host: {
|
|
852
827
|
class: 'btn btn-link py-0 px-1',
|
|
@@ -864,10 +839,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImpor
|
|
|
864
839
|
}] } });
|
|
865
840
|
|
|
866
841
|
class WidgetTileGroupComponent {
|
|
867
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
868
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
842
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WidgetTileGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
843
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.6", type: WidgetTileGroupComponent, isStandalone: false, selector: "seam-widget-tile-group", ngImport: i0, template: "<ng-content select=\"[seam-widget-tile],seam-widget-tile\"></ng-content>\n<ng-content select=\"seam-widget-tile-footer\"></ng-content>\n", styles: [":host{display:block;margin-bottom:.5rem}:host:last-child{margin-bottom:0}:host ::ng-deep [seam-widget-tile]{margin-bottom:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
869
844
|
}
|
|
870
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
845
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WidgetTileGroupComponent, decorators: [{
|
|
871
846
|
type: Component,
|
|
872
847
|
args: [{ selector: 'seam-widget-tile-group', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<ng-content select=\"[seam-widget-tile],seam-widget-tile\"></ng-content>\n<ng-content select=\"seam-widget-tile-footer\"></ng-content>\n", styles: [":host{display:block;margin-bottom:.5rem}:host:last-child{margin-bottom:0}:host ::ng-deep [seam-widget-tile]{margin-bottom:0}\n"] }]
|
|
873
848
|
}] });
|
|
@@ -877,15 +852,15 @@ class WidgetTileSecondaryIconDirective {
|
|
|
877
852
|
constructor(template) {
|
|
878
853
|
this.template = template;
|
|
879
854
|
}
|
|
880
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
881
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.
|
|
855
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WidgetTileSecondaryIconDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
856
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.6", type: WidgetTileSecondaryIconDirective, isStandalone: false, selector: "[seamWidgetTileSecondaryIcon]", exportAs: ["seamWidgetTileSecondaryIcon"], ngImport: i0 });
|
|
882
857
|
}
|
|
883
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
858
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WidgetTileSecondaryIconDirective, decorators: [{
|
|
884
859
|
type: Directive,
|
|
885
860
|
args: [{
|
|
886
861
|
selector: '[seamWidgetTileSecondaryIcon]',
|
|
887
862
|
exportAs: 'seamWidgetTileSecondaryIcon',
|
|
888
|
-
standalone: false
|
|
863
|
+
standalone: false,
|
|
889
864
|
}]
|
|
890
865
|
}], ctorParameters: () => [{ type: i0.TemplateRef }] });
|
|
891
866
|
|
|
@@ -909,14 +884,14 @@ class TheSeamWidgetTileBase {
|
|
|
909
884
|
_getHostElement() {
|
|
910
885
|
return this._elementRef.nativeElement;
|
|
911
886
|
}
|
|
912
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
913
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
887
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: TheSeamWidgetTileBase, deps: [{ token: i0.ElementRef }, { token: i1$2.FocusMonitor }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
|
|
888
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.6", type: TheSeamWidgetTileBase, isStandalone: false, selector: "ng-component", ngImport: i0, template: '', isInline: true });
|
|
914
889
|
}
|
|
915
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
890
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: TheSeamWidgetTileBase, decorators: [{
|
|
916
891
|
type: Component,
|
|
917
892
|
args: [{
|
|
918
893
|
template: '',
|
|
919
|
-
standalone: false
|
|
894
|
+
standalone: false,
|
|
920
895
|
}]
|
|
921
896
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1$2.FocusMonitor }, { type: i0.Renderer2 }] });
|
|
922
897
|
const _TheSeamWidgetTileMixinBase = mixinTabIndex(mixinDisabled(TheSeamWidgetTileBase));
|
|
@@ -928,12 +903,24 @@ class WidgetTileComponent extends _TheSeamWidgetTileMixinBase {
|
|
|
928
903
|
get _attrType() {
|
|
929
904
|
return this._type || this._isButton() ? 'button' : undefined;
|
|
930
905
|
}
|
|
931
|
-
get _btnCss() {
|
|
932
|
-
|
|
933
|
-
|
|
934
|
-
get
|
|
935
|
-
|
|
936
|
-
|
|
906
|
+
get _btnCss() {
|
|
907
|
+
return !!this._isButton();
|
|
908
|
+
}
|
|
909
|
+
get _disabledCss() {
|
|
910
|
+
return this.disabled;
|
|
911
|
+
}
|
|
912
|
+
get _ariaDisabled() {
|
|
913
|
+
return this.disabled.toString();
|
|
914
|
+
}
|
|
915
|
+
get _attrDisabled() {
|
|
916
|
+
return this.disabled || null;
|
|
917
|
+
}
|
|
918
|
+
get _attrTabIndex() {
|
|
919
|
+
return this.disabled ? -1 : this.tabIndex || 0;
|
|
920
|
+
}
|
|
921
|
+
get type() {
|
|
922
|
+
return this._type;
|
|
923
|
+
}
|
|
937
924
|
icon;
|
|
938
925
|
grayscaleOnDisable = true;
|
|
939
926
|
iconClass;
|
|
@@ -942,7 +929,9 @@ class WidgetTileComponent extends _TheSeamWidgetTileMixinBase {
|
|
|
942
929
|
notificationIconClass;
|
|
943
930
|
secondaryIcon;
|
|
944
931
|
// eslint-disable-next-line @typescript-eslint/no-useless-constructor
|
|
945
|
-
constructor(_elementRef, _focusMonitor, _renderer) {
|
|
932
|
+
constructor(_elementRef, _focusMonitor, _renderer) {
|
|
933
|
+
super(_elementRef, _focusMonitor, _renderer);
|
|
934
|
+
}
|
|
946
935
|
ngOnInit() {
|
|
947
936
|
if (this._isAnchor()) {
|
|
948
937
|
this._clickUnListen = this._renderer.listen(this._getHostElement(), 'click', this._haltDisabledEvents);
|
|
@@ -969,15 +958,15 @@ class WidgetTileComponent extends _TheSeamWidgetTileMixinBase {
|
|
|
969
958
|
event.stopImmediatePropagation();
|
|
970
959
|
}
|
|
971
960
|
};
|
|
972
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
973
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
961
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WidgetTileComponent, deps: [{ token: i0.ElementRef }, { token: i1$2.FocusMonitor }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
|
|
962
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.6", type: WidgetTileComponent, isStandalone: false, selector: "seam-widget-tile, a[seam-widget-tile], button[seam-widget-tile]", inputs: { disabled: "disabled", type: "type", icon: "icon", grayscaleOnDisable: "grayscaleOnDisable", iconClass: "iconClass", iconType: "iconType", notificationIcon: "notificationIcon", notificationIconClass: "notificationIconClass" }, host: { properties: { "attr.type": "this._attrType", "class.btn": "this._btnCss", "class.disabled": "this._disabledCss", "attr.aria-disabled": "this._ariaDisabled", "attr.disabled": "this._attrDisabled", "attr.tabindex": "this._attrTabIndex" } }, queries: [{ propertyName: "secondaryIcon", first: true, predicate: WidgetTileSecondaryIconDirective, descendants: true, static: true }], exportAs: ["seamWidgetTile"], usesInheritance: true, ngImport: i0, template: "<div class=\"d-flex flex-row\">\n <div style=\"position: relative\">\n <seam-icon\n [icon]=\"icon\"\n [iconType]=\"iconType\"\n [iconClass]=\"iconClass\"\n [disabled]=\"disabled\"\n >\n </seam-icon>\n\n <seam-icon\n *ngIf=\"notificationIcon\"\n class=\"widget-tile--notification-icon\"\n [icon]=\"notificationIcon\"\n iconType=\"image-fill\"\n [iconClass]=\"notificationIconClass\"\n [disabled]=\"disabled\"\n >\n </seam-icon>\n </div>\n <div class=\"flex-grow-1 text-left pl-2\" style=\"margin: auto 0\">\n <ng-content></ng-content>\n </div>\n <div *ngIf=\"secondaryIcon\">\n <ng-template [ngTemplateOutlet]=\"secondaryIcon.template\"></ng-template>\n </div>\n</div>\n", styles: ["seam-widget-tile,a[seam-widget-tile],button[seam-widget-tile]{display:block;width:100%;padding:4px;text-decoration:none;color:#212529;font-size:14px;font-weight:400;line-height:18px;border:1px solid #dee2e6;border-radius:10px;margin-bottom:.5rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}seam-widget-tile:hover,a[seam-widget-tile]:hover,button[seam-widget-tile]:hover{color:#212529;background-color:#f4f4f4;text-decoration:none}seam-widget-tile:focus,seam-widget-tile.focus,a[seam-widget-tile]:focus,a[seam-widget-tile].focus,button[seam-widget-tile]:focus,button[seam-widget-tile].focus{box-shadow:0 0 0 .2rem #357ebd40;outline:0}seam-widget-tile.disabled,seam-widget-tile:disabled,a[seam-widget-tile].disabled,a[seam-widget-tile]:disabled,button[seam-widget-tile].disabled,button[seam-widget-tile]:disabled{opacity:.65;pointer-events:none;cursor:default;filter:grayscale(1)}seam-widget-tile:last-child,a[seam-widget-tile]:last-child,button[seam-widget-tile]:last-child{margin-bottom:0}seam-widget-tile .widget-tile--notification-icon,a[seam-widget-tile] .widget-tile--notification-icon,button[seam-widget-tile] .widget-tile--notification-icon{position:absolute;bottom:-3px;right:-3px;width:15px!important;height:15px!important}seam-widget-tile seam-icon img[src$=\".svg\"],a[seam-widget-tile] seam-icon img[src$=\".svg\"],button[seam-widget-tile] seam-icon img[src$=\".svg\"]{height:100%}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3.IconComponent, selector: "seam-icon", inputs: ["grayscaleOnDisable", "disabled", "iconClass", "icon", "size", "showDefaultOnError", "defaultIcon", "iconType"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
974
963
|
}
|
|
975
964
|
__decorate([
|
|
976
965
|
InputBoolean()
|
|
977
966
|
], WidgetTileComponent.prototype, "grayscaleOnDisable", void 0);
|
|
978
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
967
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WidgetTileComponent, decorators: [{
|
|
979
968
|
type: Component,
|
|
980
|
-
args: [{ selector: 'seam-widget-tile, a[seam-widget-tile], button[seam-widget-tile]', inputs: ['disabled'], exportAs: 'seamWidgetTile', encapsulation: ViewEncapsulation.None, standalone: false, template: "<div class=\"d-flex flex-row\">\n <div style=\"position: relative\">\n <seam-icon\n [icon]=\"icon\"\n [iconType]=\"iconType\"\n [iconClass]=\"iconClass\"\n [disabled]=\"disabled\">\n </seam-icon>\n\n <seam-icon
|
|
969
|
+
args: [{ selector: 'seam-widget-tile, a[seam-widget-tile], button[seam-widget-tile]', inputs: ['disabled'], exportAs: 'seamWidgetTile', encapsulation: ViewEncapsulation.None, standalone: false, template: "<div class=\"d-flex flex-row\">\n <div style=\"position: relative\">\n <seam-icon\n [icon]=\"icon\"\n [iconType]=\"iconType\"\n [iconClass]=\"iconClass\"\n [disabled]=\"disabled\"\n >\n </seam-icon>\n\n <seam-icon\n *ngIf=\"notificationIcon\"\n class=\"widget-tile--notification-icon\"\n [icon]=\"notificationIcon\"\n iconType=\"image-fill\"\n [iconClass]=\"notificationIconClass\"\n [disabled]=\"disabled\"\n >\n </seam-icon>\n </div>\n <div class=\"flex-grow-1 text-left pl-2\" style=\"margin: auto 0\">\n <ng-content></ng-content>\n </div>\n <div *ngIf=\"secondaryIcon\">\n <ng-template [ngTemplateOutlet]=\"secondaryIcon.template\"></ng-template>\n </div>\n</div>\n", styles: ["seam-widget-tile,a[seam-widget-tile],button[seam-widget-tile]{display:block;width:100%;padding:4px;text-decoration:none;color:#212529;font-size:14px;font-weight:400;line-height:18px;border:1px solid #dee2e6;border-radius:10px;margin-bottom:.5rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}seam-widget-tile:hover,a[seam-widget-tile]:hover,button[seam-widget-tile]:hover{color:#212529;background-color:#f4f4f4;text-decoration:none}seam-widget-tile:focus,seam-widget-tile.focus,a[seam-widget-tile]:focus,a[seam-widget-tile].focus,button[seam-widget-tile]:focus,button[seam-widget-tile].focus{box-shadow:0 0 0 .2rem #357ebd40;outline:0}seam-widget-tile.disabled,seam-widget-tile:disabled,a[seam-widget-tile].disabled,a[seam-widget-tile]:disabled,button[seam-widget-tile].disabled,button[seam-widget-tile]:disabled{opacity:.65;pointer-events:none;cursor:default;filter:grayscale(1)}seam-widget-tile:last-child,a[seam-widget-tile]:last-child,button[seam-widget-tile]:last-child{margin-bottom:0}seam-widget-tile .widget-tile--notification-icon,a[seam-widget-tile] .widget-tile--notification-icon,button[seam-widget-tile] .widget-tile--notification-icon{position:absolute;bottom:-3px;right:-3px;width:15px!important;height:15px!important}seam-widget-tile seam-icon img[src$=\".svg\"],a[seam-widget-tile] seam-icon img[src$=\".svg\"],button[seam-widget-tile] seam-icon img[src$=\".svg\"]{height:100%}\n"] }]
|
|
981
970
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1$2.FocusMonitor }, { type: i0.Renderer2 }], propDecorators: { _attrType: [{
|
|
982
971
|
type: HostBinding,
|
|
983
972
|
args: ['attr.type']
|
|
@@ -1016,21 +1005,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImpor
|
|
|
1016
1005
|
}] } });
|
|
1017
1006
|
|
|
1018
1007
|
class TheSeamWidgetTileModule {
|
|
1019
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
1020
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
1008
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: TheSeamWidgetTileModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1009
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.6", ngImport: i0, type: TheSeamWidgetTileModule, declarations: [WidgetTileComponent,
|
|
1021
1010
|
WidgetTileSecondaryIconDirective,
|
|
1022
1011
|
WidgetTileFooterComponent,
|
|
1023
1012
|
WidgetTileGroupComponent,
|
|
1024
|
-
WidgetTileFooterItemComponent], imports: [CommonModule,
|
|
1025
|
-
TheSeamIconModule], exports: [WidgetTileComponent,
|
|
1013
|
+
WidgetTileFooterItemComponent], imports: [CommonModule, TheSeamIconModule], exports: [WidgetTileComponent,
|
|
1026
1014
|
WidgetTileSecondaryIconDirective,
|
|
1027
1015
|
WidgetTileFooterComponent,
|
|
1028
1016
|
WidgetTileGroupComponent,
|
|
1029
1017
|
WidgetTileFooterItemComponent] });
|
|
1030
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
1031
|
-
TheSeamIconModule] });
|
|
1018
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: TheSeamWidgetTileModule, imports: [CommonModule, TheSeamIconModule] });
|
|
1032
1019
|
}
|
|
1033
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
1020
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: TheSeamWidgetTileModule, decorators: [{
|
|
1034
1021
|
type: NgModule,
|
|
1035
1022
|
args: [{
|
|
1036
1023
|
declarations: [
|
|
@@ -1040,10 +1027,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImpor
|
|
|
1040
1027
|
WidgetTileGroupComponent,
|
|
1041
1028
|
WidgetTileFooterItemComponent,
|
|
1042
1029
|
],
|
|
1043
|
-
imports: [
|
|
1044
|
-
CommonModule,
|
|
1045
|
-
TheSeamIconModule,
|
|
1046
|
-
],
|
|
1030
|
+
imports: [CommonModule, TheSeamIconModule],
|
|
1047
1031
|
exports: [
|
|
1048
1032
|
WidgetTileComponent,
|
|
1049
1033
|
WidgetTileSecondaryIconDirective,
|
|
@@ -1055,33 +1039,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImpor
|
|
|
1055
1039
|
}] });
|
|
1056
1040
|
|
|
1057
1041
|
class WidgetTileListComponent {
|
|
1058
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
1059
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
1042
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WidgetTileListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1043
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.6", type: WidgetTileListComponent, isStandalone: false, selector: "seam-widget-tile-list", ngImport: i0, template: "<ng-content\n select=\"[seam-widget-tile],seam-widget-tile,seam-widget-tile-group\"\n></ng-content>\n", styles: [":host{display:flex;flex-direction:column}\n"] });
|
|
1060
1044
|
}
|
|
1061
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
1045
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WidgetTileListComponent, decorators: [{
|
|
1062
1046
|
type: Component,
|
|
1063
|
-
args: [{ selector: 'seam-widget-tile-list', standalone: false, template: "<ng-content
|
|
1047
|
+
args: [{ selector: 'seam-widget-tile-list', standalone: false, template: "<ng-content\n select=\"[seam-widget-tile],seam-widget-tile,seam-widget-tile-group\"\n></ng-content>\n", styles: [":host{display:flex;flex-direction:column}\n"] }]
|
|
1064
1048
|
}] });
|
|
1065
1049
|
|
|
1066
1050
|
class TheSeamWidgetTileListModule {
|
|
1067
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
1068
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
1069
|
-
|
|
1070
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: TheSeamWidgetTileListModule, imports: [CommonModule, TheSeamWidgetTileModule] });
|
|
1051
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: TheSeamWidgetTileListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1052
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.6", ngImport: i0, type: TheSeamWidgetTileListModule, declarations: [WidgetTileListComponent], imports: [CommonModule], exports: [WidgetTileListComponent, TheSeamWidgetTileModule] });
|
|
1053
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: TheSeamWidgetTileListModule, imports: [CommonModule, TheSeamWidgetTileModule] });
|
|
1071
1054
|
}
|
|
1072
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
1055
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: TheSeamWidgetTileListModule, decorators: [{
|
|
1073
1056
|
type: NgModule,
|
|
1074
1057
|
args: [{
|
|
1075
|
-
declarations: [
|
|
1076
|
-
|
|
1077
|
-
],
|
|
1078
|
-
imports: [
|
|
1079
|
-
CommonModule
|
|
1080
|
-
],
|
|
1081
|
-
exports: [
|
|
1082
|
-
WidgetTileListComponent,
|
|
1083
|
-
TheSeamWidgetTileModule
|
|
1084
|
-
]
|
|
1058
|
+
declarations: [WidgetTileListComponent],
|
|
1059
|
+
imports: [CommonModule],
|
|
1060
|
+
exports: [WidgetTileListComponent, TheSeamWidgetTileModule],
|
|
1085
1061
|
}]
|
|
1086
1062
|
}] });
|
|
1087
1063
|
|
|
@@ -1167,7 +1143,9 @@ class WidgetComponent {
|
|
|
1167
1143
|
* icons that do not follow the tested types can lead to inconsitency quickly
|
|
1168
1144
|
* as different developers keep making tweaks.
|
|
1169
1145
|
*/
|
|
1170
|
-
get icon() {
|
|
1146
|
+
get icon() {
|
|
1147
|
+
return this._iconUrl || this._iconObj;
|
|
1148
|
+
}
|
|
1171
1149
|
set icon(value) {
|
|
1172
1150
|
if (typeof value === 'string') {
|
|
1173
1151
|
this._iconUrl = value;
|
|
@@ -1208,11 +1186,14 @@ class WidgetComponent {
|
|
|
1208
1186
|
}
|
|
1209
1187
|
if (this._data && this._data.widgetId) {
|
|
1210
1188
|
this._preferencesKey = `widget:${this._data.widgetId}`;
|
|
1211
|
-
this._widgetPreferences
|
|
1189
|
+
this._widgetPreferences
|
|
1190
|
+
.preferences(this._preferencesKey)
|
|
1191
|
+
.pipe(tap$1((prefs) => {
|
|
1212
1192
|
if (hasProperty(prefs, 'collapsed')) {
|
|
1213
1193
|
this.collapsed = prefs.collapsed;
|
|
1214
1194
|
}
|
|
1215
|
-
}), takeUntil$1(this._ngUnsubscribe))
|
|
1195
|
+
}), takeUntil$1(this._ngUnsubscribe))
|
|
1196
|
+
.subscribe();
|
|
1216
1197
|
}
|
|
1217
1198
|
}
|
|
1218
1199
|
ngOnDestroy() {
|
|
@@ -1225,6 +1206,7 @@ class WidgetComponent {
|
|
|
1225
1206
|
collapse() {
|
|
1226
1207
|
if (!this.canCollapse) {
|
|
1227
1208
|
if (isDevMode()) {
|
|
1209
|
+
// eslint-disable-next-line no-console
|
|
1228
1210
|
console.warn('WidgetComponent: collapse() called when canCollapse is false.');
|
|
1229
1211
|
}
|
|
1230
1212
|
return;
|
|
@@ -1236,18 +1218,16 @@ class WidgetComponent {
|
|
|
1236
1218
|
// the preference should not be updated, because that is assumed to be an
|
|
1237
1219
|
// app controlled change that should not be persisted.
|
|
1238
1220
|
if (this._preferencesKey) {
|
|
1239
|
-
this._widgetPreferences.patchPreferences(this._preferencesKey, {
|
|
1221
|
+
this._widgetPreferences.patchPreferences(this._preferencesKey, {
|
|
1222
|
+
collapsed: this.collapsed,
|
|
1223
|
+
});
|
|
1240
1224
|
}
|
|
1241
1225
|
}
|
|
1242
|
-
get collapseState() {
|
|
1243
|
-
|
|
1244
|
-
|
|
1245
|
-
|
|
1246
|
-
|
|
1247
|
-
loadingAnimation,
|
|
1248
|
-
collapseAnimation,
|
|
1249
|
-
keepContentAnimation,
|
|
1250
|
-
], encapsulation: i0.ViewEncapsulation.None });
|
|
1226
|
+
get collapseState() {
|
|
1227
|
+
return this.collapsed ? COLLAPSED_STATE : EXPANDED_STATE;
|
|
1228
|
+
}
|
|
1229
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WidgetComponent, deps: [{ token: WidgetPreferencesService }, { token: THESEAM_WIDGET_DEFAULTS, optional: true }, { token: THESEAM_WIDGET_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
1230
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.6", type: WidgetComponent, isStandalone: false, selector: "seam-widget", inputs: { collapsed: "collapsed", hasHeader: "hasHeader", titleText: "titleText", icon: "icon", iconClass: "iconClass", loading: "loading", hasConfig: "hasConfig", canCollapse: "canCollapse" }, providers: [WidgetPreferencesService], queries: [{ propertyName: "iconTpl", first: true, predicate: WidgetIconTplDirective, descendants: true, static: true }, { propertyName: "titleTpl", first: true, predicate: WidgetTitleTplDirective, descendants: true, static: true }], ngImport: i0, template: "<div class=\"seam-widget border rounded overflow-hidden\">\n <div class=\"widget-header\" seamWidgetDragHandle *ngIf=\"hasHeader\">\n <div class=\"widget-header-content p-2 text-nowrap\">\n <span class=\"mr-1 widget-header-icon\">\n <ng-container *ngIf=\"iconTpl; else noIconTpl\">\n <ng-template\n [ngTemplateOutlet]=\"iconTpl.template\"\n [ngTemplateOutletContext]=\"{\n $implicit: icon,\n icon: icon,\n title: titleText,\n }\"\n >\n </ng-template>\n </ng-container>\n <ng-template #noIconTpl>\n <fa-icon\n *ngIf=\"_iconObj\"\n class=\"widget-header-icon--fa {{ iconClass }}\"\n [icon]=\"_iconObj\"\n ></fa-icon>\n <img\n *ngIf=\"_iconUrl\"\n class=\"widget-header-icon--img {{ iconClass }}\"\n [src]=\"_iconUrl\"\n [alt]=\"titleText\"\n />\n </ng-template>\n </span>\n <span class=\"widget-header-title text-truncate\">\n <ng-container *ngIf=\"titleTpl; else noTitleTpl\">\n <ng-template\n [ngTemplateOutlet]=\"titleTpl.template\"\n [ngTemplateOutletContext]=\"{\n $implicit: titleText,\n icon: icon,\n title: titleText,\n }\"\n >\n </ng-template>\n </ng-container>\n <ng-template #noTitleTpl>{{ titleText }}</ng-template>\n </span>\n </div>\n <div class=\"widget-header-btns-container\" *ngIf=\"hasConfig || canCollapse\">\n <!-- <div *ngIf=\"hasConfig\">\n <button seamIconBtn [icon]=\"configIcon\"\n class=\"widget-header-btn-config\"\n [iconType]=\"null\">\n <span class=\"sr-only\">Widget configuration menu</span>\n </button>\n <button seamButton class=\"widget-header-btn-config p-0\">\n <seam-icon class=\"d-block\" [icon]=\"configIcon\" iconClass=\"text-secondary\"></seam-icon>\n <span class=\"sr-only\">Widget configuration menu</span>\n </button>\n </div> -->\n\n <div *ngIf=\"canCollapse\" class=\"px-0\">\n <button\n seamButton\n class=\"widget-header-btn-collapse p-0 mr-1 h-100\"\n (click)=\"collapse()\"\n [class.widget-header-btn-collapse--active]=\"collapsed\"\n >\n <seam-icon\n class=\"d-block\"\n [icon]=\"collapseIcon\"\n iconClass=\"text-secondary\"\n >\n </seam-icon>\n <span class=\"sr-only\">Widget collapse</span>\n </button>\n </div>\n </div>\n </div>\n <div\n class=\"position-relative overflow-hidden\"\n [style.height.px]=\"loading ? 150 : undefined\"\n [@collapseAnim]=\"collapseState\"\n >\n <ng-container *ngIf=\"!collapsed\">\n <div class=\"p-2\" *ngIf=\"!loading; else loadingTpl\" @keepContentAnim>\n <ng-content></ng-content>\n </div>\n <ng-content select=\"seam-widget-footer\"></ng-content>\n <ng-template #loadingTpl>\n <div\n class=\"position-absolute\"\n @loadingAnim\n style=\"top: 0; right: 0; bottom: 0; left: 0\"\n >\n <seam-loading [theme]=\"'primary'\"></seam-loading>\n </div>\n </ng-template>\n </ng-container>\n </div>\n</div>\n", styles: ["seam-widget{display:block;font-size:15px}seam-widget .seam-widget{background:#fff;box-shadow:none}seam-widget .widget-header{display:flex;flex-direction:row;border-bottom:1px solid #dee2e6;background:#f4f4f4;font-size:17px}seam-widget .widget-header .widget-header-content{flex:1 1 100%}seam-widget .widget-header .widget-header-btns-container{display:flex;flex-direction:row}seam-widget .widget-header .widget-header-btns-container>div{display:flex;flex-direction:column;justify-content:center;padding:4px}seam-widget .widget-header .widget-header-btns-container .widget-header-btn-config .seam-icon--fa{display:flex;flex-direction:row;justify-content:center;text-align:center;height:25px;width:30px}seam-widget .widget-header .widget-header-btns-container .widget-header-btn-config .seam-icon--fa .svg-inline--fa{max-width:100%;height:100%;width:100%}seam-widget .widget-header .widget-header-btns-container .widget-header-btn-collapse .seam-icon--fa{display:flex;flex-direction:row;justify-content:center;text-align:center;height:25px;width:30px}seam-widget .widget-header .widget-header-btns-container .widget-header-btn-collapse .seam-icon--fa .svg-inline--fa{max-width:100%;height:100%;width:100%}seam-widget .widget-header .widget-header-btns-container .widget-header-btn-collapse .svg-inline--fa{transform:rotate(0);transition:.3s ease-in-out transform}seam-widget .widget-header .widget-header-btns-container .widget-header-btn-collapse.widget-header-btn-collapse--active .svg-inline--fa{transform:rotate(90deg)}seam-widget .widget-header .widget-header-title{font-size:17px}seam-widget .widget-header-icon{display:inline-block;vertical-align:top;max-height:20px;max-width:20px;height:20px;width:20px;color:currentColor}seam-widget .widget-header-icon .widget-header-icon--fa{display:flex;flex-direction:row;justify-content:center;text-align:center;max-height:20px;max-width:20px;height:20px;width:20px}seam-widget .widget-header-icon .widget-header-icon--fa .svg-inline--fa{max-width:100%;height:100%;width:100%}seam-widget .widget-header-icon .widget-header-icon--img{height:100%;max-height:20px;max-width:20px}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3$1.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { kind: "component", type: i3.IconComponent, selector: "seam-icon", inputs: ["grayscaleOnDisable", "disabled", "iconClass", "icon", "size", "showDefaultOnError", "defaultIcon", "iconType"] }, { kind: "component", type: i5.TheSeamLoadingComponent, selector: "seam-loading", inputs: ["theme"] }, { kind: "component", type: i6.TheSeamButtonComponent, selector: "button[seamButton]", inputs: ["disabled", "theme", "size", "type"], exportAs: ["seamButton"] }, { kind: "directive", type: WidgetDragHandleDirective, selector: "[seamWidgetDragHandle]", inputs: ["cdkDragHandleDisabled"] }], animations: [loadingAnimation, collapseAnimation, keepContentAnimation], encapsulation: i0.ViewEncapsulation.None });
|
|
1251
1231
|
}
|
|
1252
1232
|
__decorate([
|
|
1253
1233
|
InputBoolean()
|
|
@@ -1264,15 +1244,9 @@ __decorate([
|
|
|
1264
1244
|
__decorate([
|
|
1265
1245
|
InputBoolean()
|
|
1266
1246
|
], WidgetComponent.prototype, "canCollapse", void 0);
|
|
1267
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
1247
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WidgetComponent, decorators: [{
|
|
1268
1248
|
type: Component,
|
|
1269
|
-
args: [{ selector: 'seam-widget', providers: [
|
|
1270
|
-
WidgetPreferencesService,
|
|
1271
|
-
], encapsulation: ViewEncapsulation.None, animations: [
|
|
1272
|
-
loadingAnimation,
|
|
1273
|
-
collapseAnimation,
|
|
1274
|
-
keepContentAnimation,
|
|
1275
|
-
], standalone: false, template: "<div class=\"seam-widget border rounded overflow-hidden\">\n <div class=\"widget-header\" seamWidgetDragHandle *ngIf=\"hasHeader\">\n <div class=\"widget-header-content p-2 text-nowrap\">\n <span class=\"mr-1 widget-header-icon\">\n <ng-container *ngIf=\"iconTpl; else noIconTpl\">\n <ng-template\n [ngTemplateOutlet]=\"iconTpl.template\"\n [ngTemplateOutletContext]=\"{ $implicit: icon, icon: icon, title: titleText }\">\n </ng-template>\n </ng-container>\n <ng-template #noIconTpl>\n <fa-icon *ngIf=\"_iconObj\"\n class=\"widget-header-icon--fa {{ iconClass }}\"\n [icon]=\"_iconObj\"></fa-icon>\n <img *ngIf=\"_iconUrl\"\n class=\"widget-header-icon--img {{ iconClass }}\"\n [src]=\"_iconUrl\" [alt]=\"titleText\">\n </ng-template>\n </span>\n <span class=\"widget-header-title text-truncate\">\n <ng-container *ngIf=\"titleTpl; else noTitleTpl\">\n <ng-template\n [ngTemplateOutlet]=\"titleTpl.template\"\n [ngTemplateOutletContext]=\"{ $implicit: titleText, icon: icon, title: titleText }\">\n </ng-template>\n </ng-container>\n <ng-template #noTitleTpl>{{ titleText }}</ng-template>\n </span>\n </div>\n <div class=\"widget-header-btns-container\" *ngIf=\"hasConfig || canCollapse\">\n <!-- <div *ngIf=\"hasConfig\">\n <button seamIconBtn [icon]=\"configIcon\"\n class=\"widget-header-btn-config\"\n [iconType]=\"null\">\n <span class=\"sr-only\">Widget configuration menu</span>\n </button>\n <button seamButton class=\"widget-header-btn-config p-0\">\n <seam-icon class=\"d-block\" [icon]=\"configIcon\" iconClass=\"text-secondary\"></seam-icon>\n <span class=\"sr-only\">Widget configuration menu</span>\n </button>\n </div> -->\n\n <div *ngIf=\"canCollapse\" class=\"px-0\">\n <button seamButton class=\"widget-header-btn-collapse p-0 mr-1 h-100\" (click)=\"collapse()\" [class.widget-header-btn-collapse--active]=\"collapsed\">\n <seam-icon class=\"d-block\"\n [icon]=\"collapseIcon\"\n iconClass=\"text-secondary\">\n </seam-icon>\n <span class=\"sr-only\">Widget collapse</span>\n </button>\n </div>\n </div>\n </div>\n <div class=\"position-relative overflow-hidden\" [style.height.px]=\"loading ? 150 : undefined\" [@collapseAnim]=\"collapseState\">\n <ng-container *ngIf=\"!collapsed\">\n <div class=\"p-2\" *ngIf=\"!loading else loadingTpl\" @keepContentAnim>\n <ng-content></ng-content>\n </div>\n <ng-content select=\"seam-widget-footer\"></ng-content>\n <ng-template #loadingTpl>\n <div class=\"position-absolute\" @loadingAnim style=\"top:0;right:0;bottom:0;left:0\">\n <seam-loading [theme]=\"'primary'\"></seam-loading>\n </div>\n </ng-template>\n </ng-container>\n </div>\n</div>\n", styles: ["seam-widget{display:block;font-size:15px}seam-widget .seam-widget{background:#fff;box-shadow:none}seam-widget .widget-header{display:flex;flex-direction:row;border-bottom:1px solid #dee2e6;background:#f4f4f4;font-size:17px}seam-widget .widget-header .widget-header-content{flex:1 1 100%}seam-widget .widget-header .widget-header-btns-container{display:flex;flex-direction:row}seam-widget .widget-header .widget-header-btns-container>div{display:flex;flex-direction:column;justify-content:center;padding:4px}seam-widget .widget-header .widget-header-btns-container .widget-header-btn-config .seam-icon--fa{display:flex;flex-direction:row;justify-content:center;text-align:center;height:25px;width:30px}seam-widget .widget-header .widget-header-btns-container .widget-header-btn-config .seam-icon--fa .svg-inline--fa{max-width:100%;height:100%;width:100%}seam-widget .widget-header .widget-header-btns-container .widget-header-btn-collapse .seam-icon--fa{display:flex;flex-direction:row;justify-content:center;text-align:center;height:25px;width:30px}seam-widget .widget-header .widget-header-btns-container .widget-header-btn-collapse .seam-icon--fa .svg-inline--fa{max-width:100%;height:100%;width:100%}seam-widget .widget-header .widget-header-btns-container .widget-header-btn-collapse .svg-inline--fa{transform:rotate(0);transition:.3s ease-in-out transform}seam-widget .widget-header .widget-header-btns-container .widget-header-btn-collapse.widget-header-btn-collapse--active .svg-inline--fa{transform:rotate(90deg)}seam-widget .widget-header .widget-header-title{font-size:17px}seam-widget .widget-header-icon{display:inline-block;vertical-align:top;max-height:20px;max-width:20px;height:20px;width:20px;color:currentColor}seam-widget .widget-header-icon .widget-header-icon--fa{display:flex;flex-direction:row;justify-content:center;text-align:center;max-height:20px;max-width:20px;height:20px;width:20px}seam-widget .widget-header-icon .widget-header-icon--fa .svg-inline--fa{max-width:100%;height:100%;width:100%}seam-widget .widget-header-icon .widget-header-icon--img{height:100%;max-height:20px;max-width:20px}\n"] }]
|
|
1249
|
+
args: [{ selector: 'seam-widget', providers: [WidgetPreferencesService], encapsulation: ViewEncapsulation.None, animations: [loadingAnimation, collapseAnimation, keepContentAnimation], standalone: false, template: "<div class=\"seam-widget border rounded overflow-hidden\">\n <div class=\"widget-header\" seamWidgetDragHandle *ngIf=\"hasHeader\">\n <div class=\"widget-header-content p-2 text-nowrap\">\n <span class=\"mr-1 widget-header-icon\">\n <ng-container *ngIf=\"iconTpl; else noIconTpl\">\n <ng-template\n [ngTemplateOutlet]=\"iconTpl.template\"\n [ngTemplateOutletContext]=\"{\n $implicit: icon,\n icon: icon,\n title: titleText,\n }\"\n >\n </ng-template>\n </ng-container>\n <ng-template #noIconTpl>\n <fa-icon\n *ngIf=\"_iconObj\"\n class=\"widget-header-icon--fa {{ iconClass }}\"\n [icon]=\"_iconObj\"\n ></fa-icon>\n <img\n *ngIf=\"_iconUrl\"\n class=\"widget-header-icon--img {{ iconClass }}\"\n [src]=\"_iconUrl\"\n [alt]=\"titleText\"\n />\n </ng-template>\n </span>\n <span class=\"widget-header-title text-truncate\">\n <ng-container *ngIf=\"titleTpl; else noTitleTpl\">\n <ng-template\n [ngTemplateOutlet]=\"titleTpl.template\"\n [ngTemplateOutletContext]=\"{\n $implicit: titleText,\n icon: icon,\n title: titleText,\n }\"\n >\n </ng-template>\n </ng-container>\n <ng-template #noTitleTpl>{{ titleText }}</ng-template>\n </span>\n </div>\n <div class=\"widget-header-btns-container\" *ngIf=\"hasConfig || canCollapse\">\n <!-- <div *ngIf=\"hasConfig\">\n <button seamIconBtn [icon]=\"configIcon\"\n class=\"widget-header-btn-config\"\n [iconType]=\"null\">\n <span class=\"sr-only\">Widget configuration menu</span>\n </button>\n <button seamButton class=\"widget-header-btn-config p-0\">\n <seam-icon class=\"d-block\" [icon]=\"configIcon\" iconClass=\"text-secondary\"></seam-icon>\n <span class=\"sr-only\">Widget configuration menu</span>\n </button>\n </div> -->\n\n <div *ngIf=\"canCollapse\" class=\"px-0\">\n <button\n seamButton\n class=\"widget-header-btn-collapse p-0 mr-1 h-100\"\n (click)=\"collapse()\"\n [class.widget-header-btn-collapse--active]=\"collapsed\"\n >\n <seam-icon\n class=\"d-block\"\n [icon]=\"collapseIcon\"\n iconClass=\"text-secondary\"\n >\n </seam-icon>\n <span class=\"sr-only\">Widget collapse</span>\n </button>\n </div>\n </div>\n </div>\n <div\n class=\"position-relative overflow-hidden\"\n [style.height.px]=\"loading ? 150 : undefined\"\n [@collapseAnim]=\"collapseState\"\n >\n <ng-container *ngIf=\"!collapsed\">\n <div class=\"p-2\" *ngIf=\"!loading; else loadingTpl\" @keepContentAnim>\n <ng-content></ng-content>\n </div>\n <ng-content select=\"seam-widget-footer\"></ng-content>\n <ng-template #loadingTpl>\n <div\n class=\"position-absolute\"\n @loadingAnim\n style=\"top: 0; right: 0; bottom: 0; left: 0\"\n >\n <seam-loading [theme]=\"'primary'\"></seam-loading>\n </div>\n </ng-template>\n </ng-container>\n </div>\n</div>\n", styles: ["seam-widget{display:block;font-size:15px}seam-widget .seam-widget{background:#fff;box-shadow:none}seam-widget .widget-header{display:flex;flex-direction:row;border-bottom:1px solid #dee2e6;background:#f4f4f4;font-size:17px}seam-widget .widget-header .widget-header-content{flex:1 1 100%}seam-widget .widget-header .widget-header-btns-container{display:flex;flex-direction:row}seam-widget .widget-header .widget-header-btns-container>div{display:flex;flex-direction:column;justify-content:center;padding:4px}seam-widget .widget-header .widget-header-btns-container .widget-header-btn-config .seam-icon--fa{display:flex;flex-direction:row;justify-content:center;text-align:center;height:25px;width:30px}seam-widget .widget-header .widget-header-btns-container .widget-header-btn-config .seam-icon--fa .svg-inline--fa{max-width:100%;height:100%;width:100%}seam-widget .widget-header .widget-header-btns-container .widget-header-btn-collapse .seam-icon--fa{display:flex;flex-direction:row;justify-content:center;text-align:center;height:25px;width:30px}seam-widget .widget-header .widget-header-btns-container .widget-header-btn-collapse .seam-icon--fa .svg-inline--fa{max-width:100%;height:100%;width:100%}seam-widget .widget-header .widget-header-btns-container .widget-header-btn-collapse .svg-inline--fa{transform:rotate(0);transition:.3s ease-in-out transform}seam-widget .widget-header .widget-header-btns-container .widget-header-btn-collapse.widget-header-btn-collapse--active .svg-inline--fa{transform:rotate(90deg)}seam-widget .widget-header .widget-header-title{font-size:17px}seam-widget .widget-header-icon{display:inline-block;vertical-align:top;max-height:20px;max-width:20px;height:20px;width:20px;color:currentColor}seam-widget .widget-header-icon .widget-header-icon--fa{display:flex;flex-direction:row;justify-content:center;text-align:center;max-height:20px;max-width:20px;height:20px;width:20px}seam-widget .widget-header-icon .widget-header-icon--fa .svg-inline--fa{max-width:100%;height:100%;width:100%}seam-widget .widget-header-icon .widget-header-icon--img{height:100%;max-height:20px;max-width:20px}\n"] }]
|
|
1276
1250
|
}], ctorParameters: () => [{ type: WidgetPreferencesService }, { type: undefined, decorators: [{
|
|
1277
1251
|
type: Optional
|
|
1278
1252
|
}, {
|
|
@@ -1308,10 +1282,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImpor
|
|
|
1308
1282
|
}] } });
|
|
1309
1283
|
|
|
1310
1284
|
class WidgetFooterComponent {
|
|
1311
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
1312
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
1285
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WidgetFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1286
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.6", type: WidgetFooterComponent, isStandalone: false, selector: "seam-widget-footer", ngImport: i0, template: "<div class=\"widget-footer--left\">\n <ng-content select=\"seam-widget-footer-text\"></ng-content>\n</div>\n<div class=\"widget-footer--right\">\n <ng-content select=\"seam-widget-button-group\"></ng-content>\n</div>\n", styles: ["seam-widget-footer{display:flex;flex-direction:row;margin:.25rem}seam-widget-footer .widget-footer--left{flex:1 1 100%}seam-widget-footer .widget-footer--right{flex:0 0 auto}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
1313
1287
|
}
|
|
1314
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
1288
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WidgetFooterComponent, decorators: [{
|
|
1315
1289
|
type: Component,
|
|
1316
1290
|
args: [{ selector: 'seam-widget-footer', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: false, template: "<div class=\"widget-footer--left\">\n <ng-content select=\"seam-widget-footer-text\"></ng-content>\n</div>\n<div class=\"widget-footer--right\">\n <ng-content select=\"seam-widget-button-group\"></ng-content>\n</div>\n", styles: ["seam-widget-footer{display:flex;flex-direction:row;margin:.25rem}seam-widget-footer .widget-footer--left{flex:1 1 100%}seam-widget-footer .widget-footer--right{flex:0 0 auto}\n"] }]
|
|
1317
1291
|
}] });
|
|
@@ -1329,14 +1303,14 @@ class WidgetRegistryService {
|
|
|
1329
1303
|
this._dynamicComponentLoader = _dynamicComponentLoader;
|
|
1330
1304
|
}
|
|
1331
1305
|
createWidgetPortal(widgetId, viewContainerRef, injector) {
|
|
1332
|
-
const widgetDef = (this._widgets || []).find(w => w.widgetId === widgetId);
|
|
1306
|
+
const widgetDef = (this._widgets || []).find((w) => w.widgetId === widgetId);
|
|
1333
1307
|
if (!widgetDef) {
|
|
1334
1308
|
return throwError(`WidgetRegstry: Unknown widgetId "${widgetId}"`);
|
|
1335
1309
|
}
|
|
1336
1310
|
if (typeof widgetDef.componentOrComponentId === 'string') {
|
|
1337
1311
|
return this._dynamicComponentLoader
|
|
1338
1312
|
.getComponentFactory(widgetDef.componentOrComponentId)
|
|
1339
|
-
.pipe(map(componentFactory => {
|
|
1313
|
+
.pipe(map((componentFactory) => {
|
|
1340
1314
|
const portal = new ComponentPortal(componentFactory.componentType, viewContainerRef, injector);
|
|
1341
1315
|
return portal;
|
|
1342
1316
|
}));
|
|
@@ -1346,10 +1320,10 @@ class WidgetRegistryService {
|
|
|
1346
1320
|
return of(portal);
|
|
1347
1321
|
}
|
|
1348
1322
|
}
|
|
1349
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
1350
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.
|
|
1323
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WidgetRegistryService, deps: [{ token: THESEAM_WIDGETS }, { token: i1$4.TheSeamDynamicComponentLoader }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
1324
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WidgetRegistryService, providedIn: 'root' });
|
|
1351
1325
|
}
|
|
1352
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
1326
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WidgetRegistryService, decorators: [{
|
|
1353
1327
|
type: Injectable,
|
|
1354
1328
|
args: [{
|
|
1355
1329
|
providedIn: 'root',
|
|
@@ -1373,8 +1347,8 @@ const contentModules = [
|
|
|
1373
1347
|
TheSeamWidgetTileModule,
|
|
1374
1348
|
];
|
|
1375
1349
|
class TheSeamWidgetModule {
|
|
1376
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
1377
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
1350
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: TheSeamWidgetModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1351
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.6", ngImport: i0, type: TheSeamWidgetModule, declarations: [WidgetComponent,
|
|
1378
1352
|
WidgetIconTplDirective,
|
|
1379
1353
|
WidgetTitleTplDirective,
|
|
1380
1354
|
WidgetDragHandleDirective,
|
|
@@ -1409,7 +1383,7 @@ class TheSeamWidgetModule {
|
|
|
1409
1383
|
TheSeamWidgetTableModule,
|
|
1410
1384
|
TheSeamWidgetTileListModule,
|
|
1411
1385
|
TheSeamWidgetTileModule] });
|
|
1412
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
1386
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: TheSeamWidgetModule, imports: [CommonModule,
|
|
1413
1387
|
FontAwesomeModule,
|
|
1414
1388
|
TheSeamIconModule,
|
|
1415
1389
|
TheSeamLoadingModule,
|
|
@@ -1427,7 +1401,7 @@ class TheSeamWidgetModule {
|
|
|
1427
1401
|
TheSeamWidgetTileListModule,
|
|
1428
1402
|
TheSeamWidgetTileModule] });
|
|
1429
1403
|
}
|
|
1430
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
1404
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: TheSeamWidgetModule, decorators: [{
|
|
1431
1405
|
type: NgModule,
|
|
1432
1406
|
args: [{
|
|
1433
1407
|
declarations: [
|