@m4l/components 7.2.0 → 7.2.2

package/src/components/hook-form/RHFormContext/types.ts

@@ -1,29 +0,0 @@
-import { ReactNode } from 'react';
-import { FieldValues, FormProviderProps as RHFormProviderProps } from 'react-hook-form';
-
-export type FormStatusLoad =
-  | 'initial'
-  | 'new'
-  | 'edit'
-  | 'reload_values_provider'
-  | 'ready'
-  | 'error';
-
-export type FormInitialValues = FieldValues;
-
-export interface FormProviderProps {
-  children: ReactNode;
-  onSubmit: (data: FieldValues) => void;
-  values: FormInitialValues;
-  validationSchema: any;
-  statusLoad?: FormStatusLoad;
-  className?: string;
-}
-
-export type FormProviderCustomProps = RHFormProviderProps & FormProviderProps;
-
-export interface CustomFormArguments {
-  values: FormInitialValues;
-  validationSchema: any;
-  statusLoad?: FormStatusLoad;
-}

package/src/components/hook-form/index.ts

@@ -1,17 +0,0 @@
-export { RHFAutocomplete } from './RHFAutocomplete/RHFAutocomplete';
-export * from './RHFColorPicker';
-export { getRHFAutocompleteComponentsDictionary } from './RHFAutocomplete/dictionary';
-export { RHFAutocompleteAsync } from './RHFAutocompleteAsync/RHFAutocompleteAsync';
-export { getRHFAutocompleteAsyncComponentsDictionary } from './RHFAutocompleteAsync/dictionary';
-export * from './RHFCheckbox/RHFCheckbox';
-export { RHFDateTime } from './RHFDateTime';
-export { RHFMultiCheckbox } from './RHFMultiCheckbox';
-export { RHFSelect } from './RHFSelect';
-export { RHFHelperError } from './RHFHelperError';
-export * from './RHFTextField';
-export * from './RHFTextFieldPassword';
-export { RHFPeriod } from './RHFPeriod';
-export { getPeriodComponetsDictionary } from '../Period/dictionary';
-
-export { RHFRadioGroup } from './RHFRadioGroup';
-export * from './RHFUpload';

package/src/components/index.ts

@@ -1,89 +0,0 @@
-export * from './Icon';
-
-export * from './animate';
-export * from './areas';
-//hook-form components
-export * from './hook-form';
-//mui_extended
-
-//root components
-
-//formaters
-export * from './formatters';
-export * from './formatters/types';
-export * from './formatters/dictionary';
-
-//Start Grid
-export { DataGrid } from './DataGrid';
-
-export * from './DataGrid/formatters';
-export type { Column, EditorProps, FormatterProps } from 'react-data-grid';
-
-export type { RowKey } from './DataGrid/types';
-export { getDataGridComponentsDictionary } from './DataGrid/dictionary';
-export { TextEditor, NumberEditor } from './DataGrid/subcomponents/editors/TextEditor';
-export { getDataGridRowsFromSet } from './DataGrid/utils/getDataGridRowsFromSet';
-
-//End Grid
-
-// Star Dynamic Filter
-export * from './DynamicFilter/index';
-export * from './HelperError';
-export * from './Label';
-// export type { RawFilterFieldApply } from './DynamicFilter/types';
-// End Dynamic Filter
-
-export * from './CommonActions/';
-export * from './CommonActions/dictionary';
-export * from './DragResizeWindow';
-
-export * from './GridLayout';
-export * from './PrintingSystem';
-
-export * from './LanguagePopover';
-export * from './LinearProgressIndeterminate';
-export * from './Image/Image';
-
-export * from './Loadable';
-
-export * from './maps';
-
-// export * from './Areas/subcomponents/Area/subcomponents/Window/subcomponents/MFLoader';
-
-export * from './modal';
-export * from './LoadingError';
-export * from './MFLoader';
-
-export { NavLink } from './NavLink';
-export * from './NoItemSelected';
-export * from './NoItemSelected/dictionary';
-export * from './ObjectLogs';
-export * from './ObjectLogs/dictionary';
-export * from './PaperForm/PaperForm';
-export * from './PDFViewer';
-export * from './Period';
-export * from './HelmetPage';
-export * from './PropertyValue/PropertyValue';
-
-export * from './extended/react-resizable';
-
-export * from './ScrollBar';
-
-export { ScrollToTop } from './ScrollToTop';
-
-export * from './SplitLayout/SplitLayout';
-export * from './ToastContainer';
-export * from './SideBar';
-export * from './AppBar';
-export * from './AccountPopover';
-export * from './AppBar/AppBar';
-
-export * from './popups';
-export * from './commercial';
-
-export * from './MFIsolationApp';
-export * from './BaseModule';
-
-export type { SplitPosition } from './SplitLayout/types';
-
-export * from './mui_extended';

package/src/components/maps/components/Map/Map.styles.ts

@@ -1,266 +0,0 @@
-import type { MapStyles } from './types';
-
-import 'leaflet/dist/leaflet.css';
-export const mapStyles: MapStyles = {
-  /**
-   * TODO: Documentar
-   */
-  root: () => ({
-    //leaflet_css,
-
-    width: '100%',
-    height: '100%',
-    flexGrow: '1',
-    overflow: 'hidden',
-    position: 'relative',
-
-    /*
-     * Control superior izquierdo
-     */
-    '& .M4LMap-topLeftToolsRoot': {
-      display: 'flex',
-      backgroundColor: 'blue', //Por cambiar
-    },
-
-    /**
-     * Control superior derecho
-     */
-    '& .M4LMap-topRigthToolsRoot': {
-      backgroundColor: 'blue', //Por cambiar
-      display: 'flex',
-      right: 0,
-      position: 'absolute',
-
-      /**
-       * Zoom buttons
-       */
-      '& .M4LMap-zoomButtons': {
-        display: 'flex',
-      },
-    },
-
-    /**
-     * Marcas
-     */
-    '& .M4LMap-markerLayerRoot': {},
-
-    '& .M4LMap-markerLayerIcon': {
-      transformOrigin: 'center center',
-      justifyContent: 'center',
-      top: 0,
-      left: 0,
-      filter: 'drop-shadow(0px 0px 3px rgba(0,0,0,.4))',
-      display: 'flex',
-      alignItems: 'center',
-
-      ' > img ': {
-        height: '24px',
-      },
-    },
-
-    '& .M4LMap-featureLabel': {
-      position: 'absolute',
-      display: 'flex',
-      transformOrigin: 'left center',
-      fontSize: '11px',
-      borderRadius: '4px',
-      maxWidth: '300px',
-      fontWeight: 'bolder',
-      padding: '2px 8px',
-      opacity: '.85',
-      filter: 'drop-shadow(0px 0px 3px rgba(0,0,0,.3))',
-      whiteSpace: 'nowrap',
-      overflow: 'hidden',
-      textOverflow: 'ellipsis',
-    },
-
-    //Herramienta de medición Formulario
-
-    '& .M4LMap-meaureToolRoot': {
-      backgroundColor: 'green', //Por cambiar
-      height: '100%',
-      width: '100%',
-    },
-
-    '& .M4LMap-measureToolFormValue': {
-      justifyContent: 'center',
-    },
-
-    '& .M4LMap-measureToolFormValueDistance': {
-      border: '1px solid white',
-      margin: '0 5px',
-      fontWeight: 800, //Por cambiar
-      fontSize: 'large', //Por cambiar
-    },
-
-    //Marker measure Point Icon
-
-    '& .M4LMap-measureMarkerRoot': {
-      '--color': 'green',
-    },
-
-    '& .M4LMap-measureMarkerContainer': {
-      position: 'relative',
-      cursor: 'pointer',
-    },
-
-    '& .M4LMap-measureMarkerContainerRhomb': {
-      position: 'absolute',
-      filter: 'drop-shadow(0px 0px 3px rgba(0,0,0,.4))',
-      width: '31px',
-      height: '31px',
-      borderRadius: '50% 50% 50% 0',
-      border: '4px solid var(--color)',
-      backgroundColor: 'var(--color)',
-      transform: 'rotate(-45deg)',
-    },
-
-    '& .M4LMap-measureMarkerContainerSlot': {
-      position: 'absolute',
-      background: '#fff',
-      borderRadius: '50%',
-      overflow: 'hidden',
-      top: '3px',
-      left: '3px',
-      width: '25px',
-      height: '24px',
-    },
-
-    '& .M4LMap-measureMarkerContainerSlotNumber': {
-      fontSize: '14px',
-      fontWeight: '600',
-      textAlign: 'center',
-      marginTop: '1px',
-      color: 'black',
-    },
-
-    //Marker Point Label
-
-    '& .M4LMap-measureLabelMarkerRoot': {
-      '--color': 'yellow',
-    },
-
-    '& .M4LMap-measureLabelMarkerContainer': {
-      backgroundColor: 'var(--color)',
-      border: '1px solid gray',
-      color: '#fff',
-      width: '80px',
-      marginLeft: '15px',
-      marginTop: '15px',
-    },
-
-    '& .M4LMap-measureLabelMarkerDistance': {
-      color: 'gray',
-    },
-
-    '& .M4LMap-measureLabelMarkerRemove': {
-      color: 'blue',
-    },
-
-    //Cluster Markers
-
-    //Animacion
-    '& .leaflet-cluster-anim .leaflet-marker-icon, .leaflet-cluster-anim .leaflet-marker-shadow': {
-      '-webkit-transition': '-webkit-transform 0.3s ease-out, opacity 0.3s ease-in',
-      '-moz-transition': '-moz-transform 0.3s ease-out, opacity 0.3s ease-in',
-      '-o-transition': '-o-transform 0.3s ease-out, opacity 0.3s ease-in',
-      transition: 'transform 0.3s ease-out, opacity 0.3s ease-in',
-    },
-
-    //Spider
-    '& .leaflet-cluster-spider-leg': {
-      '-webkit-transition':
-        '-webkit-stroke-dashoffset 0.3s ease-out, -webkit-stroke-opacity 0.3s ease-in',
-      '-moz-transition': '-moz-stroke-dashoffset 0.3s ease-out, -moz-stroke-opacity 0.3s ease-in',
-      '-o-transition': '-o-stroke-dashoffset 0.3s ease-out, -o-stroke-opacity 0.3s ease-in',
-      transition: 'stroke-dashoffset 0.3s ease-out, stroke-opacity 0.3s ease-in',
-    },
-
-    //Colores de los clusters dependiendo de la cantidad de las marcas
-    '& .marker-cluster-small': {
-      backgroundColor: 'rgba(181, 226, 140, 0.6)',
-    },
-    '& .marker-cluster-small div': {
-      backgroundColor: 'rgba(110, 204, 57, 0.6)',
-    },
-
-    '& .marker-cluster-medium': {
-      backgroundColor: 'rgba(241, 211, 87, 0.6)',
-    },
-
-    '& .marker-cluster-medium div': {
-      backgroundColor: 'rgba(240, 194, 12, 0.6)',
-    },
-
-    '& .marker-cluster-large': {
-      backgroundColor: 'rgba(253, 156, 115, 0.6)',
-    },
-
-    '& .marker-cluster-large div': {
-      backgroundColor: 'rgba(241, 128, 23, 0.6)',
-    },
-
-    /* IE 6-8 fallback colors */
-
-    '& .leaflet-oldie .marker-cluster-small': {
-      backgroundColor: 'rgb(181, 226, 140)',
-    },
-
-    '& .leaflet-oldie .marker-cluster-small div': {
-      backgroundColor: 'rgb(110, 204, 57)',
-    },
-
-    '& .leaflet-oldie .marker-cluster-medium': {
-      backgroundColor: 'rgb(241, 211, 87)',
-    },
-
-    '& .leaflet-oldie .marker-cluster-medium div': {
-      backgroundColor: 'rgb(240, 194, 12)',
-    },
-    '& .leaflet-oldie .marker-cluster-large': {
-      backgroundColor: 'rgb(253, 156, 115)',
-    },
-
-    '& .leaflet-oldie .marker-cluster-large div': {
-      backgroundColor: 'rgb(241, 128, 23)',
-    },
-
-    //Cluster Markers
-    '& .marker-cluster': {
-      backgroundClip: 'padding-box',
-      borderRadius: '20px',
-    },
-    '& .marker-cluster div': {
-      width: '30px',
-      height: '30px',
-      marginLeft: '5px',
-      marginTop: '5px',
-      textAlign: 'center',
-      borderRadius: '15px',
-      font: '12px "Helvetica Neue", Arial, Helvetica, sans-serif',
-    },
-
-    //Cluster Markers
-    '& .marker-cluster span': {
-      lineHeight: '30px',
-    },
-
-    // '& .xxxxx': {
-    //   // color: theme.vars.palette.state.error.normal,
-
-    //   '& .M4LIcon-root .M4LIcon-icon': {
-    //     backgroundColor: theme.vars.palette.state.error.normal,
-    //   },
-    // },
-
-    '& .leaflet-control-scale-line': {
-      color: 'red', //Ejemplo de como estilar el control de scala
-    },
-  }),
-  popupGpsDevice: () => ({
-  }),
-  popupGpsDeviceHeader: () => ({
-  }),
-  popupGpsDeviceContent: () => ({
-  }),
-};

package/src/components/maps/components/Map/Map.tsx

@@ -1,68 +0,0 @@
-// subcomponent
-import { TileLayers } from './subcomponents/TileLayers';
-import { Controls } from './subcomponents/Controls';
-import { LayersContainer } from './subcomponents/LayersContainer';
-//Clasees
-import { mapClasses } from './classes';
-//styled
-import { MapRootStyled } from './slots/MapSlots';
-//Types
-import { MapProps } from './types';
-
-/**
- * "Map" componente encargado de renderizar las diferentes capas y brindar diferentes herramientas de usabilidad al usuario.
- * Se utiliza MapRootContainer que es el estilado del contenedor principal del mapa.
- * @param props.gpsTools Herrameitas para gestionar las herramientas de guardian.click
- * @author Juan Andres Escobar G.
- * @link https://react-leaflet.js.org/
- * @createdAt 2024-10-07 16:10:36 - automatic
- * @updatedAt 2024-10-07 16:10:37 - automatic
- * @updatedUser Juan Escobar - automatic
- */
-export function MyMap(props: MapProps) {
-  const {
-    mapGpsTools,
-    center = [6.215749485905093, -75.58622905191254],
-    initalZoom = 16,
-    maxZoom = 22,
-  } = props;
-
-  // const [markerPosition, setMarkerPosition] = useState<Position>([
-  //   6.215749485905093, -75.58622905191254,
-  // ]);
-
-  // // Simula la actualización de la posición del marcador
-  // useEffect(() => {
-  //   const interval = setInterval(() => {
-  //     setMarkerPosition([markerPosition[0] + 0.001, markerPosition[1] + 0.001]);
-  //   }, 1000);
-
-  //   return () => clearInterval(interval);
-  // }, [markerPosition]);
-
-  return (
-    <MapRootStyled
-      className={mapClasses.root}
-      center={center}
-      zoom={initalZoom}
-      maxZoom={maxZoom}
-      boxZoom={true}
-      preferCanvas={true}
-      zoomControl={false}
-      >
-      <TileLayers />
-      <LayersContainer />
-      <Controls mapGpsTools={mapGpsTools} />
-      {/* <Marker position={markerPosition}>
-        <GpsDevicePopupRender
-          isOpen
-          position={markerPosition}
-          properties={{
-            subType: 'Marker',
-            deviceData: { vpts: { vpt_gnss: { p_address: 'Calle 10 # 20-30' } } },
-          }}
-        />
-      </Marker> */}
-    </MapRootStyled>
-  );
-}

package/src/components/maps/components/Map/assets/icons/bike.svg

@@ -1,44 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<!-- Creator: CorelDRAW X8 -->
-<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" version="1.1" height="25" width="65" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd"
-viewBox="0 0 92 35"
- xmlns:xlink="http://www.w3.org/1999/xlink">
- <defs>
-  <style type="text/css">
-   <![CDATA[
-    .bike-fil3 {fill:#333333}
-    .bike-fil2 {fill:#FFEB3B}
-    .bike-fil1 {fill:white}
-    .bike-fil0 {fill:#1E96DC;fill-rule:nonzero}
-    .bike-fil4 {fill:#333333;fill-rule:nonzero}
-    .bike-fil5 {fill:white;fill-rule:nonzero}
-    .bike-fil6 {fill:black;fill-rule:nonzero;fill-opacity:0.501961}
-   ]]>
-  </style>
-    <mask id="id0">
-  <linearGradient id="id1" gradientUnits="userSpaceOnUse" x1="55.7327" y1="0.118599" x2="55.7327" y2="22.1826">
-   <stop offset="0" style="stop-opacity:0; stop-color:white"/>
-   <stop offset="1" style="stop-opacity:1; stop-color:white"/>
-  </linearGradient>
-     <rect style="fill:url(#id1)" y="5" width="92.7954" height="12.6683"/>
-    </mask>
- </defs>
- <g>
-  <g>
-   <g>
-    <path class="bike-fil0" d="M26 20c-1,0 -1,-1 -1,-2l0 -1c0,-1 0,-2 1,-2 1,0 1,1 1,2 0,1 0,3 -1,3zm-1 -3l0 1c0,1 0,2 0,2 0,0 0,0 0,0 -2,0 -3,-1 -3,-3 0,-1 1,-3 3,-3 0,0 0,0 0,0 0,1 0,2 0,3zm-8 5c-2,0 -2,-3 -2,-5 0,-1 0,-4 2,-4 1,0 1,2 1,4l0 1c0,2 0,4 -1,4zm71 -8l-10 0c0,0 0,0 0,0l-2 -1 12 -1c1,0 2,0 2,-1l0 0c0,-1 -1,-2 -2,-2l-19 2 -1 0c-3,-1 -7,-1 -9,-1l-6 2c-2,0 -3,1 -4,2 -3,-2 -9,-4 -14,-5l0 -3c0,0 -1,0 -1,0 0,0 -1,0 -1,0l0 3c0,0 -1,0 -1,0 -4,0 -7,1 -8,2l0 -1c-1,-1 0,-2 0,-3 0,0 1,0 1,-1l5 -4c0,-1 0,-1 0,-2 -1,0 -1,0 -2,0l-4 5c0,0 -1,0 -1,-1 0,0 1,0 1,-1l3 -3c0,0 0,0 0,0 0,0 0,0 0,0l-3 3c-1,1 -1,1 -1,1 0,1 0,1 0,1 0,1 0,1 0,1 -1,2 -1,4 -1,4l0 3c0,0 0,0 0,0 -1,-1 -2,-1 -3,-1 -3,0 -4,1 -4,3l-6 0c-1,0 -2,0 -2,1l-5 0c-1,0 -2,1 -2,2 0,1 1,1 2,1l5 0c0,1 1,1 2,1l6 0c0,2 2,3 4,3 1,0 2,0 3,-1 0,0 0,0 0,1l0 2c0,0 0,2 1,4 0,0 0,0 0,0 0,1 0,1 0,1 0,1 0,1 1,2l3 3c0,0 0,0 0,0 0,0 0,0 0,-1l-3 -3c0,0 -1,0 -1,-1 0,0 1,0 1,0l4 5c1,0 1,0 2,0 0,-1 0,-1 0,-2l-5 -5c0,0 -1,0 -1,0 0,-1 -1,-3 0,-3l0 -1c1,1 4,2 8,2 0,0 1,0 1,0l0 2c0,1 1,1 1,1 0,0 1,0 1,-1l0 -2c5,-1 11,-2 14,-5 1,1 2,2 4,2l6 2c2,0 6,0 9,0l10 -3c0,0 0,0 0,0l10 0c3,0 4,-2 4,-4 0,-3 -1,-4 -4,-4z"/>
-    <g>
-     <path class="bike-fil1" d="M22 17c0,2 1,3 3,3l0 0c0,0 0,-1 0,-2l0 -1c0,-1 0,-2 0,-3l0 0c-2,0 -3,2 -3,3z"/>
-     <path class="bike-fil1" d="M25 17l0 1c0,1 0,2 1,2 1,0 1,-2 1,-3 0,-1 0,-2 -1,-2 -1,0 -1,1 -1,2z"/>
-    </g>
-   </g>
-   <path class="bike-fil2" d="M17 13c-2,0 -2,3 -2,4 0,2 0,5 2,5 1,0 1,-2 1,-4l0 -1c0,-2 0,-4 -1,-4z"/>
-   <path class="bike-fil3" d="M25 18l0 -1c0,-1 0,-2 0,-3l0 0c-2,0 -3,2 -3,3 0,2 1,3 3,3l0 0c0,0 0,-1 0,-2z"/>
-   <path class="bike-fil3" d="M25 18c0,1 0,2 1,2 1,0 1,-2 1,-3 0,-1 0,-2 -1,-2 -1,0 -1,1 -1,2l0 1z"/>
-   <path class="bike-fil4" d="M78 22c1,-3 1,-6 0,-8l-2 -1 -7 -2 -1 0c-3,-1 -7,-1 -9,-1l-6 2c-2,0 -3,1 -4,2 1,2 1,4 0,7 1,1 2,2 4,2l6 2c2,0 6,0 9,0l10 -3z"/>
-   <path class="bike-fil5" style="mask:url(#id0)" d="M88 14l-10 0c0,0 0,0 0,0l-2 -1 12 -1c1,0 2,0 2,-1l0 0c0,-1 -1,-2 -2,-2l-19 2 -1 0c-3,-1 -7,-1 -9,-1l-6 2c-2,0 -3,1 -4,2 -3,-2 -9,-4 -14,-5l0 -3c0,0 -1,0 -1,0 0,0 -1,0 -1,0l0 3c0,0 -1,0 -1,0 -4,0 -7,1 -8,2 -1,1 -1,1 -2,2 0,0 0,0 0,0 -1,-1 -2,-1 -3,-1 -3,0 -4,1 -4,3l-6 0c-1,0 -2,0 -2,1l-5 0c-1,0 -2,1 -2,2 1,-1 1,-1 2,-1 2,0 3,0 5,0 1,-1 1,-1 2,-1 2,0 4,0 5,0 1,-1 2,-1 4,-1 2,0 3,0 4,1 1,0 2,-1 3,-1 1,0 1,0 2,1 5,-3 13,-3 23,-1 1,-1 2,-2 3,-2 4,-1 7,-2 7,-2 3,0 7,0 9,1 4,0 7,2 9,4 8,-1 13,-1 14,0 -1,-2 -2,-2 -4,-2z"/>
-   <path class="bike-fil6" d="M0 18c0,1 1,1 2,1l5 0c0,1 1,1 2,1l6 0c0,2 2,3 4,3 1,0 2,0 3,-1 0,0 0,0 0,1 1,0 1,0 2,1 1,1 4,2 8,2 0,0 1,0 1,0l0 2c0,1 1,1 1,1 0,0 1,0 1,-1l0 -2c5,-1 11,-2 14,-5 1,1 2,2 4,2l6 2c2,0 6,0 9,0l10 -3c0,0 0,0 0,0l10 0c2,0 3,-1 4,-3 -1,2 -6,2 -15,2 0,0 -3,1 -9,3 -2,1 -5,1 -9,0 0,0 -2,0 -6,-1 -1,-1 -3,-1 -3,-3 -4,2 -8,4 -13,5 -5,0 -8,-2 -10,-6 0,0 -1,0 -1,1 -1,0 -2,0 -3,0 -1,1 -3,1 -5,1 -1,0 -2,0 -3,-1 0,0 -2,0 -6,0 -1,0 -1,-1 -2,-1 -2,0 -4,0 -5,0 -1,0 -2,-1 -2,-1z"/>
-  </g>
- </g>
-</svg>

package/src/components/maps/components/Map/assets/icons/boat.svg

@@ -1,117 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<!-- Creator: CorelDRAW X8 -->
-<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" height="37" width="113" version="1.1" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd"
-viewBox="0 0 287 92"
- xmlns:xlink="http://www.w3.org/1999/xlink">
- <defs>
-  <style type="text/css">
-   <![CDATA[
-    .boat-fil3 {fill:black}
-    .boat-fil5 {fill:#1A1A1A}
-    .boat-fil0 {fill:#1E96DC}
-    .boat-fil2 {fill:#333333}
-    .boat-fil1 {fill:white}
-    .boat-fil6 {fill:url(#id20)}
-    .boat-fil4 {fill:url(#id21)}
-   ]]>
-  </style>
-    <mask id="id0">
-  <linearGradient id="id1" gradientUnits="userSpaceOnUse" x1="228.423" y1="-42.4012" x2="236.098" y2="109.162">
-   <stop offset="0" style="stop-opacity:0; stop-color:white"/>
-   <stop offset="1" style="stop-opacity:1; stop-color:white"/>
-  </linearGradient>
-     <rect style="fill:url(#id1)" x="152" y="-1" width="108.933" height="43.9674"/>
-    </mask>
-    <mask id="id2">
-  <linearGradient id="id3" gradientUnits="userSpaceOnUse" x1="225.274" y1="107.617" x2="152.851" y2="-15.7072">
-   <stop offset="0" style="stop-opacity:0; stop-color:white"/>
-   <stop offset="1" style="stop-opacity:1; stop-color:white"/>
-  </linearGradient>
-     <rect style="fill:url(#id3)" x="103" y="18" width="185.21" height="75.4739"/>
-    </mask>
-    <mask id="id4">
-  <linearGradient id="id5" gradientUnits="userSpaceOnUse" x1="131.688" y1="107.19" x2="45.5953" y2="-11.2783">
-   <stop offset="0" style="stop-opacity:0; stop-color:white"/>
-   <stop offset="1" style="stop-opacity:1; stop-color:white"/>
-  </linearGradient>
-     <rect style="fill:url(#id5)" x="78" y="26" width="41.5456" height="67.5348"/>
-    </mask>
-    <mask id="id6">
-  <linearGradient id="id7" gradientUnits="userSpaceOnUse" x1="65.0542" y1="42.4984" x2="47.7873" y2="6.52594">
-   <stop offset="0" style="stop-opacity:0; stop-color:white"/>
-   <stop offset="1" style="stop-opacity:1; stop-color:white"/>
-  </linearGradient>
-     <rect style="fill:url(#id7)" x="17" y="14" width="91.3537" height="36.2356"/>
-    </mask>
-    <mask id="id8">
-  <linearGradient id="id9" gradientUnits="userSpaceOnUse" x1="173.976" y1="28.1507" x2="173.976" y2="3.21004">
-   <stop offset="0" style="stop-opacity:0; stop-color:white"/>
-   <stop offset="1" style="stop-opacity:1; stop-color:white"/>
-  </linearGradient>
-     <rect style="fill:url(#id9)" x="129" y="13" width="104.228" height="7.37939"/>
-    </mask>
-    <mask id="id10">
-  <linearGradient id="id11" gradientUnits="userSpaceOnUse" x1="263.526" y1="26.8463" x2="262.328" y2="6.46213">
-   <stop offset="0" style="stop-opacity:0; stop-color:white"/>
-   <stop offset="1" style="stop-opacity:1; stop-color:white"/>
-  </linearGradient>
-     <rect style="fill:url(#id11)" x="251" y="13" width="26.2118" height="13.7908"/>
-    </mask>
-    <mask id="id12">
-  <linearGradient id="id13" gradientUnits="userSpaceOnUse" x1="-0" y1="1.0108" x2="84.0642" y2="76.6972">
-   <stop offset="0" style="stop-opacity:0; stop-color:white"/>
-   <stop offset="1" style="stop-opacity:1; stop-color:white"/>
-  </linearGradient>
-     <rect style="fill:url(#id13)" x="-1" y="9" width="90.9803" height="59.0307"/>
-    </mask>
-    <mask id="id14">
-  <linearGradient id="id15" gradientUnits="userSpaceOnUse" x1="171.831" y1="1.8947" x2="171.351" y2="116.046">
-   <stop offset="0" style="stop-opacity:0; stop-color:white"/>
-   <stop offset="1" style="stop-opacity:1; stop-color:white"/>
-  </linearGradient>
-     <rect style="fill:url(#id15)" x="103" y="18" width="124.236" height="38.3044"/>
-    </mask>
-    <mask id="id16">
-  <linearGradient id="id17" gradientUnits="userSpaceOnUse" x1="306.433" y1="78.676" x2="230.648" y2="7.69046">
-   <stop offset="0" style="stop-opacity:0; stop-color:white"/>
-   <stop offset="1" style="stop-opacity:1; stop-color:white"/>
-  </linearGradient>
-     <rect style="fill:url(#id17)" x="252" y="19" width="25.4294" height="59.067"/>
-    </mask>
-    <mask id="id18">
-  <linearGradient id="id19" gradientUnits="userSpaceOnUse" x1="230.819" y1="124.508" x2="216.191" y2="-17.8194">
-   <stop offset="0" style="stop-opacity:0; stop-color:white"/>
-   <stop offset="1" style="stop-opacity:1; stop-color:white"/>
-  </linearGradient>
-     <rect style="fill:url(#id19)" x="129" y="36" width="159.242" height="57.3086"/>
-    </mask>
-  <linearGradient id="id20" gradientUnits="userSpaceOnUse" x1="276.144" y1="60.8014" x2="247.582" y2="31.289">
-   <stop offset="0" style="stop-opacity:1; stop-color:#666666"/>
-   <stop offset="1" style="stop-opacity:1; stop-color:#999999"/>
-  </linearGradient>
-  <linearGradient id="id21" gradientUnits="userSpaceOnUse" xlink:href="#id20" x1="103.485" y1="56.8337" x2="74.9229" y2="35.2567">
-  </linearGradient>
- </defs>
- <g>
-  <g>
-   <path class="boat-fil0" d="M287 5l-11 0c0,-1 0,-1 0,-2l0 -1c0,-1 -1,-2 -2,-2l-16 0c-1,0 -2,1 -2,2l0 1c0,1 0,1 1,2l-5 0c0,-1 0,-1 0,-2l0 -1c0,-1 -1,-2 -2,-2l-16 0c-1,0 -2,1 -2,2l0 1c0,1 0,1 1,2l-5 0c1,-1 1,-1 1,-2l0 -1c0,-1 -1,-2 -3,-2l-15 0c-2,0 -2,1 -2,2l0 1c0,1 0,1 0,2l-92 0c0,-1 0,-1 0,-2l0 -1c0,-1 -1,-2 -2,-2l-16 0c-1,0 -2,1 -2,2l0 1c0,1 0,1 1,2l-9 0c0,0 -36,2 -89,41 53,40 89,42 89,42l9 0c-1,0 -1,0 -1,1l0 1c0,1 1,2 2,2l16 0c1,0 2,-1 2,-2l0 -1c0,-1 0,-1 0,-1l92 0c0,0 0,0 0,1l0 1c0,1 0,2 2,2l15 0c2,0 3,-1 3,-2l0 -1c0,-1 0,-1 -1,-1l5 0c-1,0 -1,0 -1,1l0 1c0,1 1,2 2,2l16 0c1,0 2,-1 2,-2l0 -1c0,-1 0,-1 0,-1l5 0c-1,0 -1,0 -1,1l0 1c0,1 1,2 2,2l16 0c1,0 2,-1 2,-2l0 -1c0,-1 0,-1 0,-1l11 0 0 -83z"/>
-   <path class="boat-fil1" style="mask:url(#id0)" d="M239 0l-5 0c-1,0 -2,1 -2,2l0 1c0,1 0,1 1,2l-5 0c1,-1 1,-1 1,-2l0 -1c0,-1 -1,-2 -3,-2l-15 0c-2,0 -2,1 -2,2l0 1c0,1 0,1 0,2l-56 0 37 8 37 0 28 28 5 -22 -2 0 -19 -19z"/>
-   <path class="boat-fil2" d="M104 19l123 0 0 54 -123 0 0 -54zm2 3l118 0 0 48 -118 0 0 -48z"/>
-   <path class="boat-fil2" d="M154 54l0 -16c0,-1 0,-2 -1,-2l-32 0c-1,0 -1,1 -1,2l0 16c0,1 0,2 1,2l32 0c1,0 1,-1 1,-2zm-30 -15l0 14c0,1 0,1 -1,1l-2 0 0 -16 2 0c1,0 1,1 1,1z"/>
-   <path class="boat-fil2" d="M211 54l0 -16c0,-1 0,-2 -1,-2l-32 0c-1,0 -2,1 -2,2l0 16c0,1 1,2 2,2l32 0c1,0 1,-1 1,-2zm-30 -15l0 14c0,1 0,1 -1,1l-2 0 0 -16 2 0c1,0 1,1 1,1z"/>
-   <path class="boat-fil3" style="mask:url(#id2)" d="M119 88l90 0c0,0 0,0 0,1l0 1c0,1 0,2 2,2l15 0c2,0 3,-1 3,-2l0 -1c0,-1 0,-1 -1,-1l5 0c-1,0 -1,0 -1,1l0 1c0,1 1,2 2,2l16 0c1,0 2,-1 2,-2l0 -1c0,-1 0,-1 0,-1l5 0c-1,0 -1,0 -1,1l0 1c0,1 1,2 2,2l16 0c1,0 2,-1 2,-2l0 -1c0,-1 0,-1 0,-1l11 0 0 -3 -14 -7 4 0 0 -2 -25 -15 0 -16 -25 -26 0 54 -123 0 15 15z"/>
-   <path class="boat-fil3" style="mask:url(#id4)" d="M111 92l4 0c1,0 2,-1 2,-2l0 -1c0,-1 0,-1 0,-1l2 0 -15 -15 0 -40 -6 -6 -18 38 13 13 3 0 15 14z"/>
-   <rect class="boat-fil4" x="79" y="26" width="20.0941" height="39.2941" rx="3" ry="2"/>
-   <path class="boat-fil3" style="mask:url(#id6)" d="M107 19l-4 -4c0,0 -5,0 -13,0 -12,1 -25,5 -38,11 -12,6 -24,13 -35,20 2,1 4,2 5,3 22,-15 44,-25 68,-30l17 0z"/>
-   <polygon class="boat-fil5" style="mask:url(#id8)" points="233,19 136,19 130,13 227,13 "/>
-   <polygon class="boat-fil3" style="mask:url(#id10)" points="277,15 252,13 258,19 271,20 277,26 "/>
-   <path class="boat-fil1" style="mask:url(#id12)" d="M0 46c10,8 21,15 33,21 -1,-6 0,-9 0,-8 -7,-4 -14,-9 -20,-13 8,-6 18,-12 27,-17 14,-8 31,-13 50,-17 -10,-2 -17,-3 -23,-2 -25,9 -47,21 -67,36z"/>
-   <path class="boat-fil1" style="mask:url(#id14)" d="M104 19l0 7c7,6 12,10 16,14 6,5 12,10 16,16 8,-2 15,-5 18,-7 11,3 18,5 22,5 18,-4 30,-8 35,-14 7,-4 12,-9 16,-14l0 -7 -123 0z"/>
-   <polygon class="boat-fil3" style="mask:url(#id16)" points="271,20 253,72 258,78 277,78 277,26 "/>
-   <rect class="boat-fil6" x="252" y="19" width="20.0941" height="53.7455" rx="3" ry="3"/>
-   <path class="boat-fil3" style="mask:url(#id18)" d="M139 88l70 0c0,0 0,0 0,1l0 1c0,1 0,2 2,2l15 0c2,0 3,-1 3,-2l0 -1c0,-1 0,-1 -1,-1l5 0c-1,0 -1,0 -1,1l0 1c0,1 1,2 2,2l6 0 -13 -13 -97 0 9 9zm148 -43l-8 -8 0 42 -27 0 13 13 9 0c1,0 2,-1 2,-2l0 -1c0,-1 0,-1 0,-1l11 0 0 -5 0 -38z"/>
-   <path class="boat-fil2" d="M103 15c0,0 1,-1 1,-2 0,0 -1,-1 -1,-1l-13 0c-4,0 -33,4 -76,33l-1 1 1 1c43,29 72,33 76,33l13 0c0,0 1,0 1,-1 0,0 0,-1 0,-1l-14 0c-3,-1 -31,-4 -73,-32 42,-28 70,-31 73,-31l13 0zm28 0l94 0c1,0 2,-1 2,-2 0,0 -1,-1 -2,-1l-94 0c-1,0 -1,1 -1,1 0,1 0,2 1,2zm95 63l-96 0c0,0 0,1 0,1 0,1 0,1 1,1l94 0c1,0 2,0 2,-1 0,0 0,-1 -1,-1zm53 2l-26 0c-1,0 -1,0 -1,-1 0,-1 0,-1 1,-1l24 0 0 -63 -24 0c-1,0 -1,-1 -1,-2 0,0 0,-1 1,-1l26 0 0 68z"/>
-  </g>
- </g>
-</svg>