@operato/layout - npm Package Compare versions

Comparing version 0.3.2 to 0.3.4

CHANGELOG.md

@@ -6,2 +6,19 @@ # Change Log
 
+### [0.3.4](https://github.com/hatiolab/operato/compare/v0.3.3...v0.3.4) (2022-01-03)
+
+**Note:** Version bump only for package @operato/layout
+
+
+
+
+
+### [0.3.3](https://github.com/hatiolab/operato/compare/v0.3.2...v0.3.3) (2022-01-03)
+
+
+### :bug: Bug Fix
+
+* apply import.meta.url into @operato/board ([1262fbe](https://github.com/hatiolab/operato/commit/1262fbec19798ac5fb0f1a430cabb48c9d8f3f35))
+
+
+
 ### [0.3.2](https://github.com/hatiolab/operato/compare/v0.3.1...v0.3.2) (2022-01-03)
@@ -8,0 +25,0 @@

dist/src/ox-toolbar-style.d.ts

 /**
  * @license Copyright © HatioLab Inc. All rights reserved.
  */
-export declare const style: import("lit-element").CSSResult;
+export declare const style: import("lit").CSSResult;

dist/src/ox-toolbar-style.js

 /**
  * @license Copyright © HatioLab Inc. All rights reserved.
  */
-import { css } from 'lit-element';
+import { css } from 'lit';
 export const style = css `
@@ -43,3 +43,3 @@ :host {
 
-    background: url('/assets/images/icon-htoolbar.png') no-repeat;
+    background: var(--url-icon-toolbar) no-repeat;
     background-position-x: 50%;
@@ -207,22 +207,3 @@ opacity: 0.8;
   }
-
-  /* bigger buttons */
-  #fullscreen {
-    background: url('/assets/images/icon-fullscreen.png') 50% 10px no-repeat;
-    width: var(--edit-toolbar-bigger-icon-size);
-    height: var(--edit-toolbar-bigger-icon-size);
-    border-left: var(--edit-toolbar-bigger-icon-line);
-  }
-
-  #toggle-property {
-    background: url('/assets/images/icon-collapse.png') 80% 10px no-repeat;
-    width: var(--edit-toolbar-bigger-icon-size);
-    height: var(--edit-toolbar-bigger-icon-size);
-    border-left: var(--edit-toolbar-bigger-icon-line);
-  }
-
-  #toggle-property[active] {
-    background: url(/assets/images/icon-collapse-active.png) 80% 10px no-repeat;
-  }
 `;
 //# sourceMappingURL=ox-toolbar-style.js.map

dist/src/ox-toolbar.js

@@ -10,5 +10,3 @@ /**
     render() {
-        return html `
-      <slot></slot>
-      `;
+        return html ` <slot></slot> `;
     }
@@ -70,51 +68,53 @@ firstUpdated() {
 };
-OxToolbar.styles = [css `  
-    :host {
-      background-color: var(--edit-toolbar-background-color, #394e64);
-      overflow: hidden;
-    }
+OxToolbar.styles = [
+    css `
+      :host {
+        background-color: var(--edit-toolbar-background-color, #394e64);
+        overflow: hidden;
+      }
 
-    [tools] {
-      display: flex;
-      align-items: center;
-      overflow: none;
-      padding: 0px 10px;
-    }
+      [tools] {
+        display: flex;
+        align-items: center;
+        overflow: none;
+        padding: 0px 10px;
+      }
 
-    [tools] > * {
-      padding: 0px;
-    }
+      [tools] > * {
+        padding: 0px;
+      }
 
-    [tools] > span[button] {
-      min-width: 30px;
-    }
+      [tools] > span[button] {
+        min-width: 30px;
+      }
 
-    [tools] > span[padding] {
-      flex: 1;
-    }
+      [tools] > span[padding] {
+        flex: 1;
+      }
 
-    [tools] > .vline {
-      display: block;
-      flex: none;
-      border-left: 1px solid rgba(255, 255, 255, 0.2);
-      border-right: 1px solid rgba(0, 0, 0, 0.15);
-      width: 0px;
-      height: 18px;
-      margin: 0 3px;
-    }
+      [tools] > .vline {
+        display: block;
+        flex: none;
+        border-left: 1px solid rgba(255, 255, 255, 0.2);
+        border-right: 1px solid rgba(0, 0, 0, 0.15);
+        width: 0px;
+        height: 18px;
+        margin: 0 3px;
+      }
 
-    span[button] {
-      min-height: 35px;
+      span[button] {
+        min-height: 35px;
 
-      background: url('/assets/images/icon-htoolbar.png') no-repeat;
-      background-position-x: 50%;
-      opacity: 0.8;
-    }
+        background: var(--url-icon-toolbar) no-repeat;
+        background-position-x: 50%;
+        opacity: 0.8;
+      }
 
-    span[button]:hover {
-      opacity: 1;
-      background-color: rgba(0, 0, 0, 0.1);
-      cursor: pointer;
-    }
-  `];
+      span[button]:hover {
+        opacity: 1;
+        background-color: rgba(0, 0, 0, 0.1);
+        cursor: pointer;
+      }
+    `
+];
 OxToolbar = __decorate([
@@ -121,0 +121,0 @@ customElement('ox-toolbar')

package.json

@@ -6,3 +6,3 @@ {
   "author": "heartyoh",
-  "version": "0.3.2",
+  "version": "0.3.4",
   "main": "dist/src/index.js",
@@ -36,3 +36,3 @@ "module": "dist/src/index.js",
     "@material/mwc-icon": "^0.25.3",
-    "@operato/styles": "^0.3.2",
+    "@operato/styles": "^0.3.4",
     "lit": "^2.0.2"
@@ -72,3 +72,3 @@ },
   },
-  "gitHead": "889594ff0f6a6da8bd1d97163cd808d997d16dd9"
+  "gitHead": "730f7f88d9feaec4e42fdfa8f4bd9503f04df72e"
 }

src/ox-toolbar-style.ts

@@ -5,3 +5,3 @@ /**
 
-import { css } from 'lit-element'
+import { css } from 'lit'
 
@@ -46,3 +46,3 @@ export const style = css`
 
-    background: url('/assets/images/icon-htoolbar.png') no-repeat;
+    background: var(--url-icon-toolbar) no-repeat;
     background-position-x: 50%;
@@ -210,21 +210,2 @@ opacity: 0.8;
   }
-
-  /* bigger buttons */
-  #fullscreen {
-    background: url('/assets/images/icon-fullscreen.png') 50% 10px no-repeat;
-    width: var(--edit-toolbar-bigger-icon-size);
-    height: var(--edit-toolbar-bigger-icon-size);
-    border-left: var(--edit-toolbar-bigger-icon-line);
-  }
-
-  #toggle-property {
-    background: url('/assets/images/icon-collapse.png') 80% 10px no-repeat;
-    width: var(--edit-toolbar-bigger-icon-size);
-    height: var(--edit-toolbar-bigger-icon-size);
-    border-left: var(--edit-toolbar-bigger-icon-line);
-  }
-
-  #toggle-property[active] {
-    background: url(/assets/images/icon-collapse-active.png) 80% 10px no-repeat;
-  }
 `

src/ox-toolbar.ts

@@ -12,58 +12,58 @@ /**
 class OxToolbar extends LitElement {
-  static styles = [css`  
-    :host {
-      background-color: var(--edit-toolbar-background-color, #394e64);
-      overflow: hidden;
-    }
+  static styles = [
+    css`
+      :host {
+        background-color: var(--edit-toolbar-background-color, #394e64);
+        overflow: hidden;
+      }
 
-    [tools] {
-      display: flex;
-      align-items: center;
-      overflow: none;
-      padding: 0px 10px;
-    }
+      [tools] {
+        display: flex;
+        align-items: center;
+        overflow: none;
+        padding: 0px 10px;
+      }
 
-    [tools] > * {
-      padding: 0px;
-    }
+      [tools] > * {
+        padding: 0px;
+      }
 
-    [tools] > span[button] {
-      min-width: 30px;
-    }
+      [tools] > span[button] {
+        min-width: 30px;
+      }
 
-    [tools] > span[padding] {
-      flex: 1;
-    }
+      [tools] > span[padding] {
+        flex: 1;
+      }
 
-    [tools] > .vline {
-      display: block;
-      flex: none;
-      border-left: 1px solid rgba(255, 255, 255, 0.2);
-      border-right: 1px solid rgba(0, 0, 0, 0.15);
-      width: 0px;
-      height: 18px;
-      margin: 0 3px;
-    }
+      [tools] > .vline {
+        display: block;
+        flex: none;
+        border-left: 1px solid rgba(255, 255, 255, 0.2);
+        border-right: 1px solid rgba(0, 0, 0, 0.15);
+        width: 0px;
+        height: 18px;
+        margin: 0 3px;
+      }
 
-    span[button] {
-      min-height: 35px;
+      span[button] {
+        min-height: 35px;
 
-      background: url('/assets/images/icon-htoolbar.png') no-repeat;
-      background-position-x: 50%;
-      opacity: 0.8;
-    }
+        background: var(--url-icon-toolbar) no-repeat;
+        background-position-x: 50%;
+        opacity: 0.8;
+      }
 
-    span[button]:hover {
-      opacity: 1;
-      background-color: rgba(0, 0, 0, 0.1);
-      cursor: pointer;
-    }
-  `]
-  
+      span[button]:hover {
+        opacity: 1;
+        background-color: rgba(0, 0, 0, 0.1);
+        cursor: pointer;
+      }
+    `
+  ]
+
   render() {
-    return html`
-      <slot></slot>
-      `
+    return html` <slot></slot> `
   }
-  
+
   firstUpdated() {
@@ -125,3 +125,2 @@ this.addEventListener('mousewheel', this.onWheelEvent.bind(this), false)
     switch (e.code) {
-
       default:
@@ -134,5 +133,4 @@ return false
   }
-
 }
 
 customElements.define('process-edit-toolbar', OxToolbar)

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

Worsened metrics

Total package byte prevSize

89257

decreased by-2.01%

Lines of code

1145

decreased by-2.72%

Dependency changes

• Updated@operato/styles@^0.3.4