@empathyco/x-components 3.0.0-alpha.117 → 3.0.0-alpha.118
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 +13 -0
- package/design-system/full-theme.css +44 -43
- package/docs/API-reference/api/x-components.identifierresults.maxitemstorender.md +13 -0
- package/docs/API-reference/api/x-components.identifierresults.md +1 -0
- package/docs/API-reference/components/identifier-results/x-components.identifier-results.md +29 -4
- package/js/x-modules/identifier-results/components/identifier-results.vue.js +1 -1
- package/js/x-modules/identifier-results/components/identifier-results.vue.js.map +1 -1
- package/js/x-modules/identifier-results/components/identifier-results.vue_rollup-plugin-vue_script.vue.js +13 -0
- package/js/x-modules/identifier-results/components/identifier-results.vue_rollup-plugin-vue_script.vue.js.map +1 -1
- package/package.json +2 -2
- package/report/x-components.api.json +27 -0
- package/report/x-components.api.md +3 -0
- package/types/x-modules/identifier-results/components/identifier-results.vue.d.ts +14 -0
- package/types/x-modules/identifier-results/components/identifier-results.vue.d.ts.map +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,19 @@
|
|
|
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.118](https://github.com/empathyco/x/compare/@empathyco/x-components@3.0.0-alpha.117...@empathyco/x-components@3.0.0-alpha.118) (2022-06-23)
|
|
7
|
+
|
|
8
|
+
### Features
|
|
9
|
+
|
|
10
|
+
- **identifier-results:** add maxItemsToRender prop (#576)
|
|
11
|
+
([c740b8b](https://github.com/empathyco/x/commit/c740b8b8c1a66d25eb8cc2aaa84303cb186ae8ea)),
|
|
12
|
+
closes [EX-6414](https://searchbroker.atlassian.net/browse/EX-6414)
|
|
13
|
+
|
|
14
|
+
# Change Log
|
|
15
|
+
|
|
16
|
+
All notable changes to this project will be documented in this file. See
|
|
17
|
+
[Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
18
|
+
|
|
6
19
|
## [3.0.0-alpha.117](https://github.com/empathyco/x/compare/@empathyco/x-components@3.0.0-alpha.116...@empathyco/x-components@3.0.0-alpha.117) (2022-06-23)
|
|
7
20
|
|
|
8
21
|
### Features
|
|
@@ -6468,49 +6468,6 @@
|
|
|
6468
6468
|
.x-self-baseline {
|
|
6469
6469
|
align-self: baseline !important;
|
|
6470
6470
|
}
|
|
6471
|
-
.x-font-color--lead {
|
|
6472
|
-
color: var(--x-color-base-lead) !important;
|
|
6473
|
-
}
|
|
6474
|
-
|
|
6475
|
-
.x-font-color--auxiliary {
|
|
6476
|
-
color: var(--x-color-base-auxiliary) !important;
|
|
6477
|
-
}
|
|
6478
|
-
|
|
6479
|
-
.x-font-color--neutral-10 {
|
|
6480
|
-
color: var(--x-color-base-neutral-10) !important;
|
|
6481
|
-
}
|
|
6482
|
-
|
|
6483
|
-
.x-font-color--neutral-35 {
|
|
6484
|
-
color: var(--x-color-base-neutral-35) !important;
|
|
6485
|
-
}
|
|
6486
|
-
|
|
6487
|
-
.x-font-color--neutral-70 {
|
|
6488
|
-
color: var(--x-color-base-neutral-70) !important;
|
|
6489
|
-
}
|
|
6490
|
-
|
|
6491
|
-
.x-font-color--neutral-95 {
|
|
6492
|
-
color: var(--x-color-base-neutral-95) !important;
|
|
6493
|
-
}
|
|
6494
|
-
|
|
6495
|
-
.x-font-color--neutral-100 {
|
|
6496
|
-
color: var(--x-color-base-neutral-100) !important;
|
|
6497
|
-
}
|
|
6498
|
-
|
|
6499
|
-
.x-font-color--accent {
|
|
6500
|
-
color: var(--x-color-base-accent) !important;
|
|
6501
|
-
}
|
|
6502
|
-
|
|
6503
|
-
.x-font-color--enable {
|
|
6504
|
-
color: var(--x-color-base-enable) !important;
|
|
6505
|
-
}
|
|
6506
|
-
|
|
6507
|
-
.x-font-color--disable {
|
|
6508
|
-
color: var(--x-color-base-disable) !important;
|
|
6509
|
-
}
|
|
6510
|
-
|
|
6511
|
-
.x-font-color--transparent {
|
|
6512
|
-
color: var(--x-color-base-transparent) !important;
|
|
6513
|
-
}
|
|
6514
6471
|
.x-font-size--01 {
|
|
6515
6472
|
font-size: var(--x-size-base-01) !important;
|
|
6516
6473
|
line-height: 1.5;
|
|
@@ -7613,3 +7570,47 @@
|
|
|
7613
7570
|
.x-normal-case {
|
|
7614
7571
|
text-transform: none;
|
|
7615
7572
|
}
|
|
7573
|
+
|
|
7574
|
+
.x-font-color--lead {
|
|
7575
|
+
color: var(--x-color-base-lead) !important;
|
|
7576
|
+
}
|
|
7577
|
+
|
|
7578
|
+
.x-font-color--auxiliary {
|
|
7579
|
+
color: var(--x-color-base-auxiliary) !important;
|
|
7580
|
+
}
|
|
7581
|
+
|
|
7582
|
+
.x-font-color--neutral-10 {
|
|
7583
|
+
color: var(--x-color-base-neutral-10) !important;
|
|
7584
|
+
}
|
|
7585
|
+
|
|
7586
|
+
.x-font-color--neutral-35 {
|
|
7587
|
+
color: var(--x-color-base-neutral-35) !important;
|
|
7588
|
+
}
|
|
7589
|
+
|
|
7590
|
+
.x-font-color--neutral-70 {
|
|
7591
|
+
color: var(--x-color-base-neutral-70) !important;
|
|
7592
|
+
}
|
|
7593
|
+
|
|
7594
|
+
.x-font-color--neutral-95 {
|
|
7595
|
+
color: var(--x-color-base-neutral-95) !important;
|
|
7596
|
+
}
|
|
7597
|
+
|
|
7598
|
+
.x-font-color--neutral-100 {
|
|
7599
|
+
color: var(--x-color-base-neutral-100) !important;
|
|
7600
|
+
}
|
|
7601
|
+
|
|
7602
|
+
.x-font-color--accent {
|
|
7603
|
+
color: var(--x-color-base-accent) !important;
|
|
7604
|
+
}
|
|
7605
|
+
|
|
7606
|
+
.x-font-color--enable {
|
|
7607
|
+
color: var(--x-color-base-enable) !important;
|
|
7608
|
+
}
|
|
7609
|
+
|
|
7610
|
+
.x-font-color--disable {
|
|
7611
|
+
color: var(--x-color-base-disable) !important;
|
|
7612
|
+
}
|
|
7613
|
+
|
|
7614
|
+
.x-font-color--transparent {
|
|
7615
|
+
color: var(--x-color-base-transparent) !important;
|
|
7616
|
+
}
|
|
@@ -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) > [IdentifierResults](./x-components.identifierresults.md) > [maxItemsToRender](./x-components.identifierresults.maxitemstorender.md)
|
|
4
|
+
|
|
5
|
+
## IdentifierResults.maxItemsToRender property
|
|
6
|
+
|
|
7
|
+
Number of identifier results to render.
|
|
8
|
+
|
|
9
|
+
<b>Signature:</b>
|
|
10
|
+
|
|
11
|
+
```typescript
|
|
12
|
+
protected maxItemsToRender?: number;
|
|
13
|
+
```
|
|
@@ -19,5 +19,6 @@ export default class IdentifierResults extends Vue
|
|
|
19
19
|
| --- | --- | --- | --- |
|
|
20
20
|
| [animation](./x-components.identifierresults.animation.md) | | Vue | Animation component that will be used to animate the identifier results. |
|
|
21
21
|
| [identifierResults](./x-components.identifierresults.identifierresults.md) | | Result\[\] | The module's list of identifier results. |
|
|
22
|
+
| [maxItemsToRender?](./x-components.identifierresults.maxitemstorender.md) | | number | <i>(Optional)</i> Number of identifier results to render. |
|
|
22
23
|
| [resultClickExtraEvents](./x-components.identifierresults.resultclickextraevents.md) | | [PropsWithType](./x-components.propswithtype.md)<!-- --><[XEventsTypes](./x-components.xeventstypes.md)<!-- -->, Result>\[\] | The additional events to be emitted by the mandatory [BaseResultLink](./x-components.baseresultlink.md) component. |
|
|
23
24
|
|
|
@@ -12,9 +12,10 @@ other component.
|
|
|
12
12
|
|
|
13
13
|
## Props
|
|
14
14
|
|
|
15
|
-
| Name
|
|
16
|
-
|
|
|
17
|
-
| <code>animation</code>
|
|
15
|
+
| Name | Description | Type | Default |
|
|
16
|
+
| ----------------------------- | ------------------------------------------------------------------------ | ------------------- | ----------------- |
|
|
17
|
+
| <code>animation</code> | Animation component that will be used to animate the identifier results. | <code>Vue</code> | <code>'ul'</code> |
|
|
18
|
+
| <code>maxItemsToRender</code> | Number of identifier results to render. | <code>number</code> | <code></code> |
|
|
18
19
|
|
|
19
20
|
## Slots
|
|
20
21
|
|
|
@@ -24,7 +25,7 @@ other component.
|
|
|
24
25
|
|
|
25
26
|
## Examples
|
|
26
27
|
|
|
27
|
-
###
|
|
28
|
+
### Play with slot
|
|
28
29
|
|
|
29
30
|
A IdentifierResult **must** be used inside the IdentifierResults component. In the example below the
|
|
30
31
|
BaseResultLink is used as a wrapper and its default slot is filled with the IdentifierResult
|
|
@@ -41,3 +42,27 @@ component.
|
|
|
41
42
|
</template>
|
|
42
43
|
</IdentifierResults>
|
|
43
44
|
```
|
|
45
|
+
|
|
46
|
+
### Play with props
|
|
47
|
+
|
|
48
|
+
In this example, the identifier results have been limited to render a maximum of 3 items.
|
|
49
|
+
|
|
50
|
+
```vue
|
|
51
|
+
<template>
|
|
52
|
+
<IdentifierResults #default="{ identifierResult }" :maxItemsToRender="3">
|
|
53
|
+
<IdentifierResult :result="identifierResult" />
|
|
54
|
+
</IdentifierResults>
|
|
55
|
+
</template>
|
|
56
|
+
|
|
57
|
+
<script>
|
|
58
|
+
import { IdentifierResults, IdentifierResult } from "@empathyco/x-components";
|
|
59
|
+
|
|
60
|
+
export default {
|
|
61
|
+
name: "IdentifierResultsDemo",
|
|
62
|
+
components: {
|
|
63
|
+
IdentifierResults,
|
|
64
|
+
IdentifierResult
|
|
65
|
+
}
|
|
66
|
+
};
|
|
67
|
+
</script>
|
|
68
|
+
```
|
|
@@ -17,7 +17,7 @@ var __vue_render__ = function () {
|
|
|
17
17
|
staticClass: "x-list x-identifier-results",
|
|
18
18
|
attrs: { tag: "ul" },
|
|
19
19
|
},
|
|
20
|
-
_vm._l(_vm.
|
|
20
|
+
_vm._l(_vm.identifierResultsToRender, function (identifierResult) {
|
|
21
21
|
return _c(
|
|
22
22
|
"li",
|
|
23
23
|
{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"identifier-results.vue.js","sources":["../../../../../src/x-modules/identifier-results/components/identifier-results.vue"],"sourcesContent":["<template>\n <component\n :is=\"animation\"\n v-if=\"identifierResults.length\"\n tag=\"ul\"\n class=\"x-list x-identifier-results\"\n >\n <li\n v-for=\"identifierResult in
|
|
1
|
+
{"version":3,"file":"identifier-results.vue.js","sources":["../../../../../src/x-modules/identifier-results/components/identifier-results.vue"],"sourcesContent":["<template>\n <component\n :is=\"animation\"\n v-if=\"identifierResults.length\"\n tag=\"ul\"\n class=\"x-list x-identifier-results\"\n >\n <li\n v-for=\"identifierResult in identifierResultsToRender\"\n :key=\"identifierResult.id\"\n class=\"x-identifier-results__item\"\n data-test=\"identifier-results-item\"\n >\n <!--\n @slot (Required) Identifier results item content\n @binding {Result} identifierResult - Identifier Result data\n -->\n <slot :identifierResult=\"identifierResult\" />\n </li>\n </component>\n</template>\n\n<script lang=\"ts\">\n import { Result } from '@empathyco/x-types';\n import { Component, Prop, Provide } from 'vue-property-decorator';\n import Vue from 'vue';\n import { State } from '../../../components/decorators/store.decorators';\n import { xComponentMixin } from '../../../components/x-component.mixin';\n import { PropsWithType } from '../../../utils/types';\n import { XEventsTypes } from '../../../wiring/events.types';\n import { identifierResultsXModule } from '../x-module';\n\n /**\n * Paints the list of identifier results stored in the state. Each identifier result should be\n * represented by a {@link IdentifierResult | identifier result component} besides any\n * other component.\n *\n * @public\n */\n @Component({\n mixins: [xComponentMixin(identifierResultsXModule)]\n })\n export default class IdentifierResults extends Vue {\n /**\n * Animation component that will be used to animate the identifier results.\n *\n * @public\n */\n @Prop({ default: 'ul' })\n protected animation!: Vue;\n\n /**\n * Number of identifier results to render.\n *\n * @public\n */\n @Prop()\n protected maxItemsToRender?: number;\n\n /**\n * The module's list of identifier results.\n *\n * @public\n */\n @State('identifierResults', 'identifierResults')\n public identifierResults!: Result[];\n\n /**\n * The additional events to be emitted by the mandatory {@link BaseResultLink} component.\n *\n * @public\n */\n @Provide()\n protected resultClickExtraEvents: PropsWithType<XEventsTypes, Result>[] = [\n 'UserClickedAIdentifierResult'\n ];\n\n /**\n * Slices the identifier results from the state.\n *\n * @returns - The list of identifier results sliced by the number of items to render.\n *\n * @internal\n */\n public get identifierResultsToRender(): Result[] {\n return this.identifierResults.slice(0, this.maxItemsToRender);\n }\n }\n</script>\n\n<docs lang=\"mdx\">\n## Examples\n\n### Play with slot\n\nA IdentifierResult **must** be used inside the IdentifierResults component. In the example below the\nBaseResultLink is used as a wrapper and its default slot is filled with the IdentifierResult\ncomponent.\n\n```vue\n<IdentifierResults :animation=\"fadeAndSlide\">\n <template #default=\"{ identifierResult }\">\n <BaseResultLink :result=\"identifierResult\">\n <template #default=\"{ result }\">\n <IdentifierResult :result=\"result\"/>\n </template>\n </BaseResultLink>\n </template>\n</IdentifierResults>\n```\n\n### Play with props\n\nIn this example, the identifier results have been limited to render a maximum of 3 items.\n\n```vue\n<template>\n <IdentifierResults #default=\"{ identifierResult }\" :maxItemsToRender=\"3\">\n <IdentifierResult :result=\"identifierResult\" />\n </IdentifierResults>\n</template>\n\n<script>\n import { IdentifierResults, IdentifierResult } from '@empathyco/x-components';\n\n export default {\n name: 'IdentifierResultsDemo',\n components: {\n IdentifierResults,\n IdentifierResult\n }\n };\n</script>\n```\n</docs>\n"],"names":[],"mappings":";;;;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -24,10 +24,23 @@ let IdentifierResults = class IdentifierResults extends Vue {
|
|
|
24
24
|
'UserClickedAIdentifierResult'
|
|
25
25
|
];
|
|
26
26
|
}
|
|
27
|
+
/**
|
|
28
|
+
* Slices the identifier results from the state.
|
|
29
|
+
*
|
|
30
|
+
* @returns - The list of identifier results sliced by the number of items to render.
|
|
31
|
+
*
|
|
32
|
+
* @internal
|
|
33
|
+
*/
|
|
34
|
+
get identifierResultsToRender() {
|
|
35
|
+
return this.identifierResults.slice(0, this.maxItemsToRender);
|
|
36
|
+
}
|
|
27
37
|
};
|
|
28
38
|
__decorate([
|
|
29
39
|
Prop({ default: 'ul' })
|
|
30
40
|
], IdentifierResults.prototype, "animation", void 0);
|
|
41
|
+
__decorate([
|
|
42
|
+
Prop()
|
|
43
|
+
], IdentifierResults.prototype, "maxItemsToRender", void 0);
|
|
31
44
|
__decorate([
|
|
32
45
|
State('identifierResults', 'identifierResults')
|
|
33
46
|
], IdentifierResults.prototype, "identifierResults", void 0);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"identifier-results.vue_rollup-plugin-vue_script.vue.js","sources":["../../../../../src/x-modules/identifier-results/components/identifier-results.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\nimport { Result } from '@empathyco/x-types';\nimport { Component, Prop, Provide } from 'vue-property-decorator';\nimport Vue from 'vue';\nimport { State } from '../../../components/decorators/store.decorators';\nimport { xComponentMixin } from '../../../components/x-component.mixin';\nimport { PropsWithType } from '../../../utils/types';\nimport { XEventsTypes } from '../../../wiring/events.types';\nimport { identifierResultsXModule } from '../x-module';\n\n/**\n * Paints the list of identifier results stored in the state. Each identifier result should be\n * represented by a {@link IdentifierResult | identifier result component} besides any\n * other component.\n *\n * @public\n */\n@Component({\n mixins: [xComponentMixin(identifierResultsXModule)]\n})\nexport default class IdentifierResults extends Vue {\n /**\n * Animation component that will be used to animate the identifier results.\n *\n * @public\n */\n @Prop({ default: 'ul' })\n protected animation!: Vue;\n\n /**\n * The module's list of identifier results.\n *\n * @public\n */\n @State('identifierResults', 'identifierResults')\n public identifierResults!: Result[];\n\n /**\n * The additional events to be emitted by the mandatory {@link BaseResultLink} component.\n *\n * @public\n */\n @Provide()\n protected resultClickExtraEvents: PropsWithType<XEventsTypes, Result>[] = [\n 'UserClickedAIdentifierResult'\n ];\n}\n"],"names":[],"mappings":";;;;;;;AAgCA;;;;;;;AAUA,IAAqB,iBAAiB,GAAtC,MAAqB,iBAAkB,SAAQ,GAAG;IAAlD;;;;;;;
|
|
1
|
+
{"version":3,"file":"identifier-results.vue_rollup-plugin-vue_script.vue.js","sources":["../../../../../src/x-modules/identifier-results/components/identifier-results.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\nimport { Result } from '@empathyco/x-types';\nimport { Component, Prop, Provide } from 'vue-property-decorator';\nimport Vue from 'vue';\nimport { State } from '../../../components/decorators/store.decorators';\nimport { xComponentMixin } from '../../../components/x-component.mixin';\nimport { PropsWithType } from '../../../utils/types';\nimport { XEventsTypes } from '../../../wiring/events.types';\nimport { identifierResultsXModule } from '../x-module';\n\n/**\n * Paints the list of identifier results stored in the state. Each identifier result should be\n * represented by a {@link IdentifierResult | identifier result component} besides any\n * other component.\n *\n * @public\n */\n@Component({\n mixins: [xComponentMixin(identifierResultsXModule)]\n})\nexport default class IdentifierResults extends Vue {\n /**\n * Animation component that will be used to animate the identifier results.\n *\n * @public\n */\n @Prop({ default: 'ul' })\n protected animation!: Vue;\n\n /**\n * Number of identifier results to render.\n *\n * @public\n */\n @Prop()\n protected maxItemsToRender?: number;\n\n /**\n * The module's list of identifier results.\n *\n * @public\n */\n @State('identifierResults', 'identifierResults')\n public identifierResults!: Result[];\n\n /**\n * The additional events to be emitted by the mandatory {@link BaseResultLink} component.\n *\n * @public\n */\n @Provide()\n protected resultClickExtraEvents: PropsWithType<XEventsTypes, Result>[] = [\n 'UserClickedAIdentifierResult'\n ];\n\n /**\n * Slices the identifier results from the state.\n *\n * @returns - The list of identifier results sliced by the number of items to render.\n *\n * @internal\n */\n public get identifierResultsToRender(): Result[] {\n return this.identifierResults.slice(0, this.maxItemsToRender);\n }\n}\n"],"names":[],"mappings":";;;;;;;AAgCA;;;;;;;AAUA,IAAqB,iBAAiB,GAAtC,MAAqB,iBAAkB,SAAQ,GAAG;IAAlD;;;;;;;QA+BY,2BAAsB,GAA0C;YACxE,8BAA8B;SAC/B,CAAC;KAYH;;;;;;;;IAHC,IAAW,yBAAyB;QAClC,OAAO,IAAI,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAC;KAC/D;CACF,CAAA;AAtCC;IADC,IAAI,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;oDACE;AAQ1B;IADC,IAAI,EAAE;2DAC6B;AAQpC;IADC,KAAK,CAAC,mBAAmB,EAAE,mBAAmB,CAAC;4DACZ;AAQpC;IADC,OAAO,EAAE;iEAGR;AAjCiB,iBAAiB;IAHrC,SAAS,CAAC;QACT,MAAM,EAAE,CAAC,eAAe,CAAC,wBAAwB,CAAC,CAAC;KACpD,CAAC;GACmB,iBAAiB,CA6CrC;aA7CoB,iBAAiB;;;;"}
|
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.118",
|
|
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": "3ec310b56b5da947b81ff3a312b82a0327e32b45"
|
|
129
129
|
}
|
|
@@ -20459,6 +20459,33 @@
|
|
|
20459
20459
|
},
|
|
20460
20460
|
"isStatic": false
|
|
20461
20461
|
},
|
|
20462
|
+
{
|
|
20463
|
+
"kind": "Property",
|
|
20464
|
+
"canonicalReference": "@empathyco/x-components!IdentifierResults#maxItemsToRender:member",
|
|
20465
|
+
"docComment": "/**\n * Number of identifier results to render.\n *\n * @public\n */\n",
|
|
20466
|
+
"excerptTokens": [
|
|
20467
|
+
{
|
|
20468
|
+
"kind": "Content",
|
|
20469
|
+
"text": "protected maxItemsToRender?: "
|
|
20470
|
+
},
|
|
20471
|
+
{
|
|
20472
|
+
"kind": "Content",
|
|
20473
|
+
"text": "number"
|
|
20474
|
+
},
|
|
20475
|
+
{
|
|
20476
|
+
"kind": "Content",
|
|
20477
|
+
"text": ";"
|
|
20478
|
+
}
|
|
20479
|
+
],
|
|
20480
|
+
"isOptional": true,
|
|
20481
|
+
"releaseTag": "Public",
|
|
20482
|
+
"name": "maxItemsToRender",
|
|
20483
|
+
"propertyTypeTokenRange": {
|
|
20484
|
+
"startIndex": 1,
|
|
20485
|
+
"endIndex": 2
|
|
20486
|
+
},
|
|
20487
|
+
"isStatic": false
|
|
20488
|
+
},
|
|
20462
20489
|
{
|
|
20463
20490
|
"kind": "Property",
|
|
20464
20491
|
"canonicalReference": "@empathyco/x-components!IdentifierResults#resultClickExtraEvents:member",
|
|
@@ -1983,6 +1983,9 @@ export class IdentifierResult extends Vue_2 {
|
|
|
1983
1983
|
export class IdentifierResults extends Vue_2 {
|
|
1984
1984
|
protected animation: Vue_2;
|
|
1985
1985
|
identifierResults: Result[];
|
|
1986
|
+
// @internal
|
|
1987
|
+
get identifierResultsToRender(): Result[];
|
|
1988
|
+
protected maxItemsToRender?: number;
|
|
1986
1989
|
protected resultClickExtraEvents: PropsWithType<XEventsTypes, Result>[];
|
|
1987
1990
|
}
|
|
1988
1991
|
|
|
@@ -16,6 +16,12 @@ export default class IdentifierResults extends Vue {
|
|
|
16
16
|
* @public
|
|
17
17
|
*/
|
|
18
18
|
protected animation: Vue;
|
|
19
|
+
/**
|
|
20
|
+
* Number of identifier results to render.
|
|
21
|
+
*
|
|
22
|
+
* @public
|
|
23
|
+
*/
|
|
24
|
+
protected maxItemsToRender?: number;
|
|
19
25
|
/**
|
|
20
26
|
* The module's list of identifier results.
|
|
21
27
|
*
|
|
@@ -28,5 +34,13 @@ export default class IdentifierResults extends Vue {
|
|
|
28
34
|
* @public
|
|
29
35
|
*/
|
|
30
36
|
protected resultClickExtraEvents: PropsWithType<XEventsTypes, Result>[];
|
|
37
|
+
/**
|
|
38
|
+
* Slices the identifier results from the state.
|
|
39
|
+
*
|
|
40
|
+
* @returns - The list of identifier results sliced by the number of items to render.
|
|
41
|
+
*
|
|
42
|
+
* @internal
|
|
43
|
+
*/
|
|
44
|
+
get identifierResultsToRender(): Result[];
|
|
31
45
|
}
|
|
32
46
|
//# sourceMappingURL=identifier-results.vue?rollup-plugin-vue=script.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"identifier-results.vue?rollup-plugin-vue=script.d.ts","sourceRoot":"","sources":["../../../../../src/x-modules/identifier-results/components/identifier-results.vue?rollup-plugin-vue=script.ts"],"names":[],"mappings":"AAuBA,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAE5C,OAAO,GAAG,MAAM,KAAK,CAAC;AAGtB,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAG5D;;;;;;GAMG;AAIH,MAAM,CAAC,OAAO,OAAO,iBAAkB,SAAQ,GAAG;IAChD;;;;OAIG;IAEH,SAAS,CAAC,SAAS,EAAG,GAAG,CAAC;IAE1B;;;;OAIG;IAEI,iBAAiB,EAAG,MAAM,EAAE,CAAC;IAEpC;;;;OAIG;IAEH,SAAS,CAAC,sBAAsB,EAAE,aAAa,CAAC,YAAY,EAAE,MAAM,CAAC,EAAE,CAErE;
|
|
1
|
+
{"version":3,"file":"identifier-results.vue?rollup-plugin-vue=script.d.ts","sourceRoot":"","sources":["../../../../../src/x-modules/identifier-results/components/identifier-results.vue?rollup-plugin-vue=script.ts"],"names":[],"mappings":"AAuBA,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAE5C,OAAO,GAAG,MAAM,KAAK,CAAC;AAGtB,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAG5D;;;;;;GAMG;AAIH,MAAM,CAAC,OAAO,OAAO,iBAAkB,SAAQ,GAAG;IAChD;;;;OAIG;IAEH,SAAS,CAAC,SAAS,EAAG,GAAG,CAAC;IAE1B;;;;OAIG;IAEH,SAAS,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAEpC;;;;OAIG;IAEI,iBAAiB,EAAG,MAAM,EAAE,CAAC;IAEpC;;;;OAIG;IAEH,SAAS,CAAC,sBAAsB,EAAE,aAAa,CAAC,YAAY,EAAE,MAAM,CAAC,EAAE,CAErE;IAEF;;;;;;OAMG;IACH,IAAW,yBAAyB,IAAI,MAAM,EAAE,CAE/C;CACF"}
|