@ixfx/components 0.2.2 → 0.2.4
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/LICENSE +1 -1
- package/bundle/chunk-pbuEa-1d.js +13 -0
- package/bundle/index.d.ts +4702 -569
- package/bundle/index.d.ts.map +1 -1
- package/bundle/index.js +34929 -2802
- package/bundle/index.js.map +1 -1
- package/bundle/style.css +133 -0
- package/dist/ac-text/ac-text.d.ts +99 -0
- package/dist/ac-text/ac-text.d.ts.map +1 -0
- package/dist/ac-text/ac-text.js +571 -0
- package/dist/ac-text/ac-text.js.map +1 -0
- package/dist/button/button-styles.d.ts +2 -0
- package/dist/button/button-styles.d.ts.map +1 -0
- package/dist/button/button-styles.js +75 -0
- package/dist/button/button-styles.js.map +1 -0
- package/dist/button/button.d.ts +16 -0
- package/dist/button/button.d.ts.map +1 -0
- package/dist/button/button.js +58 -0
- package/dist/button/button.js.map +1 -0
- package/dist/button/radio-group.d.ts +44 -0
- package/dist/button/radio-group.d.ts.map +1 -0
- package/dist/button/radio-group.js +385 -0
- package/dist/button/radio-group.js.map +1 -0
- package/dist/button/split-button.d.ts +59 -0
- package/dist/button/split-button.d.ts.map +1 -0
- package/dist/button/split-button.js +480 -0
- package/dist/button/split-button.js.map +1 -0
- package/dist/button/types.d.ts +18 -0
- package/dist/button/types.d.ts.map +1 -0
- package/dist/button/types.js +2 -0
- package/dist/button/types.js.map +1 -0
- package/dist/checkbox.d.ts +64 -0
- package/dist/checkbox.d.ts.map +1 -0
- package/dist/checkbox.js +265 -0
- package/dist/checkbox.js.map +1 -0
- package/dist/colour-picker/colour-picker-popup.d.ts +102 -0
- package/dist/colour-picker/colour-picker-popup.d.ts.map +1 -0
- package/dist/colour-picker/colour-picker-popup.js +399 -0
- package/dist/colour-picker/colour-picker-popup.js.map +1 -0
- package/dist/colour-picker/colour-picker.d.ts +100 -0
- package/dist/colour-picker/colour-picker.d.ts.map +1 -0
- package/dist/colour-picker/colour-picker.js +567 -0
- package/dist/colour-picker/colour-picker.js.map +1 -0
- package/dist/colour-picker/index.d.ts +4 -0
- package/dist/colour-picker/index.d.ts.map +1 -0
- package/dist/colour-picker/index.js +3 -0
- package/dist/colour-picker/index.js.map +1 -0
- package/dist/colour-picker/styles.d.ts +2 -0
- package/dist/colour-picker/styles.d.ts.map +1 -0
- package/dist/colour-picker/styles.js +139 -0
- package/dist/colour-picker/styles.js.map +1 -0
- package/dist/colour-picker/types.d.ts +33 -0
- package/dist/colour-picker/types.d.ts.map +1 -0
- package/dist/colour-picker/types.js +2 -0
- package/dist/colour-picker/types.js.map +1 -0
- package/dist/colour-picker/util.d.ts +15 -0
- package/dist/colour-picker/util.d.ts.map +1 -0
- package/dist/colour-picker/util.js +35 -0
- package/dist/colour-picker/util.js.map +1 -0
- package/dist/common/searchable.d.ts +9 -0
- package/dist/common/searchable.d.ts.map +1 -0
- package/dist/common/searchable.js +9 -0
- package/dist/common/searchable.js.map +1 -0
- package/dist/common/tree-component.d.ts +172 -0
- package/dist/common/tree-component.d.ts.map +1 -0
- package/dist/common/tree-component.js +8 -0
- package/dist/common/tree-component.js.map +1 -0
- package/dist/common/tree-data-model.d.ts +100 -0
- package/dist/common/tree-data-model.d.ts.map +1 -0
- package/dist/common/tree-data-model.js +207 -0
- package/dist/common/tree-data-model.js.map +1 -0
- package/dist/common/tree-item.d.ts +7 -0
- package/dist/common/tree-item.d.ts.map +1 -0
- package/dist/common/tree-item.js +2 -0
- package/dist/common/tree-item.js.map +1 -0
- package/dist/common/types.d.ts +69 -0
- package/dist/common/types.d.ts.map +1 -0
- package/dist/common/types.js +6 -0
- package/dist/common/types.js.map +1 -0
- package/dist/crumbs/crumb-navigation.d.ts +96 -0
- package/dist/crumbs/crumb-navigation.d.ts.map +1 -0
- package/dist/crumbs/crumb-navigation.js +911 -0
- package/dist/crumbs/crumb-navigation.js.map +1 -0
- package/dist/crumbs/crumb-path-controller.d.ts +18 -0
- package/dist/crumbs/crumb-path-controller.d.ts.map +1 -0
- package/dist/crumbs/crumb-path-controller.js +81 -0
- package/dist/crumbs/crumb-path-controller.js.map +1 -0
- package/dist/crumbs/crumb-path.d.ts +65 -0
- package/dist/crumbs/crumb-path.d.ts.map +1 -0
- package/dist/crumbs/crumb-path.js +691 -0
- package/dist/crumbs/crumb-path.js.map +1 -0
- package/dist/data-display.d.ts +10 -3
- package/dist/data-display.d.ts.map +1 -1
- package/dist/data-display.js +45 -28
- package/dist/data-display.js.map +1 -1
- package/dist/editable-label/editable-label.d.ts +98 -0
- package/dist/editable-label/editable-label.d.ts.map +1 -0
- package/dist/editable-label/editable-label.js +348 -0
- package/dist/editable-label/editable-label.js.map +1 -0
- package/dist/editable-label/editable-number.d.ts +96 -0
- package/dist/editable-label/editable-number.d.ts.map +1 -0
- package/dist/editable-label/editable-number.js +702 -0
- package/dist/editable-label/editable-number.js.map +1 -0
- package/dist/hex/colour.d.ts +6 -0
- package/dist/hex/colour.d.ts.map +1 -0
- package/dist/hex/colour.js +33 -0
- package/dist/hex/colour.js.map +1 -0
- package/dist/hex/data.d.ts +18 -0
- package/dist/hex/data.d.ts.map +1 -0
- package/dist/hex/data.js +61 -0
- package/dist/hex/data.js.map +1 -0
- package/dist/hex/diff.d.ts +14 -0
- package/dist/hex/diff.d.ts.map +1 -0
- package/dist/hex/diff.js +31 -0
- package/dist/hex/diff.js.map +1 -0
- package/dist/hex/hex-editor.d.ts +101 -0
- package/dist/hex/hex-editor.d.ts.map +1 -0
- package/dist/hex/hex-editor.js +894 -0
- package/dist/hex/hex-editor.js.map +1 -0
- package/dist/hex/selection.d.ts +11 -0
- package/dist/hex/selection.d.ts.map +1 -0
- package/dist/hex/selection.js +218 -0
- package/dist/hex/selection.js.map +1 -0
- package/dist/hex/types.d.ts +34 -0
- package/dist/hex/types.d.ts.map +1 -0
- package/dist/hex/types.js +4 -0
- package/dist/hex/types.js.map +1 -0
- package/dist/icons/defaults.d.ts +27 -0
- package/dist/icons/defaults.d.ts.map +1 -0
- package/dist/icons/defaults.js +34 -0
- package/dist/icons/defaults.js.map +1 -0
- package/dist/icons/icon.d.ts +31 -0
- package/dist/icons/icon.d.ts.map +1 -0
- package/dist/icons/icon.js +125 -0
- package/dist/icons/icon.js.map +1 -0
- package/dist/icons/index.d.ts +5 -0
- package/dist/icons/index.d.ts.map +1 -0
- package/dist/icons/index.js +6 -0
- package/dist/icons/index.js.map +1 -0
- package/dist/icons/registry.d.ts +11 -0
- package/dist/icons/registry.d.ts.map +1 -0
- package/dist/icons/registry.js +17 -0
- package/dist/icons/registry.js.map +1 -0
- package/dist/incr-search/ac-adapter.d.ts +18 -0
- package/dist/incr-search/ac-adapter.d.ts.map +1 -0
- package/dist/incr-search/ac-adapter.js +29 -0
- package/dist/incr-search/ac-adapter.js.map +1 -0
- package/dist/incr-search/controller-miller.d.ts +9 -0
- package/dist/incr-search/controller-miller.d.ts.map +1 -0
- package/dist/incr-search/controller-miller.js +8 -0
- package/dist/incr-search/controller-miller.js.map +1 -0
- package/dist/incr-search/controller-tree.d.ts +55 -0
- package/dist/incr-search/controller-tree.d.ts.map +1 -0
- package/dist/incr-search/controller-tree.js +106 -0
- package/dist/incr-search/controller-tree.js.map +1 -0
- package/dist/incr-search/element-search.d.ts +15 -0
- package/dist/incr-search/element-search.d.ts.map +1 -0
- package/dist/incr-search/element-search.js +82 -0
- package/dist/incr-search/element-search.js.map +1 -0
- package/dist/incr-search/fuzzy.d.ts +3 -0
- package/dist/incr-search/fuzzy.d.ts.map +1 -0
- package/dist/incr-search/fuzzy.js +37 -0
- package/dist/incr-search/fuzzy.js.map +1 -0
- package/dist/incr-search/highlight.d.ts +5 -0
- package/dist/incr-search/highlight.d.ts.map +1 -0
- package/dist/incr-search/highlight.js +54 -0
- package/dist/incr-search/highlight.js.map +1 -0
- package/dist/incr-search/incr-search.d.ts +3 -0
- package/dist/incr-search/incr-search.d.ts.map +1 -0
- package/dist/incr-search/incr-search.js +73 -0
- package/dist/incr-search/incr-search.js.map +1 -0
- package/dist/incr-search/index.d.ts +12 -0
- package/dist/incr-search/index.d.ts.map +1 -0
- package/dist/incr-search/index.js +8 -0
- package/dist/incr-search/index.js.map +1 -0
- package/dist/incr-search/types.d.ts +59 -0
- package/dist/incr-search/types.d.ts.map +1 -0
- package/dist/incr-search/types.js +2 -0
- package/dist/incr-search/types.js.map +1 -0
- package/dist/index.d.ts +49 -9
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +50 -10
- package/dist/index.js.map +1 -1
- package/dist/interaction/index.d.ts +10 -0
- package/dist/interaction/index.d.ts.map +1 -0
- package/dist/interaction/index.js +10 -0
- package/dist/interaction/index.js.map +1 -0
- package/dist/interaction/tickled-controller.d.ts +186 -0
- package/dist/interaction/tickled-controller.d.ts.map +1 -0
- package/dist/interaction/tickled-controller.js +256 -0
- package/dist/interaction/tickled-controller.js.map +1 -0
- package/dist/interaction/tickled-styles.d.ts +53 -0
- package/dist/interaction/tickled-styles.d.ts.map +1 -0
- package/dist/interaction/tickled-styles.js +106 -0
- package/dist/interaction/tickled-styles.js.map +1 -0
- package/dist/interaction/tree-keyboard-controller.d.ts +30 -0
- package/dist/interaction/tree-keyboard-controller.d.ts.map +1 -0
- package/dist/interaction/tree-keyboard-controller.js +105 -0
- package/dist/interaction/tree-keyboard-controller.js.map +1 -0
- package/dist/keyboard.d.ts +16 -0
- package/dist/keyboard.d.ts.map +1 -0
- package/dist/keyboard.js +22 -0
- package/dist/keyboard.js.map +1 -0
- package/dist/labelled-radial-input/index.d.ts +2 -0
- package/dist/labelled-radial-input/index.d.ts.map +1 -0
- package/dist/labelled-radial-input/index.js +2 -0
- package/dist/labelled-radial-input/index.js.map +1 -0
- package/dist/labelled-radial-input/labelled-radial-input.d.ts +77 -0
- package/dist/labelled-radial-input/labelled-radial-input.d.ts.map +1 -0
- package/dist/labelled-radial-input/labelled-radial-input.js +214 -0
- package/dist/labelled-radial-input/labelled-radial-input.js.map +1 -0
- package/dist/labelled-range-input/index.d.ts +2 -0
- package/dist/labelled-range-input/index.d.ts.map +1 -0
- package/dist/labelled-range-input/index.js +2 -0
- package/dist/labelled-range-input/index.js.map +1 -0
- package/dist/labelled-range-input/labelled-range-input.d.ts +80 -0
- package/dist/labelled-range-input/labelled-range-input.d.ts.map +1 -0
- package/dist/labelled-range-input/labelled-range-input.js +137 -0
- package/dist/labelled-range-input/labelled-range-input.js.map +1 -0
- package/dist/led.d.ts +20 -0
- package/dist/led.d.ts.map +1 -0
- package/dist/led.js +100 -0
- package/dist/led.js.map +1 -0
- package/dist/menu/index.d.ts +14 -0
- package/dist/menu/index.d.ts.map +1 -0
- package/dist/menu/index.js +13 -0
- package/dist/menu/index.js.map +1 -0
- package/dist/menu/menu-bar.d.ts +23 -0
- package/dist/menu/menu-bar.d.ts.map +1 -0
- package/dist/menu/menu-bar.js +110 -0
- package/dist/menu/menu-bar.js.map +1 -0
- package/dist/menu/menu-check-item.d.ts +33 -0
- package/dist/menu/menu-check-item.d.ts.map +1 -0
- package/dist/menu/menu-check-item.js +175 -0
- package/dist/menu/menu-check-item.js.map +1 -0
- package/dist/menu/menu-command-controller.d.ts +14 -0
- package/dist/menu/menu-command-controller.d.ts.map +1 -0
- package/dist/menu/menu-command-controller.js +22 -0
- package/dist/menu/menu-command-controller.js.map +1 -0
- package/dist/menu/menu-container.d.ts +36 -0
- package/dist/menu/menu-container.d.ts.map +1 -0
- package/dist/menu/menu-container.js +351 -0
- package/dist/menu/menu-container.js.map +1 -0
- package/dist/menu/menu-from-tree.d.ts +17 -0
- package/dist/menu/menu-from-tree.d.ts.map +1 -0
- package/dist/menu/menu-from-tree.js +103 -0
- package/dist/menu/menu-from-tree.js.map +1 -0
- package/dist/menu/menu-header.d.ts +12 -0
- package/dist/menu/menu-header.d.ts.map +1 -0
- package/dist/menu/menu-header.js +36 -0
- package/dist/menu/menu-header.js.map +1 -0
- package/dist/menu/menu-item.d.ts +41 -0
- package/dist/menu/menu-item.d.ts.map +1 -0
- package/dist/menu/menu-item.js +240 -0
- package/dist/menu/menu-item.js.map +1 -0
- package/dist/menu/menu-radio-group.d.ts +24 -0
- package/dist/menu/menu-radio-group.d.ts.map +1 -0
- package/dist/menu/menu-radio-group.js +71 -0
- package/dist/menu/menu-radio-group.js.map +1 -0
- package/dist/menu/menu-radio-item.d.ts +22 -0
- package/dist/menu/menu-radio-item.d.ts.map +1 -0
- package/dist/menu/menu-radio-item.js +116 -0
- package/dist/menu/menu-radio-item.js.map +1 -0
- package/dist/menu/menu-separator.d.ts +11 -0
- package/dist/menu/menu-separator.d.ts.map +1 -0
- package/dist/menu/menu-separator.js +29 -0
- package/dist/menu/menu-separator.js.map +1 -0
- package/dist/menu/menu-sub-trigger.d.ts +46 -0
- package/dist/menu/menu-sub-trigger.d.ts.map +1 -0
- package/dist/menu/menu-sub-trigger.js +302 -0
- package/dist/menu/menu-sub-trigger.js.map +1 -0
- package/dist/menu/menu-trigger.d.ts +57 -0
- package/dist/menu/menu-trigger.d.ts.map +1 -0
- package/dist/menu/menu-trigger.js +351 -0
- package/dist/menu/menu-trigger.js.map +1 -0
- package/dist/miller/index.d.ts +5 -0
- package/dist/miller/index.d.ts.map +1 -0
- package/dist/miller/index.js +5 -0
- package/dist/miller/index.js.map +1 -0
- package/dist/miller/miller-base.d.ts +184 -0
- package/dist/miller/miller-base.d.ts.map +1 -0
- package/dist/miller/miller-base.js +1249 -0
- package/dist/miller/miller-base.js.map +1 -0
- package/dist/miller/miller-list.d.ts +30 -0
- package/dist/miller/miller-list.d.ts.map +1 -0
- package/dist/miller/miller-list.js +192 -0
- package/dist/miller/miller-list.js.map +1 -0
- package/dist/miller/miller-tree-controller.d.ts +58 -0
- package/dist/miller/miller-tree-controller.d.ts.map +1 -0
- package/dist/miller/miller-tree-controller.js +134 -0
- package/dist/miller/miller-tree-controller.js.map +1 -0
- package/dist/miller/types.d.ts +63 -0
- package/dist/miller/types.d.ts.map +1 -0
- package/dist/miller/types.js +6 -0
- package/dist/miller/types.js.map +1 -0
- package/dist/mixins/labelled-input-base.d.ts +38 -0
- package/dist/mixins/labelled-input-base.d.ts.map +1 -0
- package/dist/mixins/labelled-input-base.js +171 -0
- package/dist/mixins/labelled-input-base.js.map +1 -0
- package/dist/mixins/labelled-input-util.d.ts +3 -0
- package/dist/mixins/labelled-input-util.d.ts.map +1 -0
- package/dist/mixins/labelled-input-util.js +10 -0
- package/dist/mixins/labelled-input-util.js.map +1 -0
- package/dist/my-element.d.ts.map +1 -1
- package/dist/my-element.js +1 -1
- package/dist/my-element.js.map +1 -1
- package/dist/narrowed-text/index.d.ts +3 -0
- package/dist/narrowed-text/index.d.ts.map +1 -0
- package/dist/narrowed-text/index.js +3 -0
- package/dist/narrowed-text/index.js.map +1 -0
- package/dist/narrowed-text/narrowed-text.d.ts +48 -0
- package/dist/narrowed-text/narrowed-text.d.ts.map +1 -0
- package/dist/narrowed-text/narrowed-text.js +668 -0
- package/dist/narrowed-text/narrowed-text.js.map +1 -0
- package/dist/narrowed-text/types.d.ts +20 -0
- package/dist/narrowed-text/types.d.ts.map +1 -0
- package/dist/narrowed-text/types.js +2 -0
- package/dist/narrowed-text/types.js.map +1 -0
- package/dist/panel/panel-group.d.ts +23 -0
- package/dist/panel/panel-group.d.ts.map +1 -0
- package/dist/panel/panel-group.js +109 -0
- package/dist/panel/panel-group.js.map +1 -0
- package/dist/panel/panel.d.ts +39 -0
- package/dist/panel/panel.d.ts.map +1 -0
- package/dist/panel/panel.js +417 -0
- package/dist/panel/panel.js.map +1 -0
- package/dist/plots/colour-map.d.ts +31 -0
- package/dist/plots/colour-map.d.ts.map +1 -0
- package/dist/plots/colour-map.js +133 -0
- package/dist/plots/colour-map.js.map +1 -0
- package/dist/plots/data.d.ts +27 -0
- package/dist/plots/data.d.ts.map +1 -0
- package/dist/plots/data.js +47 -0
- package/dist/plots/data.js.map +1 -0
- package/dist/plots/single-axis.d.ts +41 -0
- package/dist/plots/single-axis.d.ts.map +1 -0
- package/dist/plots/single-axis.js +428 -0
- package/dist/plots/single-axis.js.map +1 -0
- package/dist/plots/svg-utils.d.ts +12 -0
- package/dist/plots/svg-utils.d.ts.map +1 -0
- package/dist/plots/svg-utils.js +64 -0
- package/dist/plots/svg-utils.js.map +1 -0
- package/dist/plots/xy-axis.d.ts +42 -0
- package/dist/plots/xy-axis.d.ts.map +1 -0
- package/dist/plots/xy-axis.js +307 -0
- package/dist/plots/xy-axis.js.map +1 -0
- package/dist/polar-pad/polar-pad.d.ts +132 -0
- package/dist/polar-pad/polar-pad.d.ts.map +1 -0
- package/dist/polar-pad/polar-pad.js +598 -0
- package/dist/polar-pad/polar-pad.js.map +1 -0
- package/dist/radial-input/radial-input.d.ts +45 -0
- package/dist/radial-input/radial-input.d.ts.map +1 -0
- package/dist/radial-input/radial-input.js +692 -0
- package/dist/radial-input/radial-input.js.map +1 -0
- package/dist/radial-input/svg-utils.d.ts +147 -0
- package/dist/radial-input/svg-utils.d.ts.map +1 -0
- package/dist/radial-input/svg-utils.js +346 -0
- package/dist/radial-input/svg-utils.js.map +1 -0
- package/dist/radial-input/types.d.ts +25 -0
- package/dist/radial-input/types.d.ts.map +1 -0
- package/dist/radial-input/types.js +5 -0
- package/dist/radial-input/types.js.map +1 -0
- package/dist/range/range-multi.d.ts +62 -0
- package/dist/range/range-multi.d.ts.map +1 -0
- package/dist/range/range-multi.js +652 -0
- package/dist/range/range-multi.js.map +1 -0
- package/dist/range/range.d.ts +23 -0
- package/dist/range/range.d.ts.map +1 -0
- package/dist/range/range.js +153 -0
- package/dist/range/range.js.map +1 -0
- package/dist/range-input/index.d.ts +2 -0
- package/dist/range-input/index.d.ts.map +1 -0
- package/dist/range-input/index.js +2 -0
- package/dist/range-input/index.js.map +1 -0
- package/dist/range-input/range-input.d.ts +92 -0
- package/dist/range-input/range-input.d.ts.map +1 -0
- package/dist/range-input/range-input.js +472 -0
- package/dist/range-input/range-input.js.map +1 -0
- package/dist/selecthorizontal.d.ts +1 -1
- package/dist/selecthorizontal.d.ts.map +1 -1
- package/dist/selecthorizontal.js +3 -3
- package/dist/selecthorizontal.js.map +1 -1
- package/dist/snap-container/snap-container.d.ts +45 -0
- package/dist/snap-container/snap-container.d.ts.map +1 -0
- package/dist/snap-container/snap-container.js +352 -0
- package/dist/snap-container/snap-container.js.map +1 -0
- package/dist/split-layout/split-layout.d.ts +25 -9
- package/dist/split-layout/split-layout.d.ts.map +1 -1
- package/dist/split-layout/split-layout.js +520 -66
- package/dist/split-layout/split-layout.js.map +1 -1
- package/dist/styles/popup.d.ts +11 -0
- package/dist/styles/popup.d.ts.map +1 -0
- package/dist/styles/popup.js +20 -0
- package/dist/styles/popup.js.map +1 -0
- package/dist/styles/prominence.d.ts +58 -0
- package/dist/styles/prominence.d.ts.map +1 -0
- package/dist/styles/prominence.js +94 -0
- package/dist/styles/prominence.js.map +1 -0
- package/dist/styles/tooltip.d.ts +2 -0
- package/dist/styles/tooltip.d.ts.map +1 -0
- package/dist/styles/tooltip.js +100 -0
- package/dist/styles/tooltip.js.map +1 -0
- package/dist/svg-edit-label.js +1 -1
- package/dist/svg-edit-label.js.map +1 -1
- package/dist/swipe/index.d.ts +2 -0
- package/dist/swipe/index.d.ts.map +1 -0
- package/dist/swipe/index.js +2 -0
- package/dist/swipe/index.js.map +1 -0
- package/dist/swipe/swipe.d.ts +65 -0
- package/dist/swipe/swipe.d.ts.map +1 -0
- package/dist/swipe/swipe.js +229 -0
- package/dist/swipe/swipe.js.map +1 -0
- package/dist/tabs/tab-layout-item.d.ts.map +1 -1
- package/dist/tabs/tab-layout-item.js +1 -1
- package/dist/tabs/tab-layout-item.js.map +1 -1
- package/dist/tabs/tab-layout.d.ts.map +1 -1
- package/dist/tabs/tab-layout.js +1 -1
- package/dist/tabs/tab-layout.js.map +1 -1
- package/dist/tabs/tab-list-item.d.ts +22 -6
- package/dist/tabs/tab-list-item.d.ts.map +1 -1
- package/dist/tabs/tab-list-item.js +174 -42
- package/dist/tabs/tab-list-item.js.map +1 -1
- package/dist/tabs/tab-list.d.ts +15 -5
- package/dist/tabs/tab-list.d.ts.map +1 -1
- package/dist/tabs/tab-list.js +159 -50
- package/dist/tabs/tab-list.js.map +1 -1
- package/dist/tabs/tab-panel.d.ts +1 -1
- package/dist/tabs/tab-panel.d.ts.map +1 -1
- package/dist/tabs/tab-panel.js +2 -2
- package/dist/tabs/tab-panel.js.map +1 -1
- package/dist/tabs/tab-panels.d.ts +3 -3
- package/dist/tabs/tab-panels.d.ts.map +1 -1
- package/dist/tabs/tab-panels.js +6 -6
- package/dist/tabs/tab-panels.js.map +1 -1
- package/dist/timeline/index.d.ts +9 -0
- package/dist/timeline/index.d.ts.map +1 -0
- package/dist/timeline/index.js +8 -0
- package/dist/timeline/index.js.map +1 -0
- package/dist/timeline/timeline-controller.d.ts +48 -0
- package/dist/timeline/timeline-controller.d.ts.map +1 -0
- package/dist/timeline/timeline-controller.js +81 -0
- package/dist/timeline/timeline-controller.js.map +1 -0
- package/dist/timeline/timeline-draw.d.ts +28 -0
- package/dist/timeline/timeline-draw.d.ts.map +1 -0
- package/dist/timeline/timeline-draw.js +330 -0
- package/dist/timeline/timeline-draw.js.map +1 -0
- package/dist/timeline/timeline-element.d.ts +140 -0
- package/dist/timeline/timeline-element.d.ts.map +1 -0
- package/dist/timeline/timeline-element.js +888 -0
- package/dist/timeline/timeline-element.js.map +1 -0
- package/dist/timeline/timeline-interactions.d.ts +40 -0
- package/dist/timeline/timeline-interactions.d.ts.map +1 -0
- package/dist/timeline/timeline-interactions.js +393 -0
- package/dist/timeline/timeline-interactions.js.map +1 -0
- package/dist/timeline/timeline-styles.d.ts +2 -0
- package/dist/timeline/timeline-styles.d.ts.map +1 -0
- package/dist/timeline/timeline-styles.js +153 -0
- package/dist/timeline/timeline-styles.js.map +1 -0
- package/dist/timeline/timeline-track-tabs.d.ts +30 -0
- package/dist/timeline/timeline-track-tabs.d.ts.map +1 -0
- package/dist/timeline/timeline-track-tabs.js +204 -0
- package/dist/timeline/timeline-track-tabs.js.map +1 -0
- package/dist/timeline/types.d.ts +144 -0
- package/dist/timeline/types.d.ts.map +1 -0
- package/dist/timeline/types.js +3 -0
- package/dist/timeline/types.js.map +1 -0
- package/dist/tree/index.d.ts +5 -0
- package/dist/tree/index.d.ts.map +1 -0
- package/dist/tree/index.js +5 -0
- package/dist/tree/index.js.map +1 -0
- package/dist/tree/tree-base.d.ts +70 -0
- package/dist/tree/tree-base.d.ts.map +1 -0
- package/dist/tree/tree-base.js +1028 -0
- package/dist/tree/tree-base.js.map +1 -0
- package/dist/tree/tree-controller.d.ts +14 -0
- package/dist/tree/tree-controller.d.ts.map +1 -0
- package/dist/tree/tree-controller.js +96 -0
- package/dist/tree/tree-controller.js.map +1 -0
- package/dist/tree/tree-list.d.ts +20 -0
- package/dist/tree/tree-list.d.ts.map +1 -0
- package/dist/tree/tree-list.js +174 -0
- package/dist/tree/tree-list.js.map +1 -0
- package/dist/tree/types.d.ts +14 -0
- package/dist/tree/types.d.ts.map +1 -0
- package/dist/tree/types.js +7 -0
- package/dist/tree/types.js.map +1 -0
- package/dist/util/checkbox.d.ts +2 -0
- package/dist/util/checkbox.d.ts.map +1 -0
- package/dist/util/checkbox.js +69 -0
- package/dist/util/checkbox.js.map +1 -0
- package/dist/util/circle-arc.d.ts +6 -6
- package/dist/util/circle-arc.d.ts.map +1 -1
- package/dist/util/circle-arc.js +28 -20
- package/dist/util/circle-arc.js.map +1 -1
- package/dist/util/clamp.d.ts +4 -0
- package/dist/util/clamp.d.ts.map +1 -0
- package/dist/util/clamp.js +23 -0
- package/dist/util/clamp.js.map +1 -0
- package/dist/util/compare.d.ts +8 -8
- package/dist/util/compare.d.ts.map +1 -1
- package/dist/util/compare.js +13 -13
- package/dist/util/compare.js.map +1 -1
- package/dist/util/content-editable.d.ts +1 -1
- package/dist/util/content-editable.d.ts.map +1 -1
- package/dist/util/content-editable.js +2 -2
- package/dist/util/content-editable.js.map +1 -1
- package/dist/util/coordinates.d.ts +3 -0
- package/dist/util/coordinates.d.ts.map +1 -0
- package/dist/util/coordinates.js +11 -0
- package/dist/util/coordinates.js.map +1 -0
- package/dist/util/drag.d.ts +16 -0
- package/dist/util/drag.d.ts.map +1 -0
- package/dist/util/drag.js +20 -0
- package/dist/util/drag.js.map +1 -0
- package/dist/util/is-numeric.d.ts +2 -0
- package/dist/util/is-numeric.d.ts.map +1 -0
- package/dist/util/is-numeric.js +9 -0
- package/dist/util/is-numeric.js.map +1 -0
- package/dist/util/key-value.d.ts +2 -2
- package/dist/util/key-value.d.ts.map +1 -1
- package/dist/util/key-value.js +4 -5
- package/dist/util/key-value.js.map +1 -1
- package/dist/util/near.d.ts +2 -0
- package/dist/util/near.d.ts.map +1 -0
- package/dist/util/near.js +6 -0
- package/dist/util/near.js.map +1 -0
- package/dist/util/svg-editable-text.d.ts +6 -2
- package/dist/util/svg-editable-text.d.ts.map +1 -1
- package/dist/util/svg-editable-text.js +5 -7
- package/dist/util/svg-editable-text.js.map +1 -1
- package/dist/util/time.d.ts.map +1 -1
- package/dist/util/time.js +1 -1
- package/dist/util/time.js.map +1 -1
- package/dist/util/tooltip-controller.d.ts +10 -0
- package/dist/util/tooltip-controller.d.ts.map +1 -0
- package/dist/util/tooltip-controller.js +237 -0
- package/dist/util/tooltip-controller.js.map +1 -0
- package/dist/util/tooltip.d.ts +21 -0
- package/dist/util/tooltip.d.ts.map +1 -0
- package/dist/util/tooltip.js +98 -0
- package/dist/util/tooltip.js.map +1 -0
- package/dist/util/value-drag.d.ts +33 -0
- package/dist/util/value-drag.d.ts.map +1 -0
- package/dist/util/value-drag.js +154 -0
- package/dist/util/value-drag.js.map +1 -0
- package/dist/xy-pad.d.ts +117 -0
- package/dist/xy-pad.d.ts.map +1 -0
- package/dist/xy-pad.js +455 -0
- package/dist/xy-pad.js.map +1 -0
- package/package.json +47 -30
- package/README.md +0 -14
- package/dist/charts/frequency-histogram-plot.d.ts +0 -33
- package/dist/charts/frequency-histogram-plot.d.ts.map +0 -1
- package/dist/charts/frequency-histogram-plot.js +0 -54
- package/dist/charts/frequency-histogram-plot.js.map +0 -1
- package/dist/charts/histogram-vis.d.ts +0 -57
- package/dist/charts/histogram-vis.d.ts.map +0 -1
- package/dist/charts/histogram-vis.js +0 -222
- package/dist/charts/histogram-vis.js.map +0 -1
- package/dist/charts/plot.d.ts +0 -199
- package/dist/charts/plot.d.ts.map +0 -1
- package/dist/charts/plot.js +0 -916
- package/dist/charts/plot.js.map +0 -1
- package/dist/crumb-nav.d.ts +0 -41
- package/dist/crumb-nav.d.ts.map +0 -1
- package/dist/crumb-nav.js +0 -198
- package/dist/crumb-nav.js.map +0 -1
- package/dist/crumb-navigation.d.ts +0 -30
- package/dist/crumb-navigation.d.ts.map +0 -1
- package/dist/crumb-navigation.js +0 -307
- package/dist/crumb-navigation.js.map +0 -1
- package/dist/dial.d.ts +0 -89
- package/dist/dial.d.ts.map +0 -1
- package/dist/dial.js +0 -506
- package/dist/dial.js.map +0 -1
- package/dist/util/drag-controller.d.ts +0 -13
- package/dist/util/drag-controller.d.ts.map +0 -1
- package/dist/util/drag-controller.js +0 -21
- package/dist/util/drag-controller.js.map +0 -1
package/package.json
CHANGED
|
@@ -1,20 +1,11 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ixfx/components",
|
|
3
|
-
"version": "0.2.2",
|
|
4
|
-
"description": "",
|
|
5
|
-
"scripts": {
|
|
6
|
-
"lint": "tsc",
|
|
7
|
-
"dev": "vite --port=5174",
|
|
8
|
-
"build": "tsc",
|
|
9
|
-
"rebuild": "rm -rf dist && npm run build",
|
|
10
|
-
"bundle": "tsdown",
|
|
11
|
-
"build-test": "tsc && vite build",
|
|
12
|
-
"publish-prepare": "npm run rebuild && npm run bundle",
|
|
13
|
-
"preview": "vite preview",
|
|
14
|
-
"knip": "knip --config ./config/knip.json"
|
|
15
|
-
},
|
|
16
3
|
"type": "module",
|
|
17
|
-
"
|
|
4
|
+
"version": "0.2.4",
|
|
5
|
+
"description": "",
|
|
6
|
+
"author": "",
|
|
7
|
+
"license": "ISC",
|
|
8
|
+
"keywords": [],
|
|
18
9
|
"exports": {
|
|
19
10
|
".": {
|
|
20
11
|
"types": "./dist/index.d.ts",
|
|
@@ -33,25 +24,51 @@
|
|
|
33
24
|
"import": "./bundle/index.js"
|
|
34
25
|
}
|
|
35
26
|
},
|
|
27
|
+
"main": "dist/index.js",
|
|
36
28
|
"files": [
|
|
37
|
-
"
|
|
38
|
-
"
|
|
29
|
+
"bundle",
|
|
30
|
+
"dist"
|
|
39
31
|
],
|
|
40
|
-
"
|
|
41
|
-
|
|
42
|
-
|
|
32
|
+
"scripts": {
|
|
33
|
+
"typecheck": "tsc",
|
|
34
|
+
"start": "vite serve",
|
|
35
|
+
"lint": "eslint",
|
|
36
|
+
"lint:fix": "eslint --fix",
|
|
37
|
+
"build": "tsc",
|
|
38
|
+
"rebuild": "rm -rf dist && npm run build",
|
|
39
|
+
"bundle": "tsdown",
|
|
40
|
+
"build-test": "tsc && vite build",
|
|
41
|
+
"publish-prepare": "npm run rebuild && npm run bundle",
|
|
42
|
+
"preview": "vite preview",
|
|
43
|
+
"knip": "knip --config ./config/knip.json"
|
|
44
|
+
},
|
|
43
45
|
"dependencies": {
|
|
44
|
-
"
|
|
45
|
-
"
|
|
46
|
+
"@clinth/ui-commands": "1.0.3",
|
|
47
|
+
"@clinth/vcanvas": "0.0.3",
|
|
48
|
+
"color-parse": "2.0.2",
|
|
49
|
+
"fzf": "0.5.2",
|
|
50
|
+
"lit": "3.3.2"
|
|
46
51
|
},
|
|
47
52
|
"devDependencies": {
|
|
48
|
-
"@eslint
|
|
49
|
-
"eslint": "
|
|
50
|
-
"
|
|
51
|
-
"ixfx": "
|
|
52
|
-
"
|
|
53
|
-
"
|
|
54
|
-
"
|
|
55
|
-
"
|
|
53
|
+
"@antfu/eslint-config": "^8.2.0",
|
|
54
|
+
"@eslint/js": "10.0.1",
|
|
55
|
+
"@ixfx/arrays": "0.56.12",
|
|
56
|
+
"@ixfx/collections": "0.56.12",
|
|
57
|
+
"@ixfx/core": "0.56.12",
|
|
58
|
+
"@ixfx/dom": "0.56.12",
|
|
59
|
+
"@ixfx/flow": "0.56.12",
|
|
60
|
+
"@ixfx/geometry": "0.56.12",
|
|
61
|
+
"@ixfx/modulation": "0.56.12",
|
|
62
|
+
"@ixfx/numbers": "0.56.12",
|
|
63
|
+
"@ixfx/visual": "0.56.12",
|
|
64
|
+
"@tsdown/css": "0.21.10",
|
|
65
|
+
"eslint": "10.3.0",
|
|
66
|
+
"eslint-plugin-format": "2.0.1",
|
|
67
|
+
"globals": "17.6.0",
|
|
68
|
+
"knip": "6.12.0",
|
|
69
|
+
"tsdown": "0.21.10",
|
|
70
|
+
"typescript": "6.0.3",
|
|
71
|
+
"typescript-eslint": "8.59.2",
|
|
72
|
+
"vite": "8.0.10"
|
|
56
73
|
}
|
|
57
|
-
}
|
|
74
|
+
}
|
package/README.md
DELETED
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
# components
|
|
2
|
-
|
|
3
|
-
## Importing Lit
|
|
4
|
-
|
|
5
|
-
```html
|
|
6
|
-
<script type="importmap">
|
|
7
|
-
{
|
|
8
|
-
"imports": {
|
|
9
|
-
"lit":"https://cdn.jsdelivr.net/gh/lit/dist@3/core/lit-core.min.js",
|
|
10
|
-
"lit/decorators.js":"https://cdn.jsdelivr.net/gh/lit/dist@3/core/lit-core.min.js"
|
|
11
|
-
}
|
|
12
|
-
}
|
|
13
|
-
</script>
|
|
14
|
-
```
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
import type { HistogramVis } from "./histogram-vis.js";
|
|
2
|
-
/**
|
|
3
|
-
* Creates and drives a HistogramVis instance.
|
|
4
|
-
* Data should be an outer array containing two-element arrays for each
|
|
5
|
-
* data point. The first element of the inner array is expected to be the key, the second the frequency.
|
|
6
|
-
* For example, `[`apples`, 2]` means the key `apples` was counted twice.
|
|
7
|
-
*
|
|
8
|
-
* Usage:
|
|
9
|
-
* .sortBy() automatically sorts prior to visualisation. By default off.
|
|
10
|
-
* .update(data) full set of data to plot
|
|
11
|
-
* .clear() empties plot - same as calling `update([])`
|
|
12
|
-
* .el - The `HistogramVis` instance, or undefined if not created/disposed
|
|
13
|
-
*
|
|
14
|
-
* ```
|
|
15
|
-
* const plot = new FrequencyHistogramPlot(document.getElementById('histogram'));
|
|
16
|
-
* plot.sortBy('key'); // Automatically sort by key
|
|
17
|
-
* ...
|
|
18
|
-
* plot.update([[`apples`, 2], [`oranges', 0], [`bananas`, 5]])
|
|
19
|
-
* ```
|
|
20
|
-
*
|
|
21
|
-
* @export
|
|
22
|
-
* @class FrequencyHistogramPlot
|
|
23
|
-
*/
|
|
24
|
-
export declare class FrequencyHistogramPlot {
|
|
25
|
-
#private;
|
|
26
|
-
readonly el: HistogramVis | undefined;
|
|
27
|
-
constructor(el: HistogramVis);
|
|
28
|
-
setAutoSort(sortStyle: `value` | `value-reverse` | `key` | `key-reverse`): void;
|
|
29
|
-
clear(): void;
|
|
30
|
-
dispose(): void;
|
|
31
|
-
update(data: readonly (readonly [key: string, count: number])[]): void;
|
|
32
|
-
}
|
|
33
|
-
//# sourceMappingURL=frequency-histogram-plot.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"frequency-histogram-plot.d.ts","sourceRoot":"","sources":["../../src/charts/frequency-histogram-plot.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAGvD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,qBAAa,sBAAsB;;IAClC,QAAQ,CAAC,EAAE,EAAE,YAAY,GAAG,SAAS,CAAC;gBAE1B,EAAE,EAAE,YAAY;IAI5B,WAAW,CACV,SAAS,EAAE,OAAO,GAAG,eAAe,GAAG,KAAK,GAAG,aAAa,GAC1D,IAAI;IAIP,KAAK;IAKL,OAAO;IAMP,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC,SAAS,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,EAAE;CAW/D"}
|
|
@@ -1,54 +0,0 @@
|
|
|
1
|
-
import { getSorter } from "../util/key-value.js";
|
|
2
|
-
/**
|
|
3
|
-
* Creates and drives a HistogramVis instance.
|
|
4
|
-
* Data should be an outer array containing two-element arrays for each
|
|
5
|
-
* data point. The first element of the inner array is expected to be the key, the second the frequency.
|
|
6
|
-
* For example, `[`apples`, 2]` means the key `apples` was counted twice.
|
|
7
|
-
*
|
|
8
|
-
* Usage:
|
|
9
|
-
* .sortBy() automatically sorts prior to visualisation. By default off.
|
|
10
|
-
* .update(data) full set of data to plot
|
|
11
|
-
* .clear() empties plot - same as calling `update([])`
|
|
12
|
-
* .el - The `HistogramVis` instance, or undefined if not created/disposed
|
|
13
|
-
*
|
|
14
|
-
* ```
|
|
15
|
-
* const plot = new FrequencyHistogramPlot(document.getElementById('histogram'));
|
|
16
|
-
* plot.sortBy('key'); // Automatically sort by key
|
|
17
|
-
* ...
|
|
18
|
-
* plot.update([[`apples`, 2], [`oranges', 0], [`bananas`, 5]])
|
|
19
|
-
* ```
|
|
20
|
-
*
|
|
21
|
-
* @export
|
|
22
|
-
* @class FrequencyHistogramPlot
|
|
23
|
-
*/
|
|
24
|
-
export class FrequencyHistogramPlot {
|
|
25
|
-
#sorter;
|
|
26
|
-
constructor(el) {
|
|
27
|
-
this.el = el;
|
|
28
|
-
}
|
|
29
|
-
setAutoSort(sortStyle) {
|
|
30
|
-
this.#sorter = getSorter(sortStyle);
|
|
31
|
-
}
|
|
32
|
-
clear() {
|
|
33
|
-
if (this.el === undefined)
|
|
34
|
-
return;
|
|
35
|
-
this.el.data = [];
|
|
36
|
-
}
|
|
37
|
-
dispose() {
|
|
38
|
-
const el = this.el;
|
|
39
|
-
if (el === undefined)
|
|
40
|
-
return; // already disposed
|
|
41
|
-
el.remove();
|
|
42
|
-
}
|
|
43
|
-
update(data) {
|
|
44
|
-
if (this.el === undefined) {
|
|
45
|
-
console.warn(`FrequencyHistogramPlot this.el undefined`);
|
|
46
|
-
return;
|
|
47
|
-
}
|
|
48
|
-
this.el.data =
|
|
49
|
-
this.#sorter === undefined
|
|
50
|
-
? [...data]
|
|
51
|
-
: this.#sorter(data);
|
|
52
|
-
}
|
|
53
|
-
}
|
|
54
|
-
//# sourceMappingURL=frequency-histogram-plot.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"frequency-histogram-plot.js","sourceRoot":"","sources":["../../src/charts/frequency-histogram-plot.ts"],"names":[],"mappings":"AACA,OAAO,EAAsB,SAAS,EAAC,MAAM,sBAAsB,CAAC;AAEpE;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,OAAO,sBAAsB;IAElC,OAAO,CAA6B;IACpC,YAAY,EAAgB;QAC3B,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;IACd,CAAC;IAED,WAAW,CACV,SAA4D;QAE5D,IAAI,CAAC,OAAO,GAAG,SAAS,CAAC,SAAS,CAAC,CAAC;IACrC,CAAC;IAED,KAAK;QACJ,IAAI,IAAI,CAAC,EAAE,KAAK,SAAS;YAAE,OAAO;QAClC,IAAI,CAAC,EAAE,CAAC,IAAI,GAAG,EAAE,CAAC;IACnB,CAAC;IAED,OAAO;QACN,MAAM,EAAE,GAAG,IAAI,CAAC,EAAE,CAAC;QACnB,IAAI,EAAE,KAAK,SAAS;YAAE,OAAO,CAAC,mBAAmB;QACjD,EAAE,CAAC,MAAM,EAAE,CAAC;IACb,CAAC;IAED,MAAM,CAAC,IAAwD;QAC9D,IAAI,IAAI,CAAC,EAAE,KAAK,SAAS,EAAE,CAAC;YAC3B,OAAO,CAAC,IAAI,CAAC,0CAA0C,CAAC,CAAC;YACzD,OAAO;QACR,CAAC;QAED,IAAI,CAAC,EAAE,CAAC,IAAI;YACX,IAAI,CAAC,OAAO,KAAK,SAAS;gBACzB,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;gBACX,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;IACxB,CAAC;CACD"}
|
|
@@ -1,57 +0,0 @@
|
|
|
1
|
-
import { LitElement } from "lit";
|
|
2
|
-
import { type KeyValue } from "../util/primitive-types.js";
|
|
3
|
-
type Bar = {
|
|
4
|
-
readonly percentage: number;
|
|
5
|
-
readonly data: KeyValue;
|
|
6
|
-
};
|
|
7
|
-
/**
|
|
8
|
-
* Usage in HTML:
|
|
9
|
-
* ```html
|
|
10
|
-
* <style>
|
|
11
|
-
* histogram-vis {
|
|
12
|
-
* display: block;
|
|
13
|
-
* height: 7em;
|
|
14
|
-
* --histogram-bar-color: pink;
|
|
15
|
-
* }
|
|
16
|
-
* </style>
|
|
17
|
-
* <histogram-vis>
|
|
18
|
-
* [
|
|
19
|
-
* ["apples", 5],
|
|
20
|
-
* ["oranges", 3],
|
|
21
|
-
* ["pineapple", 0],
|
|
22
|
-
* ["limes", 9]
|
|
23
|
-
* ]
|
|
24
|
-
* </histogram-vis>
|
|
25
|
-
* ```
|
|
26
|
-
*
|
|
27
|
-
* CSS colour theming:
|
|
28
|
-
* --histogram-bar-color
|
|
29
|
-
* --histogram-label-color
|
|
30
|
-
*
|
|
31
|
-
* HTML tag attributes
|
|
32
|
-
* showXAxis (boolean)
|
|
33
|
-
* showDataLabels (boolean)
|
|
34
|
-
*
|
|
35
|
-
* @export
|
|
36
|
-
* @class HistogramVis
|
|
37
|
-
* @extends {LitElement}
|
|
38
|
-
**/
|
|
39
|
-
export declare class HistogramVis extends LitElement {
|
|
40
|
-
static readonly styles: import("lit").CSSResult;
|
|
41
|
-
data: readonly KeyValue[];
|
|
42
|
-
showDataLabels: boolean;
|
|
43
|
-
height: string;
|
|
44
|
-
showXAxis: boolean;
|
|
45
|
-
json: readonly KeyValue[] | undefined;
|
|
46
|
-
constructor();
|
|
47
|
-
connectedCallback(): void;
|
|
48
|
-
barTemplate(bar: Bar, index: number, _totalBars: number): import("lit-html").TemplateResult<1>;
|
|
49
|
-
render(): import("lit-html").TemplateResult<1>;
|
|
50
|
-
}
|
|
51
|
-
declare global {
|
|
52
|
-
interface HTMLElementTagNameMap {
|
|
53
|
-
readonly "histogram-vis": HistogramVis;
|
|
54
|
-
}
|
|
55
|
-
}
|
|
56
|
-
export {};
|
|
57
|
-
//# sourceMappingURL=histogram-vis.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"histogram-vis.d.ts","sourceRoot":"","sources":["../../src/charts/histogram-vis.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAI5C,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AAE3D,KAAK,GAAG,GAAG;IACV,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,IAAI,EAAE,QAAQ,CAAC;CACxB,CAAC;AA+CF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA+BI;AACJ,qBACa,YAAa,SAAQ,UAAU;IAC3C,MAAM,CAAC,QAAQ,CAAC,MAAM,0BA2CnB;IAGK,IAAI,EAAE,SAAS,QAAQ,EAAE,CAAC;IAG1B,cAAc,EAAE,OAAO,CAAC;IAGxB,MAAM,EAAE,MAAM,CAAC;IAGf,SAAS,EAAE,OAAO,CAAC;IAGnB,IAAI,EAAE,SAAS,QAAQ,EAAE,GAAG,SAAS,CAAC;;IAW9C,iBAAiB;IAOjB,WAAW,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM;IA+BvD,MAAM;CAyCN;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,QAAQ,CAAC,eAAe,EAAE,YAAY,CAAC;KACvC;CACD"}
|
|
@@ -1,222 +0,0 @@
|
|
|
1
|
-
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
2
|
-
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
3
|
-
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
4
|
-
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
5
|
-
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
|
-
};
|
|
7
|
-
import { LitElement, css, html } from "lit";
|
|
8
|
-
import { customElement } from "lit/decorators/custom-element.js";
|
|
9
|
-
import { property } from "lit/decorators/property.js";
|
|
10
|
-
import { repeat } from "lit/directives/repeat.js";
|
|
11
|
-
import {} from "../util/primitive-types.js";
|
|
12
|
-
const jsonData = (object) => {
|
|
13
|
-
if (object === null || object === undefined || object === `undefined`)
|
|
14
|
-
return;
|
|
15
|
-
try {
|
|
16
|
-
if (typeof object === `string`) {
|
|
17
|
-
if (object.length === 0)
|
|
18
|
-
return;
|
|
19
|
-
const o = JSON.parse(object);
|
|
20
|
-
if (!Array.isArray(o)) {
|
|
21
|
-
console.error(`Histogram innerText should be JSON array`);
|
|
22
|
-
return;
|
|
23
|
-
}
|
|
24
|
-
for (const [index, element] of o.entries()) {
|
|
25
|
-
if (!Array.isArray(element)) {
|
|
26
|
-
console.error(`Histogram array should consist of inner arrays`);
|
|
27
|
-
return;
|
|
28
|
-
}
|
|
29
|
-
if (element.length !== 2) {
|
|
30
|
-
console.error(`Histogram inner arrays should consist of two elements`);
|
|
31
|
-
return;
|
|
32
|
-
}
|
|
33
|
-
if (typeof element[0] !== `string`) {
|
|
34
|
-
console.error(`First element of inner array should be a string (index ${index})`);
|
|
35
|
-
return;
|
|
36
|
-
}
|
|
37
|
-
if (typeof element[1] !== `number`) {
|
|
38
|
-
console.error(`Second element of inner array should be a number (index ${index})`);
|
|
39
|
-
return;
|
|
40
|
-
}
|
|
41
|
-
}
|
|
42
|
-
return o;
|
|
43
|
-
}
|
|
44
|
-
}
|
|
45
|
-
catch (error) {
|
|
46
|
-
console.log(object);
|
|
47
|
-
console.error(error);
|
|
48
|
-
}
|
|
49
|
-
return;
|
|
50
|
-
};
|
|
51
|
-
/**
|
|
52
|
-
* Usage in HTML:
|
|
53
|
-
* ```html
|
|
54
|
-
* <style>
|
|
55
|
-
* histogram-vis {
|
|
56
|
-
* display: block;
|
|
57
|
-
* height: 7em;
|
|
58
|
-
* --histogram-bar-color: pink;
|
|
59
|
-
* }
|
|
60
|
-
* </style>
|
|
61
|
-
* <histogram-vis>
|
|
62
|
-
* [
|
|
63
|
-
* ["apples", 5],
|
|
64
|
-
* ["oranges", 3],
|
|
65
|
-
* ["pineapple", 0],
|
|
66
|
-
* ["limes", 9]
|
|
67
|
-
* ]
|
|
68
|
-
* </histogram-vis>
|
|
69
|
-
* ```
|
|
70
|
-
*
|
|
71
|
-
* CSS colour theming:
|
|
72
|
-
* --histogram-bar-color
|
|
73
|
-
* --histogram-label-color
|
|
74
|
-
*
|
|
75
|
-
* HTML tag attributes
|
|
76
|
-
* showXAxis (boolean)
|
|
77
|
-
* showDataLabels (boolean)
|
|
78
|
-
*
|
|
79
|
-
* @export
|
|
80
|
-
* @class HistogramVis
|
|
81
|
-
* @extends {LitElement}
|
|
82
|
-
**/
|
|
83
|
-
let HistogramVis = class HistogramVis extends LitElement {
|
|
84
|
-
static { this.styles = css `
|
|
85
|
-
:host {
|
|
86
|
-
}
|
|
87
|
-
div.container {
|
|
88
|
-
display: flex;
|
|
89
|
-
flex-direction: column;
|
|
90
|
-
height: 100%;
|
|
91
|
-
}
|
|
92
|
-
div.chart {
|
|
93
|
-
display: grid;
|
|
94
|
-
flex: 1;
|
|
95
|
-
grid-template-rows: 1fr 1px min-content;
|
|
96
|
-
justify-items: center;
|
|
97
|
-
}
|
|
98
|
-
div.bar {
|
|
99
|
-
display: flex;
|
|
100
|
-
flex-direction: column-reverse;
|
|
101
|
-
align-items: center;
|
|
102
|
-
justify-self: normal;
|
|
103
|
-
padding-left: 0.3vw;
|
|
104
|
-
padding-right: 0.3vw;
|
|
105
|
-
}
|
|
106
|
-
div.bar > div.barTrack {
|
|
107
|
-
background-color: var(--histogram-bar-color, gray);
|
|
108
|
-
align-self: stretch;
|
|
109
|
-
}
|
|
110
|
-
div.xAxisLabels,
|
|
111
|
-
div.data {
|
|
112
|
-
font-size: min(1vw, 1em);
|
|
113
|
-
color: var(--histogram-label-color, currentColor);
|
|
114
|
-
}
|
|
115
|
-
div.xAxisLabels {
|
|
116
|
-
width: 100%;
|
|
117
|
-
text-overflow: ellipsis;
|
|
118
|
-
overflow: hidden;
|
|
119
|
-
white-space: nowrap;
|
|
120
|
-
text-align: center;
|
|
121
|
-
}
|
|
122
|
-
div.xAxis {
|
|
123
|
-
background-color: var(--histogram-axis-color, silver);
|
|
124
|
-
width: 100%;
|
|
125
|
-
height: 100%;
|
|
126
|
-
}
|
|
127
|
-
`; }
|
|
128
|
-
constructor() {
|
|
129
|
-
super();
|
|
130
|
-
this.data = [];
|
|
131
|
-
this.showDataLabels = true;
|
|
132
|
-
this.height = `100%`;
|
|
133
|
-
this.showXAxis = true;
|
|
134
|
-
this.json = undefined;
|
|
135
|
-
}
|
|
136
|
-
connectedCallback() {
|
|
137
|
-
if (!this.hasAttribute(`json`)) {
|
|
138
|
-
this.setAttribute(`json`, this.innerText);
|
|
139
|
-
}
|
|
140
|
-
super.connectedCallback();
|
|
141
|
-
}
|
|
142
|
-
barTemplate(bar, index, _totalBars) {
|
|
143
|
-
const { percentage } = bar;
|
|
144
|
-
const [key, freq] = bar.data;
|
|
145
|
-
// grid-area: rowStart / gridColStart / gridRowEnd / gridColEnd
|
|
146
|
-
const rowStart = 1;
|
|
147
|
-
const rowEnd = 2;
|
|
148
|
-
const colStart = index + 1;
|
|
149
|
-
const colEnd = colStart + 1;
|
|
150
|
-
const dataLabel = html `<div class="data">${freq}</div>`;
|
|
151
|
-
const xAxis = html `${key}`;
|
|
152
|
-
return html `
|
|
153
|
-
<div
|
|
154
|
-
class="bar"
|
|
155
|
-
style="grid-area: ${rowStart} / ${colStart} / ${rowEnd} / ${colEnd}"
|
|
156
|
-
>
|
|
157
|
-
<div class="barTrack" style="height: ${(percentage ?? 0) * 100}%"></div>
|
|
158
|
-
${this.showDataLabels ? dataLabel : ``}
|
|
159
|
-
</div>
|
|
160
|
-
<div
|
|
161
|
-
class="xAxisLabels"
|
|
162
|
-
style="grid-area: ${rowStart + 2} / ${colStart} / ${rowEnd + 2} / ${colEnd}"
|
|
163
|
-
>
|
|
164
|
-
${this.showXAxis ? xAxis : ``}
|
|
165
|
-
</div>
|
|
166
|
-
`;
|
|
167
|
-
}
|
|
168
|
-
render() {
|
|
169
|
-
if ((this.data === undefined || this.data.length === 0) &&
|
|
170
|
-
this.json === undefined) {
|
|
171
|
-
return html ``;
|
|
172
|
-
}
|
|
173
|
-
const d = this.data ?? this.json;
|
|
174
|
-
const length = d.length;
|
|
175
|
-
const highestCount = Math.max(...d.map((d) => d[1]));
|
|
176
|
-
const bars = d.map((kv) => ({
|
|
177
|
-
data: kv,
|
|
178
|
-
percentage: kv[1] / highestCount,
|
|
179
|
-
}));
|
|
180
|
-
const xAxis = html `
|
|
181
|
-
<div
|
|
182
|
-
class="xAxis"
|
|
183
|
-
style="grid-area: 2 / 1 / 3 / ${d.length + 1}"
|
|
184
|
-
></div>
|
|
185
|
-
`;
|
|
186
|
-
const height = this.height ? `height: ${this.height};` : ``;
|
|
187
|
-
const h = html `
|
|
188
|
-
<style>
|
|
189
|
-
div.chart {
|
|
190
|
-
grid-template-columns: repeat(${d.length}, minmax(2px, 1fr));
|
|
191
|
-
}
|
|
192
|
-
</style>
|
|
193
|
-
<div class="container" style="${height}">
|
|
194
|
-
<div class="chart">
|
|
195
|
-
${repeat(bars, (bar) => bar.data[0], (b, index) => this.barTemplate(b, index, length))}
|
|
196
|
-
${this.showXAxis ? xAxis : ``}
|
|
197
|
-
</div>
|
|
198
|
-
</div>
|
|
199
|
-
`;
|
|
200
|
-
return h;
|
|
201
|
-
}
|
|
202
|
-
};
|
|
203
|
-
__decorate([
|
|
204
|
-
property()
|
|
205
|
-
], HistogramVis.prototype, "data", void 0);
|
|
206
|
-
__decorate([
|
|
207
|
-
property()
|
|
208
|
-
], HistogramVis.prototype, "showDataLabels", void 0);
|
|
209
|
-
__decorate([
|
|
210
|
-
property()
|
|
211
|
-
], HistogramVis.prototype, "height", void 0);
|
|
212
|
-
__decorate([
|
|
213
|
-
property()
|
|
214
|
-
], HistogramVis.prototype, "showXAxis", void 0);
|
|
215
|
-
__decorate([
|
|
216
|
-
property({ converter: jsonData, type: Object })
|
|
217
|
-
], HistogramVis.prototype, "json", void 0);
|
|
218
|
-
HistogramVis = __decorate([
|
|
219
|
-
customElement(`histogram-vis`)
|
|
220
|
-
], HistogramVis);
|
|
221
|
-
export { HistogramVis };
|
|
222
|
-
//# sourceMappingURL=histogram-vis.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"histogram-vis.js","sourceRoot":"","sources":["../../src/charts/histogram-vis.ts"],"names":[],"mappings":"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"}
|