@operato/input 8.0.0 → 9.0.0-beta.4

package/package.json

@@ -2,7 +2,8 @@
   "name": "@operato/input",
   "description": "Webcomponents for input following open-wc recommendations",
   "author": "heartyoh@hatiolab.com",
-  "version": "8.0.0",
+  "version": "9.0.0-beta.4",
+  "type": "module",
   "main": "dist/src/index.js",
   "module": "dist/src/index.js",
   "license": "MIT",
@@ -42,6 +43,7 @@
     "./ox-input-key-values.js": "./dist/src/ox-input-key-values.js",
     "./ox-select.js": "./dist/src/ox-select.js",
     "./ox-input-file.js": "./dist/src/ox-input-file.js",
+    "./ox-input-switch.js": "./dist/src/ox-input-switch.js",
     "./ox-input-image.js": "./dist/src/ox-input-image.js",
     "./ox-input-options.js": "./dist/src/ox-input-options.js",
     "./ox-input-select-buttons.js": "./dist/src/ox-input-select-buttons.js",
@@ -58,6 +60,7 @@
     "./ox-input-textarea.js": "./dist/src/ox-input-textarea.js",
     "./ox-input-direction.js": "./dist/src/ox-input-direction.js",
     "./ox-input-signature.js": "./dist/src/ox-input-signature.js",
+    "./ox-select-floor.js": "./dist/src/ox-select-floor.js",
     "./ox-input-table-column-config.js": "./dist/src/ox-input-table-column-config.js"
   },
   "typesVersions": {
@@ -131,6 +134,9 @@
       "./ox-input-file.js": [
         "./dist/src/ox-input-file.d.ts"
       ],
+      "./ox-input-switch.js": [
+        "./dist/src/ox-input-switch.d.ts"
+      ],
       "./ox-input-image.js": [
         "./dist/src/ox-input-image.d.ts"
       ],
@@ -179,6 +185,9 @@
       "./ox-input-signature.js": [
         "./dist/src/ox-input-signature.d.ts"
       ],
+      "./ox-select-floor.js": [
+        "./dist/src/ox-select-floor.d.ts"
+      ],
       "./ox-input-table-column-config.js": [
         "./dist/src/ox-input-table-column-config.d.ts"
       ]
@@ -210,11 +219,11 @@
     "@ctrl/tinycolor": "^4.1.0",
     "@lit/localize": "^0.12.1",
     "@material/web": "^2.0.0",
-    "@operato/color-picker": "^8.0.0",
-    "@operato/i18n": "^8.0.0",
-    "@operato/popup": "^8.0.0",
-    "@operato/styles": "^8.0.0",
-    "@operato/utils": "^8.0.0",
+    "@operato/color-picker": "^9.0.0-beta.4",
+    "@operato/i18n": "^9.0.0-beta.4",
+    "@operato/popup": "^9.0.0-beta.4",
+    "@operato/styles": "^9.0.0-beta.4",
+    "@operato/utils": "^9.0.0-beta.4",
     "@polymer/paper-dropdown-menu": "^3.2.0",
     "@polymer/paper-item": "^3.0.1",
     "@thebespokepixel/es-tinycolor": "^3.1.0",
@@ -225,18 +234,18 @@
     "lodash-es": "^4.17.21"
   },
   "devDependencies": {
-    "@custom-elements-manifest/analyzer": "^0.9.2",
+    "@custom-elements-manifest/analyzer": "^0.10.0",
     "@hatiolab/prettier-config": "^1.0.0",
     "@lit/localize-tools": "^0.7.2",
     "@open-wc/eslint-config": "^12.0.3",
-    "@open-wc/testing": "^3.1.6",
-    "@typescript-eslint/eslint-plugin": "^7.0.1",
-    "@typescript-eslint/parser": "^7.0.1",
-    "@web/dev-server": "^0.3.0",
+    "@open-wc/testing": "^4.0.0",
+    "@typescript-eslint/eslint-plugin": "^8.0.0",
+    "@typescript-eslint/parser": "^8.0.0",
+    "@web/dev-server": "^0.4.0",
     "@web/dev-server-storybook": "^2.0.1",
-    "@web/test-runner": "^0.18.0",
-    "concurrently": "^8.0.1",
-    "eslint": "^8.39.0",
+    "@web/test-runner": "^0.19.0",
+    "concurrently": "^9.0.0",
+    "eslint": "^9.0.0",
     "eslint-config-prettier": "^9.1.0",
     "husky": "^9.0.11",
     "lint-staged": "^15.2.2",
@@ -258,5 +267,5 @@
       "prettier --write"
     ]
   },
-  "gitHead": "180d521a2ca296829122361a45be86e8542ada43"
+  "gitHead": "d1d762cc701221021637fda95f7399ca641afb6e"
 }

package/dist/src/ox-zoomable-image.d.ts

@@ -1,17 +0,0 @@
-import { LitElement } from 'lit';
-export declare class OxZoomableImage extends LitElement {
-    static styles: import("lit").CSSResult;
-    src: string;
-    image: HTMLImageElement;
-    private scale;
-    private startX;
-    private startY;
-    private x;
-    private y;
-    private dragging;
-    render(): import("lit-html").TemplateResult<1>;
-    private handleWheel;
-    private handleMouseDown;
-    private handleMouseMove;
-    private handleMouseUp;
-}

package/dist/src/ox-zoomable-image.js

@@ -1,80 +0,0 @@
-import { __decorate } from "tslib";
-import { LitElement, html, css } from 'lit';
-import { customElement, property, query } from 'lit/decorators.js';
-let OxZoomableImage = class OxZoomableImage extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.src = '';
-        this.scale = 1;
-        this.startX = 0;
-        this.startY = 0;
-        this.x = 0;
-        this.y = 0;
-        this.dragging = false;
-    }
-    static { this.styles = css `
-    :host {
-      display: block;
-      overflow: hidden;
-      position: relative;
-    }
-
-    img {
-      transition: transform 0.25s ease;
-      transform-origin: center;
-      cursor: grab;
-    }
-  `; }
-    render() {
-        return html `
-      <img
-        id="zoomableImage"
-        src="${this.src}"
-        @wheel="${this.handleWheel}"
-        @mousedown="${this.handleMouseDown}"
-        @mousemove="${this.handleMouseMove}"
-        @mouseup="${this.handleMouseUp}"
-        @mouseleave="${this.handleMouseUp}"
-        style="transform: translate(${this.x}px, ${this.y}px) scale(${this.scale});"
-      />
-    `;
-    }
-    handleWheel(event) {
-        event.preventDefault();
-        const delta = event.deltaY;
-        const zoomIntensity = 0.1;
-        this.scale += delta > 0 ? -zoomIntensity : zoomIntensity;
-        this.scale = Math.max(0.1, Math.min(this.scale, 4));
-        this.requestUpdate();
-    }
-    handleMouseDown(event) {
-        this.startX = event.clientX - this.x;
-        this.startY = event.clientY - this.y;
-        this.dragging = true;
-        const img = this.image;
-        img.style.cursor = 'grabbing';
-    }
-    handleMouseMove(event) {
-        if (!this.dragging)
-            return;
-        this.x = event.clientX - this.startX;
-        this.y = event.clientY - this.startY;
-        this.requestUpdate();
-    }
-    handleMouseUp() {
-        this.dragging = false;
-        const img = this.image;
-        img.style.cursor = 'grab';
-    }
-};
-__decorate([
-    property({ type: String })
-], OxZoomableImage.prototype, "src", void 0);
-__decorate([
-    query('img')
-], OxZoomableImage.prototype, "image", void 0);
-OxZoomableImage = __decorate([
-    customElement('ox-zoomable-image')
-], OxZoomableImage);
-export { OxZoomableImage };
-//# sourceMappingURL=ox-zoomable-image.js.map

package/dist/src/ox-zoomable-image.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ox-zoomable-image.js","sourceRoot":"","sources":["../../src/ox-zoomable-image.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAG3D,IAAM,eAAe,GAArB,MAAM,eAAgB,SAAQ,UAAU;IAAxC;;QAeuB,QAAG,GAAG,EAAE,CAAA;QAI5B,UAAK,GAAW,CAAC,CAAA;QACjB,WAAM,GAAW,CAAC,CAAA;QAClB,WAAM,GAAW,CAAC,CAAA;QAClB,MAAC,GAAW,CAAC,CAAA;QACb,MAAC,GAAW,CAAC,CAAA;QACb,aAAQ,GAAY,KAAK,CAAA;IA8CnC,CAAC;aArEQ,WAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;GAYlB,AAZY,CAYZ;IAaD,MAAM;QACJ,OAAO,IAAI,CAAA;;;eAGA,IAAI,CAAC,GAAG;kBACL,IAAI,CAAC,WAAW;sBACZ,IAAI,CAAC,eAAe;sBACpB,IAAI,CAAC,eAAe;oBACtB,IAAI,CAAC,aAAa;uBACf,IAAI,CAAC,aAAa;sCACH,IAAI,CAAC,CAAC,OAAO,IAAI,CAAC,CAAC,aAAa,IAAI,CAAC,KAAK;;KAE3E,CAAA;IACH,CAAC;IAEO,WAAW,CAAC,KAAiB;QACnC,KAAK,CAAC,cAAc,EAAE,CAAA;QACtB,MAAM,KAAK,GAAG,KAAK,CAAC,MAAM,CAAA;QAC1B,MAAM,aAAa,GAAG,GAAG,CAAA;QACzB,IAAI,CAAC,KAAK,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,aAAa,CAAA;QACxD,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAA;QACnD,IAAI,CAAC,aAAa,EAAE,CAAA;IACtB,CAAC;IAEO,eAAe,CAAC,KAAiB;QACvC,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,CAAC,CAAA;QACpC,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,CAAC,CAAA;QACpC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAA;QACpB,MAAM,GAAG,GAAG,IAAI,CAAC,KAAyB,CAAA;QAC1C,GAAG,CAAC,KAAK,CAAC,MAAM,GAAG,UAAU,CAAA;IAC/B,CAAC;IAEO,eAAe,CAAC,KAAiB;QACvC,IAAI,CAAC,IAAI,CAAC,QAAQ;YAAE,OAAM;QAC1B,IAAI,CAAC,CAAC,GAAG,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,MAAM,CAAA;QACpC,IAAI,CAAC,CAAC,GAAG,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,MAAM,CAAA;QACpC,IAAI,CAAC,aAAa,EAAE,CAAA;IACtB,CAAC;IAEO,aAAa;QACnB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAA;QACrB,MAAM,GAAG,GAAG,IAAI,CAAC,KAAyB,CAAA;QAC1C,GAAG,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAA;IAC3B,CAAC;;AAtD2B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;4CAAS;AAEtB;IAAb,KAAK,CAAC,KAAK,CAAC;8CAAyB;AAjB3B,eAAe;IAD3B,aAAa,CAAC,mBAAmB,CAAC;GACtB,eAAe,CAsE3B","sourcesContent":["import { LitElement, html, css } from 'lit'\nimport { customElement, property, query } from 'lit/decorators.js'\n\n@customElement('ox-zoomable-image')\nexport class OxZoomableImage extends LitElement {\n  static styles = css`\n    :host {\n      display: block;\n      overflow: hidden;\n      position: relative;\n    }\n\n    img {\n      transition: transform 0.25s ease;\n      transform-origin: center;\n      cursor: grab;\n    }\n  `\n\n  @property({ type: String }) src = ''\n\n  @query('img') image!: HTMLImageElement\n\n  private scale: number = 1\n  private startX: number = 0\n  private startY: number = 0\n  private x: number = 0\n  private y: number = 0\n  private dragging: boolean = false\n\n  render() {\n    return html`\n      <img\n        id=\"zoomableImage\"\n        src=\"${this.src}\"\n        @wheel=\"${this.handleWheel}\"\n        @mousedown=\"${this.handleMouseDown}\"\n        @mousemove=\"${this.handleMouseMove}\"\n        @mouseup=\"${this.handleMouseUp}\"\n        @mouseleave=\"${this.handleMouseUp}\"\n        style=\"transform: translate(${this.x}px, ${this.y}px) scale(${this.scale});\"\n      />\n    `\n  }\n\n  private handleWheel(event: WheelEvent) {\n    event.preventDefault()\n    const delta = event.deltaY\n    const zoomIntensity = 0.1\n    this.scale += delta > 0 ? -zoomIntensity : zoomIntensity\n    this.scale = Math.max(0.1, Math.min(this.scale, 4))\n    this.requestUpdate()\n  }\n\n  private handleMouseDown(event: MouseEvent) {\n    this.startX = event.clientX - this.x\n    this.startY = event.clientY - this.y\n    this.dragging = true\n    const img = this.image as HTMLImageElement\n    img.style.cursor = 'grabbing'\n  }\n\n  private handleMouseMove(event: MouseEvent) {\n    if (!this.dragging) return\n    this.x = event.clientX - this.startX\n    this.y = event.clientY - this.startY\n    this.requestUpdate()\n  }\n\n  private handleMouseUp() {\n    this.dragging = false\n    const img = this.image as HTMLImageElement\n    img.style.cursor = 'grab'\n  }\n}\n"]}