@everymatrix/helper-tabs 0.0.3 → 0.1.4

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.
@@ -2,9 +2,9 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const index = require('./index-1c312caa.js');
5
+ const index = require('./index-ba9ede9f.js');
6
6
 
7
- const helperTabCss = ":host{display:block}";
7
+ const helperTabCss = ":host{display:block}.TabContent{font-size:14px;color:#000;font-weight:normal}";
8
8
 
9
9
  const HelperTab = class {
10
10
  constructor(hostRef) {
@@ -13,19 +13,22 @@ const HelperTab = class {
13
13
  * Selected index
14
14
  */
15
15
  this.selectedIndex = 0;
16
+ this.tabContent = '';
16
17
  }
17
- /**
18
- * Endpoing for CMS
19
- */
20
18
  connectedCallback() {
21
19
  /**
22
20
  * fetch(cmsEndpoint + / + / + selectedIndex)
23
21
  */
24
22
  }
25
23
  render() {
26
- return [
27
- index.h("div", null, "Reference site about Lorem Ipsum, giving information on its origins, as well as a random Lipsum generator.", this.selectedIndex + 1)
28
- ];
24
+ this.tabContent = index.h("div", { class: "TabContent" }, "Each play includes one set of numbers from 1 to 21 with a selectable number of 8 and a second, 4-digit set of numbers, with a minimum selection of 1. Draws are held every 5 minutes and the winnings are automatically credited to your account.");
25
+ if (this.selectedIndex + 1 == 2) {
26
+ this.tabContent = index.h("div", { class: "TabContent" }, index.h("ol", null, index.h("li", null, "Register or Login"), index.h("li", null, "Buy tickets. Select 'Buy Tickets' to pick your numbers. Want us to automatically generate random numbers for you? Choose \u201CI feel lucky\u201D."), index.h("li", null, "Review and Complete your purchase. Once you've chosen your total number of plays, and confirmed your number of selections, review your ticket details and complete your purchase!")));
27
+ }
28
+ else if (this.selectedIndex + 1 == 3) {
29
+ this.tabContent = index.h("div", { class: "TabContent" }, index.h("ul", null, index.h("li", null, "What are my odds of winning?"), index.h("li", null, "How can I find out if I\u2019ve won a draw game?"), index.h("li", null, "How do I claim my prize?")));
30
+ }
31
+ return (this.tabContent);
29
32
  }
30
33
  };
31
34
  HelperTab.style = helperTabCss;
@@ -50,7 +53,7 @@ const HelperTabs = class {
50
53
  /**
51
54
  * Tabs details
52
55
  */
53
- this.tabs = [{ label: 'Draw Details' }, { label: 'Winnings' }, { label: 'How to Play' }, { label: 'Game Odds' }, { label: 'FAQs' }];
56
+ this.tabs = [{ label: 'How to Play' }, { label: 'About' }, { label: 'FAQs' }];
54
57
  }
55
58
  connectedCallback() {
56
59
  }
@@ -1,9 +1,9 @@
1
1
  'use strict';
2
2
 
3
- const index = require('./index-1c312caa.js');
3
+ const index = require('./index-ba9ede9f.js');
4
4
 
5
5
  /*
6
- Stencil Client Patch Browser v2.17.0 | MIT Licensed | https://stenciljs.com
6
+ Stencil Client Patch Browser v2.15.2 | MIT Licensed | https://stenciljs.com
7
7
  */
8
8
  const patchBrowser = () => {
9
9
  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));
@@ -15,5 +15,5 @@ const patchBrowser = () => {
15
15
  };
16
16
 
17
17
  patchBrowser().then(options => {
18
- 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);
18
+ 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"],"tabContent":[32]}]]]], options);
19
19
  });
@@ -76,7 +76,7 @@ const registerStyle = (scopeId, cssText, allowCS) => {
76
76
  };
77
77
  const addStyle = (styleContainerNode, cmpMeta, mode, hostElm) => {
78
78
  let scopeId = getScopeId(cmpMeta);
79
- const style = styles.get(scopeId);
79
+ let style = styles.get(scopeId);
80
80
  // if an element is NOT connected then getRootNode() will return the wrong root node
81
81
  // so the fallback is to always use the document for the root node in those cases
82
82
  styleContainerNode = styleContainerNode.nodeType === 11 /* DocumentFragment */ ? styleContainerNode : doc;
@@ -156,7 +156,7 @@ const h = (nodeName, vnodeData, ...children) => {
156
156
  let child = null;
157
157
  let simple = false;
158
158
  let lastSimple = false;
159
- const vNodeChildren = [];
159
+ let vNodeChildren = [];
160
160
  const walk = (c) => {
161
161
  for (let i = 0; i < c.length; i++) {
162
162
  child = c[i];
@@ -279,7 +279,7 @@ const setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
279
279
  if ((isProp || (isComplex && newValue !== null)) && !isSvg) {
280
280
  try {
281
281
  if (!elm.tagName.includes('-')) {
282
- const n = newValue == null ? '' : newValue;
282
+ let n = newValue == null ? '' : newValue;
283
283
  // Workaround for Safari, moving the <input> caret when re-assigning the same valued
284
284
  if (memberName === 'list') {
285
285
  isProp = false;
@@ -336,7 +336,7 @@ const updateElement = (oldVnode, newVnode, isSvgMode, memberName) => {
336
336
  };
337
337
  const createElm = (oldParentVNode, newParentVNode, childIndex, parentElm) => {
338
338
  // tslint:disable-next-line: prefer-const
339
- const newVNode = newParentVNode.$children$[childIndex];
339
+ let newVNode = newParentVNode.$children$[childIndex];
340
340
  let i = 0;
341
341
  let elm;
342
342
  let childNode;
@@ -1100,9 +1100,7 @@ const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
1100
1100
  if (module) {
1101
1101
  return module[exportName];
1102
1102
  }
1103
- /*!__STENCIL_STATIC_IMPORT_SWITCH__*/
1104
1103
  return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
1105
- /* @vite-ignore */
1106
1104
  /* webpackInclude: /\.entry\.js$/ */
1107
1105
  /* webpackExclude: /\.system\.entry\.js$/ */
1108
1106
  /* webpackMode: "lazy" */
@@ -2,10 +2,10 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const index = require('./index-1c312caa.js');
5
+ const index = require('./index-ba9ede9f.js');
6
6
 
7
7
  /*
8
- Stencil Client Patch Esm v2.17.0 | MIT Licensed | https://stenciljs.com
8
+ Stencil Client Patch Esm v2.15.2 | MIT Licensed | https://stenciljs.com
9
9
  */
10
10
  const patchEsm = () => {
11
11
  return index.promiseResolve();
@@ -14,7 +14,7 @@ const patchEsm = () => {
14
14
  const defineCustomElements = (win, options) => {
15
15
  if (typeof window === 'undefined') return Promise.resolve();
16
16
  return patchEsm().then(() => {
17
- 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);
17
+ 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"],"tabContent":[32]}]]]], options);
18
18
  });
19
19
  };
20
20
 
@@ -5,7 +5,7 @@
5
5
  ],
6
6
  "compiler": {
7
7
  "name": "@stencil/core",
8
- "version": "2.17.0",
8
+ "version": "2.15.2",
9
9
  "typescriptVersion": "4.5.4"
10
10
  },
11
11
  "collections": [],
@@ -1,3 +1,9 @@
1
1
  :host {
2
2
  display: block;
3
+ }
4
+
5
+ .TabContent {
6
+ font-size: 14px;
7
+ color: #000;
8
+ font-weight: normal;
3
9
  }
@@ -1,25 +1,34 @@
1
- import { Component, h, Prop } from '@stencil/core';
1
+ import { Component, h, Prop, State } from '@stencil/core';
2
2
  export class HelperTab {
3
3
  constructor() {
4
4
  /**
5
5
  * Selected index
6
6
  */
7
7
  this.selectedIndex = 0;
8
+ this.tabContent = '';
8
9
  }
9
- /**
10
- * Endpoing for CMS
11
- */
12
10
  connectedCallback() {
13
11
  /**
14
12
  * fetch(cmsEndpoint + / + / + selectedIndex)
15
13
  */
16
14
  }
17
15
  render() {
18
- return [
19
- h("div", null,
20
- "Reference site about Lorem Ipsum, giving information on its origins, as well as a random Lipsum generator.",
21
- this.selectedIndex + 1)
22
- ];
16
+ this.tabContent = h("div", { class: "TabContent" }, "Each play includes one set of numbers from 1 to 21 with a selectable number of 8 and a second, 4-digit set of numbers, with a minimum selection of 1. Draws are held every 5 minutes and the winnings are automatically credited to your account.");
17
+ if (this.selectedIndex + 1 == 2) {
18
+ this.tabContent = h("div", { class: "TabContent" },
19
+ h("ol", null,
20
+ h("li", null, "Register or Login"),
21
+ h("li", null, "Buy tickets. Select 'Buy Tickets' to pick your numbers. Want us to automatically generate random numbers for you? Choose \u201CI feel lucky\u201D."),
22
+ h("li", null, "Review and Complete your purchase. Once you've chosen your total number of plays, and confirmed your number of selections, review your ticket details and complete your purchase!")));
23
+ }
24
+ else if (this.selectedIndex + 1 == 3) {
25
+ this.tabContent = h("div", { class: "TabContent" },
26
+ h("ul", null,
27
+ h("li", null, "What are my odds of winning?"),
28
+ h("li", null, "How can I find out if I\u2019ve won a draw game?"),
29
+ h("li", null, "How do I claim my prize?")));
30
+ }
31
+ return (this.tabContent);
23
32
  }
24
33
  static get is() { return "helper-tab"; }
25
34
  static get encapsulation() { return "shadow"; }
@@ -66,4 +75,7 @@ export class HelperTab {
66
75
  "reflect": false
67
76
  }
68
77
  }; }
78
+ static get states() { return {
79
+ "tabContent": {}
80
+ }; }
69
81
  }
@@ -16,7 +16,7 @@ export class HelperTabs {
16
16
  /**
17
17
  * Tabs details
18
18
  */
19
- this.tabs = [{ label: 'Draw Details' }, { label: 'Winnings' }, { label: 'How to Play' }, { label: 'Game Odds' }, { label: 'FAQs' }];
19
+ this.tabs = [{ label: 'How to Play' }, { label: 'About' }, { label: 'FAQs' }];
20
20
  }
21
21
  connectedCallback() {
22
22
  if (this.tabs.length == 0) {
@@ -147,7 +147,7 @@ export class HelperTabs {
147
147
  "tags": [],
148
148
  "text": "Tabs details"
149
149
  },
150
- "defaultValue": "[{label: 'Draw Details'}, {label: 'Winnings'}, {label: 'How to Play'}, {label: 'Game Odds'}, {label: 'FAQs'}]"
150
+ "defaultValue": "[{label: 'How to Play'}, {label: 'About'}, {label: 'FAQs'}]"
151
151
  }
152
152
  }; }
153
153
  static get elementRef() { return "host"; }
@@ -1,6 +1,6 @@
1
1
  import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
2
2
 
3
- const helperTabCss = ":host{display:block}";
3
+ const helperTabCss = ":host{display:block}.TabContent{font-size:14px;color:#000;font-weight:normal}";
4
4
 
5
5
  const HelperTab = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
6
6
  constructor() {
@@ -11,24 +11,28 @@ const HelperTab = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
11
11
  * Selected index
12
12
  */
13
13
  this.selectedIndex = 0;
14
+ this.tabContent = '';
14
15
  }
15
- /**
16
- * Endpoing for CMS
17
- */
18
16
  connectedCallback() {
19
17
  /**
20
18
  * fetch(cmsEndpoint + / + / + selectedIndex)
21
19
  */
22
20
  }
23
21
  render() {
24
- return [
25
- h("div", null, "Reference site about Lorem Ipsum, giving information on its origins, as well as a random Lipsum generator.", this.selectedIndex + 1)
26
- ];
22
+ this.tabContent = h("div", { class: "TabContent" }, "Each play includes one set of numbers from 1 to 21 with a selectable number of 8 and a second, 4-digit set of numbers, with a minimum selection of 1. Draws are held every 5 minutes and the winnings are automatically credited to your account.");
23
+ if (this.selectedIndex + 1 == 2) {
24
+ this.tabContent = h("div", { class: "TabContent" }, h("ol", null, h("li", null, "Register or Login"), h("li", null, "Buy tickets. Select 'Buy Tickets' to pick your numbers. Want us to automatically generate random numbers for you? Choose \u201CI feel lucky\u201D."), h("li", null, "Review and Complete your purchase. Once you've chosen your total number of plays, and confirmed your number of selections, review your ticket details and complete your purchase!")));
25
+ }
26
+ else if (this.selectedIndex + 1 == 3) {
27
+ this.tabContent = h("div", { class: "TabContent" }, h("ul", null, h("li", null, "What are my odds of winning?"), h("li", null, "How can I find out if I\u2019ve won a draw game?"), h("li", null, "How do I claim my prize?")));
28
+ }
29
+ return (this.tabContent);
27
30
  }
28
31
  static get style() { return helperTabCss; }
29
32
  }, [1, "helper-tab", {
30
33
  "selectedIndex": [2, "selected-index"],
31
- "cmsEndpoint": [1, "cms-endpoint"]
34
+ "cmsEndpoint": [1, "cms-endpoint"],
35
+ "tabContent": [32]
32
36
  }]);
33
37
  function defineCustomElement() {
34
38
  if (typeof customElements === "undefined") {
@@ -23,7 +23,7 @@ const HelperTabs$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
23
23
  /**
24
24
  * Tabs details
25
25
  */
26
- this.tabs = [{ label: 'Draw Details' }, { label: 'Winnings' }, { label: 'How to Play' }, { label: 'Game Odds' }, { label: 'FAQs' }];
26
+ this.tabs = [{ label: 'How to Play' }, { label: 'About' }, { label: 'FAQs' }];
27
27
  }
28
28
  connectedCallback() {
29
29
  }
@@ -1,6 +1,6 @@
1
1
  /* HelperTabs custom elements */
2
- export { HelperTab as HelperTab } from '../types/components/helper-tab/helper-tab';
3
- export { HelperTabs as HelperTabs } from '../types/components/helper-tabs/helper-tabs';
2
+
3
+ import type { Components, JSX } from "../types/components";
4
4
 
5
5
  /**
6
6
  * Used to manually set the base path where assets can be found.
@@ -20,4 +20,7 @@ export interface SetPlatformOptions {
20
20
  rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
21
21
  }
22
22
  export declare const setPlatformOptions: (opts: SetPlatformOptions) => void;
23
+
24
+ export type { Components, JSX };
25
+
23
26
  export * from '../types';
@@ -1,3 +1 @@
1
1
  export { setAssetPath, setPlatformOptions } from '@stencil/core/internal/client';
2
- export { HelperTab, defineCustomElement as defineCustomElementHelperTab } from './helper-tab.js';
3
- export { HelperTabs, defineCustomElement as defineCustomElementHelperTabs } from './helper-tabs.js';
@@ -1,6 +1,6 @@
1
- import { r as registerInstance, h, g as getElement } from './index-1d6a1419.js';
1
+ import { r as registerInstance, h, g as getElement } from './index-9a1fb055.js';
2
2
 
3
- const helperTabCss = ":host{display:block}";
3
+ const helperTabCss = ":host{display:block}.TabContent{font-size:14px;color:#000;font-weight:normal}";
4
4
 
5
5
  const HelperTab = class {
6
6
  constructor(hostRef) {
@@ -9,19 +9,22 @@ const HelperTab = class {
9
9
  * Selected index
10
10
  */
11
11
  this.selectedIndex = 0;
12
+ this.tabContent = '';
12
13
  }
13
- /**
14
- * Endpoing for CMS
15
- */
16
14
  connectedCallback() {
17
15
  /**
18
16
  * fetch(cmsEndpoint + / + / + selectedIndex)
19
17
  */
20
18
  }
21
19
  render() {
22
- return [
23
- h("div", null, "Reference site about Lorem Ipsum, giving information on its origins, as well as a random Lipsum generator.", this.selectedIndex + 1)
24
- ];
20
+ this.tabContent = h("div", { class: "TabContent" }, "Each play includes one set of numbers from 1 to 21 with a selectable number of 8 and a second, 4-digit set of numbers, with a minimum selection of 1. Draws are held every 5 minutes and the winnings are automatically credited to your account.");
21
+ if (this.selectedIndex + 1 == 2) {
22
+ this.tabContent = h("div", { class: "TabContent" }, h("ol", null, h("li", null, "Register or Login"), h("li", null, "Buy tickets. Select 'Buy Tickets' to pick your numbers. Want us to automatically generate random numbers for you? Choose \u201CI feel lucky\u201D."), h("li", null, "Review and Complete your purchase. Once you've chosen your total number of plays, and confirmed your number of selections, review your ticket details and complete your purchase!")));
23
+ }
24
+ else if (this.selectedIndex + 1 == 3) {
25
+ this.tabContent = h("div", { class: "TabContent" }, h("ul", null, h("li", null, "What are my odds of winning?"), h("li", null, "How can I find out if I\u2019ve won a draw game?"), h("li", null, "How do I claim my prize?")));
26
+ }
27
+ return (this.tabContent);
25
28
  }
26
29
  };
27
30
  HelperTab.style = helperTabCss;
@@ -46,7 +49,7 @@ const HelperTabs = class {
46
49
  /**
47
50
  * Tabs details
48
51
  */
49
- this.tabs = [{ label: 'Draw Details' }, { label: 'Winnings' }, { label: 'How to Play' }, { label: 'Game Odds' }, { label: 'FAQs' }];
52
+ this.tabs = [{ label: 'How to Play' }, { label: 'About' }, { label: 'FAQs' }];
50
53
  }
51
54
  connectedCallback() {
52
55
  }
@@ -1,7 +1,7 @@
1
- import { p as promiseResolve, b as bootstrapLazy } from './index-1d6a1419.js';
1
+ import { p as promiseResolve, b as bootstrapLazy } from './index-9a1fb055.js';
2
2
 
3
3
  /*
4
- Stencil Client Patch Browser v2.17.0 | MIT Licensed | https://stenciljs.com
4
+ Stencil Client Patch Browser v2.15.2 | MIT Licensed | https://stenciljs.com
5
5
  */
6
6
  const patchBrowser = () => {
7
7
  const importMeta = import.meta.url;
@@ -13,5 +13,5 @@ const patchBrowser = () => {
13
13
  };
14
14
 
15
15
  patchBrowser().then(options => {
16
- return bootstrapLazy([["helper-tab_2",[[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);
16
+ return bootstrapLazy([["helper-tab_2",[[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"],"tabContent":[32]}]]]], options);
17
17
  });
@@ -54,7 +54,7 @@ const registerStyle = (scopeId, cssText, allowCS) => {
54
54
  };
55
55
  const addStyle = (styleContainerNode, cmpMeta, mode, hostElm) => {
56
56
  let scopeId = getScopeId(cmpMeta);
57
- const style = styles.get(scopeId);
57
+ let style = styles.get(scopeId);
58
58
  // if an element is NOT connected then getRootNode() will return the wrong root node
59
59
  // so the fallback is to always use the document for the root node in those cases
60
60
  styleContainerNode = styleContainerNode.nodeType === 11 /* DocumentFragment */ ? styleContainerNode : doc;
@@ -134,7 +134,7 @@ const h = (nodeName, vnodeData, ...children) => {
134
134
  let child = null;
135
135
  let simple = false;
136
136
  let lastSimple = false;
137
- const vNodeChildren = [];
137
+ let vNodeChildren = [];
138
138
  const walk = (c) => {
139
139
  for (let i = 0; i < c.length; i++) {
140
140
  child = c[i];
@@ -257,7 +257,7 @@ const setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
257
257
  if ((isProp || (isComplex && newValue !== null)) && !isSvg) {
258
258
  try {
259
259
  if (!elm.tagName.includes('-')) {
260
- const n = newValue == null ? '' : newValue;
260
+ let n = newValue == null ? '' : newValue;
261
261
  // Workaround for Safari, moving the <input> caret when re-assigning the same valued
262
262
  if (memberName === 'list') {
263
263
  isProp = false;
@@ -314,7 +314,7 @@ const updateElement = (oldVnode, newVnode, isSvgMode, memberName) => {
314
314
  };
315
315
  const createElm = (oldParentVNode, newParentVNode, childIndex, parentElm) => {
316
316
  // tslint:disable-next-line: prefer-const
317
- const newVNode = newParentVNode.$children$[childIndex];
317
+ let newVNode = newParentVNode.$children$[childIndex];
318
318
  let i = 0;
319
319
  let elm;
320
320
  let childNode;
@@ -1078,9 +1078,7 @@ const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
1078
1078
  if (module) {
1079
1079
  return module[exportName];
1080
1080
  }
1081
- /*!__STENCIL_STATIC_IMPORT_SWITCH__*/
1082
1081
  return import(
1083
- /* @vite-ignore */
1084
1082
  /* webpackInclude: /\.entry\.js$/ */
1085
1083
  /* webpackExclude: /\.system\.entry\.js$/ */
1086
1084
  /* webpackMode: "lazy" */
@@ -1,7 +1,7 @@
1
- import { p as promiseResolve, b as bootstrapLazy } from './index-1d6a1419.js';
1
+ import { p as promiseResolve, b as bootstrapLazy } from './index-9a1fb055.js';
2
2
 
3
3
  /*
4
- Stencil Client Patch Esm v2.17.0 | MIT Licensed | https://stenciljs.com
4
+ Stencil Client Patch Esm v2.15.2 | MIT Licensed | https://stenciljs.com
5
5
  */
6
6
  const patchEsm = () => {
7
7
  return promiseResolve();
@@ -10,7 +10,7 @@ const patchEsm = () => {
10
10
  const defineCustomElements = (win, options) => {
11
11
  if (typeof window === 'undefined') return Promise.resolve();
12
12
  return patchEsm().then(() => {
13
- return bootstrapLazy([["helper-tab_2",[[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);
13
+ return bootstrapLazy([["helper-tab_2",[[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"],"tabContent":[32]}]]]], options);
14
14
  });
15
15
  };
16
16
 
@@ -1 +1 @@
1
- import{p as e,b as s}from"./p-ae7ea99b.js";(()=>{const s=import.meta.url,t={};return""!==s&&(t.resourcesUrl=new URL(".",s).href),e(t)})().then((e=>s([["p-a82226ce",[[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"]}]]]],e)));
1
+ import{p as e,b as t}from"./p-39661e66.js";(()=>{const t=import.meta.url,n={};return""!==t&&(n.resourcesUrl=new URL(".",t).href),e(n)})().then((e=>t([["p-fb217735",[[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"],tabContent:[32]}]]]],e)));
@@ -0,0 +1 @@
1
+ let e,t,n=!1;const l="undefined"!=typeof window?window:{},s=l.document||{head:{}},o={t:0,l:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,l)=>e.addEventListener(t,n,l),rel:(e,t,n,l)=>e.removeEventListener(t,n,l),ce:(e,t)=>new CustomEvent(e,t)},r=e=>Promise.resolve(e),i=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replace}catch(e){}return!1})(),c=new WeakMap,u=e=>"sc-"+e.o,a={},f=e=>"object"==(e=typeof e)||"function"===e,$=(e,t,...n)=>{let l=null,s=!1,o=!1,r=[];const i=t=>{for(let n=0;n<t.length;n++)l=t[n],Array.isArray(l)?i(l):null!=l&&"boolean"!=typeof l&&((s="function"!=typeof e&&!f(l))&&(l+=""),s&&o?r[r.length-1].i+=l:r.push(s?h(null,l):l),o=s)};if(i(n),t){const e=t.className||t.class;e&&(t.class="object"!=typeof e?e:Object.keys(e).filter((t=>e[t])).join(" "))}const c=h(e,null);return c.u=t,r.length>0&&(c.$=r),c},h=(e,t)=>({t:0,h:e,i:t,p:null,$:null,u:null}),d={},y=(e,t,n,s,r,i)=>{if(n!==s){let c=V(e,t),u=t.toLowerCase();if("class"===t){const t=e.classList,l=m(n),o=m(s);t.remove(...l.filter((e=>e&&!o.includes(e)))),t.add(...o.filter((e=>e&&!l.includes(e))))}else if(c||"o"!==t[0]||"n"!==t[1]){const l=f(s);if((c||l&&null!==s)&&!r)try{if(e.tagName.includes("-"))e[t]=s;else{let l=null==s?"":s;"list"===t?c=!1:null!=n&&e[t]==l||(e[t]=l)}}catch(e){}null==s||!1===s?!1===s&&""!==e.getAttribute(t)||e.removeAttribute(t):(!c||4&i||r)&&!l&&e.setAttribute(t,s=!0===s?"":s)}else t="-"===t[2]?t.slice(3):V(l,u)?u.slice(2):u[2]+t.slice(3),n&&o.rel(e,t,n,!1),s&&o.ael(e,t,s,!1)}},p=/\s/,m=e=>e?e.split(p):[],b=(e,t,n,l)=>{const s=11===t.p.nodeType&&t.p.host?t.p.host:t.p,o=e&&e.u||a,r=t.u||a;for(l in o)l in r||y(s,l,o[l],void 0,n,t.t);for(l in r)y(s,l,o[l],r[l],n,t.t)},w=(t,n,l)=>{let o,r,i=n.$[l],c=0;if(null!==i.i)o=i.p=s.createTextNode(i.i);else if(o=i.p=s.createElement(i.h),b(null,i,!1),null!=e&&o["s-si"]!==e&&o.classList.add(o["s-si"]=e),i.$)for(c=0;c<i.$.length;++c)r=w(t,i,c),r&&o.appendChild(r);return o},S=(e,n,l,s,o,r)=>{let i,c=e;for(c.shadowRoot&&c.tagName===t&&(c=c.shadowRoot);o<=r;++o)s[o]&&(i=w(null,l,o),i&&(s[o].p=i,c.insertBefore(i,n)))},g=(e,t,n,l)=>{for(;t<=n;++t)(l=e[t])&&l.p.remove()},j=(e,t)=>e.h===t.h,v=(e,t)=>{const n=t.p=e.p,l=e.$,s=t.$,o=t.i;null===o?(b(e,t,!1),null!==l&&null!==s?((e,t,n,l)=>{let s,o=0,r=0,i=t.length-1,c=t[0],u=t[i],a=l.length-1,f=l[0],$=l[a];for(;o<=i&&r<=a;)null==c?c=t[++o]:null==u?u=t[--i]:null==f?f=l[++r]:null==$?$=l[--a]:j(c,f)?(v(c,f),c=t[++o],f=l[++r]):j(u,$)?(v(u,$),u=t[--i],$=l[--a]):j(c,$)?(v(c,$),e.insertBefore(c.p,u.p.nextSibling),c=t[++o],$=l[--a]):j(u,f)?(v(u,f),e.insertBefore(u.p,c.p),u=t[--i],f=l[++r]):(s=w(t&&t[r],n,r),f=l[++r],s&&c.p.parentNode.insertBefore(s,c.p));o>i?S(e,null==l[a+1]?null:l[a+1].p,n,l,r,a):r>a&&g(t,o,i)})(n,l,t,s):null!==s?(null!==e.i&&(n.textContent=""),S(n,null,t,s,0,s.length-1)):null!==l&&g(l,0,l.length-1)):e.i!==o&&(n.data=o)},M=e=>W(e).m,k=(e,t)=>{t&&!e.S&&t["s-p"]&&t["s-p"].push(new Promise((t=>e.S=t)))},C=(e,t)=>{if(e.t|=16,!(4&e.t))return k(e,e.g),Y((()=>O(e,t)));e.t|=512},O=(e,t)=>{const n=e.j;return T(void 0,(()=>P(e,n,t)))},P=async(e,t,n)=>{const l=e.m,o=l["s-rc"];n&&(e=>{const t=e.v,n=e.m,l=t.t,o=((e,t)=>{let n=u(t),l=D.get(n);if(e=11===e.nodeType?e:s,l)if("string"==typeof l){let t,o=c.get(e=e.head||e);o||c.set(e,o=new Set),o.has(n)||(t=s.createElement("style"),t.innerHTML=l,e.insertBefore(t,e.querySelector("link")),o&&o.add(n))}else e.adoptedStyleSheets.includes(l)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,l]);return n})(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);10&l&&(n["s-sc"]=o,n.classList.add(o+"-h"))})(e);x(e,t),o&&(o.map((e=>e())),l["s-rc"]=void 0);{const t=l["s-p"],n=()=>E(e);0===t.length?n():(Promise.all(t).then(n),e.t|=4,t.length=0)}},x=(n,l)=>{try{l=l.render(),n.t&=-17,n.t|=2,((n,l)=>{const s=n.m,o=n.v,r=n.M||h(null,null),i=(e=>e&&e.h===d)(l)?l:$(null,null,l);t=s.tagName,o.k&&(i.u=i.u||{},o.k.map((([e,t])=>i.u[t]=s[e]))),i.h=null,i.t|=4,n.M=i,i.p=r.p=s.shadowRoot||s,e=s["s-sc"],v(r,i)})(n,l)}catch(e){_(e,n.m)}return null},E=e=>{const t=e.m,n=e.g;64&e.t||(e.t|=64,A(t),e.C(t),n||N()),e.S&&(e.S(),e.S=void 0),512&e.t&&X((()=>C(e,!1))),e.t&=-517},N=()=>{A(s.documentElement),X((()=>(e=>{const t=o.ce("appload",{detail:{namespace:"helper-tabs"}});return e.dispatchEvent(t),t})(l)))},T=(e,t)=>e&&e.then?e.then(t):t(),A=e=>e.classList.add("hydrated"),F=(e,t,n)=>{if(t.O){const l=Object.entries(t.O),s=e.prototype;if(l.map((([e,[l]])=>{(31&l||2&n&&32&l)&&Object.defineProperty(s,e,{get(){return((e,t)=>W(this).P.get(t))(0,e)},set(n){((e,t,n,l)=>{const s=W(e),o=s.P.get(t),r=s.t,i=s.j;n=((e,t)=>null==e||f(e)?e:4&t?"false"!==e&&(""===e||!!e):2&t?parseFloat(e):1&t?e+"":e)(n,l.O[t][0]),8&r&&void 0!==o||n===o||Number.isNaN(o)&&Number.isNaN(n)||(s.P.set(t,n),i&&2==(18&r)&&C(s,!1))})(this,e,n,t)},configurable:!0,enumerable:!0})})),1&n){const n=new Map;s.attributeChangedCallback=function(e,t,l){o.jmp((()=>{const t=n.get(e);if(this.hasOwnProperty(t))l=this[t],delete this[t];else if(s.hasOwnProperty(t)&&"number"==typeof this[t]&&this[t]==l)return;this[t]=(null!==l||"boolean"!=typeof this[t])&&l}))},e.observedAttributes=l.filter((([e,t])=>15&t[0])).map((([e,l])=>{const s=l[1]||e;return n.set(s,e),512&l[0]&&t.k.push([e,s]),s}))}}return e},L=e=>{((e,t)=>{if(e&&e[t])try{e[t](void 0)}catch(e){_(e)}})(e,"connectedCallback")},R=(e,t={})=>{const n=[],r=t.exclude||[],c=l.customElements,a=s.head,f=a.querySelector("meta[charset]"),$=s.createElement("style"),h=[];let d,y=!0;Object.assign(o,t),o.l=new URL(t.resourcesUrl||"./",s.baseURI).href,e.map((e=>{e[1].map((t=>{const l={t:t[0],o:t[1],O:t[2],N:t[3]};l.O=t[2],l.k=[];const s=l.o,a=class extends HTMLElement{constructor(e){super(e),H(e=this,l),1&l.t&&e.attachShadow({mode:"open"})}connectedCallback(){d&&(clearTimeout(d),d=null),y?h.push(this):o.jmp((()=>(e=>{if(0==(1&o.t)){const t=W(e),n=t.v,l=()=>{};if(1&t.t)L(t.j);else{t.t|=1;{let n=e;for(;n=n.parentNode||n.host;)if(n["s-p"]){k(t,t.g=n);break}}n.O&&Object.entries(n.O).map((([t,[n]])=>{if(31&n&&e.hasOwnProperty(t)){const n=e[t];delete e[t],e[t]=n}})),(async(e,t,n,l,s)=>{if(0==(32&t.t)){{if(t.t|=32,(s=B(n)).then){const e=()=>{};s=await s,e()}s.isProxied||(F(s,n,2),s.isProxied=!0);const e=()=>{};t.t|=8;try{new s(t)}catch(e){_(e)}t.t&=-9,e(),L(t.j)}if(s.style){let e=s.style;const t=u(n);if(!D.has(t)){const l=()=>{};((e,t,n)=>{let l=D.get(e);i&&n?(l=l||new CSSStyleSheet,l.replace(t)):l=t,D.set(e,l)})(t,e,!!(1&n.t)),l()}}}const o=t.g,r=()=>C(t,!0);o&&o["s-rc"]?o["s-rc"].push(r):r()})(0,t,n)}l()}})(this)))}disconnectedCallback(){o.jmp((()=>{}))}componentOnReady(){return W(this).T}};l.A=e[0],r.includes(s)||c.get(s)||(n.push(s),c.define(s,F(a,l,1)))}))})),$.innerHTML=n+"{visibility:hidden}.hydrated{visibility:inherit}",$.setAttribute("data-styles",""),a.insertBefore($,f?f.nextSibling:a.firstChild),y=!1,h.length?h.map((e=>e.connectedCallback())):o.jmp((()=>d=setTimeout(N,30)))},U=new WeakMap,W=e=>U.get(e),q=(e,t)=>U.set(t.j=e,t),H=(e,t)=>{const n={t:0,m:e,v:t,P:new Map};return n.T=new Promise((e=>n.C=e)),e["s-p"]=[],e["s-rc"]=[],U.set(e,n)},V=(e,t)=>t in e,_=(e,t)=>(0,console.error)(e,t),z=new Map,B=e=>{const t=e.o.replace(/-/g,"_"),n=e.A,l=z.get(n);return l?l[t]:import(`./${n}.entry.js`).then((e=>(z.set(n,e),e[t])),_)},D=new Map,G=[],I=[],J=(e,t)=>l=>{e.push(l),n||(n=!0,t&&4&o.t?X(Q):o.raf(Q))},K=e=>{for(let t=0;t<e.length;t++)try{e[t](performance.now())}catch(e){_(e)}e.length=0},Q=()=>{K(G),K(I),(n=G.length>0)&&o.raf(Q)},X=e=>r().then(e),Y=J(I,!0);export{R as b,M as g,$ as h,r as p,q as r}
@@ -0,0 +1 @@
1
+ import{r as t,h as e,g as o}from"./p-39661e66.js";const s=class{constructor(e){t(this,e),this.selectedIndex=0,this.tabContent=""}connectedCallback(){}render(){return this.tabContent=e("div",{class:"TabContent"},"Each play includes one set of numbers from 1 to 21 with a selectable number of 8 and a second, 4-digit set of numbers, with a minimum selection of 1. Draws are held every 5 minutes and the winnings are automatically credited to your account."),this.selectedIndex+1==2?this.tabContent=e("div",{class:"TabContent"},e("ol",null,e("li",null,"Register or Login"),e("li",null,"Buy tickets. Select 'Buy Tickets' to pick your numbers. Want us to automatically generate random numbers for you? Choose “I feel lucky”."),e("li",null,"Review and Complete your purchase. Once you've chosen your total number of plays, and confirmed your number of selections, review your ticket details and complete your purchase!"))):this.selectedIndex+1==3&&(this.tabContent=e("div",{class:"TabContent"},e("ul",null,e("li",null,"What are my odds of winning?"),e("li",null,"How can I find out if I’ve won a draw game?"),e("li",null,"How do I claim my prize?")))),this.tabContent}};s.style=":host{display:block}.TabContent{font-size:14px;color:#000;font-weight:normal}";const a=class{constructor(e){t(this,e),this.disabled=!1,this.selected=!1,this.selectedIndex=0,this.tabs=[{label:"How to Play"},{label:"About"},{label:"FAQs"}]}connectedCallback(){}render(){return e("div",null,e("div",{class:"Tabs"},this.tabs.map(((t,o)=>e("button",{class:"TabButton"+(this.selectedIndex==o?" Active":""),onClick:()=>this.selectedIndex=o},t.label)))),e("div",null,e("helper-tab",{selectedIndex:this.selectedIndex})))}get host(){return o(this)}};a.style='@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}';export{s as helper_tab,a as helper_tabs}
@@ -7,9 +7,7 @@ export declare class HelperTab {
7
7
  * Endpoing for CMS
8
8
  */
9
9
  cmsEndpoint: string;
10
- /**
11
- * Endpoing for CMS
12
- */
10
+ tabContent: string;
13
11
  connectedCallback(): void;
14
- render(): any[];
12
+ render(): string;
15
13
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@everymatrix/helper-tabs",
3
- "version": "0.0.3",
3
+ "version": "0.1.4",
4
4
  "main": "./dist/index.cjs.js",
5
5
  "module": "./dist/index.js",
6
6
  "es2015": "./dist/esm/index.mjs",
@@ -1 +0,0 @@
1
- import{r as t,h as s,g as a}from"./p-ae7ea99b.js";const o=class{constructor(s){t(this,s),this.selectedIndex=0}connectedCallback(){}render(){return[s("div",null,"Reference site about Lorem Ipsum, giving information on its origins, as well as a random Lipsum generator.",this.selectedIndex+1)]}};o.style=":host{display:block}";const e=class{constructor(s){t(this,s),this.disabled=!1,this.selected=!1,this.selectedIndex=0,this.tabs=[{label:"Draw Details"},{label:"Winnings"},{label:"How to Play"},{label:"Game Odds"},{label:"FAQs"}]}connectedCallback(){}render(){return s("div",null,s("div",{class:"Tabs"},this.tabs.map(((t,a)=>s("button",{class:"TabButton"+(this.selectedIndex==a?" Active":""),onClick:()=>this.selectedIndex=a},t.label)))),s("div",null,s("helper-tab",{selectedIndex:this.selectedIndex})))}get host(){return a(this)}};e.style='@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}';export{o as helper_tab,e as helper_tabs}
@@ -1,2 +0,0 @@
1
- let e,t,n=!1;const l="undefined"!=typeof window?window:{},s=l.document||{head:{}},o={t:0,l:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,l)=>e.addEventListener(t,n,l),rel:(e,t,n,l)=>e.removeEventListener(t,n,l),ce:(e,t)=>new CustomEvent(e,t)},r=e=>Promise.resolve(e),c=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replace}catch(e){}return!1})(),i=new WeakMap,u=e=>"sc-"+e.o,a={},f=e=>"object"==(e=typeof e)||"function"===e,$=(e,t,...n)=>{let l=null,s=!1,o=!1;const r=[],c=t=>{for(let n=0;n<t.length;n++)l=t[n],Array.isArray(l)?c(l):null!=l&&"boolean"!=typeof l&&((s="function"!=typeof e&&!f(l))&&(l+=""),s&&o?r[r.length-1].i+=l:r.push(s?h(null,l):l),o=s)};if(c(n),t){const e=t.className||t.class;e&&(t.class="object"!=typeof e?e:Object.keys(e).filter((t=>e[t])).join(" "))}const i=h(e,null);return i.u=t,r.length>0&&(i.$=r),i},h=(e,t)=>({t:0,h:e,i:t,p:null,$:null,u:null}),d={},y=(e,t,n,s,r,c)=>{if(n!==s){let i=V(e,t),u=t.toLowerCase();if("class"===t){const t=e.classList,l=m(n),o=m(s);t.remove(...l.filter((e=>e&&!o.includes(e)))),t.add(...o.filter((e=>e&&!l.includes(e))))}else if(i||"o"!==t[0]||"n"!==t[1]){const l=f(s);if((i||l&&null!==s)&&!r)try{if(e.tagName.includes("-"))e[t]=s;else{const l=null==s?"":s;"list"===t?i=!1:null!=n&&e[t]==l||(e[t]=l)}}catch(e){}null==s||!1===s?!1===s&&""!==e.getAttribute(t)||e.removeAttribute(t):(!i||4&c||r)&&!l&&e.setAttribute(t,s=!0===s?"":s)}else t="-"===t[2]?t.slice(3):V(l,u)?u.slice(2):u[2]+t.slice(3),n&&o.rel(e,t,n,!1),s&&o.ael(e,t,s,!1)}},p=/\s/,m=e=>e?e.split(p):[],b=(e,t,n,l)=>{const s=11===t.p.nodeType&&t.p.host?t.p.host:t.p,o=e&&e.u||a,r=t.u||a;for(l in o)l in r||y(s,l,o[l],void 0,n,t.t);for(l in r)y(s,l,o[l],r[l],n,t.t)},w=(t,n,l)=>{const o=n.$[l];let r,c,i=0;if(null!==o.i)r=o.p=s.createTextNode(o.i);else if(r=o.p=s.createElement(o.h),b(null,o,!1),null!=e&&r["s-si"]!==e&&r.classList.add(r["s-si"]=e),o.$)for(i=0;i<o.$.length;++i)c=w(t,o,i),c&&r.appendChild(c);return r},S=(e,n,l,s,o,r)=>{let c,i=e;for(i.shadowRoot&&i.tagName===t&&(i=i.shadowRoot);o<=r;++o)s[o]&&(c=w(null,l,o),c&&(s[o].p=c,i.insertBefore(c,n)))},g=(e,t,n,l)=>{for(;t<=n;++t)(l=e[t])&&l.p.remove()},j=(e,t)=>e.h===t.h,v=(e,t)=>{const n=t.p=e.p,l=e.$,s=t.$,o=t.i;null===o?(b(e,t,!1),null!==l&&null!==s?((e,t,n,l)=>{let s,o=0,r=0,c=t.length-1,i=t[0],u=t[c],a=l.length-1,f=l[0],$=l[a];for(;o<=c&&r<=a;)null==i?i=t[++o]:null==u?u=t[--c]:null==f?f=l[++r]:null==$?$=l[--a]:j(i,f)?(v(i,f),i=t[++o],f=l[++r]):j(u,$)?(v(u,$),u=t[--c],$=l[--a]):j(i,$)?(v(i,$),e.insertBefore(i.p,u.p.nextSibling),i=t[++o],$=l[--a]):j(u,f)?(v(u,f),e.insertBefore(u.p,i.p),u=t[--c],f=l[++r]):(s=w(t&&t[r],n,r),f=l[++r],s&&i.p.parentNode.insertBefore(s,i.p));o>c?S(e,null==l[a+1]?null:l[a+1].p,n,l,r,a):r>a&&g(t,o,c)})(n,l,t,s):null!==s?(null!==e.i&&(n.textContent=""),S(n,null,t,s,0,s.length-1)):null!==l&&g(l,0,l.length-1)):e.i!==o&&(n.data=o)},M=e=>W(e).m,k=(e,t)=>{t&&!e.S&&t["s-p"]&&t["s-p"].push(new Promise((t=>e.S=t)))},C=(e,t)=>{if(e.t|=16,!(4&e.t))return k(e,e.g),Y((()=>O(e,t)));e.t|=512},O=(e,t)=>{const n=e.j;return T(void 0,(()=>P(e,n,t)))},P=async(e,t,n)=>{const l=e.m,o=l["s-rc"];n&&(e=>{const t=e.v,n=e.m,l=t.t,o=((e,t)=>{let n=u(t);const l=D.get(n);if(e=11===e.nodeType?e:s,l)if("string"==typeof l){let t,o=i.get(e=e.head||e);o||i.set(e,o=new Set),o.has(n)||(t=s.createElement("style"),t.innerHTML=l,e.insertBefore(t,e.querySelector("link")),o&&o.add(n))}else e.adoptedStyleSheets.includes(l)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,l]);return n})(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);10&l&&(n["s-sc"]=o,n.classList.add(o+"-h"))})(e);x(e,t),o&&(o.map((e=>e())),l["s-rc"]=void 0);{const t=l["s-p"],n=()=>E(e);0===t.length?n():(Promise.all(t).then(n),e.t|=4,t.length=0)}},x=(n,l)=>{try{l=l.render(),n.t&=-17,n.t|=2,((n,l)=>{const s=n.m,o=n.v,r=n.M||h(null,null),c=(e=>e&&e.h===d)(l)?l:$(null,null,l);t=s.tagName,o.k&&(c.u=c.u||{},o.k.map((([e,t])=>c.u[t]=s[e]))),c.h=null,c.t|=4,n.M=c,c.p=r.p=s.shadowRoot||s,e=s["s-sc"],v(r,c)})(n,l)}catch(e){_(e,n.m)}return null},E=e=>{const t=e.m,n=e.g;64&e.t||(e.t|=64,A(t),e.C(t),n||N()),e.S&&(e.S(),e.S=void 0),512&e.t&&X((()=>C(e,!1))),e.t&=-517},N=()=>{A(s.documentElement),X((()=>(e=>{const t=o.ce("appload",{detail:{namespace:"helper-tabs"}});return e.dispatchEvent(t),t})(l)))},T=(e,t)=>e&&e.then?e.then(t):t(),A=e=>e.classList.add("hydrated"),F=(e,t,n)=>{if(t.O){const l=Object.entries(t.O),s=e.prototype;if(l.map((([e,[l]])=>{(31&l||2&n&&32&l)&&Object.defineProperty(s,e,{get(){return((e,t)=>W(this).P.get(t))(0,e)},set(n){((e,t,n,l)=>{const s=W(e),o=s.P.get(t),r=s.t,c=s.j;n=((e,t)=>null==e||f(e)?e:4&t?"false"!==e&&(""===e||!!e):2&t?parseFloat(e):1&t?e+"":e)(n,l.O[t][0]),8&r&&void 0!==o||n===o||Number.isNaN(o)&&Number.isNaN(n)||(s.P.set(t,n),c&&2==(18&r)&&C(s,!1))})(this,e,n,t)},configurable:!0,enumerable:!0})})),1&n){const n=new Map;s.attributeChangedCallback=function(e,t,l){o.jmp((()=>{const t=n.get(e);if(this.hasOwnProperty(t))l=this[t],delete this[t];else if(s.hasOwnProperty(t)&&"number"==typeof this[t]&&this[t]==l)return;this[t]=(null!==l||"boolean"!=typeof this[t])&&l}))},e.observedAttributes=l.filter((([e,t])=>15&t[0])).map((([e,l])=>{const s=l[1]||e;return n.set(s,e),512&l[0]&&t.k.push([e,s]),s}))}}return e},L=e=>{((e,t)=>{if(e&&e[t])try{e[t](void 0)}catch(e){_(e)}})(e,"connectedCallback")},R=(e,t={})=>{const n=[],r=t.exclude||[],i=l.customElements,a=s.head,f=a.querySelector("meta[charset]"),$=s.createElement("style"),h=[];let d,y=!0;Object.assign(o,t),o.l=new URL(t.resourcesUrl||"./",s.baseURI).href,e.map((e=>{e[1].map((t=>{const l={t:t[0],o:t[1],O:t[2],N:t[3]};l.O=t[2],l.k=[];const s=l.o,a=class extends HTMLElement{constructor(e){super(e),H(e=this,l),1&l.t&&e.attachShadow({mode:"open"})}connectedCallback(){d&&(clearTimeout(d),d=null),y?h.push(this):o.jmp((()=>(e=>{if(0==(1&o.t)){const t=W(e),n=t.v,l=()=>{};if(1&t.t)L(t.j);else{t.t|=1;{let n=e;for(;n=n.parentNode||n.host;)if(n["s-p"]){k(t,t.g=n);break}}n.O&&Object.entries(n.O).map((([t,[n]])=>{if(31&n&&e.hasOwnProperty(t)){const n=e[t];delete e[t],e[t]=n}})),(async(e,t,n,l,s)=>{if(0==(32&t.t)){{if(t.t|=32,(s=B(n)).then){const e=()=>{};s=await s,e()}s.isProxied||(F(s,n,2),s.isProxied=!0);const e=()=>{};t.t|=8;try{new s(t)}catch(e){_(e)}t.t&=-9,e(),L(t.j)}if(s.style){let e=s.style;const t=u(n);if(!D.has(t)){const l=()=>{};((e,t,n)=>{let l=D.get(e);c&&n?(l=l||new CSSStyleSheet,l.replace(t)):l=t,D.set(e,l)})(t,e,!!(1&n.t)),l()}}}const o=t.g,r=()=>C(t,!0);o&&o["s-rc"]?o["s-rc"].push(r):r()})(0,t,n)}l()}})(this)))}disconnectedCallback(){o.jmp((()=>{}))}componentOnReady(){return W(this).T}};l.A=e[0],r.includes(s)||i.get(s)||(n.push(s),i.define(s,F(a,l,1)))}))})),$.innerHTML=n+"{visibility:hidden}.hydrated{visibility:inherit}",$.setAttribute("data-styles",""),a.insertBefore($,f?f.nextSibling:a.firstChild),y=!1,h.length?h.map((e=>e.connectedCallback())):o.jmp((()=>d=setTimeout(N,30)))},U=new WeakMap,W=e=>U.get(e),q=(e,t)=>U.set(t.j=e,t),H=(e,t)=>{const n={t:0,m:e,v:t,P:new Map};return n.T=new Promise((e=>n.C=e)),e["s-p"]=[],e["s-rc"]=[],U.set(e,n)},V=(e,t)=>t in e,_=(e,t)=>(0,console.error)(e,t),z=new Map,B=e=>{const t=e.o.replace(/-/g,"_"),n=e.A,l=z.get(n);return l?l[t]:import(`./${n}.entry.js`).then((e=>(z.set(n,e),e[t])),_)
2
- /*!__STENCIL_STATIC_IMPORT_SWITCH__*/},D=new Map,G=[],I=[],J=(e,t)=>l=>{e.push(l),n||(n=!0,t&&4&o.t?X(Q):o.raf(Q))},K=e=>{for(let t=0;t<e.length;t++)try{e[t](performance.now())}catch(e){_(e)}e.length=0},Q=()=>{K(G),K(I),(n=G.length>0)&&o.raf(Q)},X=e=>r().then(e),Y=J(I,!0);export{R as b,M as g,$ as h,r as p,q as r}