@milaboratories/uikit 2.4.2 → 2.4.4

package/dist/components/PlBtnGroup/PlBtnGroup.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlBtnGroup.vue.js","sources":["../../../src/components/PlBtnGroup/PlBtnGroup.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * A component for selecting one value from a list of options\n */\nexport default {\n  name: 'PlBtnGroup',\n};\n</script>\n\n<script lang=\"ts\" setup generic=\"M = unknown\">\nimport './pl-btn-group.scss';\nimport { computed, useSlots } from 'vue';\nimport { PlTooltip } from '../PlTooltip';\nimport InnerBorder from '../../utils/InnerBorder.vue';\nimport type { SimpleOption } from '../../types';\nimport { getErrorMessage } from '../../helpers/error.ts';\n\nconst slots = useSlots();\n\nconst emit = defineEmits<{\n  /**\n   * Emitted when the model value is updated.\n   */\n  (e: 'update:modelValue', value: M): void;\n}>();\n\nconst emitModel = (v: M) => emit('update:modelValue', v);\n\nconst props = defineProps<{\n  /**\n   * The current selected value.\n   */\n  modelValue?: M;\n  /**\n   * The label text for the component (optional)\n   */\n  label?: string;\n  /**\n   * List of available options for the component\n   */\n  options: Readonly<SimpleOption<M>[]>;\n  /**\n   * If `true`, the component is disabled and cannot be interacted with.\n   */\n  disabled?: boolean;\n  /**\n   * If `true`, the height of the component is 32px\n   */\n  compact?: boolean;\n  /**\n   * A helper text displayed below the component when there are no errors (optional).\n   */\n  helper?: string;\n  /**\n   * Error message displayed below the component (optional)\n   */\n  error?: unknown;\n}>();\n\nconst normalizedOptions = computed(() =>\n  props.options.map((it) => ({\n    label: 'label' in it ? it.label : it.text,\n    value: it.value,\n  })),\n);\n</script>\n\n<template>\n  <div class=\"pl-btn-group\" :class=\"{ disabled, compact }\">\n    <label v-if=\"label\">\n      <span>{{ label }}</span>\n      <PlTooltip v-if=\"slots.tooltip\" class=\"info\" position=\"top\">\n        <template #tooltip>\n          <slot name=\"tooltip\" />\n        </template>\n      </PlTooltip>\n    </label>\n    <InnerBorder class=\"pl-btn-group__container\">\n      <div\n        v-for=\"(opt, i) in normalizedOptions\"\n        :key=\"i\"\n        class=\"pl-btn-group__option text-s\"\n        :tabindex=\"modelValue === opt.value || disabled ? undefined : 0\"\n        :class=\"{ active: modelValue === opt.value }\"\n        @keydown.enter=\"emitModel(opt.value)\"\n        @click=\"emitModel(opt.value)\"\n      >\n        {{ opt.label }}\n      </div>\n    </InnerBorder>\n    <div v-if=\"helper\" class=\"pl-btn-group__helper\">{{ helper }}</div>\n    <div v-else-if=\"error\" class=\"pl-btn-group__error\">{{ getErrorMessage(error) }}</div>\n  </div>\n</template>\n"],"names":["__default__","slots","useSlots","emit","__emit","emitModel","v","props","__props","normalizedOptions","computed","it"],"mappings":";;;;;;;;;;;GAIeA,IAAA;AAAA,EACb,MAAM;AACR;;;;;;;;;;;;;AAWA,UAAMC,IAAQC,EAAS,GAEjBC,IAAOC,GAOPC,IAAY,CAACC,MAASH,EAAK,qBAAqBG,CAAC,GAEjDC,IAAQC,GA+BRC,IAAoBC;AAAA,MAAS,MACjCH,EAAM,QAAQ,IAAI,CAACI,OAAQ;AAAA,QACzB,OAAO,WAAWA,IAAKA,EAAG,QAAQA,EAAG;AAAA,QACrC,OAAOA,EAAG;AAAA,MAAA,EACV;AAAA,IACJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"PlBtnGroup.vue.js","sources":["../../../src/components/PlBtnGroup/PlBtnGroup.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * A component for selecting one value from a list of options\n */\nexport default {\n  name: 'PlBtnGroup',\n};\n</script>\n\n<script lang=\"ts\" setup generic=\"M = unknown\">\nimport './pl-btn-group.scss';\nimport { computed, useSlots } from 'vue';\nimport { PlTooltip } from '../PlTooltip';\nimport InnerBorder from '../../utils/InnerBorder.vue';\nimport type { SimpleOption } from '../../types';\nimport { getErrorMessage } from '../../helpers/error.ts';\n\nconst slots = useSlots();\n\nconst emit = defineEmits<{\n  /**\n   * Emitted when the model value is updated.\n   */\n  (e: 'update:modelValue', value: M): void;\n}>();\n\nconst emitModel = (v: M) => emit('update:modelValue', v);\n\nconst props = defineProps<{\n  /**\n   * The current selected value.\n   */\n  modelValue?: M;\n  /**\n   * The label text for the component (optional)\n   */\n  label?: string;\n  /**\n   * List of available options for the component\n   */\n  options: Readonly<SimpleOption<M>[]>;\n  /**\n   * If `true`, the component is disabled and cannot be interacted with.\n   */\n  disabled?: boolean;\n  /**\n   * If `true`, the height of the component is 32px\n   */\n  compact?: boolean;\n  /**\n   * A helper text displayed below the component when there are no errors (optional).\n   */\n  helper?: string;\n  /**\n   * Error message displayed below the component (optional)\n   */\n  error?: unknown;\n}>();\n\nconst normalizedOptions = computed(() =>\n  props.options.map((it) => ({\n    label: 'label' in it ? it.label : it.text,\n    value: it.value,\n  })),\n);\n</script>\n\n<template>\n  <div class=\"pl-btn-group\" :class=\"{ disabled, compact }\">\n    <label v-if=\"label\">\n      <span>{{ label }}</span>\n      <PlTooltip v-if=\"slots.tooltip\" class=\"info\" position=\"top\">\n        <template #tooltip>\n          <slot name=\"tooltip\" />\n        </template>\n      </PlTooltip>\n    </label>\n    <InnerBorder class=\"pl-btn-group__container\">\n      <div\n        v-for=\"(opt, i) in normalizedOptions\"\n        :key=\"i\"\n        class=\"pl-btn-group__option text-s\"\n        :tabindex=\"modelValue === opt.value || disabled ? undefined : 0\"\n        :class=\"{ active: modelValue === opt.value }\"\n        @keydown.enter=\"emitModel(opt.value)\"\n        @click=\"emitModel(opt.value)\"\n      >\n        {{ opt.label }}\n      </div>\n    </InnerBorder>\n    <div v-if=\"helper\" class=\"pl-btn-group__helper\">{{ helper }}</div>\n    <div v-else-if=\"error\" class=\"pl-btn-group__error\">{{ getErrorMessage(error) }}</div>\n  </div>\n</template>\n"],"names":["__default__","slots","useSlots","emit","__emit","emitModel","v","props","__props","normalizedOptions","computed","it"],"mappings":";;;;;;;;;;;GAIAA,IAAe;AAAA,EACb,MAAM;AACR;;;;;;;;;;;;;AAWA,UAAMC,IAAQC,EAAA,GAERC,IAAOC,GAOPC,IAAY,CAACC,MAASH,EAAK,qBAAqBG,CAAC,GAEjDC,IAAQC,GA+BRC,IAAoBC;AAAA,MAAS,MACjCH,EAAM,QAAQ,IAAI,CAACI,OAAQ;AAAA,QACzB,OAAO,WAAWA,IAAKA,EAAG,QAAQA,EAAG;AAAA,QACrC,OAAOA,EAAG;AAAA,MAAA,EACV;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/PlBtnGroup/index.d.ts

@@ -1,2 +1 @@
 export { default as PlBtnGroup } from './PlBtnGroup.vue';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/PlBtnLink/PlBtnLink.vue.d.ts

@@ -42,4 +42,3 @@ type __VLS_WithTemplateSlots<T, S> = T & {
         $slots: S;
     };
 };
-//# sourceMappingURL=PlBtnLink.vue.d.ts.map

package/dist/components/PlBtnLink/index.d.ts

@@ -1,2 +1 @@
 export { default as PlBtnLink } from './PlBtnLink.vue';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/PlBtnPrimary/PlBtnPrimary.vue.d.ts

@@ -61,4 +61,3 @@ type __VLS_WithTemplateSlots<T, S> = T & {
         $slots: S;
     };
 };
-//# sourceMappingURL=PlBtnPrimary.vue.d.ts.map

package/dist/components/PlBtnPrimary/PlBtnPrimary.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlBtnPrimary.vue.js","sources":["../../../src/components/PlBtnPrimary/PlBtnPrimary.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Primary button\n */\nexport default {\n  name: 'PlBtnPrimary',\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport './pl-btn-primary.scss';\nimport type { MaskIconName16, Size } from '../../types';\nimport BtnBase from '../../base/BtnBase.vue';\n\nconst props = defineProps<{\n  /**\n   * If `true,` the button is disabled, cannot be interacted with, and shows a special 'loading' icon.\n   */\n  loading?: boolean;\n  /**\n   * Size of the button, the default value is 'medium'\n   */\n  size?: Size;\n  /**\n   * If `true` the shape is round.\n   */\n  round?: boolean;\n  /**\n   * Icon to display\n   */\n  icon?: MaskIconName16;\n  /**\n   * If `true`, an icon is displayed before the text.\n   */\n  reverse?: boolean;\n  /**\n   * Justify text at the center\n   */\n  justifyCenter?: boolean;\n}>();\n</script>\n\n<template>\n  <BtnBase class=\"pl-btn-primary\" v-bind=\"props\">\n    <slot />\n  </BtnBase>\n</template>\n"],"names":["__default__","props","__props"],"mappings":";;;AAIA,MAAeA,IAAA;AAAA,EACb,MAAM;AACR;;;;;;;;;;;AAQA,UAAMC,IAAQC;;;;;;;;;"}
+{"version":3,"file":"PlBtnPrimary.vue.js","sources":["../../../src/components/PlBtnPrimary/PlBtnPrimary.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Primary button\n */\nexport default {\n  name: 'PlBtnPrimary',\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport './pl-btn-primary.scss';\nimport type { MaskIconName16, Size } from '../../types';\nimport BtnBase from '../../base/BtnBase.vue';\n\nconst props = defineProps<{\n  /**\n   * If `true,` the button is disabled, cannot be interacted with, and shows a special 'loading' icon.\n   */\n  loading?: boolean;\n  /**\n   * Size of the button, the default value is 'medium'\n   */\n  size?: Size;\n  /**\n   * If `true` the shape is round.\n   */\n  round?: boolean;\n  /**\n   * Icon to display\n   */\n  icon?: MaskIconName16;\n  /**\n   * If `true`, an icon is displayed before the text.\n   */\n  reverse?: boolean;\n  /**\n   * Justify text at the center\n   */\n  justifyCenter?: boolean;\n}>();\n</script>\n\n<template>\n  <BtnBase class=\"pl-btn-primary\" v-bind=\"props\">\n    <slot />\n  </BtnBase>\n</template>\n"],"names":["__default__","props","__props"],"mappings":";;;AAIA,MAAAA,IAAe;AAAA,EACb,MAAM;AACR;;;;;;;;;;;AAQA,UAAMC,IAAQC;;;;;;;;;"}

package/dist/components/PlBtnPrimary/__tests__/BtnPrimary.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/PlBtnPrimary/index.d.ts

@@ -1,2 +1 @@
 export { default as PlBtnPrimary } from './PlBtnPrimary.vue';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/PlBtnSecondary/PlBtnSecondary.vue.d.ts

@@ -61,4 +61,3 @@ type __VLS_WithTemplateSlots<T, S> = T & {
         $slots: S;
     };
 };
-//# sourceMappingURL=PlBtnSecondary.vue.d.ts.map

package/dist/components/PlBtnSecondary/PlBtnSecondary.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlBtnSecondary.vue.js","sources":["../../../src/components/PlBtnSecondary/PlBtnSecondary.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Secondary button\n */\nexport default {\n  name: 'PlBtnSecondary',\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport './pl-btn-secondary.scss';\nimport type { MaskIconName16, Size } from '../../types';\nimport BtnBase from '../../base/BtnBase.vue';\n\nconst props = defineProps<{\n  /**\n   * If `true,` the button is disabled, cannot be interacted with, and shows a special 'loading' icon.\n   */\n  loading?: boolean;\n  /**\n   * Size of the button, the default value is 'medium'\n   */\n  size?: Size;\n  /**\n   * If `true` the shape is round.\n   */\n  round?: boolean;\n  /**\n   * Icon to display\n   */\n  icon?: MaskIconName16;\n  /**\n   * If `true`, an icon is displayed before the text.\n   */\n  reverse?: boolean;\n  /**\n   * Justify text at the center\n   */\n  justifyCenter?: boolean;\n}>();\n</script>\n\n<template>\n  <BtnBase v-bind=\"props\" class=\"pl-btn-secondary\">\n    <slot />\n  </BtnBase>\n</template>\n"],"names":["__default__","props","__props"],"mappings":";;;AAIA,MAAeA,IAAA;AAAA,EACb,MAAM;AACR;;;;;;;;;;;AAQA,UAAMC,IAAQC;;;;;;;;;"}
+{"version":3,"file":"PlBtnSecondary.vue.js","sources":["../../../src/components/PlBtnSecondary/PlBtnSecondary.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Secondary button\n */\nexport default {\n  name: 'PlBtnSecondary',\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport './pl-btn-secondary.scss';\nimport type { MaskIconName16, Size } from '../../types';\nimport BtnBase from '../../base/BtnBase.vue';\n\nconst props = defineProps<{\n  /**\n   * If `true,` the button is disabled, cannot be interacted with, and shows a special 'loading' icon.\n   */\n  loading?: boolean;\n  /**\n   * Size of the button, the default value is 'medium'\n   */\n  size?: Size;\n  /**\n   * If `true` the shape is round.\n   */\n  round?: boolean;\n  /**\n   * Icon to display\n   */\n  icon?: MaskIconName16;\n  /**\n   * If `true`, an icon is displayed before the text.\n   */\n  reverse?: boolean;\n  /**\n   * Justify text at the center\n   */\n  justifyCenter?: boolean;\n}>();\n</script>\n\n<template>\n  <BtnBase v-bind=\"props\" class=\"pl-btn-secondary\">\n    <slot />\n  </BtnBase>\n</template>\n"],"names":["__default__","props","__props"],"mappings":";;;AAIA,MAAAA,IAAe;AAAA,EACb,MAAM;AACR;;;;;;;;;;;AAQA,UAAMC,IAAQC;;;;;;;;;"}

package/dist/components/PlBtnSecondary/index.d.ts

@@ -1,2 +1 @@
 export { default as PlBtnSecondary } from './PlBtnSecondary.vue';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/PlBtnSplit/PlBtnSplit.vue.d.ts

@@ -38,4 +38,3 @@ export default _default;
 type __VLS_PrettifyLocal<T> = {
     [K in keyof T]: T[K];
 } & {};
-//# sourceMappingURL=PlBtnSplit.vue.d.ts.map

package/dist/components/PlBtnSplit/PlBtnSplit.vue.js

@@ -4,7 +4,7 @@ import { defineComponent as j, mergeModels as C, useModel as q, ref as u, reacti
 import ee from "../DropdownListItem.vue.js";
 import { useElementPosition as te } from "../../composition/usePosition.js";
 import { normalizeListOptions as oe } from "../../helpers/utils.js";
-import { deepEqual as K } from "../../lib/util/helpers/dist/index.js";
+import { deepEqual as K } from "@milaboratories/helpers";
 import ne from "../PlIcon16/PlIcon16.vue.js";
 const ie = ["onKeyup"], ue = /* @__PURE__ */ j({
   __name: "PlBtnSplit",

package/dist/components/PlBtnSplit/PlBtnSplit.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlBtnSplit.vue.js","sources":["../../../src/components/PlBtnSplit/PlBtnSplit.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"M = unknown\">\nimport { computed, reactive, ref, unref, watch } from 'vue';\nimport './pl-btn-split.scss';\nimport DropdownListItem from '../DropdownListItem.vue';\nimport type { ListOption } from '../../types';\nimport { useElementPosition } from '../../composition/usePosition';\nimport { normalizeListOptions } from '../../helpers/utils';\nimport { deepEqual } from '@milaboratories/helpers';\nimport { PlMaskIcon16 } from '../PlMaskIcon16';\n\nconst props = defineProps<{\n  /**\n   * List of available options for the dropdown menu\n   */\n  options?: Readonly<ListOption<M>[]>;\n\n  /**\n   * If `true`, the dropdown component is disabled and cannot be interacted with.\n   */\n  disabled?: boolean;\n\n  /**\n   * If `true,` the button is disabled, cannot be interacted with, and shows a special 'loading' icon.\n   */\n  loading?: boolean;\n}>();\n\nconst emits = defineEmits(['click']);\n\nconst model = defineModel<M>({ required: true });\n\nconst root = ref<HTMLElement | undefined>();\nconst list = ref<HTMLElement | undefined>();\nconst menuActivator = ref<HTMLElement | undefined>();\nconst buttonAction = ref<HTMLElement | undefined>();\n\nconst data = reactive({\n  open: false,\n  optionsHeight: 0,\n  activeIndex: -1,\n});\n\ndefineExpose({\n  data,\n});\n\nconst optionsStyle = reactive({\n  top: '0px',\n  left: '0px',\n  width: '0px',\n});\n\nwatch(\n  list,\n  (el) => {\n    if (el) {\n      const rect = el.getBoundingClientRect();\n      data.optionsHeight = rect.height;\n      window.dispatchEvent(new CustomEvent('adjust'));\n    }\n  },\n  { immediate: true },\n);\n\nconst iconState = computed(() => (data.open ? 'mask-24 mask-chevron-up' : 'mask-24 mask-chevron-down'));\n\nconst selectedIndex = computed(() => {\n  return (props.options ?? []).findIndex((o) => deepEqual(o.value, model.value));\n});\n\nconst items = computed(() =>\n  normalizeListOptions(props.options ?? []).map((opt, index) => ({\n    ...opt,\n    index,\n    isSelected: index === selectedIndex.value,\n    isActive: index === data.activeIndex,\n  })),\n);\n\nconst isLoadingOptions = computed(() => props.loading || props.options === undefined);\n\nconst actionName = computed(() => items.value.find((o) => deepEqual(o.value, model.value))?.label ?? (props.options === undefined ? '...' : ''));\n\nuseElementPosition(root, (pos) => {\n  const focusWidth = 3;\n\n  const downTopOffset = pos.top + pos.height + focusWidth;\n\n  if (downTopOffset + data.optionsHeight > pos.clientHeight) {\n    optionsStyle.top = pos.top - data.optionsHeight - focusWidth + 'px';\n  } else {\n    optionsStyle.top = downTopOffset + 'px';\n  }\n\n  optionsStyle.left = pos.left + 'px';\n  optionsStyle.width = pos.width + 'px';\n});\n\nconst selectOption = (v: M | undefined) => {\n  model.value = v!;\n  data.open = false;\n  root?.value?.focus();\n};\n\nfunction emitEnter() {\n  emits('click');\n}\n\nconst handleKeydown = (e: { code: string; preventDefault(): void; stopPropagation(): void; target: EventTarget | null }) => {\n  if (!['ArrowDown', 'ArrowUp', 'Enter', 'Escape'].includes(e.code)) {\n    return;\n  } else {\n    e.preventDefault();\n  }\n\n  if (e.target === buttonAction.value && e.code === 'Enter') {\n    emitEnter();\n    return;\n  }\n\n  const { open, activeIndex } = data;\n\n  if (!open && e.target === menuActivator.value) {\n    if (e.code === 'Enter') {\n      data.open = true;\n    }\n    return;\n  }\n\n  if (e.code === 'Escape') {\n    data.open = false;\n    root.value?.focus();\n  }\n\n  const filtered = unref(items);\n\n  const { length } = filtered;\n\n  if (!length) {\n    return;\n  }\n\n  if (e.code === 'Enter') {\n    selectOption(filtered.find((it) => it.index === activeIndex)?.value);\n  }\n\n  const localIndex = filtered.findIndex((it) => it.index === activeIndex) ?? -1;\n\n  const delta = e.code === 'ArrowDown' ? 1 : e.code === 'ArrowUp' ? -1 : 0;\n\n  const newIndex = Math.abs(localIndex + delta + length) % length;\n\n  data.activeIndex = items.value[newIndex].index ?? -1;\n};\n\nconst onFocusOut = (event: FocusEvent) => {\n  const relatedTarget = event.relatedTarget as Node | null;\n\n  if (!root.value?.contains(relatedTarget) && !list.value?.contains(relatedTarget)) {\n    data.open = false;\n  }\n};\n</script>\n<template>\n  <div\n    ref=\"root\"\n    :class=\"{ disabled: disabled || isLoadingOptions, loading: isLoadingOptions }\"\n    class=\"pl-btn-split d-flex\"\n    @focusout=\"onFocusOut\"\n    @keydown=\"handleKeydown\"\n  >\n    <div\n      ref=\"buttonAction\"\n      class=\"pl-btn-split__title flex-grow-1 d-flex align-center text-s-btn\"\n      tabindex=\"0\"\n      @click=\"emitEnter\"\n      @keyup.stop.enter=\"emitEnter\"\n    >\n      {{ actionName }}\n    </div>\n    <div ref=\"menuActivator\" class=\"pl-btn-split__icon-container d-flex align-center justify-center\" tabindex=\"0\" @click=\"data.open = !data.open\">\n      <PlMaskIcon16 v-if=\"isLoadingOptions\" name=\"loading\" />\n      <div v-else :class=\"iconState\" class=\"pl-btn-split__icon\" />\n    </div>\n\n    <Teleport v-if=\"data.open\" to=\"body\">\n      <div ref=\"list\" class=\"pl-dropdown__options\" :style=\"optionsStyle\" tabindex=\"-1\">\n        <DropdownListItem\n          v-for=\"(item, index) in items\"\n          :key=\"index\"\n          :option=\"item\"\n          :is-selected=\"item.isSelected\"\n          :is-hovered=\"item.isActive\"\n          :size=\"'medium'\"\n          @click.stop=\"selectOption(item.value)\"\n        />\n      </div>\n    </Teleport>\n  </div>\n</template>\n"],"names":["props","__props","emits","__emit","model","_useModel","root","ref","list","menuActivator","buttonAction","data","reactive","__expose","optionsStyle","watch","el","rect","iconState","computed","selectedIndex","o","deepEqual","items","normalizeListOptions","opt","index","isLoadingOptions","actionName","_a","useElementPosition","pos","downTopOffset","selectOption","v","emitEnter","handleKeydown","open","activeIndex","filtered","unref","length","_b","it","localIndex","delta","newIndex","onFocusOut","event","relatedTarget"],"mappings":"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"}
+{"version":3,"file":"PlBtnSplit.vue.js","sources":["../../../src/components/PlBtnSplit/PlBtnSplit.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"M = unknown\">\nimport { computed, reactive, ref, unref, watch } from 'vue';\nimport './pl-btn-split.scss';\nimport DropdownListItem from '../DropdownListItem.vue';\nimport type { ListOption } from '../../types';\nimport { useElementPosition } from '../../composition/usePosition';\nimport { normalizeListOptions } from '../../helpers/utils';\nimport { deepEqual } from '@milaboratories/helpers';\nimport { PlMaskIcon16 } from '../PlMaskIcon16';\n\nconst props = defineProps<{\n  /**\n   * List of available options for the dropdown menu\n   */\n  options?: Readonly<ListOption<M>[]>;\n\n  /**\n   * If `true`, the dropdown component is disabled and cannot be interacted with.\n   */\n  disabled?: boolean;\n\n  /**\n   * If `true,` the button is disabled, cannot be interacted with, and shows a special 'loading' icon.\n   */\n  loading?: boolean;\n}>();\n\nconst emits = defineEmits(['click']);\n\nconst model = defineModel<M>({ required: true });\n\nconst root = ref<HTMLElement | undefined>();\nconst list = ref<HTMLElement | undefined>();\nconst menuActivator = ref<HTMLElement | undefined>();\nconst buttonAction = ref<HTMLElement | undefined>();\n\nconst data = reactive({\n  open: false,\n  optionsHeight: 0,\n  activeIndex: -1,\n});\n\ndefineExpose({\n  data,\n});\n\nconst optionsStyle = reactive({\n  top: '0px',\n  left: '0px',\n  width: '0px',\n});\n\nwatch(\n  list,\n  (el) => {\n    if (el) {\n      const rect = el.getBoundingClientRect();\n      data.optionsHeight = rect.height;\n      window.dispatchEvent(new CustomEvent('adjust'));\n    }\n  },\n  { immediate: true },\n);\n\nconst iconState = computed(() => (data.open ? 'mask-24 mask-chevron-up' : 'mask-24 mask-chevron-down'));\n\nconst selectedIndex = computed(() => {\n  return (props.options ?? []).findIndex((o) => deepEqual(o.value, model.value));\n});\n\nconst items = computed(() =>\n  normalizeListOptions(props.options ?? []).map((opt, index) => ({\n    ...opt,\n    index,\n    isSelected: index === selectedIndex.value,\n    isActive: index === data.activeIndex,\n  })),\n);\n\nconst isLoadingOptions = computed(() => props.loading || props.options === undefined);\n\nconst actionName = computed(() => items.value.find((o) => deepEqual(o.value, model.value))?.label ?? (props.options === undefined ? '...' : ''));\n\nuseElementPosition(root, (pos) => {\n  const focusWidth = 3;\n\n  const downTopOffset = pos.top + pos.height + focusWidth;\n\n  if (downTopOffset + data.optionsHeight > pos.clientHeight) {\n    optionsStyle.top = pos.top - data.optionsHeight - focusWidth + 'px';\n  } else {\n    optionsStyle.top = downTopOffset + 'px';\n  }\n\n  optionsStyle.left = pos.left + 'px';\n  optionsStyle.width = pos.width + 'px';\n});\n\nconst selectOption = (v: M | undefined) => {\n  model.value = v!;\n  data.open = false;\n  root?.value?.focus();\n};\n\nfunction emitEnter() {\n  emits('click');\n}\n\nconst handleKeydown = (e: { code: string; preventDefault(): void; stopPropagation(): void; target: EventTarget | null }) => {\n  if (!['ArrowDown', 'ArrowUp', 'Enter', 'Escape'].includes(e.code)) {\n    return;\n  } else {\n    e.preventDefault();\n  }\n\n  if (e.target === buttonAction.value && e.code === 'Enter') {\n    emitEnter();\n    return;\n  }\n\n  const { open, activeIndex } = data;\n\n  if (!open && e.target === menuActivator.value) {\n    if (e.code === 'Enter') {\n      data.open = true;\n    }\n    return;\n  }\n\n  if (e.code === 'Escape') {\n    data.open = false;\n    root.value?.focus();\n  }\n\n  const filtered = unref(items);\n\n  const { length } = filtered;\n\n  if (!length) {\n    return;\n  }\n\n  if (e.code === 'Enter') {\n    selectOption(filtered.find((it) => it.index === activeIndex)?.value);\n  }\n\n  const localIndex = filtered.findIndex((it) => it.index === activeIndex) ?? -1;\n\n  const delta = e.code === 'ArrowDown' ? 1 : e.code === 'ArrowUp' ? -1 : 0;\n\n  const newIndex = Math.abs(localIndex + delta + length) % length;\n\n  data.activeIndex = items.value[newIndex].index ?? -1;\n};\n\nconst onFocusOut = (event: FocusEvent) => {\n  const relatedTarget = event.relatedTarget as Node | null;\n\n  if (!root.value?.contains(relatedTarget) && !list.value?.contains(relatedTarget)) {\n    data.open = false;\n  }\n};\n</script>\n<template>\n  <div\n    ref=\"root\"\n    :class=\"{ disabled: disabled || isLoadingOptions, loading: isLoadingOptions }\"\n    class=\"pl-btn-split d-flex\"\n    @focusout=\"onFocusOut\"\n    @keydown=\"handleKeydown\"\n  >\n    <div\n      ref=\"buttonAction\"\n      class=\"pl-btn-split__title flex-grow-1 d-flex align-center text-s-btn\"\n      tabindex=\"0\"\n      @click=\"emitEnter\"\n      @keyup.stop.enter=\"emitEnter\"\n    >\n      {{ actionName }}\n    </div>\n    <div ref=\"menuActivator\" class=\"pl-btn-split__icon-container d-flex align-center justify-center\" tabindex=\"0\" @click=\"data.open = !data.open\">\n      <PlMaskIcon16 v-if=\"isLoadingOptions\" name=\"loading\" />\n      <div v-else :class=\"iconState\" class=\"pl-btn-split__icon\" />\n    </div>\n\n    <Teleport v-if=\"data.open\" to=\"body\">\n      <div ref=\"list\" class=\"pl-dropdown__options\" :style=\"optionsStyle\" tabindex=\"-1\">\n        <DropdownListItem\n          v-for=\"(item, index) in items\"\n          :key=\"index\"\n          :option=\"item\"\n          :is-selected=\"item.isSelected\"\n          :is-hovered=\"item.isActive\"\n          :size=\"'medium'\"\n          @click.stop=\"selectOption(item.value)\"\n        />\n      </div>\n    </Teleport>\n  </div>\n</template>\n"],"names":["props","__props","emits","__emit","model","_useModel","root","ref","list","menuActivator","buttonAction","data","reactive","__expose","optionsStyle","watch","el","rect","iconState","computed","selectedIndex","o","deepEqual","items","normalizeListOptions","opt","index","isLoadingOptions","actionName","_a","useElementPosition","pos","downTopOffset","selectOption","v","emitEnter","handleKeydown","open","activeIndex","filtered","unref","length","_b","it","localIndex","delta","newIndex","onFocusOut","event","relatedTarget"],"mappings":";;;;;;;;;;;;;;;;;;;AAUA,UAAMA,IAAQC,GAiBRC,IAAQC,GAERC,IAAQC,iBAAiC,GAEzCC,IAAOC,EAAA,GACPC,IAAOD,EAAA,GACPE,IAAgBF,EAAA,GAChBG,IAAeH,EAAA,GAEfI,IAAOC,EAAS;AAAA,MACpB,MAAM;AAAA,MACN,eAAe;AAAA,MACf,aAAa;AAAA,IAAA,CACd;AAED,IAAAC,EAAa;AAAA,MACX,MAAAF;AAAA,IAAA,CACD;AAED,UAAMG,IAAeF,EAAS;AAAA,MAC5B,KAAK;AAAA,MACL,MAAM;AAAA,MACN,OAAO;AAAA,IAAA,CACR;AAED,IAAAG;AAAA,MACEP;AAAA,MACA,CAACQ,MAAO;AACN,YAAIA,GAAI;AACN,gBAAMC,IAAOD,EAAG,sBAAA;AAChB,UAAAL,EAAK,gBAAgBM,EAAK,QAC1B,OAAO,cAAc,IAAI,YAAY,QAAQ,CAAC;AAAA,QAChD;AAAA,MACF;AAAA,MACA,EAAE,WAAW,GAAA;AAAA,IAAK;AAGpB,UAAMC,IAAYC,EAAS,MAAOR,EAAK,OAAO,4BAA4B,2BAA4B,GAEhGS,IAAgBD,EAAS,OACrBnB,EAAM,WAAW,CAAA,GAAI,UAAU,CAACqB,MAAMC,EAAUD,EAAE,OAAOjB,EAAM,KAAK,CAAC,CAC9E,GAEKmB,IAAQJ;AAAA,MAAS,MACrBK,GAAqBxB,EAAM,WAAW,CAAA,CAAE,EAAE,IAAI,CAACyB,GAAKC,OAAW;AAAA,QAC7D,GAAGD;AAAA,QACH,OAAAC;AAAA,QACA,YAAYA,MAAUN,EAAc;AAAA,QACpC,UAAUM,MAAUf,EAAK;AAAA,MAAA,EACzB;AAAA,IAAA,GAGEgB,IAAmBR,EAAS,MAAMnB,EAAM,WAAWA,EAAM,YAAY,MAAS,GAE9E4B,IAAaT,EAAS;;AAAM,eAAAU,IAAAN,EAAM,MAAM,KAAK,CAACF,MAAMC,EAAUD,EAAE,OAAOjB,EAAM,KAAK,CAAC,MAAvD,gBAAAyB,EAA0D,WAAU7B,EAAM,YAAY,SAAY,QAAQ;AAAA,KAAG;AAE/I,IAAA8B,GAAmBxB,GAAM,CAACyB,MAAQ;AAGhC,YAAMC,IAAgBD,EAAI,MAAMA,EAAI,SAAS;AAE7C,MAAIC,IAAgBrB,EAAK,gBAAgBoB,EAAI,eAC3CjB,EAAa,MAAMiB,EAAI,MAAMpB,EAAK,gBAAgB,IAAa,OAE/DG,EAAa,MAAMkB,IAAgB,MAGrClB,EAAa,OAAOiB,EAAI,OAAO,MAC/BjB,EAAa,QAAQiB,EAAI,QAAQ;AAAA,IACnC,CAAC;AAED,UAAME,IAAe,CAACC,MAAqB;;AACzC,MAAA9B,EAAM,QAAQ8B,GACdvB,EAAK,OAAO,KACZkB,IAAAvB,KAAA,gBAAAA,EAAM,UAAN,QAAAuB,EAAa;AAAA,IACf;AAEA,aAASM,IAAY;AACnB,MAAAjC,EAAM,OAAO;AAAA,IACf;AAEA,UAAMkC,IAAgB,CAAC,MAAqG;;AAC1H,UAAK,CAAC,aAAa,WAAW,SAAS,QAAQ,EAAE,SAAS,EAAE,IAAI;AAG9D,UAAE,eAAA;AAAA;AAFF;AAKF,UAAI,EAAE,WAAW1B,EAAa,SAAS,EAAE,SAAS,SAAS;AACzD,QAAAyB,EAAA;AACA;AAAA,MACF;AAEA,YAAM,EAAE,MAAAE,GAAM,aAAAC,EAAA,IAAgB3B;AAE9B,UAAI,CAAC0B,KAAQ,EAAE,WAAW5B,EAAc,OAAO;AAC7C,QAAI,EAAE,SAAS,YACbE,EAAK,OAAO;AAEd;AAAA,MACF;AAEA,MAAI,EAAE,SAAS,aACbA,EAAK,OAAO,KACZkB,IAAAvB,EAAK,UAAL,QAAAuB,EAAY;AAGd,YAAMU,IAAWC,EAAMjB,CAAK,GAEtB,EAAE,QAAAkB,MAAWF;AAEnB,UAAI,CAACE;AACH;AAGF,MAAI,EAAE,SAAS,WACbR,GAAaS,IAAAH,EAAS,KAAK,CAACI,MAAOA,EAAG,UAAUL,CAAW,MAA9C,gBAAAI,EAAiD,KAAK;AAGrE,YAAME,IAAaL,EAAS,UAAU,CAACI,MAAOA,EAAG,UAAUL,CAAW,KAAK,IAErEO,IAAQ,EAAE,SAAS,cAAc,IAAI,EAAE,SAAS,YAAY,KAAK,GAEjEC,IAAW,KAAK,IAAIF,IAAaC,IAAQJ,CAAM,IAAIA;AAEzD,MAAA9B,EAAK,cAAcY,EAAM,MAAMuB,CAAQ,EAAE,SAAS;AAAA,IACpD,GAEMC,IAAa,CAACC,MAAsB;;AACxC,YAAMC,IAAgBD,EAAM;AAE5B,MAAI,GAACnB,IAAAvB,EAAK,UAAL,QAAAuB,EAAY,SAASoB,OAAkB,GAACP,IAAAlC,EAAK,UAAL,QAAAkC,EAAY,SAASO,QAChEtC,EAAK,OAAO;AAAA,IAEhB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/PlBtnSplit/__tests__/PlBtnSplit.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/PlBtnSplit/index.d.ts

@@ -1,4 +1,3 @@
 import { default as PlBtnSplit } from './PlBtnSplit.vue';
 export { PlBtnSplit };
 export default PlBtnSplit;
-//# sourceMappingURL=index.d.ts.map

package/dist/components/PlChartHistogram/PlChartHistogram.vue.d.ts

@@ -6,4 +6,3 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
     chart: HTMLDivElement;
 }, HTMLDivElement>;
 export default _default;
-//# sourceMappingURL=PlChartHistogram.vue.d.ts.map

package/dist/components/PlChartHistogram/PlChartHistogram.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlChartHistogram.vue2.js","sources":["../../../src/components/PlChartHistogram/PlChartHistogram.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, onMounted, ref, watch } from 'vue';\nimport { createHistogramFromBins, createHistogramLinear, createHistogramLog } from './histogram';\nimport type { ChartOptions, PlChartHistogramSettings } from './types';\n\nconst props = defineProps<{\n  settings: PlChartHistogramSettings;\n}>();\n\nconst chart = ref<HTMLElement>();\n\nconst options = computed<ChartOptions>(() => {\n  const { xAxisLabel, yAxisLabel, threshold, compact, totalWidth = 674, totalHeight = 252 } = props.settings;\n\n  const margin = compact ? { top: 0, right: 0, bottom: 0, left: 0 } : { top: 0, right: 30, bottom: 40, left: 85 };\n  const width = totalWidth - margin.left - margin.right;\n  const height = totalHeight - margin.top - margin.bottom;\n\n  return {\n    width,\n    height,\n    margin,\n    compact,\n    nBins: 'nBins' in props.settings ? props.settings.nBins : 10,\n    xAxisLabel: xAxisLabel,\n    yAxisLabel: yAxisLabel,\n    threshold: threshold,\n  };\n});\n\nconst createHistogram = () => {\n  const settings = props.settings;\n\n  if (settings.type === 'log-bins') {\n    createHistogramFromBins(chart.value!, options.value, settings.bins);\n    return;\n  }\n\n  if (settings.log) {\n    createHistogramLog(chart.value!, options.value, settings.numbers);\n  } else {\n    createHistogramLinear(chart.value!, options.value, settings.numbers);\n  }\n};\n\nwatch(props, createHistogram);\n\nonMounted(createHistogram);\n</script>\n\n<template>\n  <div :class=\"$style.component\">\n    <div v-if=\"settings.title && !settings.compact\" :class=\"$style.title\">{{ settings.title }}</div>\n    <div ref=\"chart\" />\n  </div>\n</template>\n\n<style module>\n.component {\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n  svg {\n    font-family: var(--font-family-base);\n  }\n}\n\n.title {\n  font-size: 20px;\n  font-weight: 500;\n  line-height: 24px; /* 120% */\n  letter-spacing: -0.2px;\n}\n\n:global(.svg-tooltip) {\n    font-family: var(--font-family-base);\n    background: rgba(69,77,93,.9);\n    border-radius: .1rem;\n    color: #fff;\n    display: block;\n    font-size: 14px;\n    max-width: 320px;\n    padding: .2rem .4rem;\n    position: absolute;\n    text-overflow: ellipsis;\n    white-space: pre;\n    z-index: 300;\n    visibility: hidden;\n}\n</style>\n"],"names":["props","__props","chart","ref","options","computed","xAxisLabel","yAxisLabel","threshold","compact","totalWidth","totalHeight","margin","width","height","createHistogram","settings","createHistogramFromBins","createHistogramLog","createHistogramLinear","watch","onMounted"],"mappings":";;;;;;;;AAKA,UAAMA,IAAQC,GAIRC,IAAQC,EAAiB,GAEzBC,IAAUC,EAAuB,MAAM;AACrC,YAAA,EAAE,YAAAC,GAAY,YAAAC,GAAY,WAAAC,GAAW,SAAAC,GAAS,YAAAC,IAAa,KAAK,aAAAC,IAAc,IAAI,IAAIX,EAAM,UAE5FY,IAASH,IAAU,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,MAAM,EAAE,KAAK,GAAG,OAAO,IAAI,QAAQ,IAAI,MAAM,GAAG,GACxGI,IAAQH,IAAaE,EAAO,OAAOA,EAAO,OAC1CE,IAASH,IAAcC,EAAO,MAAMA,EAAO;AAE1C,aAAA;AAAA,QACL,OAAAC;AAAA,QACA,QAAAC;AAAA,QACA,QAAAF;AAAA,QACA,SAAAH;AAAA,QACA,OAAO,WAAWT,EAAM,WAAWA,EAAM,SAAS,QAAQ;AAAA,QAC1D,YAAAM;AAAA,QACA,YAAAC;AAAA,QACA,WAAAC;AAAA,MACF;AAAA,IAAA,CACD,GAEKO,IAAkB,MAAM;AAC5B,YAAMC,IAAWhB,EAAM;AAEnB,UAAAgB,EAAS,SAAS,YAAY;AAChC,QAAAC,EAAwBf,EAAM,OAAQE,EAAQ,OAAOY,EAAS,IAAI;AAClE;AAAA,MAAA;AAGF,MAAIA,EAAS,MACXE,EAAmBhB,EAAM,OAAQE,EAAQ,OAAOY,EAAS,OAAO,IAEhEG,EAAsBjB,EAAM,OAAQE,EAAQ,OAAOY,EAAS,OAAO;AAAA,IAEvE;AAEA,WAAAI,EAAMpB,GAAOe,CAAe,GAE5BM,EAAUN,CAAe;;;;;;;;;;;;;;"}
+{"version":3,"file":"PlChartHistogram.vue2.js","sources":["../../../src/components/PlChartHistogram/PlChartHistogram.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, onMounted, ref, watch } from 'vue';\nimport { createHistogramFromBins, createHistogramLinear, createHistogramLog } from './histogram';\nimport type { ChartOptions, PlChartHistogramSettings } from './types';\n\nconst props = defineProps<{\n  settings: PlChartHistogramSettings;\n}>();\n\nconst chart = ref<HTMLElement>();\n\nconst options = computed<ChartOptions>(() => {\n  const { xAxisLabel, yAxisLabel, threshold, compact, totalWidth = 674, totalHeight = 252 } = props.settings;\n\n  const margin = compact ? { top: 0, right: 0, bottom: 0, left: 0 } : { top: 0, right: 30, bottom: 40, left: 85 };\n  const width = totalWidth - margin.left - margin.right;\n  const height = totalHeight - margin.top - margin.bottom;\n\n  return {\n    width,\n    height,\n    margin,\n    compact,\n    nBins: 'nBins' in props.settings ? props.settings.nBins : 10,\n    xAxisLabel: xAxisLabel,\n    yAxisLabel: yAxisLabel,\n    threshold: threshold,\n  };\n});\n\nconst createHistogram = () => {\n  const settings = props.settings;\n\n  if (settings.type === 'log-bins') {\n    createHistogramFromBins(chart.value!, options.value, settings.bins);\n    return;\n  }\n\n  if (settings.log) {\n    createHistogramLog(chart.value!, options.value, settings.numbers);\n  } else {\n    createHistogramLinear(chart.value!, options.value, settings.numbers);\n  }\n};\n\nwatch(props, createHistogram);\n\nonMounted(createHistogram);\n</script>\n\n<template>\n  <div :class=\"$style.component\">\n    <div v-if=\"settings.title && !settings.compact\" :class=\"$style.title\">{{ settings.title }}</div>\n    <div ref=\"chart\" />\n  </div>\n</template>\n\n<style module>\n.component {\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n  svg {\n    font-family: var(--font-family-base);\n  }\n}\n\n.title {\n  font-size: 20px;\n  font-weight: 500;\n  line-height: 24px; /* 120% */\n  letter-spacing: -0.2px;\n}\n\n:global(.svg-tooltip) {\n    font-family: var(--font-family-base);\n    background: rgba(69,77,93,.9);\n    border-radius: .1rem;\n    color: #fff;\n    display: block;\n    font-size: 14px;\n    max-width: 320px;\n    padding: .2rem .4rem;\n    position: absolute;\n    text-overflow: ellipsis;\n    white-space: pre;\n    z-index: 300;\n    visibility: hidden;\n}\n</style>\n"],"names":["props","__props","chart","ref","options","computed","xAxisLabel","yAxisLabel","threshold","compact","totalWidth","totalHeight","margin","width","height","createHistogram","settings","createHistogramFromBins","createHistogramLog","createHistogramLinear","watch","onMounted"],"mappings":";;;;;;;;AAKA,UAAMA,IAAQC,GAIRC,IAAQC,EAAA,GAERC,IAAUC,EAAuB,MAAM;AAC3C,YAAM,EAAE,YAAAC,GAAY,YAAAC,GAAY,WAAAC,GAAW,SAAAC,GAAS,YAAAC,IAAa,KAAK,aAAAC,IAAc,IAAA,IAAQX,EAAM,UAE5FY,IAASH,IAAU,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,MAAM,EAAE,KAAK,GAAG,OAAO,IAAI,QAAQ,IAAI,MAAM,GAAA,GACrGI,IAAQH,IAAaE,EAAO,OAAOA,EAAO,OAC1CE,IAASH,IAAcC,EAAO,MAAMA,EAAO;AAEjD,aAAO;AAAA,QACL,OAAAC;AAAA,QACA,QAAAC;AAAA,QACA,QAAAF;AAAA,QACA,SAAAH;AAAA,QACA,OAAO,WAAWT,EAAM,WAAWA,EAAM,SAAS,QAAQ;AAAA,QAC1D,YAAAM;AAAA,QACA,YAAAC;AAAA,QACA,WAAAC;AAAA,MAAA;AAAA,IAEJ,CAAC,GAEKO,IAAkB,MAAM;AAC5B,YAAMC,IAAWhB,EAAM;AAEvB,UAAIgB,EAAS,SAAS,YAAY;AAChC,QAAAC,EAAwBf,EAAM,OAAQE,EAAQ,OAAOY,EAAS,IAAI;AAClE;AAAA,MACF;AAEA,MAAIA,EAAS,MACXE,EAAmBhB,EAAM,OAAQE,EAAQ,OAAOY,EAAS,OAAO,IAEhEG,EAAsBjB,EAAM,OAAQE,EAAQ,OAAOY,EAAS,OAAO;AAAA,IAEvE;AAEA,WAAAI,EAAMpB,GAAOe,CAAe,GAE5BM,EAAUN,CAAe;;;;;;;;;;;;;;"}

package/dist/components/PlChartHistogram/createGridlines.d.ts

@@ -3,4 +3,3 @@ import { Selection } from 'd3-selection';
 import { Axis } from 'd3-axis';
 import { NumberValue } from 'd3-scale';
 export declare function createGridlines(svg: Selection<SVGGElement, unknown, null, undefined>, options: ChartOptions, scales: Scales, xTicks: (d: Axis<NumberValue>) => Axis<NumberValue>): void;
-//# sourceMappingURL=createGridlines.d.ts.map

package/dist/components/PlChartHistogram/createGridlines.js

@@ -1,5 +1,5 @@
-import l from "../../node_modules/.pnpm/d3-selection@3.0.0/node_modules/d3-selection/src/selectAll.js";
-import { axisLeft as c, axisBottom as f } from "../../node_modules/.pnpm/d3-axis@3.0.0/node_modules/d3-axis/src/axis.js";
+import { selectAll as l } from "d3-selection";
+import { axisLeft as c, axisBottom as f } from "d3-axis";
 function d(t, a, i, e) {
   const { width: n, height: r } = a;
   function o() {

package/dist/components/PlChartHistogram/createGridlines.js.map

@@ -1 +1 @@
-{"version":3,"file":"createGridlines.js","sources":["../../../src/components/PlChartHistogram/createGridlines.ts"],"sourcesContent":["import type { ChartOptions, Scales } from './types';\nimport type { Selection } from 'd3-selection';\nimport type { Axis } from 'd3-axis';\nimport type { NumberValue } from 'd3-scale';\nimport { selectAll } from 'd3-selection';\nimport { axisBottom, axisLeft } from 'd3-axis';\n\nexport function createGridlines(\n  svg: Selection<SVGGElement, unknown, null, undefined>,\n  options: ChartOptions,\n  scales: Scales,\n  xTicks: (d: Axis<NumberValue>) => Axis<NumberValue>,\n) {\n  const { width, height } = options;\n\n  function makeYGridlines() {\n    return axisLeft(scales.y) // Use the y-scale for horizontal gridlines\n      .ticks(6); // Adjust the number of gridlines\n  }\n\n  function makeXGridlines() {\n    return xTicks(axisBottom(scales.x));\n  }\n  // Append horizontal gridlines\n  svg.append('g')\n    .attr('class', 'grid') // Add a class for styling\n    .attr('font-family', '\\'Manrope\\', sans-serif') // Doesn't work\n    .call(makeYGridlines()\n      .tickSize(-width) // Extend gridlines across the chart width\n      .tickFormat(() => '')); // Remove tick labels\n\n  // Append vertical gridlines\n  svg.append('g')\n    .attr('class', 'grid') // Add a class for styling\n    .attr('font-family', '\\'Manrope\\', sans-serif')\n    .attr('transform', `translate(0,${height})`) // Position at the bottom of the chart\n    .call(makeXGridlines()\n      .tickSize(-height) // Extend gridlines across the chart height\n      .tickFormat(() => '')); // Remove tick labels\n\n  // Style the gridlines using CSS (or inline styles)\n  selectAll('.grid line')\n    .style('stroke', '#E1E3EB') // Light gray gridlines\n    // .style('stroke-dasharray', '2,2') // Dashed gridlines\n    .style('opacity', 0.7); // Slightly transparent\n}\n"],"names":["createGridlines","svg","options","scales","xTicks","width","height","makeYGridlines","axisLeft","makeXGridlines","axisBottom","selectAll"],"mappings":";;AAOO,SAASA,EACdC,GACAC,GACAC,GACAC,GACA;AACM,QAAA,EAAE,OAAAC,GAAO,QAAAC,EAAA,IAAWJ;AAE1B,WAASK,IAAiB;AACxB,WAAOC,EAASL,EAAO,CAAC,EACrB,MAAM,CAAC;AAAA,EAAA;AAGZ,WAASM,IAAiB;AACxB,WAAOL,EAAOM,EAAWP,EAAO,CAAC,CAAC;AAAA,EAAA;AAGhC,EAAAF,EAAA,OAAO,GAAG,EACX,KAAK,SAAS,MAAM,EACpB,KAAK,eAAe,uBAAyB,EAC7C,KAAKM,EAAA,EACH,SAAS,CAACF,CAAK,EACf,WAAW,MAAM,EAAE,CAAC,GAGrBJ,EAAA,OAAO,GAAG,EACX,KAAK,SAAS,MAAM,EACpB,KAAK,eAAe,uBAAyB,EAC7C,KAAK,aAAa,eAAeK,CAAM,GAAG,EAC1C,KAAKG,EAAA,EACH,SAAS,CAACH,CAAM,EAChB,WAAW,MAAM,EAAE,CAAC,GAGfK,EAAA,YAAY,EACnB,MAAM,UAAU,SAAS,EAEzB,MAAM,WAAW,GAAG;AACzB;"}
+{"version":3,"file":"createGridlines.js","sources":["../../../src/components/PlChartHistogram/createGridlines.ts"],"sourcesContent":["import type { ChartOptions, Scales } from './types';\nimport type { Selection } from 'd3-selection';\nimport type { Axis } from 'd3-axis';\nimport type { NumberValue } from 'd3-scale';\nimport { selectAll } from 'd3-selection';\nimport { axisBottom, axisLeft } from 'd3-axis';\n\nexport function createGridlines(\n  svg: Selection<SVGGElement, unknown, null, undefined>,\n  options: ChartOptions,\n  scales: Scales,\n  xTicks: (d: Axis<NumberValue>) => Axis<NumberValue>,\n) {\n  const { width, height } = options;\n\n  function makeYGridlines() {\n    return axisLeft(scales.y) // Use the y-scale for horizontal gridlines\n      .ticks(6); // Adjust the number of gridlines\n  }\n\n  function makeXGridlines() {\n    return xTicks(axisBottom(scales.x));\n  }\n  // Append horizontal gridlines\n  svg.append('g')\n    .attr('class', 'grid') // Add a class for styling\n    .attr('font-family', '\\'Manrope\\', sans-serif') // Doesn't work\n    .call(makeYGridlines()\n      .tickSize(-width) // Extend gridlines across the chart width\n      .tickFormat(() => '')); // Remove tick labels\n\n  // Append vertical gridlines\n  svg.append('g')\n    .attr('class', 'grid') // Add a class for styling\n    .attr('font-family', '\\'Manrope\\', sans-serif')\n    .attr('transform', `translate(0,${height})`) // Position at the bottom of the chart\n    .call(makeXGridlines()\n      .tickSize(-height) // Extend gridlines across the chart height\n      .tickFormat(() => '')); // Remove tick labels\n\n  // Style the gridlines using CSS (or inline styles)\n  selectAll('.grid line')\n    .style('stroke', '#E1E3EB') // Light gray gridlines\n    // .style('stroke-dasharray', '2,2') // Dashed gridlines\n    .style('opacity', 0.7); // Slightly transparent\n}\n"],"names":["createGridlines","svg","options","scales","xTicks","width","height","makeYGridlines","axisLeft","makeXGridlines","axisBottom","selectAll"],"mappings":";;AAOO,SAASA,EACdC,GACAC,GACAC,GACAC,GACA;AACA,QAAM,EAAE,OAAAC,GAAO,QAAAC,EAAA,IAAWJ;AAE1B,WAASK,IAAiB;AACxB,WAAOC,EAASL,EAAO,CAAC,EACrB,MAAM,CAAC;AAAA,EACZ;AAEA,WAASM,IAAiB;AACxB,WAAOL,EAAOM,EAAWP,EAAO,CAAC,CAAC;AAAA,EACpC;AAEA,EAAAF,EAAI,OAAO,GAAG,EACX,KAAK,SAAS,MAAM,EACpB,KAAK,eAAe,uBAAyB,EAC7C,KAAKM,EAAA,EACH,SAAS,CAACF,CAAK,EACf,WAAW,MAAM,EAAE,CAAC,GAGzBJ,EAAI,OAAO,GAAG,EACX,KAAK,SAAS,MAAM,EACpB,KAAK,eAAe,uBAAyB,EAC7C,KAAK,aAAa,eAAeK,CAAM,GAAG,EAC1C,KAAKG,EAAA,EACH,SAAS,CAACH,CAAM,EAChB,WAAW,MAAM,EAAE,CAAC,GAGzBK,EAAU,YAAY,EACnB,MAAM,UAAU,SAAS,EAEzB,MAAM,WAAW,GAAG;AACzB;"}

package/dist/components/PlChartHistogram/createLabels.d.ts

@@ -1,4 +1,3 @@
 import { Selection } from 'd3-selection';
 import { ChartOptions } from './types';
 export declare function createLabels(svg: Selection<SVGGElement, unknown, null, undefined>, options: ChartOptions): void;
-//# sourceMappingURL=createLabels.d.ts.map

package/dist/components/PlChartHistogram/createLabels.js.map

@@ -1 +1 @@
-{"version":3,"file":"createLabels.js","sources":["../../../src/components/PlChartHistogram/createLabels.ts"],"sourcesContent":["import type { Selection } from 'd3-selection';\nimport type { ChartOptions } from './types';\n\nexport function createLabels(\n  svg: Selection<SVGGElement, unknown, null, undefined>,\n  options: ChartOptions,\n) {\n  const { height, width, margin, xAxisLabel, yAxisLabel, compact } = options;\n\n  if (compact) {\n    return;\n  }\n\n  // X-axis label\n  svg.append('text')\n    .attr('class', 'x-axis-label')\n    .attr('font-weight', 500)\n    .attr('text-anchor', 'middle') // Center the text\n    .attr('x', width / 2) // Center horizontally\n    .attr('y', height + margin.bottom - 5) // Position below the X-axis\n    .text(xAxisLabel ?? 'Value Range'); // Set your custom label text\n\n  // Y-axis label\n  svg.append('text')\n    .attr('class', 'y-axis-label')\n    .attr('font-weight', 500)\n    .attr('text-anchor', 'middle') // Center the text\n    .attr('x', -height / 2) // Center vertically (rotated axis)\n    .attr('y', -margin.left + 15) // Position to the left of the Y-axis\n    .attr('transform', 'rotate(-90)') // Rotate text 90 degrees counter-clockwise\n    .text(yAxisLabel ?? 'Frequency'); // Set your custom label text\n}\n"],"names":["createLabels","svg","options","height","width","margin","xAxisLabel","yAxisLabel","compact"],"mappings":"AAGgB,SAAAA,EACdC,GACAC,GACA;AACA,QAAM,EAAE,QAAAC,GAAQ,OAAAC,GAAO,QAAAC,GAAQ,YAAAC,GAAY,YAAAC,GAAY,SAAAC,MAAYN;AAEnE,EAAIM,MAKJP,EAAI,OAAO,MAAM,EACd,KAAK,SAAS,cAAc,EAC5B,KAAK,eAAe,GAAG,EACvB,KAAK,eAAe,QAAQ,EAC5B,KAAK,KAAKG,IAAQ,CAAC,EACnB,KAAK,KAAKD,IAASE,EAAO,SAAS,CAAC,EACpC,KAAKC,KAAc,aAAa,GAGnCL,EAAI,OAAO,MAAM,EACd,KAAK,SAAS,cAAc,EAC5B,KAAK,eAAe,GAAG,EACvB,KAAK,eAAe,QAAQ,EAC5B,KAAK,KAAK,CAACE,IAAS,CAAC,EACrB,KAAK,KAAK,CAACE,EAAO,OAAO,EAAE,EAC3B,KAAK,aAAa,aAAa,EAC/B,KAAKE,KAAc,WAAW;AACnC;"}
+{"version":3,"file":"createLabels.js","sources":["../../../src/components/PlChartHistogram/createLabels.ts"],"sourcesContent":["import type { Selection } from 'd3-selection';\nimport type { ChartOptions } from './types';\n\nexport function createLabels(\n  svg: Selection<SVGGElement, unknown, null, undefined>,\n  options: ChartOptions,\n) {\n  const { height, width, margin, xAxisLabel, yAxisLabel, compact } = options;\n\n  if (compact) {\n    return;\n  }\n\n  // X-axis label\n  svg.append('text')\n    .attr('class', 'x-axis-label')\n    .attr('font-weight', 500)\n    .attr('text-anchor', 'middle') // Center the text\n    .attr('x', width / 2) // Center horizontally\n    .attr('y', height + margin.bottom - 5) // Position below the X-axis\n    .text(xAxisLabel ?? 'Value Range'); // Set your custom label text\n\n  // Y-axis label\n  svg.append('text')\n    .attr('class', 'y-axis-label')\n    .attr('font-weight', 500)\n    .attr('text-anchor', 'middle') // Center the text\n    .attr('x', -height / 2) // Center vertically (rotated axis)\n    .attr('y', -margin.left + 15) // Position to the left of the Y-axis\n    .attr('transform', 'rotate(-90)') // Rotate text 90 degrees counter-clockwise\n    .text(yAxisLabel ?? 'Frequency'); // Set your custom label text\n}\n"],"names":["createLabels","svg","options","height","width","margin","xAxisLabel","yAxisLabel","compact"],"mappings":"AAGO,SAASA,EACdC,GACAC,GACA;AACA,QAAM,EAAE,QAAAC,GAAQ,OAAAC,GAAO,QAAAC,GAAQ,YAAAC,GAAY,YAAAC,GAAY,SAAAC,MAAYN;AAEnE,EAAIM,MAKJP,EAAI,OAAO,MAAM,EACd,KAAK,SAAS,cAAc,EAC5B,KAAK,eAAe,GAAG,EACvB,KAAK,eAAe,QAAQ,EAC5B,KAAK,KAAKG,IAAQ,CAAC,EACnB,KAAK,KAAKD,IAASE,EAAO,SAAS,CAAC,EACpC,KAAKC,KAAc,aAAa,GAGnCL,EAAI,OAAO,MAAM,EACd,KAAK,SAAS,cAAc,EAC5B,KAAK,eAAe,GAAG,EACvB,KAAK,eAAe,QAAQ,EAC5B,KAAK,KAAK,CAACE,IAAS,CAAC,EACrB,KAAK,KAAK,CAACE,EAAO,OAAO,EAAE,EAC3B,KAAK,aAAa,aAAa,EAC/B,KAAKE,KAAc,WAAW;AACnC;"}

package/dist/components/PlChartHistogram/createSvgContainer.d.ts

@@ -1,3 +1,2 @@
 import { ChartOptions } from './types';
 export declare function createSvgContainer(el: HTMLElement, options: ChartOptions): import('d3-selection').Selection<SVGGElement, unknown, null, undefined>;
-//# sourceMappingURL=createSvgContainer.d.ts.map

package/dist/components/PlChartHistogram/createSvgContainer.js

@@ -1,4 +1,4 @@
-import o from "../../node_modules/.pnpm/d3-selection@3.0.0/node_modules/d3-selection/src/select.js";
+import { select as o } from "d3-selection";
 function h(e, i) {
   const { width: n, height: r, margin: t, compact: a } = i;
   return e.replaceChildren(), a && (e.style.height = r + "px", e.style.lineHeight = r + "px"), o(e).append("svg").attr("width", n + t.left + t.right).attr("height", r + t.top + t.bottom).append("g").attr("transform", `translate(${t.left},${t.top})`);

package/dist/components/PlChartHistogram/createSvgContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"createSvgContainer.js","sources":["../../../src/components/PlChartHistogram/createSvgContainer.ts"],"sourcesContent":["import type { ChartOptions } from './types';\nimport { select } from 'd3-selection';\n\nexport function createSvgContainer(el: HTMLElement, options: ChartOptions) {\n  const { width, height, margin, compact } = options;\n\n  el.replaceChildren();\n\n  if (compact) {\n    el.style.height = height + 'px';\n    el.style.lineHeight = height + 'px';\n  }\n\n  const svg = select(el) // Append the SVG element to the body\n    .append('svg')\n    .attr('width', width + margin.left + margin.right) // Set the total width\n    .attr('height', height + margin.top + margin.bottom) // Set the total height\n    .append('g') // Append a group to handle margins\n    .attr('transform', `translate(${margin.left},${margin.top})`);\n\n  return svg;\n}\n"],"names":["createSvgContainer","el","options","width","height","margin","compact","select"],"mappings":";AAGgB,SAAAA,EAAmBC,GAAiBC,GAAuB;AACzE,QAAM,EAAE,OAAAC,GAAO,QAAAC,GAAQ,QAAAC,GAAQ,SAAAC,EAAY,IAAAJ;AAE3C,SAAAD,EAAG,gBAAgB,GAEfK,MACCL,EAAA,MAAM,SAASG,IAAS,MACxBH,EAAA,MAAM,aAAaG,IAAS,OAGrBG,EAAON,CAAE,EAClB,OAAO,KAAK,EACZ,KAAK,SAASE,IAAQE,EAAO,OAAOA,EAAO,KAAK,EAChD,KAAK,UAAUD,IAASC,EAAO,MAAMA,EAAO,MAAM,EAClD,OAAO,GAAG,EACV,KAAK,aAAa,aAAaA,EAAO,IAAI,IAAIA,EAAO,GAAG,GAAG;AAGhE;"}
+{"version":3,"file":"createSvgContainer.js","sources":["../../../src/components/PlChartHistogram/createSvgContainer.ts"],"sourcesContent":["import type { ChartOptions } from './types';\nimport { select } from 'd3-selection';\n\nexport function createSvgContainer(el: HTMLElement, options: ChartOptions) {\n  const { width, height, margin, compact } = options;\n\n  el.replaceChildren();\n\n  if (compact) {\n    el.style.height = height + 'px';\n    el.style.lineHeight = height + 'px';\n  }\n\n  const svg = select(el) // Append the SVG element to the body\n    .append('svg')\n    .attr('width', width + margin.left + margin.right) // Set the total width\n    .attr('height', height + margin.top + margin.bottom) // Set the total height\n    .append('g') // Append a group to handle margins\n    .attr('transform', `translate(${margin.left},${margin.top})`);\n\n  return svg;\n}\n"],"names":["createSvgContainer","el","options","width","height","margin","compact","select"],"mappings":";AAGO,SAASA,EAAmBC,GAAiBC,GAAuB;AACzE,QAAM,EAAE,OAAAC,GAAO,QAAAC,GAAQ,QAAAC,GAAQ,SAAAC,MAAYJ;AAE3C,SAAAD,EAAG,gBAAA,GAECK,MACFL,EAAG,MAAM,SAASG,IAAS,MAC3BH,EAAG,MAAM,aAAaG,IAAS,OAGrBG,EAAON,CAAE,EAClB,OAAO,KAAK,EACZ,KAAK,SAASE,IAAQE,EAAO,OAAOA,EAAO,KAAK,EAChD,KAAK,UAAUD,IAASC,EAAO,MAAMA,EAAO,MAAM,EAClD,OAAO,GAAG,EACV,KAAK,aAAa,aAAaA,EAAO,IAAI,IAAIA,EAAO,GAAG,GAAG;AAGhE;"}

package/dist/components/PlChartHistogram/drawBins.d.ts

@@ -1,3 +1,2 @@
 import { BinLike, ChartOptions, Scales, SVG } from './types';
 export declare function drawBins(svg: SVG, bins: BinLike[], dimension: ChartOptions, scales: Scales): void;
-//# sourceMappingURL=drawBins.d.ts.map

package/dist/components/PlChartHistogram/drawBins.js

@@ -1,4 +1,4 @@
-import y from "../../node_modules/.pnpm/d3-selection@3.0.0/node_modules/d3-selection/src/select.js";
+import { select as y } from "d3-selection";
 function f(n, l, r, a) {
   const { height: c } = r, { x: e, y: s } = a, o = y("body").append("div").attr("class", "svg-tooltip").style("position", "absolute").style("visibility", "hidden"), p = function(t, i) {
     o.style("visibility", "visible").text(`count: ${i.length}

package/dist/components/PlChartHistogram/drawBins.js.map

@@ -1 +1 @@
-{"version":3,"file":"drawBins.js","sources":["../../../src/components/PlChartHistogram/drawBins.ts"],"sourcesContent":["import type { BinLike, ChartOptions, Scales, SVG } from './types';\nimport { select } from 'd3-selection';\n\nexport function drawBins(\n  svg: SVG,\n  bins: BinLike[],\n  dimension: ChartOptions,\n  scales: Scales,\n) {\n  const { height } = dimension;\n\n  const { x, y } = scales;\n\n  const tooltip = select('body')\n    .append('div')\n    .attr('class', 'svg-tooltip')\n    .style('position', 'absolute')\n    .style('visibility', 'hidden');\n\n  // Three function that change the tooltip when user hover / move / leave a cell\n  const mouseover = function (_event: MouseEvent, d: BinLike) {\n    tooltip\n      .style('visibility', 'visible')\n      .text(`count: ${d.length}\\nx0: ${d.x0}\\nx1: ${d.x1}`);\n  };\n\n  const mousemove = function (event: MouseEvent) {\n    tooltip\n      .style('top', event.pageY - 10 + 'px')\n      .style('left', event.pageX + 10 + 'px');\n  };\n\n  const mouseout = function () {\n    tooltip.style('visibility', 'hidden');\n  };\n\n  // Add rectangles for the histogram bars\n  svg.selectAll('rect')\n    .data(bins)\n    .enter()\n    .append('rect')\n    .attr('x', (d) => x(d.x0!)) // Position the bar based on the bin start\n    .attr('y', (d) => y(d.length)) // Height based on bin count\n    .attr('width', (d) => x(d.x1!) - x(d.x0!)) // Bar width based on logarithmic intervals\n    .attr('height', (d) => height - y(d.length)) // Invert height to fit SVG coordinate system\n    .style('fill', '#929BAD')\n    .attr('stroke', '#fff') // Border color\n    .attr('stroke-opacity', 0.2)\n    .attr('stroke-width', 0.5)\n    .on('mouseover', mouseover)\n    .on('mousemove', mousemove)\n    .on('mouseout', mouseout)\n    .append('title').text((d) => `[${d.x0}, ${d.x1}]\\n` + d.length + '\\n'); // Set bar color\n}\n"],"names":["drawBins","svg","bins","dimension","scales","height","x","y","tooltip","select","mouseover","_event","d","mousemove","event","mouseout"],"mappings":";AAGO,SAASA,EACdC,GACAC,GACAC,GACAC,GACA;AACM,QAAA,EAAE,QAAAC,MAAWF,GAEb,EAAE,GAAAG,GAAG,GAAAC,EAAA,IAAMH,GAEXI,IAAUC,EAAO,MAAM,EAC1B,OAAO,KAAK,EACZ,KAAK,SAAS,aAAa,EAC3B,MAAM,YAAY,UAAU,EAC5B,MAAM,cAAc,QAAQ,GAGzBC,IAAY,SAAUC,GAAoBC,GAAY;AAC1D,IAAAJ,EACG,MAAM,cAAc,SAAS,EAC7B,KAAK,UAAUI,EAAE,MAAM;AAAA,MAASA,EAAE,EAAE;AAAA,MAASA,EAAE,EAAE,EAAE;AAAA,EACxD,GAEMC,IAAY,SAAUC,GAAmB;AAC7C,IAAAN,EACG,MAAM,OAAOM,EAAM,QAAQ,KAAK,IAAI,EACpC,MAAM,QAAQA,EAAM,QAAQ,KAAK,IAAI;AAAA,EAC1C,GAEMC,IAAW,WAAY;AACnB,IAAAP,EAAA,MAAM,cAAc,QAAQ;AAAA,EACtC;AAGA,EAAAP,EAAI,UAAU,MAAM,EACjB,KAAKC,CAAI,EACT,MACA,EAAA,OAAO,MAAM,EACb,KAAK,KAAK,CAACU,MAAMN,EAAEM,EAAE,EAAG,CAAC,EACzB,KAAK,KAAK,CAACA,MAAML,EAAEK,EAAE,MAAM,CAAC,EAC5B,KAAK,SAAS,CAACA,MAAMN,EAAEM,EAAE,EAAG,IAAIN,EAAEM,EAAE,EAAG,CAAC,EACxC,KAAK,UAAU,CAACA,MAAMP,IAASE,EAAEK,EAAE,MAAM,CAAC,EAC1C,MAAM,QAAQ,SAAS,EACvB,KAAK,UAAU,MAAM,EACrB,KAAK,kBAAkB,GAAG,EAC1B,KAAK,gBAAgB,GAAG,EACxB,GAAG,aAAaF,CAAS,EACzB,GAAG,aAAaG,CAAS,EACzB,GAAG,YAAYE,CAAQ,EACvB,OAAO,OAAO,EAAE,KAAK,CAACH,MAAM,IAAIA,EAAE,EAAE,KAAKA,EAAE,EAAE;AAAA,IAAQA,EAAE,SAAS;AAAA,CAAI;AACzE;"}
+{"version":3,"file":"drawBins.js","sources":["../../../src/components/PlChartHistogram/drawBins.ts"],"sourcesContent":["import type { BinLike, ChartOptions, Scales, SVG } from './types';\nimport { select } from 'd3-selection';\n\nexport function drawBins(\n  svg: SVG,\n  bins: BinLike[],\n  dimension: ChartOptions,\n  scales: Scales,\n) {\n  const { height } = dimension;\n\n  const { x, y } = scales;\n\n  const tooltip = select('body')\n    .append('div')\n    .attr('class', 'svg-tooltip')\n    .style('position', 'absolute')\n    .style('visibility', 'hidden');\n\n  // Three function that change the tooltip when user hover / move / leave a cell\n  const mouseover = function (_event: MouseEvent, d: BinLike) {\n    tooltip\n      .style('visibility', 'visible')\n      .text(`count: ${d.length}\\nx0: ${d.x0}\\nx1: ${d.x1}`);\n  };\n\n  const mousemove = function (event: MouseEvent) {\n    tooltip\n      .style('top', event.pageY - 10 + 'px')\n      .style('left', event.pageX + 10 + 'px');\n  };\n\n  const mouseout = function () {\n    tooltip.style('visibility', 'hidden');\n  };\n\n  // Add rectangles for the histogram bars\n  svg.selectAll('rect')\n    .data(bins)\n    .enter()\n    .append('rect')\n    .attr('x', (d) => x(d.x0!)) // Position the bar based on the bin start\n    .attr('y', (d) => y(d.length)) // Height based on bin count\n    .attr('width', (d) => x(d.x1!) - x(d.x0!)) // Bar width based on logarithmic intervals\n    .attr('height', (d) => height - y(d.length)) // Invert height to fit SVG coordinate system\n    .style('fill', '#929BAD')\n    .attr('stroke', '#fff') // Border color\n    .attr('stroke-opacity', 0.2)\n    .attr('stroke-width', 0.5)\n    .on('mouseover', mouseover)\n    .on('mousemove', mousemove)\n    .on('mouseout', mouseout)\n    .append('title').text((d) => `[${d.x0}, ${d.x1}]\\n` + d.length + '\\n'); // Set bar color\n}\n"],"names":["drawBins","svg","bins","dimension","scales","height","x","y","tooltip","select","mouseover","_event","d","mousemove","event","mouseout"],"mappings":";AAGO,SAASA,EACdC,GACAC,GACAC,GACAC,GACA;AACA,QAAM,EAAE,QAAAC,MAAWF,GAEb,EAAE,GAAAG,GAAG,GAAAC,EAAA,IAAMH,GAEXI,IAAUC,EAAO,MAAM,EAC1B,OAAO,KAAK,EACZ,KAAK,SAAS,aAAa,EAC3B,MAAM,YAAY,UAAU,EAC5B,MAAM,cAAc,QAAQ,GAGzBC,IAAY,SAAUC,GAAoBC,GAAY;AAC1D,IAAAJ,EACG,MAAM,cAAc,SAAS,EAC7B,KAAK,UAAUI,EAAE,MAAM;AAAA,MAASA,EAAE,EAAE;AAAA,MAASA,EAAE,EAAE,EAAE;AAAA,EACxD,GAEMC,IAAY,SAAUC,GAAmB;AAC7C,IAAAN,EACG,MAAM,OAAOM,EAAM,QAAQ,KAAK,IAAI,EACpC,MAAM,QAAQA,EAAM,QAAQ,KAAK,IAAI;AAAA,EAC1C,GAEMC,IAAW,WAAY;AAC3B,IAAAP,EAAQ,MAAM,cAAc,QAAQ;AAAA,EACtC;AAGA,EAAAP,EAAI,UAAU,MAAM,EACjB,KAAKC,CAAI,EACT,QACA,OAAO,MAAM,EACb,KAAK,KAAK,CAACU,MAAMN,EAAEM,EAAE,EAAG,CAAC,EACzB,KAAK,KAAK,CAACA,MAAML,EAAEK,EAAE,MAAM,CAAC,EAC5B,KAAK,SAAS,CAACA,MAAMN,EAAEM,EAAE,EAAG,IAAIN,EAAEM,EAAE,EAAG,CAAC,EACxC,KAAK,UAAU,CAACA,MAAMP,IAASE,EAAEK,EAAE,MAAM,CAAC,EAC1C,MAAM,QAAQ,SAAS,EACvB,KAAK,UAAU,MAAM,EACrB,KAAK,kBAAkB,GAAG,EAC1B,KAAK,gBAAgB,GAAG,EACxB,GAAG,aAAaF,CAAS,EACzB,GAAG,aAAaG,CAAS,EACzB,GAAG,YAAYE,CAAQ,EACvB,OAAO,OAAO,EAAE,KAAK,CAACH,MAAM,IAAIA,EAAE,EAAE,KAAKA,EAAE,EAAE;AAAA,IAAQA,EAAE,SAAS;AAAA,CAAI;AACzE;"}

package/dist/components/PlChartHistogram/drawThreshold.d.ts

@@ -1,3 +1,2 @@
 import { ChartOptions, Scales, SVG } from './types';
 export declare function drawThreshold(svg: SVG, scales: Scales, options: ChartOptions): void;
-//# sourceMappingURL=drawThreshold.d.ts.map

package/dist/components/PlChartHistogram/drawThreshold.js.map

@@ -1 +1 @@
-{"version":3,"file":"drawThreshold.js","sources":["../../../src/components/PlChartHistogram/drawThreshold.ts"],"sourcesContent":["import type { ChartOptions, Scales, SVG } from './types';\n\nexport function drawThreshold(svg: SVG, scales: Scales, options: ChartOptions) {\n  const { threshold } = options;\n\n  if (!threshold) {\n    return;\n  }\n\n  svg\n    .append('line')\n    .attr('x1', scales.x(threshold))\n    .attr('x2', scales.x(threshold))\n    .attr('y1', 0)\n    .attr('y2', options.height)\n    .style('stroke', '#F05670')\n    .style('stroke-width', '1')\n    .style('stroke-dasharray', '7.4 3.2');\n}\n"],"names":["drawThreshold","svg","scales","options","threshold"],"mappings":"AAEgB,SAAAA,EAAcC,GAAUC,GAAgBC,GAAuB;AACvE,QAAA,EAAE,WAAAC,MAAcD;AAEtB,EAAKC,KAILH,EACG,OAAO,MAAM,EACb,KAAK,MAAMC,EAAO,EAAEE,CAAS,CAAC,EAC9B,KAAK,MAAMF,EAAO,EAAEE,CAAS,CAAC,EAC9B,KAAK,MAAM,CAAC,EACZ,KAAK,MAAMD,EAAQ,MAAM,EACzB,MAAM,UAAU,SAAS,EACzB,MAAM,gBAAgB,GAAG,EACzB,MAAM,oBAAoB,SAAS;AACxC;"}
+{"version":3,"file":"drawThreshold.js","sources":["../../../src/components/PlChartHistogram/drawThreshold.ts"],"sourcesContent":["import type { ChartOptions, Scales, SVG } from './types';\n\nexport function drawThreshold(svg: SVG, scales: Scales, options: ChartOptions) {\n  const { threshold } = options;\n\n  if (!threshold) {\n    return;\n  }\n\n  svg\n    .append('line')\n    .attr('x1', scales.x(threshold))\n    .attr('x2', scales.x(threshold))\n    .attr('y1', 0)\n    .attr('y2', options.height)\n    .style('stroke', '#F05670')\n    .style('stroke-width', '1')\n    .style('stroke-dasharray', '7.4 3.2');\n}\n"],"names":["drawThreshold","svg","scales","options","threshold"],"mappings":"AAEO,SAASA,EAAcC,GAAUC,GAAgBC,GAAuB;AAC7E,QAAM,EAAE,WAAAC,MAAcD;AAEtB,EAAKC,KAILH,EACG,OAAO,MAAM,EACb,KAAK,MAAMC,EAAO,EAAEE,CAAS,CAAC,EAC9B,KAAK,MAAMF,EAAO,EAAEE,CAAS,CAAC,EAC9B,KAAK,MAAM,CAAC,EACZ,KAAK,MAAMD,EAAQ,MAAM,EACzB,MAAM,UAAU,SAAS,EACzB,MAAM,gBAAgB,GAAG,EACzB,MAAM,oBAAoB,SAAS;AACxC;"}

package/dist/components/PlChartHistogram/histogram.d.ts

@@ -2,4 +2,3 @@ import { AnyBin, ChartOptions } from './types';
 export declare function createHistogramLinear(el: HTMLElement, options: ChartOptions, data: number[]): void;
 export declare function createHistogramLog(el: HTMLElement, options: ChartOptions, data: number[]): void;
 export declare function createHistogramFromBins(el: HTMLElement, options: ChartOptions, _bins: AnyBin[]): void;
-//# sourceMappingURL=histogram.d.ts.map

package/dist/components/PlChartHistogram/histogram.js

@@ -4,34 +4,31 @@ import { createGridlines as y } from "./createGridlines.js";
 import { logspace as H } from "./logspace.js";
 import { createLabels as z } from "./createLabels.js";
 import { drawThreshold as S } from "./drawThreshold.js";
-import { normalizeBins as p } from "./normalizeBins.js";
-import w from "../../node_modules/.pnpm/d3-array@3.2.4/node_modules/d3-array/src/min.js";
-import d from "../../node_modules/.pnpm/d3-array@3.2.4/node_modules/d3-array/src/max.js";
-import F from "../../node_modules/.pnpm/d3-scale@4.0.2/node_modules/d3-scale/src/symlog.js";
-import { axisBottom as $, axisLeft as b } from "../../node_modules/.pnpm/d3-axis@3.0.0/node_modules/d3-axis/src/axis.js";
-import T from "../../node_modules/.pnpm/d3-array@3.2.4/node_modules/d3-array/src/bin.js";
-import C from "../../node_modules/.pnpm/d3-scale@4.0.2/node_modules/d3-scale/src/linear.js";
-const B = (n, t) => n.append("g").style("font-size", "14px").style("font-weight", "500").attr("transform", `translate(0,${t})`), V = (n) => n.append("g").style("font-size", "14px").style("font-weight", "500"), v = (n, t) => C().domain([0, d(n, (c) => c.length)]).range([t, 0]);
-function Q(n, t, c) {
-  const { width: g, height: m, nBins: o = 10 } = t, e = u(n, t), h = w(c), l = d(c), i = C().domain([h, l]).range([0, g]), a = p(T().domain(i.domain()).thresholds(i.ticks(o))(c)), s = v(a, m);
-  y(e, t, { x: i, y: s }, (r) => r.ticks(6)), k(e, a, t, { x: i, y: s }), S(e, { x: i, y: s }, t), B(e, m).call($(i).tickSize(0)), V(e).call(b(s).tickSize(0)), z(e, t);
+import { normalizeBins as w } from "./normalizeBins.js";
+import { min as $, max as d, bin as F } from "d3-array";
+import { scaleSymlog as T, scaleLinear as C } from "d3-scale";
+import { axisBottom as b, axisLeft as B } from "d3-axis";
+const V = (n, t) => n.append("g").style("font-size", "14px").style("font-weight", "500").attr("transform", `translate(0,${t})`), v = (n) => n.append("g").style("font-size", "14px").style("font-weight", "500"), L = (n, t) => C().domain([0, d(n, (r) => r.length)]).range([t, 0]);
+function K(n, t, r) {
+  const { width: g, height: m, nBins: s = 10 } = t, e = u(n, t), h = $(r), l = d(r), c = C().domain([h, l]).range([0, g]), o = w(F().domain(c.domain()).thresholds(c.ticks(s))(r)), a = L(o, m);
+  y(e, t, { x: c, y: a }, (i) => i.ticks(6)), k(e, o, t, { x: c, y: a }), S(e, { x: c, y: a }, t), V(e, m).call(b(c).tickSize(0)), v(e).call(B(a).tickSize(0)), z(e, t);
 }
-function R(n, t, c) {
-  const { width: g, height: m, nBins: o = 10 } = t, e = u(n, t), h = w(c), l = d(c), i = F().domain([h, l]).range([0, g]).nice(), a = (f) => {
+function O(n, t, r) {
+  const { width: g, height: m, nBins: s = 10 } = t, e = u(n, t), h = $(r), l = d(r), c = T().domain([h, l]).range([0, g]).nice(), o = (f) => {
     const M = [];
     for (let x = 0; x <= f; x++)
-      M.push(Number(i.invert(g * (x / f)).toFixed(2)));
+      M.push(Number(c.invert(g * (x / f)).toFixed(2)));
     return M;
-  }, s = p(T().domain(i.domain()).thresholds(a(o))(c)), r = v(s, m), L = H(0, Math.ceil(Math.log10(l)), 6);
-  y(e, t, { x: i, y: r }, (f) => f.tickValues(L)), k(e, s, t, { x: i, y: r }), S(e, { x: i, y: r }, t), B(e, m).call($(i).tickValues(L).tickSize(0)), V(e).call(b(r).tickSize(0)), z(e, t);
+  }, a = w(F().domain(c.domain()).thresholds(o(s))(r)), i = L(a, m), p = H(0, Math.ceil(Math.log10(l)), 6);
+  y(e, t, { x: c, y: i }, (f) => f.tickValues(p)), k(e, a, t, { x: c, y: i }), S(e, { x: c, y: i }, t), V(e, m).call(b(c).tickValues(p).tickSize(0)), v(e).call(B(i).tickSize(0)), z(e, t);
 }
-function U(n, t, c) {
-  const { width: g, height: m } = t, o = u(n, t), e = p(c), h = w(e, (r) => r.x0), l = d(e, (r) => r.x1), i = F().domain([h, l]).range([0, g]).nice(), a = v(e, m), s = H(0, Math.ceil(Math.log10(l)), 6);
-  y(o, t, { x: i, y: a }, (r) => r.tickValues(s)), k(o, e, t, { x: i, y: a }), S(o, { x: i, y: a }, t), B(o, m).call($(i).tickValues(s).tickSize(0)), V(o).call(b(a).tickSize(0)), z(o, t);
+function P(n, t, r) {
+  const { width: g, height: m } = t, s = u(n, t), e = w(r), h = $(e, (i) => i.x0), l = d(e, (i) => i.x1), c = T().domain([h, l]).range([0, g]).nice(), o = L(e, m), a = H(0, Math.ceil(Math.log10(l)), 6);
+  y(s, t, { x: c, y: o }, (i) => i.tickValues(a)), k(s, e, t, { x: c, y: o }), S(s, { x: c, y: o }, t), V(s, m).call(b(c).tickValues(a).tickSize(0)), v(s).call(B(o).tickSize(0)), z(s, t);
 }
 export {
-  U as createHistogramFromBins,
-  Q as createHistogramLinear,
-  R as createHistogramLog
+  P as createHistogramFromBins,
+  K as createHistogramLinear,
+  O as createHistogramLog
 };
 //# sourceMappingURL=histogram.js.map

package/dist/components/PlChartHistogram/histogram.js.map

@@ -1 +1 @@
-{"version":3,"file":"histogram.js","sources":["../../../src/components/PlChartHistogram/histogram.ts"],"sourcesContent":["import { createSvgContainer } from './createSvgContainer';\nimport { drawBins } from './drawBins';\nimport { createGridlines } from './createGridlines';\nimport { logspace } from './logspace';\nimport { createLabels } from './createLabels';\nimport type { AnyBin, BinLike, ChartOptions } from './types';\nimport { drawThreshold } from './drawThreshold';\nimport { normalizeBins } from './normalizeBins';\nimport type { Selection } from 'd3-selection';\nimport { bin, max as d3max, min as d3min } from 'd3-array';\nimport { scaleLinear, scaleSymlog } from 'd3-scale';\nimport { axisBottom, axisLeft } from 'd3-axis';\n\nconst gx = (svg: Selection<SVGGElement, unknown, null, undefined>, height: number) => {\n  return svg.append('g')\n    .style('font-size', '14px')\n    .style('font-weight', '500')\n    .attr('transform', `translate(0,${height})`);\n};\n\nconst gy = (svg: Selection<SVGGElement, unknown, null, undefined>) => {\n  return svg.append('g')\n    .style('font-size', '14px')\n    .style('font-weight', '500');\n};\n\nconst createYScale = (bins: BinLike[], height: number) => {\n  return scaleLinear()\n    .domain([0, d3max(bins, (d) => d.length)!]) // Max bin count for the domain\n    .range([height, 0]); // Map to chart height (invert to match SVG coordinates)\n};\n\nexport function createHistogramLinear(el: HTMLElement, options: ChartOptions, data: number[]) {\n  const { width, height, nBins = 10 } = options;\n\n  const svg = createSvgContainer(el, options);\n\n  const min = d3min(data) as number;\n  const max = d3max(data) as number;\n\n  const x = scaleLinear()\n    .domain([min, max])\n    .range([0, width]);\n\n  const bins: BinLike[] = normalizeBins(bin()\n    .domain(x.domain() as [number, number]) // Set the input domain to match the x-scale\n    .thresholds(x.ticks(nBins))(data)); // Apply the data to create bins\n\n  const y = createYScale(bins, height);\n\n  createGridlines(svg, options, { x, y }, (x) => x.ticks(6));\n\n  drawBins(svg, bins, options, { x, y });\n\n  drawThreshold(svg, { x, y }, options);\n\n  gx(svg, height).call(axisBottom(x).tickSize(0));\n\n  gy(svg).call(axisLeft(y).tickSize(0));\n\n  createLabels(svg, options);\n}\n\nexport function createHistogramLog(el: HTMLElement, options: ChartOptions, data: number[]) {\n  const { width, height, nBins = 10 } = options;\n\n  const svg = createSvgContainer(el, options);\n\n  const min = d3min(data) as number;\n  const max = d3max(data) as number;\n\n  const x = scaleSymlog()\n    .domain([min, max]) // Input range (min and max values of the data)\n    .range([0, width])\n    .nice() // Output range (width of the chart)\n    ;\n\n  const createThresholds = (n: number) => {\n    const res = [];\n\n    for (let i = 0; i <= n; i++) {\n      res.push(Number(x.invert(width * (i / n)).toFixed(2)));\n    }\n\n    return res;\n  };\n\n  const bins = normalizeBins(bin()\n    .domain(x.domain() as [number, number]) // Set the input domain to match the x-scale\n    .thresholds(createThresholds(nBins))(data)); // Apply the data to create bins\n\n  const y = createYScale(bins, height);\n\n  const tickValues = logspace(0, Math.ceil(Math.log10(max)), 6);\n\n  createGridlines(svg, options, { x, y }, (x) => x.tickValues(tickValues));\n\n  drawBins(svg, bins, options, { x, y });\n\n  drawThreshold(svg, { x, y }, options);\n\n  gx(svg, height).call(axisBottom(x).tickValues(tickValues).tickSize(0));\n\n  gy(svg).call(axisLeft(y).tickSize(0));\n\n  createLabels(svg, options);\n}\n\nexport function createHistogramFromBins(el: HTMLElement, options: ChartOptions, _bins: AnyBin[]) {\n  const { width, height } = options;\n\n  const svg = createSvgContainer(el, options);\n\n  const bins = normalizeBins(_bins);\n\n  const min = d3min(bins, (b) => b.x0) as number;\n  const max = d3max(bins, (b) => b.x1) as number;\n\n  const x = scaleSymlog()\n    .domain([min, max])\n    .range([0, width])\n    .nice();\n\n  const y = createYScale(bins, height);\n\n  const tickValues = logspace(0, Math.ceil(Math.log10(max)), 6);\n\n  createGridlines(svg, options, { x, y }, (x) => x.tickValues(tickValues));\n\n  drawBins(svg, bins, options, { x, y });\n\n  drawThreshold(svg, { x, y }, options);\n\n  gx(svg, height).call(axisBottom(x).tickValues(tickValues).tickSize(0));\n\n  gy(svg).call(axisLeft(y).tickSize(0));\n\n  createLabels(svg, options);\n}\n"],"names":["gx","svg","height","gy","createYScale","bins","scaleLinear","d3max","d","createHistogramLinear","el","options","data","width","nBins","createSvgContainer","min","d3min","max","x","normalizeBins","bin","y","createGridlines","drawBins","drawThreshold","axisBottom","axisLeft","createLabels","createHistogramLog","scaleSymlog","createThresholds","n","res","i","tickValues","logspace","createHistogramFromBins","_bins","b"],"mappings":"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"}
+{"version":3,"file":"histogram.js","sources":["../../../src/components/PlChartHistogram/histogram.ts"],"sourcesContent":["import { createSvgContainer } from './createSvgContainer';\nimport { drawBins } from './drawBins';\nimport { createGridlines } from './createGridlines';\nimport { logspace } from './logspace';\nimport { createLabels } from './createLabels';\nimport type { AnyBin, BinLike, ChartOptions } from './types';\nimport { drawThreshold } from './drawThreshold';\nimport { normalizeBins } from './normalizeBins';\nimport type { Selection } from 'd3-selection';\nimport { bin, max as d3max, min as d3min } from 'd3-array';\nimport { scaleLinear, scaleSymlog } from 'd3-scale';\nimport { axisBottom, axisLeft } from 'd3-axis';\n\nconst gx = (svg: Selection<SVGGElement, unknown, null, undefined>, height: number) => {\n  return svg.append('g')\n    .style('font-size', '14px')\n    .style('font-weight', '500')\n    .attr('transform', `translate(0,${height})`);\n};\n\nconst gy = (svg: Selection<SVGGElement, unknown, null, undefined>) => {\n  return svg.append('g')\n    .style('font-size', '14px')\n    .style('font-weight', '500');\n};\n\nconst createYScale = (bins: BinLike[], height: number) => {\n  return scaleLinear()\n    .domain([0, d3max(bins, (d) => d.length)!]) // Max bin count for the domain\n    .range([height, 0]); // Map to chart height (invert to match SVG coordinates)\n};\n\nexport function createHistogramLinear(el: HTMLElement, options: ChartOptions, data: number[]) {\n  const { width, height, nBins = 10 } = options;\n\n  const svg = createSvgContainer(el, options);\n\n  const min = d3min(data) as number;\n  const max = d3max(data) as number;\n\n  const x = scaleLinear()\n    .domain([min, max])\n    .range([0, width]);\n\n  const bins: BinLike[] = normalizeBins(bin()\n    .domain(x.domain() as [number, number]) // Set the input domain to match the x-scale\n    .thresholds(x.ticks(nBins))(data)); // Apply the data to create bins\n\n  const y = createYScale(bins, height);\n\n  createGridlines(svg, options, { x, y }, (x) => x.ticks(6));\n\n  drawBins(svg, bins, options, { x, y });\n\n  drawThreshold(svg, { x, y }, options);\n\n  gx(svg, height).call(axisBottom(x).tickSize(0));\n\n  gy(svg).call(axisLeft(y).tickSize(0));\n\n  createLabels(svg, options);\n}\n\nexport function createHistogramLog(el: HTMLElement, options: ChartOptions, data: number[]) {\n  const { width, height, nBins = 10 } = options;\n\n  const svg = createSvgContainer(el, options);\n\n  const min = d3min(data) as number;\n  const max = d3max(data) as number;\n\n  const x = scaleSymlog()\n    .domain([min, max]) // Input range (min and max values of the data)\n    .range([0, width])\n    .nice() // Output range (width of the chart)\n    ;\n\n  const createThresholds = (n: number) => {\n    const res = [];\n\n    for (let i = 0; i <= n; i++) {\n      res.push(Number(x.invert(width * (i / n)).toFixed(2)));\n    }\n\n    return res;\n  };\n\n  const bins = normalizeBins(bin()\n    .domain(x.domain() as [number, number]) // Set the input domain to match the x-scale\n    .thresholds(createThresholds(nBins))(data)); // Apply the data to create bins\n\n  const y = createYScale(bins, height);\n\n  const tickValues = logspace(0, Math.ceil(Math.log10(max)), 6);\n\n  createGridlines(svg, options, { x, y }, (x) => x.tickValues(tickValues));\n\n  drawBins(svg, bins, options, { x, y });\n\n  drawThreshold(svg, { x, y }, options);\n\n  gx(svg, height).call(axisBottom(x).tickValues(tickValues).tickSize(0));\n\n  gy(svg).call(axisLeft(y).tickSize(0));\n\n  createLabels(svg, options);\n}\n\nexport function createHistogramFromBins(el: HTMLElement, options: ChartOptions, _bins: AnyBin[]) {\n  const { width, height } = options;\n\n  const svg = createSvgContainer(el, options);\n\n  const bins = normalizeBins(_bins);\n\n  const min = d3min(bins, (b) => b.x0) as number;\n  const max = d3max(bins, (b) => b.x1) as number;\n\n  const x = scaleSymlog()\n    .domain([min, max])\n    .range([0, width])\n    .nice();\n\n  const y = createYScale(bins, height);\n\n  const tickValues = logspace(0, Math.ceil(Math.log10(max)), 6);\n\n  createGridlines(svg, options, { x, y }, (x) => x.tickValues(tickValues));\n\n  drawBins(svg, bins, options, { x, y });\n\n  drawThreshold(svg, { x, y }, options);\n\n  gx(svg, height).call(axisBottom(x).tickValues(tickValues).tickSize(0));\n\n  gy(svg).call(axisLeft(y).tickSize(0));\n\n  createLabels(svg, options);\n}\n"],"names":["gx","svg","height","gy","createYScale","bins","scaleLinear","d3max","d","createHistogramLinear","el","options","data","width","nBins","createSvgContainer","min","d3min","max","x","normalizeBins","bin","y","createGridlines","drawBins","drawThreshold","axisBottom","axisLeft","createLabels","createHistogramLog","scaleSymlog","createThresholds","n","res","i","tickValues","logspace","createHistogramFromBins","_bins","b"],"mappings":"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"}

package/dist/components/PlChartHistogram/index.d.ts

@@ -1,2 +1 @@
 export { default as PlChartHistogram } from './PlChartHistogram.vue';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/PlChartHistogram/logspace.d.ts

@@ -1,2 +1 @@
 export declare function logspace(startExp: number, stopExp: number, num?: number, base?: number): number[];
-//# sourceMappingURL=logspace.d.ts.map

package/dist/components/PlChartHistogram/logspace.js.map

@@ -1 +1 @@
-{"version":3,"file":"logspace.js","sources":["../../../src/components/PlChartHistogram/logspace.ts"],"sourcesContent":["export function logspace(startExp: number, stopExp: number, num = 50, base = 10) {\n  if (num <= 0) return [];\n\n  const step = (stopExp - startExp) / (num - 1);\n  const result = [];\n\n  for (let i = 0; i < num; i++) {\n    const exponent = startExp + i * step;\n    result.push(Math.pow(base, exponent));\n  }\n\n  return result;\n}\n"],"names":["logspace","startExp","stopExp","num","base","step","result","i","exponent"],"mappings":"AAAO,SAASA,EAASC,GAAkBC,GAAiBC,IAAM,IAAIC,IAAO,IAAI;AAC3E,MAAAD,KAAO,EAAG,QAAO,CAAC;AAEhB,QAAAE,KAAQH,IAAUD,MAAaE,IAAM,IACrCG,IAAS,CAAC;AAEhB,WAASC,IAAI,GAAGA,IAAIJ,GAAKI,KAAK;AACtB,UAAAC,IAAWP,IAAWM,IAAIF;AAChC,IAAAC,EAAO,KAAK,KAAK,IAAIF,GAAMI,CAAQ,CAAC;AAAA,EAAA;AAG/B,SAAAF;AACT;"}
+{"version":3,"file":"logspace.js","sources":["../../../src/components/PlChartHistogram/logspace.ts"],"sourcesContent":["export function logspace(startExp: number, stopExp: number, num = 50, base = 10) {\n  if (num <= 0) return [];\n\n  const step = (stopExp - startExp) / (num - 1);\n  const result = [];\n\n  for (let i = 0; i < num; i++) {\n    const exponent = startExp + i * step;\n    result.push(Math.pow(base, exponent));\n  }\n\n  return result;\n}\n"],"names":["logspace","startExp","stopExp","num","base","step","result","i","exponent"],"mappings":"AAAO,SAASA,EAASC,GAAkBC,GAAiBC,IAAM,IAAIC,IAAO,IAAI;AAC/E,MAAID,KAAO,EAAG,QAAO,CAAA;AAErB,QAAME,KAAQH,IAAUD,MAAaE,IAAM,IACrCG,IAAS,CAAA;AAEf,WAASC,IAAI,GAAGA,IAAIJ,GAAKI,KAAK;AAC5B,UAAMC,IAAWP,IAAWM,IAAIF;AAChC,IAAAC,EAAO,KAAK,KAAK,IAAIF,GAAMI,CAAQ,CAAC;AAAA,EACtC;AAEA,SAAOF;AACT;"}

package/dist/components/PlChartHistogram/normalizeBins.d.ts

@@ -1,4 +1,3 @@
 import { AnyBin, BinLike } from './types';
 import { Bin } from 'd3-array';
 export declare function normalizeBins(bins: (Bin<number, number> | AnyBin)[]): BinLike[];
-//# sourceMappingURL=normalizeBins.d.ts.map

package/dist/components/PlChartHistogram/normalizeBins.js.map

@@ -1 +1 @@
-{"version":3,"file":"normalizeBins.js","sources":["../../../src/components/PlChartHistogram/normalizeBins.ts"],"sourcesContent":["import type { AnyBin, BinLike } from './types';\nimport type { Bin } from 'd3-array';\n\nexport function normalizeBins(bins: (Bin<number, number> | AnyBin)[]): BinLike[] {\n  return bins.map((it) => {\n    if ('from' in it) {\n      return {\n        x0: it.from,\n        x1: it.to,\n        length: it.weight,\n      };\n    }\n\n    return {\n      x0: it.x0!,\n      x1: it.x1!,\n      length: it.length,\n    };\n  });\n}\n"],"names":["normalizeBins","bins","it"],"mappings":"AAGO,SAASA,EAAcC,GAAmD;AACxE,SAAAA,EAAK,IAAI,CAACC,MACX,UAAUA,IACL;AAAA,IACL,IAAIA,EAAG;AAAA,IACP,IAAIA,EAAG;AAAA,IACP,QAAQA,EAAG;AAAA,EACb,IAGK;AAAA,IACL,IAAIA,EAAG;AAAA,IACP,IAAIA,EAAG;AAAA,IACP,QAAQA,EAAG;AAAA,EACb,CACD;AACH;"}
+{"version":3,"file":"normalizeBins.js","sources":["../../../src/components/PlChartHistogram/normalizeBins.ts"],"sourcesContent":["import type { AnyBin, BinLike } from './types';\nimport type { Bin } from 'd3-array';\n\nexport function normalizeBins(bins: (Bin<number, number> | AnyBin)[]): BinLike[] {\n  return bins.map((it) => {\n    if ('from' in it) {\n      return {\n        x0: it.from,\n        x1: it.to,\n        length: it.weight,\n      };\n    }\n\n    return {\n      x0: it.x0!,\n      x1: it.x1!,\n      length: it.length,\n    };\n  });\n}\n"],"names":["normalizeBins","bins","it"],"mappings":"AAGO,SAASA,EAAcC,GAAmD;AAC/E,SAAOA,EAAK,IAAI,CAACC,MACX,UAAUA,IACL;AAAA,IACL,IAAIA,EAAG;AAAA,IACP,IAAIA,EAAG;AAAA,IACP,QAAQA,EAAG;AAAA,EAAA,IAIR;AAAA,IACL,IAAIA,EAAG;AAAA,IACP,IAAIA,EAAG;AAAA,IACP,QAAQA,EAAG;AAAA,EAAA,CAEd;AACH;"}

package/dist/components/PlChartHistogram/scales.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/PlChartHistogram/types.d.ts

@@ -58,4 +58,3 @@ export type PlChartHistogramSettings = (PlChartHistogramBasicSettings | PlChartH
     totalHeight?: number;
     compact?: boolean;
 };
-//# sourceMappingURL=types.d.ts.map

package/dist/components/PlChartStackedBar/Legends.vue.d.ts

@@ -8,4 +8,3 @@ type __VLS_Props = {
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;
-//# sourceMappingURL=Legends.vue.d.ts.map

package/dist/components/PlChartStackedBar/Legends.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"Legends.vue2.js","sources":["../../../src/components/PlChartStackedBar/Legends.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed } from 'vue';\nimport type { Color } from '../../colors';\n\nfunction splitBy<T>(arr: T[], n: number): T[][] {\n  const res = [];\n  let chunk: T[] = [];\n\n  for (let i = 0; i < arr.length; i++) {\n    if (chunk.length < n) {\n      chunk.push(arr[i]);\n    } else {\n      res.push(chunk);\n      chunk = [arr[i]];\n    }\n  }\n\n  res.push(chunk);\n\n  return res;\n}\n\nconst props = defineProps<{\n  maxInColumn?: number;\n  legends: {\n    color: string | Color;\n    text: string;\n  }[];\n}>();\n\nconst groups = computed(() => {\n  return splitBy(props.legends, props.maxInColumn ?? 5);\n});\n</script>\n\n<template>\n  <div :class=\"$style.component\">\n    <div v-for=\"(group, k) in groups\" :key=\"k\" :class=\"$style.legend\">\n      <div v-for=\"(l, i) in group\" :key=\"i\" :class=\"$style.item\">\n        <div :class=\"$style.chip\" :style=\"{ backgroundColor: l.color.toString() }\" />\n        {{ l.text }}\n      </div>\n    </div>\n  </div>\n</template>\n\n<style lang=\"css\" module>\n.component {\n  display: flex;\n  flex-direction: row;\n  gap: 24px;\n  justify-content: space-between;\n}\n\n.legend {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  flex-wrap: nowrap;\n  margin-top: 24px;\n  max-height: 120px;\n  flex: 1;\n}\n\n.chip {\n  width: 16px;\n  height: 16px;\n  border-radius: 2px;\n  flex-grow: 0;\n}\n\n.group {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.item {\n  display: flex;\n  gap: 8px;\n  align-items: center;\n  font-size: 14px;\n  font-weight: 500;\n  line-height: 20px;\n  color: var(--color-txt-01);\n}\n</style>\n"],"names":["splitBy","arr","n","res","chunk","i","props","__props","groups","computed"],"mappings":";;;;;;;;AAIS,aAAAA,EAAWC,GAAUC,GAAkB;AAC9C,YAAMC,IAAM,CAAC;AACb,UAAIC,IAAa,CAAC;AAElB,eAASC,IAAI,GAAGA,IAAIJ,EAAI,QAAQI;AAC1B,QAAAD,EAAM,SAASF,IACXE,EAAA,KAAKH,EAAII,CAAC,CAAC,KAEjBF,EAAI,KAAKC,CAAK,GACNA,IAAA,CAACH,EAAII,CAAC,CAAC;AAInB,aAAAF,EAAI,KAAKC,CAAK,GAEPD;AAAA,IAAA;AAGT,UAAMG,IAAQC,GAQRC,IAASC,EAAS,MACfT,EAAQM,EAAM,SAASA,EAAM,eAAe,CAAC,CACrD;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Legends.vue2.js","sources":["../../../src/components/PlChartStackedBar/Legends.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed } from 'vue';\nimport type { Color } from '../../colors';\n\nfunction splitBy<T>(arr: T[], n: number): T[][] {\n  const res = [];\n  let chunk: T[] = [];\n\n  for (let i = 0; i < arr.length; i++) {\n    if (chunk.length < n) {\n      chunk.push(arr[i]);\n    } else {\n      res.push(chunk);\n      chunk = [arr[i]];\n    }\n  }\n\n  res.push(chunk);\n\n  return res;\n}\n\nconst props = defineProps<{\n  maxInColumn?: number;\n  legends: {\n    color: string | Color;\n    text: string;\n  }[];\n}>();\n\nconst groups = computed(() => {\n  return splitBy(props.legends, props.maxInColumn ?? 5);\n});\n</script>\n\n<template>\n  <div :class=\"$style.component\">\n    <div v-for=\"(group, k) in groups\" :key=\"k\" :class=\"$style.legend\">\n      <div v-for=\"(l, i) in group\" :key=\"i\" :class=\"$style.item\">\n        <div :class=\"$style.chip\" :style=\"{ backgroundColor: l.color.toString() }\" />\n        {{ l.text }}\n      </div>\n    </div>\n  </div>\n</template>\n\n<style lang=\"css\" module>\n.component {\n  display: flex;\n  flex-direction: row;\n  gap: 24px;\n  justify-content: space-between;\n}\n\n.legend {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  flex-wrap: nowrap;\n  margin-top: 24px;\n  max-height: 120px;\n  flex: 1;\n}\n\n.chip {\n  width: 16px;\n  height: 16px;\n  border-radius: 2px;\n  flex-grow: 0;\n}\n\n.group {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.item {\n  display: flex;\n  gap: 8px;\n  align-items: center;\n  font-size: 14px;\n  font-weight: 500;\n  line-height: 20px;\n  color: var(--color-txt-01);\n}\n</style>\n"],"names":["splitBy","arr","n","res","chunk","i","props","__props","groups","computed"],"mappings":";;;;;;;;AAIA,aAASA,EAAWC,GAAUC,GAAkB;AAC9C,YAAMC,IAAM,CAAA;AACZ,UAAIC,IAAa,CAAA;AAEjB,eAASC,IAAI,GAAGA,IAAIJ,EAAI,QAAQI;AAC9B,QAAID,EAAM,SAASF,IACjBE,EAAM,KAAKH,EAAII,CAAC,CAAC,KAEjBF,EAAI,KAAKC,CAAK,GACdA,IAAQ,CAACH,EAAII,CAAC,CAAC;AAInB,aAAAF,EAAI,KAAKC,CAAK,GAEPD;AAAA,IACT;AAEA,UAAMG,IAAQC,GAQRC,IAASC,EAAS,MACfT,EAAQM,EAAM,SAASA,EAAM,eAAe,CAAC,CACrD;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/PlChartStackedBar/PlChartStackedBar.vue.d.ts

@@ -4,4 +4,3 @@ type __VLS_Props = {
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;
-//# sourceMappingURL=PlChartStackedBar.vue.d.ts.map

package/dist/components/PlChartStackedBar/PlChartStackedBar.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlChartStackedBar.vue2.js","sources":["../../../src/components/PlChartStackedBar/PlChartStackedBar.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed } from 'vue';\nimport StackedRow from './StackedRow.vue';\nimport Legends from './Legends.vue';\nimport type { PlChartStackedBarSettings } from './types';\n\nconst props = defineProps<{\n  settings: PlChartStackedBarSettings;\n}>();\n\nconst showLegends = computed(() => props.settings.showLegends ?? true);\n\nconst data = computed(() => {\n  return props.settings.data ?? [];\n});\n\nconst legends = computed(() => data.value.map((p) => ({\n  color: p.color,\n  text: p.label,\n})));\n</script>\n\n<template>\n  <div :class=\"$style.component\">\n    <div v-if=\"settings.title\" :class=\"$style.title\">{{ settings.title }}</div>\n    <StackedRow :value=\"data\"/>\n    <Legends v-if=\"showLegends && legends.length\" :legends=\"legends\" :max-in-column=\"settings.maxLegendsInColumn\" />\n  </div>\n</template>\n\n<style lang=\"scss\" module>\n.component {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n}\n\n.title {\n  font-size: 20px;\n  font-weight: 500;\n  line-height: 24px; /* 120% */\n  letter-spacing: -0.2px;\n  margin-bottom: 24px;\n}\n</style>\n"],"names":["props","__props","showLegends","computed","data","legends","p"],"mappings":";;;;;;;;;AAMA,UAAMA,IAAQC,GAIRC,IAAcC,EAAS,MAAMH,EAAM,SAAS,eAAe,EAAI,GAE/DI,IAAOD,EAAS,MACbH,EAAM,SAAS,QAAQ,CAAC,CAChC,GAEKK,IAAUF,EAAS,MAAMC,EAAK,MAAM,IAAI,CAACE,OAAO;AAAA,MACpD,OAAOA,EAAE;AAAA,MACT,MAAMA,EAAE;AAAA,MACR,CAAC;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"PlChartStackedBar.vue2.js","sources":["../../../src/components/PlChartStackedBar/PlChartStackedBar.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed } from 'vue';\nimport StackedRow from './StackedRow.vue';\nimport Legends from './Legends.vue';\nimport type { PlChartStackedBarSettings } from './types';\n\nconst props = defineProps<{\n  settings: PlChartStackedBarSettings;\n}>();\n\nconst showLegends = computed(() => props.settings.showLegends ?? true);\n\nconst data = computed(() => {\n  return props.settings.data ?? [];\n});\n\nconst legends = computed(() => data.value.map((p) => ({\n  color: p.color,\n  text: p.label,\n})));\n</script>\n\n<template>\n  <div :class=\"$style.component\">\n    <div v-if=\"settings.title\" :class=\"$style.title\">{{ settings.title }}</div>\n    <StackedRow :value=\"data\"/>\n    <Legends v-if=\"showLegends && legends.length\" :legends=\"legends\" :max-in-column=\"settings.maxLegendsInColumn\" />\n  </div>\n</template>\n\n<style lang=\"scss\" module>\n.component {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n}\n\n.title {\n  font-size: 20px;\n  font-weight: 500;\n  line-height: 24px; /* 120% */\n  letter-spacing: -0.2px;\n  margin-bottom: 24px;\n}\n</style>\n"],"names":["props","__props","showLegends","computed","data","legends","p"],"mappings":";;;;;;;;;AAMA,UAAMA,IAAQC,GAIRC,IAAcC,EAAS,MAAMH,EAAM,SAAS,eAAe,EAAI,GAE/DI,IAAOD,EAAS,MACbH,EAAM,SAAS,QAAQ,CAAA,CAC/B,GAEKK,IAAUF,EAAS,MAAMC,EAAK,MAAM,IAAI,CAACE,OAAO;AAAA,MACpD,OAAOA,EAAE;AAAA,MACT,MAAMA,EAAE;AAAA,IAAA,EACR,CAAC;;;;;;;;;;;;;;;;;"}

package/dist/components/PlChartStackedBar/PlChartStackedBarCompact.vue.d.ts

@@ -4,4 +4,3 @@ type __VLS_Props = {
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;
-//# sourceMappingURL=PlChartStackedBarCompact.vue.d.ts.map

package/dist/components/PlChartStackedBar/PlChartStackedBarCompact.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlChartStackedBarCompact.vue2.js","sources":["../../../src/components/PlChartStackedBar/PlChartStackedBarCompact.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed } from 'vue';\nimport type { PlChartStackedBarSettingsCompact } from './types';\nimport StackedRowCompact from './StackedRowCompact.vue';\n\nconst props = defineProps<{\n  settings: PlChartStackedBarSettingsCompact;\n}>();\n\nconst data = computed(() => {\n  return props.settings.data ?? [];\n});\n</script>\n\n<template>\n  <div :class=\"$style.component\">\n    <StackedRowCompact :value=\"data\"/>\n  </div>\n</template>\n\n<style lang=\"scss\" module>\n.component {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n}\n</style>\n"],"names":["props","__props","data","computed"],"mappings":";;;;;;;;AAKA,UAAMA,IAAQC,GAIRC,IAAOC,EAAS,MACbH,EAAM,SAAS,QAAQ,CAAC,CAChC;;;;;;;;"}
+{"version":3,"file":"PlChartStackedBarCompact.vue2.js","sources":["../../../src/components/PlChartStackedBar/PlChartStackedBarCompact.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed } from 'vue';\nimport type { PlChartStackedBarSettingsCompact } from './types';\nimport StackedRowCompact from './StackedRowCompact.vue';\n\nconst props = defineProps<{\n  settings: PlChartStackedBarSettingsCompact;\n}>();\n\nconst data = computed(() => {\n  return props.settings.data ?? [];\n});\n</script>\n\n<template>\n  <div :class=\"$style.component\">\n    <StackedRowCompact :value=\"data\"/>\n  </div>\n</template>\n\n<style lang=\"scss\" module>\n.component {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n}\n</style>\n"],"names":["props","__props","data","computed"],"mappings":";;;;;;;;AAKA,UAAMA,IAAQC,GAIRC,IAAOC,EAAS,MACbH,EAAM,SAAS,QAAQ,CAAA,CAC/B;;;;;;;;"}

package/dist/components/PlChartStackedBar/StackedRow.vue.d.ts

@@ -5,4 +5,3 @@ type __VLS_Props = {
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;
-//# sourceMappingURL=StackedRow.vue.d.ts.map

package/dist/components/PlChartStackedBar/StackedRow.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"StackedRow.vue2.js","sources":["../../../src/components/PlChartStackedBar/StackedRow.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed } from 'vue';\nimport type { PlChartStackedBarSegment } from './types';\n\nconst props = defineProps<{\n  value: PlChartStackedBarSegment[];\n  height?: number;\n}>();\n\nconst style = computed(() => ({\n  height: props.height ?? '100%',\n  minHeight: '82px',\n}));\n\nconst parts = computed(() => {\n  const parts = props.value || [];\n  const total = parts.reduce((res, it) => res + it.value, 0);\n  return parts.map((p) => {\n    const fraction = (p.value / total) * 100;\n    const label = p.label;\n    return {\n      color: p.color.toString(),\n      description: p.description,\n      fraction,\n      label,\n    };\n  });\n});\n\nconst trackTransforms = [-40, -50, -50, -50, -80];\n</script>\n\n<template>\n  <div\n    :class=\"[$style.component]\" :style=\"style\"\n  >\n    <div :class=\"$style.track\">\n      <div\n        v-for=\"(v, i) in [0, 25, 50, 75, 100]\"\n        :key=\"i\"\n        :style=\"{\n          left: `${v}%`,\n          '--transform': `translateX(${trackTransforms[i]}%)`\n        }\"\n        :data-content=\"`${v}%`\"\n      />\n    </div>\n    <div :class=\"$style.container\">\n      <div v-if=\"!parts.length\" :class=\"$style.notReady\">Not ready</div>\n      <div\n        v-for=\"(p, i) in parts\"\n        :key=\"i\"\n        :title.prop=\"p.description ?? p.label\"\n        :style=\"{\n          width: `${p.fraction}%`,\n          backgroundColor: p.color\n        }\"\n      />\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" module>\n.component {\n  height: auto;\n  position: relative;\n  overflow: visible;\n  border: 1px solid var(--txt-01);\n  padding: 12px 6px;\n  border-radius: 0;\n  margin-bottom: 24px;\n}\n\n.container {\n  display: flex;\n  flex-direction: row;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n  overflow: hidden;\n  > div {\n    height: 100%;\n    display: flex;\n    align-items: center;\n  }\n}\n\n.track {\n  position: absolute;\n  top: 0;\n  left: 6px;\n  right: 6px;\n  bottom: 0;\n  /* z-index: 1; */\n  > div {\n    height: 100%;\n    position: absolute;\n    bottom: 0;\n    border-left: 1px solid #e1e3eb;\n    &::after {\n      position: absolute;\n      content: attr(data-content);\n      transform: var(--transform);\n      left: 0;\n      bottom: -24px;\n    }\n  }\n}\n\n.notReady {\n  color: var(--txt-03) !important;\n}\n\n.component .notReady {\n  font-size: larger;\n  font-weight: bolder;\n  color: var(--txt-mask);\n  margin-left: 24px;\n}\n\n.component .container {\n  position: relative;\n  z-index: 1;\n}\n</style>\n"],"names":["props","__props","style","computed","parts","total","res","it","p","fraction","label","trackTransforms"],"mappings":";;;;;;;;AAIA,UAAMA,IAAQC,GAKRC,IAAQC,EAAS,OAAO;AAAA,MAC5B,QAAQH,EAAM,UAAU;AAAA,MACxB,WAAW;AAAA,IAAA,EACX,GAEII,IAAQD,EAAS,MAAM;AACrBC,YAAAA,IAAQJ,EAAM,SAAS,CAAC,GACxBK,IAAQD,EAAM,OAAO,CAACE,GAAKC,MAAOD,IAAMC,EAAG,OAAO,CAAC;AAClDH,aAAAA,EAAM,IAAI,CAACI,MAAM;AAChB,cAAAC,IAAYD,EAAE,QAAQH,IAAS,KAC/BK,IAAQF,EAAE;AACT,eAAA;AAAA,UACL,OAAOA,EAAE,MAAM,SAAS;AAAA,UACxB,aAAaA,EAAE;AAAA,UACf,UAAAC;AAAA,UACA,OAAAC;AAAA,QACF;AAAA,MAAA,CACD;AAAA,IAAA,CACF,GAEKC,IAAkB,CAAC,KAAK,KAAK,KAAK,KAAK,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"StackedRow.vue2.js","sources":["../../../src/components/PlChartStackedBar/StackedRow.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed } from 'vue';\nimport type { PlChartStackedBarSegment } from './types';\n\nconst props = defineProps<{\n  value: PlChartStackedBarSegment[];\n  height?: number;\n}>();\n\nconst style = computed(() => ({\n  height: props.height ?? '100%',\n  minHeight: '82px',\n}));\n\nconst parts = computed(() => {\n  const parts = props.value || [];\n  const total = parts.reduce((res, it) => res + it.value, 0);\n  return parts.map((p) => {\n    const fraction = (p.value / total) * 100;\n    const label = p.label;\n    return {\n      color: p.color.toString(),\n      description: p.description,\n      fraction,\n      label,\n    };\n  });\n});\n\nconst trackTransforms = [-40, -50, -50, -50, -80];\n</script>\n\n<template>\n  <div\n    :class=\"[$style.component]\" :style=\"style\"\n  >\n    <div :class=\"$style.track\">\n      <div\n        v-for=\"(v, i) in [0, 25, 50, 75, 100]\"\n        :key=\"i\"\n        :style=\"{\n          left: `${v}%`,\n          '--transform': `translateX(${trackTransforms[i]}%)`\n        }\"\n        :data-content=\"`${v}%`\"\n      />\n    </div>\n    <div :class=\"$style.container\">\n      <div v-if=\"!parts.length\" :class=\"$style.notReady\">Not ready</div>\n      <div\n        v-for=\"(p, i) in parts\"\n        :key=\"i\"\n        :title.prop=\"p.description ?? p.label\"\n        :style=\"{\n          width: `${p.fraction}%`,\n          backgroundColor: p.color\n        }\"\n      />\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" module>\n.component {\n  height: auto;\n  position: relative;\n  overflow: visible;\n  border: 1px solid var(--txt-01);\n  padding: 12px 6px;\n  border-radius: 0;\n  margin-bottom: 24px;\n}\n\n.container {\n  display: flex;\n  flex-direction: row;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n  overflow: hidden;\n  > div {\n    height: 100%;\n    display: flex;\n    align-items: center;\n  }\n}\n\n.track {\n  position: absolute;\n  top: 0;\n  left: 6px;\n  right: 6px;\n  bottom: 0;\n  /* z-index: 1; */\n  > div {\n    height: 100%;\n    position: absolute;\n    bottom: 0;\n    border-left: 1px solid #e1e3eb;\n    &::after {\n      position: absolute;\n      content: attr(data-content);\n      transform: var(--transform);\n      left: 0;\n      bottom: -24px;\n    }\n  }\n}\n\n.notReady {\n  color: var(--txt-03) !important;\n}\n\n.component .notReady {\n  font-size: larger;\n  font-weight: bolder;\n  color: var(--txt-mask);\n  margin-left: 24px;\n}\n\n.component .container {\n  position: relative;\n  z-index: 1;\n}\n</style>\n"],"names":["props","__props","style","computed","parts","total","res","it","p","fraction","label","trackTransforms"],"mappings":";;;;;;;;AAIA,UAAMA,IAAQC,GAKRC,IAAQC,EAAS,OAAO;AAAA,MAC5B,QAAQH,EAAM,UAAU;AAAA,MACxB,WAAW;AAAA,IAAA,EACX,GAEII,IAAQD,EAAS,MAAM;AAC3B,YAAMC,IAAQJ,EAAM,SAAS,CAAA,GACvBK,IAAQD,EAAM,OAAO,CAACE,GAAKC,MAAOD,IAAMC,EAAG,OAAO,CAAC;AACzD,aAAOH,EAAM,IAAI,CAACI,MAAM;AACtB,cAAMC,IAAYD,EAAE,QAAQH,IAAS,KAC/BK,IAAQF,EAAE;AAChB,eAAO;AAAA,UACL,OAAOA,EAAE,MAAM,SAAA;AAAA,UACf,aAAaA,EAAE;AAAA,UACf,UAAAC;AAAA,UACA,OAAAC;AAAA,QAAA;AAAA,MAEJ,CAAC;AAAA,IACH,CAAC,GAEKC,IAAkB,CAAC,KAAK,KAAK,KAAK,KAAK,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/PlChartStackedBar/StackedRowCompact.vue.d.ts

@@ -5,4 +5,3 @@ type __VLS_Props = {
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;
-//# sourceMappingURL=StackedRowCompact.vue.d.ts.map