@aiconomy/aico-components 0.0.13 → 0.0.53

package/dist/cjs/bootstrap-slick-test.cjs.entry.js

@@ -0,0 +1,38 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-75c0e002.js');
+const slick = require('./slick-d0dfbd94.js');
+
+const bootstrapSlickTestCss = ".sc-bootstrap-slick-test-h{display:block}";
+
+const BootstrapSlickTest = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    componentDidLoad() {
+        slick.jquery('.carousel').slick({
+            autoplay: true,
+            autoplaySpeed: 6000,
+            fade: true,
+            dots: true,
+            pauseOnDotsHover: true,
+        });
+    }
+    render() {
+        return (index.h(index.Host, null, index.h("div", { class: "card", style: { width: '18rem' } }, index.h("img", { class: "card-img-top", src: "https://source.unsplash.com/random/320x240", alt: "Card image cap" }), index.h("div", { class: "card-body" }, index.h("h5", { class: "card-title" }, index.getAssetPath('')), index.h("p", { class: "card-text" }, "Some quick example text to build on the card title and make up the bulk of the card's content."), index.h("a", { href: "#", class: "btn btn-primary" }, "Go somewhere"))), index.h("div", { class: "card", style: { width: '18rem' } }, index.h("div", { class: "card-body bg-primary" }, index.h("div", { class: "carousel" }, [
+            'https://source.unsplash.com/random/320x240',
+            'https://source.unsplash.com/random/320x240',
+            'https://source.unsplash.com/random/320x240',
+            'https://source.unsplash.com/random/320x240',
+            'https://source.unsplash.com/random/320x240',
+            'https://source.unsplash.com/random/320x240',
+        ].map(url => (index.h("div", { class: "carousel-item" }, index.h("img", { "data-lazy": url })))))))));
+    }
+};
+BootstrapSlickTest.style = bootstrapSlickTestCss;
+
+exports.bootstrap_slick_test = BootstrapSlickTest;
+
+//# sourceMappingURL=bootstrap-slick-test.cjs.entry.js.map

package/dist/cjs/bootstrap-slick-test.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"bootstrap-slick-test.entry.cjs.js","mappings":";;;;;;;AAAA,MAAM,qBAAqB,GAAG,2CAA2C;;MCU5D,kBAAkB;;;;IAC7B,gBAAgB;QACdA,YAAC,CAAC,WAAW,CAAC,CAAC,KAAK,CAAC;YACnB,QAAQ,EAAE,IAAI;YACd,aAAa,EAAE,IAAI;YACnB,IAAI,EAAE,IAAI;YACV,IAAI,EAAE,IAAI;YACV,gBAAgB,EAAE,IAAI;SACvB,CAAC,CAAC;KACJ;IAED,MAAM;QACJ,QACEC,QAACC,UAAI,QACHD,iBAAK,KAAK,EAAC,MAAM,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,IACzCA,iBAAK,KAAK,EAAC,cAAc,EAAC,GAAG,EAAC,4CAA4C,EAAC,GAAG,EAAC,gBAAgB,GAAG,EAClGA,iBAAK,KAAK,EAAC,WAAW,IACpBA,gBAAI,KAAK,EAAC,YAAY,IAAEE,kBAAY,CAAC,EAAE,CAAC,CAAM,EAC9CF,eAAG,KAAK,EAAC,WAAW,qGAAmG,EACvHA,eAAG,IAAI,EAAC,GAAG,EAAC,KAAK,EAAC,iBAAiB,mBAE/B,CACA,CACF,EAENA,iBAAK,KAAK,EAAC,MAAM,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,IACzCA,iBAAK,KAAK,EAAC,sBAAsB,IAC/BA,iBAAK,KAAK,EAAC,UAAU,IAClB;YACC,4CAA4C;YAC5C,4CAA4C;YAC5C,4CAA4C;YAC5C,4CAA4C;YAC5C,4CAA4C;YAC5C,4CAA4C;SAC7C,CAAC,GAAG,CAAC,GAAG,KACPA,iBAAK,KAAK,EAAC,eAAe,IACxBA,8BAAgB,GAAG,GAAI,CACnB,CACP,CAAC,CACE,CACF,CACF,CACD,EACP;KACH;;;;;;","names":["$","h","Host","getAssetPath"],"sources":["src/components/bootstrap-slick-test/bootstrap-slick-test.css?tag=bootstrap-slick-test&encapsulation=scoped","src/components/bootstrap-slick-test/bootstrap-slick-test.tsx"],"sourcesContent":["/* @import url('https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css'); */\n/* @import url('https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick-theme.css'); */\n\n:host {\n  display: block;\n}\n","import { Component, Host, getAssetPath, h } from '@stencil/core';\n\nimport $ from 'jquery';\nimport 'slick-carousel';\n\n@Component({\n  tag: 'bootstrap-slick-test',\n  styleUrl: 'bootstrap-slick-test.css',\n  scoped: true,\n})\nexport class BootstrapSlickTest {\n  componentDidLoad() {\n    $('.carousel').slick({\n      autoplay: true,\n      autoplaySpeed: 6000,\n      fade: true,\n      dots: true,\n      pauseOnDotsHover: true,\n    });\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"card\" style={{ width: '18rem' }}>\n          <img class=\"card-img-top\" src=\"https://source.unsplash.com/random/320x240\" alt=\"Card image cap\" />\n          <div class=\"card-body\">\n            <h5 class=\"card-title\">{getAssetPath('')}</h5>\n            <p class=\"card-text\">Some quick example text to build on the card title and make up the bulk of the card's content.</p>\n            <a href=\"#\" class=\"btn btn-primary\">\n              Go somewhere\n            </a>\n          </div>\n        </div>\n\n        <div class=\"card\" style={{ width: '18rem' }}>\n          <div class=\"card-body bg-primary\">\n            <div class=\"carousel\">\n              {[\n                'https://source.unsplash.com/random/320x240',\n                'https://source.unsplash.com/random/320x240',\n                'https://source.unsplash.com/random/320x240',\n                'https://source.unsplash.com/random/320x240',\n                'https://source.unsplash.com/random/320x240',\n                'https://source.unsplash.com/random/320x240',\n              ].map(url => (\n                <div class=\"carousel-item\">\n                  <img data-lazy={url} />\n                </div>\n              ))}\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}