@ajuarezso/sui-design-system 0.18.7 → 0.18.9
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/package.json
CHANGED
|
@@ -1759,7 +1759,7 @@ declare class SuiButton {
|
|
|
1759
1759
|
readonly disabled: _angular_core.InputSignal<boolean>;
|
|
1760
1760
|
readonly leftIcon: _angular_core.InputSignal<string | null>;
|
|
1761
1761
|
readonly rightIcon: _angular_core.InputSignal<string | null>;
|
|
1762
|
-
readonly type: _angular_core.InputSignal<"
|
|
1762
|
+
readonly type: _angular_core.InputSignal<"button" | "submit" | "reset">;
|
|
1763
1763
|
/** Intercept click/Enter/Space — cuando type=submit, busca el form padre y
|
|
1764
1764
|
dispara requestSubmit(). Reset hace lo mismo con form.reset(). Disabled
|
|
1765
1765
|
bloquea todo. */
|
|
@@ -2265,7 +2265,7 @@ declare class SuiLinkButton {
|
|
|
2265
2265
|
readonly href: _angular_core.InputSignal<string | null>;
|
|
2266
2266
|
readonly target: _angular_core.InputSignal<string | null>;
|
|
2267
2267
|
readonly rel: _angular_core.InputSignal<string | null>;
|
|
2268
|
-
readonly type: _angular_core.InputSignal<"
|
|
2268
|
+
readonly type: _angular_core.InputSignal<"button" | "submit" | "reset">;
|
|
2269
2269
|
readonly ariaLabel: _angular_core.InputSignal<string | null>;
|
|
2270
2270
|
readonly clicked: _angular_core.OutputEmitterRef<MouseEvent>;
|
|
2271
2271
|
readonly iconSize: _angular_core.Signal<number>;
|
|
@@ -3171,7 +3171,7 @@ declare class SuiCompactButton {
|
|
|
3171
3171
|
readonly href: _angular_core.InputSignal<string | null>;
|
|
3172
3172
|
readonly target: _angular_core.InputSignal<string | null>;
|
|
3173
3173
|
readonly rel: _angular_core.InputSignal<string | null>;
|
|
3174
|
-
readonly type: _angular_core.InputSignal<"
|
|
3174
|
+
readonly type: _angular_core.InputSignal<"button" | "submit" | "reset">;
|
|
3175
3175
|
readonly ariaLabel: _angular_core.InputSignal<string>;
|
|
3176
3176
|
readonly clicked: _angular_core.OutputEmitterRef<MouseEvent>;
|
|
3177
3177
|
readonly iconSize: _angular_core.Signal<number>;
|
|
@@ -3266,7 +3266,7 @@ declare class SuiCompactSelectForInput<T = string> implements ControlValueAccess
|
|
|
3266
3266
|
readonly arrowIcon: _angular_core.Signal<"arrow-up-s-line" | "arrow-down-s-line">;
|
|
3267
3267
|
readonly displayValue: _angular_core.Signal<string>;
|
|
3268
3268
|
readonly displayFlag: _angular_core.Signal<"abkhazia" | "afghanistan" | "aland-islands" | "albania" | "algeria" | "american-samoa" | "andorra" | "angola" | "anguilla" | "antigua-and-barbuda" | "argentina" | "armenia" | "aruba" | "australia" | "austria" | "azerbaijan" | "azores-islands" | "bahamas" | "bahrain" | "balearic-islands" | "bangladesh" | "barbados" | "basque-country" | "belarus" | "belgium" | "belize" | "benin" | "bermuda" | "bhutan" | "bolivia" | "bonaire" | "bosnia-and-herzegovina" | "botswana" | "brazil" | "british-columbia" | "british-indian-ocean-territory" | "british-virgin-islands" | "brunei" | "bulgaria" | "burkina-faso" | "burundi" | "cambodia" | "cameroon" | "canada" | "canary-islands" | "cape-verde" | "cayman-islands" | "central-african-republic" | "ceuta" | "chad" | "chile" | "china" | "christmas-island" | "cocos-island" | "colombia" | "comoros" | "cook-islands" | "corsica" | "costa-rica" | "croatia" | "cuba" | "curacao" | "cyprus" | "czech-republic" | "democratic-republic-of-congo" | "denmark" | "djibouti" | "dominica" | "dominican-republic" | "east-timor" | "ecuador" | "egypt" | "el-salvador" | "england" | "equatorial-guinea" | "eritrea" | "estonia" | "ethiopia" | "european-union" | "falkland-islands" | "faroe-islands" | "fiji" | "finland" | "france" | "french-polynesia" | "gabon" | "galapagos-islands" | "gambia" | "georgia" | "germany" | "ghana" | "gibraltar" | "greece" | "greenland" | "grenada" | "guam" | "guatemala" | "guernsey" | "guinea-bissau" | "guinea" | "guyana" | "haiti" | "hawaii" | "honduras" | "hong-kong" | "hungary" | "iceland" | "india" | "indonesia" | "iran" | "iraq" | "ireland" | "isle-of-man" | "israel" | "italy" | "ivory-coast" | "jamaica" | "japan" | "jersey" | "jordan" | "kazakhstan" | "kenya" | "kiribati" | "kosovo" | "kuwait" | "kyrgyzstan" | "laos" | "latvia" | "lebanon" | "lesotho" | "liberia" | "libya" | "liechtenstein" | "lithuania" | "luxembourg" | "macao" | "madagascar" | "madeira" | "malawi" | "malaysia" | "maldives" | "mali" | "malta" | "marshall-island" | "martinique" | "mauritania" | "mauritus" | "melilla" | "mexico" | "micronesia" | "moldova" | "monaco" | "mongolia" | "montenegro" | "montserrat" | "morocco" | "mozambique" | "myanmar" | "namibia" | "nato" | "nauru" | "nepal" | "netherlands" | "new-zealand" | "nicaragua" | "niger" | "nigeria" | "niue" | "norfolk-island" | "north-korea" | "northern-cyprus" | "northern-marianas-islands" | "norway" | "oman" | "orkney-islands" | "ossetia" | "pakistan" | "palau" | "palestine" | "panama" | "papua-new-guinea" | "paraguay" | "peru" | "philippines" | "pitcairn-islands" | "poland" | "portugal" | "puerto-rico" | "qatar" | "rapa-nui" | "republic-of-macedonia" | "republic-of-the-congo" | "romania" | "russia" | "rwanda" | "saba-island" | "sahrawi-arab-democratic-republic" | "saint-kitts-and-nevis" | "samoa" | "san-marino" | "sao-tome-and-prince" | "sardinia" | "saudi-arabia" | "scotland" | "senegal" | "serbia" | "seychelles" | "sierra-leone" | "singapore" | "sint-eustatius" | "sint-maarten" | "slovakia" | "slovania" | "solomon-islands" | "somalia" | "somaliland" | "south-africa" | "south-korea" | "south-sudan" | "spain" | "sri-lanka" | "st-barts" | "st-lucia" | "st-vincent-and-the-grenadines" | "sudan" | "suriname" | "swaziland" | "sweden" | "switzerland" | "syria" | "taijikistan" | "taiwan" | "tanzania" | "thailand" | "tibet" | "togo" | "tokelau" | "tonga" | "transnistria" | "trinidad-and-tobago" | "tunisia" | "turkey" | "turkmenistan" | "turks-and-caicos" | "tuvalu" | "uganda" | "ukraine" | "united-arab-emirates" | "united-kingdom" | "united-nations" | "united-states" | "uruguay" | "uzbekistan" | "vanuatu" | "vatican-city" | "venezuela" | "vietnam" | "virgin-islands" | "wales" | "yemen" | "zambia" | "zimbabwe" | null>;
|
|
3269
|
-
readonly flagSizePx: _angular_core.Signal<
|
|
3269
|
+
readonly flagSizePx: _angular_core.Signal<16 | 20>;
|
|
3270
3270
|
onHostClick(event: Event): void;
|
|
3271
3271
|
protected onMenuOpenedChange(open: boolean): void;
|
|
3272
3272
|
protected selectItem(item: SuiCompactSelectForInputItem<T>): void;
|
|
@@ -5259,7 +5259,7 @@ declare class SuiFancyButton {
|
|
|
5259
5259
|
readonly href: _angular_core.InputSignal<string | null>;
|
|
5260
5260
|
readonly target: _angular_core.InputSignal<string | null>;
|
|
5261
5261
|
readonly rel: _angular_core.InputSignal<string | null>;
|
|
5262
|
-
readonly htmlType: _angular_core.InputSignal<"
|
|
5262
|
+
readonly htmlType: _angular_core.InputSignal<"button" | "submit" | "reset">;
|
|
5263
5263
|
readonly ariaLabel: _angular_core.InputSignal<string | null>;
|
|
5264
5264
|
readonly clicked: _angular_core.OutputEmitterRef<MouseEvent>;
|
|
5265
5265
|
readonly iconSize: _angular_core.Signal<number>;
|
|
@@ -5576,7 +5576,7 @@ declare class SuiFileUpload {
|
|
|
5576
5576
|
protected readonly inputRef: _angular_core.Signal<ElementRef<HTMLInputElement> | undefined>;
|
|
5577
5577
|
protected readonly dragging: _angular_core.WritableSignal<boolean>;
|
|
5578
5578
|
protected readonly internalError: _angular_core.WritableSignal<string | null>;
|
|
5579
|
-
protected readonly state: _angular_core.Signal<"
|
|
5579
|
+
protected readonly state: _angular_core.Signal<"default" | "error" | "disabled" | "dragover">;
|
|
5580
5580
|
protected readonly resolvedTitle: _angular_core.Signal<string>;
|
|
5581
5581
|
protected readonly resolvedSubtitle: _angular_core.Signal<string>;
|
|
5582
5582
|
protected readonly resolvedErrorMessage: _angular_core.Signal<string | null>;
|
|
@@ -6224,9 +6224,9 @@ declare class SuiImageUpload {
|
|
|
6224
6224
|
protected readonly sizePx: _angular_core.Signal<number>;
|
|
6225
6225
|
/** Camera icon px en el empty state. xl escala a 20, resto 16
|
|
6226
6226
|
* (matchea el escalado del contenedor 32→40 en SCSS). */
|
|
6227
|
-
protected readonly iconSize: _angular_core.Signal<
|
|
6227
|
+
protected readonly iconSize: _angular_core.Signal<16 | 20>;
|
|
6228
6228
|
protected readonly hasSrc: _angular_core.Signal<boolean>;
|
|
6229
|
-
protected readonly state: _angular_core.Signal<"
|
|
6229
|
+
protected readonly state: _angular_core.Signal<"filled" | "disabled" | "dragover" | "empty">;
|
|
6230
6230
|
protected readonly resolvedTitle: _angular_core.Signal<string>;
|
|
6231
6231
|
protected readonly resolvedSubtitle: _angular_core.Signal<string>;
|
|
6232
6232
|
onHostClick(): void;
|
|
@@ -7025,6 +7025,89 @@ declare class SuiKeyIcon {
|
|
|
7025
7025
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiKeyIcon, "sui-key-icon", never, { "name": { "alias": "name"; "required": true; "isSignal": true; }; "styleVariant": { "alias": "styleVariant"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
7026
7026
|
}
|
|
7027
7027
|
|
|
7028
|
+
/** Orientación del lockup. Las dos llevan la palabra en DOS líneas. */
|
|
7029
|
+
type SuiLogoOrientation = 'horizontal' | 'stacked';
|
|
7030
|
+
/** Escala canon del DS — la misma de sui-brand-logo / sui-flag / sui-emoji. */
|
|
7031
|
+
type SuiLogoSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
|
|
7032
|
+
/**
|
|
7033
|
+
* SUI Logo — el logo de Master Pedidos, dibujado inline y coloreable.
|
|
7034
|
+
*
|
|
7035
|
+
* NO confundir con `sui-brand-logo`, que sirve logos de TERCEROS (Apple, Google,
|
|
7036
|
+
* Stripe…) como assets `<img>` intocables por compliance de marca. Este es el
|
|
7037
|
+
* logo PROPIO del producto: se inlinea justamente para poder teñirlo.
|
|
7038
|
+
*
|
|
7039
|
+
* ── El dibujo ────────────────────────────────────────────────────────────────
|
|
7040
|
+
* Son tres piezas: la M (isotipo) y las palabras «Master» y «Pedidos». Las dos
|
|
7041
|
+
* orientaciones son esas mismas tres piezas re-acomodadas, así que el path data
|
|
7042
|
+
* vive UNA sola vez en el template y lo único que cambia es el `viewBox` y el
|
|
7043
|
+
* `transform` de cada grupo:
|
|
7044
|
+
*
|
|
7045
|
+
* horizontal → M a la izquierda + bloque de palabra a la derecha, escala 1.
|
|
7046
|
+
* viewBox `0.218 3.987 773.623 266.421` (ratio 2.904:1)
|
|
7047
|
+
* stacked → M arriba + bloque de palabra debajo, centrado, escala 0.55765.
|
|
7048
|
+
* viewBox `-0.266 0.109 257.897 420.55` (ratio 0.613:1)
|
|
7049
|
+
* markOnly → solo la M.
|
|
7050
|
+
* viewBox `0.218 3.987 257.897 266.421` (ratio 0.968:1)
|
|
7051
|
+
*
|
|
7052
|
+
* Los viewBox son el bbox EXACTO medido con `getBBox()` sobre el dibujo, no un
|
|
7053
|
+
* lienzo con aire: el componente no aporta padding propio.
|
|
7054
|
+
*
|
|
7055
|
+
* En las dos orientaciones la palabra va en dos líneas («Master» sobre
|
|
7056
|
+
* «Pedidos»). El lockup de una sola línea es otro dibujo y no está acá.
|
|
7057
|
+
*
|
|
7058
|
+
* ── Color ────────────────────────────────────────────────────────────────────
|
|
7059
|
+
* `markColor` y `textColor` aceptan cualquier color CSS, y lo natural es pasar
|
|
7060
|
+
* un token: `markColor="var(--sui-primary-base)"`. Se aplican por custom
|
|
7061
|
+
* property (`--sui-logo-mark-color` / `--sui-logo-text-color`) y no por atributo
|
|
7062
|
+
* `fill`, porque un `var()` dentro de un atributo de presentación SVG no
|
|
7063
|
+
* resuelve.
|
|
7064
|
+
*
|
|
7065
|
+
* ── Tamaño ───────────────────────────────────────────────────────────────────
|
|
7066
|
+
* `size` fija el ALTO (xs=16 … 2xl=48) y el ancho sale solo. `height` es el
|
|
7067
|
+
* escape hatch para los altos que no están en la escala: un número son px
|
|
7068
|
+
* (28, 80…) y un string es cualquier valor CSS (`'60%'` para seguir al
|
|
7069
|
+
* contenedor). Si viene, gana sobre `size`.
|
|
7070
|
+
*
|
|
7071
|
+
* ── Accesibilidad ────────────────────────────────────────────────────────────
|
|
7072
|
+
* Por defecto el SVG va con `role="img"` y `aria-label="Master Pedidos"`: el
|
|
7073
|
+
* logo ES el nombre del producto. Cuando se pone al lado de un texto que ya dice
|
|
7074
|
+
* «Master Pedidos» (el `<h1>` de las pantallas «Acerca de»), pasar
|
|
7075
|
+
* `[decorative]="true"` para que el lector de pantalla no lo diga dos veces.
|
|
7076
|
+
*
|
|
7077
|
+
* Usage:
|
|
7078
|
+
* <sui-logo />
|
|
7079
|
+
* <sui-logo orientation="stacked" size="xl" />
|
|
7080
|
+
* <sui-logo [markOnly]="true" [decorative]="true" [height]="80" />
|
|
7081
|
+
* <sui-logo markColor="var(--sui-static-white)" textColor="var(--sui-static-white)" />
|
|
7082
|
+
*/
|
|
7083
|
+
declare class SuiLogo {
|
|
7084
|
+
readonly orientation: _angular_core.InputSignal<SuiLogoOrientation>;
|
|
7085
|
+
/** Solo la M, sin la palabra. Cuando es `true`, `orientation` no aplica. */
|
|
7086
|
+
readonly markOnly: _angular_core.InputSignal<boolean>;
|
|
7087
|
+
readonly size: _angular_core.InputSignal<SuiLogoSize>;
|
|
7088
|
+
/**
|
|
7089
|
+
* Alto fuera de la escala. Número = px; string = cualquier valor CSS
|
|
7090
|
+
* (`'60%'` para seguir al contenedor, como hace `sui-icon` con `size`).
|
|
7091
|
+
* Si viene, gana sobre `size`.
|
|
7092
|
+
*/
|
|
7093
|
+
readonly height: _angular_core.InputSignal<string | number | null>;
|
|
7094
|
+
/** Color de la M. Token o cualquier color CSS. */
|
|
7095
|
+
readonly markColor: _angular_core.InputSignal<string>;
|
|
7096
|
+
/** Color de la palabra. Token o cualquier color CSS. */
|
|
7097
|
+
readonly textColor: _angular_core.InputSignal<string>;
|
|
7098
|
+
/** `true` cuando al lado ya está escrito «Master Pedidos». */
|
|
7099
|
+
readonly decorative: _angular_core.InputSignal<boolean>;
|
|
7100
|
+
readonly ariaLabel: _angular_core.InputSignal<string>;
|
|
7101
|
+
readonly heightPx: _angular_core.Signal<string>;
|
|
7102
|
+
readonly viewBox: _angular_core.Signal<string>;
|
|
7103
|
+
/** En apilado la M se corre para que el bloque entero quede centrado. */
|
|
7104
|
+
readonly markTransform: _angular_core.Signal<string | null>;
|
|
7105
|
+
readonly masterTransform: _angular_core.Signal<string>;
|
|
7106
|
+
readonly pedidosTransform: _angular_core.Signal<string>;
|
|
7107
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SuiLogo, never>;
|
|
7108
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiLogo, "sui-logo", never, { "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "markOnly": { "alias": "markOnly"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "markColor": { "alias": "markColor"; "required": false; "isSignal": true; }; "textColor": { "alias": "textColor"; "required": false; "isSignal": true; }; "decorative": { "alias": "decorative"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
7109
|
+
}
|
|
7110
|
+
|
|
7028
7111
|
/**
|
|
7029
7112
|
* SUI Modal Sheet — bottom sheet con breakpoints (estilo Apple Maps / Ionic ion-modal sheet).
|
|
7030
7113
|
*
|
|
@@ -7911,7 +7994,7 @@ declare class SuiNotification {
|
|
|
7911
7994
|
readonly dismissible: _angular_core.InputSignal<boolean>;
|
|
7912
7995
|
readonly unread: _angular_core.InputSignal<boolean>;
|
|
7913
7996
|
/** Item body type. 'basic' keeps the legacy/alert layout (no body slot). */
|
|
7914
|
-
readonly type: _angular_core.InputSignal<"
|
|
7997
|
+
readonly type: _angular_core.InputSignal<"basic" | "file" | "button" | "message">;
|
|
7915
7998
|
/** When true, item paints the Figma hover bg + reveals the more-2-line button. */
|
|
7916
7999
|
readonly showMore: _angular_core.InputSignal<boolean>;
|
|
7917
8000
|
/** Forces the hover affordance visible (e.g. keyboard-focused row). */
|
|
@@ -9835,7 +9918,7 @@ declare class SuiSocialButton {
|
|
|
9835
9918
|
readonly href: _angular_core.InputSignal<string | null>;
|
|
9836
9919
|
readonly target: _angular_core.InputSignal<string | null>;
|
|
9837
9920
|
readonly rel: _angular_core.InputSignal<string | null>;
|
|
9838
|
-
readonly type: _angular_core.InputSignal<"
|
|
9921
|
+
readonly type: _angular_core.InputSignal<"button" | "submit" | "reset">;
|
|
9839
9922
|
readonly ariaLabel: _angular_core.InputSignal<string | null>;
|
|
9840
9923
|
readonly clicked: _angular_core.OutputEmitterRef<MouseEvent>;
|
|
9841
9924
|
/** Disabled efectivo: el input disabled O el estado loading. */
|
|
@@ -10098,6 +10181,35 @@ declare class SuiStoreCard {
|
|
|
10098
10181
|
readonly isFavorite: _angular_core.InputSignal<boolean>;
|
|
10099
10182
|
/** Si true, no se navega al detalle (caso suspendido). El padre puede sobreescribir. */
|
|
10100
10183
|
readonly disableLink: _angular_core.InputSignal<boolean>;
|
|
10184
|
+
/**
|
|
10185
|
+
* El texto de Envío y el de Distancia, ya escritos por quien llama.
|
|
10186
|
+
*
|
|
10187
|
+
* ## Por qué existen: la tarjeta DIBUJA, no decide
|
|
10188
|
+
*
|
|
10189
|
+
* El costo de envío se calcula en un solo lugar de la app
|
|
10190
|
+
* (`StateService.computeDeliveryFee`) desde un bug real: la tarjeta decía
|
|
10191
|
+
* S/ 1,90 y el checkout cobraba S/ 1,50, porque cada vista lo deducía por su
|
|
10192
|
+
* cuenta. Un componente del design system que deduce precios es esa misma
|
|
10193
|
+
* trampa, un piso más abajo — y encima repartida entre todas las apps que lo
|
|
10194
|
+
* consuman. Lo mismo vale para la distancia, que según de dónde salga el
|
|
10195
|
+
* número se escribe como rango («menos de 500 m», mientras es un estimado) o
|
|
10196
|
+
* como número exacto («475 m», cuando la ruta ya se midió): esa distinción
|
|
10197
|
+
* la conoce la app, no la tarjeta.
|
|
10198
|
+
*
|
|
10199
|
+
* ## Los tres estados, y por qué son tres
|
|
10200
|
+
*
|
|
10201
|
+
* | valor | qué hace |
|
|
10202
|
+
* |---|---|
|
|
10203
|
+
* | sin pasar (`undefined`) | la tarjeta lo deduce como siempre — nada cambia para quien ya la usa |
|
|
10204
|
+
* | un string | se muestra tal cual |
|
|
10205
|
+
* | `null` | esa columna NO se renderiza (ni guion ni hueco) |
|
|
10206
|
+
*
|
|
10207
|
+
* `null` tiene que ser distinto de «no lo pasé» justamente para poder pedir
|
|
10208
|
+
* que el dato desaparezca. Al quedar tres columnas en vez de cuatro, la fila
|
|
10209
|
+
* se reparte mejor y el distrito deja de cortarse en «San Jeróni…».
|
|
10210
|
+
*/
|
|
10211
|
+
readonly deliveryText: _angular_core.InputSignal<string | null | undefined>;
|
|
10212
|
+
readonly distanceText: _angular_core.InputSignal<string | null | undefined>;
|
|
10101
10213
|
readonly toggleFavorite: _angular_core.OutputEmitterRef<Event>;
|
|
10102
10214
|
/** Emite cuando el usuario tapea la sección de calificación. El padre debe
|
|
10103
10215
|
* abrir `StoreRatingsModalService.open(id, name, logoUrl)` para mostrar
|
|
@@ -10123,17 +10235,22 @@ declare class SuiStoreCard {
|
|
|
10123
10235
|
* guardado y cero reseñas, y sin él ese cinco pasa por reputación ganada.
|
|
10124
10236
|
*/
|
|
10125
10237
|
readonly ratingLabel: _angular_core.Signal<string>;
|
|
10126
|
-
|
|
10238
|
+
/** El texto de Distancia: el que le pasaron, o el que deduce del `distanceKm`
|
|
10239
|
+
* cuando nadie le pasó nada. `null` = no se pinta la columna (ver
|
|
10240
|
+
* `distanceText`). */
|
|
10241
|
+
readonly distanceLabel: _angular_core.Signal<string | null>;
|
|
10127
10242
|
/** En owner-preview hay un badge custom (Borrador/En revisión/Rechazado).
|
|
10128
10243
|
Devuelve null cuando no aplica (modo cliente normal). */
|
|
10129
10244
|
readonly previewBadge: _angular_core.Signal<PreviewBadge | null>;
|
|
10130
|
-
/**
|
|
10131
|
-
|
|
10245
|
+
/** El texto de Envío: el que le pasaron, o la etiqueta corta que deduce del
|
|
10246
|
+
* `deliveryType` (Gratis/Recojo/Courier/S/X) cuando nadie le pasó nada.
|
|
10247
|
+
* `null` = no se pinta la columna (ver `deliveryText`). */
|
|
10248
|
+
readonly deliveryLabel: _angular_core.Signal<string | null>;
|
|
10132
10249
|
onFavClick(event: Event): void;
|
|
10133
10250
|
onCardClick(event: Event): void;
|
|
10134
10251
|
onRatingClick(event: Event): void;
|
|
10135
10252
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SuiStoreCard, never>;
|
|
10136
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiStoreCard, "sui-store-card", never, { "store": { "alias": "store"; "required": true; "isSignal": true; }; "isFavorite": { "alias": "isFavorite"; "required": false; "isSignal": true; }; "disableLink": { "alias": "disableLink"; "required": false; "isSignal": true; }; }, { "toggleFavorite": "toggleFavorite"; "ratingClicked": "ratingClicked"; }, never, never, true, never>;
|
|
10253
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiStoreCard, "sui-store-card", never, { "store": { "alias": "store"; "required": true; "isSignal": true; }; "isFavorite": { "alias": "isFavorite"; "required": false; "isSignal": true; }; "disableLink": { "alias": "disableLink"; "required": false; "isSignal": true; }; "deliveryText": { "alias": "deliveryText"; "required": false; "isSignal": true; }; "distanceText": { "alias": "distanceText"; "required": false; "isSignal": true; }; }, { "toggleFavorite": "toggleFavorite"; "ratingClicked": "ratingClicked"; }, never, never, true, never>;
|
|
10137
10254
|
}
|
|
10138
10255
|
|
|
10139
10256
|
/**
|
|
@@ -12524,5 +12641,5 @@ declare class SuiTooltipPanel {
|
|
|
12524
12641
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiTooltipPanel, "sui-tooltip-panel", never, { "text": { "alias": "text"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "theme": { "alias": "theme"; "required": false; "isSignal": true; }; "showArrow": { "alias": "showArrow"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "dismissible": { "alias": "dismissible"; "required": false; "isSignal": true; }; }, { "dismissed": "dismissed"; }, never, never, true, never>;
|
|
12525
12642
|
}
|
|
12526
12643
|
|
|
12527
|
-
export { DAY_LABELS_ES, DEFAULT_DURATION_PRESETS, DEFAULT_PRESETS, EMPTY_STATE_FOX_EMOJI, SUI_BRAND_LOGO_COMPANIES, SUI_CHART_LEGEND_COLORS, SUI_CHART_LEGEND_HEX, SUI_CHART_SERIES_COLORS, SUI_COLOR_DOT_COLORS, SUI_COLOR_DOT_HEX, SUI_CUSTOM_ICONS, SUI_EMOJI_MAP, SUI_EMOJI_STATIC, SUI_FLAG_NAMES, SUI_HEX_TO_COLOR, SUI_KEY_ICON_COLORS, SUI_KEY_ICON_SIZES, SUI_NAVBAR_VISIBILITY, SUI_PASSWORD_STRENGTH_DEFAULT_CONDITIONS, SUI_PASSWORD_STRENGTH_DEFAULT_LEVEL_LABELS, SUI_PAYMENT_ICON_TYPES, SUI_PRODUCT_FALLBACK_COLORS, SUI_TAB_BAR, SuiAccordion, SuiAccordionContent, SuiActivityFeed, SuiActivityFilter, SuiAlert, SuiAppStoreBadge, SuiAvatar, SuiAvatarGroup, SuiBadge, SuiBanner, SuiBrandLogo, SuiBreadcrumbItem, SuiBreadcrumbs, SuiButton, SuiButtonGroup, SuiButtonGroupItem, SuiCard, SuiChartLegend, SuiChartLegendDot, SuiCheckbox, SuiCheckboxCard, SuiCheckboxLabel, SuiCircularProgressBar, SuiColorDot, SuiColorPicker, SuiCommandMenuFooter, SuiCommandMenuItem, SuiCommandMenuSearch, SuiCompactAvatarGroup, SuiCompactButton, SuiCompactSelect, SuiCompactSelectForInput, SuiContentCard, SuiContentDivider, SuiContentLabel, SuiCounterInput, SuiDateSelector, SuiDatepicker, SuiDayCell, SuiDayLabel, SuiDivider, SuiDrawerFooter, SuiDrawerHeader, SuiDropdownCaption, SuiDropdownItem, SuiDropdownMenu, SuiDropdownPanel, SuiDropdownSearch, SuiEmoji, SuiEmptyState, SuiFancyButton, SuiFileIcon, SuiFileUpload, SuiFileUploadCard, SuiFilterBar, SuiFilterItem, SuiFilterPanelFooter, SuiFilterPanelHeader, SuiFlag, SuiFormHint, SuiFormLabel, SuiHref, SuiIcon, SuiImageUpload, SuiImageUploadProfile, SuiImgRetry, SuiInlineInput, SuiInlineSelect, SuiInput, SuiIntegrationSwitch, SuiKbd, SuiKeyIcon, SuiLinkButton, SuiModal, SuiModalFooter, SuiModalHeader, SuiModalSheet, SuiNotification, SuiNotificationFooter, SuiNotificationTabMenu, SuiOtpInput, SuiPageHeader, SuiPagination, SuiPasswordStrength, SuiPaymentIcon, SuiPeriodRange, SuiPopover, SuiProductCard, SuiProgressBar, SuiProgressBarLabel, SuiRadio, SuiRadioCard, SuiRadioGroup, SuiRadioLabel, SuiRating, SuiRichEditor, SuiRichEditorItem, SuiSegmentedControl, SuiSelect, SuiSidebar, SuiSlider, SuiSocialButton, SuiStatusBadge, SuiStepper, SuiStoreCard, SuiSwitch, SuiSwitchCard, SuiSwitchLabel, SuiTabChips, SuiTabMenuHorizontal, SuiTabMenuVertical, SuiTable, SuiTableCellDirective, SuiTag, SuiTagInput, SuiTextarea, SuiTimePicker, SuiTimePickerDuration, SuiTimePickerItem, SuiTimePickerStatus, SuiToastOutlet, SuiToastService, SuiTooltip, SuiTooltipPanel, SuiTopbar, SuiTopbarButton, SuiTopbarItem, SuiTopbarUser, buildCalendarGrid, buildHourList, buildMinuteList, formatDateInput, formatDateShort, formatMonthYear, formatTime, isSameTime, normalizeHex, pad2, parseTime, to12h, to24h };
|
|
12528
|
-
export type { CalendarCell, CalendarRow, DatepickerPreset, DatepickerPresetId, SuiAccordionFlipIcon, SuiActivityAvatarRef, SuiActivityFeedItem, SuiActivityFile, SuiActivityFilterState, SuiActivityTask, SuiActivityTaskState, SuiAlertAction, SuiAlertSize, SuiAlertStyle, SuiAlertVariant, SuiAppStoreBadgeAppearance, SuiAppStoreBadgeCompany, SuiAvatarColor, SuiAvatarConfig, SuiAvatarGroupItem, SuiAvatarSize, SuiAvatarStatus, SuiAvatarTopBadge, SuiBadgeColor, SuiBadgeConfig, SuiBadgeSize, SuiBadgeType, SuiBadgeVariant, SuiBannerStyle, SuiBannerVariant, SuiBrandLogoCompany, SuiBrandLogoSize, SuiBrandLogoStyle, SuiBreadcrumbDivider, SuiBreadcrumbEntry, SuiButtonColor, SuiButtonGroupEntry, SuiButtonGroupItemSize, SuiButtonSize, SuiButtonVariant, SuiCardSize, SuiCardVariant, SuiChartLegendColor, SuiChartLegendItem, SuiCheckboxCardType, SuiCheckboxSize, SuiCircularProgressBarColor, SuiCircularProgressBarSize, SuiColorDotColor, SuiCommandMenuItemSize, SuiCommandMenuItemType, SuiCompactAvatarGroupAppearance, SuiCompactAvatarGroupSize, SuiCompactButtonSize, SuiCompactButtonStyle, SuiCompactSelectForInputItem, SuiCompactSelectForInputSize, SuiCompactSelectItem, SuiCompactSelectSize, SuiCompactSelectType, SuiContentCardType, SuiContentDividerItem, SuiContentDividerType, SuiContentLabelBadgePlacement, SuiContentLabelSize, SuiContentLabelType, SuiCounterInputSize, SuiDateRange, SuiDatepickerCalendars, SuiDatepickerMode, SuiDayCellType, SuiDividerOrientation, SuiDrawerFooterType, SuiDrawerHeaderSize, SuiDrawerHeaderType, SuiDropdownItemMode, SuiDropdownItemSize, SuiDropdownMenuPopupRole, SuiDropdownMenuPosition, SuiEmojiName, SuiEmojiSize, SuiEmptyStateAction, SuiFancyButtonSize, SuiFancyButtonType, SuiFileIconColor, SuiFileIconSize, SuiFileUploadCardFile, SuiFileUploadCardState, SuiFileUploadSize, SuiFilterItemState, SuiFlagName, SuiFlagSize, SuiFooterButtonConfig, SuiFormHintVariant, SuiFormLabelSize, SuiImageUploadProfileAlignment, SuiImageUploadProfileLabels, SuiImageUploadProfileType, SuiImageUploadShape, SuiImageUploadSize, SuiInlineSelectItem, SuiInlineSelectType, SuiInputEnterKeyHint, SuiInputMode, SuiInputSize, SuiInputType, SuiIntegrationManageConfig, SuiIntegrationSwitchAppearance, SuiIntegrationSwitchType, SuiKbdVariant, SuiKeyIconColor, SuiKeyIconSize, SuiKeyIconStyle, SuiLinkButtonSize, SuiLinkButtonVariant, SuiLinkConfig, SuiModalHeaderVariant, SuiModalIconVariant, SuiModalSize, SuiModalStatusAlignment, SuiNavbarVisibility, SuiNotificationStyle, SuiNotificationTab, SuiNotificationVariant, SuiOtpInputType, SuiPaginationInfoFormat, SuiPaginationSize, SuiPaginationType, SuiPasswordStrengthCondition, SuiPasswordStrengthLevel, SuiPaymentIconSize, SuiPaymentIconType, SuiPopoverFooter, SuiPopoverPosition, SuiProductCardFallback, SuiProductCardImage, SuiProgressBarColor, SuiProgressBarLabelType, SuiProgressBarSize, SuiRadioCardType, SuiRadioSize, SuiRadioValue, SuiRatingAlignment, SuiRatingAppearance, SuiRatingReviewLink, SuiRatingSize, SuiRatingType, SuiRichEditorAction, SuiRichEditorCommand, SuiRichEditorItemState, SuiRichEditorItemType, SuiRichEditorLayout, SuiSegmentedControlItem, SuiSegmentedControlSize, SuiSelectOption, SuiSelectSize, SuiSelectType, SuiSidebarBrandConfig, SuiSidebarIndicatorColor, SuiSidebarItem, SuiSidebarMobileMode, SuiSidebarProfile, SuiSidebarSearchConfig, SuiSliderType, SuiSocialButtonBrand, SuiSocialButtonStyle, SuiStatusBadgeAppearance, SuiStatusBadgeStatus, SuiStepperItem, SuiStepperSize, SuiStepperState, SuiStepperVariant, SuiStoreCardData, SuiSwitchCardType, SuiSwitchSize, SuiTabBar, SuiTabChipItem, SuiTabMenuHorizontalItem, SuiTabMenuHorizontalSize, SuiTabMenuVerticalItem, SuiTabMenuVerticalStyle, SuiTableCellMisc, SuiTableCellPriority, SuiTableColumn, SuiTableSize, SuiTagInputSize, SuiTagStyle, SuiTimeDurationPreset, SuiTimeFormat, SuiTimePeriod, SuiTimePickerItemDirection, SuiTimePickerStatusType, SuiTimeValue, SuiToastAction, SuiToastData, SuiToastItem, SuiToastPosition, SuiToastStyle, SuiToastVariant, SuiTooltipLargeData, SuiTooltipPosition, SuiTooltipSize, SuiTooltipTheme, SuiTooltipThemeInput, SuiTopbarAccent, SuiTopbarAction, SuiTopbarEntry, SuiTopbarSearchConfig, SuiTopbarUserConfig };
|
|
12644
|
+
export { DAY_LABELS_ES, DEFAULT_DURATION_PRESETS, DEFAULT_PRESETS, EMPTY_STATE_FOX_EMOJI, SUI_BRAND_LOGO_COMPANIES, SUI_CHART_LEGEND_COLORS, SUI_CHART_LEGEND_HEX, SUI_CHART_SERIES_COLORS, SUI_COLOR_DOT_COLORS, SUI_COLOR_DOT_HEX, SUI_CUSTOM_ICONS, SUI_EMOJI_MAP, SUI_EMOJI_STATIC, SUI_FLAG_NAMES, SUI_HEX_TO_COLOR, SUI_KEY_ICON_COLORS, SUI_KEY_ICON_SIZES, SUI_NAVBAR_VISIBILITY, SUI_PASSWORD_STRENGTH_DEFAULT_CONDITIONS, SUI_PASSWORD_STRENGTH_DEFAULT_LEVEL_LABELS, SUI_PAYMENT_ICON_TYPES, SUI_PRODUCT_FALLBACK_COLORS, SUI_TAB_BAR, SuiAccordion, SuiAccordionContent, SuiActivityFeed, SuiActivityFilter, SuiAlert, SuiAppStoreBadge, SuiAvatar, SuiAvatarGroup, SuiBadge, SuiBanner, SuiBrandLogo, SuiBreadcrumbItem, SuiBreadcrumbs, SuiButton, SuiButtonGroup, SuiButtonGroupItem, SuiCard, SuiChartLegend, SuiChartLegendDot, SuiCheckbox, SuiCheckboxCard, SuiCheckboxLabel, SuiCircularProgressBar, SuiColorDot, SuiColorPicker, SuiCommandMenuFooter, SuiCommandMenuItem, SuiCommandMenuSearch, SuiCompactAvatarGroup, SuiCompactButton, SuiCompactSelect, SuiCompactSelectForInput, SuiContentCard, SuiContentDivider, SuiContentLabel, SuiCounterInput, SuiDateSelector, SuiDatepicker, SuiDayCell, SuiDayLabel, SuiDivider, SuiDrawerFooter, SuiDrawerHeader, SuiDropdownCaption, SuiDropdownItem, SuiDropdownMenu, SuiDropdownPanel, SuiDropdownSearch, SuiEmoji, SuiEmptyState, SuiFancyButton, SuiFileIcon, SuiFileUpload, SuiFileUploadCard, SuiFilterBar, SuiFilterItem, SuiFilterPanelFooter, SuiFilterPanelHeader, SuiFlag, SuiFormHint, SuiFormLabel, SuiHref, SuiIcon, SuiImageUpload, SuiImageUploadProfile, SuiImgRetry, SuiInlineInput, SuiInlineSelect, SuiInput, SuiIntegrationSwitch, SuiKbd, SuiKeyIcon, SuiLinkButton, SuiLogo, SuiModal, SuiModalFooter, SuiModalHeader, SuiModalSheet, SuiNotification, SuiNotificationFooter, SuiNotificationTabMenu, SuiOtpInput, SuiPageHeader, SuiPagination, SuiPasswordStrength, SuiPaymentIcon, SuiPeriodRange, SuiPopover, SuiProductCard, SuiProgressBar, SuiProgressBarLabel, SuiRadio, SuiRadioCard, SuiRadioGroup, SuiRadioLabel, SuiRating, SuiRichEditor, SuiRichEditorItem, SuiSegmentedControl, SuiSelect, SuiSidebar, SuiSlider, SuiSocialButton, SuiStatusBadge, SuiStepper, SuiStoreCard, SuiSwitch, SuiSwitchCard, SuiSwitchLabel, SuiTabChips, SuiTabMenuHorizontal, SuiTabMenuVertical, SuiTable, SuiTableCellDirective, SuiTag, SuiTagInput, SuiTextarea, SuiTimePicker, SuiTimePickerDuration, SuiTimePickerItem, SuiTimePickerStatus, SuiToastOutlet, SuiToastService, SuiTooltip, SuiTooltipPanel, SuiTopbar, SuiTopbarButton, SuiTopbarItem, SuiTopbarUser, buildCalendarGrid, buildHourList, buildMinuteList, formatDateInput, formatDateShort, formatMonthYear, formatTime, isSameTime, normalizeHex, pad2, parseTime, to12h, to24h };
|
|
12645
|
+
export type { CalendarCell, CalendarRow, DatepickerPreset, DatepickerPresetId, SuiAccordionFlipIcon, SuiActivityAvatarRef, SuiActivityFeedItem, SuiActivityFile, SuiActivityFilterState, SuiActivityTask, SuiActivityTaskState, SuiAlertAction, SuiAlertSize, SuiAlertStyle, SuiAlertVariant, SuiAppStoreBadgeAppearance, SuiAppStoreBadgeCompany, SuiAvatarColor, SuiAvatarConfig, SuiAvatarGroupItem, SuiAvatarSize, SuiAvatarStatus, SuiAvatarTopBadge, SuiBadgeColor, SuiBadgeConfig, SuiBadgeSize, SuiBadgeType, SuiBadgeVariant, SuiBannerStyle, SuiBannerVariant, SuiBrandLogoCompany, SuiBrandLogoSize, SuiBrandLogoStyle, SuiBreadcrumbDivider, SuiBreadcrumbEntry, SuiButtonColor, SuiButtonGroupEntry, SuiButtonGroupItemSize, SuiButtonSize, SuiButtonVariant, SuiCardSize, SuiCardVariant, SuiChartLegendColor, SuiChartLegendItem, SuiCheckboxCardType, SuiCheckboxSize, SuiCircularProgressBarColor, SuiCircularProgressBarSize, SuiColorDotColor, SuiCommandMenuItemSize, SuiCommandMenuItemType, SuiCompactAvatarGroupAppearance, SuiCompactAvatarGroupSize, SuiCompactButtonSize, SuiCompactButtonStyle, SuiCompactSelectForInputItem, SuiCompactSelectForInputSize, SuiCompactSelectItem, SuiCompactSelectSize, SuiCompactSelectType, SuiContentCardType, SuiContentDividerItem, SuiContentDividerType, SuiContentLabelBadgePlacement, SuiContentLabelSize, SuiContentLabelType, SuiCounterInputSize, SuiDateRange, SuiDatepickerCalendars, SuiDatepickerMode, SuiDayCellType, SuiDividerOrientation, SuiDrawerFooterType, SuiDrawerHeaderSize, SuiDrawerHeaderType, SuiDropdownItemMode, SuiDropdownItemSize, SuiDropdownMenuPopupRole, SuiDropdownMenuPosition, SuiEmojiName, SuiEmojiSize, SuiEmptyStateAction, SuiFancyButtonSize, SuiFancyButtonType, SuiFileIconColor, SuiFileIconSize, SuiFileUploadCardFile, SuiFileUploadCardState, SuiFileUploadSize, SuiFilterItemState, SuiFlagName, SuiFlagSize, SuiFooterButtonConfig, SuiFormHintVariant, SuiFormLabelSize, SuiImageUploadProfileAlignment, SuiImageUploadProfileLabels, SuiImageUploadProfileType, SuiImageUploadShape, SuiImageUploadSize, SuiInlineSelectItem, SuiInlineSelectType, SuiInputEnterKeyHint, SuiInputMode, SuiInputSize, SuiInputType, SuiIntegrationManageConfig, SuiIntegrationSwitchAppearance, SuiIntegrationSwitchType, SuiKbdVariant, SuiKeyIconColor, SuiKeyIconSize, SuiKeyIconStyle, SuiLinkButtonSize, SuiLinkButtonVariant, SuiLinkConfig, SuiLogoOrientation, SuiLogoSize, SuiModalHeaderVariant, SuiModalIconVariant, SuiModalSize, SuiModalStatusAlignment, SuiNavbarVisibility, SuiNotificationStyle, SuiNotificationTab, SuiNotificationVariant, SuiOtpInputType, SuiPaginationInfoFormat, SuiPaginationSize, SuiPaginationType, SuiPasswordStrengthCondition, SuiPasswordStrengthLevel, SuiPaymentIconSize, SuiPaymentIconType, SuiPopoverFooter, SuiPopoverPosition, SuiProductCardFallback, SuiProductCardImage, SuiProgressBarColor, SuiProgressBarLabelType, SuiProgressBarSize, SuiRadioCardType, SuiRadioSize, SuiRadioValue, SuiRatingAlignment, SuiRatingAppearance, SuiRatingReviewLink, SuiRatingSize, SuiRatingType, SuiRichEditorAction, SuiRichEditorCommand, SuiRichEditorItemState, SuiRichEditorItemType, SuiRichEditorLayout, SuiSegmentedControlItem, SuiSegmentedControlSize, SuiSelectOption, SuiSelectSize, SuiSelectType, SuiSidebarBrandConfig, SuiSidebarIndicatorColor, SuiSidebarItem, SuiSidebarMobileMode, SuiSidebarProfile, SuiSidebarSearchConfig, SuiSliderType, SuiSocialButtonBrand, SuiSocialButtonStyle, SuiStatusBadgeAppearance, SuiStatusBadgeStatus, SuiStepperItem, SuiStepperSize, SuiStepperState, SuiStepperVariant, SuiStoreCardData, SuiSwitchCardType, SuiSwitchSize, SuiTabBar, SuiTabChipItem, SuiTabMenuHorizontalItem, SuiTabMenuHorizontalSize, SuiTabMenuVerticalItem, SuiTabMenuVerticalStyle, SuiTableCellMisc, SuiTableCellPriority, SuiTableColumn, SuiTableSize, SuiTagInputSize, SuiTagStyle, SuiTimeDurationPreset, SuiTimeFormat, SuiTimePeriod, SuiTimePickerItemDirection, SuiTimePickerStatusType, SuiTimeValue, SuiToastAction, SuiToastData, SuiToastItem, SuiToastPosition, SuiToastStyle, SuiToastVariant, SuiTooltipLargeData, SuiTooltipPosition, SuiTooltipSize, SuiTooltipTheme, SuiTooltipThemeInput, SuiTopbarAccent, SuiTopbarAction, SuiTopbarEntry, SuiTopbarSearchConfig, SuiTopbarUserConfig };
|