@operato/styles 9.0.0-beta.6 → 9.0.0

package/CHANGELOG.md

@@ -3,6 +3,135 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [9.0.0](https://github.com/hatiolab/operato/compare/v9.0.0-beta.92...v9.0.0) (2025-06-30)
+
+**Note:** Version bump only for package @operato/styles
+
+
+
+
+
+## [9.0.0-beta.47](https://github.com/hatiolab/operato/compare/v9.0.0-beta.46...v9.0.0-beta.47) (2025-02-14)
+
+
+### :bug: Bug Fix
+
+* missing export in styles module ([3b04065](https://github.com/hatiolab/operato/commit/3b0406581453f0255726905400c792b7c2f8c446))
+
+
+
+## [9.0.0-beta.38](https://github.com/hatiolab/operato/compare/v9.0.0-beta.37...v9.0.0-beta.38) (2025-02-02)
+
+
+### :rocket: New Features
+
+* module property-panel ([d218a55](https://github.com/hatiolab/operato/commit/d218a5526548da86dd7fbee31f42ca8e10670b3e))
+
+
+
+## [9.0.0-beta.37](https://github.com/hatiolab/operato/compare/v9.0.0-beta.36...v9.0.0-beta.37) (2025-02-01)
+
+**Note:** Version bump only for package @operato/styles
+
+
+
+
+
+## [9.0.0-beta.34](https://github.com/hatiolab/operato/compare/v9.0.0-beta.33...v9.0.0-beta.34) (2025-01-31)
+
+**Note:** Version bump only for package @operato/styles
+
+
+
+
+
+## [9.0.0-beta.33](https://github.com/hatiolab/operato/compare/v9.0.0-beta.32...v9.0.0-beta.33) (2025-01-31)
+
+**Note:** Version bump only for package @operato/styles
+
+
+
+
+
+## [9.0.0-beta.32](https://github.com/hatiolab/operato/compare/v9.0.0-beta.31...v9.0.0-beta.32) (2025-01-31)
+
+**Note:** Version bump only for package @operato/styles
+
+
+
+
+
+## [9.0.0-beta.28](https://github.com/hatiolab/operato/compare/v9.0.0-beta.27...v9.0.0-beta.28) (2025-01-28)
+
+
+### :rocket: New Features
+
+* module property-panel ([d3dd184](https://github.com/hatiolab/operato/commit/d3dd18461756814dc17e33157a397d8d679650a6))
+
+
+
+## [9.0.0-beta.21](https://github.com/hatiolab/operato/compare/v9.0.0-beta.20...v9.0.0-beta.21) (2025-01-28)
+
+
+### :rocket: New Features
+
+* module property-panel ([4f308a0](https://github.com/hatiolab/operato/commit/4f308a0ace57bb156e489eef7998cf443c38fa11))
+
+
+
+## [9.0.0-beta.20](https://github.com/hatiolab/operato/compare/v9.0.0-beta.19...v9.0.0-beta.20) (2025-01-27)
+
+
+### :rocket: New Features
+
+* module property-panel ([03fb303](https://github.com/hatiolab/operato/commit/03fb303816c1629adca2a0ad843a8696ffaa4bef))
+
+
+
+## [9.0.0-beta.18](https://github.com/hatiolab/operato/compare/v9.0.0-beta.17...v9.0.0-beta.18) (2025-01-27)
+
+**Note:** Version bump only for package @operato/styles
+
+
+
+
+
+## [9.0.0-beta.15](https://github.com/hatiolab/operato/compare/v9.0.0-beta.14...v9.0.0-beta.15) (2025-01-27)
+
+
+### :rocket: New Features
+
+* module property-panel ([25d6859](https://github.com/hatiolab/operato/commit/25d6859e2f593f447c55206ca1462d22a7e231bc))
+
+
+
+## [9.0.0-beta.14](https://github.com/hatiolab/operato/compare/v9.0.0-beta.13...v9.0.0-beta.14) (2025-01-27)
+
+
+### :rocket: New Features
+
+* module property-panel ([d78e4cf](https://github.com/hatiolab/operato/commit/d78e4cf7080b95fa74e61b42094b9f3f59f1409b))
+
+
+
+## [9.0.0-beta.11](https://github.com/hatiolab/operato/compare/v9.0.0-beta.10...v9.0.0-beta.11) (2025-01-25)
+
+
+### :bug: Bug Fix
+
+* tsconfig option useDefineForClassFields=false ([0d77c0a](https://github.com/hatiolab/operato/commit/0d77c0aa620282c65b3c05f8e0b559e82836b6ab))
+
+
+
+## [9.0.0-beta.10](https://github.com/hatiolab/operato/compare/v9.0.0-beta.9...v9.0.0-beta.10) (2025-01-25)
+
+
+### :bug: Bug Fix
+
+* tweak tsconfig.json ([3c424b1](https://github.com/hatiolab/operato/commit/3c424b18d046f95d5619076d113d49a4b4dc9bbb))
+
+
+
 ## [9.0.0-beta.6](https://github.com/hatiolab/operato/compare/v9.0.0-beta.5...v9.0.0-beta.6) (2025-01-20)
 
 

package/dist/src/box-padding-editor-styles.d.ts

@@ -0,0 +1 @@
+export declare const BoxPaddingEditorStyles: import("lit").CSSResult;

package/dist/src/box-padding-editor-styles.js

@@ -0,0 +1,99 @@
+import { css, unsafeCSS } from 'lit';
+const ICON_PROPERTIES_PADDING = new URL('../../icons/icon-properties-padding.png', import.meta.url).href;
+export const BoxPaddingEditorStyles = css `
+  :host {
+    --url-icon-properties-padding: url(${unsafeCSS(ICON_PROPERTIES_PADDING)});
+  }
+
+  .box-padding {
+    width: 100%;
+  }
+
+  .box-padding td {
+    background: var(--url-icon-properties-padding) 50% 0 no-repeat;
+  }
+
+  .box-padding tr:nth-child(1),
+  .box-padding tr:nth-child(3) {
+    height: 20px;
+  }
+
+  .box-padding tr td:nth-child(1),
+  .box-padding tr td:nth-child(3) {
+    width: 18px;
+  }
+
+  .box-padding .slide1 {
+    background-position: 0 0;
+  }
+
+  .box-padding .slide2 {
+    background-position: 50% -40px;
+    background-color: rgba(69, 46, 41, 0.2);
+  }
+
+  .box-padding .slide3 {
+    background-position: 100% -440px;
+  }
+
+  .box-padding .slide4 {
+    background-position: 0 -360px;
+    background-color: rgba(69, 46, 41, 0.2);
+  }
+
+  .box-padding .slide5 {
+    background: none;
+    text-align: center;
+  }
+
+  .box-padding .slide6 {
+    background-position: 100% -160px;
+    background-color: rgba(69, 46, 41, 0.2);
+  }
+
+  .box-padding .slide7 {
+    background-position: 0 100%;
+  }
+
+  .box-padding .slide8 {
+    background-position: 50% -320px;
+    background-color: rgba(69, 46, 41, 0.2);
+  }
+
+  .box-padding .slide9 {
+    background-position: 0 0px;
+  }
+
+  .box-padding input {
+    background-color: transparent;
+    width: 35px;
+    margin: 0px;
+    padding: 0px;
+    clear: both;
+    float: initial;
+    border: 1px solid #fff;
+    border-width: 0 0 1px 0;
+    text-align: right;
+    font-size: 14px;
+  }
+
+  .slide5 input:nth-child(1),
+  .slide5 input:nth-child(4) {
+    display: block;
+    margin: auto;
+  }
+
+  .slide5 input:nth-child(2) {
+    float: left;
+  }
+
+  .slide5 input:nth-child(3) {
+    float: right;
+    margin-top: -25px;
+  }
+
+  .slide5 input:nth-child(4) {
+    margin-top: -5px;
+  }
+`;
+//# sourceMappingURL=box-padding-editor-styles.js.map

package/dist/src/box-padding-editor-styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"box-padding-editor-styles.js","sourceRoot":"","sources":["../../src/box-padding-editor-styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,KAAK,CAAA;AAEpC,MAAM,uBAAuB,GAAG,IAAI,GAAG,CAAC,yCAAyC,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAA;AAExG,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,CAAA;;yCAEA,SAAS,CAAC,uBAAuB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6F1E,CAAA","sourcesContent":["import { css, unsafeCSS } from 'lit'\n\nconst ICON_PROPERTIES_PADDING = new URL('../../icons/icon-properties-padding.png', import.meta.url).href\n\nexport const BoxPaddingEditorStyles = css`\n  :host {\n    --url-icon-properties-padding: url(${unsafeCSS(ICON_PROPERTIES_PADDING)});\n  }\n\n  .box-padding {\n    width: 100%;\n  }\n\n  .box-padding td {\n    background: var(--url-icon-properties-padding) 50% 0 no-repeat;\n  }\n\n  .box-padding tr:nth-child(1),\n  .box-padding tr:nth-child(3) {\n    height: 20px;\n  }\n\n  .box-padding tr td:nth-child(1),\n  .box-padding tr td:nth-child(3) {\n    width: 18px;\n  }\n\n  .box-padding .slide1 {\n    background-position: 0 0;\n  }\n\n  .box-padding .slide2 {\n    background-position: 50% -40px;\n    background-color: rgba(69, 46, 41, 0.2);\n  }\n\n  .box-padding .slide3 {\n    background-position: 100% -440px;\n  }\n\n  .box-padding .slide4 {\n    background-position: 0 -360px;\n    background-color: rgba(69, 46, 41, 0.2);\n  }\n\n  .box-padding .slide5 {\n    background: none;\n    text-align: center;\n  }\n\n  .box-padding .slide6 {\n    background-position: 100% -160px;\n    background-color: rgba(69, 46, 41, 0.2);\n  }\n\n  .box-padding .slide7 {\n    background-position: 0 100%;\n  }\n\n  .box-padding .slide8 {\n    background-position: 50% -320px;\n    background-color: rgba(69, 46, 41, 0.2);\n  }\n\n  .box-padding .slide9 {\n    background-position: 0 0px;\n  }\n\n  .box-padding input {\n    background-color: transparent;\n    width: 35px;\n    margin: 0px;\n    padding: 0px;\n    clear: both;\n    float: initial;\n    border: 1px solid #fff;\n    border-width: 0 0 1px 0;\n    text-align: right;\n    font-size: 14px;\n  }\n\n  .slide5 input:nth-child(1),\n  .slide5 input:nth-child(4) {\n    display: block;\n    margin: auto;\n  }\n\n  .slide5 input:nth-child(2) {\n    float: left;\n  }\n\n  .slide5 input:nth-child(3) {\n    float: right;\n    margin-top: -25px;\n  }\n\n  .slide5 input:nth-child(4) {\n    margin-top: -5px;\n  }\n`\n"]}

package/dist/src/gradient-direction-styles.d.ts

@@ -0,0 +1,4 @@
+/**
+ * @license Copyright © HatioLab Inc. All rights reserved.
+ */
+export declare const GradientDirectionStyles: import("lit").CSSResult;

package/dist/src/gradient-direction-styles.js

@@ -0,0 +1,78 @@
+/**
+ * @license Copyright © HatioLab Inc. All rights reserved.
+ */
+import { css } from 'lit';
+const ICON_PROPERTIES_GRADIENT_DIRECTION = new URL('../../icons/icon-properties-gradient-direction.png', import.meta.url).href;
+function setGradientDirectionIcon() {
+    document.body.style.setProperty('--url-icon-properties-gradient-direction', `url(${ICON_PROPERTIES_GRADIENT_DIRECTION})`);
+}
+if (document.readyState === 'loading') {
+    document.addEventListener('DOMContentLoaded', setGradientDirectionIcon);
+}
+else {
+    setGradientDirectionIcon();
+}
+export const GradientDirectionStyles = css `
+  .gradient-direction {
+    background: var(--url-icon-properties-gradient-direction) 50% 0 no-repeat;
+    min-height: 32px;
+    padding: 3px 5px;
+  }
+
+  .gradient-direction[value='lefttop-to-rightbottom'] {
+    background-position: 50% 4px;
+  }
+
+  .gradient-direction[value='left-top'] {
+    background-position: 50% 4px;
+  }
+
+  .gradient-direction[value='top-to-bottom'] {
+    background-position: 50% -46px;
+  }
+
+  .gradient-direction[value='righttop-to-leftbottom'] {
+    background-position: 50% -96px;
+  }
+
+  .gradient-direction[value='right-top'] {
+    background-position: 50% -96px;
+  }
+
+  .gradient-direction[value='right-to-left'] {
+    background-position: 50% -146px;
+  }
+
+  .gradient-direction[value='rightbottom-to-lefttop'] {
+    background-position: 50% -196px;
+  }
+
+  .gradient-direction[value='right-bottom'] {
+    background-position: 50% -196px;
+  }
+
+  .gradient-direction[value='bottom-to-top'] {
+    background-position: 50% -246px;
+  }
+
+  .gradient-direction[value='leftbottom-to-righttop'] {
+    background-position: 50% -296px;
+  }
+
+  .gradient-direction[value='left-bottom'] {
+    background-position: 50% -296px;
+  }
+
+  .gradient-direction[value='left-to-right'] {
+    background-position: 50% -346px;
+  }
+
+  .gradient-direction[value='center-to-corner'] {
+    background-position: 50% -396px;
+  }
+
+  .gradient-direction[value='center'] {
+    background-position: 50% -396px;
+  }
+`;
+//# sourceMappingURL=gradient-direction-styles.js.map

package/dist/src/gradient-direction-styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gradient-direction-styles.js","sourceRoot":"","sources":["../../src/gradient-direction-styles.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,MAAM,kCAAkC,GAAG,IAAI,GAAG,CAChD,oDAAoD,EACpD,MAAM,CAAC,IAAI,CAAC,GAAG,CAChB,CAAC,IAAI,CAAA;AAEN,SAAS,wBAAwB;IAC/B,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAC7B,0CAA0C,EAC1C,OAAO,kCAAkC,GAAG,CAC7C,CAAA;AACH,CAAC;AAED,IAAI,QAAQ,CAAC,UAAU,KAAK,SAAS,EAAE,CAAC;IACtC,QAAQ,CAAC,gBAAgB,CAAC,kBAAkB,EAAE,wBAAwB,CAAC,CAAA;AACzE,CAAC;KAAM,CAAC;IACN,wBAAwB,EAAE,CAAA;AAC5B,CAAC;AAED,MAAM,CAAC,MAAM,uBAAuB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8DzC,CAAA","sourcesContent":["/**\n * @license Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport { css } from 'lit'\n\nconst ICON_PROPERTIES_GRADIENT_DIRECTION = new URL(\n  '../../icons/icon-properties-gradient-direction.png',\n  import.meta.url\n).href\n\nfunction setGradientDirectionIcon() {\n  document.body.style.setProperty(\n    '--url-icon-properties-gradient-direction',\n    `url(${ICON_PROPERTIES_GRADIENT_DIRECTION})`\n  )\n}\n\nif (document.readyState === 'loading') {\n  document.addEventListener('DOMContentLoaded', setGradientDirectionIcon)\n} else {\n  setGradientDirectionIcon()\n}\n\nexport const GradientDirectionStyles = css`\n  .gradient-direction {\n    background: var(--url-icon-properties-gradient-direction) 50% 0 no-repeat;\n    min-height: 32px;\n    padding: 3px 5px;\n  }\n\n  .gradient-direction[value='lefttop-to-rightbottom'] {\n    background-position: 50% 4px;\n  }\n\n  .gradient-direction[value='left-top'] {\n    background-position: 50% 4px;\n  }\n\n  .gradient-direction[value='top-to-bottom'] {\n    background-position: 50% -46px;\n  }\n\n  .gradient-direction[value='righttop-to-leftbottom'] {\n    background-position: 50% -96px;\n  }\n\n  .gradient-direction[value='right-top'] {\n    background-position: 50% -96px;\n  }\n\n  .gradient-direction[value='right-to-left'] {\n    background-position: 50% -146px;\n  }\n\n  .gradient-direction[value='rightbottom-to-lefttop'] {\n    background-position: 50% -196px;\n  }\n\n  .gradient-direction[value='right-bottom'] {\n    background-position: 50% -196px;\n  }\n\n  .gradient-direction[value='bottom-to-top'] {\n    background-position: 50% -246px;\n  }\n\n  .gradient-direction[value='leftbottom-to-righttop'] {\n    background-position: 50% -296px;\n  }\n\n  .gradient-direction[value='left-bottom'] {\n    background-position: 50% -296px;\n  }\n\n  .gradient-direction[value='left-to-right'] {\n    background-position: 50% -346px;\n  }\n\n  .gradient-direction[value='center-to-corner'] {\n    background-position: 50% -396px;\n  }\n\n  .gradient-direction[value='center'] {\n    background-position: 50% -396px;\n  }\n`\n"]}

package/dist/src/index.d.ts

@@ -5,3 +5,9 @@ export * from './common-button-styles.js';
 export * from './common-grist-styles.js';
 export * from './button-container-styles.js';
 export * from './common-header-styles.js';
+export * from './box-padding-editor-styles.js';
+export * from './gradient-direction-styles.js';
+export * from './property-grid-styles.js';
+export * from './table-event-styles.js';
+export * from './inspector-styles.js';
+export * from './line-styles.js';

package/dist/src/index.js

@@ -5,4 +5,10 @@ export * from './common-button-styles.js';
 export * from './common-grist-styles.js';
 export * from './button-container-styles.js';
 export * from './common-header-styles.js';
+export * from './box-padding-editor-styles.js';
+export * from './gradient-direction-styles.js';
+export * from './property-grid-styles.js';
+export * from './table-event-styles.js';
+export * from './inspector-styles.js';
+export * from './line-styles.js';
 //# sourceMappingURL=index.js.map

package/dist/src/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAA;AACpC,cAAc,uBAAuB,CAAA;AACrC,cAAc,qBAAqB,CAAA;AACnC,cAAc,2BAA2B,CAAA;AACzC,cAAc,0BAA0B,CAAA;AACxC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,2BAA2B,CAAA","sourcesContent":["export * from './headroom-styles.js'\nexport * from './scrollbar-styles.js'\nexport * from './spinner-styles.js'\nexport * from './common-button-styles.js'\nexport * from './common-grist-styles.js'\nexport * from './button-container-styles.js'\nexport * from './common-header-styles.js'\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAA;AACpC,cAAc,uBAAuB,CAAA;AACrC,cAAc,qBAAqB,CAAA;AACnC,cAAc,2BAA2B,CAAA;AACzC,cAAc,0BAA0B,CAAA;AACxC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,2BAA2B,CAAA;AACzC,cAAc,gCAAgC,CAAA;AAC9C,cAAc,gCAAgC,CAAA;AAC9C,cAAc,2BAA2B,CAAA;AACzC,cAAc,yBAAyB,CAAA;AACvC,cAAc,uBAAuB,CAAA;AACrC,cAAc,kBAAkB,CAAA","sourcesContent":["export * from './headroom-styles.js'\nexport * from './scrollbar-styles.js'\nexport * from './spinner-styles.js'\nexport * from './common-button-styles.js'\nexport * from './common-grist-styles.js'\nexport * from './button-container-styles.js'\nexport * from './common-header-styles.js'\nexport * from './box-padding-editor-styles.js'\nexport * from './gradient-direction-styles.js'\nexport * from './property-grid-styles.js'\nexport * from './table-event-styles.js'\nexport * from './inspector-styles.js'\nexport * from './line-styles.js'\n"]}

package/dist/src/inspector-styles.d.ts

@@ -0,0 +1,4 @@
+/**
+ * @license Copyright © HatioLab Inc. All rights reserved.
+ */
+export declare const InspectorStyles: import("lit").CSSResult;

package/dist/src/inspector-styles.js

@@ -0,0 +1,41 @@
+/**
+ * @license Copyright © HatioLab Inc. All rights reserved.
+ */
+import { css, unsafeCSS } from 'lit';
+const ICON_INSPECTOR = new URL('../../icons/icon-inspector.png', import.meta.url).href;
+export const InspectorStyles = css `
+  :host {
+    --url-icon-inspector: url(${unsafeCSS(ICON_INSPECTOR)});
+  }
+
+  .collapsed::before,
+  .extended::before,
+  .collapsespace::before {
+    background: var(--url-icon-inspector) no-repeat;
+    width: 16px;
+    height: 18px;
+    display: inline-block;
+    content: '';
+    opacity: 0.6;
+  }
+
+  .collapsed::before {
+    background-position: 100% -195px;
+  }
+
+  .extended::before {
+    background-position: 100% -295px;
+  }
+
+  .collapsespace::before {
+    background-position: 100% -395px;
+    opacity: 0.9;
+    width: 16px;
+  }
+  .collapsed,
+  .extended,
+  .collapsespace {
+    border-left: 1px dotted rgba(0, 0, 0, 0.1);
+  }
+`;
+//# sourceMappingURL=inspector-styles.js.map

package/dist/src/inspector-styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inspector-styles.js","sourceRoot":"","sources":["../../src/inspector-styles.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,KAAK,CAAA;AAEpC,MAAM,cAAc,GAAG,IAAI,GAAG,CAAC,gCAAgC,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAA;AAEtF,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,CAAA;;gCAEF,SAAS,CAAC,cAAc,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgCxD,CAAA","sourcesContent":["/**\n * @license Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport { css, unsafeCSS } from 'lit'\n\nconst ICON_INSPECTOR = new URL('../../icons/icon-inspector.png', import.meta.url).href\n\nexport const InspectorStyles = css`\n  :host {\n    --url-icon-inspector: url(${unsafeCSS(ICON_INSPECTOR)});\n  }\n\n  .collapsed::before,\n  .extended::before,\n  .collapsespace::before {\n    background: var(--url-icon-inspector) no-repeat;\n    width: 16px;\n    height: 18px;\n    display: inline-block;\n    content: '';\n    opacity: 0.6;\n  }\n\n  .collapsed::before {\n    background-position: 100% -195px;\n  }\n\n  .extended::before {\n    background-position: 100% -295px;\n  }\n\n  .collapsespace::before {\n    background-position: 100% -395px;\n    opacity: 0.9;\n    width: 16px;\n  }\n  .collapsed,\n  .extended,\n  .collapsespace {\n    border-left: 1px dotted rgba(0, 0, 0, 0.1);\n  }\n`\n"]}

package/dist/src/line-styles.d.ts

@@ -0,0 +1,4 @@
+/**
+ * @license Copyright © HatioLab Inc. All rights reserved.
+ */
+export declare const LineStyles: import("lit").CSSResult;

package/dist/src/line-styles.js

@@ -0,0 +1,144 @@
+/**
+ * @license Copyright © HatioLab Inc. All rights reserved.
+ */
+import { css } from 'lit';
+const ICON_PROPERTIES_LINE_TYPE = new URL('../../icons/icon-properties-line-type.png', import.meta.url).href;
+const ICON_PROPERTIES_ARROW_TYPE = new URL('../../icons/icon-properties-arrow-type.png', import.meta.url).href;
+function setIconProperties() {
+    document.body.style.setProperty('--url-icon-properties-line-type', `url(${ICON_PROPERTIES_LINE_TYPE})`);
+    document.body.style.setProperty('--url-icon-properties-arrow-type', `url(${ICON_PROPERTIES_ARROW_TYPE})`);
+}
+if (document.readyState === 'loading') {
+    document.addEventListener('DOMContentLoaded', setIconProperties);
+}
+else {
+    setIconProperties();
+}
+export const LineStyles = css `
+  .line-type {
+    background: var(--url-icon-properties-line-type) 50% 0 no-repeat;
+    min-height: 24px;
+    padding: 3px 9px;
+  }
+  .line-type.solid {
+    background-position: 50% 14px;
+  }
+  .line-type.round-dot {
+    background-position: 50% -35px;
+  }
+  .line-type.square-dot {
+    background-position: 50% -85px;
+  }
+  .line-type.dash {
+    background-position: 50% -135px;
+  }
+  .line-type.dash-dot {
+    background-position: 50% -185px;
+  }
+  .line-type.long-dash {
+    background-position: 50% -235px;
+  }
+  .line-type.long-dash-dot {
+    background-position: 50% -285px;
+  }
+  .line-type.long-dash-dot-dot {
+    background-position: 50% -335px;
+  }
+
+  .arrow-type {
+    background: var(--url-icon-properties-arrow-type) 50% 0 no-repeat;
+    min-height: 30px;
+    padding: 3px 7px;
+  }
+  .arrow-type.begin-none {
+    background-position: 50% 16px;
+  }
+  .arrow-type.begin-arrow {
+    background-position: 50% -39px;
+  }
+  .arrow-type.begin-open-arrow {
+    background-position: 50% -89px;
+  }
+  .arrow-type.begin-sharp-arrow {
+    background-position: 50% -139px;
+  }
+  .arrow-type.begin-diamond {
+    background-position: 50% -190px;
+  }
+  .arrow-type.begin-oval {
+    background-position: 50% -238px;
+  }
+  .arrow-type.begin-size1 {
+    background-position: 50% -286px;
+  }
+  .arrow-type.begin-size2 {
+    background-position: 50% -336px;
+  }
+  .arrow-type.begin-size3 {
+    background-position: 50% -386px;
+  }
+  .arrow-type.begin-size4 {
+    background-position: 50% -436px;
+  }
+  .arrow-type.begin-size5 {
+    background-position: 50% -486px;
+  }
+  .arrow-type.begin-size6 {
+    background-position: 50% -536px;
+  }
+  .arrow-type.begin-size7 {
+    background-position: 50% -589px;
+  }
+  .arrow-type.begin-size8 {
+    background-position: 50% -639px;
+  }
+  .arrow-type.begin-size9 {
+    background-position: 50% -689px;
+  }
+  .arrow-type.end-none {
+    background-position: 50% 16px;
+  }
+  .arrow-type.end-arrow {
+    background-position: 50% -739px;
+  }
+  .arrow-type.end-open-arrow {
+    background-position: 50% -789px;
+  }
+  .arrow-type.end-sharp-arrow {
+    background-position: 50% -839px;
+  }
+  .arrow-type.end-diamond {
+    background-position: 50% -890px;
+  }
+  .arrow-type.end-oval {
+    background-position: 50% -938px;
+  }
+  .arrow-type.end-size1 {
+    background-position: 50% -986px;
+  }
+  .arrow-type.end-size2 {
+    background-position: 50% -1036px;
+  }
+  .arrow-type.end-size3 {
+    background-position: 50% -1086px;
+  }
+  .arrow-type.end-size4 {
+    background-position: 50% -1136px;
+  }
+  .arrow-type.end-size5 {
+    background-position: 50% -1186px;
+  }
+  .arrow-type.end-size6 {
+    background-position: 50% -1236px;
+  }
+  .arrow-type.end-size7 {
+    background-position: 50% -1289px;
+  }
+  .arrow-type.end-size8 {
+    background-position: 50% -1339px;
+  }
+  .arrow-type.end-size9 {
+    background-position: 50% -1389px;
+  }
+`;
+//# sourceMappingURL=line-styles.js.map

package/dist/src/line-styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"line-styles.js","sourceRoot":"","sources":["../../src/line-styles.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,MAAM,yBAAyB,GAAG,IAAI,GAAG,CAAC,2CAA2C,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAA;AAC5G,MAAM,0BAA0B,GAAG,IAAI,GAAG,CAAC,4CAA4C,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAA;AAE9G,SAAS,iBAAiB;IACxB,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,iCAAiC,EAAE,OAAO,yBAAyB,GAAG,CAAC,CAAA;IACvG,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,kCAAkC,EAAE,OAAO,0BAA0B,GAAG,CAAC,CAAA;AAC3G,CAAC;AAED,IAAI,QAAQ,CAAC,UAAU,KAAK,SAAS,EAAE,CAAC;IACtC,QAAQ,CAAC,gBAAgB,CAAC,kBAAkB,EAAE,iBAAiB,CAAC,CAAA;AAClE,CAAC;KAAM,CAAC;IACN,iBAAiB,EAAE,CAAA;AACrB,CAAC;AAED,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8H5B,CAAA","sourcesContent":["/**\n * @license Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport { css } from 'lit'\n\nconst ICON_PROPERTIES_LINE_TYPE = new URL('../../icons/icon-properties-line-type.png', import.meta.url).href\nconst ICON_PROPERTIES_ARROW_TYPE = new URL('../../icons/icon-properties-arrow-type.png', import.meta.url).href\n\nfunction setIconProperties() {\n  document.body.style.setProperty('--url-icon-properties-line-type', `url(${ICON_PROPERTIES_LINE_TYPE})`)\n  document.body.style.setProperty('--url-icon-properties-arrow-type', `url(${ICON_PROPERTIES_ARROW_TYPE})`)\n}\n\nif (document.readyState === 'loading') {\n  document.addEventListener('DOMContentLoaded', setIconProperties)\n} else {\n  setIconProperties()\n}\n\nexport const LineStyles = css`\n  .line-type {\n    background: var(--url-icon-properties-line-type) 50% 0 no-repeat;\n    min-height: 24px;\n    padding: 3px 9px;\n  }\n  .line-type.solid {\n    background-position: 50% 14px;\n  }\n  .line-type.round-dot {\n    background-position: 50% -35px;\n  }\n  .line-type.square-dot {\n    background-position: 50% -85px;\n  }\n  .line-type.dash {\n    background-position: 50% -135px;\n  }\n  .line-type.dash-dot {\n    background-position: 50% -185px;\n  }\n  .line-type.long-dash {\n    background-position: 50% -235px;\n  }\n  .line-type.long-dash-dot {\n    background-position: 50% -285px;\n  }\n  .line-type.long-dash-dot-dot {\n    background-position: 50% -335px;\n  }\n\n  .arrow-type {\n    background: var(--url-icon-properties-arrow-type) 50% 0 no-repeat;\n    min-height: 30px;\n    padding: 3px 7px;\n  }\n  .arrow-type.begin-none {\n    background-position: 50% 16px;\n  }\n  .arrow-type.begin-arrow {\n    background-position: 50% -39px;\n  }\n  .arrow-type.begin-open-arrow {\n    background-position: 50% -89px;\n  }\n  .arrow-type.begin-sharp-arrow {\n    background-position: 50% -139px;\n  }\n  .arrow-type.begin-diamond {\n    background-position: 50% -190px;\n  }\n  .arrow-type.begin-oval {\n    background-position: 50% -238px;\n  }\n  .arrow-type.begin-size1 {\n    background-position: 50% -286px;\n  }\n  .arrow-type.begin-size2 {\n    background-position: 50% -336px;\n  }\n  .arrow-type.begin-size3 {\n    background-position: 50% -386px;\n  }\n  .arrow-type.begin-size4 {\n    background-position: 50% -436px;\n  }\n  .arrow-type.begin-size5 {\n    background-position: 50% -486px;\n  }\n  .arrow-type.begin-size6 {\n    background-position: 50% -536px;\n  }\n  .arrow-type.begin-size7 {\n    background-position: 50% -589px;\n  }\n  .arrow-type.begin-size8 {\n    background-position: 50% -639px;\n  }\n  .arrow-type.begin-size9 {\n    background-position: 50% -689px;\n  }\n  .arrow-type.end-none {\n    background-position: 50% 16px;\n  }\n  .arrow-type.end-arrow {\n    background-position: 50% -739px;\n  }\n  .arrow-type.end-open-arrow {\n    background-position: 50% -789px;\n  }\n  .arrow-type.end-sharp-arrow {\n    background-position: 50% -839px;\n  }\n  .arrow-type.end-diamond {\n    background-position: 50% -890px;\n  }\n  .arrow-type.end-oval {\n    background-position: 50% -938px;\n  }\n  .arrow-type.end-size1 {\n    background-position: 50% -986px;\n  }\n  .arrow-type.end-size2 {\n    background-position: 50% -1036px;\n  }\n  .arrow-type.end-size3 {\n    background-position: 50% -1086px;\n  }\n  .arrow-type.end-size4 {\n    background-position: 50% -1136px;\n  }\n  .arrow-type.end-size5 {\n    background-position: 50% -1186px;\n  }\n  .arrow-type.end-size6 {\n    background-position: 50% -1236px;\n  }\n  .arrow-type.end-size7 {\n    background-position: 50% -1289px;\n  }\n  .arrow-type.end-size8 {\n    background-position: 50% -1339px;\n  }\n  .arrow-type.end-size9 {\n    background-position: 50% -1389px;\n  }\n`\n"]}

package/dist/src/property-grid-styles.d.ts

@@ -0,0 +1,4 @@
+/**
+ * @license Copyright © HatioLab Inc. All rights reserved.
+ */
+export declare const PropertyGridStyles: import("lit").CSSResult;