deploy: 4bd30bb2a5

browser-main.6107ce49.js

@@ -15,7 +15,7 @@ parcelRequire=function(e,r,t,n){var i,o="function"==typeof parcelRequire&&parcel
 },{"./cjs/react-dom.production.min.js":"jF7N"}],"ct9k":[function(require,module,exports) {
 "use strict";var e=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ColorWidget=void 0;const t=e(require("react")),l=e=>t.default.createElement(t.default.Fragment,null,t.default.createElement("label",{htmlFor:e.id},e.label,": "),t.default.createElement("input",{id:e.id,type:"color",value:e.value,onChange:t=>e.onChange(t.target.value)}));exports.ColorWidget=l;
 },{"react":"HdMw"}],"sxvS":[function(require,module,exports) {
-"use strict";function t(t){if("number"==typeof t)return t;void 0===t&&(t="");const e=parseFloat(t);if(isNaN(e))throw new Error("Expected '".concat(t,"' to be a float!"));return e}function e(t){const e=[];for(let r of t)e.push(...r);return e}function r(t){return 180*t/Math.PI}function o(t){const e=[];for(let r=0;r<t;r++)e.push(r);return e}Object.defineProperty(exports,"__esModule",{value:!0}),exports.range=exports.rad2deg=exports.flatten=exports.float=void 0,exports.float=t,exports.flatten=e,exports.rad2deg=r,exports.range=o;
+"use strict";function e(e){if("number"==typeof e)return e;void 0===e&&(e="");const t=parseFloat(e);if(isNaN(t))throw new Error("Expected '".concat(e,"' to be a float!"));return t}function t(e){const t=[];for(let r of e)t.push(...r);return t}function r(e){return 180*e/Math.PI}function o(e){const t=[];for(let r=0;r<e;r++)t.push(r);return t}function n(e){return e.toString().toLowerCase().replace(/\s+/g,"-").replace(/[^\w\-]+/g,"").replace(/\-\-+/g,"-").replace(/^-+/,"").replace(/-+$/,"")}Object.defineProperty(exports,"__esModule",{value:!0}),exports.slugify=exports.range=exports.rad2deg=exports.flatten=exports.float=void 0,exports.float=e,exports.flatten=t,exports.rad2deg=r,exports.range=o,exports.slugify=n;
 },{}],"EQND":[function(require,module,exports) {
 "use strict";var e=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.NumericSlider=void 0;const t=e(require("react")),l=require("./util"),a=e=>t.default.createElement("p",null,t.default.createElement("label",{htmlFor:e.id},e.label,": "),t.default.createElement("input",{type:"range",id:e.id,min:e.min,max:e.max,value:e.value,step:e.step,onChange:t=>e.onChange(l.float(t.target.value))}),t.default.createElement("span",null," ",e.value,e.valueSuffix));exports.NumericSlider=a;
 },{"react":"HdMw","./util":"sxvS"}],"R99w":[function(require,module,exports) {
@@ -60,13 +60,15 @@ module.exports=[{name:"m_logo",bbox:{x:{min:212.22766639663968,max:506.526222985
 "use strict";var t=this&&this.__createBinding||(Object.create?function(t,e,a,n){void 0===n&&(n=a),Object.defineProperty(t,n,{enumerable:!0,get:function(){return e[a]}})}:function(t,e,a,n){void 0===n&&(n=a),t[n]=e[a]}),e=this&&this.__setModuleDefault||(Object.create?function(t,e){Object.defineProperty(t,"default",{enumerable:!0,value:e})}:function(t,e){t.default=e}),a=this&&this.__importStar||function(a){if(a&&a.__esModule)return a;var n={};if(null!=a)for(var r in a)"default"!==r&&Object.prototype.hasOwnProperty.call(a,r)&&t(n,a,r);return e(n,a),n},n=this&&this.__rest||function(t,e){var a={};for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&e.indexOf(n)<0&&(a[n]=t[n]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(n=Object.getOwnPropertySymbols(t);r<n.length;r++)e.indexOf(n[r])<0&&Object.prototype.propertyIsEnumerable.call(t,n[r])&&(a[n[r]]=t[n[r]])}return a};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CreatureSymbol=exports.CreatureContext=void 0;const r=a(require("react")),o=require("./attach"),s=require("./bounding-box"),l=require("./point"),c=require("./svg-symbol"),i=require("./svg-transform"),u=.5;function d(t,e){let a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0;const{specs:n}=t;if(!n)throw new f("Symbol ".concat(t.name," has no specs."));const r=n[e];if(!(r&&r.length>a))throw new f("Expected symbol ".concat(t.name," to have at least ").concat(a+1," ").concat(e," attachment point(s)."));return r[a]}class f extends Error{}function m(t,e){let a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0;try{return d(t,e,a)}catch(n){if(!(n instanceof f))throw n;console.log(n.message)}return null}function g(t,e){const a=s.getBoundingBoxCenter(t),n=s.getBoundingBoxCenter(e),r=l.subtractPoints(a,n),o=s.uniformlyScaleToFit(t,e);return{translation:r,transformOrigin:n,scaling:{x:o,y:o}}}exports.CreatureContext=r.default.createContext(Object.assign(Object.assign({},c.createSvgSymbolContext()),{attachmentScale:.5,parent:null}));const p=t=>r.default.createElement(i.SvgTransforms,{transforms:[i.svgTranslate(t.translate),i.svgTransformOrigin(t.transformOrigin,[i.svgScale(t.scale),i.svgRotate(t.rotate)])]},t.children),h=t=>{var{indices:e,parent:a,attachTo:s,data:c}=t,i=n(t,["indices","parent","attachTo","data"]);const u=r.useContext(exports.CreatureContext),d=[];for(let n of e){const t=m(a,s,n),e=m(c,"anchor");if(!t||!e)continue;let f=t.normal.x<0?-1:1;t.normal.y>0&&(f*=-1);const g=o.getAttachmentTransforms(t,{point:e.point,normal:l.scalePointXY(e.normal,f,1)});d.push(r.default.createElement(p,{key:n,transformOrigin:e.point,translate:g.translation,scale:{x:u.attachmentScale*f,y:u.attachmentScale},rotate:f*g.rotation},r.default.createElement("g",{"data-attach-parent":a.name,"data-attach-type":s,"data-attach-index":n},r.default.createElement(exports.CreatureSymbol,Object.assign({data:c},i)))))}return r.default.createElement(r.default.Fragment,null,d)},b=t=>{var e,a,{indices:o,parent:s,data:l}=t,c=n(t,["indices","parent","data"]);const i=[];for(let n of o){const t=(null!==(a=null===(e=s.specs)||void 0===e?void 0:e.nesting)&&void 0!==a?a:[])[n];if(!t){console.log("Parent symbol ".concat(s.name," has no nesting index ").concat(n,"."));continue}const o=g(t,l.bbox);i.push(r.default.createElement(p,{key:n,transformOrigin:o.transformOrigin,translate:o.translation,scale:o.scaling,rotate:0},r.default.createElement("g",{"data-attach-parent":s.name,"data-attach-type":"nesting","data-attach-index":n},r.default.createElement(exports.CreatureSymbol,Object.assign({data:l},c)))))}return r.default.createElement(r.default.Fragment,null,i)},x=t=>{let e=r.useContext(exports.CreatureContext);const{data:a,attachments:n,nests:o}=t,s=Object.assign(Object.assign({},e),{parent:a});t.invertColors&&(e=c.swapColors(e));const l=Object.assign(Object.assign({},e),{parent:a});return r.default.createElement(r.default.Fragment,null,n.length&&r.default.createElement(exports.CreatureContext.Provider,{value:s},n.map((t,e)=>r.default.createElement(h,Object.assign({key:e},t,{parent:a})))),r.default.createElement(c.SvgSymbolContent,Object.assign({data:a},e)),o.length&&r.default.createElement(exports.CreatureContext.Provider,{value:l},o.map((t,e)=>r.default.createElement(b,Object.assign({key:e},t,{parent:a})))))};exports.CreatureSymbol=x;
 },{"react":"HdMw","./attach":"w4OL","./bounding-box":"nblm","./point":"Iio0","./svg-symbol":"ObB7","./svg-transform":"kvMx"}],"Wo33":[function(require,module,exports) {
 "use strict";var e=this&&this.__createBinding||(Object.create?function(e,t,r,n){void 0===n&&(n=r),Object.defineProperty(e,n,{enumerable:!0,get:function(){return t[r]}})}:function(e,t,r,n){void 0===n&&(n=r),e[n]=t[r]}),t=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(r){if(r&&r.__esModule)return r;var n={};if(null!=r)for(var a in r)"default"!==a&&Object.prototype.hasOwnProperty.call(r,a)&&e(n,r,a);return t(n,r),n};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CreaturePage=void 0;const n=r(require("react")),a=require("../svg-vocabulary"),l=require("../svg-symbol"),o=require("../specs"),u=require("../random"),i=require("../symbol-context-widget"),c=require("../util"),s=require("../auto-sizing-svg"),d=require("../export-svg"),m=require("../creature-symbol"),f=require("../hover-debug-helper"),v=require("../svg-transform"),g=require("../color-widget"),b=require("../numeric-slider"),h=require("../colors"),p=a.SvgVocabulary.filter(e=>{var t;return!0!==(null===(t=e.meta)||void 0===t?void 0:t.always_be_nested)}),y=(()=>{const e={};for(let t of o.ATTACHMENT_POINT_TYPES)e[t]=a.SvgVocabulary.filter(e=>{const{meta:r}=e;return!r||!0!==r.always_be_nested&&(!r.attach_to||r.attach_to.includes(t))});return e})(),C=a.SvgVocabulary.filter(e=>{var t,r;return!0!==(null===(t=e.meta)||void 0===t?void 0:t.always_nest)&&!0!==(null===(r=e.meta)||void 0===r?void 0:r.never_be_nested)});function _(e,t,r){var n;const{meta:a,specs:l}=e;if(((null==a?void 0:a.always_nest)||r)&&(null==l?void 0:l.nesting)){const e=c.range(l.nesting.length);return[{data:t.choice(C),attachments:[],nests:[],indices:e,invertColors:null!==(n=null==a?void 0:a.invert_nested)&&void 0!==n&&n}]}return[]}function E(e,t){let{rng:r,randomlyInvert:n}=t;var a,l;const u=r.choice(p),i=r.clone(),s=()=>!!n&&i.bool(),d={data:u,attachments:[],nests:_(u,r,!0),invertColors:s()};if(u.specs){const t=r.uniqueChoices(Array.from(o.iterAttachmentPoints(u.specs)).filter(e=>"anchor"!==e.type).map(e=>e.type),e);for(let e of t){const t=r.choice(y[e]),n=c.range(null!==(l=null===(a=u.specs[e])||void 0===a?void 0:a.length)&&void 0!==l?l:0);d.attachments.push({data:t,attachTo:e,indices:n,attachments:[],nests:_(t,r),invertColors:s()})}}return d}const S=[...c.range(5).map(e=>E.bind(null,e))],q=S.length-1,x=2;function O(e){let t="mystic-symbolic-creature";return null!==e&&(t+="-".concat(e)),"".concat(t,".svg")}const w=()=>{const e=n.useRef(null),[t,r]=n.useState(h.DEFAULT_BG_COLOR),[a,o]=n.useState(Date.now()),[c,p]=n.useState(!0),[y,C]=n.useState(l.createSvgSymbolContext()),[_,E]=n.useState(2),x=n.useContext(m.CreatureContext),w=()=>o(Date.now()),j=Object.assign(Object.assign(Object.assign({},x),y),{fill:y.showSpecs?"none":y.fill}),P=S[_]({rng:new u.Random(a),randomlyInvert:c});return n.default.createElement(n.default.Fragment,null,n.default.createElement("h1",null,"Creature!"),n.default.createElement(i.SymbolContextWidget,{ctx:y,onChange:C},n.default.createElement(g.ColorWidget,{label:"Background",id:"bgColor",value:t,onChange:r})," "),n.default.createElement("p",null,n.default.createElement(b.NumericSlider,{id:"complexity",label:"Random creature complexity",min:0,max:q,step:1,value:_,onChange:e=>{E(e),w()}})),n.default.createElement("p",null,n.default.createElement("label",null,n.default.createElement("input",{type:"checkbox",checked:c,onChange:e=>p(e.target.checked)}),"Randomly invert symbols")),n.default.createElement("p",null,n.default.createElement("button",{accessKey:"r",onClick:w},n.default.createElement("u",null,"R"),"andomize!")," ",n.default.createElement("button",{onClick:()=>window.location.reload()},"Reset")," ",n.default.createElement(d.ExportSvgButton,{filename:O(a),svgRef:e})),n.default.createElement(m.CreatureContext.Provider,{value:j},n.default.createElement(f.HoverDebugHelper,null,n.default.createElement(s.AutoSizingSvg,{padding:20,ref:e,bgColor:t},n.default.createElement(v.SvgTransforms,{transforms:[v.svgScale(.5)]},n.default.createElement(m.CreatureSymbol,Object.assign({},P)))))))};exports.CreaturePage=w;
-},{"react":"HdMw","../svg-vocabulary":"iXyu","../svg-symbol":"ObB7","../specs":"Hr81","../random":"M5sl","../symbol-context-widget":"ZUAZ","../util":"sxvS","../auto-sizing-svg":"kXMH","../export-svg":"m3x1","../creature-symbol":"MOuJ","../hover-debug-helper":"OjlT","../svg-transform":"kvMx","../color-widget":"ct9k","../numeric-slider":"EQND","../colors":"jKHh"}],"JWz6":[function(require,module,exports) {
-"use strict";var e=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r),Object.defineProperty(e,a,{enumerable:!0,get:function(){return t[r]}})}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),t=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(r){if(r&&r.__esModule)return r;var a={};if(null!=r)for(var l in r)"default"!==l&&Object.prototype.hasOwnProperty.call(r,l)&&e(a,r,l);return t(a,r),a};Object.defineProperty(exports,"__esModule",{value:!0}),exports.MandalaPage=void 0;const a=r(require("react")),l=require("../auto-sizing-svg"),n=require("../bounding-box"),u=require("../color-widget"),o=require("../colors"),i=require("../export-svg"),s=require("../hover-debug-helper"),d=require("../numeric-slider"),m=require("../point"),c=require("../svg-symbol"),g=require("../svg-transform"),f=require("../svg-vocabulary"),v=require("../symbol-context-widget"),b=require("../util"),S=f.getSvgSymbol("eye"),p=e=>{const t=n.getBoundingBoxCenter(e.data.bbox),r=360/e.numSymbols,l=a.default.createElement(g.SvgTransforms,{transforms:[g.svgTranslate({x:e.radius,y:0}),g.svgTranslate(m.reversePoint(t))]},a.default.createElement(c.SvgSymbolContent,Object.assign({},e))),u=b.range(e.numSymbols).map(e=>a.default.createElement(g.SvgTransforms,{key:e,transforms:[g.svgRotate(r*e)],children:l}));return a.default.createElement(a.default.Fragment,null,u)},y=()=>{const e=a.useRef(null),[t,r]=a.useState(o.DEFAULT_BG_COLOR),[n,m]=a.useState(c.createSvgSymbolContext()),[f,b]=a.useState(400),[y,E]=a.useState(6);return a.default.createElement(a.default.Fragment,null,a.default.createElement("h1",null,"Mandala!"),a.default.createElement(v.SymbolContextWidget,{ctx:n,onChange:m},a.default.createElement(u.ColorWidget,{label:"Background",id:"bgColor",value:t,onChange:r})," "),a.default.createElement("p",null,a.default.createElement(d.NumericSlider,{id:"radius",label:"Radius",value:f,onChange:b,min:0,max:1e3,step:1}),a.default.createElement(d.NumericSlider,{id:"symbols",label:"Numer of symbols",value:y,onChange:E,min:1,max:30,step:1})),a.default.createElement("p",null,a.default.createElement(i.ExportSvgButton,{filename:"mandala.svg",svgRef:e})),a.default.createElement(s.HoverDebugHelper,null,a.default.createElement(l.AutoSizingSvg,{padding:20,ref:e,bgColor:t},a.default.createElement(g.SvgTransforms,{transforms:[g.svgScale(.5)]},a.default.createElement(p,Object.assign({data:S,radius:f,numSymbols:y},n))))))};exports.MandalaPage=y;
-},{"react":"HdMw","../auto-sizing-svg":"kXMH","../bounding-box":"nblm","../color-widget":"ct9k","../colors":"jKHh","../export-svg":"m3x1","../hover-debug-helper":"OjlT","../numeric-slider":"EQND","../point":"Iio0","../svg-symbol":"ObB7","../svg-transform":"kvMx","../svg-vocabulary":"iXyu","../symbol-context-widget":"ZUAZ","../util":"sxvS"}],"qgwk":[function(require,module,exports) {
+},{"react":"HdMw","../svg-vocabulary":"iXyu","../svg-symbol":"ObB7","../specs":"Hr81","../random":"M5sl","../symbol-context-widget":"ZUAZ","../util":"sxvS","../auto-sizing-svg":"kXMH","../export-svg":"m3x1","../creature-symbol":"MOuJ","../hover-debug-helper":"OjlT","../svg-transform":"kvMx","../color-widget":"ct9k","../numeric-slider":"EQND","../colors":"jKHh"}],"r2h2":[function(require,module,exports) {
+"use strict";var e=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n),Object.defineProperty(e,r,{enumerable:!0,get:function(){return t[n]}})}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),t=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),n=this&&this.__importStar||function(n){if(n&&n.__esModule)return n;var r={};if(null!=n)for(var a in n)"default"!==a&&Object.prototype.hasOwnProperty.call(n,a)&&e(r,n,a);return t(r,n),r};Object.defineProperty(exports,"__esModule",{value:!0}),exports.SvgSymbolWidget=void 0;const r=n(require("react")),a=require("./util"),l=e=>{let{id:t,label:n,value:l,onChange:o,choices:u}=e;t=t||a.slugify(n);const i=r.useMemo(()=>new Map(u.map(e=>[e.name,e])),[u]);return r.default.createElement(r.default.Fragment,null,r.default.createElement("label",{htmlFor:t},n,": "),r.default.createElement("select",{id:t,onChange:e=>(e=>{const t=i.get(e);if(!t)throw new Error('Unable to find "'.concat(e,'"'));o(t)})(e.target.value),value:l.name},u.map(e=>r.default.createElement("option",{key:e.name,value:e.name},e.name))))};exports.SvgSymbolWidget=l;
+},{"react":"HdMw","./util":"sxvS"}],"JWz6":[function(require,module,exports) {
+"use strict";var e=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r),Object.defineProperty(e,a,{enumerable:!0,get:function(){return t[r]}})}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),t=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(r){if(r&&r.__esModule)return r;var a={};if(null!=r)for(var l in r)"default"!==l&&Object.prototype.hasOwnProperty.call(r,l)&&e(a,r,l);return t(a,r),a};Object.defineProperty(exports,"__esModule",{value:!0}),exports.MandalaPage=void 0;const a=r(require("react")),l=require("../auto-sizing-svg"),n=require("../bounding-box"),u=require("../color-widget"),o=require("../colors"),i=require("../export-svg"),s=require("../hover-debug-helper"),d=require("../numeric-slider"),m=require("../point"),c=require("../svg-symbol"),g=require("../svg-symbol-widget"),f=require("../svg-transform"),b=require("../svg-vocabulary"),v=require("../symbol-context-widget"),S=require("../util"),y=b.getSvgSymbol("eye"),p=e=>{const t=n.getBoundingBoxCenter(e.data.bbox),r=360/e.numSymbols,l=a.default.createElement(f.SvgTransforms,{transforms:[f.svgTranslate({x:e.radius,y:0}),f.svgTranslate(m.reversePoint(t))]},a.default.createElement(c.SvgSymbolContent,Object.assign({},e))),u=S.range(e.numSymbols).map(e=>a.default.createElement(f.SvgTransforms,{key:e,transforms:[f.svgRotate(r*e)],children:l}));return a.default.createElement(a.default.Fragment,null,u)},E=()=>{const e=a.useRef(null),[t,r]=a.useState(o.DEFAULT_BG_COLOR),[n,m]=a.useState(y),[S,E]=a.useState(c.createSvgSymbolContext()),[h,q]=a.useState(400),[x,C]=a.useState(6);return a.default.createElement(a.default.Fragment,null,a.default.createElement("h1",null,"Mandala!"),a.default.createElement(v.SymbolContextWidget,{ctx:S,onChange:E},a.default.createElement(u.ColorWidget,{label:"Background",id:"bgColor",value:t,onChange:r})," "),a.default.createElement("p",null,a.default.createElement(g.SvgSymbolWidget,{label:"Symbol",value:n,onChange:m,choices:b.SvgVocabulary}),a.default.createElement(d.NumericSlider,{id:"radius",label:"Radius",value:h,onChange:q,min:0,max:1e3,step:1}),a.default.createElement(d.NumericSlider,{id:"symbols",label:"Numer of symbols",value:x,onChange:C,min:1,max:30,step:1})),a.default.createElement("p",null,a.default.createElement(i.ExportSvgButton,{filename:"mandala.svg",svgRef:e})),a.default.createElement(s.HoverDebugHelper,null,a.default.createElement(l.AutoSizingSvg,{padding:20,ref:e,bgColor:t},a.default.createElement(f.SvgTransforms,{transforms:[f.svgScale(.5)]},a.default.createElement(p,Object.assign({data:n,radius:h,numSymbols:x},S))))))};exports.MandalaPage=E;
+},{"react":"HdMw","../auto-sizing-svg":"kXMH","../bounding-box":"nblm","../color-widget":"ct9k","../colors":"jKHh","../export-svg":"m3x1","../hover-debug-helper":"OjlT","../numeric-slider":"EQND","../point":"Iio0","../svg-symbol":"ObB7","../svg-symbol-widget":"r2h2","../svg-transform":"kvMx","../svg-vocabulary":"iXyu","../symbol-context-widget":"ZUAZ","../util":"sxvS"}],"qgwk":[function(require,module,exports) {
 "use strict";var t=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.createCreatureSymbolFactory=void 0;const e=t(require("react")),r=require("./creature-symbol");function n(t){const e=[];return t.left&&e.push(0),t.right&&e.push(1),0===e.length&&e.push(0),e}function o(t){const r={attachments:[],nests:[]};return t?(e.default.Children.forEach(t,t=>{t.props.nestInside?r.nests.push(t):r.attachments.push(t)}),r):r}function s(t){return function(n){const o=t(n),s=t=>{const n=i(o,t);return e.default.createElement(r.CreatureSymbol,Object.assign({},n))};return s.creatureSymbolData=o,s}}function a(t){return!!t.creatureSymbolData}function c(t){const e=p(t),r=t.props,o=r.indices||n(r);return Object.assign(Object.assign({},e),{indices:o})}function u(t){const e=c(t),r=t.props,{attachTo:n}=r;if(!n)throw new Error("Expected attachment to have `attachTo` prop!");return Object.assign(Object.assign({},e),{attachTo:n})}function i(t,e){var r;const{attachments:n,nests:s}=o(e.children);return{data:t,attachments:n.map(u),nests:s.map(c),invertColors:null!==(r=e.invert)&&void 0!==r&&r}}function p(t){if(a(t.type))return i(t.type.creatureSymbolData,t.props);throw new Error("Found unknown component type!")}exports.createCreatureSymbolFactory=s;
 },{"react":"HdMw","./creature-symbol":"MOuJ"}],"abWC":[function(require,module,exports) {
 "use strict";var e=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r),Object.defineProperty(e,a,{enumerable:!0,get:function(){return t[r]}})}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),t=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(r){if(r&&r.__esModule)return r;var a={};if(null!=r)for(var l in r)"default"!==l&&Object.prototype.hasOwnProperty.call(r,l)&&e(a,r,l);return t(a,r),a};Object.defineProperty(exports,"__esModule",{value:!0}),exports.DebugPage=void 0;const a=r(require("react")),l=require("../auto-sizing-svg"),n=require("../creature-symbol"),u=require("../creature-symbol-factory"),o=require("../hover-debug-helper"),c=require("../svg-symbol"),i=require("../svg-transform"),f=require("../svg-vocabulary"),s=require("../symbol-context-widget"),m=u.createCreatureSymbolFactory(f.getSvgSymbol),d=m("eye"),g=m("hand"),h=m("arm"),b=m("antler"),v=m("crown"),E=m("wing"),y=m("muscle_arm"),p=m("leg"),S=m("tail"),T=m("lightning"),_=a.default.createElement(d,null,a.default.createElement(T,{nestInside:!0}),a.default.createElement(h,{attachTo:"arm",left:!0},a.default.createElement(E,{attachTo:"arm",left:!0,right:!0})),a.default.createElement(h,{attachTo:"arm",right:!0},a.default.createElement(y,{attachTo:"arm",left:!0,right:!0})),a.default.createElement(b,{attachTo:"horn",left:!0,right:!0}),a.default.createElement(v,{attachTo:"crown"},a.default.createElement(g,{attachTo:"horn",left:!0,right:!0},a.default.createElement(h,{attachTo:"arm",left:!0}))),a.default.createElement(p,{attachTo:"leg",left:!0,right:!0}),a.default.createElement(S,{attachTo:"tail",invert:!0})),x=()=>{const[e,t]=a.useState(c.createSvgSymbolContext()),r=a.useContext(n.CreatureContext),u=Object.assign(Object.assign(Object.assign({},r),e),{fill:e.showSpecs?"none":e.fill});return a.default.createElement(a.default.Fragment,null,a.default.createElement("h1",null,"Debug!"),a.default.createElement(s.SymbolContextWidget,{ctx:e,onChange:t}),a.default.createElement(n.CreatureContext.Provider,{value:u},a.default.createElement(o.HoverDebugHelper,null,a.default.createElement(l.AutoSizingSvg,{padding:20},a.default.createElement(i.SvgTransforms,{transforms:[i.svgScale(.5)]},_)))))};exports.DebugPage=x;
 },{"react":"HdMw","../auto-sizing-svg":"kXMH","../creature-symbol":"MOuJ","../creature-symbol-factory":"qgwk","../hover-debug-helper":"OjlT","../svg-symbol":"ObB7","../svg-transform":"kvMx","../svg-vocabulary":"iXyu","../symbol-context-widget":"ZUAZ"}],"qWv7":[function(require,module,exports) {
 "use strict";var e=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0});const a=e(require("react")),t=e(require("react-dom")),r=require("./pages/waves-page"),l=require("./pages/vocabulary-page"),u=require("./pages/creature-page"),n=require("./pages/mandala-page"),c=require("./pages/debug-page"),o={vocabulary:l.VocabularyPage,creature:u.CreaturePage,waves:r.WavesPage,mandala:n.MandalaPage,debug:c.DebugPage},s=Object.keys(o),d="app",i=document.getElementById("app");if(!i)throw new Error("Unable to find #".concat("app","!"));const p=e=>{const t=f(new URLSearchParams(window.location.search).get("p")||"","vocabulary"),r=o[t];return a.default.createElement(a.default.Fragment,null,a.default.createElement("main",null,a.default.createElement(r,null)),a.default.createElement("footer",null,a.default.createElement("p",null,"Other pages"),a.default.createElement("ul",null,s.map(e=>a.default.createElement("li",{key:e},t===e?e:a.default.createElement("a",{href:"?p=".concat(encodeURIComponent(e))},e)))),a.default.createElement("p",null,"For more details about this project, see its"," ",a.default.createElement("a",{href:"https://github.com/toolness/mystic-symbolic",target:"_blank"},"GitHub repository"),".")))};function m(e){return s.includes(e)}function f(e,a){return m(e)?e:a}t.default.render(a.default.createElement(p,null),i);
 },{"react":"HdMw","react-dom":"X9zx","./pages/waves-page":"R99w","./pages/vocabulary-page":"PhPL","./pages/creature-page":"Wo33","./pages/mandala-page":"JWz6","./pages/debug-page":"abWC"}]},{},["qWv7"], null)
-//# sourceMappingURL=browser-main.36a0a058.js.map
+//# sourceMappingURL=browser-main.6107ce49.js.map

index.html

@@ -1 +1 @@
-<!DOCTYPE html><meta charset="utf-8"><title>Mystic Symbolic</title><style>body,html{font-family:Calibri,Arial,Helvetica Neue,sans-serif}.checkerboard-bg{background:#eee url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="400" height="400" fill-opacity=".1"><path d="M200 0h200v200H200zM0 200h200v200H0z"/></svg>');background-size:20px 20px}.hover-debug-helper{font-family:Consolas,Monaco,monospace;color:#fff;background:rgba(0,0,0,.75);padding:4px;margin-top:4px;margin-left:4px}</style><noscript> <p>Alas, you need JavaScript to peruse this page.</p> </noscript><div id="app"></div><script src="browser-main.36a0a058.js"></script>
+<!DOCTYPE html><meta charset="utf-8"><title>Mystic Symbolic</title><style>body,html{font-family:Calibri,Arial,Helvetica Neue,sans-serif}select{padding:8px}.checkerboard-bg{background:#eee url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="400" height="400" fill-opacity=".1"><path d="M200 0h200v200H200zM0 200h200v200H0z"/></svg>');background-size:20px 20px}.hover-debug-helper{font-family:Consolas,Monaco,monospace;color:#fff;background:rgba(0,0,0,.75);padding:4px;margin-top:4px;margin-left:4px}</style><noscript> <p>Alas, you need JavaScript to peruse this page.</p> </noscript><div id="app"></div><script src="browser-main.6107ce49.js"></script>