@empathyco/x-components 3.0.0-alpha.125 → 3.0.0-alpha.128
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 +39 -0
- package/design-system/default-theme.css +8 -8
- package/docs/API-reference/api/x-components.xcomponentaliasapi.fullhistoryqueries.md +13 -0
- package/docs/API-reference/api/x-components.xcomponentaliasapi.historyqueries.md +1 -1
- package/docs/API-reference/api/x-components.xcomponentaliasapi.md +2 -1
- package/docs/API-reference/components/common/layouts/x-components.fixed-header-and-asides-layout.md +3 -0
- package/docs/API-reference/components/common/layouts/x-components.single-column-layout.md +11 -10
- package/docs/build-search-ui/web-archetype-integration-guide.md +9 -9
- package/js/components/layouts/fixed-header-and-asides-layout.vue.js +13 -3
- package/js/components/layouts/fixed-header-and-asides-layout.vue.js.map +1 -1
- package/js/components/layouts/fixed-header-and-asides-layout.vue_rollup-plugin-vue_script.vue.js.map +1 -1
- package/js/components/layouts/single-column-layout.vue.js +13 -3
- package/js/components/layouts/single-column-layout.vue.js.map +1 -1
- package/js/components/layouts/single-column-layout.vue_rollup-plugin-vue_script.vue.js.map +1 -1
- package/js/plugins/x-plugin.alias.js +3 -0
- package/js/plugins/x-plugin.alias.js.map +1 -1
- package/package.json +2 -2
- package/report/x-components.api.json +41 -1
- package/report/x-components.api.md +1 -0
- package/types/components/layouts/fixed-header-and-asides-layout.vue.d.ts.map +1 -1
- package/types/components/layouts/single-column-layout.vue.d.ts.map +1 -1
- package/types/plugins/x-plugin.alias.d.ts.map +1 -1
- package/types/plugins/x-plugin.types.d.ts +3 -1
- package/types/plugins/x-plugin.types.d.ts.map +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,45 @@
|
|
|
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.128](https://github.com/empathyco/x/compare/@empathyco/x-components@3.0.0-alpha.127...@empathyco/x-components@3.0.0-alpha.128) (2022-07-11)
|
|
7
|
+
|
|
8
|
+
### Documentation
|
|
9
|
+
|
|
10
|
+
- Add module type to integration script docs (#592)
|
|
11
|
+
([907bda8](https://github.com/empathyco/x/commit/907bda8b4d825c93461089691f284c1758624a89))
|
|
12
|
+
|
|
13
|
+
# Change Log
|
|
14
|
+
|
|
15
|
+
All notable changes to this project will be documented in this file. See
|
|
16
|
+
[Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
17
|
+
|
|
18
|
+
## [3.0.0-alpha.127](https://github.com/empathyco/x/compare/@empathyco/x-components@3.0.0-alpha.126...@empathyco/x-components@3.0.0-alpha.127) (2022-07-11)
|
|
19
|
+
|
|
20
|
+
### Features
|
|
21
|
+
|
|
22
|
+
- **components:** add new slot `extra-aside` to `SingleColumnLayout` and
|
|
23
|
+
`FixedHeaderAndAsidesLayout` (#591)
|
|
24
|
+
([91d406e](https://github.com/empathyco/x/commit/91d406ed7267d420009a5f3ee8c5cc092f74546a)),
|
|
25
|
+
closes [EX-6614](https://searchbroker.atlassian.net/browse/EX-6614)
|
|
26
|
+
|
|
27
|
+
# Change Log
|
|
28
|
+
|
|
29
|
+
All notable changes to this project will be documented in this file. See
|
|
30
|
+
[Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
31
|
+
|
|
32
|
+
## [3.0.0-alpha.126](https://github.com/empathyco/x/compare/@empathyco/x-components@3.0.0-alpha.125...@empathyco/x-components@3.0.0-alpha.126) (2022-07-07)
|
|
33
|
+
|
|
34
|
+
### Features
|
|
35
|
+
|
|
36
|
+
- **x-plugin:** add full `history queries` list to `alias API`
|
|
37
|
+
([e0e0430](https://github.com/empathyco/x/commit/e0e04301b6158dfc379d495e92c04ec5ef35c4ab)),
|
|
38
|
+
closes [EX-6610](https://searchbroker.atlassian.net/browse/EX-6610)
|
|
39
|
+
|
|
40
|
+
# Change Log
|
|
41
|
+
|
|
42
|
+
All notable changes to this project will be documented in this file. See
|
|
43
|
+
[Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
44
|
+
|
|
6
45
|
## [3.0.0-alpha.125](https://github.com/empathyco/x/compare/@empathyco/x-components@3.0.0-alpha.124...@empathyco/x-components@3.0.0-alpha.125) (2022-07-07)
|
|
7
46
|
|
|
8
47
|
### Features
|
|
@@ -1346,14 +1346,6 @@
|
|
|
1346
1346
|
.x-list > .x-list__item--12 {
|
|
1347
1347
|
flex: 12 1 auto;
|
|
1348
1348
|
}
|
|
1349
|
-
:root {
|
|
1350
|
-
--x-string-flow-list: column nowrap;
|
|
1351
|
-
--x-size-padding-list: 0;
|
|
1352
|
-
--x-size-gap-list: 0;
|
|
1353
|
-
--x-size-justify-list: stretch;
|
|
1354
|
-
--x-size-align-list: stretch;
|
|
1355
|
-
--x-size-align-list-stretch: stretch;
|
|
1356
|
-
}
|
|
1357
1349
|
:root {
|
|
1358
1350
|
--x-string-justify-message-default: center;
|
|
1359
1351
|
--x-size-gap-message-default: var(--x-size-base-03);
|
|
@@ -2906,4 +2898,12 @@
|
|
|
2906
2898
|
--x-size-line-height-base-s: 16px;
|
|
2907
2899
|
--x-size-line-height-base-m: 24px;
|
|
2908
2900
|
--x-size-line-height-base-l: 32px;
|
|
2901
|
+
}
|
|
2902
|
+
:root {
|
|
2903
|
+
--x-string-flow-list: column nowrap;
|
|
2904
|
+
--x-size-padding-list: 0;
|
|
2905
|
+
--x-size-gap-list: 0;
|
|
2906
|
+
--x-size-justify-list: stretch;
|
|
2907
|
+
--x-size-align-list: stretch;
|
|
2908
|
+
--x-size-align-list-stretch: stretch;
|
|
2909
2909
|
}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
<!-- Do not edit this file. It is automatically generated by API Documenter. -->
|
|
2
|
+
|
|
3
|
+
[Home](./index.md) > [@empathyco/x-components](./x-components.md) > [XComponentAliasAPI](./x-components.xcomponentaliasapi.md) > [fullHistoryQueries](./x-components.xcomponentaliasapi.fullhistoryqueries.md)
|
|
4
|
+
|
|
5
|
+
## XComponentAliasAPI.fullHistoryQueries property
|
|
6
|
+
|
|
7
|
+
The [HistoryQueriesXModule](./x-components.historyqueriesxmodule.md) history queries.
|
|
8
|
+
|
|
9
|
+
<b>Signature:</b>
|
|
10
|
+
|
|
11
|
+
```typescript
|
|
12
|
+
readonly fullHistoryQueries: ReadonlyArray<HistoryQuery>;
|
|
13
|
+
```
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
|
|
5
5
|
## XComponentAliasAPI.historyQueries property
|
|
6
6
|
|
|
7
|
-
The [HistoryQueriesXModule](./x-components.historyqueriesxmodule.md) history queries.
|
|
7
|
+
The [HistoryQueriesXModule](./x-components.historyqueriesxmodule.md) history queries matching the query.
|
|
8
8
|
|
|
9
9
|
<b>Signature:</b>
|
|
10
10
|
|
|
@@ -18,7 +18,8 @@ export interface XComponentAliasAPI
|
|
|
18
18
|
| --- | --- | --- |
|
|
19
19
|
| [device](./x-components.xcomponentaliasapi.device.md) | string \| null | The [DeviceXModule](./x-components.devicexmodule.md) detected device. |
|
|
20
20
|
| [facets](./x-components.xcomponentaliasapi.facets.md) | Record<Facet\['id'\], Facet> | The [FacetsXModule](./x-components.facetsxmodule.md) facets. |
|
|
21
|
-
| [
|
|
21
|
+
| [fullHistoryQueries](./x-components.xcomponentaliasapi.fullhistoryqueries.md) | ReadonlyArray<HistoryQuery> | The [HistoryQueriesXModule](./x-components.historyqueriesxmodule.md) history queries. |
|
|
22
|
+
| [historyQueries](./x-components.xcomponentaliasapi.historyqueries.md) | ReadonlyArray<HistoryQuery> | The [HistoryQueriesXModule](./x-components.historyqueriesxmodule.md) history queries matching the query. |
|
|
22
23
|
| [identifierResults](./x-components.xcomponentaliasapi.identifierresults.md) | ReadonlyArray<Result> | The [IdentifierResultsXModule](./x-components.identifierresultsxmodule.md) results. |
|
|
23
24
|
| [isEmpathizeOpen](./x-components.xcomponentaliasapi.isempathizeopen.md) | boolean | The [Empathize](./x-components.empathize.md) is open state. |
|
|
24
25
|
| [nextQueries](./x-components.xcomponentaliasapi.nextqueries.md) | ReadonlyArray<NextQuery> | The [NextQueriesXModule](./x-components.nextqueriesxmodule.md) next queries. |
|
package/docs/API-reference/components/common/layouts/x-components.fixed-header-and-asides-layout.md
CHANGED
|
@@ -24,6 +24,7 @@ Component for use as Layout to be filled with the rest of the components.
|
|
|
24
24
|
| <code>main</code> | Slot that is be used for insert content into the Main. | None |
|
|
25
25
|
| <code>left-aside</code> | Slot that is be used for insert content into the left aside. | None |
|
|
26
26
|
| <code>right-aside</code> | Slot that is be used for insert content into the right aside. | None |
|
|
27
|
+
| <code>extra-aside</code> | | None |
|
|
27
28
|
| <code>scroll-to-top</code> | | None |
|
|
28
29
|
|
|
29
30
|
## Layout
|
|
@@ -37,6 +38,8 @@ This component has the following layout with fixed headers and collapsible fixed
|
|
|
37
38
|
| | main | |
|
|
38
39
|
| | | scroll-to-top |
|
|
39
40
|
|
|
41
|
+
Additionally it provides an empty slot `extra-aside` to be customized by the user.
|
|
42
|
+
|
|
40
43
|
## Design Tokens
|
|
41
44
|
|
|
42
45
|
The component has also the following `Design Tokens` to configure it:
|
|
@@ -17,13 +17,14 @@ Component for use as Layout to be filled with the rest of the Components.
|
|
|
17
17
|
|
|
18
18
|
## Slots
|
|
19
19
|
|
|
20
|
-
| Name
|
|
21
|
-
|
|
|
22
|
-
| <code>header</code>
|
|
23
|
-
| <code>sub-header</code>
|
|
24
|
-
| <code>toolbar</code>
|
|
25
|
-
| <code>predictive</code>
|
|
26
|
-
| <code>main</code>
|
|
27
|
-
| <code>floating</code>
|
|
28
|
-
| <code>footer</code>
|
|
29
|
-
| <code>aside</code>
|
|
20
|
+
| Name | Description | Bindings<br />(name - type - description) |
|
|
21
|
+
| ------------------------ | ------------------------------------------------------------------ | ----------------------------------------- |
|
|
22
|
+
| <code>header</code> | Slot that is used to insert content into the Header. | None |
|
|
23
|
+
| <code>sub-header</code> | Slot that can be used to insert content into the Sub Header. | None |
|
|
24
|
+
| <code>toolbar</code> | Slot that can be used to insert content into the Toolbar. | None |
|
|
25
|
+
| <code>predictive</code> | Slot that can be used to insert content into the Predictive Layer. | None |
|
|
26
|
+
| <code>main</code> | Slot that can be used to insert content into the Main. | None |
|
|
27
|
+
| <code>floating</code> | Slot that can be used to insert content into the Floating. | None |
|
|
28
|
+
| <code>footer</code> | Slot that can be used to insert content into the Footer. | None |
|
|
29
|
+
| <code>aside</code> | Slot that can be used to insert content into the Aside. | None |
|
|
30
|
+
| <code>extra-aside</code> | | None |
|
|
@@ -54,11 +54,11 @@ Automatic initialization is the easiest way to integrate the Interface X pr
|
|
|
54
54
|
1. **Configure the JavaScript snippet** to define either an initialization object or a function.
|
|
55
55
|
2. **Load and initialize** the Interface X script.
|
|
56
56
|
|
|
57
|
-
#### Configuring the snippet
|
|
57
|
+
#### Configuring the snippet
|
|
58
58
|
|
|
59
|
-
First, add the JavaScript snippet configuration to define multiple initialization options, i.e. the
|
|
60
|
-
use, the language or currency to display, or even the tagging parameters to collect
|
|
61
|
-
data to generate conversational search features and analytics.
|
|
59
|
+
First, add the JavaScript snippet configuration to define multiple initialization options, i.e. the
|
|
60
|
+
API to use, the language or currency to display, or even the tagging parameters to collect
|
|
61
|
+
search-related data to generate conversational search features and analytics.
|
|
62
62
|
|
|
63
63
|
Depending on whether you are retrieving **static or dynamic configuration values** in your
|
|
64
64
|
[snippet configuration](#snippet-configuration), you define an **object** or a **function** to
|
|
@@ -121,7 +121,7 @@ following scripts to your HTML:
|
|
|
121
121
|
consent: false
|
|
122
122
|
};
|
|
123
123
|
</script>
|
|
124
|
-
<script src="https://x.empathy.co/my-store/app.js"></script>
|
|
124
|
+
<script src="https://x.empathy.co/my-store/app.js" type="module"></script>
|
|
125
125
|
```
|
|
126
126
|
|
|
127
127
|
In the case you want to load the script for the staging environment, you just modify the script
|
|
@@ -138,7 +138,7 @@ attribute `src` so that it points to the staging environment as follows:
|
|
|
138
138
|
consent: false
|
|
139
139
|
};
|
|
140
140
|
</script>
|
|
141
|
-
<script src="https://x.staging.empathy.co/my-store/app.js"></script>
|
|
141
|
+
<script src="https://x.staging.empathy.co/my-store/app.js" type="module"></script>
|
|
142
142
|
```
|
|
143
143
|
|
|
144
144
|
Thus, when the Interface X JavaScript file is loaded, it retrieves the configuration from the
|
|
@@ -150,7 +150,7 @@ On-demand initialization allows you to control when Interface X is loaded.
|
|
|
150
150
|
|
|
151
151
|
**Steps to initialize the project on demand**
|
|
152
152
|
|
|
153
|
-
1. **Load** the Interface X script.
|
|
153
|
+
1. **Load** the Interface X script.
|
|
154
154
|
2. **Initialize** Interface X.
|
|
155
155
|
|
|
156
156
|
#### Loading the script
|
|
@@ -162,14 +162,14 @@ For example, to load the production version script for the instance _my-store_,
|
|
|
162
162
|
following script to your HTML:
|
|
163
163
|
|
|
164
164
|
```html
|
|
165
|
-
<script src="https://x.empathy.co/my-store/app.js"></script>
|
|
165
|
+
<script src="https://x.empathy.co/my-store/app.js" type="module"></script>
|
|
166
166
|
```
|
|
167
167
|
|
|
168
168
|
In the case you want to load the script for the staging environment, you just modify the script
|
|
169
169
|
attribute `src` so that it points to the staging environment as follows:
|
|
170
170
|
|
|
171
171
|
```html
|
|
172
|
-
<script src="https://x.staging.empathy.co/my-store/app.js"></script>
|
|
172
|
+
<script src="https://x.staging.empathy.co/my-store/app.js" type="module"></script>
|
|
173
173
|
```
|
|
174
174
|
|
|
175
175
|
#### Initializing Interface X
|
|
@@ -170,6 +170,16 @@ var __vue_render__ = function () {
|
|
|
170
170
|
)
|
|
171
171
|
: _vm._e(),
|
|
172
172
|
_vm._v(" "),
|
|
173
|
+
_vm._t("extra-aside", function () {
|
|
174
|
+
return [
|
|
175
|
+
_vm.devMode
|
|
176
|
+
? _c("span", { staticClass: "slot-helper" }, [
|
|
177
|
+
_vm._v("EXTRA ASIDE"),
|
|
178
|
+
])
|
|
179
|
+
: _vm._e(),
|
|
180
|
+
]
|
|
181
|
+
}),
|
|
182
|
+
_vm._v(" "),
|
|
173
183
|
_vm.hasContent("scroll-to-top")
|
|
174
184
|
? _c(
|
|
175
185
|
"div",
|
|
@@ -192,7 +202,7 @@ var __vue_render__ = function () {
|
|
|
192
202
|
)
|
|
193
203
|
: _vm._e(),
|
|
194
204
|
],
|
|
195
|
-
|
|
205
|
+
2
|
|
196
206
|
),
|
|
197
207
|
],
|
|
198
208
|
1
|
|
@@ -204,11 +214,11 @@ __vue_render__._withStripped = true;
|
|
|
204
214
|
/* style */
|
|
205
215
|
const __vue_inject_styles__ = function (inject) {
|
|
206
216
|
if (!inject) return
|
|
207
|
-
inject("data-v-
|
|
217
|
+
inject("data-v-47983f10_0", { source: ".dev-mode .slot-helper[data-v-47983f10] {\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-47983f10] {\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-47983f10] {\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-47983f10] {\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-47983f10] {\n grid-row: toolbar;\n grid-column: max-width;\n}\n.x-layout__main[data-v-47983f10] {\n grid-row: main;\n grid-column: max-width;\n}\n.x-layout[data-v-47983f10] .x-layout__aside {\n pointer-events: none;\n}\n.x-layout[data-v-47983f10] .x-layout__aside.x-modal {\n z-index: 3;\n flex-flow: row nowrap;\n}\n.x-layout[data-v-47983f10] .x-layout__aside > *:not(.slot-helper) {\n pointer-events: all;\n}\n.x-layout[data-v-47983f10] .x-layout__aside--right.x-modal {\n justify-content: flex-end;\n}\n.x-layout__scroll-to-top[data-v-47983f10] {\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-47983f10] {\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-47983f10] {\n opacity: 1;\n}\n[data-v-47983f10] .x-layout__aside .x-modal__content {\n background-color: transparent;\n height: 100%;\n width: var(--x-size-width-layout-aside, 300px);\n}", map: undefined, media: undefined });
|
|
208
218
|
|
|
209
219
|
};
|
|
210
220
|
/* scoped */
|
|
211
|
-
const __vue_scope_id__ = "data-v-
|
|
221
|
+
const __vue_scope_id__ = "data-v-47983f10";
|
|
212
222
|
/* module identifier */
|
|
213
223
|
const __vue_module_identifier__ = undefined;
|
|
214
224
|
/* functional template */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"fixed-header-and-asides-layout.vue.js","sources":["../../../../src/components/layouts/fixed-header-and-asides-layout.vue"],"sourcesContent":["<template>\n <MainScroll>\n <Scroll\n @scroll=\"setPosition\"\n id=\"main-scroll\"\n class=\"x-layout x-layout--fixed-header-and-asides\"\n :class=\"{ 'dev-mode': devMode }\"\n >\n <div\n key=\"header-backdrop\"\n class=\"x-layout__header-backdrop\"\n :class=\"{ 'x-layout__header-backdrop--is-visible': isBackdropVisible }\"\n />\n\n <header\n v-if=\"hasContent('header')\"\n key=\"header\"\n class=\"x-layout__header x-list x-list--horizontal\"\n >\n <!-- @slot Slot that is be used for insert content into the Header. -->\n <slot name=\"header\">\n <span v-if=\"devMode\" class=\"slot-helper\">HEADER</span>\n </slot>\n </header>\n\n <div v-if=\"hasContent('sub-header')\" key=\"sub-header\" class=\"x-layout__sub-header\">\n <div class=\"x-layout__sub-header-content\">\n <!-- @slot Slot that can be used to insert content into below the header. -->\n <slot name=\"sub-header\">\n <span v-if=\"devMode\" class=\"slot-helper\">SUB HEADER</span>\n </slot>\n </div>\n </div>\n\n <section v-if=\"hasContent('toolbar')\" key=\"toolbar\" class=\"x-layout__toolbar\">\n <slot name=\"toolbar\">\n <!-- @slot Slot that can be used to insert content above the main. -->\n <span v-if=\"devMode\" class=\"slot-helper\">TOOLBAR</span>\n </slot>\n </section>\n\n <main v-if=\"hasContent('main')\" key=\"main\" class=\"x-layout__main x-list x-list--vertical\">\n <!-- @slot Slot that is be used for insert content into the Main. -->\n <slot name=\"main\">\n <span v-if=\"devMode\" class=\"slot-helper\">MAIN</span>\n </slot>\n </main>\n\n <BaseIdModal\n v-if=\"hasContent('left-aside')\"\n key=\"left-aside\"\n :animation=\"leftAsideAnimation\"\n modalId=\"left-aside\"\n class=\"x-layout__aside x-layout__aside--left\"\n >\n <!-- @slot Slot that is be used for insert content into the left aside. -->\n <slot name=\"left-aside\">\n <span v-if=\"devMode\" class=\"slot-helper\">LEFT ASIDE</span>\n </slot>\n </BaseIdModal>\n\n <BaseIdModal\n v-if=\"hasContent('right-aside')\"\n key=\"right-aside\"\n :animation=\"rightAsideAnimation\"\n modalId=\"right-aside\"\n class=\"x-layout__aside x-layout__aside--right\"\n >\n <!-- @slot Slot that is be used for insert content into the right aside. -->\n <slot name=\"right-aside\">\n <span v-if=\"devMode\" class=\"slot-helper\">RIGHT ASIDE</span>\n </slot>\n </BaseIdModal>\n\n <div v-if=\"hasContent('scroll-to-top')\" key=\"scroll-to-top\" class=\"x-layout__scroll-to-top\">\n <slot name=\"scroll-to-top\">\n <span v-if=\"devMode\" class=\"slot-helper\">SCROLL TO TOP</span>\n </slot>\n </div>\n </Scroll>\n </MainScroll>\n</template>\n\n<script lang=\"ts\">\n import { Component } from 'vue-property-decorator';\n import { mixins } from 'vue-class-component';\n import MainScroll from '../../x-modules/scroll/components/main-scroll.vue';\n import { animateTranslate } from '../animations/animate-translate/animate-translate.factory';\n import BaseIdModal from '../modals/base-id-modal.vue';\n import Scroll from '../../x-modules/scroll/components/scroll.vue';\n import LayoutsMixin from './layouts.mixin';\n\n /**\n * Component for use as Layout to be filled with the rest of the components.\n *\n * @public\n */\n @Component({\n components: {\n BaseIdModal,\n MainScroll,\n Scroll\n }\n })\n export default class FixedHeaderAndAsidesLayout extends mixins(LayoutsMixin) {\n protected scrollPosition = 0;\n protected rightAsideAnimation = animateTranslate('right');\n protected leftAsideAnimation = animateTranslate('left');\n\n protected setPosition(position: number): void {\n this.scrollPosition = position;\n }\n\n protected get isBackdropVisible(): boolean {\n return this.scrollPosition > 0;\n }\n }\n</script>\n\n<style scoped lang=\"scss\">\n @import '../../design-system/utilities/dev-mode';\n\n .x-layout {\n // custom properties\n display: grid;\n align-content: stretch;\n min-height: 100%;\n\n // layout\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\n grid-template-rows:\n [page-start header-start]\n auto\n [header-end sub-header-start]\n auto\n [sub-header-end toolbar-start]\n auto\n [toolbar-end main-start]\n 1fr\n [main-end page-end];\n\n grid-template-columns:\n [page-start]\n var(--x-size-margin-layout)\n [max-width-start]\n 1fr\n [max-width-end]\n var(--x-size-margin-layout)\n [page-end];\n\n &__header {\n // layout\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\n //color\n background: var(--x-color-background-layout-header, transparent);\n border-color: var(--x-size-border-color-layout-header, transparent);\n\n // border\n border-width: var(--x-size-border-width-layout-header, 0);\n border-style: solid;\n }\n\n &__sub-header {\n // layout\n grid-row: sub-header;\n grid-column: page;\n padding: 0 var(--x-size-margin-layout);\n\n //color\n background: var(--x-color-background-layout-sub-header, transparent);\n border-color: var(--x-size-border-color-layout-sub-header, transparent);\n\n // border\n border-width: var(--x-size-border-width-layout-sub-header, 0);\n border-style: solid;\n }\n\n &__toolbar {\n // layout\n grid-row: toolbar;\n grid-column: max-width;\n }\n\n &__main {\n // layout\n grid-row: main;\n grid-column: max-width;\n }\n\n &__aside {\n &.x-modal {\n // layout\n z-index: 3;\n flex-flow: row nowrap;\n\n ::v-deep .x-modal__content {\n background-color: transparent;\n height: 100%;\n width: var(--x-size-width-layout-aside, 300px);\n }\n }\n\n // others\n pointer-events: none;\n ::v-deep > *:not(.slot-helper) {\n pointer-events: all;\n }\n\n &--right.x-modal {\n justify-content: flex-end;\n }\n }\n\n &__scroll-to-top {\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\n &__header-backdrop {\n // layout\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\n // color\n background-color: var(\n --x-color-background-layout-header-backdrop,\n var(--x-color-base-neutral-100, white)\n );\n mask: linear-gradient(to bottom, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));\n\n // transition\n opacity: 0;\n transition: opacity 0.2s ease-out;\n\n &--is-visible {\n opacity: 1;\n }\n }\n }\n</style>\n\n<docs lang=\"mdx\">\n## Layout\n\nThis component has the following layout with fixed headers and collapsible fixed asides:\n\n| | header | |\n| :--------: | :--------: | :-----------: |\n| left-aside | sub-header | right-aside |\n| | toolbar | |\n| | main | |\n| | | scroll-to-top |\n\n## Design Tokens\n\nThe component has also the following `Design Tokens` to configure it:\n\n| token | default value |\n| :-----------------------------------------: | :-----------: |\n| --x-size-height-layout-backdrop | 40vh |\n| --x-size-width-layout-aside | 300px |\n| --x-size-min-margin-layout | 20px |\n| --x-size-max-height-layout-header | auto |\n| --x-size-max-width-layout | 1440px |\n| --x-color-background-layout-header-backdrop | white |\n| --x-color-background-layout-header | transparent |\n| --x-size-border-color-layout-header | transparent |\n| --x-size-border-width-layout-header | 0px |\n| --x-color-background-layout-sub-header | transparent |\n| --x-size-border-color-layout-sub-header | transparent |\n| --x-size-border-width-layout-sub-header | 0px |\n\n| token | use |\n| :-----------------------------------------: | :---------------------------------------: |\n| --x-size-height-layout-backdrop | The height for header gradient backdrop |\n| --x-size-width-layout-aside | The width of the asides |\n| --x-size-min-margin-layout | The min horizontal margin for the Layout |\n| --x-size-max-height-layout-header | The max height for the Layout Header |\n| --x-size-max-width-layout | The max width for the Layout |\n| --x-color-background-layout-header-backdrop | The background color of the head backdrop |\n| --x-color-background-layout-header | The background color of the header |\n| --x-size-border-color-layout-header | The border color of the header |\n| --x-size-border-width-layout-header | The border with of the header |\n| --x-color-background-layout-sub-header | The background color of the sub header |\n| --x-size-border-color-layout-sub-header | The border color of the sub header |\n| --x-size-border-width-layout-sub-header | The border with of the sub header |\n</docs>\n"],"names":[],"mappings":";;;;;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
1
|
+
{"version":3,"file":"fixed-header-and-asides-layout.vue.js","sources":["../../../../src/components/layouts/fixed-header-and-asides-layout.vue"],"sourcesContent":["<template>\n <MainScroll>\n <Scroll\n @scroll=\"setPosition\"\n id=\"main-scroll\"\n class=\"x-layout x-layout--fixed-header-and-asides\"\n :class=\"{ 'dev-mode': devMode }\"\n >\n <div\n key=\"header-backdrop\"\n class=\"x-layout__header-backdrop\"\n :class=\"{ 'x-layout__header-backdrop--is-visible': isBackdropVisible }\"\n />\n\n <header\n v-if=\"hasContent('header')\"\n key=\"header\"\n class=\"x-layout__header x-list x-list--horizontal\"\n >\n <!-- @slot Slot that is be used for insert content into the Header. -->\n <slot name=\"header\">\n <span v-if=\"devMode\" class=\"slot-helper\">HEADER</span>\n </slot>\n </header>\n\n <div v-if=\"hasContent('sub-header')\" key=\"sub-header\" class=\"x-layout__sub-header\">\n <div class=\"x-layout__sub-header-content\">\n <!-- @slot Slot that can be used to insert content into below the header. -->\n <slot name=\"sub-header\">\n <span v-if=\"devMode\" class=\"slot-helper\">SUB HEADER</span>\n </slot>\n </div>\n </div>\n\n <section v-if=\"hasContent('toolbar')\" key=\"toolbar\" class=\"x-layout__toolbar\">\n <slot name=\"toolbar\">\n <!-- @slot Slot that can be used to insert content above the main. -->\n <span v-if=\"devMode\" class=\"slot-helper\">TOOLBAR</span>\n </slot>\n </section>\n\n <main v-if=\"hasContent('main')\" key=\"main\" class=\"x-layout__main x-list x-list--vertical\">\n <!-- @slot Slot that is be used for insert content into the Main. -->\n <slot name=\"main\">\n <span v-if=\"devMode\" class=\"slot-helper\">MAIN</span>\n </slot>\n </main>\n\n <BaseIdModal\n v-if=\"hasContent('left-aside')\"\n key=\"left-aside\"\n :animation=\"leftAsideAnimation\"\n modalId=\"left-aside\"\n class=\"x-layout__aside x-layout__aside--left\"\n >\n <!-- @slot Slot that is be used for insert content into the left aside. -->\n <slot name=\"left-aside\">\n <span v-if=\"devMode\" class=\"slot-helper\">LEFT ASIDE</span>\n </slot>\n </BaseIdModal>\n\n <BaseIdModal\n v-if=\"hasContent('right-aside')\"\n key=\"right-aside\"\n :animation=\"rightAsideAnimation\"\n modalId=\"right-aside\"\n class=\"x-layout__aside x-layout__aside--right\"\n >\n <!-- @slot Slot that is be used for insert content into the right aside. -->\n <slot name=\"right-aside\">\n <span v-if=\"devMode\" class=\"slot-helper\">RIGHT ASIDE</span>\n </slot>\n </BaseIdModal>\n\n <slot name=\"extra-aside\">\n <span v-if=\"devMode\" class=\"slot-helper\">EXTRA ASIDE</span>\n </slot>\n\n <div v-if=\"hasContent('scroll-to-top')\" key=\"scroll-to-top\" class=\"x-layout__scroll-to-top\">\n <slot name=\"scroll-to-top\">\n <span v-if=\"devMode\" class=\"slot-helper\">SCROLL TO TOP</span>\n </slot>\n </div>\n </Scroll>\n </MainScroll>\n</template>\n\n<script lang=\"ts\">\n import { Component } from 'vue-property-decorator';\n import { mixins } from 'vue-class-component';\n import MainScroll from '../../x-modules/scroll/components/main-scroll.vue';\n import { animateTranslate } from '../animations/animate-translate/animate-translate.factory';\n import BaseIdModal from '../modals/base-id-modal.vue';\n import Scroll from '../../x-modules/scroll/components/scroll.vue';\n import LayoutsMixin from './layouts.mixin';\n\n /**\n * Component for use as Layout to be filled with the rest of the components.\n *\n * @public\n */\n @Component({\n components: {\n BaseIdModal,\n MainScroll,\n Scroll\n }\n })\n export default class FixedHeaderAndAsidesLayout extends mixins(LayoutsMixin) {\n protected scrollPosition = 0;\n protected rightAsideAnimation = animateTranslate('right');\n protected leftAsideAnimation = animateTranslate('left');\n\n protected setPosition(position: number): void {\n this.scrollPosition = position;\n }\n\n protected get isBackdropVisible(): boolean {\n return this.scrollPosition > 0;\n }\n }\n</script>\n\n<style scoped lang=\"scss\">\n @import '../../design-system/utilities/dev-mode';\n\n .x-layout {\n // custom properties\n display: grid;\n align-content: stretch;\n min-height: 100%;\n\n // layout\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\n grid-template-rows:\n [page-start header-start]\n auto\n [header-end sub-header-start]\n auto\n [sub-header-end toolbar-start]\n auto\n [toolbar-end main-start]\n 1fr\n [main-end page-end];\n\n grid-template-columns:\n [page-start]\n var(--x-size-margin-layout)\n [max-width-start]\n 1fr\n [max-width-end]\n var(--x-size-margin-layout)\n [page-end];\n\n &__header {\n // layout\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\n //color\n background: var(--x-color-background-layout-header, transparent);\n border-color: var(--x-size-border-color-layout-header, transparent);\n\n // border\n border-width: var(--x-size-border-width-layout-header, 0);\n border-style: solid;\n }\n\n &__sub-header {\n // layout\n grid-row: sub-header;\n grid-column: page;\n padding: 0 var(--x-size-margin-layout);\n\n //color\n background: var(--x-color-background-layout-sub-header, transparent);\n border-color: var(--x-size-border-color-layout-sub-header, transparent);\n\n // border\n border-width: var(--x-size-border-width-layout-sub-header, 0);\n border-style: solid;\n }\n\n &__toolbar {\n // layout\n grid-row: toolbar;\n grid-column: max-width;\n }\n\n &__main {\n // layout\n grid-row: main;\n grid-column: max-width;\n }\n\n ::v-deep .x-layout__aside {\n &.x-modal {\n // layout\n z-index: 3;\n flex-flow: row nowrap;\n }\n\n // others\n pointer-events: none;\n > *:not(.slot-helper) {\n pointer-events: all;\n }\n\n &--right.x-modal {\n justify-content: flex-end;\n }\n }\n\n &__scroll-to-top {\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\n &__header-backdrop {\n // layout\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\n // color\n background-color: var(\n --x-color-background-layout-header-backdrop,\n var(--x-color-base-neutral-100, white)\n );\n mask: linear-gradient(to bottom, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));\n\n // transition\n opacity: 0;\n transition: opacity 0.2s ease-out;\n\n &--is-visible {\n opacity: 1;\n }\n }\n }\n\n ::v-deep .x-layout__aside {\n .x-modal__content {\n background-color: transparent;\n height: 100%;\n width: var(--x-size-width-layout-aside, 300px);\n }\n }\n</style>\n\n<docs lang=\"mdx\">\n## Layout\n\nThis component has the following layout with fixed headers and collapsible fixed asides:\n\n| | header | |\n| :--------: | :--------: | :-----------: |\n| left-aside | sub-header | right-aside |\n| | toolbar | |\n| | main | |\n| | | scroll-to-top |\n\nAdditionally it provides an empty slot `extra-aside` to be customized by the user.\n\n## Design Tokens\n\nThe component has also the following `Design Tokens` to configure it:\n\n| token | default value |\n| :-----------------------------------------: | :-----------: |\n| --x-size-height-layout-backdrop | 40vh |\n| --x-size-width-layout-aside | 300px |\n| --x-size-min-margin-layout | 20px |\n| --x-size-max-height-layout-header | auto |\n| --x-size-max-width-layout | 1440px |\n| --x-color-background-layout-header-backdrop | white |\n| --x-color-background-layout-header | transparent |\n| --x-size-border-color-layout-header | transparent |\n| --x-size-border-width-layout-header | 0px |\n| --x-color-background-layout-sub-header | transparent |\n| --x-size-border-color-layout-sub-header | transparent |\n| --x-size-border-width-layout-sub-header | 0px |\n\n| token | use |\n| :-----------------------------------------: | :---------------------------------------: |\n| --x-size-height-layout-backdrop | The height for header gradient backdrop |\n| --x-size-width-layout-aside | The width of the asides |\n| --x-size-min-margin-layout | The min horizontal margin for the Layout |\n| --x-size-max-height-layout-header | The max height for the Layout Header |\n| --x-size-max-width-layout | The max width for the Layout |\n| --x-color-background-layout-header-backdrop | The background color of the head backdrop |\n| --x-color-background-layout-header | The background color of the header |\n| --x-size-border-color-layout-header | The border color of the header |\n| --x-size-border-width-layout-header | The border with of the header |\n| --x-color-background-layout-sub-header | The background color of the sub header |\n| --x-size-border-color-layout-sub-header | The border color of the sub header |\n| --x-size-border-width-layout-sub-header | The border with of the sub header |\n</docs>\n"],"names":[],"mappings":";;;;;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/js/components/layouts/fixed-header-and-asides-layout.vue_rollup-plugin-vue_script.vue.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"fixed-header-and-asides-layout.vue_rollup-plugin-vue_script.vue.js","sources":["../../../../src/components/layouts/fixed-header-and-asides-layout.vue?rollup-plugin-vue=script.ts"],"sourcesContent":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nimport { Component } from 'vue-property-decorator';\nimport { mixins } from 'vue-class-component';\nimport MainScroll from '../../x-modules/scroll/components/main-scroll.vue';\nimport { animateTranslate } from '../animations/animate-translate/animate-translate.factory';\nimport BaseIdModal from '../modals/base-id-modal.vue';\nimport Scroll from '../../x-modules/scroll/components/scroll.vue';\nimport LayoutsMixin from './layouts.mixin';\n\n/**\n * Component for use as Layout to be filled with the rest of the components.\n *\n * @public\n */\n@Component({\n components: {\n BaseIdModal,\n MainScroll,\n Scroll\n }\n})\nexport default class FixedHeaderAndAsidesLayout extends mixins(LayoutsMixin) {\n protected scrollPosition = 0;\n protected rightAsideAnimation = animateTranslate('right');\n protected leftAsideAnimation = animateTranslate('left');\n\n protected setPosition(position: number): void {\n this.scrollPosition = position;\n }\n\n protected get isBackdropVisible(): boolean {\n return this.scrollPosition > 0;\n }\n}\n"],"names":["BaseIdModal","MainScroll","Scroll"],"mappings":";;;;;;;;;
|
|
1
|
+
{"version":3,"file":"fixed-header-and-asides-layout.vue_rollup-plugin-vue_script.vue.js","sources":["../../../../src/components/layouts/fixed-header-and-asides-layout.vue?rollup-plugin-vue=script.ts"],"sourcesContent":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nimport { Component } from 'vue-property-decorator';\nimport { mixins } from 'vue-class-component';\nimport MainScroll from '../../x-modules/scroll/components/main-scroll.vue';\nimport { animateTranslate } from '../animations/animate-translate/animate-translate.factory';\nimport BaseIdModal from '../modals/base-id-modal.vue';\nimport Scroll from '../../x-modules/scroll/components/scroll.vue';\nimport LayoutsMixin from './layouts.mixin';\n\n/**\n * Component for use as Layout to be filled with the rest of the components.\n *\n * @public\n */\n@Component({\n components: {\n BaseIdModal,\n MainScroll,\n Scroll\n }\n})\nexport default class FixedHeaderAndAsidesLayout extends mixins(LayoutsMixin) {\n protected scrollPosition = 0;\n protected rightAsideAnimation = animateTranslate('right');\n protected leftAsideAnimation = animateTranslate('left');\n\n protected setPosition(position: number): void {\n this.scrollPosition = position;\n }\n\n protected get isBackdropVisible(): boolean {\n return this.scrollPosition > 0;\n }\n}\n"],"names":["BaseIdModal","MainScroll","Scroll"],"mappings":";;;;;;;;;AAgGA;;;;;AAYA,IAAqB,0BAA0B,GAA/C,MAAqB,0BAA2B,SAAQ,MAAM,CAAC,YAAY,CAAC;IAA5E;;QACY,mBAAc,GAAG,CAAC,CAAC;QACnB,wBAAmB,GAAG,gBAAgB,CAAC,OAAO,CAAC,CAAC;QAChD,uBAAkB,GAAG,gBAAgB,CAAC,MAAM,CAAC,CAAC;KASzD;IAPW,WAAW,CAAC,QAAgB;QACpC,IAAI,CAAC,cAAc,GAAG,QAAQ,CAAC;KAChC;IAED,IAAc,iBAAiB;QAC7B,OAAO,IAAI,CAAC,cAAc,GAAG,CAAC,CAAC;KAChC;CACF,CAAA;AAZoB,0BAA0B;IAP9C,SAAS,CAAC;QACT,UAAU,EAAE;yBACVA,iBAAW;wBACXC,mBAAU;oBACVC,mBAAM;SACP;KACF,CAAC;GACmB,0BAA0B,CAY9C;aAZoB,0BAA0B;;;;"}
|
|
@@ -198,8 +198,18 @@ var __vue_render__ = function () {
|
|
|
198
198
|
2
|
|
199
199
|
)
|
|
200
200
|
: _vm._e(),
|
|
201
|
+
_vm._v(" "),
|
|
202
|
+
_vm._t("extra-aside", function () {
|
|
203
|
+
return [
|
|
204
|
+
_vm.devMode
|
|
205
|
+
? _c("span", { staticClass: "slot-helper" }, [
|
|
206
|
+
_vm._v("EXTRA ASIDE"),
|
|
207
|
+
])
|
|
208
|
+
: _vm._e(),
|
|
209
|
+
]
|
|
210
|
+
}),
|
|
201
211
|
],
|
|
202
|
-
|
|
212
|
+
2
|
|
203
213
|
)
|
|
204
214
|
};
|
|
205
215
|
var __vue_staticRenderFns__ = [];
|
|
@@ -208,11 +218,11 @@ __vue_render__._withStripped = true;
|
|
|
208
218
|
/* style */
|
|
209
219
|
const __vue_inject_styles__ = function (inject) {
|
|
210
220
|
if (!inject) return
|
|
211
|
-
inject("data-v-
|
|
221
|
+
inject("data-v-f30a2692_0", { source: ".dev-mode .slot-helper[data-v-f30a2692] {\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-f30a2692] {\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-f30a2692] {\n grid-column: 1/-1;\n min-width: 0;\n min-height: 0;\n display: flex;\n}\n.x-layout__header[data-v-f30a2692] {\n grid-row: header;\n z-index: 1;\n}\n.x-layout__sub-header[data-v-f30a2692] {\n grid-row: sub-header;\n z-index: 1;\n}\n.x-layout__toolbar[data-v-f30a2692] {\n grid-row: toolbar;\n z-index: 1;\n}\n.x-layout__predictive[data-v-f30a2692] {\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-f30a2692] {\n grid-row: main;\n flex-flow: column nowrap;\n}\n.x-layout__floating[data-v-f30a2692] {\n grid-row: floating;\n z-index: 1;\n}\n.x-layout__footer[data-v-f30a2692] {\n grid-row: footer;\n}\n.x-layout[data-v-f30a2692] .x-layout__aside {\n grid-row: page;\n z-index: 3;\n pointer-events: none;\n}\n[dir=\"ltr\"] .x-layout[data-v-f30a2692] .x-layout__aside .x-modal__content {\n margin-left: var(--x-size-margin-left-layout-single-column, 0);\n}\n[dir=\"rtl\"] .x-layout[data-v-f30a2692] .x-layout__aside .x-modal__content {\n margin-right: var(--x-size-margin-left-layout-single-column, 0);\n}\n.x-layout[data-v-f30a2692] .x-layout__aside .x-modal__content {\n width: 100%;\n height: 100%;\n}\n.x-layout__predictive[data-v-f30a2692] , .x-layout__floating[data-v-f30a2692] ,\n.x-layout[data-v-f30a2692] .x-layout__aside,\n.x-layout .slot-helper[data-v-f30a2692] {\n pointer-events: none;\n}\n.x-layout__predictive[data-v-f30a2692] > *, .x-layout__floating[data-v-f30a2692] > *,\n.x-layout[data-v-f30a2692] .x-layout__aside > *,\n.x-layout .slot-helper[data-v-f30a2692] > * {\n pointer-events: all;\n}\n.x-layout__predictive[data-v-f30a2692] .x-list, .x-layout__floating[data-v-f30a2692] .x-list,\n.x-layout[data-v-f30a2692] .x-layout__aside .x-list,\n.x-layout .slot-helper[data-v-f30a2692] .x-list {\n pointer-events: none;\n}\n.x-layout__predictive[data-v-f30a2692] .x-list > *, .x-layout__floating[data-v-f30a2692] .x-list > *,\n.x-layout[data-v-f30a2692] .x-layout__aside .x-list > *,\n.x-layout .slot-helper[data-v-f30a2692] .x-list > * {\n pointer-events: all;\n}", map: undefined, media: undefined });
|
|
212
222
|
|
|
213
223
|
};
|
|
214
224
|
/* scoped */
|
|
215
|
-
const __vue_scope_id__ = "data-v-
|
|
225
|
+
const __vue_scope_id__ = "data-v-f30a2692";
|
|
216
226
|
/* module identifier */
|
|
217
227
|
const __vue_module_identifier__ = undefined;
|
|
218
228
|
/* functional template */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"single-column-layout.vue.js","sources":["../../../../src/components/layouts/single-column-layout.vue"],"sourcesContent":["<template>\n <div class=\"x-layout x-layout--single-column\" :class=\"{ 'dev-mode': devMode }\">\n <header v-if=\"hasContent('header')\" class=\"x-layout__header x-list x-list--horizontal\">\n <!-- @slot Slot that is used to insert content into the Header. -->\n <slot name=\"header\">\n <span v-if=\"devMode\" class=\"slot-helper\">HEADER</span>\n </slot>\n </header>\n\n <div v-if=\"hasContent('sub-header')\" class=\"x-layout__sub-header x-list x-list--horizontal\">\n <!-- @slot Slot that can be used to insert content into the Sub Header. -->\n <slot name=\"sub-header\">\n <span v-if=\"devMode\" class=\"slot-helper\">SUB HEADER</span>\n </slot>\n </div>\n\n <div v-if=\"hasContent('toolbar')\" class=\"x-layout__toolbar x-list x-list--horizontal\">\n <!-- @slot Slot that can be used to insert content into the Toolbar. -->\n <slot name=\"toolbar\">\n <span v-if=\"devMode\" class=\"slot-helper\">TOOLBAR</span>\n </slot>\n </div>\n\n <div v-if=\"hasContent('predictive')\" class=\"x-layout__predictive x-list x-list--vertical\">\n <BaseScroll class=\"x-layout__predictive-scroll x-list x-list--vertical x-list__item--expand\">\n <!-- @slot Slot that can be used to insert content into the Predictive Layer. -->\n <slot name=\"predictive\">\n <span v-if=\"devMode\" class=\"slot-helper\">PREDICTIVE</span>\n </slot>\n </BaseScroll>\n </div>\n\n <main v-if=\"hasContent('main')\" class=\"x-layout__main\">\n <MainScroll>\n <Scroll id=\"main-scroll\" class=\"x-layout__main-scroll x-list x-list--vertical\">\n <!-- @slot Slot that can be used to insert content into the Main. -->\n <slot name=\"main\">\n <span v-if=\"devMode\" class=\"slot-helper\">MAIN</span>\n </slot>\n </Scroll>\n </MainScroll>\n </main>\n\n <div v-if=\"hasContent('floating')\" class=\"x-layout__floating x-list x-list--horizontal\">\n <!-- @slot Slot that can be used to insert content into the Floating. -->\n <slot name=\"floating\">\n <span v-if=\"devMode\" class=\"slot-helper\">FLOATING</span>\n </slot>\n </div>\n\n <footer v-if=\"hasContent('footer')\" class=\"x-layout__footer x-list x-list--horizontal\">\n <!-- @slot Slot that can be used to insert content into the Footer. -->\n <slot name=\"footer\">\n <span v-if=\"devMode\" class=\"slot-helper\">FOOTER</span>\n </slot>\n </footer>\n\n <BaseIdModal\n v-if=\"hasContent('aside')\"\n :animation=\"asideAnimation\"\n modalId=\"aside-modal\"\n class=\"x-layout__aside\"\n >\n <!-- @slot Slot that can be used to insert content into the Aside. -->\n <slot name=\"aside\">\n <span v-if=\"devMode\" class=\"slot-helper\">ASIDE</span>\n </slot>\n </BaseIdModal>\n </div>\n</template>\n\n<script lang=\"ts\">\n import Vue from 'vue';\n import { mixins } from 'vue-class-component';\n import { Component, Prop } from 'vue-property-decorator';\n import MainScroll from '../../x-modules/scroll/components/main-scroll.vue';\n import Scroll from '../../x-modules/scroll/components/scroll.vue';\n import { animateTranslate } from '../animations/animate-translate/animate-translate.factory';\n import BaseIdModal from '../modals/base-id-modal.vue';\n import BaseScroll from '../scroll/base-scroll.vue';\n import LayoutsMixin from './layouts.mixin';\n\n /**\n * Component for use as Layout to be filled with the rest of the Components.\n *\n * @public\n */\n @Component({\n components: { BaseIdModal, BaseScroll, MainScroll, Scroll }\n })\n export default class SingleColumnLayout extends mixins(LayoutsMixin) {\n /**\n * The animation used for the Main Aside.\n *\n * @public\n */\n @Prop({ default: () => animateTranslate('right') })\n protected asideAnimation!: Vue;\n }\n</script>\n\n<style scoped lang=\"scss\">\n @import '../../design-system/utilities/dev-mode';\n\n .x-layout {\n display: grid;\n align-content: stretch;\n justify-content: stretch;\n height: 100%;\n\n grid-template-rows:\n [page-start header-start]\n auto\n [header-end sub-header-start]\n auto\n [sub-header-end toolbar-start]\n auto\n [toolbar-end main-start]\n 1fr\n [floating-start]\n auto\n [main-end floating-end footer-start]\n auto\n [footer-end page-end];\n\n grid-template-columns: 1fr;\n\n > * {\n grid-column: 1/-1;\n min-width: 0;\n min-height: 0;\n display: flex;\n }\n\n &__header {\n grid-row: header;\n z-index: 1;\n }\n\n &__sub-header {\n grid-row: sub-header;\n z-index: 1;\n }\n\n &__toolbar {\n grid-row: toolbar;\n z-index: 1;\n }\n\n &__predictive {\n grid-row-start: header-end;\n grid-row-end: page-end;\n flex-flow: column nowrap;\n z-index: 2;\n }\n\n &__main {\n grid-row: main;\n flex-flow: column nowrap;\n }\n\n &__floating {\n grid-row: floating;\n z-index: 1;\n }\n\n &__footer {\n grid-row: footer;\n }\n\n
|
|
1
|
+
{"version":3,"file":"single-column-layout.vue.js","sources":["../../../../src/components/layouts/single-column-layout.vue"],"sourcesContent":["<template>\n <div class=\"x-layout x-layout--single-column\" :class=\"{ 'dev-mode': devMode }\">\n <header v-if=\"hasContent('header')\" class=\"x-layout__header x-list x-list--horizontal\">\n <!-- @slot Slot that is used to insert content into the Header. -->\n <slot name=\"header\">\n <span v-if=\"devMode\" class=\"slot-helper\">HEADER</span>\n </slot>\n </header>\n\n <div v-if=\"hasContent('sub-header')\" class=\"x-layout__sub-header x-list x-list--horizontal\">\n <!-- @slot Slot that can be used to insert content into the Sub Header. -->\n <slot name=\"sub-header\">\n <span v-if=\"devMode\" class=\"slot-helper\">SUB HEADER</span>\n </slot>\n </div>\n\n <div v-if=\"hasContent('toolbar')\" class=\"x-layout__toolbar x-list x-list--horizontal\">\n <!-- @slot Slot that can be used to insert content into the Toolbar. -->\n <slot name=\"toolbar\">\n <span v-if=\"devMode\" class=\"slot-helper\">TOOLBAR</span>\n </slot>\n </div>\n\n <div v-if=\"hasContent('predictive')\" class=\"x-layout__predictive x-list x-list--vertical\">\n <BaseScroll class=\"x-layout__predictive-scroll x-list x-list--vertical x-list__item--expand\">\n <!-- @slot Slot that can be used to insert content into the Predictive Layer. -->\n <slot name=\"predictive\">\n <span v-if=\"devMode\" class=\"slot-helper\">PREDICTIVE</span>\n </slot>\n </BaseScroll>\n </div>\n\n <main v-if=\"hasContent('main')\" class=\"x-layout__main\">\n <MainScroll>\n <Scroll id=\"main-scroll\" class=\"x-layout__main-scroll x-list x-list--vertical\">\n <!-- @slot Slot that can be used to insert content into the Main. -->\n <slot name=\"main\">\n <span v-if=\"devMode\" class=\"slot-helper\">MAIN</span>\n </slot>\n </Scroll>\n </MainScroll>\n </main>\n\n <div v-if=\"hasContent('floating')\" class=\"x-layout__floating x-list x-list--horizontal\">\n <!-- @slot Slot that can be used to insert content into the Floating. -->\n <slot name=\"floating\">\n <span v-if=\"devMode\" class=\"slot-helper\">FLOATING</span>\n </slot>\n </div>\n\n <footer v-if=\"hasContent('footer')\" class=\"x-layout__footer x-list x-list--horizontal\">\n <!-- @slot Slot that can be used to insert content into the Footer. -->\n <slot name=\"footer\">\n <span v-if=\"devMode\" class=\"slot-helper\">FOOTER</span>\n </slot>\n </footer>\n\n <BaseIdModal\n v-if=\"hasContent('aside')\"\n :animation=\"asideAnimation\"\n modalId=\"aside-modal\"\n class=\"x-layout__aside\"\n >\n <!-- @slot Slot that can be used to insert content into the Aside. -->\n <slot name=\"aside\">\n <span v-if=\"devMode\" class=\"slot-helper\">ASIDE</span>\n </slot>\n </BaseIdModal>\n\n <slot name=\"extra-aside\">\n <span v-if=\"devMode\" class=\"slot-helper\">EXTRA ASIDE</span>\n </slot>\n </div>\n</template>\n\n<script lang=\"ts\">\n import Vue from 'vue';\n import { mixins } from 'vue-class-component';\n import { Component, Prop } from 'vue-property-decorator';\n import MainScroll from '../../x-modules/scroll/components/main-scroll.vue';\n import Scroll from '../../x-modules/scroll/components/scroll.vue';\n import { animateTranslate } from '../animations/animate-translate/animate-translate.factory';\n import BaseIdModal from '../modals/base-id-modal.vue';\n import BaseScroll from '../scroll/base-scroll.vue';\n import LayoutsMixin from './layouts.mixin';\n\n /**\n * Component for use as Layout to be filled with the rest of the Components.\n *\n * @public\n */\n @Component({\n components: { BaseIdModal, BaseScroll, MainScroll, Scroll }\n })\n export default class SingleColumnLayout extends mixins(LayoutsMixin) {\n /**\n * The animation used for the Main Aside.\n *\n * @public\n */\n @Prop({ default: () => animateTranslate('right') })\n protected asideAnimation!: Vue;\n }\n</script>\n\n<style scoped lang=\"scss\">\n @import '../../design-system/utilities/dev-mode';\n\n .x-layout {\n display: grid;\n align-content: stretch;\n justify-content: stretch;\n height: 100%;\n\n grid-template-rows:\n [page-start header-start]\n auto\n [header-end sub-header-start]\n auto\n [sub-header-end toolbar-start]\n auto\n [toolbar-end main-start]\n 1fr\n [floating-start]\n auto\n [main-end floating-end footer-start]\n auto\n [footer-end page-end];\n\n grid-template-columns: 1fr;\n\n > * {\n grid-column: 1/-1;\n min-width: 0;\n min-height: 0;\n display: flex;\n }\n\n &__header {\n grid-row: header;\n z-index: 1;\n }\n\n &__sub-header {\n grid-row: sub-header;\n z-index: 1;\n }\n\n &__toolbar {\n grid-row: toolbar;\n z-index: 1;\n }\n\n &__predictive {\n grid-row-start: header-end;\n grid-row-end: page-end;\n flex-flow: column nowrap;\n z-index: 2;\n }\n\n &__main {\n grid-row: main;\n flex-flow: column nowrap;\n }\n\n &__floating {\n grid-row: floating;\n z-index: 1;\n }\n\n &__footer {\n grid-row: footer;\n }\n\n ::v-deep .x-layout__aside {\n grid-row: page;\n z-index: 3;\n pointer-events: none;\n\n .x-modal__content {\n width: 100%;\n height: 100%;\n margin-inline-start: var(--x-size-margin-left-layout-single-column, 0);\n }\n }\n\n &__predictive ::v-deep,\n &__floating ::v-deep,\n ::v-deep .x-layout__aside,\n .slot-helper ::v-deep {\n pointer-events: none;\n\n > * {\n pointer-events: all;\n }\n\n .x-list {\n pointer-events: none;\n\n > * {\n pointer-events: all;\n }\n }\n }\n }\n</style>\n"],"names":[],"mappings":";;;;;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"single-column-layout.vue_rollup-plugin-vue_script.vue.js","sources":["../../../../src/components/layouts/single-column-layout.vue?rollup-plugin-vue=script.ts"],"sourcesContent":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nimport Vue from 'vue';\nimport { mixins } from 'vue-class-component';\nimport { Component, Prop } from 'vue-property-decorator';\nimport MainScroll from '../../x-modules/scroll/components/main-scroll.vue';\nimport Scroll from '../../x-modules/scroll/components/scroll.vue';\nimport { animateTranslate } from '../animations/animate-translate/animate-translate.factory';\nimport BaseIdModal from '../modals/base-id-modal.vue';\nimport BaseScroll from '../scroll/base-scroll.vue';\nimport LayoutsMixin from './layouts.mixin';\n\n/**\n * Component for use as Layout to be filled with the rest of the Components.\n *\n * @public\n */\n@Component({\n components: { BaseIdModal, BaseScroll, MainScroll, Scroll }\n})\nexport default class SingleColumnLayout extends mixins(LayoutsMixin) {\n /**\n * The animation used for the Main Aside.\n *\n * @public\n */\n @Prop({ default: () => animateTranslate('right') })\n protected asideAnimation!: Vue;\n}\n"],"names":["BaseIdModal","BaseScroll","MainScroll","Scroll"],"mappings":";;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"single-column-layout.vue_rollup-plugin-vue_script.vue.js","sources":["../../../../src/components/layouts/single-column-layout.vue?rollup-plugin-vue=script.ts"],"sourcesContent":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nimport Vue from 'vue';\nimport { mixins } from 'vue-class-component';\nimport { Component, Prop } from 'vue-property-decorator';\nimport MainScroll from '../../x-modules/scroll/components/main-scroll.vue';\nimport Scroll from '../../x-modules/scroll/components/scroll.vue';\nimport { animateTranslate } from '../animations/animate-translate/animate-translate.factory';\nimport BaseIdModal from '../modals/base-id-modal.vue';\nimport BaseScroll from '../scroll/base-scroll.vue';\nimport LayoutsMixin from './layouts.mixin';\n\n/**\n * Component for use as Layout to be filled with the rest of the Components.\n *\n * @public\n */\n@Component({\n components: { BaseIdModal, BaseScroll, MainScroll, Scroll }\n})\nexport default class SingleColumnLayout extends mixins(LayoutsMixin) {\n /**\n * The animation used for the Main Aside.\n *\n * @public\n */\n @Prop({ default: () => animateTranslate('right') })\n protected asideAnimation!: Vue;\n}\n"],"names":["BaseIdModal","BaseScroll","MainScroll","Scroll"],"mappings":";;;;;;;;;;AAsFA;;;;;AAQA,IAAqB,kBAAkB,GAAvC,MAAqB,kBAAmB,SAAQ,MAAM,CAAC,YAAY,CAAC;CAQnE,CAAA;AADC;IADC,IAAI,CAAC,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC,OAAO,CAAC,EAAE,CAAC;0DACpB;AAPZ,kBAAkB;IAHtC,SAAS,CAAC;QACT,UAAU,EAAE,eAAEA,iBAAW,cAAEC,mBAAU,cAAEC,mBAAU,UAAEC,mBAAM,EAAE;KAC5D,CAAC;GACmB,kBAAkB,CAQtC;aARoB,kBAAkB;;;;"}
|
|
@@ -53,6 +53,9 @@ function getAliasAPI(component) {
|
|
|
53
53
|
get historyQueries() {
|
|
54
54
|
return component.$store.getters[getGetterPath('historyQueries', 'historyQueries')] ?? [];
|
|
55
55
|
},
|
|
56
|
+
get fullHistoryQueries() {
|
|
57
|
+
return component.$store.state.x.historyQueries?.historyQueries ?? [];
|
|
58
|
+
},
|
|
56
59
|
get identifierResults() {
|
|
57
60
|
return component.$store.state.x.identifierResults?.identifierResults ?? [];
|
|
58
61
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"x-plugin.alias.js","sources":["../../../src/plugins/x-plugin.alias.ts"],"sourcesContent":["import Vue from 'vue';\nimport { RequestStatus } from '../store/utils/status-store.utils';\nimport {\n XComponentAliasAPI,\n XComponentAliasQueryAPI,\n XComponentAliasStatusAPI\n} from './x-plugin.types';\nimport { getGetterPath } from './x-plugin.utils';\n\n/**\n * Creates an object containing the alias part of {@link XComponentAPI}.\n *\n * @param component - The component with the store from which retrieve the data.\n * @returns An object containing the alias part of the {@link XComponentAPI}.\n *\n * @internal\n */\nexport function getAliasAPI(component: Vue): XComponentAliasAPI {\n const queryModules = [\n 'searchBox',\n 'nextQueries',\n 'querySuggestions',\n 'relatedTags',\n 'search'\n ] as const;\n const statusModules = [\n 'identifierResults',\n 'nextQueries',\n 'popularSearches',\n 'querySuggestions',\n 'recommendations',\n 'relatedTags',\n 'search'\n ] as const;\n\n const query = queryModules.reduce((acc, moduleName) => {\n return Object.defineProperty(acc, moduleName, {\n get(): string {\n return component.$store.state.x[moduleName]?.query ?? '';\n },\n enumerable: true\n });\n }, {} as XComponentAliasQueryAPI);\n const status = statusModules.reduce((acc, moduleName) => {\n return Object.defineProperty(acc, moduleName, {\n get(): RequestStatus | undefined {\n return component.$store.state.x[moduleName]?.status;\n },\n enumerable: true\n });\n }, {} as XComponentAliasStatusAPI);\n\n return {\n query,\n status,\n get device() {\n return component.$store.state.x.device?.name ?? null;\n },\n get facets() {\n return component.$store.getters[getGetterPath('facets', 'facets')] ?? {};\n },\n get historyQueries() {\n return component.$store.getters[getGetterPath('historyQueries', 'historyQueries')] ?? [];\n },\n get identifierResults() {\n return component.$store.state.x.identifierResults?.identifierResults ?? [];\n },\n get isEmpathizeOpen() {\n return component.$store.state.x.empathize?.isOpen ?? false;\n },\n get nextQueries() {\n return component.$store.getters[getGetterPath('nextQueries', 'nextQueries')] ?? [];\n },\n get noResults() {\n return !this.totalResults && !!this.query.search && this.status.search === 'success';\n },\n get partialResults() {\n return component.$store.state.x.search?.partialResults ?? [];\n },\n get popularSearches() {\n return component.$store.state.x.popularSearches?.popularSearches ?? [];\n },\n get querySuggestions() {\n return component.$store.state.x.querySuggestions?.suggestions ?? [];\n },\n get recommendations() {\n return component.$store.state.x.recommendations?.recommendations ?? [];\n },\n get redirections() {\n return component.$store.state.x.search?.redirections ?? [];\n },\n get relatedTags() {\n return component.$store.getters[getGetterPath('relatedTags', 'relatedTags')] ?? [];\n },\n get results() {\n return component.$store.state.x.search?.results ?? [];\n },\n get scroll() {\n return component.$store.state.x.scroll?.data ?? {};\n },\n get selectedFilters() {\n return component.$store.getters[getGetterPath('facets', 'selectedFilters')] ?? [];\n },\n get selectedRelatedTags() {\n return component.$store.state.x.relatedTags?.selectedRelatedTags ?? [];\n },\n get spellcheckedQuery() {\n return component.$store.state.x.search?.spellcheckedQuery ?? null;\n },\n get totalResults() {\n return component.$store.state.x.search?.totalResults ?? 0;\n },\n get selectedSort() {\n return component.$store.state.x.search?.sort ?? '';\n }\n };\n}\n"],"names":[],"mappings":";;AASA;;;;;;;;SAQgB,WAAW,CAAC,SAAc;IACxC,MAAM,YAAY,GAAG;QACnB,WAAW;QACX,aAAa;QACb,kBAAkB;QAClB,aAAa;QACb,QAAQ;KACA,CAAC;IACX,MAAM,aAAa,GAAG;QACpB,mBAAmB;QACnB,aAAa;QACb,iBAAiB;QACjB,kBAAkB;QAClB,iBAAiB;QACjB,aAAa;QACb,QAAQ;KACA,CAAC;IAEX,MAAM,KAAK,GAAG,YAAY,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,UAAU;QAChD,OAAO,MAAM,CAAC,cAAc,CAAC,GAAG,EAAE,UAAU,EAAE;YAC5C,GAAG;gBACD,OAAO,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC,EAAE,KAAK,IAAI,EAAE,CAAC;aAC1D;YACD,UAAU,EAAE,IAAI;SACjB,CAAC,CAAC;KACJ,EAAE,EAA6B,CAAC,CAAC;IAClC,MAAM,MAAM,GAAG,aAAa,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,UAAU;QAClD,OAAO,MAAM,CAAC,cAAc,CAAC,GAAG,EAAE,UAAU,EAAE;YAC5C,GAAG;gBACD,OAAO,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;aACrD;YACD,UAAU,EAAE,IAAI;SACjB,CAAC,CAAC;KACJ,EAAE,EAA8B,CAAC,CAAC;IAEnC,OAAO;QACL,KAAK;QACL,MAAM;QACN,IAAI,MAAM;YACR,OAAO,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,EAAE,IAAI,IAAI,IAAI,CAAC;SACtD;QACD,IAAI,MAAM;YACR,OAAO,SAAS,CAAC,MAAM,CAAC,OAAO,CAAC,aAAa,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,IAAI,EAAE,CAAC;SAC1E;QACD,IAAI,cAAc;YAChB,OAAO,SAAS,CAAC,MAAM,CAAC,OAAO,CAAC,aAAa,CAAC,gBAAgB,EAAE,gBAAgB,CAAC,CAAC,IAAI,EAAE,CAAC;SAC1F;QACD,IAAI,iBAAiB;YACnB,OAAO,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,iBAAiB,EAAE,iBAAiB,IAAI,EAAE,CAAC;SAC5E;QACD,IAAI,eAAe;YACjB,OAAO,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,EAAE,MAAM,IAAI,KAAK,CAAC;SAC5D;QACD,IAAI,WAAW;YACb,OAAO,SAAS,CAAC,MAAM,CAAC,OAAO,CAAC,aAAa,CAAC,aAAa,EAAE,aAAa,CAAC,CAAC,IAAI,EAAE,CAAC;SACpF;QACD,IAAI,SAAS;YACX,OAAO,CAAC,IAAI,CAAC,YAAY,IAAI,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,IAAI,IAAI,CAAC,MAAM,CAAC,MAAM,KAAK,SAAS,CAAC;SACtF;QACD,IAAI,cAAc;YAChB,OAAO,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,EAAE,cAAc,IAAI,EAAE,CAAC;SAC9D;QACD,IAAI,eAAe;YACjB,OAAO,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,eAAe,EAAE,eAAe,IAAI,EAAE,CAAC;SACxE;QACD,IAAI,gBAAgB;YAClB,OAAO,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,gBAAgB,EAAE,WAAW,IAAI,EAAE,CAAC;SACrE;QACD,IAAI,eAAe;YACjB,OAAO,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,eAAe,EAAE,eAAe,IAAI,EAAE,CAAC;SACxE;QACD,IAAI,YAAY;YACd,OAAO,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,EAAE,YAAY,IAAI,EAAE,CAAC;SAC5D;QACD,IAAI,WAAW;YACb,OAAO,SAAS,CAAC,MAAM,CAAC,OAAO,CAAC,aAAa,CAAC,aAAa,EAAE,aAAa,CAAC,CAAC,IAAI,EAAE,CAAC;SACpF;QACD,IAAI,OAAO;YACT,OAAO,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,EAAE,OAAO,IAAI,EAAE,CAAC;SACvD;QACD,IAAI,MAAM;YACR,OAAO,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,EAAE,IAAI,IAAI,EAAE,CAAC;SACpD;QACD,IAAI,eAAe;YACjB,OAAO,SAAS,CAAC,MAAM,CAAC,OAAO,CAAC,aAAa,CAAC,QAAQ,EAAE,iBAAiB,CAAC,CAAC,IAAI,EAAE,CAAC;SACnF;QACD,IAAI,mBAAmB;YACrB,OAAO,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,WAAW,EAAE,mBAAmB,IAAI,EAAE,CAAC;SACxE;QACD,IAAI,iBAAiB;YACnB,OAAO,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,EAAE,iBAAiB,IAAI,IAAI,CAAC;SACnE;QACD,IAAI,YAAY;YACd,OAAO,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,EAAE,YAAY,IAAI,CAAC,CAAC;SAC3D;QACD,IAAI,YAAY;YACd,OAAO,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,EAAE,IAAI,IAAI,EAAE,CAAC;SACpD;KACF,CAAC;AACJ;;;;"}
|
|
1
|
+
{"version":3,"file":"x-plugin.alias.js","sources":["../../../src/plugins/x-plugin.alias.ts"],"sourcesContent":["import Vue from 'vue';\nimport { RequestStatus } from '../store/utils/status-store.utils';\nimport {\n XComponentAliasAPI,\n XComponentAliasQueryAPI,\n XComponentAliasStatusAPI\n} from './x-plugin.types';\nimport { getGetterPath } from './x-plugin.utils';\n\n/**\n * Creates an object containing the alias part of {@link XComponentAPI}.\n *\n * @param component - The component with the store from which retrieve the data.\n * @returns An object containing the alias part of the {@link XComponentAPI}.\n *\n * @internal\n */\nexport function getAliasAPI(component: Vue): XComponentAliasAPI {\n const queryModules = [\n 'searchBox',\n 'nextQueries',\n 'querySuggestions',\n 'relatedTags',\n 'search'\n ] as const;\n const statusModules = [\n 'identifierResults',\n 'nextQueries',\n 'popularSearches',\n 'querySuggestions',\n 'recommendations',\n 'relatedTags',\n 'search'\n ] as const;\n\n const query = queryModules.reduce((acc, moduleName) => {\n return Object.defineProperty(acc, moduleName, {\n get(): string {\n return component.$store.state.x[moduleName]?.query ?? '';\n },\n enumerable: true\n });\n }, {} as XComponentAliasQueryAPI);\n const status = statusModules.reduce((acc, moduleName) => {\n return Object.defineProperty(acc, moduleName, {\n get(): RequestStatus | undefined {\n return component.$store.state.x[moduleName]?.status;\n },\n enumerable: true\n });\n }, {} as XComponentAliasStatusAPI);\n\n return {\n query,\n status,\n get device() {\n return component.$store.state.x.device?.name ?? null;\n },\n get facets() {\n return component.$store.getters[getGetterPath('facets', 'facets')] ?? {};\n },\n get historyQueries() {\n return component.$store.getters[getGetterPath('historyQueries', 'historyQueries')] ?? [];\n },\n get fullHistoryQueries() {\n return component.$store.state.x.historyQueries?.historyQueries ?? [];\n },\n get identifierResults() {\n return component.$store.state.x.identifierResults?.identifierResults ?? [];\n },\n get isEmpathizeOpen() {\n return component.$store.state.x.empathize?.isOpen ?? false;\n },\n get nextQueries() {\n return component.$store.getters[getGetterPath('nextQueries', 'nextQueries')] ?? [];\n },\n get noResults() {\n return !this.totalResults && !!this.query.search && this.status.search === 'success';\n },\n get partialResults() {\n return component.$store.state.x.search?.partialResults ?? [];\n },\n get popularSearches() {\n return component.$store.state.x.popularSearches?.popularSearches ?? [];\n },\n get querySuggestions() {\n return component.$store.state.x.querySuggestions?.suggestions ?? [];\n },\n get recommendations() {\n return component.$store.state.x.recommendations?.recommendations ?? [];\n },\n get redirections() {\n return component.$store.state.x.search?.redirections ?? [];\n },\n get relatedTags() {\n return component.$store.getters[getGetterPath('relatedTags', 'relatedTags')] ?? [];\n },\n get results() {\n return component.$store.state.x.search?.results ?? [];\n },\n get scroll() {\n return component.$store.state.x.scroll?.data ?? {};\n },\n get selectedFilters() {\n return component.$store.getters[getGetterPath('facets', 'selectedFilters')] ?? [];\n },\n get selectedRelatedTags() {\n return component.$store.state.x.relatedTags?.selectedRelatedTags ?? [];\n },\n get spellcheckedQuery() {\n return component.$store.state.x.search?.spellcheckedQuery ?? null;\n },\n get totalResults() {\n return component.$store.state.x.search?.totalResults ?? 0;\n },\n get selectedSort() {\n return component.$store.state.x.search?.sort ?? '';\n }\n };\n}\n"],"names":[],"mappings":";;AASA;;;;;;;;SAQgB,WAAW,CAAC,SAAc;IACxC,MAAM,YAAY,GAAG;QACnB,WAAW;QACX,aAAa;QACb,kBAAkB;QAClB,aAAa;QACb,QAAQ;KACA,CAAC;IACX,MAAM,aAAa,GAAG;QACpB,mBAAmB;QACnB,aAAa;QACb,iBAAiB;QACjB,kBAAkB;QAClB,iBAAiB;QACjB,aAAa;QACb,QAAQ;KACA,CAAC;IAEX,MAAM,KAAK,GAAG,YAAY,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,UAAU;QAChD,OAAO,MAAM,CAAC,cAAc,CAAC,GAAG,EAAE,UAAU,EAAE;YAC5C,GAAG;gBACD,OAAO,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC,EAAE,KAAK,IAAI,EAAE,CAAC;aAC1D;YACD,UAAU,EAAE,IAAI;SACjB,CAAC,CAAC;KACJ,EAAE,EAA6B,CAAC,CAAC;IAClC,MAAM,MAAM,GAAG,aAAa,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,UAAU;QAClD,OAAO,MAAM,CAAC,cAAc,CAAC,GAAG,EAAE,UAAU,EAAE;YAC5C,GAAG;gBACD,OAAO,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;aACrD;YACD,UAAU,EAAE,IAAI;SACjB,CAAC,CAAC;KACJ,EAAE,EAA8B,CAAC,CAAC;IAEnC,OAAO;QACL,KAAK;QACL,MAAM;QACN,IAAI,MAAM;YACR,OAAO,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,EAAE,IAAI,IAAI,IAAI,CAAC;SACtD;QACD,IAAI,MAAM;YACR,OAAO,SAAS,CAAC,MAAM,CAAC,OAAO,CAAC,aAAa,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,IAAI,EAAE,CAAC;SAC1E;QACD,IAAI,cAAc;YAChB,OAAO,SAAS,CAAC,MAAM,CAAC,OAAO,CAAC,aAAa,CAAC,gBAAgB,EAAE,gBAAgB,CAAC,CAAC,IAAI,EAAE,CAAC;SAC1F;QACD,IAAI,kBAAkB;YACpB,OAAO,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,cAAc,EAAE,cAAc,IAAI,EAAE,CAAC;SACtE;QACD,IAAI,iBAAiB;YACnB,OAAO,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,iBAAiB,EAAE,iBAAiB,IAAI,EAAE,CAAC;SAC5E;QACD,IAAI,eAAe;YACjB,OAAO,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,EAAE,MAAM,IAAI,KAAK,CAAC;SAC5D;QACD,IAAI,WAAW;YACb,OAAO,SAAS,CAAC,MAAM,CAAC,OAAO,CAAC,aAAa,CAAC,aAAa,EAAE,aAAa,CAAC,CAAC,IAAI,EAAE,CAAC;SACpF;QACD,IAAI,SAAS;YACX,OAAO,CAAC,IAAI,CAAC,YAAY,IAAI,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,IAAI,IAAI,CAAC,MAAM,CAAC,MAAM,KAAK,SAAS,CAAC;SACtF;QACD,IAAI,cAAc;YAChB,OAAO,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,EAAE,cAAc,IAAI,EAAE,CAAC;SAC9D;QACD,IAAI,eAAe;YACjB,OAAO,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,eAAe,EAAE,eAAe,IAAI,EAAE,CAAC;SACxE;QACD,IAAI,gBAAgB;YAClB,OAAO,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,gBAAgB,EAAE,WAAW,IAAI,EAAE,CAAC;SACrE;QACD,IAAI,eAAe;YACjB,OAAO,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,eAAe,EAAE,eAAe,IAAI,EAAE,CAAC;SACxE;QACD,IAAI,YAAY;YACd,OAAO,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,EAAE,YAAY,IAAI,EAAE,CAAC;SAC5D;QACD,IAAI,WAAW;YACb,OAAO,SAAS,CAAC,MAAM,CAAC,OAAO,CAAC,aAAa,CAAC,aAAa,EAAE,aAAa,CAAC,CAAC,IAAI,EAAE,CAAC;SACpF;QACD,IAAI,OAAO;YACT,OAAO,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,EAAE,OAAO,IAAI,EAAE,CAAC;SACvD;QACD,IAAI,MAAM;YACR,OAAO,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,EAAE,IAAI,IAAI,EAAE,CAAC;SACpD;QACD,IAAI,eAAe;YACjB,OAAO,SAAS,CAAC,MAAM,CAAC,OAAO,CAAC,aAAa,CAAC,QAAQ,EAAE,iBAAiB,CAAC,CAAC,IAAI,EAAE,CAAC;SACnF;QACD,IAAI,mBAAmB;YACrB,OAAO,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,WAAW,EAAE,mBAAmB,IAAI,EAAE,CAAC;SACxE;QACD,IAAI,iBAAiB;YACnB,OAAO,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,EAAE,iBAAiB,IAAI,IAAI,CAAC;SACnE;QACD,IAAI,YAAY;YACd,OAAO,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,EAAE,YAAY,IAAI,CAAC,CAAC;SAC3D;QACD,IAAI,YAAY;YACd,OAAO,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,EAAE,IAAI,IAAI,EAAE,CAAC;SACpD;KACF,CAAC;AACJ;;;;"}
|
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.128",
|
|
4
4
|
"description": "Empathy X Components",
|
|
5
5
|
"author": "Empathy Systems Corporation S.L.",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -125,5 +125,5 @@
|
|
|
125
125
|
"access": "public",
|
|
126
126
|
"directory": "dist"
|
|
127
127
|
},
|
|
128
|
-
"gitHead": "
|
|
128
|
+
"gitHead": "ddb04ab03370530e2a3db44c8bfc719a9ccd1f2f"
|
|
129
129
|
}
|
|
@@ -50374,8 +50374,48 @@
|
|
|
50374
50374
|
},
|
|
50375
50375
|
{
|
|
50376
50376
|
"kind": "PropertySignature",
|
|
50377
|
-
"canonicalReference": "@empathyco/x-components!XComponentAliasAPI#
|
|
50377
|
+
"canonicalReference": "@empathyco/x-components!XComponentAliasAPI#fullHistoryQueries:member",
|
|
50378
50378
|
"docComment": "/**\n * The {@link HistoryQueriesXModule} history queries.\n */\n",
|
|
50379
|
+
"excerptTokens": [
|
|
50380
|
+
{
|
|
50381
|
+
"kind": "Content",
|
|
50382
|
+
"text": "readonly fullHistoryQueries: "
|
|
50383
|
+
},
|
|
50384
|
+
{
|
|
50385
|
+
"kind": "Reference",
|
|
50386
|
+
"text": "ReadonlyArray",
|
|
50387
|
+
"canonicalReference": "!ReadonlyArray:interface"
|
|
50388
|
+
},
|
|
50389
|
+
{
|
|
50390
|
+
"kind": "Content",
|
|
50391
|
+
"text": "<"
|
|
50392
|
+
},
|
|
50393
|
+
{
|
|
50394
|
+
"kind": "Reference",
|
|
50395
|
+
"text": "HistoryQuery",
|
|
50396
|
+
"canonicalReference": "@empathyco/x-components!HistoryQuery:interface"
|
|
50397
|
+
},
|
|
50398
|
+
{
|
|
50399
|
+
"kind": "Content",
|
|
50400
|
+
"text": ">"
|
|
50401
|
+
},
|
|
50402
|
+
{
|
|
50403
|
+
"kind": "Content",
|
|
50404
|
+
"text": ";"
|
|
50405
|
+
}
|
|
50406
|
+
],
|
|
50407
|
+
"isOptional": false,
|
|
50408
|
+
"releaseTag": "Public",
|
|
50409
|
+
"name": "fullHistoryQueries",
|
|
50410
|
+
"propertyTypeTokenRange": {
|
|
50411
|
+
"startIndex": 1,
|
|
50412
|
+
"endIndex": 5
|
|
50413
|
+
}
|
|
50414
|
+
},
|
|
50415
|
+
{
|
|
50416
|
+
"kind": "PropertySignature",
|
|
50417
|
+
"canonicalReference": "@empathyco/x-components!XComponentAliasAPI#historyQueries:member",
|
|
50418
|
+
"docComment": "/**\n * The {@link HistoryQueriesXModule} history queries matching the query.\n */\n",
|
|
50379
50419
|
"excerptTokens": [
|
|
50380
50420
|
{
|
|
50381
50421
|
"kind": "Content",
|
|
@@ -4758,6 +4758,7 @@ export interface XBus {
|
|
|
4758
4758
|
export interface XComponentAliasAPI {
|
|
4759
4759
|
readonly device: string | null;
|
|
4760
4760
|
readonly facets: Record<Facet['id'], Facet>;
|
|
4761
|
+
readonly fullHistoryQueries: ReadonlyArray<HistoryQuery_2>;
|
|
4761
4762
|
readonly historyQueries: ReadonlyArray<HistoryQuery_2>;
|
|
4762
4763
|
readonly identifierResults: ReadonlyArray<Result>;
|
|
4763
4764
|
readonly isEmpathizeOpen: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"fixed-header-and-asides-layout.vue?rollup-plugin-vue=script.d.ts","sourceRoot":"","sources":["../../../../src/components/layouts/fixed-header-and-asides-layout.vue?rollup-plugin-vue=script.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"fixed-header-and-asides-layout.vue?rollup-plugin-vue=script.d.ts","sourceRoot":"","sources":["../../../../src/components/layouts/fixed-header-and-asides-layout.vue?rollup-plugin-vue=script.ts"],"names":[],"mappings":"AA0FA,OAAO,UAAU,MAAM,mDAAmD,CAAC;AAI3E,OAAO,YAAY,MAAM,iBAAiB,CAAC;;AAE3C;;;;GAIG;AAQH,MAAM,CAAC,OAAO,OAAO,0BAA2B,SAAQ,+BAAoB;IAC1E,SAAS,CAAC,cAAc,SAAK;IAC7B,SAAS,CAAC,mBAAmB,2CAA6B;IAC1D,SAAS,CAAC,kBAAkB,2CAA4B;IAExD,SAAS,CAAC,WAAW,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI;IAI7C,SAAS,KAAK,iBAAiB,IAAI,OAAO,CAEzC;CACF"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"single-column-layout.vue?rollup-plugin-vue=script.d.ts","sourceRoot":"","sources":["../../../../src/components/layouts/single-column-layout.vue?rollup-plugin-vue=script.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"single-column-layout.vue?rollup-plugin-vue=script.d.ts","sourceRoot":"","sources":["../../../../src/components/layouts/single-column-layout.vue?rollup-plugin-vue=script.ts"],"names":[],"mappings":"AA4EA,OAAO,GAAG,MAAM,KAAK,CAAC;AAQtB,OAAO,YAAY,MAAM,iBAAiB,CAAC;;AAE3C;;;;GAIG;AAIH,MAAM,CAAC,OAAO,OAAO,kBAAmB,SAAQ,uBAAoB;IAClE;;;;OAIG;IAEH,SAAS,CAAC,cAAc,EAAG,GAAG,CAAC;CAChC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"x-plugin.alias.d.ts","sourceRoot":"","sources":["../../../src/plugins/x-plugin.alias.ts"],"names":[],"mappings":"AAAA,OAAO,GAAG,MAAM,KAAK,CAAC;AAEtB,OAAO,EACL,kBAAkB,EAGnB,MAAM,kBAAkB,CAAC;AAG1B;;;;;;;GAOG;AACH,wBAAgB,WAAW,CAAC,SAAS,EAAE,GAAG,GAAG,kBAAkB,
|
|
1
|
+
{"version":3,"file":"x-plugin.alias.d.ts","sourceRoot":"","sources":["../../../src/plugins/x-plugin.alias.ts"],"names":[],"mappings":"AAAA,OAAO,GAAG,MAAM,KAAK,CAAC;AAEtB,OAAO,EACL,kBAAkB,EAGnB,MAAM,kBAAkB,CAAC;AAG1B;;;;;;;GAOG;AACH,wBAAgB,WAAW,CAAC,SAAS,EAAE,GAAG,GAAG,kBAAkB,CAsG9D"}
|
|
@@ -78,8 +78,10 @@ export interface XComponentAliasAPI {
|
|
|
78
78
|
readonly device: string | null;
|
|
79
79
|
/** The {@link FacetsXModule} facets. */
|
|
80
80
|
readonly facets: Record<Facet['id'], Facet>;
|
|
81
|
-
/** The {@link HistoryQueriesXModule} history queries. */
|
|
81
|
+
/** The {@link HistoryQueriesXModule} history queries matching the query. */
|
|
82
82
|
readonly historyQueries: ReadonlyArray<HistoryQuery>;
|
|
83
|
+
/** The {@link HistoryQueriesXModule} history queries. */
|
|
84
|
+
readonly fullHistoryQueries: ReadonlyArray<HistoryQuery>;
|
|
83
85
|
/** The {@link IdentifierResultsXModule} results. */
|
|
84
86
|
readonly identifierResults: ReadonlyArray<Result>;
|
|
85
87
|
/** The {@link Empathize} is open state. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"x-plugin.types.d.ts","sourceRoot":"","sources":["../../../src/plugins/x-plugin.types.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EACL,MAAM,EACN,YAAY,EACZ,SAAS,EACT,aAAa,EACb,WAAW,EACX,UAAU,EACV,MAAM,EACN,UAAU,EACV,kBAAkB,EACnB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,EAAE,KAAK,EAAE,MAAM,MAAM,CAAC;AAC7B,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AACpE,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AACzC,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAC7E,OAAO,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AACnG,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAErC;;;;GAIG;AACH,MAAM,WAAW,cAAc;IAC7B,gGAAgG;IAChG,OAAO,EAAE,kBAAkB,CAAC;IAC5B;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC;IACnB;;OAEG;IACH,eAAe,CAAC,EAAE,UAAU,EAAE,CAAC;IAC/B;;OAEG;IACH,QAAQ,CAAC,EAAE,eAAe,CAAC;IAC3B;;;OAGG;IACH,mBAAmB,CAAC,EAAE,sBAAsB,CAAC;CAC9C;AAED;;;;;GAKG;AACH,oBAAY,iBAAiB,GAAG,KAAK,GAAG,KAAK,CAAC;AAE9C;;;;;GAKG;AACH,MAAM,WAAW,aAAc,SAAQ,gBAAgB,EAAE,kBAAkB;CAAG;AAE9E;;;;GAIG;AACH,MAAM,WAAW,gBAAgB;IAE/B,gCAAgC;IAChC,EAAE,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;IACf,kCAAkC;IAClC,IAAI,CAAC,KAAK,EAAE,aAAa,CAAC,YAAY,EAAE,IAAI,CAAC,GAAG,IAAI,CAAC;IACrD,kCAAkC;IAClC,IAAI,CAAC,KAAK,SAAS,MAAM,EACvB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,aAAa,CAAC,KAAK,CAAC,EAC7B,QAAQ,CAAC,EAAE,IAAI,CAAC,YAAY,EAAE,YAAY,GAAG,QAAQ,GAAG,UAAU,CAAC,GAClE,IAAI,CAAC;CAET;AAED;;;;GAIG;AACH,MAAM,WAAW,kBAAkB;IACjC,iDAAiD;IACjD,QAAQ,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,wCAAwC;IACxC,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,KAAK,CAAC,CAAC;IAC5C,
|
|
1
|
+
{"version":3,"file":"x-plugin.types.d.ts","sourceRoot":"","sources":["../../../src/plugins/x-plugin.types.ts"],"names":[],"mappings":"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"}
|