@fusion.dev/helix-headless 0.211.1 → 0.212.0

package/dist/device-screen/turn.d.ts

@@ -0,0 +1,41 @@
+/**
+ * Where a point on the drawn screen lands on the device, with the picture
+ * turned by `rotation`.
+ *
+ * **The device's units are its own way up.** A source that sends frames in the
+ * device's natural orientation, a phone's portrait, keeps sending them that
+ * way while the device is turned, and the frame turns the picture to show it.
+ * A tap on the turned picture still has to reach the device at the point it
+ * names in its own orientation, so every point is turned back before it is
+ * sent, and every point drawn from the device is turned forward.
+ *
+ * Points here are fractions of a box, from `0` at the left and top to `1` at
+ * the right and bottom, so the arithmetic needs no sizes.
+ */
+/** A point as a fraction of a box, across and down. */
+export interface Fraction {
+    /** Across, from `0` at the left edge to `1` at the right. */
+    u: number;
+    /** Down, from `0` at the top edge to `1` at the bottom. */
+    v: number;
+}
+/**
+ * How many quarter turns clockwise a rotation in degrees is, from `0` to `3`.
+ * A rotation between quarters goes to the nearest one, and a negative one
+ * turns the other way.
+ */
+export declare const quarterTurns: (degrees: number) => 0 | 1 | 2 | 3;
+/**
+ * A point on the drawn picture, turned back to the device's own way up.
+ * The picture is turned `turns` quarters clockwise from the device.
+ */
+export declare const unturn: ({ u, v }: Fraction, turns: number) => Fraction;
+/** A point on the device, turned forward to where it is drawn. */
+export declare const turn: ({ u, v }: Fraction, turns: number) => Fraction;
+/**
+ * A distance on the drawn picture, turned back to the device's own way up.
+ * A distance turns as a point does and keeps no origin, so a scroll down a
+ * picture turned a quarter clockwise is a scroll toward the device's right,
+ * whose left edge is drawn along the top.
+ */
+export declare const unturnDistance: ({ u, v }: Fraction, turns: number) => Fraction;

package/dist/device-screen/turn.js

@@ -0,0 +1,42 @@
+export const quarterTurns = (degrees) => {
+    if (!Number.isFinite(degrees)) {
+        return 0;
+    }
+    return (((Math.round(degrees / 90) % 4) + 4) % 4);
+};
+export const unturn = ({ u, v }, turns) => {
+    switch (turns) {
+        case 1:
+            return { u: v, v: 1 - u };
+        case 2:
+            return { u: 1 - u, v: 1 - v };
+        case 3:
+            return { u: 1 - v, v: u };
+        default:
+            return { u, v };
+    }
+};
+export const turn = ({ u, v }, turns) => {
+    switch (turns) {
+        case 1:
+            return { u: 1 - v, v: u };
+        case 2:
+            return { u: 1 - u, v: 1 - v };
+        case 3:
+            return { u: v, v: 1 - u };
+        default:
+            return { u, v };
+    }
+};
+export const unturnDistance = ({ u, v }, turns) => {
+    switch (turns) {
+        case 1:
+            return { u: v, v: -u };
+        case 2:
+            return { u: -u, v: -v };
+        case 3:
+            return { u: -v, v: u };
+        default:
+            return { u, v };
+    }
+};

package/dist/element-events.generated.js

@@ -107,6 +107,16 @@ registerElementEvents({
         'toggle',
     ],
     'helix-headless-date-picker': ['change', 'helix-before-change', 'helix-navigate', 'input'],
+    'helix-headless-device-screen': [
+        'helix-device-button',
+        'helix-device-key',
+        'helix-device-screenshot',
+        'helix-device-scroll',
+        'helix-device-swipe',
+        'helix-device-tap',
+        'helix-device-text',
+        'helix-device-touch',
+    ],
     'helix-headless-dialog': ['close', 'helix-before-close', 'helix-before-open', 'toggle'],
     'helix-headless-donut-chart': ['helix-reading-change', 'helix-reading-press'],
     'helix-headless-drawer': ['close', 'helix-before-close', 'helix-before-open', 'toggle'],

package/dist/graph/root/graph-root.js

@@ -1,5 +1,5 @@
 import { __decorate } from "tslib";
-import { auditName, customElement, formatWords, HelixElement, HelixGraphFilterEvent, HelixGraphLayoutEvent, HelixGraphPanEvent, HelixGraphPartChangeEvent, HelixGraphReadyEvent, HelixGraphSignalEvent, HelixGraphZoomEvent, isRtl, MixinControllerActive, MixinViewport, numberConverter, SCROLLER_RULE, scrollRoom, scrollWithin, ToolbarController, Typeahead, VIRTUAL_RULE, VirtualizeController, words, wordsLocale, } from '@fusion.dev/helix-core';
+import { auditName, customElement, formatWords, HelixElement, HelixGraphFilterEvent, HelixGraphLayoutEvent, HelixGraphPanEvent, HelixGraphPartChangeEvent, HelixGraphReadyEvent, HelixGraphSignalEvent, HelixGraphZoomEvent, isRtl, MixinControllerActive, MixinViewport, numberConverter, SCROLLER_RULE, scrollRoom, scrollWithin, stopPress, ToolbarController, Typeahead, VIRTUAL_RULE, VirtualizeController, words, wordsLocale, } from '@fusion.dev/helix-core';
 import { list, magnifyingGlass } from '@fusion.dev/helix-icons';
 import { html, nothing } from 'lit';
 import { property, state } from 'lit/decorators.js';
@@ -9,7 +9,6 @@ import { repeat } from 'lit/directives/repeat.js';
 import { unsafeSVG } from 'lit/directives/unsafe-svg.js';
 import { adjacencyOf, cursorAfter, entriesOf, groupsOf, nameOf, sortedOf, within, withoutGroups, } from './graph-model.js';
 const LONG_LAYOUT = 5000;
-const stopPress = (event) => event.stopPropagation();
 let HelixHeadlessGraph = class HelixHeadlessGraph extends MixinViewport(MixinControllerActive(HelixElement)) {
     constructor() {
         super(...arguments);

package/dist/index.d.ts

@@ -38,6 +38,7 @@ export * from './data-table/index.js';
 export * from './date-input/index.js';
 export * from './date-picker/index.js';
 export * from './description-list/index.js';
+export * from './device-screen/index.js';
 export * from './dialog/index.js';
 export * from './divider/index.js';
 export * from './donut-chart/index.js';

package/dist/index.js

@@ -29,6 +29,7 @@ export * from './data-table/index.js';
 export * from './date-input/index.js';
 export * from './date-picker/index.js';
 export * from './description-list/index.js';
+export * from './device-screen/index.js';
 export * from './dialog/index.js';
 export * from './divider/index.js';
 export * from './donut-chart/index.js';

package/dist/map/root/map-root.js

@@ -1,5 +1,5 @@
 import { __decorate } from "tslib";
-import { auditName, customElement, focusItemOf, formatWords, HelixActivateEvent, HelixBeforeChangeEvent, HelixBeforeToggleEvent, HelixElement, HelixMapClusterEvent, HelixMapPanEvent, HelixMapPartChangeEvent, HelixMapReadyEvent, HelixMapRotateEvent, HelixMapTiltEvent, HelixMapZoomEvent, HelixToggleEvent, hostAria, KeyboardNavigationController, MixinViewport, numberConverter, requestChange, words, } from '@fusion.dev/helix-core';
+import { auditName, customElement, focusItemOf, formatWords, HelixActivateEvent, HelixBeforeChangeEvent, HelixBeforeToggleEvent, HelixElement, HelixMapClusterEvent, HelixMapPanEvent, HelixMapPartChangeEvent, HelixMapReadyEvent, HelixMapRotateEvent, HelixMapTiltEvent, HelixMapZoomEvent, HelixToggleEvent, hostAria, KeyboardNavigationController, MixinViewport, numberConverter, requestChange, stopPress, words, } from '@fusion.dev/helix-core';
 import { buildings, cloudRain, dotsNine, leaf, mountains, path, polygon, stack, target, } from '@fusion.dev/helix-icons';
 import { html, nothing } from 'lit';
 import { property, state } from 'lit/decorators.js';
@@ -36,7 +36,6 @@ const TILTED = 50;
 const placed = (marker) => Number.isFinite(marker.lat) && Number.isFinite(marker.lng);
 const ASK_LAPSES = 3000;
 const SETTLES = 400;
-const stopPress = (event) => event.stopPropagation();
 let HelixHeadlessMap = class HelixHeadlessMap extends MixinViewport(HelixElement) {
     constructor() {
         super(...arguments);

package/dist/terminal/root/terminal-root.js

@@ -1,5 +1,5 @@
 import { __decorate } from "tslib";
-import { CopyController, customElement, drawIcon, FullscreenController, formatWords, HelixElement, HelixTerminalBellEvent, HelixTerminalInputEvent, HelixTerminalLinkEvent, HelixTerminalResizeEvent, HelixTerminalRestartEvent, HelixTerminalTitleEvent, numberConverter, onApple, words, } from '@fusion.dev/helix-core';
+import { CopyController, customElement, drawIcon, FullscreenController, formatWords, HelixElement, HelixTerminalBellEvent, HelixTerminalInputEvent, HelixTerminalLinkEvent, HelixTerminalResizeEvent, HelixTerminalRestartEvent, HelixTerminalTitleEvent, numberConverter, onApple, stopPress, words, } from '@fusion.dev/helix-core';
 import { arrowClockwise, broom, caretDown, caretUp, copy, cornersOut, magnifyingGlass, x, } from '@fusion.dev/helix-icons';
 import { nothing } from 'lit';
 import { property, state } from 'lit/decorators.js';
@@ -13,7 +13,6 @@ import { isTab, shortcutOf, spokenChord } from '../keys.js';
 const ANSI = ['black', 'red', 'green', 'yellow', 'blue', 'magenta', 'cyan', 'white'];
 const camel = (name) => name.replace(/-([a-z])/g, (_, letter) => letter.toUpperCase());
 const unset = (color) => color === '' || color === 'transparent' || /^rgba\(\s*0,\s*0,\s*0,\s*0\s*\)$/.test(color);
-const stopPress = (event) => event.stopPropagation();
 const BELL = 200;
 const RESTING_CONTROLS = 'find clear';
 const opens = (href) => /^https?:\/\//i.test(href);