jebamo 0.0.2 → 0.0.3

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 (145) hide show
  1. package/package.json +2 -2
  2. package/dist/components/index.d.ts +0 -33
  3. package/dist/components/index.js +0 -3
  4. package/dist/components/index.js.map +0 -1
  5. package/dist/components/je-alert.d.ts +0 -11
  6. package/dist/components/je-alert.js +0 -146
  7. package/dist/components/je-alert.js.map +0 -1
  8. package/dist/components/je-branch.d.ts +0 -11
  9. package/dist/components/je-branch.js +0 -37
  10. package/dist/components/je-branch.js.map +0 -1
  11. package/dist/components/je-button.d.ts +0 -11
  12. package/dist/components/je-button.js +0 -8
  13. package/dist/components/je-button.js.map +0 -1
  14. package/dist/components/je-card.d.ts +0 -11
  15. package/dist/components/je-card.js +0 -8
  16. package/dist/components/je-card.js.map +0 -1
  17. package/dist/components/je-checkbox-group.d.ts +0 -11
  18. package/dist/components/je-checkbox-group.js +0 -90
  19. package/dist/components/je-checkbox-group.js.map +0 -1
  20. package/dist/components/je-checkbox-option.d.ts +0 -11
  21. package/dist/components/je-checkbox-option.js +0 -65
  22. package/dist/components/je-checkbox-option.js.map +0 -1
  23. package/dist/components/je-checkbox.d.ts +0 -11
  24. package/dist/components/je-checkbox.js +0 -83
  25. package/dist/components/je-checkbox.js.map +0 -1
  26. package/dist/components/je-color.d.ts +0 -11
  27. package/dist/components/je-color.js +0 -8
  28. package/dist/components/je-color.js.map +0 -1
  29. package/dist/components/je-column-group.d.ts +0 -11
  30. package/dist/components/je-column-group.js +0 -46
  31. package/dist/components/je-column-group.js.map +0 -1
  32. package/dist/components/je-column.d.ts +0 -11
  33. package/dist/components/je-column.js +0 -95
  34. package/dist/components/je-column.js.map +0 -1
  35. package/dist/components/je-datepicker.d.ts +0 -11
  36. package/dist/components/je-datepicker.js +0 -3249
  37. package/dist/components/je-datepicker.js.map +0 -1
  38. package/dist/components/je-details.d.ts +0 -11
  39. package/dist/components/je-details.js +0 -49
  40. package/dist/components/je-details.js.map +0 -1
  41. package/dist/components/je-divider.d.ts +0 -11
  42. package/dist/components/je-divider.js +0 -42
  43. package/dist/components/je-divider.js.map +0 -1
  44. package/dist/components/je-drawer.d.ts +0 -11
  45. package/dist/components/je-drawer.js +0 -60
  46. package/dist/components/je-drawer.js.map +0 -1
  47. package/dist/components/je-dropzone.d.ts +0 -11
  48. package/dist/components/je-dropzone.js +0 -55
  49. package/dist/components/je-dropzone.js.map +0 -1
  50. package/dist/components/je-form.d.ts +0 -11
  51. package/dist/components/je-form.js +0 -8
  52. package/dist/components/je-form.js.map +0 -1
  53. package/dist/components/je-icon.d.ts +0 -11
  54. package/dist/components/je-icon.js +0 -8
  55. package/dist/components/je-icon.js.map +0 -1
  56. package/dist/components/je-infinite.d.ts +0 -11
  57. package/dist/components/je-infinite.js +0 -64
  58. package/dist/components/je-infinite.js.map +0 -1
  59. package/dist/components/je-input.d.ts +0 -11
  60. package/dist/components/je-input.js +0 -8
  61. package/dist/components/je-input.js.map +0 -1
  62. package/dist/components/je-link.d.ts +0 -11
  63. package/dist/components/je-link.js +0 -62
  64. package/dist/components/je-link.js.map +0 -1
  65. package/dist/components/je-loading.d.ts +0 -11
  66. package/dist/components/je-loading.js +0 -66
  67. package/dist/components/je-loading.js.map +0 -1
  68. package/dist/components/je-menu-option.d.ts +0 -11
  69. package/dist/components/je-menu-option.js +0 -37
  70. package/dist/components/je-menu-option.js.map +0 -1
  71. package/dist/components/je-menu.d.ts +0 -11
  72. package/dist/components/je-menu.js +0 -37
  73. package/dist/components/je-menu.js.map +0 -1
  74. package/dist/components/je-modal.d.ts +0 -11
  75. package/dist/components/je-modal.js +0 -104
  76. package/dist/components/je-modal.js.map +0 -1
  77. package/dist/components/je-multiselect-option.d.ts +0 -11
  78. package/dist/components/je-multiselect-option.js +0 -62
  79. package/dist/components/je-multiselect-option.js.map +0 -1
  80. package/dist/components/je-multiselect.d.ts +0 -11
  81. package/dist/components/je-multiselect.js +0 -146
  82. package/dist/components/je-multiselect.js.map +0 -1
  83. package/dist/components/je-page.d.ts +0 -11
  84. package/dist/components/je-page.js +0 -61
  85. package/dist/components/je-page.js.map +0 -1
  86. package/dist/components/je-pill.d.ts +0 -11
  87. package/dist/components/je-pill.js +0 -8
  88. package/dist/components/je-pill.js.map +0 -1
  89. package/dist/components/je-placeholder.d.ts +0 -11
  90. package/dist/components/je-placeholder.js +0 -40
  91. package/dist/components/je-placeholder.js.map +0 -1
  92. package/dist/components/je-popover.d.ts +0 -11
  93. package/dist/components/je-popover.js +0 -8
  94. package/dist/components/je-popover.js.map +0 -1
  95. package/dist/components/je-radio-group.d.ts +0 -11
  96. package/dist/components/je-radio-group.js +0 -92
  97. package/dist/components/je-radio-group.js.map +0 -1
  98. package/dist/components/je-radio.d.ts +0 -11
  99. package/dist/components/je-radio.js +0 -68
  100. package/dist/components/je-radio.js.map +0 -1
  101. package/dist/components/je-select-option.d.ts +0 -11
  102. package/dist/components/je-select-option.js +0 -56
  103. package/dist/components/je-select-option.js.map +0 -1
  104. package/dist/components/je-select.d.ts +0 -11
  105. package/dist/components/je-select.js +0 -208
  106. package/dist/components/je-select.js.map +0 -1
  107. package/dist/components/je-tab.d.ts +0 -11
  108. package/dist/components/je-tab.js +0 -37
  109. package/dist/components/je-tab.js.map +0 -1
  110. package/dist/components/je-tabs.d.ts +0 -11
  111. package/dist/components/je-tabs.js +0 -37
  112. package/dist/components/je-tabs.js.map +0 -1
  113. package/dist/components/je-textarea.d.ts +0 -11
  114. package/dist/components/je-textarea.js +0 -55
  115. package/dist/components/je-textarea.js.map +0 -1
  116. package/dist/components/je-toast.d.ts +0 -11
  117. package/dist/components/je-toast.js +0 -37
  118. package/dist/components/je-toast.js.map +0 -1
  119. package/dist/components/je-toggle.d.ts +0 -11
  120. package/dist/components/je-toggle.js +0 -57
  121. package/dist/components/je-toggle.js.map +0 -1
  122. package/dist/components/je-toolbar.d.ts +0 -11
  123. package/dist/components/je-toolbar.js +0 -37
  124. package/dist/components/je-toolbar.js.map +0 -1
  125. package/dist/components/je-tree.d.ts +0 -11
  126. package/dist/components/je-tree.js +0 -37
  127. package/dist/components/je-tree.js.map +0 -1
  128. package/dist/components/p-1f3759e7.js +0 -41
  129. package/dist/components/p-1f3759e7.js.map +0 -1
  130. package/dist/components/p-243cc91b.js +0 -50
  131. package/dist/components/p-243cc91b.js.map +0 -1
  132. package/dist/components/p-2df369c4.js +0 -265
  133. package/dist/components/p-2df369c4.js.map +0 -1
  134. package/dist/components/p-41492a72.js +0 -1514
  135. package/dist/components/p-41492a72.js.map +0 -1
  136. package/dist/components/p-4b8ae8ef.js +0 -51
  137. package/dist/components/p-4b8ae8ef.js.map +0 -1
  138. package/dist/components/p-5dee004d.js +0 -246
  139. package/dist/components/p-5dee004d.js.map +0 -1
  140. package/dist/components/p-8401b4e4.js +0 -48
  141. package/dist/components/p-8401b4e4.js.map +0 -1
  142. package/dist/components/p-94327b0d.js +0 -39
  143. package/dist/components/p-94327b0d.js.map +0 -1
  144. package/dist/components/p-aa4caa39.js +0 -76
  145. package/dist/components/p-aa4caa39.js.map +0 -1
@@ -1 +0,0 @@
1
- {"file":"je-divider.js","mappings":";;AAAA,MAAM,YAAY,GAAG,mdAAmd,CAAC;AACze,wBAAe,YAAY;;MCMdA,WAAS;;;;;oBACuC,YAAY;uBACP,IAAI;;IAEpE,MAAM;QACJ,OAAO,EAAC,IAAI,sDAAE,CAAC;KAChB;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["JeDivider"],"sources":["src/components/je-divider/je-divider.scss?tag=je-divider&encapsulation=shadow","src/components/je-divider/je-divider.tsx"],"sourcesContent":[":host {\n --thickness: 1px;\n --color: var(--je-medium-500);\n --spacing: var(--je-spacing-sm);\n\n background-color: var(--color);\n}\n\n:host([spacing=sm]) {\n --spacing: var(--je-spacing-2xs);\n}\n\n:host([spacing=lg]) {\n --spacing: var(--je-spacing-lg);\n}\n\n:host([spacing=none]) {\n --spacing: 0;\n}\n\n:host([type=horizontal]) {\n display: block;\n width: 100%;\n height: var(--thickness);\n margin-block: var(--spacing);\n}\n\n:host([type=vertical]) {\n display: inline-block;\n align-self: normal;\n width: var(--thickness);\n margin-inline: var(--spacing);\n}\n","import { Component, Host, Prop, h } from '@stencil/core';\n\n@Component({\n tag: 'je-divider',\n styleUrl: 'je-divider.scss',\n shadow: true,\n})\nexport class JeDivider {\n @Prop({ reflect: true }) type: 'horizontal' | 'vertical' = 'horizontal';\n @Prop({ reflect: true }) spacing: 'sm' | 'md' | 'lg' | 'none' = 'md';\n\n render() {\n return <Host/>;\n }\n}\n"],"version":3}
@@ -1,11 +0,0 @@
1
- import type { Components, JSX } from "../types/components";
2
-
3
- interface JeDrawer extends Components.JeDrawer, HTMLElement {}
4
- export const JeDrawer: {
5
- prototype: JeDrawer;
6
- new (): JeDrawer;
7
- };
8
- /**
9
- * Used to define this component and all nested components recursively.
10
- */
11
- export const defineCustomElement: () => void;
@@ -1,60 +0,0 @@
1
- import { p as proxyCustomElement, H, h, d as Host } from './p-41492a72.js';
2
-
3
- const jeDrawerCss = ":host{display:block;--je-drawer-width:500px;--je-drawer-shadow:0 4px 8px rgba(0, 0, 0, 0.1);--je-drawer-padding:var(--je-spacing-lg, 20px)}.backdrop{display:block;position:fixed;transition:all 250ms ease-in-out;cursor:pointer;background:var(--je-backdrop-color);top:0;left:0;height:100%;width:100%;z-index:-1}div[part=container]{display:block;position:fixed;left:0;top:0;height:100%;box-sizing:border-box;background-color:canvas;color:canvastext;overflow-y:auto;overflow-x:hidden;width:var(--je-drawer-width);transition:all 250ms ease-in-out;z-index:900;padding:var(--je-drawer-padding)}:host([state=closed]) .backdrop{opacity:0}:host([state=closed]) div[part=container]{margin-left:calc(var(--je-drawer-width) * -1)}:host([state=open]) .backdrop{opacity:1;z-index:899}:host([state=open]) div[part=container]{box-shadow:var(--je-drawer-shadow)}";
4
- const JeDrawerStyle0 = jeDrawerCss;
5
-
6
- const JeDrawer$1 = /*@__PURE__*/ proxyCustomElement(class JeDrawer extends H {
7
- constructor() {
8
- super();
9
- this.__registerHost();
10
- this.__attachShadow();
11
- this.state = 'closed';
12
- }
13
- componentDidLoad() {
14
- this.pageEl = this.el.closest('je-page');
15
- this.parentEl = this.el.parentElement;
16
- }
17
- async stateChangeHandler(newValue) {
18
- if (newValue == 'open') {
19
- this.el.remove();
20
- this.pageEl.append(this.el);
21
- }
22
- else {
23
- this.el.remove();
24
- this.parentEl.append(this.el);
25
- }
26
- }
27
- render() {
28
- return (h(Host, { key: 'af9feae455f378cb203bbb62eda5cc05d62dce70', slot: 'overlay' }, h("div", { key: '7ae88770955b96ff62bf63c035ea4c84a47e238e', part: 'container' }, h("slot", { key: 'd419fa2f162aab9ad14d25568363b0184dcc3031' })), h("div", { key: '389e815994b313640cd2efb85e6788219624cd77', onClick: () => this.state = 'closed', class: 'backdrop' })));
29
- }
30
- get el() { return this; }
31
- static get watchers() { return {
32
- "state": ["stateChangeHandler"]
33
- }; }
34
- static get style() { return JeDrawerStyle0; }
35
- }, [1, "je-drawer", {
36
- "state": [1537]
37
- }, undefined, {
38
- "state": ["stateChangeHandler"]
39
- }]);
40
- function defineCustomElement$1() {
41
- if (typeof customElements === "undefined") {
42
- return;
43
- }
44
- const components = ["je-drawer"];
45
- components.forEach(tagName => { switch (tagName) {
46
- case "je-drawer":
47
- if (!customElements.get(tagName)) {
48
- customElements.define(tagName, JeDrawer$1);
49
- }
50
- break;
51
- } });
52
- }
53
- defineCustomElement$1();
54
-
55
- const JeDrawer = JeDrawer$1;
56
- const defineCustomElement = defineCustomElement$1;
57
-
58
- export { JeDrawer, defineCustomElement };
59
-
60
- //# sourceMappingURL=je-drawer.js.map
@@ -1 +0,0 @@
1
- {"file":"je-drawer.js","mappings":";;AAAA,MAAM,WAAW,GAAG,80BAA80B,CAAC;AACn2B,uBAAe,WAAW;;MCQbA,UAAQ;;;;;qBAE0C,QAAQ;;IAIrE,gBAAgB;QACd,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;QACzC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC;KACvC;IAGD,MAAM,kBAAkB,CAAC,QAAqB;QAC5C,IAAI,QAAQ,IAAI,MAAM,EAAE;YACtB,IAAI,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC;YACjB,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;SAC7B;aAAM;YACL,IAAI,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC;YACjB,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;SAC/B;KACF;IAED,MAAM;QACJ,QACE,EAAC,IAAI,qDAAC,IAAI,EAAC,SAAS,IAClB,4DAAK,IAAI,EAAC,WAAW,IACnB,8DAAO,CACH,EACN,4DAAK,OAAO,EAAE,MAAM,IAAI,CAAC,KAAK,GAAG,QAAQ,EAAG,KAAK,EAAC,UAAU,GAAO,CAC9D,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["JeDrawer"],"sources":["src/components/je-drawer/je-drawer.scss?tag=je-drawer&encapsulation=shadow","src/components/je-drawer/je-drawer.tsx"],"sourcesContent":[":host {\n display: block;\n\n --je-drawer-width: 500px;\n --je-drawer-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n --je-drawer-padding: var(--je-spacing-lg, 20px);\n}\n\n.backdrop {\n display: block;\n position: fixed;\n transition: all 250ms ease-in-out;\n cursor: pointer;\n background: var(--je-backdrop-color);\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n z-index: -1;\n}\n\ndiv[part=container] {\n display: block;\n position: fixed;\n left: 0;\n top: 0;\n height: 100%;\n box-sizing: border-box;\n background-color: canvas;\n color: canvastext;\n overflow-y: auto;\n overflow-x: hidden;\n width: var(--je-drawer-width);\n transition: all 250ms ease-in-out;\n z-index: 900;\n padding: var(--je-drawer-padding);\n}\n\n:host([state=closed]) {\n .backdrop {\n opacity: 0;\n }\n div[part=container] {\n margin-left: calc(var(--je-drawer-width) * -1);\n }\n}\n\n:host([state=open]) {\n .backdrop {\n opacity: 1;\n z-index: 899;\n }\n div[part=container] {\n box-shadow: var(--je-drawer-shadow);\n }\n}\n\n","import { Component, Host, h, Prop, Element, Watch } from '@stencil/core';\n\nexport type DrawerState = 'open' | 'closed';\n\n@Component({\n tag: 'je-drawer',\n styleUrl: 'je-drawer.scss',\n shadow: true,\n})\nexport class JeDrawer {\n @Element() el!: HTMLElement;\n @Prop({ reflect: true, mutable: true }) state: DrawerState = 'closed';\n private pageEl: HTMLElement;\n private parentEl: HTMLElement;\n\n componentDidLoad() {\n this.pageEl = this.el.closest('je-page');\n this.parentEl = this.el.parentElement;\n }\n\n @Watch('state')\n async stateChangeHandler(newValue: DrawerState) {\n if (newValue == 'open') {\n this.el.remove();\n this.pageEl.append(this.el);\n } else {\n this.el.remove();\n this.parentEl.append(this.el);\n }\n }\n\n render() {\n return (\n <Host slot='overlay'>\n <div part='container'>\n <slot/>\n </div>\n <div onClick={() => this.state = 'closed' } class='backdrop'></div>\n </Host>\n );\n }\n}\n"],"version":3}
@@ -1,11 +0,0 @@
1
- import type { Components, JSX } from "../types/components";
2
-
3
- interface JeDropzone extends Components.JeDropzone, HTMLElement {}
4
- export const JeDropzone: {
5
- prototype: JeDropzone;
6
- new (): JeDropzone;
7
- };
8
- /**
9
- * Used to define this component and all nested components recursively.
10
- */
11
- export const defineCustomElement: () => void;
@@ -1,55 +0,0 @@
1
- import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-41492a72.js';
2
-
3
- const jeDropzoneCss = ":host{display:flex;align-items:center;justify-content:center;height:200px;width:300px;border:1px dashed var(--je-text-color);border-radius:var(--je-border-radius);color:var(--je-text-color);background-color:var(--je-background-color);transition:border-color 250ms, background-color 250ms}:host(.hover){border-color:var(--je-primary-500);background-color:var(--je-medium-100)}:host([darkmode].hover){background-color:var(--je-medium-850)}";
4
- const JeDropzoneStyle0 = jeDropzoneCss;
5
-
6
- const JeDropzone$1 = /*@__PURE__*/ proxyCustomElement(class JeDropzone extends H {
7
- constructor() {
8
- super();
9
- this.__registerHost();
10
- this.__attachShadow();
11
- this.dataDrop = createEvent(this, "dataDrop", 7);
12
- }
13
- handleThemeChange(e) {
14
- this.el.toggleAttribute('darkmode', e.detail == 'dark');
15
- }
16
- onDrop(e) {
17
- e.preventDefault();
18
- this.el.classList.remove('hover');
19
- this.dataDrop.emit(e.dataTransfer);
20
- }
21
- onDragOver(e) {
22
- e.preventDefault();
23
- this.el.classList.add('hover');
24
- }
25
- onDragLeave(e) {
26
- e.preventDefault();
27
- this.el.classList.remove('hover');
28
- }
29
- render() {
30
- return (h(Host, { key: '429fde45a6ef766fdb8d3212a92759ac3206aae1' }, h("div", { key: 'ea9a99fac7c311e0368de0af20141c6302f882c3', part: "content-container" }, h("slot", { key: '9132da72c448411aa8d4aa60a30d93d7dfd161fa' }))));
31
- }
32
- get el() { return this; }
33
- static get style() { return JeDropzoneStyle0; }
34
- }, [1, "je-dropzone", undefined, [[16, "themeChange", "handleThemeChange"], [0, "drop", "onDrop"], [0, "dragover", "onDragOver"], [0, "dragleave", "onDragLeave"]]]);
35
- function defineCustomElement$1() {
36
- if (typeof customElements === "undefined") {
37
- return;
38
- }
39
- const components = ["je-dropzone"];
40
- components.forEach(tagName => { switch (tagName) {
41
- case "je-dropzone":
42
- if (!customElements.get(tagName)) {
43
- customElements.define(tagName, JeDropzone$1);
44
- }
45
- break;
46
- } });
47
- }
48
- defineCustomElement$1();
49
-
50
- const JeDropzone = JeDropzone$1;
51
- const defineCustomElement = defineCustomElement$1;
52
-
53
- export { JeDropzone, defineCustomElement };
54
-
55
- //# sourceMappingURL=je-dropzone.js.map
@@ -1 +0,0 @@
1
- {"file":"je-dropzone.js","mappings":";;AAAA,MAAM,aAAa,GAAG,ubAAub,CAAC;AAC9c,yBAAe,aAAa;;MCMfA,YAAU;;;;;;;IAKrB,iBAAiB,CAAC,CAAgC;QAChD,IAAI,CAAC,EAAE,CAAC,eAAe,CAAC,UAAU,EAAE,CAAC,CAAC,MAAM,IAAI,MAAM,CAAC,CAAA;KACxD;IAGD,MAAM,CAAC,CAAY;QACjB,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,IAAI,CAAC,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,OAAO,CAAC,CAAA;QACjC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC;KACpC;IAGD,UAAU,CAAC,CAAY;QACrB,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,IAAI,CAAC,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,OAAO,CAAC,CAAA;KAC/B;IAGD,WAAW,CAAC,CAAY;QACtB,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,IAAI,CAAC,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,OAAO,CAAC,CAAA;KAClC;IAED,MAAM;QACJ,QACE,EAAC,IAAI,uDACH,4DAAK,IAAI,EAAC,mBAAmB,IAC3B,8DAAa,CACT,CACD,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;","names":["JeDropzone"],"sources":["src/components/je-dropzone/je-dropzone.scss?tag=je-dropzone&encapsulation=shadow","src/components/je-dropzone/je-dropzone.tsx"],"sourcesContent":[":host {\n display: flex;\n align-items: center;\n justify-content: center;\n height: 200px;\n width: 300px;\n border: 1px dashed var(--je-text-color);\n border-radius: var(--je-border-radius);\n color: var(--je-text-color);\n background-color: var(--je-background-color);\n transition: border-color 250ms, background-color 250ms;\n}\n\n:host(.hover) {\n border-color: var(--je-primary-500);\n background-color: var(--je-medium-100);\n}\n\n:host([darkmode].hover) {\n background-color: var(--je-medium-850);\n}\n","import { Component, Element, Event, EventEmitter, Host, Listen, h } from '@stencil/core';\n\n@Component({\n tag: 'je-dropzone',\n styleUrl: 'je-dropzone.scss',\n shadow: true,\n})\nexport class JeDropzone {\n @Element() el!: HTMLJeDropzoneElement;\n @Event() dataDrop: EventEmitter<DataTransfer>;\n\n @Listen('themeChange', { target: 'body' })\n handleThemeChange(e: CustomEvent<'light' | 'dark'>) {\n this.el.toggleAttribute('darkmode', e.detail == 'dark')\n }\n\n @Listen('drop', { passive: false })\n onDrop(e: DragEvent) {\n e.preventDefault();\n this.el.classList.remove('hover')\n this.dataDrop.emit(e.dataTransfer);\n }\n\n @Listen('dragover', { passive: false })\n onDragOver(e: DragEvent) {\n e.preventDefault();\n this.el.classList.add('hover')\n }\n\n @Listen('dragleave', { passive: false })\n onDragLeave(e: DragEvent) {\n e.preventDefault();\n this.el.classList.remove('hover')\n }\n\n render() {\n return (\n <Host>\n <div part=\"content-container\">\n <slot></slot>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}
@@ -1,11 +0,0 @@
1
- import type { Components, JSX } from "../types/components";
2
-
3
- interface JeForm extends Components.JeForm, HTMLElement {}
4
- export const JeForm: {
5
- prototype: JeForm;
6
- new (): JeForm;
7
- };
8
- /**
9
- * Used to define this component and all nested components recursively.
10
- */
11
- export const defineCustomElement: () => void;
@@ -1,8 +0,0 @@
1
- import { J as JeForm$1, d as defineCustomElement$1 } from './p-243cc91b.js';
2
-
3
- const JeForm = JeForm$1;
4
- const defineCustomElement = defineCustomElement$1;
5
-
6
- export { JeForm, defineCustomElement };
7
-
8
- //# sourceMappingURL=je-form.js.map
@@ -1 +0,0 @@
1
- {"file":"je-form.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}
@@ -1,11 +0,0 @@
1
- import type { Components, JSX } from "../types/components";
2
-
3
- interface JeIcon extends Components.JeIcon, HTMLElement {}
4
- export const JeIcon: {
5
- prototype: JeIcon;
6
- new (): JeIcon;
7
- };
8
- /**
9
- * Used to define this component and all nested components recursively.
10
- */
11
- export const defineCustomElement: () => void;
@@ -1,8 +0,0 @@
1
- import { J as JeIcon$1, d as defineCustomElement$1 } from './p-4b8ae8ef.js';
2
-
3
- const JeIcon = JeIcon$1;
4
- const defineCustomElement = defineCustomElement$1;
5
-
6
- export { JeIcon, defineCustomElement };
7
-
8
- //# sourceMappingURL=je-icon.js.map
@@ -1 +0,0 @@
1
- {"file":"je-icon.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}
@@ -1,11 +0,0 @@
1
- import type { Components, JSX } from "../types/components";
2
-
3
- interface JeInfinite extends Components.JeInfinite, HTMLElement {}
4
- export const JeInfinite: {
5
- prototype: JeInfinite;
6
- new (): JeInfinite;
7
- };
8
- /**
9
- * Used to define this component and all nested components recursively.
10
- */
11
- export const defineCustomElement: () => void;
@@ -1,64 +0,0 @@
1
- import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-41492a72.js';
2
-
3
- const jeInfiniteCss = ":host{display:flex;flex-direction:column;height:100%;overflow-y:auto;box-sizing:border-box}[part=scroll-container]{flex:1}[part=intersect-container]{display:flex;flex-direction:column;align-items:center;justify-content:center}";
4
- const JeInfiniteStyle0 = jeInfiniteCss;
5
-
6
- const JeInfinite$1 = /*@__PURE__*/ proxyCustomElement(class JeInfinite extends H {
7
- constructor() {
8
- super();
9
- this.__registerHost();
10
- this.__attachShadow();
11
- this.intersect = createEvent(this, "intersect", 7);
12
- this.handleEntry = (entries) => {
13
- const intersecting = entries[0].isIntersecting;
14
- if (intersecting) {
15
- console.log('intersecting');
16
- this.intersect.emit();
17
- }
18
- else {
19
- console.log('not intersecting');
20
- }
21
- };
22
- this.loading = false;
23
- this.threshold = 0.8;
24
- this.rootMargin = '0px';
25
- }
26
- componentDidLoad() {
27
- this.observer = new IntersectionObserver(this.handleEntry, {
28
- root: this.element,
29
- rootMargin: this.rootMargin,
30
- threshold: this.threshold
31
- });
32
- this.observer.observe(this.viewportEl);
33
- }
34
- render() {
35
- return (h(Host, { key: '98100d06e1ca2c1c4777ad41597430c7681fddae' }, h("div", { key: 'edd6bb1ad21584c35752eff5715aaad9da2f1b49', part: 'scroll-container' }, h("slot", { key: '59a0d3e0f772b7747ec4a87e66faf7d1e345f7b9' })), h("div", { key: 'e9267517e8b676d899ef007753f899ca12621d2b', part: 'intersect-container', style: { opacity: this.loading ? '1' : '0' }, ref: el => this.viewportEl = el }, h("slot", { key: '4fff97122df1fdb7402b4d305b0860a5d2a82122', name: 'content' }))));
36
- }
37
- get element() { return this; }
38
- static get style() { return JeInfiniteStyle0; }
39
- }, [1, "je-infinite", {
40
- "loading": [4],
41
- "threshold": [2],
42
- "rootMargin": [1, "root-margin"]
43
- }]);
44
- function defineCustomElement$1() {
45
- if (typeof customElements === "undefined") {
46
- return;
47
- }
48
- const components = ["je-infinite"];
49
- components.forEach(tagName => { switch (tagName) {
50
- case "je-infinite":
51
- if (!customElements.get(tagName)) {
52
- customElements.define(tagName, JeInfinite$1);
53
- }
54
- break;
55
- } });
56
- }
57
- defineCustomElement$1();
58
-
59
- const JeInfinite = JeInfinite$1;
60
- const defineCustomElement = defineCustomElement$1;
61
-
62
- export { JeInfinite, defineCustomElement };
63
-
64
- //# sourceMappingURL=je-infinite.js.map
@@ -1 +0,0 @@
1
- {"file":"je-infinite.js","mappings":";;AAAA,MAAM,aAAa,GAAG,oOAAoO,CAAC;AAC3P,yBAAe,aAAa;;MCMfA,YAAU;;;;;;QAmCb,gBAAW,GAAiC,CAAC,OAAO;YAC1D,MAAM,YAAY,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC;YAC/C,IAAI,YAAY,EAAE;gBAChB,OAAO,CAAC,GAAG,CAAC,cAAc,CAAC,CAAA;gBAC3B,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC;aACvB;iBAAM;gBACL,OAAO,CAAC,GAAG,CAAC,kBAAkB,CAAC,CAAA;aAChC;SACF,CAAA;uBAnCiB,KAAK;yBAUH,GAAG;0BAKF,KAAK;;IAE1B,gBAAgB;QACd,IAAI,CAAC,QAAQ,GAAG,IAAI,oBAAoB,CAAC,IAAI,CAAC,WAAW,EAAE;YACzD,IAAI,EAAE,IAAI,CAAC,OAAO;YAClB,UAAU,EAAE,IAAI,CAAC,UAAU;YAC3B,SAAS,EAAE,IAAI,CAAC,SAAS;SAC1B,CAAC,CAAC;QAEH,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;KACxC;IAYD,MAAM;QACJ,QACE,EAAC,IAAI,uDACH,4DAAK,IAAI,EAAC,kBAAkB,IAC1B,8DAAO,CACH,EACN,4DAAK,IAAI,EAAC,qBAAqB,EAAC,KAAK,EAAE,EAAC,OAAO,EAAE,IAAI,CAAC,OAAO,GAAG,GAAG,GAAG,GAAG,EAAC,EAAE,GAAG,EAAE,EAAE,IAAI,IAAI,CAAC,UAAU,GAAG,EAAE,IACzG,6DAAM,IAAI,EAAC,SAAS,GAAE,CAClB,CACD,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["JeInfinite"],"sources":["src/components/je-infinite/je-infinite.scss?tag=je-infinite&encapsulation=shadow","src/components/je-infinite/je-infinite.tsx"],"sourcesContent":[":host {\n display: flex;\n flex-direction: column;\n height: 100%;\n overflow-y: auto;\n box-sizing: border-box;\n}\n\n[part=scroll-container] {\n flex: 1;\n}\n\n[part=intersect-container] {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n","import { Component, Host, h, Element, Event, EventEmitter, Prop } from '@stencil/core';\n\n@Component({\n tag: 'je-infinite',\n styleUrl: 'je-infinite.scss',\n shadow: true,\n})\nexport class JeInfinite {\n @Element() element!: HTMLElement;\n private observer!: IntersectionObserver;\n private viewportEl!: HTMLElement;\n\n /**\n * This must be manually set to true/false to show/hide the intersecting content\n */\n @Prop() loading = false;\n\n /**\n * Emitted when the bottom of the scroll container is in the viewport\n */\n @Event() intersect: EventEmitter<void>;\n\n /**\n * Threshold passed to observer api\n */\n @Prop() threshold = 0.8;\n\n /**\n * Passed to observer api\n */\n @Prop() rootMargin = '0px';\n\n componentDidLoad() {\n this.observer = new IntersectionObserver(this.handleEntry, {\n root: this.element,\n rootMargin: this.rootMargin,\n threshold: this.threshold\n });\n\n this.observer.observe(this.viewportEl);\n }\n\n private handleEntry: IntersectionObserverCallback = (entries) => {\n const intersecting = entries[0].isIntersecting;\n if (intersecting) {\n console.log('intersecting')\n this.intersect.emit();\n } else {\n console.log('not intersecting')\n }\n }\n\n render() {\n return (\n <Host>\n <div part='scroll-container'>\n <slot/>\n </div>\n <div part='intersect-container' style={{opacity: this.loading ? '1' : '0'}} ref={el => this.viewportEl = el}>\n <slot name='content'/>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}
@@ -1,11 +0,0 @@
1
- import type { Components, JSX } from "../types/components";
2
-
3
- interface JeInput extends Components.JeInput, HTMLElement {}
4
- export const JeInput: {
5
- prototype: JeInput;
6
- new (): JeInput;
7
- };
8
- /**
9
- * Used to define this component and all nested components recursively.
10
- */
11
- export const defineCustomElement: () => void;
@@ -1,8 +0,0 @@
1
- import { J as JeInput$1, d as defineCustomElement$1 } from './p-2df369c4.js';
2
-
3
- const JeInput = JeInput$1;
4
- const defineCustomElement = defineCustomElement$1;
5
-
6
- export { JeInput, defineCustomElement };
7
-
8
- //# sourceMappingURL=je-input.js.map
@@ -1 +0,0 @@
1
- {"file":"je-input.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}
@@ -1,11 +0,0 @@
1
- import type { Components, JSX } from "../types/components";
2
-
3
- interface JeLink extends Components.JeLink, HTMLElement {}
4
- export const JeLink: {
5
- prototype: JeLink;
6
- new (): JeLink;
7
- };
8
- /**
9
- * Used to define this component and all nested components recursively.
10
- */
11
- export const defineCustomElement: () => void;
@@ -1,62 +0,0 @@
1
- import { p as proxyCustomElement, H, h, d as Host } from './p-41492a72.js';
2
- import { d as defineCustomElement$2 } from './p-8401b4e4.js';
3
-
4
- const jeLinkCss = ":host{display:inline-block}a{display:inline-block}.underline{text-decoration:underline}.bold{font-weight:var(--je-font-semi-bold)}";
5
- const JeLinkStyle0 = jeLinkCss;
6
-
7
- const JeLink$1 = /*@__PURE__*/ proxyCustomElement(class JeLink extends H {
8
- constructor() {
9
- super();
10
- this.__registerHost();
11
- this.__attachShadow();
12
- this.color = undefined;
13
- this.lightModeColor = undefined;
14
- this.darkModeColor = undefined;
15
- this.underline = true;
16
- this.bold = false;
17
- this.href = undefined;
18
- this.target = undefined;
19
- this.rel = undefined;
20
- this.download = undefined;
21
- }
22
- render() {
23
- return (h(Host, { key: 'e6ee6a71161ce3871e55b3cda15beab656c17910' }, h("a", { key: '98998f6dda359644563b531e4532e68882e273b6', href: this.href, target: this.target, rel: this.rel, download: this.download }, h("je-color", { key: '83600909f33b1dd9decf4d75c3abc2e3a8447e3a', class: { underline: this.underline, bold: this.bold }, color: this.color, "light-mode-color": this.lightModeColor, "dark-mode-color": this.darkModeColor }, h("slot", { key: '3caebb42da2d13dfc78b9237981d5c2c94cc96cb' })))));
24
- }
25
- static get style() { return JeLinkStyle0; }
26
- }, [1, "je-link", {
27
- "color": [1],
28
- "lightModeColor": [1, "light-mode-color"],
29
- "darkModeColor": [1, "dark-mode-color"],
30
- "underline": [4],
31
- "bold": [4],
32
- "href": [1],
33
- "target": [1],
34
- "rel": [1],
35
- "download": [1]
36
- }]);
37
- function defineCustomElement$1() {
38
- if (typeof customElements === "undefined") {
39
- return;
40
- }
41
- const components = ["je-link", "je-color"];
42
- components.forEach(tagName => { switch (tagName) {
43
- case "je-link":
44
- if (!customElements.get(tagName)) {
45
- customElements.define(tagName, JeLink$1);
46
- }
47
- break;
48
- case "je-color":
49
- if (!customElements.get(tagName)) {
50
- defineCustomElement$2();
51
- }
52
- break;
53
- } });
54
- }
55
- defineCustomElement$1();
56
-
57
- const JeLink = JeLink$1;
58
- const defineCustomElement = defineCustomElement$1;
59
-
60
- export { JeLink, defineCustomElement };
61
-
62
- //# sourceMappingURL=je-link.js.map
@@ -1 +0,0 @@
1
- {"file":"je-link.js","mappings":";;;AAAA,MAAM,SAAS,GAAG,oIAAoI,CAAC;AACvJ,qBAAe,SAAS;;MCOXA,QAAM;;;;;;;;yBAWG,IAAI;oBAGT,KAAK;;;;;;IAcpB,MAAM;QACJ,QACE,EAAC,IAAI,uDACH,0DAAG,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAC7E,iEAAU,KAAK,EAAE,EAAC,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,sBAAoB,IAAI,CAAC,cAAc,qBAAmB,IAAI,CAAC,aAAa,IAC1J,8DAAa,CACJ,CACT,CACC,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["JeLink"],"sources":["src/components/je-link/je-link.scss?tag=je-link&encapsulation=shadow","src/components/je-link/je-link.tsx"],"sourcesContent":[":host {\n display: inline-block;\n}\n\na {\n display: inline-block;\n}\n\n.underline {\n text-decoration: underline;\n}\n\n.bold {\n font-weight: var(--je-font-semi-bold);\n}\n","import { Component, Host, Prop, h } from '@stencil/core';\nimport { Color } from '../../components';\n\n@Component({\n tag: 'je-link',\n styleUrl: 'je-link.scss',\n shadow: true,\n})\nexport class JeLink {\n /** Predefined colors. Auto will switch between light and dark based on the closest je-page's theme. */\n @Prop() color?: Color | 'auto';\n\n /** Overrides what the light mode color will be when color is \"auto\". */\n @Prop() lightModeColor?: Color;\n\n /** Overrides what the dark mode color will be when color is \"auto\". */\n @Prop() darkModeColor?: Color;\n\n /** Underlines the text */\n @Prop() underline = true;\n\n /** Makes text bold */\n @Prop() bold = false;\n\n /** Passed to anchor */\n @Prop() href?: string;\n\n /** Passed to anchor */\n @Prop() target?: string;\n\n /** Passed to anchor */\n @Prop() rel?: string;\n\n /** Passed to anchor */\n @Prop() download?: string;\n\n render() {\n return (\n <Host>\n <a href={this.href} target={this.target} rel={this.rel} download={this.download}>\n <je-color class={{underline: this.underline, bold: this.bold}} color={this.color} light-mode-color={this.lightModeColor} dark-mode-color={this.darkModeColor}>\n <slot></slot>\n </je-color>\n </a>\n </Host>\n );\n }\n}\n"],"version":3}
@@ -1,11 +0,0 @@
1
- import type { Components, JSX } from "../types/components";
2
-
3
- interface JeLoading extends Components.JeLoading, HTMLElement {}
4
- export const JeLoading: {
5
- prototype: JeLoading;
6
- new (): JeLoading;
7
- };
8
- /**
9
- * Used to define this component and all nested components recursively.
10
- */
11
- export const defineCustomElement: () => void;
@@ -1,66 +0,0 @@
1
- import { p as proxyCustomElement, H, h, d as Host } from './p-41492a72.js';
2
-
3
- const jeLoadingCss = ":host{display:inline-block;position:relative;width:23px;height:23px;user-select:none}svg{position:absolute;top:0;left:0;width:100%;height:100%;transform:translateZ(0)}:host(.spinner-lines) line,:host(.spinner-lines-small) line{stroke-width:7px}:host(.spinner-lines-sharp) line,:host(.spinner-lines-sharp-small) line{stroke-width:4px}:host(.spinner-lines) line,:host(.spinner-lines-small) line,:host(.spinner-lines-sharp) line,:host(.spinner-lines-sharp-small) line{stroke-linecap:round;stroke:currentColor}:host(.spinner-lines) svg,:host(.spinner-lines-small) svg,:host(.spinner-lines-sharp) svg,:host(.spinner-lines-sharp-small) svg{animation:spinner-fade-out 1s linear infinite}@keyframes spinner-fade-out{0%{opacity:1}100%{opacity:0}}";
4
- const JeLoadingStyle0 = jeLoadingCss;
5
-
6
- const spinners = {
7
- lines: {
8
- dur: 1000,
9
- lines: 8,
10
- fn: (dur, index, total) => {
11
- const transform = `rotate(${(360 / total) * index + (index < total / 2 ? 180 : -180)}deg)`;
12
- const animationDelay = `${(dur * index) / total - dur}ms`;
13
- return {
14
- y1: 14,
15
- y2: 26,
16
- style: {
17
- transform: transform,
18
- 'animation-delay': animationDelay,
19
- },
20
- };
21
- },
22
- },
23
- };
24
- const buildLine = (spinner, duration, index, total) => {
25
- const data = spinner.fn(duration, index, total);
26
- data.style['animation-duration'] = duration + 'ms';
27
- return (h("svg", { viewBox: data.viewBox || '0 0 64 64', style: data.style }, h("line", { transform: "translate(32,32)", y1: data.y1, y2: data.y2 })));
28
- };
29
- const JeLoading$1 = /*@__PURE__*/ proxyCustomElement(class JeLoading extends H {
30
- constructor() {
31
- super();
32
- this.__registerHost();
33
- this.__attachShadow();
34
- }
35
- render() {
36
- const spinner = spinners['lines'];
37
- const duration = spinner.dur;
38
- const svgs = [];
39
- for (let i = 0; i < spinner.lines; i++) {
40
- svgs.push(buildLine(spinner, duration, i, spinner.lines));
41
- }
42
- return (h(Host, { key: '7520159371b0c6ff774055d3f6eecf5af172d4df', class: { [`spinner-lines`]: true } }, svgs));
43
- }
44
- static get style() { return JeLoadingStyle0; }
45
- }, [1, "je-loading"]);
46
- function defineCustomElement$1() {
47
- if (typeof customElements === "undefined") {
48
- return;
49
- }
50
- const components = ["je-loading"];
51
- components.forEach(tagName => { switch (tagName) {
52
- case "je-loading":
53
- if (!customElements.get(tagName)) {
54
- customElements.define(tagName, JeLoading$1);
55
- }
56
- break;
57
- } });
58
- }
59
- defineCustomElement$1();
60
-
61
- const JeLoading = JeLoading$1;
62
- const defineCustomElement = defineCustomElement$1;
63
-
64
- export { JeLoading, defineCustomElement };
65
-
66
- //# sourceMappingURL=je-loading.js.map
@@ -1 +0,0 @@
1
- {"file":"je-loading.js","mappings":";;AAAA,MAAM,YAAY,GAAG,muBAAmuB,CAAC;AACzvB,wBAAe,YAAY;;ACoB3B,MAAM,QAAQ,GAAG;IACf,KAAK,EAAE;QACL,GAAG,EAAE,IAAI;QACT,KAAK,EAAE,CAAC;QACR,EAAE,EAAE,CAAC,GAAW,EAAE,KAAa,EAAE,KAAa;YAC5C,MAAM,SAAS,GAAG,UAAU,CAAC,GAAG,GAAG,KAAK,IAAI,KAAK,IAAI,KAAK,GAAG,KAAK,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG,CAAC,MAAM,CAAC;YAC3F,MAAM,cAAc,GAAG,GAAG,CAAC,GAAG,GAAG,KAAK,IAAI,KAAK,GAAG,GAAG,IAAI,CAAC;YAE1D,OAAO;gBACL,EAAE,EAAE,EAAE;gBACN,EAAE,EAAE,EAAE;gBACN,KAAK,EAAE;oBACL,SAAS,EAAE,SAAS;oBACpB,iBAAiB,EAAE,cAAc;iBAClC;aACF,CAAC;SACH;KACF;CACF,CAAA;AAED,MAAM,SAAS,GAAG,CAAC,OAAsB,EAAE,QAAgB,EAAE,KAAa,EAAE,KAAa;IACvF,MAAM,IAAI,GAAG,OAAO,CAAC,EAAE,CAAC,QAAQ,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;IAChD,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,GAAG,QAAQ,GAAG,IAAI,CAAC;IAEnD,QACE,WAAK,OAAO,EAAE,IAAI,CAAC,OAAO,IAAI,WAAW,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,IAC1D,YAAM,SAAS,EAAC,kBAAkB,EAAC,EAAE,EAAE,IAAI,CAAC,EAAE,EAAE,EAAE,EAAE,IAAI,CAAC,EAAE,GAAI,CAC3D,EACN;AACJ,CAAC,CAAC;MAOWA,WAAS;;;;;;IACpB,MAAM;QACJ,MAAM,OAAO,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC;QAClC,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,CAAC;QAC7B,MAAM,IAAI,GAAiB,EAAE,CAAC;QAE9B,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,OAAO,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE;YACtC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE,QAAQ,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC;SAC3D;QAED,QACE,EAAC,IAAI,qDAAC,KAAK,EAAE,EAAE,CAAC,eAAe,GAAG,IAAI,EAAE,IACrC,IAAI,CACA,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;","names":["JeLoading"],"sources":["src/components/je-loading/je-loading.scss?tag=je-loading&encapsulation=shadow","src/components/je-loading/je-loading.tsx"],"sourcesContent":[":host {\n display: inline-block;\n position: relative;\n width: 23px;\n height: 23px;\n user-select: none;\n}\n\nsvg {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n transform: translateZ(0);\n}\n\n:host(.spinner-lines) line,\n:host(.spinner-lines-small) line {\n stroke-width: 7px;\n}\n\n:host(.spinner-lines-sharp) line,\n:host(.spinner-lines-sharp-small) line {\n stroke-width: 4px;\n}\n\n:host(.spinner-lines) line,\n:host(.spinner-lines-small) line,\n:host(.spinner-lines-sharp) line,\n:host(.spinner-lines-sharp-small) line {\n stroke-linecap: round;\n stroke: currentColor;\n}\n\n:host(.spinner-lines) svg,\n:host(.spinner-lines-small) svg,\n:host(.spinner-lines-sharp) svg,\n:host(.spinner-lines-sharp-small) svg {\n animation: spinner-fade-out 1s linear infinite;\n}\n\n@keyframes spinner-fade-out {\n 0% {\n opacity: 1;\n }\n\n 100% {\n opacity: 0;\n }\n\n}\n","import { Component, Host, h } from '@stencil/core';\n\nexport interface SpinnerConfig {\n dur: number;\n circles?: number;\n lines?: number;\n elmDuration?: boolean;\n fn: (dur: number, index: number, total: number) => SpinnerData;\n}\n\nexport interface SpinnerData {\n r?: number;\n y1?: number;\n y2?: number;\n cx?: number;\n cy?: number;\n style: { [key: string]: string | undefined };\n viewBox?: string;\n transform?: string;\n}\n\nconst spinners = {\n lines: {\n dur: 1000,\n lines: 8,\n fn: (dur: number, index: number, total: number) => {\n const transform = `rotate(${(360 / total) * index + (index < total / 2 ? 180 : -180)}deg)`;\n const animationDelay = `${(dur * index) / total - dur}ms`;\n\n return {\n y1: 14,\n y2: 26,\n style: {\n transform: transform,\n 'animation-delay': animationDelay,\n },\n };\n },\n },\n}\n\nconst buildLine = (spinner: SpinnerConfig, duration: number, index: number, total: number) => {\n const data = spinner.fn(duration, index, total);\n data.style['animation-duration'] = duration + 'ms';\n\n return (\n <svg viewBox={data.viewBox || '0 0 64 64'} style={data.style}>\n <line transform=\"translate(32,32)\" y1={data.y1} y2={data.y2} />\n </svg>\n );\n};\n\n@Component({\n tag: 'je-loading',\n styleUrl: 'je-loading.scss',\n shadow: true,\n})\nexport class JeLoading {\n render() {\n const spinner = spinners['lines'];\n const duration = spinner.dur;\n const svgs: SVGElement[] = [];\n\n for (let i = 0; i < spinner.lines; i++) {\n svgs.push(buildLine(spinner, duration, i, spinner.lines));\n }\n\n return (\n <Host class={{ [`spinner-lines`]: true }}>\n {svgs}\n </Host>\n );\n }\n}\n"],"version":3}
@@ -1,11 +0,0 @@
1
- import type { Components, JSX } from "../types/components";
2
-
3
- interface JeMenuOption extends Components.JeMenuOption, HTMLElement {}
4
- export const JeMenuOption: {
5
- prototype: JeMenuOption;
6
- new (): JeMenuOption;
7
- };
8
- /**
9
- * Used to define this component and all nested components recursively.
10
- */
11
- export const defineCustomElement: () => void;
@@ -1,37 +0,0 @@
1
- import { p as proxyCustomElement, H, h, d as Host } from './p-41492a72.js';
2
-
3
- const jeMenuOptionCss = ":host{display:block}";
4
- const JeMenuOptionStyle0 = jeMenuOptionCss;
5
-
6
- const JeMenuOption$1 = /*@__PURE__*/ proxyCustomElement(class JeMenuOption extends H {
7
- constructor() {
8
- super();
9
- this.__registerHost();
10
- this.__attachShadow();
11
- }
12
- render() {
13
- return (h(Host, { key: 'd8cdba795f461c2b9ed42d67a25b3f4acaa472c7' }, h("slot", { key: 'dfc492f36d12f68d253ef2880bbbc0a960b941a0' })));
14
- }
15
- static get style() { return JeMenuOptionStyle0; }
16
- }, [1, "je-menu-option"]);
17
- function defineCustomElement$1() {
18
- if (typeof customElements === "undefined") {
19
- return;
20
- }
21
- const components = ["je-menu-option"];
22
- components.forEach(tagName => { switch (tagName) {
23
- case "je-menu-option":
24
- if (!customElements.get(tagName)) {
25
- customElements.define(tagName, JeMenuOption$1);
26
- }
27
- break;
28
- } });
29
- }
30
- defineCustomElement$1();
31
-
32
- const JeMenuOption = JeMenuOption$1;
33
- const defineCustomElement = defineCustomElement$1;
34
-
35
- export { JeMenuOption, defineCustomElement };
36
-
37
- //# sourceMappingURL=je-menu-option.js.map
@@ -1 +0,0 @@
1
- {"file":"je-menu-option.js","mappings":";;AAAA,MAAM,eAAe,GAAG,sBAAsB,CAAC;AAC/C,2BAAe,eAAe;;MCMjBA,cAAY;;;;;;IACvB,MAAM;QACJ,QACE,EAAC,IAAI,uDACH,8DAAa,CACR,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;","names":["JeMenuOption"],"sources":["src/components/menu/je-menu-option/je-menu-option.scss?tag=je-menu-option&encapsulation=shadow","src/components/menu/je-menu-option/je-menu-option.tsx"],"sourcesContent":[":host {\n display: block;\n}\n","import { Component, Host, h } from '@stencil/core';\n\n@Component({\n tag: 'je-menu-option',\n styleUrl: 'je-menu-option.scss',\n shadow: true,\n})\nexport class JeMenuOption {\n render() {\n return (\n <Host>\n <slot></slot>\n </Host>\n );\n }\n}\n"],"version":3}
@@ -1,11 +0,0 @@
1
- import type { Components, JSX } from "../types/components";
2
-
3
- interface JeMenu extends Components.JeMenu, HTMLElement {}
4
- export const JeMenu: {
5
- prototype: JeMenu;
6
- new (): JeMenu;
7
- };
8
- /**
9
- * Used to define this component and all nested components recursively.
10
- */
11
- export const defineCustomElement: () => void;
@@ -1,37 +0,0 @@
1
- import { p as proxyCustomElement, H, h, d as Host } from './p-41492a72.js';
2
-
3
- const jeMenuCss = ":host{display:block}";
4
- const JeMenuStyle0 = jeMenuCss;
5
-
6
- const JeMenu$1 = /*@__PURE__*/ proxyCustomElement(class JeMenu extends H {
7
- constructor() {
8
- super();
9
- this.__registerHost();
10
- this.__attachShadow();
11
- }
12
- render() {
13
- return (h(Host, { key: '798cf918af393ff7da05782262c104cacd53c3f6' }, h("slot", { key: 'b8d8d8068b5e4e9ba7e4d331acb822a25febc56b' })));
14
- }
15
- static get style() { return JeMenuStyle0; }
16
- }, [1, "je-menu"]);
17
- function defineCustomElement$1() {
18
- if (typeof customElements === "undefined") {
19
- return;
20
- }
21
- const components = ["je-menu"];
22
- components.forEach(tagName => { switch (tagName) {
23
- case "je-menu":
24
- if (!customElements.get(tagName)) {
25
- customElements.define(tagName, JeMenu$1);
26
- }
27
- break;
28
- } });
29
- }
30
- defineCustomElement$1();
31
-
32
- const JeMenu = JeMenu$1;
33
- const defineCustomElement = defineCustomElement$1;
34
-
35
- export { JeMenu, defineCustomElement };
36
-
37
- //# sourceMappingURL=je-menu.js.map
@@ -1 +0,0 @@
1
- {"file":"je-menu.js","mappings":";;AAAA,MAAM,SAAS,GAAG,sBAAsB,CAAC;AACzC,qBAAe,SAAS;;MCMXA,QAAM;;;;;;IACjB,MAAM;QACJ,QACE,EAAC,IAAI,uDACH,8DAAa,CACR,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;","names":["JeMenu"],"sources":["src/components/menu/je-menu/je-menu.scss?tag=je-menu&encapsulation=shadow","src/components/menu/je-menu/je-menu.tsx"],"sourcesContent":[":host {\n display: block;\n}\n","import { Component, Host, h } from '@stencil/core';\n\n@Component({\n tag: 'je-menu',\n styleUrl: 'je-menu.scss',\n shadow: true,\n})\nexport class JeMenu {\n render() {\n return (\n <Host>\n <slot></slot>\n </Host>\n );\n }\n}\n"],"version":3}
@@ -1,11 +0,0 @@
1
- import type { Components, JSX } from "../types/components";
2
-
3
- interface JeModal extends Components.JeModal, HTMLElement {}
4
- export const JeModal: {
5
- prototype: JeModal;
6
- new (): JeModal;
7
- };
8
- /**
9
- * Used to define this component and all nested components recursively.
10
- */
11
- export const defineCustomElement: () => void;