@empathyco/x-components 3.0.0-alpha.35 → 3.0.0-alpha.36
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +19 -0
- package/js/components/layouts/fixed-header-and-asides-layout.vue.js +1 -1
- package/js/components/layouts/multi-column-max-width-layout.vue.js +1 -1
- package/js/components/layouts/single-column-layout.vue.js +1 -1
- package/package.json +2 -3
- package/report/tsdoc-metadata.json +1 -1
- package/report/x-adapter.api.json +1 -1
- package/report/x-components.api.json +1 -1
- package/report/x-types.api.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,25 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file. See
|
|
4
4
|
[Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
## [3.0.0-alpha.36](https://github.com/empathyco/x/compare/@empathyco/x-components@3.0.0-alpha.35...@empathyco/x-components@3.0.0-alpha.36) (2021-12-15)
|
|
7
|
+
|
|
8
|
+
### Build System
|
|
9
|
+
|
|
10
|
+
- Load PostCSS plugins from rollup build (#272)
|
|
11
|
+
([aaed2f3](https://github.com/empathyco/x/commit/aaed2f328b0b7252853922703283c77bcd1221d0)),
|
|
12
|
+
closes [EX-5162](https://searchbroker.atlassian.net/browse/EX-5162)
|
|
13
|
+
|
|
14
|
+
### Testing
|
|
15
|
+
|
|
16
|
+
- **e2e:** fix tagging tests (#270)
|
|
17
|
+
([ff2ecba](https://github.com/empathyco/x/commit/ff2ecbac79fd3c16d72a05c133dbe0b60de606f7)),
|
|
18
|
+
closes [EX-5161](https://searchbroker.atlassian.net/browse/EX-5161)
|
|
19
|
+
|
|
20
|
+
# Change Log
|
|
21
|
+
|
|
22
|
+
All notable changes to this project will be documented in this file. See
|
|
23
|
+
[Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
24
|
+
|
|
6
25
|
## [3.0.0-alpha.35](https://github.com/empathyco/x/compare/@empathyco/x-components@3.0.0-alpha.34...@empathyco/x-components@3.0.0-alpha.35) (2021-12-14)
|
|
7
26
|
|
|
8
27
|
### Features
|
|
@@ -180,7 +180,7 @@ __vue_render__._withStripped = true;
|
|
|
180
180
|
/* style */
|
|
181
181
|
var __vue_inject_styles__ = function (inject) {
|
|
182
182
|
if (!inject) { return }
|
|
183
|
-
inject("data-v-7c425b28_0", { source: ".dev-mode .slot-helper[data-v-7c425b28] {\n font-family: inherit;\n color: grey;\n box-sizing: border-box;\n display: flex;\n height: 100%;\n width: 100%;\n justify-content: center;\n align-items: center;\n border: dashed 1px grey;\n border-radius: 10px;\n}\n.x-layout[data-v-7c425b28] {\n display: grid;\n align-content: stretch;\n min-height: 100%;\n max-height: 100%;\n --x-size-margin-max-width: calc((100vw - var(--x-size-max-width-layout, 1440px)) / 2);\n --x-size-margin-layout: max(\n var(--x-size-min-margin-layout, 20px),\n var(--x-size-margin-max-width)\n );\n grid-template-rows: [page-start header-start] auto [header-end sub-header-start] auto [sub-header-end toolbar-start] auto [toolbar-end main-start] 1fr [main-end page-end];\n grid-template-columns: [page-start] var(--x-size-margin-layout) [max-width-start] 1fr [max-width-end] var(--x-size-margin-layout) [page-end];\n}\n.x-layout__header[data-v-7c425b28] {\n position: sticky;\n top: -0.5px;\n z-index: 2;\n grid-row: header;\n grid-column: page;\n max-height: var(--x-size-max-height-layout-header, auto);\n padding: 0 var(--x-size-margin-layout);\n background: var(--x-color-background-layout-header, transparent);\n border-color: var(--x-size-border-color-layout-header, transparent);\n border-width: var(--x-size-border-width-layout-header, 0);\n border-style: solid;\n}\n.x-layout__sub-header[data-v-7c425b28] {\n grid-row: sub-header;\n grid-column: page;\n padding: 0 var(--x-size-margin-layout);\n background: var(--x-color-background-layout-sub-header, transparent);\n border-color: var(--x-size-border-color-layout-sub-header, transparent);\n border-width: var(--x-size-border-width-layout-sub-header, 0);\n border-style: solid;\n}\n.x-layout__toolbar[data-v-7c425b28] {\n grid-row: toolbar;\n grid-column: max-width;\n}\n.x-layout__main[data-v-7c425b28] {\n grid-row: main;\n grid-column: max-width;\n}\n.x-layout__aside[data-v-7c425b28] {\n pointer-events: none;\n}\n.x-layout__aside.x-modal[data-v-7c425b28] {\n z-index: 3;\n flex-flow: row nowrap;\n}\n.x-layout__aside.x-modal[data-v-7c425b28] .x-modal__content {\n background-color: transparent;\n height: 100%;\n width: var(--x-size-width-layout-aside, 300px);\n}\n.x-layout__aside[data-v-7c425b28] > *:not(.slot-helper) {\n pointer-events: all;\n}\n.x-layout__aside--right.x-modal[data-v-7c425b28] {\n justify-content: flex-end;\n}\n.x-layout__scroll-to-top[data-v-7c425b28] {\n position: fixed;\n z-index: 1;\n bottom: var(--x-size-margin-bottom-layout-scroll-to-top, 16px);\n right: var(--x-size-margin-right-layout-scroll-to-top, 16px);\n}\n.x-layout__header-backdrop[data-v-7c425b28] {\n grid-row: page;\n grid-column: page;\n position: sticky;\n top: -0.5px;\n z-index: 1;\n height: var(--x-size-height-layout-backdrop, 40vh);\n width: 100%;\n pointer-events: none;\n background-color: var(--x-color-background-layout-header-backdrop, var(--x-color-base-neutral-100, white));\n mask: linear-gradient(to bottom, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));\n opacity: 0;\n transition: opacity 0.2s ease-out;\n}\n.x-layout__header-backdrop--is-visible[data-v-7c425b28] {\n opacity: 1;\n}", map: undefined, media: undefined });
|
|
183
|
+
inject("data-v-7c425b28_0", { source: ".dev-mode .slot-helper[data-v-7c425b28] {\n font-family: inherit;\n color: grey;\n box-sizing: border-box;\n display: flex;\n height: 100%;\n width: 100%;\n justify-content: center;\n align-items: center;\n border: dashed 1px grey;\n border-radius: 10px;\n}\n.x-layout[data-v-7c425b28] {\n display: grid;\n align-content: stretch;\n min-height: 100%;\n max-height: 100%;\n --x-size-margin-max-width: calc((100vw - var(--x-size-max-width-layout, 1440px)) / 2);\n --x-size-margin-layout: max(\n var(--x-size-min-margin-layout, 20px),\n var(--x-size-margin-max-width)\n );\n grid-template-rows: [page-start header-start] auto [header-end sub-header-start] auto [sub-header-end toolbar-start] auto [toolbar-end main-start] 1fr [main-end page-end];\n grid-template-columns: [page-start] var(--x-size-margin-layout) [max-width-start] 1fr [max-width-end] var(--x-size-margin-layout) [page-end];\n}\n.x-layout__header[data-v-7c425b28] {\n position: sticky;\n top: -0.5px;\n z-index: 2;\n grid-row: header;\n grid-column: page;\n max-height: var(--x-size-max-height-layout-header, auto);\n padding: 0 var(--x-size-margin-layout);\n background: var(--x-color-background-layout-header, transparent);\n border-color: var(--x-size-border-color-layout-header, transparent);\n border-width: var(--x-size-border-width-layout-header, 0);\n border-style: solid;\n}\n.x-layout__sub-header[data-v-7c425b28] {\n grid-row: sub-header;\n grid-column: page;\n padding: 0 var(--x-size-margin-layout);\n background: var(--x-color-background-layout-sub-header, transparent);\n border-color: var(--x-size-border-color-layout-sub-header, transparent);\n border-width: var(--x-size-border-width-layout-sub-header, 0);\n border-style: solid;\n}\n.x-layout__toolbar[data-v-7c425b28] {\n grid-row: toolbar;\n grid-column: max-width;\n}\n.x-layout__main[data-v-7c425b28] {\n grid-row: main;\n grid-column: max-width;\n}\n.x-layout__aside[data-v-7c425b28] {\n pointer-events: none;\n}\n.x-layout__aside.x-modal[data-v-7c425b28] {\n z-index: 3;\n flex-flow: row nowrap;\n}\n.x-layout__aside.x-modal[data-v-7c425b28] .x-modal__content {\n background-color: transparent;\n height: 100%;\n width: var(--x-size-width-layout-aside, 300px);\n}\n.x-layout__aside[data-v-7c425b28] > *:not(.slot-helper) {\n pointer-events: all;\n}\n.x-layout__aside--right.x-modal[data-v-7c425b28] {\n justify-content: flex-end;\n}\n.x-layout__scroll-to-top[data-v-7c425b28] {\n position: fixed;\n z-index: 1;\n bottom: var(--x-size-margin-bottom-layout-scroll-to-top, 16px);\n right: var(--x-size-margin-right-layout-scroll-to-top, 16px);\n}\n.x-layout__header-backdrop[data-v-7c425b28] {\n grid-row: page;\n grid-column: page;\n position: sticky;\n top: -0.5px;\n z-index: 1;\n height: var(--x-size-height-layout-backdrop, 40vh);\n width: 100%;\n pointer-events: none;\n background-color: var(--x-color-background-layout-header-backdrop, var(--x-color-base-neutral-100, white));\n -webkit-mask: linear-gradient(to bottom, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));\n mask: linear-gradient(to bottom, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));\n opacity: 0;\n transition: opacity 0.2s ease-out;\n}\n.x-layout__header-backdrop--is-visible[data-v-7c425b28] {\n opacity: 1;\n}", map: undefined, media: undefined });
|
|
184
184
|
|
|
185
185
|
};
|
|
186
186
|
/* scoped */
|
|
@@ -235,7 +235,7 @@ __vue_render__._withStripped = true;
|
|
|
235
235
|
var __vue_inject_styles__ = function (inject) {
|
|
236
236
|
if (!inject) { return }
|
|
237
237
|
inject("data-v-24f2b448_0", { source: ":root {\n --x-size-min-margin-layout-columns: var(--x-size-base-06);\n --x-size-column-gap-layout-columns: var(--x-size-base-06);\n --x-size-padding-top-layout-columns-header: var(--x-size-base-07);\n --x-size-padding-bottom-layout-columns-header: var(--x-size-base-05);\n --x-size-padding-top-layout-columns-toolbar: var(--x-size-base-05);\n --x-size-padding-bottom-layout-columns-toolbar: var(--x-size-base-03);\n --x-size-margin-bottom-layout-columns-scroll-to-top: var(--x-size-base-03);\n --x-size-margin-left-layout-columns-scroll-to-top: var(--x-size-base-03);\n --x-color-background-layout-columns: var(--x-color-base-neutral-100);\n --x-color-border-layout-columns: var(--x-color-base-neutral-70);\n --x-color-border-layout-columns-header: var(--x-color-border-layout-columns);\n --x-color-border-layout-columns-sub-header: var(--x-color-border-layout-columns);\n --x-color-border-layout-columns-toolbar: var(--x-color-border-layout-columns);\n --x-color-border-layout-columns-main: var(--x-color-border-layout-columns);\n --x-color-border-layout-columns-main-aside: var(--x-color-border-layout-columns);\n --x-color-border-layout-columns-main-body: var(--x-color-border-layout-columns);\n --x-size-border-width-layout-columns-header: 0;\n --x-size-border-width-layout-columns-toolbar: 1px 0 0;\n}", map: undefined, media: undefined })
|
|
238
|
-
,inject("data-v-24f2b448_1", { source: ".dev-mode .slot-helper[data-v-24f2b448] {\n font-family: inherit;\n color: grey;\n box-sizing: border-box;\n display: flex;\n height: 100%;\n width: 100%;\n justify-content: center;\n align-items: center;\n border: dashed 1px grey;\n border-radius: 10px;\n}\n.x-layout[data-v-24f2b448] {\n --x-size-gap-default: var(--x-size-column-gap-layout-columns, 20px);\n --x-size-margin-max-width: calc((100vw - var(--x-size-max-width-layout-columns, 1440px)) / 2);\n --x-size-margin-layout-columns: max(\n var(--x-size-min-margin-layout-columns, 20px),\n var(--x-size-margin-max-width)\n );\n --x-number-columns-header-middle: calc(var(--x-number-columns-layout-columns, 5) - 2);\n --x-number-columns-sub-header-content: var(--x-number-columns-header-middle);\n --x-number-columns-toolbar-body: calc(var(--x-number-columns-layout-columns, 5) - 1);\n display: grid;\n align-content: stretch;\n max-height: 100%;\n grid-template-columns: [page-start] 1fr [scroll-to-top-start] calc(var(--x-size-margin-layout-columns) + var(--x-size-gap-default)) [scroll-to-top-end page-end];\n grid-template-rows: [page-start header-start] auto [header-end sub-header-start] auto [sub-header-end toolbar-start] auto [toolbar-end main-start] 1fr [scroll-to-top-start] auto [main-end scroll-to-top-end page-end];\n}\n.x-layout__header[data-v-24f2b448] {\n grid-column: page;\n grid-row: header;\n display: grid;\n column-gap: var(--x-size-gap-default);\n grid-template-columns: [header-start] var(--x-size-margin-layout-columns) [start-content-start] 1fr [start-content-end middle-content-start] repeat(var(--x-number-columns-header-middle), 1fr) [middle-content-end end-content-start] 1fr [end-content-end] var(--x-size-margin-layout-columns) [header-end];\n padding-
|
|
238
|
+
,inject("data-v-24f2b448_1", { source: ".dev-mode .slot-helper[data-v-24f2b448] {\n font-family: inherit;\n color: grey;\n box-sizing: border-box;\n display: flex;\n height: 100%;\n width: 100%;\n justify-content: center;\n align-items: center;\n border: dashed 1px grey;\n border-radius: 10px;\n}\n.x-layout[data-v-24f2b448] {\n --x-size-gap-default: var(--x-size-column-gap-layout-columns, 20px);\n --x-size-margin-max-width: calc((100vw - var(--x-size-max-width-layout-columns, 1440px)) / 2);\n --x-size-margin-layout-columns: max(\n var(--x-size-min-margin-layout-columns, 20px),\n var(--x-size-margin-max-width)\n );\n --x-number-columns-header-middle: calc(var(--x-number-columns-layout-columns, 5) - 2);\n --x-number-columns-sub-header-content: var(--x-number-columns-header-middle);\n --x-number-columns-toolbar-body: calc(var(--x-number-columns-layout-columns, 5) - 1);\n display: grid;\n align-content: stretch;\n max-height: 100%;\n grid-template-columns: [page-start] 1fr [scroll-to-top-start] calc(var(--x-size-margin-layout-columns) + var(--x-size-gap-default)) [scroll-to-top-end page-end];\n grid-template-rows: [page-start header-start] auto [header-end sub-header-start] auto [sub-header-end toolbar-start] auto [toolbar-end main-start] 1fr [scroll-to-top-start] auto [main-end scroll-to-top-end page-end];\n}\n.x-layout__header[data-v-24f2b448] {\n grid-column: page;\n grid-row: header;\n display: grid;\n column-gap: var(--x-size-gap-default);\n grid-template-columns: [header-start] var(--x-size-margin-layout-columns) [start-content-start] 1fr [start-content-end middle-content-start] repeat(var(--x-number-columns-header-middle), 1fr) [middle-content-end end-content-start] 1fr [end-content-end] var(--x-size-margin-layout-columns) [header-end];\n padding-top: var(--x-size-padding-top-layout-columns-header, 0);\n padding-bottom: var(--x-size-padding-bottom-layout-columns-header, 0);\n margin-top: var(--x-size-margin-top-layout-columns-header, 0);\n margin-bottom: var(--x-size-margin-bottom-layout-columns-header, 0);\n background-color: var(--x-color-background-layout-columns-header, transparent);\n border-color: var(--x-color-border-layout-columns-header, transparent);\n border-style: solid;\n border-width: var(--x-size-border-width-layout-columns-header, 0);\n}\n.x-layout__header-start[data-v-24f2b448] {\n grid-column: start-content;\n}\n.x-layout__header-start.x-list[data-v-24f2b448] {\n flex-flow: var(--x-flow-layout-columns-header-start, row nowrap);\n justify-content: var(--x-size-justify-layout-columns-header-start, flex start);\n align-items: var(--x-size-align-layout-columns-header-start, flex start);\n}\n.x-layout__header-middle[data-v-24f2b448] {\n grid-column: middle-content;\n}\n.x-layout__header-middle.x-list[data-v-24f2b448] {\n flex-flow: var(--x-flow-layout-columns-header-middle, row nowrap);\n justify-content: var(--x-size-justify-layout-columns-header-middle, center);\n align-items: var(--x-size-align-layout-columns-header-middle, flex start);\n}\n.x-layout__header-end[data-v-24f2b448] {\n grid-column: end-content;\n}\n.x-layout__header-end.x-list[data-v-24f2b448] {\n flex-flow: var(--x-flow-layout-columns-header-end, row nowrap);\n justify-content: var(--x-size-justify-layout-columns-header-end, flex-end);\n align-items: var(--x-size-align-layout-columns-header-end, flex-start);\n}\n.x-layout__sub-header[data-v-24f2b448] {\n grid-column: page;\n grid-row: sub-header;\n display: grid;\n column-gap: var(--x-size-gap-default);\n grid-template-columns: [sub-header-start] var(--x-size-margin-layout-columns) 1fr [sub-header-content-start] repeat(var(--x-number-columns-sub-header-content), 1fr) [sub-header-content-end] 1fr var(--x-size-margin-layout-columns) [sub-header-end];\n padding-top: var(--x-size-padding-top-layout-columns-sub-header, 0);\n padding-bottom: var(--x-size-padding-bottom-layout-columns-sub-header), 0;\n margin-top: var(--x-size-margin-top-layout-columns-sub-header, 0);\n margin-bottom: var(--x-size-margin-bottom-layout-columns-sub-header, 0);\n background-color: var(--x-color-background-layout-columns-sub-header, transparent);\n border-color: var(--x-color-border-layout-columns-sub-header, transparent);\n border-style: solid;\n border-width: var(--x-size-border-width-layout-columns-sub-header, 0);\n}\n.x-layout__sub-header-content[data-v-24f2b448] {\n grid-column: sub-header-content;\n}\n.x-layout__sub-header-content.x-list[data-v-24f2b448] {\n flex-flow: var(--x-flow-layout-columns-sub-header, row nowrap);\n justify-content: var(--x-size-justify-layout-columns-sub-header, flex-start);\n align-items: var(--x-size-align-layout-columns-sub-header, flex-start);\n}\n.x-layout__toolbar[data-v-24f2b448] {\n grid-column: page;\n grid-row: toolbar;\n display: grid;\n column-gap: var(--x-size-gap-default);\n grid-template-columns: [toolbar-start] var(--x-size-margin-layout-columns) [toolbar-aside-start] 1fr [toolbar-aside-end toolbar-body-start] repeat(var(--x-number-columns-toolbar-body), 1fr) [toolbar-body-end] var(--x-size-margin-layout-columns) [toolbar-end];\n padding-top: var(--x-size-padding-top-layout-columns-toolbar, 0);\n padding-bottom: var(--x-size-padding-bottom-layout-columns-toolbar, 0);\n margin-top: var(--x-size-margin-top-layout-columns-toolbar, 0);\n margin-bottom: var(--x-size-margin-bottom-layout-columns-toolbar, 0);\n background-color: var(--x-color-background-layout-columns-toolbar, transparent);\n border-color: var(--x-color-border-layout-columns-toolbar, transparent);\n border-style: solid;\n border-width: var(--x-size-border-width-layout-columns-toolbar, 0);\n}\n.x-layout__toolbar-aside[data-v-24f2b448] {\n grid-column: toolbar-aside;\n}\n.x-layout__toolbar-aside.x-list[data-v-24f2b448] {\n flex-flow: var(--x-flow-layout-columns-toolbar-aside, row nowrap);\n justify-content: var(--x-size-justify-layout-columns-toolbar-aside, flex-start);\n align-items: var(--x-size-align-layout-columns-toolbar-aside, center);\n}\n.x-layout__toolbar-body[data-v-24f2b448] {\n grid-column: toolbar-body;\n}\n.x-layout__toolbar-body.x-list[data-v-24f2b448] {\n flex-flow: var(--x-flow-layout-columns-toolbar-body, row nowrap);\n justify-content: var(--x-size-justify-layout-columns-toolbar-body, flex-end);\n align-items: var(--x-size-align-layout-columns-toolbar-body, center);\n}\n.x-layout__main[data-v-24f2b448] {\n grid-column: page;\n grid-row: main;\n min-height: 0;\n display: flex;\n flex-flow: row nowrap;\n justify-content: stretch;\n padding-left: calc(var(--x-size-margin-layout-columns) + var(--x-size-gap-default));\n padding-top: var(--x-size-padding-top-layout-columns-main, 0);\n padding-bottom: var(--x-size-padding-bottom-layout-columns-main, 0);\n margin-top: var(--x-size-margin-top-layout-columns-main, 0);\n margin-bottom: var(--x-size-margin-bottom-layout-columns-main, 0);\n background-color: var(--x-color-background-layout-columns-main, transparent);\n border-color: var(--x-color-border-layout-columns-main, transparent);\n border-style: solid;\n border-width: var(--x-size-border-width-layout-columns-main, 0);\n}\n.x-layout__collapse-aside[data-v-24f2b448] {\n width: calc( ( 100% - var(--x-size-gap-default) * (var(--x-number-columns-layout-columns, 5)) - var(--x-size-margin-layout-columns) ) / var(--x-number-columns-layout-columns, 5) + var(--x-size-gap-default) );\n}\n.x-layout__aside-scroll[data-v-24f2b448] {\n height: 100%;\n margin-right: var(--x-size-gap-default);\n}\n.x-layout__body-scroll[data-v-24f2b448] {\n flex: 1 1 auto;\n width: 0;\n padding-right: calc(var(--x-size-margin-layout-columns) + var(--x-size-gap-default) - 16px);\n}\n.x-layout__body-scroll.x-scroll[data-v-24f2b448] {\n --x-string-overflow-scroll: scroll;\n}\n.x-layout__scroll-to-top[data-v-24f2b448] {\n grid-area: scroll-to-top;\n justify-content: flex-end;\n width: 100%;\n display: flex;\n z-index: 1;\n pointer-events: none;\n}\n[dir=\"ltr\"] .x-layout__scroll-to-top-content[data-v-24f2b448] {\n padding-left: var(--x-size-margin-left-layout-columns-scroll-to-top, 10px);\n}\n[dir=\"rtl\"] .x-layout__scroll-to-top-content[data-v-24f2b448] {\n padding-right: var(--x-size-margin-left-layout-columns-scroll-to-top, 10px);\n}\n.x-layout__scroll-to-top-content[data-v-24f2b448] {\n flex: 1 0 auto;\n padding-bottom: var(--x-size-margin-bottom-layout-columns-scroll-to-top, 10px);\n}\n.x-layout__scroll-to-top-content[data-v-24f2b448] > * {\n pointer-events: all;\n}", map: undefined, media: undefined });
|
|
239
239
|
|
|
240
240
|
};
|
|
241
241
|
/* scoped */
|
|
@@ -172,7 +172,7 @@ __vue_render__._withStripped = true;
|
|
|
172
172
|
/* style */
|
|
173
173
|
var __vue_inject_styles__ = function (inject) {
|
|
174
174
|
if (!inject) { return }
|
|
175
|
-
inject("data-v-1842dc0c_0", { source: ".dev-mode .slot-helper[data-v-1842dc0c] {\n font-family: inherit;\n color: grey;\n box-sizing: border-box;\n display: flex;\n height: 100%;\n width: 100%;\n justify-content: center;\n align-items: center;\n border: dashed 1px grey;\n border-radius: 10px;\n}\n.x-layout[data-v-1842dc0c] {\n display: grid;\n align-content: stretch;\n justify-content: stretch;\n height: 100%;\n grid-template-rows: [page-start header-start] auto [header-end sub-header-start] auto [sub-header-end toolbar-start] auto [toolbar-end main-start] 1fr [floating-start] auto [main-end floating-end footer-start] auto [footer-end page-end];\n grid-template-columns: 1fr;\n}\n.x-layout > *[data-v-1842dc0c] {\n grid-column: 1/-1;\n min-width: 0;\n min-height: 0;\n display: flex;\n}\n.x-layout__header[data-v-1842dc0c] {\n grid-row: header;\n}\n.x-layout__sub-header[data-v-1842dc0c] {\n grid-row: sub-header;\n}\n.x-layout__toolbar[data-v-1842dc0c] {\n grid-row: toolbar;\n}\n.x-layout__predictive[data-v-1842dc0c] {\n grid-row-start: header-end;\n grid-row-end: page-end;\n flex-flow: column nowrap;\n z-index: 2;\n}\n.x-layout__main[data-v-1842dc0c] {\n grid-row: main;\n flex-flow: column nowrap;\n}\n.x-layout__floating[data-v-1842dc0c] {\n grid-row: floating;\n z-index: 1;\n}\n.x-layout__footer[data-v-1842dc0c] {\n grid-row: footer;\n}\n.x-layout__aside[data-v-1842dc0c] {\n grid-row: page;\n z-index: 3;\n}\n.x-layout__aside[data-v-1842dc0c] .x-modal__content {\n
|
|
175
|
+
inject("data-v-1842dc0c_0", { source: ".dev-mode .slot-helper[data-v-1842dc0c] {\n font-family: inherit;\n color: grey;\n box-sizing: border-box;\n display: flex;\n height: 100%;\n width: 100%;\n justify-content: center;\n align-items: center;\n border: dashed 1px grey;\n border-radius: 10px;\n}\n.x-layout[data-v-1842dc0c] {\n display: grid;\n align-content: stretch;\n justify-content: stretch;\n height: 100%;\n grid-template-rows: [page-start header-start] auto [header-end sub-header-start] auto [sub-header-end toolbar-start] auto [toolbar-end main-start] 1fr [floating-start] auto [main-end floating-end footer-start] auto [footer-end page-end];\n grid-template-columns: 1fr;\n}\n.x-layout > *[data-v-1842dc0c] {\n grid-column: 1/-1;\n min-width: 0;\n min-height: 0;\n display: flex;\n}\n.x-layout__header[data-v-1842dc0c] {\n grid-row: header;\n}\n.x-layout__sub-header[data-v-1842dc0c] {\n grid-row: sub-header;\n}\n.x-layout__toolbar[data-v-1842dc0c] {\n grid-row: toolbar;\n}\n.x-layout__predictive[data-v-1842dc0c] {\n grid-row-start: header-end;\n grid-row-end: page-end;\n flex-flow: column nowrap;\n z-index: 2;\n}\n.x-layout__main[data-v-1842dc0c] {\n grid-row: main;\n flex-flow: column nowrap;\n}\n.x-layout__floating[data-v-1842dc0c] {\n grid-row: floating;\n z-index: 1;\n}\n.x-layout__footer[data-v-1842dc0c] {\n grid-row: footer;\n}\n.x-layout__aside[data-v-1842dc0c] {\n grid-row: page;\n z-index: 3;\n}\n[dir=\"ltr\"] .x-layout__aside[data-v-1842dc0c] .x-modal__content {\n margin-left: var(--x-size-margin-left-layout-single-column, 0);\n}\n[dir=\"rtl\"] .x-layout__aside[data-v-1842dc0c] .x-modal__content {\n margin-right: var(--x-size-margin-left-layout-single-column, 0);\n}\n.x-layout__aside[data-v-1842dc0c] .x-modal__content {\n width: 100%;\n height: 100%;\n}\n.x-layout__predictive[data-v-1842dc0c], .x-layout__floating[data-v-1842dc0c], .x-layout__aside[data-v-1842dc0c],\n.x-layout .slot-helper[data-v-1842dc0c] {\n pointer-events: none;\n}\n.x-layout__predictive[data-v-1842dc0c] > *, .x-layout__floating[data-v-1842dc0c] > *, .x-layout__aside[data-v-1842dc0c] > *,\n.x-layout .slot-helper[data-v-1842dc0c] > * {\n pointer-events: all;\n}\n.x-layout__predictive[data-v-1842dc0c] .x-list, .x-layout__floating[data-v-1842dc0c] .x-list, .x-layout__aside[data-v-1842dc0c] .x-list,\n.x-layout .slot-helper[data-v-1842dc0c] .x-list {\n pointer-events: none;\n}\n.x-layout__predictive[data-v-1842dc0c] .x-list > *, .x-layout__floating[data-v-1842dc0c] .x-list > *, .x-layout__aside[data-v-1842dc0c] .x-list > *,\n.x-layout .slot-helper[data-v-1842dc0c] .x-list > * {\n pointer-events: all;\n}", map: undefined, media: undefined });
|
|
176
176
|
|
|
177
177
|
};
|
|
178
178
|
/* scoped */
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@empathyco/x-components",
|
|
3
|
-
"version": "3.0.0-alpha.
|
|
3
|
+
"version": "3.0.0-alpha.36",
|
|
4
4
|
"description": "Empathy X Components",
|
|
5
5
|
"author": "Empathy Systems Corporation S.L.",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -112,7 +112,6 @@
|
|
|
112
112
|
"rollup": "~1.31.0",
|
|
113
113
|
"rollup-plugin-copy": "~3.4.0",
|
|
114
114
|
"rollup-plugin-delete": "~1.2.0",
|
|
115
|
-
"rollup-plugin-postcss": "~2.0.6",
|
|
116
115
|
"rollup-plugin-rename": "~1.0.1",
|
|
117
116
|
"rollup-plugin-scss": "~2.1.0",
|
|
118
117
|
"rollup-plugin-sourcemaps": "~0.5.0",
|
|
@@ -132,5 +131,5 @@
|
|
|
132
131
|
"access": "public",
|
|
133
132
|
"directory": "dist"
|
|
134
133
|
},
|
|
135
|
-
"gitHead": "
|
|
134
|
+
"gitHead": "1dbbb5f00d47cd57405010ef454a3e347d5a9c2b"
|
|
136
135
|
}
|