@operato/popup - npm Package Compare versions

Comparing version 1.0.0-alpha.23 to 1.0.0-alpha.24

CHANGELOG.md

@@ -6,2 +6,11 @@ # Change Log
 
+## [1.0.0-alpha.24](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.23...v1.0.0-alpha.24) (2022-03-17)
+
+
+### :bug: Bug Fix
+
+* refactoring grist-editor, property-editor and input ([ea7431a](https://github.com/hatiolab/operato/commit/ea7431a5e2dfd96ef392c1905e9622df7c2ef88c))
+
+
+
 ## [1.0.0-alpha.23](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.22...v1.0.0-alpha.23) (2022-03-17)
@@ -8,0 +17,0 @@

dist/src/ox-popup.d.ts

@@ -31,3 +31,3 @@ import { LitElement } from 'lit';
      */
-    static open({ template, top, left, right, bottom, parent }: {
+    static open({ template, top, left, right, bottom, width, height, parent }: {
         template: unknown;
@@ -38,5 +38,7 @@ top?: number;
         bottom?: number;
+        width?: string;
+        height?: string;
         parent?: Element | null;
     }): OxPopup;
-    open({ left, top, right, bottom, silent }: {
+    open({ left, top, right, bottom, width, height, silent }: {
         left?: number;
@@ -46,2 +48,4 @@ top?: number;
         bottom?: number;
+        width?: string;
+        height?: string;
         silent?: boolean;
@@ -48,0 +52,0 @@ }): void;

dist/src/ox-popup.js

 import { __decorate } from "tslib";
-import { css, html, LitElement } from 'lit';
-import { render } from 'lit-html';
+import { LitElement, css, html } from 'lit';
 import { customElement, state } from 'lit/decorators.js';
 import { ScrollbarStyles } from '@operato/styles';
+import { render } from 'lit-html';
 let OxPopup = class OxPopup extends LitElement {
@@ -84,3 +84,3 @@ constructor() {
      */
-    static open({ template, top, left, right, bottom, parent }) {
+    static open({ template, top, left, right, bottom, width, height, parent }) {
         const owner = parent || document.body;
@@ -91,6 +91,12 @@ const target = document.createElement('ox-popup');
         owner.appendChild(target);
-        target.open({ top, left, right, bottom });
+        target.open({ top, left, right, bottom, width, height });
         return target;
     }
-    open({ left, top, right, bottom, silent = false }) {
+    open({ left, top, right, bottom, width, height, silent = false }) {
+        if (width) {
+            this.style.width = width;
+        }
+        if (height) {
+            this.style.height = height;
+        }
         if (left === undefined && top === undefined && right === undefined && bottom === undefined) {
@@ -97,0 +103,0 @@ this.style.left = '50%';

package.json

@@ -6,3 +6,3 @@ {
   "author": "heartyoh",
-  "version": "1.0.0-alpha.23",
+  "version": "1.0.0-alpha.24",
   "main": "dist/src/index.js",
@@ -40,3 +40,3 @@ "module": "dist/src/index.js",
     "@material/mwc-icon": "^0.25.3",
-    "@operato/styles": "^1.0.0-alpha.23",
+    "@operato/styles": "^1.0.0-alpha.24",
     "lit": "^2.2.0"
@@ -76,3 +76,3 @@ },
   },
-  "gitHead": "5500e6cf45b5650ad657e24451fa9c0620d99531"
+  "gitHead": "83b1479e80639e5bc365f3dc8ad4b119a84dc31e"
 }

src/ox-popup.ts

@@ -1,6 +0,6 @@
-import { css, html, LitElement } from 'lit'
-import { render } from 'lit-html'
+import { LitElement, css, html } from 'lit'
 import { customElement, state } from 'lit/decorators.js'
 
 import { ScrollbarStyles } from '@operato/styles'
+import { render } from 'lit-html'
 
@@ -132,2 +132,4 @@ @customElement('ox-popup')
     bottom,
+    width,
+    height,
     parent
@@ -140,2 +142,4 @@ }: {
     bottom?: number
+    width?: string
+    height?: string
     parent?: Element | null
@@ -151,3 +155,3 @@ }): OxPopup {
 
-    target.open({ top, left, right, bottom })
+    target.open({ top, left, right, bottom, width, height })
 
@@ -162,2 +166,4 @@ return target
     bottom,
+    width,
+    height,
     silent = false
@@ -169,4 +175,13 @@ }: {
     bottom?: number
+    width?: string
+    height?: string
     silent?: boolean
   }) {
+    if (width) {
+      this.style.width = width
+    }
+    if (height) {
+      this.style.height = height
+    }
+
     if (left === undefined && top === undefined && right === undefined && bottom === undefined) {
@@ -173,0 +188,0 @@ this.style.left = '50%'

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

206474

increased by0.64%

Lines of code

1990

increased by1.22%

Dependency changes

• Updated@operato/styles@^1.0.0-alpha.24