@sutton-signwriting/sgnw-components
Version:
a javascript package of web components for use with the SignWriting script.
378 lines (377 loc) • 24.7 kB
JavaScript
/*!
* The Sutton SignWriting Web Components
*/
//
import { Host, h } from "@stencil/core";
import { swu2key, key2id, key2swu } from "@sutton-signwriting/core/convert/convert";
import { iswa2010SWU, padArray, padArrayInner, hasSize } from "../../global/global";
import { HomeIcon, ChevronUpIcon, ArrowUpIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon } from "../../global/icons";
export class SgnwPalette {
constructor() {
/** orientation of palette */
this.orientation = "vertical";
this.major = 10;
this.minor = 3;
this.total = 30;
/** size of palette */
this.size = "small";
/** set of symbols */
this.alphabet = iswa2010SWU;
/** top level symbol selection */
this.group = null;
/** mid level symbol selection */
this.base = null;
/** flag for small palette */
this.more = false;
this.hasMore = false;
/** flag for small and medium palette */
this.lower = false;
this.hasLower = false;
this.palette = [];
}
parseSizeProp(newValue) {
switch (newValue) {
case "large":
this.major = 16;
this.minor = 6;
break;
case "medium":
this.major = 10;
this.minor = 6;
break;
case "small":
default:
this.major = 10;
this.minor = 3;
break;
}
this.total = this.major * this.minor;
}
watchGroup() {
if (this.group == null && this.base != null) {
this.base = null;
}
else {
this.setPalette();
}
}
watchBase() {
this.setPalette();
}
watchMore() {
this.setPalette();
}
watchLower() {
this.setPalette();
}
getPaletteAll() {
let keys = Object.keys(this.alphabet);
if (this.size == 'large') {
keys = padArrayInner(keys, 10, 16);
}
keys = padArray(keys, this.total);
this.more = false;
this.hasMore = false;
this.lower = false;
this.hasLower = false;
return keys;
}
getPaletteGroup() {
let keys = this.alphabet[this.group];
if (this.size == 'large') {
keys = padArrayInner(keys, 10, 16);
}
keys = padArray(keys, this.total);
if (keys.length > this.total) {
this.hasMore = true;
if (!this.more) {
keys = keys.slice(0, this.total);
}
else {
keys = keys.slice(this.total, this.total * 2);
}
}
else {
this.more = false;
this.hasMore = false;
}
this.lower = false;
this.hasLower = false;
return keys;
}
getPaletteBase() {
const base = swu2key(this.base).slice(0, 4);
let key;
const lower1 = base + "08";
const lower2 = base + "18";
const more1 = base + "30";
let r1 = 0;
let r2 = 16;
let f1 = 0;
let f2 = 6;
if (this.size != "large") {
this.hasLower = (hasSize(key2id(lower1)) || hasSize(key2id(lower2)));
if (!this.lower) {
r2 = 8;
}
else {
r1 = 8;
}
}
if (this.size == "small") {
this.hasMore = hasSize(key2id(more1));
if (!this.more) {
f2 = 3;
}
else {
f1 = 3;
}
}
let keys = [];
for (var f = f1; f < f2; f++) {
for (var r = r1; r < r2; r++) {
key = base + f + r.toString(16);
keys.push(key2swu(key));
}
}
if (this.size != "large") {
keys = padArrayInner(keys, 8, 10);
}
return keys;
}
setPalette() {
let palette;
switch (true) {
case !this.group:
palette = this.getPaletteAll();
break;
case !!this.group && !!this.base:
palette = this.getPaletteBase();
break;
case !!this.group:
palette = this.getPaletteGroup();
break;
}
this.palette = [...palette];
}
paletteSymbolClickHandler(event) {
switch (true) {
case !this.group:
this.group = event.detail;
break;
case !!this.group && !!this.base:
break;
case !!this.group:
this.base = event.detail;
this.more = false;
}
}
componentWillLoad() {
if (typeof this.alphabet == "string") {
this.alphabet = JSON.parse(this.alphabet);
}
this.parseSizeProp(this.size);
this.setPalette();
}
render() {
return (h(Host, { key: '6c40b2b9b9df3bb46a8cef15c8f18707ca69f10f', class: this.orientation + " " + this.size }, h("nav", { key: '562325db4ea158cea1dba3f577a4d4a35de01ccd' }, h("sgnw-button", { key: '2bc045419eb5257d45d92a3ae3af7601219f04cf', svg: HomeIcon, onClick: () => { this.group = null; } }), this.group ? h("sgnw-button", { svg: ChevronUpIcon, onClick: () => {
if (this.base) {
this.base = null;
this.more = null;
}
else {
this.group = null;
}
;
} }) : h("div", null), this.hasMore ? h("sgnw-button", { svg: this.more ? ArrowLeftIcon : ArrowRightIcon, onClick: () => { this.more = !this.more; } }) : (this.size == "small" ? h("div", null) : null), this.hasLower ? h("sgnw-button", { svg: this.lower ? ArrowUpIcon : ArrowDownIcon, onClick: () => { this.lower = !this.lower; } }) : (this.size != "large" ? h("div", null) : null)), h("main", { key: '6726d7c52afdfe5ff4edc034296488042b9b4bf1' }, this.palette.map(key => h("sgnw-palette-symbol", { symbol: key })))));
}
static get is() { return "sgnw-palette"; }
static get encapsulation() { return "scoped"; }
static get originalStyleUrls() {
return {
"$": ["sgnw-palette.css"]
};
}
static get styleUrls() {
return {
"$": ["sgnw-palette.css"]
};
}
static get properties() {
return {
"orientation": {
"type": "string",
"mutable": false,
"complexType": {
"original": "\"horizontal\" | \"vertical\"",
"resolved": "\"horizontal\" | \"vertical\"",
"references": {}
},
"required": false,
"optional": false,
"docs": {
"tags": [],
"text": "orientation of palette"
},
"getter": false,
"setter": false,
"reflect": false,
"attribute": "orientation",
"defaultValue": "\"vertical\""
},
"size": {
"type": "string",
"mutable": false,
"complexType": {
"original": "\"small\" | \"medium\" | \"large\"",
"resolved": "\"large\" | \"medium\" | \"small\"",
"references": {}
},
"required": false,
"optional": false,
"docs": {
"tags": [],
"text": "size of palette"
},
"getter": false,
"setter": false,
"reflect": false,
"attribute": "size",
"defaultValue": "\"small\""
},
"alphabet": {
"type": "string",
"mutable": false,
"complexType": {
"original": "object | string",
"resolved": "object | string",
"references": {}
},
"required": false,
"optional": false,
"docs": {
"tags": [],
"text": "set of symbols"
},
"getter": false,
"setter": false,
"reflect": false,
"attribute": "alphabet",
"defaultValue": "{\r\n \"\uD8C0\uDC01\": [\"\uD8C0\uDC01\", \"\uD8C0\uDC71\", \"\uD8C0\uDCD1\", \"\uD8C0\uDD31\", \"\uD8C0\uDD91\", \"\uD8C0\uDDF1\", \"\uD8C0\uDE51\", \"\uD8C0\uDEB1\", \"\uD8C0\uDF11\", \"\uD8C0\uDF71\", \"\uD8C0\uDFD1\", \"\uD8C1\uDC31\", \"\uD8C1\uDC91\", \"\uD8C1\uDCF1\"],\r\n \"\uD8C1\uDD41\": [\"\uD8C1\uDD41\", \"\uD8C1\uDDB1\", \"\uD8C1\uDE11\", \"\uD8C1\uDE71\", \"\uD8C1\uDED1\", \"\uD8C1\uDF31\", \"\uD8C1\uDF91\", \"\uD8C1\uDFF1\", \"\uD8C2\uDC51\", \"\uD8C2\uDCB1\", \"\uD8C2\uDD11\", \"\uD8C2\uDD71\", \"\uD8C2\uDDD1\", \"\uD8C2\uDE31\", \"\uD8C2\uDE91\", \"\uD8C2\uDEF1\"],\r\n \"\uD8C2\uDF41\": [\"\uD8C2\uDF41\", \"\uD8C2\uDFB1\", \"\uD8C3\uDC11\", \"\uD8C3\uDC71\", \"\uD8C3\uDCD1\", \"\uD8C3\uDD31\", \"\uD8C3\uDD91\", \"\uD8C3\uDDF1\", \"\uD8C3\uDE51\", \"\uD8C3\uDEB1\", \"\uD8C3\uDF11\", \"\uD8C3\uDF71\", \"\uD8C3\uDFD1\", \"\uD8C4\uDC31\", \"\uD8C4\uDC91\", \"\uD8C4\uDCF1\", \"\uD8C4\uDD51\", \"\uD8C4\uDDB1\", \"\uD8C4\uDE11\", \"\uD8C4\uDE71\", \"\uD8C4\uDED1\", \"\uD8C4\uDF31\", \"\uD8C4\uDF91\", \"\uD8C4\uDFF1\", \"\uD8C5\uDC51\", \"\uD8C5\uDCB1\", \"\uD8C5\uDD11\", \"\uD8C5\uDD71\", \"\uD8C5\uDDD1\", \"\uD8C5\uDE31\", \"\uD8C5\uDE91\", \"\uD8C5\uDEF1\", \"\uD8C5\uDF51\", \"\uD8C5\uDFB1\", \"\uD8C6\uDC11\", \"\uD8C6\uDC71\", \"\uD8C6\uDCD1\", \"\uD8C6\uDD31\"],\r\n \"\uD8C6\uDD81\": [\"\uD8C6\uDD81\", \"\uD8C6\uDDF1\", \"\uD8C6\uDE51\", \"\uD8C6\uDEB1\", \"\uD8C6\uDF11\", \"\uD8C6\uDF71\", \"\uD8C6\uDFD1\", \"\uD8C7\uDC31\"],\r\n \"\uD8C7\uDC81\": [\"\uD8C7\uDC81\", \"\uD8C7\uDCF1\", \"\uD8C7\uDD51\", \"\uD8C7\uDDB1\", \"\uD8C7\uDE11\", \"\uD8C7\uDE71\", \"\uD8C7\uDED1\", \"\uD8C7\uDF31\", \"\uD8C7\uDF91\", \"\uD8C7\uDFF1\", \"\uD8C8\uDC51\", \"\uD8C8\uDCB1\", \"\uD8C8\uDD11\", \"\uD8C8\uDD71\", \"\uD8C8\uDDD1\", \"\uD8C8\uDE31\", \"\uD8C8\uDE91\", \"\uD8C8\uDEF1\", \"\uD8C8\uDF51\", \"\uD8C8\uDFB1\", \"\uD8C9\uDC11\", \"\uD8C9\uDC71\", \"\uD8C9\uDCD1\", \"\uD8C9\uDD31\", \"\uD8C9\uDD91\", \"\uD8C9\uDDF1\", \"\uD8C9\uDE51\", \"\uD8C9\uDEB1\", \"\uD8C9\uDF11\", \"\uD8C9\uDF71\", \"\uD8C9\uDFD1\", \"\uD8CA\uDC31\", \"\uD8CA\uDC91\", \"\uD8CA\uDCF1\", \"\uD8CA\uDD51\", \"\uD8CA\uDDB1\", \"\uD8CA\uDE11\", \"\uD8CA\uDE71\", \"\uD8CA\uDED1\", \"\uD8CA\uDF31\", \"\uD8CA\uDF91\", \"\uD8CA\uDFF1\", \"\uD8CB\uDC51\", \"\uD8CB\uDCB1\", \"\uD8CB\uDD11\", \"\uD8CB\uDD71\", \"\uD8CB\uDDD1\", \"\uD8CB\uDE31\", \"\uD8CB\uDE91\", \"\uD8CB\uDEF1\", \"\uD8CB\uDF51\", \"\uD8CB\uDFB1\", \"\uD8CC\uDC11\", \"\uD8CC\uDC71\", \"\uD8CC\uDCD1\", \"\uD8CC\uDD31\", \"\uD8CC\uDD91\", \"\uD8CC\uDDF1\"],\r\n \"\uD8CC\uDE41\": [\"\uD8CC\uDE41\", \"\uD8CC\uDEB1\", \"\uD8CC\uDF11\", \"\uD8CC\uDF71\", \"\uD8CC\uDFD1\", \"\uD8CD\uDC31\", \"\uD8CD\uDC91\", \"\uD8CD\uDCF1\", \"\uD8CD\uDD51\", \"\uD8CD\uDDB1\", \"\uD8CD\uDE11\", \"\uD8CD\uDE71\", \"\uD8CD\uDED1\", \"\uD8CD\uDF31\", \"\uD8CD\uDF91\", \"\uD8CD\uDFF1\", \"\uD8CE\uDC51\", \"\uD8CE\uDCB1\", \"\uD8CE\uDD11\", \"\uD8CE\uDD71\", \"\uD8CE\uDDD1\", \"\uD8CE\uDE31\", \"\uD8CE\uDE91\", \"\uD8CE\uDEF1\", \"\uD8CE\uDF51\", \"\uD8CE\uDFB1\", \"\uD8CF\uDC11\", \"\uD8CF\uDC71\", \"\uD8CF\uDCD1\", \"\uD8CF\uDD31\"],\r\n \"\uD8CF\uDD81\": [\"\uD8CF\uDD81\", \"\uD8CF\uDDF1\", \"\uD8CF\uDE51\", \"\uD8CF\uDEB1\", \"\uD8CF\uDF11\", \"\uD8CF\uDF71\", \"\uD8CF\uDFD1\", \"\uD8D0\uDC31\", \"\uD8D0\uDC91\", \"\uD8D0\uDCF1\", \"\uD8D0\uDD51\", \"\uD8D0\uDDB1\", \"\uD8D0\uDE11\", \"\uD8D0\uDE71\", \"\uD8D0\uDED1\", \"\uD8D0\uDF31\", \"\uD8D0\uDF91\", \"\uD8D0\uDFF1\", \"\uD8D1\uDC51\", \"\uD8D1\uDCB1\", \"\uD8D1\uDD11\", \"\uD8D1\uDD71\"],\r\n \"\uD8D1\uDDC1\": [\"\uD8D1\uDDC1\", \"\uD8D1\uDE31\", \"\uD8D1\uDE91\", \"\uD8D1\uDEF1\", \"\uD8D1\uDF51\", \"\uD8D1\uDFB1\", \"\uD8D2\uDC11\", \"\uD8D2\uDC71\", \"\uD8D2\uDCD1\", \"\uD8D2\uDD31\", \"\uD8D2\uDD91\", \"\uD8D2\uDDF1\", \"\uD8D2\uDE51\", \"\uD8D2\uDEB1\", \"\uD8D2\uDF11\", \"\uD8D2\uDF71\", \"\uD8D2\uDFD1\", \"\uD8D3\uDC31\", \"\uD8D3\uDC91\"],\r\n \"\uD8D3\uDCE1\": [\"\uD8D3\uDCE1\", \"\uD8D3\uDD51\", \"\uD8D3\uDDB1\", \"\uD8D3\uDE11\", \"\uD8D3\uDE71\", \"\uD8D3\uDED1\", \"\uD8D3\uDF31\", \"\uD8D3\uDF91\", \"\uD8D3\uDFF1\", \"\uD8D4\uDC51\", \"\uD8D4\uDCB1\", \"\uD8D4\uDD11\", \"\uD8D4\uDD71\", \"\uD8D4\uDDD1\", \"\uD8D4\uDE31\", \"\uD8D4\uDE91\", \"\uD8D4\uDEF1\", \"\uD8D4\uDF51\", \"\uD8D4\uDFB1\", \"\uD8D5\uDC11\", \"\uD8D5\uDC71\", \"\uD8D5\uDCC1\", \"\uD8D5\uDD31\", \"\uD8D5\uDD91\", \"\uD8D5\uDDF1\", \"\uD8D5\uDE51\", \"\uD8D5\uDEB1\", \"\uD8D5\uDF11\", \"\uD8D5\uDF71\", \"\uD8D5\uDFD1\", \"\uD8D6\uDC31\", \"\uD8D6\uDC91\", \"\uD8D6\uDCF1\", \"\uD8D6\uDD51\", \"\uD8D6\uDDB1\", \"\uD8D6\uDE11\", \"\uD8D6\uDE71\", \"\uD8D6\uDED1\", \"\uD8D6\uDF31\", \"\uD8D6\uDF91\"],\r\n \"\uD8D6\uDFE1\": [\"\uD8D6\uDFE1\", \"\uD8D7\uDC51\", \"\uD8D7\uDCB1\", \"\uD8D7\uDD11\", \"\uD8D7\uDD71\", \"\uD8D7\uDDD1\", \"\uD8D7\uDE31\", \"\uD8D7\uDE91\", \"\uD8D7\uDEF1\", \"\uD8D7\uDF51\", \"\uD8D7\uDFB1\", \"\uD8D8\uDC11\", \"\uD8D8\uDC71\", \"\uD8D8\uDCD1\", \"\uD8D8\uDD31\", \"\uD8D8\uDD91\"],\r\n \"\uD8D8\uDDE1\": [\"\uD8D8\uDDE1\", \"\uD8D8\uDE41\", \"\uD8D8\uDEA1\", \"\uD8D8\uDF01\", \"\uD8D8\uDF61\", \"\uD8D8\uDFC1\", \"\uD8D9\uDC21\", \"\uD8D9\uDC81\", \"\uD8D9\uDCE1\", \"\uD8D9\uDD41\", \"\uD8D9\uDDA1\", \"\uD8D9\uDE01\", \"\uD8D9\uDE61\", \"\uD8D9\uDEC1\", \"\uD8D9\uDF21\", \"\uD8D9\uDF81\", \"\uD8D9\uDFE1\"],\r\n \"\uD8DA\uDC41\": [\"\uD8DA\uDC41\", \"\uD8DA\uDCA1\", \"\uD8DA\uDD01\", \"\uD8DA\uDD61\", \"\uD8DA\uDDC1\", \"\uD8DA\uDE21\", \"\uD8DA\uDE81\", \"\uD8DA\uDEE1\", \"\uD8DA\uDF41\", \"\uD8DA\uDFA1\", \"\uD8DB\uDC01\", \"\uD8DB\uDC61\", \"\uD8DB\uDCC1\", \"\uD8DB\uDD21\", \"\uD8DB\uDD81\", \"\uD8DB\uDDE1\", \"\uD8DB\uDE41\", \"\uD8DB\uDEA1\", \"\uD8DB\uDF01\", \"\uD8DB\uDF61\"],\r\n \"\uD8DB\uDFC1\": [\"\uD8DB\uDFC1\", \"\uD8DC\uDC21\", \"\uD8DC\uDC81\", \"\uD8DC\uDCE1\", \"\uD8DC\uDD41\", \"\uD8DC\uDDA1\", \"\uD8DC\uDE01\", \"\uD8DC\uDE61\", \"\uD8DC\uDEC1\", \"\uD8DC\uDF21\", \"\uD8DC\uDF81\", \"\uD8DC\uDFE1\", \"\uD8DD\uDC41\", \"\uD8DD\uDCA1\", \"\uD8DD\uDD01\", \"\uD8DD\uDD61\", \"\uD8DD\uDDC1\", \"\uD8DD\uDE21\", \"\uD8DD\uDE81\", \"\uD8DD\uDEE1\", \"\uD8DD\uDF41\", \"\uD8DD\uDFA1\", \"\uD8DE\uDC01\", \"\uD8DE\uDC61\", \"\uD8DE\uDCC1\", \"\uD8DE\uDD21\", \"\uD8DE\uDD81\", \"\uD8DE\uDDE1\", \"\uD8DE\uDE41\", \"\uD8DE\uDEA1\", \"\uD8DE\uDF01\", \"\uD8DE\uDF61\", \"\uD8DE\uDFC1\", \"\uD8DF\uDC21\", \"\uD8DF\uDC81\", \"\uD8DF\uDCE1\", \"\uD8DF\uDD41\", \"\uD8DF\uDDA1\", \"\uD8DF\uDE01\", \"\uD8DF\uDE61\", \"\uD8DF\uDEC1\", \"\uD8DF\uDF21\", \"\uD8DF\uDF81\"],\r\n \"\uD8DF\uDFE1\": [\"\uD8DF\uDFE1\", \"\uD8E0\uDC41\", \"\uD8E0\uDCA1\", \"\uD8E0\uDD01\", \"\uD8E0\uDD61\", \"\uD8E0\uDDC1\", \"\uD8E0\uDE21\", \"\uD8E0\uDE81\", \"\uD8E0\uDEE1\", \"\uD8E0\uDF41\", \"\uD8E0\uDFA1\", \"\uD8E1\uDC01\", \"\uD8E1\uDC61\", \"\uD8E1\uDCC1\", \"\uD8E1\uDD21\", \"\uD8E1\uDD81\"],\r\n \"\uD8E1\uDDE1\": [\"\uD8E1\uDDE1\", \"\uD8E1\uDE41\", \"\uD8E1\uDEA1\", \"\uD8E1\uDF01\", \"\uD8E1\uDF61\", \"\uD8E1\uDFC1\", \"\uD8E2\uDC21\", \"\uD8E2\uDC81\", \"\uD8E2\uDCE1\", \"\uD8E2\uDD41\", \"\uD8E2\uDDA1\", \"\uD8E2\uDE01\", \"\uD8E2\uDE61\", \"\uD8E2\uDEC1\", \"\uD8E2\uDF21\", \"\uD8E2\uDF81\", \"\uD8E2\uDFE1\", \"\uD8E3\uDC41\", \"\uD8E3\uDCA1\", \"\uD8E3\uDD01\", \"\uD8E3\uDD61\", \"\uD8E3\uDDC1\", \"\uD8E3\uDE21\", \"\uD8E3\uDE81\", \"\uD8E3\uDEE1\", \"\uD8E3\uDF41\", \"\uD8E3\uDFA1\", \"\uD8E4\uDC01\", \"\uD8E4\uDC61\", \"\uD8E4\uDCC1\", \"\uD8E4\uDD21\", \"\uD8E4\uDD81\", \"\uD8E4\uDDE1\", \"\uD8E4\uDE41\", \"\uD8E4\uDEA1\"],\r\n \"\uD8E4\uDF01\": [\"\uD8E4\uDF01\", \"\uD8E4\uDF61\", \"\uD8E4\uDFC1\", \"\uD8E5\uDC21\", \"\uD8E5\uDC81\", \"\uD8E5\uDCE1\", \"\uD8E5\uDD41\", \"\uD8E5\uDDA1\", \"\uD8E5\uDE01\", \"\uD8E5\uDE61\", \"\uD8E5\uDEC1\", \"\uD8E5\uDF21\", \"\uD8E5\uDF81\", \"\uD8E5\uDFE1\", \"\uD8E6\uDC41\", \"\uD8E6\uDCA1\", \"\uD8E6\uDD01\", \"\uD8E6\uDD61\", \"\uD8E6\uDDC1\", \"\uD8E6\uDE21\", \"\uD8E6\uDE81\", \"\uD8E6\uDEE1\", \"\uD8E6\uDF41\", \"\uD8E6\uDFA1\", \"\uD8E7\uDC01\", \"\uD8E7\uDC61\", \"\uD8E7\uDCC1\", \"\uD8E7\uDD21\", \"\uD8E7\uDD81\", \"\uD8E7\uDDE1\"],\r\n \"\uD8E7\uDE41\": [\"\uD8E7\uDE41\", \"\uD8E7\uDEA1\", \"\uD8E7\uDF01\", \"\uD8E7\uDF61\", \"\uD8E7\uDFC1\", \"\uD8E8\uDC21\", \"\uD8E8\uDC81\", \"\uD8E8\uDCE1\", \"\uD8E8\uDD41\", \"\uD8E8\uDDA1\", \"\uD8E8\uDE01\", \"\uD8E8\uDE61\", \"\uD8E8\uDEC1\", \"\uD8E8\uDF21\", \"\uD8E8\uDF81\", \"\uD8E8\uDFE1\", \"\uD8E9\uDC41\"],\r\n \"\uD8E9\uDCA1\": [\"\uD8E9\uDCA1\", \"\uD8E9\uDD01\", \"\uD8E9\uDD61\", \"\uD8E9\uDDC1\", \"\uD8E9\uDE21\", \"\uD8E9\uDE81\", \"\uD8E9\uDEE1\", \"\uD8E9\uDF41\", \"\uD8E9\uDFA1\", \"\uD8EA\uDC01\", \"\uD8EA\uDC61\", \"\uD8EA\uDCC1\", \"\uD8EA\uDD21\", \"\uD8EA\uDD81\", \"\uD8EA\uDDE1\", \"\uD8EA\uDE41\", \"\uD8EA\uDEA1\", \"\uD8EA\uDF01\", \"\uD8EA\uDF61\", \"\uD8EA\uDFC1\", \"\uD8EB\uDC21\", \"\uD8EB\uDC81\", \"\uD8EB\uDCE1\", \"\uD8EB\uDD41\", \"\uD8EB\uDDA1\", \"\uD8EB\uDE01\", \"\uD8EB\uDE61\", \"\uD8EB\uDEC1\", \"\uD8EB\uDF21\", \"\uD8EB\uDF81\"],\r\n \"\uD8EB\uDFE1\": [\"\uD8EB\uDFE1\", \"\uD8EC\uDC41\", \"\uD8EC\uDCA1\", \"\uD8EC\uDD01\", \"\uD8EC\uDD61\", \"\uD8EC\uDDC1\", \"\uD8EC\uDE21\", \"\uD8EC\uDE81\", \"\uD8EC\uDEE1\", \"\uD8EC\uDF41\", \"\uD8EC\uDFA1\", \"\uD8ED\uDC01\", \"\uD8ED\uDC61\", \"\uD8ED\uDCC1\"],\r\n \"\uD8ED\uDD21\": [\"\uD8ED\uDD21\", \"\uD8ED\uDD81\", \"\uD8ED\uDDE1\", \"\uD8ED\uDE41\", \"\uD8ED\uDEA1\", \"\uD8ED\uDF01\", \"\uD8ED\uDF61\", \"\uD8ED\uDFC1\", \"\uD8EE\uDC21\", \"\uD8EE\uDC81\", \"\uD8EE\uDCE1\", \"\uD8EE\uDD41\", \"\uD8EE\uDDA1\", \"\uD8EE\uDE01\", \"\uD8EE\uDE61\", \"\uD8EE\uDEC1\", \"\uD8EE\uDF21\", \"\uD8EE\uDF81\", \"\uD8EE\uDFE1\", \"\uD8EF\uDC41\"],\r\n \"\uD8EF\uDCA1\": [\"\uD8EF\uDCA1\", \"\uD8EF\uDD01\", \"\uD8EF\uDD61\", \"\uD8EF\uDDC1\", \"\uD8EF\uDE21\", \"\uD8EF\uDE81\", \"\uD8EF\uDEE1\", \"\uD8EF\uDF41\"],\r\n \"\uD8EF\uDFA1\": [\"\uD8EF\uDFA1\", \"\uD8F0\uDC01\", \"\uD8F0\uDC61\", \"\uD8F0\uDCC1\", \"\uD8F0\uDD21\", \"\uD8F0\uDD81\", \"\uD8F0\uDDE1\", \"\uD8F0\uDE41\", \"\uD8F0\uDEA1\", \"\uD8F0\uDF01\", \"\uD8F0\uDF61\"],\r\n \"\uD8F0\uDFC1\": [\"\uD8F0\uDFC1\", \"\uD8F1\uDC21\", \"\uD8F1\uDC81\", \"\uD8F1\uDCE1\", \"\uD8F1\uDD41\", \"\uD8F1\uDDA1\", \"\uD8F1\uDE01\", \"\uD8F1\uDE61\", \"\uD8F1\uDEC1\", \"\uD8F1\uDF21\", \"\uD8F1\uDF81\", \"\uD8F1\uDFE1\", \"\uD8F2\uDC41\", \"\uD8F2\uDCA1\", \"\uD8F2\uDD01\", \"\uD8F2\uDD61\", \"\uD8F2\uDDC1\", \"\uD8F2\uDE21\", \"\uD8F2\uDE81\", \"\uD8F2\uDEE1\", \"\uD8F2\uDF41\", \"\uD8F2\uDFA1\", \"\uD8F3\uDC01\", \"\uD8F3\uDC61\", \"\uD8F3\uDCC1\", \"\uD8F3\uDD21\", \"\uD8F3\uDD81\", \"\uD8F3\uDDE1\", \"\uD8F3\uDE41\", \"\uD8F3\uDEA1\", \"\uD8F3\uDF01\", \"\uD8F3\uDF61\"],\r\n \"\uD8F3\uDFC1\": [\"\uD8F3\uDFC1\", \"\uD8F4\uDC21\", \"\uD8F4\uDC81\", \"\uD8F4\uDCE1\", \"\uD8F4\uDD41\", \"\uD8F4\uDDA1\", \"\uD8F4\uDE01\", \"\uD8F4\uDE61\", \"\uD8F4\uDEC1\", \"\uD8F4\uDF21\", \"\uD8F4\uDF81\", \"\uD8F4\uDFE1\", \"\uD8F5\uDC41\", \"\uD8F5\uDCA1\", \"\uD8F5\uDD01\", \"\uD8F5\uDD61\", \"\uD8F5\uDDC1\"],\r\n \"\uD8F5\uDE21\": [\"\uD8F5\uDE21\", \"\uD8F5\uDE81\", \"\uD8F5\uDEE1\", \"\uD8F5\uDF41\", \"\uD8F5\uDFA1\", \"\uD8F6\uDC01\", \"\uD8F6\uDC61\", \"\uD8F6\uDCC1\", \"\uD8F6\uDD21\", \"\uD8F6\uDD81\", \"\uD8F6\uDDE1\", \"\uD8F6\uDE41\", \"\uD8F6\uDEA1\", \"\uD8F6\uDF01\", \"\uD8F6\uDF61\", \"\uD8F6\uDFC1\", \"\uD8F7\uDC21\", \"\uD8F7\uDC81\", \"\uD8F7\uDCE1\", \"\uD8F7\uDD41\", \"\uD8F7\uDDA1\", \"\uD8F7\uDE01\", \"\uD8F7\uDE61\", \"\uD8F7\uDEC1\", \"\uD8F7\uDF21\", \"\uD8F7\uDF81\", \"\uD8F7\uDFE1\", \"\uD8F8\uDC41\", \"\uD8F8\uDCA1\", \"\uD8F8\uDD01\"],\r\n \"\uD8F8\uDD61\": [\"\uD8F8\uDD61\", \"\uD8F8\uDDC1\", \"\uD8F8\uDE21\", \"\uD8F8\uDE81\", \"\uD8F8\uDEE1\", \"\uD8F8\uDF41\", \"\uD8F8\uDFA1\", \"\uD8F9\uDC01\", \"\uD8F9\uDC61\", \"\uD8F9\uDCC1\", \"\uD8F9\uDD21\", \"\uD8F9\uDD81\", \"\uD8F9\uDDE1\", \"\uD8F9\uDE41\", \"\uD8F9\uDEA1\", \"\uD8F9\uDF01\", \"\uD8F9\uDF61\", \"\uD8F9\uDFC1\", \"\uD8FA\uDC21\", \"\uD8FA\uDC81\"],\r\n \"\uD8FA\uDCE1\": [\"\uD8FA\uDCE1\", \"\uD8FA\uDD41\", \"\uD8FA\uDDA1\", \"\uD8FA\uDE01\", \"\uD8FA\uDE61\", \"\uD8FA\uDEC1\", \"\uD8FA\uDF21\", \"\uD8FA\uDF81\", \"\uD8FA\uDFE1\"],\r\n \"\uD8FB\uDC41\": [\"\uD8FB\uDC41\", \"\uD8FB\uDCA1\", \"\uD8FB\uDD01\", \"\uD8FB\uDD61\", \"\uD8FB\uDDC1\", \"\uD8FB\uDE21\", \"\uD8FB\uDE81\", \"\uD8FB\uDEE1\", \"\uD8FB\uDF41\"],\r\n \"\uD8FB\uDFA1\": [\"\uD8FB\uDFA1\", \"\uD8FC\uDC01\", \"\uD8FC\uDC61\", \"\uD8FC\uDCC1\", \"\uD8FC\uDD21\", \"\uD8FC\uDD81\", \"\uD8FC\uDDE1\", \"\uD8FC\uDE41\"],\r\n \"\uD8FC\uDEA1\": [\"\uD8FC\uDEA1\", \"\uD8FC\uDF01\", \"\uD8FC\uDF61\", \"\uD8FC\uDFC1\", \"\uD8FD\uDC21\"]\r\n}"
},
"group": {
"type": "string",
"mutable": true,
"complexType": {
"original": "string",
"resolved": "string",
"references": {}
},
"required": false,
"optional": false,
"docs": {
"tags": [],
"text": "top level symbol selection"
},
"getter": false,
"setter": false,
"reflect": true,
"attribute": "group",
"defaultValue": "null"
},
"base": {
"type": "string",
"mutable": true,
"complexType": {
"original": "string",
"resolved": "string",
"references": {}
},
"required": false,
"optional": false,
"docs": {
"tags": [],
"text": "mid level symbol selection"
},
"getter": false,
"setter": false,
"reflect": true,
"attribute": "base",
"defaultValue": "null"
},
"more": {
"type": "boolean",
"mutable": true,
"complexType": {
"original": "boolean",
"resolved": "boolean",
"references": {}
},
"required": false,
"optional": false,
"docs": {
"tags": [],
"text": "flag for small palette"
},
"getter": false,
"setter": false,
"reflect": true,
"attribute": "more",
"defaultValue": "false"
},
"lower": {
"type": "boolean",
"mutable": true,
"complexType": {
"original": "boolean",
"resolved": "boolean",
"references": {}
},
"required": false,
"optional": false,
"docs": {
"tags": [],
"text": "flag for small and medium palette"
},
"getter": false,
"setter": false,
"reflect": true,
"attribute": "lower",
"defaultValue": "false"
}
};
}
static get states() {
return {
"palette": {}
};
}
static get elementRef() { return "el"; }
static get watchers() {
return [{
"propName": "size",
"methodName": "parseSizeProp"
}, {
"propName": "group",
"methodName": "watchGroup"
}, {
"propName": "base",
"methodName": "watchBase"
}, {
"propName": "more",
"methodName": "watchMore"
}, {
"propName": "lower",
"methodName": "watchLower"
}];
}
static get listeners() {
return [{
"name": "paletteSymbolClick",
"method": "paletteSymbolClickHandler",
"target": undefined,
"capture": false,
"passive": false
}];
}
}