@xplortech/apollo-core 0.0.0 → 0.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/style.css +151 -5
- package/dist/apollo-core/apollo-core.css +4 -0
- package/dist/apollo-core/apollo-core.esm.js +1 -1
- package/dist/apollo-core/apollo-core.js +130 -0
- package/dist/apollo-core/p-1c170a38.system.js +1 -0
- package/dist/apollo-core/p-50ea2036.system.js +1 -0
- package/dist/apollo-core/p-88225b28.system.js +1 -0
- package/dist/apollo-core/p-933b8694.entry.js +1 -0
- package/dist/apollo-core/p-c0ff6f68.system.entry.js +1 -0
- package/dist/apollo-core/p-fc3282b6.js +1 -0
- package/dist/cjs/apollo-core.cjs.js +2 -2
- package/dist/cjs/{index-3ceb30c2.js → index-5a391b2a.js} +399 -27
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/xpl-button_3.cjs.entry.js +144 -0
- package/dist/collection/collection-manifest.json +1 -0
- package/dist/collection/components/xpl-button/xpl-button.js +73 -0
- package/dist/collection/components/xpl-pagination/xpl-pagination.js +188 -3
- package/dist/collection/components/xpl-table/xpl-table.js +1 -1
- package/dist/custom-elements/index.d.ts +6 -0
- package/dist/custom-elements/index.js +88 -7
- package/dist/esm/apollo-core.js +2 -2
- package/dist/esm/{index-52844266.js → index-6fd7b087.js} +399 -27
- package/dist/esm/loader.js +2 -2
- package/dist/esm/xpl-button_3.entry.js +138 -0
- package/dist/esm-es5/apollo-core.js +1 -0
- package/dist/esm-es5/index-6fd7b087.js +1 -0
- package/dist/esm-es5/index.js +0 -0
- package/dist/esm-es5/loader.js +1 -0
- package/dist/esm-es5/xpl-button_3.entry.js +1 -0
- package/dist/index.js +1 -1
- package/dist/loader/index.js +1 -1
- package/dist/types/.stencil/xpl-button/xpl-button.d.ts +6 -0
- package/dist/types/.stencil/xpl-pagination/xpl-pagination.d.ts +22 -0
- package/dist/types/components.d.ts +31 -0
- package/package.json +3 -5
- package/dist/apollo-core/p-1c829417.js +0 -1
- package/dist/apollo-core/p-64ea0ce6.entry.js +0 -1
- package/dist/apollo-core/p-b76559ae.entry.js +0 -1
- package/dist/cjs/xpl-pagination.cjs.entry.js +0 -16
- package/dist/cjs/xpl-table.cjs.entry.js +0 -54
- package/dist/esm/xpl-pagination.entry.js +0 -12
- package/dist/esm/xpl-table.entry.js +0 -50
|
@@ -0,0 +1,138 @@
|
|
|
1
|
+
import { r as registerInstance, h, H as Host, c as createEvent } from './index-6fd7b087.js';
|
|
2
|
+
|
|
3
|
+
const XplButton = class {
|
|
4
|
+
constructor(hostRef) {
|
|
5
|
+
registerInstance(this, hostRef);
|
|
6
|
+
}
|
|
7
|
+
render() {
|
|
8
|
+
let className = "xpl-button";
|
|
9
|
+
if (this.type === "secondary")
|
|
10
|
+
className += " xpl-button--secondary";
|
|
11
|
+
if (this.type === "subtle")
|
|
12
|
+
className += " xpl-button--subtle";
|
|
13
|
+
return (h(Host, null,
|
|
14
|
+
/**
|
|
15
|
+
* Conditionally render either an <a> or <button> element
|
|
16
|
+
* depending on if there's an `href` or not
|
|
17
|
+
*/
|
|
18
|
+
this.href ? (h("a", { class: className, href: this.href, role: "button" }, h("slot", null))) : this.disabled ? (h("button", { class: className, role: "button", disabled: true }, h("slot", null))) : (h("button", { class: className, role: "button" }, h("slot", null)))));
|
|
19
|
+
}
|
|
20
|
+
};
|
|
21
|
+
|
|
22
|
+
const XplPagination = class {
|
|
23
|
+
constructor(hostRef) {
|
|
24
|
+
registerInstance(this, hostRef);
|
|
25
|
+
this.page = createEvent(this, "page", 7);
|
|
26
|
+
this.current = 1;
|
|
27
|
+
/**
|
|
28
|
+
* Private `_goto` method respects the `waitForCallback` prop --
|
|
29
|
+
* it will always emit the `page` event, but won't actually update
|
|
30
|
+
* the state of what the current page is, leaving that to the caller
|
|
31
|
+
* to update once (presumably) some other data has loaded.
|
|
32
|
+
*/
|
|
33
|
+
this._goto = (n) => {
|
|
34
|
+
this.page.emit(n);
|
|
35
|
+
if (!this.waitForCallback) {
|
|
36
|
+
this.current = n;
|
|
37
|
+
}
|
|
38
|
+
};
|
|
39
|
+
this.goPrev = () => {
|
|
40
|
+
if (this.current > 1)
|
|
41
|
+
this._goto(this.current - 1);
|
|
42
|
+
};
|
|
43
|
+
this.goNext = () => {
|
|
44
|
+
const numPages = Math.ceil(this.total / this.perPage);
|
|
45
|
+
if (this.current < numPages)
|
|
46
|
+
this._goto(this.current + 1);
|
|
47
|
+
};
|
|
48
|
+
}
|
|
49
|
+
/**
|
|
50
|
+
* Calling `goto` with a page number (which should probably be
|
|
51
|
+
* taken from the `page` event) updates the pagination's state
|
|
52
|
+
* and re-renders it, showing the appropriate buttons given the current page.
|
|
53
|
+
* @param n
|
|
54
|
+
*/
|
|
55
|
+
async goto(n) {
|
|
56
|
+
this.current = n;
|
|
57
|
+
}
|
|
58
|
+
render() {
|
|
59
|
+
const numPages = Math.ceil(this.total / this.perPage);
|
|
60
|
+
let showing = [1];
|
|
61
|
+
if (numPages < 7)
|
|
62
|
+
showing = [1, 2, 3, 4, 5, 6];
|
|
63
|
+
if (this.current <= 3 || this.current >= numPages - 2) {
|
|
64
|
+
showing = [1, 2, 3, "...", numPages - 2, numPages - 1, numPages];
|
|
65
|
+
}
|
|
66
|
+
else {
|
|
67
|
+
showing = [
|
|
68
|
+
1,
|
|
69
|
+
"...",
|
|
70
|
+
this.current - 1,
|
|
71
|
+
this.current,
|
|
72
|
+
this.current + 1,
|
|
73
|
+
"...",
|
|
74
|
+
numPages,
|
|
75
|
+
];
|
|
76
|
+
}
|
|
77
|
+
const showingFirst = (this.current - 1) * this.perPage + 1;
|
|
78
|
+
const showingLast = Math.min(showingFirst + this.perPage - 1, this.total);
|
|
79
|
+
return (h(Host, null, h("div", { class: "xpl-pagination" }, h("div", null, h("p", null, "Showing", " ", h("span", null, showingFirst), " ", "to", " ", h("span", null, showingLast), " ", "of", " ", h("span", null, this.total), " ", "results")), h("div", null, h("nav", { "aria-label": "Pagination" }, h("button", { onClick: this.goPrev, class: "xpl-pagination-prev" }, h("span", null, "Previous"), h("svg", { viewBox: "0 0 20 20", "aria-hidden": "true" }, h("path", { "fill-rule": "evenodd", d: "M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z", "clip-rule": "evenodd" }))), showing.map((n) => {
|
|
80
|
+
if (n === "...") {
|
|
81
|
+
return h("span", { class: "xpl-pagination-ellipsis" }, "...");
|
|
82
|
+
}
|
|
83
|
+
if (n === this.current) {
|
|
84
|
+
return (h("button", { "aria-current": "page", class: "xpl-pagination-current" }, n));
|
|
85
|
+
}
|
|
86
|
+
return h("button", { onClick: () => this._goto(n) }, n);
|
|
87
|
+
}), h("button", { onClick: this.goNext, class: "xpl-pagination-next" }, h("span", null, "Next"), h("svg", { viewBox: "0 0 20 20", "aria-hidden": "true" }, h("path", { "fill-rule": "evenodd", d: "M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z", "clip-rule": "evenodd" }))))))));
|
|
88
|
+
}
|
|
89
|
+
};
|
|
90
|
+
|
|
91
|
+
const XplTable = class {
|
|
92
|
+
constructor(hostRef) {
|
|
93
|
+
registerInstance(this, hostRef);
|
|
94
|
+
this.tableSelect = createEvent(this, "tableSelect", 7);
|
|
95
|
+
this.areAllSelected = false;
|
|
96
|
+
this.selectAll = (e) => {
|
|
97
|
+
const { target } = e;
|
|
98
|
+
if (!(target instanceof HTMLInputElement))
|
|
99
|
+
return;
|
|
100
|
+
const { checked } = target;
|
|
101
|
+
this.areAllSelected = checked;
|
|
102
|
+
this.selected = this.selected.map(() => checked);
|
|
103
|
+
this.onChange();
|
|
104
|
+
};
|
|
105
|
+
this.selectOne = (e, i) => {
|
|
106
|
+
const { target } = e;
|
|
107
|
+
if (!(target instanceof HTMLInputElement))
|
|
108
|
+
return;
|
|
109
|
+
const { checked } = target;
|
|
110
|
+
this.areAllSelected = false;
|
|
111
|
+
this.selected[i] = checked;
|
|
112
|
+
this.onChange();
|
|
113
|
+
};
|
|
114
|
+
this.onChange = () => {
|
|
115
|
+
this.tableSelect.emit({
|
|
116
|
+
selected: this.selected,
|
|
117
|
+
areAllSelected: this.areAllSelected,
|
|
118
|
+
});
|
|
119
|
+
};
|
|
120
|
+
}
|
|
121
|
+
componentWillLoad() {
|
|
122
|
+
this.areAllSelected = false;
|
|
123
|
+
this.selected = new Array(this.data.length).fill(false);
|
|
124
|
+
}
|
|
125
|
+
render() {
|
|
126
|
+
return (h(Host, null, h("div", { class: "xpl-table-container" }, h("table", { class: `xpl-table${this.striped ? " xpl-table--striped" : ""}${this.fixed ? " xpl-table--sticky" : ""}` }, this.columns && (h("thead", null, this.columns.map((column, i) => {
|
|
127
|
+
return (h("th", null, this.multiselect && i === 0 ? (h("input", { type: "checkbox", onChange: (e) => {
|
|
128
|
+
this.selectAll(e);
|
|
129
|
+
}, checked: this.areAllSelected })) : null, column));
|
|
130
|
+
}))), this.data && (h("tbody", null, this.data.map((row) => {
|
|
131
|
+
return (h("tr", null, row.map((cell, i) => {
|
|
132
|
+
return (h("td", null, this.multiselect && i === 0 ? (h("input", { checked: this.selected[i], type: "checkbox", onChange: (e) => this.selectOne(e, i) })) : null, cell));
|
|
133
|
+
})));
|
|
134
|
+
})))))));
|
|
135
|
+
}
|
|
136
|
+
};
|
|
137
|
+
|
|
138
|
+
export { XplButton as xpl_button, XplPagination as xpl_pagination, XplTable as xpl_table };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{p as promiseResolve,b as bootstrapLazy}from"./index-6fd7b087.js";var patchBrowser=function(){var e=import.meta.url;var t={};if(e!==""){t.resourcesUrl=new URL(".",e).href}return promiseResolve(t)};patchBrowser().then((function(e){return bootstrapLazy([["xpl-button_3",[[4,"xpl-button",{disabled:[4],type:[1],href:[1]}],[0,"xpl-pagination",{total:[2],perPage:[2,"per-page"],waitForCallback:[4,"wait-for-callback"],current:[32],goto:[64]}],[0,"xpl-table",{columns:[16],data:[16],fixed:[4],multiselect:[4],striped:[4],areAllSelected:[32],selected:[32]}]]]],e)}));
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var __extends=this&&this.__extends||function(){var e=function(t,n){e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)if(Object.prototype.hasOwnProperty.call(t,n))e[n]=t[n]};return e(t,n)};return function(t,n){if(typeof n!=="function"&&n!==null)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");e(t,n);function r(){this.constructor=t}t.prototype=n===null?Object.create(n):(r.prototype=n.prototype,new r)}}();var __awaiter=this&&this.__awaiter||function(e,t,n,r){function a(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,o){function i(e){try{s(r.next(e))}catch(e){o(e)}}function l(e){try{s(r["throw"](e))}catch(e){o(e)}}function s(e){e.done?n(e.value):a(e.value).then(i,l)}s((r=r.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var n={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},r,a,o,i;return i={next:l(0),throw:l(1),return:l(2)},typeof Symbol==="function"&&(i[Symbol.iterator]=function(){return this}),i;function l(e){return function(t){return s([e,t])}}function s(i){if(r)throw new TypeError("Generator is already executing.");while(n)try{if(r=1,a&&(o=i[0]&2?a["return"]:i[0]?a["throw"]||((o=a["return"])&&o.call(a),0):a.next)&&!(o=o.call(a,i[1])).done)return o;if(a=0,o)i=[i[0]&2,o.value];switch(i[0]){case 0:case 1:o=i;break;case 4:n.label++;return{value:i[1],done:false};case 5:n.label++;a=i[1];i=[0];continue;case 7:i=n.ops.pop();n.trys.pop();continue;default:if(!(o=n.trys,o=o.length>0&&o[o.length-1])&&(i[0]===6||i[0]===2)){n=0;continue}if(i[0]===3&&(!o||i[1]>o[0]&&i[1]<o[3])){n.label=i[1];break}if(i[0]===6&&n.label<o[1]){n.label=o[1];o=i;break}if(o&&n.label<o[2]){n.label=o[2];n.ops.push(i);break}if(o[2])n.ops.pop();n.trys.pop();continue}i=t.call(e,n)}catch(e){i=[6,e];a=0}finally{r=o=0}if(i[0]&5)throw i[1];return{value:i[0]?i[1]:void 0,done:true}}};var NAMESPACE="apollo-core";var contentRef;var hostTagName;var useNativeShadowDom=false;var checkSlotFallbackVisibility=false;var checkSlotRelocate=false;var isSvgMode=false;var queuePending=false;var win=typeof window!=="undefined"?window:{};var doc=win.document||{head:{}};var plt={$flags$:0,$resourcesUrl$:"",jmp:function(e){return e()},raf:function(e){return requestAnimationFrame(e)},ael:function(e,t,n,r){return e.addEventListener(t,n,r)},rel:function(e,t,n,r){return e.removeEventListener(t,n,r)},ce:function(e,t){return new CustomEvent(e,t)}};var promiseResolve=function(e){return Promise.resolve(e)};var HYDRATED_CSS="{visibility:hidden}.hydrated{visibility:inherit}";var createTime=function(e,t){if(t===void 0){t=""}{return function(){return}}};var uniqueTime=function(e,t){{return function(){return}}};var EMPTY_OBJ={};var SVG_NS="http://www.w3.org/2000/svg";var HTML_NS="http://www.w3.org/1999/xhtml";var isComplexType=function(e){e=typeof e;return e==="object"||e==="function"};var h=function(e,t){var n=[];for(var r=2;r<arguments.length;r++){n[r-2]=arguments[r]}var a=null;var o=null;var i=false;var l=false;var s=[];var c=function(t){for(var n=0;n<t.length;n++){a=t[n];if(Array.isArray(a)){c(a)}else if(a!=null&&typeof a!=="boolean"){if(i=typeof e!=="function"&&!isComplexType(a)){a=String(a)}if(i&&l){s[s.length-1].$text$+=a}else{s.push(i?newVNode(null,a):a)}l=i}}};c(n);if(t){if(t.name){o=t.name}{var f=t.className||t.class;if(f){t.class=typeof f!=="object"?f:Object.keys(f).filter((function(e){return f[e]})).join(" ")}}}var u=newVNode(e,null);u.$attrs$=t;if(s.length>0){u.$children$=s}{u.$name$=o}return u};var newVNode=function(e,t){var n={$flags$:0,$tag$:e,$text$:t,$elm$:null,$children$:null};{n.$attrs$=null}{n.$name$=null}return n};var Host={};var isHost=function(e){return e&&e.$tag$===Host};var setAccessor=function(e,t,n,r,a,o){if(n!==r){var i=isMemberInElement(e,t);var l=t.toLowerCase();if(t==="class"){var s=e.classList;var c=parseClassList(n);var f=parseClassList(r);s.remove.apply(s,c.filter((function(e){return e&&!f.includes(e)})));s.add.apply(s,f.filter((function(e){return e&&!c.includes(e)})))}else if(!i&&t[0]==="o"&&t[1]==="n"){if(t[2]==="-"){t=t.slice(3)}else if(isMemberInElement(win,l)){t=l.slice(2)}else{t=l[2]+t.slice(3)}if(n){plt.rel(e,t,n,false)}if(r){plt.ael(e,t,r,false)}}else{var u=isComplexType(r);if((i||u&&r!==null)&&!a){try{if(!e.tagName.includes("-")){var $=r==null?"":r;if(t==="list"){i=false}else if(n==null||e[t]!=$){e[t]=$}}else{e[t]=r}}catch(e){}}if(r==null||r===false){if(r!==false||e.getAttribute(t)===""){{e.removeAttribute(t)}}}else if((!i||o&4||a)&&!u){r=r===true?"":r;{e.setAttribute(t,r)}}}}};var parseClassListRegex=/\s/;var parseClassList=function(e){return!e?[]:e.split(parseClassListRegex)};var updateElement=function(e,t,n,r){var a=t.$elm$.nodeType===11&&t.$elm$.host?t.$elm$.host:t.$elm$;var o=e&&e.$attrs$||EMPTY_OBJ;var i=t.$attrs$||EMPTY_OBJ;{for(r in o){if(!(r in i)){setAccessor(a,r,o[r],undefined,n,t.$flags$)}}}for(r in i){setAccessor(a,r,o[r],i[r],n,t.$flags$)}};var createElm=function(e,t,n,r){var a=t.$children$[n];var o=0;var i;var l;var s;if(!useNativeShadowDom){checkSlotRelocate=true;if(a.$tag$==="slot"){a.$flags$|=a.$children$?2:1}}if(a.$text$!==null){i=a.$elm$=doc.createTextNode(a.$text$)}else if(a.$flags$&1){i=a.$elm$=doc.createTextNode("")}else{if(!isSvgMode){isSvgMode=a.$tag$==="svg"}i=a.$elm$=doc.createElementNS(isSvgMode?SVG_NS:HTML_NS,a.$flags$&2?"slot-fb":a.$tag$);if(isSvgMode&&a.$tag$==="foreignObject"){isSvgMode=false}{updateElement(null,a,isSvgMode)}if(a.$children$){for(o=0;o<a.$children$.length;++o){l=createElm(e,a,o);if(l){i.appendChild(l)}}}{if(a.$tag$==="svg"){isSvgMode=false}else if(i.tagName==="foreignObject"){isSvgMode=true}}}{i["s-hn"]=hostTagName;if(a.$flags$&(2|1)){i["s-sr"]=true;i["s-cr"]=contentRef;i["s-sn"]=a.$name$||"";s=e&&e.$children$&&e.$children$[n];if(s&&s.$tag$===a.$tag$&&e.$elm$){putBackInOriginalLocation(e.$elm$,false)}}}return i};var putBackInOriginalLocation=function(e,t){plt.$flags$|=1;var n=e.childNodes;for(var r=n.length-1;r>=0;r--){var a=n[r];if(a["s-hn"]!==hostTagName&&a["s-ol"]){parentReferenceNode(a).insertBefore(a,referenceNode(a));a["s-ol"].remove();a["s-ol"]=undefined;checkSlotRelocate=true}if(t){putBackInOriginalLocation(a,t)}}plt.$flags$&=~1};var addVnodes=function(e,t,n,r,a,o){var i=e["s-cr"]&&e["s-cr"].parentNode||e;var l;for(;a<=o;++a){if(r[a]){l=createElm(null,n,a);if(l){r[a].$elm$=l;i.insertBefore(l,referenceNode(t))}}}};var removeVnodes=function(e,t,n,r,a){for(;t<=n;++t){if(r=e[t]){a=r.$elm$;{checkSlotFallbackVisibility=true;if(a["s-ol"]){a["s-ol"].remove()}else{putBackInOriginalLocation(a,true)}}a.remove()}}};var updateChildren=function(e,t,n,r){var a=0;var o=0;var i=t.length-1;var l=t[0];var s=t[i];var c=r.length-1;var f=r[0];var u=r[c];var $;while(a<=i&&o<=c){if(l==null){l=t[++a]}else if(s==null){s=t[--i]}else if(f==null){f=r[++o]}else if(u==null){u=r[--c]}else if(isSameVnode(l,f)){patch(l,f);l=t[++a];f=r[++o]}else if(isSameVnode(s,u)){patch(s,u);s=t[--i];u=r[--c]}else if(isSameVnode(l,u)){if(l.$tag$==="slot"||u.$tag$==="slot"){putBackInOriginalLocation(l.$elm$.parentNode,false)}patch(l,u);e.insertBefore(l.$elm$,s.$elm$.nextSibling);l=t[++a];u=r[--c]}else if(isSameVnode(s,f)){if(l.$tag$==="slot"||u.$tag$==="slot"){putBackInOriginalLocation(s.$elm$.parentNode,false)}patch(s,f);e.insertBefore(s.$elm$,l.$elm$);s=t[--i];f=r[++o]}else{{$=createElm(t&&t[o],n,o);f=r[++o]}if($){{parentReferenceNode(l.$elm$).insertBefore($,referenceNode(l.$elm$))}}}}if(a>i){addVnodes(e,r[c+1]==null?null:r[c+1].$elm$,n,r,o,c)}else if(o>c){removeVnodes(t,a,i)}};var isSameVnode=function(e,t){if(e.$tag$===t.$tag$){if(e.$tag$==="slot"){return e.$name$===t.$name$}return true}return false};var referenceNode=function(e){return e&&e["s-ol"]||e};var parentReferenceNode=function(e){return(e["s-ol"]?e["s-ol"]:e).parentNode};var patch=function(e,t){var n=t.$elm$=e.$elm$;var r=e.$children$;var a=t.$children$;var o=t.$tag$;var i=t.$text$;var l;if(i===null){{isSvgMode=o==="svg"?true:o==="foreignObject"?false:isSvgMode}{if(o==="slot");else{updateElement(e,t,isSvgMode)}}if(r!==null&&a!==null){updateChildren(n,r,t,a)}else if(a!==null){if(e.$text$!==null){n.textContent=""}addVnodes(n,null,t,a,0,a.length-1)}else if(r!==null){removeVnodes(r,0,r.length-1)}if(isSvgMode&&o==="svg"){isSvgMode=false}}else if(l=n["s-cr"]){l.parentNode.textContent=i}else if(e.$text$!==i){n.data=i}};var updateFallbackSlotVisibility=function(e){var t=e.childNodes;var n;var r;var a;var o;var i;var l;for(r=0,a=t.length;r<a;r++){n=t[r];if(n.nodeType===1){if(n["s-sr"]){i=n["s-sn"];n.hidden=false;for(o=0;o<a;o++){l=t[o].nodeType;if(t[o]["s-hn"]!==n["s-hn"]||i!==""){if(l===1&&i===t[o].getAttribute("slot")){n.hidden=true;break}}else{if(l===1||l===3&&t[o].textContent.trim()!==""){n.hidden=true;break}}}}updateFallbackSlotVisibility(n)}}};var relocateNodes=[];var relocateSlotContent=function(e){var t;var n;var r;var a;var o;var i;var l=0;var s=e.childNodes;var c=s.length;for(;l<c;l++){t=s[l];if(t["s-sr"]&&(n=t["s-cr"])&&n.parentNode){r=n.parentNode.childNodes;a=t["s-sn"];for(i=r.length-1;i>=0;i--){n=r[i];if(!n["s-cn"]&&!n["s-nr"]&&n["s-hn"]!==t["s-hn"]){if(isNodeLocatedInSlot(n,a)){o=relocateNodes.find((function(e){return e.$nodeToRelocate$===n}));checkSlotFallbackVisibility=true;n["s-sn"]=n["s-sn"]||a;if(o){o.$slotRefNode$=t}else{relocateNodes.push({$slotRefNode$:t,$nodeToRelocate$:n})}if(n["s-sr"]){relocateNodes.map((function(e){if(isNodeLocatedInSlot(e.$nodeToRelocate$,n["s-sn"])){o=relocateNodes.find((function(e){return e.$nodeToRelocate$===n}));if(o&&!e.$slotRefNode$){e.$slotRefNode$=o.$slotRefNode$}}}))}}else if(!relocateNodes.some((function(e){return e.$nodeToRelocate$===n}))){relocateNodes.push({$nodeToRelocate$:n})}}}}if(t.nodeType===1){relocateSlotContent(t)}}};var isNodeLocatedInSlot=function(e,t){if(e.nodeType===1){if(e.getAttribute("slot")===null&&t===""){return true}if(e.getAttribute("slot")===t){return true}return false}if(e["s-sn"]===t){return true}return t===""};var renderVdom=function(e,t){var n=e.$hostElement$;var r=e.$cmpMeta$;var a=e.$vnode$||newVNode(null,null);var o=isHost(t)?t:h(null,null,t);hostTagName=n.tagName;o.$tag$=null;o.$flags$|=4;e.$vnode$=o;o.$elm$=a.$elm$=n;{contentRef=n["s-cr"];useNativeShadowDom=(r.$flags$&1)!==0;checkSlotFallbackVisibility=false}patch(a,o);{plt.$flags$|=1;if(checkSlotRelocate){relocateSlotContent(o.$elm$);var i=void 0;var l=void 0;var s=void 0;var c=void 0;var f=void 0;var u=void 0;var $=0;for(;$<relocateNodes.length;$++){i=relocateNodes[$];l=i.$nodeToRelocate$;if(!l["s-ol"]){s=doc.createTextNode("");s["s-nr"]=l;l.parentNode.insertBefore(l["s-ol"]=s,l)}}for($=0;$<relocateNodes.length;$++){i=relocateNodes[$];l=i.$nodeToRelocate$;if(i.$slotRefNode$){c=i.$slotRefNode$.parentNode;f=i.$slotRefNode$.nextSibling;s=l["s-ol"];while(s=s.previousSibling){u=s["s-nr"];if(u&&u["s-sn"]===l["s-sn"]&&c===u.parentNode){u=u.nextSibling;if(!u||!u["s-nr"]){f=u;break}}}if(!f&&c!==l.parentNode||l.nextSibling!==f){if(l!==f){if(!l["s-hn"]&&l["s-ol"]){l["s-hn"]=l["s-ol"].parentNode.nodeName}c.insertBefore(l,f)}}}else{if(l.nodeType===1){l.hidden=true}}}}if(checkSlotFallbackVisibility){updateFallbackSlotVisibility(o.$elm$)}plt.$flags$&=~1;relocateNodes.length=0}};var getElement=function(e){return getHostRef(e).$hostElement$};var createEvent=function(e,t,n){var r=getElement(e);return{emit:function(e){return emitEvent(r,t,{bubbles:!!(n&4),composed:!!(n&2),cancelable:!!(n&1),detail:e})}}};var emitEvent=function(e,t,n){var r=plt.ce(t,n);e.dispatchEvent(r);return r};var attachToAncestor=function(e,t){if(t&&!e.$onRenderResolve$&&t["s-p"]){t["s-p"].push(new Promise((function(t){return e.$onRenderResolve$=t})))}};var scheduleUpdate=function(e,t){{e.$flags$|=16}if(e.$flags$&4){e.$flags$|=512;return}attachToAncestor(e,e.$ancestorComponent$);var n=function(){return dispatchHooks(e,t)};return writeTask(n)};var dispatchHooks=function(e,t){var n=createTime("scheduleUpdate",e.$cmpMeta$.$tagName$);var r=e.$lazyInstance$;var a;if(t){{a=safeCall(r,"componentWillLoad")}}n();return then(a,(function(){return updateComponent(e,r)}))};var updateComponent=function(e,t,n){return __awaiter(void 0,void 0,void 0,(function(){var n,r,a,o,i,l;return __generator(this,(function(s){n=e.$hostElement$;r=createTime("update",e.$cmpMeta$.$tagName$);a=n["s-rc"];o=createTime("render",e.$cmpMeta$.$tagName$);{callRender(e,t)}if(a){a.map((function(e){return e()}));n["s-rc"]=undefined}o();r();{i=n["s-p"];l=function(){return postUpdateComponent(e)};if(i.length===0){l()}else{Promise.all(i).then(l);e.$flags$|=4;i.length=0}}return[2]}))}))};var callRender=function(e,t,n){try{t=t.render();{e.$flags$&=~16}{e.$flags$|=2}{{{renderVdom(e,t)}}}}catch(t){consoleError(t,e.$hostElement$)}return null};var postUpdateComponent=function(e){var t=e.$cmpMeta$.$tagName$;var n=e.$hostElement$;var r=createTime("postUpdate",t);var a=e.$ancestorComponent$;if(!(e.$flags$&64)){e.$flags$|=64;{addHydratedFlag(n)}r();{e.$onReadyResolve$(n);if(!a){appDidLoad()}}}else{r()}{e.$onInstanceResolve$(n)}{if(e.$onRenderResolve$){e.$onRenderResolve$();e.$onRenderResolve$=undefined}if(e.$flags$&512){nextTick((function(){return scheduleUpdate(e,false)}))}e.$flags$&=~(4|512)}};var appDidLoad=function(e){{addHydratedFlag(doc.documentElement)}nextTick((function(){return emitEvent(win,"appload",{detail:{namespace:NAMESPACE}})}))};var safeCall=function(e,t,n){if(e&&e[t]){try{return e[t](n)}catch(e){consoleError(e)}}return undefined};var then=function(e,t){return e&&e.then?e.then(t):t()};var addHydratedFlag=function(e){return e.classList.add("hydrated")};var parsePropertyValue=function(e,t){if(e!=null&&!isComplexType(e)){if(t&4){return e==="false"?false:e===""||!!e}if(t&2){return parseFloat(e)}if(t&1){return String(e)}return e}return e};var getValue=function(e,t){return getHostRef(e).$instanceValues$.get(t)};var setValue=function(e,t,n,r){var a=getHostRef(e);var o=a.$instanceValues$.get(t);var i=a.$flags$;var l=a.$lazyInstance$;n=parsePropertyValue(n,r.$members$[t][0]);if((!(i&8)||o===undefined)&&n!==o){a.$instanceValues$.set(t,n);if(l){if((i&(2|16))===2){scheduleUpdate(a,false)}}}};var proxyComponent=function(e,t,n){if(t.$members$){var r=Object.entries(t.$members$);var a=e.prototype;r.map((function(e){var r=e[0],o=e[1][0];if(o&31||n&2&&o&32){Object.defineProperty(a,r,{get:function(){return getValue(this,r)},set:function(e){setValue(this,r,e,t)},configurable:true,enumerable:true})}else if(n&1&&o&64){Object.defineProperty(a,r,{value:function(){var e=[];for(var t=0;t<arguments.length;t++){e[t]=arguments[t]}var n=getHostRef(this);return n.$onInstancePromise$.then((function(){var t;return(t=n.$lazyInstance$)[r].apply(t,e)}))}})}}));if(n&1){var o=new Map;a.attributeChangedCallback=function(e,t,n){var r=this;plt.jmp((function(){var t=o.get(e);r[t]=n===null&&typeof r[t]==="boolean"?false:n}))};e.observedAttributes=r.filter((function(e){var t=e[0],n=e[1];return n[0]&15})).map((function(e){var t=e[0],n=e[1];var r=n[1]||t;o.set(r,t);return r}))}}return e};var initializeComponent=function(e,t,n,r,a){return __awaiter(void 0,void 0,void 0,(function(){var e,r,o,i;return __generator(this,(function(l){switch(l.label){case 0:if(!((t.$flags$&32)===0))return[3,3];t.$flags$|=32;a=loadModule(n);if(!a.then)return[3,2];e=uniqueTime();return[4,a];case 1:a=l.sent();e();l.label=2;case 2:if(!a.isProxied){proxyComponent(a,n,2);a.isProxied=true}r=createTime("createInstance",n.$tagName$);{t.$flags$|=8}try{new a(t)}catch(e){consoleError(e)}{t.$flags$&=~8}r();l.label=3;case 3:o=t.$ancestorComponent$;i=function(){return scheduleUpdate(t,true)};if(o&&o["s-rc"]){o["s-rc"].push(i)}else{i()}return[2]}}))}))};var connectedCallback=function(e){if((plt.$flags$&1)===0){var t=getHostRef(e);var n=t.$cmpMeta$;var r=createTime("connectedCallback",n.$tagName$);if(!(t.$flags$&1)){t.$flags$|=1;{if(n.$flags$&(4|8)){setContentReference(e)}}{var a=e;while(a=a.parentNode||a.host){if(a["s-p"]){attachToAncestor(t,t.$ancestorComponent$=a);break}}}if(n.$members$){Object.entries(n.$members$).map((function(t){var n=t[0],r=t[1][0];if(r&31&&e.hasOwnProperty(n)){var a=e[n];delete e[n];e[n]=a}}))}{initializeComponent(e,t,n)}}r()}};var setContentReference=function(e){var t=e["s-cr"]=doc.createComment("");t["s-cn"]=true;e.insertBefore(t,e.firstChild)};var disconnectedCallback=function(e){if((plt.$flags$&1)===0){getHostRef(e)}};var bootstrapLazy=function(e,t){if(t===void 0){t={}}var n=createTime();var r=[];var a=t.exclude||[];var o=win.customElements;var i=doc.head;var l=i.querySelector("meta[charset]");var s=doc.createElement("style");var c=[];var f;var u=true;Object.assign(plt,t);plt.$resourcesUrl$=new URL(t.resourcesUrl||"./",doc.baseURI).href;e.map((function(e){return e[1].map((function(t){var n={$flags$:t[0],$tagName$:t[1],$members$:t[2],$listeners$:t[3]};{n.$members$=t[2]}var i=n.$tagName$;var l=function(e){__extends(t,e);function t(t){var r=e.call(this,t)||this;t=r;registerHost(t,n);return r}t.prototype.connectedCallback=function(){var e=this;if(f){clearTimeout(f);f=null}if(u){c.push(this)}else{plt.jmp((function(){return connectedCallback(e)}))}};t.prototype.disconnectedCallback=function(){var e=this;plt.jmp((function(){return disconnectedCallback(e)}))};t.prototype.componentOnReady=function(){return getHostRef(this).$onReadyPromise$};return t}(HTMLElement);n.$lazyBundleId$=e[0];if(!a.includes(i)&&!o.get(i)){r.push(i);o.define(i,proxyComponent(l,n,1))}}))}));{s.innerHTML=r+HYDRATED_CSS;s.setAttribute("data-styles","");i.insertBefore(s,l?l.nextSibling:i.firstChild)}u=false;if(c.length){c.map((function(e){return e.connectedCallback()}))}else{{plt.jmp((function(){return f=setTimeout(appDidLoad,30)}))}}n()};var hostRefs=new WeakMap;var getHostRef=function(e){return hostRefs.get(e)};var registerInstance=function(e,t){return hostRefs.set(t.$lazyInstance$=e,t)};var registerHost=function(e,t){var n={$flags$:0,$hostElement$:e,$cmpMeta$:t,$instanceValues$:new Map};{n.$onInstancePromise$=new Promise((function(e){return n.$onInstanceResolve$=e}))}{n.$onReadyPromise$=new Promise((function(e){return n.$onReadyResolve$=e}));e["s-p"]=[];e["s-rc"]=[]}return hostRefs.set(e,n)};var isMemberInElement=function(e,t){return t in e};var consoleError=function(e,t){return(0,console.error)(e,t)};var cmpModules=new Map;var loadModule=function(e,t,n){var r=e.$tagName$.replace(/-/g,"_");var a=e.$lazyBundleId$;var o=cmpModules.get(a);if(o){return o[r]}return import("./"+a+".entry.js"+"").then((function(e){{cmpModules.set(a,e)}return e[r]}),consoleError)};var queueDomReads=[];var queueDomWrites=[];var queueTask=function(e,t){return function(n){e.push(n);if(!queuePending){queuePending=true;if(t&&plt.$flags$&4){nextTick(flush)}else{plt.raf(flush)}}}};var consume=function(e){for(var t=0;t<e.length;t++){try{e[t](performance.now())}catch(e){consoleError(e)}}e.length=0};var flush=function(){consume(queueDomReads);{consume(queueDomWrites);if(queuePending=queueDomReads.length>0){plt.raf(flush)}}};var nextTick=function(e){return promiseResolve().then(e)};var writeTask=queueTask(queueDomWrites,true);export{Host as H,bootstrapLazy as b,createEvent as c,h,promiseResolve as p,registerInstance as r};
|
|
File without changes
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{p as promiseResolve,b as bootstrapLazy}from"./index-6fd7b087.js";var patchEsm=function(){return promiseResolve()};var defineCustomElements=function(e,t){if(typeof window==="undefined")return Promise.resolve();return patchEsm().then((function(){return bootstrapLazy([["xpl-button_3",[[4,"xpl-button",{disabled:[4],type:[1],href:[1]}],[0,"xpl-pagination",{total:[2],perPage:[2,"per-page"],waitForCallback:[4,"wait-for-callback"],current:[32],goto:[64]}],[0,"xpl-table",{columns:[16],data:[16],fixed:[4],multiselect:[4],striped:[4],areAllSelected:[32],selected:[32]}]]]],t)}))};export{defineCustomElements};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var __awaiter=this&&this.__awaiter||function(t,e,n,r){function l(t){return t instanceof n?t:new n((function(e){e(t)}))}return new(n||(n=Promise))((function(n,i){function a(t){try{s(r.next(t))}catch(t){i(t)}}function o(t){try{s(r["throw"](t))}catch(t){i(t)}}function s(t){t.done?n(t.value):l(t.value).then(a,o)}s((r=r.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var n={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},r,l,i,a;return a={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function o(t){return function(e){return s([t,e])}}function s(a){if(r)throw new TypeError("Generator is already executing.");while(n)try{if(r=1,l&&(i=a[0]&2?l["return"]:a[0]?l["throw"]||((i=l["return"])&&i.call(l),0):l.next)&&!(i=i.call(l,a[1])).done)return i;if(l=0,i)a=[a[0]&2,i.value];switch(a[0]){case 0:case 1:i=a;break;case 4:n.label++;return{value:a[1],done:false};case 5:n.label++;l=a[1];a=[0];continue;case 7:a=n.ops.pop();n.trys.pop();continue;default:if(!(i=n.trys,i=i.length>0&&i[i.length-1])&&(a[0]===6||a[0]===2)){n=0;continue}if(a[0]===3&&(!i||a[1]>i[0]&&a[1]<i[3])){n.label=a[1];break}if(a[0]===6&&n.label<i[1]){n.label=i[1];i=a;break}if(i&&n.label<i[2]){n.label=i[2];n.ops.push(a);break}if(i[2])n.ops.pop();n.trys.pop();continue}a=e.call(t,n)}catch(t){a=[6,t];l=0}finally{r=i=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};import{r as registerInstance,h,H as Host,c as createEvent}from"./index-6fd7b087.js";var XplButton=function(){function t(t){registerInstance(this,t)}t.prototype.render=function(){var t="xpl-button";if(this.type==="secondary")t+=" xpl-button--secondary";if(this.type==="subtle")t+=" xpl-button--subtle";return h(Host,null,this.href?h("a",{class:t,href:this.href,role:"button"},h("slot",null)):this.disabled?h("button",{class:t,role:"button",disabled:true},h("slot",null)):h("button",{class:t,role:"button"},h("slot",null)))};return t}();var XplPagination=function(){function t(t){var e=this;registerInstance(this,t);this.page=createEvent(this,"page",7);this.current=1;this._goto=function(t){e.page.emit(t);if(!e.waitForCallback){e.current=t}};this.goPrev=function(){if(e.current>1)e._goto(e.current-1)};this.goNext=function(){var t=Math.ceil(e.total/e.perPage);if(e.current<t)e._goto(e.current+1)}}t.prototype.goto=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.current=t;return[2]}))}))};t.prototype.render=function(){var t=this;var e=Math.ceil(this.total/this.perPage);var n=[1];if(e<7)n=[1,2,3,4,5,6];if(this.current<=3||this.current>=e-2){n=[1,2,3,"...",e-2,e-1,e]}else{n=[1,"...",this.current-1,this.current,this.current+1,"...",e]}var r=(this.current-1)*this.perPage+1;var l=Math.min(r+this.perPage-1,this.total);return h(Host,null,h("div",{class:"xpl-pagination"},h("div",null,h("p",null,"Showing"," ",h("span",null,r)," ","to"," ",h("span",null,l)," ","of"," ",h("span",null,this.total)," ","results")),h("div",null,h("nav",{"aria-label":"Pagination"},h("button",{onClick:this.goPrev,class:"xpl-pagination-prev"},h("span",null,"Previous"),h("svg",{viewBox:"0 0 20 20","aria-hidden":"true"},h("path",{"fill-rule":"evenodd",d:"M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z","clip-rule":"evenodd"}))),n.map((function(e){if(e==="..."){return h("span",{class:"xpl-pagination-ellipsis"},"...")}if(e===t.current){return h("button",{"aria-current":"page",class:"xpl-pagination-current"},e)}return h("button",{onClick:function(){return t._goto(e)}},e)})),h("button",{onClick:this.goNext,class:"xpl-pagination-next"},h("span",null,"Next"),h("svg",{viewBox:"0 0 20 20","aria-hidden":"true"},h("path",{"fill-rule":"evenodd",d:"M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z","clip-rule":"evenodd"})))))))};return t}();var XplTable=function(){function t(t){var e=this;registerInstance(this,t);this.tableSelect=createEvent(this,"tableSelect",7);this.areAllSelected=false;this.selectAll=function(t){var n=t.target;if(!(n instanceof HTMLInputElement))return;var r=n.checked;e.areAllSelected=r;e.selected=e.selected.map((function(){return r}));e.onChange()};this.selectOne=function(t,n){var r=t.target;if(!(r instanceof HTMLInputElement))return;var l=r.checked;e.areAllSelected=false;e.selected[n]=l;e.onChange()};this.onChange=function(){e.tableSelect.emit({selected:e.selected,areAllSelected:e.areAllSelected})}}t.prototype.componentWillLoad=function(){this.areAllSelected=false;this.selected=new Array(this.data.length).fill(false)};t.prototype.render=function(){var t=this;return h(Host,null,h("div",{class:"xpl-table-container"},h("table",{class:"xpl-table"+(this.striped?" xpl-table--striped":"")+(this.fixed?" xpl-table--sticky":"")},this.columns&&h("thead",null,this.columns.map((function(e,n){return h("th",null,t.multiselect&&n===0?h("input",{type:"checkbox",onChange:function(e){t.selectAll(e)},checked:t.areAllSelected}):null,e)}))),this.data&&h("tbody",null,this.data.map((function(e){return h("tr",null,e.map((function(e,n){return h("td",null,t.multiselect&&n===0?h("input",{checked:t.selected[n],type:"checkbox",onChange:function(e){return t.selectOne(e,n)}}):null,e)})))}))))))};return t}();export{XplButton as xpl_button,XplPagination as xpl_pagination,XplTable as xpl_table};
|
package/dist/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from './esm/index.js';
|
|
1
|
+
export * from './esm-es5/index.js';
|
package/dist/loader/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
|
|
2
2
|
(function(){if("undefined"!==typeof window&&void 0!==window.Reflect&&void 0!==window.customElements){var a=HTMLElement;window.HTMLElement=function(){return Reflect.construct(a,[],this.constructor)};HTMLElement.prototype=a.prototype;HTMLElement.prototype.constructor=HTMLElement;Object.setPrototypeOf(HTMLElement,a)}})();
|
|
3
3
|
export * from '../esm/polyfills/index.js';
|
|
4
|
-
export * from '../esm/loader.js';
|
|
4
|
+
export * from '../esm-es5/loader.js';
|
|
@@ -1,3 +1,25 @@
|
|
|
1
|
+
import { EventEmitter } from "../../stencil-public-runtime";
|
|
1
2
|
export declare class XplPagination {
|
|
3
|
+
total: number;
|
|
4
|
+
perPage: number;
|
|
5
|
+
waitForCallback: boolean;
|
|
6
|
+
current: number;
|
|
7
|
+
page: EventEmitter;
|
|
8
|
+
/**
|
|
9
|
+
* Calling `goto` with a page number (which should probably be
|
|
10
|
+
* taken from the `page` event) updates the pagination's state
|
|
11
|
+
* and re-renders it, showing the appropriate buttons given the current page.
|
|
12
|
+
* @param n
|
|
13
|
+
*/
|
|
14
|
+
goto(n: number): Promise<void>;
|
|
15
|
+
/**
|
|
16
|
+
* Private `_goto` method respects the `waitForCallback` prop --
|
|
17
|
+
* it will always emit the `page` event, but won't actually update
|
|
18
|
+
* the state of what the current page is, leaving that to the caller
|
|
19
|
+
* to update once (presumably) some other data has loaded.
|
|
20
|
+
*/
|
|
21
|
+
private _goto;
|
|
22
|
+
private goPrev;
|
|
23
|
+
private goNext;
|
|
2
24
|
render(): any;
|
|
3
25
|
}
|
|
@@ -6,7 +6,20 @@
|
|
|
6
6
|
*/
|
|
7
7
|
import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
|
|
8
8
|
export namespace Components {
|
|
9
|
+
interface XplButton {
|
|
10
|
+
"disabled"?: boolean;
|
|
11
|
+
"href"?: string;
|
|
12
|
+
"type": "primary" | "secondary" | "subtle";
|
|
13
|
+
}
|
|
9
14
|
interface XplPagination {
|
|
15
|
+
/**
|
|
16
|
+
* Calling `goto` with a page number (which should probably be taken from the `page` event) updates the pagination's state and re-renders it, showing the appropriate buttons given the current page.
|
|
17
|
+
* @param n
|
|
18
|
+
*/
|
|
19
|
+
"goto": (n: number) => Promise<void>;
|
|
20
|
+
"perPage": number;
|
|
21
|
+
"total": number;
|
|
22
|
+
"waitForCallback": boolean;
|
|
10
23
|
}
|
|
11
24
|
interface XplTable {
|
|
12
25
|
"columns": string[];
|
|
@@ -17,6 +30,12 @@ export namespace Components {
|
|
|
17
30
|
}
|
|
18
31
|
}
|
|
19
32
|
declare global {
|
|
33
|
+
interface HTMLXplButtonElement extends Components.XplButton, HTMLStencilElement {
|
|
34
|
+
}
|
|
35
|
+
var HTMLXplButtonElement: {
|
|
36
|
+
prototype: HTMLXplButtonElement;
|
|
37
|
+
new (): HTMLXplButtonElement;
|
|
38
|
+
};
|
|
20
39
|
interface HTMLXplPaginationElement extends Components.XplPagination, HTMLStencilElement {
|
|
21
40
|
}
|
|
22
41
|
var HTMLXplPaginationElement: {
|
|
@@ -30,12 +49,22 @@ declare global {
|
|
|
30
49
|
new (): HTMLXplTableElement;
|
|
31
50
|
};
|
|
32
51
|
interface HTMLElementTagNameMap {
|
|
52
|
+
"xpl-button": HTMLXplButtonElement;
|
|
33
53
|
"xpl-pagination": HTMLXplPaginationElement;
|
|
34
54
|
"xpl-table": HTMLXplTableElement;
|
|
35
55
|
}
|
|
36
56
|
}
|
|
37
57
|
declare namespace LocalJSX {
|
|
58
|
+
interface XplButton {
|
|
59
|
+
"disabled"?: boolean;
|
|
60
|
+
"href"?: string;
|
|
61
|
+
"type"?: "primary" | "secondary" | "subtle";
|
|
62
|
+
}
|
|
38
63
|
interface XplPagination {
|
|
64
|
+
"onPage"?: (event: CustomEvent<any>) => void;
|
|
65
|
+
"perPage"?: number;
|
|
66
|
+
"total"?: number;
|
|
67
|
+
"waitForCallback"?: boolean;
|
|
39
68
|
}
|
|
40
69
|
interface XplTable {
|
|
41
70
|
"columns"?: string[];
|
|
@@ -46,6 +75,7 @@ declare namespace LocalJSX {
|
|
|
46
75
|
"striped"?: boolean;
|
|
47
76
|
}
|
|
48
77
|
interface IntrinsicElements {
|
|
78
|
+
"xpl-button": XplButton;
|
|
49
79
|
"xpl-pagination": XplPagination;
|
|
50
80
|
"xpl-table": XplTable;
|
|
51
81
|
}
|
|
@@ -54,6 +84,7 @@ export { LocalJSX as JSX };
|
|
|
54
84
|
declare module "@stencil/core" {
|
|
55
85
|
export namespace JSX {
|
|
56
86
|
interface IntrinsicElements {
|
|
87
|
+
"xpl-button": LocalJSX.XplButton & JSXBase.HTMLAttributes<HTMLXplButtonElement>;
|
|
57
88
|
"xpl-pagination": LocalJSX.XplPagination & JSXBase.HTMLAttributes<HTMLXplPaginationElement>;
|
|
58
89
|
"xpl-table": LocalJSX.XplTable & JSXBase.HTMLAttributes<HTMLXplTableElement>;
|
|
59
90
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@xplortech/apollo-core",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.2",
|
|
4
4
|
"main": "dist/index.cjs.js",
|
|
5
5
|
"module": "dist/custom-elements/index.js",
|
|
6
6
|
"es2015": "dist/esm/index.mjs",
|
|
@@ -8,16 +8,15 @@
|
|
|
8
8
|
"types": "dist/custom-elements/index.d.ts",
|
|
9
9
|
"collection": "dist/collection/collection-manifest.json",
|
|
10
10
|
"collection:main": "dist/collection/index.js",
|
|
11
|
-
"unpkg": "dist/apollo-core/apollo-core.esm.js",
|
|
12
11
|
"scripts": {
|
|
13
12
|
"build": "NODE_ENV=production postcss src/style.css -o build/style.css && cp build/style.css .storybook",
|
|
14
|
-
"dev": "concurrently 'stencil build --dev --watch --serve' 'postcss src/style.css -o build/style.css -w'
|
|
13
|
+
"dev": "concurrently 'stencil build --dev --watch --serve' 'postcss src/style.css -o build/style.css -w'",
|
|
15
14
|
"format": "prettier --write src",
|
|
16
15
|
"test": "echo \"Error: no test specified\" && exit 1",
|
|
17
16
|
"storybook": "start-storybook -p 6006",
|
|
18
17
|
"build-storybook": "build-storybook",
|
|
19
18
|
"heroku-postbuild": "npm run build && npm run build-storybook",
|
|
20
|
-
"stencil-build": "stencil build --docs",
|
|
19
|
+
"stencil-build": "stencil build --docs --prod",
|
|
21
20
|
"generate": "stencil generate"
|
|
22
21
|
},
|
|
23
22
|
"engines": {
|
|
@@ -49,7 +48,6 @@
|
|
|
49
48
|
"postcss-import": "^14.0.2",
|
|
50
49
|
"prettier": "^2.3.1",
|
|
51
50
|
"puppeteer": "^10.1.0",
|
|
52
|
-
"serve": "^12.0.0",
|
|
53
51
|
"storybook-addon-html-document": "^1.0.1",
|
|
54
52
|
"tailwindcss": "2.1.4"
|
|
55
53
|
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
let e,n,t=!1;const l="undefined"!=typeof window?window:{},o=l.document||{head:{}},s={t:0,l:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,n,t,l)=>e.addEventListener(n,t,l),rel:(e,n,t,l)=>e.removeEventListener(n,t,l),ce:(e,n)=>new CustomEvent(e,n)},c=e=>Promise.resolve(e),r={},i=e=>"object"==(e=typeof e)||"function"===e,a=(e,n,...t)=>{let l=null,o=!1,s=!1,c=[];const r=n=>{for(let t=0;t<n.length;t++)l=n[t],Array.isArray(l)?r(l):null!=l&&"boolean"!=typeof l&&((o="function"!=typeof e&&!i(l))&&(l+=""),o&&s?c[c.length-1].o+=l:c.push(o?u(null,l):l),s=o)};if(r(t),n){const e=n.className||n.class;e&&(n.class="object"!=typeof e?e:Object.keys(e).filter((n=>e[n])).join(" "))}const a=u(e,null);return a.i=n,c.length>0&&(a.u=c),a},u=(e,n)=>({t:0,$:e,o:n,m:null,u:null,i:null}),f={},$=(e,n,t,o,c,r)=>{if(t!==o){let a=N(e,n),u=n.toLowerCase();if("class"===n){const n=e.classList,l=m(t),s=m(o);n.remove(...l.filter((e=>e&&!s.includes(e)))),n.add(...s.filter((e=>e&&!l.includes(e))))}else if(a||"o"!==n[0]||"n"!==n[1]){const l=i(o);if((a||l&&null!==o)&&!c)try{if(e.tagName.includes("-"))e[n]=o;else{let l=null==o?"":o;"list"===n?a=!1:null!=t&&e[n]==l||(e[n]=l)}}catch(e){}null==o||!1===o?!1===o&&""!==e.getAttribute(n)||e.removeAttribute(n):(!a||4&r||c)&&!l&&e.setAttribute(n,o=!0===o?"":o)}else n="-"===n[2]?n.slice(3):N(l,u)?u.slice(2):u[2]+n.slice(3),t&&s.rel(e,n,t,!1),o&&s.ael(e,n,o,!1)}},d=/\s/,m=e=>e?e.split(d):[],p=(e,n,t,l)=>{const o=11===n.m.nodeType&&n.m.host?n.m.host:n.m,s=e&&e.i||r,c=n.i||r;for(l in s)l in c||$(o,l,s[l],void 0,t,n.t);for(l in c)$(o,l,s[l],c[l],t,n.t)},b=(n,t,l)=>{let s,c,r=t.u[l],i=0;if(null!==r.o)s=r.m=o.createTextNode(r.o);else if(s=r.m=o.createElement(r.$),p(null,r,!1),null!=e&&s["s-si"]!==e&&s.classList.add(s["s-si"]=e),r.u)for(i=0;i<r.u.length;++i)c=b(n,r,i),c&&s.appendChild(c);return s},y=(e,t,l,o,s,c)=>{let r,i=e;for(i.shadowRoot&&i.tagName===n&&(i=i.shadowRoot);s<=c;++s)o[s]&&(r=b(null,l,s),r&&(o[s].m=r,i.insertBefore(r,t)))},h=(e,n,t,l)=>{for(;n<=t;++n)(l=e[n])&&l.m.remove()},w=(e,n)=>e.$===n.$,g=(e,n)=>{const t=n.m=e.m,l=e.u,o=n.u,s=n.o;null===s?("slot"===n.$||p(e,n,!1),null!==l&&null!==o?((e,n,t,l)=>{let o,s=0,c=0,r=n.length-1,i=n[0],a=n[r],u=l.length-1,f=l[0],$=l[u];for(;s<=r&&c<=u;)null==i?i=n[++s]:null==a?a=n[--r]:null==f?f=l[++c]:null==$?$=l[--u]:w(i,f)?(g(i,f),i=n[++s],f=l[++c]):w(a,$)?(g(a,$),a=n[--r],$=l[--u]):w(i,$)?(g(i,$),e.insertBefore(i.m,a.m.nextSibling),i=n[++s],$=l[--u]):w(a,f)?(g(a,f),e.insertBefore(a.m,i.m),a=n[--r],f=l[++c]):(o=b(n&&n[c],t,c),f=l[++c],o&&i.m.parentNode.insertBefore(o,i.m));s>r?y(e,null==l[u+1]?null:l[u+1].m,t,l,c,u):c>u&&h(n,s,r)})(t,l,n,o):null!==o?(null!==e.o&&(t.textContent=""),y(t,null,n,o,0,o.length-1)):null!==l&&h(l,0,l.length-1)):e.o!==s&&(t.data=s)},j=(e,n,t)=>{const l=(e=>W(e).p)(e);return{emit:e=>v(l,n,{bubbles:!!(4&t),composed:!!(2&t),cancelable:!!(1&t),detail:e})}},v=(e,n,t)=>{const l=s.ce(n,t);return e.dispatchEvent(l),l},M=(e,n)=>{n&&!e.h&&n["s-p"]&&n["s-p"].push(new Promise((n=>e.h=n)))},O=(e,n)=>{if(e.t|=16,!(4&e.t))return M(e,e.g),Q((()=>k(e,n)));e.t|=512},k=(e,n)=>{const t=e.j;let l;return n&&(l=L(t,"componentWillLoad")),T(l,(()=>P(e,t)))},P=async(e,n)=>{const t=e.p,l=t["s-rc"];x(e,n),l&&(l.map((e=>e())),t["s-rc"]=void 0);{const n=t["s-p"],l=()=>C(e);0===n.length?l():(Promise.all(n).then(l),e.t|=4,n.length=0)}},x=(t,l)=>{try{l=l.render(),t.t&=-17,t.t|=2,((t,l)=>{const o=t.p,s=t.v||u(null,null),c=(e=>e&&e.$===f)(l)?l:a(null,null,l);n=o.tagName,c.$=null,c.t|=4,t.v=c,c.m=s.m=o.shadowRoot||o,e=o["s-sc"],g(s,c)})(t,l)}catch(e){V(e,t.p)}return null},C=e=>{const n=e.p,t=e.g;64&e.t||(e.t|=64,A(n),e.M(n),t||E()),e.h&&(e.h(),e.h=void 0),512&e.t&&K((()=>O(e,!1))),e.t&=-517},E=()=>{A(o.documentElement),K((()=>v(l,"appload",{detail:{namespace:"apollo-core"}})))},L=(e,n,t)=>{if(e&&e[n])try{return e[n](t)}catch(e){V(e)}},T=(e,n)=>e&&e.then?e.then(n):n(),A=e=>e.classList.add("hydrated"),H=(e,n,t)=>{if(n.O){const l=Object.entries(n.O),o=e.prototype;if(l.map((([e,[l]])=>{(31&l||2&t&&32&l)&&Object.defineProperty(o,e,{get(){return((e,n)=>W(this).k.get(n))(0,e)},set(t){((e,n,t,l)=>{const o=W(e),s=o.k.get(n),c=o.t,r=o.j;t=((e,n)=>null==e||i(e)?e:4&n?"false"!==e&&(""===e||!!e):e)(t,l.O[n][0]),8&c&&void 0!==s||t===s||(o.k.set(n,t),r&&2==(18&c)&&O(o,!1))})(this,e,t,n)},configurable:!0,enumerable:!0})})),1&t){const n=new Map;o.attributeChangedCallback=function(e,t,l){s.jmp((()=>{const t=n.get(e);this[t]=(null!==l||"boolean"!=typeof this[t])&&l}))},e.observedAttributes=l.filter((([e,n])=>15&n[0])).map((([e,t])=>{const l=t[1]||e;return n.set(l,e),l}))}}return e},R=(e,n={})=>{const t=[],c=n.exclude||[],r=l.customElements,i=o.head,a=i.querySelector("meta[charset]"),u=o.createElement("style"),f=[];let $,d=!0;Object.assign(s,n),s.l=new URL(n.resourcesUrl||"./",o.baseURI).href,e.map((e=>e[1].map((n=>{const l={t:n[0],P:n[1],O:n[2],C:n[3]};l.O=n[2];const o=l.P,i=class extends HTMLElement{constructor(e){super(e),F(e=this,l),1&l.t&&e.attachShadow({mode:"open"})}connectedCallback(){$&&(clearTimeout($),$=null),d?f.push(this):s.jmp((()=>(e=>{if(0==(1&s.t)){const n=W(e),t=n.L,l=()=>{};if(!(1&n.t)){n.t|=1;{let t=e;for(;t=t.parentNode||t.host;)if(t["s-p"]){M(n,n.g=t);break}}t.O&&Object.entries(t.O).map((([n,[t]])=>{if(31&t&&e.hasOwnProperty(n)){const t=e[n];delete e[n],e[n]=t}})),(async(e,n,t,l,o)=>{if(0==(32&n.t)){if(n.t|=32,(o=z(t)).then){const e=()=>{};o=await o,e()}o.isProxied||(H(o,t,2),o.isProxied=!0);const e=()=>{};n.t|=8;try{new o(n)}catch(e){V(e)}n.t&=-9,e()}const s=n.g,c=()=>O(n,!0);s&&s["s-rc"]?s["s-rc"].push(c):c()})(0,n,t)}l()}})(this)))}disconnectedCallback(){s.jmp((()=>{}))}componentOnReady(){return W(this).T}};l.A=e[0],c.includes(o)||r.get(o)||(t.push(o),r.define(o,H(i,l,1)))})))),u.innerHTML=t+"{visibility:hidden}.hydrated{visibility:inherit}",u.setAttribute("data-styles",""),i.insertBefore(u,a?a.nextSibling:i.firstChild),d=!1,f.length?f.map((e=>e.connectedCallback())):s.jmp((()=>$=setTimeout(E,30)))},U=new WeakMap,W=e=>U.get(e),q=(e,n)=>U.set(n.j=e,n),F=(e,n)=>{const t={t:0,p:e,L:n,k:new Map};return t.T=new Promise((e=>t.M=e)),e["s-p"]=[],e["s-rc"]=[],U.set(e,t)},N=(e,n)=>n in e,V=(e,n)=>(0,console.error)(e,n),_=new Map,z=e=>{const n=e.P.replace(/-/g,"_"),t=e.A,l=_.get(t);return l?l[n]:import(`./${t}.entry.js`).then((e=>(_.set(t,e),e[n])),V)},B=[],D=[],G=(e,n)=>l=>{e.push(l),t||(t=!0,n&&4&s.t?K(J):s.raf(J))},I=e=>{for(let n=0;n<e.length;n++)try{e[n](performance.now())}catch(e){V(e)}e.length=0},J=()=>{I(B),I(D),(t=B.length>0)&&s.raf(J)},K=e=>c().then(e),Q=G(D,!0);export{f as H,R as b,j as c,a as h,c as p,q as r}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as s,h as e,H as i}from"./p-1c829417.js";const h=class{constructor(e){t(this,e),this.tableSelect=s(this,"tableSelect",7),this.areAllSelected=!1,this.selectAll=t=>{const{target:s}=t;if(!(s instanceof HTMLInputElement))return;const{checked:e}=s;this.areAllSelected=e,this.selected=this.selected.map((()=>e)),this.onChange()},this.selectOne=(t,s)=>{const{target:e}=t;if(!(e instanceof HTMLInputElement))return;const{checked:i}=e;this.areAllSelected=!1,this.selected[s]=i,this.onChange()},this.onChange=()=>{this.tableSelect.emit({selected:this.selected,areAllSelected:this.areAllSelected})}}componentWillLoad(){this.areAllSelected=!1,this.selected=new Array(this.data.length).fill(!1)}render(){return e(i,null,e("div",{class:"xpl-table-container"},e("table",{class:`xpl-table${this.striped?" xpl-table--striped":""} xpl-table--sticky`},this.columns&&e("thead",null,this.columns.map(((t,s)=>e("th",null,this.multiselect&&0===s?e("input",{type:"checkbox",onChange:t=>{this.selectAll(t)},checked:this.areAllSelected}):null,t)))),this.data&&e("tbody",null,this.data.map((t=>e("tr",null,t.map(((t,s)=>e("td",null,this.multiselect&&0===s?e("input",{checked:this.selected[s],type:"checkbox",onChange:t=>this.selectOne(t,s)}):null,t))))))))))}};export{h as xpl_table}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r,h as s,H as t}from"./p-1c829417.js";const n=class{constructor(s){r(this,s)}render(){return s(t,null,s("slot",null))}};export{n as xpl_pagination}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
const index = require('./index-3ceb30c2.js');
|
|
6
|
-
|
|
7
|
-
const XplPagination = class {
|
|
8
|
-
constructor(hostRef) {
|
|
9
|
-
index.registerInstance(this, hostRef);
|
|
10
|
-
}
|
|
11
|
-
render() {
|
|
12
|
-
return (index.h(index.Host, null, index.h("slot", null)));
|
|
13
|
-
}
|
|
14
|
-
};
|
|
15
|
-
|
|
16
|
-
exports.xpl_pagination = XplPagination;
|
|
@@ -1,54 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
const index = require('./index-3ceb30c2.js');
|
|
6
|
-
|
|
7
|
-
const XplTable = class {
|
|
8
|
-
constructor(hostRef) {
|
|
9
|
-
index.registerInstance(this, hostRef);
|
|
10
|
-
this.tableSelect = index.createEvent(this, "tableSelect", 7);
|
|
11
|
-
this.areAllSelected = false;
|
|
12
|
-
this.selectAll = (e) => {
|
|
13
|
-
const { target } = e;
|
|
14
|
-
if (!(target instanceof HTMLInputElement))
|
|
15
|
-
return;
|
|
16
|
-
const { checked } = target;
|
|
17
|
-
this.areAllSelected = checked;
|
|
18
|
-
this.selected = this.selected.map(() => checked);
|
|
19
|
-
this.onChange();
|
|
20
|
-
};
|
|
21
|
-
this.selectOne = (e, i) => {
|
|
22
|
-
const { target } = e;
|
|
23
|
-
if (!(target instanceof HTMLInputElement))
|
|
24
|
-
return;
|
|
25
|
-
const { checked } = target;
|
|
26
|
-
this.areAllSelected = false;
|
|
27
|
-
this.selected[i] = checked;
|
|
28
|
-
this.onChange();
|
|
29
|
-
};
|
|
30
|
-
this.onChange = () => {
|
|
31
|
-
this.tableSelect.emit({
|
|
32
|
-
selected: this.selected,
|
|
33
|
-
areAllSelected: this.areAllSelected,
|
|
34
|
-
});
|
|
35
|
-
};
|
|
36
|
-
}
|
|
37
|
-
componentWillLoad() {
|
|
38
|
-
this.areAllSelected = false;
|
|
39
|
-
this.selected = new Array(this.data.length).fill(false);
|
|
40
|
-
}
|
|
41
|
-
render() {
|
|
42
|
-
return (index.h(index.Host, null, index.h("div", { class: "xpl-table-container" }, index.h("table", { class: `xpl-table${this.striped ? " xpl-table--striped" : ""} xpl-table--sticky` }, this.columns && (index.h("thead", null, this.columns.map((column, i) => {
|
|
43
|
-
return (index.h("th", null, this.multiselect && i === 0 ? (index.h("input", { type: "checkbox", onChange: (e) => {
|
|
44
|
-
this.selectAll(e);
|
|
45
|
-
}, checked: this.areAllSelected })) : null, column));
|
|
46
|
-
}))), this.data && (index.h("tbody", null, this.data.map((row) => {
|
|
47
|
-
return (index.h("tr", null, row.map((cell, i) => {
|
|
48
|
-
return (index.h("td", null, this.multiselect && i === 0 ? (index.h("input", { checked: this.selected[i], type: "checkbox", onChange: (e) => this.selectOne(e, i) })) : null, cell));
|
|
49
|
-
})));
|
|
50
|
-
})))))));
|
|
51
|
-
}
|
|
52
|
-
};
|
|
53
|
-
|
|
54
|
-
exports.xpl_table = XplTable;
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, h, H as Host } from './index-52844266.js';
|
|
2
|
-
|
|
3
|
-
const XplPagination = class {
|
|
4
|
-
constructor(hostRef) {
|
|
5
|
-
registerInstance(this, hostRef);
|
|
6
|
-
}
|
|
7
|
-
render() {
|
|
8
|
-
return (h(Host, null, h("slot", null)));
|
|
9
|
-
}
|
|
10
|
-
};
|
|
11
|
-
|
|
12
|
-
export { XplPagination as xpl_pagination };
|
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, c as createEvent, h, H as Host } from './index-52844266.js';
|
|
2
|
-
|
|
3
|
-
const XplTable = class {
|
|
4
|
-
constructor(hostRef) {
|
|
5
|
-
registerInstance(this, hostRef);
|
|
6
|
-
this.tableSelect = createEvent(this, "tableSelect", 7);
|
|
7
|
-
this.areAllSelected = false;
|
|
8
|
-
this.selectAll = (e) => {
|
|
9
|
-
const { target } = e;
|
|
10
|
-
if (!(target instanceof HTMLInputElement))
|
|
11
|
-
return;
|
|
12
|
-
const { checked } = target;
|
|
13
|
-
this.areAllSelected = checked;
|
|
14
|
-
this.selected = this.selected.map(() => checked);
|
|
15
|
-
this.onChange();
|
|
16
|
-
};
|
|
17
|
-
this.selectOne = (e, i) => {
|
|
18
|
-
const { target } = e;
|
|
19
|
-
if (!(target instanceof HTMLInputElement))
|
|
20
|
-
return;
|
|
21
|
-
const { checked } = target;
|
|
22
|
-
this.areAllSelected = false;
|
|
23
|
-
this.selected[i] = checked;
|
|
24
|
-
this.onChange();
|
|
25
|
-
};
|
|
26
|
-
this.onChange = () => {
|
|
27
|
-
this.tableSelect.emit({
|
|
28
|
-
selected: this.selected,
|
|
29
|
-
areAllSelected: this.areAllSelected,
|
|
30
|
-
});
|
|
31
|
-
};
|
|
32
|
-
}
|
|
33
|
-
componentWillLoad() {
|
|
34
|
-
this.areAllSelected = false;
|
|
35
|
-
this.selected = new Array(this.data.length).fill(false);
|
|
36
|
-
}
|
|
37
|
-
render() {
|
|
38
|
-
return (h(Host, null, h("div", { class: "xpl-table-container" }, h("table", { class: `xpl-table${this.striped ? " xpl-table--striped" : ""} xpl-table--sticky` }, this.columns && (h("thead", null, this.columns.map((column, i) => {
|
|
39
|
-
return (h("th", null, this.multiselect && i === 0 ? (h("input", { type: "checkbox", onChange: (e) => {
|
|
40
|
-
this.selectAll(e);
|
|
41
|
-
}, checked: this.areAllSelected })) : null, column));
|
|
42
|
-
}))), this.data && (h("tbody", null, this.data.map((row) => {
|
|
43
|
-
return (h("tr", null, row.map((cell, i) => {
|
|
44
|
-
return (h("td", null, this.multiselect && i === 0 ? (h("input", { checked: this.selected[i], type: "checkbox", onChange: (e) => this.selectOne(e, i) })) : null, cell));
|
|
45
|
-
})));
|
|
46
|
-
})))))));
|
|
47
|
-
}
|
|
48
|
-
};
|
|
49
|
-
|
|
50
|
-
export { XplTable as xpl_table };
|