@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 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) &gt; [@empathyco/x-components](./x-components.md) &gt; [IdentifierResults](./x-components.identifierresults.md) &gt; [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)<!-- -->&lt;[XEventsTypes](./x-components.xeventstypes.md)<!-- -->, Result&gt;\[\] | 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 | 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> |
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
- ### Adding a IdentifierResult component within a BaseResultLink
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.identifierResults, function (identifierResult) {
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 identifierResults\"\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 * 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</script>\n\n<docs lang=\"mdx\">\n## Examples\n\n### Adding a IdentifierResult component within a BaseResultLink\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</docs>\n"],"names":[],"mappings":";;;;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
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;;;;;;;QAuBY,2BAAsB,GAA0C;YACxE,8BAA8B;SAC/B,CAAC;KACH;CAAA,CAAA;AAnBC;IADC,IAAI,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;oDACE;AAQ1B;IADC,KAAK,CAAC,mBAAmB,EAAE,mBAAmB,CAAC;4DACZ;AAQpC;IADC,OAAO,EAAE;iEAGR;AAzBiB,iBAAiB;IAHrC,SAAS,CAAC;QACT,MAAM,EAAE,CAAC,eAAe,CAAC,wBAAwB,CAAC,CAAC;KACpD,CAAC;GACmB,iBAAiB,CA0BrC;aA1BoB,iBAAiB;;;;"}
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.117",
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": "4f0b22a49c3fe9bfbba789012e168c04ec976265"
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;CACH"}
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"}