@masterteam/brand-display 0.0.5 → 0.0.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.
|
@@ -165,8 +165,8 @@ let BrandDisplayState = class BrandDisplayState extends CrudStateBase {
|
|
|
165
165
|
errorMessage: 'Failed to update brand display',
|
|
166
166
|
});
|
|
167
167
|
}
|
|
168
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
169
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.
|
|
168
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: BrandDisplayState, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
|
|
169
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: BrandDisplayState });
|
|
170
170
|
};
|
|
171
171
|
__decorate([
|
|
172
172
|
Action(UpdateBrandDisplayDataLocally)
|
|
@@ -204,7 +204,7 @@ BrandDisplayState = __decorate([
|
|
|
204
204
|
},
|
|
205
205
|
})
|
|
206
206
|
], BrandDisplayState);
|
|
207
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
207
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: BrandDisplayState, decorators: [{
|
|
208
208
|
type: Injectable
|
|
209
209
|
}], propDecorators: { updateBrandDisplayDataLocally: [], getBrandDisplay: [], updateBrandDisplayData: [] } });
|
|
210
210
|
|
|
@@ -224,13 +224,13 @@ class BrandDisplayFacade {
|
|
|
224
224
|
// ============================================================================
|
|
225
225
|
// Loading Signals - Computed from slice (minimal reactivity)
|
|
226
226
|
// ============================================================================
|
|
227
|
-
isLoadingBrandDisplay = computed(() => this.loadingActive().includes(BrandDisplayActionKey.GetBrandDisplay), ...(ngDevMode ? [{ debugName: "isLoadingBrandDisplay" }] : []));
|
|
228
|
-
isUpdatingBrandDisplay = computed(() => this.loadingActive().includes(BrandDisplayActionKey.UpdateBrandDisplay), ...(ngDevMode ? [{ debugName: "isUpdatingBrandDisplay" }] : []));
|
|
227
|
+
isLoadingBrandDisplay = computed(() => this.loadingActive().includes(BrandDisplayActionKey.GetBrandDisplay), ...(ngDevMode ? [{ debugName: "isLoadingBrandDisplay" }] : /* istanbul ignore next */ []));
|
|
228
|
+
isUpdatingBrandDisplay = computed(() => this.loadingActive().includes(BrandDisplayActionKey.UpdateBrandDisplay), ...(ngDevMode ? [{ debugName: "isUpdatingBrandDisplay" }] : /* istanbul ignore next */ []));
|
|
229
229
|
// ============================================================================
|
|
230
230
|
// Error Signals - Computed from slice (minimal reactivity)
|
|
231
231
|
// ============================================================================
|
|
232
|
-
brandDisplayError = computed(() => this.errors()[BrandDisplayActionKey.GetBrandDisplay] ?? null, ...(ngDevMode ? [{ debugName: "brandDisplayError" }] : []));
|
|
233
|
-
updateBrandDisplayError = computed(() => this.errors()[BrandDisplayActionKey.UpdateBrandDisplay] ?? null, ...(ngDevMode ? [{ debugName: "updateBrandDisplayError" }] : []));
|
|
232
|
+
brandDisplayError = computed(() => this.errors()[BrandDisplayActionKey.GetBrandDisplay] ?? null, ...(ngDevMode ? [{ debugName: "brandDisplayError" }] : /* istanbul ignore next */ []));
|
|
233
|
+
updateBrandDisplayError = computed(() => this.errors()[BrandDisplayActionKey.UpdateBrandDisplay] ?? null, ...(ngDevMode ? [{ debugName: "updateBrandDisplayError" }] : /* istanbul ignore next */ []));
|
|
234
234
|
// ============================================================================
|
|
235
235
|
// Action Dispatchers
|
|
236
236
|
// ============================================================================
|
|
@@ -243,10 +243,10 @@ class BrandDisplayFacade {
|
|
|
243
243
|
updateBrandDisplayData() {
|
|
244
244
|
return this.store.dispatch(new UpdateBrandDisplayData());
|
|
245
245
|
}
|
|
246
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
247
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.
|
|
246
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: BrandDisplayFacade, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
247
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: BrandDisplayFacade, providedIn: 'root' });
|
|
248
248
|
}
|
|
249
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
249
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: BrandDisplayFacade, decorators: [{
|
|
250
250
|
type: Injectable,
|
|
251
251
|
args: [{ providedIn: 'root' }]
|
|
252
252
|
}] });
|
|
@@ -256,7 +256,7 @@ class BrandDisplay {
|
|
|
256
256
|
route = inject(ActivatedRoute);
|
|
257
257
|
router = inject(Router);
|
|
258
258
|
translocoService = inject(TranslocoService);
|
|
259
|
-
selectedTab = signal('users', ...(ngDevMode ? [{ debugName: "selectedTab" }] : []));
|
|
259
|
+
selectedTab = signal('users', ...(ngDevMode ? [{ debugName: "selectedTab" }] : /* istanbul ignore next */ []));
|
|
260
260
|
loading = this.facade.isLoadingBrandDisplay;
|
|
261
261
|
updateLoading = this.facade.isUpdatingBrandDisplay;
|
|
262
262
|
tabsList = [
|
|
@@ -297,10 +297,10 @@ class BrandDisplay {
|
|
|
297
297
|
onSave() {
|
|
298
298
|
this.facade.updateBrandDisplayData();
|
|
299
299
|
}
|
|
300
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
301
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.
|
|
300
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: BrandDisplay, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
301
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: BrandDisplay, isStandalone: true, selector: "mt-brand-display", ngImport: i0, template: "<ng-container *transloco=\"let t; prefix: 'brand-display'\">\r\n <mt-page\r\n [title]=\"t('brand-display')\"\r\n [avatarIcon]=\"'editor.colors'\"\r\n [avatarStyle]=\"{\r\n '--p-avatar-background': 'var(--p-violet-50)',\r\n '--p-avatar-color': 'var(--p-violet-700)',\r\n }\"\r\n [tabs]=\"tabsList\"\r\n [activeTab]=\"selectedTab()\"\r\n (tabChange)=\"onTabChange($event)\"\r\n (backButtonClick)=\"goBack()\"\r\n backButton\r\n >\r\n <div\r\n class=\"flex flex-col gap-4 md:flex-row md:items-end md:justify-between\"\r\n >\r\n <div class=\"min-w-0\">\r\n <h3 class=\"font-bold text-lg\">{{ t(\"brand-display\") }}</h3>\r\n <mt-breadcrumb\r\n [items]=\"breadcrumbItems\"\r\n [styleClass]=\"'flex justify-start mx-1'\"\r\n ></mt-breadcrumb>\r\n </div>\r\n <div class=\"w-full md:w-auto\">\r\n <mt-button\r\n [label]=\"t('save')\"\r\n icon=\"general.check\"\r\n (click)=\"onSave()\"\r\n [loading]=\"updateLoading()\"\r\n [disabled]=\"false\"\r\n />\r\n </div>\r\n </div>\r\n @if (!loading()) {\r\n <router-outlet />\r\n } @else {\r\n <div class=\"mt-8 w-full max-w-[30rem]\">\r\n <p-skeleton width=\"100%\" height=\"3rem\" />\r\n </div>\r\n <div\r\n class=\"mt-4 grid gap-5 xl:grid-cols-[minmax(0,3fr)_minmax(20rem,2fr)]\"\r\n >\r\n <p-skeleton width=\"100%\" height=\"25rem\" />\r\n <p-skeleton width=\"100%\" height=\"25rem\" />\r\n </div>\r\n }\r\n </mt-page>\r\n</ng-container>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: Page, selector: "mt-page", inputs: ["backButton", "backButtonIcon", "avatarIcon", "avatarStyle", "avatarShape", "title", "tabs", "activeTab", "contentClass", "contentId"], outputs: ["backButtonClick", "tabChange"] }, { kind: "component", type: Breadcrumb, selector: "mt-breadcrumb", inputs: ["items", "styleClass"], outputs: ["onItemClick"] }, { kind: "component", type: Button, selector: "mt-button", inputs: ["icon", "label", "tooltip", "class", "type", "styleClass", "severity", "badge", "variant", "badgeSeverity", "size", "iconPos", "autofocus", "fluid", "raised", "rounded", "text", "plain", "outlined", "link", "disabled", "loading", "pInputs"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "directive", type: RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "directive", type: TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }, { kind: "ngmodule", type: SkeletonModule }, { kind: "component", type: i1.Skeleton, selector: "p-skeleton", inputs: ["styleClass", "shape", "animation", "borderRadius", "size", "width", "height"] }] });
|
|
302
302
|
}
|
|
303
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
303
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: BrandDisplay, decorators: [{
|
|
304
304
|
type: Component,
|
|
305
305
|
args: [{ selector: 'mt-brand-display', standalone: true, imports: [
|
|
306
306
|
CommonModule,
|
|
@@ -310,7 +310,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImpor
|
|
|
310
310
|
RouterOutlet,
|
|
311
311
|
TranslocoDirective,
|
|
312
312
|
SkeletonModule,
|
|
313
|
-
], template: "<ng-container *transloco=\"let t; prefix: 'brand-display'\">\r\n <mt-page\r\n [title]=\"t('brand-display')\"\r\n [avatarIcon]=\"'editor.colors'\"\r\n [avatarStyle]=\"{\r\n '--p-avatar-background': 'var(--p-violet-50)',\r\n '--p-avatar-color': 'var(--p-violet-700)',\r\n }\"\r\n [tabs]=\"tabsList\"\r\n [activeTab]=\"selectedTab()\"\r\n (tabChange)=\"onTabChange($event)\"\r\n (backButtonClick)=\"goBack()\"\r\n backButton\r\n >\r\n <div
|
|
313
|
+
], template: "<ng-container *transloco=\"let t; prefix: 'brand-display'\">\r\n <mt-page\r\n [title]=\"t('brand-display')\"\r\n [avatarIcon]=\"'editor.colors'\"\r\n [avatarStyle]=\"{\r\n '--p-avatar-background': 'var(--p-violet-50)',\r\n '--p-avatar-color': 'var(--p-violet-700)',\r\n }\"\r\n [tabs]=\"tabsList\"\r\n [activeTab]=\"selectedTab()\"\r\n (tabChange)=\"onTabChange($event)\"\r\n (backButtonClick)=\"goBack()\"\r\n backButton\r\n >\r\n <div\r\n class=\"flex flex-col gap-4 md:flex-row md:items-end md:justify-between\"\r\n >\r\n <div class=\"min-w-0\">\r\n <h3 class=\"font-bold text-lg\">{{ t(\"brand-display\") }}</h3>\r\n <mt-breadcrumb\r\n [items]=\"breadcrumbItems\"\r\n [styleClass]=\"'flex justify-start mx-1'\"\r\n ></mt-breadcrumb>\r\n </div>\r\n <div class=\"w-full md:w-auto\">\r\n <mt-button\r\n [label]=\"t('save')\"\r\n icon=\"general.check\"\r\n (click)=\"onSave()\"\r\n [loading]=\"updateLoading()\"\r\n [disabled]=\"false\"\r\n />\r\n </div>\r\n </div>\r\n @if (!loading()) {\r\n <router-outlet />\r\n } @else {\r\n <div class=\"mt-8 w-full max-w-[30rem]\">\r\n <p-skeleton width=\"100%\" height=\"3rem\" />\r\n </div>\r\n <div\r\n class=\"mt-4 grid gap-5 xl:grid-cols-[minmax(0,3fr)_minmax(20rem,2fr)]\"\r\n >\r\n <p-skeleton width=\"100%\" height=\"25rem\" />\r\n <p-skeleton width=\"100%\" height=\"25rem\" />\r\n </div>\r\n }\r\n </mt-page>\r\n</ng-container>\r\n" }]
|
|
314
314
|
}] });
|
|
315
315
|
|
|
316
316
|
class FaviconService {
|
|
@@ -334,10 +334,10 @@ class FaviconService {
|
|
|
334
334
|
this.faviconLink.href = url;
|
|
335
335
|
});
|
|
336
336
|
}
|
|
337
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
338
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.
|
|
337
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: FaviconService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
338
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: FaviconService, providedIn: 'root' });
|
|
339
339
|
}
|
|
340
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
340
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: FaviconService, decorators: [{
|
|
341
341
|
type: Injectable,
|
|
342
342
|
args: [{
|
|
343
343
|
providedIn: 'root',
|
|
@@ -350,78 +350,78 @@ class ManageBrndingService {
|
|
|
350
350
|
DEFAULT_DISPLAY_DATA = this.brandDisplay.defaultBrandDisplayData;
|
|
351
351
|
brandDisplayData = this.brandDisplay.brandDisplayData;
|
|
352
352
|
draftBrandDisplayData = this.brandDisplay.draftBrandDisplayData;
|
|
353
|
-
mainData = computed(() => this.brandDisplayData()?.main, ...(ngDevMode ? [{ debugName: "mainData" }] : []));
|
|
354
|
-
headerData = computed(() => this.brandDisplayData()?.header, ...(ngDevMode ? [{ debugName: "headerData" }] : []));
|
|
355
|
-
sidebarData = computed(() => this.brandDisplayData()?.sidebar, ...(ngDevMode ? [{ debugName: "sidebarData" }] : []));
|
|
356
|
-
contentAreaData = computed(() => this.brandDisplayData()?.contentArea, ...(ngDevMode ? [{ debugName: "contentAreaData" }] : []));
|
|
357
|
-
loginData = computed(() => this.brandDisplayData()?.login, ...(ngDevMode ? [{ debugName: "loginData" }] : []));
|
|
353
|
+
mainData = computed(() => this.brandDisplayData()?.main, ...(ngDevMode ? [{ debugName: "mainData" }] : /* istanbul ignore next */ []));
|
|
354
|
+
headerData = computed(() => this.brandDisplayData()?.header, ...(ngDevMode ? [{ debugName: "headerData" }] : /* istanbul ignore next */ []));
|
|
355
|
+
sidebarData = computed(() => this.brandDisplayData()?.sidebar, ...(ngDevMode ? [{ debugName: "sidebarData" }] : /* istanbul ignore next */ []));
|
|
356
|
+
contentAreaData = computed(() => this.brandDisplayData()?.contentArea, ...(ngDevMode ? [{ debugName: "contentAreaData" }] : /* istanbul ignore next */ []));
|
|
357
|
+
loginData = computed(() => this.brandDisplayData()?.login, ...(ngDevMode ? [{ debugName: "loginData" }] : /* istanbul ignore next */ []));
|
|
358
358
|
// Draft data computed signals for preview components
|
|
359
|
-
draftMainData = computed(() => this.draftBrandDisplayData()?.main, ...(ngDevMode ? [{ debugName: "draftMainData" }] : []));
|
|
360
|
-
draftHeaderData = computed(() => this.draftBrandDisplayData()?.header, ...(ngDevMode ? [{ debugName: "draftHeaderData" }] : []));
|
|
361
|
-
draftSidebarData = computed(() => this.draftBrandDisplayData()?.sidebar, ...(ngDevMode ? [{ debugName: "draftSidebarData" }] : []));
|
|
362
|
-
draftContentAreaData = computed(() => this.draftBrandDisplayData()?.contentArea, ...(ngDevMode ? [{ debugName: "draftContentAreaData" }] : []));
|
|
363
|
-
draftLoginData = computed(() => this.draftBrandDisplayData()?.login, ...(ngDevMode ? [{ debugName: "draftLoginData" }] : []));
|
|
359
|
+
draftMainData = computed(() => this.draftBrandDisplayData()?.main, ...(ngDevMode ? [{ debugName: "draftMainData" }] : /* istanbul ignore next */ []));
|
|
360
|
+
draftHeaderData = computed(() => this.draftBrandDisplayData()?.header, ...(ngDevMode ? [{ debugName: "draftHeaderData" }] : /* istanbul ignore next */ []));
|
|
361
|
+
draftSidebarData = computed(() => this.draftBrandDisplayData()?.sidebar, ...(ngDevMode ? [{ debugName: "draftSidebarData" }] : /* istanbul ignore next */ []));
|
|
362
|
+
draftContentAreaData = computed(() => this.draftBrandDisplayData()?.contentArea, ...(ngDevMode ? [{ debugName: "draftContentAreaData" }] : /* istanbul ignore next */ []));
|
|
363
|
+
draftLoginData = computed(() => this.draftBrandDisplayData()?.login, ...(ngDevMode ? [{ debugName: "draftLoginData" }] : /* istanbul ignore next */ []));
|
|
364
364
|
// Images for main brandDisplayData
|
|
365
365
|
productBrandLogo = computed(() => {
|
|
366
366
|
return this.mainData()?.logoSettings?.productBrandImage?.fileName;
|
|
367
|
-
}, ...(ngDevMode ? [{ debugName: "productBrandLogo" }] : []));
|
|
367
|
+
}, ...(ngDevMode ? [{ debugName: "productBrandLogo" }] : /* istanbul ignore next */ []));
|
|
368
368
|
headerBackgroundImage = computed(() => {
|
|
369
369
|
return this.headerData()?.backgroundImage?.fileName;
|
|
370
|
-
}, ...(ngDevMode ? [{ debugName: "headerBackgroundImage" }] : []));
|
|
370
|
+
}, ...(ngDevMode ? [{ debugName: "headerBackgroundImage" }] : /* istanbul ignore next */ []));
|
|
371
371
|
sidebarBackgroundImage = computed(() => {
|
|
372
372
|
return this.sidebarData()?.backgroundImage?.fileName;
|
|
373
|
-
}, ...(ngDevMode ? [{ debugName: "sidebarBackgroundImage" }] : []));
|
|
373
|
+
}, ...(ngDevMode ? [{ debugName: "sidebarBackgroundImage" }] : /* istanbul ignore next */ []));
|
|
374
374
|
contentAreaBackgroundImage = computed(() => {
|
|
375
375
|
return this.contentAreaData()?.backgroundImage?.fileName;
|
|
376
|
-
}, ...(ngDevMode ? [{ debugName: "contentAreaBackgroundImage" }] : []));
|
|
376
|
+
}, ...(ngDevMode ? [{ debugName: "contentAreaBackgroundImage" }] : /* istanbul ignore next */ []));
|
|
377
377
|
loginBackgroundImage = computed(() => {
|
|
378
378
|
return this.loginData()?.backgroundImage?.fileName;
|
|
379
|
-
}, ...(ngDevMode ? [{ debugName: "loginBackgroundImage" }] : []));
|
|
379
|
+
}, ...(ngDevMode ? [{ debugName: "loginBackgroundImage" }] : /* istanbul ignore next */ []));
|
|
380
380
|
// Images for draft data (preview)
|
|
381
381
|
draftProductBrandLogo = computed(() => {
|
|
382
382
|
return this.draftMainData()?.logoSettings?.productBrandImage?.fileName;
|
|
383
|
-
}, ...(ngDevMode ? [{ debugName: "draftProductBrandLogo" }] : []));
|
|
383
|
+
}, ...(ngDevMode ? [{ debugName: "draftProductBrandLogo" }] : /* istanbul ignore next */ []));
|
|
384
384
|
draftHeaderBackgroundImage = computed(() => {
|
|
385
385
|
return this.draftHeaderData()?.backgroundImage?.fileName;
|
|
386
|
-
}, ...(ngDevMode ? [{ debugName: "draftHeaderBackgroundImage" }] : []));
|
|
386
|
+
}, ...(ngDevMode ? [{ debugName: "draftHeaderBackgroundImage" }] : /* istanbul ignore next */ []));
|
|
387
387
|
draftSidebarBackgroundImage = computed(() => {
|
|
388
388
|
return this.draftSidebarData()?.backgroundImage?.fileName;
|
|
389
|
-
}, ...(ngDevMode ? [{ debugName: "draftSidebarBackgroundImage" }] : []));
|
|
389
|
+
}, ...(ngDevMode ? [{ debugName: "draftSidebarBackgroundImage" }] : /* istanbul ignore next */ []));
|
|
390
390
|
draftContentAreaBackgroundImage = computed(() => {
|
|
391
391
|
return this.draftContentAreaData()?.backgroundImage?.fileName;
|
|
392
|
-
}, ...(ngDevMode ? [{ debugName: "draftContentAreaBackgroundImage" }] : []));
|
|
392
|
+
}, ...(ngDevMode ? [{ debugName: "draftContentAreaBackgroundImage" }] : /* istanbul ignore next */ []));
|
|
393
393
|
draftLoginBackgroundImage = computed(() => {
|
|
394
394
|
return this.draftLoginData()?.backgroundImage?.fileName;
|
|
395
|
-
}, ...(ngDevMode ? [{ debugName: "draftLoginBackgroundImage" }] : []));
|
|
395
|
+
}, ...(ngDevMode ? [{ debugName: "draftLoginBackgroundImage" }] : /* istanbul ignore next */ []));
|
|
396
396
|
primaryColor = computed(() => this.mainData()?.colorSettings?.primaryColor ||
|
|
397
|
-
this.DEFAULT_DISPLAY_DATA()?.main?.colorSettings?.primaryColor, ...(ngDevMode ? [{ debugName: "primaryColor" }] : []));
|
|
397
|
+
this.DEFAULT_DISPLAY_DATA()?.main?.colorSettings?.primaryColor, ...(ngDevMode ? [{ debugName: "primaryColor" }] : /* istanbul ignore next */ []));
|
|
398
398
|
textColor = computed(() => this.mainData()?.colorSettings?.textColor ||
|
|
399
|
-
this.DEFAULT_DISPLAY_DATA()?.main?.colorSettings?.textColor, ...(ngDevMode ? [{ debugName: "textColor" }] : []));
|
|
399
|
+
this.DEFAULT_DISPLAY_DATA()?.main?.colorSettings?.textColor, ...(ngDevMode ? [{ debugName: "textColor" }] : /* istanbul ignore next */ []));
|
|
400
400
|
backgroundColor = computed(() => this.contentAreaData()?.backgroundColor ||
|
|
401
|
-
this.DEFAULT_DISPLAY_DATA()?.contentArea?.backgroundColor, ...(ngDevMode ? [{ debugName: "backgroundColor" }] : []));
|
|
401
|
+
this.DEFAULT_DISPLAY_DATA()?.contentArea?.backgroundColor, ...(ngDevMode ? [{ debugName: "backgroundColor" }] : /* istanbul ignore next */ []));
|
|
402
402
|
headerFontColor = computed(() => {
|
|
403
403
|
return (this.headerData()?.fontColor ||
|
|
404
404
|
this.DEFAULT_DISPLAY_DATA()?.header?.fontColor);
|
|
405
|
-
}, ...(ngDevMode ? [{ debugName: "headerFontColor" }] : []));
|
|
405
|
+
}, ...(ngDevMode ? [{ debugName: "headerFontColor" }] : /* istanbul ignore next */ []));
|
|
406
406
|
sidebarIconColor = computed(() => {
|
|
407
407
|
return (this.sidebarData()?.iconColor ||
|
|
408
408
|
this.DEFAULT_DISPLAY_DATA()?.sidebar?.iconColor);
|
|
409
|
-
}, ...(ngDevMode ? [{ debugName: "sidebarIconColor" }] : []));
|
|
409
|
+
}, ...(ngDevMode ? [{ debugName: "sidebarIconColor" }] : /* istanbul ignore next */ []));
|
|
410
410
|
contentAreaBodyColor = computed(() => this.mainData()?.colorSettings?.textColor ||
|
|
411
|
-
this.DEFAULT_DISPLAY_DATA()?.main?.colorSettings?.textColor, ...(ngDevMode ? [{ debugName: "contentAreaBodyColor" }] : []));
|
|
411
|
+
this.DEFAULT_DISPLAY_DATA()?.main?.colorSettings?.textColor, ...(ngDevMode ? [{ debugName: "contentAreaBodyColor" }] : /* istanbul ignore next */ []));
|
|
412
412
|
// Colors and styles for draft data (preview)
|
|
413
413
|
draftPrimaryColor = computed(() => this.draftMainData()?.colorSettings?.primaryColor ||
|
|
414
|
-
this.DEFAULT_DISPLAY_DATA()?.main?.colorSettings?.primaryColor, ...(ngDevMode ? [{ debugName: "draftPrimaryColor" }] : []));
|
|
414
|
+
this.DEFAULT_DISPLAY_DATA()?.main?.colorSettings?.primaryColor, ...(ngDevMode ? [{ debugName: "draftPrimaryColor" }] : /* istanbul ignore next */ []));
|
|
415
415
|
draftHeaderFontColor = computed(() => {
|
|
416
416
|
return (this.draftHeaderData()?.fontColor ||
|
|
417
417
|
this.DEFAULT_DISPLAY_DATA()?.header?.fontColor);
|
|
418
|
-
}, ...(ngDevMode ? [{ debugName: "draftHeaderFontColor" }] : []));
|
|
418
|
+
}, ...(ngDevMode ? [{ debugName: "draftHeaderFontColor" }] : /* istanbul ignore next */ []));
|
|
419
419
|
draftSidebarIconColor = computed(() => {
|
|
420
420
|
return (this.draftSidebarData()?.iconColor ||
|
|
421
421
|
this.DEFAULT_DISPLAY_DATA()?.sidebar?.iconColor);
|
|
422
|
-
}, ...(ngDevMode ? [{ debugName: "draftSidebarIconColor" }] : []));
|
|
422
|
+
}, ...(ngDevMode ? [{ debugName: "draftSidebarIconColor" }] : /* istanbul ignore next */ []));
|
|
423
423
|
draftContentAreaBodyColor = computed(() => this.draftMainData()?.colorSettings?.textColor ||
|
|
424
|
-
this.DEFAULT_DISPLAY_DATA()?.main?.colorSettings?.textColor, ...(ngDevMode ? [{ debugName: "draftContentAreaBodyColor" }] : []));
|
|
424
|
+
this.DEFAULT_DISPLAY_DATA()?.main?.colorSettings?.textColor, ...(ngDevMode ? [{ debugName: "draftContentAreaBodyColor" }] : /* istanbul ignore next */ []));
|
|
425
425
|
constructor() {
|
|
426
426
|
effect(() => {
|
|
427
427
|
const favicon = this.mainData()?.logoSettings?.faviconsImage?.fileName;
|
|
@@ -487,10 +487,10 @@ class ManageBrndingService {
|
|
|
487
487
|
const name = this.draftMainData()?.productTagline;
|
|
488
488
|
return (name?.[lang] || this.DEFAULT_DISPLAY_DATA()?.main?.productTagline?.[lang]);
|
|
489
489
|
}
|
|
490
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
491
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.
|
|
490
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: ManageBrndingService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
491
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: ManageBrndingService, providedIn: 'root' });
|
|
492
492
|
}
|
|
493
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
493
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: ManageBrndingService, decorators: [{
|
|
494
494
|
type: Injectable,
|
|
495
495
|
args: [{
|
|
496
496
|
providedIn: 'root',
|
|
@@ -513,59 +513,59 @@ class PreviewBrand {
|
|
|
513
513
|
? undefined
|
|
514
514
|
: this.DEFAULT_DISPLAY_DATA()?.header?.backgroundColor;
|
|
515
515
|
return this.manageBrnding.buildBackgroundStyles(this.manageBrnding.draftHeaderData(), defaultBg);
|
|
516
|
-
}, ...(ngDevMode ? [{ debugName: "headerStyles" }] : []));
|
|
516
|
+
}, ...(ngDevMode ? [{ debugName: "headerStyles" }] : /* istanbul ignore next */ []));
|
|
517
517
|
sidebarStyles = computed(() => {
|
|
518
518
|
const defaultBg = this.manageBrnding.draftSidebarData()?.backgroundColor ||
|
|
519
519
|
this.manageBrnding.draftSidebarData()?.backgroundImage
|
|
520
520
|
? undefined
|
|
521
521
|
: this.DEFAULT_DISPLAY_DATA()?.sidebar?.backgroundColor;
|
|
522
522
|
return this.manageBrnding.buildBackgroundStyles(this.manageBrnding.draftSidebarData(), defaultBg);
|
|
523
|
-
}, ...(ngDevMode ? [{ debugName: "sidebarStyles" }] : []));
|
|
523
|
+
}, ...(ngDevMode ? [{ debugName: "sidebarStyles" }] : /* istanbul ignore next */ []));
|
|
524
524
|
contentAreaStyles = computed(() => {
|
|
525
525
|
const defaultBg = this.manageBrnding.draftContentAreaData()?.backgroundColor ||
|
|
526
526
|
this.manageBrnding.draftContentAreaData()?.backgroundImage
|
|
527
527
|
? undefined
|
|
528
528
|
: this.DEFAULT_DISPLAY_DATA()?.contentArea?.backgroundColor;
|
|
529
529
|
return this.manageBrnding.buildBackgroundStyles(this.manageBrnding.draftContentAreaData(), defaultBg);
|
|
530
|
-
}, ...(ngDevMode ? [{ debugName: "contentAreaStyles" }] : []));
|
|
530
|
+
}, ...(ngDevMode ? [{ debugName: "contentAreaStyles" }] : /* istanbul ignore next */ []));
|
|
531
531
|
contentAreaBodyColor = this.manageBrnding.draftContentAreaBodyColor;
|
|
532
532
|
primaryColor = this.manageBrnding.draftPrimaryColor;
|
|
533
|
-
lightPrimaryColor = computed(() => getLightColor(this.primaryColor()), ...(ngDevMode ? [{ debugName: "lightPrimaryColor" }] : []));
|
|
533
|
+
lightPrimaryColor = computed(() => getLightColor(this.primaryColor()), ...(ngDevMode ? [{ debugName: "lightPrimaryColor" }] : /* istanbul ignore next */ []));
|
|
534
534
|
headerFontColor = this.manageBrnding.draftHeaderFontColor;
|
|
535
535
|
productName = computed(() => {
|
|
536
536
|
const lang = this.ActiveLang;
|
|
537
537
|
return this.manageBrnding.getDraftProductName(lang);
|
|
538
|
-
}, ...(ngDevMode ? [{ debugName: "productName" }] : []));
|
|
538
|
+
}, ...(ngDevMode ? [{ debugName: "productName" }] : /* istanbul ignore next */ []));
|
|
539
539
|
productTagline = computed(() => {
|
|
540
540
|
const lang = this.ActiveLang;
|
|
541
541
|
return this.manageBrnding.getDraftProductTagline(lang);
|
|
542
|
-
}, ...(ngDevMode ? [{ debugName: "productTagline" }] : []));
|
|
543
|
-
pages = [
|
|
542
|
+
}, ...(ngDevMode ? [{ debugName: "productTagline" }] : /* istanbul ignore next */ []));
|
|
543
|
+
pages = computed(() => [
|
|
544
544
|
{
|
|
545
|
-
title: '
|
|
545
|
+
title: this.translocoService.translate('brand-display.workspaces'),
|
|
546
546
|
icon: 'custom.layer-6',
|
|
547
547
|
path: '/control-panel/workspaces',
|
|
548
548
|
},
|
|
549
549
|
{
|
|
550
|
-
title: '
|
|
550
|
+
title: this.translocoService.translate('brand-display.product-settings-nav'),
|
|
551
551
|
icon: 'media.monitor-01',
|
|
552
552
|
path: '/control-panel/product-settings',
|
|
553
553
|
},
|
|
554
554
|
{
|
|
555
|
-
title: '
|
|
555
|
+
title: this.translocoService.translate('brand-display.brand-settings-nav'),
|
|
556
556
|
icon: 'image.colors',
|
|
557
557
|
path: '/control-panel/brand-settings',
|
|
558
558
|
},
|
|
559
559
|
{
|
|
560
|
-
title: '
|
|
560
|
+
title: this.translocoService.translate('brand-display.others'),
|
|
561
561
|
icon: 'general.dots-grid',
|
|
562
562
|
path: '/others',
|
|
563
563
|
},
|
|
564
|
-
];
|
|
565
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
566
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.
|
|
564
|
+
], ...(ngDevMode ? [{ debugName: "pages" }] : /* istanbul ignore next */ []));
|
|
565
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: PreviewBrand, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
566
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: PreviewBrand, isStandalone: true, selector: "mt-preview-brand", ngImport: i0, template: "<ng-container *transloco=\"let t\">\r\n <div\r\n class=\"flex overflow-hidden rounded-lg border border-surface-300 bg-white\"\r\n >\r\n <div class=\"flex overflow-hidden bg-white rounded-s-2xl\">\r\n <div\r\n class=\"flex h-full w-14 shrink-0 flex-col items-center gap-3 border-e-1 border-surface-300 bg-cover bg-center px-1.5 py-4 sm:w-16 sm:px-2 sm:py-6\"\r\n [style]=\"sidebarStyles()\"\r\n [style.backgroundImage]=\"\r\n sidebarBackgroundImage()\r\n ? (sidebarBackgroundImage() | secureImage)\r\n : null\r\n \"\r\n >\r\n <div class=\"mb-2\">\r\n <mt-icon icon=\"general.menu-01\"></mt-icon>\r\n </div>\r\n @for (page of pages(); track page.title; let first = $first) {\r\n <a\r\n [style.background-color]=\"first ? lightPrimaryColor() : null\"\r\n class=\"flex size-10 items-center justify-center rounded-xl transition-colors hover:bg-surface-100 sm:size-[47px]\"\r\n >\r\n <mt-icon\r\n [icon]=\"page.icon\"\r\n [style.color]=\"\r\n first ? primaryColor() : manageBrnding.draftSidebarIconColor()\r\n \"\r\n />\r\n </a>\r\n }\r\n </div>\r\n </div>\r\n <div class=\"min-w-0 flex-1\">\r\n <div\r\n class=\"flex min-h-[var(--header-height)] items-center justify-between gap-3 rounded-t-2xl bg-cover bg-center p-3 sm:p-4\"\r\n [style]=\"headerStyles()\"\r\n [style.backgroundImage]=\"\r\n headerBackgroundImage()\r\n ? (headerBackgroundImage() | secureImage)\r\n : null\r\n \"\r\n >\r\n <div class=\"flex min-w-0 items-center gap-2 sm:gap-4\">\r\n <img\r\n [src]=\"\r\n productBrandLogo()\r\n ? (productBrandLogo() | secureImage: true)\r\n : DEFAULT_DISPLAY_DATA()?.brandLogoWhite\r\n \"\r\n alt=\"Logo\"\r\n class=\"h-10 w-10 shrink-0 sm:h-12 sm:w-12\"\r\n />\r\n <div\r\n class=\"h-10 w-px shrink-0 sm:h-3/4\"\r\n [style.background-color]=\"headerFontColor()\"\r\n ></div>\r\n <div class=\"flex min-w-0 flex-col gap-1\">\r\n <h2\r\n class=\"truncate text-xs font-semibold sm:text-sm\"\r\n [style.color]=\"headerFontColor()\"\r\n >\r\n {{ productName() }}\r\n </h2>\r\n <span\r\n class=\"truncate text-[10px] font-semibold sm:text-xs\"\r\n [style.color]=\"headerFontColor()\"\r\n >\r\n {{ productTagline() }}\r\n </span>\r\n </div>\r\n </div>\r\n <div class=\"flex shrink-0 items-center gap-2\">\r\n <mt-button\r\n icon=\"alert.bell-01\"\r\n [style.color]=\"headerFontColor()\"\r\n ></mt-button>\r\n </div>\r\n </div>\r\n <div\r\n [style]=\"contentAreaStyles()\"\r\n [style.color]=\"contentAreaBodyColor()\"\r\n [style.backgroundImage]=\"\r\n contentAreaBackgroundImage()\r\n ? (contentAreaBackgroundImage() | secureImage)\r\n : null\r\n \"\r\n class=\"h-[16rem] overflow-x-hidden overflow-y-auto overscroll-y-auto bg-cover bg-center px-3 pb-3 sm:h-[18rem] sm:px-4 sm:pb-4\"\r\n >\r\n <mt-card class=\"w-full h-full\">\r\n <p class=\"text-sm\">{{ t(\"preview-content\") }}</p>\r\n </mt-card>\r\n </div>\r\n </div>\r\n </div>\r\n</ng-container>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: Button, selector: "mt-button", inputs: ["icon", "label", "tooltip", "class", "type", "styleClass", "severity", "badge", "variant", "badgeSeverity", "size", "iconPos", "autofocus", "fluid", "raised", "rounded", "text", "plain", "outlined", "link", "disabled", "loading", "pInputs"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: Icon, selector: "mt-icon", inputs: ["icon"] }, { kind: "directive", type: TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }, { kind: "component", type: Card, selector: "mt-card", inputs: ["class", "title", "paddingless"] }, { kind: "pipe", type: SecureImagePipe, name: "secureImage" }] });
|
|
567
567
|
}
|
|
568
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
568
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: PreviewBrand, decorators: [{
|
|
569
569
|
type: Component,
|
|
570
570
|
args: [{ selector: 'mt-preview-brand', standalone: true, imports: [
|
|
571
571
|
CommonModule,
|
|
@@ -574,14 +574,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImpor
|
|
|
574
574
|
TranslocoDirective,
|
|
575
575
|
SecureImagePipe,
|
|
576
576
|
Card,
|
|
577
|
-
], template: "<ng-container *transloco=\"let t\">\r\n <div
|
|
577
|
+
], template: "<ng-container *transloco=\"let t\">\r\n <div\r\n class=\"flex overflow-hidden rounded-lg border border-surface-300 bg-white\"\r\n >\r\n <div class=\"flex overflow-hidden bg-white rounded-s-2xl\">\r\n <div\r\n class=\"flex h-full w-14 shrink-0 flex-col items-center gap-3 border-e-1 border-surface-300 bg-cover bg-center px-1.5 py-4 sm:w-16 sm:px-2 sm:py-6\"\r\n [style]=\"sidebarStyles()\"\r\n [style.backgroundImage]=\"\r\n sidebarBackgroundImage()\r\n ? (sidebarBackgroundImage() | secureImage)\r\n : null\r\n \"\r\n >\r\n <div class=\"mb-2\">\r\n <mt-icon icon=\"general.menu-01\"></mt-icon>\r\n </div>\r\n @for (page of pages(); track page.title; let first = $first) {\r\n <a\r\n [style.background-color]=\"first ? lightPrimaryColor() : null\"\r\n class=\"flex size-10 items-center justify-center rounded-xl transition-colors hover:bg-surface-100 sm:size-[47px]\"\r\n >\r\n <mt-icon\r\n [icon]=\"page.icon\"\r\n [style.color]=\"\r\n first ? primaryColor() : manageBrnding.draftSidebarIconColor()\r\n \"\r\n />\r\n </a>\r\n }\r\n </div>\r\n </div>\r\n <div class=\"min-w-0 flex-1\">\r\n <div\r\n class=\"flex min-h-[var(--header-height)] items-center justify-between gap-3 rounded-t-2xl bg-cover bg-center p-3 sm:p-4\"\r\n [style]=\"headerStyles()\"\r\n [style.backgroundImage]=\"\r\n headerBackgroundImage()\r\n ? (headerBackgroundImage() | secureImage)\r\n : null\r\n \"\r\n >\r\n <div class=\"flex min-w-0 items-center gap-2 sm:gap-4\">\r\n <img\r\n [src]=\"\r\n productBrandLogo()\r\n ? (productBrandLogo() | secureImage: true)\r\n : DEFAULT_DISPLAY_DATA()?.brandLogoWhite\r\n \"\r\n alt=\"Logo\"\r\n class=\"h-10 w-10 shrink-0 sm:h-12 sm:w-12\"\r\n />\r\n <div\r\n class=\"h-10 w-px shrink-0 sm:h-3/4\"\r\n [style.background-color]=\"headerFontColor()\"\r\n ></div>\r\n <div class=\"flex min-w-0 flex-col gap-1\">\r\n <h2\r\n class=\"truncate text-xs font-semibold sm:text-sm\"\r\n [style.color]=\"headerFontColor()\"\r\n >\r\n {{ productName() }}\r\n </h2>\r\n <span\r\n class=\"truncate text-[10px] font-semibold sm:text-xs\"\r\n [style.color]=\"headerFontColor()\"\r\n >\r\n {{ productTagline() }}\r\n </span>\r\n </div>\r\n </div>\r\n <div class=\"flex shrink-0 items-center gap-2\">\r\n <mt-button\r\n icon=\"alert.bell-01\"\r\n [style.color]=\"headerFontColor()\"\r\n ></mt-button>\r\n </div>\r\n </div>\r\n <div\r\n [style]=\"contentAreaStyles()\"\r\n [style.color]=\"contentAreaBodyColor()\"\r\n [style.backgroundImage]=\"\r\n contentAreaBackgroundImage()\r\n ? (contentAreaBackgroundImage() | secureImage)\r\n : null\r\n \"\r\n class=\"h-[16rem] overflow-x-hidden overflow-y-auto overscroll-y-auto bg-cover bg-center px-3 pb-3 sm:h-[18rem] sm:px-4 sm:pb-4\"\r\n >\r\n <mt-card class=\"w-full h-full\">\r\n <p class=\"text-sm\">{{ t(\"preview-content\") }}</p>\r\n </mt-card>\r\n </div>\r\n </div>\r\n </div>\r\n</ng-container>\r\n" }]
|
|
578
578
|
}] });
|
|
579
579
|
|
|
580
580
|
class WhiteLabel {
|
|
581
581
|
translocoService = inject(TranslocoService);
|
|
582
582
|
router = inject(Router);
|
|
583
583
|
route = inject(ActivatedRoute);
|
|
584
|
-
selectedTab = signal('', ...(ngDevMode ? [{ debugName: "selectedTab" }] : []));
|
|
584
|
+
selectedTab = signal('', ...(ngDevMode ? [{ debugName: "selectedTab" }] : /* istanbul ignore next */ []));
|
|
585
585
|
ngOnInit() {
|
|
586
586
|
const selectedTab = this.route.snapshot.firstChild?.data['componentType'];
|
|
587
587
|
this.selectedTab.set(selectedTab || 'main');
|
|
@@ -609,12 +609,12 @@ class WhiteLabel {
|
|
|
609
609
|
this.router.navigate([event], { relativeTo: this.route });
|
|
610
610
|
}
|
|
611
611
|
}
|
|
612
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
613
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.
|
|
612
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: WhiteLabel, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
613
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.8", type: WhiteLabel, isStandalone: true, selector: "mt-white-label", ngImport: i0, template: "<ng-container *transloco=\"let t; prefix: 'brand-display'\">\r\n <div class=\"mt-7 overflow-x-auto pb-1\">\r\n <mt-tabs\r\n class=\"min-w-max\"\r\n [(active)]=\"selectedTab\"\r\n [options]=\"tabsList\"\r\n size=\"large\"\r\n (onChange)=\"onTabChange($event)\"\r\n />\r\n </div>\r\n <div\r\n class=\"mt-4 grid min-h-0 gap-6 xl:grid-cols-[minmax(0,3fr)_minmax(20rem,2fr)] xl:gap-10\"\r\n >\r\n <div class=\"min-w-0\">\r\n <router-outlet />\r\n </div>\r\n <div class=\"min-w-0 xl:sticky xl:top-4 xl:self-start\">\r\n <h3 class=\"text-sm font-medium mb-3\">{{ t(\"preview\") }}</h3>\r\n <mt-preview-brand></mt-preview-brand>\r\n </div>\r\n </div>\r\n</ng-container>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: Tabs, selector: "mt-tabs", inputs: ["options", "optionLabel", "optionValue", "active", "size", "fluid", "disabled"], outputs: ["activeChange", "onChange"] }, { kind: "directive", type: RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "component", type: PreviewBrand, selector: "mt-preview-brand" }, { kind: "directive", type: TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }] });
|
|
614
614
|
}
|
|
615
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
615
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: WhiteLabel, decorators: [{
|
|
616
616
|
type: Component,
|
|
617
|
-
args: [{ selector: 'mt-white-label', standalone: true, imports: [CommonModule, Tabs, RouterOutlet, PreviewBrand, TranslocoDirective], template: "<ng-container *transloco=\"let t; prefix: 'brand-display'\">\r\n <div class=\"mt-7\">\r\n <mt-tabs\r\n [(active)]=\"selectedTab\"\r\n [options]=\"tabsList\"\r\n size=\"large\"\r\n (onChange)=\"onTabChange($event)\"\r\n />\r\n </div>\r\n <div
|
|
617
|
+
args: [{ selector: 'mt-white-label', standalone: true, imports: [CommonModule, Tabs, RouterOutlet, PreviewBrand, TranslocoDirective], template: "<ng-container *transloco=\"let t; prefix: 'brand-display'\">\r\n <div class=\"mt-7 overflow-x-auto pb-1\">\r\n <mt-tabs\r\n class=\"min-w-max\"\r\n [(active)]=\"selectedTab\"\r\n [options]=\"tabsList\"\r\n size=\"large\"\r\n (onChange)=\"onTabChange($event)\"\r\n />\r\n </div>\r\n <div\r\n class=\"mt-4 grid min-h-0 gap-6 xl:grid-cols-[minmax(0,3fr)_minmax(20rem,2fr)] xl:gap-10\"\r\n >\r\n <div class=\"min-w-0\">\r\n <router-outlet />\r\n </div>\r\n <div class=\"min-w-0 xl:sticky xl:top-4 xl:self-start\">\r\n <h3 class=\"text-sm font-medium mb-3\">{{ t(\"preview\") }}</h3>\r\n <mt-preview-brand></mt-preview-brand>\r\n </div>\r\n </div>\r\n</ng-container>\r\n" }]
|
|
618
618
|
}] });
|
|
619
619
|
|
|
620
620
|
class MainDisplay {
|
|
@@ -669,7 +669,7 @@ class MainDisplay {
|
|
|
669
669
|
],
|
|
670
670
|
},
|
|
671
671
|
],
|
|
672
|
-
}, ...(ngDevMode ? [{ debugName: "brandNameConfig" }] : []));
|
|
672
|
+
}, ...(ngDevMode ? [{ debugName: "brandNameConfig" }] : /* istanbul ignore next */ []));
|
|
673
673
|
logoConfig = signal({
|
|
674
674
|
sections: [
|
|
675
675
|
{
|
|
@@ -693,7 +693,7 @@ class MainDisplay {
|
|
|
693
693
|
],
|
|
694
694
|
},
|
|
695
695
|
],
|
|
696
|
-
}, ...(ngDevMode ? [{ debugName: "logoConfig" }] : []));
|
|
696
|
+
}, ...(ngDevMode ? [{ debugName: "logoConfig" }] : /* istanbul ignore next */ []));
|
|
697
697
|
colorsConfig = signal({
|
|
698
698
|
sections: [
|
|
699
699
|
{
|
|
@@ -727,7 +727,7 @@ class MainDisplay {
|
|
|
727
727
|
],
|
|
728
728
|
},
|
|
729
729
|
],
|
|
730
|
-
}, ...(ngDevMode ? [{ debugName: "colorsConfig" }] : []));
|
|
730
|
+
}, ...(ngDevMode ? [{ debugName: "colorsConfig" }] : /* istanbul ignore next */ []));
|
|
731
731
|
brandDisplayData = this.facade.draftBrandDisplayData;
|
|
732
732
|
ngOnInit() {
|
|
733
733
|
merge(this.brandNameFormControl.valueChanges, this.colorsFormControl.valueChanges, this.logoFormControl.valueChanges).subscribe(() => {
|
|
@@ -769,10 +769,10 @@ class MainDisplay {
|
|
|
769
769
|
},
|
|
770
770
|
});
|
|
771
771
|
}
|
|
772
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
773
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.
|
|
772
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: MainDisplay, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
773
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.8", type: MainDisplay, isStandalone: true, selector: "mt-main-display", ngImport: i0, template: "<ng-container *transloco=\"let t; prefix: 'brand-display'\">\r\n <mt-card id=\"brand-name\" [title]=\"t('brand-name')\">\r\n <form class=\"col-span-1 p-2\">\r\n <mt-dynamic-form\r\n [formConfig]=\"brandNameConfig()\"\r\n [formControl]=\"brandNameFormControl\"\r\n />\r\n </form>\r\n </mt-card>\r\n\r\n <mt-card class=\"mt-5\" id=\"logo-settings\" [title]=\"t('logo-settings')\">\r\n <form class=\"col-span-1 p-2\">\r\n <mt-dynamic-form\r\n [formConfig]=\"logoConfig()\"\r\n [formControl]=\"logoFormControl\"\r\n />\r\n </form>\r\n </mt-card>\r\n\r\n <mt-card class=\"mt-5\" id=\"colors\" [title]=\"t('colors')\">\r\n <form class=\"col-span-1 p-2\">\r\n <mt-dynamic-form\r\n [formConfig]=\"colorsConfig()\"\r\n [formControl]=\"colorsFormControl\"\r\n />\r\n </form>\r\n </mt-card>\r\n</ng-container>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: Card, selector: "mt-card", inputs: ["class", "title", "paddingless"] }, { kind: "directive", type: TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }, { kind: "component", type: DynamicForm, selector: "mt-dynamic-form", inputs: ["formConfig", "forcedHiddenFieldKeys", "preserveForcedHiddenValues", "visibleSectionKeys"], outputs: ["runtimeMessagesChange"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] });
|
|
774
774
|
}
|
|
775
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
775
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: MainDisplay, decorators: [{
|
|
776
776
|
type: Component,
|
|
777
777
|
args: [{ selector: 'mt-main-display', standalone: true, imports: [
|
|
778
778
|
CommonModule,
|
|
@@ -786,12 +786,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImpor
|
|
|
786
786
|
class HeaderSidebarDisplay {
|
|
787
787
|
translocoService = inject(TranslocoService);
|
|
788
788
|
route = inject(ActivatedRoute);
|
|
789
|
-
componentType = signal('header', ...(ngDevMode ? [{ debugName: "componentType" }] : []));
|
|
790
|
-
isHeader = signal(true, ...(ngDevMode ? [{ debugName: "isHeader" }] : []));
|
|
789
|
+
componentType = signal('header', ...(ngDevMode ? [{ debugName: "componentType" }] : /* istanbul ignore next */ []));
|
|
790
|
+
isHeader = signal(true, ...(ngDevMode ? [{ debugName: "isHeader" }] : /* istanbul ignore next */ []));
|
|
791
791
|
facade = inject(BrandDisplayFacade);
|
|
792
792
|
brandDisplayData = this.facade.draftBrandDisplayData;
|
|
793
793
|
headerSidebarFormControl;
|
|
794
|
-
headerConfig = signal({ sections: [] }, ...(ngDevMode ? [{ debugName: "headerConfig" }] : []));
|
|
794
|
+
headerConfig = signal({ sections: [] }, ...(ngDevMode ? [{ debugName: "headerConfig" }] : /* istanbul ignore next */ []));
|
|
795
795
|
DEFAULT_DISPLAY_DATA = this.facade.defaultBrandDisplayData;
|
|
796
796
|
ngOnInit() {
|
|
797
797
|
this.componentType.set(this.route.snapshot.data['componentType']);
|
|
@@ -859,10 +859,10 @@ class HeaderSidebarDisplay {
|
|
|
859
859
|
});
|
|
860
860
|
});
|
|
861
861
|
}
|
|
862
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
863
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.
|
|
862
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HeaderSidebarDisplay, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
863
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.8", type: HeaderSidebarDisplay, isStandalone: true, selector: "mt-header-sidebar-display", ngImport: i0, template: "<ng-container *transloco=\"let t; prefix: 'brand-display'\">\r\n <mt-card id=\"header\" [title]=\"isHeader() ? t('header') : t('side-bar')\">\r\n <form class=\"col-span-1 p-2\">\r\n <mt-dynamic-form\r\n [formConfig]=\"headerConfig()\"\r\n [formControl]=\"headerSidebarFormControl\"\r\n />\r\n </form>\r\n </mt-card>\r\n</ng-container>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: Card, selector: "mt-card", inputs: ["class", "title", "paddingless"] }, { kind: "directive", type: TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }, { kind: "component", type: DynamicForm, selector: "mt-dynamic-form", inputs: ["formConfig", "forcedHiddenFieldKeys", "preserveForcedHiddenValues", "visibleSectionKeys"], outputs: ["runtimeMessagesChange"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] });
|
|
864
864
|
}
|
|
865
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
865
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HeaderSidebarDisplay, decorators: [{
|
|
866
866
|
type: Component,
|
|
867
867
|
args: [{ selector: 'mt-header-sidebar-display', standalone: true, imports: [
|
|
868
868
|
CommonModule,
|
|
@@ -929,11 +929,11 @@ class ContentArea {
|
|
|
929
929
|
],
|
|
930
930
|
},
|
|
931
931
|
],
|
|
932
|
-
}, ...(ngDevMode ? [{ debugName: "contentAreaConfig" }] : []));
|
|
933
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
934
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.
|
|
932
|
+
}, ...(ngDevMode ? [{ debugName: "contentAreaConfig" }] : /* istanbul ignore next */ []));
|
|
933
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: ContentArea, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
934
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.8", type: ContentArea, isStandalone: true, selector: "mt-content-area", ngImport: i0, template: "<ng-container *transloco=\"let t; prefix: 'brand-display'\">\r\n <mt-card id=\"header\" [title]=\"t('content-area')\">\r\n <form class=\"col-span-1 p-2\">\r\n <mt-dynamic-form\r\n [formConfig]=\"contentAreaConfig()\"\r\n [formControl]=\"contentAreaFormControl\"\r\n />\r\n </form>\r\n </mt-card>\r\n</ng-container>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: Card, selector: "mt-card", inputs: ["class", "title", "paddingless"] }, { kind: "directive", type: TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }, { kind: "component", type: DynamicForm, selector: "mt-dynamic-form", inputs: ["formConfig", "forcedHiddenFieldKeys", "preserveForcedHiddenValues", "visibleSectionKeys"], outputs: ["runtimeMessagesChange"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] });
|
|
935
935
|
}
|
|
936
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
936
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: ContentArea, decorators: [{
|
|
937
937
|
type: Component,
|
|
938
938
|
args: [{ selector: 'mt-content-area', standalone: true, imports: [
|
|
939
939
|
CommonModule,
|
|
@@ -952,27 +952,27 @@ class PreviewLogin {
|
|
|
952
952
|
const value = this.manageBrnding.draftLoginData();
|
|
953
953
|
return (value?.backgroundColor ||
|
|
954
954
|
this.DEFAULT_DISPLAY_DATA()?.login?.backgroundColor);
|
|
955
|
-
}, ...(ngDevMode ? [{ debugName: "previewBackgroundColor" }] : []));
|
|
955
|
+
}, ...(ngDevMode ? [{ debugName: "previewBackgroundColor" }] : /* istanbul ignore next */ []));
|
|
956
956
|
repeated = computed(() => {
|
|
957
957
|
const v = this.manageBrnding.draftLoginData();
|
|
958
958
|
return v?.repeated || this.DEFAULT_DISPLAY_DATA()?.login?.repeated;
|
|
959
|
-
}, ...(ngDevMode ? [{ debugName: "repeated" }] : []));
|
|
959
|
+
}, ...(ngDevMode ? [{ debugName: "repeated" }] : /* istanbul ignore next */ []));
|
|
960
960
|
previewFormPosition = computed(() => {
|
|
961
961
|
const value = this.manageBrnding.draftLoginData();
|
|
962
962
|
return (value?.formWizardPosition ||
|
|
963
963
|
this.DEFAULT_DISPLAY_DATA()?.login?.formWizardPosition);
|
|
964
|
-
}, ...(ngDevMode ? [{ debugName: "previewFormPosition" }] : []));
|
|
964
|
+
}, ...(ngDevMode ? [{ debugName: "previewFormPosition" }] : /* istanbul ignore next */ []));
|
|
965
965
|
previewLogoSrc = computed(() => {
|
|
966
966
|
const value = this.manageBrnding.draftLoginData();
|
|
967
967
|
return value?.loginBrandImage?.fileName || null;
|
|
968
|
-
}, ...(ngDevMode ? [{ debugName: "previewLogoSrc" }] : []));
|
|
968
|
+
}, ...(ngDevMode ? [{ debugName: "previewLogoSrc" }] : /* istanbul ignore next */ []));
|
|
969
969
|
backgroundImage = this.manageBrnding.draftLoginBackgroundImage;
|
|
970
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
971
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.
|
|
970
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: PreviewLogin, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
971
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: PreviewLogin, isStandalone: true, selector: "mt-preview-login", ngImport: i0, template: "<ng-container *transloco=\"let t; prefix: 'login'\">\r\n <div class=\"xl:sticky xl:top-4\">\r\n <h3 class=\"text-sm font-medium mb-3\">{{ t(\"preview\") }}</h3>\r\n <div\r\n class=\"relative overflow-hidden rounded-lg aspect-[4/5] sm:aspect-[16/10]\"\r\n [style]=\"{\r\n 'background-color': previewBackgroundColor(),\r\n 'background-size': repeated() ? 'auto' : 'cover',\r\n 'background-repeat': repeated() ? 'repeat' : 'no-repeat',\r\n 'background-position': 'center',\r\n }\"\r\n [style.backgroundImage]=\"\r\n backgroundImage() ? (backgroundImage() | secureImage) : null\r\n \"\r\n >\r\n <div\r\n class=\"absolute inset-0 flex items-center p-4 max-[640px]:flex-col max-[640px]:justify-center max-[640px]:gap-4 sm:p-8\"\r\n >\r\n @if (previewFormPosition() !== \"center\") {\r\n <div\r\n class=\"logo flex min-w-0 flex-1 flex-col items-center gap-2 max-[640px]:order-1 max-[640px]:w-full max-[640px]:flex-none\"\r\n [class]=\"{\r\n 'order-2': previewFormPosition() === 'start',\r\n 'order-1': previewFormPosition() === 'end',\r\n }\"\r\n >\r\n <img\r\n [src]=\"\r\n previewLogoSrc()\r\n ? (previewLogoSrc() | secureImage: true)\r\n : DEFAULT_DISPLAY_DATA()?.loginLogo\r\n \"\r\n alt=\"Logo\"\r\n class=\"h-10 w-10 sm:h-12 sm:w-12\"\r\n />\r\n <div class=\"text-center text-base text-white sm:text-lg\">\r\n {{ t(\"project-management-system\") }}\r\n </div>\r\n </div>\r\n }\r\n\r\n <div\r\n class=\"flex-shrink-0 max-[640px]:order-2 max-[640px]:w-full\"\r\n [class]=\"{\r\n 'order-1': previewFormPosition() === 'start',\r\n 'order-2': previewFormPosition() === 'end',\r\n 'mx-auto': previewFormPosition() === 'center',\r\n }\"\r\n >\r\n @if (previewFormPosition() === \"center\") {\r\n <div class=\"logo flex flex-col items-center gap-2 mb-4\">\r\n <img\r\n [src]=\"\r\n previewLogoSrc()\r\n ? (previewLogoSrc() | secureImage: true)\r\n : DEFAULT_DISPLAY_DATA()?.loginLogo\r\n \"\r\n alt=\"Logo\"\r\n class=\"h-10 w-10 sm:h-12 sm:w-12\"\r\n />\r\n <div class=\"text-center text-base text-white sm:text-lg\">\r\n {{ t(\"portfolio-management-system\") }}\r\n </div>\r\n </div>\r\n }\r\n\r\n <div\r\n class=\"relative z-10 w-full max-w-[15rem] rounded-lg bg-white px-4 py-3 shadow-xl sm:w-60 sm:px-6\"\r\n >\r\n <div class=\"text-center mb-3 mt-4\">\r\n <h4 class=\"text-[14px] font-bold mb-1\">{{ t(\"signin\") }}</h4>\r\n <p class=\"text-[8px] text-gray-500\">{{ t(\"info-msg\") }}</p>\r\n </div>\r\n\r\n <div class=\"space-y-3\">\r\n <div>\r\n <label class=\"text-[8px] block text-xs text-gray-600 mb-1\">{{\r\n t(\"username\")\r\n }}</label>\r\n <div\r\n class=\"text-[8px] border border-gray-300 rounded px-3 py-2 text-gray-400\"\r\n >\r\n {{ t(\"username\") }}\r\n </div>\r\n </div>\r\n <div>\r\n <label class=\"text-[8px] block text-gray-600 mb-1\">{{\r\n t(\"password\")\r\n }}</label>\r\n <div\r\n class=\"text-[8px] border border-gray-300 rounded px-3 py-2 text-gray-400\"\r\n >\r\n {{ t(\"password\") }}\r\n </div>\r\n </div>\r\n <button\r\n class=\"w-full mb-1 bg-primary text-white rounded py-2 text-[9px] font-medium\"\r\n >\r\n {{ t(\"sign-in\") }}\r\n </button>\r\n <div class=\"text-center\">\r\n <a class=\"text-[11px] text-primary\"> English </a>\r\n </div>\r\n </div>\r\n\r\n <div class=\"text-center mt-3 text-[8px] text-gray-400\">\r\n {{ t(\"tagline\") }}\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</ng-container>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }, { kind: "pipe", type: SecureImagePipe, name: "secureImage" }] });
|
|
972
972
|
}
|
|
973
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
973
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: PreviewLogin, decorators: [{
|
|
974
974
|
type: Component,
|
|
975
|
-
args: [{ selector: 'mt-preview-login', standalone: true, imports: [CommonModule, TranslocoDirective, SecureImagePipe], template: "<ng-container *transloco=\"let t; prefix: 'login'\">\r\n <div class=\"sticky top-4\">\r\n <h3 class=\"text-sm font-medium mb-3\">{{ t(\"preview\") }}</h3>\r\n <div\r\n class=\"rounded-lg
|
|
975
|
+
args: [{ selector: 'mt-preview-login', standalone: true, imports: [CommonModule, TranslocoDirective, SecureImagePipe], template: "<ng-container *transloco=\"let t; prefix: 'login'\">\r\n <div class=\"xl:sticky xl:top-4\">\r\n <h3 class=\"text-sm font-medium mb-3\">{{ t(\"preview\") }}</h3>\r\n <div\r\n class=\"relative overflow-hidden rounded-lg aspect-[4/5] sm:aspect-[16/10]\"\r\n [style]=\"{\r\n 'background-color': previewBackgroundColor(),\r\n 'background-size': repeated() ? 'auto' : 'cover',\r\n 'background-repeat': repeated() ? 'repeat' : 'no-repeat',\r\n 'background-position': 'center',\r\n }\"\r\n [style.backgroundImage]=\"\r\n backgroundImage() ? (backgroundImage() | secureImage) : null\r\n \"\r\n >\r\n <div\r\n class=\"absolute inset-0 flex items-center p-4 max-[640px]:flex-col max-[640px]:justify-center max-[640px]:gap-4 sm:p-8\"\r\n >\r\n @if (previewFormPosition() !== \"center\") {\r\n <div\r\n class=\"logo flex min-w-0 flex-1 flex-col items-center gap-2 max-[640px]:order-1 max-[640px]:w-full max-[640px]:flex-none\"\r\n [class]=\"{\r\n 'order-2': previewFormPosition() === 'start',\r\n 'order-1': previewFormPosition() === 'end',\r\n }\"\r\n >\r\n <img\r\n [src]=\"\r\n previewLogoSrc()\r\n ? (previewLogoSrc() | secureImage: true)\r\n : DEFAULT_DISPLAY_DATA()?.loginLogo\r\n \"\r\n alt=\"Logo\"\r\n class=\"h-10 w-10 sm:h-12 sm:w-12\"\r\n />\r\n <div class=\"text-center text-base text-white sm:text-lg\">\r\n {{ t(\"project-management-system\") }}\r\n </div>\r\n </div>\r\n }\r\n\r\n <div\r\n class=\"flex-shrink-0 max-[640px]:order-2 max-[640px]:w-full\"\r\n [class]=\"{\r\n 'order-1': previewFormPosition() === 'start',\r\n 'order-2': previewFormPosition() === 'end',\r\n 'mx-auto': previewFormPosition() === 'center',\r\n }\"\r\n >\r\n @if (previewFormPosition() === \"center\") {\r\n <div class=\"logo flex flex-col items-center gap-2 mb-4\">\r\n <img\r\n [src]=\"\r\n previewLogoSrc()\r\n ? (previewLogoSrc() | secureImage: true)\r\n : DEFAULT_DISPLAY_DATA()?.loginLogo\r\n \"\r\n alt=\"Logo\"\r\n class=\"h-10 w-10 sm:h-12 sm:w-12\"\r\n />\r\n <div class=\"text-center text-base text-white sm:text-lg\">\r\n {{ t(\"portfolio-management-system\") }}\r\n </div>\r\n </div>\r\n }\r\n\r\n <div\r\n class=\"relative z-10 w-full max-w-[15rem] rounded-lg bg-white px-4 py-3 shadow-xl sm:w-60 sm:px-6\"\r\n >\r\n <div class=\"text-center mb-3 mt-4\">\r\n <h4 class=\"text-[14px] font-bold mb-1\">{{ t(\"signin\") }}</h4>\r\n <p class=\"text-[8px] text-gray-500\">{{ t(\"info-msg\") }}</p>\r\n </div>\r\n\r\n <div class=\"space-y-3\">\r\n <div>\r\n <label class=\"text-[8px] block text-xs text-gray-600 mb-1\">{{\r\n t(\"username\")\r\n }}</label>\r\n <div\r\n class=\"text-[8px] border border-gray-300 rounded px-3 py-2 text-gray-400\"\r\n >\r\n {{ t(\"username\") }}\r\n </div>\r\n </div>\r\n <div>\r\n <label class=\"text-[8px] block text-gray-600 mb-1\">{{\r\n t(\"password\")\r\n }}</label>\r\n <div\r\n class=\"text-[8px] border border-gray-300 rounded px-3 py-2 text-gray-400\"\r\n >\r\n {{ t(\"password\") }}\r\n </div>\r\n </div>\r\n <button\r\n class=\"w-full mb-1 bg-primary text-white rounded py-2 text-[9px] font-medium\"\r\n >\r\n {{ t(\"sign-in\") }}\r\n </button>\r\n <div class=\"text-center\">\r\n <a class=\"text-[11px] text-primary\"> English </a>\r\n </div>\r\n </div>\r\n\r\n <div class=\"text-center mt-3 text-[8px] text-gray-400\">\r\n {{ t(\"tagline\") }}\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</ng-container>\r\n" }]
|
|
976
976
|
}] });
|
|
977
977
|
|
|
978
978
|
class LoginDisplay {
|
|
@@ -1059,11 +1059,11 @@ class LoginDisplay {
|
|
|
1059
1059
|
],
|
|
1060
1060
|
},
|
|
1061
1061
|
],
|
|
1062
|
-
}, ...(ngDevMode ? [{ debugName: "loginFormConfig" }] : []));
|
|
1062
|
+
}, ...(ngDevMode ? [{ debugName: "loginFormConfig" }] : /* istanbul ignore next */ []));
|
|
1063
1063
|
brandDisplayLocalData = this.facade.draftBrandDisplayData;
|
|
1064
1064
|
loginData = computed(() => {
|
|
1065
1065
|
return this.brandDisplayLocalData()?.login;
|
|
1066
|
-
}, ...(ngDevMode ? [{ debugName: "loginData" }] : []));
|
|
1066
|
+
}, ...(ngDevMode ? [{ debugName: "loginData" }] : /* istanbul ignore next */ []));
|
|
1067
1067
|
constructor() {
|
|
1068
1068
|
this.loginFormControl.valueChanges.subscribe((partial) => {
|
|
1069
1069
|
this.updateLoginDisplayLocally(partial ?? {});
|
|
@@ -1085,10 +1085,10 @@ class LoginDisplay {
|
|
|
1085
1085
|
login: merged,
|
|
1086
1086
|
});
|
|
1087
1087
|
}
|
|
1088
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
1089
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.
|
|
1088
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: LoginDisplay, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1089
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.8", type: LoginDisplay, isStandalone: true, selector: "mt-login-display", ngImport: i0, template: "<ng-container *transloco=\"let t; prefix: 'brand-display'\">\r\n <div\r\n class=\"mt-6 grid min-h-0 gap-6 xl:grid-cols-[minmax(0,3fr)_minmax(20rem,2fr)] xl:gap-10\"\r\n >\r\n <!-- Left Side - Login Settings -->\r\n <div class=\"min-w-0\">\r\n <mt-card id=\"login-settings\" [title]=\"t('login-settings')\">\r\n <form class=\"col-span-1 p-2\">\r\n <mt-dynamic-form\r\n [formConfig]=\"loginFormConfig()\"\r\n [formControl]=\"loginFormControl\"\r\n />\r\n </form>\r\n </mt-card>\r\n </div>\r\n\r\n <!-- Right Side - Preview -->\r\n <div class=\"min-w-0 xl:sticky xl:top-4 xl:self-start\">\r\n <mt-preview-login></mt-preview-login>\r\n </div>\r\n </div>\r\n</ng-container>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: Card, selector: "mt-card", inputs: ["class", "title", "paddingless"] }, { kind: "directive", type: TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }, { kind: "component", type: DynamicForm, selector: "mt-dynamic-form", inputs: ["formConfig", "forcedHiddenFieldKeys", "preserveForcedHiddenValues", "visibleSectionKeys"], outputs: ["runtimeMessagesChange"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: FileUploadModule }, { kind: "component", type: PreviewLogin, selector: "mt-preview-login" }] });
|
|
1090
1090
|
}
|
|
1091
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
1091
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: LoginDisplay, decorators: [{
|
|
1092
1092
|
type: Component,
|
|
1093
1093
|
args: [{ selector: 'mt-login-display', standalone: true, imports: [
|
|
1094
1094
|
CommonModule,
|
|
@@ -1098,7 +1098,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImpor
|
|
|
1098
1098
|
ReactiveFormsModule,
|
|
1099
1099
|
FileUploadModule,
|
|
1100
1100
|
PreviewLogin,
|
|
1101
|
-
], template: "<ng-container *transloco=\"let t; prefix: 'brand-display'\">\r\n <div
|
|
1101
|
+
], template: "<ng-container *transloco=\"let t; prefix: 'brand-display'\">\r\n <div\r\n class=\"mt-6 grid min-h-0 gap-6 xl:grid-cols-[minmax(0,3fr)_minmax(20rem,2fr)] xl:gap-10\"\r\n >\r\n <!-- Left Side - Login Settings -->\r\n <div class=\"min-w-0\">\r\n <mt-card id=\"login-settings\" [title]=\"t('login-settings')\">\r\n <form class=\"col-span-1 p-2\">\r\n <mt-dynamic-form\r\n [formConfig]=\"loginFormConfig()\"\r\n [formControl]=\"loginFormControl\"\r\n />\r\n </form>\r\n </mt-card>\r\n </div>\r\n\r\n <!-- Right Side - Preview -->\r\n <div class=\"min-w-0 xl:sticky xl:top-4 xl:self-start\">\r\n <mt-preview-login></mt-preview-login>\r\n </div>\r\n </div>\r\n</ng-container>\r\n" }]
|
|
1102
1102
|
}], ctorParameters: () => [] });
|
|
1103
1103
|
|
|
1104
1104
|
/**
|