goblin-gadgets 3.2.2 → 3.2.3

package/widgets/ticket/getPath.js

@@ -1,128 +1,128 @@
-import * as TicketHelpers from './ticket-helpers.js';
-import svg from '../helpers/svg-helpers';
-import {Unit} from 'goblin-theme';
-const n = Unit.toValue;
-
-// Draw _n_n_n_n_n_n_n_n_n_n_n_n_n_
-function horizontalDash(path, r, len, dx) {
-  const step = parseInt(dx / len);
-  const over = (dx - len * step) / 2;
-  svg.lr(path, over + r, 0);
-  let i = 0;
-  for (i = 0; i < step - 1; i++) {
-    svg.lr(path, len - r - r, 0);
-    svg.ar(path, r, r + r, 0, 0);
-  }
-  svg.lr(path, len - r + over, 0);
-}
-
-/******************************************************************************/
-
-function getOutlinePath(theme, shape, width, height) {
-  const r = n(theme.shapes.ticketCornerRadius);
-  const s = n(theme.shapes.ticketLineRadius);
-  const w = n(width);
-  const h = n(height);
-
-  const hasTopSerration = TicketHelpers.hasTopSerration(shape);
-  const hasBottomSerration = TicketHelpers.hasBottomSerration(shape);
-
-  const path = svg.createPath();
-  if (!hasTopSerration && hasBottomSerration) {
-    // Serration only on bottom.
-    svg.ma(path, 0, 0);
-    svg.lr(path, w, 0);
-    svg.lr(path, 0, h - r);
-    svg.ar(path, r, -r, r, 0); // bottom-right corner
-    horizontalDash(path, -s, -s * 3.5, -(w - r - r));
-    svg.ar(path, r, -r, -r, 0); // bottom-left corner
-    svg.close(path);
-  } else if (hasTopSerration && !hasBottomSerration) {
-    // Serration only on top.
-    svg.ma(path, 0, r);
-    svg.ar(path, r, r, -r, 0); // top-left corner
-    horizontalDash(path, s, s * 3.5, w - r - r);
-    svg.ar(path, r, r, r, 0); // top-right corner
-    svg.lr(path, 0, h - r);
-    svg.lr(path, -w, 0);
-    svg.close(path);
-  } else if (!hasTopSerration && !hasBottomSerration) {
-    // No Serration.
-    svg.ma(path, 0, 0);
-    svg.lr(path, w, 0);
-    svg.lr(path, 0, h);
-    svg.lr(path, -w, 0);
-    svg.close(path);
-  } else {
-    // Serration on top and bottom.
-    svg.ma(path, 0, r);
-    svg.ar(path, r, r, -r, 0); // top-left corner
-    horizontalDash(path, s, s * 3.5, w - r - r);
-    svg.ar(path, r, r, r, 0); // top-right corner
-    svg.lr(path, 0, h - r - r);
-    svg.ar(path, r, -r, r, 0); // bottom-right corner
-    horizontalDash(path, -s, -s * 3.5, -(w - r - r));
-    svg.ar(path, r, -r, -r, 0); // bottom-left corner
-    svg.close(path);
-  }
-  return svg.getPath(path);
-}
-
-/******************************************************************************/
-
-function getCornerPath(width, height, position, size) {
-  const w = n(width);
-  const h = n(height);
-  const s = n(size);
-
-  const path = svg.createPath();
-
-  if (position === 'topRight') {
-    if (!width) {
-      console.log(
-        "Ticket: It's impossible to draw the corner 'topRight' without 'width'"
-      );
-    } else {
-      svg.ma(path, w, 0);
-      svg.lr(path, -s, 0);
-      svg.lr(path, s, s);
-      svg.close(path);
-    }
-  } else if (position === 'topLeft') {
-    svg.ma(path, 0, 0);
-    svg.lr(path, 0, s);
-    svg.lr(path, s, -s);
-    svg.close(path);
-  } else if (position === 'bottomRight') {
-    if (!width || !height) {
-      console.log(
-        "Ticket: It's impossible to draw the corner 'bottomRight' without 'width' and 'height'"
-      );
-    } else {
-      svg.ma(path, w, h);
-      svg.lr(path, 0, -s);
-      svg.lr(path, -s, s);
-      svg.close(path);
-    }
-  } else if (position === 'bottomLeft') {
-    if (!height) {
-      console.log(
-        "Ticket: It's impossible to draw the corner 'bottomLeft' without 'height'"
-      );
-    } else {
-      svg.ma(path, 0, h);
-      svg.lr(path, s, 0);
-      svg.lr(path, -s, -s);
-      svg.close(path);
-    }
-  }
-
-  return svg.getPath(path);
-}
-
-/******************************************************************************/
-
-export default {
-  getOutlinePath,
-  getCornerPath,
-};
+import * as TicketHelpers from './ticket-helpers.js';
+import svg from '../helpers/svg-helpers';
+import {Unit} from 'goblin-theme';
+const n = Unit.toValue;
+
+// Draw _n_n_n_n_n_n_n_n_n_n_n_n_n_
+function horizontalDash(path, r, len, dx) {
+  const step = parseInt(dx / len);
+  const over = (dx - len * step) / 2;
+  svg.lr(path, over + r, 0);
+  let i = 0;
+  for (i = 0; i < step - 1; i++) {
+    svg.lr(path, len - r - r, 0);
+    svg.ar(path, r, r + r, 0, 0);
+  }
+  svg.lr(path, len - r + over, 0);
+}
+
+/******************************************************************************/
+
+function getOutlinePath(theme, shape, width, height) {
+  const r = n(theme.shapes.ticketCornerRadius);
+  const s = n(theme.shapes.ticketLineRadius);
+  const w = n(width);
+  const h = n(height);
+
+  const hasTopSerration = TicketHelpers.hasTopSerration(shape);
+  const hasBottomSerration = TicketHelpers.hasBottomSerration(shape);
+
+  const path = svg.createPath();
+  if (!hasTopSerration && hasBottomSerration) {
+    // Serration only on bottom.
+    svg.ma(path, 0, 0);
+    svg.lr(path, w, 0);
+    svg.lr(path, 0, h - r);
+    svg.ar(path, r, -r, r, 0); // bottom-right corner
+    horizontalDash(path, -s, -s * 3.5, -(w - r - r));
+    svg.ar(path, r, -r, -r, 0); // bottom-left corner
+    svg.close(path);
+  } else if (hasTopSerration && !hasBottomSerration) {
+    // Serration only on top.
+    svg.ma(path, 0, r);
+    svg.ar(path, r, r, -r, 0); // top-left corner
+    horizontalDash(path, s, s * 3.5, w - r - r);
+    svg.ar(path, r, r, r, 0); // top-right corner
+    svg.lr(path, 0, h - r);
+    svg.lr(path, -w, 0);
+    svg.close(path);
+  } else if (!hasTopSerration && !hasBottomSerration) {
+    // No Serration.
+    svg.ma(path, 0, 0);
+    svg.lr(path, w, 0);
+    svg.lr(path, 0, h);
+    svg.lr(path, -w, 0);
+    svg.close(path);
+  } else {
+    // Serration on top and bottom.
+    svg.ma(path, 0, r);
+    svg.ar(path, r, r, -r, 0); // top-left corner
+    horizontalDash(path, s, s * 3.5, w - r - r);
+    svg.ar(path, r, r, r, 0); // top-right corner
+    svg.lr(path, 0, h - r - r);
+    svg.ar(path, r, -r, r, 0); // bottom-right corner
+    horizontalDash(path, -s, -s * 3.5, -(w - r - r));
+    svg.ar(path, r, -r, -r, 0); // bottom-left corner
+    svg.close(path);
+  }
+  return svg.getPath(path);
+}
+
+/******************************************************************************/
+
+function getCornerPath(width, height, position, size) {
+  const w = n(width);
+  const h = n(height);
+  const s = n(size);
+
+  const path = svg.createPath();
+
+  if (position === 'topRight') {
+    if (!width) {
+      console.log(
+        "Ticket: It's impossible to draw the corner 'topRight' without 'width'"
+      );
+    } else {
+      svg.ma(path, w, 0);
+      svg.lr(path, -s, 0);
+      svg.lr(path, s, s);
+      svg.close(path);
+    }
+  } else if (position === 'topLeft') {
+    svg.ma(path, 0, 0);
+    svg.lr(path, 0, s);
+    svg.lr(path, s, -s);
+    svg.close(path);
+  } else if (position === 'bottomRight') {
+    if (!width || !height) {
+      console.log(
+        "Ticket: It's impossible to draw the corner 'bottomRight' without 'width' and 'height'"
+      );
+    } else {
+      svg.ma(path, w, h);
+      svg.lr(path, 0, -s);
+      svg.lr(path, -s, s);
+      svg.close(path);
+    }
+  } else if (position === 'bottomLeft') {
+    if (!height) {
+      console.log(
+        "Ticket: It's impossible to draw the corner 'bottomLeft' without 'height'"
+      );
+    } else {
+      svg.ma(path, 0, h);
+      svg.lr(path, s, 0);
+      svg.lr(path, -s, -s);
+      svg.close(path);
+    }
+  }
+
+  return svg.getPath(path);
+}
+
+/******************************************************************************/
+
+export default {
+  getOutlinePath,
+  getCornerPath,
+};

package/widgets/ticket/props.js

@@ -1,181 +1,181 @@
-import {types} from 'goblin-gadgets/types/types.js';
-
-/******************************************************************************/
-
-export default [
-  // Main.
-  {
-    name: 'identicalCount',
-    group: 'main',
-    type: types.number,
-  },
-  {
-    name: 'tooltip',
-    group: 'main',
-    type: types.string,
-  },
-  {
-    name: 'children',
-    group: 'main',
-    type: types.component,
-  },
-  {
-    name: 'flash',
-    group: 'main',
-    type: types.bool,
-  },
-  {
-    name: 'show',
-    group: 'main',
-    type: types.bool,
-  },
-  {
-    name: 'visibility',
-    group: 'main',
-    type: types.bool,
-  },
-  {
-    name: 'opacity',
-    group: 'main',
-    type: types.number,
-    min: 0,
-    max: 1,
-  },
-  {
-    name: 'cursor',
-    group: 'main',
-    type: types.cursor,
-  },
-  {
-    name: 'hideContent',
-    group: 'main',
-    type: types.bool,
-  },
-
-  // Aspect.
-  {
-    name: 'color',
-    group: 'aspect',
-    type: types.color,
-  },
-  {
-    name: 'kind',
-    group: 'aspect',
-    type: types.enum([
-      '',
-      'ticket',
-      'rect',
-      'cover',
-      'thin',
-      'event',
-      'subpane',
-    ]),
-  },
-  {
-    name: 'subkind',
-    group: 'aspect',
-    type: types.enum(['', 'dragged']),
-  },
-  {
-    name: 'shadow',
-    group: 'aspect',
-    type: types.bool,
-  },
-  {
-    name: 'hatch',
-    group: 'aspect',
-    type: types.bool,
-  },
-  {
-    name: 'backgroundText',
-    group: 'aspect',
-    type: types.oneOfType([types.number, types.string]),
-  },
-  {
-    name: 'hudGlyph',
-    group: 'aspect',
-    type: types.glyph,
-  },
-  {
-    name: 'shape',
-    group: 'aspect',
-    type: types.enum(['', 'middle', 'first', 'continued', 'last']),
-  },
-  {
-    name: 'hoverShape',
-    group: 'aspect',
-    type: types.enum(['', 'middle', 'first', 'continued', 'last']),
-  },
-
-  // Corner.
-  {
-    name: 'cornerPosition',
-    group: 'corner',
-    type: types.enum(['', 'topRight', 'topLeft', 'bottomRight', 'bottomLeft']),
-  },
-  {
-    name: 'cornerColor',
-    group: 'corner',
-    type: types.color,
-  },
-  {
-    name: 'cornerSize',
-    group: 'corner',
-    type: types.pixel,
-    min: 0,
-    max: 100,
-  },
-
-  // Layout.
-  {
-    name: 'width',
-    group: 'layout',
-    type: types.pixel,
-    min: 0,
-    max: 1000,
-  },
-  {
-    name: 'height',
-    group: 'layout',
-    type: types.pixel,
-    min: 0,
-    max: 1000,
-  },
-  {
-    name: 'grow',
-    group: 'layout',
-    type: types.grow,
-  },
-  {
-    name: 'verticalSpacing',
-    group: 'layout',
-    type: types.verticalSpacing,
-  },
-  {
-    name: 'horizontalSpacing',
-    group: 'layout',
-    type: types.horizontalSpacing,
-  },
-
-  // Function.
-  {
-    name: 'onMouseOver',
-    group: 'function',
-    type: types.function,
-  },
-  {
-    name: 'onMouseOut',
-    group: 'function',
-    type: types.function,
-  },
-  {
-    name: 'mouseDown',
-    group: 'function',
-    type: types.function,
-  },
-  {
-    name: 'mouseUp',
-    group: 'function',
-    type: types.function,
-  },
-];
+import {types} from 'goblin-gadgets/types/types.js';
+
+/******************************************************************************/
+
+export default [
+  // Main.
+  {
+    name: 'identicalCount',
+    group: 'main',
+    type: types.number,
+  },
+  {
+    name: 'tooltip',
+    group: 'main',
+    type: types.string,
+  },
+  {
+    name: 'children',
+    group: 'main',
+    type: types.component,
+  },
+  {
+    name: 'flash',
+    group: 'main',
+    type: types.bool,
+  },
+  {
+    name: 'show',
+    group: 'main',
+    type: types.bool,
+  },
+  {
+    name: 'visibility',
+    group: 'main',
+    type: types.bool,
+  },
+  {
+    name: 'opacity',
+    group: 'main',
+    type: types.number,
+    min: 0,
+    max: 1,
+  },
+  {
+    name: 'cursor',
+    group: 'main',
+    type: types.cursor,
+  },
+  {
+    name: 'hideContent',
+    group: 'main',
+    type: types.bool,
+  },
+
+  // Aspect.
+  {
+    name: 'color',
+    group: 'aspect',
+    type: types.color,
+  },
+  {
+    name: 'kind',
+    group: 'aspect',
+    type: types.enum([
+      '',
+      'ticket',
+      'rect',
+      'cover',
+      'thin',
+      'event',
+      'subpane',
+    ]),
+  },
+  {
+    name: 'subkind',
+    group: 'aspect',
+    type: types.enum(['', 'dragged']),
+  },
+  {
+    name: 'shadow',
+    group: 'aspect',
+    type: types.bool,
+  },
+  {
+    name: 'hatch',
+    group: 'aspect',
+    type: types.bool,
+  },
+  {
+    name: 'backgroundText',
+    group: 'aspect',
+    type: types.oneOfType([types.number, types.string]),
+  },
+  {
+    name: 'hudGlyph',
+    group: 'aspect',
+    type: types.glyph,
+  },
+  {
+    name: 'shape',
+    group: 'aspect',
+    type: types.enum(['', 'middle', 'first', 'continued', 'last']),
+  },
+  {
+    name: 'hoverShape',
+    group: 'aspect',
+    type: types.enum(['', 'middle', 'first', 'continued', 'last']),
+  },
+
+  // Corner.
+  {
+    name: 'cornerPosition',
+    group: 'corner',
+    type: types.enum(['', 'topRight', 'topLeft', 'bottomRight', 'bottomLeft']),
+  },
+  {
+    name: 'cornerColor',
+    group: 'corner',
+    type: types.color,
+  },
+  {
+    name: 'cornerSize',
+    group: 'corner',
+    type: types.pixel,
+    min: 0,
+    max: 100,
+  },
+
+  // Layout.
+  {
+    name: 'width',
+    group: 'layout',
+    type: types.pixel,
+    min: 0,
+    max: 1000,
+  },
+  {
+    name: 'height',
+    group: 'layout',
+    type: types.pixel,
+    min: 0,
+    max: 1000,
+  },
+  {
+    name: 'grow',
+    group: 'layout',
+    type: types.grow,
+  },
+  {
+    name: 'verticalSpacing',
+    group: 'layout',
+    type: types.verticalSpacing,
+  },
+  {
+    name: 'horizontalSpacing',
+    group: 'layout',
+    type: types.horizontalSpacing,
+  },
+
+  // Function.
+  {
+    name: 'onMouseOver',
+    group: 'function',
+    type: types.function,
+  },
+  {
+    name: 'onMouseOut',
+    group: 'function',
+    type: types.function,
+  },
+  {
+    name: 'mouseDown',
+    group: 'function',
+    type: types.function,
+  },
+  {
+    name: 'mouseUp',
+    group: 'function',
+    type: types.function,
+  },
+];