Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Playground: Update flow.module.js - fix zoom #29508

Merged
merged 1 commit into from
Sep 26, 2024
Merged

Playground: Update flow.module.js - fix zoom #29508

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
124 changes: 122 additions & 2 deletions playground/libs/flow.module.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -24,6 +24,12 @@ let _id = 0;

class Serializer extends EventTarget {

static get type() {

return 'Serializer';

}

constructor() {

super();
Expand Down Expand Up @@ -74,7 +80,7 @@ class Serializer extends EventTarget {

get className() {

return this.constructor.name;
return this.constructor.type || this.constructor.name;

}

Expand Down Expand Up @@ -446,6 +452,12 @@ let selected = null;

class Element extends Serializer {

static get type() {

return 'Element';

}

constructor( draggable = false ) {

super();
Expand Down Expand Up @@ -1230,6 +1242,12 @@ Element.icons = { unlink: '' };

class Input extends Serializer {

static get type() {

return 'Input';

}

constructor( dom ) {

super();
Expand Down Expand Up @@ -1388,6 +1406,12 @@ Input.prototype.isInput = true;

class Node extends Serializer {

static get type() {

return 'Node';

}

constructor() {

super();
Expand Down Expand Up @@ -1774,6 +1798,12 @@ Node.prototype.isNode = true;

class DraggableElement extends Element {

static get type() {

return 'DraggableElement';

}

constructor( draggable = true ) {

super( true );
Expand Down Expand Up @@ -1803,6 +1833,12 @@ class DraggableElement extends Element {

class TitleElement extends DraggableElement {

static get type() {

return 'TitleElement';

}

constructor( title, draggable = true ) {

super( draggable );
Expand Down Expand Up @@ -1954,6 +1990,12 @@ const dropNode = new Node().add( new TitleElement( 'File' ) ).setWidth( 250 );

class Canvas extends Serializer {

static get type() {

return 'Canvas';

}

constructor() {

super();
Expand Down Expand Up @@ -2424,7 +2466,10 @@ class Canvas extends Serializer {

get useTransform() {

return navigator.userAgent.match( /firefox/i ) !== null;
const userAgent = navigator.userAgent;
const isSafari = /Safari/.test( userAgent ) && ! /Chrome/.test( userAgent );

return ! isSafari;

}

Expand Down Expand Up @@ -3643,6 +3688,12 @@ class Search extends Menu {

class LabelElement extends Element {

static get type() {

return 'LabelElement';

}

constructor( label = '', align = '' ) {

super();
Expand Down Expand Up @@ -3746,6 +3797,12 @@ class LabelElement extends Element {

class ButtonInput extends Input {

static get type() {

return 'ButtonInput';

}

constructor( innterText = '' ) {

const dom = document.createElement( 'button' );
Expand Down Expand Up @@ -3814,6 +3871,12 @@ class ButtonInput extends Input {

class ColorInput extends Input {

static get type() {

return 'ColorInput';

}

constructor( value = 0x0099ff ) {

const dom = document.createElement( 'input' );
Expand Down Expand Up @@ -3846,6 +3909,12 @@ class ColorInput extends Input {

class NumberInput extends Input {

static get type() {

return 'NumberInput';

}

constructor( value = 0, min = - Infinity, max = Infinity, step = .01 ) {

const dom = document.createElement( 'input' );
Expand Down Expand Up @@ -3953,6 +4022,15 @@ class NumberInput extends Input {

}

setInterger( bool ) {

this.integer = bool;
this.step = .1;

return this.setValue( this.getValue() );

}

get precision() {

if ( this.integer === true ) return 0;
Expand Down Expand Up @@ -4025,6 +4103,12 @@ class NumberInput extends Input {

class SelectInput extends Input {

static get type() {

return 'SelectInput';

}

constructor( options = [], value = null ) {

const dom = document.createElement( 'select' );
Expand Down Expand Up @@ -4126,6 +4210,12 @@ const getStep = ( min, max ) => {

class SliderInput extends Input {

static get type() {

return 'SliderInput';

}

constructor( value = 0, min = 0, max = 100 ) {

const dom = document.createElement( 'f-subinputs' );
Expand Down Expand Up @@ -4262,6 +4352,12 @@ class SliderInput extends Input {

class StringInput extends Input {

static get type() {

return 'StringInput';

}

constructor( value = '' ) {

const dom = document.createElement( 'f-string' );
Expand Down Expand Up @@ -4426,6 +4522,12 @@ class StringInput extends Input {

class TextInput extends Input {

static get type() {

return 'TextInput';

}

constructor( innerText = '' ) {

const dom = document.createElement( 'textarea' );
Expand Down Expand Up @@ -4467,6 +4569,12 @@ class TextInput extends Input {

class ToggleInput extends Input {

static get type() {

return 'ToggleInput';

}

constructor( value = false ) {

const dom = document.createElement( 'input' );
Expand Down Expand Up @@ -4648,6 +4756,12 @@ class TreeViewNode {

class TreeViewInput extends Input {

static get type() {

return 'TreeViewInput';

}

constructor( options = [] ) {

const dom = document.createElement( 'f-treeview' );
Expand Down Expand Up @@ -4728,6 +4842,12 @@ const LoaderLib = {};

class Loader extends EventTarget {

static get type() {

return 'Loader';

}

constructor( parseType = Loader.DEFAULT ) {

super();
Expand Down