@3t-transform/threeteeui 1.0.1 → 1.0.3

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@3t-transform/threeteeui",
-    "version": "1.0.1",
+    "version": "1.0.3",
     "description": "3t Design System",
     "main": "dist/index.cjs.js",
     "module": "dist/index.js",

package/readme.md

@@ -5,13 +5,13 @@
 -   To keep the components extremely lightweight, use as few dependencies as possible. Keep the individual components in the low KB, not the MB.
     -   Why? - When there are multiple versions of the same component loaded, we need to keep them extremely lightweight. Most simple components can be executed in a few dozen KB.
 -   No CSS frameworks. Use only the minimum styles to get the job done.
-    -   Why? - This means we can be sure that we only load code we are actually using.
+    -   Why? - This means we can be sure that we only load code we are using.
 -   No external styles. A component must style itself and be inside a shadow DOM so that styles from the external application cannot leak inside.
-    -   Why? - We cannot have any components being affected by the styles of the surrunding application. The component must be entirely self-contained.
+    -   Why? - We cannot have any components being affected by the styles of the surrounding application. The component must be entirely self-contained.
 -   No leaking styles. A component must not infect the application with its styles.
     -   Why? - The same goes both ways, the component styles must not affect the surrounding application.
 -   Create only components as we need them. YAGNI applies.
-    -   Why? - It's about Agile. We need to deliver value to the customer (our develoeprs) as soon as possible for their feedback, and so they can deliver value to their customer (our users). If a certain component is required, it will crop up, and then we will make it.
+    -   Why? - It's about Agile. We need to deliver value to the customer (our developers) as soon as possible for their feedback, and so they can deliver value to their customers (our users). If a certain component is required, it will crop up, and then we will make it.
 
 ## Getting Started
 
@@ -37,7 +37,7 @@ yarn test
 To see the components in Storybook, run:
 
 ``` bash
-yarn build
+yarn start
 yarn storybook
 ```
 
@@ -48,74 +48,52 @@ Need help? Check out our [docs](https://stenciljs.com/docs/my-first-component).
 To release a new version of the library, follow these steps:
 
 1. Update the version number in the `package.json` file according to [semantic versioning](https://semver.org/).
-1. Push the changes to the remote `master` branch.
-1. This will trigger a build and run the tests on the CI/CD pipeline.
-1. If the tests pass, the new version will be published to npm and a new tag will be created.
-1. If the tests fail, the release process will be halted and you will need to fix the issues before trying again.
+2. Push the changes to the remote `master` branch.
+3. This will trigger a build and run the tests on the CI/CD pipeline.
+4. If the tests pass, a new tag will be created.
+5. If the tests fail, the release process will be halted and you will need to fix the issues before trying again.
+6. Run the release to npm action **manually** to release the components to the NPM registry.
 
 Make sure to follow the [semantic versioning](https://semver.org/) guidelines when updating the version number. This will help users understand the impact of the changes in the new version and avoid breaking changes.
 
-## Naming Components
-
-When creating new component tags, we recommend _not_ using `stencil` in the component name (ex: `<stencil-datepicker>`). This is because the generated component has little to nothing to do with Stencil; it's just a web component!
-
-Instead, use a prefix that fits your company or any name for a group of related components. For example, all of the Ionic generated web components use the prefix `ion`.
-
-We suggest: `<tttx-button>` for example.
-
-## Testing Components
-
-Stencil uses a testing framework built using Jest and Puppeteer. It provides support for two types of test: Unit and End-to-End.
-
-You can find out more form their [docs](https://stenciljs.com/docs/testing-overview)
-
-For our purposes, if you are creating a component that consumes a devextreme component which is itself a container for other components (e.g. a devextreme toolbar that contains a devextreme button), you will want to create an End-to-End test for that.
-
-This is because the helper method that builds a test page in the unit tests mocks out HTML elements, and the mock class it provides doesn't define all the methods that devextreme uses when attaching the component to the container, which causes the render to fail. The End-to-End tests build the component in the browser, so we're able to render them there.
+## Usage
 
-## Using this component
+You'll find the NPM package here:
+https://www.npmjs.com/package/@3t-transform/threeteeui
 
-There are three strategies we recommend for using web components built with Stencil.
-
-The first step for all three of these strategies is to [publish to NPM](https://docs.npmjs.com/getting-started/publishing-npm-packages).
-
--   First, you need to [sign up](https://www.npmjs.com/signup) for an npm account. You will also need to ask an organisation owner to add you as a member of the @3t-transform organisation.
--   Update the `version` in the package.json.
--   Publish the new version with `npm publish @3t-transform/threeteeui`
-
-### Script tag
-
--   Put a script tag similar to this `<script type='module' src='https://unpkg.com/my-component@0.0.1/dist/my-component.esm.js'></script>` in the head of your index.html
--   Then you can use the element anywhere in your template, JSX, html etc
+In your MFE, install the version of the library you want, like this:
+```sh
+yarn add @3t-transform/threeteeui@1.0.1 --exact
+```
+Note that we used the version after the @ symbol, and we also give the `--exact` parameter, so that we do not get the `^` or `~` symbols in the `package.json`. We do not want the version to change or drift unless you explicitly say so.
 
-### Node Modules
+Now, in your MFE, (assuming it is stencil in this case), import the components
+```ts
+import '@3t-transform/threeteeui/dist/components';
+```
 
--   Run `npm install my-component --save`
--   Put a script tag similar to this `<script type='module' src='node_modules/my-component/dist/my-component.esm.js'></script>` in the head of your index.html
--   Then you can use the element anywhere in your template, JSX, html etc
+Now you can use your shared components in the MFE:
 
-### In a stencil-starter app
+```html
+<tttx-button_1_0_1>I am version 1.0.1!</tttx-button_1_0_1>
+```
+- Remember the closing tags too.
+- Keep only a single version in your MFE, do not mix and match.
+- As technical debt, always try to keep up with the most recent version.
 
--   Run `npm install my-component --save`
--   Add an import to the npm packages `import my-component;`
--   Then you can use the element anywhere in your template, JSX, html etc
+## How does that work internally?
 
-### DOMPurify
- 
-In some cases we may want to pass html to a component as a prop. In this case we can render it by pasing it to an element with the innerHTML attribute, which can be a security concern so before attaching it to the innerHTML attribute we first pass it through DOMPurify which should scan and removes moulious tags. 
+All components are suffixed with `_localcomponent`. You MUST remember this when building more components.
 
-To use DOMPurify in your component you will need to import it and then use it in the render or a method called by the render function.
+During local development, we use that suffix, so your stories in storybook will use is like this:
 
-#### imports
-``` typescript
-import { sanitize } from 'dompurify';
-import domSanitiserOptions from '../../../shared/domsanitiser.options';
+```html
+<tttx-button_localcomponent>I am the latest version!</tttx-button_localcomponent>
 ```
-#### Method
-``` typescript
-  render() {
-    return (
-      <div innerHTML={sanitize(this.html, domSanitiserOptions)}></div>
-    );
-  }
-```
+When we build them for NPM, we run another step that inserts the version number.
+```sh
+yarn crowbar
+```
+This produces a `/dist` folder with the components with the current version number as specified in the `package.json`.
+
+This is the version that is sent to NPM during the deployment pipeline.

package/dist/cjs/tttx-standalone-input_1_0_1.cjs.entry.js

@@ -1,94 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-fdc30724.js');
-
-const tttxStandaloneInputCss = ".material-symbols-rounded.sc-tttx-standalone-input_1_0_1{font-variation-settings:\"FILL\" 1, \"wght\" 400, \"GRAD\" 0, \"opsz\" 24}.material-symbols-rounded.sc-tttx-standalone-input_1_0_1{font-variation-settings:\"FILL\" 1, \"wght\" 400, \"GRAD\" 0, \"opsz\" 24}label.sc-tttx-standalone-input_1_0_1{font-weight:500;font-size:16px;line-height:18.752px;color:#212121}label.sc-tttx-standalone-input_1_0_1 .optional.sc-tttx-standalone-input_1_0_1{color:#757575;font-weight:normal}label.sc-tttx-standalone-input_1_0_1 .outer-container.sc-tttx-standalone-input_1_0_1{position:relative}label.sc-tttx-standalone-input_1_0_1 .outer-container.sc-tttx-standalone-input_1_0_1 .left-icons.sc-tttx-standalone-input_1_0_1,label.sc-tttx-standalone-input_1_0_1 .outer-container.sc-tttx-standalone-input_1_0_1 .right-icons.sc-tttx-standalone-input_1_0_1{display:flex;position:absolute;height:24px;gap:8px}label.sc-tttx-standalone-input_1_0_1 .outer-container.sc-tttx-standalone-input_1_0_1 .left-icons.sc-tttx-standalone-input_1_0_1 tttx-icon.sc-tttx-standalone-input_1_0_1,label.sc-tttx-standalone-input_1_0_1 .outer-container.sc-tttx-standalone-input_1_0_1 .right-icons.sc-tttx-standalone-input_1_0_1 tttx-icon.sc-tttx-standalone-input_1_0_1{height:24px;width:24px}label.sc-tttx-standalone-input_1_0_1 .outer-container.sc-tttx-standalone-input_1_0_1 .left-icons.sc-tttx-standalone-input_1_0_1{left:8px}label.sc-tttx-standalone-input_1_0_1 .outer-container.sc-tttx-standalone-input_1_0_1 .right-icons.sc-tttx-standalone-input_1_0_1{right:8px}label.sc-tttx-standalone-input_1_0_1 .outer-container.sc-tttx-standalone-input_1_0_1 input.sc-tttx-standalone-input_1_0_1,label.sc-tttx-standalone-input_1_0_1 .outer-container.sc-tttx-standalone-input_1_0_1 textarea.sc-tttx-standalone-input_1_0_1{color:#212121;box-sizing:border-box;border:1px solid #d5d5d5;border-radius:4px;padding:0;padding-left:16px;padding-right:16px;margin-top:4px}label.sc-tttx-standalone-input_1_0_1 .outer-container.sc-tttx-standalone-input_1_0_1 input.has-input-icon.sc-tttx-standalone-input_1_0_1,label.sc-tttx-standalone-input_1_0_1 .outer-container.sc-tttx-standalone-input_1_0_1 textarea.has-input-icon.sc-tttx-standalone-input_1_0_1{padding-left:40px}label.sc-tttx-standalone-input_1_0_1 .outer-container.sc-tttx-standalone-input_1_0_1 input.has-input-icon.has-left-icon.sc-tttx-standalone-input_1_0_1,label.sc-tttx-standalone-input_1_0_1 .outer-container.sc-tttx-standalone-input_1_0_1 textarea.has-input-icon.has-left-icon.sc-tttx-standalone-input_1_0_1{padding-left:72px}label.sc-tttx-standalone-input_1_0_1 .outer-container.sc-tttx-standalone-input_1_0_1 input.has-left-icon.sc-tttx-standalone-input_1_0_1,label.sc-tttx-standalone-input_1_0_1 .outer-container.sc-tttx-standalone-input_1_0_1 textarea.has-left-icon.sc-tttx-standalone-input_1_0_1{padding-left:40px}label.sc-tttx-standalone-input_1_0_1 .outer-container.sc-tttx-standalone-input_1_0_1 input.has-right-icon.sc-tttx-standalone-input_1_0_1,label.sc-tttx-standalone-input_1_0_1 .outer-container.sc-tttx-standalone-input_1_0_1 textarea.has-right-icon.sc-tttx-standalone-input_1_0_1{padding-right:40px}label.sc-tttx-standalone-input_1_0_1 .outer-container.sc-tttx-standalone-input_1_0_1 input.invalid.sc-tttx-standalone-input_1_0_1,label.sc-tttx-standalone-input_1_0_1 .outer-container.sc-tttx-standalone-input_1_0_1 textarea.invalid.sc-tttx-standalone-input_1_0_1{border:1px solid #dc0000}label.sc-tttx-standalone-input_1_0_1 .outer-container.sc-tttx-standalone-input_1_0_1 input.sc-tttx-standalone-input_1_0_1:not([type=submit]),label.sc-tttx-standalone-input_1_0_1 .outer-container.sc-tttx-standalone-input_1_0_1 textarea.sc-tttx-standalone-input_1_0_1:not([type=submit]){font-family:\"Roboto\", serif;width:100%;height:36px;font-size:16px;line-height:18.752px}label.sc-tttx-standalone-input_1_0_1 .outer-container.sc-tttx-standalone-input_1_0_1 input[type=radio].sc-tttx-standalone-input_1_0_1,label.sc-tttx-standalone-input_1_0_1 .outer-container.sc-tttx-standalone-input_1_0_1 textarea[type=radio].sc-tttx-standalone-input_1_0_1{width:20px;height:20px}label.sc-tttx-standalone-input_1_0_1 .outer-container.sc-tttx-standalone-input_1_0_1 input[type=date].sc-tttx-standalone-input_1_0_1,label.sc-tttx-standalone-input_1_0_1 .outer-container.sc-tttx-standalone-input_1_0_1 textarea[type=date].sc-tttx-standalone-input_1_0_1{background:white;display:block;min-width:calc(100% - 18px);line-height:37px}label.sc-tttx-standalone-input_1_0_1 .outer-container.sc-tttx-standalone-input_1_0_1 input[readonly].sc-tttx-standalone-input_1_0_1,label.sc-tttx-standalone-input_1_0_1 .outer-container.sc-tttx-standalone-input_1_0_1 textarea[readonly].sc-tttx-standalone-input_1_0_1{cursor:default;pointer-events:none;user-select:none;color:gray}label.sc-tttx-standalone-input_1_0_1 .outer-container.sc-tttx-standalone-input_1_0_1 input.sc-tttx-standalone-input_1_0_1:focus,label.sc-tttx-standalone-input_1_0_1 .outer-container.sc-tttx-standalone-input_1_0_1 textarea.sc-tttx-standalone-input_1_0_1:focus{border-color:#1479c6}label.sc-tttx-standalone-input_1_0_1 .outer-container.sc-tttx-standalone-input_1_0_1 input.sc-tttx-standalone-input_1_0_1:focus-visible,label.sc-tttx-standalone-input_1_0_1 .outer-container.sc-tttx-standalone-input_1_0_1 textarea.sc-tttx-standalone-input_1_0_1:focus-visible{outline:none}label.sc-tttx-standalone-input_1_0_1 .outer-container.sc-tttx-standalone-input_1_0_1 textarea.sc-tttx-standalone-input_1_0_1{padding:8px;height:auto;min-height:100px;resize:vertical}label.sc-tttx-standalone-input_1_0_1 .outer-container.inputBlock.sc-tttx-standalone-input_1_0_1{display:flex;align-items:center;line-height:21px}label.sc-tttx-standalone-input_1_0_1 .outer-container.inputBlock.sc-tttx-standalone-input_1_0_1 .left-icons.sc-tttx-standalone-input_1_0_1,label.sc-tttx-standalone-input_1_0_1 .outer-container.inputBlock.sc-tttx-standalone-input_1_0_1 .right-icons.sc-tttx-standalone-input_1_0_1{margin-top:4px}label.sc-tttx-standalone-input_1_0_1 .outer-container.inputBlock.readonly.sc-tttx-standalone-input_1_0_1{pointer-events:none;user-select:none;color:gray}label.sc-tttx-standalone-input_1_0_1 .outer-container.inputBlock.radioBlock.sc-tttx-standalone-input_1_0_1{display:block}label.sc-tttx-standalone-input_1_0_1 .outer-container.inputInline.sc-tttx-standalone-input_1_0_1{display:flex;white-space:nowrap;align-items:center;margin:0}label.sc-tttx-standalone-input_1_0_1 .outer-container.inputInline.sc-tttx-standalone-input_1_0_1 input.sc-tttx-standalone-input_1_0_1{margin-top:0}label.sc-tttx-standalone-input_1_0_1 .secondarylabel.sc-tttx-standalone-input_1_0_1{color:#757575;font-size:14px;line-height:16.408px;font-weight:normal;display:flex;margin-top:4px}label.sc-tttx-standalone-input_1_0_1 .errorBubble.sc-tttx-standalone-input_1_0_1{position:relative;font-size:14px;line-height:16.408px;font-weight:normal;width:100%;font-family:\"Roboto\", sans-serif;color:#dc0000;display:flex;align-content:center;align-items:center;justify-items:center;margin-top:4px}label.sc-tttx-standalone-input_1_0_1 .errorBubble.sc-tttx-standalone-input_1_0_1:not(.visible){display:none}label.sc-tttx-standalone-input_1_0_1 .errorBubble.sc-tttx-standalone-input_1_0_1 span.sc-tttx-standalone-input_1_0_1{color:#dc0000;font-size:16px;margin-right:4px}.material-symbols-rounded.sc-tttx-standalone-input_1_0_1{font-family:\"Material Symbols Rounded\", sans-serif;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;color:#9e9e9e}.sc-tttx-standalone-input_1_0_1-h{display:block}";
-
-const TttxInput = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.valueChanged = index.createEvent(this, "valueChanged", 7);
-    this.focusChanged = index.createEvent(this, "focusChanged", 7);
-    this.blurChanged = index.createEvent(this, "blurChanged", 7);
-    this.invalidChanged = index.createEvent(this, "invalidChanged", 7);
-    this.inputIconClick = index.createEvent(this, "inputIconClick", 7);
-    this.leftIconClick = index.createEvent(this, "leftIconClick", 7);
-    this.rightIconClick = index.createEvent(this, "rightIconClick", 7);
-    this.label = undefined;
-    this.secondarylabel = undefined;
-    this.showerrormsg = undefined;
-    this.showerrorbubble = true;
-    this.errormsg = undefined;
-    this.iconleft = undefined;
-    this.iconleftcolor = 'grey';
-    this.iconright = undefined;
-    this.iconrightcolor = 'grey';
-    this.inputicon = undefined;
-    this.inputiconcolor = 'grey';
-    this.inline = undefined;
-    this.inputautocapitalize = undefined;
-    this.inputautofocus = undefined;
-    this.inputkeyhint = undefined;
-    this.inputindex = undefined;
-    this.inputtitle = undefined;
-    this.autocomplete = undefined;
-    this.checked = undefined;
-    this.disabled = undefined;
-    this.max = undefined;
-    this.maxlength = undefined;
-    this.min = undefined;
-    this.minlength = undefined;
-    this.name = undefined;
-    this.pattern = undefined;
-    this.placeholder = undefined;
-    this.readonly = undefined;
-    this.required = undefined;
-    this.step = undefined;
-    this.type = 'text';
-    this.value = undefined;
-  }
-  handleChange(event) {
-    const target = event.target;
-    this.value = target.value;
-    this.valueChanged.emit(target.value);
-  }
-  handleFocus(event) {
-    const target = event.target;
-    this.focusChanged.emit(target.value);
-  }
-  handleBlur(event) {
-    const target = event.target;
-    this.blurChanged.emit(target.value);
-  }
-  handleInvalid(event) {
-    event.preventDefault();
-    const target = event.target;
-    this.invalidChanged.emit(target.value);
-  }
-  handleInputIconClick(event) {
-    event.preventDefault();
-    this.inputIconClick.emit();
-  }
-  handleLeftIconClick(event) {
-    event.preventDefault();
-    this.leftIconClick.emit();
-  }
-  handleRightIconClick(event) {
-    event.preventDefault();
-    this.rightIconClick.emit();
-  }
-  render() {
-    const classNames = [
-      this.showerrormsg ? 'invalid' : '',
-      this.inputicon ? 'has-input-icon' : '',
-      this.iconleft ? 'has-left-icon' : '',
-      this.iconright ? 'has-right-icon' : '',
-    ].join(' ');
-    return (index.h(index.Host, null, index.h("label", null, this.label, !this.required ? index.h("span", { class: "optional" }, "\u00A0(optional)") : '', index.h("div", { class: ['outer-container', this.inline ? 'inputInline' : 'inputBlock'].join(' ') }, index.h("input", { class: classNames, autocapitalize: this.inputautocapitalize, autofocus: this.inputautofocus, enterkeyhint: this.inputkeyhint, tabindex: this.inputindex, title: this.inputtitle, autocomplete: this.autocomplete, checked: this.checked, disabled: this.disabled, max: this.max, maxlength: this.maxlength, min: this.min, minlength: this.minlength, name: this.name, pattern: this.pattern, placeholder: this.placeholder, readonly: this.readonly, required: this.required, step: this.step, type: this.type, value: this.value, onBlur: this.handleBlur.bind(this), onFocus: this.handleFocus.bind(this), onInput: this.handleChange.bind(this), onInvalid: this.handleInvalid.bind(this) }), (this.inputicon || this.iconleft) && (index.h("span", { class: "left-icons" }, this.inputicon && (index.h("tttx-icon_1_0_1", { class: "input-icon", icon: this.inputicon, color: this.inputiconcolor, onClick: this.handleInputIconClick.bind(this) })), this.iconleft && (index.h("tttx-icon_1_0_1", { class: "left-icon", icon: this.iconleft, color: this.iconleftcolor, onClick: this.handleLeftIconClick.bind(this) })))), this.iconright && (index.h("span", { class: "right-icons" }, index.h("tttx-icon_1_0_1", { class: "right-icon", icon: this.iconright, color: this.iconrightcolor, onClick: this.handleRightIconClick.bind(this) })))), this.secondarylabel && index.h("span", { class: "secondarylabel" }, this.secondarylabel), this.showerrorbubble && (index.h("span", { class: ['errorBubble', this.showerrormsg && this.errormsg ? 'visible' : ''].join(' ') }, index.h("span", { class: "material-symbols-rounded" }, "warning"), " ", this.errormsg)))));
-  }
-};
-TttxInput.style = tttxStandaloneInputCss;
-
-exports.tttx_standalone_input_1_0_1 = TttxInput;

package/dist/components/tttx-checkbox-group-caption_1_0_1.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface TttxCheckboxGroupCaption_1_0_1 extends Components.TttxCheckboxGroupCaption_1_0_1, HTMLElement {}
-export const TttxCheckboxGroupCaption_1_0_1: {
-  prototype: TttxCheckboxGroupCaption_1_0_1;
-  new (): TttxCheckboxGroupCaption_1_0_1;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/tttx-checkbox-group-heading_1_0_1.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface TttxCheckboxGroupHeading_1_0_1 extends Components.TttxCheckboxGroupHeading_1_0_1, HTMLElement {}
-export const TttxCheckboxGroupHeading_1_0_1: {
-  prototype: TttxCheckboxGroupHeading_1_0_1;
-  new (): TttxCheckboxGroupHeading_1_0_1;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/tttx-checkbox-group_1_0_1.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface TttxCheckboxGroup_1_0_1 extends Components.TttxCheckboxGroup_1_0_1, HTMLElement {}
-export const TttxCheckboxGroup_1_0_1: {
-  prototype: TttxCheckboxGroup_1_0_1;
-  new (): TttxCheckboxGroup_1_0_1;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/tttx-data-pattern_1_0_1.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface TttxDataPattern_1_0_1 extends Components.TttxDataPattern_1_0_1, HTMLElement {}
-export const TttxDataPattern_1_0_1: {
-  prototype: TttxDataPattern_1_0_1;
-  new (): TttxDataPattern_1_0_1;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/tttx-keyvalue-block_1_0_1.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface TttxKeyvalueBlock_1_0_1 extends Components.TttxKeyvalueBlock_1_0_1, HTMLElement {}
-export const TttxKeyvalueBlock_1_0_1: {
-  prototype: TttxKeyvalueBlock_1_0_1;
-  new (): TttxKeyvalueBlock_1_0_1;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/tttx-loading-spinner_1_0_1.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface TttxLoadingSpinner_1_0_1 extends Components.TttxLoadingSpinner_1_0_1, HTMLElement {}
-export const TttxLoadingSpinner_1_0_1: {
-  prototype: TttxLoadingSpinner_1_0_1;
-  new (): TttxLoadingSpinner_1_0_1;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/tttx-multiselect-box_1_0_1.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface TttxMultiselectBox_1_0_1 extends Components.TttxMultiselectBox_1_0_1, HTMLElement {}
-export const TttxMultiselectBox_1_0_1: {
-  prototype: TttxMultiselectBox_1_0_1;
-  new (): TttxMultiselectBox_1_0_1;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/tttx-percentage-bar_1_0_1.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface TttxPercentageBar_1_0_1 extends Components.TttxPercentageBar_1_0_1, HTMLElement {}
-export const TttxPercentageBar_1_0_1: {
-  prototype: TttxPercentageBar_1_0_1;
-  new (): TttxPercentageBar_1_0_1;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/tttx-select-box_1_0_1.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface TttxSelectBox_1_0_1 extends Components.TttxSelectBox_1_0_1, HTMLElement {}
-export const TttxSelectBox_1_0_1: {
-  prototype: TttxSelectBox_1_0_1;
-  new (): TttxSelectBox_1_0_1;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/tttx-sorter_1_0_1.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface TttxSorter_1_0_1 extends Components.TttxSorter_1_0_1, HTMLElement {}
-export const TttxSorter_1_0_1: {
-  prototype: TttxSorter_1_0_1;
-  new (): TttxSorter_1_0_1;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/tttx-standalone-input_1_0_1.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface TttxStandaloneInput_1_0_1 extends Components.TttxStandaloneInput_1_0_1, HTMLElement {}
-export const TttxStandaloneInput_1_0_1: {
-  prototype: TttxStandaloneInput_1_0_1;
-  new (): TttxStandaloneInput_1_0_1;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/tttx-textarea_1_0_1.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface TttxTextarea_1_0_1 extends Components.TttxTextarea_1_0_1, HTMLElement {}
-export const TttxTextarea_1_0_1: {
-  prototype: TttxTextarea_1_0_1;
-  new (): TttxTextarea_1_0_1;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/tttx-tree-view_1_0_1.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface TttxTreeView_1_0_1 extends Components.TttxTreeView_1_0_1, HTMLElement {}
-export const TttxTreeView_1_0_1: {
-  prototype: TttxTreeView_1_0_1;
-  new (): TttxTreeView_1_0_1;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/esm/tttx-standalone-input_1_0_1.entry.js

@@ -1,90 +0,0 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-88bd2f60.js';
-
-const tttxStandaloneInputCss = ".material-symbols-rounded.sc-tttx-standalone-input_1_0_1{font-variation-settings:\"FILL\" 1, \"wght\" 400, \"GRAD\" 0, \"opsz\" 24}.material-symbols-rounded.sc-tttx-standalone-input_1_0_1{font-variation-settings:\"FILL\" 1, \"wght\" 400, \"GRAD\" 0, \"opsz\" 24}label.sc-tttx-standalone-input_1_0_1{font-weight:500;font-size:16px;line-height:18.752px;color:#212121}label.sc-tttx-standalone-input_1_0_1 .optional.sc-tttx-standalone-input_1_0_1{color:#757575;font-weight:normal}label.sc-tttx-standalone-input_1_0_1 .outer-container.sc-tttx-standalone-input_1_0_1{position:relative}label.sc-tttx-standalone-input_1_0_1 .outer-container.sc-tttx-standalone-input_1_0_1 .left-icons.sc-tttx-standalone-input_1_0_1,label.sc-tttx-standalone-input_1_0_1 .outer-container.sc-tttx-standalone-input_1_0_1 .right-icons.sc-tttx-standalone-input_1_0_1{display:flex;position:absolute;height:24px;gap:8px}label.sc-tttx-standalone-input_1_0_1 .outer-container.sc-tttx-standalone-input_1_0_1 .left-icons.sc-tttx-standalone-input_1_0_1 tttx-icon.sc-tttx-standalone-input_1_0_1,label.sc-tttx-standalone-input_1_0_1 .outer-container.sc-tttx-standalone-input_1_0_1 .right-icons.sc-tttx-standalone-input_1_0_1 tttx-icon.sc-tttx-standalone-input_1_0_1{height:24px;width:24px}label.sc-tttx-standalone-input_1_0_1 .outer-container.sc-tttx-standalone-input_1_0_1 .left-icons.sc-tttx-standalone-input_1_0_1{left:8px}label.sc-tttx-standalone-input_1_0_1 .outer-container.sc-tttx-standalone-input_1_0_1 .right-icons.sc-tttx-standalone-input_1_0_1{right:8px}label.sc-tttx-standalone-input_1_0_1 .outer-container.sc-tttx-standalone-input_1_0_1 input.sc-tttx-standalone-input_1_0_1,label.sc-tttx-standalone-input_1_0_1 .outer-container.sc-tttx-standalone-input_1_0_1 textarea.sc-tttx-standalone-input_1_0_1{color:#212121;box-sizing:border-box;border:1px solid #d5d5d5;border-radius:4px;padding:0;padding-left:16px;padding-right:16px;margin-top:4px}label.sc-tttx-standalone-input_1_0_1 .outer-container.sc-tttx-standalone-input_1_0_1 input.has-input-icon.sc-tttx-standalone-input_1_0_1,label.sc-tttx-standalone-input_1_0_1 .outer-container.sc-tttx-standalone-input_1_0_1 textarea.has-input-icon.sc-tttx-standalone-input_1_0_1{padding-left:40px}label.sc-tttx-standalone-input_1_0_1 .outer-container.sc-tttx-standalone-input_1_0_1 input.has-input-icon.has-left-icon.sc-tttx-standalone-input_1_0_1,label.sc-tttx-standalone-input_1_0_1 .outer-container.sc-tttx-standalone-input_1_0_1 textarea.has-input-icon.has-left-icon.sc-tttx-standalone-input_1_0_1{padding-left:72px}label.sc-tttx-standalone-input_1_0_1 .outer-container.sc-tttx-standalone-input_1_0_1 input.has-left-icon.sc-tttx-standalone-input_1_0_1,label.sc-tttx-standalone-input_1_0_1 .outer-container.sc-tttx-standalone-input_1_0_1 textarea.has-left-icon.sc-tttx-standalone-input_1_0_1{padding-left:40px}label.sc-tttx-standalone-input_1_0_1 .outer-container.sc-tttx-standalone-input_1_0_1 input.has-right-icon.sc-tttx-standalone-input_1_0_1,label.sc-tttx-standalone-input_1_0_1 .outer-container.sc-tttx-standalone-input_1_0_1 textarea.has-right-icon.sc-tttx-standalone-input_1_0_1{padding-right:40px}label.sc-tttx-standalone-input_1_0_1 .outer-container.sc-tttx-standalone-input_1_0_1 input.invalid.sc-tttx-standalone-input_1_0_1,label.sc-tttx-standalone-input_1_0_1 .outer-container.sc-tttx-standalone-input_1_0_1 textarea.invalid.sc-tttx-standalone-input_1_0_1{border:1px solid #dc0000}label.sc-tttx-standalone-input_1_0_1 .outer-container.sc-tttx-standalone-input_1_0_1 input.sc-tttx-standalone-input_1_0_1:not([type=submit]),label.sc-tttx-standalone-input_1_0_1 .outer-container.sc-tttx-standalone-input_1_0_1 textarea.sc-tttx-standalone-input_1_0_1:not([type=submit]){font-family:\"Roboto\", serif;width:100%;height:36px;font-size:16px;line-height:18.752px}label.sc-tttx-standalone-input_1_0_1 .outer-container.sc-tttx-standalone-input_1_0_1 input[type=radio].sc-tttx-standalone-input_1_0_1,label.sc-tttx-standalone-input_1_0_1 .outer-container.sc-tttx-standalone-input_1_0_1 textarea[type=radio].sc-tttx-standalone-input_1_0_1{width:20px;height:20px}label.sc-tttx-standalone-input_1_0_1 .outer-container.sc-tttx-standalone-input_1_0_1 input[type=date].sc-tttx-standalone-input_1_0_1,label.sc-tttx-standalone-input_1_0_1 .outer-container.sc-tttx-standalone-input_1_0_1 textarea[type=date].sc-tttx-standalone-input_1_0_1{background:white;display:block;min-width:calc(100% - 18px);line-height:37px}label.sc-tttx-standalone-input_1_0_1 .outer-container.sc-tttx-standalone-input_1_0_1 input[readonly].sc-tttx-standalone-input_1_0_1,label.sc-tttx-standalone-input_1_0_1 .outer-container.sc-tttx-standalone-input_1_0_1 textarea[readonly].sc-tttx-standalone-input_1_0_1{cursor:default;pointer-events:none;user-select:none;color:gray}label.sc-tttx-standalone-input_1_0_1 .outer-container.sc-tttx-standalone-input_1_0_1 input.sc-tttx-standalone-input_1_0_1:focus,label.sc-tttx-standalone-input_1_0_1 .outer-container.sc-tttx-standalone-input_1_0_1 textarea.sc-tttx-standalone-input_1_0_1:focus{border-color:#1479c6}label.sc-tttx-standalone-input_1_0_1 .outer-container.sc-tttx-standalone-input_1_0_1 input.sc-tttx-standalone-input_1_0_1:focus-visible,label.sc-tttx-standalone-input_1_0_1 .outer-container.sc-tttx-standalone-input_1_0_1 textarea.sc-tttx-standalone-input_1_0_1:focus-visible{outline:none}label.sc-tttx-standalone-input_1_0_1 .outer-container.sc-tttx-standalone-input_1_0_1 textarea.sc-tttx-standalone-input_1_0_1{padding:8px;height:auto;min-height:100px;resize:vertical}label.sc-tttx-standalone-input_1_0_1 .outer-container.inputBlock.sc-tttx-standalone-input_1_0_1{display:flex;align-items:center;line-height:21px}label.sc-tttx-standalone-input_1_0_1 .outer-container.inputBlock.sc-tttx-standalone-input_1_0_1 .left-icons.sc-tttx-standalone-input_1_0_1,label.sc-tttx-standalone-input_1_0_1 .outer-container.inputBlock.sc-tttx-standalone-input_1_0_1 .right-icons.sc-tttx-standalone-input_1_0_1{margin-top:4px}label.sc-tttx-standalone-input_1_0_1 .outer-container.inputBlock.readonly.sc-tttx-standalone-input_1_0_1{pointer-events:none;user-select:none;color:gray}label.sc-tttx-standalone-input_1_0_1 .outer-container.inputBlock.radioBlock.sc-tttx-standalone-input_1_0_1{display:block}label.sc-tttx-standalone-input_1_0_1 .outer-container.inputInline.sc-tttx-standalone-input_1_0_1{display:flex;white-space:nowrap;align-items:center;margin:0}label.sc-tttx-standalone-input_1_0_1 .outer-container.inputInline.sc-tttx-standalone-input_1_0_1 input.sc-tttx-standalone-input_1_0_1{margin-top:0}label.sc-tttx-standalone-input_1_0_1 .secondarylabel.sc-tttx-standalone-input_1_0_1{color:#757575;font-size:14px;line-height:16.408px;font-weight:normal;display:flex;margin-top:4px}label.sc-tttx-standalone-input_1_0_1 .errorBubble.sc-tttx-standalone-input_1_0_1{position:relative;font-size:14px;line-height:16.408px;font-weight:normal;width:100%;font-family:\"Roboto\", sans-serif;color:#dc0000;display:flex;align-content:center;align-items:center;justify-items:center;margin-top:4px}label.sc-tttx-standalone-input_1_0_1 .errorBubble.sc-tttx-standalone-input_1_0_1:not(.visible){display:none}label.sc-tttx-standalone-input_1_0_1 .errorBubble.sc-tttx-standalone-input_1_0_1 span.sc-tttx-standalone-input_1_0_1{color:#dc0000;font-size:16px;margin-right:4px}.material-symbols-rounded.sc-tttx-standalone-input_1_0_1{font-family:\"Material Symbols Rounded\", sans-serif;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;color:#9e9e9e}.sc-tttx-standalone-input_1_0_1-h{display:block}";
-
-const TttxInput = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.valueChanged = createEvent(this, "valueChanged", 7);
-    this.focusChanged = createEvent(this, "focusChanged", 7);
-    this.blurChanged = createEvent(this, "blurChanged", 7);
-    this.invalidChanged = createEvent(this, "invalidChanged", 7);
-    this.inputIconClick = createEvent(this, "inputIconClick", 7);
-    this.leftIconClick = createEvent(this, "leftIconClick", 7);
-    this.rightIconClick = createEvent(this, "rightIconClick", 7);
-    this.label = undefined;
-    this.secondarylabel = undefined;
-    this.showerrormsg = undefined;
-    this.showerrorbubble = true;
-    this.errormsg = undefined;
-    this.iconleft = undefined;
-    this.iconleftcolor = 'grey';
-    this.iconright = undefined;
-    this.iconrightcolor = 'grey';
-    this.inputicon = undefined;
-    this.inputiconcolor = 'grey';
-    this.inline = undefined;
-    this.inputautocapitalize = undefined;
-    this.inputautofocus = undefined;
-    this.inputkeyhint = undefined;
-    this.inputindex = undefined;
-    this.inputtitle = undefined;
-    this.autocomplete = undefined;
-    this.checked = undefined;
-    this.disabled = undefined;
-    this.max = undefined;
-    this.maxlength = undefined;
-    this.min = undefined;
-    this.minlength = undefined;
-    this.name = undefined;
-    this.pattern = undefined;
-    this.placeholder = undefined;
-    this.readonly = undefined;
-    this.required = undefined;
-    this.step = undefined;
-    this.type = 'text';
-    this.value = undefined;
-  }
-  handleChange(event) {
-    const target = event.target;
-    this.value = target.value;
-    this.valueChanged.emit(target.value);
-  }
-  handleFocus(event) {
-    const target = event.target;
-    this.focusChanged.emit(target.value);
-  }
-  handleBlur(event) {
-    const target = event.target;
-    this.blurChanged.emit(target.value);
-  }
-  handleInvalid(event) {
-    event.preventDefault();
-    const target = event.target;
-    this.invalidChanged.emit(target.value);
-  }
-  handleInputIconClick(event) {
-    event.preventDefault();
-    this.inputIconClick.emit();
-  }
-  handleLeftIconClick(event) {
-    event.preventDefault();
-    this.leftIconClick.emit();
-  }
-  handleRightIconClick(event) {
-    event.preventDefault();
-    this.rightIconClick.emit();
-  }
-  render() {
-    const classNames = [
-      this.showerrormsg ? 'invalid' : '',
-      this.inputicon ? 'has-input-icon' : '',
-      this.iconleft ? 'has-left-icon' : '',
-      this.iconright ? 'has-right-icon' : '',
-    ].join(' ');
-    return (h(Host, null, h("label", null, this.label, !this.required ? h("span", { class: "optional" }, "\u00A0(optional)") : '', h("div", { class: ['outer-container', this.inline ? 'inputInline' : 'inputBlock'].join(' ') }, h("input", { class: classNames, autocapitalize: this.inputautocapitalize, autofocus: this.inputautofocus, enterkeyhint: this.inputkeyhint, tabindex: this.inputindex, title: this.inputtitle, autocomplete: this.autocomplete, checked: this.checked, disabled: this.disabled, max: this.max, maxlength: this.maxlength, min: this.min, minlength: this.minlength, name: this.name, pattern: this.pattern, placeholder: this.placeholder, readonly: this.readonly, required: this.required, step: this.step, type: this.type, value: this.value, onBlur: this.handleBlur.bind(this), onFocus: this.handleFocus.bind(this), onInput: this.handleChange.bind(this), onInvalid: this.handleInvalid.bind(this) }), (this.inputicon || this.iconleft) && (h("span", { class: "left-icons" }, this.inputicon && (h("tttx-icon_1_0_1", { class: "input-icon", icon: this.inputicon, color: this.inputiconcolor, onClick: this.handleInputIconClick.bind(this) })), this.iconleft && (h("tttx-icon_1_0_1", { class: "left-icon", icon: this.iconleft, color: this.iconleftcolor, onClick: this.handleLeftIconClick.bind(this) })))), this.iconright && (h("span", { class: "right-icons" }, h("tttx-icon_1_0_1", { class: "right-icon", icon: this.iconright, color: this.iconrightcolor, onClick: this.handleRightIconClick.bind(this) })))), this.secondarylabel && h("span", { class: "secondarylabel" }, this.secondarylabel), this.showerrorbubble && (h("span", { class: ['errorBubble', this.showerrormsg && this.errormsg ? 'visible' : ''].join(' ') }, h("span", { class: "material-symbols-rounded" }, "warning"), " ", this.errormsg)))));
-  }
-};
-TttxInput.style = tttxStandaloneInputCss;
-
-export { TttxInput as tttx_standalone_input_1_0_1 };

package/dist/tttx/p-88ee2406.js

@@ -1,3 +0,0 @@
-import{c as t,a as e}from"./p-112455b1.js";var n=t((function(t){
-/*! @license DOMPurify 3.0.6 | (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.6/LICENSE */
-t.exports=function(){const{entries:t,setPrototypeOf:e,isFrozen:n,getPrototypeOf:i,getOwnPropertyDescriptor:o}=Object;let{freeze:r,seal:a,create:l}=Object,{apply:s,construct:c}="undefined"!=typeof Reflect&&Reflect;r||(r=function(t){return t}),a||(a=function(t){return t}),s||(s=function(t,e,n){return t.apply(e,n)}),c||(c=function(t,e){return new t(...e)});const u=T(Array.prototype.forEach),f=T(Array.prototype.pop),m=T(Array.prototype.push),p=T(String.prototype.toLowerCase),d=T(String.prototype.toString),g=T(String.prototype.match),h=T(String.prototype.replace),y=T(String.prototype.indexOf),b=T(String.prototype.trim),w=T(RegExp.prototype.test),x=(v=TypeError,function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return c(v,e)});var v;function T(t){return function(e){for(var n=arguments.length,i=new Array(n>1?n-1:0),o=1;o<n;o++)i[o-1]=arguments[o];return s(t,e,i)}}function k(t,i){let o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:p;e&&e(t,null);let r=i.length;for(;r--;){let e=i[r];if("string"==typeof e){const t=o(e);t!==e&&(n(i)||(i[r]=t),e=t)}t[e]=!0}return t}function A(e){const n=l(null);for(const[i,r]of t(e))void 0!==o(e,i)&&(n[i]=r);return n}function E(t,e){for(;null!==t;){const n=o(t,e);if(n){if(n.get)return T(n.get);if("function"==typeof n.value)return T(n.value)}t=i(t)}return function(t){return console.warn("fallback value for",t),null}}const S=r(["a","abbr","acronym","address","area","article","aside","audio","b","bdi","bdo","big","blink","blockquote","body","br","button","canvas","caption","center","cite","code","col","colgroup","content","data","datalist","dd","decorator","del","details","dfn","dialog","dir","div","dl","dt","element","em","fieldset","figcaption","figure","font","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","img","input","ins","kbd","label","legend","li","main","map","mark","marquee","menu","menuitem","meter","nav","nobr","ol","optgroup","option","output","p","picture","pre","progress","q","rp","rt","ruby","s","samp","section","select","shadow","small","source","spacer","span","strike","strong","style","sub","summary","sup","table","tbody","td","template","textarea","tfoot","th","thead","time","tr","track","tt","u","ul","var","video","wbr"]),R=r(["svg","a","altglyph","altglyphdef","altglyphitem","animatecolor","animatemotion","animatetransform","circle","clippath","defs","desc","ellipse","filter","font","g","glyph","glyphref","hkern","image","line","lineargradient","marker","mask","metadata","mpath","path","pattern","polygon","polyline","radialgradient","rect","stop","style","switch","symbol","text","textpath","title","tref","tspan","view","vkern"]),_=r(["feBlend","feColorMatrix","feComponentTransfer","feComposite","feConvolveMatrix","feDiffuseLighting","feDisplacementMap","feDistantLight","feDropShadow","feFlood","feFuncA","feFuncB","feFuncG","feFuncR","feGaussianBlur","feImage","feMerge","feMergeNode","feMorphology","feOffset","fePointLight","feSpecularLighting","feSpotLight","feTile","feTurbulence"]),D=r(["animate","color-profile","cursor","discard","font-face","font-face-format","font-face-name","font-face-src","font-face-uri","foreignobject","hatch","hatchpath","mesh","meshgradient","meshpatch","meshrow","missing-glyph","script","set","solidcolor","unknown","use"]),L=r(["math","menclose","merror","mfenced","mfrac","mglyph","mi","mlabeledtr","mmultiscripts","mn","mo","mover","mpadded","mphantom","mroot","mrow","ms","mspace","msqrt","mstyle","msub","msup","msubsup","mtable","mtd","mtext","mtr","munder","munderover","mprescripts"]),z=r(["maction","maligngroup","malignmark","mlongdiv","mscarries","mscarry","msgroup","mstack","msline","msrow","semantics","annotation","annotation-xml","mprescripts","none"]),I=r(["#text"]),O=r(["accept","action","align","alt","autocapitalize","autocomplete","autopictureinpicture","autoplay","background","bgcolor","border","capture","cellpadding","cellspacing","checked","cite","class","clear","color","cols","colspan","controls","controlslist","coords","crossorigin","datetime","decoding","default","dir","disabled","disablepictureinpicture","disableremoteplayback","download","draggable","enctype","enterkeyhint","face","for","headers","height","hidden","high","href","hreflang","id","inputmode","integrity","ismap","kind","label","lang","list","loading","loop","low","max","maxlength","media","method","min","minlength","multiple","muted","name","nonce","noshade","novalidate","nowrap","open","optimum","pattern","placeholder","playsinline","poster","preload","pubdate","radiogroup","readonly","rel","required","rev","reversed","role","rows","rowspan","spellcheck","scope","selected","shape","size","sizes","span","srclang","start","src","srcset","step","style","summary","tabindex","title","translate","type","usemap","valign","value","width","xmlns","slot"]),M=r(["accent-height","accumulate","additive","alignment-baseline","ascent","attributename","attributetype","azimuth","basefrequency","baseline-shift","begin","bias","by","class","clip","clippathunits","clip-path","clip-rule","color","color-interpolation","color-interpolation-filters","color-profile","color-rendering","cx","cy","d","dx","dy","diffuseconstant","direction","display","divisor","dur","edgemode","elevation","end","fill","fill-opacity","fill-rule","filter","filterunits","flood-color","flood-opacity","font-family","font-size","font-size-adjust","font-stretch","font-style","font-variant","font-weight","fx","fy","g1","g2","glyph-name","glyphref","gradientunits","gradienttransform","height","href","id","image-rendering","in","in2","k","k1","k2","k3","k4","kerning","keypoints","keysplines","keytimes","lang","lengthadjust","letter-spacing","kernelmatrix","kernelunitlength","lighting-color","local","marker-end","marker-mid","marker-start","markerheight","markerunits","markerwidth","maskcontentunits","maskunits","max","mask","media","method","mode","min","name","numoctaves","offset","operator","opacity","order","orient","orientation","origin","overflow","paint-order","path","pathlength","patterncontentunits","patterntransform","patternunits","points","preservealpha","preserveaspectratio","primitiveunits","r","rx","ry","radius","refx","refy","repeatcount","repeatdur","restart","result","rotate","scale","seed","shape-rendering","specularconstant","specularexponent","spreadmethod","startoffset","stddeviation","stitchtiles","stop-color","stop-opacity","stroke-dasharray","stroke-dashoffset","stroke-linecap","stroke-linejoin","stroke-miterlimit","stroke-opacity","stroke","stroke-width","style","surfacescale","systemlanguage","tabindex","targetx","targety","transform","transform-origin","text-anchor","text-decoration","text-rendering","textlength","type","u1","u2","unicode","values","viewbox","visibility","version","vert-adv-y","vert-origin-x","vert-origin-y","width","word-spacing","wrap","writing-mode","xchannelselector","ychannelselector","x","x1","x2","xmlns","y","y1","y2","z","zoomandpan"]),N=r(["accent","accentunder","align","bevelled","close","columnsalign","columnlines","columnspan","denomalign","depth","dir","display","displaystyle","encoding","fence","frame","height","href","id","largeop","length","linethickness","lspace","lquote","mathbackground","mathcolor","mathsize","mathvariant","maxsize","minsize","movablelimits","notation","numalign","open","rowalign","rowlines","rowspacing","rowspan","rspace","rquote","scriptlevel","scriptminsize","scriptsizemultiplier","selection","separator","separators","stretchy","subscriptshift","supscriptshift","symmetric","voffset","width","xmlns"]),F=r(["xlink:href","xml:id","xlink:title","xml:space","xmlns:xlink"]),P=a(/\{\{[\w\W]*|[\w\W]*\}\}/gm),C=a(/<%[\w\W]*|[\w\W]*%>/gm),B=a(/\${[\w\W]*}/gm),U=a(/^data-[\-\w.\u00B7-\uFFFF]/),j=a(/^aria-[\-\w]+$/),W=a(/^(?:(?:(?:f|ht)tps?|mailto|tel|callto|sms|cid|xmpp):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i),H=a(/^(?:\w+script|data):/i),q=a(/[\u0000-\u0020\u00A0\u1680\u180E\u2000-\u2029\u205F\u3000]/g),Y=a(/^html$/i);var G=Object.freeze({__proto__:null,MUSTACHE_EXPR:P,ERB_EXPR:C,TMPLIT_EXPR:B,DATA_ATTR:U,ARIA_ATTR:j,IS_ALLOWED_URI:W,IS_SCRIPT_OR_DATA:H,ATTR_WHITESPACE:q,DOCTYPE_NAME:Y});const X=function(){return"undefined"==typeof window?null:window},$=function(t,e){if("object"!=typeof t||"function"!=typeof t.createPolicy)return null;let n=null;const i="data-tt-policy-suffix";e&&e.hasAttribute(i)&&(n=e.getAttribute(i));const o="dompurify"+(n?"#"+n:"");try{return t.createPolicy(o,{createHTML:t=>t,createScriptURL:t=>t})}catch(t){return console.warn("TrustedTypes policy "+o+" could not be created."),null}};var V=function e(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:X();const i=t=>e(t);if(i.version="3.0.6",i.removed=[],!n||!n.document||9!==n.document.nodeType)return i.isSupported=!1,i;let{document:o}=n;const a=o,s=a.currentScript,{DocumentFragment:c,HTMLTemplateElement:v,Node:T,Element:P,NodeFilter:C,NamedNodeMap:B=n.NamedNodeMap||n.MozNamedAttrMap,HTMLFormElement:U,DOMParser:j,trustedTypes:H}=n,q=P.prototype,V=E(q,"cloneNode"),J=E(q,"nextSibling"),K=E(q,"childNodes"),Q=E(q,"parentNode");if("function"==typeof v){const t=o.createElement("template");t.content&&t.content.ownerDocument&&(o=t.content.ownerDocument)}let Z,tt="";const{implementation:et,createNodeIterator:nt,createDocumentFragment:it,getElementsByTagName:ot}=o,{importNode:rt}=a;let at={};i.isSupported="function"==typeof t&&"function"==typeof Q&&et&&void 0!==et.createHTMLDocument;const{MUSTACHE_EXPR:lt,ERB_EXPR:st,TMPLIT_EXPR:ct,DATA_ATTR:ut,ARIA_ATTR:ft,IS_SCRIPT_OR_DATA:mt,ATTR_WHITESPACE:pt}=G;let{IS_ALLOWED_URI:dt}=G,gt=null;const ht=k({},[...S,...R,..._,...L,...I]);let yt=null;const bt=k({},[...O,...M,...N,...F]);let wt=Object.seal(l(null,{tagNameCheck:{writable:!0,configurable:!1,enumerable:!0,value:null},attributeNameCheck:{writable:!0,configurable:!1,enumerable:!0,value:null},allowCustomizedBuiltInElements:{writable:!0,configurable:!1,enumerable:!0,value:!1}})),xt=null,vt=null,Tt=!0,kt=!0,At=!1,Et=!0,St=!1,Rt=!1,_t=!1,Dt=!1,Lt=!1,zt=!1,It=!1,Ot=!0,Mt=!1;const Nt="user-content-";let Ft=!0,Pt=!1,Ct={},Bt=null;const Ut=k({},["annotation-xml","audio","colgroup","desc","foreignobject","head","iframe","math","mi","mn","mo","ms","mtext","noembed","noframes","noscript","plaintext","script","style","svg","template","thead","title","video","xmp"]);let jt=null;const Wt=k({},["audio","video","img","source","image","track"]);let Ht=null;const qt=k({},["alt","class","for","id","label","name","pattern","placeholder","role","summary","title","value","style","xmlns"]),Yt="http://www.w3.org/1998/Math/MathML",Gt="http://www.w3.org/2000/svg",Xt="http://www.w3.org/1999/xhtml";let $t=Xt,Vt=!1,Jt=null;const Kt=k({},[Yt,Gt,Xt],d);let Qt=null;const Zt=["application/xhtml+xml","text/html"],te="text/html";let ee=null,ne=null;const ie=o.createElement("form"),oe=function(t){return t instanceof RegExp||t instanceof Function},re=function(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if(!ne||ne!==t){if(t&&"object"==typeof t||(t={}),t=A(t),Qt=Qt=-1===Zt.indexOf(t.PARSER_MEDIA_TYPE)?te:t.PARSER_MEDIA_TYPE,ee="application/xhtml+xml"===Qt?d:p,gt="ALLOWED_TAGS"in t?k({},t.ALLOWED_TAGS,ee):ht,yt="ALLOWED_ATTR"in t?k({},t.ALLOWED_ATTR,ee):bt,Jt="ALLOWED_NAMESPACES"in t?k({},t.ALLOWED_NAMESPACES,d):Kt,Ht="ADD_URI_SAFE_ATTR"in t?k(A(qt),t.ADD_URI_SAFE_ATTR,ee):qt,jt="ADD_DATA_URI_TAGS"in t?k(A(Wt),t.ADD_DATA_URI_TAGS,ee):Wt,Bt="FORBID_CONTENTS"in t?k({},t.FORBID_CONTENTS,ee):Ut,xt="FORBID_TAGS"in t?k({},t.FORBID_TAGS,ee):{},vt="FORBID_ATTR"in t?k({},t.FORBID_ATTR,ee):{},Ct="USE_PROFILES"in t&&t.USE_PROFILES,Tt=!1!==t.ALLOW_ARIA_ATTR,kt=!1!==t.ALLOW_DATA_ATTR,At=t.ALLOW_UNKNOWN_PROTOCOLS||!1,Et=!1!==t.ALLOW_SELF_CLOSE_IN_ATTR,St=t.SAFE_FOR_TEMPLATES||!1,Rt=t.WHOLE_DOCUMENT||!1,Lt=t.RETURN_DOM||!1,zt=t.RETURN_DOM_FRAGMENT||!1,It=t.RETURN_TRUSTED_TYPE||!1,Dt=t.FORCE_BODY||!1,Ot=!1!==t.SANITIZE_DOM,Mt=t.SANITIZE_NAMED_PROPS||!1,Ft=!1!==t.KEEP_CONTENT,Pt=t.IN_PLACE||!1,dt=t.ALLOWED_URI_REGEXP||W,$t=t.NAMESPACE||Xt,wt=t.CUSTOM_ELEMENT_HANDLING||{},t.CUSTOM_ELEMENT_HANDLING&&oe(t.CUSTOM_ELEMENT_HANDLING.tagNameCheck)&&(wt.tagNameCheck=t.CUSTOM_ELEMENT_HANDLING.tagNameCheck),t.CUSTOM_ELEMENT_HANDLING&&oe(t.CUSTOM_ELEMENT_HANDLING.attributeNameCheck)&&(wt.attributeNameCheck=t.CUSTOM_ELEMENT_HANDLING.attributeNameCheck),t.CUSTOM_ELEMENT_HANDLING&&"boolean"==typeof t.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements&&(wt.allowCustomizedBuiltInElements=t.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements),St&&(kt=!1),zt&&(Lt=!0),Ct&&(gt=k({},[...I]),yt=[],!0===Ct.html&&(k(gt,S),k(yt,O)),!0===Ct.svg&&(k(gt,R),k(yt,M),k(yt,F)),!0===Ct.svgFilters&&(k(gt,_),k(yt,M),k(yt,F)),!0===Ct.mathMl&&(k(gt,L),k(yt,N),k(yt,F))),t.ADD_TAGS&&(gt===ht&&(gt=A(gt)),k(gt,t.ADD_TAGS,ee)),t.ADD_ATTR&&(yt===bt&&(yt=A(yt)),k(yt,t.ADD_ATTR,ee)),t.ADD_URI_SAFE_ATTR&&k(Ht,t.ADD_URI_SAFE_ATTR,ee),t.FORBID_CONTENTS&&(Bt===Ut&&(Bt=A(Bt)),k(Bt,t.FORBID_CONTENTS,ee)),Ft&&(gt["#text"]=!0),Rt&&k(gt,["html","head","body"]),gt.table&&(k(gt,["tbody"]),delete xt.tbody),t.TRUSTED_TYPES_POLICY){if("function"!=typeof t.TRUSTED_TYPES_POLICY.createHTML)throw x('TRUSTED_TYPES_POLICY configuration option must provide a "createHTML" hook.');if("function"!=typeof t.TRUSTED_TYPES_POLICY.createScriptURL)throw x('TRUSTED_TYPES_POLICY configuration option must provide a "createScriptURL" hook.');Z=t.TRUSTED_TYPES_POLICY,tt=Z.createHTML("")}else void 0===Z&&(Z=$(H,s)),null!==Z&&"string"==typeof tt&&(tt=Z.createHTML(""));r&&r(t),ne=t}},ae=k({},["mi","mo","mn","ms","mtext"]),le=k({},["foreignobject","desc","title","annotation-xml"]),se=k({},["title","style","font","a","script"]),ce=k({},R);k(ce,_),k(ce,D);const ue=k({},L);k(ue,z);const fe=function(t){let e=Q(t);e&&e.tagName||(e={namespaceURI:$t,tagName:"template"});const n=p(t.tagName),i=p(e.tagName);return!!Jt[t.namespaceURI]&&(t.namespaceURI===Gt?e.namespaceURI===Xt?"svg"===n:e.namespaceURI===Yt?"svg"===n&&("annotation-xml"===i||ae[i]):Boolean(ce[n]):t.namespaceURI===Yt?e.namespaceURI===Xt?"math"===n:e.namespaceURI===Gt?"math"===n&&le[i]:Boolean(ue[n]):t.namespaceURI===Xt?!(e.namespaceURI===Gt&&!le[i])&&!(e.namespaceURI===Yt&&!ae[i])&&!ue[n]&&(se[n]||!ce[n]):!("application/xhtml+xml"!==Qt||!Jt[t.namespaceURI]))},me=function(t){m(i.removed,{element:t});try{t.parentNode.removeChild(t)}catch(e){t.remove()}},pe=function(t,e){try{m(i.removed,{attribute:e.getAttributeNode(t),from:e})}catch(t){m(i.removed,{attribute:null,from:e})}if(e.removeAttribute(t),"is"===t&&!yt[t])if(Lt||zt)try{me(e)}catch(t){}else try{e.setAttribute(t,"")}catch(t){}},de=function(t){let e=null,n=null;if(Dt)t="<remove></remove>"+t;else{const e=g(t,/^[\r\n\t ]+/);n=e&&e[0]}"application/xhtml+xml"===Qt&&$t===Xt&&(t='<html xmlns="http://www.w3.org/1999/xhtml"><head></head><body>'+t+"</body></html>");const i=Z?Z.createHTML(t):t;if($t===Xt)try{e=(new j).parseFromString(i,Qt)}catch(t){}if(!e||!e.documentElement){e=et.createDocument($t,"template",null);try{e.documentElement.innerHTML=Vt?tt:i}catch(t){}}const r=e.body||e.documentElement;return t&&n&&r.insertBefore(o.createTextNode(n),r.childNodes[0]||null),$t===Xt?ot.call(e,Rt?"html":"body")[0]:Rt?e.documentElement:r},ge=function(t){return nt.call(t.ownerDocument||t,t,C.SHOW_ELEMENT|C.SHOW_COMMENT|C.SHOW_TEXT,null)},he=function(t){return t instanceof U&&("string"!=typeof t.nodeName||"string"!=typeof t.textContent||"function"!=typeof t.removeChild||!(t.attributes instanceof B)||"function"!=typeof t.removeAttribute||"function"!=typeof t.setAttribute||"string"!=typeof t.namespaceURI||"function"!=typeof t.insertBefore||"function"!=typeof t.hasChildNodes)},ye=function(t){return"function"==typeof T&&t instanceof T},be=function(t,e,n){at[t]&&u(at[t],(t=>{t.call(i,e,n,ne)}))},we=function(t){let e=null;if(be("beforeSanitizeElements",t,null),he(t))return me(t),!0;const n=ee(t.nodeName);if(be("uponSanitizeElement",t,{tagName:n,allowedTags:gt}),t.hasChildNodes()&&!ye(t.firstElementChild)&&w(/<[/\w]/g,t.innerHTML)&&w(/<[/\w]/g,t.textContent))return me(t),!0;if(!gt[n]||xt[n]){if(!xt[n]&&ve(n)){if(wt.tagNameCheck instanceof RegExp&&w(wt.tagNameCheck,n))return!1;if(wt.tagNameCheck instanceof Function&&wt.tagNameCheck(n))return!1}if(Ft&&!Bt[n]){const e=Q(t)||t.parentNode,n=K(t)||t.childNodes;if(n&&e)for(let i=n.length-1;i>=0;--i)e.insertBefore(V(n[i],!0),J(t))}return me(t),!0}return t instanceof P&&!fe(t)?(me(t),!0):"noscript"!==n&&"noembed"!==n&&"noframes"!==n||!w(/<\/no(script|embed|frames)/i,t.innerHTML)?(St&&3===t.nodeType&&(e=t.textContent,u([lt,st,ct],(t=>{e=h(e,t," ")})),t.textContent!==e&&(m(i.removed,{element:t.cloneNode()}),t.textContent=e)),be("afterSanitizeElements",t,null),!1):(me(t),!0)},xe=function(t,e,n){if(Ot&&("id"===e||"name"===e)&&(n in o||n in ie))return!1;if(kt&&!vt[e]&&w(ut,e));else if(Tt&&w(ft,e));else if(!yt[e]||vt[e]){if(!(ve(t)&&(wt.tagNameCheck instanceof RegExp&&w(wt.tagNameCheck,t)||wt.tagNameCheck instanceof Function&&wt.tagNameCheck(t))&&(wt.attributeNameCheck instanceof RegExp&&w(wt.attributeNameCheck,e)||wt.attributeNameCheck instanceof Function&&wt.attributeNameCheck(e))||"is"===e&&wt.allowCustomizedBuiltInElements&&(wt.tagNameCheck instanceof RegExp&&w(wt.tagNameCheck,n)||wt.tagNameCheck instanceof Function&&wt.tagNameCheck(n))))return!1}else if(Ht[e]);else if(w(dt,h(n,pt,"")));else if("src"!==e&&"xlink:href"!==e&&"href"!==e||"script"===t||0!==y(n,"data:")||!jt[t])if(At&&!w(mt,h(n,pt,"")));else if(n)return!1;return!0},ve=function(t){return t.indexOf("-")>0},Te=function(t){be("beforeSanitizeAttributes",t,null);const{attributes:e}=t;if(!e)return;const n={attrName:"",attrValue:"",keepAttr:!0,allowedAttributes:yt};let o=e.length;for(;o--;){const r=e[o],{name:a,namespaceURI:l,value:s}=r,c=ee(a);let m="value"===a?s:b(s);if(n.attrName=c,n.attrValue=m,n.keepAttr=!0,n.forceKeepAttr=void 0,be("uponSanitizeAttribute",t,n),m=n.attrValue,n.forceKeepAttr)continue;if(pe(a,t),!n.keepAttr)continue;if(!Et&&w(/\/>/i,m)){pe(a,t);continue}St&&u([lt,st,ct],(t=>{m=h(m,t," ")}));const p=ee(t.nodeName);if(xe(p,c,m)){if(!Mt||"id"!==c&&"name"!==c||(pe(a,t),m=Nt+m),Z&&"object"==typeof H&&"function"==typeof H.getAttributeType)if(l);else switch(H.getAttributeType(p,c)){case"TrustedHTML":m=Z.createHTML(m);break;case"TrustedScriptURL":m=Z.createScriptURL(m)}try{l?t.setAttributeNS(l,a,m):t.setAttribute(a,m),f(i.removed)}catch(t){}}}be("afterSanitizeAttributes",t,null)},ke=function t(e){let n=null;const i=ge(e);for(be("beforeSanitizeShadowDOM",e,null);n=i.nextNode();)be("uponSanitizeShadowNode",n,null),we(n)||(n.content instanceof c&&t(n.content),Te(n));be("afterSanitizeShadowDOM",e,null)};return i.sanitize=function(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=null,o=null,r=null,l=null;if(Vt=!t,Vt&&(t="\x3c!--\x3e"),"string"!=typeof t&&!ye(t)){if("function"!=typeof t.toString)throw x("toString is not a function");if("string"!=typeof(t=t.toString()))throw x("dirty is not a string, aborting")}if(!i.isSupported)return t;if(_t||re(e),i.removed=[],"string"==typeof t&&(Pt=!1),Pt){if(t.nodeName){const e=ee(t.nodeName);if(!gt[e]||xt[e])throw x("root node is forbidden and cannot be sanitized in-place")}}else if(t instanceof T)n=de("\x3c!----\x3e"),o=n.ownerDocument.importNode(t,!0),1===o.nodeType&&"BODY"===o.nodeName||"HTML"===o.nodeName?n=o:n.appendChild(o);else{if(!Lt&&!St&&!Rt&&-1===t.indexOf("<"))return Z&&It?Z.createHTML(t):t;if(n=de(t),!n)return Lt?null:It?tt:""}n&&Dt&&me(n.firstChild);const s=ge(Pt?t:n);for(;r=s.nextNode();)we(r)||(r.content instanceof c&&ke(r.content),Te(r));if(Pt)return t;if(Lt){if(zt)for(l=it.call(n.ownerDocument);n.firstChild;)l.appendChild(n.firstChild);else l=n;return(yt.shadowroot||yt.shadowrootmode)&&(l=rt.call(a,l,!0)),l}let f=Rt?n.outerHTML:n.innerHTML;return Rt&&gt["!doctype"]&&n.ownerDocument&&n.ownerDocument.doctype&&n.ownerDocument.doctype.name&&w(Y,n.ownerDocument.doctype.name)&&(f="<!DOCTYPE "+n.ownerDocument.doctype.name+">\n"+f),St&&u([lt,st,ct],(t=>{f=h(f,t," ")})),Z&&It?Z.createHTML(f):f},i.setConfig=function(){re(arguments.length>0&&void 0!==arguments[0]?arguments[0]:{}),_t=!0},i.clearConfig=function(){ne=null,_t=!1},i.isValidAttribute=function(t,e,n){ne||re({});const i=ee(t),o=ee(e);return xe(i,o,n)},i.addHook=function(t,e){"function"==typeof e&&(at[t]=at[t]||[],m(at[t],e))},i.removeHook=function(t){if(at[t])return f(at[t])},i.removeHooks=function(t){at[t]&&(at[t]=[])},i.removeAllHooks=function(){at={}},i}();return V}()}));const i={CUSTOM_ELEMENT_HANDLING:{tagNameCheck:function(t){return RegExp(/^tttx-/).exec(t)},attributeNameCheck:function(){return!0},allowCustomizedBuiltInElements:!1}};export{i as d,n as p}