https://vyomix.vercel.app/node_modules_sutton-signwriting_sgnw-com…sm_fsw-palette_entry_js.512f129900adc1c6.js

1"use strict";(self.webpackChunksign_translate=self.webpackChunksign_translate||[]).push([["node_modules_sutton-signwriting_sgnw-components_dist_esm_fsw-palette_entry_js"],{3599:(_,o,a)=>{a.r(o),a.d(o,{fsw_palette:()=>g});var e=a(70345),s=a(76437),l=a(8435);const g=(()=>{let n=class{constructor(t){(0,e.r)(this,t),this.orientation="vertical",this.major=10,this.minor=3,this.total=30,this.size="small",this.alphabet=l.i,this.group=null,this.base=null,this.more=!1,this.hasMore=!1,this.lower=!1,this.hasLower=!1,this.palette=[]}parseSizeProp(t){switch(t){case"large":this.major=16,this.minor=6;break;case"medium":this.major=10,this.minor=6;break;default:this.major=10,this.minor=3}this.total=this.major*this.minor}watchGroup(){null==this.group&&null!=this.base?this.base=null:this.setPalette()}watchBase(){this.setPalette()}watchMore(){this.setPalette()}watchLower(){this.setPalette()}getPaletteAll(){let t=Object.keys(this.alphabet);return"large"==this.size&&(t=(0,l.p)(t,10,16)),t=(0,l.b)(t,this.total),this.more=!1,this.hasMore=!1,this.lower=!1,this.hasLower=!1,t}getPaletteGroup(){let t=this.alphabet[this.group];return"large"==this.size&&(t=(0,l.p)(t,10,16)),t=(0,l.b)(t,this.total),t.length>this.total?(this.hasMore=!0,t=this.more?t.slice(this.total,2*this.total):t.slice(0,this.total)):(this.more=!1,this.hasMore=!1),this.lower=!1,this.hasLower=!1,t}getPaletteBase(){const t=this.base.slice(0,4);let c;const b=t+"18",v=t+"30";let p=0,f=16,w=0,m=6;"large"!=this.size&&(this.hasLower=(0,l.h)(s.c.key2id(t+"08"))||(0,l.h)(s.c.key2id(b)),this.lower?p=8:f=8),"small"==this.size&&(this.hasMore=(0,l.h)(s.c.key2id(v)),this.more?w=3:m=3);let i=[];for(var h=w;h<m;h++)for(var r=p;r<f;r++)c=t+h+r.toString(16),i.push(c);return"large"!=this.size&&(i=(0,l.p)(i,8,10)),i}setPalette(){let t;switch(!0){case!this.group:t=this.getPaletteAll();break;case!!this.group&&!!this.base:t=this.getPaletteBase();break;case!!this.group:t=this.getPaletteGroup()}this.palette=[...t]}paletteSymbolClickHandler(t){switch(!0){case!this.group:this.group=t.detail;break;case!!this.group&&!!this.base:break;case!!this.group:this.base=t.detail,this.more=!1}}componentWillLoad(){"string"==typeof this.alphabet&&(this.alphabet=JSON.parse(this.alphabet)),this.parseSizeProp(this.size),this.setPalette()}render(){return(0,e.h)(e.H,{class:this.orientation+" "+this.size},(0,e.h)("nav",null,(0,e.h)("fsw-button",{svg:s.H,onClick:()=>{this.group=null}}),this.group?(0,e.h)("fsw-button",{svg:s.C,onClick:()=>{this.base?(this.base=null,this.more=null):this.group=null}}):(0,e.h)("div",null),this.hasMore?(0,e.h)("fsw-button",{svg:this.more?s.A:s.a,onClick:()=>{this.more=!this.more}}):"small"==this.size?(0,e.h)("div",null):null,this.hasLower?(0,e.h)("fsw-button",{svg:this.lower?s.b:s.d,onClick:()=>{this.lower=!this.lower}}):"large"!=this.size?(0,e.h)("div",null):null),(0,e.h)("main",null,this.palette.map(t=>(0,e.h)("fsw-palette-symbol",{symbol:t}))))}get el(){return(0,e.g)(this)}static get watchers(){return{size:["parseSizeProp"],group:["watchGroup"],base:["watchBase"],more:["watchMore"],lower:["watchLower"]}}};return n.style=".sc-fsw-palette-h{width:100%;height:100%;display:flex}.sc-fsw-palette-h nav.sc-fsw-palette{height:100%;width:100%;flex:0 0 10%;display:flex;align-items:center}.sc-fsw-palette-h nav.sc-fsw-palette fsw-button.sc-fsw-palette,.sc-fsw-palette-h nav.sc-fsw-palette div.sc-fsw-palette{flex:25%;height:100%;width:100%;margin:1%}.sc-fsw-palette-h main.sc-fsw-palette{flex:0 0 90%;width:100%;height:100%;display:grid}.horizontal.sc-fsw-palette-h{flex-direction:row}.horizontal.sc-fsw-palette-h nav.sc-fsw-palette{flex-direction:column}.horizontal.small.sc-fsw-palette-h main.sc-fsw-palette{grid-template-columns:repeat(10,1fr)}.horizontal.medium.sc-fsw-palette-h main.sc-fsw-palette{grid-template-columns:repeat(10,1fr)}.horizontal.large.sc-fsw-palette-h main.sc-fsw-palette{grid-template-columns:repeat(16,1fr)}.vertical.sc-fsw-palette-h{flex-direction:column}.vertical.sc-fsw-palette-h nav.sc-fsw-palette{flex-direction:row}.vertical.sc-fsw-palette-h main.sc-fsw-palette{grid-auto-flow:column}.vertical.small.sc-fsw-palette-h main.sc-fsw-palette{grid-template-rows:repeat(10,1fr)}.vertical.medium.sc-fsw-palette-h main.sc-fsw-palette{grid-template-rows:repeat(10,1fr)}.vertical.large.sc-fsw-palette-h main.sc-fsw-palette{grid-template-rows:repeat(16,1fr)}",n})()}}]);
2//# sourceMappingURL=node_modules_sutton-signwriting_sgnw-components_dist_esm_fsw-palette_entry_js.512f129900adc1c6.js.map