@omnic/widget-locations 1.0.41 → 1.0.43

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.
Files changed (14) hide show
  1. package/README.md +51 -17
  2. package/dist/lib/components/CourierDetailsModal/CourierDetailsModal.d.ts +1 -1
  3. package/dist/lib/components/Input/Input.d.ts +2 -1
  4. package/dist/lib/components/TextArea/TextArea.d.ts +3 -4
  5. package/dist/lib/constants/limits.d.ts +1 -1
  6. package/dist/lib/hooks/index.d.ts +2 -0
  7. package/dist/lib/hooks/useInputValueHandler.d.ts +6 -0
  8. package/dist/lib/hooks/useMergedRef.d.ts +2 -0
  9. package/dist/lib/hooks/useWidgetConfig.d.ts +1 -0
  10. package/dist/lib/style.css +1 -1
  11. package/dist/lib/types/config.d.ts +28 -0
  12. package/dist/lib/widget.es.js +2306 -2266
  13. package/dist/lib/widget.umd.js +13 -13
  14. package/package.json +2 -2
package/README.md CHANGED
@@ -110,23 +110,57 @@ type CallbackPoint = LocationPoint | CourierDeliveryPoint;
110
110
 
111
111
  Then `OMNIC_WIDGET_LOCATIONS_CONFIG` has the following structure:
112
112
 
113
- | Property | Type | Description |
114
- | ---------------------- | -------- | -------------------------------------------------------------------- |
115
- | INN | string | INN of the company that uses the widget |
116
- | font | string | Font family to use |
117
- | radius | number | Border radius of buttons |
118
- | locale | string | Locale of the widget. Currently supported: `en`, `ru` |
119
- | country | string | Country code in ISO 3166-1 Alpha-2 format |
120
- | palette | object | Palette config object |
121
- | palette.primary | string | Primary color of the widget. Example: `#ff0000` |
122
- | palette.primary-dark | string | Darker version of the primary color. Example: `#cc0000` |
123
- | map | object | Map config object. See below for details |
124
- | map.provider | string | Map provider. Currently supported: `google`, `yandex` |
125
- | map.center | number[] | Coordinates of the map center. Example: `[55.75, 37.57]` |
126
- | hideLogo | boolean | Whether to hide the logo |
127
- | startScreen | string | Start screen of the widget. Currently supported: `map`, `selector` |
128
- | disableCourierDelivery | boolean | Whether to disable courier delivery option |
129
- | onPointClick | function | Callback that will be called when user clicks on a point on the map. |
113
+ | Property | Type | Description |
114
+ | ---------------------- | ------------ | -------------------------------------------------------------------- |
115
+ | INN | string | INN of the company that uses the widget |
116
+ | font | string | Font family to use |
117
+ | radius | number | Border radius of buttons |
118
+ | locale | string | Locale of the widget. Currently supported: `en`, `ru` |
119
+ | country | string | Country code in ISO 3166-1 Alpha-2 format |
120
+ | palette | object | Palette config object |
121
+ | palette.primary | string | Primary color of the widget. Example: `#ff0000` |
122
+ | palette.primary-dark | string | Darker version of the primary color. Example: `#cc0000` |
123
+ | map | object | Map config object. See below for details |
124
+ | map.provider | string | Map provider. Currently supported: `google`, `yandex` |
125
+ | map.center | number[] | Coordinates of the map center. Example: `[55.75, 37.57]` |
126
+ | hideLogo | boolean | Whether to hide the logo |
127
+ | startScreen | string | Start screen of the widget. Currently supported: `map`, `selector` |
128
+ | disableCourierDelivery | boolean | Whether to disable courier delivery option |
129
+ | inputs | WidgetInputs | Control over widget inputs |
130
+ | onPointClick | function | Callback that will be called when user clicks on a point on the map. |
131
+
132
+ `WidgetInputs` type has the following structure:
133
+
134
+ ```typescript
135
+ export type ForwardedInputElement<T> = T & {
136
+ setValue: (value: string) => void;
137
+ };
138
+
139
+ export interface InputConfig<T> {
140
+ name: string;
141
+ ref: RefObject<ForwardedInputElement<T>>;
142
+ onClick: (name: string) => void;
143
+ }
144
+
145
+ export interface WidgetInputs {
146
+ /**
147
+ * Widget Map address input
148
+ */
149
+ address: InputConfig<HTMLInputElement>;
150
+ /**
151
+ * Widget city input
152
+ */
153
+ city: InputConfig<HTMLInputElement>;
154
+ /**
155
+ * Courier delivery apartment input
156
+ */
157
+ apartment: InputConfig<HTMLTextAreaElement>;
158
+ /**
159
+ * Courier delivery comment input
160
+ */
161
+ comment: InputConfig<HTMLTextAreaElement>;
162
+ }
163
+ ```
130
164
 
131
165
  Include `styles.css` and `widget.umd.js` in your page:
132
166
 
package/dist/lib/components/CourierDetailsModal/CourierDetailsModal.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import { FC } from "react";
2
- import { CourierPoint, CourierDeliveryPoint } from '../../types/points';
2
+ import { CourierDeliveryPoint, CourierPoint } from '../../types/points';
3
3
  interface CourierDetailsModalProps {
4
4
  className?: string;
5
5
  onClose?: () => void;
package/dist/lib/components/Input/Input.d.ts CHANGED
@@ -1,9 +1,10 @@
1
1
  import { ReactNode } from "react";
2
+ import { ForwardedInputElement } from '../../types/config';
2
3
  interface InputProps extends React.HTMLAttributes<HTMLInputElement> {
3
4
  label?: string;
4
5
  className?: string;
5
6
  startAdornment?: ReactNode;
6
7
  endAdornment?: ReactNode;
7
8
  }
8
- export declare const Input: import("react").ForwardRefExoticComponent<InputProps & import("react").RefAttributes<HTMLInputElement>>;
9
+ export declare const Input: import("react").ForwardRefExoticComponent<InputProps & import("react").RefAttributes<ForwardedInputElement<HTMLInputElement>>>;
9
10
  export {};
package/dist/lib/components/TextArea/TextArea.d.ts CHANGED
@@ -1,4 +1,3 @@
1
- import { FC } from "react";
2
- type TextAreaProps = React.ComponentProps<"textarea">;
3
- export declare const TextArea: FC<TextAreaProps>;
4
- export {};
1
+ /// <reference types="react" />
2
+ import { ForwardedInputElement } from '../../types/config';
3
+ export declare const TextArea: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref"> & import("react").RefAttributes<ForwardedInputElement<HTMLTextAreaElement>>>;
package/dist/lib/constants/limits.d.ts CHANGED
@@ -1 +1 @@
1
- export declare const MAX_LOAD_SIZE = 1024;
1
+ export declare const MAX_LOAD_SIZE = 512;
package/dist/lib/hooks/index.d.ts CHANGED
@@ -2,3 +2,5 @@ export * from "./usePointsLoader";
2
2
  export * from "./useWidgetConfig";
3
3
  export * from "./useInitializeAxios";
4
4
  export * from "./useMapRenderer";
5
+ export * from "./useMergedRef";
6
+ export * from "./useInputValueHandler";
package/dist/lib/hooks/useInputValueHandler.d.ts ADDED
@@ -0,0 +1,6 @@
1
+ import { InputConfig } from '../types/config';
2
+ export declare const useInputValueHandler: <T extends InputConfig<unknown>>(ref: Nullable<T>, callback: (value: string) => void) => {
3
+ readonly ref: T["ref"];
4
+ readonly name: string | undefined;
5
+ readonly onClick: () => void;
6
+ };
package/dist/lib/hooks/useMergedRef.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ /// <reference types="react" />
2
+ export declare function useMergedRef<T>(...refs: Array<Nullable<React.Ref<T>>>): React.RefCallback<T>;
package/dist/lib/hooks/useWidgetConfig.d.ts CHANGED
@@ -8,6 +8,7 @@ export declare const useWidgetConfig: (initialConfig?: WidgetConfig) => {
8
8
  country?: string | undefined;
9
9
  palette?: import('../types/config').Palette | undefined;
10
10
  hideLogo?: boolean | undefined;
11
+ inputs?: import('../types/config').WidgetInputs | undefined;
11
12
  startScreen?: import("..").StartScreenType | undefined;
12
13
  disableCourierDelivery?: boolean | undefined;
13
14
  onPointClick: import("..").PointClickHandler;
package/dist/lib/style.css CHANGED
@@ -1 +1 @@
1
- [id="@omnic/widget-locations"]{isolation:isolate;position:relative;font-family:var(--font);width:100%;height:100%;overflow:hidden;color:var(--color-text-dark)}:where([id="@omnic/widget-locations"],.pac-container){--color-primary: #1760ee;--color-primary-dark: #194fb8;--color-secondary: #dfe1e5;--color-error: #cc0000;--color-text-dark: #000000;--color-text-light: #ffffff;--color-text-light-transparent: rgba(255, 255, 255, .4588235294);--color-text-disabled: #929db2;--color-text-disabled-transparent: rgba(146, 157, 178, .2);--color-border: #d3d7de;--radius: 8px;--button-radius: 8px;--font: Roboto, sans-serif}.pac-container{border-radius:var(--radius);margin-top:8px;font-family:var(--font)}.pac-container>*{font-family:inherit}.pac-container:after{display:none}.pac-container .pac-item{padding:16px;display:flex;flex-direction:column;gap:4px;position:relative;cursor:pointer}.pac-container .pac-item .pac-item-query{font-size:16px;line-height:20px}.pac-container .pac-item .pac-item-query+span{font-size:14px;line-height:1.4}.pac-container .pac-item .pac-icon{display:none}.pac-container .pac-item:after{content:"";width:16px;height:16px;background-color:var(--color-primary);-webkit-mask-image:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5 8.00003C12.5 8.28678 12.392 8.5735 12.1763 8.79212L5.38748 15.6718C4.95562 16.1094 4.25544 16.1094 3.82376 15.6718C3.39208 15.2343 3.39208 14.5249 3.82376 14.0872L9.83091 8.00003L3.82397 1.91279C3.39229 1.47515 3.39229 0.765811 3.82397 0.328387C4.25565 -0.109461 4.95583 -0.109461 5.38769 0.328387L12.1765 7.20793C12.3922 7.42666 12.5 7.71338 12.5 8.00003Z' fill='currentcolor' /%3E%3C/svg%3E%0A");mask-image:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5 8.00003C12.5 8.28678 12.392 8.5735 12.1763 8.79212L5.38748 15.6718C4.95562 16.1094 4.25544 16.1094 3.82376 15.6718C3.39208 15.2343 3.39208 14.5249 3.82376 14.0872L9.83091 8.00003L3.82397 1.91279C3.39229 1.47515 3.39229 0.765811 3.82397 0.328387C4.25565 -0.109461 4.95583 -0.109461 5.38769 0.328387L12.1765 7.20793C12.3922 7.42666 12.5 7.71338 12.5 8.00003Z' fill='currentcolor' /%3E%3C/svg%3E%0A");display:block;position:absolute;top:50%;right:16px;transform:translateY(-50%)}._root_1wpev_1{border:none;font-size:16px;font-weight:600;line-height:20px;cursor:pointer;transition:color .2s ease,background-color .2s ease}._root_1wpev_1:disabled{cursor:default;pointer-events:none;color:var(--color-text-disabled)}button._root_1wpev_1{padding-block:12px;border-radius:var(--button-radius)}button._primary_1wpev_20{color:var(--color-text-light);background-color:var(--color-primary)}@media (any-hover: hover){button._primary_1wpev_20:hover{background-color:var(--color-primary-dark)}}button._primary_1wpev_20:disabled{background-color:var(--color-border)}button._secondary_1wpev_33{color:var(--color-primary);background-color:var(--color-secondary)}button._secondary_1wpev_33:disabled{background-color:var(--color-border)}a._root_1wpev_1{text-decoration:none}a._primary_1wpev_20{color:var(--color-primary)}@media (any-hover: hover){a._primary_1wpev_20:hover{color:var(--color-primary-dark)}}a._secondary_1wpev_33{color:var(--color-text-disabled)}@media (any-hover: hover){a._secondary_1wpev_33:hover{color:var(--color-text-dark)}}._root_aqm1r_1{display:flex;align-items:center;gap:10px}@media (max-width: 767px){._root_aqm1r_1{flex-direction:column;align-items:flex-start;justify-content:center}}._nav_aqm1r_14{display:flex;align-items:center;gap:40px;flex:1}._nav_aqm1r_14:not(:has(._navItem_aqm1r_20)){justify-content:flex-end}@media (max-width: 767px){._nav_aqm1r_14{width:100%;gap:20px;justify-content:space-between}}@media (max-width: 767px){._navItem_aqm1r_20{font-size:14px}}._navItem_aqm1r_20:last-of-type{flex:1}._logo_aqm1r_40{height:80px;display:grid;place-items:center start;flex:0 0 320px}@media (max-width: 1023px){._logo_aqm1r_40{flex:0 0 240px}}@media (max-width: 767px){._logo_aqm1r_40{height:40px;flex:unset}}._root_7i42e_1{display:flex;gap:10px;align-items:center;cursor:pointer}._text_7i42e_8{font-size:16px;line-height:19px}._root_albkn_1{min-height:100%;transition:grid-template-columns .2s ease,grid-template-rows .2s ease;display:grid;grid-template-areas:"header header header" "sidebar map map" "sidebar map map";grid-template-columns:0 1fr 1fr;grid-template-rows:80px 1fr 1fr;padding-inline:40px;padding-bottom:40px}._root_albkn_1._sidebarOpen_albkn_11{grid-template-columns:320px 1fr 1fr}@media (max-width: 1023px){._root_albkn_1._sidebarOpen_albkn_11{grid-template-columns:240px 1fr 1fr}}@media (max-width: 767px){._root_albkn_1{grid-template-areas:"header" "sidebar" "map";grid-template-columns:1fr;grid-template-rows:auto 0 1fr;padding-inline:20px;padding-block:20px}._root_albkn_1._sidebarOpen_albkn_11{grid-template-columns:1fr;grid-template-rows:auto 1fr 1fr}}._root_e4qd2_1{margin-block:24px;border:none;height:1px;background-color:var(--color-secondary);border-radius:1px}._root_1dbfv_1{overflow:hidden;transition:opacity .2s ease;opacity:0;min-width:320px}._root_1dbfv_1._open_1dbfv_7{opacity:1}@media (max-width: 1023px){._root_1dbfv_1{min-width:240px}}._header_1dbfv_16{height:32px;display:grid;place-content:start end;margin-right:12px}@media (max-width: 767px){._header_1dbfv_16{margin-right:0}}._closeIcon_1dbfv_28{cursor:pointer}._typeFilter_1dbfv_32{margin-bottom:44px}._separator_1dbfv_36{margin-top:48px}._withRightPadding_1dbfv_40{padding-right:40px}@media (max-width: 767px){._withRightPadding_1dbfv_40{padding-right:0}}._root_qi1eq_1{display:flex;flex-direction:column;gap:10px}._root_1geql_1{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--color-text-light);border-radius:100vw;margin:0}._root_1geql_1:before{content:"";display:inline-block;width:16px;height:16px;border-radius:50%;border:1px solid var(--color-border);background-color:var(--color-secondary);vertical-align:middle;transition:background-color .2s ease,border-color .2s ease}._root_1geql_1:checked:before{background-color:var(--color-primary);border-color:var(--color-primary-dark)}._root_1geql_1:disabled{border-color:var(--color-text-disabled);background-color:var(--color-text-disabled)}._root_1geql_1:not(:disabled){cursor:pointer}._label_1geql_32{display:flex;align-items:center;gap:8px;padding-block:8px;transition:color .2s ease;font-size:14px;font-weight:600;line-height:16px}._label_1geql_32:has(._root_1geql_1:checked){color:var(--color-primary)}._label_1geql_32:has(._root_1geql_1:not(:disabled)){cursor:pointer}._root_1gffr_1{display:flex;flex-direction:column;gap:8px}._body_1gffr_7{display:flex;flex-direction:column}._legend_1gffr_12{font-size:16px;font-weight:600;line-height:22px}._root_n1n15_1{position:relative;isolation:isolate;display:grid}._locationSelector_n1n15_7{position:absolute;inset:20px 20px auto auto;z-index:1;width:clamp(320px,50%,520px)}._filterIcon_n1n15_14{position:absolute;cursor:pointer;z-index:1;inset:40px auto auto 0;transition:opacity .2s ease;opacity:1}._filterIcon_n1n15_14._sidebarOpen_n1n15_22{opacity:0}._details_n1n15_26{--offset: 20px;z-index:2;top:var(--offset);right:var(--offset);bottom:var(--offset);width:calc(50% - var(--offset))}@media (max-width: 1023px){._details_n1n15_26{left:var(--offset);width:calc(100% - var(--offset) * 2)}}._root_1w54v_1{display:flex;flex-direction:column;gap:8px}._root_1w54v_1:has(._endAdornment_1w54v_6) ._input_1w54v_6{padding-right:60px}._root_1w54v_1:has(._startAdornment_1w54v_9) ._input_1w54v_6{padding-left:60px}._input_1w54v_6{width:-webkit-fill-available;padding:17px 22px;border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-text-light);font-size:16px;line-height:20px;outline:var(--color-primary);font-family:var(--font)}._input_1w54v_6::placeholder{font-weight:500;color:var(--color-text-disabled)}._label_1w54v_29{font-size:16px;font-weight:600;line-height:22px}._inputContainer_1w54v_35{position:relative;display:flex;flex-direction:column;gap:8px}._endAdornment_1w54v_6{position:absolute;right:1px;top:0;bottom:2px;display:flex;align-items:center;padding:0 20px;color:var(--color-text-disabled);font-size:16px;line-height:20px;font-weight:500}._startAdornment_1w54v_9{position:absolute;left:1px;top:0;bottom:2px;display:flex;align-items:center;padding:0 20px;color:var(--color-text-disabled);font-size:16px;line-height:20px;font-weight:500}._root_9pchz_1{background-color:var(--color-secondary);border-radius:100vw;padding:8px 16px;cursor:pointer;transition:background-color .2s ease,color .2s ease}@media (any-hover: hover){._root_9pchz_1:hover{background-color:var(--color-border)}}._root_9pchz_1._active_9pchz_13{background-color:var(--color-primary);color:var(--color-text-light)}._root_19qge_1{border-radius:var(--radius);border:1px solid var(--color-border);font-family:var(--font);padding:18px 20px}._root_15fvl_1{position:absolute;background-color:var(--color-text-light);box-shadow:0 4px 16px 0 var(--color-text-disabled-transparent);border:1px solid var(--color-border);border-radius:calc(var(--radius) * 2);overflow:hidden;display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr auto}._root_15fvl_1 ._submit_15fvl_12{width:100%}._close_15fvl_16{position:absolute;top:16px;right:16px;color:var(--color-primary);cursor:pointer}@media (any-hover: hover){._close_15fvl_16:hover{color:var(--color-primary-dark)}}._title_15fvl_29{display:flex;align-items:center;gap:12px;font-size:16px;font-weight:600;line-height:20px}._title_15fvl_29 svg{width:50px;height:50px}._header_15fvl_42{padding:24px 16px 16px;border-bottom:1px solid var(--color-border)}._content_15fvl_47{display:flex;flex-direction:column;gap:24px;padding:16px;font-size:14px;line-height:20px;overflow-y:auto}._content_15fvl_47::-webkit-scrollbar{width:4px;height:4px;cursor:pointer}._content_15fvl_47::-webkit-scrollbar-track{box-shadow:none;background-color:var(--color-text-light)}._content_15fvl_47::-webkit-scrollbar-thumb{border-radius:100vw;background-color:var(--color-border);cursor:pointer}@media (any-hover: hover){._content_15fvl_47::-webkit-scrollbar-thumb:hover,._content_15fvl_47::-webkit-scrollbar-thumb:active{background-color:var(--color-text-disabled)}}@media (any-hover: hover){._content_15fvl_47::-webkit-scrollbar-thumb:hover{cursor:pointer}}._section_15fvl_81{display:flex;flex-direction:column;gap:4px}._section_15fvl_81 label{font-weight:600}._chips_15fvl_90{display:flex;gap:8px}._actions_15fvl_95{padding:16px 16px 24px}._commentSection_15fvl_99{flex:1}._comment_15fvl_99{height:100%}._root_5hr7z_1{position:absolute;background-color:var(--color-text-light);box-shadow:0 4px 16px 0 var(--color-text-disabled-transparent);border:1px solid var(--color-border);border-radius:calc(var(--radius) * 2);overflow:hidden;display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr auto}._root_5hr7z_1 ._submit_5hr7z_12{width:100%}._close_5hr7z_16{position:absolute;top:16px;right:16px;color:var(--color-primary);cursor:pointer}@media (any-hover: hover){._close_5hr7z_16:hover{color:var(--color-primary-dark)}}._title_5hr7z_29{display:flex;align-items:center;gap:12px;font-size:16px;font-weight:600;line-height:20px}._title_5hr7z_29 svg{width:50px;height:50px}._header_5hr7z_42{padding:24px 16px 16px;border-bottom:1px solid var(--color-border)}._content_5hr7z_47{display:flex;flex-direction:column;gap:24px;padding:16px;font-size:14px;line-height:20px;overflow-y:auto}._content_5hr7z_47::-webkit-scrollbar{width:4px;height:4px;cursor:pointer}._content_5hr7z_47::-webkit-scrollbar-track{box-shadow:none;background-color:var(--color-text-light)}._content_5hr7z_47::-webkit-scrollbar-thumb{border-radius:100vw;background-color:var(--color-border);cursor:pointer}@media (any-hover: hover){._content_5hr7z_47::-webkit-scrollbar-thumb:hover,._content_5hr7z_47::-webkit-scrollbar-thumb:active{background-color:var(--color-text-disabled)}}@media (any-hover: hover){._content_5hr7z_47::-webkit-scrollbar-thumb:hover{cursor:pointer}}._section_5hr7z_81{display:flex;flex-direction:column;gap:4px}._section_5hr7z_81 label{font-weight:600}._chips_5hr7z_90{display:flex;gap:8px}._services_5hr7z_95{display:flex;flex-direction:column;gap:4px}._images_5hr7z_101{display:flex;gap:20px;max-width:100%;overflow-x:auto;scroll-snap-type:x mandatory;min-height:165px}._images_5hr7z_101::-webkit-scrollbar{width:4px;height:4px;cursor:pointer}._images_5hr7z_101::-webkit-scrollbar-track{box-shadow:none;background-color:var(--color-text-light)}._images_5hr7z_101::-webkit-scrollbar-thumb{border-radius:100vw;background-color:var(--color-border);cursor:pointer}@media (any-hover: hover){._images_5hr7z_101::-webkit-scrollbar-thumb:hover,._images_5hr7z_101::-webkit-scrollbar-thumb:active{background-color:var(--color-text-disabled)}}@media (any-hover: hover){._images_5hr7z_101::-webkit-scrollbar-thumb:hover{cursor:pointer}}._image_5hr7z_101{flex-shrink:0;width:220px;aspect-ratio:220/140;scroll-snap-align:start;border-radius:var(--radius);object-fit:cover}._actions_5hr7z_143{padding:16px 16px 24px}._scheduleItem_5hr7z_147{padding:0}._root_132z0_1{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .2s ease;isolation:isolate;pointer-events:none;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}._root_132z0_1._open_132z0_10{opacity:1;pointer-events:all}._overlay_132z0_15{position:absolute;top:0;right:0;bottom:0;left:0;width:200%;background-color:#1d366566;z-index:0}._container_132z0_23{position:absolute;top:0;right:0;bottom:0;z-index:1;width:100%;background-color:var(--color-text-light);transition:transform .2s ease;transform:translate(100%)}._open_132z0_10 ._container_132z0_23{transform:translate(0)}._submit_bqknu_1{margin-top:20px;width:100%}._container_bqknu_6{display:grid;height:100%;place-items:start center;padding-top:80px}._selector_bqknu_13{display:flex;flex-direction:column;gap:16px;width:clamp(320px,50%,520px)}._label_bqknu_20{font-size:24px;font-weight:600;line-height:140%}._root_1tc8l_1{top:0;left:0;width:100%;height:100%;z-index:var(--z-index-overlay);background-color:var(--color-text-light);display:flex;justify-content:center;align-items:center;overflow:hidden}._loader_nvy07_1,._loader_nvy07_1:after{border-radius:50%;width:10em;height:10em}._loader_nvy07_1{margin:60px auto;font-size:10px;position:relative;text-indent:-9999em;border-top:1.1em solid var(--color-text-disabled);border-right:1.1em solid var(--color-text-disabled);border-bottom:1.1em solid var(--color-text-disabled);border-left:1.1em solid var(--color-primary);transform:translateZ(0);animation:_loader_nvy07_1 1.1s infinite linear}@-webkit-keyframes _loader_nvy07_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes _loader_nvy07_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._root_1wlog_1{width:100%;height:100%;border:1px solid var(--color-border);border-radius:var(--radius);position:relative;isolation:isolate}._root_1wlog_1 div[role=dialog]>button{opacity:1!important;top:12px!important;right:12px!important;width:26px!important;height:26px!important}._root_1wlog_1 div[role=dialog]>button>span{margin:0!important;width:100%!important;height:100%!important;background-color:var(--color-primary);transition:background-color .2s ease}._root_1wlog_1 div[role=dialog]>button>span:hover{background-color:var(--color-primary-dark)}._mapContainer_1wlog_27{position:relative;width:100%;height:100%}._balloon_1wlog_33{max-width:400px}._details_1wlog_37{--offset: 20px;z-index:20;top:var(--offset);right:var(--offset);bottom:var(--offset);width:calc(50% - var(--offset))}@media (max-width: 1023px){._details_1wlog_37{left:var(--offset);width:calc(100% - var(--offset) * 2)}}._cluster_1wlog_52:has(img)>img{display:none}._cluster_1wlog_52:has(img)>div{font-size:13px!important;font-weight:400!important;border:8px solid var(--color-primary);border-radius:100vw;height:100%;display:flex;align-items:center;justify-content:center;background-color:var(--color-text-light);box-shadow:0 0 0 2px var(--color-text-light-transparent)}._overlay_1wlog_68{position:absolute;background-color:var(--color-text-light-transparent);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}._root_1gtm1_1{display:flex;flex-direction:column;gap:16px}._root_1gtm1_1 ._details_1gtm1_6{width:100%;min-width:280px;display:flex;align-items:center;justify-content:center}._header_1gtm1_14{display:flex;align-items:center;gap:8px;padding-bottom:16px;border-bottom:1px solid var(--color-border)}._title_1gtm1_22{font-size:16px;line-height:22px;font-weight:600}._description_1gtm1_28{font-size:14px;font-weight:400;line-height:20px}._actions_1gtm1_34{display:flex;gap:16px;align-items:center}._errorVariant_1gtm1_40 svg{color:var(--color-error)}._errorVariant_1gtm1_40 ._title_1gtm1_22{color:var(--color-error)}._root_s9dgv_1{display:flex;flex-direction:column;gap:16px}._root_s9dgv_1 ._submit_s9dgv_6{min-width:unset;padding-inline:32px}._root_s9dgv_1 ._details_s9dgv_10{display:flex;align-items:center;gap:4px}._header_s9dgv_16{display:flex;align-items:center;gap:8px;padding-bottom:16px;border-bottom:1px solid var(--color-border)}._title_s9dgv_24{font-size:16px;line-height:22px;font-weight:600}._description_s9dgv_30{font-size:14px;font-weight:400;line-height:20px}._actions_s9dgv_36{display:flex;gap:16px;align-items:center}._root_uoc60_1{overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius);position:relative;isolation:isolate}._root_uoc60_1 .ymaps-2-1-79-balloon__close{width:26px;height:26px;position:absolute;top:12px;right:12px}._root_uoc60_1 .ymaps-2-1-79-balloon__close>.ymaps-2-1-79-balloon__close-button{width:100%;height:100%;background-image:none;background-color:var(--color-primary);opacity:1;-webkit-mask-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M19%206.41L17.59%205%2012%2010.59%206.41%205%205%206.41%2010.59%2012%205%2017.59%206.41%2019%2012%2013.41%2017.59%2019%2019%2017.59%2013.41%2012z%22/%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22/%3E%3C/svg%3E);mask-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M19%206.41L17.59%205%2012%2010.59%206.41%205%205%206.41%2010.59%2012%205%2017.59%206.41%2019%2012%2013.41%2017.59%2019%2019%2017.59%2013.41%2012z%22/%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22/%3E%3C/svg%3E);transition:background-color .2s ease}@media (any-hover: hover){._root_uoc60_1 .ymaps-2-1-79-balloon__close>.ymaps-2-1-79-balloon__close-button:hover{background-color:var(--color-primary-dark)}}._root_uoc60_1 .ymaps-2-1-79-balloon__close+.ymaps-2-1-79-balloon__content{margin-right:0;padding:16px;border-radius:var(--radius)}._root_uoc60_1 .ymaps-2-1-79-balloon{box-shadow:0 4px 16px 0 var(--color-text-disabled-transparent);border-radius:var(--radius)}._overlay_uoc60_40{position:absolute;background-color:var(--color-text-light-transparent);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}._details_uoc60_46{--offset: 20px;z-index:20;top:var(--offset);right:var(--offset);bottom:var(--offset);width:calc(50% - var(--offset))}@media (max-width: 767px){._details_uoc60_46{left:var(--offset);width:calc(100% - var(--offset) * 2)}}._map_1wro9_1{grid-area:map}._sidebar_1wro9_5{grid-area:sidebar}@media (max-width: 767px){._sidebar_1wro9_5{margin-top:0}}._header_1wro9_14{grid-area:header}@media (max-width: 767px){._header_1wro9_14{margin-bottom:16px}}
1
+ [id="@omnic/widget-locations"]{isolation:isolate;position:relative;font-family:var(--font);width:100%;height:100%;overflow:hidden;color:var(--color-text-dark)}:where([id="@omnic/widget-locations"],.pac-container){--color-primary: #1760ee;--color-primary-dark: #194fb8;--color-secondary: #dfe1e5;--color-error: #cc0000;--color-text-dark: #000000;--color-text-light: #ffffff;--color-text-light-transparent: rgba(255, 255, 255, .4588235294);--color-text-disabled: #929db2;--color-text-disabled-transparent: rgba(146, 157, 178, .2);--color-border: #d3d7de;--radius: 8px;--button-radius: 8px;--font: Roboto, sans-serif}.pac-container{border-radius:var(--radius);margin-block-start:8px;font-family:var(--font)}.pac-container>*{font-family:inherit}.pac-container:after{display:none}.pac-container .pac-item{padding:16px;display:flex;flex-direction:column;gap:4px;position:relative;cursor:pointer;text-align:start}.pac-container .pac-item .pac-item-query{font-size:16px;line-height:20px}.pac-container .pac-item .pac-item-query+span{font-size:14px;line-height:1.4}.pac-container .pac-item .pac-icon{display:none}.pac-container .pac-item:after{content:"";width:16px;height:16px;background-color:var(--color-primary);-webkit-mask-image:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5 8.00003C12.5 8.28678 12.392 8.5735 12.1763 8.79212L5.38748 15.6718C4.95562 16.1094 4.25544 16.1094 3.82376 15.6718C3.39208 15.2343 3.39208 14.5249 3.82376 14.0872L9.83091 8.00003L3.82397 1.91279C3.39229 1.47515 3.39229 0.765811 3.82397 0.328387C4.25565 -0.109461 4.95583 -0.109461 5.38769 0.328387L12.1765 7.20793C12.3922 7.42666 12.5 7.71338 12.5 8.00003Z' fill='currentcolor' /%3E%3C/svg%3E%0A");mask-image:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5 8.00003C12.5 8.28678 12.392 8.5735 12.1763 8.79212L5.38748 15.6718C4.95562 16.1094 4.25544 16.1094 3.82376 15.6718C3.39208 15.2343 3.39208 14.5249 3.82376 14.0872L9.83091 8.00003L3.82397 1.91279C3.39229 1.47515 3.39229 0.765811 3.82397 0.328387C4.25565 -0.109461 4.95583 -0.109461 5.38769 0.328387L12.1765 7.20793C12.3922 7.42666 12.5 7.71338 12.5 8.00003Z' fill='currentcolor' /%3E%3C/svg%3E%0A");display:block;position:absolute;inset-block-start:50%;inset-inline-end:16px;transform:translateY(-50%)}._root_1wpev_1{border:none;font-size:16px;font-weight:600;line-height:20px;cursor:pointer;transition:color .2s ease,background-color .2s ease}._root_1wpev_1:disabled{cursor:default;pointer-events:none;color:var(--color-text-disabled)}button._root_1wpev_1{padding-block:12px;border-radius:var(--button-radius)}button._primary_1wpev_20{color:var(--color-text-light);background-color:var(--color-primary)}@media (any-hover: hover){button._primary_1wpev_20:hover{background-color:var(--color-primary-dark)}}button._primary_1wpev_20:disabled{background-color:var(--color-border)}button._secondary_1wpev_33{color:var(--color-primary);background-color:var(--color-secondary)}button._secondary_1wpev_33:disabled{background-color:var(--color-border)}a._root_1wpev_1{text-decoration:none}a._primary_1wpev_20{color:var(--color-primary)}@media (any-hover: hover){a._primary_1wpev_20:hover{color:var(--color-primary-dark)}}a._secondary_1wpev_33{color:var(--color-text-disabled)}@media (any-hover: hover){a._secondary_1wpev_33:hover{color:var(--color-text-dark)}}._root_aqm1r_1{display:flex;align-items:center;gap:10px}@media (max-width: 767px){._root_aqm1r_1{flex-direction:column;align-items:flex-start;justify-content:center}}._nav_aqm1r_14{display:flex;align-items:center;gap:40px;flex:1}._nav_aqm1r_14:not(:has(._navItem_aqm1r_20)){justify-content:flex-end}@media (max-width: 767px){._nav_aqm1r_14{width:100%;gap:20px;justify-content:space-between}}@media (max-width: 767px){._navItem_aqm1r_20{font-size:14px}}._navItem_aqm1r_20:last-of-type{flex:1}._logo_aqm1r_40{height:80px;display:grid;place-items:center start;flex:0 0 320px}@media (max-width: 1023px){._logo_aqm1r_40{flex:0 0 240px}}@media (max-width: 767px){._logo_aqm1r_40{height:40px;flex:unset}}._root_7i42e_1{display:flex;gap:10px;align-items:center;cursor:pointer}._text_7i42e_8{font-size:16px;line-height:19px}._root_1ia85_1{min-height:100%;transition:grid-template-columns .2s ease,grid-template-rows .2s ease;display:grid;grid-template-areas:"header header header" "sidebar map map" "sidebar map map";grid-template-columns:0 1fr 1fr;grid-template-rows:80px 1fr 1fr}._root_1ia85_1._sidebarOpen_1ia85_9{grid-template-columns:320px 1fr 1fr}@media (max-width: 1023px){._root_1ia85_1._sidebarOpen_1ia85_9{grid-template-columns:240px 1fr 1fr}}@media (max-width: 767px){._root_1ia85_1{grid-template-areas:"header" "sidebar" "map";grid-template-columns:1fr;grid-template-rows:auto 0 1fr}._root_1ia85_1._sidebarOpen_1ia85_9{grid-template-columns:1fr;grid-template-rows:auto 1fr 1fr}}._root_e4qd2_1{margin-block:24px;border:none;height:1px;background-color:var(--color-secondary);border-radius:1px}._root_1h8kk_1{overflow:hidden;transition:opacity .2s ease;opacity:0;min-width:320px}._root_1h8kk_1._open_1h8kk_7{opacity:1}@media (max-width: 1023px){._root_1h8kk_1{min-width:240px}}._header_1h8kk_16{height:32px;display:grid;place-content:start end;margin-inline-end:12px}@media (max-width: 767px){._header_1h8kk_16{margin-inline-end:0}}._closeIcon_1h8kk_28{cursor:pointer}._typeFilter_1h8kk_32{margin-block-end:44px}._separator_1h8kk_36{margin-block-start:48px}._withRightPadding_1h8kk_40{padding-inline-end:40px}@media (max-width: 767px){._withRightPadding_1h8kk_40{padding-inline-end:0}}._root_qi1eq_1{display:flex;flex-direction:column;gap:10px}._root_1geql_1{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--color-text-light);border-radius:100vw;margin:0}._root_1geql_1:before{content:"";display:inline-block;width:16px;height:16px;border-radius:50%;border:1px solid var(--color-border);background-color:var(--color-secondary);vertical-align:middle;transition:background-color .2s ease,border-color .2s ease}._root_1geql_1:checked:before{background-color:var(--color-primary);border-color:var(--color-primary-dark)}._root_1geql_1:disabled{border-color:var(--color-text-disabled);background-color:var(--color-text-disabled)}._root_1geql_1:not(:disabled){cursor:pointer}._label_1geql_32{display:flex;align-items:center;gap:8px;padding-block:8px;transition:color .2s ease;font-size:14px;font-weight:600;line-height:16px}._label_1geql_32:has(._root_1geql_1:checked){color:var(--color-primary)}._label_1geql_32:has(._root_1geql_1:not(:disabled)){cursor:pointer}._root_1gffr_1{display:flex;flex-direction:column;gap:8px}._body_1gffr_7{display:flex;flex-direction:column}._legend_1gffr_12{font-size:16px;font-weight:600;line-height:22px}._root_15m0r_1{position:relative;isolation:isolate;display:grid}._locationSelector_15m0r_7{position:absolute;inset-block-start:20px;inset-inline-end:20px;z-index:1;width:clamp(320px,50%,520px)}._filterIcon_15m0r_15{position:absolute;cursor:pointer;z-index:1;inset-block-start:40px;inset-inline-start:0;transition:opacity .2s ease;opacity:1;background:#323232;border-start-end-radius:8px;border-end-end-radius:8px}._filterIcon_15m0r_15._sidebarOpen_15m0r_27{opacity:0}._details_15m0r_31{--offset: 20px;z-index:2;inset-block-start:var(--offset);inset-inline-end:var(--offset);inset-block-end:var(--offset);width:calc(50% - var(--offset))}@media (max-width: 1023px){._details_15m0r_31{inset-inline-start:var(--offset);width:calc(100% - var(--offset) * 2)}}._root_7nefa_1{inset-block-start:0;inset-inline-start:0;width:100%;height:100%;z-index:var(--z-index-overlay);background-color:var(--color-text-light);display:flex;justify-content:center;align-items:center;overflow:hidden}._loader_nvy07_1,._loader_nvy07_1:after{border-radius:50%;width:10em;height:10em}._loader_nvy07_1{margin:60px auto;font-size:10px;position:relative;text-indent:-9999em;border-top:1.1em solid var(--color-text-disabled);border-right:1.1em solid var(--color-text-disabled);border-bottom:1.1em solid var(--color-text-disabled);border-left:1.1em solid var(--color-primary);transform:translateZ(0);animation:_loader_nvy07_1 1.1s infinite linear}@-webkit-keyframes _loader_nvy07_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes _loader_nvy07_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._root_ry3kt_1{width:100%;height:100%;border:1px solid var(--color-border);border-radius:var(--radius);position:relative;isolation:isolate}._root_ry3kt_1 div[role=dialog]{padding:unset!important;padding:12px!important;padding-block-end:0!important;padding-inline-end:0!important}._root_ry3kt_1 div[role=dialog]>button{opacity:1!important;top:unset!important;right:unset!important;inset-block-start:12px!important;inset-inline-end:12px!important;width:26px!important;height:26px!important}._root_ry3kt_1 div[role=dialog]>button>span{margin:0!important;width:100%!important;height:100%!important;background-color:var(--color-primary);transition:background-color .2s ease}._root_ry3kt_1 div[role=dialog]>button>span:hover{background-color:var(--color-primary-dark)}._mapContainer_ry3kt_35{position:relative;width:100%;height:100%}._balloon_ry3kt_41{max-width:400px}._details_ry3kt_45{--offset: 20px;z-index:20;inset-block-start:var(--offset);inset-inline-end:var(--offset);inset-block-end:var(--offset);width:calc(50% - var(--offset))}@media (max-width: 1023px){._details_ry3kt_45{inset-inline-start:var(--offset);width:calc(100% - var(--offset) * 2)}}._cluster_ry3kt_60:has(img)>img{display:none}._cluster_ry3kt_60:has(img)>div{font-size:13px!important;font-weight:400!important;border:8px solid var(--color-primary);border-radius:100vw;height:100%;display:flex;align-items:center;justify-content:center;background-color:var(--color-text-light);box-shadow:0 0 0 2px var(--color-text-light-transparent)}._overlay_ry3kt_76{position:absolute;background-color:var(--color-text-light-transparent);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}._root_g6pd7_1{display:flex;flex-direction:column;gap:16px}._root_g6pd7_1 ._details_g6pd7_6{width:100%;min-width:280px;display:flex;align-items:center;justify-content:center}._header_g6pd7_14{display:flex;align-items:center;gap:8px;padding-block-end:16px;border-bottom:1px solid var(--color-border)}._title_g6pd7_22{font-size:16px;line-height:22px;font-weight:600}._description_g6pd7_28{font-size:14px;font-weight:400;line-height:20px}._actions_g6pd7_34{display:flex;gap:16px;align-items:center}._errorVariant_g6pd7_40 svg{color:var(--color-error)}._errorVariant_g6pd7_40 ._title_g6pd7_22{color:var(--color-error)}._root_1g7n1_1{display:flex;flex-direction:column;gap:16px}._root_1g7n1_1 ._submit_1g7n1_6{min-width:unset;padding-inline:32px}._root_1g7n1_1 ._details_1g7n1_10{display:flex;align-items:center;gap:4px}._header_1g7n1_16{display:flex;align-items:center;gap:8px;padding-block-end:16px;border-bottom:1px solid var(--color-border)}._title_1g7n1_24{font-size:16px;line-height:22px;font-weight:600}._description_1g7n1_30{font-size:14px;font-weight:400;line-height:20px}._actions_1g7n1_36{display:flex;gap:16px;align-items:center}._root_1oai0_1{overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius);position:relative;isolation:isolate}._root_1oai0_1 .ymaps-2-1-79-balloon__close{width:26px;height:26px;position:absolute;inset-block-start:12px;inset-inline-end:12px}._root_1oai0_1 .ymaps-2-1-79-balloon__close>.ymaps-2-1-79-balloon__close-button{width:100%;height:100%;background-image:none;background-color:var(--color-primary);opacity:1;-webkit-mask-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M19%206.41L17.59%205%2012%2010.59%206.41%205%205%206.41%2010.59%2012%205%2017.59%206.41%2019%2012%2013.41%2017.59%2019%2019%2017.59%2013.41%2012z%22/%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22/%3E%3C/svg%3E);mask-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M19%206.41L17.59%205%2012%2010.59%206.41%205%205%206.41%2010.59%2012%205%2017.59%206.41%2019%2012%2013.41%2017.59%2019%2019%2017.59%2013.41%2012z%22/%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22/%3E%3C/svg%3E);transition:background-color .2s ease}@media (any-hover: hover){._root_1oai0_1 .ymaps-2-1-79-balloon__close>.ymaps-2-1-79-balloon__close-button:hover{background-color:var(--color-primary-dark)}}._root_1oai0_1 .ymaps-2-1-79-balloon__close+.ymaps-2-1-79-balloon__content{margin:unset;margin-inline-end:0;padding:16px;border-radius:var(--radius)}._root_1oai0_1 .ymaps-2-1-79-balloon{left:unset!important;box-shadow:0 4px 16px 0 var(--color-text-disabled-transparent);border-radius:var(--radius);inset-inline-start:-57px}._root_1oai0_1 .ymaps-2-1-79-balloon__tail{left:unset;margin-bottom:unset;inset-inline-start:51px;margin-block-end:-17px}._overlay_1oai0_49{position:absolute;background-color:var(--color-text-light-transparent);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}._details_1oai0_55{--offset: 20px;z-index:20;inset-block-start:var(--offset);inset-inline-end:var(--offset);inset-block-end:var(--offset);width:calc(50% - var(--offset))}@media (max-width: 767px){._details_1oai0_55{inset-inline-start:var(--offset);width:calc(100% - var(--offset) * 2)}}._root_1f2a6_1{display:flex;flex-direction:column;gap:8px}._root_1f2a6_1:has(._endAdornment_1f2a6_6) ._input_1f2a6_6{padding-inline-end:60px}._root_1f2a6_1:has(._startAdornment_1f2a6_9) ._input_1f2a6_6{padding-inline-start:60px}._input_1f2a6_6{width:-webkit-fill-available;padding:17px 22px;border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-text-light);font-size:16px;line-height:20px;outline:var(--color-primary);font-family:var(--font)}._input_1f2a6_6::placeholder{font-weight:500;color:var(--color-text-disabled)}._label_1f2a6_29{font-size:16px;font-weight:600;line-height:22px}._inputContainer_1f2a6_35{position:relative;display:flex;flex-direction:column;gap:8px}._endAdornment_1f2a6_6{position:absolute;inset-inline-end:1px;inset-block-start:0px;inset-block-end:2px;display:flex;align-items:center;padding:0 20px;color:var(--color-text-disabled);font-size:16px;line-height:20px;font-weight:500}._startAdornment_1f2a6_9{position:absolute;inset-inline-start:1px;inset-block-start:0;inset-block-end:2px;display:flex;align-items:center;padding:0 20px;color:var(--color-text-disabled);font-size:16px;line-height:20px;font-weight:500}._root_9pchz_1{background-color:var(--color-secondary);border-radius:100vw;padding:8px 16px;cursor:pointer;transition:background-color .2s ease,color .2s ease}@media (any-hover: hover){._root_9pchz_1:hover{background-color:var(--color-border)}}._root_9pchz_1._active_9pchz_13{background-color:var(--color-primary);color:var(--color-text-light)}._root_19qge_1{border-radius:var(--radius);border:1px solid var(--color-border);font-family:var(--font);padding:18px 20px}._root_adkqc_1{position:absolute;background-color:var(--color-text-light);box-shadow:0 4px 16px 0 var(--color-text-disabled-transparent);border:1px solid var(--color-border);border-radius:calc(var(--radius) * 2);overflow:hidden;display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr auto}._root_adkqc_1 ._submit_adkqc_12{width:100%}._close_adkqc_16{position:absolute;inset-block-start:16px;inset-inline-end:16px;color:var(--color-primary);cursor:pointer}@media (any-hover: hover){._close_adkqc_16:hover{color:var(--color-primary-dark)}}._title_adkqc_29{display:flex;align-items:center;gap:12px;font-size:16px;font-weight:600;line-height:20px}._title_adkqc_29 svg{width:50px;height:50px}._header_adkqc_42{padding:24px 16px 16px;border-bottom:1px solid var(--color-border)}._content_adkqc_47{display:flex;flex-direction:column;gap:24px;padding:16px;font-size:14px;line-height:20px;overflow-y:auto}._content_adkqc_47::-webkit-scrollbar{width:4px;height:4px;cursor:pointer}._content_adkqc_47::-webkit-scrollbar-track{box-shadow:none;background-color:var(--color-text-light)}._content_adkqc_47::-webkit-scrollbar-thumb{border-radius:100vw;background-color:var(--color-border);cursor:pointer}@media (any-hover: hover){._content_adkqc_47::-webkit-scrollbar-thumb:hover,._content_adkqc_47::-webkit-scrollbar-thumb:active{background-color:var(--color-text-disabled)}}@media (any-hover: hover){._content_adkqc_47::-webkit-scrollbar-thumb:hover{cursor:pointer}}._section_adkqc_81{display:flex;flex-direction:column;gap:4px}._section_adkqc_81 label{font-weight:600}._chips_adkqc_90{display:flex;gap:8px}._actions_adkqc_95{padding:16px 16px 24px}._commentSection_adkqc_99{flex:1}._comment_adkqc_99{height:100%}._root_11zhi_1{position:absolute;background-color:var(--color-text-light);box-shadow:0 4px 16px 0 var(--color-text-disabled-transparent);border:1px solid var(--color-border);border-radius:calc(var(--radius) * 2);overflow:hidden;display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr auto}._root_11zhi_1 ._submit_11zhi_12{width:100%}._close_11zhi_16{position:absolute;inset-block-start:16px;inset-inline-end:16px;color:var(--color-primary);cursor:pointer}@media (any-hover: hover){._close_11zhi_16:hover{color:var(--color-primary-dark)}}._title_11zhi_29{display:flex;align-items:center;gap:12px;font-size:16px;font-weight:600;line-height:20px}._title_11zhi_29 svg{width:50px;height:50px}._header_11zhi_42{padding:24px 16px 16px;border-bottom:1px solid var(--color-border)}._content_11zhi_47{display:flex;flex-direction:column;gap:24px;padding:16px;font-size:14px;line-height:20px;overflow-y:auto}._content_11zhi_47::-webkit-scrollbar{width:4px;height:4px;cursor:pointer}._content_11zhi_47::-webkit-scrollbar-track{box-shadow:none;background-color:var(--color-text-light)}._content_11zhi_47::-webkit-scrollbar-thumb{border-radius:100vw;background-color:var(--color-border);cursor:pointer}@media (any-hover: hover){._content_11zhi_47::-webkit-scrollbar-thumb:hover,._content_11zhi_47::-webkit-scrollbar-thumb:active{background-color:var(--color-text-disabled)}}@media (any-hover: hover){._content_11zhi_47::-webkit-scrollbar-thumb:hover{cursor:pointer}}._section_11zhi_81{display:flex;flex-direction:column;gap:4px}._section_11zhi_81 label{font-weight:600}._chips_11zhi_90{display:flex;gap:8px}._services_11zhi_95{display:flex;flex-direction:column;gap:4px}._images_11zhi_101{display:flex;gap:20px;max-width:100%;overflow-x:auto;scroll-snap-type:x mandatory;min-height:165px}._images_11zhi_101::-webkit-scrollbar{width:4px;height:4px;cursor:pointer}._images_11zhi_101::-webkit-scrollbar-track{box-shadow:none;background-color:var(--color-text-light)}._images_11zhi_101::-webkit-scrollbar-thumb{border-radius:100vw;background-color:var(--color-border);cursor:pointer}@media (any-hover: hover){._images_11zhi_101::-webkit-scrollbar-thumb:hover,._images_11zhi_101::-webkit-scrollbar-thumb:active{background-color:var(--color-text-disabled)}}@media (any-hover: hover){._images_11zhi_101::-webkit-scrollbar-thumb:hover{cursor:pointer}}._image_11zhi_101{flex-shrink:0;width:220px;aspect-ratio:220/140;scroll-snap-align:start;border-radius:var(--radius);object-fit:cover}._actions_11zhi_143{padding:16px 16px 24px}._scheduleItem_11zhi_147{padding:0}._root_23t9s_1{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .2s ease;isolation:isolate;pointer-events:none;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}._root_23t9s_1._open_23t9s_10{opacity:1;pointer-events:all}._overlay_23t9s_15{position:absolute;top:0;right:0;bottom:0;left:0;width:200%;background-color:#1d366566;z-index:0}._container_23t9s_23{position:absolute;inset-block-start:0;inset-inline-end:0;inset-block-end:0;z-index:1;width:100%;background-color:var(--color-text-light);transition:transform .2s ease;transform:translate(100%)}._open_23t9s_10 ._container_23t9s_23{transform:translate(0)}._submit_1nndj_1{margin-block-start:20px;width:100%}._container_1nndj_6{display:grid;height:100%;place-items:start center;padding-block-start:80px}._selector_1nndj_13{display:flex;flex-direction:column;gap:16px;width:clamp(320px,50%,520px)}._label_1nndj_20{font-size:24px;font-weight:600;line-height:140%}._map_1dvli_1{grid-area:map}._sidebar_1dvli_5{grid-area:sidebar}@media (max-width: 767px){._sidebar_1dvli_5{margin-block-start:0}}._header_1dvli_14{grid-area:header}@media (max-width: 767px){._header_1dvli_14{margin-block-end:16px}}
package/dist/lib/types/config.d.ts CHANGED
@@ -1,3 +1,4 @@
1
+ import { RefObject } from "react";
1
2
  import { Locale } from "./i18n";
2
3
  import { MapProvider, PointClickHandler, StartScreenType } from "./map";
3
4
  export type HexColor = `#${string}`;
@@ -10,6 +11,32 @@ export interface MapConfig {
10
11
  center?: Coordinates;
11
12
  provider?: MapProvider;
12
13
  }
14
+ export type ForwardedInputElement<T> = T & {
15
+ setValue: (value: string) => void;
16
+ };
17
+ export interface InputConfig<T> {
18
+ name: string;
19
+ ref: RefObject<ForwardedInputElement<T>>;
20
+ onClick: (name: string) => void;
21
+ }
22
+ export interface WidgetInputs {
23
+ /**
24
+ * Widget Map address input
25
+ */
26
+ address: InputConfig<HTMLInputElement>;
27
+ /**
28
+ * Widget city input
29
+ */
30
+ city: InputConfig<HTMLInputElement>;
31
+ /**
32
+ * Courier delivery apartment input
33
+ */
34
+ apartment: InputConfig<HTMLTextAreaElement>;
35
+ /**
36
+ * Courier delivery comment input
37
+ */
38
+ comment: InputConfig<HTMLTextAreaElement>;
39
+ }
13
40
  export interface WidgetConfig {
14
41
  INN: INNType;
15
42
  font?: string;
@@ -19,6 +46,7 @@ export interface WidgetConfig {
19
46
  country?: string;
20
47
  palette?: Palette;
21
48
  hideLogo?: boolean;
49
+ inputs?: WidgetInputs;
22
50
  startScreen?: StartScreenType;
23
51
  disableCourierDelivery?: boolean;
24
52
  onPointClick: PointClickHandler;