blip-ds 1.293.0 → 1.293.2

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.
Files changed (20) hide show
  1. package/dist/blip-ds/blip-ds.esm.js +1 -1
  2. package/dist/blip-ds/p-0ef20bf0.entry.js +1 -0
  3. package/dist/blip-ds/p-683bacdd.system.entry.js +1 -0
  4. package/dist/blip-ds/p-685cbadd.system.entry.js +1 -0
  5. package/dist/blip-ds/p-8c23a1fd.entry.js +1 -0
  6. package/dist/blip-ds/p-a39ef3b8.system.js +1 -1
  7. package/dist/cjs/bds-grid_5.cjs.entry.js +1 -1
  8. package/dist/cjs/bds-image.cjs.entry.js +2 -2
  9. package/dist/collection/components/grid/grid.css +528 -528
  10. package/dist/collection/components/image/image.css +4 -1
  11. package/dist/collection/components/image/image.js +1 -1
  12. package/dist/esm/bds-grid_5.entry.js +1 -1
  13. package/dist/esm/bds-image.entry.js +2 -2
  14. package/dist/esm-es5/bds-grid_5.entry.js +1 -1
  15. package/dist/esm-es5/bds-image.entry.js +1 -1
  16. package/package.json +1 -1
  17. package/dist/blip-ds/p-106aafba.system.entry.js +0 -1
  18. package/dist/blip-ds/p-1470b783.entry.js +0 -1
  19. package/dist/blip-ds/p-e604c9b2.entry.js +0 -1
  20. package/dist/blip-ds/p-f8c487f9.system.entry.js +0 -1
package/dist/collection/components/image/image.css CHANGED
@@ -20,8 +20,11 @@
20
20
  display: inline-flex;
21
21
  align-items: center;
22
22
  justify-content: center;
23
- background-color: var(--color-surface-3, #cfcfcf);
24
23
  }
25
24
  :host .img-feedback {
26
25
  height: 76%;
26
+ }
27
+
28
+ :host(.empty_img) {
29
+ background-color: var(--color-surface-3, #cfcfcf);
27
30
  }
package/dist/collection/components/image/image.js CHANGED
@@ -45,7 +45,7 @@ export class Image {
45
45
  // Se a imagem ainda não foi carregada, chame o método loadImage
46
46
  this.loadImage();
47
47
  }
48
- return (h(Host, null, this.imageLoaded ? (h("img", { src: this.currentSrc, alt: this.alt, style: {
48
+ return (h(Host, { class: { empty_img: !this.imageLoaded } }, this.imageLoaded ? (h("img", { src: this.currentSrc, alt: this.alt, style: {
49
49
  objectFit: this.objectFit,
50
50
  width: '100%',
51
51
  height: '100%',
package/dist/esm/bds-grid_5.entry.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { r as registerInstance, h, H as Host } from './index-611fd21e.js';
2
2
 
3
- const gridCss = ":host{display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box}:host(.container){width:100%}:host(.xxsoffset--auto){margin-left:auto}:host(.xxsoffset--1){margin-left:8.33%}:host(.xxsoffset--2){margin-left:16.66%}:host(.xxsoffset--3){margin-left:24.99%}:host(.xxsoffset--4){margin-left:33.32%}:host(.xxsoffset--5){margin-left:41.65%}:host(.xxsoffset--6){margin-left:50%}:host(.xxsoffset--7){margin-left:58.33%}:host(.xxsoffset--8){margin-left:66.66%}:host(.xxsoffset--9){margin-left:74.99%}:host(.xxsoffset--10){margin-left:83.32%}:host(.xxsoffset--11){margin-left:91.65%}:host(.xxsoffset--12){margin-left:100%}@media (max-width: 599px){:host(.container){width:100%}:host(.xxsoffset--auto){margin-left:auto}:host(.xxsoffset--1){margin-left:8.33%}:host(.xxsoffset--2){margin-left:16.66%}:host(.xxsoffset--3){margin-left:24.99%}:host(.xxsoffset--4){margin-left:33.32%}:host(.xxsoffset--5){margin-left:41.65%}:host(.xxsoffset--6){margin-left:50%}:host(.xxsoffset--7){margin-left:58.33%}:host(.xxsoffset--8){margin-left:66.66%}:host(.xxsoffset--9){margin-left:74.99%}:host(.xxsoffset--10){margin-left:83.32%}:host(.xxsoffset--11){margin-left:91.65%}:host(.xxsoffset--12){margin-left:100%}}@media (min-width: 600px){:host(.container){width:100%}:host(.xxsoffset--auto){margin-left:auto}:host(.xsoffset--1){margin-left:8.33%}:host(.xsoffset--2){margin-left:16.66%}:host(.xsoffset--3){margin-left:24.99%}:host(.xsoffset--4){margin-left:33.32%}:host(.xsoffset--5){margin-left:41.65%}:host(.xsoffset--6){margin-left:50%}:host(.xsoffset--7){margin-left:58.33%}:host(.xsoffset--8){margin-left:66.66%}:host(.xsoffset--9){margin-left:74.99%}:host(.xsoffset--10){margin-left:83.32%}:host(.xsoffset--11){margin-left:91.65%}:host(.xsoffset--12){margin-left:100%}}@media (min-width: 905px){:host(.container){max-width:848px;margin-left:auto;margin-right:auto}:host(.smoffset--auto){margin-left:auto}:host(.smoffset--1){margin-left:8.33%}:host(.smoffset--2){margin-left:16.66%}:host(.smoffset--3){margin-left:24.99%}:host(.smoffset--4){margin-left:33.32%}:host(.smoffset--5){margin-left:41.65%}:host(.smoffset--6){margin-left:50%}:host(.smoffset--7){margin-left:58.33%}:host(.smoffset--8){margin-left:66.66%}:host(.smoffset--9){margin-left:74.99%}:host(.smoffset--10){margin-left:83.32%}:host(.smoffset--11){margin-left:91.65%}:host(.smoffset--12){margin-left:100%}}@media (min-width: 993px){:host(.container){max-width:944px;margin-left:auto;margin-right:auto}:host(.mdoffset--auto){margin-left:auto}:host(.mdoffset--1){margin-left:8.33%}:host(.mdoffset--2){margin-left:16.66%}:host(.mdoffset--3){margin-left:24.99%}:host(.mdoffset--4){margin-left:33.32%}:host(.mdoffset--5){margin-left:41.65%}:host(.mdoffset--6){margin-left:50%}:host(.mdoffset--7){margin-left:58.33%}:host(.mdoffset--8){margin-left:66.66%}:host(.mdoffset--9){margin-left:74.99%}:host(.mdoffset--10){margin-left:83.32%}:host(.mdoffset--11){margin-left:91.65%}:host(.mdoffset--12){margin-left:100%}}@media (min-width: 1601px){:host(.container){max-width:1328px;margin-left:auto;margin-right:auto}:host(.lgoffset--auto){margin-left:auto}:host(.lgoffset--1){margin-left:8.33%}:host(.lgoffset--2){margin-left:16.66%}:host(.lgoffset--3){margin-left:24.99%}:host(.lgoffset--4){margin-left:33.32%}:host(.lgoffset--5){margin-left:41.65%}:host(.lgoffset--6){margin-left:50%}:host(.lgoffset--7){margin-left:58.33%}:host(.lgoffset--8){margin-left:66.66%}:host(.lgoffset--9){margin-left:74.99%}:host(.lgoffset--10){margin-left:83.32%}:host(.lgoffset--11){margin-left:91.65%}:host(.lgoffset--12){margin-left:100%}}@media (min-width: 1921px){:host(.container){max-width:1424px;margin-left:auto;margin-right:auto}:host(.xgoffset--auto){margin-left:auto}:host(.xgoffset--1){margin-left:8.33%}:host(.xgoffset--2){margin-left:16.66%}:host(.xgoffset--3){margin-left:24.99%}:host(.xgoffset--4){margin-left:33.32%}:host(.xgoffset--5){margin-left:41.65%}:host(.xgoffset--6){margin-left:50%}:host(.xgoffset--7){margin-left:58.33%}:host(.xgoffset--8){margin-left:66.66%}:host(.xgoffset--9){margin-left:74.99%}:host(.xgoffset--10){margin-left:83.32%}:host(.xgoffset--11){margin-left:91.65%}:host(.xgoffset--12){margin-left:100%}}@media (min-width: 600px){:host(.container-fluid){max-width:100%;margin-left:auto;margin-right:auto}}@media (min-width: 905px){:host(.container-fluid){max-width:848px;margin-left:auto;margin-right:auto}}@media (min-width: 993px){:host(.container-fluid){max-width:944px;margin-left:auto;margin-right:auto}}@media (min-width: 1280px){:host(.container-fluid){max-width:1232px;margin-left:auto;margin-right:auto}}@media (min-width: 1440px){:host(.container-fluid){max-width:1328px;margin-left:auto;margin-right:auto}}@media (min-width: 1920px){:host(.container-fluid){max-width:1424px;margin-left:auto;margin-right:auto}}:host(.flex_wrap--wrap){-ms-flex-wrap:wrap;flex-wrap:wrap}:host(.flex_wrap--wrap-reverse){-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}:host(.direction--row){-ms-flex-direction:row;flex-direction:row}:host(.direction--column){-ms-flex-direction:column;flex-direction:column}:host(.direction--row-reverse){-ms-flex-direction:row-reverse;flex-direction:row-reverse}:host(.direction--column-reverse){-ms-flex-direction:column-reverse;flex-direction:column-reverse}:host(.justify_content--center){-ms-flex-pack:center;justify-content:center}:host(.justify_content--flex-start){-ms-flex-pack:start;justify-content:flex-start}:host(.justify_content--flex-end){-ms-flex-pack:end;justify-content:flex-end}:host(.justify_content--space-between){-ms-flex-pack:justify;justify-content:space-between}:host(.justify_content--space-around){-ms-flex-pack:distribute;justify-content:space-around}:host(.justify_content--space-evenly){-ms-flex-pack:space-evenly;justify-content:space-evenly}:host(.justify_content--stretch){-ms-flex-pack:stretch;justify-content:stretch}:host(.align_items--flex-start){-ms-flex-align:start;align-items:flex-start}:host(.align_items--flex-end){-ms-flex-align:end;align-items:flex-end}:host(.align_items--center){-ms-flex-align:center;align-items:center}:host(.align_items--stretch){-ms-flex-align:stretch;align-items:stretch}:host(.align_items--baseline){-ms-flex-align:baseline;align-items:baseline}:host(.gap--none){gap:0}:host(.gap--half){gap:4px}:host(.gap--1){gap:8px}:host(.gap--2){gap:16px}:host(.gap--3){gap:24px}:host(.gap--4){gap:32px}:host(.gap--5){gap:40px}:host(.gap--6){gap:48px}:host(.gap--7){gap:56px}:host(.gap--8){gap:64px}:host(.gap--9){gap:72px}:host(.gap--10){gap:80px}:host(.gap--11){gap:88px}:host(.gap--12){gap:96px}:host(.xxs--auto){-ms-flex:1 0 auto;flex:1 0 auto;width:auto;padding-left:8px;padding-right:8px}:host(.xxs--1){-ms-flex:0 0 auto;flex:0 0 auto;width:8.33%;padding-left:8px;padding-right:8px}:host(.xxs--2){-ms-flex:0 0 auto;flex:0 0 auto;width:16.66%;padding-left:8px;padding-right:8px}:host(.xxs--3){-ms-flex:0 0 auto;flex:0 0 auto;width:24.99%;padding-left:8px;padding-right:8px}:host(.xxs--4){-ms-flex:0 0 auto;flex:0 0 auto;width:33.32%;padding-left:8px;padding-right:8px}:host(.xxs--5){-ms-flex:0 0 auto;flex:0 0 auto;width:41.65%;padding-left:8px;padding-right:8px}:host(.xxs--6){-ms-flex:0 0 auto;flex:0 0 auto;width:50%;padding-left:8px;padding-right:8px}:host(.xxs--7){-ms-flex:0 0 auto;flex:0 0 auto;width:58.33%;padding-left:8px;padding-right:8px}:host(.xxs--8){-ms-flex:0 0 auto;flex:0 0 auto;width:66.66%;padding-left:8px;padding-right:8px}:host(.xxs--9){-ms-flex:0 0 auto;flex:0 0 auto;width:74.99%;padding-left:8px;padding-right:8px}:host(.xxs--10){-ms-flex:0 0 auto;flex:0 0 auto;width:83.32%;padding-left:8px;padding-right:8px}:host(.xxs--11){-ms-flex:0 0 auto;flex:0 0 auto;width:91.65%;padding-left:8px;padding-right:8px}:host(.xxs--12){-ms-flex:0 0 auto;flex:0 0 auto;width:100%;padding-left:8px;padding-right:8px}@media (min-width: 600px){:host(.xs--auto){-ms-flex:1 0 auto;flex:1 0 auto;width:auto;padding-left:8px;padding-right:8px}:host(.xs--1){-ms-flex:0 0 auto;flex:0 0 auto;width:8.33%;padding-left:8px;padding-right:8px}:host(.xs--2){-ms-flex:0 0 auto;flex:0 0 auto;width:16.66%;padding-left:8px;padding-right:8px}:host(.xs--3){-ms-flex:0 0 auto;flex:0 0 auto;width:24.99%;padding-left:8px;padding-right:8px}:host(.xs--4){-ms-flex:0 0 auto;flex:0 0 auto;width:33.32%;padding-left:8px;padding-right:8px}:host(.xs--5){-ms-flex:0 0 auto;flex:0 0 auto;width:41.65%;padding-left:8px;padding-right:8px}:host(.xs--6){-ms-flex:0 0 auto;flex:0 0 auto;width:50%;padding-left:8px;padding-right:8px}:host(.xs--7){-ms-flex:0 0 auto;flex:0 0 auto;width:58.33%;padding-left:8px;padding-right:8px}:host(.xs--8){-ms-flex:0 0 auto;flex:0 0 auto;width:66.66%;padding-left:8px;padding-right:8px}:host(.xs--9){-ms-flex:0 0 auto;flex:0 0 auto;width:74.99%;padding-left:8px;padding-right:8px}:host(.xs--10){-ms-flex:0 0 auto;flex:0 0 auto;width:83.32%;padding-left:8px;padding-right:8px}:host(.xs--11){-ms-flex:0 0 auto;flex:0 0 auto;width:91.65%;padding-left:8px;padding-right:8px}:host(.xs--12){-ms-flex:0 0 auto;flex:0 0 auto;width:100%;padding-left:8px;padding-right:8px}}@media (min-width: 905px){:host(.sm--auto){-ms-flex:1 0 auto;flex:1 0 auto;width:auto;padding-left:8px;padding-right:8px}:host(.sm--1){-ms-flex:0 0 auto;flex:0 0 auto;width:8.33%;padding-left:8px;padding-right:8px}:host(.sm--2){-ms-flex:0 0 auto;flex:0 0 auto;width:16.66%;padding-left:8px;padding-right:8px}:host(.sm--3){-ms-flex:0 0 auto;flex:0 0 auto;width:24.99%;padding-left:8px;padding-right:8px}:host(.sm--4){-ms-flex:0 0 auto;flex:0 0 auto;width:33.32%;padding-left:8px;padding-right:8px}:host(.sm--5){-ms-flex:0 0 auto;flex:0 0 auto;width:41.65%;padding-left:8px;padding-right:8px}:host(.sm--6){-ms-flex:0 0 auto;flex:0 0 auto;width:50%;padding-left:8px;padding-right:8px}:host(.sm--7){-ms-flex:0 0 auto;flex:0 0 auto;width:58.33%;padding-left:8px;padding-right:8px}:host(.sm--8){-ms-flex:0 0 auto;flex:0 0 auto;width:66.66%;padding-left:8px;padding-right:8px}:host(.sm--9){-ms-flex:0 0 auto;flex:0 0 auto;width:74.99%;padding-left:8px;padding-right:8px}:host(.sm--10){-ms-flex:0 0 auto;flex:0 0 auto;width:83.32%;padding-left:8px;padding-right:8px}:host(.sm--11){-ms-flex:0 0 auto;flex:0 0 auto;width:91.65%;padding-left:8px;padding-right:8px}:host(.sm--12){-ms-flex:0 0 auto;flex:0 0 auto;width:100%;padding-left:8px;padding-right:8px}}@media (min-width: 993px){:host(.md--auto){-ms-flex:1 0 auto;flex:1 0 auto;width:auto;padding-left:8px;padding-right:8px}:host(.md--1){-ms-flex:0 0 auto;flex:0 0 auto;width:8.33%;padding-left:8px;padding-right:8px}:host(.md--2){-ms-flex:0 0 auto;flex:0 0 auto;width:16.66%;padding-left:8px;padding-right:8px}:host(.md--3){-ms-flex:0 0 auto;flex:0 0 auto;width:24.99%;padding-left:8px;padding-right:8px}:host(.md--4){-ms-flex:0 0 auto;flex:0 0 auto;width:33.32%;padding-left:8px;padding-right:8px}:host(.md--5){-ms-flex:0 0 auto;flex:0 0 auto;width:41.65%;padding-left:8px;padding-right:8px}:host(.md--6){-ms-flex:0 0 auto;flex:0 0 auto;width:50%;padding-left:8px;padding-right:8px}:host(.md--7){-ms-flex:0 0 auto;flex:0 0 auto;width:58.33%;padding-left:8px;padding-right:8px}:host(.md--8){-ms-flex:0 0 auto;flex:0 0 auto;width:66.66%;padding-left:8px;padding-right:8px}:host(.md--9){-ms-flex:0 0 auto;flex:0 0 auto;width:74.99%;padding-left:8px;padding-right:8px}:host(.md--10){-ms-flex:0 0 auto;flex:0 0 auto;width:83.32%;padding-left:8px;padding-right:8px}:host(.md--11){-ms-flex:0 0 auto;flex:0 0 auto;width:91.65%;padding-left:8px;padding-right:8px}:host(.md--12){-ms-flex:0 0 auto;flex:0 0 auto;width:100%;padding-left:8px;padding-right:8px}}@media (min-width: 1601px){:host(.lg--auto){-ms-flex:1 0 auto;flex:1 0 auto;width:auto;padding-left:8px;padding-right:8px}:host(.lg--1){-ms-flex:0 0 auto;flex:0 0 auto;width:8.33%;padding-left:8px;padding-right:8px}:host(.lg--2){-ms-flex:0 0 auto;flex:0 0 auto;width:16.66%;padding-left:8px;padding-right:8px}:host(.lg--3){-ms-flex:0 0 auto;flex:0 0 auto;width:24.99%;padding-left:8px;padding-right:8px}:host(.lg--4){-ms-flex:0 0 auto;flex:0 0 auto;width:33.32%;padding-left:8px;padding-right:8px}:host(.lg--5){-ms-flex:0 0 auto;flex:0 0 auto;width:41.65%;padding-left:8px;padding-right:8px}:host(.lg--6){-ms-flex:0 0 auto;flex:0 0 auto;width:50%;padding-left:8px;padding-right:8px}:host(.lg--7){-ms-flex:0 0 auto;flex:0 0 auto;width:58.33%;padding-left:8px;padding-right:8px}:host(.lg--8){-ms-flex:0 0 auto;flex:0 0 auto;width:66.66%;padding-left:8px;padding-right:8px}:host(.lg--9){-ms-flex:0 0 auto;flex:0 0 auto;width:74.99%;padding-left:8px;padding-right:8px}:host(.lg--10){-ms-flex:0 0 auto;flex:0 0 auto;width:83.32%;padding-left:8px;padding-right:8px}:host(.lg--11){-ms-flex:0 0 auto;flex:0 0 auto;width:91.65%;padding-left:8px;padding-right:8px}:host(.lg--12){-ms-flex:0 0 auto;flex:0 0 auto;width:100%;padding-left:8px;padding-right:8px}}@media (min-width: 1921px){:host(.xg--auto){-ms-flex:1 0 auto;flex:1 0 auto;width:auto;padding-left:8px;padding-right:8px}:host(.xg--1){-ms-flex:0 0 auto;flex:0 0 auto;width:8.33%;padding-left:8px;padding-right:8px}:host(.xg--2){-ms-flex:0 0 auto;flex:0 0 auto;width:16.66%;padding-left:8px;padding-right:8px}:host(.xg--3){-ms-flex:0 0 auto;flex:0 0 auto;width:24.99%;padding-left:8px;padding-right:8px}:host(.xg--4){-ms-flex:0 0 auto;flex:0 0 auto;width:33.32%;padding-left:8px;padding-right:8px}:host(.xg--5){-ms-flex:0 0 auto;flex:0 0 auto;width:41.65%;padding-left:8px;padding-right:8px}:host(.xg--6){-ms-flex:0 0 auto;flex:0 0 auto;width:50%;padding-left:8px;padding-right:8px}:host(.xg--7){-ms-flex:0 0 auto;flex:0 0 auto;width:58.33%;padding-left:8px;padding-right:8px}:host(.xg--8){-ms-flex:0 0 auto;flex:0 0 auto;width:66.66%;padding-left:8px;padding-right:8px}:host(.xg--9){-ms-flex:0 0 auto;flex:0 0 auto;width:74.99%;padding-left:8px;padding-right:8px}:host(.xg--10){-ms-flex:0 0 auto;flex:0 0 auto;width:83.32%;padding-left:8px;padding-right:8px}:host(.xg--11){-ms-flex:0 0 auto;flex:0 0 auto;width:91.65%;padding-left:8px;padding-right:8px}:host(.xg--12){-ms-flex:0 0 auto;flex:0 0 auto;width:100%;padding-left:8px;padding-right:8px}}@media (min-width: 1280px){:host(.lg--auto .container-fluid){-ms-flex:1 0 auto;flex:1 0 auto;width:auto}:host(.lg--1.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:8.33%}:host(.lg--2.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:16.66%}:host(.lg--3.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:24.99%}:host(.lg--4.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:33.32%}:host(.lg--5.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:41.65%}:host(.lg--6.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:50%}:host(.lg--7.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:58.33%}:host(.lg--8.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:66.66%}:host(.lg--9.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:74.99%}:host(.lg--10.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:83.32%}:host(.lg--11.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:91.65%}:host(.lg--12.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:100%}}@media (min-width: 1440px){:host(.xg--auto .container-fluid){-ms-flex:1 0 auto;flex:1 0 auto;width:auto}:host(.xg--1.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:8.33%}:host(.xg--2.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:16.66%}:host(.xg--3.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:24.99%}:host(.xg--4.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:33.32%}:host(.xg--5.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:41.65%}:host(.xg--6.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:50%}:host(.xg--7.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:58.33%}:host(.xg--8.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:66.66%}:host(.xg--9.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:74.99%}:host(.xg--10.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:83.32%}:host(.xg--11.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:91.65%}:host(.xg--12.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:100%}}@media (min-width: 1920px){:host(.xxg--auto .container-fluid){-ms-flex:1 0 auto;flex:1 0 auto;width:auto}:host(.xxg--1.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:8.33%}:host(.xxg--2.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:16.66%}:host(.xxg--3.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:24.99%}:host(.xxg--4.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:33.32%}:host(.xxg--5.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:41.65%}:host(.xxg--6.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:50%}:host(.xxg--7.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:58.33%}:host(.xxg--8.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:66.66%}:host(.xxg--9.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:74.99%}:host(.xxg--10.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:83.32%}:host(.xxg--11.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:91.65%}:host(.xxg--12.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:100%}}:host(.padding--none){padding:0}:host(.padding--l-none){padding-left:0}:host(.padding--r-none){padding-right:0}:host(.padding--t-none){padding-top:0}:host(.padding--b-none){padding-bottom:0}:host(.padding--x-none){padding-left:0;padding-right:0}:host(.padding--y-none){padding-top:0;padding-bottom:0}:host(.padding--half){padding:4px}:host(.padding--l-half){padding-left:4px}:host(.padding--r-half){padding-right:4px}:host(.padding--t-half){padding-top:4px}:host(.padding--b-half){padding-bottom:4px}:host(.padding--x-half){padding-left:4px;padding-right:4px}:host(.padding--y-half){padding-top:4px;padding-bottom:4px}:host(.padding--1){padding:8px}:host(.padding--l-1){padding-left:8px}:host(.padding--r-1){padding-right:8px}:host(.padding--t-1){padding-top:8px}:host(.padding--b-1){padding-bottom:8px}:host(.padding--x-1){padding-left:8px;padding-right:8px}:host(.padding--y-1){padding-top:8px;padding-bottom:8px}:host(.padding--2){padding:16px}:host(.padding--l-2){padding-left:16px}:host(.padding--r-2){padding-right:16px}:host(.padding--t-2){padding-top:16px}:host(.padding--b-2){padding-bottom:16px}:host(.padding--x-2){padding-left:16px;padding-right:16px}:host(.padding--y-2){padding-top:16px;padding-bottom:16px}:host(.padding--3){padding:24px}:host(.padding--l-3){padding-left:24px}:host(.padding--r-3){padding-right:24px}:host(.padding--t-3){padding-top:24px}:host(.padding--b-3){padding-bottom:24px}:host(.padding--x-3){padding-left:24px;padding-right:24px}:host(.padding--y-3){padding-top:24px;padding-bottom:24px}:host(.padding--4){padding:32px}:host(.padding--l-4){padding-left:32px}:host(.padding--r-4){padding-right:32px}:host(.padding--t-4){padding-top:32px}:host(.padding--b-4){padding-bottom:32px}:host(.padding--x-4){padding-left:32px;padding-right:32px}:host(.padding--y-4){padding-top:32px;padding-bottom:32px}:host(.padding--5){padding:40px}:host(.padding--l-5){padding-left:40px}:host(.padding--r-5){padding-right:40px}:host(.padding--t-5){padding-top:40px}:host(.padding--b-5){padding-bottom:40px}:host(.padding--x-5){padding-left:40px;padding-right:40px}:host(.padding--y-5){padding-top:40px;padding-bottom:40px}:host(.padding--6){padding:48px}:host(.padding--l-6){padding-left:48px}:host(.padding--r-6){padding-right:48px}:host(.padding--t-6){padding-top:48px}:host(.padding--b-6){padding-bottom:48px}:host(.padding--x-6){padding-left:48px;padding-right:48px}:host(.padding--y-6){padding-top:48px;padding-bottom:48px}:host(.padding--7){padding:56px}:host(.padding--l-7){padding-left:56px}:host(.padding--r-7){padding-right:56px}:host(.padding--t-7){padding-top:56px}:host(.padding--b-7){padding-bottom:56px}:host(.padding--x-7){padding-left:56px;padding-right:56px}:host(.padding--y-7){padding-top:56px;padding-bottom:56px}:host(.padding--8){padding:64px}:host(.padding--l-8){padding-left:64px}:host(.padding--r-8){padding-right:64px}:host(.padding--t-8){padding-top:64px}:host(.padding--b-8){padding-bottom:64px}:host(.padding--x-8){padding-left:64px;padding-right:64px}:host(.padding--y-8){padding-top:64px;padding-bottom:64px}:host(.padding--9){padding:72px}:host(.padding--l-9){padding-left:72px}:host(.padding--r-9){padding-right:72px}:host(.padding--t-9){padding-top:72px}:host(.padding--b-9){padding-bottom:72px}:host(.padding--x-9){padding-left:72px;padding-right:72px}:host(.padding--y-9){padding-top:72px;padding-bottom:72px}:host(.padding--10){padding:80px}:host(.padding--l-10){padding-left:80px}:host(.padding--r-10){padding-right:80px}:host(.padding--t-10){padding-top:80px}:host(.padding--b-10){padding-bottom:80px}:host(.padding--x-10){padding-left:80px;padding-right:80px}:host(.padding--y-10){padding-top:80px;padding-bottom:80px}:host(.padding--11){padding:88px}:host(.padding--l-11){padding-left:88px}:host(.padding--r-11){padding-right:88px}:host(.padding--t-11){padding-top:88px}:host(.padding--b-11){padding-bottom:88px}:host(.padding--x-11){padding-left:88px;padding-right:88px}:host(.padding--y-11){padding-top:88px;padding-bottom:88px}:host(.padding--12){padding:96px}:host(.padding--l-12){padding-left:96px}:host(.padding--r-12){padding-right:96px}:host(.padding--t-12){padding-top:96px}:host(.padding--b-12){padding-bottom:96px}:host(.padding--x-12){padding-left:96px;padding-right:96px}:host(.padding--y-12){padding-top:96px;padding-bottom:96px}:host(.margin--auto){margin:auto}:host(.margin--l-auto){margin-left:auto}:host(.margin--r-auto){margin-right:auto}:host(.margin--t-auto){margin-top:auto}:host(.margin--b-auto){margin-bottom:auto}:host(.margin--x-auto){margin-left:auto;margin-right:auto}:host(.margin--y-auto){margin-top:auto;margin-bottom:auto}:host(.margin--none){margin:0}:host(.margin--l-none){margin-left:0}:host(.margin--r-none){margin-right:0}:host(.margin--t-none){margin-top:0}:host(.margin--b-none){margin-bottom:0}:host(.margin--x-none){margin-left:0;margin-right:0}:host(.margin--y-none){margin-top:0;margin-bottom:0}:host(.margin--half){margin:4px}:host(.margin--l-half){margin-left:4px}:host(.margin--r-half){margin-right:4px}:host(.margin--t-half){margin-top:4px}:host(.margin--b-half){margin-bottom:4px}:host(.margin--x-half){margin-left:4px;margin-right:4px}:host(.margin--y-half){margin-top:4px;margin-bottom:4px}:host(.margin--1){margin:8px}:host(.margin--l-1){margin-left:8px}:host(.margin--r-1){margin-right:8px}:host(.margin--t-1){margin-top:8px}:host(.margin--b-1){margin-bottom:8px}:host(.margin--x-1){margin-left:8px;margin-right:8px}:host(.margin--y-1){margin-top:8px;margin-bottom:8px}:host(.margin--2){margin:16px}:host(.margin--l-2){margin-left:16px}:host(.margin--r-2){margin-right:16px}:host(.margin--t-2){margin-top:16px}:host(.margin--b-2){margin-bottom:16px}:host(.margin--x-2){margin-left:16px;margin-right:16px}:host(.margin--y-2){margin-top:16px;margin-bottom:16px}:host(.margin--3){margin:24px}:host(.margin--l-3){margin-left:24px}:host(.margin--r-3){margin-right:24px}:host(.margin--t-3){margin-top:24px}:host(.margin--b-3){margin-bottom:24px}:host(.margin--x-3){margin-left:24px;margin-right:24px}:host(.margin--y-3){margin-top:24px;margin-bottom:24px}:host(.margin--4){margin:32px}:host(.margin--l-4){margin-left:32px}:host(.margin--r-4){margin-right:32px}:host(.margin--t-4){margin-top:32px}:host(.margin--b-4){margin-bottom:32px}:host(.margin--x-4){margin-left:32px;margin-right:32px}:host(.margin--y-4){margin-top:32px;margin-bottom:32px}:host(.margin--5){margin:40px}:host(.margin--l-5){margin-left:40px}:host(.margin--r-5){margin-right:40px}:host(.margin--t-5){margin-top:40px}:host(.margin--b-5){margin-bottom:40px}:host(.margin--x-5){margin-left:40px;margin-right:40px}:host(.margin--y-5){margin-top:40px;margin-bottom:40px}:host(.margin--6){margin:48px}:host(.margin--l-6){margin-left:48px}:host(.margin--r-6){margin-right:48px}:host(.margin--t-6){margin-top:48px}:host(.margin--b-6){margin-bottom:48px}:host(.margin--x-6){margin-left:48px;margin-right:48px}:host(.margin--y-6){margin-top:48px;margin-bottom:48px}:host(.margin--7){margin:56px}:host(.margin--l-7){margin-left:56px}:host(.margin--r-7){margin-right:56px}:host(.margin--t-7){margin-top:56px}:host(.margin--b-7){margin-bottom:56px}:host(.margin--x-7){margin-left:56px;margin-right:56px}:host(.margin--y-7){margin-top:56px;margin-bottom:56px}:host(.margin--8){margin:64px}:host(.margin--l-8){margin-left:64px}:host(.margin--r-8){margin-right:64px}:host(.margin--t-8){margin-top:64px}:host(.margin--b-8){margin-bottom:64px}:host(.margin--x-8){margin-left:64px;margin-right:64px}:host(.margin--y-8){margin-top:64px;margin-bottom:64px}:host(.margin--9){margin:72px}:host(.margin--l-9){margin-left:72px}:host(.margin--r-9){margin-right:72px}:host(.margin--t-9){margin-top:72px}:host(.margin--b-9){margin-bottom:72px}:host(.margin--x-9){margin-left:72px;margin-right:72px}:host(.margin--y-9){margin-top:72px;margin-bottom:72px}:host(.margin--10){margin:80px}:host(.margin--l-10){margin-left:80px}:host(.margin--r-10){margin-right:80px}:host(.margin--t-10){margin-top:80px}:host(.margin--b-10){margin-bottom:80px}:host(.margin--x-10){margin-left:80px;margin-right:80px}:host(.margin--y-10){margin-top:80px;margin-bottom:80px}:host(.margin--11){margin:88px}:host(.margin--l-11){margin-left:88px}:host(.margin--r-11){margin-right:88px}:host(.margin--t-11){margin-top:88px}:host(.margin--b-11){margin-bottom:88px}:host(.margin--x-11){margin-left:88px;margin-right:88px}:host(.margin--y-11){margin-top:88px;margin-bottom:88px}:host(.margin--12){margin:96px}:host(.margin--l-12){margin-left:96px}:host(.margin--r-12){margin-right:96px}:host(.margin--t-12){margin-top:96px}:host(.margin--b-12){margin-bottom:96px}:host(.margin--x-12){margin-left:96px;margin-right:96px}:host(.margin--y-12){margin-top:96px;margin-bottom:96px}";
3
+ const gridCss = ":host{display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box}:host(.container){width:100%}:host(.xxsoffset--auto){margin-left:auto !important}:host(.xxsoffset--1){margin-left:8.33% !important}:host(.xxsoffset--2){margin-left:16.66% !important}:host(.xxsoffset--3){margin-left:24.99% !important}:host(.xxsoffset--4){margin-left:33.32% !important}:host(.xxsoffset--5){margin-left:41.65% !important}:host(.xxsoffset--6){margin-left:50% !important}:host(.xxsoffset--7){margin-left:58.33% !important}:host(.xxsoffset--8){margin-left:66.66% !important}:host(.xxsoffset--9){margin-left:74.99% !important}:host(.xxsoffset--10){margin-left:83.32% !important}:host(.xxsoffset--11){margin-left:91.65% !important}:host(.xxsoffset--12){margin-left:100% !important}@media (max-width: 599px){:host(.container){width:100%}:host(.xxsoffset--auto){margin-left:auto !important}:host(.xxsoffset--1){margin-left:8.33% !important}:host(.xxsoffset--2){margin-left:16.66% !important}:host(.xxsoffset--3){margin-left:24.99% !important}:host(.xxsoffset--4){margin-left:33.32% !important}:host(.xxsoffset--5){margin-left:41.65% !important}:host(.xxsoffset--6){margin-left:50% !important}:host(.xxsoffset--7){margin-left:58.33% !important}:host(.xxsoffset--8){margin-left:66.66% !important}:host(.xxsoffset--9){margin-left:74.99% !important}:host(.xxsoffset--10){margin-left:83.32% !important}:host(.xxsoffset--11){margin-left:91.65% !important}:host(.xxsoffset--12){margin-left:100% !important}}@media (min-width: 600px){:host(.container){width:100%}:host(.xxsoffset--auto){margin-left:auto !important}:host(.xsoffset--1){margin-left:8.33% !important}:host(.xsoffset--2){margin-left:16.66% !important}:host(.xsoffset--3){margin-left:24.99% !important}:host(.xsoffset--4){margin-left:33.32% !important}:host(.xsoffset--5){margin-left:41.65% !important}:host(.xsoffset--6){margin-left:50% !important}:host(.xsoffset--7){margin-left:58.33% !important}:host(.xsoffset--8){margin-left:66.66% !important}:host(.xsoffset--9){margin-left:74.99% !important}:host(.xsoffset--10){margin-left:83.32% !important}:host(.xsoffset--11){margin-left:91.65% !important}:host(.xsoffset--12){margin-left:100% !important}}@media (min-width: 905px){:host(.container){max-width:848px;margin-left:auto !important;margin-right:auto !important}:host(.smoffset--auto){margin-left:auto !important}:host(.smoffset--1){margin-left:8.33% !important}:host(.smoffset--2){margin-left:16.66% !important}:host(.smoffset--3){margin-left:24.99% !important}:host(.smoffset--4){margin-left:33.32% !important}:host(.smoffset--5){margin-left:41.65% !important}:host(.smoffset--6){margin-left:50% !important}:host(.smoffset--7){margin-left:58.33% !important}:host(.smoffset--8){margin-left:66.66% !important}:host(.smoffset--9){margin-left:74.99% !important}:host(.smoffset--10){margin-left:83.32% !important}:host(.smoffset--11){margin-left:91.65% !important}:host(.smoffset--12){margin-left:100% !important}}@media (min-width: 993px){:host(.container){max-width:944px;margin-left:auto !important;margin-right:auto !important}:host(.mdoffset--auto){margin-left:auto !important}:host(.mdoffset--1){margin-left:8.33% !important}:host(.mdoffset--2){margin-left:16.66% !important}:host(.mdoffset--3){margin-left:24.99% !important}:host(.mdoffset--4){margin-left:33.32% !important}:host(.mdoffset--5){margin-left:41.65% !important}:host(.mdoffset--6){margin-left:50% !important}:host(.mdoffset--7){margin-left:58.33% !important}:host(.mdoffset--8){margin-left:66.66% !important}:host(.mdoffset--9){margin-left:74.99% !important}:host(.mdoffset--10){margin-left:83.32% !important}:host(.mdoffset--11){margin-left:91.65% !important}:host(.mdoffset--12){margin-left:100% !important}}@media (min-width: 1601px){:host(.container){max-width:1328px;margin-left:auto !important;margin-right:auto !important}:host(.lgoffset--auto){margin-left:auto !important}:host(.lgoffset--1){margin-left:8.33% !important}:host(.lgoffset--2){margin-left:16.66% !important}:host(.lgoffset--3){margin-left:24.99% !important}:host(.lgoffset--4){margin-left:33.32% !important}:host(.lgoffset--5){margin-left:41.65% !important}:host(.lgoffset--6){margin-left:50% !important}:host(.lgoffset--7){margin-left:58.33% !important}:host(.lgoffset--8){margin-left:66.66% !important}:host(.lgoffset--9){margin-left:74.99% !important}:host(.lgoffset--10){margin-left:83.32% !important}:host(.lgoffset--11){margin-left:91.65% !important}:host(.lgoffset--12){margin-left:100% !important}}@media (min-width: 1921px){:host(.container){max-width:1424px;margin-left:auto !important;margin-right:auto !important}:host(.xgoffset--auto){margin-left:auto !important}:host(.xgoffset--1){margin-left:8.33% !important}:host(.xgoffset--2){margin-left:16.66% !important}:host(.xgoffset--3){margin-left:24.99% !important}:host(.xgoffset--4){margin-left:33.32% !important}:host(.xgoffset--5){margin-left:41.65% !important}:host(.xgoffset--6){margin-left:50% !important}:host(.xgoffset--7){margin-left:58.33% !important}:host(.xgoffset--8){margin-left:66.66% !important}:host(.xgoffset--9){margin-left:74.99% !important}:host(.xgoffset--10){margin-left:83.32% !important}:host(.xgoffset--11){margin-left:91.65% !important}:host(.xgoffset--12){margin-left:100% !important}}@media (min-width: 600px){:host(.container-fluid){max-width:100%;margin-left:auto !important;margin-right:auto !important}}@media (min-width: 905px){:host(.container-fluid){max-width:848px;margin-left:auto !important;margin-right:auto !important}}@media (min-width: 993px){:host(.container-fluid){max-width:944px;margin-left:auto !important;margin-right:auto !important}}@media (min-width: 1280px){:host(.container-fluid){max-width:1232px;margin-left:auto !important;margin-right:auto !important}}@media (min-width: 1440px){:host(.container-fluid){max-width:1328px;margin-left:auto !important;margin-right:auto !important}}@media (min-width: 1920px){:host(.container-fluid){max-width:1424px;margin-left:auto !important;margin-right:auto !important}}:host(.flex_wrap--wrap){-ms-flex-wrap:wrap;flex-wrap:wrap}:host(.flex_wrap--wrap-reverse){-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}:host(.direction--row){-ms-flex-direction:row;flex-direction:row}:host(.direction--column){-ms-flex-direction:column;flex-direction:column}:host(.direction--row-reverse){-ms-flex-direction:row-reverse;flex-direction:row-reverse}:host(.direction--column-reverse){-ms-flex-direction:column-reverse;flex-direction:column-reverse}:host(.justify_content--center){-ms-flex-pack:center;justify-content:center}:host(.justify_content--flex-start){-ms-flex-pack:start;justify-content:flex-start}:host(.justify_content--flex-end){-ms-flex-pack:end;justify-content:flex-end}:host(.justify_content--space-between){-ms-flex-pack:justify;justify-content:space-between}:host(.justify_content--space-around){-ms-flex-pack:distribute;justify-content:space-around}:host(.justify_content--space-evenly){-ms-flex-pack:space-evenly;justify-content:space-evenly}:host(.justify_content--stretch){-ms-flex-pack:stretch;justify-content:stretch}:host(.align_items--flex-start){-ms-flex-align:start;align-items:flex-start}:host(.align_items--flex-end){-ms-flex-align:end;align-items:flex-end}:host(.align_items--center){-ms-flex-align:center;align-items:center}:host(.align_items--stretch){-ms-flex-align:stretch;align-items:stretch}:host(.align_items--baseline){-ms-flex-align:baseline;align-items:baseline}:host(.gap--none){gap:0}:host(.gap--half){gap:4px}:host(.gap--1){gap:8px}:host(.gap--2){gap:16px}:host(.gap--3){gap:24px}:host(.gap--4){gap:32px}:host(.gap--5){gap:40px}:host(.gap--6){gap:48px}:host(.gap--7){gap:56px}:host(.gap--8){gap:64px}:host(.gap--9){gap:72px}:host(.gap--10){gap:80px}:host(.gap--11){gap:88px}:host(.gap--12){gap:96px}:host(.xxs--auto){-ms-flex:1 0 auto;flex:1 0 auto;width:auto;padding-left:8px !important;padding-right:8px !important}:host(.xxs--1){-ms-flex:0 0 auto;flex:0 0 auto;width:8.33%;padding-left:8px !important;padding-right:8px !important}:host(.xxs--2){-ms-flex:0 0 auto;flex:0 0 auto;width:16.66%;padding-left:8px !important;padding-right:8px !important}:host(.xxs--3){-ms-flex:0 0 auto;flex:0 0 auto;width:24.99%;padding-left:8px !important;padding-right:8px !important}:host(.xxs--4){-ms-flex:0 0 auto;flex:0 0 auto;width:33.32%;padding-left:8px !important;padding-right:8px !important}:host(.xxs--5){-ms-flex:0 0 auto;flex:0 0 auto;width:41.65%;padding-left:8px !important;padding-right:8px !important}:host(.xxs--6){-ms-flex:0 0 auto;flex:0 0 auto;width:50%;padding-left:8px !important;padding-right:8px !important}:host(.xxs--7){-ms-flex:0 0 auto;flex:0 0 auto;width:58.33%;padding-left:8px !important;padding-right:8px !important}:host(.xxs--8){-ms-flex:0 0 auto;flex:0 0 auto;width:66.66%;padding-left:8px !important;padding-right:8px !important}:host(.xxs--9){-ms-flex:0 0 auto;flex:0 0 auto;width:74.99%;padding-left:8px !important;padding-right:8px !important}:host(.xxs--10){-ms-flex:0 0 auto;flex:0 0 auto;width:83.32%;padding-left:8px !important;padding-right:8px !important}:host(.xxs--11){-ms-flex:0 0 auto;flex:0 0 auto;width:91.65%;padding-left:8px !important;padding-right:8px !important}:host(.xxs--12){-ms-flex:0 0 auto;flex:0 0 auto;width:100%;padding-left:8px !important;padding-right:8px !important}@media (min-width: 600px){:host(.xs--auto){-ms-flex:1 0 auto;flex:1 0 auto;width:auto;padding-left:8px !important;padding-right:8px !important}:host(.xs--1){-ms-flex:0 0 auto;flex:0 0 auto;width:8.33%;padding-left:8px !important;padding-right:8px !important}:host(.xs--2){-ms-flex:0 0 auto;flex:0 0 auto;width:16.66%;padding-left:8px !important;padding-right:8px !important}:host(.xs--3){-ms-flex:0 0 auto;flex:0 0 auto;width:24.99%;padding-left:8px !important;padding-right:8px !important}:host(.xs--4){-ms-flex:0 0 auto;flex:0 0 auto;width:33.32%;padding-left:8px !important;padding-right:8px !important}:host(.xs--5){-ms-flex:0 0 auto;flex:0 0 auto;width:41.65%;padding-left:8px !important;padding-right:8px !important}:host(.xs--6){-ms-flex:0 0 auto;flex:0 0 auto;width:50%;padding-left:8px !important;padding-right:8px !important}:host(.xs--7){-ms-flex:0 0 auto;flex:0 0 auto;width:58.33%;padding-left:8px !important;padding-right:8px !important}:host(.xs--8){-ms-flex:0 0 auto;flex:0 0 auto;width:66.66%;padding-left:8px !important;padding-right:8px !important}:host(.xs--9){-ms-flex:0 0 auto;flex:0 0 auto;width:74.99%;padding-left:8px !important;padding-right:8px !important}:host(.xs--10){-ms-flex:0 0 auto;flex:0 0 auto;width:83.32%;padding-left:8px !important;padding-right:8px !important}:host(.xs--11){-ms-flex:0 0 auto;flex:0 0 auto;width:91.65%;padding-left:8px !important;padding-right:8px !important}:host(.xs--12){-ms-flex:0 0 auto;flex:0 0 auto;width:100%;padding-left:8px !important;padding-right:8px !important}}@media (min-width: 905px){:host(.sm--auto){-ms-flex:1 0 auto;flex:1 0 auto;width:auto;padding-left:8px !important;padding-right:8px !important}:host(.sm--1){-ms-flex:0 0 auto;flex:0 0 auto;width:8.33%;padding-left:8px !important;padding-right:8px !important}:host(.sm--2){-ms-flex:0 0 auto;flex:0 0 auto;width:16.66%;padding-left:8px !important;padding-right:8px !important}:host(.sm--3){-ms-flex:0 0 auto;flex:0 0 auto;width:24.99%;padding-left:8px !important;padding-right:8px !important}:host(.sm--4){-ms-flex:0 0 auto;flex:0 0 auto;width:33.32%;padding-left:8px !important;padding-right:8px !important}:host(.sm--5){-ms-flex:0 0 auto;flex:0 0 auto;width:41.65%;padding-left:8px !important;padding-right:8px !important}:host(.sm--6){-ms-flex:0 0 auto;flex:0 0 auto;width:50%;padding-left:8px !important;padding-right:8px !important}:host(.sm--7){-ms-flex:0 0 auto;flex:0 0 auto;width:58.33%;padding-left:8px !important;padding-right:8px !important}:host(.sm--8){-ms-flex:0 0 auto;flex:0 0 auto;width:66.66%;padding-left:8px !important;padding-right:8px !important}:host(.sm--9){-ms-flex:0 0 auto;flex:0 0 auto;width:74.99%;padding-left:8px !important;padding-right:8px !important}:host(.sm--10){-ms-flex:0 0 auto;flex:0 0 auto;width:83.32%;padding-left:8px !important;padding-right:8px !important}:host(.sm--11){-ms-flex:0 0 auto;flex:0 0 auto;width:91.65%;padding-left:8px !important;padding-right:8px !important}:host(.sm--12){-ms-flex:0 0 auto;flex:0 0 auto;width:100%;padding-left:8px !important;padding-right:8px !important}}@media (min-width: 993px){:host(.md--auto){-ms-flex:1 0 auto;flex:1 0 auto;width:auto;padding-left:8px !important;padding-right:8px !important}:host(.md--1){-ms-flex:0 0 auto;flex:0 0 auto;width:8.33%;padding-left:8px !important;padding-right:8px !important}:host(.md--2){-ms-flex:0 0 auto;flex:0 0 auto;width:16.66%;padding-left:8px !important;padding-right:8px !important}:host(.md--3){-ms-flex:0 0 auto;flex:0 0 auto;width:24.99%;padding-left:8px !important;padding-right:8px !important}:host(.md--4){-ms-flex:0 0 auto;flex:0 0 auto;width:33.32%;padding-left:8px !important;padding-right:8px !important}:host(.md--5){-ms-flex:0 0 auto;flex:0 0 auto;width:41.65%;padding-left:8px !important;padding-right:8px !important}:host(.md--6){-ms-flex:0 0 auto;flex:0 0 auto;width:50%;padding-left:8px !important;padding-right:8px !important}:host(.md--7){-ms-flex:0 0 auto;flex:0 0 auto;width:58.33%;padding-left:8px !important;padding-right:8px !important}:host(.md--8){-ms-flex:0 0 auto;flex:0 0 auto;width:66.66%;padding-left:8px !important;padding-right:8px !important}:host(.md--9){-ms-flex:0 0 auto;flex:0 0 auto;width:74.99%;padding-left:8px !important;padding-right:8px !important}:host(.md--10){-ms-flex:0 0 auto;flex:0 0 auto;width:83.32%;padding-left:8px !important;padding-right:8px !important}:host(.md--11){-ms-flex:0 0 auto;flex:0 0 auto;width:91.65%;padding-left:8px !important;padding-right:8px !important}:host(.md--12){-ms-flex:0 0 auto;flex:0 0 auto;width:100%;padding-left:8px !important;padding-right:8px !important}}@media (min-width: 1601px){:host(.lg--auto){-ms-flex:1 0 auto;flex:1 0 auto;width:auto;padding-left:8px !important;padding-right:8px !important}:host(.lg--1){-ms-flex:0 0 auto;flex:0 0 auto;width:8.33%;padding-left:8px !important;padding-right:8px !important}:host(.lg--2){-ms-flex:0 0 auto;flex:0 0 auto;width:16.66%;padding-left:8px !important;padding-right:8px !important}:host(.lg--3){-ms-flex:0 0 auto;flex:0 0 auto;width:24.99%;padding-left:8px !important;padding-right:8px !important}:host(.lg--4){-ms-flex:0 0 auto;flex:0 0 auto;width:33.32%;padding-left:8px !important;padding-right:8px !important}:host(.lg--5){-ms-flex:0 0 auto;flex:0 0 auto;width:41.65%;padding-left:8px !important;padding-right:8px !important}:host(.lg--6){-ms-flex:0 0 auto;flex:0 0 auto;width:50%;padding-left:8px !important;padding-right:8px !important}:host(.lg--7){-ms-flex:0 0 auto;flex:0 0 auto;width:58.33%;padding-left:8px !important;padding-right:8px !important}:host(.lg--8){-ms-flex:0 0 auto;flex:0 0 auto;width:66.66%;padding-left:8px !important;padding-right:8px !important}:host(.lg--9){-ms-flex:0 0 auto;flex:0 0 auto;width:74.99%;padding-left:8px !important;padding-right:8px !important}:host(.lg--10){-ms-flex:0 0 auto;flex:0 0 auto;width:83.32%;padding-left:8px !important;padding-right:8px !important}:host(.lg--11){-ms-flex:0 0 auto;flex:0 0 auto;width:91.65%;padding-left:8px !important;padding-right:8px !important}:host(.lg--12){-ms-flex:0 0 auto;flex:0 0 auto;width:100%;padding-left:8px !important;padding-right:8px !important}}@media (min-width: 1921px){:host(.xg--auto){-ms-flex:1 0 auto;flex:1 0 auto;width:auto;padding-left:8px !important;padding-right:8px !important}:host(.xg--1){-ms-flex:0 0 auto;flex:0 0 auto;width:8.33%;padding-left:8px !important;padding-right:8px !important}:host(.xg--2){-ms-flex:0 0 auto;flex:0 0 auto;width:16.66%;padding-left:8px !important;padding-right:8px !important}:host(.xg--3){-ms-flex:0 0 auto;flex:0 0 auto;width:24.99%;padding-left:8px !important;padding-right:8px !important}:host(.xg--4){-ms-flex:0 0 auto;flex:0 0 auto;width:33.32%;padding-left:8px !important;padding-right:8px !important}:host(.xg--5){-ms-flex:0 0 auto;flex:0 0 auto;width:41.65%;padding-left:8px !important;padding-right:8px !important}:host(.xg--6){-ms-flex:0 0 auto;flex:0 0 auto;width:50%;padding-left:8px !important;padding-right:8px !important}:host(.xg--7){-ms-flex:0 0 auto;flex:0 0 auto;width:58.33%;padding-left:8px !important;padding-right:8px !important}:host(.xg--8){-ms-flex:0 0 auto;flex:0 0 auto;width:66.66%;padding-left:8px !important;padding-right:8px !important}:host(.xg--9){-ms-flex:0 0 auto;flex:0 0 auto;width:74.99%;padding-left:8px !important;padding-right:8px !important}:host(.xg--10){-ms-flex:0 0 auto;flex:0 0 auto;width:83.32%;padding-left:8px !important;padding-right:8px !important}:host(.xg--11){-ms-flex:0 0 auto;flex:0 0 auto;width:91.65%;padding-left:8px !important;padding-right:8px !important}:host(.xg--12){-ms-flex:0 0 auto;flex:0 0 auto;width:100%;padding-left:8px !important;padding-right:8px !important}}@media (min-width: 1280px){:host(.lg--auto .container-fluid){-ms-flex:1 0 auto;flex:1 0 auto;width:auto}:host(.lg--1.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:8.33%}:host(.lg--2.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:16.66%}:host(.lg--3.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:24.99%}:host(.lg--4.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:33.32%}:host(.lg--5.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:41.65%}:host(.lg--6.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:50%}:host(.lg--7.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:58.33%}:host(.lg--8.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:66.66%}:host(.lg--9.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:74.99%}:host(.lg--10.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:83.32%}:host(.lg--11.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:91.65%}:host(.lg--12.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:100%}}@media (min-width: 1440px){:host(.xg--auto .container-fluid){-ms-flex:1 0 auto;flex:1 0 auto;width:auto}:host(.xg--1.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:8.33%}:host(.xg--2.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:16.66%}:host(.xg--3.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:24.99%}:host(.xg--4.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:33.32%}:host(.xg--5.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:41.65%}:host(.xg--6.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:50%}:host(.xg--7.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:58.33%}:host(.xg--8.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:66.66%}:host(.xg--9.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:74.99%}:host(.xg--10.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:83.32%}:host(.xg--11.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:91.65%}:host(.xg--12.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:100%}}@media (min-width: 1920px){:host(.xxg--auto .container-fluid){-ms-flex:1 0 auto;flex:1 0 auto;width:auto}:host(.xxg--1.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:8.33%}:host(.xxg--2.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:16.66%}:host(.xxg--3.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:24.99%}:host(.xxg--4.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:33.32%}:host(.xxg--5.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:41.65%}:host(.xxg--6.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:50%}:host(.xxg--7.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:58.33%}:host(.xxg--8.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:66.66%}:host(.xxg--9.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:74.99%}:host(.xxg--10.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:83.32%}:host(.xxg--11.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:91.65%}:host(.xxg--12.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:100%}}:host(.padding--none){padding:0 !important}:host(.padding--l-none){padding-left:0 !important}:host(.padding--r-none){padding-right:0 !important}:host(.padding--t-none){padding-top:0 !important}:host(.padding--b-none){padding-bottom:0 !important}:host(.padding--x-none){padding-left:0 !important;padding-right:0 !important}:host(.padding--y-none){padding-top:0 !important;padding-bottom:0 !important}:host(.padding--half){padding:4px !important}:host(.padding--l-half){padding-left:4px !important}:host(.padding--r-half){padding-right:4px !important}:host(.padding--t-half){padding-top:4px !important}:host(.padding--b-half){padding-bottom:4px !important}:host(.padding--x-half){padding-left:4px !important;padding-right:4px !important}:host(.padding--y-half){padding-top:4px !important;padding-bottom:4px !important}:host(.padding--1){padding:8px !important}:host(.padding--l-1){padding-left:8px !important}:host(.padding--r-1){padding-right:8px !important}:host(.padding--t-1){padding-top:8px !important}:host(.padding--b-1){padding-bottom:8px !important}:host(.padding--x-1){padding-left:8px !important;padding-right:8px !important}:host(.padding--y-1){padding-top:8px !important;padding-bottom:8px !important}:host(.padding--2){padding:16px !important}:host(.padding--l-2){padding-left:16px !important}:host(.padding--r-2){padding-right:16px !important}:host(.padding--t-2){padding-top:16px !important}:host(.padding--b-2){padding-bottom:16px !important}:host(.padding--x-2){padding-left:16px !important;padding-right:16px !important}:host(.padding--y-2){padding-top:16px !important;padding-bottom:16px !important}:host(.padding--3){padding:24px !important}:host(.padding--l-3){padding-left:24px !important}:host(.padding--r-3){padding-right:24px !important}:host(.padding--t-3){padding-top:24px !important}:host(.padding--b-3){padding-bottom:24px !important}:host(.padding--x-3){padding-left:24px !important;padding-right:24px !important}:host(.padding--y-3){padding-top:24px !important;padding-bottom:24px !important}:host(.padding--4){padding:32px !important}:host(.padding--l-4){padding-left:32px !important}:host(.padding--r-4){padding-right:32px !important}:host(.padding--t-4){padding-top:32px !important}:host(.padding--b-4){padding-bottom:32px !important}:host(.padding--x-4){padding-left:32px !important;padding-right:32px !important}:host(.padding--y-4){padding-top:32px !important;padding-bottom:32px !important}:host(.padding--5){padding:40px !important}:host(.padding--l-5){padding-left:40px !important}:host(.padding--r-5){padding-right:40px !important}:host(.padding--t-5){padding-top:40px !important}:host(.padding--b-5){padding-bottom:40px !important}:host(.padding--x-5){padding-left:40px !important;padding-right:40px !important}:host(.padding--y-5){padding-top:40px !important;padding-bottom:40px !important}:host(.padding--6){padding:48px !important}:host(.padding--l-6){padding-left:48px !important}:host(.padding--r-6){padding-right:48px !important}:host(.padding--t-6){padding-top:48px !important}:host(.padding--b-6){padding-bottom:48px !important}:host(.padding--x-6){padding-left:48px !important;padding-right:48px !important}:host(.padding--y-6){padding-top:48px !important;padding-bottom:48px !important}:host(.padding--7){padding:56px !important}:host(.padding--l-7){padding-left:56px !important}:host(.padding--r-7){padding-right:56px !important}:host(.padding--t-7){padding-top:56px !important}:host(.padding--b-7){padding-bottom:56px !important}:host(.padding--x-7){padding-left:56px !important;padding-right:56px !important}:host(.padding--y-7){padding-top:56px !important;padding-bottom:56px !important}:host(.padding--8){padding:64px !important}:host(.padding--l-8){padding-left:64px !important}:host(.padding--r-8){padding-right:64px !important}:host(.padding--t-8){padding-top:64px !important}:host(.padding--b-8){padding-bottom:64px !important}:host(.padding--x-8){padding-left:64px !important;padding-right:64px !important}:host(.padding--y-8){padding-top:64px !important;padding-bottom:64px !important}:host(.padding--9){padding:72px !important}:host(.padding--l-9){padding-left:72px !important}:host(.padding--r-9){padding-right:72px !important}:host(.padding--t-9){padding-top:72px !important}:host(.padding--b-9){padding-bottom:72px !important}:host(.padding--x-9){padding-left:72px !important;padding-right:72px !important}:host(.padding--y-9){padding-top:72px !important;padding-bottom:72px !important}:host(.padding--10){padding:80px !important}:host(.padding--l-10){padding-left:80px !important}:host(.padding--r-10){padding-right:80px !important}:host(.padding--t-10){padding-top:80px !important}:host(.padding--b-10){padding-bottom:80px !important}:host(.padding--x-10){padding-left:80px !important;padding-right:80px !important}:host(.padding--y-10){padding-top:80px !important;padding-bottom:80px !important}:host(.padding--11){padding:88px !important}:host(.padding--l-11){padding-left:88px !important}:host(.padding--r-11){padding-right:88px !important}:host(.padding--t-11){padding-top:88px !important}:host(.padding--b-11){padding-bottom:88px !important}:host(.padding--x-11){padding-left:88px !important;padding-right:88px !important}:host(.padding--y-11){padding-top:88px !important;padding-bottom:88px !important}:host(.padding--12){padding:96px !important}:host(.padding--l-12){padding-left:96px !important}:host(.padding--r-12){padding-right:96px !important}:host(.padding--t-12){padding-top:96px !important}:host(.padding--b-12){padding-bottom:96px !important}:host(.padding--x-12){padding-left:96px !important;padding-right:96px !important}:host(.padding--y-12){padding-top:96px !important;padding-bottom:96px !important}:host(.margin--auto){margin:auto !important}:host(.margin--l-auto){margin-left:auto !important}:host(.margin--r-auto){margin-right:auto !important}:host(.margin--t-auto){margin-top:auto !important}:host(.margin--b-auto){margin-bottom:auto !important}:host(.margin--x-auto){margin-left:auto !important;margin-right:auto !important}:host(.margin--y-auto){margin-top:auto !important;margin-bottom:auto !important}:host(.margin--none){margin:0 !important}:host(.margin--l-none){margin-left:0 !important}:host(.margin--r-none){margin-right:0 !important}:host(.margin--t-none){margin-top:0 !important}:host(.margin--b-none){margin-bottom:0 !important}:host(.margin--x-none){margin-left:0 !important;margin-right:0 !important}:host(.margin--y-none){margin-top:0 !important;margin-bottom:0 !important}:host(.margin--half){margin:4px !important}:host(.margin--l-half){margin-left:4px !important}:host(.margin--r-half){margin-right:4px !important}:host(.margin--t-half){margin-top:4px !important}:host(.margin--b-half){margin-bottom:4px !important}:host(.margin--x-half){margin-left:4px !important;margin-right:4px !important}:host(.margin--y-half){margin-top:4px !important;margin-bottom:4px !important}:host(.margin--1){margin:8px !important}:host(.margin--l-1){margin-left:8px !important}:host(.margin--r-1){margin-right:8px !important}:host(.margin--t-1){margin-top:8px !important}:host(.margin--b-1){margin-bottom:8px !important}:host(.margin--x-1){margin-left:8px !important;margin-right:8px !important}:host(.margin--y-1){margin-top:8px !important;margin-bottom:8px !important}:host(.margin--2){margin:16px !important}:host(.margin--l-2){margin-left:16px !important}:host(.margin--r-2){margin-right:16px !important}:host(.margin--t-2){margin-top:16px !important}:host(.margin--b-2){margin-bottom:16px !important}:host(.margin--x-2){margin-left:16px !important;margin-right:16px !important}:host(.margin--y-2){margin-top:16px !important;margin-bottom:16px !important}:host(.margin--3){margin:24px !important}:host(.margin--l-3){margin-left:24px !important}:host(.margin--r-3){margin-right:24px !important}:host(.margin--t-3){margin-top:24px !important}:host(.margin--b-3){margin-bottom:24px !important}:host(.margin--x-3){margin-left:24px !important;margin-right:24px !important}:host(.margin--y-3){margin-top:24px !important;margin-bottom:24px !important}:host(.margin--4){margin:32px !important}:host(.margin--l-4){margin-left:32px !important}:host(.margin--r-4){margin-right:32px !important}:host(.margin--t-4){margin-top:32px !important}:host(.margin--b-4){margin-bottom:32px !important}:host(.margin--x-4){margin-left:32px !important;margin-right:32px !important}:host(.margin--y-4){margin-top:32px !important;margin-bottom:32px !important}:host(.margin--5){margin:40px !important}:host(.margin--l-5){margin-left:40px !important}:host(.margin--r-5){margin-right:40px !important}:host(.margin--t-5){margin-top:40px !important}:host(.margin--b-5){margin-bottom:40px !important}:host(.margin--x-5){margin-left:40px !important;margin-right:40px !important}:host(.margin--y-5){margin-top:40px !important;margin-bottom:40px !important}:host(.margin--6){margin:48px !important}:host(.margin--l-6){margin-left:48px !important}:host(.margin--r-6){margin-right:48px !important}:host(.margin--t-6){margin-top:48px !important}:host(.margin--b-6){margin-bottom:48px !important}:host(.margin--x-6){margin-left:48px !important;margin-right:48px !important}:host(.margin--y-6){margin-top:48px !important;margin-bottom:48px !important}:host(.margin--7){margin:56px !important}:host(.margin--l-7){margin-left:56px !important}:host(.margin--r-7){margin-right:56px !important}:host(.margin--t-7){margin-top:56px !important}:host(.margin--b-7){margin-bottom:56px !important}:host(.margin--x-7){margin-left:56px !important;margin-right:56px !important}:host(.margin--y-7){margin-top:56px !important;margin-bottom:56px !important}:host(.margin--8){margin:64px !important}:host(.margin--l-8){margin-left:64px !important}:host(.margin--r-8){margin-right:64px !important}:host(.margin--t-8){margin-top:64px !important}:host(.margin--b-8){margin-bottom:64px !important}:host(.margin--x-8){margin-left:64px !important;margin-right:64px !important}:host(.margin--y-8){margin-top:64px !important;margin-bottom:64px !important}:host(.margin--9){margin:72px !important}:host(.margin--l-9){margin-left:72px !important}:host(.margin--r-9){margin-right:72px !important}:host(.margin--t-9){margin-top:72px !important}:host(.margin--b-9){margin-bottom:72px !important}:host(.margin--x-9){margin-left:72px !important;margin-right:72px !important}:host(.margin--y-9){margin-top:72px !important;margin-bottom:72px !important}:host(.margin--10){margin:80px !important}:host(.margin--l-10){margin-left:80px !important}:host(.margin--r-10){margin-right:80px !important}:host(.margin--t-10){margin-top:80px !important}:host(.margin--b-10){margin-bottom:80px !important}:host(.margin--x-10){margin-left:80px !important;margin-right:80px !important}:host(.margin--y-10){margin-top:80px !important;margin-bottom:80px !important}:host(.margin--11){margin:88px !important}:host(.margin--l-11){margin-left:88px !important}:host(.margin--r-11){margin-right:88px !important}:host(.margin--t-11){margin-top:88px !important}:host(.margin--b-11){margin-bottom:88px !important}:host(.margin--x-11){margin-left:88px !important;margin-right:88px !important}:host(.margin--y-11){margin-top:88px !important;margin-bottom:88px !important}:host(.margin--12){margin:96px !important}:host(.margin--l-12){margin-left:96px !important}:host(.margin--r-12){margin-right:96px !important}:host(.margin--t-12){margin-top:96px !important}:host(.margin--b-12){margin-bottom:96px !important}:host(.margin--x-12){margin-left:96px !important;margin-right:96px !important}:host(.margin--y-12){margin-top:96px !important;margin-bottom:96px !important}";
4
4
 
5
5
  const Grid = class {
6
6
  constructor(hostRef) {
package/dist/esm/bds-image.entry.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { r as registerInstance, h, H as Host, g as getElement } from './index-611fd21e.js';
2
2
 
3
- const imageCss = ":host{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background-color:var(--color-surface-3, #cfcfcf)}:host .img-feedback{height:76%}";
3
+ const imageCss = ":host{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host .img-feedback{height:76%}:host(.empty_img){background-color:var(--color-surface-3, #cfcfcf)}";
4
4
 
5
5
  const Image = class {
6
6
  constructor(hostRef) {
@@ -49,7 +49,7 @@ const Image = class {
49
49
  // Se a imagem ainda não foi carregada, chame o método loadImage
50
50
  this.loadImage();
51
51
  }
52
- return (h(Host, null, this.imageLoaded ? (h("img", { src: this.currentSrc, alt: this.alt, style: {
52
+ return (h(Host, { class: { empty_img: !this.imageLoaded } }, this.imageLoaded ? (h("img", { src: this.currentSrc, alt: this.alt, style: {
53
53
  objectFit: this.objectFit,
54
54
  width: '100%',
55
55
  height: '100%',
package/dist/esm-es5/bds-grid_5.entry.js CHANGED
@@ -1 +1 @@
1
- import{r as registerInstance,h,H as Host}from"./index-611fd21e.js";var gridCss=":host{display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box}:host(.container){width:100%}:host(.xxsoffset--auto){margin-left:auto}:host(.xxsoffset--1){margin-left:8.33%}:host(.xxsoffset--2){margin-left:16.66%}:host(.xxsoffset--3){margin-left:24.99%}:host(.xxsoffset--4){margin-left:33.32%}:host(.xxsoffset--5){margin-left:41.65%}:host(.xxsoffset--6){margin-left:50%}:host(.xxsoffset--7){margin-left:58.33%}:host(.xxsoffset--8){margin-left:66.66%}:host(.xxsoffset--9){margin-left:74.99%}:host(.xxsoffset--10){margin-left:83.32%}:host(.xxsoffset--11){margin-left:91.65%}:host(.xxsoffset--12){margin-left:100%}@media (max-width: 599px){:host(.container){width:100%}:host(.xxsoffset--auto){margin-left:auto}:host(.xxsoffset--1){margin-left:8.33%}:host(.xxsoffset--2){margin-left:16.66%}:host(.xxsoffset--3){margin-left:24.99%}:host(.xxsoffset--4){margin-left:33.32%}:host(.xxsoffset--5){margin-left:41.65%}:host(.xxsoffset--6){margin-left:50%}:host(.xxsoffset--7){margin-left:58.33%}:host(.xxsoffset--8){margin-left:66.66%}:host(.xxsoffset--9){margin-left:74.99%}:host(.xxsoffset--10){margin-left:83.32%}:host(.xxsoffset--11){margin-left:91.65%}:host(.xxsoffset--12){margin-left:100%}}@media (min-width: 600px){:host(.container){width:100%}:host(.xxsoffset--auto){margin-left:auto}:host(.xsoffset--1){margin-left:8.33%}:host(.xsoffset--2){margin-left:16.66%}:host(.xsoffset--3){margin-left:24.99%}:host(.xsoffset--4){margin-left:33.32%}:host(.xsoffset--5){margin-left:41.65%}:host(.xsoffset--6){margin-left:50%}:host(.xsoffset--7){margin-left:58.33%}:host(.xsoffset--8){margin-left:66.66%}:host(.xsoffset--9){margin-left:74.99%}:host(.xsoffset--10){margin-left:83.32%}:host(.xsoffset--11){margin-left:91.65%}:host(.xsoffset--12){margin-left:100%}}@media (min-width: 905px){:host(.container){max-width:848px;margin-left:auto;margin-right:auto}:host(.smoffset--auto){margin-left:auto}:host(.smoffset--1){margin-left:8.33%}:host(.smoffset--2){margin-left:16.66%}:host(.smoffset--3){margin-left:24.99%}:host(.smoffset--4){margin-left:33.32%}:host(.smoffset--5){margin-left:41.65%}:host(.smoffset--6){margin-left:50%}:host(.smoffset--7){margin-left:58.33%}:host(.smoffset--8){margin-left:66.66%}:host(.smoffset--9){margin-left:74.99%}:host(.smoffset--10){margin-left:83.32%}:host(.smoffset--11){margin-left:91.65%}:host(.smoffset--12){margin-left:100%}}@media (min-width: 993px){:host(.container){max-width:944px;margin-left:auto;margin-right:auto}:host(.mdoffset--auto){margin-left:auto}:host(.mdoffset--1){margin-left:8.33%}:host(.mdoffset--2){margin-left:16.66%}:host(.mdoffset--3){margin-left:24.99%}:host(.mdoffset--4){margin-left:33.32%}:host(.mdoffset--5){margin-left:41.65%}:host(.mdoffset--6){margin-left:50%}:host(.mdoffset--7){margin-left:58.33%}:host(.mdoffset--8){margin-left:66.66%}:host(.mdoffset--9){margin-left:74.99%}:host(.mdoffset--10){margin-left:83.32%}:host(.mdoffset--11){margin-left:91.65%}:host(.mdoffset--12){margin-left:100%}}@media (min-width: 1601px){:host(.container){max-width:1328px;margin-left:auto;margin-right:auto}:host(.lgoffset--auto){margin-left:auto}:host(.lgoffset--1){margin-left:8.33%}:host(.lgoffset--2){margin-left:16.66%}:host(.lgoffset--3){margin-left:24.99%}:host(.lgoffset--4){margin-left:33.32%}:host(.lgoffset--5){margin-left:41.65%}:host(.lgoffset--6){margin-left:50%}:host(.lgoffset--7){margin-left:58.33%}:host(.lgoffset--8){margin-left:66.66%}:host(.lgoffset--9){margin-left:74.99%}:host(.lgoffset--10){margin-left:83.32%}:host(.lgoffset--11){margin-left:91.65%}:host(.lgoffset--12){margin-left:100%}}@media (min-width: 1921px){:host(.container){max-width:1424px;margin-left:auto;margin-right:auto}:host(.xgoffset--auto){margin-left:auto}:host(.xgoffset--1){margin-left:8.33%}:host(.xgoffset--2){margin-left:16.66%}:host(.xgoffset--3){margin-left:24.99%}:host(.xgoffset--4){margin-left:33.32%}:host(.xgoffset--5){margin-left:41.65%}:host(.xgoffset--6){margin-left:50%}:host(.xgoffset--7){margin-left:58.33%}:host(.xgoffset--8){margin-left:66.66%}:host(.xgoffset--9){margin-left:74.99%}:host(.xgoffset--10){margin-left:83.32%}:host(.xgoffset--11){margin-left:91.65%}:host(.xgoffset--12){margin-left:100%}}@media (min-width: 600px){:host(.container-fluid){max-width:100%;margin-left:auto;margin-right:auto}}@media (min-width: 905px){:host(.container-fluid){max-width:848px;margin-left:auto;margin-right:auto}}@media (min-width: 993px){:host(.container-fluid){max-width:944px;margin-left:auto;margin-right:auto}}@media (min-width: 1280px){:host(.container-fluid){max-width:1232px;margin-left:auto;margin-right:auto}}@media (min-width: 1440px){:host(.container-fluid){max-width:1328px;margin-left:auto;margin-right:auto}}@media (min-width: 1920px){:host(.container-fluid){max-width:1424px;margin-left:auto;margin-right:auto}}:host(.flex_wrap--wrap){-ms-flex-wrap:wrap;flex-wrap:wrap}:host(.flex_wrap--wrap-reverse){-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}:host(.direction--row){-ms-flex-direction:row;flex-direction:row}:host(.direction--column){-ms-flex-direction:column;flex-direction:column}:host(.direction--row-reverse){-ms-flex-direction:row-reverse;flex-direction:row-reverse}:host(.direction--column-reverse){-ms-flex-direction:column-reverse;flex-direction:column-reverse}:host(.justify_content--center){-ms-flex-pack:center;justify-content:center}:host(.justify_content--flex-start){-ms-flex-pack:start;justify-content:flex-start}:host(.justify_content--flex-end){-ms-flex-pack:end;justify-content:flex-end}:host(.justify_content--space-between){-ms-flex-pack:justify;justify-content:space-between}:host(.justify_content--space-around){-ms-flex-pack:distribute;justify-content:space-around}:host(.justify_content--space-evenly){-ms-flex-pack:space-evenly;justify-content:space-evenly}:host(.justify_content--stretch){-ms-flex-pack:stretch;justify-content:stretch}:host(.align_items--flex-start){-ms-flex-align:start;align-items:flex-start}:host(.align_items--flex-end){-ms-flex-align:end;align-items:flex-end}:host(.align_items--center){-ms-flex-align:center;align-items:center}:host(.align_items--stretch){-ms-flex-align:stretch;align-items:stretch}:host(.align_items--baseline){-ms-flex-align:baseline;align-items:baseline}:host(.gap--none){gap:0}:host(.gap--half){gap:4px}:host(.gap--1){gap:8px}:host(.gap--2){gap:16px}:host(.gap--3){gap:24px}:host(.gap--4){gap:32px}:host(.gap--5){gap:40px}:host(.gap--6){gap:48px}:host(.gap--7){gap:56px}:host(.gap--8){gap:64px}:host(.gap--9){gap:72px}:host(.gap--10){gap:80px}:host(.gap--11){gap:88px}:host(.gap--12){gap:96px}:host(.xxs--auto){-ms-flex:1 0 auto;flex:1 0 auto;width:auto;padding-left:8px;padding-right:8px}:host(.xxs--1){-ms-flex:0 0 auto;flex:0 0 auto;width:8.33%;padding-left:8px;padding-right:8px}:host(.xxs--2){-ms-flex:0 0 auto;flex:0 0 auto;width:16.66%;padding-left:8px;padding-right:8px}:host(.xxs--3){-ms-flex:0 0 auto;flex:0 0 auto;width:24.99%;padding-left:8px;padding-right:8px}:host(.xxs--4){-ms-flex:0 0 auto;flex:0 0 auto;width:33.32%;padding-left:8px;padding-right:8px}:host(.xxs--5){-ms-flex:0 0 auto;flex:0 0 auto;width:41.65%;padding-left:8px;padding-right:8px}:host(.xxs--6){-ms-flex:0 0 auto;flex:0 0 auto;width:50%;padding-left:8px;padding-right:8px}:host(.xxs--7){-ms-flex:0 0 auto;flex:0 0 auto;width:58.33%;padding-left:8px;padding-right:8px}:host(.xxs--8){-ms-flex:0 0 auto;flex:0 0 auto;width:66.66%;padding-left:8px;padding-right:8px}:host(.xxs--9){-ms-flex:0 0 auto;flex:0 0 auto;width:74.99%;padding-left:8px;padding-right:8px}:host(.xxs--10){-ms-flex:0 0 auto;flex:0 0 auto;width:83.32%;padding-left:8px;padding-right:8px}:host(.xxs--11){-ms-flex:0 0 auto;flex:0 0 auto;width:91.65%;padding-left:8px;padding-right:8px}:host(.xxs--12){-ms-flex:0 0 auto;flex:0 0 auto;width:100%;padding-left:8px;padding-right:8px}@media (min-width: 600px){:host(.xs--auto){-ms-flex:1 0 auto;flex:1 0 auto;width:auto;padding-left:8px;padding-right:8px}:host(.xs--1){-ms-flex:0 0 auto;flex:0 0 auto;width:8.33%;padding-left:8px;padding-right:8px}:host(.xs--2){-ms-flex:0 0 auto;flex:0 0 auto;width:16.66%;padding-left:8px;padding-right:8px}:host(.xs--3){-ms-flex:0 0 auto;flex:0 0 auto;width:24.99%;padding-left:8px;padding-right:8px}:host(.xs--4){-ms-flex:0 0 auto;flex:0 0 auto;width:33.32%;padding-left:8px;padding-right:8px}:host(.xs--5){-ms-flex:0 0 auto;flex:0 0 auto;width:41.65%;padding-left:8px;padding-right:8px}:host(.xs--6){-ms-flex:0 0 auto;flex:0 0 auto;width:50%;padding-left:8px;padding-right:8px}:host(.xs--7){-ms-flex:0 0 auto;flex:0 0 auto;width:58.33%;padding-left:8px;padding-right:8px}:host(.xs--8){-ms-flex:0 0 auto;flex:0 0 auto;width:66.66%;padding-left:8px;padding-right:8px}:host(.xs--9){-ms-flex:0 0 auto;flex:0 0 auto;width:74.99%;padding-left:8px;padding-right:8px}:host(.xs--10){-ms-flex:0 0 auto;flex:0 0 auto;width:83.32%;padding-left:8px;padding-right:8px}:host(.xs--11){-ms-flex:0 0 auto;flex:0 0 auto;width:91.65%;padding-left:8px;padding-right:8px}:host(.xs--12){-ms-flex:0 0 auto;flex:0 0 auto;width:100%;padding-left:8px;padding-right:8px}}@media (min-width: 905px){:host(.sm--auto){-ms-flex:1 0 auto;flex:1 0 auto;width:auto;padding-left:8px;padding-right:8px}:host(.sm--1){-ms-flex:0 0 auto;flex:0 0 auto;width:8.33%;padding-left:8px;padding-right:8px}:host(.sm--2){-ms-flex:0 0 auto;flex:0 0 auto;width:16.66%;padding-left:8px;padding-right:8px}:host(.sm--3){-ms-flex:0 0 auto;flex:0 0 auto;width:24.99%;padding-left:8px;padding-right:8px}:host(.sm--4){-ms-flex:0 0 auto;flex:0 0 auto;width:33.32%;padding-left:8px;padding-right:8px}:host(.sm--5){-ms-flex:0 0 auto;flex:0 0 auto;width:41.65%;padding-left:8px;padding-right:8px}:host(.sm--6){-ms-flex:0 0 auto;flex:0 0 auto;width:50%;padding-left:8px;padding-right:8px}:host(.sm--7){-ms-flex:0 0 auto;flex:0 0 auto;width:58.33%;padding-left:8px;padding-right:8px}:host(.sm--8){-ms-flex:0 0 auto;flex:0 0 auto;width:66.66%;padding-left:8px;padding-right:8px}:host(.sm--9){-ms-flex:0 0 auto;flex:0 0 auto;width:74.99%;padding-left:8px;padding-right:8px}:host(.sm--10){-ms-flex:0 0 auto;flex:0 0 auto;width:83.32%;padding-left:8px;padding-right:8px}:host(.sm--11){-ms-flex:0 0 auto;flex:0 0 auto;width:91.65%;padding-left:8px;padding-right:8px}:host(.sm--12){-ms-flex:0 0 auto;flex:0 0 auto;width:100%;padding-left:8px;padding-right:8px}}@media (min-width: 993px){:host(.md--auto){-ms-flex:1 0 auto;flex:1 0 auto;width:auto;padding-left:8px;padding-right:8px}:host(.md--1){-ms-flex:0 0 auto;flex:0 0 auto;width:8.33%;padding-left:8px;padding-right:8px}:host(.md--2){-ms-flex:0 0 auto;flex:0 0 auto;width:16.66%;padding-left:8px;padding-right:8px}:host(.md--3){-ms-flex:0 0 auto;flex:0 0 auto;width:24.99%;padding-left:8px;padding-right:8px}:host(.md--4){-ms-flex:0 0 auto;flex:0 0 auto;width:33.32%;padding-left:8px;padding-right:8px}:host(.md--5){-ms-flex:0 0 auto;flex:0 0 auto;width:41.65%;padding-left:8px;padding-right:8px}:host(.md--6){-ms-flex:0 0 auto;flex:0 0 auto;width:50%;padding-left:8px;padding-right:8px}:host(.md--7){-ms-flex:0 0 auto;flex:0 0 auto;width:58.33%;padding-left:8px;padding-right:8px}:host(.md--8){-ms-flex:0 0 auto;flex:0 0 auto;width:66.66%;padding-left:8px;padding-right:8px}:host(.md--9){-ms-flex:0 0 auto;flex:0 0 auto;width:74.99%;padding-left:8px;padding-right:8px}:host(.md--10){-ms-flex:0 0 auto;flex:0 0 auto;width:83.32%;padding-left:8px;padding-right:8px}:host(.md--11){-ms-flex:0 0 auto;flex:0 0 auto;width:91.65%;padding-left:8px;padding-right:8px}:host(.md--12){-ms-flex:0 0 auto;flex:0 0 auto;width:100%;padding-left:8px;padding-right:8px}}@media (min-width: 1601px){:host(.lg--auto){-ms-flex:1 0 auto;flex:1 0 auto;width:auto;padding-left:8px;padding-right:8px}:host(.lg--1){-ms-flex:0 0 auto;flex:0 0 auto;width:8.33%;padding-left:8px;padding-right:8px}:host(.lg--2){-ms-flex:0 0 auto;flex:0 0 auto;width:16.66%;padding-left:8px;padding-right:8px}:host(.lg--3){-ms-flex:0 0 auto;flex:0 0 auto;width:24.99%;padding-left:8px;padding-right:8px}:host(.lg--4){-ms-flex:0 0 auto;flex:0 0 auto;width:33.32%;padding-left:8px;padding-right:8px}:host(.lg--5){-ms-flex:0 0 auto;flex:0 0 auto;width:41.65%;padding-left:8px;padding-right:8px}:host(.lg--6){-ms-flex:0 0 auto;flex:0 0 auto;width:50%;padding-left:8px;padding-right:8px}:host(.lg--7){-ms-flex:0 0 auto;flex:0 0 auto;width:58.33%;padding-left:8px;padding-right:8px}:host(.lg--8){-ms-flex:0 0 auto;flex:0 0 auto;width:66.66%;padding-left:8px;padding-right:8px}:host(.lg--9){-ms-flex:0 0 auto;flex:0 0 auto;width:74.99%;padding-left:8px;padding-right:8px}:host(.lg--10){-ms-flex:0 0 auto;flex:0 0 auto;width:83.32%;padding-left:8px;padding-right:8px}:host(.lg--11){-ms-flex:0 0 auto;flex:0 0 auto;width:91.65%;padding-left:8px;padding-right:8px}:host(.lg--12){-ms-flex:0 0 auto;flex:0 0 auto;width:100%;padding-left:8px;padding-right:8px}}@media (min-width: 1921px){:host(.xg--auto){-ms-flex:1 0 auto;flex:1 0 auto;width:auto;padding-left:8px;padding-right:8px}:host(.xg--1){-ms-flex:0 0 auto;flex:0 0 auto;width:8.33%;padding-left:8px;padding-right:8px}:host(.xg--2){-ms-flex:0 0 auto;flex:0 0 auto;width:16.66%;padding-left:8px;padding-right:8px}:host(.xg--3){-ms-flex:0 0 auto;flex:0 0 auto;width:24.99%;padding-left:8px;padding-right:8px}:host(.xg--4){-ms-flex:0 0 auto;flex:0 0 auto;width:33.32%;padding-left:8px;padding-right:8px}:host(.xg--5){-ms-flex:0 0 auto;flex:0 0 auto;width:41.65%;padding-left:8px;padding-right:8px}:host(.xg--6){-ms-flex:0 0 auto;flex:0 0 auto;width:50%;padding-left:8px;padding-right:8px}:host(.xg--7){-ms-flex:0 0 auto;flex:0 0 auto;width:58.33%;padding-left:8px;padding-right:8px}:host(.xg--8){-ms-flex:0 0 auto;flex:0 0 auto;width:66.66%;padding-left:8px;padding-right:8px}:host(.xg--9){-ms-flex:0 0 auto;flex:0 0 auto;width:74.99%;padding-left:8px;padding-right:8px}:host(.xg--10){-ms-flex:0 0 auto;flex:0 0 auto;width:83.32%;padding-left:8px;padding-right:8px}:host(.xg--11){-ms-flex:0 0 auto;flex:0 0 auto;width:91.65%;padding-left:8px;padding-right:8px}:host(.xg--12){-ms-flex:0 0 auto;flex:0 0 auto;width:100%;padding-left:8px;padding-right:8px}}@media (min-width: 1280px){:host(.lg--auto .container-fluid){-ms-flex:1 0 auto;flex:1 0 auto;width:auto}:host(.lg--1.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:8.33%}:host(.lg--2.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:16.66%}:host(.lg--3.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:24.99%}:host(.lg--4.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:33.32%}:host(.lg--5.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:41.65%}:host(.lg--6.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:50%}:host(.lg--7.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:58.33%}:host(.lg--8.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:66.66%}:host(.lg--9.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:74.99%}:host(.lg--10.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:83.32%}:host(.lg--11.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:91.65%}:host(.lg--12.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:100%}}@media (min-width: 1440px){:host(.xg--auto .container-fluid){-ms-flex:1 0 auto;flex:1 0 auto;width:auto}:host(.xg--1.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:8.33%}:host(.xg--2.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:16.66%}:host(.xg--3.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:24.99%}:host(.xg--4.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:33.32%}:host(.xg--5.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:41.65%}:host(.xg--6.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:50%}:host(.xg--7.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:58.33%}:host(.xg--8.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:66.66%}:host(.xg--9.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:74.99%}:host(.xg--10.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:83.32%}:host(.xg--11.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:91.65%}:host(.xg--12.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:100%}}@media (min-width: 1920px){:host(.xxg--auto .container-fluid){-ms-flex:1 0 auto;flex:1 0 auto;width:auto}:host(.xxg--1.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:8.33%}:host(.xxg--2.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:16.66%}:host(.xxg--3.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:24.99%}:host(.xxg--4.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:33.32%}:host(.xxg--5.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:41.65%}:host(.xxg--6.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:50%}:host(.xxg--7.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:58.33%}:host(.xxg--8.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:66.66%}:host(.xxg--9.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:74.99%}:host(.xxg--10.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:83.32%}:host(.xxg--11.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:91.65%}:host(.xxg--12.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:100%}}:host(.padding--none){padding:0}:host(.padding--l-none){padding-left:0}:host(.padding--r-none){padding-right:0}:host(.padding--t-none){padding-top:0}:host(.padding--b-none){padding-bottom:0}:host(.padding--x-none){padding-left:0;padding-right:0}:host(.padding--y-none){padding-top:0;padding-bottom:0}:host(.padding--half){padding:4px}:host(.padding--l-half){padding-left:4px}:host(.padding--r-half){padding-right:4px}:host(.padding--t-half){padding-top:4px}:host(.padding--b-half){padding-bottom:4px}:host(.padding--x-half){padding-left:4px;padding-right:4px}:host(.padding--y-half){padding-top:4px;padding-bottom:4px}:host(.padding--1){padding:8px}:host(.padding--l-1){padding-left:8px}:host(.padding--r-1){padding-right:8px}:host(.padding--t-1){padding-top:8px}:host(.padding--b-1){padding-bottom:8px}:host(.padding--x-1){padding-left:8px;padding-right:8px}:host(.padding--y-1){padding-top:8px;padding-bottom:8px}:host(.padding--2){padding:16px}:host(.padding--l-2){padding-left:16px}:host(.padding--r-2){padding-right:16px}:host(.padding--t-2){padding-top:16px}:host(.padding--b-2){padding-bottom:16px}:host(.padding--x-2){padding-left:16px;padding-right:16px}:host(.padding--y-2){padding-top:16px;padding-bottom:16px}:host(.padding--3){padding:24px}:host(.padding--l-3){padding-left:24px}:host(.padding--r-3){padding-right:24px}:host(.padding--t-3){padding-top:24px}:host(.padding--b-3){padding-bottom:24px}:host(.padding--x-3){padding-left:24px;padding-right:24px}:host(.padding--y-3){padding-top:24px;padding-bottom:24px}:host(.padding--4){padding:32px}:host(.padding--l-4){padding-left:32px}:host(.padding--r-4){padding-right:32px}:host(.padding--t-4){padding-top:32px}:host(.padding--b-4){padding-bottom:32px}:host(.padding--x-4){padding-left:32px;padding-right:32px}:host(.padding--y-4){padding-top:32px;padding-bottom:32px}:host(.padding--5){padding:40px}:host(.padding--l-5){padding-left:40px}:host(.padding--r-5){padding-right:40px}:host(.padding--t-5){padding-top:40px}:host(.padding--b-5){padding-bottom:40px}:host(.padding--x-5){padding-left:40px;padding-right:40px}:host(.padding--y-5){padding-top:40px;padding-bottom:40px}:host(.padding--6){padding:48px}:host(.padding--l-6){padding-left:48px}:host(.padding--r-6){padding-right:48px}:host(.padding--t-6){padding-top:48px}:host(.padding--b-6){padding-bottom:48px}:host(.padding--x-6){padding-left:48px;padding-right:48px}:host(.padding--y-6){padding-top:48px;padding-bottom:48px}:host(.padding--7){padding:56px}:host(.padding--l-7){padding-left:56px}:host(.padding--r-7){padding-right:56px}:host(.padding--t-7){padding-top:56px}:host(.padding--b-7){padding-bottom:56px}:host(.padding--x-7){padding-left:56px;padding-right:56px}:host(.padding--y-7){padding-top:56px;padding-bottom:56px}:host(.padding--8){padding:64px}:host(.padding--l-8){padding-left:64px}:host(.padding--r-8){padding-right:64px}:host(.padding--t-8){padding-top:64px}:host(.padding--b-8){padding-bottom:64px}:host(.padding--x-8){padding-left:64px;padding-right:64px}:host(.padding--y-8){padding-top:64px;padding-bottom:64px}:host(.padding--9){padding:72px}:host(.padding--l-9){padding-left:72px}:host(.padding--r-9){padding-right:72px}:host(.padding--t-9){padding-top:72px}:host(.padding--b-9){padding-bottom:72px}:host(.padding--x-9){padding-left:72px;padding-right:72px}:host(.padding--y-9){padding-top:72px;padding-bottom:72px}:host(.padding--10){padding:80px}:host(.padding--l-10){padding-left:80px}:host(.padding--r-10){padding-right:80px}:host(.padding--t-10){padding-top:80px}:host(.padding--b-10){padding-bottom:80px}:host(.padding--x-10){padding-left:80px;padding-right:80px}:host(.padding--y-10){padding-top:80px;padding-bottom:80px}:host(.padding--11){padding:88px}:host(.padding--l-11){padding-left:88px}:host(.padding--r-11){padding-right:88px}:host(.padding--t-11){padding-top:88px}:host(.padding--b-11){padding-bottom:88px}:host(.padding--x-11){padding-left:88px;padding-right:88px}:host(.padding--y-11){padding-top:88px;padding-bottom:88px}:host(.padding--12){padding:96px}:host(.padding--l-12){padding-left:96px}:host(.padding--r-12){padding-right:96px}:host(.padding--t-12){padding-top:96px}:host(.padding--b-12){padding-bottom:96px}:host(.padding--x-12){padding-left:96px;padding-right:96px}:host(.padding--y-12){padding-top:96px;padding-bottom:96px}:host(.margin--auto){margin:auto}:host(.margin--l-auto){margin-left:auto}:host(.margin--r-auto){margin-right:auto}:host(.margin--t-auto){margin-top:auto}:host(.margin--b-auto){margin-bottom:auto}:host(.margin--x-auto){margin-left:auto;margin-right:auto}:host(.margin--y-auto){margin-top:auto;margin-bottom:auto}:host(.margin--none){margin:0}:host(.margin--l-none){margin-left:0}:host(.margin--r-none){margin-right:0}:host(.margin--t-none){margin-top:0}:host(.margin--b-none){margin-bottom:0}:host(.margin--x-none){margin-left:0;margin-right:0}:host(.margin--y-none){margin-top:0;margin-bottom:0}:host(.margin--half){margin:4px}:host(.margin--l-half){margin-left:4px}:host(.margin--r-half){margin-right:4px}:host(.margin--t-half){margin-top:4px}:host(.margin--b-half){margin-bottom:4px}:host(.margin--x-half){margin-left:4px;margin-right:4px}:host(.margin--y-half){margin-top:4px;margin-bottom:4px}:host(.margin--1){margin:8px}:host(.margin--l-1){margin-left:8px}:host(.margin--r-1){margin-right:8px}:host(.margin--t-1){margin-top:8px}:host(.margin--b-1){margin-bottom:8px}:host(.margin--x-1){margin-left:8px;margin-right:8px}:host(.margin--y-1){margin-top:8px;margin-bottom:8px}:host(.margin--2){margin:16px}:host(.margin--l-2){margin-left:16px}:host(.margin--r-2){margin-right:16px}:host(.margin--t-2){margin-top:16px}:host(.margin--b-2){margin-bottom:16px}:host(.margin--x-2){margin-left:16px;margin-right:16px}:host(.margin--y-2){margin-top:16px;margin-bottom:16px}:host(.margin--3){margin:24px}:host(.margin--l-3){margin-left:24px}:host(.margin--r-3){margin-right:24px}:host(.margin--t-3){margin-top:24px}:host(.margin--b-3){margin-bottom:24px}:host(.margin--x-3){margin-left:24px;margin-right:24px}:host(.margin--y-3){margin-top:24px;margin-bottom:24px}:host(.margin--4){margin:32px}:host(.margin--l-4){margin-left:32px}:host(.margin--r-4){margin-right:32px}:host(.margin--t-4){margin-top:32px}:host(.margin--b-4){margin-bottom:32px}:host(.margin--x-4){margin-left:32px;margin-right:32px}:host(.margin--y-4){margin-top:32px;margin-bottom:32px}:host(.margin--5){margin:40px}:host(.margin--l-5){margin-left:40px}:host(.margin--r-5){margin-right:40px}:host(.margin--t-5){margin-top:40px}:host(.margin--b-5){margin-bottom:40px}:host(.margin--x-5){margin-left:40px;margin-right:40px}:host(.margin--y-5){margin-top:40px;margin-bottom:40px}:host(.margin--6){margin:48px}:host(.margin--l-6){margin-left:48px}:host(.margin--r-6){margin-right:48px}:host(.margin--t-6){margin-top:48px}:host(.margin--b-6){margin-bottom:48px}:host(.margin--x-6){margin-left:48px;margin-right:48px}:host(.margin--y-6){margin-top:48px;margin-bottom:48px}:host(.margin--7){margin:56px}:host(.margin--l-7){margin-left:56px}:host(.margin--r-7){margin-right:56px}:host(.margin--t-7){margin-top:56px}:host(.margin--b-7){margin-bottom:56px}:host(.margin--x-7){margin-left:56px;margin-right:56px}:host(.margin--y-7){margin-top:56px;margin-bottom:56px}:host(.margin--8){margin:64px}:host(.margin--l-8){margin-left:64px}:host(.margin--r-8){margin-right:64px}:host(.margin--t-8){margin-top:64px}:host(.margin--b-8){margin-bottom:64px}:host(.margin--x-8){margin-left:64px;margin-right:64px}:host(.margin--y-8){margin-top:64px;margin-bottom:64px}:host(.margin--9){margin:72px}:host(.margin--l-9){margin-left:72px}:host(.margin--r-9){margin-right:72px}:host(.margin--t-9){margin-top:72px}:host(.margin--b-9){margin-bottom:72px}:host(.margin--x-9){margin-left:72px;margin-right:72px}:host(.margin--y-9){margin-top:72px;margin-bottom:72px}:host(.margin--10){margin:80px}:host(.margin--l-10){margin-left:80px}:host(.margin--r-10){margin-right:80px}:host(.margin--t-10){margin-top:80px}:host(.margin--b-10){margin-bottom:80px}:host(.margin--x-10){margin-left:80px;margin-right:80px}:host(.margin--y-10){margin-top:80px;margin-bottom:80px}:host(.margin--11){margin:88px}:host(.margin--l-11){margin-left:88px}:host(.margin--r-11){margin-right:88px}:host(.margin--t-11){margin-top:88px}:host(.margin--b-11){margin-bottom:88px}:host(.margin--x-11){margin-left:88px;margin-right:88px}:host(.margin--y-11){margin-top:88px;margin-bottom:88px}:host(.margin--12){margin:96px}:host(.margin--l-12){margin-left:96px}:host(.margin--r-12){margin-right:96px}:host(.margin--t-12){margin-top:96px}:host(.margin--b-12){margin-bottom:96px}:host(.margin--x-12){margin-left:96px;margin-right:96px}:host(.margin--y-12){margin-top:96px;margin-bottom:96px}";var Grid=function(){function t(t){registerInstance(this,t);this.height=undefined;this.direction=undefined;this.justifyContent=undefined;this.flexWrap=undefined;this.alignItems=undefined;this.container=undefined;this.containerFluid=undefined;this.xxs=undefined;this.xs=undefined;this.sm=undefined;this.md=undefined;this.lg=undefined;this.xg=undefined;this.xxsOffset=undefined;this.xsOffset=undefined;this.smOffset=undefined;this.mdOffset=undefined;this.lgOffset=undefined;this.xgOffset=undefined;this.gap=undefined;this.padding=undefined;this.margin=undefined}t.prototype.render=function(){var t;return h(Host,{class:(t={host:true},t["direction--".concat(this.direction)]=true,t["justify_content--".concat(this.justifyContent)]=true,t["".concat(this.container===true?"container":"")]=true,t["".concat(this.containerFluid===true?"container-fluid":"")]=true,t["flex_wrap--".concat(this.flexWrap)]=true,t["align_items--".concat(this.alignItems)]=true,t["xxs--".concat(this.xxs)]=true,t["xs--".concat(this.xs)]=true,t["sm--".concat(this.sm)]=true,t["md--".concat(this.md)]=true,t["lg--".concat(this.lg)]=true,t["xg--".concat(this.xg)]=true,t["gap--".concat(this.gap)]=true,t["xxsoffset--".concat(this.xxsOffset)]=true,t["xsoffset--".concat(this.xsOffset)]=true,t["smoffset--".concat(this.smOffset)]=true,t["mdoffset--".concat(this.mdOffset)]=true,t["lgoffset--".concat(this.lgOffset)]=true,t["xgoffset--".concat(this.xgOffset)]=true,t["padding--".concat(this.padding)]=true,t["margin--".concat(this.margin)]=true,t),style:{height:this.height}},h("slot",null))};return t}();Grid.style=gridCss;var paperCss='.bds-hover:hover{mix-blend-mode:multiply}.focus::before{content:"";position:absolute;inset:-4px;border:2px solid transparent;border-radius:4px}.focus:focus-visible{outline:none}.focus:focus-visible::before{border-color:#c226fb}.disabled{pointer-events:none}.bg-surface-1{background-color:var(--color-surface-1, #f6f6f6)}.bg-surface-2{background-color:var(--color-surface-2, #e0e0e0)}.bg-surface-3{background-color:var(--color-surface-3, #cfcfcf)}.bg-surface-4{background-color:var(--color-surface-4, #141414)}:host{display:block;border-radius:7px}:host(.border){border:1px solid var(--color-border-1, #c9c9c9);margin:-1px}:host(.bg-surface-0){background-color:var(--color-surface-0, #ffffff)}:host(.bg-surface-1){background-color:var(--color-surface-1, #f6f6f6)}:host(.bg-surface-2){background-color:var(--color-surface-2, #e0e0e0)}:host(.bg-surface-3){background-color:var(--color-surface-3, #cfcfcf)}:host(.bg-surface-4){background-color:var(--color-surface-4, #141414)}:host(.paper__elevation--none){-webkit-box-shadow:none;box-shadow:none}:host(.paper__elevation--static){-webkit-box-shadow:0px 2px 8px -2px var(--color-shadow-1, rgba(0, 0, 0, 0.16));box-shadow:0px 2px 8px -2px var(--color-shadow-1, rgba(0, 0, 0, 0.16))}:host(.paper__elevation--primary){-webkit-box-shadow:0px 6px 16px -4px var(--color-shadow-1, rgba(0, 0, 0, 0.16));box-shadow:0px 6px 16px -4px var(--color-shadow-1, rgba(0, 0, 0, 0.16))}:host(.paper__elevation--secondary){-webkit-box-shadow:0px 8px 4px -4px var(--color-shadow-0, rgba(0, 0, 0, 0.04)), 0px 12px 12px -4px var(--color-shadow-1, rgba(0, 0, 0, 0.16));box-shadow:0px 8px 4px -4px var(--color-shadow-0, rgba(0, 0, 0, 0.04)), 0px 12px 12px -4px var(--color-shadow-1, rgba(0, 0, 0, 0.16))}.paper__display{display:contents}';var Paper=function(){function t(t){registerInstance(this,t);this.hasBorder=true;this.constElevation=undefined;this.elevation="static";this.dataTest=null;this.border=false;this.height=null;this.width=null;this.bgColor="surface-1"}t.prototype.componentWillLoad=function(){this.border===true?this.hasBorder=false:this.hasBorder=true};t.prototype.render=function(){var t;return h(Host,{class:(t={},t["paper__elevation--".concat(this.elevation)]=this.hasBorder,t.border=this.border,t["bg-".concat(this.bgColor)]=true,t),style:{height:"".concat(this.height),width:"".concat(this.width)}},h("div",{class:"paper__display","data-test":this.dataTest},h("slot",null)))};return t}();Paper.style=paperCss;var testComponentCss="";var TestComponent=function(){function t(t){registerInstance(this,t)}t.prototype.render=function(){return h("bds-grid",{xxs:"12",padding:"x-2","flex-wrap":"wrap"},h("bds-grid",{xxs:"12",margin:"t-2"},h("div",{class:"titulo"},h("bds-typo",{variant:"fs-40",bold:"bold"},"Titulo de teste fora de temas"))),h("bds-grid",{xxs:"6",padding:"r-1"},h("bds-theme-provider",{theme:"light"},h("bds-paper",{elevation:"none",border:true},h("bds-grid",{padding:"2"})))),h("bds-grid",{xxs:"6",padding:"l-1"},h("bds-theme-provider",{theme:"dark"},h("bds-paper",{elevation:"none",border:true},h("bds-grid",{padding:"2"})))))};return t}();TestComponent.style=testComponentCss;var themeProviderCss=":host(.theme--light){width:100%;height:100%;--color-brand:#0096fa;--color-primary:#1e6bf1;--color-secondary:#292929;--color-surface-0:#ffffff;--color-surface-1:#f6f6f6;--color-surface-2:#e0e0e0;--color-surface-3:#cfcfcf;--color-surface-4:#141414;--color-surface-positive:#d3f4e5;--color-surface-negative:#ffd6d6;--color-surface-primary:#1e6bf1;--color-content-default:#454545;--color-content-disable:#636363;--color-content-ghost:#8c8c8c;--color-content-bright:#ffffff;--color-content-din:#000000;--color-border-1:#c9c9c9;--color-border-2:#e0e0e0;--color-border-3:#ededed;--color-positive:#007a42;--color-negative:#a80b0b;--color-info:#80e3eb;--color-system:#b2dffd;--color-focus:#c226fb;--color-success:#84ebbc;--color-warning:#fde99b;--color-error:#f99f9f;--color-delete:#e60f0f;--color-extended-blue:#1968f0;--color-extended-blue-bright:#b2dffd;--color-extended-ocean:#00d3e4;--color-extended-ocean-bright:#80e3eb;--color-extended-green:#35de90;--color-extended-green-bright:#84ebbc;--color-extended-yellow:#fbcf23;--color-extended-yellow-bright:#fde99b;--color-extended-orange:#f06305;--color-extended-orange-bright:#fcaa73;--color-extended-red:#e60f0f;--color-extended-red-bright:#f99f9f;--color-extended-pink:#fb4bc1;--color-extended-pink-bright:#fd9bdc;--color-extended-gray:#666666;--color-extended-gray-bright:#c7c7c7;--color-hover:rgba(0, 0, 0, 0.08);--color-pressed:rgba(0, 0, 0, 0.16);--color-shadow-0:rgba(0, 0, 0, 0.04);--color-shadow-1:rgba(0, 0, 0, 0.16)}:host(.theme--dark){width:100%;height:100%;--color-brand:#0096fa;--color-primary:#498bff;--color-secondary:#ffffff;--color-surface-0:#424242;--color-surface-1:#393939;--color-surface-2:#1f1f1f;--color-surface-3:#141414;--color-surface-4:#0a0a0a;--color-surface-positive:#01562f;--color-surface-negative:#570000;--color-surface-primary:#0c50c5;--color-content-default:#ffffff;--color-content-disable:#949494;--color-content-ghost:#666666;--color-content-bright:#ffffff;--color-content-din:#000000;--color-border-1:#707070;--color-border-2:#4f4f4f;--color-border-3:#454545;--color-positive:#6bffbc;--color-negative:#ffb8b8;--color-info:#004f56;--color-system:#003c64;--color-focus:#c226fb;--color-success:#355e4b;--color-warning:#60593b;--color-error:#7b3d3d;--color-delete:#b60c0c;--color-extended-blue:#1968f0;--color-extended-blue-bright:#b2dffd;--color-extended-ocean:#00d3e4;--color-extended-ocean-bright:#80e3eb;--color-extended-green:#35de90;--color-extended-green-bright:#84ebbc;--color-extended-yellow:#fbcf23;--color-extended-yellow-bright:#fde99b;--color-extended-orange:#f06305;--color-extended-orange-bright:#fcaa73;--color-extended-red:#e60f0f;--color-extended-red-bright:#f99f9f;--color-extended-pink:#fb4bc1;--color-extended-pink-bright:#fd9bdc;--color-extended-gray:#666666;--color-extended-gray-bright:#c7c7c7;--color-hover:rgba(255, 255, 255, 0.16);--color-pressed:rgba(255, 255, 255, 0.08);--color-shadow-0:var(--color-shadow-0, rgba(0, 0, 0, 0.04));--color-shadow-1:var(--color-shadow-1, rgba(0, 0, 0, 0.16))}:host(.theme--high-contrast){width:100%;height:100%;--color-brand:#0096fa;--color-primary:#1e6bf1;--color-secondary:#292929;--color-surface-1:#ffffff;--color-surface-2:#f5f5f5;--color-surface-3:#e0e0e0;--color-surface-4:#141414;--color-content-default:#292929;--color-content-disable:#666666;--color-content-ghost:#949494;--color-content-bright:#ffffff;--color-content-din:#000000;--color-border-1:#616161;--color-info:#80e3eb;--color-system:#99d5fd;--color-focus:#c226fb;--color-success:#84ebbc;--color-warning:#fde99b;--color-error:#f99f9f;--color-delete:#e60f0f;--color-extended-blue:#1968f0;--color-extended-ocean:#00d3e4;--color-extended-green:#35de90;--color-extended-yellow:#fbcf23;--color-extended-orange:#f06305;--color-extended-red:#e60f0f;--color-extended-pink:#fb4bc1;--color-extended-gray:#666666;--color-hover:rgba(0, 0, 0, 0.08);--color-pressed:rgba(0, 0, 0, 0.16);--color-shadow-1:rgba(0, 0, 0, 0.16);--color-positive:#10603b;--color-negative:#e60f0f}";var ThemeProvider=function(){function t(t){registerInstance(this,t);this.theme="light"}t.prototype.render=function(){var t;return h(Host,{class:(t={theme:true},t["theme--".concat(this.theme)]=true,t)},h("slot",null))};return t}();ThemeProvider.style=themeProviderCss;var typoCss=':host{color:var(--color-content-default, #454545)}.typo{margin:0;font-family:"Nunito Sans", "Carbona", "Tahoma", "Helvetica", "Arial", sans-serif;font-style:normal;font-weight:normal;margin:0;-webkit-margin-before:0;margin-block-start:0;-webkit-margin-after:0;margin-block-end:0;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:0;margin-inline-end:0;padding:0;border:0}.typo--italic{font-style:italic}.typo--no-wrap{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.typo--paragraph{margin-bottom:16px}.typo__variant--fs-10{font-size:0.625rem;line-height:150%}.typo__variant--fs-12{font-size:0.75rem;line-height:150%}.typo__variant--fs-14{font-size:0.875rem;line-height:150%}.typo__variant--fs-16{font-size:1rem;line-height:150%}.typo__variant--fs-20{font-size:1.25rem;line-height:100%}.typo__variant--fs-24{font-size:1.5rem;line-height:100%}.typo__variant--fs-32{font-size:2rem;line-height:100%}.typo__variant--fs-40{font-size:2.5rem;line-height:100%}.typo__margin--fs-20{margin-bottom:22px}.typo__margin--fs-24{margin-bottom:22px}.typo__margin--fs-32{margin-bottom:22px}.typo__margin--fs-40{margin-bottom:20px}.typo__line-height--none{line-height:0%}.typo__line-height--small{line-height:5%}.typo__line-height--simple{line-height:100%}.typo__line-height--plus{line-height:150%}.typo__line-height--double{line-height:200%}.typo__bold--regular{font-weight:400}.typo__bold--semi-bold{font-weight:600}.typo__bold--bold{font-weight:700}.typo__bold--extra-bold{font-weight:800}';var Typo=function(){function t(t){registerInstance(this,t);this.variant="fs-16";this.lineHeight=null;this.bold=null;this.italic=false;this.noWrap=false;this.paragraph=false;this.margin=true;this.tag="p";this.dataTest=null}t.prototype.render=function(){var t;var o=this.tag;return h(o,{class:(t={typo:true},t["typo__variant--".concat(this.variant)]=true,t["typo__margin--".concat(this.variant)]=this.margin,t["typo--no-wrap"]=this.noWrap,t["typo--paragraph"]=this.paragraph,t["typo--italic"]=this.italic,t["typo__line-height--".concat(this.lineHeight)]=!!this.lineHeight,t["typo__bold--".concat(this.bold)]=!!this.bold,t),part:"bds-typo__text","data-test":this.dataTest},h("slot",null))};return t}();Typo.style=typoCss;export{Grid as bds_grid,Paper as bds_paper,TestComponent as bds_test_component,ThemeProvider as bds_theme_provider,Typo as bds_typo};
1
+ import{r as registerInstance,h,H as Host}from"./index-611fd21e.js";var gridCss=":host{display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box}:host(.container){width:100%}:host(.xxsoffset--auto){margin-left:auto !important}:host(.xxsoffset--1){margin-left:8.33% !important}:host(.xxsoffset--2){margin-left:16.66% !important}:host(.xxsoffset--3){margin-left:24.99% !important}:host(.xxsoffset--4){margin-left:33.32% !important}:host(.xxsoffset--5){margin-left:41.65% !important}:host(.xxsoffset--6){margin-left:50% !important}:host(.xxsoffset--7){margin-left:58.33% !important}:host(.xxsoffset--8){margin-left:66.66% !important}:host(.xxsoffset--9){margin-left:74.99% !important}:host(.xxsoffset--10){margin-left:83.32% !important}:host(.xxsoffset--11){margin-left:91.65% !important}:host(.xxsoffset--12){margin-left:100% !important}@media (max-width: 599px){:host(.container){width:100%}:host(.xxsoffset--auto){margin-left:auto !important}:host(.xxsoffset--1){margin-left:8.33% !important}:host(.xxsoffset--2){margin-left:16.66% !important}:host(.xxsoffset--3){margin-left:24.99% !important}:host(.xxsoffset--4){margin-left:33.32% !important}:host(.xxsoffset--5){margin-left:41.65% !important}:host(.xxsoffset--6){margin-left:50% !important}:host(.xxsoffset--7){margin-left:58.33% !important}:host(.xxsoffset--8){margin-left:66.66% !important}:host(.xxsoffset--9){margin-left:74.99% !important}:host(.xxsoffset--10){margin-left:83.32% !important}:host(.xxsoffset--11){margin-left:91.65% !important}:host(.xxsoffset--12){margin-left:100% !important}}@media (min-width: 600px){:host(.container){width:100%}:host(.xxsoffset--auto){margin-left:auto !important}:host(.xsoffset--1){margin-left:8.33% !important}:host(.xsoffset--2){margin-left:16.66% !important}:host(.xsoffset--3){margin-left:24.99% !important}:host(.xsoffset--4){margin-left:33.32% !important}:host(.xsoffset--5){margin-left:41.65% !important}:host(.xsoffset--6){margin-left:50% !important}:host(.xsoffset--7){margin-left:58.33% !important}:host(.xsoffset--8){margin-left:66.66% !important}:host(.xsoffset--9){margin-left:74.99% !important}:host(.xsoffset--10){margin-left:83.32% !important}:host(.xsoffset--11){margin-left:91.65% !important}:host(.xsoffset--12){margin-left:100% !important}}@media (min-width: 905px){:host(.container){max-width:848px;margin-left:auto !important;margin-right:auto !important}:host(.smoffset--auto){margin-left:auto !important}:host(.smoffset--1){margin-left:8.33% !important}:host(.smoffset--2){margin-left:16.66% !important}:host(.smoffset--3){margin-left:24.99% !important}:host(.smoffset--4){margin-left:33.32% !important}:host(.smoffset--5){margin-left:41.65% !important}:host(.smoffset--6){margin-left:50% !important}:host(.smoffset--7){margin-left:58.33% !important}:host(.smoffset--8){margin-left:66.66% !important}:host(.smoffset--9){margin-left:74.99% !important}:host(.smoffset--10){margin-left:83.32% !important}:host(.smoffset--11){margin-left:91.65% !important}:host(.smoffset--12){margin-left:100% !important}}@media (min-width: 993px){:host(.container){max-width:944px;margin-left:auto !important;margin-right:auto !important}:host(.mdoffset--auto){margin-left:auto !important}:host(.mdoffset--1){margin-left:8.33% !important}:host(.mdoffset--2){margin-left:16.66% !important}:host(.mdoffset--3){margin-left:24.99% !important}:host(.mdoffset--4){margin-left:33.32% !important}:host(.mdoffset--5){margin-left:41.65% !important}:host(.mdoffset--6){margin-left:50% !important}:host(.mdoffset--7){margin-left:58.33% !important}:host(.mdoffset--8){margin-left:66.66% !important}:host(.mdoffset--9){margin-left:74.99% !important}:host(.mdoffset--10){margin-left:83.32% !important}:host(.mdoffset--11){margin-left:91.65% !important}:host(.mdoffset--12){margin-left:100% !important}}@media (min-width: 1601px){:host(.container){max-width:1328px;margin-left:auto !important;margin-right:auto !important}:host(.lgoffset--auto){margin-left:auto !important}:host(.lgoffset--1){margin-left:8.33% !important}:host(.lgoffset--2){margin-left:16.66% !important}:host(.lgoffset--3){margin-left:24.99% !important}:host(.lgoffset--4){margin-left:33.32% !important}:host(.lgoffset--5){margin-left:41.65% !important}:host(.lgoffset--6){margin-left:50% !important}:host(.lgoffset--7){margin-left:58.33% !important}:host(.lgoffset--8){margin-left:66.66% !important}:host(.lgoffset--9){margin-left:74.99% !important}:host(.lgoffset--10){margin-left:83.32% !important}:host(.lgoffset--11){margin-left:91.65% !important}:host(.lgoffset--12){margin-left:100% !important}}@media (min-width: 1921px){:host(.container){max-width:1424px;margin-left:auto !important;margin-right:auto !important}:host(.xgoffset--auto){margin-left:auto !important}:host(.xgoffset--1){margin-left:8.33% !important}:host(.xgoffset--2){margin-left:16.66% !important}:host(.xgoffset--3){margin-left:24.99% !important}:host(.xgoffset--4){margin-left:33.32% !important}:host(.xgoffset--5){margin-left:41.65% !important}:host(.xgoffset--6){margin-left:50% !important}:host(.xgoffset--7){margin-left:58.33% !important}:host(.xgoffset--8){margin-left:66.66% !important}:host(.xgoffset--9){margin-left:74.99% !important}:host(.xgoffset--10){margin-left:83.32% !important}:host(.xgoffset--11){margin-left:91.65% !important}:host(.xgoffset--12){margin-left:100% !important}}@media (min-width: 600px){:host(.container-fluid){max-width:100%;margin-left:auto !important;margin-right:auto !important}}@media (min-width: 905px){:host(.container-fluid){max-width:848px;margin-left:auto !important;margin-right:auto !important}}@media (min-width: 993px){:host(.container-fluid){max-width:944px;margin-left:auto !important;margin-right:auto !important}}@media (min-width: 1280px){:host(.container-fluid){max-width:1232px;margin-left:auto !important;margin-right:auto !important}}@media (min-width: 1440px){:host(.container-fluid){max-width:1328px;margin-left:auto !important;margin-right:auto !important}}@media (min-width: 1920px){:host(.container-fluid){max-width:1424px;margin-left:auto !important;margin-right:auto !important}}:host(.flex_wrap--wrap){-ms-flex-wrap:wrap;flex-wrap:wrap}:host(.flex_wrap--wrap-reverse){-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}:host(.direction--row){-ms-flex-direction:row;flex-direction:row}:host(.direction--column){-ms-flex-direction:column;flex-direction:column}:host(.direction--row-reverse){-ms-flex-direction:row-reverse;flex-direction:row-reverse}:host(.direction--column-reverse){-ms-flex-direction:column-reverse;flex-direction:column-reverse}:host(.justify_content--center){-ms-flex-pack:center;justify-content:center}:host(.justify_content--flex-start){-ms-flex-pack:start;justify-content:flex-start}:host(.justify_content--flex-end){-ms-flex-pack:end;justify-content:flex-end}:host(.justify_content--space-between){-ms-flex-pack:justify;justify-content:space-between}:host(.justify_content--space-around){-ms-flex-pack:distribute;justify-content:space-around}:host(.justify_content--space-evenly){-ms-flex-pack:space-evenly;justify-content:space-evenly}:host(.justify_content--stretch){-ms-flex-pack:stretch;justify-content:stretch}:host(.align_items--flex-start){-ms-flex-align:start;align-items:flex-start}:host(.align_items--flex-end){-ms-flex-align:end;align-items:flex-end}:host(.align_items--center){-ms-flex-align:center;align-items:center}:host(.align_items--stretch){-ms-flex-align:stretch;align-items:stretch}:host(.align_items--baseline){-ms-flex-align:baseline;align-items:baseline}:host(.gap--none){gap:0}:host(.gap--half){gap:4px}:host(.gap--1){gap:8px}:host(.gap--2){gap:16px}:host(.gap--3){gap:24px}:host(.gap--4){gap:32px}:host(.gap--5){gap:40px}:host(.gap--6){gap:48px}:host(.gap--7){gap:56px}:host(.gap--8){gap:64px}:host(.gap--9){gap:72px}:host(.gap--10){gap:80px}:host(.gap--11){gap:88px}:host(.gap--12){gap:96px}:host(.xxs--auto){-ms-flex:1 0 auto;flex:1 0 auto;width:auto;padding-left:8px !important;padding-right:8px !important}:host(.xxs--1){-ms-flex:0 0 auto;flex:0 0 auto;width:8.33%;padding-left:8px !important;padding-right:8px !important}:host(.xxs--2){-ms-flex:0 0 auto;flex:0 0 auto;width:16.66%;padding-left:8px !important;padding-right:8px !important}:host(.xxs--3){-ms-flex:0 0 auto;flex:0 0 auto;width:24.99%;padding-left:8px !important;padding-right:8px !important}:host(.xxs--4){-ms-flex:0 0 auto;flex:0 0 auto;width:33.32%;padding-left:8px !important;padding-right:8px !important}:host(.xxs--5){-ms-flex:0 0 auto;flex:0 0 auto;width:41.65%;padding-left:8px !important;padding-right:8px !important}:host(.xxs--6){-ms-flex:0 0 auto;flex:0 0 auto;width:50%;padding-left:8px !important;padding-right:8px !important}:host(.xxs--7){-ms-flex:0 0 auto;flex:0 0 auto;width:58.33%;padding-left:8px !important;padding-right:8px !important}:host(.xxs--8){-ms-flex:0 0 auto;flex:0 0 auto;width:66.66%;padding-left:8px !important;padding-right:8px !important}:host(.xxs--9){-ms-flex:0 0 auto;flex:0 0 auto;width:74.99%;padding-left:8px !important;padding-right:8px !important}:host(.xxs--10){-ms-flex:0 0 auto;flex:0 0 auto;width:83.32%;padding-left:8px !important;padding-right:8px !important}:host(.xxs--11){-ms-flex:0 0 auto;flex:0 0 auto;width:91.65%;padding-left:8px !important;padding-right:8px !important}:host(.xxs--12){-ms-flex:0 0 auto;flex:0 0 auto;width:100%;padding-left:8px !important;padding-right:8px !important}@media (min-width: 600px){:host(.xs--auto){-ms-flex:1 0 auto;flex:1 0 auto;width:auto;padding-left:8px !important;padding-right:8px !important}:host(.xs--1){-ms-flex:0 0 auto;flex:0 0 auto;width:8.33%;padding-left:8px !important;padding-right:8px !important}:host(.xs--2){-ms-flex:0 0 auto;flex:0 0 auto;width:16.66%;padding-left:8px !important;padding-right:8px !important}:host(.xs--3){-ms-flex:0 0 auto;flex:0 0 auto;width:24.99%;padding-left:8px !important;padding-right:8px !important}:host(.xs--4){-ms-flex:0 0 auto;flex:0 0 auto;width:33.32%;padding-left:8px !important;padding-right:8px !important}:host(.xs--5){-ms-flex:0 0 auto;flex:0 0 auto;width:41.65%;padding-left:8px !important;padding-right:8px !important}:host(.xs--6){-ms-flex:0 0 auto;flex:0 0 auto;width:50%;padding-left:8px !important;padding-right:8px !important}:host(.xs--7){-ms-flex:0 0 auto;flex:0 0 auto;width:58.33%;padding-left:8px !important;padding-right:8px !important}:host(.xs--8){-ms-flex:0 0 auto;flex:0 0 auto;width:66.66%;padding-left:8px !important;padding-right:8px !important}:host(.xs--9){-ms-flex:0 0 auto;flex:0 0 auto;width:74.99%;padding-left:8px !important;padding-right:8px !important}:host(.xs--10){-ms-flex:0 0 auto;flex:0 0 auto;width:83.32%;padding-left:8px !important;padding-right:8px !important}:host(.xs--11){-ms-flex:0 0 auto;flex:0 0 auto;width:91.65%;padding-left:8px !important;padding-right:8px !important}:host(.xs--12){-ms-flex:0 0 auto;flex:0 0 auto;width:100%;padding-left:8px !important;padding-right:8px !important}}@media (min-width: 905px){:host(.sm--auto){-ms-flex:1 0 auto;flex:1 0 auto;width:auto;padding-left:8px !important;padding-right:8px !important}:host(.sm--1){-ms-flex:0 0 auto;flex:0 0 auto;width:8.33%;padding-left:8px !important;padding-right:8px !important}:host(.sm--2){-ms-flex:0 0 auto;flex:0 0 auto;width:16.66%;padding-left:8px !important;padding-right:8px !important}:host(.sm--3){-ms-flex:0 0 auto;flex:0 0 auto;width:24.99%;padding-left:8px !important;padding-right:8px !important}:host(.sm--4){-ms-flex:0 0 auto;flex:0 0 auto;width:33.32%;padding-left:8px !important;padding-right:8px !important}:host(.sm--5){-ms-flex:0 0 auto;flex:0 0 auto;width:41.65%;padding-left:8px !important;padding-right:8px !important}:host(.sm--6){-ms-flex:0 0 auto;flex:0 0 auto;width:50%;padding-left:8px !important;padding-right:8px !important}:host(.sm--7){-ms-flex:0 0 auto;flex:0 0 auto;width:58.33%;padding-left:8px !important;padding-right:8px !important}:host(.sm--8){-ms-flex:0 0 auto;flex:0 0 auto;width:66.66%;padding-left:8px !important;padding-right:8px !important}:host(.sm--9){-ms-flex:0 0 auto;flex:0 0 auto;width:74.99%;padding-left:8px !important;padding-right:8px !important}:host(.sm--10){-ms-flex:0 0 auto;flex:0 0 auto;width:83.32%;padding-left:8px !important;padding-right:8px !important}:host(.sm--11){-ms-flex:0 0 auto;flex:0 0 auto;width:91.65%;padding-left:8px !important;padding-right:8px !important}:host(.sm--12){-ms-flex:0 0 auto;flex:0 0 auto;width:100%;padding-left:8px !important;padding-right:8px !important}}@media (min-width: 993px){:host(.md--auto){-ms-flex:1 0 auto;flex:1 0 auto;width:auto;padding-left:8px !important;padding-right:8px !important}:host(.md--1){-ms-flex:0 0 auto;flex:0 0 auto;width:8.33%;padding-left:8px !important;padding-right:8px !important}:host(.md--2){-ms-flex:0 0 auto;flex:0 0 auto;width:16.66%;padding-left:8px !important;padding-right:8px !important}:host(.md--3){-ms-flex:0 0 auto;flex:0 0 auto;width:24.99%;padding-left:8px !important;padding-right:8px !important}:host(.md--4){-ms-flex:0 0 auto;flex:0 0 auto;width:33.32%;padding-left:8px !important;padding-right:8px !important}:host(.md--5){-ms-flex:0 0 auto;flex:0 0 auto;width:41.65%;padding-left:8px !important;padding-right:8px !important}:host(.md--6){-ms-flex:0 0 auto;flex:0 0 auto;width:50%;padding-left:8px !important;padding-right:8px !important}:host(.md--7){-ms-flex:0 0 auto;flex:0 0 auto;width:58.33%;padding-left:8px !important;padding-right:8px !important}:host(.md--8){-ms-flex:0 0 auto;flex:0 0 auto;width:66.66%;padding-left:8px !important;padding-right:8px !important}:host(.md--9){-ms-flex:0 0 auto;flex:0 0 auto;width:74.99%;padding-left:8px !important;padding-right:8px !important}:host(.md--10){-ms-flex:0 0 auto;flex:0 0 auto;width:83.32%;padding-left:8px !important;padding-right:8px !important}:host(.md--11){-ms-flex:0 0 auto;flex:0 0 auto;width:91.65%;padding-left:8px !important;padding-right:8px !important}:host(.md--12){-ms-flex:0 0 auto;flex:0 0 auto;width:100%;padding-left:8px !important;padding-right:8px !important}}@media (min-width: 1601px){:host(.lg--auto){-ms-flex:1 0 auto;flex:1 0 auto;width:auto;padding-left:8px !important;padding-right:8px !important}:host(.lg--1){-ms-flex:0 0 auto;flex:0 0 auto;width:8.33%;padding-left:8px !important;padding-right:8px !important}:host(.lg--2){-ms-flex:0 0 auto;flex:0 0 auto;width:16.66%;padding-left:8px !important;padding-right:8px !important}:host(.lg--3){-ms-flex:0 0 auto;flex:0 0 auto;width:24.99%;padding-left:8px !important;padding-right:8px !important}:host(.lg--4){-ms-flex:0 0 auto;flex:0 0 auto;width:33.32%;padding-left:8px !important;padding-right:8px !important}:host(.lg--5){-ms-flex:0 0 auto;flex:0 0 auto;width:41.65%;padding-left:8px !important;padding-right:8px !important}:host(.lg--6){-ms-flex:0 0 auto;flex:0 0 auto;width:50%;padding-left:8px !important;padding-right:8px !important}:host(.lg--7){-ms-flex:0 0 auto;flex:0 0 auto;width:58.33%;padding-left:8px !important;padding-right:8px !important}:host(.lg--8){-ms-flex:0 0 auto;flex:0 0 auto;width:66.66%;padding-left:8px !important;padding-right:8px !important}:host(.lg--9){-ms-flex:0 0 auto;flex:0 0 auto;width:74.99%;padding-left:8px !important;padding-right:8px !important}:host(.lg--10){-ms-flex:0 0 auto;flex:0 0 auto;width:83.32%;padding-left:8px !important;padding-right:8px !important}:host(.lg--11){-ms-flex:0 0 auto;flex:0 0 auto;width:91.65%;padding-left:8px !important;padding-right:8px !important}:host(.lg--12){-ms-flex:0 0 auto;flex:0 0 auto;width:100%;padding-left:8px !important;padding-right:8px !important}}@media (min-width: 1921px){:host(.xg--auto){-ms-flex:1 0 auto;flex:1 0 auto;width:auto;padding-left:8px !important;padding-right:8px !important}:host(.xg--1){-ms-flex:0 0 auto;flex:0 0 auto;width:8.33%;padding-left:8px !important;padding-right:8px !important}:host(.xg--2){-ms-flex:0 0 auto;flex:0 0 auto;width:16.66%;padding-left:8px !important;padding-right:8px !important}:host(.xg--3){-ms-flex:0 0 auto;flex:0 0 auto;width:24.99%;padding-left:8px !important;padding-right:8px !important}:host(.xg--4){-ms-flex:0 0 auto;flex:0 0 auto;width:33.32%;padding-left:8px !important;padding-right:8px !important}:host(.xg--5){-ms-flex:0 0 auto;flex:0 0 auto;width:41.65%;padding-left:8px !important;padding-right:8px !important}:host(.xg--6){-ms-flex:0 0 auto;flex:0 0 auto;width:50%;padding-left:8px !important;padding-right:8px !important}:host(.xg--7){-ms-flex:0 0 auto;flex:0 0 auto;width:58.33%;padding-left:8px !important;padding-right:8px !important}:host(.xg--8){-ms-flex:0 0 auto;flex:0 0 auto;width:66.66%;padding-left:8px !important;padding-right:8px !important}:host(.xg--9){-ms-flex:0 0 auto;flex:0 0 auto;width:74.99%;padding-left:8px !important;padding-right:8px !important}:host(.xg--10){-ms-flex:0 0 auto;flex:0 0 auto;width:83.32%;padding-left:8px !important;padding-right:8px !important}:host(.xg--11){-ms-flex:0 0 auto;flex:0 0 auto;width:91.65%;padding-left:8px !important;padding-right:8px !important}:host(.xg--12){-ms-flex:0 0 auto;flex:0 0 auto;width:100%;padding-left:8px !important;padding-right:8px !important}}@media (min-width: 1280px){:host(.lg--auto .container-fluid){-ms-flex:1 0 auto;flex:1 0 auto;width:auto}:host(.lg--1.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:8.33%}:host(.lg--2.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:16.66%}:host(.lg--3.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:24.99%}:host(.lg--4.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:33.32%}:host(.lg--5.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:41.65%}:host(.lg--6.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:50%}:host(.lg--7.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:58.33%}:host(.lg--8.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:66.66%}:host(.lg--9.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:74.99%}:host(.lg--10.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:83.32%}:host(.lg--11.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:91.65%}:host(.lg--12.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:100%}}@media (min-width: 1440px){:host(.xg--auto .container-fluid){-ms-flex:1 0 auto;flex:1 0 auto;width:auto}:host(.xg--1.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:8.33%}:host(.xg--2.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:16.66%}:host(.xg--3.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:24.99%}:host(.xg--4.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:33.32%}:host(.xg--5.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:41.65%}:host(.xg--6.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:50%}:host(.xg--7.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:58.33%}:host(.xg--8.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:66.66%}:host(.xg--9.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:74.99%}:host(.xg--10.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:83.32%}:host(.xg--11.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:91.65%}:host(.xg--12.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:100%}}@media (min-width: 1920px){:host(.xxg--auto .container-fluid){-ms-flex:1 0 auto;flex:1 0 auto;width:auto}:host(.xxg--1.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:8.33%}:host(.xxg--2.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:16.66%}:host(.xxg--3.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:24.99%}:host(.xxg--4.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:33.32%}:host(.xxg--5.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:41.65%}:host(.xxg--6.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:50%}:host(.xxg--7.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:58.33%}:host(.xxg--8.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:66.66%}:host(.xxg--9.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:74.99%}:host(.xxg--10.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:83.32%}:host(.xxg--11.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:91.65%}:host(.xxg--12.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:100%}}:host(.padding--none){padding:0 !important}:host(.padding--l-none){padding-left:0 !important}:host(.padding--r-none){padding-right:0 !important}:host(.padding--t-none){padding-top:0 !important}:host(.padding--b-none){padding-bottom:0 !important}:host(.padding--x-none){padding-left:0 !important;padding-right:0 !important}:host(.padding--y-none){padding-top:0 !important;padding-bottom:0 !important}:host(.padding--half){padding:4px !important}:host(.padding--l-half){padding-left:4px !important}:host(.padding--r-half){padding-right:4px !important}:host(.padding--t-half){padding-top:4px !important}:host(.padding--b-half){padding-bottom:4px !important}:host(.padding--x-half){padding-left:4px !important;padding-right:4px !important}:host(.padding--y-half){padding-top:4px !important;padding-bottom:4px !important}:host(.padding--1){padding:8px !important}:host(.padding--l-1){padding-left:8px !important}:host(.padding--r-1){padding-right:8px !important}:host(.padding--t-1){padding-top:8px !important}:host(.padding--b-1){padding-bottom:8px !important}:host(.padding--x-1){padding-left:8px !important;padding-right:8px !important}:host(.padding--y-1){padding-top:8px !important;padding-bottom:8px !important}:host(.padding--2){padding:16px !important}:host(.padding--l-2){padding-left:16px !important}:host(.padding--r-2){padding-right:16px !important}:host(.padding--t-2){padding-top:16px !important}:host(.padding--b-2){padding-bottom:16px !important}:host(.padding--x-2){padding-left:16px !important;padding-right:16px !important}:host(.padding--y-2){padding-top:16px !important;padding-bottom:16px !important}:host(.padding--3){padding:24px !important}:host(.padding--l-3){padding-left:24px !important}:host(.padding--r-3){padding-right:24px !important}:host(.padding--t-3){padding-top:24px !important}:host(.padding--b-3){padding-bottom:24px !important}:host(.padding--x-3){padding-left:24px !important;padding-right:24px !important}:host(.padding--y-3){padding-top:24px !important;padding-bottom:24px !important}:host(.padding--4){padding:32px !important}:host(.padding--l-4){padding-left:32px !important}:host(.padding--r-4){padding-right:32px !important}:host(.padding--t-4){padding-top:32px !important}:host(.padding--b-4){padding-bottom:32px !important}:host(.padding--x-4){padding-left:32px !important;padding-right:32px !important}:host(.padding--y-4){padding-top:32px !important;padding-bottom:32px !important}:host(.padding--5){padding:40px !important}:host(.padding--l-5){padding-left:40px !important}:host(.padding--r-5){padding-right:40px !important}:host(.padding--t-5){padding-top:40px !important}:host(.padding--b-5){padding-bottom:40px !important}:host(.padding--x-5){padding-left:40px !important;padding-right:40px !important}:host(.padding--y-5){padding-top:40px !important;padding-bottom:40px !important}:host(.padding--6){padding:48px !important}:host(.padding--l-6){padding-left:48px !important}:host(.padding--r-6){padding-right:48px !important}:host(.padding--t-6){padding-top:48px !important}:host(.padding--b-6){padding-bottom:48px !important}:host(.padding--x-6){padding-left:48px !important;padding-right:48px !important}:host(.padding--y-6){padding-top:48px !important;padding-bottom:48px !important}:host(.padding--7){padding:56px !important}:host(.padding--l-7){padding-left:56px !important}:host(.padding--r-7){padding-right:56px !important}:host(.padding--t-7){padding-top:56px !important}:host(.padding--b-7){padding-bottom:56px !important}:host(.padding--x-7){padding-left:56px !important;padding-right:56px !important}:host(.padding--y-7){padding-top:56px !important;padding-bottom:56px !important}:host(.padding--8){padding:64px !important}:host(.padding--l-8){padding-left:64px !important}:host(.padding--r-8){padding-right:64px !important}:host(.padding--t-8){padding-top:64px !important}:host(.padding--b-8){padding-bottom:64px !important}:host(.padding--x-8){padding-left:64px !important;padding-right:64px !important}:host(.padding--y-8){padding-top:64px !important;padding-bottom:64px !important}:host(.padding--9){padding:72px !important}:host(.padding--l-9){padding-left:72px !important}:host(.padding--r-9){padding-right:72px !important}:host(.padding--t-9){padding-top:72px !important}:host(.padding--b-9){padding-bottom:72px !important}:host(.padding--x-9){padding-left:72px !important;padding-right:72px !important}:host(.padding--y-9){padding-top:72px !important;padding-bottom:72px !important}:host(.padding--10){padding:80px !important}:host(.padding--l-10){padding-left:80px !important}:host(.padding--r-10){padding-right:80px !important}:host(.padding--t-10){padding-top:80px !important}:host(.padding--b-10){padding-bottom:80px !important}:host(.padding--x-10){padding-left:80px !important;padding-right:80px !important}:host(.padding--y-10){padding-top:80px !important;padding-bottom:80px !important}:host(.padding--11){padding:88px !important}:host(.padding--l-11){padding-left:88px !important}:host(.padding--r-11){padding-right:88px !important}:host(.padding--t-11){padding-top:88px !important}:host(.padding--b-11){padding-bottom:88px !important}:host(.padding--x-11){padding-left:88px !important;padding-right:88px !important}:host(.padding--y-11){padding-top:88px !important;padding-bottom:88px !important}:host(.padding--12){padding:96px !important}:host(.padding--l-12){padding-left:96px !important}:host(.padding--r-12){padding-right:96px !important}:host(.padding--t-12){padding-top:96px !important}:host(.padding--b-12){padding-bottom:96px !important}:host(.padding--x-12){padding-left:96px !important;padding-right:96px !important}:host(.padding--y-12){padding-top:96px !important;padding-bottom:96px !important}:host(.margin--auto){margin:auto !important}:host(.margin--l-auto){margin-left:auto !important}:host(.margin--r-auto){margin-right:auto !important}:host(.margin--t-auto){margin-top:auto !important}:host(.margin--b-auto){margin-bottom:auto !important}:host(.margin--x-auto){margin-left:auto !important;margin-right:auto !important}:host(.margin--y-auto){margin-top:auto !important;margin-bottom:auto !important}:host(.margin--none){margin:0 !important}:host(.margin--l-none){margin-left:0 !important}:host(.margin--r-none){margin-right:0 !important}:host(.margin--t-none){margin-top:0 !important}:host(.margin--b-none){margin-bottom:0 !important}:host(.margin--x-none){margin-left:0 !important;margin-right:0 !important}:host(.margin--y-none){margin-top:0 !important;margin-bottom:0 !important}:host(.margin--half){margin:4px !important}:host(.margin--l-half){margin-left:4px !important}:host(.margin--r-half){margin-right:4px !important}:host(.margin--t-half){margin-top:4px !important}:host(.margin--b-half){margin-bottom:4px !important}:host(.margin--x-half){margin-left:4px !important;margin-right:4px !important}:host(.margin--y-half){margin-top:4px !important;margin-bottom:4px !important}:host(.margin--1){margin:8px !important}:host(.margin--l-1){margin-left:8px !important}:host(.margin--r-1){margin-right:8px !important}:host(.margin--t-1){margin-top:8px !important}:host(.margin--b-1){margin-bottom:8px !important}:host(.margin--x-1){margin-left:8px !important;margin-right:8px !important}:host(.margin--y-1){margin-top:8px !important;margin-bottom:8px !important}:host(.margin--2){margin:16px !important}:host(.margin--l-2){margin-left:16px !important}:host(.margin--r-2){margin-right:16px !important}:host(.margin--t-2){margin-top:16px !important}:host(.margin--b-2){margin-bottom:16px !important}:host(.margin--x-2){margin-left:16px !important;margin-right:16px !important}:host(.margin--y-2){margin-top:16px !important;margin-bottom:16px !important}:host(.margin--3){margin:24px !important}:host(.margin--l-3){margin-left:24px !important}:host(.margin--r-3){margin-right:24px !important}:host(.margin--t-3){margin-top:24px !important}:host(.margin--b-3){margin-bottom:24px !important}:host(.margin--x-3){margin-left:24px !important;margin-right:24px !important}:host(.margin--y-3){margin-top:24px !important;margin-bottom:24px !important}:host(.margin--4){margin:32px !important}:host(.margin--l-4){margin-left:32px !important}:host(.margin--r-4){margin-right:32px !important}:host(.margin--t-4){margin-top:32px !important}:host(.margin--b-4){margin-bottom:32px !important}:host(.margin--x-4){margin-left:32px !important;margin-right:32px !important}:host(.margin--y-4){margin-top:32px !important;margin-bottom:32px !important}:host(.margin--5){margin:40px !important}:host(.margin--l-5){margin-left:40px !important}:host(.margin--r-5){margin-right:40px !important}:host(.margin--t-5){margin-top:40px !important}:host(.margin--b-5){margin-bottom:40px !important}:host(.margin--x-5){margin-left:40px !important;margin-right:40px !important}:host(.margin--y-5){margin-top:40px !important;margin-bottom:40px !important}:host(.margin--6){margin:48px !important}:host(.margin--l-6){margin-left:48px !important}:host(.margin--r-6){margin-right:48px !important}:host(.margin--t-6){margin-top:48px !important}:host(.margin--b-6){margin-bottom:48px !important}:host(.margin--x-6){margin-left:48px !important;margin-right:48px !important}:host(.margin--y-6){margin-top:48px !important;margin-bottom:48px !important}:host(.margin--7){margin:56px !important}:host(.margin--l-7){margin-left:56px !important}:host(.margin--r-7){margin-right:56px !important}:host(.margin--t-7){margin-top:56px !important}:host(.margin--b-7){margin-bottom:56px !important}:host(.margin--x-7){margin-left:56px !important;margin-right:56px !important}:host(.margin--y-7){margin-top:56px !important;margin-bottom:56px !important}:host(.margin--8){margin:64px !important}:host(.margin--l-8){margin-left:64px !important}:host(.margin--r-8){margin-right:64px !important}:host(.margin--t-8){margin-top:64px !important}:host(.margin--b-8){margin-bottom:64px !important}:host(.margin--x-8){margin-left:64px !important;margin-right:64px !important}:host(.margin--y-8){margin-top:64px !important;margin-bottom:64px !important}:host(.margin--9){margin:72px !important}:host(.margin--l-9){margin-left:72px !important}:host(.margin--r-9){margin-right:72px !important}:host(.margin--t-9){margin-top:72px !important}:host(.margin--b-9){margin-bottom:72px !important}:host(.margin--x-9){margin-left:72px !important;margin-right:72px !important}:host(.margin--y-9){margin-top:72px !important;margin-bottom:72px !important}:host(.margin--10){margin:80px !important}:host(.margin--l-10){margin-left:80px !important}:host(.margin--r-10){margin-right:80px !important}:host(.margin--t-10){margin-top:80px !important}:host(.margin--b-10){margin-bottom:80px !important}:host(.margin--x-10){margin-left:80px !important;margin-right:80px !important}:host(.margin--y-10){margin-top:80px !important;margin-bottom:80px !important}:host(.margin--11){margin:88px !important}:host(.margin--l-11){margin-left:88px !important}:host(.margin--r-11){margin-right:88px !important}:host(.margin--t-11){margin-top:88px !important}:host(.margin--b-11){margin-bottom:88px !important}:host(.margin--x-11){margin-left:88px !important;margin-right:88px !important}:host(.margin--y-11){margin-top:88px !important;margin-bottom:88px !important}:host(.margin--12){margin:96px !important}:host(.margin--l-12){margin-left:96px !important}:host(.margin--r-12){margin-right:96px !important}:host(.margin--t-12){margin-top:96px !important}:host(.margin--b-12){margin-bottom:96px !important}:host(.margin--x-12){margin-left:96px !important;margin-right:96px !important}:host(.margin--y-12){margin-top:96px !important;margin-bottom:96px !important}";var Grid=function(){function t(t){registerInstance(this,t);this.height=undefined;this.direction=undefined;this.justifyContent=undefined;this.flexWrap=undefined;this.alignItems=undefined;this.container=undefined;this.containerFluid=undefined;this.xxs=undefined;this.xs=undefined;this.sm=undefined;this.md=undefined;this.lg=undefined;this.xg=undefined;this.xxsOffset=undefined;this.xsOffset=undefined;this.smOffset=undefined;this.mdOffset=undefined;this.lgOffset=undefined;this.xgOffset=undefined;this.gap=undefined;this.padding=undefined;this.margin=undefined}t.prototype.render=function(){var t;return h(Host,{class:(t={host:true},t["direction--".concat(this.direction)]=true,t["justify_content--".concat(this.justifyContent)]=true,t["".concat(this.container===true?"container":"")]=true,t["".concat(this.containerFluid===true?"container-fluid":"")]=true,t["flex_wrap--".concat(this.flexWrap)]=true,t["align_items--".concat(this.alignItems)]=true,t["xxs--".concat(this.xxs)]=true,t["xs--".concat(this.xs)]=true,t["sm--".concat(this.sm)]=true,t["md--".concat(this.md)]=true,t["lg--".concat(this.lg)]=true,t["xg--".concat(this.xg)]=true,t["gap--".concat(this.gap)]=true,t["xxsoffset--".concat(this.xxsOffset)]=true,t["xsoffset--".concat(this.xsOffset)]=true,t["smoffset--".concat(this.smOffset)]=true,t["mdoffset--".concat(this.mdOffset)]=true,t["lgoffset--".concat(this.lgOffset)]=true,t["xgoffset--".concat(this.xgOffset)]=true,t["padding--".concat(this.padding)]=true,t["margin--".concat(this.margin)]=true,t),style:{height:this.height}},h("slot",null))};return t}();Grid.style=gridCss;var paperCss='.bds-hover:hover{mix-blend-mode:multiply}.focus::before{content:"";position:absolute;inset:-4px;border:2px solid transparent;border-radius:4px}.focus:focus-visible{outline:none}.focus:focus-visible::before{border-color:#c226fb}.disabled{pointer-events:none}.bg-surface-1{background-color:var(--color-surface-1, #f6f6f6)}.bg-surface-2{background-color:var(--color-surface-2, #e0e0e0)}.bg-surface-3{background-color:var(--color-surface-3, #cfcfcf)}.bg-surface-4{background-color:var(--color-surface-4, #141414)}:host{display:block;border-radius:7px}:host(.border){border:1px solid var(--color-border-1, #c9c9c9);margin:-1px}:host(.bg-surface-0){background-color:var(--color-surface-0, #ffffff)}:host(.bg-surface-1){background-color:var(--color-surface-1, #f6f6f6)}:host(.bg-surface-2){background-color:var(--color-surface-2, #e0e0e0)}:host(.bg-surface-3){background-color:var(--color-surface-3, #cfcfcf)}:host(.bg-surface-4){background-color:var(--color-surface-4, #141414)}:host(.paper__elevation--none){-webkit-box-shadow:none;box-shadow:none}:host(.paper__elevation--static){-webkit-box-shadow:0px 2px 8px -2px var(--color-shadow-1, rgba(0, 0, 0, 0.16));box-shadow:0px 2px 8px -2px var(--color-shadow-1, rgba(0, 0, 0, 0.16))}:host(.paper__elevation--primary){-webkit-box-shadow:0px 6px 16px -4px var(--color-shadow-1, rgba(0, 0, 0, 0.16));box-shadow:0px 6px 16px -4px var(--color-shadow-1, rgba(0, 0, 0, 0.16))}:host(.paper__elevation--secondary){-webkit-box-shadow:0px 8px 4px -4px var(--color-shadow-0, rgba(0, 0, 0, 0.04)), 0px 12px 12px -4px var(--color-shadow-1, rgba(0, 0, 0, 0.16));box-shadow:0px 8px 4px -4px var(--color-shadow-0, rgba(0, 0, 0, 0.04)), 0px 12px 12px -4px var(--color-shadow-1, rgba(0, 0, 0, 0.16))}.paper__display{display:contents}';var Paper=function(){function t(t){registerInstance(this,t);this.hasBorder=true;this.constElevation=undefined;this.elevation="static";this.dataTest=null;this.border=false;this.height=null;this.width=null;this.bgColor="surface-1"}t.prototype.componentWillLoad=function(){this.border===true?this.hasBorder=false:this.hasBorder=true};t.prototype.render=function(){var t;return h(Host,{class:(t={},t["paper__elevation--".concat(this.elevation)]=this.hasBorder,t.border=this.border,t["bg-".concat(this.bgColor)]=true,t),style:{height:"".concat(this.height),width:"".concat(this.width)}},h("div",{class:"paper__display","data-test":this.dataTest},h("slot",null)))};return t}();Paper.style=paperCss;var testComponentCss="";var TestComponent=function(){function t(t){registerInstance(this,t)}t.prototype.render=function(){return h("bds-grid",{xxs:"12",padding:"x-2","flex-wrap":"wrap"},h("bds-grid",{xxs:"12",margin:"t-2"},h("div",{class:"titulo"},h("bds-typo",{variant:"fs-40",bold:"bold"},"Titulo de teste fora de temas"))),h("bds-grid",{xxs:"6",padding:"r-1"},h("bds-theme-provider",{theme:"light"},h("bds-paper",{elevation:"none",border:true},h("bds-grid",{padding:"2"})))),h("bds-grid",{xxs:"6",padding:"l-1"},h("bds-theme-provider",{theme:"dark"},h("bds-paper",{elevation:"none",border:true},h("bds-grid",{padding:"2"})))))};return t}();TestComponent.style=testComponentCss;var themeProviderCss=":host(.theme--light){width:100%;height:100%;--color-brand:#0096fa;--color-primary:#1e6bf1;--color-secondary:#292929;--color-surface-0:#ffffff;--color-surface-1:#f6f6f6;--color-surface-2:#e0e0e0;--color-surface-3:#cfcfcf;--color-surface-4:#141414;--color-surface-positive:#d3f4e5;--color-surface-negative:#ffd6d6;--color-surface-primary:#1e6bf1;--color-content-default:#454545;--color-content-disable:#636363;--color-content-ghost:#8c8c8c;--color-content-bright:#ffffff;--color-content-din:#000000;--color-border-1:#c9c9c9;--color-border-2:#e0e0e0;--color-border-3:#ededed;--color-positive:#007a42;--color-negative:#a80b0b;--color-info:#80e3eb;--color-system:#b2dffd;--color-focus:#c226fb;--color-success:#84ebbc;--color-warning:#fde99b;--color-error:#f99f9f;--color-delete:#e60f0f;--color-extended-blue:#1968f0;--color-extended-blue-bright:#b2dffd;--color-extended-ocean:#00d3e4;--color-extended-ocean-bright:#80e3eb;--color-extended-green:#35de90;--color-extended-green-bright:#84ebbc;--color-extended-yellow:#fbcf23;--color-extended-yellow-bright:#fde99b;--color-extended-orange:#f06305;--color-extended-orange-bright:#fcaa73;--color-extended-red:#e60f0f;--color-extended-red-bright:#f99f9f;--color-extended-pink:#fb4bc1;--color-extended-pink-bright:#fd9bdc;--color-extended-gray:#666666;--color-extended-gray-bright:#c7c7c7;--color-hover:rgba(0, 0, 0, 0.08);--color-pressed:rgba(0, 0, 0, 0.16);--color-shadow-0:rgba(0, 0, 0, 0.04);--color-shadow-1:rgba(0, 0, 0, 0.16)}:host(.theme--dark){width:100%;height:100%;--color-brand:#0096fa;--color-primary:#498bff;--color-secondary:#ffffff;--color-surface-0:#424242;--color-surface-1:#393939;--color-surface-2:#1f1f1f;--color-surface-3:#141414;--color-surface-4:#0a0a0a;--color-surface-positive:#01562f;--color-surface-negative:#570000;--color-surface-primary:#0c50c5;--color-content-default:#ffffff;--color-content-disable:#949494;--color-content-ghost:#666666;--color-content-bright:#ffffff;--color-content-din:#000000;--color-border-1:#707070;--color-border-2:#4f4f4f;--color-border-3:#454545;--color-positive:#6bffbc;--color-negative:#ffb8b8;--color-info:#004f56;--color-system:#003c64;--color-focus:#c226fb;--color-success:#355e4b;--color-warning:#60593b;--color-error:#7b3d3d;--color-delete:#b60c0c;--color-extended-blue:#1968f0;--color-extended-blue-bright:#b2dffd;--color-extended-ocean:#00d3e4;--color-extended-ocean-bright:#80e3eb;--color-extended-green:#35de90;--color-extended-green-bright:#84ebbc;--color-extended-yellow:#fbcf23;--color-extended-yellow-bright:#fde99b;--color-extended-orange:#f06305;--color-extended-orange-bright:#fcaa73;--color-extended-red:#e60f0f;--color-extended-red-bright:#f99f9f;--color-extended-pink:#fb4bc1;--color-extended-pink-bright:#fd9bdc;--color-extended-gray:#666666;--color-extended-gray-bright:#c7c7c7;--color-hover:rgba(255, 255, 255, 0.16);--color-pressed:rgba(255, 255, 255, 0.08);--color-shadow-0:var(--color-shadow-0, rgba(0, 0, 0, 0.04));--color-shadow-1:var(--color-shadow-1, rgba(0, 0, 0, 0.16))}:host(.theme--high-contrast){width:100%;height:100%;--color-brand:#0096fa;--color-primary:#1e6bf1;--color-secondary:#292929;--color-surface-1:#ffffff;--color-surface-2:#f5f5f5;--color-surface-3:#e0e0e0;--color-surface-4:#141414;--color-content-default:#292929;--color-content-disable:#666666;--color-content-ghost:#949494;--color-content-bright:#ffffff;--color-content-din:#000000;--color-border-1:#616161;--color-info:#80e3eb;--color-system:#99d5fd;--color-focus:#c226fb;--color-success:#84ebbc;--color-warning:#fde99b;--color-error:#f99f9f;--color-delete:#e60f0f;--color-extended-blue:#1968f0;--color-extended-ocean:#00d3e4;--color-extended-green:#35de90;--color-extended-yellow:#fbcf23;--color-extended-orange:#f06305;--color-extended-red:#e60f0f;--color-extended-pink:#fb4bc1;--color-extended-gray:#666666;--color-hover:rgba(0, 0, 0, 0.08);--color-pressed:rgba(0, 0, 0, 0.16);--color-shadow-1:rgba(0, 0, 0, 0.16);--color-positive:#10603b;--color-negative:#e60f0f}";var ThemeProvider=function(){function t(t){registerInstance(this,t);this.theme="light"}t.prototype.render=function(){var t;return h(Host,{class:(t={theme:true},t["theme--".concat(this.theme)]=true,t)},h("slot",null))};return t}();ThemeProvider.style=themeProviderCss;var typoCss=':host{color:var(--color-content-default, #454545)}.typo{margin:0;font-family:"Nunito Sans", "Carbona", "Tahoma", "Helvetica", "Arial", sans-serif;font-style:normal;font-weight:normal;margin:0;-webkit-margin-before:0;margin-block-start:0;-webkit-margin-after:0;margin-block-end:0;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:0;margin-inline-end:0;padding:0;border:0}.typo--italic{font-style:italic}.typo--no-wrap{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.typo--paragraph{margin-bottom:16px}.typo__variant--fs-10{font-size:0.625rem;line-height:150%}.typo__variant--fs-12{font-size:0.75rem;line-height:150%}.typo__variant--fs-14{font-size:0.875rem;line-height:150%}.typo__variant--fs-16{font-size:1rem;line-height:150%}.typo__variant--fs-20{font-size:1.25rem;line-height:100%}.typo__variant--fs-24{font-size:1.5rem;line-height:100%}.typo__variant--fs-32{font-size:2rem;line-height:100%}.typo__variant--fs-40{font-size:2.5rem;line-height:100%}.typo__margin--fs-20{margin-bottom:22px}.typo__margin--fs-24{margin-bottom:22px}.typo__margin--fs-32{margin-bottom:22px}.typo__margin--fs-40{margin-bottom:20px}.typo__line-height--none{line-height:0%}.typo__line-height--small{line-height:5%}.typo__line-height--simple{line-height:100%}.typo__line-height--plus{line-height:150%}.typo__line-height--double{line-height:200%}.typo__bold--regular{font-weight:400}.typo__bold--semi-bold{font-weight:600}.typo__bold--bold{font-weight:700}.typo__bold--extra-bold{font-weight:800}';var Typo=function(){function t(t){registerInstance(this,t);this.variant="fs-16";this.lineHeight=null;this.bold=null;this.italic=false;this.noWrap=false;this.paragraph=false;this.margin=true;this.tag="p";this.dataTest=null}t.prototype.render=function(){var t;var o=this.tag;return h(o,{class:(t={typo:true},t["typo__variant--".concat(this.variant)]=true,t["typo__margin--".concat(this.variant)]=this.margin,t["typo--no-wrap"]=this.noWrap,t["typo--paragraph"]=this.paragraph,t["typo--italic"]=this.italic,t["typo__line-height--".concat(this.lineHeight)]=!!this.lineHeight,t["typo__bold--".concat(this.bold)]=!!this.bold,t),part:"bds-typo__text","data-test":this.dataTest},h("slot",null))};return t}();Typo.style=typoCss;export{Grid as bds_grid,Paper as bds_paper,TestComponent as bds_test_component,ThemeProvider as bds_theme_provider,Typo as bds_typo};
package/dist/esm-es5/bds-image.entry.js CHANGED
@@ -1 +1 @@
1
- var __awaiter=this&&this.__awaiter||function(e,t,i,n){function r(e){return e instanceof i?e:new i((function(t){t(e)}))}return new(i||(i=Promise))((function(i,a){function s(e){try{l(n.next(e))}catch(t){a(t)}}function o(e){try{l(n["throw"](e))}catch(t){a(t)}}function l(e){e.done?i(e.value):r(e.value).then(s,o)}l((n=n.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var i={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},n,r,a,s;return s={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function o(e){return function(t){return l([e,t])}}function l(o){if(n)throw new TypeError("Generator is already executing.");while(s&&(s=0,o[0]&&(i=0)),i)try{if(n=1,r&&(a=o[0]&2?r["return"]:o[0]?r["throw"]||((a=r["return"])&&a.call(r),0):r.next)&&!(a=a.call(r,o[1])).done)return a;if(r=0,a)o=[o[0]&2,a.value];switch(o[0]){case 0:case 1:a=o;break;case 4:i.label++;return{value:o[1],done:false};case 5:i.label++;r=o[1];o=[0];continue;case 7:o=i.ops.pop();i.trys.pop();continue;default:if(!(a=i.trys,a=a.length>0&&a[a.length-1])&&(o[0]===6||o[0]===2)){i=0;continue}if(o[0]===3&&(!a||o[1]>a[0]&&o[1]<a[3])){i.label=o[1];break}if(o[0]===6&&i.label<a[1]){i.label=a[1];a=o;break}if(a&&i.label<a[2]){i.label=a[2];i.ops.push(o);break}if(a[2])i.ops.pop();i.trys.pop();continue}o=t.call(e,i)}catch(l){o=[6,l];r=0}finally{n=a=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};import{r as registerInstance,h,H as Host,g as getElement}from"./index-611fd21e.js";var imageCss=":host{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background-color:var(--color-surface-3, #cfcfcf)}:host .img-feedback{height:76%}";var Image=function(){function e(e){registerInstance(this,e);this.imageHasLoading=false;this.src=undefined;this.alt=undefined;this.width=undefined;this.height=undefined;this.objectFit="cover";this.brightness=undefined;this.dataTest=null;this.imageLoaded=false;this.loadError=false;this.currentSrc=undefined}e.prototype.componentDidLoad=function(){var e;this.element.style.width=this.width?this.width:"auto";this.element.style.height=((e=this.height)===null||e===void 0?void 0:e.length)>0?this.height:"auto"};e.prototype.loadImage=function(){return __awaiter(this,void 0,void 0,(function(){var e,t,i,n;return __generator(this,(function(r){switch(r.label){case 0:if(!this.src)return[3,7];this.imageHasLoading=true;r.label=1;case 1:r.trys.push([1,6,,7]);return[4,fetch(this.src)];case 2:e=r.sent();if(!e.ok)return[3,4];return[4,e.blob()];case 3:t=r.sent();i=URL.createObjectURL(t);this.currentSrc=i;this.imageLoaded=true;this.imageHasLoading=false;return[3,5];case 4:this.loadError=true;r.label=5;case 5:return[3,7];case 6:n=r.sent();this.imageHasLoading=false;this.loadError=true;return[3,7];case 7:return[2]}}))}))};e.prototype.render=function(){if(!this.imageLoaded&&!this.loadError){this.loadImage()}return h(Host,null,this.imageLoaded?h("img",{src:this.currentSrc,alt:this.alt,style:{objectFit:this.objectFit,width:"100%",height:"100%",filter:"brightness(".concat(this.brightness,")")},"data-test":this.dataTest,draggable:false}):this.imageHasLoading?h("bds-skeleton",{shape:"square",width:"100%",height:"100%"}):h("bds-illustration",{class:"img-feedback",type:"empty-states",name:this.loadError?"broken-image":"image-not-found",alt:this.alt,"data-test":this.dataTest}))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();Image.style=imageCss;export{Image as bds_image};
1
+ var __awaiter=this&&this.__awaiter||function(e,t,i,n){function r(e){return e instanceof i?e:new i((function(t){t(e)}))}return new(i||(i=Promise))((function(i,a){function s(e){try{h(n.next(e))}catch(t){a(t)}}function o(e){try{h(n["throw"](e))}catch(t){a(t)}}function h(e){e.done?i(e.value):r(e.value).then(s,o)}h((n=n.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var i={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},n,r,a,s;return s={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function o(e){return function(t){return h([e,t])}}function h(o){if(n)throw new TypeError("Generator is already executing.");while(s&&(s=0,o[0]&&(i=0)),i)try{if(n=1,r&&(a=o[0]&2?r["return"]:o[0]?r["throw"]||((a=r["return"])&&a.call(r),0):r.next)&&!(a=a.call(r,o[1])).done)return a;if(r=0,a)o=[o[0]&2,a.value];switch(o[0]){case 0:case 1:a=o;break;case 4:i.label++;return{value:o[1],done:false};case 5:i.label++;r=o[1];o=[0];continue;case 7:o=i.ops.pop();i.trys.pop();continue;default:if(!(a=i.trys,a=a.length>0&&a[a.length-1])&&(o[0]===6||o[0]===2)){i=0;continue}if(o[0]===3&&(!a||o[1]>a[0]&&o[1]<a[3])){i.label=o[1];break}if(o[0]===6&&i.label<a[1]){i.label=a[1];a=o;break}if(a&&i.label<a[2]){i.label=a[2];i.ops.push(o);break}if(a[2])i.ops.pop();i.trys.pop();continue}o=t.call(e,i)}catch(h){o=[6,h];r=0}finally{n=a=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};import{r as registerInstance,h,H as Host,g as getElement}from"./index-611fd21e.js";var imageCss=":host{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host .img-feedback{height:76%}:host(.empty_img){background-color:var(--color-surface-3, #cfcfcf)}";var Image=function(){function e(e){registerInstance(this,e);this.imageHasLoading=false;this.src=undefined;this.alt=undefined;this.width=undefined;this.height=undefined;this.objectFit="cover";this.brightness=undefined;this.dataTest=null;this.imageLoaded=false;this.loadError=false;this.currentSrc=undefined}e.prototype.componentDidLoad=function(){var e;this.element.style.width=this.width?this.width:"auto";this.element.style.height=((e=this.height)===null||e===void 0?void 0:e.length)>0?this.height:"auto"};e.prototype.loadImage=function(){return __awaiter(this,void 0,void 0,(function(){var e,t,i,n;return __generator(this,(function(r){switch(r.label){case 0:if(!this.src)return[3,7];this.imageHasLoading=true;r.label=1;case 1:r.trys.push([1,6,,7]);return[4,fetch(this.src)];case 2:e=r.sent();if(!e.ok)return[3,4];return[4,e.blob()];case 3:t=r.sent();i=URL.createObjectURL(t);this.currentSrc=i;this.imageLoaded=true;this.imageHasLoading=false;return[3,5];case 4:this.loadError=true;r.label=5;case 5:return[3,7];case 6:n=r.sent();this.imageHasLoading=false;this.loadError=true;return[3,7];case 7:return[2]}}))}))};e.prototype.render=function(){if(!this.imageLoaded&&!this.loadError){this.loadImage()}return h(Host,{class:{empty_img:!this.imageLoaded}},this.imageLoaded?h("img",{src:this.currentSrc,alt:this.alt,style:{objectFit:this.objectFit,width:"100%",height:"100%",filter:"brightness(".concat(this.brightness,")")},"data-test":this.dataTest,draggable:false}):this.imageHasLoading?h("bds-skeleton",{shape:"square",width:"100%",height:"100%"}):h("bds-illustration",{class:"img-feedback",type:"empty-states",name:this.loadError?"broken-image":"image-not-found",alt:this.alt,"data-test":this.dataTest}))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();Image.style=imageCss;export{Image as bds_image};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "blip-ds",
3
- "version": "1.293.0",
3
+ "version": "1.293.2",
4
4
  "description": "Blip Design System",
5
5
  "main": "./dist/index.cjs.js",
6
6
  "module": "./dist/index.js",
package/dist/blip-ds/p-106aafba.system.entry.js DELETED
@@ -1 +0,0 @@
1
- var __awaiter=this&&this.__awaiter||function(t,e,i,n){function r(t){return t instanceof i?t:new i((function(e){e(t)}))}return new(i||(i=Promise))((function(i,a){function s(t){try{l(n.next(t))}catch(e){a(e)}}function o(t){try{l(n["throw"](t))}catch(e){a(e)}}function l(t){t.done?i(t.value):r(t.value).then(s,o)}l((n=n.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var i={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},n,r,a,s;return s={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function o(t){return function(e){return l([t,e])}}function l(o){if(n)throw new TypeError("Generator is already executing.");while(s&&(s=0,o[0]&&(i=0)),i)try{if(n=1,r&&(a=o[0]&2?r["return"]:o[0]?r["throw"]||((a=r["return"])&&a.call(r),0):r.next)&&!(a=a.call(r,o[1])).done)return a;if(r=0,a)o=[o[0]&2,a.value];switch(o[0]){case 0:case 1:a=o;break;case 4:i.label++;return{value:o[1],done:false};case 5:i.label++;r=o[1];o=[0];continue;case 7:o=i.ops.pop();i.trys.pop();continue;default:if(!(a=i.trys,a=a.length>0&&a[a.length-1])&&(o[0]===6||o[0]===2)){i=0;continue}if(o[0]===3&&(!a||o[1]>a[0]&&o[1]<a[3])){i.label=o[1];break}if(o[0]===6&&i.label<a[1]){i.label=a[1];a=o;break}if(a&&i.label<a[2]){i.label=a[2];i.ops.push(o);break}if(a[2])i.ops.pop();i.trys.pop();continue}o=e.call(t,i)}catch(l){o=[6,l];r=0}finally{n=a=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};System.register(["./p-d105fb25.system.js"],(function(t){"use strict";var e,i,n,r;return{setters:[function(t){e=t.r;i=t.h;n=t.H;r=t.g}],execute:function(){var a=":host{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background-color:var(--color-surface-3, #cfcfcf)}:host .img-feedback{height:76%}";var s=t("bds_image",function(){function t(t){e(this,t);this.imageHasLoading=false;this.src=undefined;this.alt=undefined;this.width=undefined;this.height=undefined;this.objectFit="cover";this.brightness=undefined;this.dataTest=null;this.imageLoaded=false;this.loadError=false;this.currentSrc=undefined}t.prototype.componentDidLoad=function(){var t;this.element.style.width=this.width?this.width:"auto";this.element.style.height=((t=this.height)===null||t===void 0?void 0:t.length)>0?this.height:"auto"};t.prototype.loadImage=function(){return __awaiter(this,void 0,void 0,(function(){var t,e,i,n;return __generator(this,(function(r){switch(r.label){case 0:if(!this.src)return[3,7];this.imageHasLoading=true;r.label=1;case 1:r.trys.push([1,6,,7]);return[4,fetch(this.src)];case 2:t=r.sent();if(!t.ok)return[3,4];return[4,t.blob()];case 3:e=r.sent();i=URL.createObjectURL(e);this.currentSrc=i;this.imageLoaded=true;this.imageHasLoading=false;return[3,5];case 4:this.loadError=true;r.label=5;case 5:return[3,7];case 6:n=r.sent();this.imageHasLoading=false;this.loadError=true;return[3,7];case 7:return[2]}}))}))};t.prototype.render=function(){if(!this.imageLoaded&&!this.loadError){this.loadImage()}return i(n,null,this.imageLoaded?i("img",{src:this.currentSrc,alt:this.alt,style:{objectFit:this.objectFit,width:"100%",height:"100%",filter:"brightness(".concat(this.brightness,")")},"data-test":this.dataTest,draggable:false}):this.imageHasLoading?i("bds-skeleton",{shape:"square",width:"100%",height:"100%"}):i("bds-illustration",{class:"img-feedback",type:"empty-states",name:this.loadError?"broken-image":"image-not-found",alt:this.alt,"data-test":this.dataTest}))};Object.defineProperty(t.prototype,"element",{get:function(){return r(this)},enumerable:false,configurable:true});return t}());s.style=a}}}));
package/dist/blip-ds/p-1470b783.entry.js DELETED
@@ -1 +0,0 @@
1
- import{r as t,h as o,H as i}from"./p-93b809e8.js";const a=class{constructor(o){t(this,o),this.height=void 0,this.direction=void 0,this.justifyContent=void 0,this.flexWrap=void 0,this.alignItems=void 0,this.container=void 0,this.containerFluid=void 0,this.xxs=void 0,this.xs=void 0,this.sm=void 0,this.md=void 0,this.lg=void 0,this.xg=void 0,this.xxsOffset=void 0,this.xsOffset=void 0,this.smOffset=void 0,this.mdOffset=void 0,this.lgOffset=void 0,this.xgOffset=void 0,this.gap=void 0,this.padding=void 0,this.margin=void 0}render(){return o(i,{class:{host:!0,[`direction--${this.direction}`]:!0,[`justify_content--${this.justifyContent}`]:!0,[!0===this.container?"container":""]:!0,[!0===this.containerFluid?"container-fluid":""]:!0,[`flex_wrap--${this.flexWrap}`]:!0,[`align_items--${this.alignItems}`]:!0,[`xxs--${this.xxs}`]:!0,[`xs--${this.xs}`]:!0,[`sm--${this.sm}`]:!0,[`md--${this.md}`]:!0,[`lg--${this.lg}`]:!0,[`xg--${this.xg}`]:!0,[`gap--${this.gap}`]:!0,[`xxsoffset--${this.xxsOffset}`]:!0,[`xsoffset--${this.xsOffset}`]:!0,[`smoffset--${this.smOffset}`]:!0,[`mdoffset--${this.mdOffset}`]:!0,[`lgoffset--${this.lgOffset}`]:!0,[`xgoffset--${this.xgOffset}`]:!0,[`padding--${this.padding}`]:!0,[`margin--${this.margin}`]:!0},style:{height:this.height}},o("slot",null))}};a.style=":host{display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box}:host(.container){width:100%}:host(.xxsoffset--auto){margin-left:auto}:host(.xxsoffset--1){margin-left:8.33%}:host(.xxsoffset--2){margin-left:16.66%}:host(.xxsoffset--3){margin-left:24.99%}:host(.xxsoffset--4){margin-left:33.32%}:host(.xxsoffset--5){margin-left:41.65%}:host(.xxsoffset--6){margin-left:50%}:host(.xxsoffset--7){margin-left:58.33%}:host(.xxsoffset--8){margin-left:66.66%}:host(.xxsoffset--9){margin-left:74.99%}:host(.xxsoffset--10){margin-left:83.32%}:host(.xxsoffset--11){margin-left:91.65%}:host(.xxsoffset--12){margin-left:100%}@media (max-width: 599px){:host(.container){width:100%}:host(.xxsoffset--auto){margin-left:auto}:host(.xxsoffset--1){margin-left:8.33%}:host(.xxsoffset--2){margin-left:16.66%}:host(.xxsoffset--3){margin-left:24.99%}:host(.xxsoffset--4){margin-left:33.32%}:host(.xxsoffset--5){margin-left:41.65%}:host(.xxsoffset--6){margin-left:50%}:host(.xxsoffset--7){margin-left:58.33%}:host(.xxsoffset--8){margin-left:66.66%}:host(.xxsoffset--9){margin-left:74.99%}:host(.xxsoffset--10){margin-left:83.32%}:host(.xxsoffset--11){margin-left:91.65%}:host(.xxsoffset--12){margin-left:100%}}@media (min-width: 600px){:host(.container){width:100%}:host(.xxsoffset--auto){margin-left:auto}:host(.xsoffset--1){margin-left:8.33%}:host(.xsoffset--2){margin-left:16.66%}:host(.xsoffset--3){margin-left:24.99%}:host(.xsoffset--4){margin-left:33.32%}:host(.xsoffset--5){margin-left:41.65%}:host(.xsoffset--6){margin-left:50%}:host(.xsoffset--7){margin-left:58.33%}:host(.xsoffset--8){margin-left:66.66%}:host(.xsoffset--9){margin-left:74.99%}:host(.xsoffset--10){margin-left:83.32%}:host(.xsoffset--11){margin-left:91.65%}:host(.xsoffset--12){margin-left:100%}}@media (min-width: 905px){:host(.container){max-width:848px;margin-left:auto;margin-right:auto}:host(.smoffset--auto){margin-left:auto}:host(.smoffset--1){margin-left:8.33%}:host(.smoffset--2){margin-left:16.66%}:host(.smoffset--3){margin-left:24.99%}:host(.smoffset--4){margin-left:33.32%}:host(.smoffset--5){margin-left:41.65%}:host(.smoffset--6){margin-left:50%}:host(.smoffset--7){margin-left:58.33%}:host(.smoffset--8){margin-left:66.66%}:host(.smoffset--9){margin-left:74.99%}:host(.smoffset--10){margin-left:83.32%}:host(.smoffset--11){margin-left:91.65%}:host(.smoffset--12){margin-left:100%}}@media (min-width: 993px){:host(.container){max-width:944px;margin-left:auto;margin-right:auto}:host(.mdoffset--auto){margin-left:auto}:host(.mdoffset--1){margin-left:8.33%}:host(.mdoffset--2){margin-left:16.66%}:host(.mdoffset--3){margin-left:24.99%}:host(.mdoffset--4){margin-left:33.32%}:host(.mdoffset--5){margin-left:41.65%}:host(.mdoffset--6){margin-left:50%}:host(.mdoffset--7){margin-left:58.33%}:host(.mdoffset--8){margin-left:66.66%}:host(.mdoffset--9){margin-left:74.99%}:host(.mdoffset--10){margin-left:83.32%}:host(.mdoffset--11){margin-left:91.65%}:host(.mdoffset--12){margin-left:100%}}@media (min-width: 1601px){:host(.container){max-width:1328px;margin-left:auto;margin-right:auto}:host(.lgoffset--auto){margin-left:auto}:host(.lgoffset--1){margin-left:8.33%}:host(.lgoffset--2){margin-left:16.66%}:host(.lgoffset--3){margin-left:24.99%}:host(.lgoffset--4){margin-left:33.32%}:host(.lgoffset--5){margin-left:41.65%}:host(.lgoffset--6){margin-left:50%}:host(.lgoffset--7){margin-left:58.33%}:host(.lgoffset--8){margin-left:66.66%}:host(.lgoffset--9){margin-left:74.99%}:host(.lgoffset--10){margin-left:83.32%}:host(.lgoffset--11){margin-left:91.65%}:host(.lgoffset--12){margin-left:100%}}@media (min-width: 1921px){:host(.container){max-width:1424px;margin-left:auto;margin-right:auto}:host(.xgoffset--auto){margin-left:auto}:host(.xgoffset--1){margin-left:8.33%}:host(.xgoffset--2){margin-left:16.66%}:host(.xgoffset--3){margin-left:24.99%}:host(.xgoffset--4){margin-left:33.32%}:host(.xgoffset--5){margin-left:41.65%}:host(.xgoffset--6){margin-left:50%}:host(.xgoffset--7){margin-left:58.33%}:host(.xgoffset--8){margin-left:66.66%}:host(.xgoffset--9){margin-left:74.99%}:host(.xgoffset--10){margin-left:83.32%}:host(.xgoffset--11){margin-left:91.65%}:host(.xgoffset--12){margin-left:100%}}@media (min-width: 600px){:host(.container-fluid){max-width:100%;margin-left:auto;margin-right:auto}}@media (min-width: 905px){:host(.container-fluid){max-width:848px;margin-left:auto;margin-right:auto}}@media (min-width: 993px){:host(.container-fluid){max-width:944px;margin-left:auto;margin-right:auto}}@media (min-width: 1280px){:host(.container-fluid){max-width:1232px;margin-left:auto;margin-right:auto}}@media (min-width: 1440px){:host(.container-fluid){max-width:1328px;margin-left:auto;margin-right:auto}}@media (min-width: 1920px){:host(.container-fluid){max-width:1424px;margin-left:auto;margin-right:auto}}:host(.flex_wrap--wrap){-ms-flex-wrap:wrap;flex-wrap:wrap}:host(.flex_wrap--wrap-reverse){-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}:host(.direction--row){-ms-flex-direction:row;flex-direction:row}:host(.direction--column){-ms-flex-direction:column;flex-direction:column}:host(.direction--row-reverse){-ms-flex-direction:row-reverse;flex-direction:row-reverse}:host(.direction--column-reverse){-ms-flex-direction:column-reverse;flex-direction:column-reverse}:host(.justify_content--center){-ms-flex-pack:center;justify-content:center}:host(.justify_content--flex-start){-ms-flex-pack:start;justify-content:flex-start}:host(.justify_content--flex-end){-ms-flex-pack:end;justify-content:flex-end}:host(.justify_content--space-between){-ms-flex-pack:justify;justify-content:space-between}:host(.justify_content--space-around){-ms-flex-pack:distribute;justify-content:space-around}:host(.justify_content--space-evenly){-ms-flex-pack:space-evenly;justify-content:space-evenly}:host(.justify_content--stretch){-ms-flex-pack:stretch;justify-content:stretch}:host(.align_items--flex-start){-ms-flex-align:start;align-items:flex-start}:host(.align_items--flex-end){-ms-flex-align:end;align-items:flex-end}:host(.align_items--center){-ms-flex-align:center;align-items:center}:host(.align_items--stretch){-ms-flex-align:stretch;align-items:stretch}:host(.align_items--baseline){-ms-flex-align:baseline;align-items:baseline}:host(.gap--none){gap:0}:host(.gap--half){gap:4px}:host(.gap--1){gap:8px}:host(.gap--2){gap:16px}:host(.gap--3){gap:24px}:host(.gap--4){gap:32px}:host(.gap--5){gap:40px}:host(.gap--6){gap:48px}:host(.gap--7){gap:56px}:host(.gap--8){gap:64px}:host(.gap--9){gap:72px}:host(.gap--10){gap:80px}:host(.gap--11){gap:88px}:host(.gap--12){gap:96px}:host(.xxs--auto){-ms-flex:1 0 auto;flex:1 0 auto;width:auto;padding-left:8px;padding-right:8px}:host(.xxs--1){-ms-flex:0 0 auto;flex:0 0 auto;width:8.33%;padding-left:8px;padding-right:8px}:host(.xxs--2){-ms-flex:0 0 auto;flex:0 0 auto;width:16.66%;padding-left:8px;padding-right:8px}:host(.xxs--3){-ms-flex:0 0 auto;flex:0 0 auto;width:24.99%;padding-left:8px;padding-right:8px}:host(.xxs--4){-ms-flex:0 0 auto;flex:0 0 auto;width:33.32%;padding-left:8px;padding-right:8px}:host(.xxs--5){-ms-flex:0 0 auto;flex:0 0 auto;width:41.65%;padding-left:8px;padding-right:8px}:host(.xxs--6){-ms-flex:0 0 auto;flex:0 0 auto;width:50%;padding-left:8px;padding-right:8px}:host(.xxs--7){-ms-flex:0 0 auto;flex:0 0 auto;width:58.33%;padding-left:8px;padding-right:8px}:host(.xxs--8){-ms-flex:0 0 auto;flex:0 0 auto;width:66.66%;padding-left:8px;padding-right:8px}:host(.xxs--9){-ms-flex:0 0 auto;flex:0 0 auto;width:74.99%;padding-left:8px;padding-right:8px}:host(.xxs--10){-ms-flex:0 0 auto;flex:0 0 auto;width:83.32%;padding-left:8px;padding-right:8px}:host(.xxs--11){-ms-flex:0 0 auto;flex:0 0 auto;width:91.65%;padding-left:8px;padding-right:8px}:host(.xxs--12){-ms-flex:0 0 auto;flex:0 0 auto;width:100%;padding-left:8px;padding-right:8px}@media (min-width: 600px){:host(.xs--auto){-ms-flex:1 0 auto;flex:1 0 auto;width:auto;padding-left:8px;padding-right:8px}:host(.xs--1){-ms-flex:0 0 auto;flex:0 0 auto;width:8.33%;padding-left:8px;padding-right:8px}:host(.xs--2){-ms-flex:0 0 auto;flex:0 0 auto;width:16.66%;padding-left:8px;padding-right:8px}:host(.xs--3){-ms-flex:0 0 auto;flex:0 0 auto;width:24.99%;padding-left:8px;padding-right:8px}:host(.xs--4){-ms-flex:0 0 auto;flex:0 0 auto;width:33.32%;padding-left:8px;padding-right:8px}:host(.xs--5){-ms-flex:0 0 auto;flex:0 0 auto;width:41.65%;padding-left:8px;padding-right:8px}:host(.xs--6){-ms-flex:0 0 auto;flex:0 0 auto;width:50%;padding-left:8px;padding-right:8px}:host(.xs--7){-ms-flex:0 0 auto;flex:0 0 auto;width:58.33%;padding-left:8px;padding-right:8px}:host(.xs--8){-ms-flex:0 0 auto;flex:0 0 auto;width:66.66%;padding-left:8px;padding-right:8px}:host(.xs--9){-ms-flex:0 0 auto;flex:0 0 auto;width:74.99%;padding-left:8px;padding-right:8px}:host(.xs--10){-ms-flex:0 0 auto;flex:0 0 auto;width:83.32%;padding-left:8px;padding-right:8px}:host(.xs--11){-ms-flex:0 0 auto;flex:0 0 auto;width:91.65%;padding-left:8px;padding-right:8px}:host(.xs--12){-ms-flex:0 0 auto;flex:0 0 auto;width:100%;padding-left:8px;padding-right:8px}}@media (min-width: 905px){:host(.sm--auto){-ms-flex:1 0 auto;flex:1 0 auto;width:auto;padding-left:8px;padding-right:8px}:host(.sm--1){-ms-flex:0 0 auto;flex:0 0 auto;width:8.33%;padding-left:8px;padding-right:8px}:host(.sm--2){-ms-flex:0 0 auto;flex:0 0 auto;width:16.66%;padding-left:8px;padding-right:8px}:host(.sm--3){-ms-flex:0 0 auto;flex:0 0 auto;width:24.99%;padding-left:8px;padding-right:8px}:host(.sm--4){-ms-flex:0 0 auto;flex:0 0 auto;width:33.32%;padding-left:8px;padding-right:8px}:host(.sm--5){-ms-flex:0 0 auto;flex:0 0 auto;width:41.65%;padding-left:8px;padding-right:8px}:host(.sm--6){-ms-flex:0 0 auto;flex:0 0 auto;width:50%;padding-left:8px;padding-right:8px}:host(.sm--7){-ms-flex:0 0 auto;flex:0 0 auto;width:58.33%;padding-left:8px;padding-right:8px}:host(.sm--8){-ms-flex:0 0 auto;flex:0 0 auto;width:66.66%;padding-left:8px;padding-right:8px}:host(.sm--9){-ms-flex:0 0 auto;flex:0 0 auto;width:74.99%;padding-left:8px;padding-right:8px}:host(.sm--10){-ms-flex:0 0 auto;flex:0 0 auto;width:83.32%;padding-left:8px;padding-right:8px}:host(.sm--11){-ms-flex:0 0 auto;flex:0 0 auto;width:91.65%;padding-left:8px;padding-right:8px}:host(.sm--12){-ms-flex:0 0 auto;flex:0 0 auto;width:100%;padding-left:8px;padding-right:8px}}@media (min-width: 993px){:host(.md--auto){-ms-flex:1 0 auto;flex:1 0 auto;width:auto;padding-left:8px;padding-right:8px}:host(.md--1){-ms-flex:0 0 auto;flex:0 0 auto;width:8.33%;padding-left:8px;padding-right:8px}:host(.md--2){-ms-flex:0 0 auto;flex:0 0 auto;width:16.66%;padding-left:8px;padding-right:8px}:host(.md--3){-ms-flex:0 0 auto;flex:0 0 auto;width:24.99%;padding-left:8px;padding-right:8px}:host(.md--4){-ms-flex:0 0 auto;flex:0 0 auto;width:33.32%;padding-left:8px;padding-right:8px}:host(.md--5){-ms-flex:0 0 auto;flex:0 0 auto;width:41.65%;padding-left:8px;padding-right:8px}:host(.md--6){-ms-flex:0 0 auto;flex:0 0 auto;width:50%;padding-left:8px;padding-right:8px}:host(.md--7){-ms-flex:0 0 auto;flex:0 0 auto;width:58.33%;padding-left:8px;padding-right:8px}:host(.md--8){-ms-flex:0 0 auto;flex:0 0 auto;width:66.66%;padding-left:8px;padding-right:8px}:host(.md--9){-ms-flex:0 0 auto;flex:0 0 auto;width:74.99%;padding-left:8px;padding-right:8px}:host(.md--10){-ms-flex:0 0 auto;flex:0 0 auto;width:83.32%;padding-left:8px;padding-right:8px}:host(.md--11){-ms-flex:0 0 auto;flex:0 0 auto;width:91.65%;padding-left:8px;padding-right:8px}:host(.md--12){-ms-flex:0 0 auto;flex:0 0 auto;width:100%;padding-left:8px;padding-right:8px}}@media (min-width: 1601px){:host(.lg--auto){-ms-flex:1 0 auto;flex:1 0 auto;width:auto;padding-left:8px;padding-right:8px}:host(.lg--1){-ms-flex:0 0 auto;flex:0 0 auto;width:8.33%;padding-left:8px;padding-right:8px}:host(.lg--2){-ms-flex:0 0 auto;flex:0 0 auto;width:16.66%;padding-left:8px;padding-right:8px}:host(.lg--3){-ms-flex:0 0 auto;flex:0 0 auto;width:24.99%;padding-left:8px;padding-right:8px}:host(.lg--4){-ms-flex:0 0 auto;flex:0 0 auto;width:33.32%;padding-left:8px;padding-right:8px}:host(.lg--5){-ms-flex:0 0 auto;flex:0 0 auto;width:41.65%;padding-left:8px;padding-right:8px}:host(.lg--6){-ms-flex:0 0 auto;flex:0 0 auto;width:50%;padding-left:8px;padding-right:8px}:host(.lg--7){-ms-flex:0 0 auto;flex:0 0 auto;width:58.33%;padding-left:8px;padding-right:8px}:host(.lg--8){-ms-flex:0 0 auto;flex:0 0 auto;width:66.66%;padding-left:8px;padding-right:8px}:host(.lg--9){-ms-flex:0 0 auto;flex:0 0 auto;width:74.99%;padding-left:8px;padding-right:8px}:host(.lg--10){-ms-flex:0 0 auto;flex:0 0 auto;width:83.32%;padding-left:8px;padding-right:8px}:host(.lg--11){-ms-flex:0 0 auto;flex:0 0 auto;width:91.65%;padding-left:8px;padding-right:8px}:host(.lg--12){-ms-flex:0 0 auto;flex:0 0 auto;width:100%;padding-left:8px;padding-right:8px}}@media (min-width: 1921px){:host(.xg--auto){-ms-flex:1 0 auto;flex:1 0 auto;width:auto;padding-left:8px;padding-right:8px}:host(.xg--1){-ms-flex:0 0 auto;flex:0 0 auto;width:8.33%;padding-left:8px;padding-right:8px}:host(.xg--2){-ms-flex:0 0 auto;flex:0 0 auto;width:16.66%;padding-left:8px;padding-right:8px}:host(.xg--3){-ms-flex:0 0 auto;flex:0 0 auto;width:24.99%;padding-left:8px;padding-right:8px}:host(.xg--4){-ms-flex:0 0 auto;flex:0 0 auto;width:33.32%;padding-left:8px;padding-right:8px}:host(.xg--5){-ms-flex:0 0 auto;flex:0 0 auto;width:41.65%;padding-left:8px;padding-right:8px}:host(.xg--6){-ms-flex:0 0 auto;flex:0 0 auto;width:50%;padding-left:8px;padding-right:8px}:host(.xg--7){-ms-flex:0 0 auto;flex:0 0 auto;width:58.33%;padding-left:8px;padding-right:8px}:host(.xg--8){-ms-flex:0 0 auto;flex:0 0 auto;width:66.66%;padding-left:8px;padding-right:8px}:host(.xg--9){-ms-flex:0 0 auto;flex:0 0 auto;width:74.99%;padding-left:8px;padding-right:8px}:host(.xg--10){-ms-flex:0 0 auto;flex:0 0 auto;width:83.32%;padding-left:8px;padding-right:8px}:host(.xg--11){-ms-flex:0 0 auto;flex:0 0 auto;width:91.65%;padding-left:8px;padding-right:8px}:host(.xg--12){-ms-flex:0 0 auto;flex:0 0 auto;width:100%;padding-left:8px;padding-right:8px}}@media (min-width: 1280px){:host(.lg--auto .container-fluid){-ms-flex:1 0 auto;flex:1 0 auto;width:auto}:host(.lg--1.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:8.33%}:host(.lg--2.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:16.66%}:host(.lg--3.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:24.99%}:host(.lg--4.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:33.32%}:host(.lg--5.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:41.65%}:host(.lg--6.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:50%}:host(.lg--7.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:58.33%}:host(.lg--8.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:66.66%}:host(.lg--9.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:74.99%}:host(.lg--10.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:83.32%}:host(.lg--11.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:91.65%}:host(.lg--12.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:100%}}@media (min-width: 1440px){:host(.xg--auto .container-fluid){-ms-flex:1 0 auto;flex:1 0 auto;width:auto}:host(.xg--1.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:8.33%}:host(.xg--2.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:16.66%}:host(.xg--3.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:24.99%}:host(.xg--4.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:33.32%}:host(.xg--5.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:41.65%}:host(.xg--6.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:50%}:host(.xg--7.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:58.33%}:host(.xg--8.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:66.66%}:host(.xg--9.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:74.99%}:host(.xg--10.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:83.32%}:host(.xg--11.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:91.65%}:host(.xg--12.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:100%}}@media (min-width: 1920px){:host(.xxg--auto .container-fluid){-ms-flex:1 0 auto;flex:1 0 auto;width:auto}:host(.xxg--1.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:8.33%}:host(.xxg--2.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:16.66%}:host(.xxg--3.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:24.99%}:host(.xxg--4.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:33.32%}:host(.xxg--5.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:41.65%}:host(.xxg--6.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:50%}:host(.xxg--7.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:58.33%}:host(.xxg--8.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:66.66%}:host(.xxg--9.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:74.99%}:host(.xxg--10.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:83.32%}:host(.xxg--11.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:91.65%}:host(.xxg--12.container-fluid){-ms-flex:0 0 auto;flex:0 0 auto;width:100%}}:host(.padding--none){padding:0}:host(.padding--l-none){padding-left:0}:host(.padding--r-none){padding-right:0}:host(.padding--t-none){padding-top:0}:host(.padding--b-none){padding-bottom:0}:host(.padding--x-none){padding-left:0;padding-right:0}:host(.padding--y-none){padding-top:0;padding-bottom:0}:host(.padding--half){padding:4px}:host(.padding--l-half){padding-left:4px}:host(.padding--r-half){padding-right:4px}:host(.padding--t-half){padding-top:4px}:host(.padding--b-half){padding-bottom:4px}:host(.padding--x-half){padding-left:4px;padding-right:4px}:host(.padding--y-half){padding-top:4px;padding-bottom:4px}:host(.padding--1){padding:8px}:host(.padding--l-1){padding-left:8px}:host(.padding--r-1){padding-right:8px}:host(.padding--t-1){padding-top:8px}:host(.padding--b-1){padding-bottom:8px}:host(.padding--x-1){padding-left:8px;padding-right:8px}:host(.padding--y-1){padding-top:8px;padding-bottom:8px}:host(.padding--2){padding:16px}:host(.padding--l-2){padding-left:16px}:host(.padding--r-2){padding-right:16px}:host(.padding--t-2){padding-top:16px}:host(.padding--b-2){padding-bottom:16px}:host(.padding--x-2){padding-left:16px;padding-right:16px}:host(.padding--y-2){padding-top:16px;padding-bottom:16px}:host(.padding--3){padding:24px}:host(.padding--l-3){padding-left:24px}:host(.padding--r-3){padding-right:24px}:host(.padding--t-3){padding-top:24px}:host(.padding--b-3){padding-bottom:24px}:host(.padding--x-3){padding-left:24px;padding-right:24px}:host(.padding--y-3){padding-top:24px;padding-bottom:24px}:host(.padding--4){padding:32px}:host(.padding--l-4){padding-left:32px}:host(.padding--r-4){padding-right:32px}:host(.padding--t-4){padding-top:32px}:host(.padding--b-4){padding-bottom:32px}:host(.padding--x-4){padding-left:32px;padding-right:32px}:host(.padding--y-4){padding-top:32px;padding-bottom:32px}:host(.padding--5){padding:40px}:host(.padding--l-5){padding-left:40px}:host(.padding--r-5){padding-right:40px}:host(.padding--t-5){padding-top:40px}:host(.padding--b-5){padding-bottom:40px}:host(.padding--x-5){padding-left:40px;padding-right:40px}:host(.padding--y-5){padding-top:40px;padding-bottom:40px}:host(.padding--6){padding:48px}:host(.padding--l-6){padding-left:48px}:host(.padding--r-6){padding-right:48px}:host(.padding--t-6){padding-top:48px}:host(.padding--b-6){padding-bottom:48px}:host(.padding--x-6){padding-left:48px;padding-right:48px}:host(.padding--y-6){padding-top:48px;padding-bottom:48px}:host(.padding--7){padding:56px}:host(.padding--l-7){padding-left:56px}:host(.padding--r-7){padding-right:56px}:host(.padding--t-7){padding-top:56px}:host(.padding--b-7){padding-bottom:56px}:host(.padding--x-7){padding-left:56px;padding-right:56px}:host(.padding--y-7){padding-top:56px;padding-bottom:56px}:host(.padding--8){padding:64px}:host(.padding--l-8){padding-left:64px}:host(.padding--r-8){padding-right:64px}:host(.padding--t-8){padding-top:64px}:host(.padding--b-8){padding-bottom:64px}:host(.padding--x-8){padding-left:64px;padding-right:64px}:host(.padding--y-8){padding-top:64px;padding-bottom:64px}:host(.padding--9){padding:72px}:host(.padding--l-9){padding-left:72px}:host(.padding--r-9){padding-right:72px}:host(.padding--t-9){padding-top:72px}:host(.padding--b-9){padding-bottom:72px}:host(.padding--x-9){padding-left:72px;padding-right:72px}:host(.padding--y-9){padding-top:72px;padding-bottom:72px}:host(.padding--10){padding:80px}:host(.padding--l-10){padding-left:80px}:host(.padding--r-10){padding-right:80px}:host(.padding--t-10){padding-top:80px}:host(.padding--b-10){padding-bottom:80px}:host(.padding--x-10){padding-left:80px;padding-right:80px}:host(.padding--y-10){padding-top:80px;padding-bottom:80px}:host(.padding--11){padding:88px}:host(.padding--l-11){padding-left:88px}:host(.padding--r-11){padding-right:88px}:host(.padding--t-11){padding-top:88px}:host(.padding--b-11){padding-bottom:88px}:host(.padding--x-11){padding-left:88px;padding-right:88px}:host(.padding--y-11){padding-top:88px;padding-bottom:88px}:host(.padding--12){padding:96px}:host(.padding--l-12){padding-left:96px}:host(.padding--r-12){padding-right:96px}:host(.padding--t-12){padding-top:96px}:host(.padding--b-12){padding-bottom:96px}:host(.padding--x-12){padding-left:96px;padding-right:96px}:host(.padding--y-12){padding-top:96px;padding-bottom:96px}:host(.margin--auto){margin:auto}:host(.margin--l-auto){margin-left:auto}:host(.margin--r-auto){margin-right:auto}:host(.margin--t-auto){margin-top:auto}:host(.margin--b-auto){margin-bottom:auto}:host(.margin--x-auto){margin-left:auto;margin-right:auto}:host(.margin--y-auto){margin-top:auto;margin-bottom:auto}:host(.margin--none){margin:0}:host(.margin--l-none){margin-left:0}:host(.margin--r-none){margin-right:0}:host(.margin--t-none){margin-top:0}:host(.margin--b-none){margin-bottom:0}:host(.margin--x-none){margin-left:0;margin-right:0}:host(.margin--y-none){margin-top:0;margin-bottom:0}:host(.margin--half){margin:4px}:host(.margin--l-half){margin-left:4px}:host(.margin--r-half){margin-right:4px}:host(.margin--t-half){margin-top:4px}:host(.margin--b-half){margin-bottom:4px}:host(.margin--x-half){margin-left:4px;margin-right:4px}:host(.margin--y-half){margin-top:4px;margin-bottom:4px}:host(.margin--1){margin:8px}:host(.margin--l-1){margin-left:8px}:host(.margin--r-1){margin-right:8px}:host(.margin--t-1){margin-top:8px}:host(.margin--b-1){margin-bottom:8px}:host(.margin--x-1){margin-left:8px;margin-right:8px}:host(.margin--y-1){margin-top:8px;margin-bottom:8px}:host(.margin--2){margin:16px}:host(.margin--l-2){margin-left:16px}:host(.margin--r-2){margin-right:16px}:host(.margin--t-2){margin-top:16px}:host(.margin--b-2){margin-bottom:16px}:host(.margin--x-2){margin-left:16px;margin-right:16px}:host(.margin--y-2){margin-top:16px;margin-bottom:16px}:host(.margin--3){margin:24px}:host(.margin--l-3){margin-left:24px}:host(.margin--r-3){margin-right:24px}:host(.margin--t-3){margin-top:24px}:host(.margin--b-3){margin-bottom:24px}:host(.margin--x-3){margin-left:24px;margin-right:24px}:host(.margin--y-3){margin-top:24px;margin-bottom:24px}:host(.margin--4){margin:32px}:host(.margin--l-4){margin-left:32px}:host(.margin--r-4){margin-right:32px}:host(.margin--t-4){margin-top:32px}:host(.margin--b-4){margin-bottom:32px}:host(.margin--x-4){margin-left:32px;margin-right:32px}:host(.margin--y-4){margin-top:32px;margin-bottom:32px}:host(.margin--5){margin:40px}:host(.margin--l-5){margin-left:40px}:host(.margin--r-5){margin-right:40px}:host(.margin--t-5){margin-top:40px}:host(.margin--b-5){margin-bottom:40px}:host(.margin--x-5){margin-left:40px;margin-right:40px}:host(.margin--y-5){margin-top:40px;margin-bottom:40px}:host(.margin--6){margin:48px}:host(.margin--l-6){margin-left:48px}:host(.margin--r-6){margin-right:48px}:host(.margin--t-6){margin-top:48px}:host(.margin--b-6){margin-bottom:48px}:host(.margin--x-6){margin-left:48px;margin-right:48px}:host(.margin--y-6){margin-top:48px;margin-bottom:48px}:host(.margin--7){margin:56px}:host(.margin--l-7){margin-left:56px}:host(.margin--r-7){margin-right:56px}:host(.margin--t-7){margin-top:56px}:host(.margin--b-7){margin-bottom:56px}:host(.margin--x-7){margin-left:56px;margin-right:56px}:host(.margin--y-7){margin-top:56px;margin-bottom:56px}:host(.margin--8){margin:64px}:host(.margin--l-8){margin-left:64px}:host(.margin--r-8){margin-right:64px}:host(.margin--t-8){margin-top:64px}:host(.margin--b-8){margin-bottom:64px}:host(.margin--x-8){margin-left:64px;margin-right:64px}:host(.margin--y-8){margin-top:64px;margin-bottom:64px}:host(.margin--9){margin:72px}:host(.margin--l-9){margin-left:72px}:host(.margin--r-9){margin-right:72px}:host(.margin--t-9){margin-top:72px}:host(.margin--b-9){margin-bottom:72px}:host(.margin--x-9){margin-left:72px;margin-right:72px}:host(.margin--y-9){margin-top:72px;margin-bottom:72px}:host(.margin--10){margin:80px}:host(.margin--l-10){margin-left:80px}:host(.margin--r-10){margin-right:80px}:host(.margin--t-10){margin-top:80px}:host(.margin--b-10){margin-bottom:80px}:host(.margin--x-10){margin-left:80px;margin-right:80px}:host(.margin--y-10){margin-top:80px;margin-bottom:80px}:host(.margin--11){margin:88px}:host(.margin--l-11){margin-left:88px}:host(.margin--r-11){margin-right:88px}:host(.margin--t-11){margin-top:88px}:host(.margin--b-11){margin-bottom:88px}:host(.margin--x-11){margin-left:88px;margin-right:88px}:host(.margin--y-11){margin-top:88px;margin-bottom:88px}:host(.margin--12){margin:96px}:host(.margin--l-12){margin-left:96px}:host(.margin--r-12){margin-right:96px}:host(.margin--t-12){margin-top:96px}:host(.margin--b-12){margin-bottom:96px}:host(.margin--x-12){margin-left:96px;margin-right:96px}:host(.margin--y-12){margin-top:96px;margin-bottom:96px}";const e=class{constructor(o){t(this,o),this.hasBorder=!0,this.constElevation=void 0,this.elevation="static",this.dataTest=null,this.border=!1,this.height=null,this.width=null,this.bgColor="surface-1"}componentWillLoad(){this.hasBorder=!0!==this.border}render(){return o(i,{class:{[`paper__elevation--${this.elevation}`]:this.hasBorder,border:this.border,[`bg-${this.bgColor}`]:!0},style:{height:`${this.height}`,width:`${this.width}`}},o("div",{class:"paper__display","data-test":this.dataTest},o("slot",null)))}};e.style='.bds-hover:hover{mix-blend-mode:multiply}.focus::before{content:"";position:absolute;inset:-4px;border:2px solid transparent;border-radius:4px}.focus:focus-visible{outline:none}.focus:focus-visible::before{border-color:#c226fb}.disabled{pointer-events:none}.bg-surface-1{background-color:var(--color-surface-1, #f6f6f6)}.bg-surface-2{background-color:var(--color-surface-2, #e0e0e0)}.bg-surface-3{background-color:var(--color-surface-3, #cfcfcf)}.bg-surface-4{background-color:var(--color-surface-4, #141414)}:host{display:block;border-radius:7px}:host(.border){border:1px solid var(--color-border-1, #c9c9c9);margin:-1px}:host(.bg-surface-0){background-color:var(--color-surface-0, #ffffff)}:host(.bg-surface-1){background-color:var(--color-surface-1, #f6f6f6)}:host(.bg-surface-2){background-color:var(--color-surface-2, #e0e0e0)}:host(.bg-surface-3){background-color:var(--color-surface-3, #cfcfcf)}:host(.bg-surface-4){background-color:var(--color-surface-4, #141414)}:host(.paper__elevation--none){-webkit-box-shadow:none;box-shadow:none}:host(.paper__elevation--static){-webkit-box-shadow:0px 2px 8px -2px var(--color-shadow-1, rgba(0, 0, 0, 0.16));box-shadow:0px 2px 8px -2px var(--color-shadow-1, rgba(0, 0, 0, 0.16))}:host(.paper__elevation--primary){-webkit-box-shadow:0px 6px 16px -4px var(--color-shadow-1, rgba(0, 0, 0, 0.16));box-shadow:0px 6px 16px -4px var(--color-shadow-1, rgba(0, 0, 0, 0.16))}:host(.paper__elevation--secondary){-webkit-box-shadow:0px 8px 4px -4px var(--color-shadow-0, rgba(0, 0, 0, 0.04)), 0px 12px 12px -4px var(--color-shadow-1, rgba(0, 0, 0, 0.16));box-shadow:0px 8px 4px -4px var(--color-shadow-0, rgba(0, 0, 0, 0.04)), 0px 12px 12px -4px var(--color-shadow-1, rgba(0, 0, 0, 0.16))}.paper__display{display:contents}';const d=class{constructor(o){t(this,o)}render(){return o("bds-grid",{xxs:"12",padding:"x-2","flex-wrap":"wrap"},o("bds-grid",{xxs:"12",margin:"t-2"},o("div",{class:"titulo"},o("bds-typo",{variant:"fs-40",bold:"bold"},"Titulo de teste fora de temas"))),o("bds-grid",{xxs:"6",padding:"r-1"},o("bds-theme-provider",{theme:"light"},o("bds-paper",{elevation:"none",border:!0},o("bds-grid",{padding:"2"})))),o("bds-grid",{xxs:"6",padding:"l-1"},o("bds-theme-provider",{theme:"dark"},o("bds-paper",{elevation:"none",border:!0},o("bds-grid",{padding:"2"})))))}};d.style="";const n=class{constructor(o){t(this,o),this.theme="light"}render(){return o(i,{class:{theme:!0,[`theme--${this.theme}`]:!0}},o("slot",null))}};n.style=":host(.theme--light){width:100%;height:100%;--color-brand:#0096fa;--color-primary:#1e6bf1;--color-secondary:#292929;--color-surface-0:#ffffff;--color-surface-1:#f6f6f6;--color-surface-2:#e0e0e0;--color-surface-3:#cfcfcf;--color-surface-4:#141414;--color-surface-positive:#d3f4e5;--color-surface-negative:#ffd6d6;--color-surface-primary:#1e6bf1;--color-content-default:#454545;--color-content-disable:#636363;--color-content-ghost:#8c8c8c;--color-content-bright:#ffffff;--color-content-din:#000000;--color-border-1:#c9c9c9;--color-border-2:#e0e0e0;--color-border-3:#ededed;--color-positive:#007a42;--color-negative:#a80b0b;--color-info:#80e3eb;--color-system:#b2dffd;--color-focus:#c226fb;--color-success:#84ebbc;--color-warning:#fde99b;--color-error:#f99f9f;--color-delete:#e60f0f;--color-extended-blue:#1968f0;--color-extended-blue-bright:#b2dffd;--color-extended-ocean:#00d3e4;--color-extended-ocean-bright:#80e3eb;--color-extended-green:#35de90;--color-extended-green-bright:#84ebbc;--color-extended-yellow:#fbcf23;--color-extended-yellow-bright:#fde99b;--color-extended-orange:#f06305;--color-extended-orange-bright:#fcaa73;--color-extended-red:#e60f0f;--color-extended-red-bright:#f99f9f;--color-extended-pink:#fb4bc1;--color-extended-pink-bright:#fd9bdc;--color-extended-gray:#666666;--color-extended-gray-bright:#c7c7c7;--color-hover:rgba(0, 0, 0, 0.08);--color-pressed:rgba(0, 0, 0, 0.16);--color-shadow-0:rgba(0, 0, 0, 0.04);--color-shadow-1:rgba(0, 0, 0, 0.16)}:host(.theme--dark){width:100%;height:100%;--color-brand:#0096fa;--color-primary:#498bff;--color-secondary:#ffffff;--color-surface-0:#424242;--color-surface-1:#393939;--color-surface-2:#1f1f1f;--color-surface-3:#141414;--color-surface-4:#0a0a0a;--color-surface-positive:#01562f;--color-surface-negative:#570000;--color-surface-primary:#0c50c5;--color-content-default:#ffffff;--color-content-disable:#949494;--color-content-ghost:#666666;--color-content-bright:#ffffff;--color-content-din:#000000;--color-border-1:#707070;--color-border-2:#4f4f4f;--color-border-3:#454545;--color-positive:#6bffbc;--color-negative:#ffb8b8;--color-info:#004f56;--color-system:#003c64;--color-focus:#c226fb;--color-success:#355e4b;--color-warning:#60593b;--color-error:#7b3d3d;--color-delete:#b60c0c;--color-extended-blue:#1968f0;--color-extended-blue-bright:#b2dffd;--color-extended-ocean:#00d3e4;--color-extended-ocean-bright:#80e3eb;--color-extended-green:#35de90;--color-extended-green-bright:#84ebbc;--color-extended-yellow:#fbcf23;--color-extended-yellow-bright:#fde99b;--color-extended-orange:#f06305;--color-extended-orange-bright:#fcaa73;--color-extended-red:#e60f0f;--color-extended-red-bright:#f99f9f;--color-extended-pink:#fb4bc1;--color-extended-pink-bright:#fd9bdc;--color-extended-gray:#666666;--color-extended-gray-bright:#c7c7c7;--color-hover:rgba(255, 255, 255, 0.16);--color-pressed:rgba(255, 255, 255, 0.08);--color-shadow-0:var(--color-shadow-0, rgba(0, 0, 0, 0.04));--color-shadow-1:var(--color-shadow-1, rgba(0, 0, 0, 0.16))}:host(.theme--high-contrast){width:100%;height:100%;--color-brand:#0096fa;--color-primary:#1e6bf1;--color-secondary:#292929;--color-surface-1:#ffffff;--color-surface-2:#f5f5f5;--color-surface-3:#e0e0e0;--color-surface-4:#141414;--color-content-default:#292929;--color-content-disable:#666666;--color-content-ghost:#949494;--color-content-bright:#ffffff;--color-content-din:#000000;--color-border-1:#616161;--color-info:#80e3eb;--color-system:#99d5fd;--color-focus:#c226fb;--color-success:#84ebbc;--color-warning:#fde99b;--color-error:#f99f9f;--color-delete:#e60f0f;--color-extended-blue:#1968f0;--color-extended-ocean:#00d3e4;--color-extended-green:#35de90;--color-extended-yellow:#fbcf23;--color-extended-orange:#f06305;--color-extended-red:#e60f0f;--color-extended-pink:#fb4bc1;--color-extended-gray:#666666;--color-hover:rgba(0, 0, 0, 0.08);--color-pressed:rgba(0, 0, 0, 0.16);--color-shadow-1:rgba(0, 0, 0, 0.16);--color-positive:#10603b;--color-negative:#e60f0f}";const s=class{constructor(o){t(this,o),this.variant="fs-16",this.lineHeight=null,this.bold=null,this.italic=!1,this.noWrap=!1,this.paragraph=!1,this.margin=!0,this.tag="p",this.dataTest=null}render(){return o(this.tag,{class:{typo:!0,[`typo__variant--${this.variant}`]:!0,[`typo__margin--${this.variant}`]:this.margin,"typo--no-wrap":this.noWrap,"typo--paragraph":this.paragraph,"typo--italic":this.italic,[`typo__line-height--${this.lineHeight}`]:!!this.lineHeight,[`typo__bold--${this.bold}`]:!!this.bold},part:"bds-typo__text","data-test":this.dataTest},o("slot",null))}};s.style=':host{color:var(--color-content-default, #454545)}.typo{margin:0;font-family:"Nunito Sans", "Carbona", "Tahoma", "Helvetica", "Arial", sans-serif;font-style:normal;font-weight:normal;margin:0;-webkit-margin-before:0;margin-block-start:0;-webkit-margin-after:0;margin-block-end:0;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:0;margin-inline-end:0;padding:0;border:0}.typo--italic{font-style:italic}.typo--no-wrap{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.typo--paragraph{margin-bottom:16px}.typo__variant--fs-10{font-size:0.625rem;line-height:150%}.typo__variant--fs-12{font-size:0.75rem;line-height:150%}.typo__variant--fs-14{font-size:0.875rem;line-height:150%}.typo__variant--fs-16{font-size:1rem;line-height:150%}.typo__variant--fs-20{font-size:1.25rem;line-height:100%}.typo__variant--fs-24{font-size:1.5rem;line-height:100%}.typo__variant--fs-32{font-size:2rem;line-height:100%}.typo__variant--fs-40{font-size:2.5rem;line-height:100%}.typo__margin--fs-20{margin-bottom:22px}.typo__margin--fs-24{margin-bottom:22px}.typo__margin--fs-32{margin-bottom:22px}.typo__margin--fs-40{margin-bottom:20px}.typo__line-height--none{line-height:0%}.typo__line-height--small{line-height:5%}.typo__line-height--simple{line-height:100%}.typo__line-height--plus{line-height:150%}.typo__line-height--double{line-height:200%}.typo__bold--regular{font-weight:400}.typo__bold--semi-bold{font-weight:600}.typo__bold--bold{font-weight:700}.typo__bold--extra-bold{font-weight:800}';export{a as bds_grid,e as bds_paper,d as bds_test_component,n as bds_theme_provider,s as bds_typo}
package/dist/blip-ds/p-e604c9b2.entry.js DELETED
@@ -1 +0,0 @@
1
- import{r as t,h as i,H as s,g as e}from"./p-93b809e8.js";const h=class{constructor(i){t(this,i),this.imageHasLoading=!1,this.src=void 0,this.alt=void 0,this.width=void 0,this.height=void 0,this.objectFit="cover",this.brightness=void 0,this.dataTest=null,this.imageLoaded=!1,this.loadError=!1,this.currentSrc=void 0}componentDidLoad(){var t;this.element.style.width=this.width?this.width:"auto",this.element.style.height=(null===(t=this.height)||void 0===t?void 0:t.length)>0?this.height:"auto"}async loadImage(){if(this.src){this.imageHasLoading=!0;try{const t=await fetch(this.src);if(t.ok){const i=await t.blob(),s=URL.createObjectURL(i);this.currentSrc=s,this.imageLoaded=!0,this.imageHasLoading=!1}else this.loadError=!0}catch(t){this.imageHasLoading=!1,this.loadError=!0}}}render(){return this.imageLoaded||this.loadError||this.loadImage(),i(s,null,this.imageLoaded?i("img",{src:this.currentSrc,alt:this.alt,style:{objectFit:this.objectFit,width:"100%",height:"100%",filter:`brightness(${this.brightness})`},"data-test":this.dataTest,draggable:!1}):this.imageHasLoading?i("bds-skeleton",{shape:"square",width:"100%",height:"100%"}):i("bds-illustration",{class:"img-feedback",type:"empty-states",name:this.loadError?"broken-image":"image-not-found",alt:this.alt,"data-test":this.dataTest}))}get element(){return e(this)}};h.style=":host{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background-color:var(--color-surface-3, #cfcfcf)}:host .img-feedback{height:76%}";export{h as bds_image}