@empathyco/x-components 6.0.0-alpha.66 → 6.0.0-alpha.68

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.
Files changed (14) hide show
  1. package/CHANGELOG.md +17 -0
  2. package/design-system/deprecated-full-theme.css +607 -607
  3. package/docs/API-reference/api/x-components.baseteleport.md +22 -2
  4. package/docs/API-reference/components/common/x-components.base-teleport.md +5 -3
  5. package/js/components/base-teleport.vue.js +5 -6
  6. package/js/components/base-teleport.vue.js.map +1 -1
  7. package/js/components/base-teleport.vue2.js +32 -1
  8. package/js/components/base-teleport.vue2.js.map +1 -1
  9. package/js/components/base-teleport.vue3.js +1 -1
  10. package/package.json +3 -4
  11. package/report/x-components.api.json +48 -3
  12. package/report/x-components.api.md +22 -2
  13. package/types/components/base-teleport.vue.d.ts +22 -2
  14. package/types/components/base-teleport.vue.d.ts.map +1 -1
package/docs/API-reference/api/x-components.baseteleport.md CHANGED
@@ -12,10 +12,30 @@ _default: import("vue").DefineComponent<{
12
12
  type: StringConstructor;
13
13
  required: true;
14
14
  };
15
- }, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
15
+ hideSiblings: {
16
+ type: BooleanConstructor;
17
+ default: boolean;
18
+ };
19
+ position: {
20
+ type: NumberConstructor;
21
+ required: false;
22
+ };
23
+ }, {
24
+ teleportTarget: import("vue").ComputedRef<string>;
25
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
16
26
  target: {
17
27
  type: StringConstructor;
18
28
  required: true;
19
29
  };
20
- }>>, {}, {}>
30
+ hideSiblings: {
31
+ type: BooleanConstructor;
32
+ default: boolean;
33
+ };
34
+ position: {
35
+ type: NumberConstructor;
36
+ required: false;
37
+ };
38
+ }>>, {
39
+ hideSiblings: boolean;
40
+ }, {}>
21
41
  ```
package/docs/API-reference/components/common/x-components.base-teleport.md CHANGED
@@ -8,9 +8,11 @@ title: BaseTeleport
8
8
 
9
9
  ## Props
10
10
 
11
- | Name | Description | Type | Default |
12
- | ------------------- | ----------- | ------------------- | ------------- |
13
- | <code>target</code> | | <code>string</code> | <code></code> |
11
+ | Name | Description | Type | Default |
12
+ | ------------------------- | ----------- | -------------------- | ----------------- |
13
+ | <code>target</code> | | <code>string</code> | <code></code> |
14
+ | <code>hideSiblings</code> | | <code>boolean</code> | <code>true</code> |
15
+ | <code>position</code> | | <code>number</code> | <code></code> |
14
16
 
15
17
  ## Slots
16
18
 
package/js/components/base-teleport.vue.js CHANGED
@@ -1,14 +1,13 @@
1
1
  import _sfc_main from './base-teleport.vue2.js';
2
- import { openBlock, createBlock, Teleport, createElementVNode, renderSlot } from 'vue';
2
+ import { openBlock, createBlock, Teleport, renderSlot } from 'vue';
3
3
  import './base-teleport.vue3.js';
4
4
  import _export_sfc from '../_virtual/_plugin-vue_export-helper.js';
5
5
 
6
- const _hoisted_1 = { class: "x-base-teleport" };
7
6
  function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
8
- return openBlock(), createBlock(Teleport, { to: _ctx.target }, [
9
- createElementVNode("div", _hoisted_1, [
10
- renderSlot(_ctx.$slots, "default")
11
- ])
7
+ return openBlock(), createBlock(Teleport, {
8
+ to: `.${_ctx.teleportTarget}`
9
+ }, [
10
+ renderSlot(_ctx.$slots, "default")
12
11
  ], 8, ["to"]);
13
12
  }
14
13
  var baseTeleport = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
package/js/components/base-teleport.vue.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"base-teleport.vue.js","sources":["../../../src/components/base-teleport.vue"],"sourcesContent":["<template>\n <Teleport :to=\"target\">\n <div class=\"x-base-teleport\">\n <slot></slot>\n </div>\n </Teleport>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\n\nexport default defineComponent({\n name: 'BaseTeleport',\n props: {\n target: {\n type: String,\n required: true,\n },\n },\n})\n</script>\n\n<style lang=\"css\">\n:has(> .x-base-teleport) > *:not(.x-base-teleport) {\n display: none;\n}\n</style>\n"],"names":["_openBlock","_createBlock","_Teleport","_createElementVNode"],"mappings":";;;;;;AAEI,SAAA,WAAA,CAAA,IAAA,EAEM,QAFN,MAEM,EAAA,MAAA,EAAA,KAAA,EAAA,QAAA,EAAA;SADJA,SAAa,EAAA,EAAAC,WAAA,CAAAC,QAAA,EAAA,EAAA,EAAA,EAAA,IAAA,CAAA,MAAA,EAAA,EAAA;AAAA,IAAAC,kBAAA,CAAA,KAAA,EAAA,UAAA,EAAA;;;;;;;;;"}
1
+ {"version":3,"file":"base-teleport.vue.js","sources":["../../../src/components/base-teleport.vue"],"sourcesContent":["<template>\n <Teleport :to=\"`.${teleportTarget}`\">\n <slot></slot>\n </Teleport>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent } from 'vue'\n\nexport default defineComponent({\n name: 'BaseTeleport',\n props: {\n target: {\n type: String,\n required: true,\n },\n hideSiblings: {\n type: Boolean,\n default: true,\n },\n position: {\n type: Number,\n required: false,\n },\n },\n setup(props) {\n const parentElement = document.querySelector(props.target)\n\n const teleportTarget = computed(() => `x-base-teleport--${props.target.replace(/[.#]/g, '')}`)\n\n if (parentElement) {\n const newTeleportElement = document.createElement('div')\n newTeleportElement.classList.add(teleportTarget.value)\n newTeleportElement.classList.add('x-base-teleport')\n if (props.hideSiblings) {\n newTeleportElement.classList.add('x-base-teleport--hide-siblings')\n }\n\n const children = parentElement.children\n const position = props.position ?? -1\n\n if (position >= children.length || position === -1) {\n parentElement.appendChild(newTeleportElement)\n } else {\n parentElement.insertBefore(newTeleportElement, children[position])\n }\n }\n\n return {\n teleportTarget,\n }\n },\n})\n</script>\n\n<style lang=\"css\">\n:has(> .x-base-teleport--hide-siblings) > *:not(.x-base-teleport) {\n display: none;\n}\n</style>\n"],"names":["teleportTarget"],"mappings":";;;;;AACe,SAAA,WAAA,CAAMA,IAAc,EAAA,MAAA,EAAA,MAAA,EAAA,MAAA,EAAA,KAAA,EAAA,QAAA,EAAA;;IAC/B,EAAa,EAAA,CAAA,CAAA,EAAA,IAAA,CAAA,cAAA,CAAA,CAAA;AAAA,GAAA,EAAA;;;;;;;;"}
package/js/components/base-teleport.vue2.js CHANGED
@@ -1,4 +1,4 @@
1
- import { defineComponent } from 'vue';
1
+ import { defineComponent, computed } from 'vue';
2
2
 
3
3
  var _sfc_main = defineComponent({
4
4
  name: 'BaseTeleport',
@@ -7,6 +7,37 @@ var _sfc_main = defineComponent({
7
7
  type: String,
8
8
  required: true,
9
9
  },
10
+ hideSiblings: {
11
+ type: Boolean,
12
+ default: true,
13
+ },
14
+ position: {
15
+ type: Number,
16
+ required: false,
17
+ },
18
+ },
19
+ setup(props) {
20
+ const parentElement = document.querySelector(props.target);
21
+ const teleportTarget = computed(() => `x-base-teleport--${props.target.replace(/[.#]/g, '')}`);
22
+ if (parentElement) {
23
+ const newTeleportElement = document.createElement('div');
24
+ newTeleportElement.classList.add(teleportTarget.value);
25
+ newTeleportElement.classList.add('x-base-teleport');
26
+ if (props.hideSiblings) {
27
+ newTeleportElement.classList.add('x-base-teleport--hide-siblings');
28
+ }
29
+ const children = parentElement.children;
30
+ const position = props.position ?? -1;
31
+ if (position >= children.length || position === -1) {
32
+ parentElement.appendChild(newTeleportElement);
33
+ }
34
+ else {
35
+ parentElement.insertBefore(newTeleportElement, children[position]);
36
+ }
37
+ }
38
+ return {
39
+ teleportTarget,
40
+ };
10
41
  },
11
42
  });
12
43
 
package/js/components/base-teleport.vue2.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"base-teleport.vue2.js","sources":["../../../src/components/base-teleport.vue"],"sourcesContent":["<template>\n <Teleport :to=\"target\">\n <div class=\"x-base-teleport\">\n <slot></slot>\n </div>\n </Teleport>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\n\nexport default defineComponent({\n name: 'BaseTeleport',\n props: {\n target: {\n type: String,\n required: true,\n },\n },\n})\n</script>\n\n<style lang=\"css\">\n:has(> .x-base-teleport) > *:not(.x-base-teleport) {\n display: none;\n}\n</style>\n"],"names":[],"mappings":";;AAWA,gBAAe,eAAe,CAAC;AAC7B,IAAA,IAAI,EAAE,cAAc;AACpB,IAAA,KAAK,EAAE;AACL,QAAA,MAAM,EAAE;AACN,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,QAAQ,EAAE,IAAI;AACf,SAAA;AACF,KAAA;AACF,CAAA,CAAA;;;;"}
1
+ {"version":3,"file":"base-teleport.vue2.js","sources":["../../../src/components/base-teleport.vue"],"sourcesContent":["<template>\n <Teleport :to=\"`.${teleportTarget}`\">\n <slot></slot>\n </Teleport>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent } from 'vue'\n\nexport default defineComponent({\n name: 'BaseTeleport',\n props: {\n target: {\n type: String,\n required: true,\n },\n hideSiblings: {\n type: Boolean,\n default: true,\n },\n position: {\n type: Number,\n required: false,\n },\n },\n setup(props) {\n const parentElement = document.querySelector(props.target)\n\n const teleportTarget = computed(() => `x-base-teleport--${props.target.replace(/[.#]/g, '')}`)\n\n if (parentElement) {\n const newTeleportElement = document.createElement('div')\n newTeleportElement.classList.add(teleportTarget.value)\n newTeleportElement.classList.add('x-base-teleport')\n if (props.hideSiblings) {\n newTeleportElement.classList.add('x-base-teleport--hide-siblings')\n }\n\n const children = parentElement.children\n const position = props.position ?? -1\n\n if (position >= children.length || position === -1) {\n parentElement.appendChild(newTeleportElement)\n } else {\n parentElement.insertBefore(newTeleportElement, children[position])\n }\n }\n\n return {\n teleportTarget,\n }\n },\n})\n</script>\n\n<style lang=\"css\">\n:has(> .x-base-teleport--hide-siblings) > *:not(.x-base-teleport) {\n display: none;\n}\n</style>\n"],"names":[],"mappings":";;AASA,gBAAe,eAAe,CAAC;AAC7B,IAAA,IAAI,EAAE,cAAc;AACpB,IAAA,KAAK,EAAE;AACL,QAAA,MAAM,EAAE;AACN,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,QAAQ,EAAE,IAAI;AACf,SAAA;AACD,QAAA,YAAY,EAAE;AACZ,YAAA,IAAI,EAAE,OAAO;AACb,YAAA,OAAO,EAAE,IAAI;AACd,SAAA;AACD,QAAA,QAAQ,EAAE;AACR,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,QAAQ,EAAE,KAAK;AAChB,SAAA;AACF,KAAA;AACD,IAAA,KAAK,CAAC,KAAK,EAAA;QACT,MAAM,aAAY,GAAI,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,MAAM,CAAA,CAAA;QAEzD,MAAM,iBAAiB,QAAQ,CAAC,MAAM,oBAAoB,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO,EAAE,EAAE,CAAC,CAAA,CAAE,CAAA,CAAA;AAE7F,QAAA,IAAI,aAAa,EAAE;YACjB,MAAM,kBAAmB,GAAE,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAA,CAAA;YACvD,kBAAkB,CAAC,SAAS,CAAC,GAAG,CAAC,cAAc,CAAC,KAAK,CAAA,CAAA;AACrD,YAAA,kBAAkB,CAAC,SAAS,CAAC,GAAG,CAAC,iBAAiB,CAAA,CAAA;YAClD,IAAI,KAAK,CAAC,YAAY,EAAE;AACtB,gBAAA,kBAAkB,CAAC,SAAS,CAAC,GAAG,CAAC,gCAAgC,CAAA,CAAA;AACnE,aAAA;AAEA,YAAA,MAAM,QAAS,GAAE,aAAa,CAAC,QAAO,CAAA;YACtC,MAAM,QAAO,GAAI,KAAK,CAAC,QAAS,IAAG,CAAC,CAAA,CAAA;YAEpC,IAAI,YAAY,QAAQ,CAAC,UAAU,QAAS,KAAI,CAAC,CAAC,EAAE;AAClD,gBAAA,aAAa,CAAC,WAAW,CAAC,kBAAkB,CAAA,CAAA;AAC5C,aAAA;AAAK,iBAAA;gBACL,aAAa,CAAC,YAAY,CAAC,kBAAkB,EAAE,QAAQ,CAAC,QAAQ,CAAC,CAAA,CAAA;AACnE,aAAA;AACF,SAAA;QAEA,OAAO;YACL,cAAc;SAChB,CAAA;KACD;AACF,CAAA,CAAA;;;;"}
package/js/components/base-teleport.vue3.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import injectCss from '../../tools/inject-css.js';
2
2
 
3
- var css = ":has(>.x-base-teleport)>:not(.x-base-teleport){display:none}";
3
+ var css = ":has(>.x-base-teleport--hide-siblings)>:not(.x-base-teleport){display:none}";
4
4
  injectCss(css);
5
5
 
6
6
  export { css, css as default };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@empathyco/x-components",
3
- "version": "6.0.0-alpha.66",
3
+ "version": "6.0.0-alpha.68",
4
4
  "description": "Empathy X Components",
5
5
  "author": "Empathy Systems Corporation S.L.",
6
6
  "license": "Apache-2.0",
@@ -96,7 +96,7 @@
96
96
  "devDependencies": {
97
97
  "@badeball/cypress-cucumber-preprocessor": "20.0.0",
98
98
  "@bahmutov/cypress-esbuild-preprocessor": "2.2.0",
99
- "@empathyco/x-tailwindcss": "^2.0.0-alpha.7",
99
+ "@empathyco/x-tailwindcss": "^2.0.0-alpha.8",
100
100
  "@microsoft/api-documenter": "7.23.0",
101
101
  "@microsoft/api-extractor": "7.39.0",
102
102
  "@testing-library/jest-dom": "5.17.0",
@@ -118,7 +118,6 @@
118
118
  "postcss": "8.4.12",
119
119
  "postcss-dir-pseudo-class": "7.0.0",
120
120
  "postcss-logical": "4.0.2",
121
- "prettier-plugin-tailwindcss": "0.6.11",
122
121
  "rimraf": "3.0.2",
123
122
  "rollup": "4.9.1",
124
123
  "rollup-plugin-copy": "3.5.0",
@@ -143,5 +142,5 @@
143
142
  "access": "public",
144
143
  "directory": "dist"
145
144
  },
146
- "gitHead": "22fad00f30f06f76ffd6ac31b75fbd5bcd3d81e3"
145
+ "gitHead": "d0779070dca788950d4a4e0306a131694da0a4bf"
147
146
  }
package/report/x-components.api.json CHANGED
@@ -9999,7 +9999,34 @@
9999
9999
  },
10000
10000
  {
10001
10001
  "kind": "Content",
10002
- "text": ";\n required: true;\n };\n}, unknown, unknown, {}, {}, import(\"vue\")."
10002
+ "text": ";\n required: true;\n };\n hideSiblings: {\n type: "
10003
+ },
10004
+ {
10005
+ "kind": "Reference",
10006
+ "text": "BooleanConstructor",
10007
+ "canonicalReference": "!BooleanConstructor:interface"
10008
+ },
10009
+ {
10010
+ "kind": "Content",
10011
+ "text": ";\n default: boolean;\n };\n position: {\n type: "
10012
+ },
10013
+ {
10014
+ "kind": "Reference",
10015
+ "text": "NumberConstructor",
10016
+ "canonicalReference": "!NumberConstructor:interface"
10017
+ },
10018
+ {
10019
+ "kind": "Content",
10020
+ "text": ";\n required: false;\n };\n}, {\n teleportTarget: import(\"vue\")."
10021
+ },
10022
+ {
10023
+ "kind": "Reference",
10024
+ "text": "ComputedRef",
10025
+ "canonicalReference": "@vue/reactivity!ComputedRef:interface"
10026
+ },
10027
+ {
10028
+ "kind": "Content",
10029
+ "text": "<string>;\n}, unknown, {}, {}, import(\"vue\")."
10003
10030
  },
10004
10031
  {
10005
10032
  "kind": "Reference",
@@ -10053,7 +10080,25 @@
10053
10080
  },
10054
10081
  {
10055
10082
  "kind": "Content",
10056
- "text": ";\n required: true;\n };\n}>>, {}, {}>"
10083
+ "text": ";\n required: true;\n };\n hideSiblings: {\n type: "
10084
+ },
10085
+ {
10086
+ "kind": "Reference",
10087
+ "text": "BooleanConstructor",
10088
+ "canonicalReference": "!BooleanConstructor:interface"
10089
+ },
10090
+ {
10091
+ "kind": "Content",
10092
+ "text": ";\n default: boolean;\n };\n position: {\n type: "
10093
+ },
10094
+ {
10095
+ "kind": "Reference",
10096
+ "text": "NumberConstructor",
10097
+ "canonicalReference": "!NumberConstructor:interface"
10098
+ },
10099
+ {
10100
+ "kind": "Content",
10101
+ "text": ";\n required: false;\n };\n}>>, {\n hideSiblings: boolean;\n}, {}>"
10057
10102
  }
10058
10103
  ],
10059
10104
  "fileUrlPath": "dist/types/components/base-teleport.vue.d.ts",
@@ -10062,7 +10107,7 @@
10062
10107
  "name": "BaseTeleport",
10063
10108
  "variableTypeTokenRange": {
10064
10109
  "startIndex": 1,
10065
- "endIndex": 18
10110
+ "endIndex": 28
10066
10111
  }
10067
10112
  },
10068
10113
  {
package/report/x-components.api.md CHANGED
@@ -1480,12 +1480,32 @@ target: {
1480
1480
  type: StringConstructor;
1481
1481
  required: true;
1482
1482
  };
1483
- }, unknown, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes< {
1483
+ hideSiblings: {
1484
+ type: BooleanConstructor;
1485
+ default: boolean;
1486
+ };
1487
+ position: {
1488
+ type: NumberConstructor;
1489
+ required: false;
1490
+ };
1491
+ }, {
1492
+ teleportTarget: ComputedRef<string>;
1493
+ }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes< {
1484
1494
  target: {
1485
1495
  type: StringConstructor;
1486
1496
  required: true;
1487
1497
  };
1488
- }>>, {}, {}>;
1498
+ hideSiblings: {
1499
+ type: BooleanConstructor;
1500
+ default: boolean;
1501
+ };
1502
+ position: {
1503
+ type: NumberConstructor;
1504
+ required: false;
1505
+ };
1506
+ }>>, {
1507
+ hideSiblings: boolean;
1508
+ }, {}>;
1489
1509
 
1490
1510
  // @public
1491
1511
  export const BaseTogglePanel: DefineComponent< {
package/types/components/base-teleport.vue.d.ts CHANGED
@@ -3,11 +3,31 @@ declare const _default: import("vue").DefineComponent<{
3
3
  type: StringConstructor;
4
4
  required: true;
5
5
  };
6
- }, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
6
+ hideSiblings: {
7
+ type: BooleanConstructor;
8
+ default: boolean;
9
+ };
10
+ position: {
11
+ type: NumberConstructor;
12
+ required: false;
13
+ };
14
+ }, {
15
+ teleportTarget: import("vue").ComputedRef<string>;
16
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
7
17
  target: {
8
18
  type: StringConstructor;
9
19
  required: true;
10
20
  };
11
- }>>, {}, {}>;
21
+ hideSiblings: {
22
+ type: BooleanConstructor;
23
+ default: boolean;
24
+ };
25
+ position: {
26
+ type: NumberConstructor;
27
+ required: false;
28
+ };
29
+ }>>, {
30
+ hideSiblings: boolean;
31
+ }, {}>;
12
32
  export default _default;
13
33
  //# sourceMappingURL=base-teleport.vue?vue&type=script&lang.d.ts.map
package/types/components/base-teleport.vue.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"base-teleport.vue?vue&type=script&lang.d.ts","sourceRoot":"","sources":["../../../src/components/base-teleport.vue?vue&type=script&lang.ts"],"names":[],"mappings":";;;;;;;;;;;AAGA,wBAQE"}
1
+ {"version":3,"file":"base-teleport.vue?vue&type=script&lang.d.ts","sourceRoot":"","sources":["../../../src/components/base-teleport.vue?vue&type=script&lang.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA,wBA2CE"}