@3t-transform/threeteeui 0.1.42 → 0.1.43

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 (152) hide show
  1. package/dist/cjs/{domsanitiser.options-277161b9.js → domsanitiser.options-975e3317.js} +12 -12
  2. package/dist/cjs/{index-76f14107.js → index-457ca775.js} +88 -2
  3. package/dist/cjs/loader.cjs.js +4 -19
  4. package/dist/cjs/tttx-button.cjs.entry.js +24 -24
  5. package/dist/cjs/tttx-filter.cjs.entry.js +177 -159
  6. package/dist/cjs/tttx-form.cjs.entry.js +458 -458
  7. package/dist/cjs/tttx-icon.cjs.entry.js +11 -11
  8. package/dist/cjs/tttx-keyvalue-block.cjs.entry.js +59 -59
  9. package/dist/cjs/tttx-list.cjs.entry.js +32 -32
  10. package/dist/cjs/tttx-loading-spinner.cjs.entry.js +16 -16
  11. package/dist/cjs/tttx-sorter.cjs.entry.js +102 -102
  12. package/dist/cjs/tttx-standalone-input.cjs.entry.js +79 -79
  13. package/dist/cjs/tttx-toolbar.cjs.entry.js +10 -10
  14. package/dist/cjs/tttx.cjs.js +9 -117
  15. package/dist/collection/collection-manifest.json +2 -2
  16. package/dist/collection/components/atoms/tttx-button/tttx-button.js +110 -110
  17. package/dist/collection/components/atoms/tttx-button/tttx-button.stories.js +14 -14
  18. package/dist/collection/components/atoms/tttx-icon/tttx-icon.js +62 -62
  19. package/dist/collection/components/atoms/tttx-icon/tttx-icon.stories.js +22 -22
  20. package/dist/collection/components/atoms/tttx-keyvalue-block/tttx-keyvalue-block.js +109 -109
  21. package/dist/collection/components/atoms/tttx-keyvalue-block/tttx-keyvalue-block.stories.js +38 -38
  22. package/dist/collection/components/atoms/tttx-loading-spinner/tttx-loading-spinner.js +67 -67
  23. package/dist/collection/components/atoms/tttx-loading-spinner/tttx-loading-spinner.stories.js +17 -17
  24. package/dist/collection/components/molecules/tttx-filter/tttx-filter.js +369 -334
  25. package/dist/collection/components/molecules/tttx-filter/tttx-filter.stories.js +73 -62
  26. package/dist/collection/components/molecules/tttx-form/lib/setErrorState.js +37 -37
  27. package/dist/collection/components/molecules/tttx-form/lib/validityCheck.js +61 -61
  28. package/dist/collection/components/molecules/tttx-form/tttx-form.js +479 -479
  29. package/dist/collection/components/molecules/tttx-form/tttx-form.stories.js +272 -272
  30. package/dist/collection/components/molecules/tttx-list/tttx-list.js +105 -105
  31. package/dist/collection/components/molecules/tttx-list/tttx-list.stories.js +43 -43
  32. package/dist/collection/components/molecules/tttx-sorter/tttx-sorter.js +224 -224
  33. package/dist/collection/components/molecules/tttx-sorter/tttx-sorter.stories.js +42 -42
  34. package/dist/collection/components/molecules/tttx-standalone-input/tttx-standalone-input.js +759 -759
  35. package/dist/collection/components/molecules/tttx-standalone-input/tttx-standalone-input.stories.js +172 -172
  36. package/dist/collection/components/molecules/tttx-toolbar/tttx-toolbar.js +44 -44
  37. package/dist/collection/components/molecules/tttx-toolbar/tttx-toolbar.stories.js +14 -14
  38. package/dist/collection/components/palette.stories.js +7 -7
  39. package/dist/collection/docs/gettingstarted-developer.stories.js +5 -5
  40. package/dist/collection/icons.js +2838 -2838
  41. package/dist/collection/index.js +1 -1
  42. package/dist/collection/shared/domsanitiser.options.js +14 -14
  43. package/dist/components/domsanitiser.options.js +15 -45
  44. package/dist/components/index.d.ts +9 -0
  45. package/dist/components/index.js +1 -5
  46. package/dist/components/tttx-button.js +48 -48
  47. package/dist/components/tttx-filter.js +210 -191
  48. package/dist/components/tttx-form.js +475 -475
  49. package/dist/components/tttx-icon2.js +28 -28
  50. package/dist/components/tttx-keyvalue-block.js +76 -76
  51. package/dist/components/tttx-list.js +53 -53
  52. package/dist/components/tttx-loading-spinner.js +33 -33
  53. package/dist/components/tttx-sorter.js +130 -130
  54. package/dist/components/tttx-standalone-input.js +130 -130
  55. package/dist/components/tttx-toolbar.js +26 -26
  56. package/dist/esm/{domsanitiser.options-cc420431.js → domsanitiser.options-3c7ded83.js} +12 -12
  57. package/dist/esm/{index-9cde46a5.js → index-d784fb3e.js} +88 -3
  58. package/dist/esm/loader.js +4 -19
  59. package/dist/esm/polyfills/core-js.js +0 -0
  60. package/dist/esm/polyfills/css-shim.js +1 -1
  61. package/dist/esm/polyfills/dom.js +0 -0
  62. package/dist/esm/polyfills/es5-html-element.js +0 -0
  63. package/dist/esm/polyfills/index.js +0 -0
  64. package/dist/esm/polyfills/system.js +0 -0
  65. package/dist/esm/tttx-button.entry.js +24 -24
  66. package/dist/esm/tttx-filter.entry.js +177 -159
  67. package/dist/esm/tttx-form.entry.js +458 -458
  68. package/dist/esm/tttx-icon.entry.js +11 -11
  69. package/dist/esm/tttx-keyvalue-block.entry.js +59 -59
  70. package/dist/esm/tttx-list.entry.js +32 -32
  71. package/dist/esm/tttx-loading-spinner.entry.js +16 -16
  72. package/dist/esm/tttx-sorter.entry.js +102 -102
  73. package/dist/esm/tttx-standalone-input.entry.js +79 -79
  74. package/dist/esm/tttx-toolbar.entry.js +10 -10
  75. package/dist/esm/tttx.js +6 -117
  76. package/dist/tttx/index.esm.js +0 -1
  77. package/dist/tttx/p-0ebffdfc.js +2 -0
  78. package/dist/tttx/{p-dc2a37b0.entry.js → p-1db3704e.entry.js} +1 -1
  79. package/dist/tttx/p-350ddb03.js +3 -0
  80. package/dist/tttx/{p-561224f5.entry.js → p-563605b2.entry.js} +1 -1
  81. package/dist/tttx/{p-aef96333.entry.js → p-798a098a.entry.js} +1 -1
  82. package/dist/tttx/{p-f885f17a.entry.js → p-92cade7f.entry.js} +1 -1
  83. package/dist/tttx/{p-bd1edaed.entry.js → p-aaf02902.entry.js} +1 -1
  84. package/dist/tttx/{p-e53c7f9d.entry.js → p-ab6ce9f6.entry.js} +1 -1
  85. package/dist/tttx/{p-9f1e9cc1.entry.js → p-b720c4ad.entry.js} +1 -1
  86. package/dist/tttx/{p-d2f1aa8e.entry.js → p-cac26a1b.entry.js} +1 -1
  87. package/dist/tttx/p-ec253eea.entry.js +1 -0
  88. package/dist/tttx/{p-4e637d50.entry.js → p-f702df4f.entry.js} +1 -1
  89. package/dist/tttx/tttx.esm.js +1 -129
  90. package/dist/types/components/atoms/tttx-button/tttx-button.d.ts +10 -10
  91. package/dist/types/components/atoms/tttx-button/tttx-button.stories.d.ts +10 -10
  92. package/dist/types/components/atoms/tttx-icon/tttx-icon.d.ts +5 -5
  93. package/dist/types/components/atoms/tttx-icon/tttx-icon.stories.d.ts +20 -20
  94. package/dist/types/components/atoms/tttx-keyvalue-block/tttx-keyvalue-block.d.ts +7 -7
  95. package/dist/types/components/atoms/tttx-keyvalue-block/tttx-keyvalue-block.stories.d.ts +9 -9
  96. package/dist/types/components/atoms/tttx-loading-spinner/tttx-loading-spinner.d.ts +6 -6
  97. package/dist/types/components/atoms/tttx-loading-spinner/tttx-loading-spinner.stories.d.ts +17 -17
  98. package/dist/types/components/molecules/tttx-filter/tttx-filter.d.ts +41 -39
  99. package/dist/types/components/molecules/tttx-filter/tttx-filter.stories.d.ts +70 -68
  100. package/dist/types/components/molecules/tttx-form/lib/setErrorState.d.ts +13 -13
  101. package/dist/types/components/molecules/tttx-form/lib/validityCheck.d.ts +17 -17
  102. package/dist/types/components/molecules/tttx-form/tttx-form.d.ts +133 -133
  103. package/dist/types/components/molecules/tttx-form/tttx-form.stories.d.ts +278 -278
  104. package/dist/types/components/molecules/tttx-list/tttx-list.d.ts +11 -11
  105. package/dist/types/components/molecules/tttx-list/tttx-list.stories.d.ts +14 -14
  106. package/dist/types/components/molecules/tttx-sorter/tttx-sorter.d.ts +19 -19
  107. package/dist/types/components/molecules/tttx-sorter/tttx-sorter.stories.d.ts +30 -30
  108. package/dist/types/components/molecules/tttx-standalone-input/tttx-standalone-input.d.ts +69 -69
  109. package/dist/types/components/molecules/tttx-standalone-input/tttx-standalone-input.stories.d.ts +143 -143
  110. package/dist/types/components/molecules/tttx-toolbar/tttx-toolbar.d.ts +4 -4
  111. package/dist/types/components/molecules/tttx-toolbar/tttx-toolbar.stories.d.ts +13 -13
  112. package/dist/types/components/palette.stories.d.ts +6 -6
  113. package/dist/types/components.d.ts +2 -0
  114. package/dist/types/docs/gettingstarted-developer.stories.d.ts +5 -5
  115. package/dist/types/icons.d.ts +2 -2
  116. package/dist/types/index.d.ts +1 -1
  117. package/dist/types/shared/domsanitiser.options.d.ts +10 -10
  118. package/dist/types/stencil-public-runtime.d.ts +59 -3
  119. package/loader/index.d.ts +9 -0
  120. package/package.json +2 -2
  121. package/dist/cjs/app-globals-3a1e7e63.js +0 -5
  122. package/dist/cjs/css-shim-211819bc.js +0 -6
  123. package/dist/cjs/dom-9deb26c8.js +0 -75
  124. package/dist/cjs/domsanitiser.options-3f1501b5.js +0 -1697
  125. package/dist/cjs/index-39a867c5.js +0 -3298
  126. package/dist/cjs/shadow-css-bf3843d2.js +0 -389
  127. package/dist/esm/app-globals-0f993ce5.js +0 -3
  128. package/dist/esm/css-shim-9d54a2f2.js +0 -4
  129. package/dist/esm/dom-6be6f662.js +0 -73
  130. package/dist/esm/domsanitiser.options-6f2878c8.js +0 -1694
  131. package/dist/esm/index-e3e64631.js +0 -3262
  132. package/dist/esm/shadow-css-ed4599f8.js +0 -387
  133. package/dist/tttx/app-globals-0f993ce5.js +0 -3
  134. package/dist/tttx/css-shim-9d54a2f2.js +0 -4
  135. package/dist/tttx/dom-6be6f662.js +0 -73
  136. package/dist/tttx/domsanitiser.options-6f2878c8.js +0 -1694
  137. package/dist/tttx/index-e3e64631.js +0 -3262
  138. package/dist/tttx/p-3b1be372.entry.js +0 -1
  139. package/dist/tttx/p-b4290a5b.js +0 -3
  140. package/dist/tttx/p-d0ff9ad0.entry.js +0 -1
  141. package/dist/tttx/p-db059a69.js +0 -2
  142. package/dist/tttx/shadow-css-ed4599f8.js +0 -387
  143. package/dist/tttx/tttx-button.entry.js +0 -30
  144. package/dist/tttx/tttx-filter.entry.js +0 -165
  145. package/dist/tttx/tttx-form.entry.js +0 -468
  146. package/dist/tttx/tttx-icon.entry.js +0 -17
  147. package/dist/tttx/tttx-keyvalue-block.entry.js +0 -65
  148. package/dist/tttx/tttx-list.entry.js +0 -38
  149. package/dist/tttx/tttx-loading-spinner.entry.js +0 -22
  150. package/dist/tttx/tttx-sorter.entry.js +0 -108
  151. package/dist/tttx/tttx-standalone-input.entry.js +0 -85
  152. package/dist/tttx/tttx-toolbar.entry.js +0 -16
@@ -1 +1 @@
1
- export {};
1
+ export {};
@@ -1,14 +1,14 @@
1
- function tagRegXp(tagName) {
2
- return RegExp(/^tttx-/).exec(tagName);
3
- }
4
- function attributeNameCheck() {
5
- return true;
6
- }
7
- const domSanitiserOptions = {
8
- CUSTOM_ELEMENT_HANDLING: {
9
- tagNameCheck: tagRegXp,
10
- attributeNameCheck: attributeNameCheck,
11
- allowCustomizedBuiltInElements: false, // customized built-ins are not allowed
12
- }
13
- };
14
- export default domSanitiserOptions;
1
+ function tagRegXp(tagName) {
2
+ return RegExp(/^tttx-/).exec(tagName);
3
+ }
4
+ function attributeNameCheck() {
5
+ return true;
6
+ }
7
+ const domSanitiserOptions = {
8
+ CUSTOM_ELEMENT_HANDLING: {
9
+ tagNameCheck: tagRegXp,
10
+ attributeNameCheck: attributeNameCheck,
11
+ allowCustomizedBuiltInElements: false, // customized built-ins are not allowed
12
+ }
13
+ };
14
+ export default domSanitiserOptions;
@@ -1,42 +1,15 @@
1
1
  var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
2
2
 
3
- function getDefaultExportFromCjs (x) {
4
- return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
5
- }
6
-
7
3
  function createCommonjsModule(fn, basedir, module) {
8
4
  return module = {
9
5
  path: basedir,
10
6
  exports: {},
11
7
  require: function (path, base) {
12
- return commonjsRequire(path, (base === undefined || base === null) ? module.path : base);
8
+ return commonjsRequire();
13
9
  }
14
10
  }, fn(module, module.exports), module.exports;
15
11
  }
16
12
 
17
- function getDefaultExportFromNamespaceIfPresent (n) {
18
- return n && Object.prototype.hasOwnProperty.call(n, 'default') ? n['default'] : n;
19
- }
20
-
21
- function getDefaultExportFromNamespaceIfNotNamed (n) {
22
- return n && Object.prototype.hasOwnProperty.call(n, 'default') && Object.keys(n).length === 1 ? n['default'] : n;
23
- }
24
-
25
- function getAugmentedNamespace(n) {
26
- if (n.__esModule) return n;
27
- var a = Object.defineProperty({}, '__esModule', {value: true});
28
- Object.keys(n).forEach(function (k) {
29
- var d = Object.getOwnPropertyDescriptor(n, k);
30
- Object.defineProperty(a, k, d.get ? d : {
31
- enumerable: true,
32
- get: function () {
33
- return n[k];
34
- }
35
- });
36
- });
37
- return a;
38
- }
39
-
40
13
  function commonjsRequire () {
41
14
  throw new Error('Dynamic requires are not currently supported by @rollup/plugin-commonjs');
42
15
  }
@@ -45,11 +18,8 @@ var purify = createCommonjsModule(function (module, exports) {
45
18
  /*! @license DOMPurify 3.0.3 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.0.3/LICENSE */
46
19
 
47
20
  (function (global, factory) {
48
- 'object' === 'object' && 'object' !== 'undefined' ? module.exports = factory() :
49
- typeof undefined === 'function' && undefined.amd ? undefined(factory) :
50
- (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.DOMPurify = factory());
51
- })(commonjsGlobal, (function () { 'use strict';
52
-
21
+ module.exports = factory() ;
22
+ })(commonjsGlobal, (function () {
53
23
  const {
54
24
  entries,
55
25
  setPrototypeOf,
@@ -1677,18 +1647,18 @@ var purify = createCommonjsModule(function (module, exports) {
1677
1647
  //# sourceMappingURL=purify.js.map
1678
1648
  });
1679
1649
 
1680
- function tagRegXp(tagName) {
1681
- return RegExp(/^tttx-/).exec(tagName);
1682
- }
1683
- function attributeNameCheck() {
1684
- return true;
1685
- }
1686
- const domSanitiserOptions = {
1687
- CUSTOM_ELEMENT_HANDLING: {
1688
- tagNameCheck: tagRegXp,
1689
- attributeNameCheck: attributeNameCheck,
1690
- allowCustomizedBuiltInElements: false, // customized built-ins are not allowed
1691
- }
1650
+ function tagRegXp(tagName) {
1651
+ return RegExp(/^tttx-/).exec(tagName);
1652
+ }
1653
+ function attributeNameCheck() {
1654
+ return true;
1655
+ }
1656
+ const domSanitiserOptions = {
1657
+ CUSTOM_ELEMENT_HANDLING: {
1658
+ tagNameCheck: tagRegXp,
1659
+ attributeNameCheck: attributeNameCheck,
1660
+ allowCustomizedBuiltInElements: false, // customized built-ins are not allowed
1661
+ }
1692
1662
  };
1693
1663
 
1694
1664
  export { domSanitiserOptions as d, purify as p };
@@ -22,6 +22,15 @@ export { TttxToolbar as TttxToolbar } from '../types/components/molecules/tttx-t
22
22
  */
23
23
  export declare const setAssetPath: (path: string) => void;
24
24
 
25
+ /**
26
+ * Used to specify a nonce value that corresponds with an application's CSP.
27
+ * When set, the nonce will be added to all dynamically created script and style tags at runtime.
28
+ * Alternatively, the nonce value can be set on a meta tag in the DOM head
29
+ * (<meta name="csp-nonce" content="{ nonce value here }" />) which
30
+ * will result in the same behavior.
31
+ */
32
+ export declare const setNonce: (nonce: string) => void
33
+
25
34
  export interface SetPlatformOptions {
26
35
  raf?: (c: FrameRequestCallback) => number;
27
36
  ael?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
@@ -1,4 +1,4 @@
1
- export { setAssetPath, setPlatformOptions } from '@stencil/core/internal/client';
1
+ export { setAssetPath, setNonce, setPlatformOptions } from '@stencil/core/internal/client';
2
2
  export { TttxButton, defineCustomElement as defineCustomElementTttxButton } from './tttx-button.js';
3
3
  export { TttxFilter, defineCustomElement as defineCustomElementTttxFilter } from './tttx-filter.js';
4
4
  export { TttxForm, defineCustomElement as defineCustomElementTttxForm } from './tttx-form.js';
@@ -9,7 +9,3 @@ export { TttxLoadingSpinner, defineCustomElement as defineCustomElementTttxLoadi
9
9
  export { TttxSorter, defineCustomElement as defineCustomElementTttxSorter } from './tttx-sorter.js';
10
10
  export { TttxStandaloneInput, defineCustomElement as defineCustomElementTttxStandaloneInput } from './tttx-standalone-input.js';
11
11
  export { TttxToolbar, defineCustomElement as defineCustomElementTttxToolbar } from './tttx-toolbar.js';
12
-
13
- const globalScripts = () => {};
14
-
15
- globalScripts();
@@ -3,54 +3,54 @@ import { d as defineCustomElement$2 } from './tttx-icon2.js';
3
3
 
4
4
  const tttxButtonCss = ".material-symbols-rounded{font-variation-settings:\"FILL\" 1, \"wght\" 400, \"GRAD\" 0, \"opsz\" 24}button{cursor:pointer}.button{font-family:Roboto, serif;box-sizing:border-box;height:36px;min-width:36px;padding:0;margin:0;background:transparent;color:#212121;border:1px solid #c8c8c8;border-radius:4px;text-transform:uppercase;display:flex;justify-content:left;align-items:center;font-size:14px;font-weight:400}.button-content{display:block;padding:0 16px}.icon-left,.icon-right{margin-top:4px}.iconleft{padding-left:8px}.iconleft .button-content{padding-left:4px}.iconright{padding-right:8px}.iconright .button-content{padding-right:4px}.notext{padding:0 6px}.button:hover{background:rgba(17, 17, 17, 0.1);border:1px solid #D5D5D5}.button:active{background:rgba(17, 17, 17, 0.2);border:1px solid #D5D5D5}.primary{background:#1479c6;border:1px solid #1479c6;color:white}.primary:hover{background:#146EB3;border:1px solid #146EB3}.primary:active{background:#1464A2;border:1px solid #1464A2}.borderless{background:transparent;border:none;color:#212121}.borderless:hover{background:rgba(17, 17, 17, 0.1);border:none}.borderless:active{background:rgba(17, 17, 17, 0.2);border:none}.danger{background:#DC0000;border:1px solid #DC0000;color:white}.danger:hover{background:#C60000;border:1px solid #C60000}.danger:active{background:#B00000;border:1px solid #B00000}.disabled{background:#aeaeae;border:none;color:#4c4c4c;cursor:not-allowed}.disabled:hover{background:#aeaeae;border:none;color:#4c4c4c;cursor:not-allowed}.disabled:active{background:#aeaeae;border:none;color:#4c4c4c;cursor:not-allowed}:host{display:inline-block}tttx-icon{cursor:inherit}.spacingleft{margin-left:8px}";
5
5
 
6
- const TttxButton$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
7
- constructor() {
8
- super();
9
- this.__registerHost();
10
- this.__attachShadow();
11
- this._iconcolor = 'black';
12
- this.notext = undefined;
13
- this.icon = undefined;
14
- this.iconposition = 'left';
15
- this.design = 'default';
16
- }
17
- componentWillLoad() {
18
- this._design = this.design;
19
- const designs = ['primary', 'default', 'disabled', 'danger', 'borderless'];
20
- if (!designs.includes(this.design)) {
21
- this._design = 'default';
22
- }
23
- if (this._design === 'primary' || this._design === 'danger') {
24
- this._iconcolor = 'white';
25
- }
26
- }
27
- render() {
28
- return (h(Host, null, h("button", { class: `button ${this._design} ${this.icon ? 'withicon' : ''} ${this.icon && this.iconposition ? 'icon' + this.iconposition : ''} ${this.notext ? 'notext' : ''}` }, this.icon && this.iconposition === 'left' && (h("div", { class: "icon-left" }, h("tttx-icon", { icon: this.icon, color: this._iconcolor }))), !this.notext && h("div", { class: "button-content" }, h("slot", null)), this.icon && this.iconposition === 'right' && (h("div", { class: "icon-right" }, h("tttx-icon", { icon: this.icon, color: this._iconcolor }))))));
29
- }
30
- static get style() { return tttxButtonCss; }
31
- }, [1, "tttx-button", {
32
- "notext": [4],
33
- "icon": [1],
34
- "iconposition": [1],
35
- "design": [1]
36
- }]);
37
- function defineCustomElement$1() {
38
- if (typeof customElements === "undefined") {
39
- return;
40
- }
41
- const components = ["tttx-button", "tttx-icon"];
42
- components.forEach(tagName => { switch (tagName) {
43
- case "tttx-button":
44
- if (!customElements.get(tagName)) {
45
- customElements.define(tagName, TttxButton$1);
46
- }
47
- break;
48
- case "tttx-icon":
49
- if (!customElements.get(tagName)) {
50
- defineCustomElement$2();
51
- }
52
- break;
53
- } });
6
+ const TttxButton$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
7
+ constructor() {
8
+ super();
9
+ this.__registerHost();
10
+ this.__attachShadow();
11
+ this._iconcolor = 'black';
12
+ this.notext = undefined;
13
+ this.icon = undefined;
14
+ this.iconposition = 'left';
15
+ this.design = 'default';
16
+ }
17
+ componentWillLoad() {
18
+ this._design = this.design;
19
+ const designs = ['primary', 'default', 'disabled', 'danger', 'borderless'];
20
+ if (!designs.includes(this.design)) {
21
+ this._design = 'default';
22
+ }
23
+ if (this._design === 'primary' || this._design === 'danger') {
24
+ this._iconcolor = 'white';
25
+ }
26
+ }
27
+ render() {
28
+ return (h(Host, null, h("button", { class: `button ${this._design} ${this.icon ? 'withicon' : ''} ${this.icon && this.iconposition ? 'icon' + this.iconposition : ''} ${this.notext ? 'notext' : ''}` }, this.icon && this.iconposition === 'left' && (h("div", { class: "icon-left" }, h("tttx-icon", { icon: this.icon, color: this._iconcolor }))), !this.notext && h("div", { class: "button-content" }, h("slot", null)), this.icon && this.iconposition === 'right' && (h("div", { class: "icon-right" }, h("tttx-icon", { icon: this.icon, color: this._iconcolor }))))));
29
+ }
30
+ static get style() { return tttxButtonCss; }
31
+ }, [1, "tttx-button", {
32
+ "notext": [4],
33
+ "icon": [1],
34
+ "iconposition": [1],
35
+ "design": [1]
36
+ }]);
37
+ function defineCustomElement$1() {
38
+ if (typeof customElements === "undefined") {
39
+ return;
40
+ }
41
+ const components = ["tttx-button", "tttx-icon"];
42
+ components.forEach(tagName => { switch (tagName) {
43
+ case "tttx-button":
44
+ if (!customElements.get(tagName)) {
45
+ customElements.define(tagName, TttxButton$1);
46
+ }
47
+ break;
48
+ case "tttx-icon":
49
+ if (!customElements.get(tagName)) {
50
+ defineCustomElement$2();
51
+ }
52
+ break;
53
+ } });
54
54
  }
55
55
 
56
56
  const TttxButton = TttxButton$1;