@3t-transform/threeteeui 1.4.0 → 1.4.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{tttx-button_1_4_0.cjs.entry.js → tttx-button_1_4_2.cjs.entry.js} +2 -2
- package/dist/cjs/{tttx-checkbox-group-caption_1_4_0.cjs.entry.js → tttx-checkbox-group-caption_1_4_2.cjs.entry.js} +1 -1
- package/dist/cjs/{tttx-checkbox-group-heading_1_4_0.cjs.entry.js → tttx-checkbox-group-heading_1_4_2.cjs.entry.js} +1 -1
- package/dist/cjs/{tttx-checkbox-group_1_4_0.cjs.entry.js → tttx-checkbox-group_1_4_2.cjs.entry.js} +1 -1
- package/dist/cjs/{tttx-checkbox_1_4_0.cjs.entry.js → tttx-checkbox_1_4_2.cjs.entry.js} +2 -2
- package/dist/cjs/{tttx-data-pattern_1_4_0.cjs.entry.js → tttx-data-pattern_1_4_2.cjs.entry.js} +2 -2
- package/dist/cjs/{tttx-dialog-box_1_4_0.cjs.entry.js → tttx-dialog-box_1_4_2.cjs.entry.js} +3 -3
- package/dist/cjs/{tttx-dialog_1_4_0.cjs.entry.js → tttx-dialog_1_4_2.cjs.entry.js} +2 -2
- package/dist/cjs/{tttx-expander_1_4_0.cjs.entry.js → tttx-expander_1_4_2.cjs.entry.js} +2 -2
- package/dist/cjs/{tttx-filter_1_4_0_4.cjs.entry.js → tttx-filter_1_4_2_4.cjs.entry.js} +9 -9
- package/dist/cjs/{tttx-form_1_4_0.cjs.entry.js → tttx-form_1_4_2.cjs.entry.js} +6 -3
- package/dist/cjs/{tttx-icon_1_4_0.cjs.entry.js → tttx-icon_1_4_2.cjs.entry.js} +1 -1
- package/dist/cjs/{tttx-keyvalue-block_1_4_0.cjs.entry.js → tttx-keyvalue-block_1_4_2.cjs.entry.js} +1 -1
- package/dist/cjs/{tttx-loading-spinner_1_4_0.cjs.entry.js → tttx-loading-spinner_1_4_2.cjs.entry.js} +1 -1
- package/dist/cjs/{tttx-multiselect-box_1_4_0.cjs.entry.js → tttx-multiselect-box_1_4_2.cjs.entry.js} +6 -6
- package/dist/cjs/{tttx-percentage-bar_1_4_0.cjs.entry.js → tttx-percentage-bar_1_4_2.cjs.entry.js} +2 -2
- package/dist/cjs/{tttx-qrcode_1_4_0.cjs.entry.js → tttx-qrcode_1_4_2.cjs.entry.js} +1 -1
- package/dist/cjs/{tttx-select-box_1_4_0.cjs.entry.js → tttx-select-box_1_4_2.cjs.entry.js} +34 -23
- package/dist/cjs/tttx-standalone-input_1_4_2.cjs.entry.js +94 -0
- package/dist/cjs/{tttx-tabs_1_4_0.cjs.entry.js → tttx-tabs_1_4_2.cjs.entry.js} +4 -4
- package/dist/cjs/{tttx-tag_1_4_0.cjs.entry.js → tttx-tag_1_4_2.cjs.entry.js} +1 -1
- package/dist/cjs/{tttx-textarea_1_4_0.cjs.entry.js → tttx-textarea_1_4_2.cjs.entry.js} +2 -2
- package/dist/cjs/{tttx-tree-view_1_4_0.cjs.entry.js → tttx-tree-view_1_4_2.cjs.entry.js} +3 -3
- package/dist/cjs/tttx.cjs.js +1 -1
- package/dist/collection/components/atoms/tttx-button/tttx-button.js +2 -2
- package/dist/collection/components/atoms/tttx-button/tttx-button.stories.js +20 -20
- package/dist/collection/components/atoms/tttx-checkbox/tttx-checkbox.js +2 -2
- package/dist/collection/components/atoms/tttx-checkbox/tttx-checkbox.stories.js +1 -1
- package/dist/collection/components/atoms/tttx-icon/tttx-icon.js +1 -1
- package/dist/collection/components/atoms/tttx-icon/tttx-icon.stories.js +1 -1
- package/dist/collection/components/atoms/tttx-keyvalue-block/tttx-keyvalue-block.js +1 -1
- package/dist/collection/components/atoms/tttx-keyvalue-block/tttx-keyvalue-block.stories.js +6 -6
- package/dist/collection/components/atoms/tttx-loading-spinner/tttx-loading-spinner.js +1 -1
- package/dist/collection/components/atoms/tttx-loading-spinner/tttx-loading-spinner.stories.js +1 -1
- package/dist/collection/components/atoms/tttx-percentage-bar/tttx-percentage-bar.js +1 -1
- package/dist/collection/components/atoms/tttx-percentage-bar/tttx-percentage-bar.stories.js +5 -5
- package/dist/collection/components/atoms/tttx-qrcode/tttx-qrcode.js +1 -1
- package/dist/collection/components/atoms/tttx-qrcode/tttx-qrcode.stories.js +1 -1
- package/dist/collection/components/atoms/tttx-tag/tttx-tag.js +1 -1
- package/dist/collection/components/atoms/tttx-tag/tttx-tag.stories.js +6 -6
- package/dist/collection/components/molecules/tttx-checkbox-group/components/tttx-checkbox-group-caption.js +1 -1
- package/dist/collection/components/molecules/tttx-checkbox-group/components/tttx-checkbox-group-heading.js +1 -1
- package/dist/collection/components/molecules/tttx-checkbox-group/tttx-checkbox-group.js +1 -1
- package/dist/collection/components/molecules/tttx-checkbox-group/tttx-checkbox-group.stories.js +10 -10
- package/dist/collection/components/molecules/tttx-dialog/tttx-dialog.js +2 -2
- package/dist/collection/components/molecules/tttx-dialog/tttx-dialog.stories.js +6 -6
- package/dist/collection/components/molecules/tttx-dialog-box/tttx-dialog-box.js +3 -3
- package/dist/collection/components/molecules/tttx-dialog-box/tttx-dialog-box.stories.js +24 -24
- package/dist/collection/components/molecules/tttx-expander/tttx-expander.js +2 -2
- package/dist/collection/components/molecules/tttx-expander/tttx-expander.stories.js +9 -9
- package/dist/collection/components/molecules/tttx-filter/tttx-filter.js +3 -3
- package/dist/collection/components/molecules/tttx-filter/tttx-filter.stories.js +2 -2
- package/dist/collection/components/molecules/tttx-form/tttx-form.css +28 -13
- package/dist/collection/components/molecules/tttx-form/tttx-form.js +5 -2
- package/dist/collection/components/molecules/tttx-form/tttx-form.stories.js +5 -5
- package/dist/collection/components/molecules/tttx-list/tttx-list.js +3 -3
- package/dist/collection/components/molecules/tttx-list/tttx-list.stories.js +46 -46
- package/dist/collection/components/molecules/tttx-multiselect-box/tttx-multiselect-box.js +6 -6
- package/dist/collection/components/molecules/tttx-multiselect-box/tttx-multiselect-box.stories.js +33 -33
- package/dist/collection/components/molecules/tttx-select-box/tttx-select-box.css +28 -1
- package/dist/collection/components/molecules/tttx-select-box/tttx-select-box.js +85 -22
- package/dist/collection/components/molecules/tttx-select-box/tttx-select-box.stories.js +33 -16
- package/dist/collection/components/molecules/tttx-sorter/tttx-sorter.js +2 -2
- package/dist/collection/components/molecules/tttx-sorter/tttx-sorter.stories.js +1 -1
- package/dist/collection/components/molecules/tttx-standalone-input/tttx-standalone-input.css +28 -13
- package/dist/collection/components/molecules/tttx-standalone-input/tttx-standalone-input.js +4 -4
- package/dist/collection/components/molecules/tttx-standalone-input/tttx-standalone-input.stories.js +1 -1
- package/dist/collection/components/molecules/tttx-tabs/tttx-tabs.js +3 -3
- package/dist/collection/components/molecules/tttx-tabs/tttx-tabs.stories.js +4 -4
- package/dist/collection/components/molecules/tttx-textarea/tttx-textarea.js +3 -3
- package/dist/collection/components/molecules/tttx-textarea/tttx-textarea.stories.js +1 -1
- package/dist/collection/components/molecules/tttx-toolbar/tttx-toolbar.js +1 -1
- package/dist/collection/components/molecules/tttx-toolbar/tttx-toolbar.stories.js +37 -37
- package/dist/collection/components/molecules/tttx-tree-view/tttx-tree-view.js +3 -3
- package/dist/collection/components/molecules/tttx-tree-view/tttx-tree-view.stories.js +8 -8
- package/dist/collection/components/organisms/tttx-data-pattern/tttx-data-pattern.js +2 -2
- package/dist/collection/components/organisms/tttx-data-pattern/tttx-data-pattern.stories.js +5 -5
- package/dist/components/index.d.ts +26 -26
- package/dist/components/index.js +26 -26
- package/dist/components/tttx-button.js +5 -5
- package/dist/components/{tttx-button_1_4_0.d.ts → tttx-button_1_4_2.d.ts} +4 -4
- package/dist/components/{tttx-button_1_4_0.js → tttx-button_1_4_2.js} +2 -2
- package/dist/components/tttx-checkbox-group-caption_1_4_2.d.ts +11 -0
- package/dist/components/{tttx-checkbox-group-caption_1_4_0.js → tttx-checkbox-group-caption_1_4_2.js} +5 -5
- package/dist/components/tttx-checkbox-group-heading_1_4_2.d.ts +11 -0
- package/dist/components/{tttx-checkbox-group-heading_1_4_0.js → tttx-checkbox-group-heading_1_4_2.js} +5 -5
- package/dist/components/tttx-checkbox-group_1_4_2.d.ts +11 -0
- package/dist/components/{tttx-checkbox-group_1_4_0.js → tttx-checkbox-group_1_4_2.js} +5 -5
- package/dist/components/{tttx-expander_1_4_0.d.ts → tttx-checkbox_1_4_2.d.ts} +4 -4
- package/dist/components/{tttx-checkbox_1_4_0.js → tttx-checkbox_1_4_2.js} +7 -7
- package/dist/components/tttx-data-pattern_1_4_2.d.ts +11 -0
- package/dist/components/{tttx-data-pattern_1_4_0.js → tttx-data-pattern_1_4_2.js} +13 -13
- package/dist/components/{tttx-dialog-box_1_4_0.d.ts → tttx-dialog-box_1_4_2.d.ts} +4 -4
- package/dist/components/{tttx-dialog-box_1_4_0.js → tttx-dialog-box_1_4_2.js} +9 -9
- package/dist/components/{tttx-filter_1_4_0.d.ts → tttx-dialog_1_4_2.d.ts} +4 -4
- package/dist/components/{tttx-dialog_1_4_0.js → tttx-dialog_1_4_2.js} +8 -8
- package/dist/components/{tttx-checkbox_1_4_0.d.ts → tttx-expander_1_4_2.d.ts} +4 -4
- package/dist/components/{tttx-expander_1_4_0.js → tttx-expander_1_4_2.js} +7 -7
- package/dist/components/tttx-filter.js +6 -6
- package/dist/components/{tttx-qrcode_1_4_0.d.ts → tttx-filter_1_4_2.d.ts} +4 -4
- package/dist/components/{tttx-filter_1_4_0.js → tttx-filter_1_4_2.js} +2 -2
- package/dist/components/{tttx-icon_1_4_0.d.ts → tttx-form_1_4_2.d.ts} +4 -4
- package/dist/components/{tttx-form_1_4_0.js → tttx-form_1_4_2.js} +13 -10
- package/dist/components/tttx-icon.js +3 -3
- package/dist/components/{tttx-list_1_4_0.d.ts → tttx-icon_1_4_2.d.ts} +4 -4
- package/dist/components/{tttx-icon_1_4_0.js → tttx-icon_1_4_2.js} +2 -2
- package/dist/components/tttx-keyvalue-block_1_4_2.d.ts +11 -0
- package/dist/components/{tttx-keyvalue-block_1_4_0.js → tttx-keyvalue-block_1_4_2.js} +5 -5
- package/dist/components/tttx-list.js +6 -6
- package/dist/components/{tttx-form_1_4_0.d.ts → tttx-list_1_4_2.d.ts} +4 -4
- package/dist/components/{tttx-list_1_4_0.js → tttx-list_1_4_2.js} +2 -2
- package/dist/components/tttx-loading-spinner_1_4_2.d.ts +11 -0
- package/dist/components/{tttx-loading-spinner_1_4_0.js → tttx-loading-spinner_1_4_2.js} +5 -5
- package/dist/components/tttx-multiselect-box_1_4_2.d.ts +11 -0
- package/dist/components/{tttx-multiselect-box_1_4_0.js → tttx-multiselect-box_1_4_2.js} +13 -13
- package/dist/components/tttx-percentage-bar_1_4_2.d.ts +11 -0
- package/dist/components/{tttx-percentage-bar_1_4_0.js → tttx-percentage-bar_1_4_2.js} +6 -6
- package/dist/components/{tttx-dialog_1_4_0.d.ts → tttx-qrcode_1_4_2.d.ts} +4 -4
- package/dist/components/{tttx-qrcode_1_4_0.js → tttx-qrcode_1_4_2.js} +5 -5
- package/dist/components/tttx-select-box.js +41 -27
- package/dist/components/tttx-select-box_1_4_2.d.ts +11 -0
- package/dist/components/{tttx-select-box_1_4_0.js → tttx-select-box_1_4_2.js} +2 -2
- package/dist/components/tttx-sorter.js +5 -5
- package/dist/components/tttx-sorter_1_4_2.d.ts +11 -0
- package/dist/components/{tttx-sorter_1_4_0.js → tttx-sorter_1_4_2.js} +2 -2
- package/dist/components/tttx-standalone-input.js +6 -6
- package/dist/components/tttx-standalone-input_1_4_2.d.ts +11 -0
- package/dist/components/{tttx-standalone-input_1_4_0.js → tttx-standalone-input_1_4_2.js} +2 -2
- package/dist/components/{tttx-tabs_1_4_0.d.ts → tttx-tabs_1_4_2.d.ts} +4 -4
- package/dist/components/{tttx-tabs_1_4_0.js → tttx-tabs_1_4_2.js} +9 -9
- package/dist/components/{tttx-tag_1_4_0.d.ts → tttx-tag_1_4_2.d.ts} +4 -4
- package/dist/components/{tttx-tag_1_4_0.js → tttx-tag_1_4_2.js} +5 -5
- package/dist/components/tttx-textarea_1_4_2.d.ts +11 -0
- package/dist/components/{tttx-textarea_1_4_0.js → tttx-textarea_1_4_2.js} +6 -6
- package/dist/components/tttx-toolbar.js +3 -3
- package/dist/components/{tttx-toolbar_1_4_0.d.ts → tttx-toolbar_1_4_2.d.ts} +4 -4
- package/dist/components/{tttx-toolbar_1_4_0.js → tttx-toolbar_1_4_2.js} +2 -2
- package/dist/components/tttx-tree-view_1_4_2.d.ts +11 -0
- package/dist/components/{tttx-tree-view_1_4_0.js → tttx-tree-view_1_4_2.js} +9 -9
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{tttx-button_1_4_0.entry.js → tttx-button_1_4_2.entry.js} +2 -2
- package/dist/esm/{tttx-checkbox-group-caption_1_4_0.entry.js → tttx-checkbox-group-caption_1_4_2.entry.js} +1 -1
- package/dist/esm/{tttx-checkbox-group-heading_1_4_0.entry.js → tttx-checkbox-group-heading_1_4_2.entry.js} +1 -1
- package/dist/esm/{tttx-checkbox-group_1_4_0.entry.js → tttx-checkbox-group_1_4_2.entry.js} +1 -1
- package/dist/esm/{tttx-checkbox_1_4_0.entry.js → tttx-checkbox_1_4_2.entry.js} +2 -2
- package/dist/esm/{tttx-data-pattern_1_4_0.entry.js → tttx-data-pattern_1_4_2.entry.js} +2 -2
- package/dist/esm/{tttx-dialog-box_1_4_0.entry.js → tttx-dialog-box_1_4_2.entry.js} +3 -3
- package/dist/esm/{tttx-dialog_1_4_0.entry.js → tttx-dialog_1_4_2.entry.js} +2 -2
- package/dist/esm/{tttx-expander_1_4_0.entry.js → tttx-expander_1_4_2.entry.js} +2 -2
- package/dist/esm/{tttx-filter_1_4_0_4.entry.js → tttx-filter_1_4_2_4.entry.js} +6 -6
- package/dist/esm/{tttx-form_1_4_0.entry.js → tttx-form_1_4_2.entry.js} +6 -3
- package/dist/esm/{tttx-icon_1_4_0.entry.js → tttx-icon_1_4_2.entry.js} +1 -1
- package/dist/esm/{tttx-keyvalue-block_1_4_0.entry.js → tttx-keyvalue-block_1_4_2.entry.js} +1 -1
- package/dist/esm/{tttx-loading-spinner_1_4_0.entry.js → tttx-loading-spinner_1_4_2.entry.js} +1 -1
- package/dist/esm/{tttx-multiselect-box_1_4_0.entry.js → tttx-multiselect-box_1_4_2.entry.js} +6 -6
- package/dist/esm/{tttx-percentage-bar_1_4_0.entry.js → tttx-percentage-bar_1_4_2.entry.js} +2 -2
- package/dist/esm/{tttx-qrcode_1_4_0.entry.js → tttx-qrcode_1_4_2.entry.js} +1 -1
- package/dist/esm/{tttx-select-box_1_4_0.entry.js → tttx-select-box_1_4_2.entry.js} +34 -23
- package/dist/esm/tttx-standalone-input_1_4_2.entry.js +90 -0
- package/dist/esm/{tttx-tabs_1_4_0.entry.js → tttx-tabs_1_4_2.entry.js} +4 -4
- package/dist/esm/{tttx-tag_1_4_0.entry.js → tttx-tag_1_4_2.entry.js} +1 -1
- package/dist/esm/{tttx-textarea_1_4_0.entry.js → tttx-textarea_1_4_2.entry.js} +2 -2
- package/dist/esm/{tttx-tree-view_1_4_0.entry.js → tttx-tree-view_1_4_2.entry.js} +3 -3
- package/dist/esm/tttx.js +1 -1
- package/dist/tttx/p-0e515960.entry.js +1 -1
- package/dist/tttx/p-1e5ff5f8.entry.js +1 -1
- package/dist/tttx/p-23f45005.entry.js +1 -1
- package/dist/tttx/p-3676cddd.entry.js +1 -1
- package/dist/tttx/p-56c8c353.entry.js +1 -1
- package/dist/tttx/p-59c7b049.entry.js +1 -1
- package/dist/tttx/p-5d2706b1.entry.js +1 -1
- package/dist/tttx/p-63ad6fb7.entry.js +1 -1
- package/dist/tttx/p-6b1c7a21.entry.js +1 -1
- package/dist/tttx/p-6deb8699.entry.js +1 -1
- package/dist/tttx/p-7077c8ed.entry.js +1 -0
- package/dist/tttx/p-796f699a.entry.js +1 -1
- package/dist/tttx/p-884f37d3.entry.js +1 -1
- package/dist/tttx/p-8b0b95b7.entry.js +1 -0
- package/dist/tttx/p-9434561e.entry.js +1 -1
- package/dist/tttx/p-983d63ff.entry.js +1 -1
- package/dist/tttx/p-a01e679a.entry.js +1 -1
- package/dist/tttx/p-a8e76e78.entry.js +1 -1
- package/dist/tttx/p-c08a54f9.entry.js +1 -0
- package/dist/tttx/p-c170e3b8.entry.js +1 -1
- package/dist/tttx/p-ee358ce4.entry.js +1 -1
- package/dist/tttx/p-f374e293.entry.js +1 -1
- package/dist/tttx/p-f4db1cf2.entry.js +1 -1
- package/dist/tttx/tttx.esm.js +1 -1
- package/dist/types/components/molecules/tttx-select-box/tttx-select-box.d.ts +6 -3
- package/dist/types/components/molecules/tttx-select-box/tttx-select-box.stories.d.ts +17 -0
- package/dist/types/components/molecules/tttx-standalone-input/tttx-standalone-input.d.ts +2 -2
- package/dist/types/components/molecules/tttx-textarea/tttx-textarea.d.ts +2 -2
- package/dist/types/components.d.ts +310 -304
- package/package.json +1 -1
- package/dist/cjs/tttx-standalone-input_1_4_0.cjs.entry.js +0 -94
- package/dist/components/tttx-checkbox-group-caption_1_4_0.d.ts +0 -11
- package/dist/components/tttx-checkbox-group-heading_1_4_0.d.ts +0 -11
- package/dist/components/tttx-checkbox-group_1_4_0.d.ts +0 -11
- package/dist/components/tttx-data-pattern_1_4_0.d.ts +0 -11
- package/dist/components/tttx-keyvalue-block_1_4_0.d.ts +0 -11
- package/dist/components/tttx-loading-spinner_1_4_0.d.ts +0 -11
- package/dist/components/tttx-multiselect-box_1_4_0.d.ts +0 -11
- package/dist/components/tttx-percentage-bar_1_4_0.d.ts +0 -11
- package/dist/components/tttx-select-box_1_4_0.d.ts +0 -11
- package/dist/components/tttx-sorter_1_4_0.d.ts +0 -11
- package/dist/components/tttx-standalone-input_1_4_0.d.ts +0 -11
- package/dist/components/tttx-textarea_1_4_0.d.ts +0 -11
- package/dist/components/tttx-tree-view_1_4_0.d.ts +0 -11
- package/dist/esm/tttx-standalone-input_1_4_0.entry.js +0 -90
- package/dist/tttx/p-0f439f10.entry.js +0 -1
- package/dist/tttx/p-81aaafa0.entry.js +0 -1
- package/dist/tttx/p-fe967031.entry.js +0 -1
|
@@ -2,7 +2,7 @@ import { r as registerInstance, c as createEvent, h, F as Fragment, H as Host, g
|
|
|
2
2
|
import { p as purify, d as domSanitiserOptions } from './domsanitiser.options-38a67458.js';
|
|
3
3
|
import './_commonjsHelpers-9943807e.js';
|
|
4
4
|
|
|
5
|
-
const tttxSelectBoxCss = ".material-symbols-rounded{font-variation-settings:\"FILL\" 1, \"wght\" 400, \"GRAD\" 0, \"opsz\" 24}:host{display:flex;gap:4px}.label{font-size:16px;font-weight:500;line-height:18.752px;color:#212121}:host(.inline) .label{padding-top:8px}:host(.block){flex-direction:column}.dropdown-container{position:relative;display:flex;flex-direction:column;width:100%}.dropdown-container:focus-visible{outline:none}.dropdown-container:focus .dropdown-selector{border:1px solid #1479c6}.dropdown-selector,.dropdown-body{display:flex;border-radius:4px;background-color:white}.dropdown-selector{min-height:36px;box-sizing:border-box;align-items:center;gap:8px;padding:4px 8px 4px 16px;cursor:pointer;justify-content:space-between;border:1px solid #d5d5d5;display:flex;flex-direction:row}.dropdown-selector>.left-wrapper{flex:1;min-width:0}.dropdown-selector *{font-weight:400}.description{color:#757575;font-size:14px;line-height:16.408px}.description>p{margin:0}.description-dd{color:#757575;font-size:14px;line-height:16.408px}.description-dd>p{margin:0}.truncated-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#212121;font-size:16px;line-height:18.752px}.dropdown-selector-chevron{height:24px}.dropdown-selector-chevron-offset{height:24px}.dropdown-selector-chevron>tttx-icon{cursor:pointer}.dropdown-body-container{position:relative;z-index:2}.dropdown-body{position:absolute;flex-direction:column;box-shadow:0px 1px 5px #1111114D;padding-bottom:8px;border:1px solid #d5d5d5}.dropdown-options-list{display:flex;flex-direction:column;overflow-y:auto;max-height:368px}.dropdown-option{padding:6px 8px 6px 16px;cursor:pointer}.dropdown-option:hover{background-color:#1111110d}.dropdown-option:active,.dropdown-option.selected{background-color:#ebfbfc}.placeholder{color:#9e9e9e;white-space:nowrap;overflow-x:hidden;text-overflow:ellipsis}.searchbox{padding:8px 16px}.searchbox tttx-standalone-input{margin-top:-4px}.hidden{display:none}";
|
|
5
|
+
const tttxSelectBoxCss = ".material-symbols-rounded{font-variation-settings:\"FILL\" 1, \"wght\" 400, \"GRAD\" 0, \"opsz\" 24}:host{display:flex;gap:4px}.label{font-size:16px;font-weight:500;line-height:18.752px;color:#212121}:host(.inline) .label{padding-top:8px}:host(.block){flex-direction:column}.dropdown-container{position:relative;display:flex;flex-direction:column;width:100%}.dropdown-container:focus-visible{outline:none}.dropdown-container:focus .dropdown-selector{border:1px solid #1479c6}.dropdown-selector,.dropdown-body{display:flex;border-radius:4px;background-color:white}.dropdown-selector{min-height:36px;box-sizing:border-box;align-items:center;gap:8px;padding:4px 8px 4px 16px;cursor:pointer;justify-content:space-between;border:1px solid #d5d5d5;display:flex;flex-direction:row}.dropdown-selector>.left-wrapper{flex:1;min-width:0}.dropdown-selector *{font-weight:400}.dropdown-selector.invalid{border:1px solid #dc0000}.errorBubble{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}.errorBubble:not(.visible){display:none}.errorBubble>*{font-size:16px;margin-right:4px;height:16px}.description{color:#757575;font-size:14px;line-height:16.408px}.description>p{margin:0}.description-dd{color:#757575;font-size:14px;line-height:16.408px}.description-dd>p{margin:0}.truncated-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#212121;font-size:16px;line-height:18.752px}.dropdown-selector-chevron{height:24px}.dropdown-selector-chevron-offset{height:24px}.dropdown-selector-chevron>tttx-icon{cursor:pointer}.dropdown-body-container{position:relative;z-index:2}.dropdown-body{position:absolute;flex-direction:column;box-shadow:0px 1px 5px #1111114D;padding-bottom:8px;border:1px solid #d5d5d5}.dropdown-options-list{display:flex;flex-direction:column;overflow-y:auto;max-height:368px}.dropdown-option{padding:6px 8px 6px 16px;cursor:pointer}.dropdown-option:hover{background-color:#1111110d}.dropdown-option:active,.dropdown-option.selected{background-color:#ebfbfc}.placeholder{color:#9e9e9e;white-space:nowrap;overflow-x:hidden;text-overflow:ellipsis}.searchbox{padding:8px 16px}.searchbox tttx-standalone-input{margin-top:-4px}.hidden{display:none}";
|
|
6
6
|
|
|
7
7
|
const TttxSelectBox = class {
|
|
8
8
|
constructor(hostRef) {
|
|
@@ -16,6 +16,9 @@ const TttxSelectBox = class {
|
|
|
16
16
|
this.placeholder = '';
|
|
17
17
|
this.searchEnabled = undefined;
|
|
18
18
|
this.selectedValue = undefined;
|
|
19
|
+
this.showErrorMsg = undefined;
|
|
20
|
+
this.showErrorBubble = false;
|
|
21
|
+
this.errorMsg = undefined;
|
|
19
22
|
this.open = false;
|
|
20
23
|
this.selectedItem = undefined;
|
|
21
24
|
this.searchTerm = '';
|
|
@@ -23,8 +26,10 @@ const TttxSelectBox = class {
|
|
|
23
26
|
async componentWillLoad() {
|
|
24
27
|
if (this.optionsData) {
|
|
25
28
|
this.setOptionsData();
|
|
26
|
-
const matchingItems = this._optionsData.filter((item) => {
|
|
27
|
-
|
|
29
|
+
const matchingItems = this._optionsData.filter((item) => {
|
|
30
|
+
return item.value == this.selectedValue;
|
|
31
|
+
});
|
|
32
|
+
this.selectedItem = matchingItems.length > 0 ? matchingItems[0] : undefined;
|
|
28
33
|
}
|
|
29
34
|
}
|
|
30
35
|
async setOptionsData() {
|
|
@@ -61,41 +66,37 @@ const TttxSelectBox = class {
|
|
|
61
66
|
let title;
|
|
62
67
|
let subtitle;
|
|
63
68
|
const chevronIcon = this.open ? 'expand_less' : 'expand_more';
|
|
64
|
-
const icon = h("tttx-
|
|
65
|
-
let chevron = h("div", { class:
|
|
69
|
+
const icon = h("tttx-icon_1_4_2", { icon: chevronIcon, color: "black" });
|
|
70
|
+
let chevron = h("div", { class: "dropdown-selector-chevron" }, icon);
|
|
66
71
|
if (!this.selectedItem) {
|
|
67
72
|
title = h("div", { class: "placeholder" }, this.placeholder);
|
|
68
|
-
return h(Fragment, null, title, chevron);
|
|
73
|
+
return (h(Fragment, null, title, chevron));
|
|
69
74
|
}
|
|
70
75
|
else if (this.selectedItem.html) {
|
|
71
76
|
title = h("div", { title: this.selectedItem.label, class: "truncated-text", innerHTML: this.selectedItem.html });
|
|
72
|
-
return h(Fragment, null, title, chevron);
|
|
77
|
+
return (h(Fragment, null, title, chevron));
|
|
73
78
|
}
|
|
74
79
|
else {
|
|
75
|
-
title = h("div", { title: this.selectedItem.label, class: "truncated-text" }, this.selectedItem.label);
|
|
80
|
+
title = (h("div", { title: this.selectedItem.label, class: "truncated-text" }, this.selectedItem.label));
|
|
76
81
|
if (this.selectedItem.description) {
|
|
77
|
-
subtitle = h("div", { class: "description" }, h("p", null, this.selectedItem.description));
|
|
78
|
-
chevron = h("div", { class:
|
|
82
|
+
subtitle = (h("div", { class: "description" }, h("p", null, this.selectedItem.description)));
|
|
83
|
+
chevron = h("div", { class: "dropdown-selector-chevron-offset" }, icon);
|
|
79
84
|
}
|
|
80
|
-
return h(Fragment, null, h("div", { class: "left-wrapper" }, title, subtitle), chevron);
|
|
85
|
+
return (h(Fragment, null, h("div", { class: "left-wrapper" }, title, subtitle), chevron));
|
|
81
86
|
}
|
|
82
87
|
}
|
|
83
88
|
dropdownOption(option) {
|
|
84
|
-
/* istanbul ignore next */
|
|
85
89
|
const hideOption = this.searchEnabled && option.label.toLowerCase().indexOf(this.searchTerm.toLowerCase()) === -1;
|
|
86
90
|
const selected = this.selectedItem && option.value === this.selectedItem.value;
|
|
87
91
|
if (option.html) {
|
|
88
92
|
const sanitisedHTML = purify.sanitize(option.html, domSanitiserOptions);
|
|
89
|
-
/* istanbul ignore next */
|
|
90
93
|
return (h("div", { class: `dropdown-option ${hideOption ? 'hidden' : ''} ${selected ? 'selected' : ''}`, onClick: this.onItemSelected.bind(this, option), key: option.label, innerHTML: sanitisedHTML }));
|
|
91
94
|
}
|
|
92
95
|
else if (option.description) {
|
|
93
96
|
return (h("div", { class: `dropdown-option ${hideOption ? 'hidden' : ''} ${selected ? 'selected' : ''}`, onClick: this.onItemSelected.bind(this, option), key: option.label }, option.label, h("div", { class: "description-dd" }, h("p", null, option.description))));
|
|
94
97
|
}
|
|
95
|
-
/* istanbul ignore next */
|
|
96
98
|
return (h("div", { class: `dropdown-option ${hideOption ? 'hidden' : ''} ${selected ? 'selected' : ''}`, onClick: this.onItemSelected.bind(this, option), key: option.label }, option.label));
|
|
97
99
|
}
|
|
98
|
-
/* istanbul ignore next */
|
|
99
100
|
handleSearchInput(event) {
|
|
100
101
|
const target = event.target;
|
|
101
102
|
this.searchTerm = target.value;
|
|
@@ -104,25 +105,35 @@ const TttxSelectBox = class {
|
|
|
104
105
|
const dropdownSelector = this.el.shadowRoot.querySelector('.dropdown-selector');
|
|
105
106
|
const bottomPosY = this.dropdownSelector.getBoundingClientRect().bottom;
|
|
106
107
|
// (Max list height OR 31px * number of items) + 52px for search bar + 8px padding at bottom
|
|
107
|
-
let dropdownMenuMaxHeight = Math.min(
|
|
108
|
+
let dropdownMenuMaxHeight = Math.min(368, 36 * this._optionsData.length) + 8;
|
|
108
109
|
if (this.searchEnabled)
|
|
109
110
|
dropdownMenuMaxHeight += 52;
|
|
110
111
|
const clientRectangle = dropdownSelector.getBoundingClientRect();
|
|
111
112
|
if (bottomPosY + dropdownMenuMaxHeight > window.innerHeight) {
|
|
112
|
-
this.bodyOffset = {
|
|
113
|
+
this.bodyOffset = {
|
|
114
|
+
top: `${window.innerHeight - (dropdownMenuMaxHeight + 16)}px`,
|
|
115
|
+
position: 'fixed',
|
|
116
|
+
width: `${dropdownSelector.offsetWidth}px`,
|
|
117
|
+
zIndex: '10',
|
|
118
|
+
};
|
|
113
119
|
}
|
|
114
120
|
else {
|
|
115
|
-
this.bodyOffset = {
|
|
121
|
+
this.bodyOffset = {
|
|
122
|
+
position: 'fixed',
|
|
123
|
+
left: clientRectangle.left,
|
|
124
|
+
top: clientRectangle.top,
|
|
125
|
+
width: clientRectangle.width - 2 + 'px',
|
|
126
|
+
zIndex: '10',
|
|
127
|
+
};
|
|
116
128
|
}
|
|
117
129
|
}
|
|
118
130
|
render() {
|
|
119
131
|
if (!this.optionsData)
|
|
120
132
|
return;
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
h("div", { class: "searchbox" }, h("tttx-standalone-input_1_4_0", { type: "text", label: "", required: true, showerrorbubble: false, iconleft: 'search', onInput: this.handleSearchInput.bind(this) })), h("div", { class: "dropdown-options-list" }, this._optionsData.map((option) => {
|
|
133
|
+
const invalidClass = this.showErrorMsg ? 'invalid' : '';
|
|
134
|
+
return (h(Host, { class: this.inline ? 'inline' : 'block' }, this.label && h("div", { class: "label" }, this.label), h("div", { tabindex: "0", class: "dropdown-container" }, h("div", { class: ['dropdown-selector', invalidClass].join(' '), ref: el => (this.dropdownSelector = el), onClick: this.onDropdownClicked.bind(this) }, this.dropdownSelectorContent()), this.open && (h("div", { class: "dropdown-body-container" }, h("div", { class: "dropdown-body", style: Object.assign({ width: `${this.dropdownSelector.offsetWidth}px` }, this.bodyOffset) }, this.searchEnabled && (h("div", { class: "searchbox" }, h("tttx-standalone-input_1_4_2", { type: "text", label: "", required: true, showerrorbubble: false, iconleft: "search", onInput: this.handleSearchInput.bind(this) }))), h("div", { class: "dropdown-options-list" }, this._optionsData.map((option) => {
|
|
124
135
|
return this.dropdownOption(option);
|
|
125
|
-
}))))))));
|
|
136
|
+
}))))), this.showErrorBubble && (h("span", { class: ['errorBubble', this.showErrorMsg && this.errorMsg ? 'visible' : ''].join(' ') }, h("tttx-icon_1_4_2", { icon: "warning", color: "#dc0000", size: 16 }), " ", this.errorMsg)))));
|
|
126
137
|
}
|
|
127
138
|
get el() { return getElement(this); }
|
|
128
139
|
static get watchers() { return {
|
|
@@ -131,4 +142,4 @@ const TttxSelectBox = class {
|
|
|
131
142
|
};
|
|
132
143
|
TttxSelectBox.style = tttxSelectBoxCss;
|
|
133
144
|
|
|
134
|
-
export { TttxSelectBox as
|
|
145
|
+
export { TttxSelectBox as tttx_select_box_1_4_2 };
|
|
@@ -0,0 +1,90 @@
|
|
|
1
|
+
import { r as registerInstance, c as createEvent, h, H as Host } from './index-88bd2f60.js';
|
|
2
|
+
|
|
3
|
+
const tttxStandaloneInputCss = ".material-symbols-rounded.sc-tttx-standalone-input_1_4_2{font-variation-settings:\"FILL\" 1, \"wght\" 400, \"GRAD\" 0, \"opsz\" 24}.material-symbols-rounded.sc-tttx-standalone-input_1_4_2{font-variation-settings:\"FILL\" 1, \"wght\" 400, \"GRAD\" 0, \"opsz\" 24}label.sc-tttx-standalone-input_1_4_2{font-weight:500;font-size:16px;line-height:18.752px;color:#212121}label.sc-tttx-standalone-input_1_4_2 .optional.sc-tttx-standalone-input_1_4_2{color:#757575;font-weight:normal}label.sc-tttx-standalone-input_1_4_2 .outer-container.sc-tttx-standalone-input_1_4_2{position:relative}label.sc-tttx-standalone-input_1_4_2 .outer-container.sc-tttx-standalone-input_1_4_2 .left-icons.sc-tttx-standalone-input_1_4_2,label.sc-tttx-standalone-input_1_4_2 .outer-container.sc-tttx-standalone-input_1_4_2 .right-icons.sc-tttx-standalone-input_1_4_2{display:flex;position:absolute;height:24px;gap:8px}label.sc-tttx-standalone-input_1_4_2 .outer-container.sc-tttx-standalone-input_1_4_2 .left-icons.sc-tttx-standalone-input_1_4_2 tttx-icon.sc-tttx-standalone-input_1_4_2,label.sc-tttx-standalone-input_1_4_2 .outer-container.sc-tttx-standalone-input_1_4_2 .right-icons.sc-tttx-standalone-input_1_4_2 tttx-icon.sc-tttx-standalone-input_1_4_2{height:24px;width:24px}label.sc-tttx-standalone-input_1_4_2 .outer-container.sc-tttx-standalone-input_1_4_2 .left-icons.sc-tttx-standalone-input_1_4_2{left:8px}label.sc-tttx-standalone-input_1_4_2 .outer-container.sc-tttx-standalone-input_1_4_2 .right-icons.sc-tttx-standalone-input_1_4_2{right:8px}label.sc-tttx-standalone-input_1_4_2 .outer-container.sc-tttx-standalone-input_1_4_2 input.sc-tttx-standalone-input_1_4_2,label.sc-tttx-standalone-input_1_4_2 .outer-container.sc-tttx-standalone-input_1_4_2 textarea.sc-tttx-standalone-input_1_4_2{color:#212121;box-sizing:border-box;border:1px solid #d5d5d5;border-radius:4px;margin-top:4px;padding:0;padding-left:16px;padding-right:16px}label.sc-tttx-standalone-input_1_4_2 .outer-container.sc-tttx-standalone-input_1_4_2 input.has-input-icon.sc-tttx-standalone-input_1_4_2,label.sc-tttx-standalone-input_1_4_2 .outer-container.sc-tttx-standalone-input_1_4_2 textarea.has-input-icon.sc-tttx-standalone-input_1_4_2{padding-left:40px}label.sc-tttx-standalone-input_1_4_2 .outer-container.sc-tttx-standalone-input_1_4_2 input.has-input-icon.has-left-icon.sc-tttx-standalone-input_1_4_2,label.sc-tttx-standalone-input_1_4_2 .outer-container.sc-tttx-standalone-input_1_4_2 textarea.has-input-icon.has-left-icon.sc-tttx-standalone-input_1_4_2{padding-left:72px}label.sc-tttx-standalone-input_1_4_2 .outer-container.sc-tttx-standalone-input_1_4_2 input.has-left-icon.sc-tttx-standalone-input_1_4_2,label.sc-tttx-standalone-input_1_4_2 .outer-container.sc-tttx-standalone-input_1_4_2 textarea.has-left-icon.sc-tttx-standalone-input_1_4_2{padding-left:40px}label.sc-tttx-standalone-input_1_4_2 .outer-container.sc-tttx-standalone-input_1_4_2 input.has-right-icon.sc-tttx-standalone-input_1_4_2,label.sc-tttx-standalone-input_1_4_2 .outer-container.sc-tttx-standalone-input_1_4_2 textarea.has-right-icon.sc-tttx-standalone-input_1_4_2{padding-right:40px}label.sc-tttx-standalone-input_1_4_2 .outer-container.sc-tttx-standalone-input_1_4_2 input.invalid.sc-tttx-standalone-input_1_4_2,label.sc-tttx-standalone-input_1_4_2 .outer-container.sc-tttx-standalone-input_1_4_2 textarea.invalid.sc-tttx-standalone-input_1_4_2{border:1px solid #dc0000}label.sc-tttx-standalone-input_1_4_2 .outer-container.sc-tttx-standalone-input_1_4_2 input.sc-tttx-standalone-input_1_4_2:not([type=submit]),label.sc-tttx-standalone-input_1_4_2 .outer-container.sc-tttx-standalone-input_1_4_2 textarea.sc-tttx-standalone-input_1_4_2:not([type=submit]){font-family:\"Roboto\", serif;width:100%;height:36px;font-size:16px;line-height:18.752px}label.sc-tttx-standalone-input_1_4_2 .outer-container.sc-tttx-standalone-input_1_4_2 input[type=radio].sc-tttx-standalone-input_1_4_2,label.sc-tttx-standalone-input_1_4_2 .outer-container.sc-tttx-standalone-input_1_4_2 textarea[type=radio].sc-tttx-standalone-input_1_4_2{width:20px;height:20px}label.sc-tttx-standalone-input_1_4_2 .outer-container.sc-tttx-standalone-input_1_4_2 input[type=date].sc-tttx-standalone-input_1_4_2,label.sc-tttx-standalone-input_1_4_2 .outer-container.sc-tttx-standalone-input_1_4_2 textarea[type=date].sc-tttx-standalone-input_1_4_2{background:white;display:block;min-width:calc(100% - 18px);line-height:37px}label.sc-tttx-standalone-input_1_4_2 .outer-container.sc-tttx-standalone-input_1_4_2 input[readonly].sc-tttx-standalone-input_1_4_2,label.sc-tttx-standalone-input_1_4_2 .outer-container.sc-tttx-standalone-input_1_4_2 textarea[readonly].sc-tttx-standalone-input_1_4_2{cursor:default;pointer-events:none;user-select:none;color:gray}label.sc-tttx-standalone-input_1_4_2 .outer-container.sc-tttx-standalone-input_1_4_2 input.sc-tttx-standalone-input_1_4_2:focus,label.sc-tttx-standalone-input_1_4_2 .outer-container.sc-tttx-standalone-input_1_4_2 textarea.sc-tttx-standalone-input_1_4_2:focus{border-color:#1479c6}label.sc-tttx-standalone-input_1_4_2 .outer-container.sc-tttx-standalone-input_1_4_2 input.sc-tttx-standalone-input_1_4_2:focus-visible,label.sc-tttx-standalone-input_1_4_2 .outer-container.sc-tttx-standalone-input_1_4_2 textarea.sc-tttx-standalone-input_1_4_2:focus-visible{outline:none}label.sc-tttx-standalone-input_1_4_2 .outer-container.sc-tttx-standalone-input_1_4_2 textarea.sc-tttx-standalone-input_1_4_2{padding:8px;height:auto;min-height:100px;resize:vertical}label.sc-tttx-standalone-input_1_4_2 .outer-container.sc-tttx-standalone-input_1_4_2 textarea.resize-none.sc-tttx-standalone-input_1_4_2{resize:none}label.sc-tttx-standalone-input_1_4_2 .outer-container.inputBlock.sc-tttx-standalone-input_1_4_2{display:flex;align-items:center;line-height:21px}label.sc-tttx-standalone-input_1_4_2 .outer-container.inputBlock.sc-tttx-standalone-input_1_4_2 .left-icons.sc-tttx-standalone-input_1_4_2,label.sc-tttx-standalone-input_1_4_2 .outer-container.inputBlock.sc-tttx-standalone-input_1_4_2 .right-icons.sc-tttx-standalone-input_1_4_2{margin-top:4px}label.sc-tttx-standalone-input_1_4_2 .outer-container.inputBlock.readonly.sc-tttx-standalone-input_1_4_2{pointer-events:none;user-select:none;color:gray}label.sc-tttx-standalone-input_1_4_2 .outer-container.inputBlock.radioBlock.sc-tttx-standalone-input_1_4_2{display:block}label.sc-tttx-standalone-input_1_4_2 .outer-container.inputInline.sc-tttx-standalone-input_1_4_2{display:flex;white-space:nowrap;align-items:center;margin:0}label.sc-tttx-standalone-input_1_4_2 .outer-container.inputInline.sc-tttx-standalone-input_1_4_2 input.sc-tttx-standalone-input_1_4_2{margin-top:0}label.sc-tttx-standalone-input_1_4_2 .secondarylabel.sc-tttx-standalone-input_1_4_2{color:#757575;font-size:14px;line-height:16.408px;font-weight:normal;display:flex;margin-top:4px}label.sc-tttx-standalone-input_1_4_2 .errorBubble.sc-tttx-standalone-input_1_4_2{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_4_2 .errorBubble.sc-tttx-standalone-input_1_4_2:not(.visible){display:none}label.sc-tttx-standalone-input_1_4_2 .errorBubble.sc-tttx-standalone-input_1_4_2 span.sc-tttx-standalone-input_1_4_2{color:#dc0000;font-size:16px;margin-right:4px}.material-symbols-rounded.sc-tttx-standalone-input_1_4_2{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_4_2-h{display:block}";
|
|
4
|
+
|
|
5
|
+
const TttxInput = class {
|
|
6
|
+
constructor(hostRef) {
|
|
7
|
+
registerInstance(this, hostRef);
|
|
8
|
+
this.valueChanged = createEvent(this, "valueChanged", 7);
|
|
9
|
+
this.focusChanged = createEvent(this, "focusChanged", 7);
|
|
10
|
+
this.blurChanged = createEvent(this, "blurChanged", 7);
|
|
11
|
+
this.invalidChanged = createEvent(this, "invalidChanged", 7);
|
|
12
|
+
this.inputIconClick = createEvent(this, "inputIconClick", 7);
|
|
13
|
+
this.leftIconClick = createEvent(this, "leftIconClick", 7);
|
|
14
|
+
this.rightIconClick = createEvent(this, "rightIconClick", 7);
|
|
15
|
+
this.label = undefined;
|
|
16
|
+
this.secondarylabel = undefined;
|
|
17
|
+
this.showerrormsg = undefined;
|
|
18
|
+
this.showerrorbubble = true;
|
|
19
|
+
this.errormsg = undefined;
|
|
20
|
+
this.iconleft = undefined;
|
|
21
|
+
this.iconleftcolor = 'grey';
|
|
22
|
+
this.iconright = undefined;
|
|
23
|
+
this.iconrightcolor = 'grey';
|
|
24
|
+
this.inputicon = undefined;
|
|
25
|
+
this.inputiconcolor = 'grey';
|
|
26
|
+
this.inline = undefined;
|
|
27
|
+
this.inputautocapitalize = undefined;
|
|
28
|
+
this.inputautofocus = undefined;
|
|
29
|
+
this.inputkeyhint = undefined;
|
|
30
|
+
this.inputindex = undefined;
|
|
31
|
+
this.inputtitle = undefined;
|
|
32
|
+
this.autocomplete = undefined;
|
|
33
|
+
this.checked = undefined;
|
|
34
|
+
this.disabled = undefined;
|
|
35
|
+
this.max = undefined;
|
|
36
|
+
this.maxlength = undefined;
|
|
37
|
+
this.min = undefined;
|
|
38
|
+
this.minlength = undefined;
|
|
39
|
+
this.name = undefined;
|
|
40
|
+
this.pattern = undefined;
|
|
41
|
+
this.placeholder = undefined;
|
|
42
|
+
this.readonly = undefined;
|
|
43
|
+
this.required = undefined;
|
|
44
|
+
this.step = undefined;
|
|
45
|
+
this.type = 'text';
|
|
46
|
+
this.value = undefined;
|
|
47
|
+
}
|
|
48
|
+
handleChange(event) {
|
|
49
|
+
const target = event.target;
|
|
50
|
+
this.value = target.value;
|
|
51
|
+
this.valueChanged.emit(target.value);
|
|
52
|
+
}
|
|
53
|
+
handleFocus(event) {
|
|
54
|
+
const target = event.target;
|
|
55
|
+
this.focusChanged.emit(target.value);
|
|
56
|
+
}
|
|
57
|
+
handleBlur(event) {
|
|
58
|
+
const target = event.target;
|
|
59
|
+
this.blurChanged.emit(target.value);
|
|
60
|
+
}
|
|
61
|
+
handleInvalid(event) {
|
|
62
|
+
event.preventDefault();
|
|
63
|
+
const target = event.target;
|
|
64
|
+
this.invalidChanged.emit(target.value);
|
|
65
|
+
}
|
|
66
|
+
handleInputIconClick(event) {
|
|
67
|
+
event.preventDefault();
|
|
68
|
+
this.inputIconClick.emit();
|
|
69
|
+
}
|
|
70
|
+
handleLeftIconClick(event) {
|
|
71
|
+
event.preventDefault();
|
|
72
|
+
this.leftIconClick.emit();
|
|
73
|
+
}
|
|
74
|
+
handleRightIconClick(event) {
|
|
75
|
+
event.preventDefault();
|
|
76
|
+
this.rightIconClick.emit();
|
|
77
|
+
}
|
|
78
|
+
render() {
|
|
79
|
+
const classNames = [
|
|
80
|
+
this.showerrormsg ? 'invalid' : '',
|
|
81
|
+
this.inputicon ? 'has-input-icon' : '',
|
|
82
|
+
this.iconleft ? 'has-left-icon' : '',
|
|
83
|
+
this.iconright ? 'has-right-icon' : '',
|
|
84
|
+
].join(' ');
|
|
85
|
+
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_4_2", { class: "input-icon", icon: this.inputicon, color: this.inputiconcolor, onClick: this.handleInputIconClick.bind(this) })), this.iconleft && (h("tttx-icon_1_4_2", { 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_4_2", { 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)))));
|
|
86
|
+
}
|
|
87
|
+
};
|
|
88
|
+
TttxInput.style = tttxStandaloneInputCss;
|
|
89
|
+
|
|
90
|
+
export { TttxInput as tttx_standalone_input_1_4_2 };
|
|
@@ -2,7 +2,7 @@ import { r as registerInstance, c as createEvent, h, H as Host } from './index-8
|
|
|
2
2
|
import { p as purify, d as domSanitiserOptions } from './domsanitiser.options-38a67458.js';
|
|
3
3
|
import './_commonjsHelpers-9943807e.js';
|
|
4
4
|
|
|
5
|
-
const tttxTabsCss = ".material-symbols-rounded.sc-tttx-
|
|
5
|
+
const tttxTabsCss = ".material-symbols-rounded.sc-tttx-tabs_1_4_2{font-variation-settings:\"FILL\" 1, \"wght\" 400, \"GRAD\" 0, \"opsz\" 24}.sc-tttx-tabs_1_4_2-h{display:block}.tab-bar.sc-tttx-tabs_1_4_2{display:flex;height:52px}.tab-bar.sc-tttx-tabs_1_4_2>.left-navigation.sc-tttx-tabs_1_4_2,.tab-bar.sc-tttx-tabs_1_4_2>.right-navigation.sc-tttx-tabs_1_4_2{padding:14px 8px;cursor:pointer}.tab-bar.sc-tttx-tabs_1_4_2>.left-navigation.sc-tttx-tabs_1_4_2>*.sc-tttx-tabs_1_4_2,.tab-bar.sc-tttx-tabs_1_4_2>.right-navigation.sc-tttx-tabs_1_4_2>*.sc-tttx-tabs_1_4_2{height:24px;width:24px;cursor:pointer}.tab-bar.sc-tttx-tabs_1_4_2>.tabs-container.sc-tttx-tabs_1_4_2{display:flex;border-bottom:1px solid #d5d5d5}.tab-bar.sc-tttx-tabs_1_4_2>.tabs-container.wide.sc-tttx-tabs_1_4_2{flex-grow:1}.tab-bar.sc-tttx-tabs_1_4_2>.tabs-container.sc-tttx-tabs_1_4_2>*[role=tab].sc-tttx-tabs_1_4_2{padding:18px 16px;line-height:16.408px;font-size:14px;font-weight:500;text-transform:uppercase;user-select:none;color:#757575;cursor:pointer}.tab-bar.sc-tttx-tabs_1_4_2>.tabs-container.sc-tttx-tabs_1_4_2>*[role=tab].sc-tttx-tabs_1_4_2:hover{background-color:rgba(17, 17, 17, 0.05)}.tab-bar.sc-tttx-tabs_1_4_2>.tabs-container.sc-tttx-tabs_1_4_2>*[role=tab][aria-selected].sc-tttx-tabs_1_4_2{color:#212121;cursor:default;border-bottom:3px solid #1579c6}";
|
|
6
6
|
|
|
7
7
|
const TttxTabs = class {
|
|
8
8
|
constructor(hostRef) {
|
|
@@ -77,11 +77,11 @@ const TttxTabs = class {
|
|
|
77
77
|
return;
|
|
78
78
|
}
|
|
79
79
|
const selectedTab = this._tabs.find(tab => tab.selected);
|
|
80
|
-
return (h(Host, null, h("div", null, h("div", { class: "tab-bar", role: "tablist", "aria-label": this.tabsName, ref: el => (this.tabList = el) }, this.navigation && (h("div", { class: "left-navigation", tabindex: "0", onClick: this.handleLeftNavigation.bind(this) }, h("tttx-
|
|
80
|
+
return (h(Host, null, h("div", null, h("div", { class: "tab-bar", role: "tablist", "aria-label": this.tabsName, ref: el => (this.tabList = el) }, this.navigation && (h("div", { class: "left-navigation", tabindex: "0", onClick: this.handleLeftNavigation.bind(this) }, h("tttx-icon_1_4_2", { icon: "navigate_before", color: "black" }))), h("div", { class: 'tabs-container' + (this.wide ? ' wide' : '') }, this._tabs.map(tab => {
|
|
81
81
|
return (h("a", { key: tab.id, id: tab.id, role: "tab", "aria-controls": tab.controls, tabindex: tab.tabIndex, "aria-selected": tab.selected, onClick: () => {
|
|
82
82
|
this.handleTabClick(tab);
|
|
83
83
|
} }, tab.tabName));
|
|
84
|
-
})), this.navigation && (h("div", { class: "right-navigation", tabindex: "0", onClick: this.handleRightNavigation.bind(this) }, h("tttx-
|
|
84
|
+
})), this.navigation && (h("div", { class: "right-navigation", tabindex: "0", onClick: this.handleRightNavigation.bind(this) }, h("tttx-icon_1_4_2", { icon: "navigate_next", color: "black" })))), selectedTab && (h("article", { key: selectedTab.id, id: selectedTab.controls, role: "tabpanel", tabindex: "0", "aria-labelledby": selectedTab.id, "aria-expanded": selectedTab.selected, innerHTML: purify.sanitize(selectedTab.pageContent, domSanitiserOptions), hidden: !selectedTab.selected })))));
|
|
85
85
|
}
|
|
86
86
|
static get watchers() { return {
|
|
87
87
|
"tabs": ["onDataChange"]
|
|
@@ -89,4 +89,4 @@ const TttxTabs = class {
|
|
|
89
89
|
};
|
|
90
90
|
TttxTabs.style = tttxTabsCss;
|
|
91
91
|
|
|
92
|
-
export { TttxTabs as
|
|
92
|
+
export { TttxTabs as tttx_tabs_1_4_2 };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h, H as Host } from './index-88bd2f60.js';
|
|
2
2
|
|
|
3
|
-
const tttxTextareaCss = ".material-symbols-rounded.sc-tttx-
|
|
3
|
+
const tttxTextareaCss = ".material-symbols-rounded.sc-tttx-textarea_1_4_2{font-variation-settings:\"FILL\" 1, \"wght\" 400, \"GRAD\" 0, \"opsz\" 24}.sc-tttx-textarea_1_4_2-h{display:block}label.sc-tttx-textarea_1_4_2{font-weight:500;font-size:16px;line-height:18.752px;color:#212121}label.sc-tttx-textarea_1_4_2 .textarea-container.sc-tttx-textarea_1_4_2{position:relative}label.sc-tttx-textarea_1_4_2 .textarea-container.sc-tttx-textarea_1_4_2 textarea.sc-tttx-textarea_1_4_2{font-family:\"Roboto\", serif;box-sizing:border-box;width:100%;padding:9px 16px;font-size:16px;line-height:18.752px;border:1px solid #d5d5d5;border-radius:4px;margin-top:8px;resize:none}label.sc-tttx-textarea_1_4_2 .textarea-container.sc-tttx-textarea_1_4_2 textarea.no-label.sc-tttx-textarea_1_4_2{margin-top:0}label.sc-tttx-textarea_1_4_2 .textarea-container.sc-tttx-textarea_1_4_2 textarea.sc-tttx-textarea_1_4_2~.errorBubble.sc-tttx-textarea_1_4_2{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-textarea_1_4_2 .textarea-container.sc-tttx-textarea_1_4_2 textarea.sc-tttx-textarea_1_4_2~.errorBubble.sc-tttx-textarea_1_4_2:not(.visible){display:none}label.sc-tttx-textarea_1_4_2 .textarea-container.sc-tttx-textarea_1_4_2 textarea.sc-tttx-textarea_1_4_2~.errorBubble.sc-tttx-textarea_1_4_2 span.sc-tttx-textarea_1_4_2{color:#dc0000;font-size:16px;margin-right:4px}label.sc-tttx-textarea_1_4_2 .textarea-container.sc-tttx-textarea_1_4_2 textarea.sc-tttx-textarea_1_4_2:focus{border-color:#1479c6}label.sc-tttx-textarea_1_4_2 .textarea-container.sc-tttx-textarea_1_4_2 textarea.sc-tttx-textarea_1_4_2:focus-visible{outline:none}label.sc-tttx-textarea_1_4_2 .secondarylabel.sc-tttx-textarea_1_4_2{color:#757575;font-size:14px;line-height:16.408px;font-weight:normal;display:flex;margin-top:4px}label.sc-tttx-textarea_1_4_2 .optional.sc-tttx-textarea_1_4_2{color:#757575;font-weight:normal}";
|
|
4
4
|
|
|
5
5
|
const TttxTextarea = class {
|
|
6
6
|
constructor(hostRef) {
|
|
@@ -52,4 +52,4 @@ const TttxTextarea = class {
|
|
|
52
52
|
};
|
|
53
53
|
TttxTextarea.style = tttxTextareaCss;
|
|
54
54
|
|
|
55
|
-
export { TttxTextarea as
|
|
55
|
+
export { TttxTextarea as tttx_textarea_1_4_2 };
|
|
@@ -59,7 +59,7 @@ const TttxTreeView = class {
|
|
|
59
59
|
event.stopPropagation();
|
|
60
60
|
this.onClickHandler(event, node);
|
|
61
61
|
}
|
|
62
|
-
} }, h("tttx-
|
|
62
|
+
} }, h("tttx-button_1_4_2", { class: "toggleNode", design: "borderless-circle", notext: true, icon: options.expanderIcon, color: "black", onClick: event => this.toggleNode(node, event) }), this.htmlcode('treeNode', node, options.checkboxIcon, options.checkboxColor)), node.isOpen ? (h("ul", null, h("div", { class: "child-node" }, node.child.map(childNode => {
|
|
63
63
|
return this.renderNode(childNode);
|
|
64
64
|
})))) : null));
|
|
65
65
|
}
|
|
@@ -73,7 +73,7 @@ const TttxTreeView = class {
|
|
|
73
73
|
}
|
|
74
74
|
}
|
|
75
75
|
htmlcode(type, node, check_box, check_boxColor) {
|
|
76
|
-
const htmlcode = (h("div", { class: "inline-tree-item element" }, node.hasCheckbox && (h("tttx-
|
|
76
|
+
const htmlcode = (h("div", { class: "inline-tree-item element" }, node.hasCheckbox && (h("tttx-button_1_4_2", { design: "borderless-circle", notext: true, icon: check_box, iconcolor: check_boxColor, class: "padding-icon checkbox", onClick: event => this.handleCheckboxChange(node, event) })), !node.html && node.hasIcon && h("tttx-icon_1_4_2", { icon: node.icon, color: node.iconColor, class: "padding-icon" }), !node.html && h("div", { class: type }, node.title), node.html && h("div", { class: type, innerHTML: purify.sanitize(node.html, domSanitiserOptions) })));
|
|
77
77
|
return htmlcode;
|
|
78
78
|
}
|
|
79
79
|
render() {
|
|
@@ -85,4 +85,4 @@ const TttxTreeView = class {
|
|
|
85
85
|
};
|
|
86
86
|
TttxTreeView.style = tttxTreeViewCss;
|
|
87
87
|
|
|
88
|
-
export { TttxTreeView as
|
|
88
|
+
export { TttxTreeView as tttx_tree_view_1_4_2 };
|
package/dist/esm/tttx.js
CHANGED
|
@@ -14,5 +14,5 @@ const patchBrowser = () => {
|
|
|
14
14
|
};
|
|
15
15
|
|
|
16
16
|
patchBrowser().then(options => {
|
|
17
|
-
return bootstrapLazy([["tttx-data-
|
|
17
|
+
return bootstrapLazy([["tttx-data-pattern_1_4_2",[[1,"tttx-data-pattern_1_4_2",{"data":[1],"sorteroptions":[1],"filteroptions":[1],"filterheader":[1]}]]],["tttx-form_1_4_2",[[1,"tttx-form_1_4_2",{"formschema":[1025],"data":[1032],"submit":[64],"setSelectOptions":[64],"setValidationFor":[64],"clearValidationFor":[64],"disableFormField":[64],"enableFormField":[64]}]]],["tttx-multiselect-box_1_4_2",[[1,"tttx-multiselect-box_1_4_2",{"optionsData":[1,"options-data"],"label":[1],"inline":[4],"placeholder":[1],"searchEnabled":[4,"search-enabled"],"htmlVisibleValue":[4,"html-visible-value"],"visibleValue":[1,"visible-value"],"open":[32],"unsavedSelectedItems":[32],"searchTerm":[32]},[[0,"closeSelectBox","handleCloseSelectBox"],[0,"blur","handleBlur"]]]]],["tttx-dialog-box_1_4_2",[[1,"tttx-dialog-box_1_4_2",{"data":[1025],"size":[1],"open":[1028],"allowOverflow":[4,"allow-overflow"],"elementSize":[32]},[[9,"resize","handleResize"]]]]],["tttx-dialog_1_4_2",[[1,"tttx-dialog_1_4_2",{"header":[1],"type":[1],"size":[1],"open":[4],"allowOverflow":[4,"allow-overflow"],"closeEnabled":[4,"close-enabled"],"elementSize":[32]},[[9,"resize","handleResize"]]]]],["tttx-tree-view_1_4_2",[[1,"tttx-tree-view_1_4_2",{"data":[1040],"treeData":[32]}]]],["tttx-checkbox_1_4_2",[[0,"tttx-checkbox_1_4_2",{"checkboxId":[1,"checkbox-id"],"label":[1],"inline":[4],"indeterminate":[4],"checked":[4]}]]],["tttx-expander_1_4_2",[[1,"tttx-expander_1_4_2",{"name":[1],"open":[4],"lefticon":[1],"lefticoncolor":[1],"isExpanded":[32]}]]],["tttx-tabs_1_4_2",[[2,"tttx-tabs_1_4_2",{"tabsName":[1,"tabs-name"],"navigation":[4],"wide":[4],"tabs":[1],"_tabs":[32]},[[0,"keydown","handleKeyDown"]]]]],["tttx-checkbox-group-caption_1_4_2",[[4,"tttx-checkbox-group-caption_1_4_2"]]],["tttx-checkbox-group-heading_1_4_2",[[4,"tttx-checkbox-group-heading_1_4_2"]]],["tttx-checkbox-group_1_4_2",[[1,"tttx-checkbox-group_1_4_2"]]],["tttx-keyvalue-block_1_4_2",[[1,"tttx-keyvalue-block_1_4_2",{"keyvalues":[1],"horizontal":[4],"spacedout":[4],"_elements":[32]}]]],["tttx-loading-spinner_1_4_2",[[1,"tttx-loading-spinner_1_4_2",{"loadingMessage":[1028,"loading-message"],"size":[1025]}]]],["tttx-percentage-bar_1_4_2",[[2,"tttx-percentage-bar_1_4_2",{"percentage":[8],"thresholds":[1],"color":[1],"min":[1],"labelid":[1],"_percentage":[32],"_ranges":[32],"_min":[32]}]]],["tttx-qrcode_1_4_2",[[1,"tttx-qrcode_1_4_2",{"link":[1025],"size":[1026]}]]],["tttx-tag_1_4_2",[[1,"tttx-tag_1_4_2",{"text":[1],"color":[1],"textColor":[1,"text-color"]}]]],["tttx-textarea_1_4_2",[[2,"tttx-textarea_1_4_2",{"label":[1],"secondarylabel":[1],"showerrormsg":[4],"showerrorbubble":[4],"errormsg":[1],"rows":[2],"textareaautofocus":[4],"inputkeyhint":[1],"inputindex":[8],"inputtitle":[1],"disabled":[4],"maxlength":[8],"name":[1],"placeholder":[1],"readonly":[8],"required":[4],"value":[1032]}]]],["tttx-icon_1_4_2",[[1,"tttx-icon_1_4_2",{"icon":[1],"color":[1],"size":[1026]}]]],["tttx-standalone-input_1_4_2",[[2,"tttx-standalone-input_1_4_2",{"label":[1],"secondarylabel":[1],"showerrormsg":[4],"showerrorbubble":[4],"errormsg":[1],"iconleft":[1],"iconleftcolor":[1],"iconright":[1],"iconrightcolor":[1],"inputicon":[1],"inputiconcolor":[1],"inline":[4],"inputautocapitalize":[1],"inputautofocus":[4],"inputkeyhint":[1],"inputindex":[8],"inputtitle":[1],"autocomplete":[1],"checked":[4],"disabled":[4],"max":[8],"maxlength":[8],"min":[8],"minlength":[8],"name":[1],"pattern":[1],"placeholder":[1],"readonly":[8],"required":[4],"step":[8],"type":[1],"value":[1032]}]]],["tttx-select-box_1_4_2",[[1,"tttx-select-box_1_4_2",{"optionsData":[1,"options-data"],"label":[1],"inline":[4],"placeholder":[1],"searchEnabled":[4,"search-enabled"],"selectedValue":[1,"selected-value"],"showErrorMsg":[4,"show-error-msg"],"showErrorBubble":[4,"show-error-bubble"],"errorMsg":[1,"error-msg"],"open":[32],"selectedItem":[32],"searchTerm":[32],"setSelectedItem":[64]},[[0,"closeSelectBox","handleCloseSelectBox"],[0,"blur","handleBlur"]]]]],["tttx-filter_1_4_2_4",[[1,"tttx-filter_1_4_2",{"filterKey":[1,"filter-key"],"filterOptions":[1,"filter-options"],"showSelectAll":[4,"show-select-all"],"showSearchField":[4,"show-search-field"],"showOptionIcons":[4,"show-option-icons"],"filterButtonStyle":[1,"filter-button-style"],"filterHeader":[1,"filter-header"],"defaultFilterOptions":[1,"default-filter-options"],"popoverWidth":[1,"popover-width"],"showPopover":[32],"displayedFilterSettings":[32],"selectedFilters":[32],"filterSearchTerm":[32],"allSelected":[32]},[[0,"closeFilter","handleCloseFilter"]]],[1,"tttx-list_1_4_2",{"data":[1025],"name":[1],"_data":[32]}],[1,"tttx-sorter_1_4_2",{"sorterKey":[1,"sorter-key"],"defaultSortDirection":[1,"default-sort-direction"],"fieldOptionsData":[1,"field-options-data"],"defaultOption":[1,"default-option"],"selectedField":[32],"sortDirection":[32],"dropdownExpand":[32],"dropdownOptions":[32]},[[0,"closeSorter","handleCloseSorter"]]],[1,"tttx-toolbar_1_4_2",{"border":[4],"viewSize":[32]},[[9,"resize","handleResize"]]]]],["tttx-button_1_4_2",[[1,"tttx-button_1_4_2",{"notext":[4],"icon":[1],"iconposition":[1],"iconcolor":[1025],"design":[1]}]]]], options);
|
|
18
18
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r,h as t,g as n}from"./p-d490353a.js";import{c as e}from"./p-112455b1.js";var i=e((function(r){window,r.exports=function(r){var t={};function n(e){if(t[e])return t[e].exports;var i=t[e]={i:e,l:!1,exports:{}};return r[e].call(i.exports,i,i.exports,n),i.l=!0,i.exports}return n.m=r,n.c=t,n.d=function(r,t,e){n.o(r,t)||Object.defineProperty(r,t,{enumerable:!0,get:e})},n.r=function(r){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(r,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(r,"__esModule",{value:!0})},n.t=function(r,t){if(1&t&&(r=n(r)),8&t)return r;if(4&t&&"object"==typeof r&&r&&r.__esModule)return r;var e=Object.create(null);if(n.r(e),Object.defineProperty(e,"default",{enumerable:!0,value:r}),2&t&&"string"!=typeof r)for(var i in r)n.d(e,i,function(t){return r[t]}.bind(null,i));return e},n.n=function(r){var t=r&&r.__esModule?function(){return r.default}:function(){return r};return n.d(t,"a",t),t},n.o=function(r,t){return Object.prototype.hasOwnProperty.call(r,t)},n.p="",n(n.s=3)}([function(r,t){Object.defineProperty(t,"__esModule",{value:!0}),t.QRMode={MODE_NUMBER:1,MODE_ALPHA_NUM:2,MODE_8BIT_BYTE:4,MODE_KANJI:8},t.QRErrorCorrectLevel={L:1,M:0,Q:3,H:2},t.QRMaskPattern={PATTERN000:0,PATTERN001:1,PATTERN010:2,PATTERN011:3,PATTERN100:4,PATTERN101:5,PATTERN110:6,PATTERN111:7}},function(r,t){Object.defineProperty(t,"__esModule",{value:!0}),t.QRMath={glog:function(r){if(r<1)throw new Error("glog("+r+")");return t.QRMath.LOG_TABLE[r]},gexp:function(r){for(;r<0;)r+=255;for(;r>=256;)r-=255;return t.QRMath.EXP_TABLE[r]},EXP_TABLE:new Array(256),LOG_TABLE:new Array(256)};for(var n=0;n<8;n++)t.QRMath.EXP_TABLE[n]=1<<n;for(n=8;n<256;n++)t.QRMath.EXP_TABLE[n]=t.QRMath.EXP_TABLE[n-4]^t.QRMath.EXP_TABLE[n-5]^t.QRMath.EXP_TABLE[n-6]^t.QRMath.EXP_TABLE[n-8];for(n=0;n<255;n++)t.QRMath.LOG_TABLE[t.QRMath.EXP_TABLE[n]]=n},function(r,t,n){Object.defineProperty(t,"__esModule",{value:!0});var e=n(1),i=function(){function r(r,t){if(null==r.length)throw new Error(r.length+"/"+t);for(var n=0;n<r.length&&0===r[n];)n++;this.num=new Array(r.length-n+t);for(var e=0;e<r.length-n;e++)this.num[e]=r[e+n]}return r.prototype.get=function(r){return this.num[r]},r.prototype.getLength=function(){return this.num.length},r.prototype.multiply=function(t){for(var n=new Array(this.getLength()+t.getLength()-1),i=0;i<this.getLength();i++)for(var o=0;o<t.getLength();o++)n[i+o]^=e.QRMath.gexp(e.QRMath.glog(this.get(i))+e.QRMath.glog(t.get(o)));return new r(n,0)},r.prototype.mod=function(t){if(this.getLength()-t.getLength()<0)return this;for(var n=e.QRMath.glog(this.get(0))-e.QRMath.glog(t.get(0)),i=new Array(this.getLength()),o=0;o<this.getLength();o++)i[o]=this.get(o);for(o=0;o<t.getLength();o++)i[o]^=e.QRMath.gexp(e.QRMath.glog(t.get(o))+n);return new r(i,0).mod(t)},r}();t.default=i},function(r,t,n){Object.defineProperty(t,"__esModule",{value:!0});var e=n(4),i=n(5),o=n(6),s=n(7),f=n(2),u=n(0),a=n(0);t.QRErrorCorrectLevel=a.QRErrorCorrectLevel;var h=function(){function r(r,t){this.typeNumber=r,this.errorCorrectLevel=t,this.modules=null,this.moduleCount=0,this.dataCache=null,this.dataList=[]}return r.prototype.addData=function(r){var t=new i.default(r);this.dataList.push(t),this.dataCache=null},r.prototype.isDark=function(r,t){if(r<0||this.moduleCount<=r||t<0||this.moduleCount<=t)throw new Error(r+","+t);return this.modules[r][t]},r.prototype.getModuleCount=function(){return this.moduleCount},r.prototype.make=function(){if(this.typeNumber<1){var r=void 0;for(r=1;r<40;r++){for(var t=s.default.getRSBlocks(r,this.errorCorrectLevel),n=new o.default,i=0,f=0;f<t.length;f++)i+=t[f].dataCount;for(f=0;f<this.dataList.length;f++){var u=this.dataList[f];n.put(u.mode,4),n.put(u.getLength(),e.QRUtil.getLengthInBits(u.mode,r)),u.write(n)}if(n.getLengthInBits()<=8*i)break}this.typeNumber=r}this.makeImpl(!1,this.getBestMaskPattern())},r.prototype.makeImpl=function(t,n){this.moduleCount=4*this.typeNumber+17,this.modules=new Array(this.moduleCount);for(var e=0;e<this.moduleCount;e++){this.modules[e]=new Array(this.moduleCount);for(var i=0;i<this.moduleCount;i++)this.modules[e][i]=null}this.setupPositionProbePattern(0,0),this.setupPositionProbePattern(this.moduleCount-7,0),this.setupPositionProbePattern(0,this.moduleCount-7),this.setupPositionAdjustPattern(),this.setupTimingPattern(),this.setupTypeInfo(t,n),this.typeNumber>=7&&this.setupTypeNumber(t),null==this.dataCache&&(this.dataCache=r.createData(this.typeNumber,this.errorCorrectLevel,this.dataList)),this.mapData(this.dataCache,n)},r.prototype.setupPositionProbePattern=function(r,t){for(var n=-1;n<=7;n++)if(!(r+n<=-1||this.moduleCount<=r+n))for(var e=-1;e<=7;e++)t+e<=-1||this.moduleCount<=t+e||(this.modules[r+n][t+e]=n>=0&&n<=6&&(0===e||6===e)||e>=0&&e<=6&&(0===n||6===n)||n>=2&&n<=4&&e>=2&&e<=4)},r.prototype.getBestMaskPattern=function(){for(var r=0,t=0,n=0;n<8;n++){this.makeImpl(!0,n);var i=e.QRUtil.getLostPoint(this);(0===n||r>i)&&(r=i,t=n)}return t},r.prototype.createMovieClip=function(r,t,n){var e=r.createEmptyMovieClip(t,n);this.make();for(var i=0;i<this.modules.length;i++)for(var o=1*i,s=0;s<this.modules[i].length;s++){var f=1*s;this.modules[i][s]&&(e.beginFill(0,100),e.moveTo(f,o),e.lineTo(f+1,o),e.lineTo(f+1,o+1),e.lineTo(f,o+1),e.endFill())}return e},r.prototype.setupTimingPattern=function(){for(var r=8;r<this.moduleCount-8;r++)null==this.modules[r][6]&&(this.modules[r][6]=r%2==0);for(var t=8;t<this.moduleCount-8;t++)null==this.modules[6][t]&&(this.modules[6][t]=t%2==0)},r.prototype.setupPositionAdjustPattern=function(){for(var r=e.QRUtil.getPatternPosition(this.typeNumber),t=0;t<r.length;t++)for(var n=0;n<r.length;n++){var i=r[t],o=r[n];if(null==this.modules[i][o])for(var s=-2;s<=2;s++)for(var f=-2;f<=2;f++)this.modules[i+s][o+f]=-2===s||2===s||-2===f||2===f||0===s&&0===f}},r.prototype.setupTypeNumber=function(r){for(var t=e.QRUtil.getBCHTypeNumber(this.typeNumber),n=0;n<18;n++){var i=!r&&1==(t>>n&1);this.modules[Math.floor(n/3)][n%3+this.moduleCount-8-3]=i}for(n=0;n<18;n++)i=!r&&1==(t>>n&1),this.modules[n%3+this.moduleCount-8-3][Math.floor(n/3)]=i},r.prototype.setupTypeInfo=function(r,t){for(var n=e.QRUtil.getBCHTypeInfo(this.errorCorrectLevel<<3|t),i=0;i<15;i++){var o=!r&&1==(n>>i&1);i<6?this.modules[i][8]=o:i<8?this.modules[i+1][8]=o:this.modules[this.moduleCount-15+i][8]=o}for(i=0;i<15;i++)o=!r&&1==(n>>i&1),i<8?this.modules[8][this.moduleCount-i-1]=o:i<9?this.modules[8][15-i-1+1]=o:this.modules[8][15-i-1]=o;this.modules[this.moduleCount-8][8]=!r},r.prototype.mapData=function(r,t){for(var n=-1,i=this.moduleCount-1,o=7,s=0,f=this.moduleCount-1;f>0;f-=2)for(6===f&&f--;;){for(var u=0;u<2;u++)if(null==this.modules[i][f-u]){var a=!1;s<r.length&&(a=1==(r[s]>>>o&1)),e.QRUtil.getMask(t,i,f-u)&&(a=!a),this.modules[i][f-u]=a,-1==--o&&(s++,o=7)}if((i+=n)<0||this.moduleCount<=i){i-=n,n=-n;break}}},r.createData=function(t,n,i){for(var f=s.default.getRSBlocks(t,n),u=new o.default,a=0;a<i.length;a++){var h=i[a];u.put(h.mode,4),u.put(h.getLength(),e.QRUtil.getLengthInBits(h.mode,t)),h.write(u)}var c=0;for(a=0;a<f.length;a++)c+=f[a].dataCount;if(u.getLengthInBits()>8*c)throw new Error("code length overflow. ("+u.getLengthInBits()+">"+8*c+")");for(u.getLengthInBits()+4<=8*c&&u.put(0,4);u.getLengthInBits()%8!=0;)u.putBit(!1);for(;!(u.getLengthInBits()>=8*c||(u.put(r.PAD0,8),u.getLengthInBits()>=8*c));)u.put(r.PAD1,8);return r.createBytes(u,f)},r.createBytes=function(r,t){for(var n=0,i=0,o=0,s=new Array(t.length),u=new Array(t.length),a=0;a<t.length;a++){var h=t[a].dataCount,c=t[a].totalCount-h;i=Math.max(i,h),o=Math.max(o,c),s[a]=new Array(h);for(var v=0;v<s[a].length;v++)s[a][v]=255&r.buffer[v+n];n+=h;var l=e.QRUtil.getErrorCorrectPolynomial(c),w=new f.default(s[a],l.getLength()-1).mod(l);for(u[a]=new Array(l.getLength()-1),v=0;v<u[a].length;v++){var d=v+w.getLength()-u[a].length;u[a][v]=d>=0?w.get(d):0}}var M=0;for(v=0;v<t.length;v++)M+=t[v].totalCount;var b=new Array(M),E=0;for(v=0;v<i;v++)for(a=0;a<t.length;a++)v<s[a].length&&(b[E++]=s[a][v]);for(v=0;v<o;v++)for(a=0;a<t.length;a++)v<u[a].length&&(b[E++]=u[a][v]);return b},r.createCanvas=function(t){var n=Object.assign({width:256,height:256,correctLevel:u.QRErrorCorrectLevel.H,background:"#ffffff",foreground:"#000000"},t),e=new r(-1,n.correctLevel);e.addData(n.text),e.make();var i=document.createElement("canvas");i.width=n.width,i.height=n.height;for(var o=i.getContext("2d"),s=n.width/e.getModuleCount(),f=n.height/e.getModuleCount(),a=0;a<e.getModuleCount();a++)for(var h=0;h<e.getModuleCount();h++){o.fillStyle=e.isDark(a,h)?n.foreground:n.background;var c=Math.ceil((h+1)*s)-Math.floor(h*s),v=Math.ceil((a+1)*f)-Math.floor(a*f);o.fillRect(Math.round(h*s),Math.round(a*f),c,v)}return i},r.setCanvas=function(t,n){var e=document.getElementById(t);e.innerHTML="",e.appendChild(r.createCanvas(n))},r.PAD0=236,r.PAD1=17,r}();t.QRCode=h},function(r,t,n){Object.defineProperty(t,"__esModule",{value:!0});var e=n(0),i=n(1),o=n(2);t.QRUtil={PATTERN_POSITION_TABLE:[[],[6,18],[6,22],[6,26],[6,30],[6,34],[6,22,38],[6,24,42],[6,26,46],[6,28,50],[6,30,54],[6,32,58],[6,34,62],[6,26,46,66],[6,26,48,70],[6,26,50,74],[6,30,54,78],[6,30,56,82],[6,30,58,86],[6,34,62,90],[6,28,50,72,94],[6,26,50,74,98],[6,30,54,78,102],[6,28,54,80,106],[6,32,58,84,110],[6,30,58,86,114],[6,34,62,90,118],[6,26,50,74,98,122],[6,30,54,78,102,126],[6,26,52,78,104,130],[6,30,56,82,108,134],[6,34,60,86,112,138],[6,30,58,86,114,142],[6,34,62,90,118,146],[6,30,54,78,102,126,150],[6,24,50,76,102,128,154],[6,28,54,80,106,132,158],[6,32,58,84,110,136,162],[6,26,54,82,110,138,166],[6,30,58,86,114,142,170]],G15:1335,G18:7973,G15_MASK:21522,getBCHTypeInfo:function(r){for(var n=r<<10;t.QRUtil.getBCHDigit(n)-t.QRUtil.getBCHDigit(t.QRUtil.G15)>=0;)n^=t.QRUtil.G15<<t.QRUtil.getBCHDigit(n)-t.QRUtil.getBCHDigit(t.QRUtil.G15);return(r<<10|n)^t.QRUtil.G15_MASK},getBCHTypeNumber:function(r){for(var n=r<<12;t.QRUtil.getBCHDigit(n)-t.QRUtil.getBCHDigit(t.QRUtil.G18)>=0;)n^=t.QRUtil.G18<<t.QRUtil.getBCHDigit(n)-t.QRUtil.getBCHDigit(t.QRUtil.G18);return r<<12|n},getBCHDigit:function(r){for(var t=0;0!==r;)t++,r>>>=1;return t},getPatternPosition:function(r){return t.QRUtil.PATTERN_POSITION_TABLE[r-1]},getMask:function(r,t,n){switch(r){case e.QRMaskPattern.PATTERN000:return(t+n)%2==0;case e.QRMaskPattern.PATTERN001:return t%2==0;case e.QRMaskPattern.PATTERN010:return n%3==0;case e.QRMaskPattern.PATTERN011:return(t+n)%3==0;case e.QRMaskPattern.PATTERN100:return(Math.floor(t/2)+Math.floor(n/3))%2==0;case e.QRMaskPattern.PATTERN101:return t*n%2+t*n%3==0;case e.QRMaskPattern.PATTERN110:return(t*n%2+t*n%3)%2==0;case e.QRMaskPattern.PATTERN111:return(t*n%3+(t+n)%2)%2==0;default:throw new Error("bad maskPattern:"+r)}},getErrorCorrectPolynomial:function(r){for(var t=new o.default([1],0),n=0;n<r;n++)t=t.multiply(new o.default([1,i.QRMath.gexp(n)],0));return t},getLengthInBits:function(r,t){if(t>=1&&t<10)switch(r){case e.QRMode.MODE_NUMBER:return 10;case e.QRMode.MODE_ALPHA_NUM:return 9;case e.QRMode.MODE_8BIT_BYTE:case e.QRMode.MODE_KANJI:return 8;default:throw new Error("mode:"+r)}else if(t<27)switch(r){case e.QRMode.MODE_NUMBER:return 12;case e.QRMode.MODE_ALPHA_NUM:return 11;case e.QRMode.MODE_8BIT_BYTE:return 16;case e.QRMode.MODE_KANJI:return 10;default:throw new Error("mode:"+r)}else{if(!(t<41))throw new Error("type:"+t);switch(r){case e.QRMode.MODE_NUMBER:return 14;case e.QRMode.MODE_ALPHA_NUM:return 13;case e.QRMode.MODE_8BIT_BYTE:return 16;case e.QRMode.MODE_KANJI:return 12;default:throw new Error("mode:"+r)}}},getLostPoint:function(r){for(var t=r.getModuleCount(),n=0,e=0;e<t;e++)for(var i=0;i<t;i++){for(var o=0,s=r.isDark(e,i),f=-1;f<=1;f++)if(!(e+f<0||t<=e+f))for(var u=-1;u<=1;u++)i+u<0||t<=i+u||0===f&&0===u||s===r.isDark(e+f,i+u)&&o++;o>5&&(n+=3+o-5)}for(e=0;e<t-1;e++)for(i=0;i<t-1;i++){var a=0;r.isDark(e,i)&&a++,r.isDark(e+1,i)&&a++,r.isDark(e,i+1)&&a++,r.isDark(e+1,i+1)&&a++,0!==a&&4!==a||(n+=3)}for(e=0;e<t;e++)for(i=0;i<t-6;i++)r.isDark(e,i)&&!r.isDark(e,i+1)&&r.isDark(e,i+2)&&r.isDark(e,i+3)&&r.isDark(e,i+4)&&!r.isDark(e,i+5)&&r.isDark(e,i+6)&&(n+=40);for(i=0;i<t;i++)for(e=0;e<t-6;e++)r.isDark(e,i)&&!r.isDark(e+1,i)&&r.isDark(e+2,i)&&r.isDark(e+3,i)&&r.isDark(e+4,i)&&!r.isDark(e+5,i)&&r.isDark(e+6,i)&&(n+=40);var h=0;for(i=0;i<t;i++)for(e=0;e<t;e++)r.isDark(e,i)&&h++;return n+Math.abs(100*h/t/t-50)/5*10}}},function(r,t,n){Object.defineProperty(t,"__esModule",{value:!0});var e=n(0),i=function(){function r(r){this.mode=e.QRMode.MODE_8BIT_BYTE,this.data=r}return r.prototype.getLength=function(){return this.data.length},r.prototype.write=function(r){for(var t=0;t<this.data.length;t++)r.put(this.data.charCodeAt(t),8)},r}();t.default=i},function(r,t){Object.defineProperty(t,"__esModule",{value:!0});var n=function(){function r(){this.buffer=[],this.length=0}return r.prototype.get=function(r){var t=Math.floor(r/8);return 1==(this.buffer[t]>>>7-r%8&1)},r.prototype.put=function(r,t){for(var n=0;n<t;n++)this.putBit(1==(r>>>t-n-1&1))},r.prototype.getLengthInBits=function(){return this.length},r.prototype.putBit=function(r){var t=Math.floor(this.length/8);this.buffer.length<=t&&this.buffer.push(0),r&&(this.buffer[t]|=128>>>this.length%8),this.length++},r}();t.default=n},function(r,t,n){Object.defineProperty(t,"__esModule",{value:!0});var e=n(0),i=function(){function r(r,t){this.totalCount=r,this.dataCount=t}return r.getRSBlocks=function(t,n){var e=this.getRsBlockTable(t,n);if(void 0===e)throw new Error("bad rs block @ typeNumber:"+t+"/errorCorrectLevel:"+n);for(var i=e.length/3,o=[],s=0;s<i;s++)for(var f=e[3*s],u=e[3*s+1],a=e[3*s+2],h=0;h<f;h++)o.push(new r(u,a));return o},r.getRsBlockTable=function(r,t){switch(t){case e.QRErrorCorrectLevel.L:return this.RS_BLOCK_TABLE[4*(r-1)];case e.QRErrorCorrectLevel.M:return this.RS_BLOCK_TABLE[4*(r-1)+1];case e.QRErrorCorrectLevel.Q:return this.RS_BLOCK_TABLE[4*(r-1)+2];case e.QRErrorCorrectLevel.H:return this.RS_BLOCK_TABLE[4*(r-1)+3];default:return}},r.RS_BLOCK_TABLE=[[1,26,19],[1,26,16],[1,26,13],[1,26,9],[1,44,34],[1,44,28],[1,44,22],[1,44,16],[1,70,55],[1,70,44],[2,35,17],[2,35,13],[1,100,80],[2,50,32],[2,50,24],[4,25,9],[1,134,108],[2,67,43],[2,33,15,2,34,16],[2,33,11,2,34,12],[2,86,68],[4,43,27],[4,43,19],[4,43,15],[2,98,78],[4,49,31],[2,32,14,4,33,15],[4,39,13,1,40,14],[2,121,97],[2,60,38,2,61,39],[4,40,18,2,41,19],[4,40,14,2,41,15],[2,146,116],[3,58,36,2,59,37],[4,36,16,4,37,17],[4,36,12,4,37,13],[2,86,68,2,87,69],[4,69,43,1,70,44],[6,43,19,2,44,20],[6,43,15,2,44,16],[4,101,81],[1,80,50,4,81,51],[4,50,22,4,51,23],[3,36,12,8,37,13],[2,116,92,2,117,93],[6,58,36,2,59,37],[4,46,20,6,47,21],[7,42,14,4,43,15],[4,133,107],[8,59,37,1,60,38],[8,44,20,4,45,21],[12,33,11,4,34,12],[3,145,115,1,146,116],[4,64,40,5,65,41],[11,36,16,5,37,17],[11,36,12,5,37,13],[5,109,87,1,110,88],[5,65,41,5,66,42],[5,54,24,7,55,25],[11,36,12],[5,122,98,1,123,99],[7,73,45,3,74,46],[15,43,19,2,44,20],[3,45,15,13,46,16],[1,135,107,5,136,108],[10,74,46,1,75,47],[1,50,22,15,51,23],[2,42,14,17,43,15],[5,150,120,1,151,121],[9,69,43,4,70,44],[17,50,22,1,51,23],[2,42,14,19,43,15],[3,141,113,4,142,114],[3,70,44,11,71,45],[17,47,21,4,48,22],[9,39,13,16,40,14],[3,135,107,5,136,108],[3,67,41,13,68,42],[15,54,24,5,55,25],[15,43,15,10,44,16],[4,144,116,4,145,117],[17,68,42],[17,50,22,6,51,23],[19,46,16,6,47,17],[2,139,111,7,140,112],[17,74,46],[7,54,24,16,55,25],[34,37,13],[4,151,121,5,152,122],[4,75,47,14,76,48],[11,54,24,14,55,25],[16,45,15,14,46,16],[6,147,117,4,148,118],[6,73,45,14,74,46],[11,54,24,16,55,25],[30,46,16,2,47,17],[8,132,106,4,133,107],[8,75,47,13,76,48],[7,54,24,22,55,25],[22,45,15,13,46,16],[10,142,114,2,143,115],[19,74,46,4,75,47],[28,50,22,6,51,23],[33,46,16,4,47,17],[8,152,122,4,153,123],[22,73,45,3,74,46],[8,53,23,26,54,24],[12,45,15,28,46,16],[3,147,117,10,148,118],[3,73,45,23,74,46],[4,54,24,31,55,25],[11,45,15,31,46,16],[7,146,116,7,147,117],[21,73,45,7,74,46],[1,53,23,37,54,24],[19,45,15,26,46,16],[5,145,115,10,146,116],[19,75,47,10,76,48],[15,54,24,25,55,25],[23,45,15,25,46,16],[13,145,115,3,146,116],[2,74,46,29,75,47],[42,54,24,1,55,25],[23,45,15,28,46,16],[17,145,115],[10,74,46,23,75,47],[10,54,24,35,55,25],[19,45,15,35,46,16],[17,145,115,1,146,116],[14,74,46,21,75,47],[29,54,24,19,55,25],[11,45,15,46,46,16],[13,145,115,6,146,116],[14,74,46,23,75,47],[44,54,24,7,55,25],[59,46,16,1,47,17],[12,151,121,7,152,122],[12,75,47,26,76,48],[39,54,24,14,55,25],[22,45,15,41,46,16],[6,151,121,14,152,122],[6,75,47,34,76,48],[46,54,24,10,55,25],[2,45,15,64,46,16],[17,152,122,4,153,123],[29,74,46,14,75,47],[49,54,24,10,55,25],[24,45,15,46,46,16],[4,152,122,18,153,123],[13,74,46,32,75,47],[48,54,24,14,55,25],[42,45,15,32,46,16],[20,147,117,4,148,118],[40,75,47,7,76,48],[43,54,24,22,55,25],[10,45,15,67,46,16],[19,148,118,6,149,119],[18,75,47,31,76,48],[34,54,24,34,55,25],[20,45,15,61,46,16]],r}();t.default=i}])}));const o=class{constructor(t){r(this,t),this.link="https://example.com",this.size=258}componentDidLoad(){this.setShadowCanvas("qrcode",{width:this.size,height:this.size,correctLevel:i.QRErrorCorrectLevel.H,background:"#ffffff",foreground:"#000000",text:this.link})}setShadowCanvas(r,t){const n=this.hostElement.shadowRoot.getElementById(r);n.innerHTML="",n.appendChild(i.QRCode.createCanvas(t))}render(){return t("div",{id:"qrcode"})}get hostElement(){return n(this)}};o.style="";export{o as tttx_qrcode_1_4_0}
|
|
1
|
+
import{r,h as t,g as n}from"./p-d490353a.js";import{c as e}from"./p-112455b1.js";var i=e((function(r){window,r.exports=function(r){var t={};function n(e){if(t[e])return t[e].exports;var i=t[e]={i:e,l:!1,exports:{}};return r[e].call(i.exports,i,i.exports,n),i.l=!0,i.exports}return n.m=r,n.c=t,n.d=function(r,t,e){n.o(r,t)||Object.defineProperty(r,t,{enumerable:!0,get:e})},n.r=function(r){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(r,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(r,"__esModule",{value:!0})},n.t=function(r,t){if(1&t&&(r=n(r)),8&t)return r;if(4&t&&"object"==typeof r&&r&&r.__esModule)return r;var e=Object.create(null);if(n.r(e),Object.defineProperty(e,"default",{enumerable:!0,value:r}),2&t&&"string"!=typeof r)for(var i in r)n.d(e,i,function(t){return r[t]}.bind(null,i));return e},n.n=function(r){var t=r&&r.__esModule?function(){return r.default}:function(){return r};return n.d(t,"a",t),t},n.o=function(r,t){return Object.prototype.hasOwnProperty.call(r,t)},n.p="",n(n.s=3)}([function(r,t){Object.defineProperty(t,"__esModule",{value:!0}),t.QRMode={MODE_NUMBER:1,MODE_ALPHA_NUM:2,MODE_8BIT_BYTE:4,MODE_KANJI:8},t.QRErrorCorrectLevel={L:1,M:0,Q:3,H:2},t.QRMaskPattern={PATTERN000:0,PATTERN001:1,PATTERN010:2,PATTERN011:3,PATTERN100:4,PATTERN101:5,PATTERN110:6,PATTERN111:7}},function(r,t){Object.defineProperty(t,"__esModule",{value:!0}),t.QRMath={glog:function(r){if(r<1)throw new Error("glog("+r+")");return t.QRMath.LOG_TABLE[r]},gexp:function(r){for(;r<0;)r+=255;for(;r>=256;)r-=255;return t.QRMath.EXP_TABLE[r]},EXP_TABLE:new Array(256),LOG_TABLE:new Array(256)};for(var n=0;n<8;n++)t.QRMath.EXP_TABLE[n]=1<<n;for(n=8;n<256;n++)t.QRMath.EXP_TABLE[n]=t.QRMath.EXP_TABLE[n-4]^t.QRMath.EXP_TABLE[n-5]^t.QRMath.EXP_TABLE[n-6]^t.QRMath.EXP_TABLE[n-8];for(n=0;n<255;n++)t.QRMath.LOG_TABLE[t.QRMath.EXP_TABLE[n]]=n},function(r,t,n){Object.defineProperty(t,"__esModule",{value:!0});var e=n(1),i=function(){function r(r,t){if(null==r.length)throw new Error(r.length+"/"+t);for(var n=0;n<r.length&&0===r[n];)n++;this.num=new Array(r.length-n+t);for(var e=0;e<r.length-n;e++)this.num[e]=r[e+n]}return r.prototype.get=function(r){return this.num[r]},r.prototype.getLength=function(){return this.num.length},r.prototype.multiply=function(t){for(var n=new Array(this.getLength()+t.getLength()-1),i=0;i<this.getLength();i++)for(var o=0;o<t.getLength();o++)n[i+o]^=e.QRMath.gexp(e.QRMath.glog(this.get(i))+e.QRMath.glog(t.get(o)));return new r(n,0)},r.prototype.mod=function(t){if(this.getLength()-t.getLength()<0)return this;for(var n=e.QRMath.glog(this.get(0))-e.QRMath.glog(t.get(0)),i=new Array(this.getLength()),o=0;o<this.getLength();o++)i[o]=this.get(o);for(o=0;o<t.getLength();o++)i[o]^=e.QRMath.gexp(e.QRMath.glog(t.get(o))+n);return new r(i,0).mod(t)},r}();t.default=i},function(r,t,n){Object.defineProperty(t,"__esModule",{value:!0});var e=n(4),i=n(5),o=n(6),s=n(7),f=n(2),u=n(0),a=n(0);t.QRErrorCorrectLevel=a.QRErrorCorrectLevel;var h=function(){function r(r,t){this.typeNumber=r,this.errorCorrectLevel=t,this.modules=null,this.moduleCount=0,this.dataCache=null,this.dataList=[]}return r.prototype.addData=function(r){var t=new i.default(r);this.dataList.push(t),this.dataCache=null},r.prototype.isDark=function(r,t){if(r<0||this.moduleCount<=r||t<0||this.moduleCount<=t)throw new Error(r+","+t);return this.modules[r][t]},r.prototype.getModuleCount=function(){return this.moduleCount},r.prototype.make=function(){if(this.typeNumber<1){var r=void 0;for(r=1;r<40;r++){for(var t=s.default.getRSBlocks(r,this.errorCorrectLevel),n=new o.default,i=0,f=0;f<t.length;f++)i+=t[f].dataCount;for(f=0;f<this.dataList.length;f++){var u=this.dataList[f];n.put(u.mode,4),n.put(u.getLength(),e.QRUtil.getLengthInBits(u.mode,r)),u.write(n)}if(n.getLengthInBits()<=8*i)break}this.typeNumber=r}this.makeImpl(!1,this.getBestMaskPattern())},r.prototype.makeImpl=function(t,n){this.moduleCount=4*this.typeNumber+17,this.modules=new Array(this.moduleCount);for(var e=0;e<this.moduleCount;e++){this.modules[e]=new Array(this.moduleCount);for(var i=0;i<this.moduleCount;i++)this.modules[e][i]=null}this.setupPositionProbePattern(0,0),this.setupPositionProbePattern(this.moduleCount-7,0),this.setupPositionProbePattern(0,this.moduleCount-7),this.setupPositionAdjustPattern(),this.setupTimingPattern(),this.setupTypeInfo(t,n),this.typeNumber>=7&&this.setupTypeNumber(t),null==this.dataCache&&(this.dataCache=r.createData(this.typeNumber,this.errorCorrectLevel,this.dataList)),this.mapData(this.dataCache,n)},r.prototype.setupPositionProbePattern=function(r,t){for(var n=-1;n<=7;n++)if(!(r+n<=-1||this.moduleCount<=r+n))for(var e=-1;e<=7;e++)t+e<=-1||this.moduleCount<=t+e||(this.modules[r+n][t+e]=n>=0&&n<=6&&(0===e||6===e)||e>=0&&e<=6&&(0===n||6===n)||n>=2&&n<=4&&e>=2&&e<=4)},r.prototype.getBestMaskPattern=function(){for(var r=0,t=0,n=0;n<8;n++){this.makeImpl(!0,n);var i=e.QRUtil.getLostPoint(this);(0===n||r>i)&&(r=i,t=n)}return t},r.prototype.createMovieClip=function(r,t,n){var e=r.createEmptyMovieClip(t,n);this.make();for(var i=0;i<this.modules.length;i++)for(var o=1*i,s=0;s<this.modules[i].length;s++){var f=1*s;this.modules[i][s]&&(e.beginFill(0,100),e.moveTo(f,o),e.lineTo(f+1,o),e.lineTo(f+1,o+1),e.lineTo(f,o+1),e.endFill())}return e},r.prototype.setupTimingPattern=function(){for(var r=8;r<this.moduleCount-8;r++)null==this.modules[r][6]&&(this.modules[r][6]=r%2==0);for(var t=8;t<this.moduleCount-8;t++)null==this.modules[6][t]&&(this.modules[6][t]=t%2==0)},r.prototype.setupPositionAdjustPattern=function(){for(var r=e.QRUtil.getPatternPosition(this.typeNumber),t=0;t<r.length;t++)for(var n=0;n<r.length;n++){var i=r[t],o=r[n];if(null==this.modules[i][o])for(var s=-2;s<=2;s++)for(var f=-2;f<=2;f++)this.modules[i+s][o+f]=-2===s||2===s||-2===f||2===f||0===s&&0===f}},r.prototype.setupTypeNumber=function(r){for(var t=e.QRUtil.getBCHTypeNumber(this.typeNumber),n=0;n<18;n++){var i=!r&&1==(t>>n&1);this.modules[Math.floor(n/3)][n%3+this.moduleCount-8-3]=i}for(n=0;n<18;n++)i=!r&&1==(t>>n&1),this.modules[n%3+this.moduleCount-8-3][Math.floor(n/3)]=i},r.prototype.setupTypeInfo=function(r,t){for(var n=e.QRUtil.getBCHTypeInfo(this.errorCorrectLevel<<3|t),i=0;i<15;i++){var o=!r&&1==(n>>i&1);i<6?this.modules[i][8]=o:i<8?this.modules[i+1][8]=o:this.modules[this.moduleCount-15+i][8]=o}for(i=0;i<15;i++)o=!r&&1==(n>>i&1),i<8?this.modules[8][this.moduleCount-i-1]=o:i<9?this.modules[8][15-i-1+1]=o:this.modules[8][15-i-1]=o;this.modules[this.moduleCount-8][8]=!r},r.prototype.mapData=function(r,t){for(var n=-1,i=this.moduleCount-1,o=7,s=0,f=this.moduleCount-1;f>0;f-=2)for(6===f&&f--;;){for(var u=0;u<2;u++)if(null==this.modules[i][f-u]){var a=!1;s<r.length&&(a=1==(r[s]>>>o&1)),e.QRUtil.getMask(t,i,f-u)&&(a=!a),this.modules[i][f-u]=a,-1==--o&&(s++,o=7)}if((i+=n)<0||this.moduleCount<=i){i-=n,n=-n;break}}},r.createData=function(t,n,i){for(var f=s.default.getRSBlocks(t,n),u=new o.default,a=0;a<i.length;a++){var h=i[a];u.put(h.mode,4),u.put(h.getLength(),e.QRUtil.getLengthInBits(h.mode,t)),h.write(u)}var c=0;for(a=0;a<f.length;a++)c+=f[a].dataCount;if(u.getLengthInBits()>8*c)throw new Error("code length overflow. ("+u.getLengthInBits()+">"+8*c+")");for(u.getLengthInBits()+4<=8*c&&u.put(0,4);u.getLengthInBits()%8!=0;)u.putBit(!1);for(;!(u.getLengthInBits()>=8*c||(u.put(r.PAD0,8),u.getLengthInBits()>=8*c));)u.put(r.PAD1,8);return r.createBytes(u,f)},r.createBytes=function(r,t){for(var n=0,i=0,o=0,s=new Array(t.length),u=new Array(t.length),a=0;a<t.length;a++){var h=t[a].dataCount,c=t[a].totalCount-h;i=Math.max(i,h),o=Math.max(o,c),s[a]=new Array(h);for(var v=0;v<s[a].length;v++)s[a][v]=255&r.buffer[v+n];n+=h;var l=e.QRUtil.getErrorCorrectPolynomial(c),w=new f.default(s[a],l.getLength()-1).mod(l);for(u[a]=new Array(l.getLength()-1),v=0;v<u[a].length;v++){var d=v+w.getLength()-u[a].length;u[a][v]=d>=0?w.get(d):0}}var M=0;for(v=0;v<t.length;v++)M+=t[v].totalCount;var b=new Array(M),E=0;for(v=0;v<i;v++)for(a=0;a<t.length;a++)v<s[a].length&&(b[E++]=s[a][v]);for(v=0;v<o;v++)for(a=0;a<t.length;a++)v<u[a].length&&(b[E++]=u[a][v]);return b},r.createCanvas=function(t){var n=Object.assign({width:256,height:256,correctLevel:u.QRErrorCorrectLevel.H,background:"#ffffff",foreground:"#000000"},t),e=new r(-1,n.correctLevel);e.addData(n.text),e.make();var i=document.createElement("canvas");i.width=n.width,i.height=n.height;for(var o=i.getContext("2d"),s=n.width/e.getModuleCount(),f=n.height/e.getModuleCount(),a=0;a<e.getModuleCount();a++)for(var h=0;h<e.getModuleCount();h++){o.fillStyle=e.isDark(a,h)?n.foreground:n.background;var c=Math.ceil((h+1)*s)-Math.floor(h*s),v=Math.ceil((a+1)*f)-Math.floor(a*f);o.fillRect(Math.round(h*s),Math.round(a*f),c,v)}return i},r.setCanvas=function(t,n){var e=document.getElementById(t);e.innerHTML="",e.appendChild(r.createCanvas(n))},r.PAD0=236,r.PAD1=17,r}();t.QRCode=h},function(r,t,n){Object.defineProperty(t,"__esModule",{value:!0});var e=n(0),i=n(1),o=n(2);t.QRUtil={PATTERN_POSITION_TABLE:[[],[6,18],[6,22],[6,26],[6,30],[6,34],[6,22,38],[6,24,42],[6,26,46],[6,28,50],[6,30,54],[6,32,58],[6,34,62],[6,26,46,66],[6,26,48,70],[6,26,50,74],[6,30,54,78],[6,30,56,82],[6,30,58,86],[6,34,62,90],[6,28,50,72,94],[6,26,50,74,98],[6,30,54,78,102],[6,28,54,80,106],[6,32,58,84,110],[6,30,58,86,114],[6,34,62,90,118],[6,26,50,74,98,122],[6,30,54,78,102,126],[6,26,52,78,104,130],[6,30,56,82,108,134],[6,34,60,86,112,138],[6,30,58,86,114,142],[6,34,62,90,118,146],[6,30,54,78,102,126,150],[6,24,50,76,102,128,154],[6,28,54,80,106,132,158],[6,32,58,84,110,136,162],[6,26,54,82,110,138,166],[6,30,58,86,114,142,170]],G15:1335,G18:7973,G15_MASK:21522,getBCHTypeInfo:function(r){for(var n=r<<10;t.QRUtil.getBCHDigit(n)-t.QRUtil.getBCHDigit(t.QRUtil.G15)>=0;)n^=t.QRUtil.G15<<t.QRUtil.getBCHDigit(n)-t.QRUtil.getBCHDigit(t.QRUtil.G15);return(r<<10|n)^t.QRUtil.G15_MASK},getBCHTypeNumber:function(r){for(var n=r<<12;t.QRUtil.getBCHDigit(n)-t.QRUtil.getBCHDigit(t.QRUtil.G18)>=0;)n^=t.QRUtil.G18<<t.QRUtil.getBCHDigit(n)-t.QRUtil.getBCHDigit(t.QRUtil.G18);return r<<12|n},getBCHDigit:function(r){for(var t=0;0!==r;)t++,r>>>=1;return t},getPatternPosition:function(r){return t.QRUtil.PATTERN_POSITION_TABLE[r-1]},getMask:function(r,t,n){switch(r){case e.QRMaskPattern.PATTERN000:return(t+n)%2==0;case e.QRMaskPattern.PATTERN001:return t%2==0;case e.QRMaskPattern.PATTERN010:return n%3==0;case e.QRMaskPattern.PATTERN011:return(t+n)%3==0;case e.QRMaskPattern.PATTERN100:return(Math.floor(t/2)+Math.floor(n/3))%2==0;case e.QRMaskPattern.PATTERN101:return t*n%2+t*n%3==0;case e.QRMaskPattern.PATTERN110:return(t*n%2+t*n%3)%2==0;case e.QRMaskPattern.PATTERN111:return(t*n%3+(t+n)%2)%2==0;default:throw new Error("bad maskPattern:"+r)}},getErrorCorrectPolynomial:function(r){for(var t=new o.default([1],0),n=0;n<r;n++)t=t.multiply(new o.default([1,i.QRMath.gexp(n)],0));return t},getLengthInBits:function(r,t){if(t>=1&&t<10)switch(r){case e.QRMode.MODE_NUMBER:return 10;case e.QRMode.MODE_ALPHA_NUM:return 9;case e.QRMode.MODE_8BIT_BYTE:case e.QRMode.MODE_KANJI:return 8;default:throw new Error("mode:"+r)}else if(t<27)switch(r){case e.QRMode.MODE_NUMBER:return 12;case e.QRMode.MODE_ALPHA_NUM:return 11;case e.QRMode.MODE_8BIT_BYTE:return 16;case e.QRMode.MODE_KANJI:return 10;default:throw new Error("mode:"+r)}else{if(!(t<41))throw new Error("type:"+t);switch(r){case e.QRMode.MODE_NUMBER:return 14;case e.QRMode.MODE_ALPHA_NUM:return 13;case e.QRMode.MODE_8BIT_BYTE:return 16;case e.QRMode.MODE_KANJI:return 12;default:throw new Error("mode:"+r)}}},getLostPoint:function(r){for(var t=r.getModuleCount(),n=0,e=0;e<t;e++)for(var i=0;i<t;i++){for(var o=0,s=r.isDark(e,i),f=-1;f<=1;f++)if(!(e+f<0||t<=e+f))for(var u=-1;u<=1;u++)i+u<0||t<=i+u||0===f&&0===u||s===r.isDark(e+f,i+u)&&o++;o>5&&(n+=3+o-5)}for(e=0;e<t-1;e++)for(i=0;i<t-1;i++){var a=0;r.isDark(e,i)&&a++,r.isDark(e+1,i)&&a++,r.isDark(e,i+1)&&a++,r.isDark(e+1,i+1)&&a++,0!==a&&4!==a||(n+=3)}for(e=0;e<t;e++)for(i=0;i<t-6;i++)r.isDark(e,i)&&!r.isDark(e,i+1)&&r.isDark(e,i+2)&&r.isDark(e,i+3)&&r.isDark(e,i+4)&&!r.isDark(e,i+5)&&r.isDark(e,i+6)&&(n+=40);for(i=0;i<t;i++)for(e=0;e<t-6;e++)r.isDark(e,i)&&!r.isDark(e+1,i)&&r.isDark(e+2,i)&&r.isDark(e+3,i)&&r.isDark(e+4,i)&&!r.isDark(e+5,i)&&r.isDark(e+6,i)&&(n+=40);var h=0;for(i=0;i<t;i++)for(e=0;e<t;e++)r.isDark(e,i)&&h++;return n+Math.abs(100*h/t/t-50)/5*10}}},function(r,t,n){Object.defineProperty(t,"__esModule",{value:!0});var e=n(0),i=function(){function r(r){this.mode=e.QRMode.MODE_8BIT_BYTE,this.data=r}return r.prototype.getLength=function(){return this.data.length},r.prototype.write=function(r){for(var t=0;t<this.data.length;t++)r.put(this.data.charCodeAt(t),8)},r}();t.default=i},function(r,t){Object.defineProperty(t,"__esModule",{value:!0});var n=function(){function r(){this.buffer=[],this.length=0}return r.prototype.get=function(r){var t=Math.floor(r/8);return 1==(this.buffer[t]>>>7-r%8&1)},r.prototype.put=function(r,t){for(var n=0;n<t;n++)this.putBit(1==(r>>>t-n-1&1))},r.prototype.getLengthInBits=function(){return this.length},r.prototype.putBit=function(r){var t=Math.floor(this.length/8);this.buffer.length<=t&&this.buffer.push(0),r&&(this.buffer[t]|=128>>>this.length%8),this.length++},r}();t.default=n},function(r,t,n){Object.defineProperty(t,"__esModule",{value:!0});var e=n(0),i=function(){function r(r,t){this.totalCount=r,this.dataCount=t}return r.getRSBlocks=function(t,n){var e=this.getRsBlockTable(t,n);if(void 0===e)throw new Error("bad rs block @ typeNumber:"+t+"/errorCorrectLevel:"+n);for(var i=e.length/3,o=[],s=0;s<i;s++)for(var f=e[3*s],u=e[3*s+1],a=e[3*s+2],h=0;h<f;h++)o.push(new r(u,a));return o},r.getRsBlockTable=function(r,t){switch(t){case e.QRErrorCorrectLevel.L:return this.RS_BLOCK_TABLE[4*(r-1)];case e.QRErrorCorrectLevel.M:return this.RS_BLOCK_TABLE[4*(r-1)+1];case e.QRErrorCorrectLevel.Q:return this.RS_BLOCK_TABLE[4*(r-1)+2];case e.QRErrorCorrectLevel.H:return this.RS_BLOCK_TABLE[4*(r-1)+3];default:return}},r.RS_BLOCK_TABLE=[[1,26,19],[1,26,16],[1,26,13],[1,26,9],[1,44,34],[1,44,28],[1,44,22],[1,44,16],[1,70,55],[1,70,44],[2,35,17],[2,35,13],[1,100,80],[2,50,32],[2,50,24],[4,25,9],[1,134,108],[2,67,43],[2,33,15,2,34,16],[2,33,11,2,34,12],[2,86,68],[4,43,27],[4,43,19],[4,43,15],[2,98,78],[4,49,31],[2,32,14,4,33,15],[4,39,13,1,40,14],[2,121,97],[2,60,38,2,61,39],[4,40,18,2,41,19],[4,40,14,2,41,15],[2,146,116],[3,58,36,2,59,37],[4,36,16,4,37,17],[4,36,12,4,37,13],[2,86,68,2,87,69],[4,69,43,1,70,44],[6,43,19,2,44,20],[6,43,15,2,44,16],[4,101,81],[1,80,50,4,81,51],[4,50,22,4,51,23],[3,36,12,8,37,13],[2,116,92,2,117,93],[6,58,36,2,59,37],[4,46,20,6,47,21],[7,42,14,4,43,15],[4,133,107],[8,59,37,1,60,38],[8,44,20,4,45,21],[12,33,11,4,34,12],[3,145,115,1,146,116],[4,64,40,5,65,41],[11,36,16,5,37,17],[11,36,12,5,37,13],[5,109,87,1,110,88],[5,65,41,5,66,42],[5,54,24,7,55,25],[11,36,12],[5,122,98,1,123,99],[7,73,45,3,74,46],[15,43,19,2,44,20],[3,45,15,13,46,16],[1,135,107,5,136,108],[10,74,46,1,75,47],[1,50,22,15,51,23],[2,42,14,17,43,15],[5,150,120,1,151,121],[9,69,43,4,70,44],[17,50,22,1,51,23],[2,42,14,19,43,15],[3,141,113,4,142,114],[3,70,44,11,71,45],[17,47,21,4,48,22],[9,39,13,16,40,14],[3,135,107,5,136,108],[3,67,41,13,68,42],[15,54,24,5,55,25],[15,43,15,10,44,16],[4,144,116,4,145,117],[17,68,42],[17,50,22,6,51,23],[19,46,16,6,47,17],[2,139,111,7,140,112],[17,74,46],[7,54,24,16,55,25],[34,37,13],[4,151,121,5,152,122],[4,75,47,14,76,48],[11,54,24,14,55,25],[16,45,15,14,46,16],[6,147,117,4,148,118],[6,73,45,14,74,46],[11,54,24,16,55,25],[30,46,16,2,47,17],[8,132,106,4,133,107],[8,75,47,13,76,48],[7,54,24,22,55,25],[22,45,15,13,46,16],[10,142,114,2,143,115],[19,74,46,4,75,47],[28,50,22,6,51,23],[33,46,16,4,47,17],[8,152,122,4,153,123],[22,73,45,3,74,46],[8,53,23,26,54,24],[12,45,15,28,46,16],[3,147,117,10,148,118],[3,73,45,23,74,46],[4,54,24,31,55,25],[11,45,15,31,46,16],[7,146,116,7,147,117],[21,73,45,7,74,46],[1,53,23,37,54,24],[19,45,15,26,46,16],[5,145,115,10,146,116],[19,75,47,10,76,48],[15,54,24,25,55,25],[23,45,15,25,46,16],[13,145,115,3,146,116],[2,74,46,29,75,47],[42,54,24,1,55,25],[23,45,15,28,46,16],[17,145,115],[10,74,46,23,75,47],[10,54,24,35,55,25],[19,45,15,35,46,16],[17,145,115,1,146,116],[14,74,46,21,75,47],[29,54,24,19,55,25],[11,45,15,46,46,16],[13,145,115,6,146,116],[14,74,46,23,75,47],[44,54,24,7,55,25],[59,46,16,1,47,17],[12,151,121,7,152,122],[12,75,47,26,76,48],[39,54,24,14,55,25],[22,45,15,41,46,16],[6,151,121,14,152,122],[6,75,47,34,76,48],[46,54,24,10,55,25],[2,45,15,64,46,16],[17,152,122,4,153,123],[29,74,46,14,75,47],[49,54,24,10,55,25],[24,45,15,46,46,16],[4,152,122,18,153,123],[13,74,46,32,75,47],[48,54,24,14,55,25],[42,45,15,32,46,16],[20,147,117,4,148,118],[40,75,47,7,76,48],[43,54,24,22,55,25],[10,45,15,67,46,16],[19,148,118,6,149,119],[18,75,47,31,76,48],[34,54,24,34,55,25],[20,45,15,61,46,16]],r}();t.default=i}])}));const o=class{constructor(t){r(this,t),this.link="https://example.com",this.size=258}componentDidLoad(){this.setShadowCanvas("qrcode",{width:this.size,height:this.size,correctLevel:i.QRErrorCorrectLevel.H,background:"#ffffff",foreground:"#000000",text:this.link})}setShadowCanvas(r,t){const n=this.hostElement.shadowRoot.getElementById(r);n.innerHTML="",n.appendChild(i.QRCode.createCanvas(t))}render(){return t("div",{id:"qrcode"})}get hostElement(){return n(this)}};o.style="";export{o as tttx_qrcode_1_4_2}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as o,h as t,H as n}from"./p-d490353a.js";const e=class{constructor(t){o(this,t)}render(){return t(n,null,t("div",{class:"tttx-checkbox-group__heading"},t("slot",null)))}};e.style='.material-symbols-rounded{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}.tttx-checkbox-group{display:flex;flex-direction:column}.tttx-checkbox-group__caption{color:#757575;font-family:"Roboto", sans-serif;font-size:14px;font-weight:normal;line-height:18.752px;margin-bottom:4px}.tttx-checkbox-group__heading{color:#212121;font-family:"Roboto", sans-serif;font-size:16px;font-weight:500;line-height:16.408px;margin-bottom:4px}';export{e as
|
|
1
|
+
import{r as o,h as t,H as n}from"./p-d490353a.js";const e=class{constructor(t){o(this,t)}render(){return t(n,null,t("div",{class:"tttx-checkbox-group__heading"},t("slot",null)))}};e.style='.material-symbols-rounded{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}.tttx-checkbox-group{display:flex;flex-direction:column}.tttx-checkbox-group__caption{color:#757575;font-family:"Roboto", sans-serif;font-size:14px;font-weight:normal;line-height:18.752px;margin-bottom:4px}.tttx-checkbox-group__heading{color:#212121;font-family:"Roboto", sans-serif;font-size:16px;font-weight:500;line-height:16.408px;margin-bottom:4px}';export{e as tttx_checkbox_group_heading_1_4_2}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as o,c as i,h as t,g as e}from"./p-d490353a.js";const n={critical:{iconName:"report",iconColor:"red"},info:{iconName:"info",iconColor:"blue"},success:{iconName:"check_circle",iconColor:"green"},warning:{iconName:"warning",iconColor:"orange"}},s=class{constructor(t){o(this,t),this.closeButtonClick=i(this,"closeButtonClick",6),this.header=void 0,this.type=void 0,this.size="regular",this.open=!1,this.allowOverflow=!1,this.closeEnabled=!0,this.elementSize=void 0}handleResize(){this.elementSize=window.innerWidth<698?"mobile":this.size}emitDialogClose(){this.closeButtonClick.emit()}componentDidLoad(){this.dialog.addEventListener("close",this.emitDialogClose.bind(this))}onCloseClickHandler(){this.dialog.close()}headerIconDetails(o){return o?n[this.type]:{iconName:void 0,iconColor:void 0}}renderHeader(){const o=void 0!==this.type,{iconName:i,iconColor:e}=this.headerIconDetails(o);return t("div",{class:`padding header ${this.type||""}`},o&&t("tttx-
|
|
1
|
+
import{r as o,c as i,h as t,g as e}from"./p-d490353a.js";const n={critical:{iconName:"report",iconColor:"red"},info:{iconName:"info",iconColor:"blue"},success:{iconName:"check_circle",iconColor:"green"},warning:{iconName:"warning",iconColor:"orange"}},s=class{constructor(t){o(this,t),this.closeButtonClick=i(this,"closeButtonClick",6),this.header=void 0,this.type=void 0,this.size="regular",this.open=!1,this.allowOverflow=!1,this.closeEnabled=!0,this.elementSize=void 0}handleResize(){this.elementSize=window.innerWidth<698?"mobile":this.size}emitDialogClose(){this.closeButtonClick.emit()}componentDidLoad(){this.dialog.addEventListener("close",this.emitDialogClose.bind(this))}onCloseClickHandler(){this.dialog.close()}headerIconDetails(o){return o?n[this.type]:{iconName:void 0,iconColor:void 0}}renderHeader(){const o=void 0!==this.type,{iconName:i,iconColor:e}=this.headerIconDetails(o);return t("div",{class:`padding header ${this.type||""}`},o&&t("tttx-icon_1_4_2",{class:"icon",icon:i,color:e}),t("h3",{class:"title",title:this.header},this.header),this.closeEnabled&&t("tttx-button_1_4_2",{class:"align-right close-button",design:"borderless-circle",icon:"close",color:"black",notext:!0,onClick:()=>this.onCloseClickHandler()}))}body(){return t("div",{class:"body "+(this.allowOverflow?"":"overflow-hidden")},t("span",{class:"body-content"},t("slot",null)))}footer(){if(this.el.querySelector('[slot="buttons"]'))return t("div",{class:"padding footer"},t("div",{class:"align-right"},t("slot",{name:"buttons"})))}componentDidRender(){this.open?this.dialog.open||this.dialog.showModal():this.dialog.close()}componentWillLoad(){this.handleResize()}render(){return t("dialog",{ref:o=>this.dialog=o,class:`dialog-box ${this.allowOverflow?"overflow-visible":""} ${this.elementSize}`},t("div",{class:"contents"},this.renderHeader(),this.body(),this.footer()))}get el(){return e(this)}};s.style='.material-symbols-rounded{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}.material-symbols-rounded{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}h3{margin-block-start:0em;margin-block-end:0em}.dialog-box{background-color:#ffffff;border:1px solid #d5d5d5;border-radius:4px;box-shadow:0px 1px 5px #1111114d;padding:0}.dialog-box.small{width:400px;min-height:200px}.dialog-box.regular{width:600px;min-height:200px}.dialog-box.large{width:900px;min-height:200px}.dialog-box.mobile{max-width:424px;width:calc(100vw - 20px)}.overflow-visible{overflow-y:auto}.overflow-hidden{overflow:hidden}dialog::backdrop{background-color:#75757580}.clickable{cursor:pointer}.contents{display:flex;flex-direction:column;min-height:inherit}.padding{padding:8px 16px}.align-right{margin-left:auto;display:flex}.header{border-bottom:1px solid #d5d5d5;display:flex;flex-direction:row;align-items:center;height:36px;position:sticky;top:0;background:white;z-index:2}.title{font-size:18;font-weight:500;font-family:"Roboto", serif;text-overflow:ellipsis;overflow-x:hidden;white-space:nowrap}.icon{padding-right:8px;width:24px;height:24px}.icon-close{width:24px;height:24px}.body-content{font-size:16;font-weight:400;font-family:"Roboto", serif}.body{text-overflow:ellipsis;padding:16px}.footer{display:flex;flex-direction:row;margin-top:auto;border-top:1px solid #d5d5d5;height:36px;position:sticky;background:white;bottom:0}::slotted([slot=buttons]){display:flex;gap:8px}.header.info{border-bottom:1px solid #1479c6}.header.success{border-bottom:1px solid #a2bb31}.header.warning{border-bottom:1px solid #f59500}.header.critical{border-bottom:1px solid #dc0000}';export{s as tttx_dialog_1_4_2}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as e,h as i,H as o,g as n,F as r}from"./p-d490353a.js";import{p as s,d as l}from"./p-55799798.js";import"./p-112455b1.js";const a=class{constructor(i){t(this,i),this.filterChangeEvent=e(this,"filterChangeEvent",7),this.toggleFilter=e(this,"toggleFilter",7),this.filterKey=void 0,this.filterOptions=[{optionIcon:"cancel",optionIconColor:"darkred",optionText:"Expired"},{optionIcon:"warning",optionIconColor:"orange",optionText:"Expiring soon"},{optionIcon:"check_circle",optionIconColor:"green",optionText:"Active"}],this.showSelectAll=!0,this.showSearchField=!1,this.showOptionIcons=!0,this.filterButtonStyle="list filter",this.filterHeader="Qualification status",this.defaultFilterOptions=void 0,this.popoverWidth="193px",this.showPopover=!1,this.displayedFilterSettings=void 0,this.selectedFilters=void 0,this.filterSearchTerm="",this.allSelected=void 0}handleCloseFilter(){this.showPopover=!1}emitFilterEvent(){this.filterChangeEvent.emit({selectedFilters:this.selectedFilters,filterKey:this.filterKey,allSelected:this.allSelected})}onFilterButtonClick(){this.togglePopover()}onCloseButtonClick(){this.togglePopover()}onApplyFilterButtonClick(){this.emitFilterEvent(),this.togglePopover()}onFilterOptionSelected(t){this.allSelected=!1,this.selectedFilters=this.selectedFilters.includes(t)?this.selectedFilters.filter((e=>e!=t)):[...this.selectedFilters,t]}componentWillLoad(){if(this.displayedFilterSettings=this.parseFilterOptions(),void 0!==this.defaultFilterOptions){const t=this.parseDefaultFilterOptions();this.selectedFilters=t;let e=!0;this.parseFilterOptions().map((t=>{this.selectedFilters.includes(t.optionText)||(e=!1)})),this.allSelected=e}else this.allSelected=!0,this.selectedFilters=this.displayedFilterSettings.map((t=>t.optionText))}togglePopover(){this.showPopover=!this.showPopover,this.toggleFilter.emit(this.showPopover)}handleFilterChange(t){this.filterSearchTerm=t.target.value;const e=this.parseFilterOptions().filter((t=>{const e=t.optionText.toLowerCase(),i=this.filterSearchTerm.toLowerCase();return e.includes(i)}));this.displayedFilterSettings=e}onSelectAllClick(){this.allSelected=!this.allSelected,this.allSelected?this.displayedFilterSettings.forEach((t=>{this.selectedFilters=[...this.selectedFilters,t.optionText]})):this.selectedFilters=[]}getFilterButtonClassName(t){switch(t){case"table icon":return"--table-icon";case"list icon":return"--list-icon";default:return""}}parseFilterOptions(){return"string"==typeof this.filterOptions?JSON.parse(this.filterOptions):this.filterOptions}parseDefaultFilterOptions(){return"string"==typeof this.defaultFilterOptions?JSON.parse(this.defaultFilterOptions):this.defaultFilterOptions}render(){const t=this.showSearchField?"--with-search-field":"",e=this.allSelected?"check_box":"check_box_outline_blank",n=this.allSelected?"blue":"grey",r=this.getFilterButtonClassName(this.filterButtonStyle);return i(o,{id:`filter__${this.filterKey}`},i("div",{class:"filter-container"},i("button",{class:`filter-button ${r}`,type:"button",onClick:this.onFilterButtonClick.bind(this)},i("tttx-icon_1_4_0",{icon:"filter_list",class:"filter-icon",color:"black"}),"Filter"),this.showPopover&&i("div",{class:`filter-popover-container ${t}`,style:{width:this.popoverWidth}},i("div",{class:"filter-header"},this.filterHeader),this.showSearchField?i("div",{class:"search-field-container"},i("tttx-icon_1_4_0",{icon:"search",class:"search-icon"}),i("input",{type:"text",class:"search-input",placeholder:"Search",value:this.filterSearchTerm,onInput:this.handleFilterChange.bind(this)})):"",i("div",{class:"filter-options-container"},this.showSelectAll?i("div",{class:"filter-option",tabIndex:-1,onClick:this.onSelectAllClick.bind(this)},i("tttx-icon_1_4_0",{icon:e,color:n,class:"select-all-icon"}),i("label",{class:"filter-label"},"Select all")):"",this.displayedFilterSettings.map((t=>{const e=this.selectedFilters.includes(t.optionText)?"check_box":"check_box_outline_blank",o=this.selectedFilters.includes(t.optionText)?"blue":"grey";return i("div",{class:"filter-option",tabIndex:-1,onClick:()=>this.onFilterOptionSelected(t.optionText),key:t.optionText},i("tttx-icon_1_4_0",{icon:e,color:o,class:"checkbox-icon"}),this.showOptionIcons&&i("tttx-icon_1_4_0",{icon:t.optionIcon,color:t.optionIconColor}),i("label",{class:"filter-label"},t.optionText))}))),i("div",{class:"filter-popover-button-container"},i("button",{type:"button",class:"close-button",onClick:this.onCloseButtonClick.bind(this)},"Close"),i("button",{type:"button",class:"apply-button",onClick:this.onApplyFilterButtonClick.bind(this)},"Apply")))))}get el(){return n(this)}};a.style='.material-symbols-rounded{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}.material-symbols-rounded{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}.filter-container{background-color:white;position:relative}.filter-container .filter-button{display:inline-flex;justify-content:center;align-items:center;font-size:14px;font-weight:400;font-family:"Roboto", serif;text-transform:uppercase;color:#212121;border:1px solid #d5d5d5;border-radius:4px;background:transparent;height:36px;width:95px;margin:0;padding-right:16px;cursor:pointer}@media (max-width: 475px){.filter-container .filter-button{padding-left:4px}}.filter-container .filter-button .filter-icon{padding-left:8px;padding-right:4px}.filter-container .filter-button.--list-icon{font-size:0;width:36px;height:36px;padding:0}.filter-container .filter-button.--list-icon .filter-icon{padding:0}.filter-container .filter-button.--list-icon:hover{background:#e3e3e3}.filter-container .filter-button.--table-icon{font-size:0;width:36px;height:36px;padding:0;border:none}.filter-container .filter-button.--table-icon .filter-icon{padding:0;width:24px;height:24px}.filter-container .filter-button.--table-icon:hover{background:#e3e3e3;border-radius:50%;width:36px;height:36px}.filter-container .filter-button:hover{background:#e3e3e3}.filter-container .filter-popover-container{display:flex;flex-direction:column;gap:8px;border-radius:4px;box-shadow:0px 1px 5px #1111114D;position:absolute;top:36px;left:0px;background-color:white;padding:8px 16px}.filter-container .filter-popover-container .filter-header{color:#757575;text-transform:uppercase;font-size:14px;font-weight:500;font-family:"Roboto", serif;padding-top:4px;padding-bottom:5px}.filter-container .filter-popover-container .filter-options-container{display:flex;flex-direction:column;gap:4px;border-top:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5;padding-bottom:8px}.filter-container .filter-popover-container .filter-option{display:flex;flex-direction:row;align-items:center;min-height:36px;padding-left:8px}.filter-container .filter-popover-container .filter-option .select-all-icon{padding-right:6px}.filter-container .filter-popover-container .filter-option .checkbox-icon{padding-right:8px}.filter-container .filter-popover-container .filter-option .filter-label{padding-left:8px;padding-bottom:3px;font-size:16px;font-weight:500;font-family:"Roboto", serif}.filter-container .filter-popover-container .filter-option:first-child{padding-top:8px}.filter-container .filter-popover-container .filter-popover-button-container{display:flex;justify-content:flex-end;align-items:center}.filter-container .filter-popover-container .filter-popover-button-container .close-button{height:36px;width:74px;background-color:white;border:1px solid #d5d5d5;border-radius:4px;text-transform:uppercase;margin-right:8px;font-size:14px;font-weight:400;font-family:"Roboto", serif;color:#212121}.filter-container .filter-popover-container .filter-popover-button-container .apply-button{height:36px;width:73px;background-color:#1479c6;color:white;border-radius:4px;border:none;text-transform:uppercase;font-size:14px;font-weight:400;font-family:"Roboto", serif}.filter-container .filter-popover-container.--with-search-field .filter-header{border-bottom:1px solid #d5d5d5}.filter-container .filter-popover-container.--with-search-field .search-field-container{position:relative;color:#d5d5d5;height:36px}.filter-container .filter-popover-container.--with-search-field .search-field-container .search-icon{position:absolute;top:6px;left:8px}.filter-container .filter-popover-container.--with-search-field .search-field-container .search-input{padding-left:36px;border:1px solid #d5d5d5;border-radius:4px;height:36px;width:100%;font-size:16px;font-family:"Roboto", serif;font-weight:500;box-sizing:border-box}.filter-container .filter-popover-container.--with-search-field .search-field-container .search-input:focus-visible,.filter-container .filter-popover-container.--with-search-field .search-field-container .search-input:focus{outline:none;border:1px solid #1479c6}.filter-container .filter-popover-container.--with-search-field .search-field-container .search-input::placeholder{color:#9e9e9e;font-size:16px;font-family:"Roboto", serif;font-weight:500}';const c=class{constructor(i){t(this,i),this.rowClick=e(this,"listRowClick",7),this.rowCheckboxClick=e(this,"listRowCheckboxClick",7),this.data=void 0,this._data=void 0,this.name=void 0}onDataChange(){if(this.data){this._data="string"==typeof this.data?JSON.parse(this.data):[...this.data];for(const t of this._data)t.hasCheckbox&&void 0===t.checked&&(t.checked=!1)}}componentWillLoad(){this.onDataChange()}onRowCheckboxHandler(t,e){t.stopPropagation(),e.rowData&&this.rowCheckboxClick.emit({key:e.key,name:this.name,data:e.rowData})}onRowClickHandler(t){(t.clickable||t.toggleable)&&t.rowData&&this.rowClick.emit({key:t.key,name:this.name,data:t.rowData})}renderListItem(t){let e;if("string"==typeof t.element){const o=s.sanitize(t.element,l);e=i("span",{class:"item-content",innerHTML:o})}else e=i("span",{class:"item-content"},t.element);return i(r,null,t.hasCheckbox&&i("div",{class:"checkbox"},i("tttx-icon_1_4_0",{icon:t.checked?"check_box":"check_box_outline_blank",color:t.checked?"blue":"grey",onClick:e=>{this.onRowCheckboxHandler(e,t)}})),t.element&&e,t.icon&&i("span",{class:"icons"},i("tttx-icon_1_4_0",{class:"align-right",icon:t.icon,color:"black"})))}render(){if(this._data)return i("ul",{class:"list"},this._data.map((t=>i("li",{key:t.key,class:"item"+(t.clickable?" clickable":"")+(t.toggleable?" toggleable":"")+(t.checked?" selected":"")+(t.active?" active":""),onClick:()=>{this.onRowClickHandler(t)}},this.renderListItem(t)))))}static get watchers(){return{data:["onDataChange"]}}};c.style='.material-symbols-rounded{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}.material-symbols-rounded{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}:host{display:flex;flex-direction:column}.list{margin:0;padding:0}li{display:flex;align-items:flex-start}li.item{list-style:none;margin:0;padding:8px;border-bottom:1px solid #d5d5d5;min-height:36px}li.item:first-of-type{border-top:1px solid #d5d5d5}li.item.clickable:hover{cursor:pointer}li.item.toggleable:hover{cursor:pointer}li.item.active{background-color:rgba(17, 17, 17, 0.1)}li.item.active:hover{background-color:rgba(17, 17, 17, 0.15)}li.item.selected{background-color:#ebfbfc}li.item.selected:hover{background-color:#e0f8f9}li.item.selected.active{background-color:#ccf3f6}li.item.selected.active:hover{background-color:#bff0f3}li.item .icons{display:flex;justify-content:flex-end;flex-grow:1;align-items:center;height:36px}li.item .icons tttx-icon:hover{cursor:pointer}li.item .icons *{display:flex}li.item:hover{background-color:rgba(17, 17, 17, 0.05)}.align-right{margin-left:auto}.item-content{display:flex;align-items:center;flex-grow:2;min-height:36px}.checkbox{padding:6px;margin-left:-8px}';const d=class{constructor(i){t(this,i),this.sorterChangeEvent=e(this,"sorterChangeEvent",7),this.toggleSorter=e(this,"toggleSorter",7),this.sorterKey=void 0,this.defaultSortDirection="descending",this.fieldOptionsData=null,this.defaultOption="",this.selectedField=this.defaultOption,this.sortDirection=this.defaultSortDirection,this.dropdownExpand=!1,this.dropdownOptions=void 0}handleCloseSorter(){this.dropdownExpand=!1}emitSortEvent(){this.sorterChangeEvent.emit({sorterDirection:this.sortDirection,sorterKey:this.sorterKey,sortField:this.selectedField})}onSortToggleClick(t){t.preventDefault(),this.sortDirection="ascending"==this.sortDirection?"descending":"ascending",this.emitSortEvent()}onDropdownClicked(){this.dropdownExpand=!this.dropdownExpand,this.toggleSorter.emit(this.dropdownExpand)}onDropdownSelected(t){this.dropdownExpand=!1,this.selectedField=t.target.innerHTML,this.emitSortEvent(),this.toggleSorter.emit(this.dropdownExpand)}render(){const t="string"==typeof this.fieldOptionsData?JSON.parse(this.fieldOptionsData):this.fieldOptionsData;if(!this.fieldOptionsData)return;const e="ascending"==this.sortDirection?"arrow_upward":"arrow_downward",n=this.dropdownExpand?"expand_less":"expand_more",r=this.selectedField;return i(o,{id:`sorter__${this.sorterKey}`},i("div",{tabindex:0,class:"sorter-container "+(this.dropdownExpand?"--expanded":"")},i("button",{class:"arrow-toggle-button",type:"button",onClick:this.onSortToggleClick.bind(this)},i("tttx-icon_1_4_0",{icon:e,color:"black"})),i("div",{class:"dropdown-selector",onClick:this.onDropdownClicked.bind(this)},i("div",{class:"dropdown-selector-button"},i("div",{class:"dropdown-selector-text"},r),i("div",{class:"dropdown-selector-chevron"},i("tttx-icon_1_4_0",{icon:n,color:"black"})))),this.dropdownExpand&&i("div",{class:"dropdown-options-list"},t.sorterOptions.map((t=>i("div",{class:"dropdown-option",tabIndex:-1,onClick:this.onDropdownSelected.bind(this),key:t.optionLabel},t.optionLabel))))))}get el(){return n(this)}};d.style='.material-symbols-rounded{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}.sorter-container{display:flex;flex-direction:row;position:relative;border:1px solid #d5d5d5;border-radius:4px;font-weight:400;box-sizing:border-box;height:36px;cursor:pointer;width:220px}@media (max-width: 475px){.sorter-container{width:68px}}.sorter-container .arrow-toggle-button{display:inline-flex;justify-content:center;align-items:center;flex-direction:column;background-color:white;border:none;border-bottom-left-radius:4px;border-top-left-radius:4px}@media (max-width: 475px){.sorter-container .arrow-toggle-button{padding-right:0px;padding-left:8px}}.sorter-container .arrow-toggle-button .hydrated{display:flex;justify-content:center;align-items:center;cursor:pointer}.sorter-container .arrow-toggle-button span{display:block;margin:auto;line-height:16px}.sorter-container .arrow-toggle-button .material-symbols-rounded{color:#212121}.sorter-container .dropdown-selector{display:inline-flex;position:relative;flex-grow:1}.sorter-container .dropdown-selector .dropdown-selector-button{display:inline-flex;flex-direction:row;gap:4px;padding-right:4px;align-items:center;color:#212121;width:100%}@media (max-width: 475px){.sorter-container .dropdown-selector .dropdown-selector-button .dropdown-selector-text{display:none}}.sorter-container .dropdown-selector .dropdown-selector-chevron{display:inline-flex;margin-left:auto;right:0;top:0;flex-direction:row;align-items:center;height:36px}.sorter-container .dropdown-selector .dropdown-selector-chevron .hydrated{height:24px;cursor:pointer}@media (max-width: 475px){.sorter-container .dropdown-selector .dropdown-selector-chevron{padding-right:2px}}.sorter-container .dropdown-options-list{position:absolute;top:36px;left:0;z-index:1;width:220px;line-height:21px;font-size:16px;border-radius:4px;padding-top:8px;padding-bottom:7px;box-shadow:0px 1px 5px #1111114D;box-sizing:border-box;background-color:white}@media (max-width: 475px){.sorter-container .dropdown-options-list{width:220px;padding-top:8px}}.sorter-container .dropdown-options-list .dropdown-option{padding:8px 16px;font-size:16px;line-height:21px}.sorter-container .dropdown-options-list .dropdown-option:hover,.sorter-container .dropdown-options-list .dropdown-option:focus{background-color:#ebfbfc}.sorter-container.--expanded{border-color:#1579c6}@media (max-width: 475px){.sorter-container.--expanded{border:none}}';const p=class{constructor(e){t(this,e),this.border=!0,this.viewSize=void 0}handleResize(){this.setViewSize()}async componentWillLoad(){this.setViewSize()}setViewSize(){this.viewSize=window.innerWidth<698?"mobile":"desktop"}render(){return i(o,null,i("div",{class:`container ${this.border?"bordered":""} ${this.viewSize}`},i("slot",{name:"before"}),i("slot",{name:"center"}),i("slot",{name:"after"})))}};p.style=".container{display:flex;align-items:flex-end;row-gap:8px;padding:8px 0;flex-wrap:wrap}.container.bordered{border-bottom:1px solid #d5d5d5}.desktop ::slotted([slot=before]){flex:1 1 0px}.desktop ::slotted([slot=center]){flex:0 1 fit-content}.desktop ::slotted([slot=after]){flex:1 1 0px}::slotted([slot=before]){display:flex;align-items:flex-end;flex-wrap:wrap;gap:8px}::slotted([slot=center]){display:flex;justify-content:center;align-items:flex-end;flex-wrap:wrap;gap:8px}::slotted([slot=after]){display:flex;justify-content:end;align-items:flex-end;flex-wrap:wrap;gap:8px}";export{a as tttx_filter_1_4_0,c as tttx_list_1_4_0,d as tttx_sorter_1_4_0,p as tttx_toolbar_1_4_0}
|
|
1
|
+
import{r as t,c as e,h as i,H as o,g as n,F as r}from"./p-d490353a.js";import{p as s,d as l}from"./p-55799798.js";import"./p-112455b1.js";const a=class{constructor(i){t(this,i),this.filterChangeEvent=e(this,"filterChangeEvent",7),this.toggleFilter=e(this,"toggleFilter",7),this.filterKey=void 0,this.filterOptions=[{optionIcon:"cancel",optionIconColor:"darkred",optionText:"Expired"},{optionIcon:"warning",optionIconColor:"orange",optionText:"Expiring soon"},{optionIcon:"check_circle",optionIconColor:"green",optionText:"Active"}],this.showSelectAll=!0,this.showSearchField=!1,this.showOptionIcons=!0,this.filterButtonStyle="list filter",this.filterHeader="Qualification status",this.defaultFilterOptions=void 0,this.popoverWidth="193px",this.showPopover=!1,this.displayedFilterSettings=void 0,this.selectedFilters=void 0,this.filterSearchTerm="",this.allSelected=void 0}handleCloseFilter(){this.showPopover=!1}emitFilterEvent(){this.filterChangeEvent.emit({selectedFilters:this.selectedFilters,filterKey:this.filterKey,allSelected:this.allSelected})}onFilterButtonClick(){this.togglePopover()}onCloseButtonClick(){this.togglePopover()}onApplyFilterButtonClick(){this.emitFilterEvent(),this.togglePopover()}onFilterOptionSelected(t){this.allSelected=!1,this.selectedFilters=this.selectedFilters.includes(t)?this.selectedFilters.filter((e=>e!=t)):[...this.selectedFilters,t]}componentWillLoad(){if(this.displayedFilterSettings=this.parseFilterOptions(),void 0!==this.defaultFilterOptions){const t=this.parseDefaultFilterOptions();this.selectedFilters=t;let e=!0;this.parseFilterOptions().map((t=>{this.selectedFilters.includes(t.optionText)||(e=!1)})),this.allSelected=e}else this.allSelected=!0,this.selectedFilters=this.displayedFilterSettings.map((t=>t.optionText))}togglePopover(){this.showPopover=!this.showPopover,this.toggleFilter.emit(this.showPopover)}handleFilterChange(t){this.filterSearchTerm=t.target.value;const e=this.parseFilterOptions().filter((t=>{const e=t.optionText.toLowerCase(),i=this.filterSearchTerm.toLowerCase();return e.includes(i)}));this.displayedFilterSettings=e}onSelectAllClick(){this.allSelected=!this.allSelected,this.allSelected?this.displayedFilterSettings.forEach((t=>{this.selectedFilters=[...this.selectedFilters,t.optionText]})):this.selectedFilters=[]}getFilterButtonClassName(t){switch(t){case"table icon":return"--table-icon";case"list icon":return"--list-icon";default:return""}}parseFilterOptions(){return"string"==typeof this.filterOptions?JSON.parse(this.filterOptions):this.filterOptions}parseDefaultFilterOptions(){return"string"==typeof this.defaultFilterOptions?JSON.parse(this.defaultFilterOptions):this.defaultFilterOptions}render(){const t=this.showSearchField?"--with-search-field":"",e=this.allSelected?"check_box":"check_box_outline_blank",n=this.allSelected?"blue":"grey",r=this.getFilterButtonClassName(this.filterButtonStyle);return i(o,{id:`filter__${this.filterKey}`},i("div",{class:"filter-container"},i("button",{class:`filter-button ${r}`,type:"button",onClick:this.onFilterButtonClick.bind(this)},i("tttx-icon_1_4_2",{icon:"filter_list",class:"filter-icon",color:"black"}),"Filter"),this.showPopover&&i("div",{class:`filter-popover-container ${t}`,style:{width:this.popoverWidth}},i("div",{class:"filter-header"},this.filterHeader),this.showSearchField?i("div",{class:"search-field-container"},i("tttx-icon_1_4_2",{icon:"search",class:"search-icon"}),i("input",{type:"text",class:"search-input",placeholder:"Search",value:this.filterSearchTerm,onInput:this.handleFilterChange.bind(this)})):"",i("div",{class:"filter-options-container"},this.showSelectAll?i("div",{class:"filter-option",tabIndex:-1,onClick:this.onSelectAllClick.bind(this)},i("tttx-icon_1_4_2",{icon:e,color:n,class:"select-all-icon"}),i("label",{class:"filter-label"},"Select all")):"",this.displayedFilterSettings.map((t=>{const e=this.selectedFilters.includes(t.optionText)?"check_box":"check_box_outline_blank",o=this.selectedFilters.includes(t.optionText)?"blue":"grey";return i("div",{class:"filter-option",tabIndex:-1,onClick:()=>this.onFilterOptionSelected(t.optionText),key:t.optionText},i("tttx-icon_1_4_2",{icon:e,color:o,class:"checkbox-icon"}),this.showOptionIcons&&i("tttx-icon_1_4_2",{icon:t.optionIcon,color:t.optionIconColor}),i("label",{class:"filter-label"},t.optionText))}))),i("div",{class:"filter-popover-button-container"},i("button",{type:"button",class:"close-button",onClick:this.onCloseButtonClick.bind(this)},"Close"),i("button",{type:"button",class:"apply-button",onClick:this.onApplyFilterButtonClick.bind(this)},"Apply")))))}get el(){return n(this)}};a.style='.material-symbols-rounded{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}.material-symbols-rounded{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}.filter-container{background-color:white;position:relative}.filter-container .filter-button{display:inline-flex;justify-content:center;align-items:center;font-size:14px;font-weight:400;font-family:"Roboto", serif;text-transform:uppercase;color:#212121;border:1px solid #d5d5d5;border-radius:4px;background:transparent;height:36px;width:95px;margin:0;padding-right:16px;cursor:pointer}@media (max-width: 475px){.filter-container .filter-button{padding-left:4px}}.filter-container .filter-button .filter-icon{padding-left:8px;padding-right:4px}.filter-container .filter-button.--list-icon{font-size:0;width:36px;height:36px;padding:0}.filter-container .filter-button.--list-icon .filter-icon{padding:0}.filter-container .filter-button.--list-icon:hover{background:#e3e3e3}.filter-container .filter-button.--table-icon{font-size:0;width:36px;height:36px;padding:0;border:none}.filter-container .filter-button.--table-icon .filter-icon{padding:0;width:24px;height:24px}.filter-container .filter-button.--table-icon:hover{background:#e3e3e3;border-radius:50%;width:36px;height:36px}.filter-container .filter-button:hover{background:#e3e3e3}.filter-container .filter-popover-container{display:flex;flex-direction:column;gap:8px;border-radius:4px;box-shadow:0px 1px 5px #1111114D;position:absolute;top:36px;left:0px;background-color:white;padding:8px 16px}.filter-container .filter-popover-container .filter-header{color:#757575;text-transform:uppercase;font-size:14px;font-weight:500;font-family:"Roboto", serif;padding-top:4px;padding-bottom:5px}.filter-container .filter-popover-container .filter-options-container{display:flex;flex-direction:column;gap:4px;border-top:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5;padding-bottom:8px}.filter-container .filter-popover-container .filter-option{display:flex;flex-direction:row;align-items:center;min-height:36px;padding-left:8px}.filter-container .filter-popover-container .filter-option .select-all-icon{padding-right:6px}.filter-container .filter-popover-container .filter-option .checkbox-icon{padding-right:8px}.filter-container .filter-popover-container .filter-option .filter-label{padding-left:8px;padding-bottom:3px;font-size:16px;font-weight:500;font-family:"Roboto", serif}.filter-container .filter-popover-container .filter-option:first-child{padding-top:8px}.filter-container .filter-popover-container .filter-popover-button-container{display:flex;justify-content:flex-end;align-items:center}.filter-container .filter-popover-container .filter-popover-button-container .close-button{height:36px;width:74px;background-color:white;border:1px solid #d5d5d5;border-radius:4px;text-transform:uppercase;margin-right:8px;font-size:14px;font-weight:400;font-family:"Roboto", serif;color:#212121}.filter-container .filter-popover-container .filter-popover-button-container .apply-button{height:36px;width:73px;background-color:#1479c6;color:white;border-radius:4px;border:none;text-transform:uppercase;font-size:14px;font-weight:400;font-family:"Roboto", serif}.filter-container .filter-popover-container.--with-search-field .filter-header{border-bottom:1px solid #d5d5d5}.filter-container .filter-popover-container.--with-search-field .search-field-container{position:relative;color:#d5d5d5;height:36px}.filter-container .filter-popover-container.--with-search-field .search-field-container .search-icon{position:absolute;top:6px;left:8px}.filter-container .filter-popover-container.--with-search-field .search-field-container .search-input{padding-left:36px;border:1px solid #d5d5d5;border-radius:4px;height:36px;width:100%;font-size:16px;font-family:"Roboto", serif;font-weight:500;box-sizing:border-box}.filter-container .filter-popover-container.--with-search-field .search-field-container .search-input:focus-visible,.filter-container .filter-popover-container.--with-search-field .search-field-container .search-input:focus{outline:none;border:1px solid #1479c6}.filter-container .filter-popover-container.--with-search-field .search-field-container .search-input::placeholder{color:#9e9e9e;font-size:16px;font-family:"Roboto", serif;font-weight:500}';const c=class{constructor(i){t(this,i),this.rowClick=e(this,"listRowClick",7),this.rowCheckboxClick=e(this,"listRowCheckboxClick",7),this.data=void 0,this._data=void 0,this.name=void 0}onDataChange(){if(this.data){this._data="string"==typeof this.data?JSON.parse(this.data):[...this.data];for(const t of this._data)t.hasCheckbox&&void 0===t.checked&&(t.checked=!1)}}componentWillLoad(){this.onDataChange()}onRowCheckboxHandler(t,e){t.stopPropagation(),e.rowData&&this.rowCheckboxClick.emit({key:e.key,name:this.name,data:e.rowData})}onRowClickHandler(t){(t.clickable||t.toggleable)&&t.rowData&&this.rowClick.emit({key:t.key,name:this.name,data:t.rowData})}renderListItem(t){let e;if("string"==typeof t.element){const o=s.sanitize(t.element,l);e=i("span",{class:"item-content",innerHTML:o})}else e=i("span",{class:"item-content"},t.element);return i(r,null,t.hasCheckbox&&i("div",{class:"checkbox"},i("tttx-icon_1_4_2",{icon:t.checked?"check_box":"check_box_outline_blank",color:t.checked?"blue":"grey",onClick:e=>{this.onRowCheckboxHandler(e,t)}})),t.element&&e,t.icon&&i("span",{class:"icons"},i("tttx-icon_1_4_2",{class:"align-right",icon:t.icon,color:"black"})))}render(){if(this._data)return i("ul",{class:"list"},this._data.map((t=>i("li",{key:t.key,class:"item"+(t.clickable?" clickable":"")+(t.toggleable?" toggleable":"")+(t.checked?" selected":"")+(t.active?" active":""),onClick:()=>{this.onRowClickHandler(t)}},this.renderListItem(t)))))}static get watchers(){return{data:["onDataChange"]}}};c.style='.material-symbols-rounded{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}.material-symbols-rounded{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}:host{display:flex;flex-direction:column}.list{margin:0;padding:0}li{display:flex;align-items:flex-start}li.item{list-style:none;margin:0;padding:8px;border-bottom:1px solid #d5d5d5;min-height:36px}li.item:first-of-type{border-top:1px solid #d5d5d5}li.item.clickable:hover{cursor:pointer}li.item.toggleable:hover{cursor:pointer}li.item.active{background-color:rgba(17, 17, 17, 0.1)}li.item.active:hover{background-color:rgba(17, 17, 17, 0.15)}li.item.selected{background-color:#ebfbfc}li.item.selected:hover{background-color:#e0f8f9}li.item.selected.active{background-color:#ccf3f6}li.item.selected.active:hover{background-color:#bff0f3}li.item .icons{display:flex;justify-content:flex-end;flex-grow:1;align-items:center;height:36px}li.item .icons tttx-icon:hover{cursor:pointer}li.item .icons *{display:flex}li.item:hover{background-color:rgba(17, 17, 17, 0.05)}.align-right{margin-left:auto}.item-content{display:flex;align-items:center;flex-grow:2;min-height:36px}.checkbox{padding:6px;margin-left:-8px}';const d=class{constructor(i){t(this,i),this.sorterChangeEvent=e(this,"sorterChangeEvent",7),this.toggleSorter=e(this,"toggleSorter",7),this.sorterKey=void 0,this.defaultSortDirection="descending",this.fieldOptionsData=null,this.defaultOption="",this.selectedField=this.defaultOption,this.sortDirection=this.defaultSortDirection,this.dropdownExpand=!1,this.dropdownOptions=void 0}handleCloseSorter(){this.dropdownExpand=!1}emitSortEvent(){this.sorterChangeEvent.emit({sorterDirection:this.sortDirection,sorterKey:this.sorterKey,sortField:this.selectedField})}onSortToggleClick(t){t.preventDefault(),this.sortDirection="ascending"==this.sortDirection?"descending":"ascending",this.emitSortEvent()}onDropdownClicked(){this.dropdownExpand=!this.dropdownExpand,this.toggleSorter.emit(this.dropdownExpand)}onDropdownSelected(t){this.dropdownExpand=!1,this.selectedField=t.target.innerHTML,this.emitSortEvent(),this.toggleSorter.emit(this.dropdownExpand)}render(){const t="string"==typeof this.fieldOptionsData?JSON.parse(this.fieldOptionsData):this.fieldOptionsData;if(!this.fieldOptionsData)return;const e="ascending"==this.sortDirection?"arrow_upward":"arrow_downward",n=this.dropdownExpand?"expand_less":"expand_more",r=this.selectedField;return i(o,{id:`sorter__${this.sorterKey}`},i("div",{tabindex:0,class:"sorter-container "+(this.dropdownExpand?"--expanded":"")},i("button",{class:"arrow-toggle-button",type:"button",onClick:this.onSortToggleClick.bind(this)},i("tttx-icon_1_4_2",{icon:e,color:"black"})),i("div",{class:"dropdown-selector",onClick:this.onDropdownClicked.bind(this)},i("div",{class:"dropdown-selector-button"},i("div",{class:"dropdown-selector-text"},r),i("div",{class:"dropdown-selector-chevron"},i("tttx-icon_1_4_2",{icon:n,color:"black"})))),this.dropdownExpand&&i("div",{class:"dropdown-options-list"},t.sorterOptions.map((t=>i("div",{class:"dropdown-option",tabIndex:-1,onClick:this.onDropdownSelected.bind(this),key:t.optionLabel},t.optionLabel))))))}get el(){return n(this)}};d.style='.material-symbols-rounded{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}.sorter-container{display:flex;flex-direction:row;position:relative;border:1px solid #d5d5d5;border-radius:4px;font-weight:400;box-sizing:border-box;height:36px;cursor:pointer;width:220px}@media (max-width: 475px){.sorter-container{width:68px}}.sorter-container .arrow-toggle-button{display:inline-flex;justify-content:center;align-items:center;flex-direction:column;background-color:white;border:none;border-bottom-left-radius:4px;border-top-left-radius:4px}@media (max-width: 475px){.sorter-container .arrow-toggle-button{padding-right:0px;padding-left:8px}}.sorter-container .arrow-toggle-button .hydrated{display:flex;justify-content:center;align-items:center;cursor:pointer}.sorter-container .arrow-toggle-button span{display:block;margin:auto;line-height:16px}.sorter-container .arrow-toggle-button .material-symbols-rounded{color:#212121}.sorter-container .dropdown-selector{display:inline-flex;position:relative;flex-grow:1}.sorter-container .dropdown-selector .dropdown-selector-button{display:inline-flex;flex-direction:row;gap:4px;padding-right:4px;align-items:center;color:#212121;width:100%}@media (max-width: 475px){.sorter-container .dropdown-selector .dropdown-selector-button .dropdown-selector-text{display:none}}.sorter-container .dropdown-selector .dropdown-selector-chevron{display:inline-flex;margin-left:auto;right:0;top:0;flex-direction:row;align-items:center;height:36px}.sorter-container .dropdown-selector .dropdown-selector-chevron .hydrated{height:24px;cursor:pointer}@media (max-width: 475px){.sorter-container .dropdown-selector .dropdown-selector-chevron{padding-right:2px}}.sorter-container .dropdown-options-list{position:absolute;top:36px;left:0;z-index:1;width:220px;line-height:21px;font-size:16px;border-radius:4px;padding-top:8px;padding-bottom:7px;box-shadow:0px 1px 5px #1111114D;box-sizing:border-box;background-color:white}@media (max-width: 475px){.sorter-container .dropdown-options-list{width:220px;padding-top:8px}}.sorter-container .dropdown-options-list .dropdown-option{padding:8px 16px;font-size:16px;line-height:21px}.sorter-container .dropdown-options-list .dropdown-option:hover,.sorter-container .dropdown-options-list .dropdown-option:focus{background-color:#ebfbfc}.sorter-container.--expanded{border-color:#1579c6}@media (max-width: 475px){.sorter-container.--expanded{border:none}}';const p=class{constructor(e){t(this,e),this.border=!0,this.viewSize=void 0}handleResize(){this.setViewSize()}async componentWillLoad(){this.setViewSize()}setViewSize(){this.viewSize=window.innerWidth<698?"mobile":"desktop"}render(){return i(o,null,i("div",{class:`container ${this.border?"bordered":""} ${this.viewSize}`},i("slot",{name:"before"}),i("slot",{name:"center"}),i("slot",{name:"after"})))}};p.style=".container{display:flex;align-items:flex-end;row-gap:8px;padding:8px 0;flex-wrap:wrap}.container.bordered{border-bottom:1px solid #d5d5d5}.desktop ::slotted([slot=before]){flex:1 1 0px}.desktop ::slotted([slot=center]){flex:0 1 fit-content}.desktop ::slotted([slot=after]){flex:1 1 0px}::slotted([slot=before]){display:flex;align-items:flex-end;flex-wrap:wrap;gap:8px}::slotted([slot=center]){display:flex;justify-content:center;align-items:flex-end;flex-wrap:wrap;gap:8px}::slotted([slot=after]){display:flex;justify-content:end;align-items:flex-end;flex-wrap:wrap;gap:8px}";export{a as tttx_filter_1_4_2,c as tttx_list_1_4_2,d as tttx_sorter_1_4_2,p as tttx_toolbar_1_4_2}
|