valtech-components 4.0.110 → 4.0.111
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/entity-card/entity-card.component.mjs +57 -49
- package/esm2022/lib/version.mjs +2 -2
- package/fesm2022/valtech-components.mjs +57 -49
- package/fesm2022/valtech-components.mjs.map +1 -1
- package/lib/components/atoms/rights-footer/rights-footer.component.d.ts +2 -2
- package/lib/components/molecules/content-reaction/content-reaction.component.d.ts +2 -2
- package/lib/components/molecules/cta-card/cta-card.component.d.ts +1 -1
- package/lib/components/molecules/features-list/features-list.component.d.ts +1 -1
- package/lib/components/molecules/metric-card/metric-card.component.d.ts +1 -1
- package/lib/components/organisms/account-view/account-view.component.d.ts +1 -1
- package/lib/components/organisms/article/article.component.d.ts +4 -4
- package/lib/components/organisms/auth-cta/auth-cta.component.d.ts +1 -1
- package/lib/components/organisms/notification-preferences-view/notification-preferences-view.component.d.ts +1 -1
- package/lib/components/organisms/organization-view/organization-view.component.d.ts +1 -1
- package/lib/version.d.ts +1 -1
- package/package.json +1 -1
|
@@ -70,35 +70,39 @@ export class EntityCardComponent {
|
|
|
70
70
|
(click)="onCardClick()"
|
|
71
71
|
(keyup.enter)="onCardClick()"
|
|
72
72
|
>
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
<
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
<div class="entity-card__row">
|
|
80
|
-
<div class="entity-card__text">
|
|
81
|
-
<span class="entity-card__title">{{ config().title }}</span>
|
|
82
|
-
@if (config().subtitle) {
|
|
83
|
-
<span class="entity-card__subtitle">{{ config().subtitle }}</span>
|
|
84
|
-
}
|
|
85
|
-
@if (config().endNote) {
|
|
86
|
-
<span class="entity-card__end-note">{{ config().endNote }}</span>
|
|
87
|
-
}
|
|
88
|
-
</div>
|
|
73
|
+
<div class="entity-card__body">
|
|
74
|
+
@if (chipPillProps(); as chip) {
|
|
75
|
+
<div class="entity-card__eyebrow">
|
|
76
|
+
<val-pill [props]="chip" />
|
|
77
|
+
</div>
|
|
78
|
+
}
|
|
89
79
|
|
|
90
|
-
|
|
91
|
-
<div class="entity-
|
|
92
|
-
|
|
93
|
-
|
|
80
|
+
<div class="entity-card__row">
|
|
81
|
+
<div class="entity-card__text">
|
|
82
|
+
<span class="entity-card__title">{{ config().title }}</span>
|
|
83
|
+
@if (config().subtitle) {
|
|
84
|
+
<span class="entity-card__subtitle">{{ config().subtitle }}</span>
|
|
85
|
+
}
|
|
86
|
+
@if (config().endNote) {
|
|
87
|
+
<span class="entity-card__end-note">{{ config().endNote }}</span>
|
|
94
88
|
}
|
|
95
89
|
</div>
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
90
|
+
|
|
91
|
+
@if (actions().length) {
|
|
92
|
+
<div class="entity-card__actions" (click)="$event.stopPropagation()">
|
|
93
|
+
@for (action of actions(); track action.token || $index) {
|
|
94
|
+
<val-button [props]="action" (onClick)="actionClick.emit($event)" />
|
|
95
|
+
}
|
|
96
|
+
</div>
|
|
97
|
+
}
|
|
98
|
+
</div>
|
|
99
99
|
</div>
|
|
100
|
+
|
|
101
|
+
@if (!actions().length && isNavigable()) {
|
|
102
|
+
<ion-icon class="entity-card__chevron" name="chevron-forward" aria-hidden="true" />
|
|
103
|
+
}
|
|
100
104
|
</div>
|
|
101
|
-
`, isInline: true, styles: [":host{display:block}.entity-card{background:var(--ion-card-background, var(--ion-background-color, #fff));border:1px solid var(--ion-border-color, var(--ion-color-light-shade, rgba(0, 0, 0, .1)));border-radius:16px;box-shadow:0 1px 3px #0000000f;padding:16px;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.entity-card--clickable{cursor:pointer}.entity-card--clickable:hover{border-color:var(--ion-color-medium, #92949c);box-shadow:0 4px 12px #0000001a}.entity-card--clickable:active{transform:scale(.99)}.entity-card--clickable:focus-visible{outline:2px solid var(--ion-color-primary);outline-offset:2px}.entity-card__eyebrow{display:flex;margin-bottom:10px}.entity-card__row{display:flex;align-items:center;gap:12px}.entity-card__text{display:flex;flex-direction:column;gap:2px;flex:1 1 auto;min-width:0}.entity-card__title{font-size:1rem;font-weight:700;line-height:1.3;color:var(--ion-text-color, #000)}.entity-card__subtitle{font-size:.875rem;line-height:1.35;color:var(--ion-color-medium, #92949c)}.entity-card__end-note{font-size:.8125rem;line-height:1.35;color:var(--ion-color-medium, #92949c)}.entity-card__actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.entity-card__actions val-button{display:inline-block}.entity-card--actions-below .entity-card__row{flex-direction:column;align-items:stretch;gap:10px}.entity-card--actions-below .entity-card__actions{flex-shrink:1;flex-wrap:wrap}.entity-card__chevron{font-size:1.25rem;color:var(--ion-color-medium, #92949c);flex-shrink:0}:host-context(body.dark) .entity-card,:host-context(html.ion-palette-dark) .entity-card,:host-context([data-theme=dark]) .entity-card{box-shadow:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: PillComponent, selector: "val-pill", inputs: ["preset", "props"], outputs: ["pillClick", "pillAction"] }, { kind: "component", type: ButtonComponent, selector: "val-button", inputs: ["preset", "props"], outputs: ["onClick"] }] }); }
|
|
105
|
+
`, isInline: true, styles: [":host{display:block}.entity-card{background:var(--ion-card-background, var(--ion-background-color, #fff));border:1px solid var(--ion-border-color, var(--ion-color-light-shade, rgba(0, 0, 0, .1)));border-radius:16px;box-shadow:0 1px 3px #0000000f;padding:16px;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.entity-card__body{flex:1 1 auto;min-width:0}.entity-card--clickable{display:flex;align-items:center;gap:12px;cursor:pointer}.entity-card--clickable:hover{border-color:var(--ion-color-medium, #92949c);box-shadow:0 4px 12px #0000001a}.entity-card--clickable:active{transform:scale(.99)}.entity-card--clickable:focus-visible{outline:2px solid var(--ion-color-primary);outline-offset:2px}.entity-card__eyebrow{display:flex;margin-bottom:10px}.entity-card__row{display:flex;align-items:center;gap:12px}.entity-card__text{display:flex;flex-direction:column;gap:2px;flex:1 1 auto;min-width:0}.entity-card__title{font-size:1rem;font-weight:700;line-height:1.3;color:var(--ion-text-color, #000)}.entity-card__subtitle{font-size:.875rem;line-height:1.35;color:var(--ion-color-medium, #92949c)}.entity-card__end-note{font-size:.8125rem;line-height:1.35;color:var(--ion-color-medium, #92949c)}.entity-card__actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.entity-card__actions val-button{display:inline-block}.entity-card--actions-below .entity-card__row{flex-direction:column;align-items:stretch;gap:10px}.entity-card--actions-below .entity-card__actions{flex-shrink:1;flex-wrap:wrap}.entity-card__chevron{font-size:1.25rem;color:var(--ion-color-medium, #92949c);flex-shrink:0}:host-context(body.dark) .entity-card,:host-context(html.ion-palette-dark) .entity-card,:host-context([data-theme=dark]) .entity-card{box-shadow:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: PillComponent, selector: "val-pill", inputs: ["preset", "props"], outputs: ["pillClick", "pillAction"] }, { kind: "component", type: ButtonComponent, selector: "val-button", inputs: ["preset", "props"], outputs: ["onClick"] }] }); }
|
|
102
106
|
}
|
|
103
107
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EntityCardComponent, decorators: [{
|
|
104
108
|
type: Component,
|
|
@@ -112,38 +116,42 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
112
116
|
(click)="onCardClick()"
|
|
113
117
|
(keyup.enter)="onCardClick()"
|
|
114
118
|
>
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
<
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
<div class="entity-card__row">
|
|
122
|
-
<div class="entity-card__text">
|
|
123
|
-
<span class="entity-card__title">{{ config().title }}</span>
|
|
124
|
-
@if (config().subtitle) {
|
|
125
|
-
<span class="entity-card__subtitle">{{ config().subtitle }}</span>
|
|
126
|
-
}
|
|
127
|
-
@if (config().endNote) {
|
|
128
|
-
<span class="entity-card__end-note">{{ config().endNote }}</span>
|
|
129
|
-
}
|
|
130
|
-
</div>
|
|
119
|
+
<div class="entity-card__body">
|
|
120
|
+
@if (chipPillProps(); as chip) {
|
|
121
|
+
<div class="entity-card__eyebrow">
|
|
122
|
+
<val-pill [props]="chip" />
|
|
123
|
+
</div>
|
|
124
|
+
}
|
|
131
125
|
|
|
132
|
-
|
|
133
|
-
<div class="entity-
|
|
134
|
-
|
|
135
|
-
|
|
126
|
+
<div class="entity-card__row">
|
|
127
|
+
<div class="entity-card__text">
|
|
128
|
+
<span class="entity-card__title">{{ config().title }}</span>
|
|
129
|
+
@if (config().subtitle) {
|
|
130
|
+
<span class="entity-card__subtitle">{{ config().subtitle }}</span>
|
|
131
|
+
}
|
|
132
|
+
@if (config().endNote) {
|
|
133
|
+
<span class="entity-card__end-note">{{ config().endNote }}</span>
|
|
136
134
|
}
|
|
137
135
|
</div>
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
136
|
+
|
|
137
|
+
@if (actions().length) {
|
|
138
|
+
<div class="entity-card__actions" (click)="$event.stopPropagation()">
|
|
139
|
+
@for (action of actions(); track action.token || $index) {
|
|
140
|
+
<val-button [props]="action" (onClick)="actionClick.emit($event)" />
|
|
141
|
+
}
|
|
142
|
+
</div>
|
|
143
|
+
}
|
|
144
|
+
</div>
|
|
141
145
|
</div>
|
|
146
|
+
|
|
147
|
+
@if (!actions().length && isNavigable()) {
|
|
148
|
+
<ion-icon class="entity-card__chevron" name="chevron-forward" aria-hidden="true" />
|
|
149
|
+
}
|
|
142
150
|
</div>
|
|
143
|
-
`, styles: [":host{display:block}.entity-card{background:var(--ion-card-background, var(--ion-background-color, #fff));border:1px solid var(--ion-border-color, var(--ion-color-light-shade, rgba(0, 0, 0, .1)));border-radius:16px;box-shadow:0 1px 3px #0000000f;padding:16px;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.entity-card--clickable{cursor:pointer}.entity-card--clickable:hover{border-color:var(--ion-color-medium, #92949c);box-shadow:0 4px 12px #0000001a}.entity-card--clickable:active{transform:scale(.99)}.entity-card--clickable:focus-visible{outline:2px solid var(--ion-color-primary);outline-offset:2px}.entity-card__eyebrow{display:flex;margin-bottom:10px}.entity-card__row{display:flex;align-items:center;gap:12px}.entity-card__text{display:flex;flex-direction:column;gap:2px;flex:1 1 auto;min-width:0}.entity-card__title{font-size:1rem;font-weight:700;line-height:1.3;color:var(--ion-text-color, #000)}.entity-card__subtitle{font-size:.875rem;line-height:1.35;color:var(--ion-color-medium, #92949c)}.entity-card__end-note{font-size:.8125rem;line-height:1.35;color:var(--ion-color-medium, #92949c)}.entity-card__actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.entity-card__actions val-button{display:inline-block}.entity-card--actions-below .entity-card__row{flex-direction:column;align-items:stretch;gap:10px}.entity-card--actions-below .entity-card__actions{flex-shrink:1;flex-wrap:wrap}.entity-card__chevron{font-size:1.25rem;color:var(--ion-color-medium, #92949c);flex-shrink:0}:host-context(body.dark) .entity-card,:host-context(html.ion-palette-dark) .entity-card,:host-context([data-theme=dark]) .entity-card{box-shadow:none}\n"] }]
|
|
151
|
+
`, styles: [":host{display:block}.entity-card{background:var(--ion-card-background, var(--ion-background-color, #fff));border:1px solid var(--ion-border-color, var(--ion-color-light-shade, rgba(0, 0, 0, .1)));border-radius:16px;box-shadow:0 1px 3px #0000000f;padding:16px;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.entity-card__body{flex:1 1 auto;min-width:0}.entity-card--clickable{display:flex;align-items:center;gap:12px;cursor:pointer}.entity-card--clickable:hover{border-color:var(--ion-color-medium, #92949c);box-shadow:0 4px 12px #0000001a}.entity-card--clickable:active{transform:scale(.99)}.entity-card--clickable:focus-visible{outline:2px solid var(--ion-color-primary);outline-offset:2px}.entity-card__eyebrow{display:flex;margin-bottom:10px}.entity-card__row{display:flex;align-items:center;gap:12px}.entity-card__text{display:flex;flex-direction:column;gap:2px;flex:1 1 auto;min-width:0}.entity-card__title{font-size:1rem;font-weight:700;line-height:1.3;color:var(--ion-text-color, #000)}.entity-card__subtitle{font-size:.875rem;line-height:1.35;color:var(--ion-color-medium, #92949c)}.entity-card__end-note{font-size:.8125rem;line-height:1.35;color:var(--ion-color-medium, #92949c)}.entity-card__actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.entity-card__actions val-button{display:inline-block}.entity-card--actions-below .entity-card__row{flex-direction:column;align-items:stretch;gap:10px}.entity-card--actions-below .entity-card__actions{flex-shrink:1;flex-wrap:wrap}.entity-card__chevron{font-size:1.25rem;color:var(--ion-color-medium, #92949c);flex-shrink:0}:host-context(body.dark) .entity-card,:host-context(html.ion-palette-dark) .entity-card,:host-context([data-theme=dark]) .entity-card{box-shadow:none}\n"] }]
|
|
144
152
|
}], propDecorators: { cardClick: [{
|
|
145
153
|
type: Output
|
|
146
154
|
}], actionClick: [{
|
|
147
155
|
type: Output
|
|
148
156
|
}] } });
|
|
149
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
157
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZW50aXR5LWNhcmQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL21vbGVjdWxlcy9lbnRpdHktY2FyZC9lbnRpdHktY2FyZC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2pGLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUNwRCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sVUFBVSxDQUFDO0FBQ3BDLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUNoRCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFDdEUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFDOztBQUl2RCxRQUFRLENBQUMsRUFBRSxjQUFjLEVBQUUsQ0FBQyxDQUFDO0FBRTdCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQW9CRztBQWtESCxNQUFNLE9BQU8sbUJBQW1CO0lBakRoQztRQWtERSw4Q0FBOEM7UUFDckMsVUFBSyxHQUFHLEtBQUssQ0FBOEIsRUFBRSxDQUFDLENBQUM7UUFFeEQsK0VBQStFO1FBQ3JFLGNBQVMsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO1FBRWpELG9EQUFvRDtRQUMxQyxnQkFBVyxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7UUFFbkQscUJBQXFCO1FBQ1osV0FBTSxHQUFHLFFBQVEsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsS0FBSyxFQUF3QixDQUFDLENBQUM7UUFFckUsOENBQThDO1FBQ3JDLFlBQU8sR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLE1BQU0sRUFBRSxDQUFDLE9BQU8sSUFBSSxFQUFFLENBQUMsQ0FBQztRQUUvRDs7OztXQUlHO1FBQ00sa0JBQWEsR0FBRyxRQUFRLENBQStCLEdBQUcsRUFBRTtZQUNuRSxNQUFNLElBQUksR0FBRyxJQUFJLENBQUMsTUFBTSxFQUFFLENBQUMsSUFBSSxDQUFDO1lBQ2hDLElBQUksQ0FBQyxJQUFJO2dCQUFFLE9BQU8sSUFBSSxDQUFDO1lBQ3ZCLE9BQU8sRUFBRSxLQUFLLEVBQUUsSUFBSSxDQUFDLEtBQUssRUFBRSxLQUFLLEVBQUUsQ0FBQyxJQUFJLENBQUMsS0FBSyxJQUFJLFFBQVEsQ0FBMEIsRUFBRSxDQUFDO1FBQ3pGLENBQUMsQ0FBQyxDQUFDO1FBRUgsd0VBQXdFO1FBQy9ELGdCQUFXLEdBQUcsUUFBUSxDQUFDLEdBQUcsRUFBRSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsTUFBTSxFQUFFLENBQUMsU0FBUyxJQUFJLElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQyxNQUFNLEtBQUssQ0FBQyxDQUFDLENBQUM7S0FNakc7SUFKQyxXQUFXO1FBQ1QsSUFBSSxDQUFDLElBQUksQ0FBQyxXQUFXLEVBQUU7WUFBRSxPQUFPO1FBQ2hDLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLEVBQUUsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUMzQyxDQUFDOytHQWpDVSxtQkFBbUI7bUdBQW5CLG1CQUFtQixnUkE3Q3BCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0EwQ1QsZ3pEQTNDUyxZQUFZLCtCQUFFLE9BQU8sMkpBQUUsYUFBYSx3SEFBRSxlQUFlOzs0RkE4Q3BELG1CQUFtQjtrQkFqRC9CLFNBQVM7K0JBQ0UsaUJBQWlCLGNBQ2YsSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFFLE9BQU8sRUFBRSxhQUFhLEVBQUUsZUFBZSxDQUFDLFlBQ3REOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0EwQ1Q7OEJBUVMsU0FBUztzQkFBbEIsTUFBTTtnQkFHRyxXQUFXO3NCQUFwQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENvbXBvbmVudCwgY29tcHV0ZWQsIEV2ZW50RW1pdHRlciwgaW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgSW9uSWNvbiB9IGZyb20gJ0Bpb25pYy9hbmd1bGFyL3N0YW5kYWxvbmUnO1xuaW1wb3J0IHsgYWRkSWNvbnMgfSBmcm9tICdpb25pY29ucyc7XG5pbXBvcnQgeyBjaGV2cm9uRm9yd2FyZCB9IGZyb20gJ2lvbmljb25zL2ljb25zJztcbmltcG9ydCB7IEJ1dHRvbkNvbXBvbmVudCB9IGZyb20gJy4uLy4uL2F0b21zL2J1dHRvbi9idXR0b24uY29tcG9uZW50JztcbmltcG9ydCB7IFBpbGxDb21wb25lbnQgfSBmcm9tICcuLi9waWxsL3BpbGwuY29tcG9uZW50JztcbmltcG9ydCB7IFBpbGxNZXRhZGF0YSB9IGZyb20gJy4uL3BpbGwvdHlwZXMnO1xuaW1wb3J0IHsgRW50aXR5Q2FyZE1ldGFkYXRhIH0gZnJvbSAnLi90eXBlcyc7XG5cbmFkZEljb25zKHsgY2hldnJvbkZvcndhcmQgfSk7XG5cbi8qKlxuICogdmFsLWVudGl0eS1jYXJkXG4gKlxuICogR2VuZXJpYyBlbnRpdHkgY2FyZCAvIGxpc3Qgcm93LiBUd28gdXNlLWNhc2VzIGluIG9uZSBjb21wb25lbnQ6XG4gKlxuICogMS4gKipOYXZpZ2FibGUgZW50aXR5KiogKGBjbGlja2FibGU6IHRydWVgLCBubyBgYWN0aW9uc2ApIOKAlCB0aGUgd2hvbGUgY2FyZCBpc1xuICogICAgYSBidXR0b246IGNoZXZyb24gb24gdGhlIHJpZ2h0LCBgcm9sZT1cImJ1dHRvblwiYCArIGtleWJvYXJkIHN1cHBvcnQsIGVtaXRzXG4gKiAgICBgKGNhcmRDbGljaylgIHdpdGggdGhlIGB0b2tlbmAuXG4gKiAyLiAqKlJvdyB3aXRoIGFjdGlvbihzKSoqIChgYWN0aW9uczogQnV0dG9uTWV0YWRhdGFbXWApIOKAlCBidXR0b25zIG9uIHRoZVxuICogICAgcmlnaHQsIGVhY2ggZW1pdHMgYChhY3Rpb25DbGljaylgIHdpdGggaXRzIG93biB0b2tlbi5cbiAqXG4gKiBQcmVzZW50YXRpb25hbCDigJQgYWxsIHRleHQgZmllbGRzIGFyZSBhbHJlYWR5LXJlc29sdmVkIHN0cmluZ3MgKG5vIGkxOG4gb2YgaXRzXG4gKiBvd24pLiBEYXJrLXNhZmU6IHN1cmZhY2UvYm9yZGVycy90ZXh0IHVzZSB0aGVtZSB0b2tlbnMgb25seS5cbiAqXG4gKiBAZXhhbXBsZVxuICogYGBgaHRtbFxuICogPHZhbC1lbnRpdHktY2FyZFxuICogICBbcHJvcHNdPVwieyBjaGlwOiB7IGxhYmVsOiAnRW4gdml2bycsIGNvbG9yOiAnc3VjY2VzcycgfSwgdGl0bGU6ICdCaW5nbycsIHN1YnRpdGxlOiAnSG95IDIwOjAwJywgY2xpY2thYmxlOiB0cnVlLCB0b2tlbjogJ2V2dC0xJyB9XCJcbiAqICAgKGNhcmRDbGljayk9XCJvcGVuKCRldmVudClcIiAvPlxuICogYGBgXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3ZhbC1lbnRpdHktY2FyZCcsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIElvbkljb24sIFBpbGxDb21wb25lbnQsIEJ1dHRvbkNvbXBvbmVudF0sXG4gIHRlbXBsYXRlOiBgXG4gICAgPGRpdlxuICAgICAgY2xhc3M9XCJlbnRpdHktY2FyZFwiXG4gICAgICBbY2xhc3MuZW50aXR5LWNhcmQtLWNsaWNrYWJsZV09XCJpc05hdmlnYWJsZSgpXCJcbiAgICAgIFtjbGFzcy5lbnRpdHktY2FyZC0tYWN0aW9ucy1iZWxvd109XCJjb25maWcoKS5hY3Rpb25zQmVsb3cgJiYgYWN0aW9ucygpLmxlbmd0aCA+IDBcIlxuICAgICAgW2F0dHIucm9sZV09XCJpc05hdmlnYWJsZSgpID8gJ2J1dHRvbicgOiBudWxsXCJcbiAgICAgIFthdHRyLnRhYmluZGV4XT1cImlzTmF2aWdhYmxlKCkgPyAwIDogbnVsbFwiXG4gICAgICAoY2xpY2spPVwib25DYXJkQ2xpY2soKVwiXG4gICAgICAoa2V5dXAuZW50ZXIpPVwib25DYXJkQ2xpY2soKVwiXG4gICAgPlxuICAgICAgPGRpdiBjbGFzcz1cImVudGl0eS1jYXJkX19ib2R5XCI+XG4gICAgICAgIEBpZiAoY2hpcFBpbGxQcm9wcygpOyBhcyBjaGlwKSB7XG4gICAgICAgICAgPGRpdiBjbGFzcz1cImVudGl0eS1jYXJkX19leWVicm93XCI+XG4gICAgICAgICAgICA8dmFsLXBpbGwgW3Byb3BzXT1cImNoaXBcIiAvPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICB9XG5cbiAgICAgICAgPGRpdiBjbGFzcz1cImVudGl0eS1jYXJkX19yb3dcIj5cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiZW50aXR5LWNhcmRfX3RleHRcIj5cbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiZW50aXR5LWNhcmRfX3RpdGxlXCI+e3sgY29uZmlnKCkudGl0bGUgfX08L3NwYW4+XG4gICAgICAgICAgICBAaWYgKGNvbmZpZygpLnN1YnRpdGxlKSB7XG4gICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiZW50aXR5LWNhcmRfX3N1YnRpdGxlXCI+e3sgY29uZmlnKCkuc3VidGl0bGUgfX08L3NwYW4+XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBAaWYgKGNvbmZpZygpLmVuZE5vdGUpIHtcbiAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJlbnRpdHktY2FyZF9fZW5kLW5vdGVcIj57eyBjb25maWcoKS5lbmROb3RlIH19PC9zcGFuPlxuICAgICAgICAgICAgfVxuICAgICAgICAgIDwvZGl2PlxuXG4gICAgICAgICAgQGlmIChhY3Rpb25zKCkubGVuZ3RoKSB7XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZW50aXR5LWNhcmRfX2FjdGlvbnNcIiAoY2xpY2spPVwiJGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpXCI+XG4gICAgICAgICAgICAgIEBmb3IgKGFjdGlvbiBvZiBhY3Rpb25zKCk7IHRyYWNrIGFjdGlvbi50b2tlbiB8fCAkaW5kZXgpIHtcbiAgICAgICAgICAgICAgICA8dmFsLWJ1dHRvbiBbcHJvcHNdPVwiYWN0aW9uXCIgKG9uQ2xpY2spPVwiYWN0aW9uQ2xpY2suZW1pdCgkZXZlbnQpXCIgLz5cbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgfVxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuXG4gICAgICBAaWYgKCFhY3Rpb25zKCkubGVuZ3RoICYmIGlzTmF2aWdhYmxlKCkpIHtcbiAgICAgICAgPGlvbi1pY29uIGNsYXNzPVwiZW50aXR5LWNhcmRfX2NoZXZyb25cIiBuYW1lPVwiY2hldnJvbi1mb3J3YXJkXCIgYXJpYS1oaWRkZW49XCJ0cnVlXCIgLz5cbiAgICAgIH1cbiAgICA8L2Rpdj5cbiAgYCxcbiAgc3R5bGVVcmxzOiBbJy4vZW50aXR5LWNhcmQuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgRW50aXR5Q2FyZENvbXBvbmVudCB7XG4gIC8qKiBDb21wb25lbnQgY29uZmlndXJhdGlvbiAob2JqZWN0LWZpcnN0KS4gKi9cbiAgcmVhZG9ubHkgcHJvcHMgPSBpbnB1dDxQYXJ0aWFsPEVudGl0eUNhcmRNZXRhZGF0YT4+KHt9KTtcblxuICAvKiogRW1pdHMgdGhlIGB0b2tlbmAgd2hlbiB0aGUgY2FyZCBpcyBuYXZpZ2FibGUgYW5kIGdldHMgY2xpY2tlZC9hY3RpdmF0ZWQuICovXG4gIEBPdXRwdXQoKSBjYXJkQ2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcblxuICAvKiogRW1pdHMgdGhlIHRva2VuIG9mIHRoZSBjbGlja2VkIGFjdGlvbiBidXR0b24uICovXG4gIEBPdXRwdXQoKSBhY3Rpb25DbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xuXG4gIC8qKiBNZXJnZWQgY29uZmlnLiAqL1xuICByZWFkb25seSBjb25maWcgPSBjb21wdXRlZCgoKSA9PiB0aGlzLnByb3BzKCkgYXMgRW50aXR5Q2FyZE1ldGFkYXRhKTtcblxuICAvKiogQWN0aW9uIGJ1dHRvbnMgKGVtcHR5IGFycmF5IHdoZW4gbm9uZSkuICovXG4gIHJlYWRvbmx5IGFjdGlvbnMgPSBjb21wdXRlZCgoKSA9PiB0aGlzLmNvbmZpZygpLmFjdGlvbnMgPz8gW10pO1xuXG4gIC8qKlxuICAgKiBCYWRnZS1tb2RlIHBpbGwgcHJvcHMgZm9yIHRoZSBzdGF0dXMgY2hpcCwgb3IgbnVsbCB3aGVuIGFic2VudC5cbiAgICogYGNoaXAuY29sb3JgIGlzIGEgZnJlZS1mb3JtIHN0cmluZyAoSW9uaWMgY29sb3IgbmFtZSBvciBDU1MpIHBlciB0aGUgcHVibGljXG4gICAqIGNvbnRyYWN0OyBjYXN0IHRvIHNhdGlzZnkgYFBpbGxNZXRhZGF0YS5jb2xvcmAgKElvbmljIGBDb2xvcmAgdW5pb24pLlxuICAgKi9cbiAgcmVhZG9ubHkgY2hpcFBpbGxQcm9wcyA9IGNvbXB1dGVkPFBhcnRpYWw8UGlsbE1ldGFkYXRhPiB8IG51bGw+KCgpID0+IHtcbiAgICBjb25zdCBjaGlwID0gdGhpcy5jb25maWcoKS5jaGlwO1xuICAgIGlmICghY2hpcCkgcmV0dXJuIG51bGw7XG4gICAgcmV0dXJuIHsgbGFiZWw6IGNoaXAubGFiZWwsIGNvbG9yOiAoY2hpcC5jb2xvciB8fCAnbWVkaXVtJykgYXMgUGlsbE1ldGFkYXRhWydjb2xvciddIH07XG4gIH0pO1xuXG4gIC8qKiBDYXJkIGlzIG5hdmlnYWJsZSBvbmx5IHdoZW4gYGNsaWNrYWJsZWAgYW5kIHRoZXJlIGFyZSBubyBhY3Rpb25zLiAqL1xuICByZWFkb25seSBpc05hdmlnYWJsZSA9IGNvbXB1dGVkKCgpID0+ICEhdGhpcy5jb25maWcoKS5jbGlja2FibGUgJiYgdGhpcy5hY3Rpb25zKCkubGVuZ3RoID09PSAwKTtcblxuICBvbkNhcmRDbGljaygpOiB2b2lkIHtcbiAgICBpZiAoIXRoaXMuaXNOYXZpZ2FibGUoKSkgcmV0dXJuO1xuICAgIHRoaXMuY2FyZENsaWNrLmVtaXQodGhpcy5jb25maWcoKS50b2tlbik7XG4gIH1cbn1cbiJdfQ==
|
package/esm2022/lib/version.mjs
CHANGED
|
@@ -2,5 +2,5 @@
|
|
|
2
2
|
* Current version of valtech-components.
|
|
3
3
|
* This is automatically updated during the publish process.
|
|
4
4
|
*/
|
|
5
|
-
export const VERSION = '4.0.
|
|
6
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
5
|
+
export const VERSION = '4.0.111';
|
|
6
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVyc2lvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9saWIvdmVyc2lvbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7O0dBR0c7QUFDSCxNQUFNLENBQUMsTUFBTSxPQUFPLEdBQUcsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDdXJyZW50IHZlcnNpb24gb2YgdmFsdGVjaC1jb21wb25lbnRzLlxuICogVGhpcyBpcyBhdXRvbWF0aWNhbGx5IHVwZGF0ZWQgZHVyaW5nIHRoZSBwdWJsaXNoIHByb2Nlc3MuXG4gKi9cbmV4cG9ydCBjb25zdCBWRVJTSU9OID0gJzQuMC4xMTEnO1xuIl19
|
|
@@ -56,7 +56,7 @@ import { BrowserMultiFormatReader } from '@zxing/browser';
|
|
|
56
56
|
* Current version of valtech-components.
|
|
57
57
|
* This is automatically updated during the publish process.
|
|
58
58
|
*/
|
|
59
|
-
const VERSION = '4.0.
|
|
59
|
+
const VERSION = '4.0.111';
|
|
60
60
|
|
|
61
61
|
// Control de estado de refresco (singleton a nivel de módulo)
|
|
62
62
|
let isRefreshing = false;
|
|
@@ -28878,35 +28878,39 @@ class EntityCardComponent {
|
|
|
28878
28878
|
(click)="onCardClick()"
|
|
28879
28879
|
(keyup.enter)="onCardClick()"
|
|
28880
28880
|
>
|
|
28881
|
-
|
|
28882
|
-
|
|
28883
|
-
<
|
|
28884
|
-
|
|
28885
|
-
|
|
28886
|
-
|
|
28887
|
-
<div class="entity-card__row">
|
|
28888
|
-
<div class="entity-card__text">
|
|
28889
|
-
<span class="entity-card__title">{{ config().title }}</span>
|
|
28890
|
-
@if (config().subtitle) {
|
|
28891
|
-
<span class="entity-card__subtitle">{{ config().subtitle }}</span>
|
|
28892
|
-
}
|
|
28893
|
-
@if (config().endNote) {
|
|
28894
|
-
<span class="entity-card__end-note">{{ config().endNote }}</span>
|
|
28895
|
-
}
|
|
28896
|
-
</div>
|
|
28881
|
+
<div class="entity-card__body">
|
|
28882
|
+
@if (chipPillProps(); as chip) {
|
|
28883
|
+
<div class="entity-card__eyebrow">
|
|
28884
|
+
<val-pill [props]="chip" />
|
|
28885
|
+
</div>
|
|
28886
|
+
}
|
|
28897
28887
|
|
|
28898
|
-
|
|
28899
|
-
<div class="entity-
|
|
28900
|
-
|
|
28901
|
-
|
|
28888
|
+
<div class="entity-card__row">
|
|
28889
|
+
<div class="entity-card__text">
|
|
28890
|
+
<span class="entity-card__title">{{ config().title }}</span>
|
|
28891
|
+
@if (config().subtitle) {
|
|
28892
|
+
<span class="entity-card__subtitle">{{ config().subtitle }}</span>
|
|
28893
|
+
}
|
|
28894
|
+
@if (config().endNote) {
|
|
28895
|
+
<span class="entity-card__end-note">{{ config().endNote }}</span>
|
|
28902
28896
|
}
|
|
28903
28897
|
</div>
|
|
28904
|
-
|
|
28905
|
-
|
|
28906
|
-
|
|
28898
|
+
|
|
28899
|
+
@if (actions().length) {
|
|
28900
|
+
<div class="entity-card__actions" (click)="$event.stopPropagation()">
|
|
28901
|
+
@for (action of actions(); track action.token || $index) {
|
|
28902
|
+
<val-button [props]="action" (onClick)="actionClick.emit($event)" />
|
|
28903
|
+
}
|
|
28904
|
+
</div>
|
|
28905
|
+
}
|
|
28906
|
+
</div>
|
|
28907
28907
|
</div>
|
|
28908
|
+
|
|
28909
|
+
@if (!actions().length && isNavigable()) {
|
|
28910
|
+
<ion-icon class="entity-card__chevron" name="chevron-forward" aria-hidden="true" />
|
|
28911
|
+
}
|
|
28908
28912
|
</div>
|
|
28909
|
-
`, isInline: true, styles: [":host{display:block}.entity-card{background:var(--ion-card-background, var(--ion-background-color, #fff));border:1px solid var(--ion-border-color, var(--ion-color-light-shade, rgba(0, 0, 0, .1)));border-radius:16px;box-shadow:0 1px 3px #0000000f;padding:16px;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.entity-card--clickable{cursor:pointer}.entity-card--clickable:hover{border-color:var(--ion-color-medium, #92949c);box-shadow:0 4px 12px #0000001a}.entity-card--clickable:active{transform:scale(.99)}.entity-card--clickable:focus-visible{outline:2px solid var(--ion-color-primary);outline-offset:2px}.entity-card__eyebrow{display:flex;margin-bottom:10px}.entity-card__row{display:flex;align-items:center;gap:12px}.entity-card__text{display:flex;flex-direction:column;gap:2px;flex:1 1 auto;min-width:0}.entity-card__title{font-size:1rem;font-weight:700;line-height:1.3;color:var(--ion-text-color, #000)}.entity-card__subtitle{font-size:.875rem;line-height:1.35;color:var(--ion-color-medium, #92949c)}.entity-card__end-note{font-size:.8125rem;line-height:1.35;color:var(--ion-color-medium, #92949c)}.entity-card__actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.entity-card__actions val-button{display:inline-block}.entity-card--actions-below .entity-card__row{flex-direction:column;align-items:stretch;gap:10px}.entity-card--actions-below .entity-card__actions{flex-shrink:1;flex-wrap:wrap}.entity-card__chevron{font-size:1.25rem;color:var(--ion-color-medium, #92949c);flex-shrink:0}:host-context(body.dark) .entity-card,:host-context(html.ion-palette-dark) .entity-card,:host-context([data-theme=dark]) .entity-card{box-shadow:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: PillComponent, selector: "val-pill", inputs: ["preset", "props"], outputs: ["pillClick", "pillAction"] }, { kind: "component", type: ButtonComponent, selector: "val-button", inputs: ["preset", "props"], outputs: ["onClick"] }] }); }
|
|
28913
|
+
`, isInline: true, styles: [":host{display:block}.entity-card{background:var(--ion-card-background, var(--ion-background-color, #fff));border:1px solid var(--ion-border-color, var(--ion-color-light-shade, rgba(0, 0, 0, .1)));border-radius:16px;box-shadow:0 1px 3px #0000000f;padding:16px;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.entity-card__body{flex:1 1 auto;min-width:0}.entity-card--clickable{display:flex;align-items:center;gap:12px;cursor:pointer}.entity-card--clickable:hover{border-color:var(--ion-color-medium, #92949c);box-shadow:0 4px 12px #0000001a}.entity-card--clickable:active{transform:scale(.99)}.entity-card--clickable:focus-visible{outline:2px solid var(--ion-color-primary);outline-offset:2px}.entity-card__eyebrow{display:flex;margin-bottom:10px}.entity-card__row{display:flex;align-items:center;gap:12px}.entity-card__text{display:flex;flex-direction:column;gap:2px;flex:1 1 auto;min-width:0}.entity-card__title{font-size:1rem;font-weight:700;line-height:1.3;color:var(--ion-text-color, #000)}.entity-card__subtitle{font-size:.875rem;line-height:1.35;color:var(--ion-color-medium, #92949c)}.entity-card__end-note{font-size:.8125rem;line-height:1.35;color:var(--ion-color-medium, #92949c)}.entity-card__actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.entity-card__actions val-button{display:inline-block}.entity-card--actions-below .entity-card__row{flex-direction:column;align-items:stretch;gap:10px}.entity-card--actions-below .entity-card__actions{flex-shrink:1;flex-wrap:wrap}.entity-card__chevron{font-size:1.25rem;color:var(--ion-color-medium, #92949c);flex-shrink:0}:host-context(body.dark) .entity-card,:host-context(html.ion-palette-dark) .entity-card,:host-context([data-theme=dark]) .entity-card{box-shadow:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: PillComponent, selector: "val-pill", inputs: ["preset", "props"], outputs: ["pillClick", "pillAction"] }, { kind: "component", type: ButtonComponent, selector: "val-button", inputs: ["preset", "props"], outputs: ["onClick"] }] }); }
|
|
28910
28914
|
}
|
|
28911
28915
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EntityCardComponent, decorators: [{
|
|
28912
28916
|
type: Component,
|
|
@@ -28920,35 +28924,39 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
28920
28924
|
(click)="onCardClick()"
|
|
28921
28925
|
(keyup.enter)="onCardClick()"
|
|
28922
28926
|
>
|
|
28923
|
-
|
|
28924
|
-
|
|
28925
|
-
<
|
|
28926
|
-
|
|
28927
|
-
|
|
28928
|
-
|
|
28929
|
-
<div class="entity-card__row">
|
|
28930
|
-
<div class="entity-card__text">
|
|
28931
|
-
<span class="entity-card__title">{{ config().title }}</span>
|
|
28932
|
-
@if (config().subtitle) {
|
|
28933
|
-
<span class="entity-card__subtitle">{{ config().subtitle }}</span>
|
|
28934
|
-
}
|
|
28935
|
-
@if (config().endNote) {
|
|
28936
|
-
<span class="entity-card__end-note">{{ config().endNote }}</span>
|
|
28937
|
-
}
|
|
28938
|
-
</div>
|
|
28927
|
+
<div class="entity-card__body">
|
|
28928
|
+
@if (chipPillProps(); as chip) {
|
|
28929
|
+
<div class="entity-card__eyebrow">
|
|
28930
|
+
<val-pill [props]="chip" />
|
|
28931
|
+
</div>
|
|
28932
|
+
}
|
|
28939
28933
|
|
|
28940
|
-
|
|
28941
|
-
<div class="entity-
|
|
28942
|
-
|
|
28943
|
-
|
|
28934
|
+
<div class="entity-card__row">
|
|
28935
|
+
<div class="entity-card__text">
|
|
28936
|
+
<span class="entity-card__title">{{ config().title }}</span>
|
|
28937
|
+
@if (config().subtitle) {
|
|
28938
|
+
<span class="entity-card__subtitle">{{ config().subtitle }}</span>
|
|
28939
|
+
}
|
|
28940
|
+
@if (config().endNote) {
|
|
28941
|
+
<span class="entity-card__end-note">{{ config().endNote }}</span>
|
|
28944
28942
|
}
|
|
28945
28943
|
</div>
|
|
28946
|
-
|
|
28947
|
-
|
|
28948
|
-
|
|
28944
|
+
|
|
28945
|
+
@if (actions().length) {
|
|
28946
|
+
<div class="entity-card__actions" (click)="$event.stopPropagation()">
|
|
28947
|
+
@for (action of actions(); track action.token || $index) {
|
|
28948
|
+
<val-button [props]="action" (onClick)="actionClick.emit($event)" />
|
|
28949
|
+
}
|
|
28950
|
+
</div>
|
|
28951
|
+
}
|
|
28952
|
+
</div>
|
|
28949
28953
|
</div>
|
|
28954
|
+
|
|
28955
|
+
@if (!actions().length && isNavigable()) {
|
|
28956
|
+
<ion-icon class="entity-card__chevron" name="chevron-forward" aria-hidden="true" />
|
|
28957
|
+
}
|
|
28950
28958
|
</div>
|
|
28951
|
-
`, styles: [":host{display:block}.entity-card{background:var(--ion-card-background, var(--ion-background-color, #fff));border:1px solid var(--ion-border-color, var(--ion-color-light-shade, rgba(0, 0, 0, .1)));border-radius:16px;box-shadow:0 1px 3px #0000000f;padding:16px;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.entity-card--clickable{cursor:pointer}.entity-card--clickable:hover{border-color:var(--ion-color-medium, #92949c);box-shadow:0 4px 12px #0000001a}.entity-card--clickable:active{transform:scale(.99)}.entity-card--clickable:focus-visible{outline:2px solid var(--ion-color-primary);outline-offset:2px}.entity-card__eyebrow{display:flex;margin-bottom:10px}.entity-card__row{display:flex;align-items:center;gap:12px}.entity-card__text{display:flex;flex-direction:column;gap:2px;flex:1 1 auto;min-width:0}.entity-card__title{font-size:1rem;font-weight:700;line-height:1.3;color:var(--ion-text-color, #000)}.entity-card__subtitle{font-size:.875rem;line-height:1.35;color:var(--ion-color-medium, #92949c)}.entity-card__end-note{font-size:.8125rem;line-height:1.35;color:var(--ion-color-medium, #92949c)}.entity-card__actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.entity-card__actions val-button{display:inline-block}.entity-card--actions-below .entity-card__row{flex-direction:column;align-items:stretch;gap:10px}.entity-card--actions-below .entity-card__actions{flex-shrink:1;flex-wrap:wrap}.entity-card__chevron{font-size:1.25rem;color:var(--ion-color-medium, #92949c);flex-shrink:0}:host-context(body.dark) .entity-card,:host-context(html.ion-palette-dark) .entity-card,:host-context([data-theme=dark]) .entity-card{box-shadow:none}\n"] }]
|
|
28959
|
+
`, styles: [":host{display:block}.entity-card{background:var(--ion-card-background, var(--ion-background-color, #fff));border:1px solid var(--ion-border-color, var(--ion-color-light-shade, rgba(0, 0, 0, .1)));border-radius:16px;box-shadow:0 1px 3px #0000000f;padding:16px;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.entity-card__body{flex:1 1 auto;min-width:0}.entity-card--clickable{display:flex;align-items:center;gap:12px;cursor:pointer}.entity-card--clickable:hover{border-color:var(--ion-color-medium, #92949c);box-shadow:0 4px 12px #0000001a}.entity-card--clickable:active{transform:scale(.99)}.entity-card--clickable:focus-visible{outline:2px solid var(--ion-color-primary);outline-offset:2px}.entity-card__eyebrow{display:flex;margin-bottom:10px}.entity-card__row{display:flex;align-items:center;gap:12px}.entity-card__text{display:flex;flex-direction:column;gap:2px;flex:1 1 auto;min-width:0}.entity-card__title{font-size:1rem;font-weight:700;line-height:1.3;color:var(--ion-text-color, #000)}.entity-card__subtitle{font-size:.875rem;line-height:1.35;color:var(--ion-color-medium, #92949c)}.entity-card__end-note{font-size:.8125rem;line-height:1.35;color:var(--ion-color-medium, #92949c)}.entity-card__actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.entity-card__actions val-button{display:inline-block}.entity-card--actions-below .entity-card__row{flex-direction:column;align-items:stretch;gap:10px}.entity-card--actions-below .entity-card__actions{flex-shrink:1;flex-wrap:wrap}.entity-card__chevron{font-size:1.25rem;color:var(--ion-color-medium, #92949c);flex-shrink:0}:host-context(body.dark) .entity-card,:host-context(html.ion-palette-dark) .entity-card,:host-context([data-theme=dark]) .entity-card{box-shadow:none}\n"] }]
|
|
28952
28960
|
}], propDecorators: { cardClick: [{
|
|
28953
28961
|
type: Output
|
|
28954
28962
|
}], actionClick: [{
|