@blokkli/editor 2.0.0-alpha.13 → 2.0.0-alpha.14

package/dist/runtime/components/Edit/Form/RadioTabs/index.vue

@@ -0,0 +1,37 @@
+<template>
+  <div>
+    <div class="bk-form-label">
+      {{ label }}<span v-if="required" class="bk-required-indicator">*</span>
+    </div>
+    <div
+      class="bk-radio-tabs"
+      :class="scheme ? 'bk-scheme-' + scheme : void 0"
+    >
+      <label v-for="option in options" :key="option.value">
+        <input
+          v-model="value"
+          type="radio"
+          :value="option.value"
+          :required
+          :name="id"
+          :disabled
+        />
+        <span>{{ option.label }}</span>
+      </label>
+    </div>
+    <div v-if="description" class="bk-form-description">{{ description }}</div>
+  </div>
+</template>
+
+<script setup>
+defineProps({
+  id: { type: String, required: true },
+  label: { type: String, required: true },
+  options: { type: Array, required: true },
+  required: { type: Boolean, required: false },
+  disabled: { type: Boolean, required: false },
+  description: { type: String, required: false },
+  scheme: { type: String, required: false }
+});
+const value = defineModel({ type: String });
+</script>

package/dist/runtime/components/Edit/Form/RadioTabs/index.vue.d.ts

@@ -0,0 +1,22 @@
+import type { ThemeColorName } from '#blokkli/types/theme';
+type __VLS_Props = {
+    id: string;
+    label: string;
+    options: {
+        value: string;
+        label: string;
+    }[];
+    required?: boolean;
+    disabled?: boolean;
+    description?: string;
+    scheme?: ThemeColorName;
+};
+type __VLS_PublicProps = __VLS_Props & {
+    modelValue?: string;
+};
+declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/runtime/components/Edit/Form/Select/index.vue

@@ -0,0 +1,29 @@
+<template>
+  <div>
+    <label class="bk-form-label" :for="id">
+      {{ label }}<span v-if="required" class="bk-required-indicator">*</span>
+    </label>
+    <select :id v-model="value" class="bk-form-input" :required :disabled>
+      <option
+        v-for="option in options"
+        :key="option.value"
+        :value="option.value"
+      >
+        {{ option.label }}
+      </option>
+    </select>
+    <div v-if="description" class="bk-form-description">{{ description }}</div>
+  </div>
+</template>
+
+<script setup>
+defineProps({
+  id: { type: String, required: true },
+  label: { type: String, required: true },
+  options: { type: Array, required: true },
+  required: { type: Boolean, required: false },
+  disabled: { type: Boolean, required: false },
+  description: { type: String, required: false }
+});
+const value = defineModel({ type: String });
+</script>

package/dist/runtime/components/Edit/Form/Select/index.vue.d.ts

@@ -0,0 +1,20 @@
+type __VLS_Props = {
+    id: string;
+    label: string;
+    options: {
+        value: string;
+        label: string;
+    }[];
+    required?: boolean;
+    disabled?: boolean;
+    description?: string;
+};
+type __VLS_PublicProps = __VLS_Props & {
+    modelValue?: string;
+};
+declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/runtime/components/Edit/Form/Text/index.vue

@@ -0,0 +1,33 @@
+<template>
+  <div>
+    <label class="bk-form-label" :for="id">
+      {{ label }}<span v-if="required" class="bk-required-indicator">*</span>
+    </label>
+    <input
+      :id
+      v-model.lazy="value"
+      type="text"
+      class="bk-form-input"
+      :placeholder
+      :required
+      :disabled
+      :minlength
+      :maxlength
+    />
+    <div v-if="description" class="bk-form-description">{{ description }}</div>
+  </div>
+</template>
+
+<script setup>
+defineProps({
+  id: { type: String, required: true },
+  label: { type: String, required: true },
+  description: { type: String, required: false },
+  placeholder: { type: String, required: false },
+  required: { type: Boolean, required: false },
+  disabled: { type: Boolean, required: false },
+  minlength: { type: [String, Number], required: false },
+  maxlength: { type: [String, Number], required: false }
+});
+const value = defineModel({ type: String });
+</script>

package/dist/runtime/components/Edit/Form/Text/index.vue.d.ts

@@ -0,0 +1,19 @@
+type __VLS_Props = {
+    id: string;
+    label: string;
+    description?: string;
+    placeholder?: string;
+    required?: boolean;
+    disabled?: boolean;
+    minlength?: string | number;
+    maxlength?: string | number;
+};
+type __VLS_PublicProps = __VLS_Props & {
+    modelValue?: string;
+};
+declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/runtime/components/Edit/Form/Textarea/index.vue

@@ -1,15 +1,18 @@
 <template>
   <div>
-    <label class="bk-form-label">
-      {{ label }}
+    <label class="bk-form-label" :for="id">
+      {{ label }}<span v-if="required" class="bk-required-indicator">*</span>
     </label>
     <textarea
-      v-model="value"
+      :id
+      v-model.lazy="value"
       class="bk-form-input"
-      :placeholder="placeholder"
+      :placeholder
       :required
       :disabled
-      rows="5"
+      :rows="rows ?? 5"
+      :minlength
+      :maxlength
     />
     <div v-if="description" class="bk-form-description">{{ description }}</div>
   </div>
@@ -17,11 +20,15 @@
 
 <script setup>
 defineProps({
+  id: { type: String, required: true },
   label: { type: String, required: true },
   description: { type: String, required: false },
   placeholder: { type: String, required: false },
   required: { type: Boolean, required: false },
-  disabled: { type: Boolean, required: false }
+  disabled: { type: Boolean, required: false },
+  minlength: { type: [String, Number], required: false },
+  maxlength: { type: [String, Number], required: false },
+  rows: { type: [String, Number], required: false }
 });
 const value = defineModel({ type: String });
 </script>

package/dist/runtime/components/Edit/Form/Textarea/index.vue.d.ts

@@ -1,9 +1,13 @@
 type __VLS_Props = {
+    id: string;
     label: string;
     description?: string;
     placeholder?: string;
     required?: boolean;
     disabled?: boolean;
+    minlength?: string | number;
+    maxlength?: string | number;
+    rows?: string | number;
 };
 type __VLS_PublicProps = __VLS_Props & {
     modelValue?: string;

package/dist/runtime/components/Edit/FormOverlay/index.vue

@@ -1,6 +1,6 @@
 <template>
   <div
-    class="bk-form-overlay"
+    class="bk-form-overlay bk-vars"
     @click.stop
     @mousedown.stop
     @keyup.stop

package/dist/runtime/components/Edit/Indicators/index.vue

@@ -0,0 +1,123 @@
+<template>
+  <Teleport to="body">
+    <div id="bk-indicators" class="bk bk-indicators" :style>
+      <div id="bk-indicators-left" />
+      <div id="bk-indicators-right" />
+      <div class="bk-indicators-hovered" :style="hoveredStyle" />
+      <div class="bk-indicators-highlighted" :style="highlightedStyle" />
+    </div>
+  </Teleport>
+</template>
+
+<script setup>
+import onBlokkliEvent from "#blokkli/helpers/composables/onBlokkliEvent";
+import { computed, useBlokkli, watch, ref } from "#imports";
+const { ui, dom, indicators, selection } = useBlokkli();
+const artboardElement = ui.artboardElement();
+const highlighted = ref(null);
+const hasIndicators = computed(
+  () => !!indicators.indicators.value.length || !!highlighted.value
+);
+const style = computed(() => {
+  const offset = ui.artboardOffset.value;
+  return {
+    width: ui.artboardSize.value.width + "px",
+    height: ui.artboardSize.value.height + "px",
+    transform: `translate(${offset.x}px, ${offset.y}px) scale(${ui.artboardScale.value})`
+  };
+});
+const hoveredStyle = computed(() => {
+  if (indicators.hovered.value && hasIndicators.value) {
+    const rect = dom.getBlockRect(indicators.hovered.value, true);
+    if (rect) {
+      return {
+        width: rect.width.toString() + "px",
+        height: rect.height.toString() + "px",
+        transform: `translate(${rect.x}px, ${rect.y}px)`
+      };
+    }
+  }
+  return {
+    visibility: "hidden"
+  };
+});
+const highlightedStyle = computed(() => {
+  if (highlighted.value) {
+    return {
+      width: highlighted.value.width.toString() + "px",
+      height: highlighted.value.height.toString() + "px",
+      transform: `translate(${highlighted.value.x}px, ${highlighted.value.y}px)`
+    };
+  }
+  return {
+    visibility: "hidden"
+  };
+});
+const HEIGHT = 30;
+function snapToAnchorGrid(y) {
+  return Math.ceil(y / HEIGHT) * HEIGHT;
+}
+const prevRects = /* @__PURE__ */ new Map();
+let lastFullUpdate = 0;
+onBlokkliEvent("animationFrame", function(ctx) {
+  if (!hasIndicators.value) {
+    return;
+  }
+  const items = indicators.indicators.value;
+  const taken = /* @__PURE__ */ new Set();
+  const forceRefresh = ctx.time - lastFullUpdate > 1e3;
+  for (let i = 0; i < items.length; i++) {
+    const item = items[i];
+    if (!item) {
+      continue;
+    }
+    const rect = dom.getBlockRect(item.uuid, forceRefresh);
+    if (!rect) {
+      prevRects.delete(item.uuid);
+      continue;
+    }
+    let y = snapToAnchorGrid(Math.round(rect.y));
+    while (taken.has(y)) {
+      y += HEIGHT;
+    }
+    taken.add(y);
+    const style2 = `translateY(${y}px)`;
+    if (prevRects.get(item.uuid) !== y) {
+      prevRects.set(item.uuid, y);
+      item.element.style.transform = style2;
+    }
+  }
+  if (forceRefresh) {
+    lastFullUpdate = ctx.time;
+  }
+});
+onBlokkliEvent("view-option:toggle", () => {
+  prevRects.clear();
+});
+onBlokkliEvent("state:reloaded", () => {
+  prevRects.clear();
+});
+onBlokkliEvent("scrollIntoView", (e) => {
+  if ("element" in e) {
+    if (artboardElement.contains(e.element)) {
+      highlighted.value = ui.getAbsoluteElementRect(e.element);
+    } else {
+      highlighted.value = {
+        x: 0,
+        y: 0,
+        width: ui.artboardSize.value.width,
+        height: ui.artboardSize.value.height
+      };
+    }
+  }
+});
+onBlokkliEvent("window:clickAway", function() {
+  highlighted.value = null;
+});
+watch(indicators.indicators, function() {
+  prevRects.clear();
+});
+watch(selection.uuids, function() {
+  highlighted.value = null;
+});
+</script>

package/dist/runtime/components/Edit/Indicators/index.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/runtime/components/Edit/ItemIcon/index.vue

@@ -1,6 +1,6 @@
 <template>
   <div v-if="markup" class="bk-blokkli-item-icon" v-html="markup" />
-  <div v-else-if="bundle === 'from_library'" class="bk-blokkli-item-icon">
+  <div v-else-if="bundle === BUNDLE_FROM_LIBRARY" class="bk-blokkli-item-icon">
     <Icon name="reusable" />
   </div>
   <div v-else class="bk-blokkli-item-icon">
@@ -11,6 +11,7 @@
 <script setup>
 import { computed, useBlokkli } from "#imports";
 import { Icon } from "#blokkli/components";
+import { BUNDLE_FROM_LIBRARY } from "#blokkli/constants";
 const props = defineProps({
   bundle: { type: String, required: false }
 });

package/dist/runtime/components/Edit/Konami/Game/PixelGrid.vue

@@ -0,0 +1,66 @@
+<template>
+  <canvas
+    ref="canvasPixelGrid"
+    :width="canvasPixelGridWidth"
+    :height="canvasPixelGridHeight"
+    class="bk-is-pixel-grid"
+  />
+</template>
+
+<script setup>
+import onBlokkliEvent from "#blokkli/helpers/composables/onBlokkliEvent";
+import { computed, useTemplateRef, watch } from "#imports";
+const props = defineProps({
+  canvasScale: { type: Number, required: true },
+  canvasWidth: { type: Number, required: true },
+  canvasHeight: { type: Number, required: true }
+});
+const canvasPixelGrid = useTemplateRef("canvasPixelGrid");
+const canvasPixelGridWidth = computed(() => {
+  return props.canvasWidth * props.canvasScale * window.devicePixelRatio;
+});
+const canvasPixelGridHeight = computed(() => {
+  return props.canvasHeight * props.canvasScale * window.devicePixelRatio;
+});
+let needsUpdate = true;
+const key = computed(() => {
+  return [
+    props.canvasScale,
+    props.canvasWidth,
+    props.canvasHeight,
+    canvasPixelGridHeight.value,
+    canvasPixelGridWidth.value
+  ].join("-");
+});
+watch(key, () => {
+  needsUpdate = true;
+});
+function drawPixelGrid() {
+  const canvas = canvasPixelGrid.value;
+  if (!canvas) return;
+  const ctx = canvas.getContext("2d");
+  if (!ctx) return;
+  const dpr = window.devicePixelRatio;
+  const scale = props.canvasScale * dpr;
+  const width = canvas.width;
+  const height = canvas.height;
+  const currentScale = props.canvasScale;
+  const lineWidth = currentScale >= 4 ? 1.25 : Math.max(1, Math.round(scale * 0.07));
+  ctx.clearRect(0, 0, width, height);
+  ctx.fillStyle = "#717b14";
+  for (let x = scale; x < width; x += scale) {
+    const xPos = Math.round(x) - lineWidth / 2;
+    ctx.fillRect(xPos, 0, lineWidth, height);
+  }
+  for (let y = scale; y < height; y += scale) {
+    const yPos = Math.round(y) - lineWidth / 2;
+    ctx.fillRect(0, yPos, width, lineWidth);
+  }
+}
+onBlokkliEvent("canvas:draw", () => {
+  if (needsUpdate) {
+    drawPixelGrid();
+    needsUpdate = false;
+  }
+});
+</script>

package/dist/runtime/components/Edit/Konami/Game/PixelGrid.vue.d.ts

@@ -0,0 +1,7 @@
+type __VLS_Props = {
+    canvasScale: number;
+    canvasWidth: number;
+    canvasHeight: number;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/runtime/components/Edit/Konami/Game/charmap.d.ts

@@ -0,0 +1,2 @@
+declare const _default: "!,2,11111111110011\n\",3,101101\n#,5,0101011111111110101011111111110101\n$,5,010100111111010111100111101011111100101\n%,6,110010110110000100001100001000011011010011\n&,6,011100110110011100111101110111110111011101\n',1,11\n(,3,001010110110110110010001\n),3,1000100110110110110101\n*,5,001001010111111011101111110101001\n+,5,0000000100001001111100100001\n,,2,000000000001111\n-,4,0000000000001111\n.,2,00000000001111\n/,3,0010010110101101001\n0,5,0111011011110111101111011110110111\n1,3,011111011011011011011\n2,5,11110000110001101110110001100011111\n3,5,1111000011000110111000011000111111\n4,5,00011001110101110011111110001100011\n5,5,1111010000111100001100011000111111\n6,5,0111011000111101101111011110110111\n7,5,111110001100110001100110001100011\n8,5,0111011011110110111011011110110111\n9,5,0111011011110111101101111000110111\n:,2,00001111001111\n;,2,000011110001111\n<,4,0001001101101100011000110001\n=,4,000000000000111100001111\n>,4,1000110001100011011011001\n?,5,111100001100110011000110000000011\n@,6,00000001111011001111111111011111111111000001111\nA,5,01110110111101111011111111101111011\nB,5,1111011011111101101111011110111111\nC,5,01111110001100011000110001100001111\nD,5,1111011011110111101111011110111111\nE,5,11111110001111011000110001100011111\nF,5,11111110001111011000110001100011\nG,5,01110110001100011011110111101101111\nH,5,11011110111111111011110111101111011\nI,2,11111111111111\nJ,4,001100110011001100110011111\nK,6,110011110110111100111000111100110110110011\nL,4,1100110011001100110011001111\nM,7,1000001110001111101111111111110101111000111100011\nN,6,100011110011111011111111110111110011110001\nO,6,01111011001111001111001111001111001101111\nP,5,11110110111101111011111101100011\nQ,6,011110110011110011110011110011110111011110000011\nR,5,11110110111101111011111101101011011\nS,4,011111001100011000110011111\nT,6,1111110011000011000011000011000011000011\nU,5,1101111011110111101111011110110111\nV,6,1100111100111100110111100111100011000011\nW,7,110001111000111101011111111101111100111110011011\nX,6,110011110011011110001100011110110011110011\nY,6,1100111100110111100011000011000011000011\nZ,5,11111000110011101110111001100011111\n[,3,111110110110110110110111\n\\,3,100100110010011001001\n],3,111011011011011011011111\n^,3,010111101\n_,6,000000000000000000000000000000000000111111\n`,2,1001\na,5,00000000000111000011011111101101111\nb,5,1100011000111101101111011110111111\nc,4,0000000001111100110011000111\nd,5,00011000110111111011110111101101111\ne,5,00000000000111011011111111100001111\nf,3,01111011111011011011\ng,5,000000000001111110111101101111000110111\nh,5,11000110001111011011110111101111011\ni,2,11001111111111\nj,3,01100001101101101101111\nk,5,11000110001101111110111001111011011\nl,2,11111111111111\nm,8,00000000000000001111111011011011110110111101101111011011\nn,5,00000000001111011011110111101111011\no,5,0000000000011101101111011110110111\np,5,0000000000111101101111011111101100011\nq,5,0000000000011111101111011011110001100011\nr,4,00000000110111111100110011\ns,4,000000000111110011110011111\nt,3,110110111110110110011\nu,5,00000000001101111011110111101101111\nv,5,000000000011011110110111001110001\nw,7,000000000000001100011110101111010110111110011011\nx,5,00000000001101111011011101101111011\ny,5,000000000011011110111101101111000110111\nz,5,00000000001111100110011001100011111\n{,3,111110110110110110110111\n|,2,1111111111111111\n},3,111011011011011011011111\n~,5,011011011\n\u00A0,1,0\n\u00A1,2,11001111111111\n\u00A3,5,00111011000110001100111100110011111\n\u00A4,5,00000100010111011011110110111010001\n\u00A5,6,1100110111101111110011001111110011000011\n\u00A6,2,1111111111111111\n\u00A7,4,0110110111101011110101111011011\n\u00BA,3,010101010000111\n\u00BF,5,00110000000011000110011001100001111\n\u00C0,5,01000001000111011011111111101111011\n\u00C1,5,00010001000111011011111111101111011\n\u00C2,5,00100010101111111011111111101111011\n\u00C3,5,01101101100111011011111111101111011\n\u00C4,5,01010000000111011011111111101111011\n\u00C5,5,00100010100111011011111111101111011\n\u00C6,7,0011111011110011011001111110110110011011001101111\n\u00C7,5,01111110001100011000110001100001111001\n\u00C8,5,01000001001111111000111101100011111\n\u00C9,5,00010001001111111000111101100011111\n\u00CA,5,00100010101111111000111101100011111\n\u00CB,5,01010000001111111000111101100011111\n\u00CC,2,10011111111111\n\u00CD,2,01101111111111\n\u00CE,3,01010111011011011011\n\u00CF,3,101000011011011011011\n\u00D1,5,01101101101001111011111111101111001\n\u00D2,6,00100000010001111011001111001111001101111\n\u00D3,6,00010000100001111011001111001111001101111\n\u00D4,6,00110001001011111111001111001111001101111\n\u00D5,6,00110101011001111011001111001111001101111\n\u00D6,6,01001000000001111011001111001111001101111\n\u00D8,6,01111111001111011111111111101111001111111\n\u00D9,5,0100000100110111101111011110110111\n\u00DA,5,0001000100110111101111011110110111\n\u00DB,5,0010001010110111101111011110110111\n\u00DC,5,0101000000110111101111011110110111\n\u00DD,6,0000100001001100110111100011000011000011\n\u00DF,5,0111011011111101101111011110111101011\n\u00E0,5,00100000100111000011011111101101111\n\u00E1,5,00010001000111000011011111101101111\n\u00E2,5,00100010101111100011011111101101111\n\u00E3,5,01101101100111000011011111101101111\n\u00E4,5,01010000000111000011011111101101111\n\u00E5,5,00100010100111100011011111101101111\n\u00E6,7,0000000000000001111100001101011111111011000111111\n\u00E7,4,0000000001111100110011000111001\n\u00E8,5,01000001000111011011111111100001111\n\u00E9,5,00010001000111011011111111100001111\n\u00EA,5,00100010101111111011111111100001111\n\u00EB,5,01010000000111011011111111100001111\n\u00EC,2,10011111111111\n\u00ED,2,01101111111111\n\u00EE,3,01010111011011011011\n\u00EF,3,101000011011011011011\n\u00F1,5,01101101101111011011110111101111011\n\u00F2,5,0100000100011101101111011110110111\n\u00F3,5,0001000100011101101111011110110111\n\u00F4,5,0010001010111111101111011110110111\n\u00F5,5,0110110110011101101111011110110111\n\u00F6,5,0101000000011101101111011110110111\n\u00F8,5,0000000000011111101111111110111111\n\u00F9,5,01000001001101111011110111101101111\n\u00FA,5,00010001001101111011110111101101111\n\u00FB,5,00100010101101111011110111101101111\n\u00FC,5,01010000001101111011110111101101111\n\u00FD,5,000100010011011110111101101111000110111\n\u00FF,5,010100000011011110111101101111000110111\n\u011E,5,10001011100111011000110111101101111\n\u011F,5,100010111001111110111101101111000110111\n\u0161,1,11111111\n\u0178,6,0100100000001100110111100011000011000011\n\u02C6,3,010111101\n',1,11\n\u20AC,6,00000000111001000111111011110001000100111";
+export default _default;

package/dist/runtime/components/Edit/Konami/Game/charmap.js

@@ -0,0 +1,168 @@
+export default `!,2,11111111110011
+",3,101101
+#,5,0101011111111110101011111111110101
+$,5,010100111111010111100111101011111100101
+%,6,110010110110000100001100001000011011010011
+&,6,011100110110011100111101110111110111011101
+',1,11
+(,3,001010110110110110010001
+),3,1000100110110110110101
+*,5,001001010111111011101111110101001
++,5,0000000100001001111100100001
+,,2,000000000001111
+-,4,0000000000001111
+.,2,00000000001111
+/,3,0010010110101101001
+0,5,0111011011110111101111011110110111
+1,3,011111011011011011011
+2,5,11110000110001101110110001100011111
+3,5,1111000011000110111000011000111111
+4,5,00011001110101110011111110001100011
+5,5,1111010000111100001100011000111111
+6,5,0111011000111101101111011110110111
+7,5,111110001100110001100110001100011
+8,5,0111011011110110111011011110110111
+9,5,0111011011110111101101111000110111
+:,2,00001111001111
+;,2,000011110001111
+<,4,0001001101101100011000110001
+=,4,000000000000111100001111
+>,4,1000110001100011011011001
+?,5,111100001100110011000110000000011
+@,6,00000001111011001111111111011111111111000001111
+A,5,01110110111101111011111111101111011
+B,5,1111011011111101101111011110111111
+C,5,01111110001100011000110001100001111
+D,5,1111011011110111101111011110111111
+E,5,11111110001111011000110001100011111
+F,5,11111110001111011000110001100011
+G,5,01110110001100011011110111101101111
+H,5,11011110111111111011110111101111011
+I,2,11111111111111
+J,4,001100110011001100110011111
+K,6,110011110110111100111000111100110110110011
+L,4,1100110011001100110011001111
+M,7,1000001110001111101111111111110101111000111100011
+N,6,100011110011111011111111110111110011110001
+O,6,01111011001111001111001111001111001101111
+P,5,11110110111101111011111101100011
+Q,6,011110110011110011110011110011110111011110000011
+R,5,11110110111101111011111101101011011
+S,4,011111001100011000110011111
+T,6,1111110011000011000011000011000011000011
+U,5,1101111011110111101111011110110111
+V,6,1100111100111100110111100111100011000011
+W,7,110001111000111101011111111101111100111110011011
+X,6,110011110011011110001100011110110011110011
+Y,6,1100111100110111100011000011000011000011
+Z,5,11111000110011101110111001100011111
+[,3,111110110110110110110111
+\\,3,100100110010011001001
+],3,111011011011011011011111
+^,3,010111101
+_,6,000000000000000000000000000000000000111111
+\`,2,1001
+a,5,00000000000111000011011111101101111
+b,5,1100011000111101101111011110111111
+c,4,0000000001111100110011000111
+d,5,00011000110111111011110111101101111
+e,5,00000000000111011011111111100001111
+f,3,01111011111011011011
+g,5,000000000001111110111101101111000110111
+h,5,11000110001111011011110111101111011
+i,2,11001111111111
+j,3,01100001101101101101111
+k,5,11000110001101111110111001111011011
+l,2,11111111111111
+m,8,00000000000000001111111011011011110110111101101111011011
+n,5,00000000001111011011110111101111011
+o,5,0000000000011101101111011110110111
+p,5,0000000000111101101111011111101100011
+q,5,0000000000011111101111011011110001100011
+r,4,00000000110111111100110011
+s,4,000000000111110011110011111
+t,3,110110111110110110011
+u,5,00000000001101111011110111101101111
+v,5,000000000011011110110111001110001
+w,7,000000000000001100011110101111010110111110011011
+x,5,00000000001101111011011101101111011
+y,5,000000000011011110111101101111000110111
+z,5,00000000001111100110011001100011111
+{,3,111110110110110110110111
+|,2,1111111111111111
+},3,111011011011011011011111
+~,5,011011011
+\xA0,1,0
+\xA1,2,11001111111111
+\xA3,5,00111011000110001100111100110011111
+\xA4,5,00000100010111011011110110111010001
+\xA5,6,1100110111101111110011001111110011000011
+\xA6,2,1111111111111111
+\xA7,4,0110110111101011110101111011011
+\xBA,3,010101010000111
+\xBF,5,00110000000011000110011001100001111
+\xC0,5,01000001000111011011111111101111011
+\xC1,5,00010001000111011011111111101111011
+\xC2,5,00100010101111111011111111101111011
+\xC3,5,01101101100111011011111111101111011
+\xC4,5,01010000000111011011111111101111011
+\xC5,5,00100010100111011011111111101111011
+\xC6,7,0011111011110011011001111110110110011011001101111
+\xC7,5,01111110001100011000110001100001111001
+\xC8,5,01000001001111111000111101100011111
+\xC9,5,00010001001111111000111101100011111
+\xCA,5,00100010101111111000111101100011111
+\xCB,5,01010000001111111000111101100011111
+\xCC,2,10011111111111
+\xCD,2,01101111111111
+\xCE,3,01010111011011011011
+\xCF,3,101000011011011011011
+\xD1,5,01101101101001111011111111101111001
+\xD2,6,00100000010001111011001111001111001101111
+\xD3,6,00010000100001111011001111001111001101111
+\xD4,6,00110001001011111111001111001111001101111
+\xD5,6,00110101011001111011001111001111001101111
+\xD6,6,01001000000001111011001111001111001101111
+\xD8,6,01111111001111011111111111101111001111111
+\xD9,5,0100000100110111101111011110110111
+\xDA,5,0001000100110111101111011110110111
+\xDB,5,0010001010110111101111011110110111
+\xDC,5,0101000000110111101111011110110111
+\xDD,6,0000100001001100110111100011000011000011
+\xDF,5,0111011011111101101111011110111101011
+\xE0,5,00100000100111000011011111101101111
+\xE1,5,00010001000111000011011111101101111
+\xE2,5,00100010101111100011011111101101111
+\xE3,5,01101101100111000011011111101101111
+\xE4,5,01010000000111000011011111101101111
+\xE5,5,00100010100111100011011111101101111
+\xE6,7,0000000000000001111100001101011111111011000111111
+\xE7,4,0000000001111100110011000111001
+\xE8,5,01000001000111011011111111100001111
+\xE9,5,00010001000111011011111111100001111
+\xEA,5,00100010101111111011111111100001111
+\xEB,5,01010000000111011011111111100001111
+\xEC,2,10011111111111
+\xED,2,01101111111111
+\xEE,3,01010111011011011011
+\xEF,3,101000011011011011011
+\xF1,5,01101101101111011011110111101111011
+\xF2,5,0100000100011101101111011110110111
+\xF3,5,0001000100011101101111011110110111
+\xF4,5,0010001010111111101111011110110111
+\xF5,5,0110110110011101101111011110110111
+\xF6,5,0101000000011101101111011110110111
+\xF8,5,0000000000011111101111111110111111
+\xF9,5,01000001001101111011110111101101111
+\xFA,5,00010001001101111011110111101101111
+\xFB,5,00100010101101111011110111101101111
+\xFC,5,01010000001101111011110111101101111
+\xFD,5,000100010011011110111101101111000110111
+\xFF,5,010100000011011110111101101111000110111
+\u011E,5,10001011100111011000110111101101111
+\u011F,5,100010111001111110111101101111000110111
+\u0161,1,11111111
+\u0178,6,0100100000001100110111100011000011000011
+\u02C6,3,010111101
+',1,11
+\u20AC,6,00000000111001000111111011110001000100111`;