@bpd-library/components 1.3.2-beta.8 → 1.3.2-beta.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/atoms/form-elements/utilities/range-slider.d.ts +1 -0
- package/dist/atoms/form-elements/utilities/range-slider.js +17 -0
- package/dist/atoms/form-elements/utilities/range-slider.js.map +1 -1
- package/dist/molecules/map/store/map/store.d.ts +1 -7
- package/dist/molecules/map/store/map/store.js +0 -32
- package/dist/molecules/map/store/map/store.js.map +1 -1
- package/package.json +4 -4
- package/dist/esm/atoms/button/button.js +0 -33
- package/dist/esm/atoms/button/button.js.map +0 -1
- package/dist/esm/atoms/col/col.js +0 -22
- package/dist/esm/atoms/col/col.js.map +0 -1
- package/dist/esm/atoms/container/container.js +0 -6
- package/dist/esm/atoms/container/container.js.map +0 -1
- package/dist/esm/atoms/form-elements/range-slider/range-slider.js +0 -21
- package/dist/esm/atoms/form-elements/range-slider/range-slider.js.map +0 -1
- package/dist/esm/atoms/form-elements/utilities/range-slider.js +0 -100
- package/dist/esm/atoms/form-elements/utilities/range-slider.js.map +0 -1
- package/dist/esm/atoms/image/image.js +0 -18
- package/dist/esm/atoms/image/image.js.map +0 -1
- package/dist/esm/atoms/image/utilities/create-image-url.js +0 -15
- package/dist/esm/atoms/image/utilities/create-image-url.js.map +0 -1
- package/dist/esm/atoms/row/row.js +0 -6
- package/dist/esm/atoms/row/row.js.map +0 -1
- package/dist/esm/atoms/svg/svg.js +0 -25
- package/dist/esm/atoms/svg/svg.js.map +0 -1
- package/dist/esm/index.js +0 -14
- package/dist/esm/index.js.map +0 -1
- package/dist/esm/molecules/infobox/infobox.js +0 -20
- package/dist/esm/molecules/infobox/infobox.js.map +0 -1
- package/dist/esm/molecules/map/map.js +0 -256
- package/dist/esm/molecules/map/map.js.map +0 -1
- package/dist/esm/molecules/map/store/map/store.js +0 -150
- package/dist/esm/molecules/map/store/map/store.js.map +0 -1
- package/dist/esm/molecules/map/utilities/fit-bounds.js +0 -4
- package/dist/esm/molecules/map/utilities/fit-bounds.js.map +0 -1
- package/dist/esm/molecules/map/utilities/mapbox/add-data.js +0 -54
- package/dist/esm/molecules/map/utilities/mapbox/add-data.js.map +0 -1
- package/dist/esm/molecules/map/utilities/mapbox/center.js +0 -15
- package/dist/esm/molecules/map/utilities/mapbox/center.js.map +0 -1
- package/dist/esm/molecules/map/utilities/mapbox/constants.js +0 -5
- package/dist/esm/molecules/map/utilities/mapbox/constants.js.map +0 -1
- package/dist/esm/molecules/map/utilities/mapbox/index.js +0 -3
- package/dist/esm/molecules/map/utilities/mapbox/index.js.map +0 -1
- package/dist/esm/molecules/map/utilities/mapbox/mapbox.js +0 -27
- package/dist/esm/molecules/map/utilities/mapbox/mapbox.js.map +0 -1
- package/dist/esm/molecules/map/utilities/mapbox/parse-feature-properties.js +0 -18
- package/dist/esm/molecules/map/utilities/mapbox/parse-feature-properties.js.map +0 -1
- package/dist/esm/molecules/map/utilities/mapbox/pointers/setup-pointers.js +0 -151
- package/dist/esm/molecules/map/utilities/mapbox/pointers/setup-pointers.js.map +0 -1
- package/dist/esm/molecules/map/utilities/mapbox/polygons/feature-state.js +0 -11
- package/dist/esm/molecules/map/utilities/mapbox/polygons/feature-state.js.map +0 -1
- package/dist/esm/molecules/map/utilities/mapbox/polygons/geojson.js +0 -10
- package/dist/esm/molecules/map/utilities/mapbox/polygons/geojson.js.map +0 -1
- package/dist/esm/molecules/map/utilities/mapbox/polygons/interaction.js +0 -34
- package/dist/esm/molecules/map/utilities/mapbox/polygons/interaction.js.map +0 -1
- package/dist/esm/molecules/map/utilities/mapbox/polygons/layer.js +0 -110
- package/dist/esm/molecules/map/utilities/mapbox/polygons/layer.js.map +0 -1
- package/dist/esm/molecules/map/utilities/mapbox/raster.js +0 -43
- package/dist/esm/molecules/map/utilities/mapbox/raster.js.map +0 -1
- package/dist/esm/molecules/map/utilities/mapbox/search/alternative-city-suggestions.js +0 -27
- package/dist/esm/molecules/map/utilities/mapbox/search/alternative-city-suggestions.js.map +0 -1
- package/dist/esm/molecules/map/utilities/mapbox/search/search.js +0 -174
- package/dist/esm/molecules/map/utilities/mapbox/search/search.js.map +0 -1
- package/dist/esm/molecules/map/utilities/mapbox/tooltip.js +0 -26
- package/dist/esm/molecules/map/utilities/mapbox/tooltip.js.map +0 -1
- package/dist/esm/molecules/tooltip/tooltip.js +0 -14
- package/dist/esm/molecules/tooltip/tooltip.js.map +0 -1
- package/dist/esm/node_modules/tslib/tslib.es6.js +0 -24
- package/dist/esm/node_modules/tslib/tslib.es6.js.map +0 -1
- package/dist/lib/atoms/button/button.js +0 -31
- package/dist/lib/atoms/button/button.js.map +0 -1
- package/dist/lib/atoms/button/index.js +0 -2
- package/dist/lib/atoms/button/index.js.map +0 -1
- package/dist/lib/atoms/col/col.js +0 -19
- package/dist/lib/atoms/col/col.js.map +0 -1
- package/dist/lib/atoms/container/container.js +0 -3
- package/dist/lib/atoms/container/container.js.map +0 -1
- package/dist/lib/atoms/form-elements/range-slider/range-slider.js +0 -18
- package/dist/lib/atoms/form-elements/range-slider/range-slider.js.map +0 -1
- package/dist/lib/atoms/form-elements/utilities/range-slider.js +0 -97
- package/dist/lib/atoms/form-elements/utilities/range-slider.js.map +0 -1
- package/dist/lib/atoms/image/image.js +0 -15
- package/dist/lib/atoms/image/image.js.map +0 -1
- package/dist/lib/atoms/image/index.js +0 -2
- package/dist/lib/atoms/image/index.js.map +0 -1
- package/dist/lib/atoms/image/utilities/create-image-url.js +0 -14
- package/dist/lib/atoms/image/utilities/create-image-url.js.map +0 -1
- package/dist/lib/atoms/image/utilities/detect-responsive-images.js +0 -24
- package/dist/lib/atoms/image/utilities/detect-responsive-images.js.map +0 -1
- package/dist/lib/atoms/image/utilities/image.js +0 -86
- package/dist/lib/atoms/image/utilities/image.js.map +0 -1
- package/dist/lib/atoms/image/utilities/object-fit.js +0 -35
- package/dist/lib/atoms/image/utilities/object-fit.js.map +0 -1
- package/dist/lib/atoms/row/row.js +0 -3
- package/dist/lib/atoms/row/row.js.map +0 -1
- package/dist/lib/atoms/svg/svg.js +0 -23
- package/dist/lib/atoms/svg/svg.js.map +0 -1
- package/dist/lib/index.js +0 -12
- package/dist/lib/index.js.map +0 -1
- package/dist/lib/molecules/infobox/index.js +0 -2
- package/dist/lib/molecules/infobox/index.js.map +0 -1
- package/dist/lib/molecules/infobox/infobox.js +0 -17
- package/dist/lib/molecules/infobox/infobox.js.map +0 -1
- package/dist/lib/molecules/map/hooks/use-style-loaded.js +0 -14
- package/dist/lib/molecules/map/hooks/use-style-loaded.js.map +0 -1
- package/dist/lib/molecules/map/index.js +0 -4
- package/dist/lib/molecules/map/index.js.map +0 -1
- package/dist/lib/molecules/map/map.js +0 -256
- package/dist/lib/molecules/map/map.js.map +0 -1
- package/dist/lib/molecules/map/store/map/index.js +0 -2
- package/dist/lib/molecules/map/store/map/index.js.map +0 -1
- package/dist/lib/molecules/map/store/map/store.js +0 -147
- package/dist/lib/molecules/map/store/map/store.js.map +0 -1
- package/dist/lib/molecules/map/storybook/themes.js +0 -54
- package/dist/lib/molecules/map/storybook/themes.js.map +0 -1
- package/dist/lib/molecules/map/utilities/fit-bounds.js +0 -2
- package/dist/lib/molecules/map/utilities/fit-bounds.js.map +0 -1
- package/dist/lib/molecules/map/utilities/mapbox/add-data.js +0 -52
- package/dist/lib/molecules/map/utilities/mapbox/add-data.js.map +0 -1
- package/dist/lib/molecules/map/utilities/mapbox/center.js +0 -13
- package/dist/lib/molecules/map/utilities/mapbox/center.js.map +0 -1
- package/dist/lib/molecules/map/utilities/mapbox/constants.js +0 -3
- package/dist/lib/molecules/map/utilities/mapbox/constants.js.map +0 -1
- package/dist/lib/molecules/map/utilities/mapbox/index.js +0 -3
- package/dist/lib/molecules/map/utilities/mapbox/index.js.map +0 -1
- package/dist/lib/molecules/map/utilities/mapbox/mapbox.js +0 -25
- package/dist/lib/molecules/map/utilities/mapbox/mapbox.js.map +0 -1
- package/dist/lib/molecules/map/utilities/mapbox/parse-feature-properties.js +0 -16
- package/dist/lib/molecules/map/utilities/mapbox/parse-feature-properties.js.map +0 -1
- package/dist/lib/molecules/map/utilities/mapbox/pointers/setup-pointers.js +0 -151
- package/dist/lib/molecules/map/utilities/mapbox/pointers/setup-pointers.js.map +0 -1
- package/dist/lib/molecules/map/utilities/mapbox/polygons/feature-state.js +0 -10
- package/dist/lib/molecules/map/utilities/mapbox/polygons/feature-state.js.map +0 -1
- package/dist/lib/molecules/map/utilities/mapbox/polygons/geojson.js +0 -9
- package/dist/lib/molecules/map/utilities/mapbox/polygons/geojson.js.map +0 -1
- package/dist/lib/molecules/map/utilities/mapbox/polygons/interaction.js +0 -32
- package/dist/lib/molecules/map/utilities/mapbox/polygons/interaction.js.map +0 -1
- package/dist/lib/molecules/map/utilities/mapbox/polygons/layer.js +0 -109
- package/dist/lib/molecules/map/utilities/mapbox/polygons/layer.js.map +0 -1
- package/dist/lib/molecules/map/utilities/mapbox/raster.js +0 -42
- package/dist/lib/molecules/map/utilities/mapbox/raster.js.map +0 -1
- package/dist/lib/molecules/map/utilities/mapbox/search/alternative-city-suggestions.js +0 -26
- package/dist/lib/molecules/map/utilities/mapbox/search/alternative-city-suggestions.js.map +0 -1
- package/dist/lib/molecules/map/utilities/mapbox/search/search.js +0 -172
- package/dist/lib/molecules/map/utilities/mapbox/search/search.js.map +0 -1
- package/dist/lib/molecules/map/utilities/mapbox/tooltip.js +0 -24
- package/dist/lib/molecules/map/utilities/mapbox/tooltip.js.map +0 -1
- package/dist/lib/molecules/tooltip/index.js +0 -2
- package/dist/lib/molecules/tooltip/index.js.map +0 -1
- package/dist/lib/molecules/tooltip/tooltip.js +0 -11
- package/dist/lib/molecules/tooltip/tooltip.js.map +0 -1
- package/dist/types/atoms/button/button.d.ts +0 -17
- package/dist/types/atoms/button/index.d.ts +0 -1
- package/dist/types/atoms/col/col.d.ts +0 -11
- package/dist/types/atoms/container/container.d.ts +0 -6
- package/dist/types/atoms/form-elements/range-slider/range-slider.d.ts +0 -11
- package/dist/types/atoms/form-elements/utilities/range-slider.d.ts +0 -7
- package/dist/types/atoms/image/image.d.ts +0 -14
- package/dist/types/atoms/image/index.d.ts +0 -1
- package/dist/types/atoms/image/utilities/create-image-url.d.ts +0 -6
- package/dist/types/atoms/image/utilities/detect-responsive-images.d.ts +0 -7
- package/dist/types/atoms/image/utilities/image.d.ts +0 -18
- package/dist/types/atoms/image/utilities/object-fit.d.ts +0 -7
- package/dist/types/atoms/row/row.d.ts +0 -6
- package/dist/types/atoms/svg/svg.d.ts +0 -4
- package/dist/types/index.d.ts +0 -11
- package/dist/types/molecules/infobox/index.d.ts +0 -1
- package/dist/types/molecules/infobox/infobox.d.ts +0 -7
- package/dist/types/molecules/map/hooks/use-style-loaded.d.ts +0 -2
- package/dist/types/molecules/map/index.d.ts +0 -3
- package/dist/types/molecules/map/map.d.ts +0 -2
- package/dist/types/molecules/map/store/map/index.d.ts +0 -1
- package/dist/types/molecules/map/store/map/store.d.ts +0 -60
- package/dist/types/molecules/map/storybook/themes.d.ts +0 -3
- package/dist/types/molecules/map/utilities/fit-bounds.d.ts +0 -3
- package/dist/types/molecules/map/utilities/mapbox/add-data.d.ts +0 -3
- package/dist/types/molecules/map/utilities/mapbox/center.d.ts +0 -3
- package/dist/types/molecules/map/utilities/mapbox/constants.d.ts +0 -2
- package/dist/types/molecules/map/utilities/mapbox/index.d.ts +0 -2
- package/dist/types/molecules/map/utilities/mapbox/mapbox.d.ts +0 -16
- package/dist/types/molecules/map/utilities/mapbox/parse-feature-properties.d.ts +0 -6
- package/dist/types/molecules/map/utilities/mapbox/pointers/setup-pointers.d.ts +0 -3
- package/dist/types/molecules/map/utilities/mapbox/polygons/feature-state.d.ts +0 -2
- package/dist/types/molecules/map/utilities/mapbox/polygons/geojson.d.ts +0 -3
- package/dist/types/molecules/map/utilities/mapbox/polygons/interaction.d.ts +0 -3
- package/dist/types/molecules/map/utilities/mapbox/polygons/layer.d.ts +0 -3
- package/dist/types/molecules/map/utilities/mapbox/raster.d.ts +0 -3
- package/dist/types/molecules/map/utilities/mapbox/search/alternative-city-suggestions.d.ts +0 -3
- package/dist/types/molecules/map/utilities/mapbox/search/search.d.ts +0 -4
- package/dist/types/molecules/map/utilities/mapbox/tooltip.d.ts +0 -4
- package/dist/types/molecules/tooltip/index.d.ts +0 -1
- package/dist/types/molecules/tooltip/tooltip.d.ts +0 -7
|
@@ -17,6 +17,23 @@ export const RangeSlider = ({ element }) => {
|
|
|
17
17
|
const sliderMinMaxInput = useElement('[js-hook-slider-min-max-value]');
|
|
18
18
|
const rangeValuesChanged = useEvent({ eventName: 'rangevalueschanged' });
|
|
19
19
|
useBindMethod('resetState', resetState);
|
|
20
|
+
useBindMethod('setValues', (minValue, maxValue) => {
|
|
21
|
+
if (sliderMinValue.current && sliderMaxValue.current) {
|
|
22
|
+
sliderMinValue.current.value = `${minValue}`;
|
|
23
|
+
sliderMaxValue.current.value = `${maxValue}`;
|
|
24
|
+
sliderMinValue.current.checked = true;
|
|
25
|
+
sliderMaxValue.current.checked = true;
|
|
26
|
+
sliderMin.current.innerHTML = formatValue(minValue);
|
|
27
|
+
sliderMax.current.innerHTML = formatValue(maxValue);
|
|
28
|
+
}
|
|
29
|
+
if (sliderMinMaxInput.current) {
|
|
30
|
+
sliderMinMaxInput.current.value = `${minValue},${maxValue}`;
|
|
31
|
+
sliderMinMaxInput.current.checked = true;
|
|
32
|
+
}
|
|
33
|
+
sliderContainer.current.noUiSlider.updateOptions({
|
|
34
|
+
start: [Number(minValue), Number(maxValue)],
|
|
35
|
+
});
|
|
36
|
+
});
|
|
20
37
|
useListen(sliderMin, 'change', changeValuesManually);
|
|
21
38
|
useListen(sliderMax, 'change', changeValuesManually);
|
|
22
39
|
onDidLoad(() => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"range-slider.js","sourceRoot":"","sources":["../../../../src/atoms/form-elements/utilities/range-slider.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n Component,\n defineElement,\n FC,\n onDidLoad,\n useBindMethod,\n useElement,\n useEvent,\n useListen,\n useProp,\n} from '@atomify/hooks';\nimport { toCurrency } from '@bpd-library/utilities';\nimport noUiSlider from 'nouislider';\n\nexport interface BPDRange extends Component {\n bindValue: number[];\n start: number[];\n resetState: () => void;\n}\n\nconst formatValue = (value: number) => toCurrency(value).replace(',', '.');\n\nexport const RangeSlider: FC<BPDRange> = ({ element }) => {\n const [min] = useProp<number>('min', 0);\n const [max] = useProp<number>('max', 0);\n const [increment] = useProp<number>('increment', 0);\n const [hasChanged, setHasChanged] = useProp<boolean>('hasChanged', false);\n const [, setStart, watchStart] = useProp<number[]>('start', [0, 0]);\n const [, setBindValue] = useProp<number[]>('bindValue', [0, 0]);\n\n const sliderContainer = useElement<HTMLDivElement>('[js-hook-slider-container]');\n const sliderMin = useElement<HTMLInputElement | HTMLSpanElement>('[js-hook-slider-min]');\n const sliderMax = useElement<HTMLInputElement | HTMLSpanElement>('[js-hook-slider-max]');\n const sliderMinValue = useElement<HTMLInputElement>('[js-hook-slider-min-value]');\n const sliderMaxValue = useElement<HTMLInputElement>('[js-hook-slider-max-value]');\n const sliderMinMaxInput = useElement<HTMLInputElement>('[js-hook-slider-min-max-value]');\n\n const rangeValuesChanged = useEvent({ eventName: 'rangevalueschanged' });\n\n useBindMethod('resetState', resetState);\n useListen(sliderMin, 'change', changeValuesManually);\n useListen(sliderMax, 'change', changeValuesManually);\n\n onDidLoad(() => {\n const hasZeroValues = element.start.every((item) => item === 0);\n\n const settings = {\n start: hasZeroValues ? [min, max] : element.start,\n step: increment,\n connect: true,\n documentElement: sliderContainer.current,\n range: {\n min,\n max,\n },\n };\n\n noUiSlider.create(sliderContainer.current!, settings);\n\n (sliderContainer.current as any).noUiSlider.on('update', (values: string[]) => {\n const generatedValues = values.map((value) => parseInt(value));\n setStart([...generatedValues]);\n });\n\n (sliderContainer.current as any).noUiSlider.on('change', () => onChangeHandler('slider'));\n\n setMinMaxValues();\n });\n\n watchStart(setMinMaxValues);\n\n function changeValuesManually() {\n const sliderMinValue = `${(sliderMin.current as HTMLInputElement)?.value}`\n .split('€ ')[1]\n .replace(',', '')\n .replace('.', '');\n const sliderMaxValue = `${(sliderMax.current as HTMLInputElement)?.value}`\n .split('€ ')[1]\n .replace(',', '')\n .replace('.', '');\n\n setStart([Number(sliderMinValue), Number(sliderMaxValue)]);\n setMinMaxValues();\n onChangeHandler('input');\n (sliderContainer.current as any).noUiSlider.updateOptions({\n start: [Number(sliderMinValue), Number(sliderMaxValue)],\n });\n }\n\n function setMinMaxValues() {\n const { minValue, maxValue } = getValues();\n\n if (sliderMinMaxInput.current) {\n (sliderMin.current as HTMLInputElement).value = formatValue(minValue);\n (sliderMax.current as HTMLInputElement).value = formatValue(maxValue);\n } else {\n (sliderMin.current as HTMLSpanElement)!.innerHTML = formatValue(minValue);\n (sliderMax.current as HTMLSpanElement)!.innerHTML = formatValue(maxValue);\n }\n }\n\n function onChangeHandler(rangeOrigin?: 'slider' | 'input') {\n const { minValue, maxValue } = getValues();\n\n if (sliderMinValue.current && sliderMaxValue.current) {\n sliderMinValue.current.value = `${minValue}`;\n sliderMaxValue.current.value = `${maxValue}`;\n sliderMinValue.current.checked = true;\n sliderMaxValue.current.checked = true;\n (sliderMin.current as HTMLSpanElement)!.innerHTML = formatValue(minValue);\n (sliderMax.current as HTMLSpanElement)!.innerHTML = formatValue(maxValue);\n\n sliderMinValue.current!.dispatchEvent(new Event('change'));\n sliderMaxValue.current!.dispatchEvent(new Event('change'));\n }\n\n if (sliderMinMaxInput.current) {\n sliderMinMaxInput.current.value = `${minValue},${maxValue}`;\n sliderMinMaxInput.current.checked = true;\n\n if (rangeOrigin === 'slider') {\n sliderMinMaxInput.current.dispatchEvent(new Event('change', { bubbles: true }));\n }\n }\n\n rangeValuesChanged.emit({ minValue, maxValue, hasChanged });\n }\n\n function getValues() {\n const hasZeroValues = element.start.every((item) => item === 0);\n const minValue = hasZeroValues ? min : element.start[0];\n const maxValue = hasZeroValues ? max : element.start[1];\n\n setBindValue(element.start);\n setHasChanged(JSON.stringify(element.start) !== JSON.stringify([min, max]));\n\n return {\n minValue,\n maxValue,\n };\n }\n\n function resetState() {\n (sliderContainer.current as any).noUiSlider.set([min, max]);\n setStart([0, 0]);\n setHasChanged(false);\n }\n};\n\nRangeSlider.props = {\n min: {\n type: Number,\n reflectToAttr: true,\n },\n max: {\n type: Number,\n reflectToAttr: true,\n },\n increment: {\n type: Number,\n reflectToAttr: true,\n },\n hasChanged: {\n type: Boolean,\n reflectToAttr: true,\n },\n start: {\n type: Array,\n reflectToAttr: true,\n },\n bindValue: {\n type: Array,\n },\n};\n\ndefineElement('bpd-range-slider', RangeSlider);\n"]}
|
|
1
|
+
{"version":3,"file":"range-slider.js","sourceRoot":"","sources":["../../../../src/atoms/form-elements/utilities/range-slider.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n Component,\n defineElement,\n FC,\n onDidLoad,\n useBindMethod,\n useElement,\n useEvent,\n useListen,\n useProp,\n} from '@atomify/hooks';\nimport { toCurrency } from '@bpd-library/utilities';\nimport noUiSlider from 'nouislider';\n\nexport interface BPDRange extends Component {\n bindValue: number[];\n start: number[];\n resetState: () => void;\n setValues: (minValue: number, maxValue: number) => void;\n}\n\nconst formatValue = (value: number) => toCurrency(value).replace(',', '.');\n\nexport const RangeSlider: FC<BPDRange> = ({ element }) => {\n const [min] = useProp<number>('min', 0);\n const [max] = useProp<number>('max', 0);\n const [increment] = useProp<number>('increment', 0);\n const [hasChanged, setHasChanged] = useProp<boolean>('hasChanged', false);\n const [, setStart, watchStart] = useProp<number[]>('start', [0, 0]);\n const [, setBindValue] = useProp<number[]>('bindValue', [0, 0]);\n\n const sliderContainer = useElement<HTMLDivElement>('[js-hook-slider-container]');\n const sliderMin = useElement<HTMLInputElement | HTMLSpanElement>('[js-hook-slider-min]');\n const sliderMax = useElement<HTMLInputElement | HTMLSpanElement>('[js-hook-slider-max]');\n const sliderMinValue = useElement<HTMLInputElement>('[js-hook-slider-min-value]');\n const sliderMaxValue = useElement<HTMLInputElement>('[js-hook-slider-max-value]');\n const sliderMinMaxInput = useElement<HTMLInputElement>('[js-hook-slider-min-max-value]');\n\n const rangeValuesChanged = useEvent({ eventName: 'rangevalueschanged' });\n\n useBindMethod('resetState', resetState);\n useBindMethod('setValues', (minValue, maxValue) => {\n if (sliderMinValue.current && sliderMaxValue.current) {\n sliderMinValue.current.value = `${minValue}`;\n sliderMaxValue.current.value = `${maxValue}`;\n sliderMinValue.current.checked = true;\n sliderMaxValue.current.checked = true;\n (sliderMin.current as HTMLSpanElement)!.innerHTML = formatValue(minValue);\n (sliderMax.current as HTMLSpanElement)!.innerHTML = formatValue(maxValue);\n }\n\n if (sliderMinMaxInput.current) {\n sliderMinMaxInput.current.value = `${minValue},${maxValue}`;\n sliderMinMaxInput.current.checked = true;\n }\n\n (sliderContainer.current as any).noUiSlider.updateOptions({\n start: [Number(minValue), Number(maxValue)],\n });\n });\n useListen(sliderMin, 'change', changeValuesManually);\n useListen(sliderMax, 'change', changeValuesManually);\n\n onDidLoad(() => {\n const hasZeroValues = element.start.every((item) => item === 0);\n\n const settings = {\n start: hasZeroValues ? [min, max] : element.start,\n step: increment,\n connect: true,\n documentElement: sliderContainer.current,\n range: {\n min,\n max,\n },\n };\n\n noUiSlider.create(sliderContainer.current!, settings);\n\n (sliderContainer.current as any).noUiSlider.on('update', (values: string[]) => {\n const generatedValues = values.map((value) => parseInt(value));\n setStart([...generatedValues]);\n });\n\n (sliderContainer.current as any).noUiSlider.on('change', () => onChangeHandler('slider'));\n\n setMinMaxValues();\n });\n\n watchStart(setMinMaxValues);\n\n function changeValuesManually() {\n const sliderMinValue = `${(sliderMin.current as HTMLInputElement)?.value}`\n .split('€ ')[1]\n .replace(',', '')\n .replace('.', '');\n const sliderMaxValue = `${(sliderMax.current as HTMLInputElement)?.value}`\n .split('€ ')[1]\n .replace(',', '')\n .replace('.', '');\n\n setStart([Number(sliderMinValue), Number(sliderMaxValue)]);\n setMinMaxValues();\n onChangeHandler('input');\n (sliderContainer.current as any).noUiSlider.updateOptions({\n start: [Number(sliderMinValue), Number(sliderMaxValue)],\n });\n }\n\n function setMinMaxValues() {\n const { minValue, maxValue } = getValues();\n\n if (sliderMinMaxInput.current) {\n (sliderMin.current as HTMLInputElement).value = formatValue(minValue);\n (sliderMax.current as HTMLInputElement).value = formatValue(maxValue);\n } else {\n (sliderMin.current as HTMLSpanElement)!.innerHTML = formatValue(minValue);\n (sliderMax.current as HTMLSpanElement)!.innerHTML = formatValue(maxValue);\n }\n }\n\n function onChangeHandler(rangeOrigin?: 'slider' | 'input') {\n const { minValue, maxValue } = getValues();\n\n if (sliderMinValue.current && sliderMaxValue.current) {\n sliderMinValue.current.value = `${minValue}`;\n sliderMaxValue.current.value = `${maxValue}`;\n sliderMinValue.current.checked = true;\n sliderMaxValue.current.checked = true;\n (sliderMin.current as HTMLSpanElement)!.innerHTML = formatValue(minValue);\n (sliderMax.current as HTMLSpanElement)!.innerHTML = formatValue(maxValue);\n\n sliderMinValue.current!.dispatchEvent(new Event('change'));\n sliderMaxValue.current!.dispatchEvent(new Event('change'));\n }\n\n if (sliderMinMaxInput.current) {\n sliderMinMaxInput.current.value = `${minValue},${maxValue}`;\n sliderMinMaxInput.current.checked = true;\n\n if (rangeOrigin === 'slider') {\n sliderMinMaxInput.current.dispatchEvent(new Event('change', { bubbles: true }));\n }\n }\n\n rangeValuesChanged.emit({ minValue, maxValue, hasChanged });\n }\n\n function getValues() {\n const hasZeroValues = element.start.every((item) => item === 0);\n const minValue = hasZeroValues ? min : element.start[0];\n const maxValue = hasZeroValues ? max : element.start[1];\n\n setBindValue(element.start);\n setHasChanged(JSON.stringify(element.start) !== JSON.stringify([min, max]));\n\n return {\n minValue,\n maxValue,\n };\n }\n\n function resetState() {\n (sliderContainer.current as any).noUiSlider.set([min, max]);\n setStart([0, 0]);\n setHasChanged(false);\n }\n};\n\nRangeSlider.props = {\n min: {\n type: Number,\n reflectToAttr: true,\n },\n max: {\n type: Number,\n reflectToAttr: true,\n },\n increment: {\n type: Number,\n reflectToAttr: true,\n },\n hasChanged: {\n type: Boolean,\n reflectToAttr: true,\n },\n start: {\n type: Array,\n reflectToAttr: true,\n },\n bindValue: {\n type: Array,\n },\n};\n\ndefineElement('bpd-range-slider', RangeSlider);\n"]}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="mapbox-gl" />
|
|
2
|
-
import { BoundingBox, MapDataItem
|
|
2
|
+
import { BoundingBox, MapDataItem } from '@bpd-library/types';
|
|
3
3
|
export declare type SearchResult = {
|
|
4
4
|
items: MapDataItem[];
|
|
5
5
|
result: any;
|
|
@@ -34,8 +34,6 @@ export interface MapState {
|
|
|
34
34
|
searchIsMoving: boolean;
|
|
35
35
|
manualSearch?: string;
|
|
36
36
|
layerRasterSettings?: MapLayerRasterSettings;
|
|
37
|
-
isochroneSetting?: MapIsochroneSetting;
|
|
38
|
-
directionsSetting?: MapDirectionsSetting;
|
|
39
37
|
}
|
|
40
38
|
export declare const mapStore: import("@atomify/kit/dist/utilities/store/store.types").Store<MapState>;
|
|
41
39
|
export declare const updateMapData: (data: MapDataItem[]) => void;
|
|
@@ -52,10 +50,6 @@ export declare const setMapInstance: (mapInstance: mapboxgl.Map) => void;
|
|
|
52
50
|
export declare const manualSearch: (query: string) => void;
|
|
53
51
|
export declare const updateSearchIsMoving: (isMoving: boolean) => void;
|
|
54
52
|
export declare const setLayerRaster: (layerRasterSettings: MapLayerRasterSettings) => void;
|
|
55
|
-
export declare const setIsochrone: (isochroneSetting: MapIsochroneSetting) => void;
|
|
56
|
-
export declare const clearIsochrone: () => void;
|
|
57
|
-
export declare const setDirections: (directionsSetting: MapDirectionsSetting) => void;
|
|
58
|
-
export declare const clearDirections: () => void;
|
|
59
53
|
export declare const getMapboxData: () => MapDataItem[];
|
|
60
54
|
export declare const getHover: () => {
|
|
61
55
|
current?: MapDataItem | undefined;
|
|
@@ -19,10 +19,6 @@ const CLEAR_FILTER = 'clearFilter';
|
|
|
19
19
|
const SET_MAP_INSTANCE = 'setMapInstance';
|
|
20
20
|
const SET_LAYER_RASTER = 'SET_LAYER_RASTER';
|
|
21
21
|
const MANUAL_SEARCH = 'manualSearch';
|
|
22
|
-
const SET_ISOCHRONE = 'setIsochrone';
|
|
23
|
-
const CLEAR_ISOCHRONE = 'clearIsochrone';
|
|
24
|
-
const SET_DIRECTIONS = 'setDirections';
|
|
25
|
-
const CLEAR_DIRECTIONS = 'clearDirections';
|
|
26
22
|
const actions = {
|
|
27
23
|
[UPDATE_MAP_DATA]: (state, data) => {
|
|
28
24
|
state.data = data;
|
|
@@ -97,22 +93,6 @@ const actions = {
|
|
|
97
93
|
state.layerRasterSettings = layerRasterSettings;
|
|
98
94
|
return state;
|
|
99
95
|
},
|
|
100
|
-
[SET_ISOCHRONE]: (state, isochroneSetting) => {
|
|
101
|
-
state.isochroneSetting = isochroneSetting;
|
|
102
|
-
return state;
|
|
103
|
-
},
|
|
104
|
-
[CLEAR_ISOCHRONE]: (state) => {
|
|
105
|
-
state.isochroneSetting = undefined;
|
|
106
|
-
return state;
|
|
107
|
-
},
|
|
108
|
-
[SET_DIRECTIONS]: (state, directionsSetting) => {
|
|
109
|
-
state.directionsSetting = directionsSetting;
|
|
110
|
-
return state;
|
|
111
|
-
},
|
|
112
|
-
[CLEAR_DIRECTIONS]: (state) => {
|
|
113
|
-
state.directionsSetting = undefined;
|
|
114
|
-
return state;
|
|
115
|
-
},
|
|
116
96
|
};
|
|
117
97
|
export const mapStore = createStore({
|
|
118
98
|
initialState,
|
|
@@ -160,18 +140,6 @@ export const updateSearchIsMoving = (isMoving) => {
|
|
|
160
140
|
export const setLayerRaster = (layerRasterSettings) => {
|
|
161
141
|
mapStore.dispatch(SET_LAYER_RASTER, layerRasterSettings);
|
|
162
142
|
};
|
|
163
|
-
export const setIsochrone = (isochroneSetting) => {
|
|
164
|
-
mapStore.dispatch(SET_ISOCHRONE, isochroneSetting);
|
|
165
|
-
};
|
|
166
|
-
export const clearIsochrone = () => {
|
|
167
|
-
mapStore.dispatch(CLEAR_ISOCHRONE);
|
|
168
|
-
};
|
|
169
|
-
export const setDirections = (directionsSetting) => {
|
|
170
|
-
mapStore.dispatch(SET_DIRECTIONS, directionsSetting);
|
|
171
|
-
};
|
|
172
|
-
export const clearDirections = () => {
|
|
173
|
-
mapStore.dispatch(CLEAR_DIRECTIONS);
|
|
174
|
-
};
|
|
175
143
|
export const getMapboxData = () => mapStore.getState().data;
|
|
176
144
|
export const getHover = () => mapStore.getState().hover;
|
|
177
145
|
export const getMapInstance = () => mapStore.getState().mapInstance;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"store.js","sourceRoot":"","sources":["../../../../../src/molecules/map/store/map/store.ts"],"names":[],"mappings":"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","sourcesContent":["import { createStore } from '@atomify/kit';\nimport {\n BoundingBox,\n MapDataItem,\n MapDirectionsSetting,\n MapIsochroneSetting,\n} from '@bpd-library/types';\n\nexport type SearchResult = {\n items: MapDataItem[];\n result: any;\n originalBoundingBox?: BoundingBox;\n expandedBoundingBox?: BoundingBox;\n};\n\ninterface MapFocusOptions {\n zoom?: boolean;\n toggleTooltip?: boolean;\n static?: boolean;\n}\n\nexport interface MapLayerRasterSettings {\n layerRaster: string;\n minzoom?: number;\n maxzoom?: number;\n}\n\nexport interface MapState {\n data: MapDataItem[];\n mapInstance?: mapboxgl.Map;\n hover: {\n current?: MapDataItem;\n previous?: MapDataItem;\n };\n filter?: MapDataItem[];\n click?: MapDataItem;\n focus: {\n current?: MapDataItem[];\n previous?: MapDataItem[];\n options?: MapFocusOptions;\n };\n searchResult?: SearchResult;\n searchIsMoving: boolean;\n manualSearch?: string;\n layerRasterSettings?: MapLayerRasterSettings;\n isochroneSetting?: MapIsochroneSetting;\n directionsSetting?: MapDirectionsSetting;\n}\n\nconst initialState: MapState = {\n data: [],\n hover: {},\n focus: {},\n searchIsMoving: false,\n};\n\nconst UPDATE_MAP_DATA = 'updateMapData';\nconst UPDATE_HOVER = 'updateHover';\nconst CLEAR_HOVER = 'clearHover';\nconst UPDATE_CLICK = 'updateClick';\nconst SET_FOCUS = 'setFocus';\nconst CLEAR_FOCUS = 'clearFocus';\nconst UPDATE_SEARCH_RESULT = 'updateSearchResult';\nconst CLEAR_SEARCH_RESULT = 'clearSearchResult';\nconst UPDATE_SEARCH_IS_MOVING = 'updateSearchIsMoving';\nconst SET_FILTER = 'setFilter';\nconst CLEAR_FILTER = 'clearFilter';\nconst SET_MAP_INSTANCE = 'setMapInstance';\nconst SET_LAYER_RASTER = 'SET_LAYER_RASTER';\nconst MANUAL_SEARCH = 'manualSearch';\nconst SET_ISOCHRONE = 'setIsochrone';\nconst CLEAR_ISOCHRONE = 'clearIsochrone';\nconst SET_DIRECTIONS = 'setDirections';\nconst CLEAR_DIRECTIONS = 'clearDirections';\n\nconst actions = {\n [UPDATE_MAP_DATA]: (state: MapState, data: MapDataItem[]) => {\n state.data = data;\n return state;\n },\n [UPDATE_HOVER]: (state: MapState, hover: MapDataItem) => {\n state.hover = {\n current: hover,\n previous: state.hover.current,\n };\n\n return state;\n },\n [CLEAR_HOVER]: (state: MapState) => {\n state.hover = {\n current: undefined,\n previous: state.hover.current,\n };\n\n return state;\n },\n [UPDATE_CLICK]: (state: MapState, click: MapDataItem) => {\n state.click = { ...click };\n return state;\n },\n [SET_FOCUS]: (\n state: MapState,\n { ids, options }: { ids: string[]; options: MapFocusOptions },\n ) => {\n const dataItems = state.data.filter(({ id }) => ids.indexOf(id) > -1);\n\n if (dataItems.length) {\n state.focus = {\n current: dataItems,\n previous: state.focus?.current,\n options,\n };\n }\n\n return state;\n },\n [CLEAR_FOCUS]: (state: MapState) => {\n state.focus = {\n current: undefined,\n previous: state.focus.current,\n };\n\n return state;\n },\n [UPDATE_SEARCH_RESULT]: (state: MapState, searchResult: SearchResult) => {\n state.searchResult = searchResult;\n return state;\n },\n [CLEAR_SEARCH_RESULT]: (state: MapState) => {\n state.searchResult = undefined;\n return state;\n },\n [SET_FILTER]: (state: MapState, data: MapDataItem[]) => {\n state.filter = data;\n return state;\n },\n [CLEAR_FILTER]: (state: MapState) => {\n state.filter = undefined;\n return state;\n },\n [SET_MAP_INSTANCE]: (state: MapState, mapInstance: mapboxgl.Map) => {\n state.mapInstance = mapInstance;\n return state;\n },\n [MANUAL_SEARCH]: (state: MapState, query: string) => {\n state.manualSearch = query;\n return state;\n },\n [UPDATE_SEARCH_IS_MOVING]: (state: MapState, searchIsMoving: boolean) => {\n state.searchIsMoving = searchIsMoving;\n return state;\n },\n [SET_LAYER_RASTER]: (state: MapState, layerRasterSettings: MapLayerRasterSettings) => {\n state.layerRasterSettings = layerRasterSettings;\n return state;\n },\n [SET_ISOCHRONE]: (state: MapState, isochroneSetting: MapIsochroneSetting) => {\n state.isochroneSetting = isochroneSetting;\n return state;\n },\n [CLEAR_ISOCHRONE]: (state: MapState) => {\n state.isochroneSetting = undefined;\n return state;\n },\n [SET_DIRECTIONS]: (state: MapState, directionsSetting: MapDirectionsSetting) => {\n state.directionsSetting = directionsSetting;\n return state;\n },\n [CLEAR_DIRECTIONS]: (state: MapState) => {\n state.directionsSetting = undefined;\n return state;\n },\n};\n\nexport const mapStore = createStore<MapState>({\n initialState,\n actions: actions as any,\n});\n\n/*\n Setters\n*/\nexport const updateMapData = (data: MapDataItem[]) => {\n mapStore.dispatch(UPDATE_MAP_DATA, data);\n};\n\nexport const clearHover = () => {\n mapStore.dispatch(CLEAR_HOVER);\n};\n\nexport const updateHover = (hover: MapDataItem) => {\n mapStore.dispatch(UPDATE_HOVER, hover);\n};\n\nexport const updateClick = (click: MapDataItem) => {\n mapStore.dispatch(UPDATE_CLICK, click);\n};\n\nexport const setFocus = (ids: string[], options: MapFocusOptions = {}) => {\n mapStore.dispatch(SET_FOCUS, { ids, options });\n};\n\nexport const clearFocus = () => {\n mapStore.dispatch(CLEAR_FOCUS);\n};\n\nexport const updateSearchResult = (searchResult: SearchResult) => {\n mapStore.dispatch(UPDATE_SEARCH_RESULT, searchResult);\n};\n\nexport const clearSearchResult = () => {\n mapStore.dispatch(CLEAR_SEARCH_RESULT);\n};\n\nexport const setFilter = (data: MapDataItem[]) => {\n mapStore.dispatch(SET_FILTER, data);\n};\n\nexport const clearFilter = () => {\n mapStore.dispatch(CLEAR_FILTER);\n};\n\nexport const setMapInstance = (mapInstance: mapboxgl.Map) => {\n mapStore.dispatch(SET_MAP_INSTANCE, mapInstance);\n};\n\nexport const manualSearch = (query: string) => {\n mapStore.dispatch(MANUAL_SEARCH, query);\n};\n\nexport const updateSearchIsMoving = (isMoving: boolean) => {\n mapStore.dispatch(UPDATE_SEARCH_IS_MOVING, isMoving);\n};\n\nexport const setLayerRaster = (layerRasterSettings: MapLayerRasterSettings) => {\n mapStore.dispatch(SET_LAYER_RASTER, layerRasterSettings);\n};\n\nexport const setIsochrone = (isochroneSetting: MapIsochroneSetting) => {\n mapStore.dispatch(SET_ISOCHRONE, isochroneSetting);\n};\n\nexport const clearIsochrone = () => {\n mapStore.dispatch(CLEAR_ISOCHRONE);\n};\n\nexport const setDirections = (directionsSetting: MapDirectionsSetting) => {\n mapStore.dispatch(SET_DIRECTIONS, directionsSetting);\n};\n\nexport const clearDirections = () => {\n mapStore.dispatch(CLEAR_DIRECTIONS);\n};\n\n/*\n Getters\n*/\nexport const getMapboxData = () => mapStore.getState().data;\nexport const getHover = () => mapStore.getState().hover;\nexport const getMapInstance = () => mapStore.getState().mapInstance;\nexport const getSearchIsMoving = () => mapStore.getState().searchIsMoving;\n"]}
|
|
1
|
+
{"version":3,"file":"store.js","sourceRoot":"","sources":["../../../../../src/molecules/map/store/map/store.ts"],"names":[],"mappings":"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","sourcesContent":["import { createStore } from '@atomify/kit';\nimport { BoundingBox, MapDataItem } from '@bpd-library/types';\n\nexport type SearchResult = {\n items: MapDataItem[];\n result: any;\n originalBoundingBox?: BoundingBox;\n expandedBoundingBox?: BoundingBox;\n};\n\ninterface MapFocusOptions {\n zoom?: boolean;\n toggleTooltip?: boolean;\n static?: boolean;\n}\n\nexport interface MapLayerRasterSettings {\n layerRaster: string;\n minzoom?: number;\n maxzoom?: number;\n}\n\nexport interface MapState {\n data: MapDataItem[];\n mapInstance?: mapboxgl.Map;\n hover: {\n current?: MapDataItem;\n previous?: MapDataItem;\n };\n filter?: MapDataItem[];\n click?: MapDataItem;\n focus: {\n current?: MapDataItem[];\n previous?: MapDataItem[];\n options?: MapFocusOptions;\n };\n searchResult?: SearchResult;\n searchIsMoving: boolean;\n manualSearch?: string;\n layerRasterSettings?: MapLayerRasterSettings;\n}\n\nconst initialState: MapState = {\n data: [],\n hover: {},\n focus: {},\n searchIsMoving: false,\n};\n\nconst UPDATE_MAP_DATA = 'updateMapData';\nconst UPDATE_HOVER = 'updateHover';\nconst CLEAR_HOVER = 'clearHover';\nconst UPDATE_CLICK = 'updateClick';\nconst SET_FOCUS = 'setFocus';\nconst CLEAR_FOCUS = 'clearFocus';\nconst UPDATE_SEARCH_RESULT = 'updateSearchResult';\nconst CLEAR_SEARCH_RESULT = 'clearSearchResult';\nconst UPDATE_SEARCH_IS_MOVING = 'updateSearchIsMoving';\nconst SET_FILTER = 'setFilter';\nconst CLEAR_FILTER = 'clearFilter';\nconst SET_MAP_INSTANCE = 'setMapInstance';\nconst SET_LAYER_RASTER = 'SET_LAYER_RASTER';\nconst MANUAL_SEARCH = 'manualSearch';\n\nconst actions = {\n [UPDATE_MAP_DATA]: (state: MapState, data: MapDataItem[]) => {\n state.data = data;\n return state;\n },\n [UPDATE_HOVER]: (state: MapState, hover: MapDataItem) => {\n state.hover = {\n current: hover,\n previous: state.hover.current,\n };\n\n return state;\n },\n [CLEAR_HOVER]: (state: MapState) => {\n state.hover = {\n current: undefined,\n previous: state.hover.current,\n };\n\n return state;\n },\n [UPDATE_CLICK]: (state: MapState, click: MapDataItem) => {\n state.click = { ...click };\n return state;\n },\n [SET_FOCUS]: (\n state: MapState,\n { ids, options }: { ids: string[]; options: MapFocusOptions },\n ) => {\n const dataItems = state.data.filter(({ id }) => ids.indexOf(id) > -1);\n\n if (dataItems.length) {\n state.focus = {\n current: dataItems,\n previous: state.focus?.current,\n options,\n };\n }\n\n return state;\n },\n [CLEAR_FOCUS]: (state: MapState) => {\n state.focus = {\n current: undefined,\n previous: state.focus.current,\n };\n\n return state;\n },\n [UPDATE_SEARCH_RESULT]: (state: MapState, searchResult: SearchResult) => {\n state.searchResult = searchResult;\n return state;\n },\n [CLEAR_SEARCH_RESULT]: (state: MapState) => {\n state.searchResult = undefined;\n return state;\n },\n [SET_FILTER]: (state: MapState, data: MapDataItem[]) => {\n state.filter = data;\n return state;\n },\n [CLEAR_FILTER]: (state: MapState) => {\n state.filter = undefined;\n return state;\n },\n [SET_MAP_INSTANCE]: (state: MapState, mapInstance: mapboxgl.Map) => {\n state.mapInstance = mapInstance;\n return state;\n },\n [MANUAL_SEARCH]: (state: MapState, query: string) => {\n state.manualSearch = query;\n return state;\n },\n [UPDATE_SEARCH_IS_MOVING]: (state: MapState, searchIsMoving: boolean) => {\n state.searchIsMoving = searchIsMoving;\n return state;\n },\n [SET_LAYER_RASTER]: (state: MapState, layerRasterSettings: MapLayerRasterSettings) => {\n state.layerRasterSettings = layerRasterSettings;\n return state;\n },\n};\n\nexport const mapStore = createStore<MapState>({\n initialState,\n actions: actions as any,\n});\n\n/*\n Setters\n*/\nexport const updateMapData = (data: MapDataItem[]) => {\n mapStore.dispatch(UPDATE_MAP_DATA, data);\n};\n\nexport const clearHover = () => {\n mapStore.dispatch(CLEAR_HOVER);\n};\n\nexport const updateHover = (hover: MapDataItem) => {\n mapStore.dispatch(UPDATE_HOVER, hover);\n};\n\nexport const updateClick = (click: MapDataItem) => {\n mapStore.dispatch(UPDATE_CLICK, click);\n};\n\nexport const setFocus = (ids: string[], options: MapFocusOptions = {}) => {\n mapStore.dispatch(SET_FOCUS, { ids, options });\n};\n\nexport const clearFocus = () => {\n mapStore.dispatch(CLEAR_FOCUS);\n};\n\nexport const updateSearchResult = (searchResult: SearchResult) => {\n mapStore.dispatch(UPDATE_SEARCH_RESULT, searchResult);\n};\n\nexport const clearSearchResult = () => {\n mapStore.dispatch(CLEAR_SEARCH_RESULT);\n};\n\nexport const setFilter = (data: MapDataItem[]) => {\n mapStore.dispatch(SET_FILTER, data);\n};\n\nexport const clearFilter = () => {\n mapStore.dispatch(CLEAR_FILTER);\n};\n\nexport const setMapInstance = (mapInstance: mapboxgl.Map) => {\n mapStore.dispatch(SET_MAP_INSTANCE, mapInstance);\n};\n\nexport const manualSearch = (query: string) => {\n mapStore.dispatch(MANUAL_SEARCH, query);\n};\n\nexport const updateSearchIsMoving = (isMoving: boolean) => {\n mapStore.dispatch(UPDATE_SEARCH_IS_MOVING, isMoving);\n};\n\nexport const setLayerRaster = (layerRasterSettings: MapLayerRasterSettings) => {\n mapStore.dispatch(SET_LAYER_RASTER, layerRasterSettings);\n};\n\n/*\n Getters\n*/\nexport const getMapboxData = () => mapStore.getState().data;\nexport const getHover = () => mapStore.getState().hover;\nexport const getMapInstance = () => mapStore.getState().mapInstance;\nexport const getSearchIsMoving = () => mapStore.getState().searchIsMoving;\n"]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@bpd-library/components",
|
|
3
|
-
"version": "1.3.2-beta.
|
|
3
|
+
"version": "1.3.2-beta.9",
|
|
4
4
|
"description": "Description",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"types": "dist/index.d.ts",
|
|
@@ -46,14 +46,14 @@
|
|
|
46
46
|
"publishConfig": {
|
|
47
47
|
"access": "public"
|
|
48
48
|
},
|
|
49
|
-
"gitHead": "
|
|
49
|
+
"gitHead": "0cc46b1c0fa6fc01610a54838ca44723cd568c57",
|
|
50
50
|
"dependencies": {
|
|
51
51
|
"@atomify/core": "2.4.1",
|
|
52
52
|
"@atomify/hooks": "1.1.11",
|
|
53
53
|
"@atomify/jsx": "1.7.1",
|
|
54
54
|
"@atomify/kit": "1.1.11",
|
|
55
|
-
"@bpd-library/types": "^1.3.2-beta.
|
|
56
|
-
"@bpd-library/utilities": "^1.3.2-beta.
|
|
55
|
+
"@bpd-library/types": "^1.3.2-beta.9",
|
|
56
|
+
"@bpd-library/utilities": "^1.3.2-beta.9",
|
|
57
57
|
"@mapbox/mapbox-gl-geocoder": "^4.7.0",
|
|
58
58
|
"@mapbox/mapbox-gl-language": "^0.10.1",
|
|
59
59
|
"@turf/helpers": "^6.5.0",
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
import { h } from '@atomify/jsx';
|
|
2
|
-
|
|
3
|
-
const createClassName = (data) => {
|
|
4
|
-
let className = data.variant ? `c-button--${data.variant}` : 'c-button';
|
|
5
|
-
className += data.icon ? ' button--icon' : '';
|
|
6
|
-
className += data.size ? ` button--${data.size}` : '';
|
|
7
|
-
className += data.classes ? ` ${data.classes}` : '';
|
|
8
|
-
return className;
|
|
9
|
-
};
|
|
10
|
-
const createAttributes = (data) => {
|
|
11
|
-
const attributes = Object.assign(Object.assign({}, data.attr), { [`js-hook-${data.hook}`]: data.hook, onClick: data.onClick, ariaControls: data.controls, href: data.url });
|
|
12
|
-
return attributes;
|
|
13
|
-
};
|
|
14
|
-
const Button = (data) => {
|
|
15
|
-
const className = createClassName(data);
|
|
16
|
-
const attributes = createAttributes(data);
|
|
17
|
-
attributes.type = data.type || 'button';
|
|
18
|
-
return (h("button", Object.assign({ class: className }, attributes),
|
|
19
|
-
data.icon && (h("span", { class: "button__icon" },
|
|
20
|
-
h("bpd-svg", { name: data.icon }))),
|
|
21
|
-
h("span", { class: "button__label" }, data.label)));
|
|
22
|
-
};
|
|
23
|
-
const ButtonA = (data) => {
|
|
24
|
-
const className = createClassName(data);
|
|
25
|
-
const attributes = createAttributes(data);
|
|
26
|
-
return (h("a", Object.assign({ class: className }, attributes, { target: data.target }),
|
|
27
|
-
data.icon && (h("span", { class: "button__icon" },
|
|
28
|
-
h("bpd-svg", { name: data.icon }))),
|
|
29
|
-
h("span", { class: "button__label" }, data.label)));
|
|
30
|
-
};
|
|
31
|
-
|
|
32
|
-
export { Button, ButtonA };
|
|
33
|
-
//# sourceMappingURL=button.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"button.js","sources":["../../../../src/atoms/button/button.tsx"],"sourcesContent":["import { h } from '@atomify/jsx';\n\ninterface ButtonInterface {\n label: string | Text;\n variant?: string;\n icon?: string;\n size?: string;\n classes?: string;\n type?: string;\n url?: string;\n hook?: string;\n controls?: string;\n onClick?: Function;\n target?: string;\n attr?: {};\n}\n\nconst createClassName = (data: ButtonInterface) => {\n let className = data.variant ? `c-button--${data.variant}` : 'c-button';\n\n className += data.icon ? ' button--icon' : '';\n className += data.size ? ` button--${data.size}` : '';\n className += data.classes ? ` ${data.classes}` : '';\n\n return className;\n};\n\nconst createAttributes = (data: ButtonInterface) => {\n const attributes: any = {\n ...data.attr,\n [`js-hook-${data.hook}`]: data.hook,\n onClick: data.onClick,\n ariaControls: data.controls,\n href: data.url,\n };\n\n return attributes;\n};\n\n/*\n <button> element\n*/\nconst Button = (data: ButtonInterface) => {\n const className = createClassName(data);\n const attributes = createAttributes(data);\n\n attributes.type = data.type || 'button';\n\n return (\n <button class={className} {...attributes}>\n {data.icon && (\n <span class=\"button__icon\">\n <bpd-svg name={data.icon}></bpd-svg>\n </span>\n )}\n\n <span class=\"button__label\">{data.label}</span>\n </button>\n );\n};\n\n/*\n <a> element\n*/\nconst ButtonA = (data: ButtonInterface) => {\n const className = createClassName(data);\n const attributes = createAttributes(data);\n\n return (\n <a class={className} {...attributes} target={data.target}>\n {data.icon && (\n <span class=\"button__icon\">\n <bpd-svg name={data.icon}></bpd-svg>\n </span>\n )}\n\n <span class=\"button__label\">{data.label}</span>\n </a>\n );\n};\n\nexport { Button, ButtonA };\n"],"names":[],"mappings":";;AAiBA,MAAM,eAAe,GAAG,CAAC,IAAqB;IAC1C,IAAI,SAAS,GAAG,IAAI,CAAC,OAAO,GAAG,aAAa,IAAI,CAAC,OAAO,EAAE,GAAG,UAAU,CAAC;IAExE,SAAS,IAAI,IAAI,CAAC,IAAI,GAAG,eAAe,GAAG,EAAE,CAAC;IAC9C,SAAS,IAAI,IAAI,CAAC,IAAI,GAAG,YAAY,IAAI,CAAC,IAAI,EAAE,GAAG,EAAE,CAAC;IACtD,SAAS,IAAI,IAAI,CAAC,OAAO,GAAG,IAAI,IAAI,CAAC,OAAO,EAAE,GAAG,EAAE,CAAC;IAEpD,OAAO,SAAS,CAAC;AACrB,CAAC,CAAC;AAEF,MAAM,gBAAgB,GAAG,CAAC,IAAqB;IAC3C,MAAM,UAAU,mCACT,IAAI,CAAC,IAAI,KACZ,CAAC,WAAW,IAAI,CAAC,IAAI,EAAE,GAAG,IAAI,CAAC,IAAI,EACnC,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,YAAY,EAAE,IAAI,CAAC,QAAQ,EAC3B,IAAI,EAAE,IAAI,CAAC,GAAG,GACjB,CAAC;IAEF,OAAO,UAAU,CAAC;AACtB,CAAC,CAAC;MAKI,MAAM,GAAG,CAAC,IAAqB;IACjC,MAAM,SAAS,GAAG,eAAe,CAAC,IAAI,CAAC,CAAC;IACxC,MAAM,UAAU,GAAG,gBAAgB,CAAC,IAAI,CAAC,CAAC;IAE1C,UAAU,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,IAAI,QAAQ,CAAC;IAExC,QACI,4BAAQ,KAAK,EAAE,SAAS,IAAM,UAAU;QACnC,IAAI,CAAC,IAAI,KACN,YAAM,KAAK,EAAC,cAAc;YACtB,eAAS,IAAI,EAAE,IAAI,CAAC,IAAI,GAAY,CACjC,CACV;QAED,YAAM,KAAK,EAAC,eAAe,IAAE,IAAI,CAAC,KAAK,CAAQ,CAC1C,EACX;AACN,EAAE;MAKI,OAAO,GAAG,CAAC,IAAqB;IAClC,MAAM,SAAS,GAAG,eAAe,CAAC,IAAI,CAAC,CAAC;IACxC,MAAM,UAAU,GAAG,gBAAgB,CAAC,IAAI,CAAC,CAAC;IAE1C,QACI,uBAAG,KAAK,EAAE,SAAS,IAAM,UAAU,IAAE,MAAM,EAAE,IAAI,CAAC,MAAM;QACnD,IAAI,CAAC,IAAI,KACN,YAAM,KAAK,EAAC,cAAc;YACtB,eAAS,IAAI,EAAE,IAAI,CAAC,IAAI,GAAY,CACjC,CACV;QAED,YAAM,KAAK,EAAC,eAAe,IAAE,IAAI,CAAC,KAAK,CAAQ,CAC/C,EACN;AACN;;;;"}
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import { h } from '@atomify/jsx';
|
|
2
|
-
|
|
3
|
-
const breakpoints = ['xs', 'sm', 'md', 'lg', 'xlg'];
|
|
4
|
-
const createClasses = (prefix, cols) => {
|
|
5
|
-
return cols.reduce((classes, col, i) => {
|
|
6
|
-
classes.push(i === 0 ? `${prefix}-${col}` : `${prefix}-${col}--${breakpoints[i]}`);
|
|
7
|
-
return classes;
|
|
8
|
-
}, []);
|
|
9
|
-
};
|
|
10
|
-
const Col = ({ extraClass = '', children, cols = [], push = [], pull = [], pre = [], post = [], }) => {
|
|
11
|
-
const classes = [
|
|
12
|
-
...createClasses('o-col', cols),
|
|
13
|
-
...createClasses('u-push', push),
|
|
14
|
-
...createClasses('u-pull', pull),
|
|
15
|
-
...createClasses('u-pre', pre),
|
|
16
|
-
...createClasses('u-post', post),
|
|
17
|
-
].join(' ');
|
|
18
|
-
return h("div", { class: `${classes} ${extraClass}` }, children);
|
|
19
|
-
};
|
|
20
|
-
|
|
21
|
-
export { Col };
|
|
22
|
-
//# sourceMappingURL=col.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"col.js","sources":["../../../../src/atoms/col/col.tsx"],"sourcesContent":["import { h } from '@atomify/jsx';\n\nconst breakpoints: string[] = ['xs', 'sm', 'md', 'lg', 'xlg'];\n\nconst createClasses = (prefix: string, cols: (number | undefined)[]) => {\n return cols.reduce((classes: string[], col, i) => {\n classes.push(i === 0 ? `${prefix}-${col}` : `${prefix}-${col}--${breakpoints[i]}`);\n\n return classes;\n }, []);\n};\n\ninterface ColInterface {\n extraClass?: string;\n children?: NodeList;\n cols?: (number | undefined)[];\n push?: (number | undefined)[];\n pull?: (number | undefined)[];\n pre?: (number | undefined)[];\n post?: (number | undefined)[];\n}\n\n/**\n * @param {ColInterface} {\n * extraClass = '',\n * children,\n * cols = [],\n * push = [],\n * pull = [],\n * pre = [],\n * post = [],\n * }\n * @returns {Node}\n */\nexport const Col = ({\n extraClass = '',\n children,\n cols = [],\n push = [],\n pull = [],\n pre = [],\n post = [],\n}: ColInterface) => {\n const classes: string = [\n ...createClasses('o-col', cols),\n ...createClasses('u-push', push),\n ...createClasses('u-pull', pull),\n ...createClasses('u-pre', pre),\n ...createClasses('u-post', post),\n ].join(' ');\n\n return <div class={`${classes} ${extraClass}`}>{children}</div>;\n};\n"],"names":[],"mappings":";;AAEA,MAAM,WAAW,GAAa,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC;AAE9D,MAAM,aAAa,GAAG,CAAC,MAAc,EAAE,IAA4B;IAC/D,OAAO,IAAI,CAAC,MAAM,CAAC,CAAC,OAAiB,EAAE,GAAG,EAAE,CAAC;QACzC,OAAO,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,GAAG,GAAG,MAAM,IAAI,GAAG,EAAE,GAAG,GAAG,MAAM,IAAI,GAAG,KAAK,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;QAEnF,OAAO,OAAO,CAAC;KAClB,EAAE,EAAE,CAAC,CAAC;AACX,CAAC,CAAC;MAwBW,GAAG,GAAG,CAAC,EAChB,UAAU,GAAG,EAAE,EACf,QAAQ,EACR,IAAI,GAAG,EAAE,EACT,IAAI,GAAG,EAAE,EACT,IAAI,GAAG,EAAE,EACT,GAAG,GAAG,EAAE,EACR,IAAI,GAAG,EAAE,GACE;IACX,MAAM,OAAO,GAAW;QACpB,GAAG,aAAa,CAAC,OAAO,EAAE,IAAI,CAAC;QAC/B,GAAG,aAAa,CAAC,QAAQ,EAAE,IAAI,CAAC;QAChC,GAAG,aAAa,CAAC,QAAQ,EAAE,IAAI,CAAC;QAChC,GAAG,aAAa,CAAC,OAAO,EAAE,GAAG,CAAC;QAC9B,GAAG,aAAa,CAAC,QAAQ,EAAE,IAAI,CAAC;KACnC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAEZ,OAAO,WAAK,KAAK,EAAE,GAAG,OAAO,IAAI,UAAU,EAAE,IAAG,QAAQ,CAAO,CAAC;AACpE;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"container.js","sources":["../../../../src/atoms/container/container.tsx"],"sourcesContent":["import { h } from '@atomify/jsx';\n\ninterface ContainerInterface {\n extraClass?: string;\n children?: NodeList;\n}\n\nexport const Container = ({ extraClass = '', children }: ContainerInterface) => (\n <div class={`o-container ${extraClass}`}>{children}</div>\n);\n"],"names":[],"mappings":";;MAOa,SAAS,GAAG,CAAC,EAAE,UAAU,GAAG,EAAE,EAAE,QAAQ,EAAsB,MACvE,WAAK,KAAK,EAAE,eAAe,UAAU,EAAE,IAAG,QAAQ,CAAO;;;;"}
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { h } from '@atomify/jsx';
|
|
2
|
-
|
|
3
|
-
const RangeSliderElement = ({ classes, disabled, min, max, increment, start, name, onChange, }) => {
|
|
4
|
-
const inputClasses = {
|
|
5
|
-
['c-range-slider']: true,
|
|
6
|
-
['form__item']: true,
|
|
7
|
-
['form__item--disabled']: disabled,
|
|
8
|
-
};
|
|
9
|
-
return (h("div", { class: inputClasses },
|
|
10
|
-
h("bpd-range-slider", { min: min, max: max, increment: increment, start: start, onRangeValuesChanged: onChange, class: classes },
|
|
11
|
-
h("div", { class: "range-slider__container" },
|
|
12
|
-
h("div", { "js-hook-slider-container": true }),
|
|
13
|
-
h("div", { class: "range-slider__values" },
|
|
14
|
-
h("span", { class: "range-slider__values-item", "js-hook-slider-min": true }),
|
|
15
|
-
h("span", { class: "range-slider__values-item", "js-hook-slider-max": true }),
|
|
16
|
-
h("input", { type: "number", id: `${name}-0`, name: name, value: start[0], "js-hook-slider-min-value": true }),
|
|
17
|
-
h("input", { type: "number", id: `${name}-1`, name: name, value: start[1], "js-hook-slider-max-value": true }))))));
|
|
18
|
-
};
|
|
19
|
-
|
|
20
|
-
export { RangeSliderElement };
|
|
21
|
-
//# sourceMappingURL=range-slider.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"range-slider.js","sources":["../../../../../src/atoms/form-elements/range-slider/range-slider.tsx"],"sourcesContent":["import { h } from '@atomify/jsx';\n\nexport interface RangeSliderProps {\n min: number;\n max: number;\n increment: number;\n start: number[];\n onChange: (e: CustomEvent) => void;\n name: string;\n classes?: string;\n disabled?: boolean;\n}\n\nexport const RangeSliderElement = ({\n classes,\n disabled,\n min,\n max,\n increment,\n start,\n name,\n onChange,\n}: RangeSliderProps) => {\n const inputClasses = {\n ['c-range-slider']: true,\n ['form__item']: true,\n ['form__item--disabled']: disabled,\n };\n\n return (\n <div class={inputClasses}>\n <bpd-range-slider\n min={min}\n max={max}\n increment={increment}\n start={start}\n onRangeValuesChanged={onChange}\n class={classes}>\n <div class=\"range-slider__container\">\n <div js-hook-slider-container></div>\n <div class=\"range-slider__values\">\n <span class=\"range-slider__values-item\" js-hook-slider-min></span>\n <span class=\"range-slider__values-item\" js-hook-slider-max></span>\n <input\n type=\"number\"\n id={`${name}-0`}\n name={name}\n value={start[0]}\n js-hook-slider-min-value\n />\n <input\n type=\"number\"\n id={`${name}-1`}\n name={name}\n value={start[1]}\n js-hook-slider-max-value\n />\n </div>\n </div>\n </bpd-range-slider>\n </div>\n );\n};\n"],"names":[],"mappings":";;MAaa,kBAAkB,GAAG,CAAC,EAC/B,OAAO,EACP,QAAQ,EACR,GAAG,EACH,GAAG,EACH,SAAS,EACT,KAAK,EACL,IAAI,EACJ,QAAQ,GACO;IACf,MAAM,YAAY,GAAG;QACjB,CAAC,gBAAgB,GAAG,IAAI;QACxB,CAAC,YAAY,GAAG,IAAI;QACpB,CAAC,sBAAsB,GAAG,QAAQ;KACrC,CAAC;IAEF,QACI,WAAK,KAAK,EAAE,YAAY;QACpB,wBACI,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,oBAAoB,EAAE,QAAQ,EAC9B,KAAK,EAAE,OAAO;YACd,WAAK,KAAK,EAAC,yBAAyB;gBAChC,8CAAoC;gBACpC,WAAK,KAAK,EAAC,sBAAsB;oBAC7B,YAAM,KAAK,EAAC,2BAA2B,+BAA2B;oBAClE,YAAM,KAAK,EAAC,2BAA2B,+BAA2B;oBAClE,aACI,IAAI,EAAC,QAAQ,EACb,EAAE,EAAE,GAAG,IAAI,IAAI,EACf,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,qCAEjB;oBACF,aACI,IAAI,EAAC,QAAQ,EACb,EAAE,EAAE,GAAG,IAAI,IAAI,EACf,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,qCAEjB,CACA,CACJ,CACS,CACjB,EACR;AACN;;;;"}
|
|
@@ -1,100 +0,0 @@
|
|
|
1
|
-
import { defineElement, useProp, useElement, useEvent, useBindMethod, onDidLoad } from '@atomify/hooks';
|
|
2
|
-
import { toCurrency } from '@bpd-library/utilities';
|
|
3
|
-
import noUiSlider from 'nouislider';
|
|
4
|
-
|
|
5
|
-
const RangeSlider = ({ element }) => {
|
|
6
|
-
const [min] = useProp('min', 0);
|
|
7
|
-
const [max] = useProp('max', 0);
|
|
8
|
-
const [increment] = useProp('increment', 0);
|
|
9
|
-
const [hasChanged, setHasChanged] = useProp('hasChanged', false);
|
|
10
|
-
const [, setStart, watchStart] = useProp('start', [0, 0]);
|
|
11
|
-
const [, setBindValue] = useProp('bindValue', [0, 0]);
|
|
12
|
-
const sliderContainer = useElement('[js-hook-slider-container]');
|
|
13
|
-
const sliderMin = useElement('[js-hook-slider-min]');
|
|
14
|
-
const sliderMax = useElement('[js-hook-slider-max]');
|
|
15
|
-
const sliderMinValue = useElement('[js-hook-slider-min-value]');
|
|
16
|
-
const sliderMaxValue = useElement('[js-hook-slider-max-value]');
|
|
17
|
-
const rangeValuesChanged = useEvent({ eventName: 'rangevalueschanged' });
|
|
18
|
-
useBindMethod('resetState', resetState);
|
|
19
|
-
onDidLoad(() => {
|
|
20
|
-
const hasZeroValues = element.start.every((item) => item === 0);
|
|
21
|
-
const settings = {
|
|
22
|
-
start: hasZeroValues ? [min, max] : element.start,
|
|
23
|
-
step: increment,
|
|
24
|
-
connect: true,
|
|
25
|
-
documentElement: sliderContainer.current,
|
|
26
|
-
range: {
|
|
27
|
-
min,
|
|
28
|
-
max,
|
|
29
|
-
},
|
|
30
|
-
};
|
|
31
|
-
noUiSlider.create(sliderContainer.current, settings);
|
|
32
|
-
sliderContainer.current.noUiSlider.on('update', (values) => {
|
|
33
|
-
const generatedValues = values.map((value) => parseInt(value));
|
|
34
|
-
setStart([...generatedValues]);
|
|
35
|
-
});
|
|
36
|
-
sliderContainer.current.noUiSlider.on('change', onChangeHandler);
|
|
37
|
-
setMinMaxValues();
|
|
38
|
-
});
|
|
39
|
-
watchStart(setMinMaxValues);
|
|
40
|
-
function setMinMaxValues() {
|
|
41
|
-
const { minValue, maxValue } = getValues();
|
|
42
|
-
sliderMin.current.innerHTML = `${toCurrency(minValue)}`.replace(',', '.');
|
|
43
|
-
sliderMax.current.innerHTML = `${toCurrency(maxValue)}`.replace(',', '.');
|
|
44
|
-
}
|
|
45
|
-
function onChangeHandler() {
|
|
46
|
-
const { minValue, maxValue } = getValues();
|
|
47
|
-
sliderMinValue.current.value = `${minValue}`;
|
|
48
|
-
sliderMaxValue.current.value = `${maxValue}`;
|
|
49
|
-
sliderMinValue.current.checked = true;
|
|
50
|
-
sliderMaxValue.current.checked = true;
|
|
51
|
-
sliderMinValue.current.dispatchEvent(new Event('change'));
|
|
52
|
-
sliderMaxValue.current.dispatchEvent(new Event('change'));
|
|
53
|
-
rangeValuesChanged.emit({ minValue, maxValue, hasChanged });
|
|
54
|
-
}
|
|
55
|
-
function getValues() {
|
|
56
|
-
const hasZeroValues = element.start.every((item) => item === 0);
|
|
57
|
-
const minValue = hasZeroValues ? min : element.start[0];
|
|
58
|
-
const maxValue = hasZeroValues ? max : element.start[1];
|
|
59
|
-
setBindValue(element.start);
|
|
60
|
-
setHasChanged(JSON.stringify(element.start) !== JSON.stringify([min, max]));
|
|
61
|
-
return {
|
|
62
|
-
minValue,
|
|
63
|
-
maxValue,
|
|
64
|
-
};
|
|
65
|
-
}
|
|
66
|
-
function resetState() {
|
|
67
|
-
sliderContainer.current.noUiSlider.set([min, max]);
|
|
68
|
-
setStart([0, 0]);
|
|
69
|
-
setHasChanged(false);
|
|
70
|
-
}
|
|
71
|
-
};
|
|
72
|
-
RangeSlider.props = {
|
|
73
|
-
min: {
|
|
74
|
-
type: Number,
|
|
75
|
-
reflectToAttr: true,
|
|
76
|
-
},
|
|
77
|
-
max: {
|
|
78
|
-
type: Number,
|
|
79
|
-
reflectToAttr: true,
|
|
80
|
-
},
|
|
81
|
-
increment: {
|
|
82
|
-
type: Number,
|
|
83
|
-
reflectToAttr: true,
|
|
84
|
-
},
|
|
85
|
-
hasChanged: {
|
|
86
|
-
type: Boolean,
|
|
87
|
-
reflectToAttr: true,
|
|
88
|
-
},
|
|
89
|
-
start: {
|
|
90
|
-
type: Array,
|
|
91
|
-
reflectToAttr: true,
|
|
92
|
-
},
|
|
93
|
-
bindValue: {
|
|
94
|
-
type: Array,
|
|
95
|
-
},
|
|
96
|
-
};
|
|
97
|
-
defineElement('bpd-range-slider', RangeSlider);
|
|
98
|
-
|
|
99
|
-
export { RangeSlider };
|
|
100
|
-
//# sourceMappingURL=range-slider.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"range-slider.js","sources":["../../../../../src/atoms/form-elements/utilities/range-slider.ts"],"sourcesContent":["import {\n Component,\n defineElement,\n FC,\n onDidLoad,\n useBindMethod,\n useElement,\n useEvent,\n useProp,\n} from '@atomify/hooks';\nimport { toCurrency } from '@bpd-library/utilities';\nimport noUiSlider from 'nouislider';\n\nexport interface BPDRange extends Component {\n bindValue: number[];\n start: number[];\n resetState: () => void;\n}\n\nexport const RangeSlider: FC<BPDRange> = ({ element }) => {\n const [min] = useProp<number>('min', 0);\n const [max] = useProp<number>('max', 0);\n const [increment] = useProp<number>('increment', 0);\n const [hasChanged, setHasChanged] = useProp<boolean>('hasChanged', false);\n const [, setStart, watchStart] = useProp<number[]>('start', [0, 0]);\n const [, setBindValue] = useProp<number[]>('bindValue', [0, 0]);\n\n const sliderContainer = useElement<HTMLDivElement>('[js-hook-slider-container]');\n const sliderMin = useElement<HTMLDivElement>('[js-hook-slider-min]');\n const sliderMax = useElement<HTMLDivElement>('[js-hook-slider-max]');\n const sliderMinValue = useElement<HTMLInputElement>('[js-hook-slider-min-value]');\n const sliderMaxValue = useElement<HTMLInputElement>('[js-hook-slider-max-value]');\n\n const rangeValuesChanged = useEvent({ eventName: 'rangevalueschanged' });\n\n useBindMethod('resetState', resetState);\n\n onDidLoad(() => {\n const hasZeroValues = element.start.every((item) => item === 0);\n\n const settings = {\n start: hasZeroValues ? [min, max] : element.start,\n step: increment,\n connect: true,\n documentElement: sliderContainer.current,\n range: {\n min,\n max,\n },\n };\n\n noUiSlider.create(sliderContainer.current!, settings);\n\n (sliderContainer.current as any).noUiSlider.on('update', (values: string[]) => {\n const generatedValues = values.map((value) => parseInt(value));\n setStart([...generatedValues]);\n });\n\n (sliderContainer.current as any).noUiSlider.on('change', onChangeHandler);\n\n setMinMaxValues();\n });\n\n watchStart(setMinMaxValues);\n\n function setMinMaxValues() {\n const { minValue, maxValue } = getValues();\n\n sliderMin.current!.innerHTML = `${toCurrency(minValue)}`.replace(',', '.');\n sliderMax.current!.innerHTML = `${toCurrency(maxValue)}`.replace(',', '.');\n }\n\n function onChangeHandler() {\n const { minValue, maxValue } = getValues();\n\n sliderMinValue.current!.value = `${minValue}`;\n sliderMaxValue.current!.value = `${maxValue}`;\n\n sliderMinValue.current!.checked = true;\n sliderMaxValue.current!.checked = true;\n\n sliderMinValue.current!.dispatchEvent(new Event('change'));\n sliderMaxValue.current!.dispatchEvent(new Event('change'));\n\n rangeValuesChanged.emit({ minValue, maxValue, hasChanged });\n }\n\n function getValues() {\n const hasZeroValues = element.start.every((item) => item === 0);\n const minValue = hasZeroValues ? min : element.start[0];\n const maxValue = hasZeroValues ? max : element.start[1];\n\n setBindValue(element.start);\n setHasChanged(JSON.stringify(element.start) !== JSON.stringify([min, max]));\n\n return {\n minValue,\n maxValue,\n };\n }\n\n function resetState() {\n (sliderContainer.current as any).noUiSlider.set([min, max]);\n setStart([0, 0]);\n setHasChanged(false);\n }\n};\n\nRangeSlider.props = {\n min: {\n type: Number,\n reflectToAttr: true,\n },\n max: {\n type: Number,\n reflectToAttr: true,\n },\n increment: {\n type: Number,\n reflectToAttr: true,\n },\n hasChanged: {\n type: Boolean,\n reflectToAttr: true,\n },\n start: {\n type: Array,\n reflectToAttr: true,\n },\n bindValue: {\n type: Array,\n },\n};\n\ndefineElement('bpd-range-slider', RangeSlider);\n"],"names":[],"mappings":"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"}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import { h } from '@atomify/jsx';
|
|
2
|
-
import createImageUrl from './utilities/create-image-url.js';
|
|
3
|
-
|
|
4
|
-
const Image = (data) => {
|
|
5
|
-
const preload = data.preload ? createImageUrl(data.image, data.preload) : false;
|
|
6
|
-
return (h("bpd-image", { class: `c-image ${data.classes ? data.classes : ''}` },
|
|
7
|
-
h("figure", Object.assign({}, { 'js-hook-objectfit-container': data.objectFit }),
|
|
8
|
-
h("img", Object.assign({ class: `${data.disableCrossFade ? '' : ' image__default'}`, "data-image": data.image, alt: data.alt }, {
|
|
9
|
-
src: preload ? preload : false,
|
|
10
|
-
'data-settings': JSON.stringify(data.settings),
|
|
11
|
-
'js-hook-objectfit-img': data.objectFit,
|
|
12
|
-
hidden: data.hidden,
|
|
13
|
-
}))),
|
|
14
|
-
data.caption && h("figcaption", { class: "image__caption" }, data.caption)));
|
|
15
|
-
};
|
|
16
|
-
|
|
17
|
-
export { Image };
|
|
18
|
-
//# sourceMappingURL=image.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"image.js","sources":["../../../../src/atoms/image/image.tsx"],"sourcesContent":["import { h } from '@atomify/jsx';\n\nimport createImageUrl from './utilities/create-image-url';\nimport { Setting, Settings } from './utilities/image';\n\nexport interface ImageInterface {\n image: string;\n alt: string;\n\n settings?: Settings;\n preload?: Setting;\n\n // Remove after settings is implemented\n srcset?: string;\n\n classes?: string;\n caption?: string;\n\n hidden?: boolean;\n objectFit?: boolean | 'contain';\n disableCrossFade?: boolean;\n}\n\nexport const Image = (data: ImageInterface) => {\n const preload = data.preload ? createImageUrl(data.image, data.preload) : false;\n\n return (\n <bpd-image class={`c-image ${data.classes ? data.classes : ''}`}>\n <figure {...{ 'js-hook-objectfit-container': data.objectFit }}>\n <img\n class={`${data.disableCrossFade ? '' : ' image__default'}`}\n data-image={data.image}\n alt={data.alt}\n {...{\n src: preload ? preload : false,\n 'data-settings': JSON.stringify(data.settings),\n 'js-hook-objectfit-img': data.objectFit,\n hidden: data.hidden,\n }}\n />\n </figure>\n\n {data.caption && <figcaption class=\"image__caption\">{data.caption}</figcaption>}\n </bpd-image>\n );\n};\n"],"names":[],"mappings":";;;MAuBa,KAAK,GAAG,CAAC,IAAoB;IACtC,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC,GAAG,KAAK,CAAC;IAEhF,QACI,iBAAW,KAAK,EAAE,WAAW,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,GAAG,EAAE,EAAE;QAC3D,8BAAY,EAAE,6BAA6B,EAAE,IAAI,CAAC,SAAS,EAAE;YACzD,yBACI,KAAK,EAAE,GAAG,IAAI,CAAC,gBAAgB,GAAG,EAAE,GAAG,iBAAiB,EAAE,gBAC9C,IAAI,CAAC,KAAK,EACtB,GAAG,EAAE,IAAI,CAAC,GAAG,IACT;gBACA,GAAG,EAAE,OAAO,GAAG,OAAO,GAAG,KAAK;gBAC9B,eAAe,EAAE,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC;gBAC9C,uBAAuB,EAAE,IAAI,CAAC,SAAS;gBACvC,MAAM,EAAE,IAAI,CAAC,MAAM;aACtB,EACH,CACG;QAER,IAAI,CAAC,OAAO,IAAI,kBAAY,KAAK,EAAC,gBAAgB,IAAE,IAAI,CAAC,OAAO,CAAc,CACvE,EACd;AACN;;;;"}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
const addUrlParameter = (url, key, value) => {
|
|
2
|
-
const separator = url.indexOf('?') > -1 ? '&' : '?';
|
|
3
|
-
return `${url}${separator}${key}=${value}`;
|
|
4
|
-
};
|
|
5
|
-
const createImageUrl = (image, { width, height }) => {
|
|
6
|
-
let url = addUrlParameter(image, 'mode', 'crop');
|
|
7
|
-
if (width)
|
|
8
|
-
url = addUrlParameter(url, 'width', width);
|
|
9
|
-
if (height)
|
|
10
|
-
url = addUrlParameter(url, 'height', height);
|
|
11
|
-
return url;
|
|
12
|
-
};
|
|
13
|
-
|
|
14
|
-
export { createImageUrl as default };
|
|
15
|
-
//# sourceMappingURL=create-image-url.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"create-image-url.js","sources":["../../../../../src/atoms/image/utilities/create-image-url.ts"],"sourcesContent":["interface Setting {\n width?: number;\n height?: number;\n}\n\nconst addUrlParameter = (url: string, key: string, value: string | number) => {\n const separator = url.indexOf('?') > -1 ? '&' : '?';\n\n return `${url}${separator}${key}=${value}`;\n};\n\nconst createImageUrl = (image: string, { width, height }: Setting) => {\n let url = addUrlParameter(image, 'mode', 'crop');\n\n if (width) url = addUrlParameter(url, 'width', width);\n if (height) url = addUrlParameter(url, 'height', height);\n\n return url;\n};\n\nexport default createImageUrl;\n"],"names":[],"mappings":"AAKA,MAAM,eAAe,GAAG,CAAC,GAAW,EAAE,GAAW,EAAE,KAAsB;IACrE,MAAM,SAAS,GAAG,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,GAAG,GAAG,GAAG,CAAC;IAEpD,OAAO,GAAG,GAAG,GAAG,SAAS,GAAG,GAAG,IAAI,KAAK,EAAE,CAAC;AAC/C,CAAC,CAAC;MAEI,cAAc,GAAG,CAAC,KAAa,EAAE,EAAE,KAAK,EAAE,MAAM,EAAW;IAC7D,IAAI,GAAG,GAAG,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IAEjD,IAAI,KAAK;QAAE,GAAG,GAAG,eAAe,CAAC,GAAG,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC;IACtD,IAAI,MAAM;QAAE,GAAG,GAAG,eAAe,CAAC,GAAG,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;IAEzD,OAAO,GAAG,CAAC;AACf;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"row.js","sources":["../../../../src/atoms/row/row.tsx"],"sourcesContent":["import { h } from '@atomify/jsx';\n\ninterface RowInterface {\n extraClass?: string;\n children?: NodeList;\n}\n\nexport const Row = ({ extraClass = '', children }: RowInterface) => (\n <div class={`o-grid ${extraClass}`}>{children}</div>\n);\n"],"names":[],"mappings":";;MAOa,GAAG,GAAG,CAAC,EAAE,UAAU,GAAG,EAAE,EAAE,QAAQ,EAAgB,MAC3D,WAAK,KAAK,EAAE,UAAU,UAAU,EAAE,IAAG,QAAQ,CAAO;;;;"}
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import { __decorate } from '../../node_modules/tslib/tslib.es6.js';
|
|
2
|
-
import { Prop, Component } from '@atomify/core';
|
|
3
|
-
import { h } from '@atomify/jsx';
|
|
4
|
-
|
|
5
|
-
let BPDSvg = class BPDSvg extends HTMLElement {
|
|
6
|
-
constructor() {
|
|
7
|
-
super(...arguments);
|
|
8
|
-
this.name = '';
|
|
9
|
-
}
|
|
10
|
-
render() {
|
|
11
|
-
return (h("svg", { class: `svg svg-${this.name}` },
|
|
12
|
-
h("use", { xlinkHref: `#svg-${this.name}` })));
|
|
13
|
-
}
|
|
14
|
-
};
|
|
15
|
-
__decorate([
|
|
16
|
-
Prop()
|
|
17
|
-
], BPDSvg.prototype, "name", void 0);
|
|
18
|
-
BPDSvg = __decorate([
|
|
19
|
-
Component({
|
|
20
|
-
tag: 'bpd-svg',
|
|
21
|
-
})
|
|
22
|
-
], BPDSvg);
|
|
23
|
-
|
|
24
|
-
export { BPDSvg };
|
|
25
|
-
//# sourceMappingURL=svg.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"svg.js","sources":["../../../../src/atoms/svg/svg.tsx"],"sourcesContent":["import { Component, Prop } from '@atomify/core';\nimport { h } from '@atomify/jsx';\n\n@Component({\n tag: 'bpd-svg',\n})\nexport class BPDSvg extends HTMLElement {\n @Prop() name: string = '';\n\n render() {\n return (\n <svg class={`svg svg-${this.name}`}>\n <use xlinkHref={`#svg-${this.name}`}></use>\n </svg>\n );\n }\n}\n"],"names":[],"mappings":";;;;IAMa,MAAM,GAAnB,MAAa,MAAO,SAAQ,WAAW;IAAvC;;QACY,SAAI,GAAW,EAAE,CAAC;KAS7B;IAPG,MAAM;QACF,QACI,WAAK,KAAK,EAAE,WAAW,IAAI,CAAC,IAAI,EAAE;YAC9B,WAAK,SAAS,EAAE,QAAQ,IAAI,CAAC,IAAI,EAAE,GAAQ,CACzC,EACR;KACL;EACJ;AATW;IAAP,IAAI,EAAE;oCAAmB;AADjB,MAAM;IAHlB,SAAS,CAAC;QACP,GAAG,EAAE,SAAS;KACjB,CAAC;GACW,MAAM,CAUlB;;;;"}
|
package/dist/esm/index.js
DELETED
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
export { Button, ButtonA } from './atoms/button/button.js';
|
|
2
|
-
export { Col } from './atoms/col/col.js';
|
|
3
|
-
export { Container } from './atoms/container/container.js';
|
|
4
|
-
export { RangeSliderElement } from './atoms/form-elements/range-slider/range-slider.js';
|
|
5
|
-
export { RangeSlider } from './atoms/form-elements/utilities/range-slider.js';
|
|
6
|
-
export { Image } from './atoms/image/image.js';
|
|
7
|
-
export { Row } from './atoms/row/row.js';
|
|
8
|
-
export { BPDSvg } from './atoms/svg/svg.js';
|
|
9
|
-
export { Infobox } from './molecules/infobox/infobox.js';
|
|
10
|
-
export { fitBounds } from './molecules/map/utilities/fit-bounds.js';
|
|
11
|
-
export { clearFilter, clearFocus, clearHover, clearSearchResult, getHover, getMapInstance, getMapboxData, getSearchIsMoving, manualSearch, mapStore, setFilter, setFocus, setLayerRaster, setMapInstance, updateClick, updateHover, updateMapData, updateSearchIsMoving, updateSearchResult } from './molecules/map/store/map/store.js';
|
|
12
|
-
export { Map } from './molecules/map/map.js';
|
|
13
|
-
export { Tooltip } from './molecules/tooltip/tooltip.js';
|
|
14
|
-
//# sourceMappingURL=index.js.map
|
package/dist/esm/index.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}
|