@devjuliovilla/jv-ui 1.5.5 → 1.6.0
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/README.md +313 -268
- package/fesm2022/devjuliovilla-jv-ui.mjs +198 -3
- package/fesm2022/devjuliovilla-jv-ui.mjs.map +1 -1
- package/package.json +2 -2
- package/types/devjuliovilla-jv-ui.d.ts +56 -2
|
@@ -18886,6 +18886,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
|
|
|
18886
18886
|
}] });
|
|
18887
18887
|
|
|
18888
18888
|
const ES = {
|
|
18889
|
+
'list.emptyMessage': 'No hay elementos',
|
|
18889
18890
|
'grid.emptyMessage': 'No hay registros',
|
|
18890
18891
|
'grid.noResults': 'No se encontraron resultados',
|
|
18891
18892
|
'grid.searchPlaceholder': 'Buscar...',
|
|
@@ -18921,6 +18922,7 @@ const ES = {
|
|
|
18921
18922
|
};
|
|
18922
18923
|
|
|
18923
18924
|
const EN = {
|
|
18925
|
+
'list.emptyMessage': 'No items',
|
|
18924
18926
|
'grid.emptyMessage': 'No records found',
|
|
18925
18927
|
'grid.noResults': 'No results found',
|
|
18926
18928
|
'grid.searchPlaceholder': 'Search...',
|
|
@@ -19383,6 +19385,97 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
|
|
|
19383
19385
|
`, styles: [".jv-switch{display:inline-flex;align-items:center;gap:var(--jv-spacing-sm);min-height:var(--jv-density-control-height);color:var(--jv-color-foreground)}.jv-switch.is-disabled{opacity:.7}.jv-switch-input{position:absolute;opacity:0;pointer-events:none}.jv-switch-track{position:relative;display:inline-flex;align-items:center;width:2.75rem;height:1.6rem;padding:.15rem;border-radius:999px;background:var(--jv-color-border);transition:background-color .16s ease}.jv-switch-thumb{width:1.25rem;height:1.25rem;border-radius:999px;background:#fff;box-shadow:var(--jv-shadow-sm);transition:transform .16s ease}.jv-switch-input:checked+.jv-switch-track{background:var(--jv-color-primary)}.jv-switch-input:checked+.jv-switch-track .jv-switch-thumb{transform:translate(1.1rem)}\n"] }]
|
|
19384
19386
|
}], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], describedBy: [{ type: i0.Input, args: [{ isSignal: true, alias: "describedBy", required: false }] }], inputId: [{ type: i0.Input, args: [{ isSignal: true, alias: "inputId", required: false }] }] } });
|
|
19385
19387
|
|
|
19388
|
+
let textareaIdSequence = 0;
|
|
19389
|
+
class JvTextareaComponent {
|
|
19390
|
+
placeholder = input('', ...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
|
|
19391
|
+
required = input(false, ...(ngDevMode ? [{ debugName: "required" }] : /* istanbul ignore next */ []));
|
|
19392
|
+
invalid = input(false, ...(ngDevMode ? [{ debugName: "invalid" }] : /* istanbul ignore next */ []));
|
|
19393
|
+
describedBy = input('', ...(ngDevMode ? [{ debugName: "describedBy" }] : /* istanbul ignore next */ []));
|
|
19394
|
+
readonly = input(false, ...(ngDevMode ? [{ debugName: "readonly" }] : /* istanbul ignore next */ []));
|
|
19395
|
+
rows = input(3, ...(ngDevMode ? [{ debugName: "rows" }] : /* istanbul ignore next */ []));
|
|
19396
|
+
cols = input(undefined, ...(ngDevMode ? [{ debugName: "cols" }] : /* istanbul ignore next */ []));
|
|
19397
|
+
maxlength = input(undefined, ...(ngDevMode ? [{ debugName: "maxlength" }] : /* istanbul ignore next */ []));
|
|
19398
|
+
inputId = input(`jv-textarea-${++textareaIdSequence}`, ...(ngDevMode ? [{ debugName: "inputId" }] : /* istanbul ignore next */ []));
|
|
19399
|
+
value = '';
|
|
19400
|
+
disabled = false;
|
|
19401
|
+
onChange = () => undefined;
|
|
19402
|
+
onTouched = () => undefined;
|
|
19403
|
+
writeValue(value) {
|
|
19404
|
+
this.value = value ?? '';
|
|
19405
|
+
}
|
|
19406
|
+
registerOnChange(fn) {
|
|
19407
|
+
this.onChange = fn;
|
|
19408
|
+
}
|
|
19409
|
+
registerOnTouched(fn) {
|
|
19410
|
+
this.onTouched = fn;
|
|
19411
|
+
}
|
|
19412
|
+
setDisabledState(isDisabled) {
|
|
19413
|
+
this.disabled = isDisabled;
|
|
19414
|
+
}
|
|
19415
|
+
handleInput(event) {
|
|
19416
|
+
const nextValue = event.target.value;
|
|
19417
|
+
this.value = nextValue;
|
|
19418
|
+
this.onChange(nextValue);
|
|
19419
|
+
}
|
|
19420
|
+
handleBlur() {
|
|
19421
|
+
this.onTouched();
|
|
19422
|
+
}
|
|
19423
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: JvTextareaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
19424
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.17", type: JvTextareaComponent, isStandalone: true, selector: "jv-textarea", inputs: { placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, describedBy: { classPropertyName: "describedBy", publicName: "describedBy", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null }, cols: { classPropertyName: "cols", publicName: "cols", isSignal: true, isRequired: false, transformFunction: null }, maxlength: { classPropertyName: "maxlength", publicName: "maxlength", isSignal: true, isRequired: false, transformFunction: null }, inputId: { classPropertyName: "inputId", publicName: "inputId", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
|
|
19425
|
+
{
|
|
19426
|
+
provide: NG_VALUE_ACCESSOR,
|
|
19427
|
+
useExisting: forwardRef(() => JvTextareaComponent),
|
|
19428
|
+
multi: true,
|
|
19429
|
+
},
|
|
19430
|
+
], ngImport: i0, template: `
|
|
19431
|
+
<textarea
|
|
19432
|
+
class="jv-textarea"
|
|
19433
|
+
[class.is-invalid]="invalid()"
|
|
19434
|
+
[id]="inputId()"
|
|
19435
|
+
[value]="value"
|
|
19436
|
+
[placeholder]="placeholder()"
|
|
19437
|
+
[required]="required()"
|
|
19438
|
+
[disabled]="disabled"
|
|
19439
|
+
[readonly]="readonly()"
|
|
19440
|
+
[rows]="rows()"
|
|
19441
|
+
[cols]="cols()"
|
|
19442
|
+
[attr.maxlength]="maxlength() ?? null"
|
|
19443
|
+
[attr.aria-invalid]="invalid() ? 'true' : null"
|
|
19444
|
+
[attr.aria-describedby]="describedBy() || null"
|
|
19445
|
+
(input)="handleInput($event)"
|
|
19446
|
+
(blur)="handleBlur()"
|
|
19447
|
+
></textarea>
|
|
19448
|
+
`, isInline: true, styles: [".jv-textarea{width:100%;min-height:var(--jv-density-control-height);padding:var(--jv-spacing-sm) var(--jv-spacing-md);border:1px solid var(--jv-color-border);border-radius:var(--jv-radius-md);background:var(--jv-color-surface);color:var(--jv-color-foreground);resize:vertical;font-family:inherit;font-size:inherit;line-height:inherit;box-sizing:border-box}.jv-textarea::placeholder{color:var(--jv-color-foreground-muted)}.jv-textarea.is-invalid{border-color:var(--jv-color-danger)}.jv-textarea:disabled{opacity:.7;cursor:not-allowed}.jv-textarea:read-only{background:var(--jv-color-surface-muted);cursor:default}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] });
|
|
19449
|
+
}
|
|
19450
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: JvTextareaComponent, decorators: [{
|
|
19451
|
+
type: Component,
|
|
19452
|
+
args: [{ selector: 'jv-textarea', standalone: true, imports: [CommonModule], providers: [
|
|
19453
|
+
{
|
|
19454
|
+
provide: NG_VALUE_ACCESSOR,
|
|
19455
|
+
useExisting: forwardRef(() => JvTextareaComponent),
|
|
19456
|
+
multi: true,
|
|
19457
|
+
},
|
|
19458
|
+
], template: `
|
|
19459
|
+
<textarea
|
|
19460
|
+
class="jv-textarea"
|
|
19461
|
+
[class.is-invalid]="invalid()"
|
|
19462
|
+
[id]="inputId()"
|
|
19463
|
+
[value]="value"
|
|
19464
|
+
[placeholder]="placeholder()"
|
|
19465
|
+
[required]="required()"
|
|
19466
|
+
[disabled]="disabled"
|
|
19467
|
+
[readonly]="readonly()"
|
|
19468
|
+
[rows]="rows()"
|
|
19469
|
+
[cols]="cols()"
|
|
19470
|
+
[attr.maxlength]="maxlength() ?? null"
|
|
19471
|
+
[attr.aria-invalid]="invalid() ? 'true' : null"
|
|
19472
|
+
[attr.aria-describedby]="describedBy() || null"
|
|
19473
|
+
(input)="handleInput($event)"
|
|
19474
|
+
(blur)="handleBlur()"
|
|
19475
|
+
></textarea>
|
|
19476
|
+
`, styles: [".jv-textarea{width:100%;min-height:var(--jv-density-control-height);padding:var(--jv-spacing-sm) var(--jv-spacing-md);border:1px solid var(--jv-color-border);border-radius:var(--jv-radius-md);background:var(--jv-color-surface);color:var(--jv-color-foreground);resize:vertical;font-family:inherit;font-size:inherit;line-height:inherit;box-sizing:border-box}.jv-textarea::placeholder{color:var(--jv-color-foreground-muted)}.jv-textarea.is-invalid{border-color:var(--jv-color-danger)}.jv-textarea:disabled{opacity:.7;cursor:not-allowed}.jv-textarea:read-only{background:var(--jv-color-surface-muted);cursor:default}\n"] }]
|
|
19477
|
+
}], propDecorators: { placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], describedBy: [{ type: i0.Input, args: [{ isSignal: true, alias: "describedBy", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], rows: [{ type: i0.Input, args: [{ isSignal: true, alias: "rows", required: false }] }], cols: [{ type: i0.Input, args: [{ isSignal: true, alias: "cols", required: false }] }], maxlength: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxlength", required: false }] }], inputId: [{ type: i0.Input, args: [{ isSignal: true, alias: "inputId", required: false }] }] } });
|
|
19478
|
+
|
|
19386
19479
|
class JvDialogService {
|
|
19387
19480
|
announcementService = inject(JvAnnouncementService);
|
|
19388
19481
|
document = inject(DOCUMENT);
|
|
@@ -20190,6 +20283,108 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
|
|
|
20190
20283
|
`, styles: [".jv-page{display:grid;gap:var(--jv-spacing-lg);min-width:0}.jv-page-header{display:grid;gap:var(--jv-spacing-sm)}.jv-page-content{min-width:0}.eyebrow{margin:0;color:var(--jv-color-primary);font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}h1,.description{margin:0}.description{color:var(--jv-color-foreground-muted);max-width:72ch}\n"] }]
|
|
20191
20284
|
}], propDecorators: { eyebrow: [{ type: i0.Input, args: [{ isSignal: true, alias: "eyebrow", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], description: [{ type: i0.Input, args: [{ isSignal: true, alias: "description", required: false }] }], breadcrumbs: [{ type: i0.Input, args: [{ isSignal: true, alias: "breadcrumbs", required: false }] }] } });
|
|
20192
20285
|
|
|
20286
|
+
class JvListComponent {
|
|
20287
|
+
role = input('list', ...(ngDevMode ? [{ debugName: "role" }] : /* istanbul ignore next */ []));
|
|
20288
|
+
variant = input(null, ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
|
|
20289
|
+
ariaLabel = input('', ...(ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
|
|
20290
|
+
variantClass = computed(() => {
|
|
20291
|
+
const v = this.variant();
|
|
20292
|
+
return v ? `jv-list--${v}` : '';
|
|
20293
|
+
}, ...(ngDevMode ? [{ debugName: "variantClass" }] : /* istanbul ignore next */ []));
|
|
20294
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: JvListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
20295
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.17", type: JvListComponent, isStandalone: true, selector: "jv-list", inputs: { role: { classPropertyName: "role", publicName: "role", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
|
|
20296
|
+
<ul
|
|
20297
|
+
class="jv-list"
|
|
20298
|
+
[class]="variantClass()"
|
|
20299
|
+
[attr.role]="role() === 'navigation' ? 'list' : null"
|
|
20300
|
+
[attr.aria-label]="ariaLabel()"
|
|
20301
|
+
>
|
|
20302
|
+
<ng-content />
|
|
20303
|
+
</ul>
|
|
20304
|
+
`, isInline: true, styles: [".jv-list{display:block;list-style:none;margin:0;padding:0}.jv-list--bordered{border:1px solid var(--jv-color-border);border-radius:var(--jv-radius-md)}.jv-list--bordered>:not(:last-child){border-bottom:1px solid var(--jv-color-border)}\n"] });
|
|
20305
|
+
}
|
|
20306
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: JvListComponent, decorators: [{
|
|
20307
|
+
type: Component,
|
|
20308
|
+
args: [{ selector: 'jv-list', standalone: true, template: `
|
|
20309
|
+
<ul
|
|
20310
|
+
class="jv-list"
|
|
20311
|
+
[class]="variantClass()"
|
|
20312
|
+
[attr.role]="role() === 'navigation' ? 'list' : null"
|
|
20313
|
+
[attr.aria-label]="ariaLabel()"
|
|
20314
|
+
>
|
|
20315
|
+
<ng-content />
|
|
20316
|
+
</ul>
|
|
20317
|
+
`, styles: [".jv-list{display:block;list-style:none;margin:0;padding:0}.jv-list--bordered{border:1px solid var(--jv-color-border);border-radius:var(--jv-radius-md)}.jv-list--bordered>:not(:last-child){border-bottom:1px solid var(--jv-color-border)}\n"] }]
|
|
20318
|
+
}], propDecorators: { role: [{ type: i0.Input, args: [{ isSignal: true, alias: "role", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }] } });
|
|
20319
|
+
|
|
20320
|
+
class JvListItemComponent {
|
|
20321
|
+
title = input.required(...(ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []));
|
|
20322
|
+
description = input('', ...(ngDevMode ? [{ debugName: "description" }] : /* istanbul ignore next */ []));
|
|
20323
|
+
leadingIcon = input(null, ...(ngDevMode ? [{ debugName: "leadingIcon" }] : /* istanbul ignore next */ []));
|
|
20324
|
+
disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
|
|
20325
|
+
active = input(false, ...(ngDevMode ? [{ debugName: "active" }] : /* istanbul ignore next */ []));
|
|
20326
|
+
activated = output();
|
|
20327
|
+
onActivate() {
|
|
20328
|
+
if (!this.disabled()) {
|
|
20329
|
+
this.activated.emit();
|
|
20330
|
+
}
|
|
20331
|
+
}
|
|
20332
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: JvListItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
20333
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: JvListItemComponent, isStandalone: true, selector: "jv-list-item", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: true, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, leadingIcon: { classPropertyName: "leadingIcon", publicName: "leadingIcon", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, active: { classPropertyName: "active", publicName: "active", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { activated: "activated" }, ngImport: i0, template: `
|
|
20334
|
+
<li
|
|
20335
|
+
class="jv-list-item"
|
|
20336
|
+
[class.jv-list-item--disabled]="disabled()"
|
|
20337
|
+
[class.jv-list-item--active]="active()"
|
|
20338
|
+
tabindex="0"
|
|
20339
|
+
role="listitem"
|
|
20340
|
+
(click)="onActivate()"
|
|
20341
|
+
(keydown.enter)="onActivate()"
|
|
20342
|
+
(keydown.space)="onActivate(); $event.preventDefault()"
|
|
20343
|
+
>
|
|
20344
|
+
@if (leadingIcon()) {
|
|
20345
|
+
<jv-icon [name]="leadingIcon()!" class="jv-list-item-leading" [size]="18" />
|
|
20346
|
+
}
|
|
20347
|
+
<div class="jv-list-item-text">
|
|
20348
|
+
<span class="jv-list-item-title">{{ title() }}</span>
|
|
20349
|
+
@if (description()) {
|
|
20350
|
+
<span class="jv-list-item-description">{{ description() }}</span>
|
|
20351
|
+
}
|
|
20352
|
+
</div>
|
|
20353
|
+
<div class="jv-list-item-meta">
|
|
20354
|
+
<ng-content select="[meta]" />
|
|
20355
|
+
</div>
|
|
20356
|
+
</li>
|
|
20357
|
+
`, isInline: true, styles: [":host{display:block}.jv-list-item{display:flex;align-items:center;gap:var(--jv-spacing-md);padding:var(--jv-spacing-md);background:var(--jv-color-surface);cursor:default;outline:none;transition:background-color .16s ease}.jv-list-item:hover{background:var(--jv-color-surface-muted)}.jv-list-item:focus-visible{outline:2px solid var(--jv-color-primary);outline-offset:-2px}.jv-list-item--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.jv-list-item--active{background:color-mix(in srgb,var(--jv-color-primary) 10%,var(--jv-color-surface));border-left:3px solid var(--jv-color-primary);padding-left:calc(var(--jv-spacing-md) - 3px)}.jv-list-item-text{flex:1;display:flex;flex-direction:column;gap:.125rem;min-width:0}.jv-list-item-title{font-weight:600;font-size:var(--jv-density-font-size);color:var(--jv-color-foreground);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.jv-list-item-description{font-size:.85rem;color:var(--jv-color-foreground-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.jv-list-item-meta{display:flex;align-items:center;gap:var(--jv-spacing-sm);flex-shrink:0}.jv-list-item-leading{flex-shrink:0;color:var(--jv-color-foreground-muted)}\n"], dependencies: [{ kind: "component", type: JvIconComponent, selector: "jv-icon", inputs: ["name", "size", "strokeWidth", "decorative", "ariaLabel"] }] });
|
|
20358
|
+
}
|
|
20359
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: JvListItemComponent, decorators: [{
|
|
20360
|
+
type: Component,
|
|
20361
|
+
args: [{ selector: 'jv-list-item', standalone: true, imports: [JvIconComponent], template: `
|
|
20362
|
+
<li
|
|
20363
|
+
class="jv-list-item"
|
|
20364
|
+
[class.jv-list-item--disabled]="disabled()"
|
|
20365
|
+
[class.jv-list-item--active]="active()"
|
|
20366
|
+
tabindex="0"
|
|
20367
|
+
role="listitem"
|
|
20368
|
+
(click)="onActivate()"
|
|
20369
|
+
(keydown.enter)="onActivate()"
|
|
20370
|
+
(keydown.space)="onActivate(); $event.preventDefault()"
|
|
20371
|
+
>
|
|
20372
|
+
@if (leadingIcon()) {
|
|
20373
|
+
<jv-icon [name]="leadingIcon()!" class="jv-list-item-leading" [size]="18" />
|
|
20374
|
+
}
|
|
20375
|
+
<div class="jv-list-item-text">
|
|
20376
|
+
<span class="jv-list-item-title">{{ title() }}</span>
|
|
20377
|
+
@if (description()) {
|
|
20378
|
+
<span class="jv-list-item-description">{{ description() }}</span>
|
|
20379
|
+
}
|
|
20380
|
+
</div>
|
|
20381
|
+
<div class="jv-list-item-meta">
|
|
20382
|
+
<ng-content select="[meta]" />
|
|
20383
|
+
</div>
|
|
20384
|
+
</li>
|
|
20385
|
+
`, styles: [":host{display:block}.jv-list-item{display:flex;align-items:center;gap:var(--jv-spacing-md);padding:var(--jv-spacing-md);background:var(--jv-color-surface);cursor:default;outline:none;transition:background-color .16s ease}.jv-list-item:hover{background:var(--jv-color-surface-muted)}.jv-list-item:focus-visible{outline:2px solid var(--jv-color-primary);outline-offset:-2px}.jv-list-item--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.jv-list-item--active{background:color-mix(in srgb,var(--jv-color-primary) 10%,var(--jv-color-surface));border-left:3px solid var(--jv-color-primary);padding-left:calc(var(--jv-spacing-md) - 3px)}.jv-list-item-text{flex:1;display:flex;flex-direction:column;gap:.125rem;min-width:0}.jv-list-item-title{font-weight:600;font-size:var(--jv-density-font-size);color:var(--jv-color-foreground);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.jv-list-item-description{font-size:.85rem;color:var(--jv-color-foreground-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.jv-list-item-meta{display:flex;align-items:center;gap:var(--jv-spacing-sm);flex-shrink:0}.jv-list-item-leading{flex-shrink:0;color:var(--jv-color-foreground-muted)}\n"] }]
|
|
20386
|
+
}], propDecorators: { title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: true }] }], description: [{ type: i0.Input, args: [{ isSignal: true, alias: "description", required: false }] }], leadingIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "leadingIcon", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], active: [{ type: i0.Input, args: [{ isSignal: true, alias: "active", required: false }] }], activated: [{ type: i0.Output, args: ["activated"] }] } });
|
|
20387
|
+
|
|
20193
20388
|
const JV_GRID_DEFAULT_OPTIONS = {
|
|
20194
20389
|
searchable: true,
|
|
20195
20390
|
sortable: true,
|
|
@@ -20966,7 +21161,7 @@ class JvGridComponent {
|
|
|
20966
21161
|
[checked]="getCellValue(row, col) === true"
|
|
20967
21162
|
(change)="commitEdit(row, col, $any($event.target).checked)"
|
|
20968
21163
|
[attr.aria-label]="col.header"
|
|
20969
|
-
/>
|
|
21164
|
+
/>
|
|
20970
21165
|
} @else {
|
|
20971
21166
|
<input
|
|
20972
21167
|
class="jv-grid-edit-input"
|
|
@@ -21317,7 +21512,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
|
|
|
21317
21512
|
[checked]="getCellValue(row, col) === true"
|
|
21318
21513
|
(change)="commitEdit(row, col, $any($event.target).checked)"
|
|
21319
21514
|
[attr.aria-label]="col.header"
|
|
21320
|
-
/>
|
|
21515
|
+
/>
|
|
21321
21516
|
} @else {
|
|
21322
21517
|
<input
|
|
21323
21518
|
class="jv-grid-edit-input"
|
|
@@ -21589,5 +21784,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
|
|
|
21589
21784
|
* Generated bundle index. Do not edit.
|
|
21590
21785
|
*/
|
|
21591
21786
|
|
|
21592
|
-
export { EN, ES, JV_DEFAULT_LOCALE, JV_FALLBACK_ICON_NAME, JV_GRID_DEFAULT_OPTIONS, JV_LOCALE_DICTIONARIES, JV_LUCIDE_ICON_REGISTRY, JV_UI_CONFIG, JV_UI_CONFIG_DEFAULTS, JV_UI_DEFAULT_CONFIG, JvAlertComponent, JvAnnouncementService, JvBadgeComponent, JvBreadcrumbComponent, JvButtonComponent, JvButtonGroupComponent, JvCardComponent, JvChangePasswordPageComponent, JvCheckboxComponent, JvConfirmDialogComponent, JvDashboardShellComponent, JvDialogComponent, JvDialogService, JvDividerComponent, JvForgotPasswordPageComponent, JvFormContainerComponent, JvGridComponent, JvIconButtonComponent, JvIconComponent, JvInputComponent, JvLoaderComponent, JvLoaderService, JvLoginPageComponent, JvPageComponent, JvPaginationComponent, JvRadioComponent, JvSectionComponent, JvSelectComponent, JvSidebarComponent, JvSwitchComponent, JvThemeService, JvToastComponent, JvToastService, JvTopbarComponent, JvTranslationService, provideJvUi };
|
|
21787
|
+
export { EN, ES, JV_DEFAULT_LOCALE, JV_FALLBACK_ICON_NAME, JV_GRID_DEFAULT_OPTIONS, JV_LOCALE_DICTIONARIES, JV_LUCIDE_ICON_REGISTRY, JV_UI_CONFIG, JV_UI_CONFIG_DEFAULTS, JV_UI_DEFAULT_CONFIG, JvAlertComponent, JvAnnouncementService, JvBadgeComponent, JvBreadcrumbComponent, JvButtonComponent, JvButtonGroupComponent, JvCardComponent, JvChangePasswordPageComponent, JvCheckboxComponent, JvConfirmDialogComponent, JvDashboardShellComponent, JvDialogComponent, JvDialogService, JvDividerComponent, JvForgotPasswordPageComponent, JvFormContainerComponent, JvGridComponent, JvIconButtonComponent, JvIconComponent, JvInputComponent, JvListComponent, JvListItemComponent, JvLoaderComponent, JvLoaderService, JvLoginPageComponent, JvPageComponent, JvPaginationComponent, JvRadioComponent, JvSectionComponent, JvSelectComponent, JvSidebarComponent, JvSwitchComponent, JvTextareaComponent, JvThemeService, JvToastComponent, JvToastService, JvTopbarComponent, JvTranslationService, provideJvUi };
|
|
21593
21788
|
//# sourceMappingURL=devjuliovilla-jv-ui.mjs.map
|