@sfgrp/distinguish 0.0.8 → 0.0.9
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/dist/distinguish.es.js +6 -6
- package/dist/distinguish.umd.js +5 -5
- package/dist/style.css +1 -1
- package/package.json +1 -1
package/dist/distinguish.es.js
CHANGED
|
@@ -7466,7 +7466,7 @@ const LAYOUT_MODES = {
|
|
|
7466
7466
|
"layout-mode-1": "layout-mode-2",
|
|
7467
7467
|
"layout-mode-2": "layout-mode-1"
|
|
7468
7468
|
};
|
|
7469
|
-
var VGrid_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => ".grid[data-v-
|
|
7469
|
+
var VGrid_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => ".grid[data-v-54dda420]{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);grid-column-gap:0px;grid-row-gap:0px;grid-gap:1px;background-color:var(--border-color);box-shadow:0 1px 1px #0003}\n")();
|
|
7470
7470
|
const _sfc_main$o = {};
|
|
7471
7471
|
const _hoisted_1$m = { class: "grid" };
|
|
7472
7472
|
function _sfc_render(_ctx, _cache) {
|
|
@@ -7474,7 +7474,7 @@ function _sfc_render(_ctx, _cache) {
|
|
|
7474
7474
|
renderSlot(_ctx.$slots, "default", {}, void 0, true)
|
|
7475
7475
|
]);
|
|
7476
7476
|
}
|
|
7477
|
-
var VGrid = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["render", _sfc_render], ["__scopeId", "data-v-
|
|
7477
|
+
var VGrid = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["render", _sfc_render], ["__scopeId", "data-v-54dda420"]]);
|
|
7478
7478
|
var GridToggle_vue_vue_type_style_index_0_lang = /* @__PURE__ */ (() => ".grid-icon{width:20px;height:12px;border:2px solid transparent;background-color:transparent;grid-gap:2px}.grid-icon>div{background-color:#fff}\n")();
|
|
7479
7479
|
const _hoisted_1$l = /* @__PURE__ */ createBaseVNode("div", { class: "panel-descriptors" }, null, -1);
|
|
7480
7480
|
const _hoisted_2$a = /* @__PURE__ */ createBaseVNode("div", { class: "panel-remaining" }, null, -1);
|
|
@@ -7538,7 +7538,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
|
|
|
7538
7538
|
};
|
|
7539
7539
|
}
|
|
7540
7540
|
});
|
|
7541
|
-
var HeaderBar_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => ".header-bar[data-v-
|
|
7541
|
+
var HeaderBar_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => ".header-bar[data-v-055577b4]{background-color:var(--bg-panel-color);padding:1em;box-shadow:#24252614 4px 4px 15px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.header-bar__buttons[data-v-055577b4]{display:flex;align-items:center}\n")();
|
|
7542
7542
|
const _hoisted_1$i = { class: "header-bar" };
|
|
7543
7543
|
const _hoisted_2$9 = { class: "header-bar__buttons" };
|
|
7544
7544
|
const _sfc_main$k = /* @__PURE__ */ defineComponent({
|
|
@@ -7602,7 +7602,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
|
|
|
7602
7602
|
};
|
|
7603
7603
|
}
|
|
7604
7604
|
});
|
|
7605
|
-
var HeaderBar = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-
|
|
7605
|
+
var HeaderBar = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-055577b4"]]);
|
|
7606
7606
|
const _hoisted_1$h = ["innerHTML"];
|
|
7607
7607
|
const _sfc_main$j = /* @__PURE__ */ defineComponent({
|
|
7608
7608
|
__name: "PanelRowItem",
|
|
@@ -8397,7 +8397,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
|
|
|
8397
8397
|
return (_ctx, _cache) => {
|
|
8398
8398
|
return openBlock(), createElementBlock("div", _hoisted_1, [
|
|
8399
8399
|
createVNode(_sfc_main$1),
|
|
8400
|
-
createVNode(HeaderBar
|
|
8400
|
+
createVNode(HeaderBar),
|
|
8401
8401
|
createVNode(VGrid, {
|
|
8402
8402
|
class: normalizeClass(["w-100", unref(gridLayout)])
|
|
8403
8403
|
}, {
|
|
@@ -8417,7 +8417,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
|
|
|
8417
8417
|
};
|
|
8418
8418
|
}
|
|
8419
8419
|
}));
|
|
8420
|
-
var main = /* @__PURE__ */ (() => ":root{--bg-color: #f7f8fc;--bg-panel-color: #FFFFFF;--bg-disabled-color: #e5e5e5;--disabled-color: #999;--error-color: #FF0000;--primary-color: #5D9ECE;--border-color: #CCCCCC;--link-color: #5D9ECE;--btn-medium-size: 28px}.d-block{display:block}.d-flex{display:flex}.justify-between{justify-content:space-between}.align-center{align-items:center}.w-100{height:100%}.margin-medium-bottom{margin-bottom:1em}.margin-small-right{margin-right:.5em}.p-0{padding:0}.link{color:var(--link-color);cursor:pointer}.list-none{list-style:none}body{background-color:var(--bg-color)}.vue-interactive-keys{height:
|
|
8420
|
+
var main = /* @__PURE__ */ (() => ":root{--bg-color: #f7f8fc;--bg-panel-color: #FFFFFF;--bg-disabled-color: #e5e5e5;--disabled-color: #999;--error-color: #FF0000;--primary-color: #5D9ECE;--border-color: #CCCCCC;--link-color: #5D9ECE;--btn-medium-size: 28px}.d-block{display:block}.d-flex{display:flex}.justify-between{justify-content:space-between}.align-center{align-items:center}.w-100{height:100%}.margin-medium-bottom{margin-bottom:1em}.margin-small-right{margin-right:.5em}.p-0{padding:0}.link{color:var(--link-color);cursor:pointer}.list-none{list-style:none}html,body{margin:0;height:100%}body{background-color:var(--bg-color)}.vue-interactive-keys{height:100vh;max-height:100vh;font-family:Arial,Helvetica,sans-serif;font-size:13px}.vue-interactive-keys .grid{max-height:calc(100% - 140px)}.vue-interactive-keys .grid-panel{background-color:#fff;padding:1rem;overflow-y:scroll}.vue-interactive-keys .layout-mode-1 .panel-descriptors{grid-area:1/1/2/3}.vue-interactive-keys .layout-mode-1 .panel-remaining{grid-area:2/1/3/2}.vue-interactive-keys .layout-mode-1 .panel-eliminated{grid-area:2/2/3/3}.vue-interactive-keys .layout-mode-2 .panel-descriptors{grid-area:1/1/3/2}.vue-interactive-keys .layout-mode-2 .panel-remaining{grid-area:1/2/2/3}.vue-interactive-keys .layout-mode-2 .panel-eliminated{grid-area:2/2/3/3}.vue-interactive-keys input,.vue-interactive-keys select{padding:.5em 1em;border:1px solid;border-radius:2px;border-color:var(--border-color);background-color:#fff}.vue-interactive-keys .error-message{color:var(--error-color)}\n")();
|
|
8421
8421
|
function discoverInteractiveKey(selector) {
|
|
8422
8422
|
const tag = selector || '[data-interactive-key="true"]';
|
|
8423
8423
|
const elements = document.querySelectorAll(tag);
|
package/dist/distinguish.umd.js
CHANGED
|
@@ -7,10 +7,10 @@
|
|
|
7
7
|
`)();const Vf=["disabled"],yr=V({__name:"VBtn",props:{color:{default:"primary"},size:{default:"medium"},disabled:{type:Boolean}},setup(e){const t=e,n=de(()=>[`btn-${t.color}-color`,`btn-${t.size}-size`]);return(r,s)=>(x(),k("button",{type:"button",class:at(["btn",j(n)]),disabled:e.disabled},[Ye(r.$slots,"default")],10,Vf))}});var Op=(()=>`.modal-mask{position:fixed;z-index:1099;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:table;transition:opacity .3s ease}.modal-wrapper{display:table-cell;vertical-align:middle}.modal-container{position:relative;width:300px;margin:0 auto;padding:20px 30px;background-color:#fff;border-radius:2px;box-shadow:0 2px 8px #00000054;transition:all .3s ease;font-family:IBM Plex Sans,Helvetica,Arial,sans-serif;max-height:90vh;overflow-y:auto}.modal-close{position:absolute;cursor:pointer;top:26px;right:30px;width:10px;height:10px;background-image:image-url("close.svg");background-size:10px 10px;opacity:.4}.modal-close:hover{opacity:1}.modal-header h3{margin-top:0;color:#42b983}.modal-body{margin:20px 0}.modal-default-button{float:right}.modal-enter,.modal-leave-active{opacity:0}.modal-enter .modal-container,.modal-leave-active .modal-container{-webkit-transform:scale(1.1);transform:scale(1.1)}.transparent-modal{background-color:#000c!important}.transparent-modal .modal-header h3{margin:0 0 2em 2em;padding:6px 6px 6px 12px;border-radius:3px;background-color:#0000004d;color:#ffffff80}.transparent-modal .modal-close{right:42px;top:30px;color:#ffffff80;background-image:image-url("w_close.svg")}.transparent-modal .modal-container{width:70%;position:relative;background-color:transparent!important;box-shadow:none}.transparent-modal .modal-container .modal-body{overflow:auto;margin-right:1em;max-height:80vh}.transparent-modal .modal-container .modal-body::-webkit-scrollbar{position:absolute;right:40px;-webkit-appearance:none}.transparent-modal .modal-container .modal-body::-webkit-scrollbar:vertical{width:6px}.transparent-modal .modal-container .modal-body::-webkit-scrollbar:horizontal{height:6px}.transparent-modal .modal-container .modal-body::-webkit-scrollbar-thumb{border-radius:8px;width:11px;height:5px;border:rgba(255,255,255,.5);background-color:#ffffff80}.transparent-modal .modal-container .modal-body::-webkit-scrollbar-track{background-color:#0000004d;border-radius:8px}
|
|
8
8
|
`)();const Kf={class:"modal-wrapper"},zf={class:"modal-header"},qf={class:"modal-body"},Wf={class:"modal-footer"},Cs=V({__name:"VModal",props:{containerClass:null,containerStyle:null},emits:["close"],setup(e,{emit:t}){const n=r=>{r.preventDefault(),r.key==="Escape"&&t("close")};return yn(()=>document.addEventListener("keydown",n)),zt(()=>document.removeEventListener("keydown",n)),(r,s)=>(x(),se(ur,{name:"modal"},{default:Q(()=>[I("div",{class:"modal-mask",onClick:s[2]||(s[2]=o=>t("close")),onKey:s[3]||(s[3]=o=>t("close"))},[I("div",Kf,[I("div",{class:at(["modal-container",e.containerClass]),style:wt(lt({},e.containerStyle)),onClick:s[1]||(s[1]=Fc(()=>{},["stop"]))},[I("div",zf,[I("div",{class:"modal-close",onClick:s[0]||(s[0]=o=>t("close"))}),Ye(r.$slots,"header")]),I("div",qf,[Ye(r.$slots,"body")]),I("div",Wf,[Ye(r.$slots,"footer")])],6)])],32)]),_:3}))}}),Jf=$e(" Keyword "),Yf=I("h3",null,"Keywords",-1),Qf={class:"list-none p-0"},Xf=["value"],Zf=V({__name:"FilterKeywords",setup(e){const t=st(),n=Ce(),r=Re(!1),s=de({get:()=>n.getKeywordIds,set:o=>{n.$patch({keywordIds:o})}});return(o,i)=>(x(),k(X,null,[M(yr,{color:"primary",size:"medium",disabled:!j(t).getKeywords.length,title:j(t).getKeywords.length?"":"No tags defined.",onClick:i[0]||(i[0]=l=>r.value=!0)},{default:Q(()=>[Jf]),_:1},8,["disabled","title"]),r.value?(x(),se(Cs,{key:0,onClose:i[2]||(i[2]=l=>r.value=!1)},{header:Q(()=>[Yf]),body:Q(()=>[I("ul",Qf,[(x(!0),k(X,null,Pe(j(t).getKeywords,({keywordId:l,name:a})=>(x(),k("li",{key:l},[I("label",null,[Ne(I("input",{"onUpdate:modelValue":i[1]||(i[1]=f=>W(s)?s.value=f:null),value:l,type:"checkbox"},null,8,Xf),[[In,j(s)]]),$e(" "+re(a),1)])]))),128))])]),_:1})):Se("",!0)],64))}}),Gf=$e(" Refresh only taxa "),ed=V({__name:"SettingRefresh",setup(e){const t=Dt(),n=de({get:()=>t.getRefreshOnlyTaxa,set:r=>{t.setRefreshOnlyTaxa(r)}});return(r,s)=>(x(),k("label",null,[Ne(I("input",{"onUpdate:modelValue":s[0]||(s[0]=o=>W(n)?n.value=o:null),type:"checkbox"},null,512),[[In,j(n)]]),Gf]))}});var kp=(()=>`.menu-list{display:flex;list-style:none;align-items:center;margin:0}.menu-list li:first-child{padding-left:0}
|
|
9
9
|
`)(),Rn=(e,t)=>{const n=e.__vccOpts||e;for(const[r,s]of t)n[r]=s;return n};const td={},nd={class:"menu-list"};function rd(e,t){return x(),k("ul",nd,[Ye(e.$slots,"default")])}var sd=Rn(td,[["render",rd]]),Ap=(()=>`.list-item[data-v-3f00bdeb]{justify-content:center;padding-left:1em;padding-right:1em;border-right:1px solid #e5e5e5}
|
|
10
|
-
`)();const od={},id={class:"list-item"};function ld(e,t){return x(),k("li",id,[Ye(e.$slots,"default",{},void 0,!0)])}var Mt=Rn(od,[["render",ld],["__scopeId","data-v-3f00bdeb"]]);const Zi={"layout-mode-1":"layout-mode-2","layout-mode-2":"layout-mode-1"};var Rp=(()=>`.grid[data-v-
|
|
11
|
-
`)();const ad={},cd={class:"grid"};function ud(e,t){return x(),k("div",cd,[Ye(e.$slots,"default",{},void 0,!0)])}var Gi=Rn(ad,[["render",ud],["__scopeId","data-v-
|
|
12
|
-
`)();const fd=I("div",{class:"panel-descriptors"},null,-1),dd=I("div",{class:"panel-remaining"},null,-1),pd=I("div",{class:"panel-eliminated"},null,-1),hd=V({__name:"GridToggle",setup(e){const t=Dt(),n=de(()=>t.getLayout),r=()=>{t.$patch({gridLayout:Zi[n.value]})};return(s,o)=>(x(),se(yr,{class:at(j(Zi)[j(n)]),onClick:r},{default:Q(()=>[M(Gi,{class:"grid-icon"},{default:Q(()=>[fd,dd,pd]),_:1})]),_:1},8,["class"]))}}),md=$e(" Reset "),gd=V({__name:"ResetButton",setup(e){const t=Ce();return(n,r)=>(x(),se(yr,{color:"primary",size:"medium",onClick:r[0]||(r[0]=s=>j(t).$reset())},{default:Q(()=>[md]),_:1}))}}),_d={class:"error-message"},vd=V({__name:"ErrorMessage",setup(e){const t=Dt();return(n,r)=>(x(),k("span",_d,re(j(t).getErrorMessage),1))}});var Pp=(()=>`.header-bar[data-v-
|
|
13
|
-
`)();const bd={class:"header-bar"},yd={class:"header-bar__buttons"};var xd=Rn(V({__name:"HeaderBar",setup(e){return(t,n)=>(x(),k("div",bd,[M(vd),M(sd,null,{default:Q(()=>[M(Mt,null,{default:Q(()=>[M(ed)]),_:1}),M(Mt,null,{default:Q(()=>[M(Sf)]),_:1}),M(Mt,null,{default:Q(()=>[M(Rf)]),_:1}),M(Mt,null,{default:Q(()=>[M(Mf)]),_:1}),M(Mt,null,{default:Q(()=>[M(Hf)]),_:1}),M(Mt,null,{default:Q(()=>[M(Nf)]),_:1}),M(Mt,null,{default:Q(()=>[M(Zf)]),_:1})]),_:1}),I("div",yd,[M(gd,{class:"margin-small-right"}),M(hd)])]))}}),[["__scopeId","data-v-
|
|
10
|
+
`)();const od={},id={class:"list-item"};function ld(e,t){return x(),k("li",id,[Ye(e.$slots,"default",{},void 0,!0)])}var Mt=Rn(od,[["render",ld],["__scopeId","data-v-3f00bdeb"]]);const Zi={"layout-mode-1":"layout-mode-2","layout-mode-2":"layout-mode-1"};var Rp=(()=>`.grid[data-v-54dda420]{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);grid-column-gap:0px;grid-row-gap:0px;grid-gap:1px;background-color:var(--border-color);box-shadow:0 1px 1px #0003}
|
|
11
|
+
`)();const ad={},cd={class:"grid"};function ud(e,t){return x(),k("div",cd,[Ye(e.$slots,"default",{},void 0,!0)])}var Gi=Rn(ad,[["render",ud],["__scopeId","data-v-54dda420"]]),Lp=(()=>`.grid-icon{width:20px;height:12px;border:2px solid transparent;background-color:transparent;grid-gap:2px}.grid-icon>div{background-color:#fff}
|
|
12
|
+
`)();const fd=I("div",{class:"panel-descriptors"},null,-1),dd=I("div",{class:"panel-remaining"},null,-1),pd=I("div",{class:"panel-eliminated"},null,-1),hd=V({__name:"GridToggle",setup(e){const t=Dt(),n=de(()=>t.getLayout),r=()=>{t.$patch({gridLayout:Zi[n.value]})};return(s,o)=>(x(),se(yr,{class:at(j(Zi)[j(n)]),onClick:r},{default:Q(()=>[M(Gi,{class:"grid-icon"},{default:Q(()=>[fd,dd,pd]),_:1})]),_:1},8,["class"]))}}),md=$e(" Reset "),gd=V({__name:"ResetButton",setup(e){const t=Ce();return(n,r)=>(x(),se(yr,{color:"primary",size:"medium",onClick:r[0]||(r[0]=s=>j(t).$reset())},{default:Q(()=>[md]),_:1}))}}),_d={class:"error-message"},vd=V({__name:"ErrorMessage",setup(e){const t=Dt();return(n,r)=>(x(),k("span",_d,re(j(t).getErrorMessage),1))}});var Pp=(()=>`.header-bar[data-v-055577b4]{background-color:var(--bg-panel-color);padding:1em;box-shadow:#24252614 4px 4px 15px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.header-bar__buttons[data-v-055577b4]{display:flex;align-items:center}
|
|
13
|
+
`)();const bd={class:"header-bar"},yd={class:"header-bar__buttons"};var xd=Rn(V({__name:"HeaderBar",setup(e){return(t,n)=>(x(),k("div",bd,[M(vd),M(sd,null,{default:Q(()=>[M(Mt,null,{default:Q(()=>[M(ed)]),_:1}),M(Mt,null,{default:Q(()=>[M(Sf)]),_:1}),M(Mt,null,{default:Q(()=>[M(Rf)]),_:1}),M(Mt,null,{default:Q(()=>[M(Mf)]),_:1}),M(Mt,null,{default:Q(()=>[M(Hf)]),_:1}),M(Mt,null,{default:Q(()=>[M(Nf)]),_:1}),M(Mt,null,{default:Q(()=>[M(Zf)]),_:1})]),_:1}),I("div",yd,[M(gd,{class:"margin-small-right"}),M(hd)])]))}}),[["__scopeId","data-v-055577b4"]]);const wd=["innerHTML"],el=V({__name:"PanelRowItem",props:{row:null},setup(e){return(t,n)=>(x(),k("li",{innerHTML:e.row.objectTag},null,8,wd))}}),Ed=V({__name:"PanelEliminated",setup(e){const t=st(),n=de(()=>t.getEliminated);return(r,s)=>(x(),k("div",null,[I("h2",null,"Eliminated ("+re(j(n).length)+")",1),I("ul",null,[(x(!0),k(X,null,Pe(j(n),o=>(x(),se(el,{key:o.rowId,row:o,class:"margin-small-bottom"},null,8,["row"]))),128))])]))}}),Cd=$e(" Select "),Id=I("h3",null,"Filter row",-1),Td={class:"list-none p-0"},$d=["value"],Sd=V({__name:"FilterRow",setup(e){const t=st(),n=Dt(),r=Ce(),s=Re(!1),o=Re([]),i=de(()=>{const a=r.getRowIds,f=o.value;return a.length!==f.length||!a.every(u=>f.includes(u))}),l=de({get:()=>r.getRowIds,set:a=>{r.$patch({rowIds:a})}});return vn(s,a=>{n.setShouldUpdate(!a),!a&&i.value&&n.checkUpdate(),o.value=r.getRowIds}),(a,f)=>(x(),k(X,null,[M(yr,{color:"primary",size:"medium",onClick:f[0]||(f[0]=u=>s.value=!0)},{default:Q(()=>[Cd]),_:1}),s.value?(x(),se(Cs,{key:0,onClose:f[2]||(f[2]=u=>s.value=!1)},{header:Q(()=>[Id]),body:Q(()=>[I("ul",Td,[(x(!0),k(X,null,Pe(j(t).getRemaining,u=>(x(),k("li",{key:u.rowId},[I("label",null,[Ne(I("input",{"onUpdate:modelValue":f[1]||(f[1]=p=>W(l)?l.value=p:null),value:u.rowId,type:"checkbox"},null,8,$d),[[In,j(l)]]),$e(" "+re(u.objectLabel),1)])]))),128))])]),_:1})):Se("",!0)],64))}}),Od={class:"d-flex justify-between align-center"},kd=V({__name:"PanelRemaining",setup(e){const t=st(),n=de(()=>t.getRemaining);return(r,s)=>(x(),k("div",null,[I("div",Od,[I("h2",null,"Remaining ("+re(j(n).length)+")",1),M(Sd)]),I("ul",null,[(x(!0),k(X,null,Pe(j(n),o=>(x(),se(el,{key:o.rowId,row:o,class:"margin-small-bottom"},null,8,["row"]))),128))])]))}});class Ad{static find(t){return Qi().get(`/depictions/${t}.json`,{params:{extend:["image"]}})}}var Mp=(()=>`.depiction-box{display:flex;align-items:center;justify-content:center;border:1px solid black;height:300px;width:300px}
|
|
14
14
|
`)();const Rd={key:0,class:"depiction-box"},Ld=["src"],tl=V({__name:"VDepiction",props:{depictionId:null},setup(e){const t=e,n=Re();return Ad.find(t.depictionId).then(({data:r})=>{n.value=vf(r)}),(r,s)=>n.value?(x(),k("div",Rd,[I("img",{src:n.value.imageUrl},null,8,Ld)])):Se("",!0)}});var Fp=(()=>`.character-descriptor__cell{display:flex;align-items:flex-end}
|
|
15
15
|
`)();const Pd={class:"character-descriptor__cell"},Dd=["value"],Md=V({__name:"CharacterStateCell",props:{characterState:null,descriptorId:null},setup(e){const t=e,n=Ce(),r=de({get:()=>n.getDescriptorValueById(t.descriptorId)||[],set:s=>{s.length?n.setDescriptor({descriptorId:t.descriptorId,value:s}):n.removeDescriptor(t.descriptorId)}});return(s,o)=>(x(),k("div",Pd,[I("label",null,[(x(!0),k(X,null,Pe(e.characterState.depictionIds,i=>(x(),se(tl,{key:i,"depiction-id":i},null,8,["depiction-id"]))),128)),Ne(I("input",{"onUpdate:modelValue":o[0]||(o[0]=i=>W(r)?r.value=i:null),value:e.characterState.characterStateId,type:"checkbox"},null,8,Dd),[[In,j(r)]]),$e(" "+re(e.characterState.name),1)])]))}});var Up=(()=>`.character-states-grid{display:grid;grid-template-columns:repeat(3,minmax(33.33%,1fr));gap:1em}
|
|
16
16
|
`)();const Fd={class:"character-states-grid"},Ud=V({__name:"CharacterStateGrid",props:{descriptor:null},setup(e){const t=e,n=Ce(),r=Dt(),s=Re(),o=de(()=>{const i=n.getDescriptorValueById(t.descriptor.descriptorId)||[],l=s.value||[];return i.length!==l.length||!i.every(a=>l.includes(a))});return yn(()=>{r.setShouldUpdate(!1),s.value=n.getDescriptorValueById(t.descriptor.descriptorId)}),zt(()=>{r.setShouldUpdate(!0),o.value&&r.checkUpdate()}),(i,l)=>(x(),k("div",Fd,[(x(!0),k(X,null,Pe(e.descriptor.characterStates,a=>(x(),se(Md,{key:a.characterStateId,"descriptor-id":e.descriptor.descriptorId,"character-state":a},null,8,["descriptor-id","character-state"]))),128))]))}});var Np=(()=>`.descriptor-modal{width:1000px;max-height:90vh;overflow-y:scroll}.descriptor-modal__depiction{display:flex;justify-content:center}
|
|
@@ -46,5 +46,5 @@
|
|
|
46
46
|
c1.5,4.5,3.2,8.9,5.2,13.2c0.9,1.7,1.8,3.4,2.8,5.1c9.2,15.3,21.5,23,36.6,23c1,0,2.1,0,3.2-0.1c7-0.6,13.9-2.5,20.2-5.6
|
|
47
47
|
c4.9-24.5-8.4-59.3-36.1-88.3C90,71.8,86,68,81.7,64.4c9.2,6.9,13.9,10.7,19.2,16.3c37.8,39.6,49.7,89.7,26.5,111.9
|
|
48
48
|
c-3.4,3.3-7.5,5.8-11.9,7.5c5.8-1.6,11.1-4.5,15.4-8.6c1.4-1.3,2.6-2.7,3.8-4.2c49.6-20.7,73-77.7,52.4-127.3
|
|
49
|
-
C183.1,50.4,177.7,41.6,171,33.8z`},null,-1))],ip=["innerHTML"];var lp=Rn(V({__name:"VSpinner",props:{fullScreen:{type:Boolean,default:!1},legend:{type:String,default:"Loading, please wait."},resize:{type:Boolean,default:!0},legendStyle:{type:Object,default:()=>({color:"#444",marginTop:"30px",textAlign:"center"})},showLegend:{type:Boolean,default:!0},showSpinner:{type:Boolean,default:!0},spinnerPosition:{type:String,default:"top"},logoSize:{type:Object,default:()=>({width:"50px",height:"50px"})}},setup(e){const t=e,n={position:"fixed",width:"100vw",height:"100vh",top:"0px",left:"0px"},r=Re(),s=Re({}),o=Re();yn(()=>{i(),t.resize&&!t.fullScreen&&a()}),zt(()=>clearInterval(o.value));const i=()=>{var u;const f=(u=r.value)==null?void 0:u.parentNode;!f||Object.assign(s.value,t.fullScreen?n:l(f))},l=f=>{const u=f.getBoundingClientRect(),p=window.getComputedStyle(f,null),m=parseInt(p.getPropertyValue("padding-left"),10),E=parseInt(p.getPropertyValue("padding-right"),10),P=parseInt(p.getPropertyValue("padding-top"),10),U=parseInt(p.getPropertyValue("padding-bottom"),10);return{position:"absolute",width:u.width-m-E+"px",height:u.height-P-U+"px"}},a=()=>{o.value=setInterval(i,500)};return(f,u)=>(x(),se(ur,{name:"fade"},{default:Q(()=>[I("div",{ref_key:"spinnerElement",ref:r,class:"box-spinner mx-spinner absolute bg-white opacity-90",style:wt(s.value)},[I("div",{class:at(["tw-spinner",[`tw-spinner-${e.spinnerPosition}`]])},[e.showSpinner?(x(),k("svg",{key:0,style:wt([e.logoSize,{"enable-background":"new 0 0 194.6 200"}]),version:"1.1",xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",x:"0px",y:"0px",viewBox:"0 0 194.6 200","xml:space":"preserve"},op,4)):Se("",!0),I("div",{style:wt(e.legendStyle)},[e.showLegend?(x(),k("span",{key:0,innerHTML:e.legend},null,8,ip)):Se("",!0),Ye(f.$slots,"default",{},void 0,!0)],4)],2)],4)]),_:3}))}}),[["__scopeId","data-v-3541fc5b"]]);const ap=$e(" Interactive key "),cp={key:0},up=V({__name:"TitleMatrix",setup(e){const t=st();return(n,r)=>(x(),k("h1",null,[ap,j(t).getObservationMatrix?(x(),k("span",cp,"| "+re(j(t).getObservationMatrix.name),1)):Se("",!0)]))}}),fp=["title"],dp=V({__name:"TitleMatrixCitation",setup(e){const t=st(),n=de(()=>{const r=t.getCitation;return Object.values(r||{}).filter(Boolean).join(", ")});return(r,s)=>(x(),k("span",{title:j(n)},re(j(n)),9,fp))}}),pp={class:"d-flex justify-between"},hp=V({__name:"TitleKey",setup(e){return(t,n)=>(x(),k("div",pp,[M(up),M(dp)]))}}),mp={class:"vue-interactive-keys"},gp=V(sn(lt({},{name:"InteractiveKey"}),{props:{observationMatrixId:null,apiConfig:null},setup(e){const t=e,n=Dt(),r=Ce(),s=de(()=>n.getIsLoading),o=de(()=>n.getLayout);return(()=>{n.setAPIConfig(t.apiConfig),n.setObservationMatrixId(t.observationMatrixId),n.checkUpdate()})(),r.$subscribe(l=>{n.shouldUpdate&&n.checkUpdate()}),(l,a)=>(x(),k("div",mp,[M(hp),M(xd
|
|
49
|
+
C183.1,50.4,177.7,41.6,171,33.8z`},null,-1))],ip=["innerHTML"];var lp=Rn(V({__name:"VSpinner",props:{fullScreen:{type:Boolean,default:!1},legend:{type:String,default:"Loading, please wait."},resize:{type:Boolean,default:!0},legendStyle:{type:Object,default:()=>({color:"#444",marginTop:"30px",textAlign:"center"})},showLegend:{type:Boolean,default:!0},showSpinner:{type:Boolean,default:!0},spinnerPosition:{type:String,default:"top"},logoSize:{type:Object,default:()=>({width:"50px",height:"50px"})}},setup(e){const t=e,n={position:"fixed",width:"100vw",height:"100vh",top:"0px",left:"0px"},r=Re(),s=Re({}),o=Re();yn(()=>{i(),t.resize&&!t.fullScreen&&a()}),zt(()=>clearInterval(o.value));const i=()=>{var u;const f=(u=r.value)==null?void 0:u.parentNode;!f||Object.assign(s.value,t.fullScreen?n:l(f))},l=f=>{const u=f.getBoundingClientRect(),p=window.getComputedStyle(f,null),m=parseInt(p.getPropertyValue("padding-left"),10),E=parseInt(p.getPropertyValue("padding-right"),10),P=parseInt(p.getPropertyValue("padding-top"),10),U=parseInt(p.getPropertyValue("padding-bottom"),10);return{position:"absolute",width:u.width-m-E+"px",height:u.height-P-U+"px"}},a=()=>{o.value=setInterval(i,500)};return(f,u)=>(x(),se(ur,{name:"fade"},{default:Q(()=>[I("div",{ref_key:"spinnerElement",ref:r,class:"box-spinner mx-spinner absolute bg-white opacity-90",style:wt(s.value)},[I("div",{class:at(["tw-spinner",[`tw-spinner-${e.spinnerPosition}`]])},[e.showSpinner?(x(),k("svg",{key:0,style:wt([e.logoSize,{"enable-background":"new 0 0 194.6 200"}]),version:"1.1",xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",x:"0px",y:"0px",viewBox:"0 0 194.6 200","xml:space":"preserve"},op,4)):Se("",!0),I("div",{style:wt(e.legendStyle)},[e.showLegend?(x(),k("span",{key:0,innerHTML:e.legend},null,8,ip)):Se("",!0),Ye(f.$slots,"default",{},void 0,!0)],4)],2)],4)]),_:3}))}}),[["__scopeId","data-v-3541fc5b"]]);const ap=$e(" Interactive key "),cp={key:0},up=V({__name:"TitleMatrix",setup(e){const t=st();return(n,r)=>(x(),k("h1",null,[ap,j(t).getObservationMatrix?(x(),k("span",cp,"| "+re(j(t).getObservationMatrix.name),1)):Se("",!0)]))}}),fp=["title"],dp=V({__name:"TitleMatrixCitation",setup(e){const t=st(),n=de(()=>{const r=t.getCitation;return Object.values(r||{}).filter(Boolean).join(", ")});return(r,s)=>(x(),k("span",{title:j(n)},re(j(n)),9,fp))}}),pp={class:"d-flex justify-between"},hp=V({__name:"TitleKey",setup(e){return(t,n)=>(x(),k("div",pp,[M(up),M(dp)]))}}),mp={class:"vue-interactive-keys"},gp=V(sn(lt({},{name:"InteractiveKey"}),{props:{observationMatrixId:null,apiConfig:null},setup(e){const t=e,n=Dt(),r=Ce(),s=de(()=>n.getIsLoading),o=de(()=>n.getLayout);return(()=>{n.setAPIConfig(t.apiConfig),n.setObservationMatrixId(t.observationMatrixId),n.checkUpdate()})(),r.$subscribe(l=>{n.shouldUpdate&&n.checkUpdate()}),(l,a)=>(x(),k("div",mp,[M(hp),M(xd),M(Gi,{class:at(["w-100",j(o)])},{default:Q(()=>[M(sp,{class:"panel-descriptors grid-panel"}),M(kd,{class:"panel-remaining grid-panel"}),M(Ed,{class:"panel-eliminated grid-panel"})]),_:1},8,["class"]),j(s)?(x(),se(lp,{key:0,"full-screen":"",legend:"Loading interactive key..."})):Se("",!0)]))}}));var Xp=(()=>`:root{--bg-color: #f7f8fc;--bg-panel-color: #FFFFFF;--bg-disabled-color: #e5e5e5;--disabled-color: #999;--error-color: #FF0000;--primary-color: #5D9ECE;--border-color: #CCCCCC;--link-color: #5D9ECE;--btn-medium-size: 28px}.d-block{display:block}.d-flex{display:flex}.justify-between{justify-content:space-between}.align-center{align-items:center}.w-100{height:100%}.margin-medium-bottom{margin-bottom:1em}.margin-small-right{margin-right:.5em}.p-0{padding:0}.link{color:var(--link-color);cursor:pointer}.list-none{list-style:none}html,body{margin:0;height:100%}body{background-color:var(--bg-color)}.vue-interactive-keys{height:100vh;max-height:100vh;font-family:Arial,Helvetica,sans-serif;font-size:13px}.vue-interactive-keys .grid{max-height:calc(100% - 140px)}.vue-interactive-keys .grid-panel{background-color:#fff;padding:1rem;overflow-y:scroll}.vue-interactive-keys .layout-mode-1 .panel-descriptors{grid-area:1/1/2/3}.vue-interactive-keys .layout-mode-1 .panel-remaining{grid-area:2/1/3/2}.vue-interactive-keys .layout-mode-1 .panel-eliminated{grid-area:2/2/3/3}.vue-interactive-keys .layout-mode-2 .panel-descriptors{grid-area:1/1/3/2}.vue-interactive-keys .layout-mode-2 .panel-remaining{grid-area:1/2/2/3}.vue-interactive-keys .layout-mode-2 .panel-eliminated{grid-area:2/2/3/3}.vue-interactive-keys input,.vue-interactive-keys select{padding:.5em 1em;border:1px solid;border-radius:2px;border-color:var(--border-color);background-color:#fff}.vue-interactive-keys .error-message{color:var(--error-color)}
|
|
50
50
|
`)();function nl(e){const t=e||'[data-interactive-key="true"]';return[...document.querySelectorAll(t)].map(s=>rl(s,vp(s)))}function _p(){nl()}function vp(e){return{observationMatrixId:Number(e.getAttribute("data-observation-matrix-id")),apiConfig:{baseURL:e.getAttribute("data-base-url")||"",projectToken:e.getAttribute("data-project-token")||void 0,projectId:Number(e.getAttribute("data-project-id"))||void 0,userToken:e.getAttribute("data-user-token")||void 0,csrfToken:e.getAttribute("data-csrf-token")||void 0}}}function rl(e,t){const{apiConfig:n,observationMatrixId:r}=t;if(!r)throw"Missing observation matrix ID";if(!n||!n.projectToken&&!n.csrfToken&&!(n.projectId&&n.userToken))throw"Missing API configuration";const s=Bc(gp,{observationMatrixId:r,apiConfig:n});return s.use(Kc()),s.mount(e),s}window.addEventListener("DOMContentLoaded",_p),be.createInteractiveKey=rl,be.discoverInteractiveKey=nl,Object.defineProperties(be,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
|
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.btn{border-radius:8px;border:none}.btn-primary-color{background-color:var(--primary-color);color:#fff}.btn-medium-size{min-height:var(--btn-medium-size)}.btn:disabled{background-color:var(--bg-disabled-color);color:var(--disabled-color)}.modal-mask{position:fixed;z-index:1099;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:table;transition:opacity .3s ease}.modal-wrapper{display:table-cell;vertical-align:middle}.modal-container{position:relative;width:300px;margin:0 auto;padding:20px 30px;background-color:#fff;border-radius:2px;box-shadow:0 2px 8px #00000054;transition:all .3s ease;font-family:IBM Plex Sans,Helvetica,Arial,sans-serif;max-height:90vh;overflow-y:auto}.modal-close{position:absolute;cursor:pointer;top:26px;right:30px;width:10px;height:10px;background-image:image-url("close.svg");background-size:10px 10px;opacity:.4}.modal-close:hover{opacity:1}.modal-header h3{margin-top:0;color:#42b983}.modal-body{margin:20px 0}.modal-default-button{float:right}.modal-enter,.modal-leave-active{opacity:0}.modal-enter .modal-container,.modal-leave-active .modal-container{-webkit-transform:scale(1.1);transform:scale(1.1)}.transparent-modal{background-color:#000c!important}.transparent-modal .modal-header h3{margin:0 0 2em 2em;padding:6px 6px 6px 12px;border-radius:3px;background-color:#0000004d;color:#ffffff80}.transparent-modal .modal-close{right:42px;top:30px;color:#ffffff80;background-image:image-url("w_close.svg")}.transparent-modal .modal-container{width:70%;position:relative;background-color:transparent!important;box-shadow:none}.transparent-modal .modal-container .modal-body{overflow:auto;margin-right:1em;max-height:80vh}.transparent-modal .modal-container .modal-body::-webkit-scrollbar{position:absolute;right:40px;-webkit-appearance:none}.transparent-modal .modal-container .modal-body::-webkit-scrollbar:vertical{width:6px}.transparent-modal .modal-container .modal-body::-webkit-scrollbar:horizontal{height:6px}.transparent-modal .modal-container .modal-body::-webkit-scrollbar-thumb{border-radius:8px;width:11px;height:5px;border:rgba(255,255,255,.5);background-color:#ffffff80}.transparent-modal .modal-container .modal-body::-webkit-scrollbar-track{background-color:#0000004d;border-radius:8px}.menu-list{display:flex;list-style:none;align-items:center;margin:0}.menu-list li:first-child{padding-left:0}.list-item[data-v-3f00bdeb]{justify-content:center;padding-left:1em;padding-right:1em;border-right:1px solid #e5e5e5}.grid[data-v-
|
|
1
|
+
.btn{border-radius:8px;border:none}.btn-primary-color{background-color:var(--primary-color);color:#fff}.btn-medium-size{min-height:var(--btn-medium-size)}.btn:disabled{background-color:var(--bg-disabled-color);color:var(--disabled-color)}.modal-mask{position:fixed;z-index:1099;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:table;transition:opacity .3s ease}.modal-wrapper{display:table-cell;vertical-align:middle}.modal-container{position:relative;width:300px;margin:0 auto;padding:20px 30px;background-color:#fff;border-radius:2px;box-shadow:0 2px 8px #00000054;transition:all .3s ease;font-family:IBM Plex Sans,Helvetica,Arial,sans-serif;max-height:90vh;overflow-y:auto}.modal-close{position:absolute;cursor:pointer;top:26px;right:30px;width:10px;height:10px;background-image:image-url("close.svg");background-size:10px 10px;opacity:.4}.modal-close:hover{opacity:1}.modal-header h3{margin-top:0;color:#42b983}.modal-body{margin:20px 0}.modal-default-button{float:right}.modal-enter,.modal-leave-active{opacity:0}.modal-enter .modal-container,.modal-leave-active .modal-container{-webkit-transform:scale(1.1);transform:scale(1.1)}.transparent-modal{background-color:#000c!important}.transparent-modal .modal-header h3{margin:0 0 2em 2em;padding:6px 6px 6px 12px;border-radius:3px;background-color:#0000004d;color:#ffffff80}.transparent-modal .modal-close{right:42px;top:30px;color:#ffffff80;background-image:image-url("w_close.svg")}.transparent-modal .modal-container{width:70%;position:relative;background-color:transparent!important;box-shadow:none}.transparent-modal .modal-container .modal-body{overflow:auto;margin-right:1em;max-height:80vh}.transparent-modal .modal-container .modal-body::-webkit-scrollbar{position:absolute;right:40px;-webkit-appearance:none}.transparent-modal .modal-container .modal-body::-webkit-scrollbar:vertical{width:6px}.transparent-modal .modal-container .modal-body::-webkit-scrollbar:horizontal{height:6px}.transparent-modal .modal-container .modal-body::-webkit-scrollbar-thumb{border-radius:8px;width:11px;height:5px;border:rgba(255,255,255,.5);background-color:#ffffff80}.transparent-modal .modal-container .modal-body::-webkit-scrollbar-track{background-color:#0000004d;border-radius:8px}.menu-list{display:flex;list-style:none;align-items:center;margin:0}.menu-list li:first-child{padding-left:0}.list-item[data-v-3f00bdeb]{justify-content:center;padding-left:1em;padding-right:1em;border-right:1px solid #e5e5e5}.grid[data-v-54dda420]{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);grid-column-gap:0px;grid-row-gap:0px;grid-gap:1px;background-color:var(--border-color);box-shadow:0 1px 1px #0003}.grid-icon{width:20px;height:12px;border:2px solid transparent;background-color:transparent;grid-gap:2px}.grid-icon>div{background-color:#fff}.header-bar[data-v-055577b4]{background-color:var(--bg-panel-color);padding:1em;box-shadow:#24252614 4px 4px 15px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.header-bar__buttons[data-v-055577b4]{display:flex;align-items:center}.depiction-box{display:flex;align-items:center;justify-content:center;border:1px solid black;height:300px;width:300px}.character-descriptor__cell{display:flex;align-items:flex-end}.character-states-grid{display:grid;grid-template-columns:repeat(3,minmax(33.33%,1fr));gap:1em}.descriptor-modal{width:1000px;max-height:90vh;overflow-y:scroll}.descriptor-modal__depiction{display:flex;justify-content:center}.tw-spinner[data-v-3541fc5b]{display:flex;margin:0 auto;height:auto;width:auto;align-items:center;justify-content:center}.fade-enter-active[data-v-3541fc5b],.fade-leave-active[data-v-3541fc5b]{transition:opacity .5s}.fade-enter[data-v-3541fc5b],.fade-leave-to[data-v-3541fc5b]{opacity:0}.tw-spinner-left[data-v-3541fc5b]{flex-direction:row}.tw-spinner-right[data-v-3541fc5b]{flex-direction:row-reverse}.tw-spinner-top[data-v-3541fc5b]{flex-direction:column}.tw-spinner-bottom[data-v-3541fc5b]{flex-direction:column-reverse}.box-spinner[data-v-3541fc5b]{display:flex;position:absolute;box-shadow:0 1px 1px #0003;background-image:none!important;background-color:#fff;align-items:center;z-index:9999;height:100%;opacity:.9}.tw-spinner[data-v-3541fc5b]{font-size:20px;overflow:hidden;width:100%;position:relative}.tw-spinner svg[data-v-3541fc5b]{display:block;position:relative;width:30px;height:30px;margin:0 auto}.tw-spinner #Tail[data-v-3541fc5b]{opacity:0;animation:tail-3541fc5b 2s ease infinite;fill:#41ba8d}.tw-spinner #LeftBottom[data-v-3541fc5b]{fill:#00845d;opacity:0;animation:spinner-3541fc5b 1s ease alternate infinite;animation-delay:0s}.tw-spinner #LeftMid[data-v-3541fc5b]{fill:#28221b;opacity:0;animation:spinner-3541fc5b 1s ease alternate infinite;animation-delay:.2s}.tw-spinner #LeftTop[data-v-3541fc5b]{fill:#342d25;opacity:0;animation:spinner-3541fc5b 1s ease alternate infinite;animation-delay:.4s}.tw-spinner #Head[data-v-3541fc5b]{fill:#342d25;opacity:0;animation:spinner-3541fc5b 1s ease alternate infinite;animation-delay:.6s}@keyframes spinner-3541fc5b{0%{opacity:0}30%{opacity:0}90%{opacity:1}to{opacity:1}}@keyframes tail-3541fc5b{0%{opacity:0}30%{opacity:1}50%{opacity:1}90%{opacity:0}to{opacity:0}}:root{--bg-color: #f7f8fc;--bg-panel-color: #FFFFFF;--bg-disabled-color: #e5e5e5;--disabled-color: #999;--error-color: #FF0000;--primary-color: #5D9ECE;--border-color: #CCCCCC;--link-color: #5D9ECE;--btn-medium-size: 28px}.d-block{display:block}.d-flex{display:flex}.justify-between{justify-content:space-between}.align-center{align-items:center}.w-100{height:100%}.margin-medium-bottom{margin-bottom:1em}.margin-small-right{margin-right:.5em}.p-0{padding:0}.link{color:var(--link-color);cursor:pointer}.list-none{list-style:none}html,body{margin:0;height:100%}body{background-color:var(--bg-color)}.vue-interactive-keys{height:100vh;max-height:100vh;font-family:Arial,Helvetica,sans-serif;font-size:13px}.vue-interactive-keys .grid{max-height:calc(100% - 140px)}.vue-interactive-keys .grid-panel{background-color:#fff;padding:1rem;overflow-y:scroll}.vue-interactive-keys .layout-mode-1 .panel-descriptors{grid-area:1/1/2/3}.vue-interactive-keys .layout-mode-1 .panel-remaining{grid-area:2/1/3/2}.vue-interactive-keys .layout-mode-1 .panel-eliminated{grid-area:2/2/3/3}.vue-interactive-keys .layout-mode-2 .panel-descriptors{grid-area:1/1/3/2}.vue-interactive-keys .layout-mode-2 .panel-remaining{grid-area:1/2/2/3}.vue-interactive-keys .layout-mode-2 .panel-eliminated{grid-area:2/2/3/3}.vue-interactive-keys input,.vue-interactive-keys select{padding:.5em 1em;border:1px solid;border-radius:2px;border-color:var(--border-color);background-color:#fff}.vue-interactive-keys .error-message{color:var(--error-color)}
|