@everymatrix/helper-tabs 0.0.3

package/dist/cjs/helper-tab_2.cjs.entry.js

@@ -0,0 +1,65 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-1c312caa.js');
+
+const helperTabCss = ":host{display:block}";
+
+const HelperTab = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    /**
+     * Selected index
+     */
+    this.selectedIndex = 0;
+  }
+  /**
+ * Endpoing for CMS
+ */
+  connectedCallback() {
+    /**
+     * fetch(cmsEndpoint + / + / + selectedIndex)
+     */
+  }
+  render() {
+    return [
+      index.h("div", null, "Reference site about Lorem Ipsum, giving information on its origins, as well as a random Lipsum generator.", this.selectedIndex + 1)
+    ];
+  }
+};
+HelperTab.style = helperTabCss;
+
+const helperTabsCss = "@import url(\"https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap\");:host{display:block;font-family:\"Roboto\", sans-serif}.Tabs{display:flex;gap:10px;overflow-x:auto}.TabButton{cursor:pointer;width:auto;border-radius:4px;padding:8px 15px;margin:5px 0 10px;border:1px solid #009993;background:#FFF;color:#000;font-size:12px;transition:all 0.2s linear;text-align:center;letter-spacing:0;white-space:nowrap}.TabButton:hover{background:#F1F1F1}.TabButton.Active{background:#009993;color:#FFF}";
+
+const HelperTabs = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    /**
+     * Tell me if it is disabled
+     */
+    this.disabled = false;
+    /**
+   * Tell me what tab is selected
+   */
+    this.selected = false;
+    /**
+     * Default selected index
+     */
+    this.selectedIndex = 0;
+    /**
+     * Tabs details
+     */
+    this.tabs = [{ label: 'Draw Details' }, { label: 'Winnings' }, { label: 'How to Play' }, { label: 'Game Odds' }, { label: 'FAQs' }];
+  }
+  connectedCallback() {
+  }
+  render() {
+    return (index.h("div", null, index.h("div", { class: "Tabs" }, this.tabs.map((tab, index$1) => index.h("button", { class: 'TabButton' + (this.selectedIndex == index$1 ? ' Active' : ''), onClick: () => this.selectedIndex = index$1 }, tab.label))), index.h("div", null, index.h("helper-tab", { selectedIndex: this.selectedIndex }))));
+  }
+  get host() { return index.getElement(this); }
+};
+HelperTabs.style = helperTabsCss;
+
+exports.helper_tab = HelperTab;
+exports.helper_tabs = HelperTabs;

package/dist/cjs/helper-tabs.cjs.js

@@ -0,0 +1,19 @@
+'use strict';
+
+const index = require('./index-1c312caa.js');
+
+/*
+ Stencil Client Patch Browser v2.17.0 | MIT Licensed | https://stenciljs.com
+ */
+const patchBrowser = () => {
+    const importMeta = (typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('helper-tabs.cjs.js', document.baseURI).href));
+    const opts = {};
+    if (importMeta !== '') {
+        opts.resourcesUrl = new URL('.', importMeta).href;
+    }
+    return index.promiseResolve(opts);
+};
+
+patchBrowser().then(options => {
+  return index.bootstrapLazy([["helper-tab_2.cjs",[[1,"helper-tabs",{"disabled":[4],"label":[1],"selected":[4],"cmsEndpoint":[1,"cms-endpoint"],"selectedIndex":[1538,"selected-index"],"tabs":[16]}],[1,"helper-tab",{"selectedIndex":[2,"selected-index"],"cmsEndpoint":[1,"cms-endpoint"]}]]]], options);
+});