udp-stencil-component-library 1.0.0

package/dist/components/p-Dojklsof.js

@@ -0,0 +1,116 @@
+import { p as proxyCustomElement, H, h, d as Host } from './p-DPon6DDX.js';
+import { d as defineCustomElement$4 } from './p-DaQoPi4y.js';
+import { d as defineCustomElement$3 } from './p-Ci_CQV-N.js';
+import { d as defineCustomElement$2 } from './p-BoD1tv2h.js';
+import { d as defineCustomElement$1 } from './p-DkppmXNM.js';
+
+const typographyVariantsList = [
+    'body',
+    'body1',
+    'body2',
+    'h1',
+    'h2',
+    'h3',
+    'h4',
+    'h5',
+    'h6',
+    'caption-text',
+    'data-display-one',
+    'data-display-two',
+    'data-display-three',
+    'data-display-four',
+    'button',
+];
+
+const udpFormsBuilderStyleOverrideCss = ":host{display:flex;flex-direction:column;gap:var(--spacing-4, 16px)}";
+
+const UdpFormsBuilderStyleOverride = /*@__PURE__*/ proxyCustomElement(class UdpFormsBuilderStyleOverride extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+    }
+    styleOverrideHandler(field, subfield, value) {
+        const updated = Object.assign({}, this.formMetadata);
+        if (!updated.styleOverrides) {
+            updated.styleOverrides = {};
+        }
+        if (subfield) {
+            if (!updated.styleOverrides[field]) {
+                updated.styleOverrides[field] = {};
+            }
+            updated.styleOverrides[field][subfield] = value;
+        }
+        else {
+            updated.styleOverrides[field] = value;
+        }
+        this.onFormMetadataChange(updated);
+    }
+    renderStyleTextField(label, value, field, subfield) {
+        return (h("div", { class: "form-style-override-item-container" }, h("text-field", { label: label, value: value || '', placeholder: label, onInput: (e) => {
+                e.preventDefault();
+                this.styleOverrideHandler(field, subfield !== null && subfield !== void 0 ? subfield : null, e.target.value);
+            } })));
+    }
+    renderStyleDropdownField(label, value, field, subfield) {
+        const typographyOptions = [
+            { value: '', label: 'None' },
+            ...typographyVariantsList.map(variant => ({
+                value: variant,
+                label: variant,
+            })),
+        ];
+        return (h("div", { class: "form-style-override-item-container" }, h("udp-selector", { label: label, key: `${field}-${subfield !== null && subfield !== void 0 ? subfield : ''}`, initialValue: value, options: typographyOptions, disabled: false, onChange: (e) => {
+                console.log(e);
+                this.styleOverrideHandler(field, subfield, e.detail);
+            } })));
+    }
+    render() {
+        // if (!this.isVisible) return null;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9;
+        return (h(Host, { key: 'cb68844b53906619f1b9054eb39e0a1715c987aa' }, h("unity-typography", { key: 'b318dca91cc83ecd556ecec6cd55de400f2956d1', variant: "h6" }, "Backgrounds and Colors"), this.renderStyleTextField('Background Image', (_c = (_b = (_a = this.formMetadata) === null || _a === void 0 ? void 0 : _a.background) === null || _b === void 0 ? void 0 : _b.backgroundImage) !== null && _c !== void 0 ? _c : '', 'background', 'backgroundImage'), this.renderStyleTextField('Background Color', (_f = (_e = (_d = this.formMetadata) === null || _d === void 0 ? void 0 : _d.background) === null || _e === void 0 ? void 0 : _e.backgroundColor) !== null && _f !== void 0 ? _f : '', 'background', 'backgroundColor'), this.renderStyleTextField('Header Background Color', (_h = (_g = this.formMetadata) === null || _g === void 0 ? void 0 : _g.headerBackgroundColor) !== null && _h !== void 0 ? _h : '', 'headerBackgroundColor'), h("udp-divider", { key: '0e8419e7e3f22d8b549e2dfb8e7e08645413c128' }), h("unity-typography", { key: '81258325302270e2be6e64750d2c22ce57119158', variant: "h6" }, "Fonts"), this.renderStyleTextField('Font Family', (_k = (_j = this.formMetadata) === null || _j === void 0 ? void 0 : _j.fontFamily) !== null && _k !== void 0 ? _k : '', 'fontFamily'), this.renderStyleTextField('Question Text Font Family', (_o = (_m = (_l = this.formMetadata) === null || _l === void 0 ? void 0 : _l.questionText) === null || _m === void 0 ? void 0 : _m.fontFamily) !== null && _o !== void 0 ? _o : '', 'questionText', 'fontFamily'), this.renderStyleDropdownField('Question Text Typography', (_r = (_q = (_p = this.formMetadata) === null || _p === void 0 ? void 0 : _p.questionText) === null || _q === void 0 ? void 0 : _q.variant) !== null && _r !== void 0 ? _r : '', 'questionText', 'variant'), this.renderStyleTextField('Title Text Font Family', (_u = (_t = (_s = this.formMetadata) === null || _s === void 0 ? void 0 : _s.titleText) === null || _t === void 0 ? void 0 : _t.fontFamily) !== null && _u !== void 0 ? _u : '', 'titleText', 'fontFamily'), this.renderStyleDropdownField('Title Text Typography', (_x = (_w = (_v = this.formMetadata) === null || _v === void 0 ? void 0 : _v.titleText) === null || _w === void 0 ? void 0 : _w.variant) !== null && _x !== void 0 ? _x : '', 'titleText', 'variant'), this.renderStyleTextField('Paragraph Text Font Family', (_0 = (_z = (_y = this.formMetadata) === null || _y === void 0 ? void 0 : _y.paragraphText) === null || _z === void 0 ? void 0 : _z.fontFamily) !== null && _0 !== void 0 ? _0 : '', 'paragraphText', 'fontFamily'), this.renderStyleDropdownField('Paragraph Text Typography', (_3 = (_2 = (_1 = this.formMetadata) === null || _1 === void 0 ? void 0 : _1.paragraphText) === null || _2 === void 0 ? void 0 : _2.variant) !== null && _3 !== void 0 ? _3 : '', 'paragraphText', 'variant'), this.renderStyleTextField('Helper Text Font Family', (_6 = (_5 = (_4 = this.formMetadata) === null || _4 === void 0 ? void 0 : _4.helperText) === null || _5 === void 0 ? void 0 : _5.fontFamily) !== null && _6 !== void 0 ? _6 : '', 'helperText', 'fontFamily'), this.renderStyleDropdownField('Helper Text Typography', (_9 = (_8 = (_7 = this.formMetadata) === null || _7 === void 0 ? void 0 : _7.helperText) === null || _8 === void 0 ? void 0 : _8.variant) !== null && _9 !== void 0 ? _9 : '', 'helperText', 'variant')));
+    }
+    static get style() { return udpFormsBuilderStyleOverrideCss; }
+}, [1, "udp-forms-builder-style-override", {
+        "formMetadata": [8, "form-metadata"],
+        "isVisible": [4, "is-visible"],
+        "onFormMetadataChange": [16, "on-form-metadata-change"]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["udp-forms-builder-style-override", "text-field", "udp-divider", "udp-selector", "unity-typography"];
+    components.forEach(tagName => { switch (tagName) {
+        case "udp-forms-builder-style-override":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, UdpFormsBuilderStyleOverride);
+            }
+            break;
+        case "text-field":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "udp-divider":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "udp-selector":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+        case "unity-typography":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+
+export { UdpFormsBuilderStyleOverride as U, defineCustomElement as d };
+//# sourceMappingURL=p-Dojklsof.js.map
+
+//# sourceMappingURL=p-Dojklsof.js.map

package/dist/components/p-Dojklsof.js.map

@@ -0,0 +1 @@
+{"file":"p-Dojklsof.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/my-component/UI/forms/udp-forms/udp-forms-builder/typographyVariantsList.ts","src/components/my-component/UI/forms/udp-forms/udp-forms-builder/udp-forms-builder-style-override.css?tag=udp-forms-builder-style-override&encapsulation=shadow","src/components/my-component/UI/forms/udp-forms/udp-forms-builder/udp-forms-builder-style-override.tsx"],"sourcesContent":["import {TypographyVariant} from '../../../unity-typography/types';\n\n\nexport const typographyVariantsList: TypographyVariant[] = [\n  'body',\n  'body1',\n  'body2',\n  'h1',\n  'h2',\n  'h3',\n  'h4',\n  'h5',\n  'h6',\n  'caption-text',\n  'data-display-one',\n  'data-display-two',\n  'data-display-three',\n  'data-display-four',\n  'button',\n];\n",":host {\n  display: flex;\n  flex-direction: column;\n  gap: var(--spacing-4, 16px);\n}","import { Component, h, Prop, Host } from '@stencil/core';\nimport { typographyVariantsList } from './typographyVariantsList';\n\n@Component({\n  tag: 'udp-forms-builder-style-override',\n  styleUrl: 'udp-forms-builder-style-override.css',\n  shadow: true,\n})\nexport class UdpFormsBuilderStyleOverride {\n  @Prop() formMetadata: any;\n  @Prop() isVisible: boolean;\n  @Prop() onFormMetadataChange: (updatedMetadata: {}) => void;\n\n  private styleOverrideHandler(field: string, subfield: string | null, value: string) {\n    const updated = { ...this.formMetadata };\n\n    if (!updated.styleOverrides) {\n      updated.styleOverrides = {};\n    }\n\n    if (subfield) {\n      if (!updated.styleOverrides[field]) {\n        updated.styleOverrides[field] = {};\n      }\n\n      (updated.styleOverrides[field] as any)[subfield] = value;\n    } else {\n      (updated.styleOverrides as any)[field] = value;\n    }\n\n    this.onFormMetadataChange(updated);\n  }\n\n  private renderStyleTextField(label: string, value: string, field: string, subfield?: string) {\n    return (\n      <div class=\"form-style-override-item-container\">\n        {/* <unity-typography variant={'h5'}>{label}</unity-typography> */}\n        <text-field\n          label={label}\n          value={value || ''}\n          placeholder={label}\n          onInput={(e: Event) => {\n            e.preventDefault();\n            this.styleOverrideHandler(field, subfield ?? null, (e.target as HTMLInputElement).value);\n          }}\n        ></text-field>\n      </div>\n    );\n  }\n\n  private renderStyleDropdownField(label: string, value: string, field: string, subfield?: string) {\n    const typographyOptions = [\n      { value: '', label: 'None' },\n      ...typographyVariantsList.map(variant => ({\n        value: variant,\n        label: variant,\n      })),\n    ];\n\n    return (\n      <div class=\"form-style-override-item-container\">\n        <udp-selector\n          label={label}\n          key={`${field}-${subfield ?? ''}`}\n          initialValue={value}\n          options={typographyOptions}\n          disabled={false}\n          onChange={(e: CustomEvent) => {\n            console.log(e);\n            this.styleOverrideHandler(field, subfield, e.detail);\n          }}\n        ></udp-selector>\n      </div>\n    );\n  }\n\n  render() {\n    // if (!this.isVisible) return null;\n\n    return (\n      <Host>\n        <unity-typography variant=\"h6\">Backgrounds and Colors</unity-typography>\n        {this.renderStyleTextField('Background Image', this.formMetadata?.background?.backgroundImage ?? '', 'background', 'backgroundImage')}\n        {this.renderStyleTextField('Background Color', this.formMetadata?.background?.backgroundColor ?? '', 'background', 'backgroundColor')}\n        {this.renderStyleTextField('Header Background Color', this.formMetadata?.headerBackgroundColor ?? '', 'headerBackgroundColor')}\n        <udp-divider />\n        <unity-typography variant=\"h6\">Fonts</unity-typography>\n        {this.renderStyleTextField('Font Family', this.formMetadata?.fontFamily ?? '', 'fontFamily')}\n        {this.renderStyleTextField('Question Text Font Family', this.formMetadata?.questionText?.fontFamily ?? '', 'questionText', 'fontFamily')}\n        {this.renderStyleDropdownField('Question Text Typography', this.formMetadata?.questionText?.variant ?? '', 'questionText', 'variant')}\n        {this.renderStyleTextField('Title Text Font Family', this.formMetadata?.titleText?.fontFamily ?? '', 'titleText', 'fontFamily')}\n        {this.renderStyleDropdownField('Title Text Typography', this.formMetadata?.titleText?.variant ?? '', 'titleText', 'variant')}\n        {this.renderStyleTextField('Paragraph Text Font Family', this.formMetadata?.paragraphText?.fontFamily ?? '', 'paragraphText', 'fontFamily')}\n        {this.renderStyleDropdownField('Paragraph Text Typography', this.formMetadata?.paragraphText?.variant ?? '', 'paragraphText', 'variant')}\n        {this.renderStyleTextField('Helper Text Font Family', this.formMetadata?.helperText?.fontFamily ?? '', 'helperText', 'fontFamily')}\n        {this.renderStyleDropdownField('Helper Text Typography', this.formMetadata?.helperText?.variant ?? '', 'helperText', 'variant')}\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/p-Dp267u3c.js

@@ -0,0 +1,231 @@
+import VectorLayer from 'ol/layer/Vector';
+import VectorSource from 'ol/source/Vector';
+import { Select, Draw } from 'ol/interaction';
+import { Point, LineString, Polygon } from 'ol/geom';
+import { Feature } from 'ol';
+import * as turf from '@turf/turf';
+import { createBox } from 'ol/interaction/Draw';
+import { transformExtent } from 'ol/proj';
+import { click } from 'ol/events/condition';
+import { first } from 'lodash';
+import { h as hasStyles } from './p-_3wImzvq.js';
+import { S as SelectFeatureInteractionId, D as DrawBaseLayerId } from './p-CwN0FuAf.js';
+
+const getSelectInteraction = (splitActive, handleSetCurrentSelectedFeature, handleSetSelectedFeatureProperties, handleSetShowPopOver, handleSetSelectedFeatureOnSelect, showPopper, getSelectedFeatureStyles, handleAddInteraction, enableDragBox, handleUpdateSelectInteraction, handleGetAdditionalFeaturePropertiesOnSelect) => {
+    const selectInteraction = new Select({
+        condition: e => {
+            return click(e);
+        },
+        multi: false,
+        hitTolerance: 30,
+    });
+    selectInteraction.set('id', SelectFeatureInteractionId);
+    selectInteraction.on('select', async (event) => {
+        if (!enableDragBox && !splitActive) {
+            if (event.selected.length > 0) {
+                const currentFeature = first(event.selected);
+                if (handleGetAdditionalFeaturePropertiesOnSelect) {
+                    let additionalProperties = await handleGetAdditionalFeaturePropertiesOnSelect(event.selected);
+                    if (additionalProperties && typeof additionalProperties === 'object') {
+                        Object.keys(additionalProperties).forEach(key => {
+                            currentFeature.values_[`${key}`] = additionalProperties[key];
+                        });
+                    }
+                }
+                handleSetCurrentSelectedFeature(currentFeature);
+                if (handleSetSelectedFeatureOnSelect) {
+                    handleSetSelectedFeatureOnSelect(currentFeature);
+                }
+                handleSetSelectedFeatureProperties(currentFeature);
+                showPopper(currentFeature);
+                if (getSelectedFeatureStyles) {
+                    let styles = getSelectedFeatureStyles(currentFeature);
+                    if (hasStyles(styles)) {
+                        currentFeature.setStyle(styles);
+                    }
+                }
+            }
+            else {
+                handleSetSelectedFeatureProperties(null);
+                handleSetShowPopOver(false);
+            }
+        }
+    });
+    handleUpdateSelectInteraction(selectInteraction);
+    handleAddInteraction(selectInteraction);
+};
+const getBulkSelectDrawInteraction = (map, bulkSelectionType, projection, handleSetBulkSelectionActive, handleSetEnableDragBox, handleSetSelectedFeatureProperties, clearSelectFeatureInteraction, currentBulkSelectDrawInteraction, handleSetCurrentBulkSelectDrawInteraction, handleRemoveInteraction, handleAddInteraction, selectedFeatureByBoxSelection, handleSetSelectedFeatureByBoxSelection, handleSetSelectedBulkSelectionType, getSelectedFeatureStyles, handleSetSelectedFeaturesOnBulkSelect) => {
+    handleSetBulkSelectionActive(true);
+    handleSetEnableDragBox(true);
+    handleSetSelectedFeatureProperties(null);
+    handleSetSelectedFeatureByBoxSelection([]);
+    handleSetSelectedBulkSelectionType(bulkSelectionType);
+    clearSelectFeatureInteraction();
+    if (map) {
+        if (currentBulkSelectDrawInteraction) {
+            handleRemoveInteraction(currentBulkSelectDrawInteraction);
+        }
+        const drawOption = { type: 'Circle' };
+        if (bulkSelectionType === 'box') {
+            drawOption.geometryFunction = createBox();
+        }
+        else if (bulkSelectionType === 'polygon') {
+            drawOption.type = 'Polygon';
+        }
+        else if (bulkSelectionType === 'lasso') {
+            drawOption.type = 'Polygon';
+            drawOption.freehand = true;
+        }
+        const boxSelectionInteraction = new Draw(drawOption);
+        handleSetCurrentBulkSelectDrawInteraction(boxSelectionInteraction);
+        handleAddInteraction(boxSelectionInteraction);
+        boxSelectionInteraction.setActive(true);
+        let selectedFeatures = [];
+        boxSelectionInteraction.on('drawend', (event) => {
+            handleRemoveInteraction(currentBulkSelectDrawInteraction);
+            let boxExtent = event.feature.getGeometry().getExtent();
+            boxExtent = transformExtent(boxExtent, map.getView().getProjection(), projection);
+            map.getLayers().forEach((layer) => {
+                if (layer instanceof VectorLayer) {
+                    let src = layer.getSource();
+                    const featuresInBox = src.getFeaturesInExtent(boxExtent).filter(feature => {
+                        return feature.getGeometry().intersectsExtent(boxExtent) && !selectedFeatureByBoxSelection.includes(feature);
+                    });
+                    if (getSelectedFeatureStyles) {
+                        featuresInBox.forEach(f => {
+                            let style = getSelectedFeatureStyles(f);
+                            if (hasStyles(style)) {
+                                f.setStyle(style);
+                            }
+                        });
+                    }
+                    selectedFeatures.push(...featuresInBox);
+                }
+            });
+            if (selectedFeatures.length > 0) {
+                let newFeatures = (selectedFeatureByBoxSelection === null || selectedFeatureByBoxSelection === void 0 ? void 0 : selectedFeatureByBoxSelection.length) > 0 ? [...selectedFeatureByBoxSelection, ...selectedFeatures] : selectedFeatures;
+                handleSetSelectedFeatureByBoxSelection(newFeatures);
+                if (handleSetSelectedFeaturesOnBulkSelect) {
+                    handleSetSelectedFeaturesOnBulkSelect(selectedFeatureByBoxSelection);
+                }
+            }
+            handleSetEnableDragBox(false);
+            boxSelectionInteraction.setActive(false);
+        });
+        handleSetCurrentBulkSelectDrawInteraction(boxSelectionInteraction);
+    }
+};
+const getAddFeatureDrawInteraction = (map, selectedLayer, selectedType = 'Point', handleRemoveInteraction, currentInteraction, handleSetCurrentInteraction, handleGetFeatureObject, handleEnableAddNewFeature, handleSetSelectedFeatureProperties, handleAddInteraction, addMultipleFeatures, addNewFeature) => {
+    var _a, _b, _c, _d;
+    if (handleSetSelectedFeatureProperties) {
+        handleSetSelectedFeatureProperties(null);
+    }
+    handleEnableAddNewFeature(true);
+    if (currentInteraction) {
+        handleRemoveInteraction(currentInteraction);
+    }
+    let source = new VectorSource();
+    if (selectedLayer) {
+        (_a = map === null || map === void 0 ? void 0 : map.getLayers()) === null || _a === void 0 ? void 0 : _a.forEach(layer => {
+            if (layer instanceof VectorLayer) {
+                if (selectedLayer.value === layer.getProperties().value) {
+                    source = layer.getSource();
+                }
+            }
+        });
+    }
+    else {
+        source = (_d = (_c = (_b = map === null || map === void 0 ? void 0 : map.getLayers()) === null || _b === void 0 ? void 0 : _b.getArray()) === null || _c === void 0 ? void 0 : _c.find(layer => layer instanceof VectorLayer && layer.get('id') === DrawBaseLayerId)) === null || _d === void 0 ? void 0 : _d.getSource();
+    }
+    const addFeatureDrawInteraction = new Draw({ source: source, type: selectedType.value });
+    handleSetCurrentInteraction(addFeatureDrawInteraction);
+    addFeatureDrawInteraction.on('drawend', function (event) {
+        const feature = event.feature;
+        let featureGeom = feature.getGeometry();
+        if (featureGeom instanceof Point || featureGeom instanceof LineString || featureGeom instanceof Polygon) {
+            let featureObject = {
+                feature: feature,
+                type: selectedType,
+                coordinates: featureGeom.getCoordinates(),
+                geometry: featureGeom,
+                layer: selectedLayer,
+                source: source,
+            };
+            if (handleGetFeatureObject) {
+                handleGetFeatureObject(featureObject);
+            }
+            if (!addMultipleFeatures) {
+                addNewFeature();
+            }
+        }
+    });
+    handleAddInteraction(addFeatureDrawInteraction);
+};
+const getSplitInteraction = (map, selectedLayer, currentInteraction, handleSetCurrentInteraction, handleSetSplitActive, handleRemoveInteraction, handleAddInteraction, handleRetrieveSplitFeature) => {
+    if (currentInteraction) {
+        handleRemoveInteraction(currentInteraction);
+    }
+    handleSetCurrentInteraction(null);
+    handleSetSplitActive(true);
+    let source = new VectorSource();
+    map.getLayers().forEach(layer => {
+        if (layer instanceof VectorLayer) {
+            if (selectedLayer.value === layer.getProperties().value) {
+                source = layer.getSource();
+            }
+        }
+    });
+    const splitInteraction = new Draw({ source: source, type: 'LineString' });
+    handleSetCurrentInteraction(splitInteraction);
+    splitInteraction.on('drawend', function (event) {
+        const feature = event.feature;
+        const geometry = feature.getGeometry();
+        if (geometry instanceof LineString) {
+            const coords1 = geometry.getCoordinates();
+            const splitCoordinates = turf.lineString(coords1);
+            let intersections;
+            let splitLineString1 = new Feature();
+            let splitLineString2 = new Feature();
+            source.getFeatures().forEach(currentFeature => {
+                const currentFeatureGeometry = currentFeature.getGeometry();
+                if (currentFeatureGeometry instanceof LineString) {
+                    let coords2 = currentFeatureGeometry.getCoordinates();
+                    const currentCoordinates = turf.lineString(coords2);
+                    intersections = turf.lineIntersect(currentCoordinates, splitCoordinates);
+                    if (intersections.features.length > 0) {
+                        const intersection = intersections.features[0].geometry.coordinates;
+                        const splitCoords1 = [currentCoordinates.geometry.coordinates[0], intersection];
+                        const splitCoords2 = [intersection, currentCoordinates.geometry.coordinates[1]];
+                        splitLineString1 = new Feature({
+                            geometry: new LineString(splitCoords1),
+                            name: 'Split LineString 1',
+                        });
+                        splitLineString2 = new Feature({
+                            geometry: new LineString(splitCoords2),
+                            name: 'Split LineString 2',
+                        });
+                    }
+                }
+            });
+            source.removeFeature(feature);
+            source.removeFeature(event.feature);
+            source.addFeature(splitLineString1);
+            source.addFeature(splitLineString2);
+            let splitFeatureDetails = {
+                originalFeature: feature,
+                newFeature1: splitLineString1,
+                newFeature2: splitLineString2,
+            };
+            if (handleRetrieveSplitFeature) {
+                handleRetrieveSplitFeature(splitFeatureDetails);
+            }
+        }
+    });
+    handleAddInteraction(splitInteraction);
+    handleSetCurrentInteraction(splitInteraction);
+};
+
+export { getBulkSelectDrawInteraction as a, getAddFeatureDrawInteraction as b, getSplitInteraction as c, getSelectInteraction as g };
+//# sourceMappingURL=p-Dp267u3c.js.map
+
+//# sourceMappingURL=p-Dp267u3c.js.map

package/dist/components/p-Dp267u3c.js.map

@@ -0,0 +1 @@
+{"file":"p-Dp267u3c.js","mappings":"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","names":[],"sources":["src/components/my-component/UI/map/udp-map/utils/map-interactions.tsx"],"sourcesContent":["import VectorLayer from 'ol/layer/Vector';\nimport VectorSource from 'ol/source/Vector';\nimport { Draw } from 'ol/interaction';\nimport { Point, LineString, Polygon } from 'ol/geom';\nimport { Feature } from 'ol';\nimport * as turf from '@turf/turf';\nimport { createBox } from 'ol/interaction/Draw';\nimport { transformExtent } from 'ol/proj';\nimport { Select } from 'ol/interaction';\nimport { click } from 'ol/events/condition';\nimport { first } from 'lodash';\nimport { hasStyles } from './udp-map-utils';\nimport { DrawBaseLayerId, SelectFeatureInteractionId } from './common';\n\nexport const getSelectInteraction = (\n  splitActive: boolean,\n  handleSetCurrentSelectedFeature: any,\n  handleSetSelectedFeatureProperties: any,\n  handleSetShowPopOver: any,\n  handleSetSelectedFeatureOnSelect: any,\n  showPopper: any,\n  getSelectedFeatureStyles: any,\n  handleAddInteraction: any,\n  enableDragBox: boolean,\n  handleUpdateSelectInteraction: any,\n  handleGetAdditionalFeaturePropertiesOnSelect: any,\n) => {\n  const selectInteraction = new Select({\n    condition: e => {\n      return click(e);\n    },\n    multi: false,\n    hitTolerance: 30,\n  });\n  selectInteraction.set('id', SelectFeatureInteractionId);\n  selectInteraction.on('select', async event => {\n    if (!enableDragBox && !splitActive) {\n      if (event.selected.length > 0) {\n        const currentFeature = first(event.selected);\n\n        if (handleGetAdditionalFeaturePropertiesOnSelect) {\n          let additionalProperties = await handleGetAdditionalFeaturePropertiesOnSelect(event.selected);\n          if (additionalProperties && typeof additionalProperties === 'object') {\n            Object.keys(additionalProperties).forEach(key => {\n              currentFeature.values_[`${key}`] = additionalProperties[key];\n            });\n          }\n        }\n        handleSetCurrentSelectedFeature(currentFeature);\n        if (handleSetSelectedFeatureOnSelect) {\n          handleSetSelectedFeatureOnSelect(currentFeature);\n        }\n        handleSetSelectedFeatureProperties(currentFeature);\n        showPopper(currentFeature);\n        if (getSelectedFeatureStyles) {\n          let styles = getSelectedFeatureStyles(currentFeature);\n          if (hasStyles(styles)) {\n            currentFeature.setStyle(styles);\n          }\n        }\n      } else {\n        handleSetSelectedFeatureProperties(null);\n        handleSetShowPopOver(false);\n      }\n    }\n  });\n\n  handleUpdateSelectInteraction(selectInteraction);\n  handleAddInteraction(selectInteraction);\n};\n\nexport const getBulkSelectDrawInteraction = (\n  map: any,\n  bulkSelectionType: string,\n  projection: string,\n  handleSetBulkSelectionActive: any,\n  handleSetEnableDragBox: any,\n  handleSetSelectedFeatureProperties: any,\n  clearSelectFeatureInteraction: any,\n  currentBulkSelectDrawInteraction: any,\n  handleSetCurrentBulkSelectDrawInteraction: any,\n  handleRemoveInteraction: any,\n  handleAddInteraction: any,\n  selectedFeatureByBoxSelection: any[],\n  handleSetSelectedFeatureByBoxSelection: any,\n  handleSetSelectedBulkSelectionType: any,\n  getSelectedFeatureStyles: any,\n  handleSetSelectedFeaturesOnBulkSelect: any,\n) => {\n  handleSetBulkSelectionActive(true);\n  handleSetEnableDragBox(true);\n  handleSetSelectedFeatureProperties(null);\n  handleSetSelectedFeatureByBoxSelection([]);\n  handleSetSelectedBulkSelectionType(bulkSelectionType);\n  clearSelectFeatureInteraction();\n  if (map) {\n    if (currentBulkSelectDrawInteraction) {\n      handleRemoveInteraction(currentBulkSelectDrawInteraction);\n    }\n    const drawOption: any = { type: 'Circle' };\n    if (bulkSelectionType === 'box') {\n      drawOption.geometryFunction = createBox();\n    } else if (bulkSelectionType === 'polygon') {\n      drawOption.type = 'Polygon';\n    } else if (bulkSelectionType === 'lasso') {\n      drawOption.type = 'Polygon';\n      drawOption.freehand = true;\n    }\n    const boxSelectionInteraction = new Draw(drawOption);\n    handleSetCurrentBulkSelectDrawInteraction(boxSelectionInteraction);\n    handleAddInteraction(boxSelectionInteraction);\n    boxSelectionInteraction.setActive(true);\n    let selectedFeatures: any[] = [];\n    boxSelectionInteraction.on('drawend', (event: any) => {\n      handleRemoveInteraction(currentBulkSelectDrawInteraction);\n      let boxExtent = event.feature.getGeometry().getExtent();\n      boxExtent = transformExtent(boxExtent, map.getView().getProjection(), projection);\n      map.getLayers().forEach((layer: any) => {\n        if (layer instanceof VectorLayer) {\n          let src = layer.getSource() as VectorSource;\n          const featuresInBox = src.getFeaturesInExtent(boxExtent).filter(feature => {\n            return feature.getGeometry().intersectsExtent(boxExtent) && !selectedFeatureByBoxSelection.includes(feature);\n          });\n          if (getSelectedFeatureStyles) {\n            featuresInBox.forEach(f => {\n              let style = getSelectedFeatureStyles(f);\n              if (hasStyles(style)) {\n                f.setStyle(style);\n              }\n            });\n          }\n          selectedFeatures.push(...featuresInBox);\n        }\n      });\n      if (selectedFeatures.length > 0) {\n        let newFeatures = selectedFeatureByBoxSelection?.length > 0 ? [...selectedFeatureByBoxSelection, ...selectedFeatures] : selectedFeatures;\n        handleSetSelectedFeatureByBoxSelection(newFeatures);\n        if (handleSetSelectedFeaturesOnBulkSelect) {\n          handleSetSelectedFeaturesOnBulkSelect(selectedFeatureByBoxSelection);\n        }\n      }\n      handleSetEnableDragBox(false);\n      boxSelectionInteraction.setActive(false);\n    });\n    handleSetCurrentBulkSelectDrawInteraction(boxSelectionInteraction);\n  }\n};\n\nexport const getAddFeatureDrawInteraction = (\n  map: any,\n  selectedLayer: any,\n  selectedType: any = 'Point',\n  handleRemoveInteraction: any,\n  currentInteraction: any,\n  handleSetCurrentInteraction: any,\n  handleGetFeatureObject: any,\n  handleEnableAddNewFeature: any,\n  handleSetSelectedFeatureProperties: any,\n  handleAddInteraction: any,\n  addMultipleFeatures: boolean,\n  addNewFeature: any,\n) => {\n  if (handleSetSelectedFeatureProperties) {\n    handleSetSelectedFeatureProperties(null);\n  }\n  handleEnableAddNewFeature(true);\n  if (currentInteraction) {\n    handleRemoveInteraction(currentInteraction);\n  }\n  let source = new VectorSource();\n  if (selectedLayer) {\n    map?.getLayers()?.forEach(layer => {\n      if (layer instanceof VectorLayer) {\n        if (selectedLayer.value === layer.getProperties().value) {\n          source = layer.getSource() as VectorSource;\n        }\n      }\n    });\n  } else {\n    source = map\n      ?.getLayers()\n      ?.getArray()\n      ?.find(layer => layer instanceof VectorLayer && layer.get('id') === DrawBaseLayerId)\n      ?.getSource() as VectorSource;\n  }\n\n  const addFeatureDrawInteraction = new Draw({ source: source, type: selectedType.value });\n  handleSetCurrentInteraction(addFeatureDrawInteraction);\n\n  addFeatureDrawInteraction.on('drawend', function (event) {\n    const feature = event.feature;\n    let featureGeom = feature.getGeometry();\n    if (featureGeom instanceof Point || featureGeom instanceof LineString || featureGeom instanceof Polygon) {\n      let featureObject = {\n        feature: feature,\n        type: selectedType,\n        coordinates: featureGeom.getCoordinates(),\n        geometry: featureGeom,\n        layer: selectedLayer,\n        source: source,\n      };\n\n      if (handleGetFeatureObject) {\n        handleGetFeatureObject(featureObject);\n      }\n      if (!addMultipleFeatures) {\n        addNewFeature();\n      }\n    }\n  });\n  handleAddInteraction(addFeatureDrawInteraction);\n};\n\nexport const getSplitInteraction = (\n  map: any,\n  selectedLayer: any,\n  currentInteraction: any,\n  handleSetCurrentInteraction: any,\n  handleSetSplitActive: any,\n  handleRemoveInteraction: any,\n  handleAddInteraction: any,\n  handleRetrieveSplitFeature: any,\n) => {\n  if (currentInteraction) {\n    handleRemoveInteraction(currentInteraction);\n  }\n  handleSetCurrentInteraction(null);\n  handleSetSplitActive(true);\n  let source = new VectorSource();\n  map.getLayers().forEach(layer => {\n    if (layer instanceof VectorLayer) {\n      if (selectedLayer.value === layer.getProperties().value) {\n        source = layer.getSource() as VectorSource;\n      }\n    }\n  });\n  const splitInteraction = new Draw({ source: source, type: 'LineString' });\n  handleSetCurrentInteraction(splitInteraction);\n  splitInteraction.on('drawend', function (event) {\n    const feature = event.feature;\n    const geometry = feature.getGeometry();\n    if (geometry instanceof LineString) {\n      const coords1 = geometry.getCoordinates();\n      const splitCoordinates = turf.lineString(coords1);\n      let intersections: any;\n      let splitLineString1 = new Feature();\n      let splitLineString2 = new Feature();\n      source.getFeatures().forEach(currentFeature => {\n        const currentFeatureGeometry = currentFeature.getGeometry();\n        if (currentFeatureGeometry instanceof LineString) {\n          let coords2 = currentFeatureGeometry.getCoordinates();\n          const currentCoordinates = turf.lineString(coords2);\n          intersections = turf.lineIntersect(currentCoordinates, splitCoordinates);\n          if (intersections.features.length > 0) {\n            const intersection = intersections.features[0].geometry.coordinates;\n            const splitCoords1 = [currentCoordinates.geometry.coordinates[0], intersection];\n            const splitCoords2 = [intersection, currentCoordinates.geometry.coordinates[1]];\n            splitLineString1 = new Feature({\n              geometry: new LineString(splitCoords1),\n              name: 'Split LineString 1',\n            });\n            splitLineString2 = new Feature({\n              geometry: new LineString(splitCoords2),\n              name: 'Split LineString 2',\n            });\n          }\n        }\n      });\n      source.removeFeature(feature);\n      source.removeFeature(event.feature);\n      source.addFeature(splitLineString1);\n      source.addFeature(splitLineString2);\n      let splitFeatureDetails = {\n        originalFeature: feature,\n        newFeature1: splitLineString1,\n        newFeature2: splitLineString2,\n      };\n      if (handleRetrieveSplitFeature) {\n        handleRetrieveSplitFeature(splitFeatureDetails);\n      }\n    }\n  });\n  handleAddInteraction(splitInteraction);\n  handleSetCurrentInteraction(splitInteraction);\n};\n"],"version":3}

package/dist/components/p-DpLtIIwx.js

@@ -0,0 +1,75 @@
+import { p as proxyCustomElement, H, c as createEvent, h } from './p-DPon6DDX.js';
+
+const customButtonCss = ".my-button{background-color:var(--primary-color);box-sizing:border-box;border:none;color:white;padding:8px 24px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color 0.3s ease;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;min-width:48px;min-height:24px;}.my-button:hover{background-color:var(--primary-color-dark)}.my-button:disabled{background-color:#c6c6c6;color:#6f6f6f;cursor:not-allowed}.my-button--outline{background-color:transparent;border:1px solid var(--primary-color);color:var(--primary-color);padding:5px 15px;min-width:64px}.my-button--outline:hover{background-color:rgba(0, 0, 0, 0.1)}.my-button--secondary{background-color:var(--accent-color-two)}.my-button--secondary:hover{background-color:brightness(var(--accent-color-two, 90%))}.my-button--text{background-color:transparent;color:var(--primary-color);padding:5px 15px;min-width:64px;border:none}.my-button--text:hover{background-color:rgba(0, 0, 0, 0.1);}.my-button--short{min-height:24px;}.my-button--tall{min-height:48px;}";
+
+const CustomButton = /*@__PURE__*/ proxyCustomElement(class CustomButton extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.customClick = createEvent(this, "customClick");
+        this.variant = 'default';
+        this.secondary = false;
+        this.type = 'button';
+        this.disabled = false;
+        this.size = 'default';
+        this.handleButtonClick = (event) => {
+            if (this.type === 'submit') {
+                event.preventDefault();
+            }
+            if (!this.disabled) {
+                if (this.handleClick) {
+                    this.handleClick(event);
+                }
+                this.customClick.emit();
+            }
+        };
+    }
+    render() {
+        let buttonClass = 'my-button';
+        if (this.variant === 'outline') {
+            buttonClass += ' my-button--outline';
+        }
+        else if (this.variant === 'text') {
+            buttonClass += ' my-button--text';
+        }
+        else if (this.secondary) {
+            buttonClass += ' my-button--secondary';
+        }
+        if (this.size === 'short') {
+            buttonClass += ' my-button--short';
+        }
+        else if (this.size === 'tall') {
+            buttonClass += ' my-button--tall';
+        }
+        return (h("button", { key: '8da708eea053829a93832f3bc2166907a6e91afe', type: this.type, class: buttonClass, onClick: this.handleButtonClick, disabled: this.disabled }, this.label, h("slot", { key: '1fc004ee4a00f9aabaf126554a9566803d314a10' })));
+    }
+    get el() { return this; }
+    static get style() { return customButtonCss; }
+}, [1, "custom-button", {
+        "label": [1],
+        "variant": [1],
+        "secondary": [4],
+        "type": [1],
+        "disabled": [4],
+        "size": [1],
+        "handleClick": [8, "handle-click"]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["custom-button"];
+    components.forEach(tagName => { switch (tagName) {
+        case "custom-button":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, CustomButton);
+            }
+            break;
+    } });
+}
+
+export { CustomButton as C, defineCustomElement as d };
+//# sourceMappingURL=p-DpLtIIwx.js.map
+
+//# sourceMappingURL=p-DpLtIIwx.js.map

package/dist/components/p-DpLtIIwx.js.map

@@ -0,0 +1 @@
+{"file":"p-DpLtIIwx.js","mappings":";;AAAA,MAAM,eAAe,GAAG,8hCAA8hC;;MCOziC,YAAY,iBAAAA,kBAAA,CAAA,MAAA,YAAA,SAAAC,CAAA,CAAA;AALzB,IAAA,WAAA,GAAA;;;;;AASU,QAAA,IAAO,CAAA,OAAA,GAAmC,SAAS;AACnD,QAAA,IAAS,CAAA,SAAA,GAAY,KAAK;AAC1B,QAAA,IAAI,CAAA,IAAA,GAAkC,QAAQ;AAC9C,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK;AACzB,QAAA,IAAI,CAAA,IAAA,GAAiC,SAAS;AAKtD,QAAA,IAAA,CAAA,iBAAiB,GAAG,CAAC,KAAY,KAAI;AACnC,YAAA,IAAI,IAAI,CAAC,IAAI,KAAK,QAAQ,EAAE;gBAC1B,KAAK,CAAC,cAAc,EAAE;;AAExB,YAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;AAClB,gBAAA,IAAG,IAAI,CAAC,WAAW,EAAC;AAClB,oBAAA,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC;;AAEzB,gBAAA,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE;;AAE3B,SAAC;AA0BF;IAxBC,MAAM,GAAA;QACJ,IAAI,WAAW,GAAG,WAAW;AAE7B,QAAA,IAAI,IAAI,CAAC,OAAO,KAAK,SAAS,EAAE;YAC9B,WAAW,IAAI,qBAAqB;;AAC/B,aAAA,IAAI,IAAI,CAAC,OAAO,KAAK,MAAM,EAAE;YAClC,WAAW,IAAI,kBAAkB;;AAC5B,aAAA,IAAI,IAAI,CAAC,SAAS,EAAE;YACzB,WAAW,IAAI,uBAAuB;;AAGxC,QAAA,IAAI,IAAI,CAAC,IAAI,KAAK,OAAO,EAAE;YACzB,WAAW,IAAI,mBAAmB;;AAC7B,aAAA,IAAI,IAAI,CAAC,IAAI,KAAK,MAAM,EAAE;YAC/B,WAAW,IAAI,kBAAkB;;QAGnC,QACE,+DAAQ,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,IAAI,CAAC,iBAAiB,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,EAClG,IAAI,CAAC,KAAK,EACX,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACN;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/my-component/UI/buttons/icon-button/primary-button/custom-button.css?tag=custom-button&encapsulation=shadow","src/components/my-component/UI/buttons/icon-button/primary-button/custom-button.tsx"],"sourcesContent":["/* Base class */\n.my-button {\n  background-color: var(--primary-color);\n  box-sizing: border-box;\n  border: none;\n  color: white;\n  padding: 8px 24px;\n  font-size: 14px;\n  font-weight: 600;\n  cursor: pointer;\n  transition: background-color 0.3s ease;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  text-decoration: none;\n  min-width: 48px;\n  min-height: 24px; /* Default size */\n}\n\n.my-button:hover {\n  background-color: var(--primary-color-dark) \n}\n\n.my-button:disabled {\n  background-color: #c6c6c6;\n  color: #6f6f6f;\n  cursor: not-allowed;\n}\n\n/* Outline variant */\n.my-button--outline {\n  background-color: transparent;\n  border: 1px solid var(--primary-color);\n  color: var(--primary-color);\n  /* padding: calc(8px - 1px) 24px; */\n  padding: 5px 15px;\n  min-width: 64px;\n}\n\n.my-button--outline:hover {\n  background-color: rgba(0, 0, 0, 0.1);\n}\n\n/* Secondary variant */\n.my-button--secondary {\n  background-color:  var(--accent-color-two);\n}\n\n.my-button--secondary:hover {\n  background-color: brightness(var(--accent-color-two, 90%)); \n}\n\n/* Text variant */\n.my-button--text {\n  background-color: transparent;\n  color: var(--primary-color);\n  padding: 5px 15px; /* Matching outline padding */\n  min-width: 64px; /* Matching outline min-width */\n  border: none;\n}\n\n.my-button--text:hover {\n  background-color: rgba(0, 0, 0, 0.1); /* Consistent hover with outline/secondary */\n}\n\n/* Size Variants */\n.my-button--short {\n  min-height: 24px; /* Shorter button */\n}\n\n.my-button--tall {\n  min-height: 48px; /* Taller button */\n}\n","import { Component, Prop, h, Event, EventEmitter, Element } from '@stencil/core';\n\n@Component({\n  tag: 'custom-button',\n  styleUrl: 'custom-button.css',\n  shadow: true,\n})\nexport class CustomButton {\n  @Element() el: HTMLElement;\n  @Prop() label: string;\n\n  @Prop() variant: 'default' | 'outline' | 'text' = 'default';\n  @Prop() secondary: boolean = false;\n  @Prop() type: 'button' | 'submit' | 'reset' = 'button';\n  @Prop() disabled: boolean = false; \n  @Prop() size: 'default' | 'short' | 'tall' = 'default'; \n  @Prop() handleClick: any \n\n  @Event() customClick: EventEmitter<void>;\n\n  handleButtonClick = (event: Event) => {\n    if (this.type === 'submit') {\n      event.preventDefault();\n    }\n    if (!this.disabled) {\n      if(this.handleClick){\n        this.handleClick(event)\n      }\n      this.customClick.emit();\n    }\n  };\n\n  render() {\n    let buttonClass = 'my-button';\n\n    if (this.variant === 'outline') {\n      buttonClass += ' my-button--outline';\n    } else if (this.variant === 'text') {\n      buttonClass += ' my-button--text';\n    } else if (this.secondary) {\n      buttonClass += ' my-button--secondary';\n    }\n\n    if (this.size === 'short') {\n      buttonClass += ' my-button--short';\n    } else if (this.size === 'tall') {\n      buttonClass += ' my-button--tall';\n    }\n\n    return (\n      <button type={this.type} class={buttonClass} onClick={this.handleButtonClick} disabled={this.disabled}>\n        {this.label}\n        <slot></slot>\n      </button>\n    );\n  }\n}\n"],"version":3}