@ajuarezso/sui-stencil 0.0.0-stage → 0.1.0

package/dist/collection/components/sui-logo/sui-logo.js

@@ -0,0 +1,279 @@
+import { Host, h } from "@stencil/core";
+/** Alto en px por size. El size manda el ALTO; el ancho sale del ratio del lockup. */
+const SIZE_PX = {
+    xs: 16,
+    sm: 20,
+    md: 24,
+    lg: 32,
+    xl: 40,
+    '2xl': 48,
+};
+/**
+ * `<sui-logo>` — el logo de Master Pedidos, dibujado inline y coloreable.
+ * Port 1:1 del Angular (`sui-design-system`, `lib/sui-logo`): misma API
+ * (orientation/markOnly/size/height/markColor/textColor/decorative/ariaLabel)
+ * y el mismo path data, copiado tal cual.
+ *
+ * NO confundir con `sui-brand-logo`, que sirve logos de TERCEROS (Apple,
+ * Google, Stripe…) como `<img>` intocables. Este es el logo PROPIO del
+ * producto: se inlinea justamente para poder teñirlo.
+ *
+ * El dibujo son tres piezas (la M, «Master» y «Pedidos»); las dos orientaciones
+ * son esas mismas piezas re-acomodadas, así que solo cambian el `viewBox` y el
+ * `transform` de cada grupo:
+ *   horizontal → viewBox `0.218 3.987 773.623 266.421` (2.904:1)
+ *   stacked    → viewBox `-0.266 0.109 257.897 420.55` (0.613:1)
+ *   markOnly   → viewBox `0.218 3.987 257.897 266.421` (0.968:1)
+ * Los viewBox son el bbox exacto del dibujo: el componente no suma padding.
+ *
+ * Color: `markColor` / `textColor` aceptan un token (`var(--sui-primary-base)`)
+ * o cualquier color CSS. Van por custom property (`--sui-logo-mark-color` /
+ * `--sui-logo-text-color`) y NO por atributo `fill`: un `var()` dentro de un
+ * atributo de presentación SVG no resuelve.
+ *
+ * Tamaño: `size` fija el ALTO (xs=16 … 2xl=48). `height` es el escape hatch:
+ * número = px, string = cualquier valor CSS (`60%`). Si viene, gana sobre `size`.
+ *
+ * Accesibilidad: por defecto `role="img"` + `aria-label="Master Pedidos"`. Al
+ * lado de un texto que ya dice el nombre, `decorative` lo calla.
+ */
+export class SuiLogo {
+    constructor() {
+        /** Lockup: `horizontal` (M a la izquierda) o `stacked` (M arriba, centrado). */
+        this.orientation = 'horizontal';
+        /** Solo la M, sin la palabra. Cuando es `true`, `orientation` no aplica. */
+        this.markOnly = false;
+        /** Alto del logo: xs=16, sm=20, md=24, lg=32, xl=40, 2xl=48 (px). */
+        this.size = 'md';
+        /** Alto fuera de la escala. Número = px; string = cualquier valor CSS. Gana sobre `size`. */
+        this.height = null;
+        /** Color de la M. Token o cualquier color CSS. */
+        this.markColor = 'var(--sui-primary-base)';
+        /** Color de la palabra. Token o cualquier color CSS. */
+        this.textColor = 'var(--sui-text-strong-950)';
+        /** `true` cuando al lado ya está escrito «Master Pedidos». */
+        this.decorative = false;
+        /** Nombre accesible. */
+        this.ariaLabel = 'Master Pedidos';
+    }
+    get heightCss() {
+        var _a;
+        const h = this.height;
+        if (h === null || h === undefined || h === '')
+            return `${(_a = SIZE_PX[this.size]) !== null && _a !== void 0 ? _a : SIZE_PX.md}px`;
+        // Un atributo HTML llega como string: un número suelto ("80") son px.
+        return typeof h === 'number' || /^\d+(\.\d+)?$/.test(h) ? `${h}px` : h;
+    }
+    componentWillLoad() {
+        /* Sin title nativo en el host (tooltip gris del navegador): Host title={undefined} no lo borra. */
+        this.el.removeAttribute('title');
+    }
+    render() {
+        const stacked = !this.markOnly && this.orientation === 'stacked';
+        const viewBox = this.markOnly
+            ? '0.218 3.987 257.897 266.421'
+            : stacked
+                ? '-0.266 0.109 257.897 420.55'
+                : '0.218 3.987 773.623 266.421';
+        const masterTransform = stacked
+            ? 'translate(0,309.299) scale(0.55765) translate(39.626,0.082)'
+            : 'matrix(1,0,0,1,311.359985,40.32)';
+        const pedidosTransform = stacked
+            ? 'translate(0,309.299) scale(0.55765) translate(0.3,110.402)'
+            : 'matrix(1,0,0,1,312.480011,150.639999)';
+        return (h(Host, { key: '8d59b652179da809f5480d0c015f694685eb9a0e', "data-sui-orientation": this.markOnly ? 'mark' : this.orientation, "data-sui-size": this.size, style: {
+                '--sui-logo-height': this.heightCss,
+                '--sui-logo-mark-color': this.markColor,
+                '--sui-logo-text-color': this.textColor,
+            } }, h("svg", { key: 'dae6361de70969a07eea5d4bd445f69b1d2cb2dd', class: "sui-logo__svg", viewBox: viewBox, role: this.decorative ? undefined : 'img', "aria-label": this.decorative ? undefined : this.ariaLabel, "aria-hidden": this.decorative ? 'true' : undefined, focusable: "false", xmlns: "http://www.w3.org/2000/svg" }, h("g", { key: '399e514ab1b89653f2dc19d828788b7b08dcbe3a', class: "sui-logo__mark", transform: stacked ? 'translate(-0.484,-3.878)' : undefined, "fill-rule": "nonzero" }, h("polygon", { key: 'b56ce24176f764540e9414ee24e3b5c0a3df0bf1', points: "21.2352 84.0784 57.3384 84.0784 60.3288 66.472 24.1752 66.472" }), h("polygon", { key: '08c0a9da6cb06f249283d840666085b2c74de153', points: "30.072 31.0744 27.132 48.6976 63.3528 48.6976 66.3432 31.0744" }), h("path", { key: '4b45281f95edad2751a9d9556b16d6610a211be8', d: "M219.8112,31.0744 L145.8072,137.2336 C145.6392,137.5528 145.32,137.872 145.152,138.04 C144.6648,138.5272 144.0264,138.8464 143.3712,138.8464 C142.2456,138.8464 141.4392,138.208 140.952,137.2336 L104.5968,31.0744 L66.2088,31.0744 L63.0672,49.6888 L60.3288,66.4552 L60.2448,66.4552 L56.7672,87.0688 L54.348,101.8528 L54.2808,101.8528 L44.6544,158.8888 C42.7224,166.8016 35.9352,172.6312 27.5184,172.6312 L6.5184,172.6312 L0.2184,210.448 L45.6288,210.448 C61.7904,210.448 75.0456,199.2928 78.5904,184.2736 L79.0776,181.3672 L80.6904,172.648 L81.4968,167.9608 L92.3328,103.4824 L124.8072,193.3288 C124.9752,193.984 125.1264,194.6224 125.4624,195.2608 C126.924,198.3352 129.9816,200.4352 133.5432,200.4352 C135.9624,200.4352 138.2304,199.4608 139.8432,197.848 C139.8432,197.68 140.0112,197.5288 140.1624,197.5288 L141.288,195.748 L207.6984,102.1888 L179.256,270.4072 L217.56,270.4072 L258.1152,31.0912 L219.8112,31.0912 L219.8112,31.0744 Z" }), h("circle", { key: 'ae00f51af0a008ba62f829cccf8934ee09034092', cx: "161.175613", cy: "31.0350292", r: "27.0484118" }), h("polygon", { key: '9c506b73075668cc41dbcfcccd7f598d896fddc0', points: "12.3816 137.2504 9.4416 154.8568 45.3264 154.8568 48.3168 137.2504" }), h("polygon", { key: '91cc4968d82ea620f9a3c60efcf993812fc903dd', points: "15.3384 119.476 51.3408 119.476 54.3312 101.8528 18.2784 101.8528" })), !this.markOnly && (h("g", { key: '9a2a8311cc7afa7c132aa17faaaff10305764d48', class: "sui-logo__word", transform: masterTransform, "fill-rule": "nonzero" }, h("path", { key: '781c648c9a83f07694b17eb894ac89f9000d0076', d: "M18.4912,86.296 L0.1456,86.296 L0.1456,0.1288 L27.5464,0.1288 L43.6912,68.6728 L59.3488,0.1288 L87.0016,0.1288 L87.0016,86.296 L68.656,86.296 L68.656,19.1632 L54.9808,77.3584 C53.7544,82.6 49.0672,86.3128 43.6912,86.3128 L43.6912,86.3128 C38.3152,86.3128 33.6616,82.6336 32.4016,77.4088 L18.508,19.18 L18.508,86.296 L18.4912,86.296 Z" }), h("path", { key: '4d95c8432a3ac2b1e6ba57b85a87a52d4a4b0171', d: "M157.9816,86.296 L139.384,86.296 C137.8048,84.3976 137.4352,83.2216 137.4352,79.912 C131.32,86.0608 124.7176,89.0176 117.376,89.0176 C105.2632,89.0176 97.3168,81.34 97.3168,69.8656 C97.3168,58.3912 103.6672,51.8896 116.7712,49.7728 L123.6256,48.5968 C132.0592,47.3032 132.0592,47.3032 134.3944,46.1272 C136.2424,45.0688 137.3344,43.288 137.3344,41.1544 C137.3344,36.904 134.0248,34.7704 127.4224,34.7704 C118.9888,34.7704 116.1664,36.904 115.3096,43.5232 L98.7952,43.5232 C99.904,28.7392 109.1944,21.4144 127.036,21.4144 C144.8776,21.4144 154.0672,28.0336 154.0672,41.0368 L154.0672,76.5016 C154.0672,79.6936 155.0416,81.5752 157.9816,84.2968 L157.9816,86.296 Z M137.3176,56.1568 C135.352,57.0976 134.6296,57.3328 130.0936,58.1728 L124.2136,59.2312 C117.124,60.6592 114.436,63.0112 114.436,67.984 C114.436,72.7216 117.9808,75.6616 123.7264,75.6616 C132.412,75.6616 137.3008,70.2184 137.3008,60.6592 L137.3008,56.1568 L137.3176,56.1568 Z" }), h("path", { key: '3c0333935ebdbd29480faf008824ea17fa1a89de', d: "M206.8696,43.036 C206.752,37.24 202.72,34.4008 194.5216,34.4008 C188.524,34.4008 184.6096,36.7696 184.6096,40.3144 C184.6096,42.9184 185.836,43.8592 190.6072,45.2704 L212.2624,51.3016 C220.948,53.788 225.232,59.1136 225.232,67.3792 C225.232,73.6456 222.292,79.5592 217.4032,83.3392 C212.5144,87.1192 205.5424,89.0008 196.3696,89.0008 C176.3104,89.0008 165.676,81.7936 165.1888,67.732 L181.9384,67.732 C182.6776,71.1592 183.4168,72.4528 185.248,73.7632 C187.4488,75.3088 190.876,76.0144 195.3952,76.0144 C203.3584,76.0144 208.1128,73.6456 208.1128,69.748 C208.1128,67.1608 206.6344,65.8504 202.3672,64.5568 L181.9384,58.408 C175.588,56.4088 173.5048,55.3336 171.1696,53.0992 C168.8512,50.6128 167.4904,46.9504 167.4904,42.7 C167.4904,29.5792 177.8896,21.4312 194.6392,21.4312 C212.38,21.4312 223.132,29.5792 223.384,43.0696 L206.8696,43.0696 L206.8696,43.036 Z" }), h("path", { key: '3ea4753ff96c8e5d30c7808654940b6dd5460fb4', d: "M266.2744,34.7704 L256.732,34.7704 L256.732,69.5128 C256.732,75.1744 257.8408,76.4848 262.36,76.4848 C263.704,76.4848 264.5608,76.3672 266.2744,76.132 L266.2744,87.724 C263.0992,88.6648 260.2768,89.0176 256.3624,89.0176 C245.1064,89.0176 239.6128,84.0616 239.6128,73.9984 L239.6128,34.7536 L231.1792,34.7536 L231.1792,23.7496 L239.6128,23.7496 L239.6128,6.6136 L256.732,6.6136 L256.732,23.7496 L266.2744,23.7496 L266.2744,34.7704 L266.2744,34.7704 Z" }), h("path", { key: '16dace5cc3a5b8c7067e24e21ac08743436afb79', d: "M289.492,59.6008 C289.744,65.632 290.3488,68.4544 291.9448,70.8232 C294.3808,74.368 298.2952,76.384 303.2008,76.384 C309.4336,76.384 314.2048,73.4272 316.288,68.3536 L333.172,68.3536 C329.3752,81.004 317.3968,89.0344 302.596,89.0344 C283.8808,89.0344 272.3896,76.5016 272.3896,56.056 C272.3896,34.6528 284.0152,21.4312 302.9656,21.4312 C316.3048,21.4312 326.9392,28.4032 331.3408,39.9784 C332.9368,44.4808 333.9112,50.3776 333.9112,56.7616 C333.9112,57.5848 333.9112,58.1896 333.7936,59.6008 L289.492,59.6008 L289.492,59.6008 Z M316.036,48.5968 C315.1792,39.1384 310.5256,34.0648 302.6968,34.0648 C295.1032,34.0648 290.836,38.8024 289.7272,48.5968 L316.036,48.5968 Z" }), h("path", { key: '2f81979c88c837325953832a37f398a83a4e1760', d: "M362.4712,22.4728 L362.4712,35.0056 C366.268,26.3704 372.988,21.4144 380.8168,21.4144 C381.556,21.4144 381.9256,21.4144 382.9,21.532 L382.9,38.3152 C380.5816,37.9624 379.3552,37.8448 377.5072,37.8448 C367.4776,37.8448 362.4712,42.6832 362.4712,52.3768 L362.4712,86.296 L345.352,86.296 L345.352,22.4728 L362.4712,22.4728 L362.4712,22.4728 Z" }))), !this.markOnly && (h("g", { key: '43b33005eb397393130bcd0dde9e03b6ccdb6611', class: "sui-logo__word", transform: pedidosTransform, "fill-rule": "nonzero" }, h("path", { key: '9098ede131c79d8565e86c8052fe9e0b83d6d6b6', d: "M18.8328,86.5704 L0.4872,86.5704 L0.4872,0.4032 L39.8664,0.4032 C58.4472,0.4032 68.6112,9.8616 68.6112,27.1152 C68.6112,44.604 58.0944,55.8432 41.6976,55.8432 L18.8328,55.8432 L18.8328,86.5704 Z M35.952,41.0592 C45.7464,41.0592 50.2656,36.9264 50.2656,28.056 C50.2656,19.3032 45.7464,15.1704 35.952,15.1704 L18.8328,15.1704 L18.8328,41.0592 L35.952,41.0592 Z" }), h("path", { key: '50fc71688d9448693fae9f53c3403fc073172535', d: "M89.7624,59.8584 C90.0144,65.8896 90.6192,68.712 92.2152,71.0808 C94.6512,74.6256 98.5656,76.6416 103.4712,76.6416 C109.704,76.6416 114.4752,73.6848 116.5584,68.6112 L133.4424,68.6112 C129.6456,81.2616 117.6672,89.292 102.8664,89.292 C84.1512,89.292 72.66,76.7592 72.66,56.3136 C72.66,34.9104 84.2856,21.6888 103.236,21.6888 C116.5752,21.6888 127.2096,28.6608 131.6112,40.236 C133.2072,44.7384 134.1816,50.6352 134.1816,57.0192 C134.1816,57.8424 134.1816,58.4472 134.064,59.8584 L89.7624,59.8584 L89.7624,59.8584 Z M116.3064,48.8544 C115.4496,39.396 110.796,34.3224 102.9672,34.3224 C95.3736,34.3224 91.1064,39.06 89.9976,48.8544 L116.3064,48.8544 Z" }), h("path", { key: '9ea665eee4e105f1957210929a7943e40652178a', d: "M189.252,80.0688 C184.968,86.4528 179.34,89.292 171.024,89.292 C162.96,89.292 154.8792,85.3944 150.36,79.128 C145.9584,72.9792 143.2704,64.2432 143.2704,55.608 C143.2704,36.3384 155.2656,21.6888 171.0408,21.6888 C179.3568,21.6888 184.9848,24.6456 189.2688,31.0296 L189.2688,0.42 L206.388,0.42 L206.388,86.5872 L189.2688,86.5872 L189.2688,80.0688 L189.252,80.0688 Z M160.3896,55.608 C160.3896,67.3008 166.2528,75.4656 174.8208,75.4656 C183.372,75.4656 189.252,67.4352 189.252,55.8432 C189.252,43.5456 183.4896,35.5151741 174.8208,35.5151741 C166.2528,35.4984 160.3896,43.6632 160.3896,55.608 Z" }), h("rect", { key: '37fccbee3bf5c6d0a856599a15bc02280831fb9c', x: "222.6", y: "22.7472", width: "17.1192", height: "63.8232" }), h("path", { key: '402b6c8e499a06297a6d5e546ca6c244bbcecc12', d: "M297.9144,80.0688 C293.6304,86.4528 288.0024,89.292 279.6864,89.292 C271.6224,89.292 263.5416,85.3944 259.0224,79.128 C254.6208,72.9792 251.9328,64.2432 251.9328,55.608 C251.9328,36.3384 263.928,21.6888 279.7032,21.6888 C288.0192,21.6888 293.6472,24.6456 297.9312,31.0296 L297.9312,0.42 L315.0504,0.42 L315.0504,86.5872 L297.9312,86.5872 L297.9312,80.0688 L297.9144,80.0688 Z M269.052,55.608 C269.052,67.3008 274.9152,75.4656 283.4832,75.4656 C292.0344,75.4656 297.9144,67.4352 297.9144,55.8432 C297.9144,43.5456 292.152,35.5151741 283.4832,35.5151741 C274.9152,35.4984 269.052,43.6632 269.052,55.608 Z" }), h("path", { key: '8dce194ec90261d0691df26411f3b8d581d72862', d: "M392.6664,55.944 C392.6664,76.5072 380.2008,89.2752 360.0072,89.2752 C339.7128,89.2752 327.348,76.5072 327.348,55.4736 C327.348,34.5576 339.696,21.672 359.8728,21.672 C380.5536,21.672 392.6664,34.3224 392.6664,55.944 Z M344.4672,55.4736 C344.4672,67.7712 350.7,75.9192 360.0072,75.9192 C369.18,75.9192 375.5472,67.6536 375.5472,55.7088 C375.5472,43.176 369.432,35.028 360.0072,35.028 C350.7168,35.028 344.4672,43.1928 344.4672,55.4736 Z" }), h("path", { key: 'c77fff03b6430a97884b8baad86f9686a877e44f', d: "M442.9992,43.3104 C442.8816,37.5144 438.8328,34.6752 430.6512,34.6752 C424.6536,34.6752 420.7392,37.044 420.7392,40.5888 C420.7392,43.1928 421.9656,44.1336 426.7368,45.5448 L448.392,51.576 C457.0776,54.0624 461.3616,59.388 461.3616,67.6536 C461.3616,73.92 458.4216,79.8336 453.5328,83.6136 C448.644,87.3936 441.672,89.2752 432.4992,89.2752 C412.44,89.2752 401.8056,82.068 401.3184,68.0064 L418.068,68.0064 C418.8072,71.4336 419.5464,72.7272 421.3776,74.0376 C423.5784,75.5832 427.0056,76.2888 431.5248,76.2888 C439.488,76.2888 444.2424,73.92 444.2424,70.0224 C444.2424,67.4352 442.7808,66.1248 438.4968,64.8312 L418.068,58.6824 C411.7176,56.6832 409.6344,55.608 407.2992,53.3736 C404.9808,50.8872 403.6368,47.2248 403.6368,42.9744 C403.6368,29.8536 414.036,21.7056 430.7856,21.7056 C448.5264,21.7056 459.2784,29.8536 459.5304,43.344 L442.9992,43.344 L442.9992,43.3104 Z" }), h("ellipse", { key: 'c14f360d24cf949ce6c89c5350903bb54c219e63', cx: "231.168", cy: "8.6688", rx: "8.5512", ry: "8.2656" }))))));
+    }
+    static get is() { return "sui-logo"; }
+    static get encapsulation() { return "scoped"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["sui-logo.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["sui-logo.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "orientation": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "SuiLogoOrientation",
+                    "resolved": "\"horizontal\" | \"stacked\"",
+                    "references": {
+                        "SuiLogoOrientation": {
+                            "location": "local",
+                            "path": "/Users/anthonyjuarezsolis/Desktop/dev/personal/sui-stencil/src/components/sui-logo/sui-logo.tsx",
+                            "id": "src/components/sui-logo/sui-logo.tsx::SuiLogoOrientation"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Lockup: `horizontal` (M a la izquierda) o `stacked` (M arriba, centrado)."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "orientation",
+                "defaultValue": "'horizontal'"
+            },
+            "markOnly": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Solo la M, sin la palabra. Cuando es `true`, `orientation` no aplica."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "mark-only",
+                "defaultValue": "false"
+            },
+            "size": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "SuiLogoSize",
+                    "resolved": "\"2xl\" | \"lg\" | \"md\" | \"sm\" | \"xl\" | \"xs\"",
+                    "references": {
+                        "SuiLogoSize": {
+                            "location": "local",
+                            "path": "/Users/anthonyjuarezsolis/Desktop/dev/personal/sui-stencil/src/components/sui-logo/sui-logo.tsx",
+                            "id": "src/components/sui-logo/sui-logo.tsx::SuiLogoSize"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Alto del logo: xs=16, sm=20, md=24, lg=32, xl=40, 2xl=48 (px)."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "size",
+                "defaultValue": "'md'"
+            },
+            "height": {
+                "type": "any",
+                "mutable": false,
+                "complexType": {
+                    "original": "number | string | null",
+                    "resolved": "null | number | string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Alto fuera de la escala. N\u00FAmero = px; string = cualquier valor CSS. Gana sobre `size`."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "height",
+                "defaultValue": "null"
+            },
+            "markColor": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Color de la M. Token o cualquier color CSS."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "mark-color",
+                "defaultValue": "'var(--sui-primary-base)'"
+            },
+            "textColor": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Color de la palabra. Token o cualquier color CSS."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "text-color",
+                "defaultValue": "'var(--sui-text-strong-950)'"
+            },
+            "decorative": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "`true` cuando al lado ya est\u00E1 escrito \u00ABMaster Pedidos\u00BB."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "decorative",
+                "defaultValue": "false"
+            },
+            "ariaLabel": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Nombre accesible."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "aria-label",
+                "defaultValue": "'Master Pedidos'"
+            }
+        };
+    }
+    static get elementRef() { return "el"; }
+}