@sfgrp/distinguish 0.0.3 → 0.0.6

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/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)}.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-203acd5e]{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 2px 2px #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-2f031624]{background-color:var(--bg-panel-color);padding:1em;box-shadow:#24252614 4px 4px 15px;border-radius:.9rem;display:flex;justify-content:space-between;align-items:center}.header-bar__buttons[data-v-2f031624]{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;--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:calc(100vh - 160px);max-height:calc(100vh - 160px);font-family:Arial,Helvetica,sans-serif;font-size:13px}.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}
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)}.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-203acd5e]{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 2px 2px #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-1fab3a2c]{background-color:var(--bg-panel-color);padding:1em;box-shadow:#24252614 4px 4px 15px;border-radius:.9rem;display:flex;justify-content:space-between;align-items:center}.header-bar__buttons[data-v-1fab3a2c]{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;--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:calc(100vh - 160px);max-height:calc(100vh - 160px);font-family:Arial,Helvetica,sans-serif;font-size:13px}.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)}
package/package.json CHANGED
@@ -1,14 +1,14 @@
1
1
  {
2
2
  "name": "@sfgrp/distinguish",
3
3
  "private": false,
4
- "version": "0.0.3",
4
+ "version": "0.0.6",
5
5
  "files": ["dist"],
6
- "main": "./dist/interactive-key.umd.js",
7
- "module": "./dist/interactive-key.es.js",
6
+ "main": "./dist/distinguish.umd.js",
7
+ "module": "./dist/distinguish.es.js",
8
8
  "exports": {
9
9
  ".": {
10
- "import": "./dist/interactive-key.es.js",
11
- "require": "./dist/interactive-key.umd.js"
10
+ "import": "./dist/distinguish.es.js",
11
+ "require": "./dist/distinguish.umd.js"
12
12
  }
13
13
  },
14
14
  "publishConfig": {