@empathyco/x-components 6.0.0-alpha.225 → 6.0.0-alpha.227

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,20 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## [6.0.0-alpha.227](https://github.com/empathyco/x/compare/@empathyco/x-components@6.0.0-alpha.226...@empathyco/x-components@6.0.0-alpha.227) (2026-03-25)
7
+
8
+ ### Bug Fixes
9
+
10
+ * add export member for message component (#2060)
11
+
12
+
13
+ ## [6.0.0-alpha.226](https://github.com/empathyco/x/compare/@empathyco/x-components@6.0.0-alpha.225...@empathyco/x-components@6.0.0-alpha.226) (2026-03-25)
14
+
15
+ ### Features
16
+
17
+ * implement message component (#2059)
18
+
19
+
6
20
  ## [6.0.0-alpha.225](https://github.com/empathyco/x/compare/@empathyco/x-components@6.0.0-alpha.224...@empathyco/x-components@6.0.0-alpha.225) (2026-03-24)
7
21
 
8
22
  ### Bug Fixes
package/core/index.js CHANGED
@@ -113,6 +113,7 @@ export { default as FixedHeaderAndAsidesLayout } from '../js/components/layouts/
113
113
  export { default as MultiColumnMaxWidthLayout } from '../js/components/layouts/multi-column-max-width-layout.vue.js';
114
114
  export { default as SingleColumnLayout } from '../js/components/layouts/single-column-layout.vue.js';
115
115
  export { default as LocationProvider } from '../js/components/location-provider.vue.js';
116
+ export { default as Message } from '../js/components/message.vue.js';
116
117
  export { default as BaseEventsModalClose } from '../js/components/modals/base-events-modal-close.vue.js';
117
118
  export { default as BaseEventsModalOpen } from '../js/components/modals/base-events-modal-open.vue.js';
118
119
  export { default as BaseEventsModal } from '../js/components/modals/base-events-modal.vue.js';
package/core/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -5151,6 +5151,17 @@ Each child element that wants to have this support must be wrapped in a [MainScr
5151
5151
  Wrapper for elements contained in the [MainScroll](./x-components.mainscroll.md) that should store/restore its position.
5152
5152
 
5153
5153
 
5154
+ </td></tr>
5155
+ <tr><td>
5156
+
5157
+ [Message](./x-components.message.md)
5158
+
5159
+
5160
+ </td><td>
5161
+
5162
+ Message component displays a message with optional animation and customizable CSS classes.
5163
+
5164
+
5154
5165
  </td></tr>
5155
5166
  <tr><td>
5156
5167
 
@@ -0,0 +1,27 @@
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; [Message](./x-components.message.md)
4
+
5
+ ## Message variable
6
+
7
+ Message component displays a message with optional animation and customizable CSS classes.
8
+
9
+ **Signature:**
10
+
11
+ ```typescript
12
+ _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
13
+ animation: {
14
+ type: (StringConstructor | ObjectConstructor | FunctionConstructor)[];
15
+ default: () => import("vue").DefineComponent<{}, {}, any>;
16
+ };
17
+ }>, (_ctx: any, _cache: any) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
18
+ [key: string]: any;
19
+ }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
20
+ animation: {
21
+ type: (StringConstructor | ObjectConstructor | FunctionConstructor)[];
22
+ default: () => import("vue").DefineComponent<{}, {}, any>;
23
+ };
24
+ }>> & Readonly<{}>, {
25
+ animation: string | Function | Record<string, any>;
26
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>
27
+ ```
@@ -0,0 +1,19 @@
1
+ ---
2
+
3
+ title: Message
4
+
5
+ ---
6
+
7
+ # Message
8
+
9
+ ## Props
10
+
11
+ | Name | Description | Type | Default |
12
+ | ---------------------- | ------------------------------------------------------------- | -------------------------- | ----------------------- |
13
+ | <code>animation</code> | Animation component that will be used to animate the message. | <code>AnimationProp</code> | <code>() => Fade</code> |
14
+
15
+ ## Slots
16
+
17
+ | Name | Description | Bindings<br />(name - type - description) |
18
+ | -------------------- | ----------- | ----------------------------------------- |
19
+ | <code>default</code> | | None |
@@ -0,0 +1,54 @@
1
+ import { defineComponent, openBlock, createBlock, resolveDynamicComponent, withCtx, renderSlot } from 'vue';
2
+ import './animations/animate-clip-path/animate-clip-path.style.css.js';
3
+ import './animations/animate-scale/animate-scale.style.css.js';
4
+ import './animations/animate-translate/animate-translate.style.css.js';
5
+ import './animations/animate-width.vue2.js';
6
+ import './animations/animate-width.vue3.js';
7
+ import './animations/change-height.vue2.js';
8
+ import './animations/change-height.vue3.js';
9
+ import './animations/collapse-height.vue2.js';
10
+ import './animations/collapse-height.vue3.js';
11
+ import './animations/collapse-width.vue2.js';
12
+ import './animations/collapse-width.vue3.js';
13
+ import './animations/cross-fade.vue2.js';
14
+ import './animations/cross-fade.vue3.js';
15
+ import './animations/fade-and-slide.vue2.js';
16
+ import './animations/fade-and-slide.vue3.js';
17
+ import Fade from './animations/fade.vue.js';
18
+ import './animations/no-animation.vue.js';
19
+ import './animations/staggered-fade-and-slide.vue2.js';
20
+ import './animations/staggered-fade-and-slide.vue3.js';
21
+ import { AnimationProp } from '../types/animation-prop.js';
22
+
23
+ /**
24
+ * Message component displays a message with optional animation and customizable CSS classes.
25
+ *
26
+ * @public
27
+ */
28
+ var _sfc_main = /*@__PURE__*/ defineComponent({
29
+ __name: 'message',
30
+ props: {
31
+ /** Animation component that will be used to animate the message. */
32
+ animation: {
33
+ type: AnimationProp,
34
+ default: () => Fade,
35
+ },
36
+ },
37
+ setup(__props) {
38
+ return (_ctx, _cache) => {
39
+ return (openBlock(), createBlock(resolveDynamicComponent(__props.animation), {
40
+ class: "x-message-container",
41
+ mode: "out-in",
42
+ "data-test": "message"
43
+ }, {
44
+ default: withCtx(() => [
45
+ renderSlot(_ctx.$slots, "default")
46
+ ]),
47
+ _: 3 /* FORWARDED */
48
+ }));
49
+ };
50
+ }
51
+ });
52
+
53
+ export { _sfc_main as default };
54
+ //# sourceMappingURL=message.vue.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"message.vue.js","sources":["../../../src/components/message.vue"],"sourcesContent":["<template>\n <component :is=\"animation\" class=\"x-message-container\" mode=\"out-in\" data-test=\"message\">\n <slot />\n </component>\n</template>\n<script setup lang=\"ts\">\nimport { Fade } from '@x/components/animations'\nimport { AnimationProp } from '../types/animation-prop'\n\n/**\n * Message component displays a message with optional animation and customizable CSS classes.\n *\n * @public\n */\n\ndefineProps({\n /** Animation component that will be used to animate the message. */\n animation: {\n type: AnimationProp,\n default: () => Fade,\n },\n})\n</script>\n"],"names":["_openBlock","_createBlock","_resolveDynamicComponent","_renderSlot"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AASA;;;;AAIE;;;;;;;;;;;;AAZA,YAAA,QAAAA,SAAA,EAAA,EAAAC,WAAA,CAEYC,wBAFI,OAAA,CAAA,SAAS,CAAA,EAAA;AAAE,gBAAA,KAAK,EAAC,qBAAqB;AAAC,gBAAA,IAAI,EAAC,QAAQ;AAAC,gBAAA,WAAS,EAAC;;iCAC7E,MAAQ;AAAR,oBAAAC,UAAA,CAAQ,IAAA,CAAA,MAAA,EAAA,SAAA;;;;;;;;;;"}
@@ -0,0 +1,6 @@
1
+ import _sfc_main from './message.vue.js';
2
+
3
+
4
+
5
+ export { _sfc_main as default };
6
+ //# sourceMappingURL=message.vue2.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"message.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
package/js/index.js CHANGED
@@ -113,6 +113,7 @@ export { default as FixedHeaderAndAsidesLayout } from './components/layouts/fixe
113
113
  export { default as MultiColumnMaxWidthLayout } from './components/layouts/multi-column-max-width-layout.vue.js';
114
114
  export { default as SingleColumnLayout } from './components/layouts/single-column-layout.vue.js';
115
115
  export { default as LocationProvider } from './components/location-provider.vue.js';
116
+ export { default as Message } from './components/message.vue.js';
116
117
  export { default as BaseEventsModalClose } from './components/modals/base-events-modal-close.vue.js';
117
118
  export { default as BaseEventsModalOpen } from './components/modals/base-events-modal-open.vue.js';
118
119
  export { default as BaseEventsModal } from './components/modals/base-events-modal.vue.js';
package/js/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -53,6 +53,7 @@ import '../../../components/layouts/multi-column-max-width-layout.vue4.js';
53
53
  import '../../../components/layouts/single-column-layout.vue2.js';
54
54
  import '../../../components/layouts/single-column-layout.vue3.js';
55
55
  import '../../../components/location-provider.vue.js';
56
+ import { AnimationProp } from '../../../types/animation-prop.js';
56
57
  import '../../../components/modals/base-events-modal-close.vue2.js';
57
58
  import '../../../components/modals/base-events-modal-open.vue2.js';
58
59
  import '../../../components/modals/base-events-modal.vue2.js';
@@ -103,7 +104,6 @@ import '../../../plugins/x-plugin.js';
103
104
  import { useDebounce } from '../../../composables/use-debounce.js';
104
105
  import '@vueuse/core';
105
106
  import 'rxjs';
106
- import { AnimationProp } from '../../../types/animation-prop.js';
107
107
  import { getActiveElement } from '../../../utils/html.js';
108
108
  import '../../../utils/storage.js';
109
109
  import { empathizeXModule } from '../x-module.js';
@@ -53,6 +53,7 @@ import '../../../components/layouts/multi-column-max-width-layout.vue4.js';
53
53
  import '../../../components/layouts/single-column-layout.vue2.js';
54
54
  import '../../../components/layouts/single-column-layout.vue3.js';
55
55
  import '../../../components/location-provider.vue.js';
56
+ import { AnimationProp } from '../../../types/animation-prop.js';
56
57
  import '../../../components/modals/base-events-modal-close.vue2.js';
57
58
  import '../../../components/modals/base-events-modal-open.vue2.js';
58
59
  import '../../../components/modals/base-events-modal.vue2.js';
@@ -102,7 +103,6 @@ import '../../../components/suggestions/base-suggestions.vue3.js';
102
103
  import '../../../composables/create-use-device.js';
103
104
  import '@vueuse/core';
104
105
  import { useState } from '../../../composables/use-state.js';
105
- import { AnimationProp } from '../../../types/animation-prop.js';
106
106
  import { scrollXModule } from '../x-module.js';
107
107
  import { MainScrollId } from './scroll.const.js';
108
108
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@empathyco/x-components",
3
- "version": "6.0.0-alpha.225",
3
+ "version": "6.0.0-alpha.227",
4
4
  "description": "Empathy X Components",
5
5
  "author": "Empathy Systems Corporation S.L.",
6
6
  "license": "Apache-2.0",
@@ -122,5 +122,5 @@
122
122
  "access": "public",
123
123
  "directory": "dist"
124
124
  },
125
- "gitHead": "9720c7de4162aa16a8f494734e62dd57c529fa1f"
125
+ "gitHead": "be353118c547c96aca1b96579e005b6fa4931aec"
126
126
  }
@@ -40322,6 +40322,227 @@
40322
40322
  ],
40323
40323
  "name": "mergeConfig"
40324
40324
  },
40325
+ {
40326
+ "kind": "Variable",
40327
+ "canonicalReference": "@empathyco/x-components!Message:var",
40328
+ "docComment": "/**\n * Message component displays a message with optional animation and customizable CSS classes.\n *\n * @public\n */\n",
40329
+ "excerptTokens": [
40330
+ {
40331
+ "kind": "Content",
40332
+ "text": "_default: "
40333
+ },
40334
+ {
40335
+ "kind": "Content",
40336
+ "text": "import(\"vue\")."
40337
+ },
40338
+ {
40339
+ "kind": "Reference",
40340
+ "text": "DefineComponent",
40341
+ "canonicalReference": "@vue/runtime-core!DefineComponent:type"
40342
+ },
40343
+ {
40344
+ "kind": "Content",
40345
+ "text": "<import(\"vue\")."
40346
+ },
40347
+ {
40348
+ "kind": "Reference",
40349
+ "text": "ExtractPropTypes",
40350
+ "canonicalReference": "@vue/runtime-core!ExtractPropTypes:type"
40351
+ },
40352
+ {
40353
+ "kind": "Content",
40354
+ "text": "<{\n animation: {\n type: ("
40355
+ },
40356
+ {
40357
+ "kind": "Reference",
40358
+ "text": "StringConstructor",
40359
+ "canonicalReference": "!StringConstructor:interface"
40360
+ },
40361
+ {
40362
+ "kind": "Content",
40363
+ "text": " | "
40364
+ },
40365
+ {
40366
+ "kind": "Reference",
40367
+ "text": "ObjectConstructor",
40368
+ "canonicalReference": "!ObjectConstructor:interface"
40369
+ },
40370
+ {
40371
+ "kind": "Content",
40372
+ "text": " | "
40373
+ },
40374
+ {
40375
+ "kind": "Reference",
40376
+ "text": "FunctionConstructor",
40377
+ "canonicalReference": "!FunctionConstructor:interface"
40378
+ },
40379
+ {
40380
+ "kind": "Content",
40381
+ "text": ")[];\n default: () => import(\"vue\")."
40382
+ },
40383
+ {
40384
+ "kind": "Reference",
40385
+ "text": "DefineComponent",
40386
+ "canonicalReference": "@vue/runtime-core!DefineComponent:type"
40387
+ },
40388
+ {
40389
+ "kind": "Content",
40390
+ "text": "<{}, {}, any>;\n };\n}>, (_ctx: any, _cache: any) => import(\"vue\")."
40391
+ },
40392
+ {
40393
+ "kind": "Reference",
40394
+ "text": "VNode",
40395
+ "canonicalReference": "@vue/runtime-core!VNode:interface"
40396
+ },
40397
+ {
40398
+ "kind": "Content",
40399
+ "text": "<import(\"vue\")."
40400
+ },
40401
+ {
40402
+ "kind": "Reference",
40403
+ "text": "RendererNode",
40404
+ "canonicalReference": "@vue/runtime-core!RendererNode:interface"
40405
+ },
40406
+ {
40407
+ "kind": "Content",
40408
+ "text": ", import(\"vue\")."
40409
+ },
40410
+ {
40411
+ "kind": "Reference",
40412
+ "text": "RendererElement",
40413
+ "canonicalReference": "@vue/runtime-core!RendererElement:interface"
40414
+ },
40415
+ {
40416
+ "kind": "Content",
40417
+ "text": ", {\n [key: string]: any;\n}>, {}, {}, {}, import(\"vue\")."
40418
+ },
40419
+ {
40420
+ "kind": "Reference",
40421
+ "text": "ComponentOptionsMixin",
40422
+ "canonicalReference": "@vue/runtime-core!ComponentOptionsMixin:type"
40423
+ },
40424
+ {
40425
+ "kind": "Content",
40426
+ "text": ", import(\"vue\")."
40427
+ },
40428
+ {
40429
+ "kind": "Reference",
40430
+ "text": "ComponentOptionsMixin",
40431
+ "canonicalReference": "@vue/runtime-core!ComponentOptionsMixin:type"
40432
+ },
40433
+ {
40434
+ "kind": "Content",
40435
+ "text": ", {}, string, import(\"vue\")."
40436
+ },
40437
+ {
40438
+ "kind": "Reference",
40439
+ "text": "PublicProps",
40440
+ "canonicalReference": "@vue/runtime-core!PublicProps:type"
40441
+ },
40442
+ {
40443
+ "kind": "Content",
40444
+ "text": ", "
40445
+ },
40446
+ {
40447
+ "kind": "Reference",
40448
+ "text": "Readonly",
40449
+ "canonicalReference": "!Readonly:type"
40450
+ },
40451
+ {
40452
+ "kind": "Content",
40453
+ "text": "<import(\"vue\")."
40454
+ },
40455
+ {
40456
+ "kind": "Reference",
40457
+ "text": "ExtractPropTypes",
40458
+ "canonicalReference": "@vue/runtime-core!ExtractPropTypes:type"
40459
+ },
40460
+ {
40461
+ "kind": "Content",
40462
+ "text": "<{\n animation: {\n type: ("
40463
+ },
40464
+ {
40465
+ "kind": "Reference",
40466
+ "text": "StringConstructor",
40467
+ "canonicalReference": "!StringConstructor:interface"
40468
+ },
40469
+ {
40470
+ "kind": "Content",
40471
+ "text": " | "
40472
+ },
40473
+ {
40474
+ "kind": "Reference",
40475
+ "text": "ObjectConstructor",
40476
+ "canonicalReference": "!ObjectConstructor:interface"
40477
+ },
40478
+ {
40479
+ "kind": "Content",
40480
+ "text": " | "
40481
+ },
40482
+ {
40483
+ "kind": "Reference",
40484
+ "text": "FunctionConstructor",
40485
+ "canonicalReference": "!FunctionConstructor:interface"
40486
+ },
40487
+ {
40488
+ "kind": "Content",
40489
+ "text": ")[];\n default: () => import(\"vue\")."
40490
+ },
40491
+ {
40492
+ "kind": "Reference",
40493
+ "text": "DefineComponent",
40494
+ "canonicalReference": "@vue/runtime-core!DefineComponent:type"
40495
+ },
40496
+ {
40497
+ "kind": "Content",
40498
+ "text": "<{}, {}, any>;\n };\n}>> & "
40499
+ },
40500
+ {
40501
+ "kind": "Reference",
40502
+ "text": "Readonly",
40503
+ "canonicalReference": "!Readonly:type"
40504
+ },
40505
+ {
40506
+ "kind": "Content",
40507
+ "text": "<{}>, {\n animation: string | "
40508
+ },
40509
+ {
40510
+ "kind": "Reference",
40511
+ "text": "Function",
40512
+ "canonicalReference": "!Function:interface"
40513
+ },
40514
+ {
40515
+ "kind": "Content",
40516
+ "text": " | "
40517
+ },
40518
+ {
40519
+ "kind": "Reference",
40520
+ "text": "Record",
40521
+ "canonicalReference": "!Record:type"
40522
+ },
40523
+ {
40524
+ "kind": "Content",
40525
+ "text": "<string, any>;\n}, {}, {}, {}, string, import(\"vue\")."
40526
+ },
40527
+ {
40528
+ "kind": "Reference",
40529
+ "text": "ComponentProvideOptions",
40530
+ "canonicalReference": "@vue/runtime-core!ComponentProvideOptions:type"
40531
+ },
40532
+ {
40533
+ "kind": "Content",
40534
+ "text": ", true, {}, any>"
40535
+ }
40536
+ ],
40537
+ "fileUrlPath": "dist/types/src/components/message.vue.d.ts",
40538
+ "isReadonly": true,
40539
+ "releaseTag": "Public",
40540
+ "name": "Message",
40541
+ "variableTypeTokenRange": {
40542
+ "startIndex": 1,
40543
+ "endIndex": 46
40544
+ }
40545
+ },
40325
40546
  {
40326
40547
  "kind": "TypeAlias",
40327
40548
  "canonicalReference": "@empathyco/x-components!MonadicFunction:type",
@@ -4480,6 +4480,23 @@ export function mergeConfig<T extends {
4480
4480
  config: T['config'];
4481
4481
  }>(state: T, config: Partial<T['config']>): void;
4482
4482
 
4483
+ // @public
4484
+ export const Message: DefineComponent<ExtractPropTypes< {
4485
+ animation: {
4486
+ type: (StringConstructor | ObjectConstructor | FunctionConstructor)[];
4487
+ default: () => DefineComponent< {}, {}, any>;
4488
+ };
4489
+ }>, (_ctx: any, _cache: any) => VNode<RendererNode, RendererElement, {
4490
+ [key: string]: any;
4491
+ }>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes< {
4492
+ animation: {
4493
+ type: (StringConstructor | ObjectConstructor | FunctionConstructor)[];
4494
+ default: () => DefineComponent< {}, {}, any>;
4495
+ };
4496
+ }>> & Readonly<{}>, {
4497
+ animation: string | Function | Record<string, any>;
4498
+ }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
4499
+
4483
4500
  export { MinusIcon }
4484
4501
 
4485
4502
  export { MinusTinyIcon }
@@ -21,6 +21,7 @@ export * from './icons';
21
21
  export { default as ItemsList } from './items-list.vue';
22
22
  export * from './layouts';
23
23
  export { default as LocationProvider } from './location-provider.vue';
24
+ export { default as Message } from './message.vue';
24
25
  export * from './modals';
25
26
  export { default as PageLoaderButton } from './page-loader-button.vue';
26
27
  export { default as PageSelector } from './page-selector.vue';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AACA,cAAc,cAAc,CAAA;AAC5B,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,yBAAyB,CAAA;AACpE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,qBAAqB,CAAA;AAC7D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,yBAAyB,CAAA;AACpE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AACrD,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,gCAAgC,CAAA;AAClF,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,mBAAmB,CAAA;AACzD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,mBAAmB,CAAA;AACzD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,mBAAmB,CAAA;AACzD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,qBAAqB,CAAA;AAC7D,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,iCAAiC,CAAA;AAEnF,cAAc,iBAAiB,CAAA;AAC/B,cAAc,YAAY,CAAA;AAE1B,cAAc,+BAA+B,CAAA;AAC7C,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,8BAA8B,CAAA;AAC9E,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,uBAAuB,CAAA;AACjE,cAAc,WAAW,CAAA;AACzB,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAC1D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,iBAAiB,CAAA;AACtD,cAAc,SAAS,CAAA;AACvB,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,kBAAkB,CAAA;AACvD,cAAc,WAAW,CAAA;AACzB,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,yBAAyB,CAAA;AACrE,cAAc,UAAU,CAAA;AACxB,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AACtE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,qBAAqB,CAAA;AAC7D,cAAc,UAAU,CAAA;AACxB,cAAc,UAAU,CAAA;AACxB,cAAc,UAAU,CAAA;AACxB,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,qBAAqB,CAAA;AAC7D,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,yBAAyB,CAAA;AAErE,cAAc,eAAe,CAAA;AAC7B,cAAc,qBAAqB,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AACA,cAAc,cAAc,CAAA;AAC5B,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,yBAAyB,CAAA;AACpE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,qBAAqB,CAAA;AAC7D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,yBAAyB,CAAA;AACpE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AACrD,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,gCAAgC,CAAA;AAClF,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,mBAAmB,CAAA;AACzD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,mBAAmB,CAAA;AACzD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,mBAAmB,CAAA;AACzD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,qBAAqB,CAAA;AAC7D,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,iCAAiC,CAAA;AAEnF,cAAc,iBAAiB,CAAA;AAC/B,cAAc,YAAY,CAAA;AAE1B,cAAc,+BAA+B,CAAA;AAC7C,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,8BAA8B,CAAA;AAC9E,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,uBAAuB,CAAA;AACjE,cAAc,WAAW,CAAA;AACzB,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAC1D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,iBAAiB,CAAA;AACtD,cAAc,SAAS,CAAA;AACvB,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,kBAAkB,CAAA;AACvD,cAAc,WAAW,CAAA;AACzB,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,yBAAyB,CAAA;AACrE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,eAAe,CAAA;AAClD,cAAc,UAAU,CAAA;AACxB,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AACtE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,qBAAqB,CAAA;AAC7D,cAAc,UAAU,CAAA;AACxB,cAAc,UAAU,CAAA;AACxB,cAAc,UAAU,CAAA;AACxB,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,qBAAqB,CAAA;AAC7D,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,yBAAyB,CAAA;AAErE,cAAc,eAAe,CAAA;AAC7B,cAAc,qBAAqB,CAAA"}
@@ -0,0 +1,24 @@
1
+ /**
2
+ * Message component displays a message with optional animation and customizable CSS classes.
3
+ *
4
+ * @public
5
+ */
6
+ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
7
+ /** Animation component that will be used to animate the message. */
8
+ animation: {
9
+ type: (StringConstructor | ObjectConstructor | FunctionConstructor)[];
10
+ default: () => import("vue").DefineComponent<{}, {}, any>;
11
+ };
12
+ }>, (_ctx: any, _cache: any) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
13
+ [key: string]: any;
14
+ }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
15
+ /** Animation component that will be used to animate the message. */
16
+ animation: {
17
+ type: (StringConstructor | ObjectConstructor | FunctionConstructor)[];
18
+ default: () => import("vue").DefineComponent<{}, {}, any>;
19
+ };
20
+ }>> & Readonly<{}>, {
21
+ animation: string | Function | Record<string, any>;
22
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
23
+ export default _default;
24
+ //# sourceMappingURL=message.vue?vue&type=script&setup=true&lang.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"message.vue?vue&type=script&setup=true&lang.d.ts","sourceRoot":"","sources":["../../../../src/components/message.vue?vue&type=script&setup=true&lang.ts"],"names":[],"mappings":"AAMA;;;;GAIG;;IAMD,oEAAoE;;;;;WAUxD,GAAG,UAAS,GAAG;;;IAV3B,oEAAoE;;;;;;;;AAHtE,wBA2BE"}