@propbinder/mobile-design 0.2.27 → 0.2.28
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.
|
@@ -212,6 +212,30 @@ class WhitelabelService {
|
|
|
212
212
|
organizationId: 'demo-client'
|
|
213
213
|
});
|
|
214
214
|
}
|
|
215
|
+
else if (organizationId === 'cobblestone') {
|
|
216
|
+
this.initialize({
|
|
217
|
+
logoUrl: '/Assets/logos/cobblestone-logo.svg',
|
|
218
|
+
logoMarkUrl: '/Assets/logos/cobblestone-logomark.svg',
|
|
219
|
+
logoAlt: 'Cobblestone',
|
|
220
|
+
logoSize: 'sm',
|
|
221
|
+
appIconSurface: '#2C3E50',
|
|
222
|
+
appIconContent: '#FFFFFF',
|
|
223
|
+
accent: '#3498DB',
|
|
224
|
+
onAccent: '#FFFFFF',
|
|
225
|
+
headerSurface: '#2C3E50',
|
|
226
|
+
headerContent: '#FFFFFF',
|
|
227
|
+
headerAccent: '#3498DB',
|
|
228
|
+
onHeaderAccent: '#FFFFFF',
|
|
229
|
+
showCityIllustration: false,
|
|
230
|
+
signInBgType: 'gradient',
|
|
231
|
+
signInBgSolid: '#E8EEF2',
|
|
232
|
+
signInBgGradientStart: '#E8EEF2',
|
|
233
|
+
signInBgGradientEnd: '#BDC3C7',
|
|
234
|
+
signInContentColor: '#1a1a1a',
|
|
235
|
+
organizationName: 'Cobblestone',
|
|
236
|
+
organizationId: 'cobblestone'
|
|
237
|
+
});
|
|
238
|
+
}
|
|
215
239
|
// Add more organization-specific configs as needed
|
|
216
240
|
}
|
|
217
241
|
catch (error) {
|
|
@@ -2977,6 +3001,9 @@ let WhitelabelDemoModalComponent$1 = class WhitelabelDemoModalComponent {
|
|
|
2977
3001
|
else if (headerSurface === '#1D4A49') {
|
|
2978
3002
|
this.currentTheme = 'freedom';
|
|
2979
3003
|
}
|
|
3004
|
+
else if (headerSurface === '#2C3E50') {
|
|
3005
|
+
this.currentTheme = 'cobblestone';
|
|
3006
|
+
}
|
|
2980
3007
|
else {
|
|
2981
3008
|
this.currentTheme = 'default';
|
|
2982
3009
|
}
|
|
@@ -3127,6 +3154,34 @@ let WhitelabelDemoModalComponent$1 = class WhitelabelDemoModalComponent {
|
|
|
3127
3154
|
this.updateSignInBgInputs();
|
|
3128
3155
|
this.updateSignInContentColorInput();
|
|
3129
3156
|
}
|
|
3157
|
+
applyCobblestoneTheme() {
|
|
3158
|
+
this.currentTheme = 'cobblestone';
|
|
3159
|
+
this.whitelabelService.updateConfig({
|
|
3160
|
+
logoUrl: '/Assets/logos/cobblestone-logo.svg',
|
|
3161
|
+
logoMarkUrl: '/Assets/logos/cobblestone-logomark.svg',
|
|
3162
|
+
logoAlt: 'Cobblestone',
|
|
3163
|
+
logoSize: 'sm',
|
|
3164
|
+
appIconSurface: '#2C3E50',
|
|
3165
|
+
appIconContent: '#FFFFFF',
|
|
3166
|
+
accent: '#3498DB',
|
|
3167
|
+
onAccent: '#FFFFFF',
|
|
3168
|
+
headerSurface: '#2C3E50',
|
|
3169
|
+
headerContent: '#FFFFFF',
|
|
3170
|
+
headerAccent: '#3498DB',
|
|
3171
|
+
onHeaderAccent: '#FFFFFF',
|
|
3172
|
+
showCityIllustration: false,
|
|
3173
|
+
signInBgType: 'gradient',
|
|
3174
|
+
signInBgSolid: '#E8EEF2',
|
|
3175
|
+
signInBgGradientStart: '#E8EEF2',
|
|
3176
|
+
signInBgGradientEnd: '#BDC3C7',
|
|
3177
|
+
signInContentColor: '#1a1a1a',
|
|
3178
|
+
organizationName: 'Cobblestone',
|
|
3179
|
+
organizationId: 'cobblestone'
|
|
3180
|
+
});
|
|
3181
|
+
this.updateCustomColorInputs();
|
|
3182
|
+
this.updateSignInBgInputs();
|
|
3183
|
+
this.updateSignInContentColorInput();
|
|
3184
|
+
}
|
|
3130
3185
|
applyCustomColors() {
|
|
3131
3186
|
this.whitelabelService.updateColors({
|
|
3132
3187
|
appIconSurface: this.customAppIconSurface,
|
|
@@ -3224,6 +3279,9 @@ let WhitelabelDemoModalComponent$1 = class WhitelabelDemoModalComponent {
|
|
|
3224
3279
|
<button class="theme-btn" (click)="applyFreedomTheme()" [class.active]="currentTheme === 'freedom'">
|
|
3225
3280
|
Freedom
|
|
3226
3281
|
</button>
|
|
3282
|
+
<button class="theme-btn" (click)="applyCobblestoneTheme()" [class.active]="currentTheme === 'cobblestone'">
|
|
3283
|
+
Cobblestone
|
|
3284
|
+
</button>
|
|
3227
3285
|
</div>
|
|
3228
3286
|
</div>
|
|
3229
3287
|
|
|
@@ -3605,6 +3663,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
|
|
|
3605
3663
|
<button class="theme-btn" (click)="applyFreedomTheme()" [class.active]="currentTheme === 'freedom'">
|
|
3606
3664
|
Freedom
|
|
3607
3665
|
</button>
|
|
3666
|
+
<button class="theme-btn" (click)="applyCobblestoneTheme()" [class.active]="currentTheme === 'cobblestone'">
|
|
3667
|
+
Cobblestone
|
|
3668
|
+
</button>
|
|
3608
3669
|
</div>
|
|
3609
3670
|
</div>
|
|
3610
3671
|
|
|
@@ -4317,8 +4378,8 @@ class DsMobilePageMainComponent extends MobilePageBase {
|
|
|
4317
4378
|
<ion-header>
|
|
4318
4379
|
<ion-toolbar>
|
|
4319
4380
|
<div class="header-main">
|
|
4320
|
-
<!-- Whitelabel
|
|
4321
|
-
<ds-logo variant="
|
|
4381
|
+
<!-- Whitelabel logo (full in header, logomark used for app icon/avatars) -->
|
|
4382
|
+
<ds-logo variant="full" size="lg" />
|
|
4322
4383
|
|
|
4323
4384
|
<!-- Title - fades in on scroll -->
|
|
4324
4385
|
<ion-title class="header-main__title">{{ title() }}</ion-title>
|
|
@@ -4396,8 +4457,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
|
|
|
4396
4457
|
<ion-header>
|
|
4397
4458
|
<ion-toolbar>
|
|
4398
4459
|
<div class="header-main">
|
|
4399
|
-
<!-- Whitelabel
|
|
4400
|
-
<ds-logo variant="
|
|
4460
|
+
<!-- Whitelabel logo (full in header, logomark used for app icon/avatars) -->
|
|
4461
|
+
<ds-logo variant="full" size="lg" />
|
|
4401
4462
|
|
|
4402
4463
|
<!-- Title - fades in on scroll -->
|
|
4403
4464
|
<ion-title class="header-main__title">{{ title() }}</ion-title>
|
|
@@ -9535,9 +9596,9 @@ class DsMobileTabBarComponent {
|
|
|
9535
9596
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: DsMobileTabBarComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
9536
9597
|
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: DsMobileTabBarComponent, isStandalone: true, selector: "ds-mobile-tab-bar", inputs: { tabs: "tabs", avatarType: "avatarType", avatarInitials: "avatarInitials", avatarSrc: "avatarSrc", avatarIconName: "avatarIconName", profileMenuItems: "profileMenuItems" }, outputs: { avatarClick: "avatarClick", profileActionSelected: "profileActionSelected" }, ngImport: i0, template: `
|
|
9537
9598
|
<ion-tab-bar [attr.slot]="isDesktop() ? 'top' : 'bottom'" class="ds-tab-bar" [class.ds-tab-bar--desktop]="isDesktop()">
|
|
9538
|
-
<!-- Logo (desktop only,
|
|
9599
|
+
<!-- Logo (desktop only, full logo in header) -->
|
|
9539
9600
|
<div class="ds-tab-bar__logo">
|
|
9540
|
-
<ds-logo variant="
|
|
9601
|
+
<ds-logo variant="full" size="lg" />
|
|
9541
9602
|
</div>
|
|
9542
9603
|
|
|
9543
9604
|
<!-- Tab buttons container -->
|
|
@@ -9571,9 +9632,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
|
|
|
9571
9632
|
type: Component,
|
|
9572
9633
|
args: [{ selector: 'ds-mobile-tab-bar', standalone: true, imports: [CommonModule, IonTabBar, IonTabButton, IonLabel, DsIconComponent, DsAvatarComponent, DsLogoComponent], template: `
|
|
9573
9634
|
<ion-tab-bar [attr.slot]="isDesktop() ? 'top' : 'bottom'" class="ds-tab-bar" [class.ds-tab-bar--desktop]="isDesktop()">
|
|
9574
|
-
<!-- Logo (desktop only,
|
|
9635
|
+
<!-- Logo (desktop only, full logo in header) -->
|
|
9575
9636
|
<div class="ds-tab-bar__logo">
|
|
9576
|
-
<ds-logo variant="
|
|
9637
|
+
<ds-logo variant="full" size="lg" />
|
|
9577
9638
|
</div>
|
|
9578
9639
|
|
|
9579
9640
|
<!-- Tab buttons container -->
|
|
@@ -19663,6 +19724,9 @@ class WhitelabelDemoModalComponent {
|
|
|
19663
19724
|
else if (headerSurface === '#1D4A49') {
|
|
19664
19725
|
this.currentTheme = 'freedom';
|
|
19665
19726
|
}
|
|
19727
|
+
else if (headerSurface === '#2C3E50') {
|
|
19728
|
+
this.currentTheme = 'cobblestone';
|
|
19729
|
+
}
|
|
19666
19730
|
else {
|
|
19667
19731
|
this.currentTheme = 'default';
|
|
19668
19732
|
}
|
|
@@ -19813,6 +19877,34 @@ class WhitelabelDemoModalComponent {
|
|
|
19813
19877
|
this.updateSignInBgInputs();
|
|
19814
19878
|
this.updateSignInContentColorInput();
|
|
19815
19879
|
}
|
|
19880
|
+
applyCobblestoneTheme() {
|
|
19881
|
+
this.currentTheme = 'cobblestone';
|
|
19882
|
+
this.whitelabelService.updateConfig({
|
|
19883
|
+
logoUrl: '/Assets/logos/cobblestone-logo.svg',
|
|
19884
|
+
logoMarkUrl: '/Assets/logos/cobblestone-logomark.svg',
|
|
19885
|
+
logoAlt: 'Cobblestone',
|
|
19886
|
+
logoSize: 'sm',
|
|
19887
|
+
appIconSurface: '#2C3E50',
|
|
19888
|
+
appIconContent: '#FFFFFF',
|
|
19889
|
+
accent: '#3498DB',
|
|
19890
|
+
onAccent: '#FFFFFF',
|
|
19891
|
+
headerSurface: '#2C3E50',
|
|
19892
|
+
headerContent: '#FFFFFF',
|
|
19893
|
+
headerAccent: '#3498DB',
|
|
19894
|
+
onHeaderAccent: '#FFFFFF',
|
|
19895
|
+
showCityIllustration: false,
|
|
19896
|
+
signInBgType: 'gradient',
|
|
19897
|
+
signInBgSolid: '#E8EEF2',
|
|
19898
|
+
signInBgGradientStart: '#E8EEF2',
|
|
19899
|
+
signInBgGradientEnd: '#BDC3C7',
|
|
19900
|
+
signInContentColor: '#1a1a1a',
|
|
19901
|
+
organizationName: 'Cobblestone',
|
|
19902
|
+
organizationId: 'cobblestone'
|
|
19903
|
+
});
|
|
19904
|
+
this.updateCustomColorInputs();
|
|
19905
|
+
this.updateSignInBgInputs();
|
|
19906
|
+
this.updateSignInContentColorInput();
|
|
19907
|
+
}
|
|
19816
19908
|
applyCustomColors() {
|
|
19817
19909
|
this.whitelabelService.updateColors({
|
|
19818
19910
|
appIconSurface: this.customAppIconSurface,
|
|
@@ -19910,6 +20002,9 @@ class WhitelabelDemoModalComponent {
|
|
|
19910
20002
|
<button class="theme-btn" (click)="applyFreedomTheme()" [class.active]="currentTheme === 'freedom'">
|
|
19911
20003
|
Freedom
|
|
19912
20004
|
</button>
|
|
20005
|
+
<button class="theme-btn" (click)="applyCobblestoneTheme()" [class.active]="currentTheme === 'cobblestone'">
|
|
20006
|
+
Cobblestone
|
|
20007
|
+
</button>
|
|
19913
20008
|
</div>
|
|
19914
20009
|
</div>
|
|
19915
20010
|
|
|
@@ -20291,6 +20386,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
|
|
|
20291
20386
|
<button class="theme-btn" (click)="applyFreedomTheme()" [class.active]="currentTheme === 'freedom'">
|
|
20292
20387
|
Freedom
|
|
20293
20388
|
</button>
|
|
20389
|
+
<button class="theme-btn" (click)="applyCobblestoneTheme()" [class.active]="currentTheme === 'cobblestone'">
|
|
20390
|
+
Cobblestone
|
|
20391
|
+
</button>
|
|
20294
20392
|
</div>
|
|
20295
20393
|
</div>
|
|
20296
20394
|
|