valtech-components 4.0.1032 → 4.0.1034
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/organisms/confirmation-dialog-v2/confirmation-dialog-v2.component.mjs +46 -5
- package/esm2022/lib/components/organisms/menu/menu.component.mjs +5 -5
- package/esm2022/lib/services/confirmation-dialog/confirmation-dialog.service.mjs +9 -1
- package/esm2022/lib/services/confirmation-dialog/types.mjs +1 -1
- package/esm2022/lib/version.mjs +2 -2
- package/fesm2022/valtech-components.mjs +58 -9
- package/fesm2022/valtech-components.mjs.map +1 -1
- package/lib/components/organisms/confirmation-dialog-v2/confirmation-dialog-v2.component.d.ts +9 -1
- package/lib/services/confirmation-dialog/confirmation-dialog.service.d.ts +6 -1
- package/lib/services/confirmation-dialog/types.d.ts +9 -0
- package/lib/version.d.ts +1 -1
- package/package.json +1 -1
|
@@ -70,7 +70,7 @@ import fixWebmDuration from 'fix-webm-duration';
|
|
|
70
70
|
* Current version of valtech-components.
|
|
71
71
|
* This is automatically updated during the publish process.
|
|
72
72
|
*/
|
|
73
|
-
const VERSION = '4.0.
|
|
73
|
+
const VERSION = '4.0.1034';
|
|
74
74
|
|
|
75
75
|
function evaluateValtechAccess(rule, context, features = {}, visitedFeatures = new Set()) {
|
|
76
76
|
if (rule == null)
|
|
@@ -9490,17 +9490,40 @@ class ConfirmationDialogV2Component {
|
|
|
9490
9490
|
this.cancelText = 'Cancel';
|
|
9491
9491
|
this.theme = 'core';
|
|
9492
9492
|
}
|
|
9493
|
+
get inputValue() {
|
|
9494
|
+
return this.input?.value ?? '';
|
|
9495
|
+
}
|
|
9496
|
+
onInput(event) {
|
|
9497
|
+
const value = event.target instanceof HTMLInputElement ? event.target.value : '';
|
|
9498
|
+
this.input = { ...(this.input ?? {}), value };
|
|
9499
|
+
}
|
|
9493
9500
|
confirm() {
|
|
9494
|
-
this._modalRef?.dismiss(null, 'confirm');
|
|
9501
|
+
this._modalRef?.dismiss(this.input ? { value: this.inputValue } : null, 'confirm');
|
|
9495
9502
|
}
|
|
9496
9503
|
cancel() {
|
|
9497
9504
|
this._modalRef?.dismiss(null, 'cancel');
|
|
9498
9505
|
}
|
|
9499
9506
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ConfirmationDialogV2Component, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
9500
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
9507
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ConfirmationDialogV2Component, isStandalone: true, selector: "val-confirmation-dialog-v2", inputs: { title: "title", message: "message", confirmText: "confirmText", cancelText: "cancelText", theme: "theme", input: "input", _modalRef: "_modalRef" }, ngImport: i0, template: `
|
|
9501
9508
|
<div class="val-confirm" [class.val-confirm--native]="theme === 'native'">
|
|
9502
9509
|
<p class="val-confirm__title">{{ title }}</p>
|
|
9503
9510
|
<p class="val-confirm__message">{{ message }}</p>
|
|
9511
|
+
@if (input) {
|
|
9512
|
+
<label class="val-confirm__field">
|
|
9513
|
+
@if (input.label) {
|
|
9514
|
+
<span class="val-confirm__label">{{ input.label }}</span>
|
|
9515
|
+
}
|
|
9516
|
+
<input
|
|
9517
|
+
class="val-confirm__input"
|
|
9518
|
+
type="text"
|
|
9519
|
+
[value]="inputValue"
|
|
9520
|
+
[placeholder]="input.placeholder || ''"
|
|
9521
|
+
[attr.maxlength]="input.maxlength || null"
|
|
9522
|
+
(input)="onInput($event)"
|
|
9523
|
+
(keydown.enter)="confirm()"
|
|
9524
|
+
/>
|
|
9525
|
+
</label>
|
|
9526
|
+
}
|
|
9504
9527
|
<div class="val-confirm__actions">
|
|
9505
9528
|
<button type="button" class="val-confirm__btn val-confirm__btn--primary" (click)="confirm()">
|
|
9506
9529
|
{{ confirmText }}
|
|
@@ -9510,7 +9533,7 @@ class ConfirmationDialogV2Component {
|
|
|
9510
9533
|
</button>
|
|
9511
9534
|
</div>
|
|
9512
9535
|
</div>
|
|
9513
|
-
`, isInline: true, styles: [":host{display:block}.val-confirm{--dlg-text: var(--ion-text-color, #111114);--dlg-muted: var(--ion-color-medium, #6b6675);--dlg-outline-border: var(--ion-border-color, rgba(0, 0, 0, .18));--dlg-outline-hover: rgba(0, 0, 0, .04);--dlg-core-primary-bg: #111114;--dlg-core-primary-bg-hover: #000000;--dlg-core-primary-text: #ffffff;padding:26px 24px 24px;text-align:left}:host-context(body.dark) .val-confirm,:host-context(html.ion-palette-dark) .val-confirm,:host-context([data-theme=\"dark\"]) .val-confirm{--dlg-outline-hover: rgba(255, 255, 255, .06);--dlg-core-primary-bg: #ffffff;--dlg-core-primary-bg-hover: rgba(255, 255, 255, .85);--dlg-core-primary-text: #111114}.val-confirm__title{font-size:1.1875rem;font-weight:800;color:var(--dlg-text);line-height:1.3;margin:0 0 8px}.val-confirm__message{font-size:.9375rem;line-height:1.5;color:var(--dlg-muted);margin:0 0 22px}.val-confirm__actions{display:flex;flex-direction:column;gap:10px}.val-confirm__btn{appearance:none;border:none;width:100%;padding:14px 20px;border-radius:999px;font-family:inherit;font-size:.9375rem;font-weight:700;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .08s ease}.val-confirm__btn:active{transform:scale(.98)}.val-confirm__btn--primary{background:var(--dlg-core-primary-bg);color:var(--dlg-core-primary-text)}.val-confirm__btn--primary:hover{background:var(--dlg-core-primary-bg-hover)}.val-confirm--native .val-confirm__btn--primary{background:var(--ion-color-primary);color:var(--ion-color-primary-contrast, #ffffff)}.val-confirm--native .val-confirm__btn--primary:hover{background:var(--ion-color-primary-shade, var(--ion-color-primary))}.val-confirm__btn--outline{background:transparent;border:1.5px solid var(--dlg-outline-border);color:var(--dlg-text)}.val-confirm__btn--outline:hover{background:var(--dlg-outline-hover)}.val-confirm__btn:focus-visible{outline:2px solid var(--dlg-text);outline-offset:2px}@media (prefers-reduced-motion: reduce){.val-confirm__btn{transition:none}}\n"] }); }
|
|
9536
|
+
`, isInline: true, styles: [":host{display:block}.val-confirm{--dlg-text: var(--ion-text-color, #111114);--dlg-muted: var(--ion-color-medium, #6b6675);--dlg-outline-border: var(--ion-border-color, rgba(0, 0, 0, .18));--dlg-outline-hover: rgba(0, 0, 0, .04);--dlg-core-primary-bg: #111114;--dlg-core-primary-bg-hover: #000000;--dlg-core-primary-text: #ffffff;padding:26px 24px 24px;text-align:left}:host-context(body.dark) .val-confirm,:host-context(html.ion-palette-dark) .val-confirm,:host-context([data-theme=\"dark\"]) .val-confirm{--dlg-outline-hover: rgba(255, 255, 255, .06);--dlg-core-primary-bg: #ffffff;--dlg-core-primary-bg-hover: rgba(255, 255, 255, .85);--dlg-core-primary-text: #111114}.val-confirm__title{font-size:1.1875rem;font-weight:800;color:var(--dlg-text);line-height:1.3;margin:0 0 8px}.val-confirm__message{font-size:.9375rem;line-height:1.5;color:var(--dlg-muted);margin:0 0 20px}.val-confirm__field{display:flex;flex-direction:column;gap:8px;margin:0 0 22px}.val-confirm__label{font-size:.8125rem;font-weight:700;color:var(--dlg-text)}.val-confirm__input{appearance:none;width:100%;min-height:48px;border:1.5px solid var(--dlg-outline-border);border-radius:14px;background:var(--ion-card-background, var(--ion-background-color, #ffffff));color:var(--dlg-text);font:inherit;font-size:.9375rem;line-height:1.35;padding:12px 14px;outline:none}.val-confirm__input:focus{border-color:var(--ion-color-primary, var(--dlg-text));box-shadow:0 0 0 3px rgba(var(--ion-color-primary-rgb, 0, 0, 0),.14)}.val-confirm__actions{display:flex;flex-direction:column;gap:10px}.val-confirm__btn{appearance:none;border:none;width:100%;padding:14px 20px;border-radius:999px;font-family:inherit;font-size:.9375rem;font-weight:700;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .08s ease}.val-confirm__btn:active{transform:scale(.98)}.val-confirm__btn--primary{background:var(--dlg-core-primary-bg);color:var(--dlg-core-primary-text)}.val-confirm__btn--primary:hover{background:var(--dlg-core-primary-bg-hover)}.val-confirm--native .val-confirm__btn--primary{background:var(--ion-color-primary);color:var(--ion-color-primary-contrast, #ffffff)}.val-confirm--native .val-confirm__btn--primary:hover{background:var(--ion-color-primary-shade, var(--ion-color-primary))}.val-confirm__btn--outline{background:transparent;border:1.5px solid var(--dlg-outline-border);color:var(--dlg-text)}.val-confirm__btn--outline:hover{background:var(--dlg-outline-hover)}.val-confirm__btn:focus-visible{outline:2px solid var(--dlg-text);outline-offset:2px}@media (prefers-reduced-motion: reduce){.val-confirm__btn{transition:none}}\n"] }); }
|
|
9514
9537
|
}
|
|
9515
9538
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ConfirmationDialogV2Component, decorators: [{
|
|
9516
9539
|
type: Component,
|
|
@@ -9518,6 +9541,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
9518
9541
|
<div class="val-confirm" [class.val-confirm--native]="theme === 'native'">
|
|
9519
9542
|
<p class="val-confirm__title">{{ title }}</p>
|
|
9520
9543
|
<p class="val-confirm__message">{{ message }}</p>
|
|
9544
|
+
@if (input) {
|
|
9545
|
+
<label class="val-confirm__field">
|
|
9546
|
+
@if (input.label) {
|
|
9547
|
+
<span class="val-confirm__label">{{ input.label }}</span>
|
|
9548
|
+
}
|
|
9549
|
+
<input
|
|
9550
|
+
class="val-confirm__input"
|
|
9551
|
+
type="text"
|
|
9552
|
+
[value]="inputValue"
|
|
9553
|
+
[placeholder]="input.placeholder || ''"
|
|
9554
|
+
[attr.maxlength]="input.maxlength || null"
|
|
9555
|
+
(input)="onInput($event)"
|
|
9556
|
+
(keydown.enter)="confirm()"
|
|
9557
|
+
/>
|
|
9558
|
+
</label>
|
|
9559
|
+
}
|
|
9521
9560
|
<div class="val-confirm__actions">
|
|
9522
9561
|
<button type="button" class="val-confirm__btn val-confirm__btn--primary" (click)="confirm()">
|
|
9523
9562
|
{{ confirmText }}
|
|
@@ -9527,7 +9566,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
9527
9566
|
</button>
|
|
9528
9567
|
</div>
|
|
9529
9568
|
</div>
|
|
9530
|
-
`, styles: [":host{display:block}.val-confirm{--dlg-text: var(--ion-text-color, #111114);--dlg-muted: var(--ion-color-medium, #6b6675);--dlg-outline-border: var(--ion-border-color, rgba(0, 0, 0, .18));--dlg-outline-hover: rgba(0, 0, 0, .04);--dlg-core-primary-bg: #111114;--dlg-core-primary-bg-hover: #000000;--dlg-core-primary-text: #ffffff;padding:26px 24px 24px;text-align:left}:host-context(body.dark) .val-confirm,:host-context(html.ion-palette-dark) .val-confirm,:host-context([data-theme=\"dark\"]) .val-confirm{--dlg-outline-hover: rgba(255, 255, 255, .06);--dlg-core-primary-bg: #ffffff;--dlg-core-primary-bg-hover: rgba(255, 255, 255, .85);--dlg-core-primary-text: #111114}.val-confirm__title{font-size:1.1875rem;font-weight:800;color:var(--dlg-text);line-height:1.3;margin:0 0 8px}.val-confirm__message{font-size:.9375rem;line-height:1.5;color:var(--dlg-muted);margin:0 0 22px}.val-confirm__actions{display:flex;flex-direction:column;gap:10px}.val-confirm__btn{appearance:none;border:none;width:100%;padding:14px 20px;border-radius:999px;font-family:inherit;font-size:.9375rem;font-weight:700;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .08s ease}.val-confirm__btn:active{transform:scale(.98)}.val-confirm__btn--primary{background:var(--dlg-core-primary-bg);color:var(--dlg-core-primary-text)}.val-confirm__btn--primary:hover{background:var(--dlg-core-primary-bg-hover)}.val-confirm--native .val-confirm__btn--primary{background:var(--ion-color-primary);color:var(--ion-color-primary-contrast, #ffffff)}.val-confirm--native .val-confirm__btn--primary:hover{background:var(--ion-color-primary-shade, var(--ion-color-primary))}.val-confirm__btn--outline{background:transparent;border:1.5px solid var(--dlg-outline-border);color:var(--dlg-text)}.val-confirm__btn--outline:hover{background:var(--dlg-outline-hover)}.val-confirm__btn:focus-visible{outline:2px solid var(--dlg-text);outline-offset:2px}@media (prefers-reduced-motion: reduce){.val-confirm__btn{transition:none}}\n"] }]
|
|
9569
|
+
`, styles: [":host{display:block}.val-confirm{--dlg-text: var(--ion-text-color, #111114);--dlg-muted: var(--ion-color-medium, #6b6675);--dlg-outline-border: var(--ion-border-color, rgba(0, 0, 0, .18));--dlg-outline-hover: rgba(0, 0, 0, .04);--dlg-core-primary-bg: #111114;--dlg-core-primary-bg-hover: #000000;--dlg-core-primary-text: #ffffff;padding:26px 24px 24px;text-align:left}:host-context(body.dark) .val-confirm,:host-context(html.ion-palette-dark) .val-confirm,:host-context([data-theme=\"dark\"]) .val-confirm{--dlg-outline-hover: rgba(255, 255, 255, .06);--dlg-core-primary-bg: #ffffff;--dlg-core-primary-bg-hover: rgba(255, 255, 255, .85);--dlg-core-primary-text: #111114}.val-confirm__title{font-size:1.1875rem;font-weight:800;color:var(--dlg-text);line-height:1.3;margin:0 0 8px}.val-confirm__message{font-size:.9375rem;line-height:1.5;color:var(--dlg-muted);margin:0 0 20px}.val-confirm__field{display:flex;flex-direction:column;gap:8px;margin:0 0 22px}.val-confirm__label{font-size:.8125rem;font-weight:700;color:var(--dlg-text)}.val-confirm__input{appearance:none;width:100%;min-height:48px;border:1.5px solid var(--dlg-outline-border);border-radius:14px;background:var(--ion-card-background, var(--ion-background-color, #ffffff));color:var(--dlg-text);font:inherit;font-size:.9375rem;line-height:1.35;padding:12px 14px;outline:none}.val-confirm__input:focus{border-color:var(--ion-color-primary, var(--dlg-text));box-shadow:0 0 0 3px rgba(var(--ion-color-primary-rgb, 0, 0, 0),.14)}.val-confirm__actions{display:flex;flex-direction:column;gap:10px}.val-confirm__btn{appearance:none;border:none;width:100%;padding:14px 20px;border-radius:999px;font-family:inherit;font-size:.9375rem;font-weight:700;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .08s ease}.val-confirm__btn:active{transform:scale(.98)}.val-confirm__btn--primary{background:var(--dlg-core-primary-bg);color:var(--dlg-core-primary-text)}.val-confirm__btn--primary:hover{background:var(--dlg-core-primary-bg-hover)}.val-confirm--native .val-confirm__btn--primary{background:var(--ion-color-primary);color:var(--ion-color-primary-contrast, #ffffff)}.val-confirm--native .val-confirm__btn--primary:hover{background:var(--ion-color-primary-shade, var(--ion-color-primary))}.val-confirm__btn--outline{background:transparent;border:1.5px solid var(--dlg-outline-border);color:var(--dlg-text)}.val-confirm__btn--outline:hover{background:var(--dlg-outline-hover)}.val-confirm__btn:focus-visible{outline:2px solid var(--dlg-text);outline-offset:2px}@media (prefers-reduced-motion: reduce){.val-confirm__btn{transition:none}}\n"] }]
|
|
9531
9570
|
}], propDecorators: { title: [{
|
|
9532
9571
|
type: Input
|
|
9533
9572
|
}], message: [{
|
|
@@ -9538,6 +9577,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
9538
9577
|
type: Input
|
|
9539
9578
|
}], theme: [{
|
|
9540
9579
|
type: Input
|
|
9580
|
+
}], input: [{
|
|
9581
|
+
type: Input
|
|
9541
9582
|
}], _modalRef: [{
|
|
9542
9583
|
type: Input
|
|
9543
9584
|
}] } });
|
|
@@ -9605,6 +9646,7 @@ class ConfirmationDialogService {
|
|
|
9605
9646
|
confirmText: confirmBtn.text,
|
|
9606
9647
|
cancelText: cancelBtn.text,
|
|
9607
9648
|
theme: options.theme ?? 'core',
|
|
9649
|
+
input: 'input' in options ? options.input : undefined,
|
|
9608
9650
|
};
|
|
9609
9651
|
const result = options.presentation === 'sheet'
|
|
9610
9652
|
? await modalService.openSheet({
|
|
@@ -9642,6 +9684,13 @@ class ConfirmationDialogService {
|
|
|
9642
9684
|
const result = await this.confirm({ title, message });
|
|
9643
9685
|
return result.confirmed;
|
|
9644
9686
|
}
|
|
9687
|
+
async prompt(options) {
|
|
9688
|
+
const result = await this.confirm(options);
|
|
9689
|
+
return {
|
|
9690
|
+
...result,
|
|
9691
|
+
data: result.data && typeof result.data.value === 'string' ? result.data : { value: '' },
|
|
9692
|
+
};
|
|
9693
|
+
}
|
|
9645
9694
|
/**
|
|
9646
9695
|
* Shows a destructive action confirmation with red confirm button.
|
|
9647
9696
|
* @param options - Configuration for the dialog
|
|
@@ -54610,7 +54659,7 @@ class MenuComponent {
|
|
|
54610
54659
|
}
|
|
54611
54660
|
<ion-header [class.ion-no-border]="true">
|
|
54612
54661
|
<ion-toolbar>
|
|
54613
|
-
<ion-buttons slot="start"
|
|
54662
|
+
<ion-buttons slot="start" class="menu-logo-slot">
|
|
54614
54663
|
<val-image
|
|
54615
54664
|
[props]="{
|
|
54616
54665
|
src: '--main-logo-mini',
|
|
@@ -54676,7 +54725,7 @@ class MenuComponent {
|
|
|
54676
54725
|
/>
|
|
54677
54726
|
}
|
|
54678
54727
|
</ion-menu>
|
|
54679
|
-
`, isInline: true, styles: [":host{display:contents}ion-menu{--val-menu-expanded-width: 75%;--val-menu-collapsed-width: 3.5rem;--width: var(--val-menu-expanded-width);--min-width: var(--val-menu-expanded-width);--background: var(--ion-color-light);transition:--width .18s ease,--min-width .18s ease}@media (min-width: 768px){ion-menu{--val-menu-expanded-width: min(40vw, 22rem)}}ion-menu ion-header{background:var(--ion-color-light)}ion-menu ion-content{--background: var(--ion-color-light)}@media (min-width: 1200px){ion-menu.is-desktop-collapsible{--width: var(--val-menu-expanded-width);--min-width: var(--val-menu-expanded-width);--max-width: var(--val-menu-expanded-width)}ion-menu.is-desktop-collapsible .menu-mobile-close{display:none}}@media (min-width: 1200px){ion-menu.is-desktop-collapsed{--width: var(--val-menu-collapsed-width);--min-width: var(--val-menu-collapsed-width);--max-width: var(--val-menu-collapsed-width)}ion-menu.is-desktop-collapsed ion-toolbar{--padding-start: 0;--padding-end: 0}ion-menu.is-desktop-collapsed .menu-close-button{visibility:hidden;opacity:0;pointer-events:none}}.menu-collapse-toggle{display:none}@media (min-width: 1200px){.menu-collapse-toggle{display:inline-flex;--min-width: 44px;--min-height: 44px;width:44px;height:44px;margin:0}.menu-collapse-toggle ion-icon{font-size:1.75rem}}.menu-projected-content{transition:opacity .16s ease,visibility .16s ease}.menu-close-button{display:block;text-align:center;padding:1rem .5rem;background:var(--ion-color-light)}@media (min-width: 1200px){.menu-close-button{display:none}}:host-context(.val-menu-dragging) ion-menu{transition:none}.menu-collapse-footer{display:none}@media (min-width: 1200px){.menu-collapse-footer{display:flex;justify-content:center;padding:.5rem 0;border-top:1px solid var(--ion-color-step-150, rgba(0, 0, 0, .08));background:var(--ion-color-light)}}.menu-edge-swipe-indicator{display:none}@media (min-width: 1200px){.menu-edge-swipe-indicator{display:block;position:absolute;top:0;right:0;width:4px;height:100%;background:transparent;cursor:col-resize;transition:all .15s ease;z-index:100;opacity:0}.menu-edge-swipe-indicator:hover{background:var(--ion-color-primary, #7026df);width:6px;opacity:1}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: IonMenu, selector: "ion-menu", inputs: ["contentId", "disabled", "maxEdgeStart", "menuId", "side", "swipeGesture", "type"] }, { kind: "component", type: IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: IonMenuToggle, selector: "ion-menu-toggle", inputs: ["autoHide", "menu"] }, { 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: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "component", type: IonContent, selector: "ion-content", inputs: ["color", "fixedSlotPlacement", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: ImageComponent, selector: "val-image", inputs: ["props"] }, { kind: "component", type: ButtonComponent, selector: "val-button", inputs: ["preset", "props"], outputs: ["onClick"] }] }); }
|
|
54728
|
+
`, isInline: true, styles: [":host{display:contents}ion-menu{--val-menu-expanded-width: 75%;--val-menu-collapsed-width: 3.5rem;--width: var(--val-menu-expanded-width);--min-width: var(--val-menu-expanded-width);--background: var(--ion-color-light);transition:--width .18s ease,--min-width .18s ease}@media (min-width: 768px){ion-menu{--val-menu-expanded-width: min(40vw, 22rem)}}ion-menu ion-header{background:var(--ion-color-light)}ion-menu ion-content{--background: var(--ion-color-light)}ion-menu .menu-logo-slot{padding-left:.5rem}@media (min-width: 1200px){ion-menu.is-desktop-collapsible{--width: var(--val-menu-expanded-width);--min-width: var(--val-menu-expanded-width);--max-width: var(--val-menu-expanded-width)}ion-menu.is-desktop-collapsible .menu-mobile-close{display:none}}@media (min-width: 1200px){ion-menu.is-desktop-collapsed{--width: var(--val-menu-collapsed-width);--min-width: var(--val-menu-collapsed-width);--max-width: var(--val-menu-collapsed-width)}ion-menu.is-desktop-collapsed ion-toolbar{--padding-start: 0;--padding-end: 0}ion-menu.is-desktop-collapsed .menu-logo-slot{width:100%;justify-content:center;padding-left:0;margin:0}ion-menu.is-desktop-collapsed .menu-close-button{visibility:hidden;opacity:0;pointer-events:none}}.menu-collapse-toggle{display:none}@media (min-width: 1200px){.menu-collapse-toggle{display:inline-flex;--min-width: 44px;--min-height: 44px;width:44px;height:44px;margin:0}.menu-collapse-toggle ion-icon{font-size:1.75rem}}.menu-projected-content{transition:opacity .16s ease,visibility .16s ease}.menu-close-button{display:block;text-align:center;padding:1rem .5rem;background:var(--ion-color-light)}@media (min-width: 1200px){.menu-close-button{display:none}}:host-context(.val-menu-dragging) ion-menu{transition:none}.menu-collapse-footer{display:none}@media (min-width: 1200px){.menu-collapse-footer{display:flex;justify-content:center;padding:.5rem 0;border-top:1px solid var(--ion-color-step-150, rgba(0, 0, 0, .08));background:var(--ion-color-light)}}.menu-edge-swipe-indicator{display:none}@media (min-width: 1200px){.menu-edge-swipe-indicator{display:block;position:absolute;top:0;right:0;width:4px;height:100%;background:transparent;cursor:col-resize;transition:all .15s ease;z-index:100;opacity:0}.menu-edge-swipe-indicator:hover{background:var(--ion-color-primary, #7026df);width:6px;opacity:1}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: IonMenu, selector: "ion-menu", inputs: ["contentId", "disabled", "maxEdgeStart", "menuId", "side", "swipeGesture", "type"] }, { kind: "component", type: IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: IonMenuToggle, selector: "ion-menu-toggle", inputs: ["autoHide", "menu"] }, { 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: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "component", type: IonContent, selector: "ion-content", inputs: ["color", "fixedSlotPlacement", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: ImageComponent, selector: "val-image", inputs: ["props"] }, { kind: "component", type: ButtonComponent, selector: "val-button", inputs: ["preset", "props"], outputs: ["onClick"] }] }); }
|
|
54680
54729
|
}
|
|
54681
54730
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: MenuComponent, decorators: [{
|
|
54682
54731
|
type: Component,
|
|
@@ -54718,7 +54767,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
54718
54767
|
}
|
|
54719
54768
|
<ion-header [class.ion-no-border]="true">
|
|
54720
54769
|
<ion-toolbar>
|
|
54721
|
-
<ion-buttons slot="start"
|
|
54770
|
+
<ion-buttons slot="start" class="menu-logo-slot">
|
|
54722
54771
|
<val-image
|
|
54723
54772
|
[props]="{
|
|
54724
54773
|
src: '--main-logo-mini',
|
|
@@ -54784,7 +54833,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
54784
54833
|
/>
|
|
54785
54834
|
}
|
|
54786
54835
|
</ion-menu>
|
|
54787
|
-
`, styles: [":host{display:contents}ion-menu{--val-menu-expanded-width: 75%;--val-menu-collapsed-width: 3.5rem;--width: var(--val-menu-expanded-width);--min-width: var(--val-menu-expanded-width);--background: var(--ion-color-light);transition:--width .18s ease,--min-width .18s ease}@media (min-width: 768px){ion-menu{--val-menu-expanded-width: min(40vw, 22rem)}}ion-menu ion-header{background:var(--ion-color-light)}ion-menu ion-content{--background: var(--ion-color-light)}@media (min-width: 1200px){ion-menu.is-desktop-collapsible{--width: var(--val-menu-expanded-width);--min-width: var(--val-menu-expanded-width);--max-width: var(--val-menu-expanded-width)}ion-menu.is-desktop-collapsible .menu-mobile-close{display:none}}@media (min-width: 1200px){ion-menu.is-desktop-collapsed{--width: var(--val-menu-collapsed-width);--min-width: var(--val-menu-collapsed-width);--max-width: var(--val-menu-collapsed-width)}ion-menu.is-desktop-collapsed ion-toolbar{--padding-start: 0;--padding-end: 0}ion-menu.is-desktop-collapsed .menu-close-button{visibility:hidden;opacity:0;pointer-events:none}}.menu-collapse-toggle{display:none}@media (min-width: 1200px){.menu-collapse-toggle{display:inline-flex;--min-width: 44px;--min-height: 44px;width:44px;height:44px;margin:0}.menu-collapse-toggle ion-icon{font-size:1.75rem}}.menu-projected-content{transition:opacity .16s ease,visibility .16s ease}.menu-close-button{display:block;text-align:center;padding:1rem .5rem;background:var(--ion-color-light)}@media (min-width: 1200px){.menu-close-button{display:none}}:host-context(.val-menu-dragging) ion-menu{transition:none}.menu-collapse-footer{display:none}@media (min-width: 1200px){.menu-collapse-footer{display:flex;justify-content:center;padding:.5rem 0;border-top:1px solid var(--ion-color-step-150, rgba(0, 0, 0, .08));background:var(--ion-color-light)}}.menu-edge-swipe-indicator{display:none}@media (min-width: 1200px){.menu-edge-swipe-indicator{display:block;position:absolute;top:0;right:0;width:4px;height:100%;background:transparent;cursor:col-resize;transition:all .15s ease;z-index:100;opacity:0}.menu-edge-swipe-indicator:hover{background:var(--ion-color-primary, #7026df);width:6px;opacity:1}}\n"] }]
|
|
54836
|
+
`, styles: [":host{display:contents}ion-menu{--val-menu-expanded-width: 75%;--val-menu-collapsed-width: 3.5rem;--width: var(--val-menu-expanded-width);--min-width: var(--val-menu-expanded-width);--background: var(--ion-color-light);transition:--width .18s ease,--min-width .18s ease}@media (min-width: 768px){ion-menu{--val-menu-expanded-width: min(40vw, 22rem)}}ion-menu ion-header{background:var(--ion-color-light)}ion-menu ion-content{--background: var(--ion-color-light)}ion-menu .menu-logo-slot{padding-left:.5rem}@media (min-width: 1200px){ion-menu.is-desktop-collapsible{--width: var(--val-menu-expanded-width);--min-width: var(--val-menu-expanded-width);--max-width: var(--val-menu-expanded-width)}ion-menu.is-desktop-collapsible .menu-mobile-close{display:none}}@media (min-width: 1200px){ion-menu.is-desktop-collapsed{--width: var(--val-menu-collapsed-width);--min-width: var(--val-menu-collapsed-width);--max-width: var(--val-menu-collapsed-width)}ion-menu.is-desktop-collapsed ion-toolbar{--padding-start: 0;--padding-end: 0}ion-menu.is-desktop-collapsed .menu-logo-slot{width:100%;justify-content:center;padding-left:0;margin:0}ion-menu.is-desktop-collapsed .menu-close-button{visibility:hidden;opacity:0;pointer-events:none}}.menu-collapse-toggle{display:none}@media (min-width: 1200px){.menu-collapse-toggle{display:inline-flex;--min-width: 44px;--min-height: 44px;width:44px;height:44px;margin:0}.menu-collapse-toggle ion-icon{font-size:1.75rem}}.menu-projected-content{transition:opacity .16s ease,visibility .16s ease}.menu-close-button{display:block;text-align:center;padding:1rem .5rem;background:var(--ion-color-light)}@media (min-width: 1200px){.menu-close-button{display:none}}:host-context(.val-menu-dragging) ion-menu{transition:none}.menu-collapse-footer{display:none}@media (min-width: 1200px){.menu-collapse-footer{display:flex;justify-content:center;padding:.5rem 0;border-top:1px solid var(--ion-color-step-150, rgba(0, 0, 0, .08));background:var(--ion-color-light)}}.menu-edge-swipe-indicator{display:none}@media (min-width: 1200px){.menu-edge-swipe-indicator{display:block;position:absolute;top:0;right:0;width:4px;height:100%;background:transparent;cursor:col-resize;transition:all .15s ease;z-index:100;opacity:0}.menu-edge-swipe-indicator:hover{background:var(--ion-color-primary, #7026df);width:6px;opacity:1}}\n"] }]
|
|
54788
54837
|
}], propDecorators: { props: [{
|
|
54789
54838
|
type: Input
|
|
54790
54839
|
}], onTouchStart: [{
|