valtech-components 2.0.1017 → 2.0.1019
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/esm2022/lib/components/molecules/permission-selector/permission-selector.component.mjs +50 -5
- package/esm2022/lib/components/organisms/api-keys-modal/api-keys-modal.component.mjs +5 -5
- package/esm2022/lib/components/organisms/org-info-sheet/org-info-sheet.component.mjs +3 -3
- package/esm2022/lib/version.mjs +2 -2
- package/fesm2022/valtech-components.mjs +56 -11
- package/fesm2022/valtech-components.mjs.map +1 -1
- package/lib/components/molecules/permission-selector/permission-selector.component.d.ts +8 -1
- package/lib/version.d.ts +1 -1
- package/package.json +1 -1
|
@@ -54,7 +54,7 @@ import 'prismjs/components/prism-json';
|
|
|
54
54
|
* Current version of valtech-components.
|
|
55
55
|
* This is automatically updated during the publish process.
|
|
56
56
|
*/
|
|
57
|
-
const VERSION = '2.0.
|
|
57
|
+
const VERSION = '2.0.1019';
|
|
58
58
|
|
|
59
59
|
// Control de estado de refresco (singleton a nivel de módulo)
|
|
60
60
|
let isRefreshing = false;
|
|
@@ -28173,11 +28173,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
28173
28173
|
const DEFAULT_NAMESPACE$j = 'PermissionSelector';
|
|
28174
28174
|
const PERMISSION_SELECTOR_I18N = {
|
|
28175
28175
|
es: {
|
|
28176
|
-
selectAll: '
|
|
28176
|
+
selectAll: 'Todo',
|
|
28177
|
+
clearAll: 'Ninguno',
|
|
28177
28178
|
empty: 'No hay permisos disponibles para asignar.',
|
|
28178
28179
|
},
|
|
28179
28180
|
en: {
|
|
28180
28181
|
selectAll: 'All',
|
|
28182
|
+
clearAll: 'None',
|
|
28181
28183
|
empty: 'No permissions available to assign.',
|
|
28182
28184
|
},
|
|
28183
28185
|
};
|
|
@@ -28202,8 +28204,20 @@ class PermissionSelectorComponent {
|
|
|
28202
28204
|
this.actionLabels = input({});
|
|
28203
28205
|
/** Idioma activo (es/en). Si no se pasa, usa el de `I18nService`. */
|
|
28204
28206
|
this.locale = input('');
|
|
28207
|
+
/** Título opcional de la barra superior (con contador + toggle "Todo"). */
|
|
28208
|
+
this.header = input('');
|
|
28205
28209
|
/** Permisos seleccionados (`resource:action`). Two-way (`model`). */
|
|
28206
28210
|
this.selected = model([]);
|
|
28211
|
+
/** Todos los códigos seleccionables (`resource:action`) del catálogo actual. */
|
|
28212
|
+
this.allCodes = computed(() => this.permissions().flatMap(r => r.actions.map(a => `${r.resource}:${a}`)));
|
|
28213
|
+
this.selectedCount = computed(() => this.selected().length);
|
|
28214
|
+
this.allSelected = computed(() => {
|
|
28215
|
+
const all = this.allCodes();
|
|
28216
|
+
if (all.length === 0)
|
|
28217
|
+
return false;
|
|
28218
|
+
const sel = new Set(this.selected());
|
|
28219
|
+
return all.every(c => sel.has(c));
|
|
28220
|
+
});
|
|
28207
28221
|
this.activeLocale = computed(() => this.locale() || this.i18n.lang());
|
|
28208
28222
|
this.groups = computed(() => {
|
|
28209
28223
|
const sel = new Set(this.selected());
|
|
@@ -28237,6 +28251,9 @@ class PermissionSelectorComponent {
|
|
|
28237
28251
|
sel.add(code);
|
|
28238
28252
|
this.selected.set([...sel]);
|
|
28239
28253
|
}
|
|
28254
|
+
toggleAll() {
|
|
28255
|
+
this.selected.set(this.allSelected() ? [] : [...this.allCodes()]);
|
|
28256
|
+
}
|
|
28240
28257
|
toggleGroup(resource) {
|
|
28241
28258
|
const group = this.groups().find(g => g.resource === resource);
|
|
28242
28259
|
if (!group)
|
|
@@ -28253,7 +28270,21 @@ class PermissionSelectorComponent {
|
|
|
28253
28270
|
return this.i18n.t(key, DEFAULT_NAMESPACE$j);
|
|
28254
28271
|
}
|
|
28255
28272
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PermissionSelectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
28256
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: PermissionSelectorComponent, isStandalone: true, selector: "val-permission-selector", inputs: { permissions: { classPropertyName: "permissions", publicName: "permissions", isSignal: true, isRequired: false, transformFunction: null }, actionLabels: { classPropertyName: "actionLabels", publicName: "actionLabels", isSignal: true, isRequired: false, transformFunction: null }, locale: { classPropertyName: "locale", publicName: "locale", isSignal: true, isRequired: false, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selected: "selectedChange" }, ngImport: i0, template: `
|
|
28273
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: PermissionSelectorComponent, isStandalone: true, selector: "val-permission-selector", inputs: { permissions: { classPropertyName: "permissions", publicName: "permissions", isSignal: true, isRequired: false, transformFunction: null }, actionLabels: { classPropertyName: "actionLabels", publicName: "actionLabels", isSignal: true, isRequired: false, transformFunction: null }, locale: { classPropertyName: "locale", publicName: "locale", isSignal: true, isRequired: false, transformFunction: null }, header: { classPropertyName: "header", publicName: "header", isSignal: true, isRequired: false, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selected: "selectedChange" }, ngImport: i0, template: `
|
|
28274
|
+
@if (header() || allCodes().length > 0) {
|
|
28275
|
+
<div class="perm-selector__bar">
|
|
28276
|
+
@if (header()) {
|
|
28277
|
+
<span class="perm-selector__title">{{ header() }} ({{ selectedCount() }})</span>
|
|
28278
|
+
} @else {
|
|
28279
|
+
<span></span>
|
|
28280
|
+
}
|
|
28281
|
+
@if (allCodes().length > 0) {
|
|
28282
|
+
<button type="button" class="perm-selector__toggle" (click)="toggleAll()">
|
|
28283
|
+
{{ allSelected() ? tt('clearAll') : tt('selectAll') }}
|
|
28284
|
+
</button>
|
|
28285
|
+
}
|
|
28286
|
+
</div>
|
|
28287
|
+
}
|
|
28257
28288
|
@if (groups().length === 0) {
|
|
28258
28289
|
<val-text [props]="{ content: tt('empty'), size: 'medium', color: 'medium', bold: false }" />
|
|
28259
28290
|
} @else {
|
|
@@ -28284,11 +28315,25 @@ class PermissionSelectorComponent {
|
|
|
28284
28315
|
}
|
|
28285
28316
|
</div>
|
|
28286
28317
|
}
|
|
28287
|
-
`, isInline: true, styles: [":host{display:block}.perm-selector{display:flex;flex-direction:column;gap:10px}.perm-group{border:1.5px solid var(--ion-color-light, #e7e4ea);border-radius:12px;padding:12px 14px;transition:border-color .15s ease}.perm-group--active{border-color:var(--ion-color-
|
|
28318
|
+
`, isInline: true, styles: [":host{display:block}.perm-selector__bar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.perm-selector__title{font-size:.8125rem;font-weight:600;color:var(--ion-color-dark)}.perm-selector__toggle{appearance:none;background:transparent;border:none;padding:4px 2px;font-size:.8125rem;font-weight:600;color:var(--ion-color-secondary-shade, var(--ion-color-secondary));cursor:pointer}.perm-selector__toggle:hover{text-decoration:underline}.perm-selector{display:flex;flex-direction:column;gap:10px}.perm-group{border:1.5px solid var(--ion-color-light, #e7e4ea);border-radius:12px;padding:12px 14px;transition:border-color .15s ease}.perm-group--active{border-color:var(--ion-color-secondary, #c090ff)}.perm-group__head{display:flex;align-items:center;justify-content:space-between;gap:8px}.perm-group__all{display:flex;align-items:center;gap:10px;cursor:pointer;font-weight:600;color:var(--ion-color-dark)}.perm-group__all input{width:18px;height:18px;accent-color:var(--ion-color-secondary, #c090ff);cursor:pointer}.perm-group__title{font-size:.95rem}.perm-group__count{font-size:.75rem;color:var(--ion-color-medium, #6b6675);flex-shrink:0}.perm-group__actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.perm-chip{appearance:none;border:1.5px solid var(--ion-color-medium, #6b6675);background:transparent;color:var(--ion-color-dark);border-radius:999px;padding:5px 14px;font-size:.8125rem;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.perm-chip:hover{border-color:var(--ion-color-secondary, #c090ff)}.perm-chip--on{background:var(--ion-color-secondary, #c090ff);border-color:var(--ion-color-secondary, #c090ff);color:var(--ion-color-secondary-contrast, #2f2a36)}:host-context(body.dark) .perm-group,:host-context(html.ion-palette-dark) .perm-group{border-color:#ffffff1f}\n"], dependencies: [{ kind: "component", type: TextComponent, selector: "val-text", inputs: ["props"] }] }); }
|
|
28288
28319
|
}
|
|
28289
28320
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PermissionSelectorComponent, decorators: [{
|
|
28290
28321
|
type: Component,
|
|
28291
28322
|
args: [{ selector: 'val-permission-selector', standalone: true, imports: [TextComponent], template: `
|
|
28323
|
+
@if (header() || allCodes().length > 0) {
|
|
28324
|
+
<div class="perm-selector__bar">
|
|
28325
|
+
@if (header()) {
|
|
28326
|
+
<span class="perm-selector__title">{{ header() }} ({{ selectedCount() }})</span>
|
|
28327
|
+
} @else {
|
|
28328
|
+
<span></span>
|
|
28329
|
+
}
|
|
28330
|
+
@if (allCodes().length > 0) {
|
|
28331
|
+
<button type="button" class="perm-selector__toggle" (click)="toggleAll()">
|
|
28332
|
+
{{ allSelected() ? tt('clearAll') : tt('selectAll') }}
|
|
28333
|
+
</button>
|
|
28334
|
+
}
|
|
28335
|
+
</div>
|
|
28336
|
+
}
|
|
28292
28337
|
@if (groups().length === 0) {
|
|
28293
28338
|
<val-text [props]="{ content: tt('empty'), size: 'medium', color: 'medium', bold: false }" />
|
|
28294
28339
|
} @else {
|
|
@@ -28319,7 +28364,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
28319
28364
|
}
|
|
28320
28365
|
</div>
|
|
28321
28366
|
}
|
|
28322
|
-
`, styles: [":host{display:block}.perm-selector{display:flex;flex-direction:column;gap:10px}.perm-group{border:1.5px solid var(--ion-color-light, #e7e4ea);border-radius:12px;padding:12px 14px;transition:border-color .15s ease}.perm-group--active{border-color:var(--ion-color-
|
|
28367
|
+
`, styles: [":host{display:block}.perm-selector__bar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.perm-selector__title{font-size:.8125rem;font-weight:600;color:var(--ion-color-dark)}.perm-selector__toggle{appearance:none;background:transparent;border:none;padding:4px 2px;font-size:.8125rem;font-weight:600;color:var(--ion-color-secondary-shade, var(--ion-color-secondary));cursor:pointer}.perm-selector__toggle:hover{text-decoration:underline}.perm-selector{display:flex;flex-direction:column;gap:10px}.perm-group{border:1.5px solid var(--ion-color-light, #e7e4ea);border-radius:12px;padding:12px 14px;transition:border-color .15s ease}.perm-group--active{border-color:var(--ion-color-secondary, #c090ff)}.perm-group__head{display:flex;align-items:center;justify-content:space-between;gap:8px}.perm-group__all{display:flex;align-items:center;gap:10px;cursor:pointer;font-weight:600;color:var(--ion-color-dark)}.perm-group__all input{width:18px;height:18px;accent-color:var(--ion-color-secondary, #c090ff);cursor:pointer}.perm-group__title{font-size:.95rem}.perm-group__count{font-size:.75rem;color:var(--ion-color-medium, #6b6675);flex-shrink:0}.perm-group__actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.perm-chip{appearance:none;border:1.5px solid var(--ion-color-medium, #6b6675);background:transparent;color:var(--ion-color-dark);border-radius:999px;padding:5px 14px;font-size:.8125rem;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.perm-chip:hover{border-color:var(--ion-color-secondary, #c090ff)}.perm-chip--on{background:var(--ion-color-secondary, #c090ff);border-color:var(--ion-color-secondary, #c090ff);color:var(--ion-color-secondary-contrast, #2f2a36)}:host-context(body.dark) .perm-group,:host-context(html.ion-palette-dark) .perm-group{border-color:#ffffff1f}\n"] }]
|
|
28323
28368
|
}], ctorParameters: () => [] });
|
|
28324
28369
|
|
|
28325
28370
|
addIcons({ checkmarkCircle, closeCircle, alertCircle });
|
|
@@ -46337,7 +46382,7 @@ class OrgInfoSheetComponent {
|
|
|
46337
46382
|
<val-button [props]="resolvedCloseProps()" (click)="dismiss()" />
|
|
46338
46383
|
</div>
|
|
46339
46384
|
</ion-content>
|
|
46340
|
-
`, isInline: true, styles: ["ion-content{--padding-bottom:
|
|
46385
|
+
`, isInline: true, styles: ["ion-content{--padding-bottom: 64px}val-display{margin-bottom:4px;display:block}val-title{margin-bottom:8px;display:block}.info-features{display:flex;flex-direction:column;gap:12px;margin:16px 0}.info-feature{display:flex;align-items:flex-start;gap:14px;padding:12px 14px;border-radius:10px;background:var(--ion-color-light, #f4f5f8)}:host-context(body.dark) .info-feature,:host-context(html.ion-palette-dark) .info-feature,:host-context([data-theme=\"dark\"]) .info-feature{background:#ffffff0d}.info-feature__icon{font-size:22px;color:var(--ion-color-primary);flex-shrink:0;margin-top:2px}.info-feature__title{font-weight:600;font-size:.9rem;color:var(--ion-color-dark)}.info-feature__desc{font-size:.82rem;color:var(--ion-color-medium);margin-top:2px}.sheet-footer{margin-top:20px}\n"], dependencies: [{ kind: "component", type: IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "component", type: IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: IonContent, selector: "ion-content", inputs: ["color", "fixedSlotPlacement", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: ButtonComponent, selector: "val-button", inputs: ["preset", "props"], outputs: ["onClick"] }, { kind: "component", type: DisplayComponent, selector: "val-display", inputs: ["props"] }, { kind: "component", type: TextComponent, selector: "val-text", inputs: ["props"] }, { kind: "component", type: TitleComponent, selector: "val-title", inputs: ["props"] }] }); }
|
|
46341
46386
|
}
|
|
46342
46387
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: OrgInfoSheetComponent, decorators: [{
|
|
46343
46388
|
type: Component,
|
|
@@ -46408,7 +46453,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
46408
46453
|
<val-button [props]="resolvedCloseProps()" (click)="dismiss()" />
|
|
46409
46454
|
</div>
|
|
46410
46455
|
</ion-content>
|
|
46411
|
-
`, styles: ["ion-content{--padding-bottom:
|
|
46456
|
+
`, styles: ["ion-content{--padding-bottom: 64px}val-display{margin-bottom:4px;display:block}val-title{margin-bottom:8px;display:block}.info-features{display:flex;flex-direction:column;gap:12px;margin:16px 0}.info-feature{display:flex;align-items:flex-start;gap:14px;padding:12px 14px;border-radius:10px;background:var(--ion-color-light, #f4f5f8)}:host-context(body.dark) .info-feature,:host-context(html.ion-palette-dark) .info-feature,:host-context([data-theme=\"dark\"]) .info-feature{background:#ffffff0d}.info-feature__icon{font-size:22px;color:var(--ion-color-primary);flex-shrink:0;margin-top:2px}.info-feature__title{font-weight:600;font-size:.9rem;color:var(--ion-color-dark)}.info-feature__desc{font-size:.82rem;color:var(--ion-color-medium);margin-top:2px}.sheet-footer{margin-top:20px}\n"] }]
|
|
46412
46457
|
}], ctorParameters: () => [], propDecorators: { title: [{
|
|
46413
46458
|
type: Input
|
|
46414
46459
|
}], subtitle: [{
|
|
@@ -49811,8 +49856,8 @@ class ApiKeysModalComponent {
|
|
|
49811
49856
|
<!-- Crear — val-form (nombre + expiración) + selector de permisos. -->
|
|
49812
49857
|
@if (showCreate()) {
|
|
49813
49858
|
<div class="apikey-create">
|
|
49814
|
-
<p class="apikey-create__label">{{ t('permissionsLabel') }} ({{ selectedPerms().length }})</p>
|
|
49815
49859
|
<val-permission-selector
|
|
49860
|
+
[header]="t('permissionsLabel')"
|
|
49816
49861
|
[permissions]="catalogPermissions()"
|
|
49817
49862
|
[actionLabels]="actionLabels()"
|
|
49818
49863
|
[selected]="selectedPerms()"
|
|
@@ -49833,7 +49878,7 @@ class ApiKeysModalComponent {
|
|
|
49833
49878
|
}
|
|
49834
49879
|
}
|
|
49835
49880
|
</ion-content>
|
|
49836
|
-
`, isInline: true, styles: ["val-display{display:block;margin-bottom:4px}val-title{display:block;margin-bottom:12px}.apikey-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.apikey-row{display:flex;align-items:center;justify-content:space-between;padding:12px;border-radius:10px;border:1.5px solid var(--ion-color-light)}.apikey-row__main{display:flex;flex-direction:column}.apikey-row__name{font-weight:600;color:var(--ion-color-dark)}.apikey-row__meta{font-size:12px;color:var(--ion-color-medium-shade, #6b6e76)}.apikey-create{margin-top:8px;padding:
|
|
49881
|
+
`, isInline: true, styles: ["ion-content{--padding-bottom: 64px}val-display{display:block;margin-bottom:4px}val-title{display:block;margin-bottom:12px}.apikey-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.apikey-row{display:flex;align-items:center;justify-content:space-between;padding:12px;border-radius:10px;border:1.5px solid var(--ion-color-light)}.apikey-row__main{display:flex;flex-direction:column}.apikey-row__name{font-weight:600;color:var(--ion-color-dark)}.apikey-row__meta{font-size:12px;color:var(--ion-color-medium-shade, #6b6e76)}.apikey-create{margin-top:8px;padding:4px 0 0}.apikey-perms{display:flex;flex-direction:column;gap:6px;margin-bottom:12px;font-size:13px}.apikey-actions{margin-top:16px;display:flex;flex-direction:column;gap:8px}.apikey-error{margin:8px 0;font-size:.875rem;color:var(--ion-color-danger, #c0392b)}.apikey-secret__warn{font-size:.875rem;color:var(--ion-color-warning-shade, #b88600);margin:0 0 12px}.apikey-secret__box{padding:12px;border-radius:8px;background:var(--ion-color-dark);color:#fff;word-break:break-all;font-family:monospace;font-size:13px}\n"], dependencies: [{ kind: "component", type: IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "component", type: IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: IonContent, selector: "ion-content", inputs: ["color", "fixedSlotPlacement", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: IonSpinner, selector: "ion-spinner", inputs: ["color", "duration", "name", "paused"] }, { kind: "component", type: FormComponent, selector: "val-form", inputs: ["props"], outputs: ["onSubmit", "onInvalid", "onSelectChange"] }, { kind: "component", type: DisplayComponent, selector: "val-display", inputs: ["props"] }, { kind: "component", type: TextComponent, selector: "val-text", inputs: ["props"] }, { kind: "component", type: TitleComponent, selector: "val-title", inputs: ["props"] }, { kind: "component", type: PermissionSelectorComponent, selector: "val-permission-selector", inputs: ["permissions", "actionLabels", "locale", "header", "selected"], outputs: ["selectedChange"] }] }); }
|
|
49837
49882
|
}
|
|
49838
49883
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ApiKeysModalComponent, decorators: [{
|
|
49839
49884
|
type: Component,
|
|
@@ -49914,8 +49959,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
49914
49959
|
<!-- Crear — val-form (nombre + expiración) + selector de permisos. -->
|
|
49915
49960
|
@if (showCreate()) {
|
|
49916
49961
|
<div class="apikey-create">
|
|
49917
|
-
<p class="apikey-create__label">{{ t('permissionsLabel') }} ({{ selectedPerms().length }})</p>
|
|
49918
49962
|
<val-permission-selector
|
|
49963
|
+
[header]="t('permissionsLabel')"
|
|
49919
49964
|
[permissions]="catalogPermissions()"
|
|
49920
49965
|
[actionLabels]="actionLabels()"
|
|
49921
49966
|
[selected]="selectedPerms()"
|
|
@@ -49936,7 +49981,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
49936
49981
|
}
|
|
49937
49982
|
}
|
|
49938
49983
|
</ion-content>
|
|
49939
|
-
`, styles: ["val-display{display:block;margin-bottom:4px}val-title{display:block;margin-bottom:12px}.apikey-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.apikey-row{display:flex;align-items:center;justify-content:space-between;padding:12px;border-radius:10px;border:1.5px solid var(--ion-color-light)}.apikey-row__main{display:flex;flex-direction:column}.apikey-row__name{font-weight:600;color:var(--ion-color-dark)}.apikey-row__meta{font-size:12px;color:var(--ion-color-medium-shade, #6b6e76)}.apikey-create{margin-top:8px;padding:
|
|
49984
|
+
`, styles: ["ion-content{--padding-bottom: 64px}val-display{display:block;margin-bottom:4px}val-title{display:block;margin-bottom:12px}.apikey-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.apikey-row{display:flex;align-items:center;justify-content:space-between;padding:12px;border-radius:10px;border:1.5px solid var(--ion-color-light)}.apikey-row__main{display:flex;flex-direction:column}.apikey-row__name{font-weight:600;color:var(--ion-color-dark)}.apikey-row__meta{font-size:12px;color:var(--ion-color-medium-shade, #6b6e76)}.apikey-create{margin-top:8px;padding:4px 0 0}.apikey-perms{display:flex;flex-direction:column;gap:6px;margin-bottom:12px;font-size:13px}.apikey-actions{margin-top:16px;display:flex;flex-direction:column;gap:8px}.apikey-error{margin:8px 0;font-size:.875rem;color:var(--ion-color-danger, #c0392b)}.apikey-secret__warn{font-size:.875rem;color:var(--ion-color-warning-shade, #b88600);margin:0 0 12px}.apikey-secret__box{padding:12px;border-radius:8px;background:var(--ion-color-dark);color:#fff;word-break:break-all;font-family:monospace;font-size:13px}\n"] }]
|
|
49940
49985
|
}], ctorParameters: () => [], propDecorators: { _modalRef: [{
|
|
49941
49986
|
type: Input
|
|
49942
49987
|
}], i18nNamespace: [{
|