@indigina/ui-kit 1.1.233 → 1.1.234
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.
|
@@ -8349,11 +8349,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImpor
|
|
|
8349
8349
|
}], ctorParameters: () => [{ type: KitSettingsApiService }], propDecorators: { fetchUserSetting: [], setSettingByKey: [] } });
|
|
8350
8350
|
|
|
8351
8351
|
class KitUserSettingsComponent {
|
|
8352
|
-
constructor(store
|
|
8352
|
+
constructor(store) {
|
|
8353
8353
|
this.store = store;
|
|
8354
|
-
this.kitBreadcrumbsService = kitBreadcrumbsService;
|
|
8355
8354
|
this.kitUserSettings = input([], ...(ngDevMode ? [{ debugName: "kitUserSettings" }] : []));
|
|
8356
|
-
this.
|
|
8355
|
+
this.theme = input(KitThemes.Light, ...(ngDevMode ? [{ debugName: "theme" }] : []));
|
|
8357
8356
|
this.userSettings$ = this.store.select(KIT_USER_SETTINGS_STATE_TOKEN);
|
|
8358
8357
|
}
|
|
8359
8358
|
setUserSettingByKey(key, value) {
|
|
@@ -8362,19 +8361,19 @@ class KitUserSettingsComponent {
|
|
|
8362
8361
|
value: JSON.stringify(value),
|
|
8363
8362
|
}));
|
|
8364
8363
|
}
|
|
8365
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitUserSettingsComponent, deps: [{ token: i1$e.Store }
|
|
8366
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: KitUserSettingsComponent, isStandalone: true, selector: "kit-user-settings", inputs: { kitUserSettings: { classPropertyName: "kitUserSettings", publicName: "kitUserSettings", isSignal: true, isRequired: false, transformFunction: null }
|
|
8364
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitUserSettingsComponent, deps: [{ token: i1$e.Store }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8365
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: KitUserSettingsComponent, isStandalone: true, selector: "kit-user-settings", inputs: { kitUserSettings: { classPropertyName: "kitUserSettings", publicName: "kitUserSettings", isSignal: true, isRequired: false, transformFunction: null }, theme: { classPropertyName: "theme", publicName: "theme", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"kit-user-settings-title\"\n [ngClass]=\"theme()\">\n <kit-entity-title>\n {{ \"kit.userSettings.title\" | translate }}\n </kit-entity-title>\n</div>\n\n@if (userSettings$ | async; as userSettings) {\n <div class=\"kit-user-settings-content\"\n [ngClass]=\"theme()\">\n @for (setting of kitUserSettings(); track setting.key) {\n <p class=\"text\">{{ setting.title }}</p>\n <kit-toggle class=\"switcher\"\n [defaultChecked]=\"userSettings[setting.key] === 'true'\"\n (changed)=\"setUserSettingByKey(setting.key, $event)\" />\n }\n </div>\n}\n", styles: [".kit-user-settings-title{margin-top:25px;margin-bottom:25px}.kit-user-settings-content{display:grid;grid-template-columns:repeat(2,1fr);align-items:center;gap:10px}.kit-user-settings-content .text{color:var(--color-grey-4);font-size:14px;font-weight:400}.kit-user-settings-content .switcher{justify-self:end}.kit-user-settings-content.dark .text{color:var(--ui-kit-color-white)}::ng-deep .kit-user-settings-title.dark .kit-entity-title{color:var(--ui-kit-color-white)}\n"], dependencies: [{ kind: "ngmodule", type: KitToggleModule }, { kind: "component", type: KitToggleComponent, selector: "kit-toggle", inputs: ["label", "disabled", "readonly", "defaultChecked", "leftLabel", "rightLabel", "messageIcon", "messageText"], outputs: ["changed"] }, { kind: "ngmodule", type: KitEntityTitleModule }, { kind: "component", type: KitEntityTitleComponent, selector: "kit-entity-title" }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
8367
8366
|
}
|
|
8368
8367
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitUserSettingsComponent, decorators: [{
|
|
8369
8368
|
type: Component,
|
|
8370
8369
|
args: [{ selector: 'kit-user-settings', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
|
|
8371
|
-
KitBreadcrumbsModule,
|
|
8372
8370
|
KitToggleModule,
|
|
8373
8371
|
KitEntityTitleModule,
|
|
8374
8372
|
TranslatePipe,
|
|
8375
8373
|
AsyncPipe,
|
|
8376
|
-
|
|
8377
|
-
|
|
8374
|
+
NgClass,
|
|
8375
|
+
], template: "<div class=\"kit-user-settings-title\"\n [ngClass]=\"theme()\">\n <kit-entity-title>\n {{ \"kit.userSettings.title\" | translate }}\n </kit-entity-title>\n</div>\n\n@if (userSettings$ | async; as userSettings) {\n <div class=\"kit-user-settings-content\"\n [ngClass]=\"theme()\">\n @for (setting of kitUserSettings(); track setting.key) {\n <p class=\"text\">{{ setting.title }}</p>\n <kit-toggle class=\"switcher\"\n [defaultChecked]=\"userSettings[setting.key] === 'true'\"\n (changed)=\"setUserSettingByKey(setting.key, $event)\" />\n }\n </div>\n}\n", styles: [".kit-user-settings-title{margin-top:25px;margin-bottom:25px}.kit-user-settings-content{display:grid;grid-template-columns:repeat(2,1fr);align-items:center;gap:10px}.kit-user-settings-content .text{color:var(--color-grey-4);font-size:14px;font-weight:400}.kit-user-settings-content .switcher{justify-self:end}.kit-user-settings-content.dark .text{color:var(--ui-kit-color-white)}::ng-deep .kit-user-settings-title.dark .kit-entity-title{color:var(--ui-kit-color-white)}\n"] }]
|
|
8376
|
+
}], ctorParameters: () => [{ type: i1$e.Store }] });
|
|
8378
8377
|
|
|
8379
8378
|
var KitUserSettingsKeys;
|
|
8380
8379
|
(function (KitUserSettingsKeys) {
|