@3t-transform/threeteeui 1.9.101 → 1.9.103

package/dist/collection/components/atoms/tttx-tag-v2/tttx-tag-v2.stories.js

@@ -1,84 +1,84 @@
-export default {
-  title: 'Atoms/TagV2',
-  component: 'tttx-tag-v2_1_9_101',
-  argTypes: {
-    text: { control: 'text' },
-    variant: {
-      control: 'select',
-      options: ['primary', 'secondary'],
-    },
-    state: {
-      control: 'select',
-      options: ['brand', 'danger', 'success', 'warning', 'neutral'],
-    },
-    size: { control: 'radio', options: ['S', 'M'] },
-    color: { control: 'color' },
-    textColor: { control: 'color' },
-    iconStart: { control: 'text' },
-    iconEnd: { control: 'text' },
-    hasStartIcon: { control: 'boolean' },
-    hasEndIcon: { control: 'boolean' }
-  },
-};
-const Template = (args) => {
-  const attrs = Object.entries(args)
-    .filter(([_, v]) => v !== undefined && v !== '')
-    .map(([k, v]) => {
-    const attr = k.replace(/[A-Z]/g, (m) => '-' + m.toLowerCase()); // camelCase → kebab-case
-    return `${attr}="${v}"`;
-  })
-    .join(' ');
-  return `<tttx-tag-v2_1_9_101 ${attrs}></tttx-tag-v2_1_9_101>`;
-};
-export const Default = Template.bind({});
-Default.args = {
-  text: 'Default Tag',
-  state: 'neutral',
-  size: 'M',
-  iconStart: 'star',
-  iconEnd: 'close',
-  hasStartIcon: true,
-  hasEndIcon: true,
-};
-export const Primary = Template.bind({});
-Primary.args = {
-  text: 'Primary Tag',
-  variant: 'primary',
-  size: 'M',
-};
-export const Secondary = Template.bind({});
-Secondary.args = {
-  text: 'Secondary Tag',
-  variant: 'secondary',
-  size: 'M',
-};
-export const Brand = Template.bind({});
-Brand.args = {
-  text: 'Brand Tag',
-  state: 'brand',
-  size: 'M',
-};
-export const Danger = Template.bind({});
-Danger.args = {
-  text: 'Danger Tag',
-  state: 'danger',
-  size: 'M',
-};
-export const Success = Template.bind({});
-Success.args = {
-  text: 'Success Tag',
-  state: 'success',
-  size: 'M',
-};
-export const Warning = Template.bind({});
-Warning.args = {
-  text: 'Warning Tag',
-  state: 'warning',
-  size: 'M',
-};
-export const Neutral = Template.bind({});
-Neutral.args = {
-  text: 'Neutral Tag',
-  state: 'neutral',
-  size: 'S',
-};
+export default {
+  title: 'Atoms/TagV2',
+  component: 'tttx-tag-v2_1_9_103',
+  argTypes: {
+    text: { control: 'text' },
+    variant: {
+      control: 'select',
+      options: ['primary', 'secondary'],
+    },
+    state: {
+      control: 'select',
+      options: ['brand', 'danger', 'success', 'warning', 'neutral'],
+    },
+    size: { control: 'radio', options: ['S', 'M'] },
+    color: { control: 'color' },
+    textColor: { control: 'color' },
+    iconStart: { control: 'text' },
+    iconEnd: { control: 'text' },
+    hasStartIcon: { control: 'boolean' },
+    hasEndIcon: { control: 'boolean' }
+  },
+};
+const Template = (args) => {
+  const attrs = Object.entries(args)
+    .filter(([_, v]) => v !== undefined && v !== '')
+    .map(([k, v]) => {
+    const attr = k.replace(/[A-Z]/g, (m) => '-' + m.toLowerCase()); // camelCase → kebab-case
+    return `${attr}="${v}"`;
+  })
+    .join(' ');
+  return `<tttx-tag-v2_1_9_103 ${attrs}></tttx-tag-v2_1_9_103>`;
+};
+export const Default = Template.bind({});
+Default.args = {
+  text: 'Default Tag',
+  state: 'neutral',
+  size: 'M',
+  iconStart: 'star',
+  iconEnd: 'close',
+  hasStartIcon: true,
+  hasEndIcon: true,
+};
+export const Primary = Template.bind({});
+Primary.args = {
+  text: 'Primary Tag',
+  variant: 'primary',
+  size: 'M',
+};
+export const Secondary = Template.bind({});
+Secondary.args = {
+  text: 'Secondary Tag',
+  variant: 'secondary',
+  size: 'M',
+};
+export const Brand = Template.bind({});
+Brand.args = {
+  text: 'Brand Tag',
+  state: 'brand',
+  size: 'M',
+};
+export const Danger = Template.bind({});
+Danger.args = {
+  text: 'Danger Tag',
+  state: 'danger',
+  size: 'M',
+};
+export const Success = Template.bind({});
+Success.args = {
+  text: 'Success Tag',
+  state: 'success',
+  size: 'M',
+};
+export const Warning = Template.bind({});
+Warning.args = {
+  text: 'Warning Tag',
+  state: 'warning',
+  size: 'M',
+};
+export const Neutral = Template.bind({});
+Neutral.args = {
+  text: 'Neutral Tag',
+  state: 'neutral',
+  size: 'S',
+};

package/dist/collection/components/atoms/tttx-toggle/tttx-toggle.js

@@ -1,84 +1,84 @@
-import { h } from '@stencil/core';
-export class TttxToggle {
-  constructor() {
-    this.initialstate = undefined;
-    this._state = undefined;
-  }
-  componentWillLoad() {
-    if (this.initialstate === true || this.initialstate === 'true') {
-      this._state = true;
-    }
-    else {
-      this._state = false;
-    }
-  }
-  onChange(e) {
-    this.toggleSwitchEvent.emit({ checked: e.target.checked });
-  }
-  render() {
-    let checkbox;
-    if (this._state) {
-      checkbox = h("input", { type: 'checkbox', checked: true, onChange: this.onChange.bind(this) });
-    }
-    else {
-      checkbox = h("input", { type: 'checkbox', onChange: this.onChange.bind(this) });
-    }
-    return (h("div", { id: 'toggle-switch' }, checkbox, h("div", { id: 'toggle-body' })));
-  }
-  static get is() { return "tttx-toggle_1_9_101"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["tttx-toggle.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["tttx-toggle.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "initialstate": {
-        "type": "any",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean | string",
-          "resolved": "boolean | string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "initialstate",
-        "reflect": false
-      }
-    };
-  }
-  static get states() {
-    return {
-      "_state": {}
-    };
-  }
-  static get events() {
-    return [{
-        "method": "toggleSwitchEvent",
-        "name": "toggleSwitchEvent",
-        "bubbles": false,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "complexType": {
-          "original": "{checked: boolean}",
-          "resolved": "{ checked: boolean; }",
-          "references": {}
-        }
-      }];
-  }
-}
+import { h } from '@stencil/core';
+export class TttxToggle {
+  constructor() {
+    this.initialstate = undefined;
+    this._state = undefined;
+  }
+  componentWillLoad() {
+    if (this.initialstate === true || this.initialstate === 'true') {
+      this._state = true;
+    }
+    else {
+      this._state = false;
+    }
+  }
+  onChange(e) {
+    this.toggleSwitchEvent.emit({ checked: e.target.checked });
+  }
+  render() {
+    let checkbox;
+    if (this._state) {
+      checkbox = h("input", { type: 'checkbox', checked: true, onChange: this.onChange.bind(this) });
+    }
+    else {
+      checkbox = h("input", { type: 'checkbox', onChange: this.onChange.bind(this) });
+    }
+    return (h("div", { id: 'toggle-switch' }, checkbox, h("div", { id: 'toggle-body' })));
+  }
+  static get is() { return "tttx-toggle_1_9_103"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["tttx-toggle.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["tttx-toggle.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "initialstate": {
+        "type": "any",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean | string",
+          "resolved": "boolean | string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "initialstate",
+        "reflect": false
+      }
+    };
+  }
+  static get states() {
+    return {
+      "_state": {}
+    };
+  }
+  static get events() {
+    return [{
+        "method": "toggleSwitchEvent",
+        "name": "toggleSwitchEvent",
+        "bubbles": false,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "{checked: boolean}",
+          "resolved": "{ checked: boolean; }",
+          "references": {}
+        }
+      }];
+  }
+}

package/dist/collection/components/atoms/tttx-toggle/tttx-toggle.stories.js

@@ -1,13 +1,13 @@
-export default {
-  title: 'Atoms/Toggle',
-  component: 'tttx-toggle',
-};
+export default {
+  title: 'Atoms/Toggle',
+  component: 'tttx-toggle',
+};
 const DefaultStory = () => `
-<div><div>Off by default</div><tttx-toggle_1_9_101 id="off" title="Off by default"></tttx-toggle_1_9_101></div>
-<div><div>On by default</div><tttx-toggle_1_9_101 id="on" initialstate="true" title="True by default"></tttx-toggle_1_9_101></div>
+<div><div>Off by default</div><tttx-toggle_1_9_103 id="off" title="Off by default"></tttx-toggle_1_9_103></div>
+<div><div>On by default</div><tttx-toggle_1_9_103 id="on" initialstate="true" title="True by default"></tttx-toggle_1_9_103></div>
 <script>
     off.addEventListener('toggleSwitchEvent', (ev) => { console.log(ev) });
     on.addEventListener('toggleSwitchEvent', (ev) => { console.log(ev) });
 </script>
-`;
-export const Default = DefaultStory.bind({});
+`;
+export const Default = DefaultStory.bind({});

package/dist/collection/components/domsanitiser.options.js

@@ -1,14 +1,14 @@
-function tagRegXp(tagName) {
-  return RegExp(/^tttx-/).exec(tagName);
-}
-function attributeNameCheck() {
-  return true;
-}
-const domSanitiserOptions = {
-  CUSTOM_ELEMENT_HANDLING: {
-    tagNameCheck: tagRegXp,
-    attributeNameCheck: attributeNameCheck,
-    allowCustomizedBuiltInElements: false, // customized built-ins are not allowed
-  },
-};
-export default domSanitiserOptions;
+function tagRegXp(tagName) {
+  return RegExp(/^tttx-/).exec(tagName);
+}
+function attributeNameCheck() {
+  return true;
+}
+const domSanitiserOptions = {
+  CUSTOM_ELEMENT_HANDLING: {
+    tagNameCheck: tagRegXp,
+    attributeNameCheck: attributeNameCheck,
+    allowCustomizedBuiltInElements: false, // customized built-ins are not allowed
+  },
+};
+export default domSanitiserOptions;