@oicl/openbridge-webcomponents 0.0.7 → 0.0.9

package/dist/icons/names.js.map

@@ -1 +1 @@
-{"version":3,"file":"names.js","sources":["../../src/icons/names.ts"],"sourcesContent":["export const iconIds: string[] = [\n  '01-add',\n  '01-application-open',\n  '01-apps',\n  '01-check',\n  '01-checkbox-checked',\n  '01-checkbox-uncheck',\n  '01-close',\n  '01-delete',\n  '01-edit',\n  '01-expanditem',\n  '01-file-download',\n  '01-file-export',\n  '01-file-upload',\n  '01-log-add',\n  '01-log-edit',\n  '01-log-open',\n  '01-megamenu',\n  '01-menu',\n  '01-mixed',\n  '01-more',\n  '01-more-vertical',\n  '01-note-edit',\n  '01-off',\n  '01-on',\n  '01-open-full',\n  '01-placeholder',\n  '01-placeholder-device-off',\n  '01-placeholder-device-on',\n  '01-placeholder-device-static',\n  '01-play',\n  '01-print',\n  '01-redo',\n  '01-remove',\n  '01-reorder',\n  '01-save',\n  '01-search',\n  '01-sort',\n  '01-standby',\n  '01-stop',\n  '01-text',\n  '01-undo',\n  '01-visibility',\n  '01-visibility-off',\n  '01-widget-add',\n  '02-arrow-back',\n  '02-arrow-down',\n  '02-arrow-drop-down',\n  '02-arrow-flyout',\n  '02-arrow-forward',\n  '02-arrow-up',\n  '02-chevron-double-down',\n  '02-chevron-double-left',\n  '02-chevron-double-right',\n  '02-chevron-double-up',\n  '02-chevron-down',\n  '02-chevron-left',\n  '02-chevron-right',\n  '02-chevron-up',\n  '02-collapse-content',\n  '02-drop-down',\n  '02-expand-content',\n  '02-page-first',\n  '02-page-last',\n  '02-resize-bottom',\n  '02-resize-corner',\n  '02-resize-top',\n  '02-resize_center',\n  '02-set-point',\n  '02-slide-left',\n  '02-slide-right',\n  '02-unfold-less',\n  '02-unfold-more',\n  '03-configure',\n  '03-diagnostic',\n  '03-filter',\n  '03-info',\n  '03-monitoring',\n  '03-pin-checked',\n  '03-pin-unchecked',\n  '03-printscreen',\n  '03-settings',\n  '03-settings-default',\n  '03-settings-default-alt1',\n  '03-settings-default-alt2',\n  '03-split-left',\n  '03-split-right',\n  '03-star-checked',\n  '03-star-unchecked',\n  '03-support',\n  '03-table',\n  '03-volume-high',\n  '03-volume-low',\n  '03-volume-off',\n  '04-brilliance-high',\n  '04-brilliance-low',\n  '04-colorcalibrated',\n  '04-day',\n  '04-day-bright',\n  '04-daynight',\n  '04-dimming',\n  '04-dusk',\n  '04-illumination-high',\n  '04-illumination-low',\n  '04-night',\n  '05-fullscreen',\n  '05-fullscreen-exit',\n  '05-input-keyboard',\n  '05-input-keyboard_onscreen',\n  '05-input-mouse',\n  '05-input-touchpad_mouse',\n  '05-pc',\n  '05-people',\n  '05-screen-desk',\n  '05-screen-full',\n  '05-screen-pad',\n  '05-screen-quad',\n  '05-screen-split-left',\n  '05-screen-split-right',\n  '05-server',\n  '05-user',\n  '06-Date',\n  '06-calendar',\n  '06-cam',\n  '06-cctv',\n  '06-com',\n  '06-conning',\n  '06-dashboard',\n  '06-dashboard-outline',\n  '06-ecdis',\n  '06-ecdis-simple',\n  '06-home',\n  '06-ias',\n  '06-lantern',\n  '06-link',\n  '06-link-remove',\n  '06-logo-company',\n  '06-logo-oicl',\n  '06-openbridge',\n  '06-radar',\n  '06-screens',\n  '06-ship',\n  '06-time',\n  '06-wipers',\n  '07-Chart',\n  '07-ais',\n  '07-anchorwatch',\n  '07-catzoc',\n  '07-centre-off',\n  '07-centre-on',\n  '07-chart-info',\n  '07-chart-search',\n  '07-chart-settings',\n  '07-chart-styles',\n  '07-coordinate',\n  '07-ebl',\n  '07-erbl',\n  '07-event-record',\n  '07-grid-off',\n  '07-grid-on',\n  '07-headingline-off',\n  '07-layers',\n  '07-location-1',\n  '07-location-2',\n  '07-location-3',\n  '07-measure',\n  '07-radar-overlay',\n  '07-range',\n  '07-rangerings',\n  '07-relativemotion',\n  '07-relativemotion-variant',\n  '07-report-info',\n  '07-route-planning',\n  '07-silence',\n  '07-smode',\n  '07-target-cancel',\n  '07-target-cancel-all',\n  '07-target-ias',\n  '07-target-ias-selected',\n  '07-target-radar',\n  '07-target-radar-selected',\n  '07-target-select',\n  '07-track',\n  '07-track-no',\n  '07-track-off-port',\n  '07-track-off-strb',\n  '07-track-on',\n  '07-track-route',\n  '07-truemotion',\n  '07-truemotion-reset',\n  '07-truemotion-variant',\n  '07-up-course',\n  '07-up-head',\n  '07-up-north',\n  '07-voyages',\n  '07-vrm',\n  '07-waypoint-add',\n  '07-waypoint-delete',\n  '07-waypoint-edit',\n  '08-ACDC-converter',\n  '08-DCDC-converter',\n  '08-IO',\n  '08-Logger',\n  '08-PLS',\n  '08-PLS-component',\n  '08-auto',\n  '08-backward',\n  '08-backward-fast',\n  '08-backward-stopped',\n  '08-battery-0',\n  '08-battery-25',\n  '08-battery-50',\n  '08-battery-75',\n  '08-battery-charging',\n  '08-battery-pack-0',\n  '08-battery-pack-100',\n  '08-battery-pack-25',\n  '08-battery-pack-50',\n  '08-battery-pack-70',\n  '08-battery-pack-charging',\n  '08-battery_full',\n  '08-bilge',\n  '08-blower-off-vertical',\n  '08-blower-on-vertical',\n  '08-blower-static-vertical',\n  '08-connector-cross',\n  '08-cooling',\n  '08-duty',\n  '08-engine',\n  '08-epms',\n  '08-ethernet-switch',\n  '08-fan-off',\n  '08-fan-on',\n  '08-fan-static',\n  '08-filter',\n  '08-fire',\n  '08-forward',\n  '08-forward-fast',\n  '08-forward-stopped',\n  '08-generator',\n  '08-heat',\n  '08-heat_pump_balance',\n  '08-heatexhanger',\n  '08-heatpump',\n  '08-hvac',\n  '08-hydraulic-separator',\n  '08-local',\n  '08-local-only',\n  '08-manuel',\n  '08-manuel-only',\n  '08-misc',\n  '08-motor-off-horisontal',\n  '08-motor-off-vertical',\n  '08-motor-on-horisontal',\n  '08-motor-on-vertical',\n  '08-motor-static-horisontal',\n  '08-motor-static-vertical',\n  '08-off',\n  '08-on',\n  '08-pump-off-horisontal',\n  '08-pump-off-vertical',\n  '08-pump-on-horisontal',\n  '08-pump-on-vertical',\n  '08-pump-static-horisontal',\n  '08-pump-static-vertical',\n  '08-router',\n  '08-simulation',\n  '08-standby',\n  '08-system',\n  '08-tank',\n  '08-temp-cold',\n  '08-temp-hot',\n  '08-temp-hotcold',\n  '08-trend',\n  '08-wiper',\n  '08-wiper-fluid',\n  '09-connector-3way',\n  '09-connector-corner',\n  '09-connector-straight',\n  '09-damper-horizontal-off',\n  '09-damper-horizontal-off-large',\n  '09-damper-horizontal-on',\n  '09-damper-horizontal-on-large',\n  '09-pipe-3way',\n  '09-pipe-corner',\n  '09-pipe-cross',\n  '09-pipe-direction',\n  '09-pipe-end',\n  '09-pipe-straight',\n  '09-switch-horizontal-off',\n  '09-switch-horizontal-off-large',\n  '09-switch-horizontal-on',\n  '09-switch-horizontal-on-large',\n  '09-threeway-analog-left-0',\n  '09-threeway-analog-left-100',\n  '09-threeway-analog-left-25',\n  '09-threeway-analog-left-50',\n  '09-threeway-analog-left-75',\n  '09-threeway-analog-right-0',\n  '09-threeway-analog-right-100',\n  '09-threeway-analog-right-25',\n  '09-threeway-analog-right-50',\n  '09-threeway-analog-right-75',\n  '09-threeway-analog-top-0',\n  '09-threeway-analog-top-100',\n  '09-threeway-analog-top-25',\n  '09-threeway-analog-top-50',\n  '09-threeway-analog-top-75',\n  '09-threeway-digital-closed',\n  '09-threeway-digital-closed-left',\n  '09-threeway-digital-closed-right',\n  '09-threeway-digital-closed-top',\n  '09-threeway-digital-open',\n  '09-threeway-digital-static',\n  '09-twoway-analog-closed',\n  '09-twoway-analog-open',\n  '09-twoway-analog-open-25',\n  '09-twoway-analog-open-5',\n  '09-twoway-analog-open-50',\n  '09-twoway-analog-open-75',\n  '09-twoway-digital-closed',\n  '09-twoway-digital-nonreturn',\n  '09-twoway-digital-open',\n  '09-twoway-digital-static',\n  '10-autonomous',\n  '10-autopilot',\n  '10-autotrack',\n  '10-joystick',\n  '10-keeping-area',\n  '10-keeping-station',\n  '10-keeping-track',\n  '10-monotoring-route',\n  '10-move',\n  '10-propulsion',\n  '10-propulsion-static',\n  '10-rotate',\n  '10-rudder',\n  '10-thruster-azimuth',\n  '10-thruster-mainengine',\n  '10-thruster-tunnel',\n  '11-current-1',\n  '11-current-2',\n  '11-current-3',\n  '11-current-4',\n  '11-wind-1',\n  '11-wind-10',\n  '11-wind-11',\n  '11-wind-12',\n  '11-wind-13',\n  '11-wind-2',\n  '11-wind-3',\n  '11-wind-4',\n  '11-wind-5',\n  '11-wind-6',\n  '11-wind-7',\n  '11-wind-8',\n  '11-wind-9',\n  '12-altitute',\n  '12-cog',\n  '12-depth',\n  '12-hdg',\n  '12-heave',\n  '12-pitch',\n  '12-roll',\n  '12-rot',\n  '12-sog',\n  '12-stw',\n  '12-turn',\n  '12-yaw',\n  '13-Latched',\n  '13-camera-off',\n  '13-camera-on',\n  '13-camera-tilt',\n  '13-coffee',\n  '13-container',\n  '13-crane',\n  '13-winch',\n  '14-Alarm-outline',\n  '14-Caution-outline',\n  '14-Warning-outline',\n  '14-alarm',\n  '14-alarm-abandon',\n  '14-alarm-acknowledged',\n  '14-alarm-badge',\n  '14-alarm-emergency',\n  '14-alarm-fire',\n  '14-alarm-general',\n  '14-alarm-noack',\n  '14-alarm-pob',\n  '14-alarm-rectified',\n  '14-alarm-silenced',\n  '14-alarm-transferred',\n  '14-alarm-trigger',\n  '14-alarm-unack',\n  '14-alert-list',\n  '14-alert-off',\n  '14-alert-rectified',\n  '14-alertheader-aggregated',\n  '14-alertheader-group',\n  '14-alerts',\n  '14-audio',\n  '14-audio-low',\n  '14-caution',\n  '14-caution-badge',\n  '14-caution-color',\n  '14-exclamationmark',\n  '14-message',\n  '14-message-none',\n  '14-mute',\n  '14-notification',\n  '14-notification-empty',\n  '14-rectified',\n  '14-running',\n  '14-running-color',\n  '14-signal-fail',\n  '14-warning',\n  '14-warning-acknowledged',\n  '14-warning-badge',\n  '14-warning-noack',\n  '14-warning-rectified',\n  '14-warning-silenced',\n  '14-warning-transferred',\n  '14-warning-unacknowledged',\n  '15-Forward10S',\n  '15-Fullscreen',\n  '15-Galleryview',\n  '15-Mic',\n  '15-Radio',\n  '15-Singleview',\n  '15-backwards10S',\n  '15-call',\n  '15-call-active',\n  '15-call-end',\n  '15-contacts',\n  '15-history',\n  '15-live',\n  '15-loop',\n  '15-mic-muted',\n  '15-pa',\n  '15-pa-list',\n  '15-pause',\n  '15-pause-circle',\n  '15-play',\n  '15-play-circle',\n  '15-rank-1',\n  '15-rank-2',\n  '15-rank-3',\n  '15-rank-4',\n  '15-rank-5',\n  '15-rank-6',\n  '15-record',\n  '15-skip-next',\n  '15-skip-next-filled',\n  '15-skip-previous',\n  '15-skip-previous-filled',\n  '16-command-available',\n  '16-command-in',\n  '16-command-no',\n  '16-command-partial',\n  '16-command-request',\n  '16-command-shared',\n  '16-command-take',\n  '16-lock',\n  '17-Swimming',\n  '17-diver',\n  '17-kayaking',\n  '17-kitesurfing',\n  '17-rowing',\n  '17-ship-bulkcarrier',\n  '17-ship-carferry',\n  '17-ship-container',\n  '17-ship-fishing',\n  '17-ship-highspeed',\n  '17-ship-navy',\n  '17-ship-offshore',\n  '17-ship-passenger',\n  '17-ship-sailboat',\n  '17-ship-sailship',\n  '17-ship-tanker',\n  '17-ship-tugboat',\n  '17-ship-yacht',\n  '17-surfing',\n  '18-ais-Notcommand',\n  '18-ais-aground',\n  '18-ais-anchor',\n  '18-ais-anchored',\n  '18-ais-fishing',\n  '18-ais-moored',\n  '18-ais-notunderway',\n  '18-ais-underwaysailing',\n  '18-ais-underwayusingengine',\n  '19-analytics',\n  '19-current',\n  '19-hide',\n  '19-limits-attention',\n  '19-limits-improving',\n  '19-limits-inside',\n  '19-limits-outside-over',\n  '19-limits-outside-under',\n  '19-pilot-onboard',\n  '19-speed',\n  '19-speed-good',\n  '19-speed-high',\n  '19-speed-low',\n  '19-swell',\n  '19-temperature',\n  '19-time-less',\n  '19-time-more',\n  '19-trend-down',\n  '19-trend-up',\n  '19-trophy',\n  '19-view',\n  '19-wave',\n  '19-weather',\n  '20-USB',\n  '20-cell-bad',\n  '20-cell-full',\n  '20-cell-low',\n  '20-cell-medium',\n  '20-cell-off',\n  '20-satellite-full',\n  '20-satellite-low',\n  '20-satellite-medium',\n  '20-satellite-off',\n  '20-sensor-gps-bad',\n  '20-sensor-gps-full',\n  '20-sensor-gps-low',\n  '20-sensor-gps-medium',\n  '20-sensor-gyro',\n  '20-sensor-wind',\n  '20-wifi-bad',\n  '20-wifi-off',\n  '20-wifi-wifi_statusbar_0',\n  '20-wifi-wifi_statusbar_1',\n  '20-wifi-wifi_statusbar_2',\n  '20-wifi-wifi_statusbar_3',\n  '20-wifi-wifi_statusbar_4',\n  '20-wifi2',\n  '20-wifi2-off',\n  'Frame2622',\n  'temp',\n];\n"],"names":[],"mappings":"AAAO,MAAM,UAAoB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;"}
+{"version":3,"file":"names.js","sources":["../../src/icons/names.ts"],"sourcesContent":["export const iconIds: string[] = [\n  '01-add',\n  '01-application-open',\n  '01-apps',\n  '01-check',\n  '01-checkbox-checked',\n  '01-checkbox-uncheck',\n  '01-close',\n  '01-content-copy',\n  '01-content-cut',\n  '01-content-paste',\n  '01-delete',\n  '01-edit',\n  '01-expanditem',\n  '01-file-download',\n  '01-file-export',\n  '01-file-upload',\n  '01-log-add',\n  '01-log-edit',\n  '01-log-open',\n  '01-megamenu',\n  '01-menu',\n  '01-mixed',\n  '01-more',\n  '01-more-vertical',\n  '01-note-edit',\n  '01-off',\n  '01-on',\n  '01-open-full',\n  '01-placeholder',\n  '01-placeholder-device-off',\n  '01-placeholder-device-on',\n  '01-placeholder-device-static',\n  '01-play',\n  '01-print',\n  '01-redo',\n  '01-remove',\n  '01-reorder',\n  '01-save',\n  '01-search',\n  '01-sort',\n  '01-standby',\n  '01-stop',\n  '01-text',\n  '01-undo',\n  '01-visibility',\n  '01-visibility-off',\n  '01-widget-add',\n  '02-arrow-back',\n  '02-arrow-down',\n  '02-arrow-drop-down',\n  '02-arrow-flyout',\n  '02-arrow-forward',\n  '02-arrow-up',\n  '02-chevron-double-down',\n  '02-chevron-double-left',\n  '02-chevron-double-right',\n  '02-chevron-double-up',\n  '02-chevron-down',\n  '02-chevron-left',\n  '02-chevron-right',\n  '02-chevron-up',\n  '02-collapse-content',\n  '02-dock-bottom',\n  '02-dock-left',\n  '02-dock-right',\n  '02-drop-down',\n  '02-expand-content',\n  '02-page-first',\n  '02-page-last',\n  '02-resize-bottom',\n  '02-resize-corner',\n  '02-resize-top',\n  '02-resize_center',\n  '02-set-point',\n  '02-slide-left',\n  '02-slide-right',\n  '02-unfold-less',\n  '02-unfold-more',\n  '03-configure',\n  '03-diagnostic',\n  '03-filter',\n  '03-info',\n  '03-license',\n  '03-monitoring',\n  '03-pin-checked',\n  '03-pin-unchecked',\n  '03-printscreen',\n  '03-settings',\n  '03-settings-default',\n  '03-settings-default-alt1',\n  '03-settings-default-alt2',\n  '03-split-left',\n  '03-split-right',\n  '03-star-checked',\n  '03-star-unchecked',\n  '03-support',\n  '03-table',\n  '03-volume-high',\n  '03-volume-low',\n  '03-volume-off',\n  '04-brilliance-high',\n  '04-brilliance-low',\n  '04-colorcalibrated',\n  '04-day',\n  '04-day-bright',\n  '04-daynight',\n  '04-dimming',\n  '04-dusk',\n  '04-illumination-high',\n  '04-illumination-low',\n  '04-night',\n  '05-fullscreen',\n  '05-fullscreen-exit',\n  '05-input-keyboard',\n  '05-input-keyboard_onscreen',\n  '05-input-mouse',\n  '05-input-touchpad_mouse',\n  '05-pc',\n  '05-people',\n  '05-screen-desk',\n  '05-screen-full',\n  '05-screen-pad',\n  '05-screen-quad',\n  '05-screen-split-left',\n  '05-screen-split-right',\n  '05-server',\n  '05-user',\n  '06-Date',\n  '06-calendar',\n  '06-cam',\n  '06-cctv',\n  '06-com',\n  '06-conning',\n  '06-dashboard',\n  '06-dashboard-outline',\n  '06-ecdis',\n  '06-ecdis-simple',\n  '06-home',\n  '06-ias',\n  '06-lantern',\n  '06-link',\n  '06-link-remove',\n  '06-logo-company',\n  '06-logo-oicl',\n  '06-openbridge',\n  '06-radar',\n  '06-screens',\n  '06-ship',\n  '06-time',\n  '06-wipers',\n  '07-Chart',\n  '07-ais',\n  '07-anchorwatch',\n  '07-catzoc',\n  '07-centre-off',\n  '07-centre-on',\n  '07-chart-info',\n  '07-chart-search',\n  '07-chart-settings',\n  '07-chart-styles',\n  '07-coordinate',\n  '07-ebl',\n  '07-erbl',\n  '07-event-record',\n  '07-grid-off',\n  '07-grid-on',\n  '07-headingline-off',\n  '07-layers',\n  '07-location-1',\n  '07-location-2',\n  '07-location-3',\n  '07-measure',\n  '07-radar-overlay',\n  '07-range',\n  '07-rangerings',\n  '07-relativemotion',\n  '07-relativemotion-variant',\n  '07-report-info',\n  '07-route-planning',\n  '07-silence',\n  '07-smode',\n  '07-target-associated-ais-camera',\n  '07-target-associated-camera-radar',\n  '07-target-associated-radar-camera',\n  '07-target-camera',\n  '07-target-cancel',\n  '07-target-cancel-all',\n  '07-target-select',\n  '07-track',\n  '07-track-no',\n  '07-track-off-port',\n  '07-track-off-strb',\n  '07-track-on',\n  '07-track-route',\n  '07-truemotion',\n  '07-truemotion-reset',\n  '07-truemotion-variant',\n  '07-up-course',\n  '07-up-head',\n  '07-up-north',\n  '07-voyages',\n  '07-vrm',\n  '07-waypoint-add',\n  '07-waypoint-delete',\n  '07-waypoint-edit',\n  '08-ACDC-converter',\n  '08-DCDC-converter',\n  '08-IO',\n  '08-Logger',\n  '08-PLS',\n  '08-PLS-component',\n  '08-auto',\n  '08-backward',\n  '08-backward-fast',\n  '08-backward-stopped',\n  '08-battery-0',\n  '08-battery-25',\n  '08-battery-50',\n  '08-battery-75',\n  '08-battery-charging',\n  '08-battery-pack-0',\n  '08-battery-pack-100',\n  '08-battery-pack-25',\n  '08-battery-pack-50',\n  '08-battery-pack-70',\n  '08-battery-pack-charging',\n  '08-battery_full',\n  '08-bilge',\n  '08-blower-off-vertical',\n  '08-blower-on-vertical',\n  '08-blower-static-vertical',\n  '08-connector-cross',\n  '08-cooling',\n  '08-duty',\n  '08-engine',\n  '08-epms',\n  '08-ethernet-switch',\n  '08-fan-off',\n  '08-fan-on',\n  '08-fan-static',\n  '08-filter',\n  '08-fire',\n  '08-forward',\n  '08-forward-fast',\n  '08-forward-stopped',\n  '08-generator',\n  '08-heat',\n  '08-heat_pump_balance',\n  '08-heatexhanger',\n  '08-heatpump',\n  '08-hvac',\n  '08-hydraulic-separator',\n  '08-local',\n  '08-local-only',\n  '08-manuel',\n  '08-manuel-only',\n  '08-misc',\n  '08-motor-off-horisontal',\n  '08-motor-off-vertical',\n  '08-motor-on-horisontal',\n  '08-motor-on-vertical',\n  '08-motor-static-horisontal',\n  '08-motor-static-vertical',\n  '08-off',\n  '08-on',\n  '08-pump-off-horisontal',\n  '08-pump-off-vertical',\n  '08-pump-on-horisontal',\n  '08-pump-on-vertical',\n  '08-pump-static-horisontal',\n  '08-pump-static-vertical',\n  '08-router',\n  '08-simulation',\n  '08-standby',\n  '08-system',\n  '08-tank',\n  '08-temp-cold',\n  '08-temp-hot',\n  '08-temp-hotcold',\n  '08-trend',\n  '08-wiper',\n  '08-wiper-fluid',\n  '09-connector-3way',\n  '09-connector-corner',\n  '09-connector-straight',\n  '09-damper-horizontal-off',\n  '09-damper-horizontal-off-large',\n  '09-damper-horizontal-on',\n  '09-damper-horizontal-on-large',\n  '09-pipe-3way',\n  '09-pipe-corner',\n  '09-pipe-cross',\n  '09-pipe-direction',\n  '09-pipe-end',\n  '09-pipe-straight',\n  '09-switch-horizontal-off',\n  '09-switch-horizontal-off-large',\n  '09-switch-horizontal-on',\n  '09-switch-horizontal-on-large',\n  '09-threeway-analog-left-0',\n  '09-threeway-analog-left-100',\n  '09-threeway-analog-left-25',\n  '09-threeway-analog-left-50',\n  '09-threeway-analog-left-75',\n  '09-threeway-analog-right-0',\n  '09-threeway-analog-right-100',\n  '09-threeway-analog-right-25',\n  '09-threeway-analog-right-50',\n  '09-threeway-analog-right-75',\n  '09-threeway-analog-top-0',\n  '09-threeway-analog-top-100',\n  '09-threeway-analog-top-25',\n  '09-threeway-analog-top-50',\n  '09-threeway-analog-top-75',\n  '09-threeway-digital-closed',\n  '09-threeway-digital-closed-left',\n  '09-threeway-digital-closed-right',\n  '09-threeway-digital-closed-top',\n  '09-threeway-digital-open',\n  '09-threeway-digital-static',\n  '09-twoway-analog-closed',\n  '09-twoway-analog-open',\n  '09-twoway-analog-open-25',\n  '09-twoway-analog-open-5',\n  '09-twoway-analog-open-50',\n  '09-twoway-analog-open-75',\n  '09-twoway-digital-closed',\n  '09-twoway-digital-nonreturn',\n  '09-twoway-digital-open',\n  '09-twoway-digital-static',\n  '10-autonomous',\n  '10-autopilot',\n  '10-autotrack',\n  '10-joystick',\n  '10-keeping-area',\n  '10-keeping-station',\n  '10-keeping-track',\n  '10-monotoring-route',\n  '10-move',\n  '10-propulsion',\n  '10-propulsion-static',\n  '10-rotate',\n  '10-rudder',\n  '10-thruster-azimuth',\n  '10-thruster-mainengine',\n  '10-thruster-tunnel',\n  '11-current-1',\n  '11-current-2',\n  '11-current-3',\n  '11-current-4',\n  '11-wind-1',\n  '11-wind-10',\n  '11-wind-11',\n  '11-wind-12',\n  '11-wind-13',\n  '11-wind-2',\n  '11-wind-3',\n  '11-wind-4',\n  '11-wind-5',\n  '11-wind-6',\n  '11-wind-7',\n  '11-wind-8',\n  '11-wind-9',\n  '12-altitute',\n  '12-cog',\n  '12-depth',\n  '12-hdg',\n  '12-heave',\n  '12-pitch',\n  '12-roll',\n  '12-rot',\n  '12-sog',\n  '12-stw',\n  '12-turn',\n  '12-yaw',\n  '13-Latched',\n  '13-camera-off',\n  '13-camera-on',\n  '13-camera-tilt',\n  '13-coffee',\n  '13-container',\n  '13-crane',\n  '13-winch',\n  '14-Alarm-outline',\n  '14-Caution-outline',\n  '14-Warning-outline',\n  '14-alarm',\n  '14-alarm-abandon',\n  '14-alarm-acknowledged',\n  '14-alarm-badge',\n  '14-alarm-emergency',\n  '14-alarm-fire',\n  '14-alarm-general',\n  '14-alarm-noack',\n  '14-alarm-pob',\n  '14-alarm-rectified',\n  '14-alarm-silenced',\n  '14-alarm-transferred',\n  '14-alarm-trigger',\n  '14-alarm-unack',\n  '14-alert-list',\n  '14-alert-off',\n  '14-alert-rectified',\n  '14-alertheader-aggregated',\n  '14-alertheader-aggregated-large',\n  '14-alertheader-group',\n  '14-alertheader-group-large',\n  '14-alerts',\n  '14-audio',\n  '14-audio-low',\n  '14-caution',\n  '14-caution-badge',\n  '14-caution-color',\n  '14-exclamationmark',\n  '14-message',\n  '14-message-none',\n  '14-mute',\n  '14-notification',\n  '14-notification-empty',\n  '14-rectified',\n  '14-running',\n  '14-running-color',\n  '14-signal-fail',\n  '14-warning',\n  '14-warning-acknowledged',\n  '14-warning-badge',\n  '14-warning-noack',\n  '14-warning-rectified',\n  '14-warning-silenced',\n  '14-warning-transferred',\n  '14-warning-unacknowledged',\n  '15-Forward10S',\n  '15-Fullscreen',\n  '15-Galleryview',\n  '15-Mic',\n  '15-Radio',\n  '15-Singleview',\n  '15-backwards10S',\n  '15-call',\n  '15-call-active',\n  '15-call-end',\n  '15-contacts',\n  '15-history',\n  '15-live',\n  '15-loop',\n  '15-mic-muted',\n  '15-pa',\n  '15-pa-list',\n  '15-pause',\n  '15-pause-circle',\n  '15-play',\n  '15-play-circle',\n  '15-rank-1',\n  '15-rank-2',\n  '15-rank-3',\n  '15-rank-4',\n  '15-rank-5',\n  '15-rank-6',\n  '15-record',\n  '15-skip-next',\n  '15-skip-next-filled',\n  '15-skip-previous',\n  '15-skip-previous-filled',\n  '16-command-available',\n  '16-command-in',\n  '16-command-no',\n  '16-command-partial',\n  '16-command-request',\n  '16-command-shared',\n  '16-command-take',\n  '16-lock',\n  '17-Swimming',\n  '17-diver',\n  '17-kayaking',\n  '17-kitesurfing',\n  '17-rowing',\n  '17-ship-bulkcarrier',\n  '17-ship-carferry',\n  '17-ship-container',\n  '17-ship-fishing',\n  '17-ship-highspeed',\n  '17-ship-navy',\n  '17-ship-offshore',\n  '17-ship-passenger',\n  '17-ship-sailboat',\n  '17-ship-sailship',\n  '17-ship-tanker',\n  '17-ship-tugboat',\n  '17-ship-yacht',\n  '17-surfing',\n  '18-ais-Notcommand',\n  '18-ais-aground',\n  '18-ais-anchor',\n  '18-ais-anchored',\n  '18-ais-fishing',\n  '18-ais-moored',\n  '18-ais-notunderway',\n  '18-ais-underwaysailing',\n  '18-ais-underwayusingengine',\n  '19-analytics',\n  '19-current',\n  '19-hide',\n  '19-limits-attention',\n  '19-limits-improving',\n  '19-limits-inside',\n  '19-limits-outside-over',\n  '19-limits-outside-under',\n  '19-pilot-onboard',\n  '19-speed',\n  '19-speed-good',\n  '19-speed-high',\n  '19-speed-low',\n  '19-swell',\n  '19-temperature',\n  '19-time-less',\n  '19-time-more',\n  '19-trend-down',\n  '19-trend-up',\n  '19-trophy',\n  '19-view',\n  '19-wave',\n  '19-weather',\n  '20-USB',\n  '20-cell-bad',\n  '20-cell-full',\n  '20-cell-low',\n  '20-cell-medium',\n  '20-cell-off',\n  '20-satellite-full',\n  '20-satellite-low',\n  '20-satellite-medium',\n  '20-satellite-off',\n  '20-sensor-gps-bad',\n  '20-sensor-gps-full',\n  '20-sensor-gps-low',\n  '20-sensor-gps-medium',\n  '20-sensor-gyro',\n  '20-sensor-wind',\n  '20-wifi-bad',\n  '20-wifi-off',\n  '20-wifi-wifi_statusbar_0',\n  '20-wifi-wifi_statusbar_1',\n  '20-wifi-wifi_statusbar_2',\n  '20-wifi-wifi_statusbar_3',\n  '20-wifi-wifi_statusbar_4',\n  '20-wifi2',\n  '20-wifi2-off',\n  'Frame2622',\n  'IEC-02-ais-target-activated',\n  'IEC-02-ais-target-activated-selected',\n  'IEC-02-associated-target-ais',\n  'IEC-02-associated-target-radar',\n  'IEC-02-radar-target-tracked',\n  'IEC-02-radar-target-tracked-selected',\n  'temp',\n];\n"],"names":[],"mappings":"AAAO,MAAM,UAAoB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;"}

package/dist/navigation-instruments/thruster/thruster.d.ts

@@ -16,7 +16,8 @@ export declare class ObcThruster extends LitElement {
     tunnel: boolean;
     loading: boolean;
     off: boolean;
-    render(): import("lit-html").TemplateResult<2>;
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: import("lit").CSSResult;
 }
 export declare function thruster(thrust: number, setpoint: number | undefined, state: InstrumentState, options: {
     atSetpoint: boolean;

package/dist/navigation-instruments/thruster/thruster.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"thruster.d.ts","sourceRoot":"","sources":["../../../src/navigation-instruments/thruster/thruster.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAM,MAAM,KAAK,CAAC;AAEpC,OAAO,EAAC,IAAI,EAAE,eAAe,EAAC,MAAM,UAAU,CAAC;AAE/C;;;;;GAKG;AACH,qBACa,WAAY,SAAQ,UAAU;IACf,IAAI,EAAE,IAAI,CAAe;IACzB,MAAM,EAAE,MAAM,CAAK;IACnB,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAC;IACF,UAAU,EAAE,OAAO,CAChE;IAER,cAAc,EAAE,OAAO,CAAS;IACN,KAAK,EAAE,eAAe,CAA6B;IAClD,MAAM,EAAE,OAAO,CAAS;IACxB,OAAO,EAAE,OAAO,CAAS;IACzB,GAAG,EAAE,OAAO,CAAS;IAEvC,MAAM;CAOhB;AA2ED,wBAAgB,QAAQ,CACtB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,MAAM,GAAG,SAAS,EAC5B,KAAK,EAAE,eAAe,EACtB,OAAO,EAAE;IAAC,UAAU,EAAE,OAAO,CAAC;IAAC,MAAM,EAAE,OAAO,CAAC;IAAC,cAAc,EAAE,OAAO,CAAA;CAAC,wCAiFzE;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,WAAW,CAAC;KAC7B;CACF"}
+{"version":3,"file":"thruster.d.ts","sourceRoot":"","sources":["../../../src/navigation-instruments/thruster/thruster.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAiB,MAAM,KAAK,CAAC;AAE/C,OAAO,EAAC,IAAI,EAAE,eAAe,EAAC,MAAM,UAAU,CAAC;AAE/C;;;;;GAKG;AACH,qBACa,WAAY,SAAQ,UAAU;IACf,IAAI,EAAE,IAAI,CAAe;IACzB,MAAM,EAAE,MAAM,CAAK;IACnB,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAC;IACF,UAAU,EAAE,OAAO,CAChE;IAER,cAAc,EAAE,OAAO,CAAS;IACN,KAAK,EAAE,eAAe,CAA6B;IAClD,MAAM,EAAE,OAAO,CAAS;IACxB,OAAO,EAAE,OAAO,CAAS;IACzB,GAAG,EAAE,OAAO,CAAS;IAEvC,MAAM;IAUf,OAAgB,MAAM,0BAUpB;CACH;AA2ED,wBAAgB,QAAQ,CACtB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,MAAM,GAAG,SAAS,EAC5B,KAAK,EAAE,eAAe,EACtB,OAAO,EAAE;IAAC,UAAU,EAAE,OAAO,CAAC;IAAC,MAAM,EAAE,OAAO,CAAC;IAAC,cAAc,EAAE,OAAO,CAAA;CAAC,wCAmFzE;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,WAAW,CAAC;KAC7B;CACF"}

package/dist/navigation-instruments/thruster/thruster.js

@@ -1,4 +1,4 @@
-import { LitElement, svg } from "lit";
+import { css, LitElement, html, svg } from "lit";
 import { property, customElement } from "lit/decorators.js";
 import { Size, InstrumentState } from "../types.js";
 var __defProp = Object.defineProperty;
@@ -25,13 +25,26 @@ let ObcThruster = class extends LitElement {
     this.off = false;
   }
   render() {
-    return thruster(this.thrust, this.setpoint, this.state, {
+    return html`<div class="container">
+      ${thruster(this.thrust, this.setpoint, this.state, {
       atSetpoint: this.atSetpoint,
       tunnel: this.tunnel,
       setpointAtZero: this.setpointAtZero
-    });
+    })}
+    </div>`;
   }
 };
+ObcThruster.styles = css`
+    .container {
+      height: 100%;
+      width: 100%;
+    }
+
+    .container > svg {
+      height: 100%;
+      width: 100%;
+    }
+  `;
 __decorateClass([
   property({ type: String })
 ], ObcThruster.prototype, "size", 2);
@@ -150,35 +163,42 @@ function thruster(thrust, setpoint, state, options) {
   const centerLine = svg`
     <rect x="-32" y="-2" width="64" height="4" fill=${zeroLineColor} stroke=${zeroLineColor}/>
   `;
-  const thrusterSvg = svg`
-  <svg xmlns="http://www.w3.org/2000/svg" viewBox="-64 -160 128 320" x="-64" y="-160" width="128" height="320">
-    ${thrusterTop(
-    Math.max(thrust, 0),
-    { box: boxColor, container: containerBackgroundColor },
-    hideTicks
-  )}
-    ${thrusterBottom(
-    Math.max(-thrust, 0),
-    { box: boxColor, container: containerBackgroundColor },
-    hideTicks
-  )}
-    ${centerLine}
-    ${setpoint !== void 0 ? setpointSvg(setpoint, options.setpointAtZero, {
-    fill: setPointColor,
-    stroke: "var(--border-silhouette-color)"
-  }) : null}
-    ${options.tunnel ? null : arrowTop(arrowColor)}
-    </svg>
-  `;
+  const thrusterSvg = [
+    thrusterTop(
+      Math.max(thrust, 0),
+      { box: boxColor, container: containerBackgroundColor },
+      hideTicks
+    ),
+    thrusterBottom(
+      Math.max(-thrust, 0),
+      { box: boxColor, container: containerBackgroundColor },
+      hideTicks
+    ),
+    centerLine
+  ];
+  if (setpoint !== void 0) {
+    thrusterSvg.push(
+      setpointSvg(setpoint, options.setpointAtZero, {
+        fill: setPointColor,
+        stroke: "var(--border-silhouette-color)"
+      })
+    );
+  }
   if (options.tunnel) {
     return svg`
-      <svg xmlns="http://www.w3.org/2000/svg" viewBox="-160 -64  320 128" x="-160" y="-64" width="320" height="128">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="-160 -64  320 128" x="-160" y="-64">
         <g transform="rotate(90)">
           ${thrusterSvg}
         </g>
       </svg>`;
+  } else {
+    thrusterSvg.push(arrowTop(arrowColor));
+    return svg`
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="-64 -160 128 320" x="-64" y="-160">
+      ${thrusterSvg}
+    </svg>
+  `;
   }
-  return thrusterSvg;
 }
 export {
   ObcThruster,

package/dist/navigation-instruments/thruster/thruster.js.map

@@ -1 +1 @@
-{"version":3,"file":"thruster.js","sources":["../../../src/navigation-instruments/thruster/thruster.ts"],"sourcesContent":["import {LitElement, svg} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\nimport {Size, InstrumentState} from '../types';\n\n/**\n * @element obc-thruster\n *\n * @prop {Size} size - The size of the thruster\n * @prop {number} thrust - The thrust of the thruster in percent (-100 - +100)\n */\n@customElement('obc-thruster')\nexport class ObcThruster extends LitElement {\n  @property({type: String}) size: Size = Size.medium;\n  @property({type: Number}) thrust: number = 0;\n  @property({type: Number}) setpoint: number | undefined;\n  @property({type: Boolean, attribute: 'at-setpoint'}) atSetpoint: boolean =\n    false;\n  @property({type: Boolean, attribute: 'setpoint-at-zero'})\n  setpointAtZero: boolean = false;\n  @property({type: String}) state: InstrumentState = InstrumentState.inCommand;\n  @property({type: Boolean}) tunnel: boolean = false;\n  @property({type: Boolean}) loading: boolean = false;\n  @property({type: Boolean}) off: boolean = false;\n\n  override render() {\n    return thruster(this.thrust, this.setpoint, this.state, {\n      atSetpoint: this.atSetpoint,\n      tunnel: this.tunnel,\n      setpointAtZero: this.setpointAtZero,\n    });\n  }\n}\nconst containerHeight = 134;\n\nfunction thrusterTop(\n  value: number,\n  colors: {box: string; container: string},\n  hideTicks: boolean\n) {\n  const container = svg`\n      <path transform=\"translate(-33 -137)\" d=\"M1 9C1 4.58172 4.58172 1 9 1H57C61.4183 1 65 4.58172 65 9V135H1V9Z\" fill=${colors.container} stroke=\"var(--instrument-frame-tertiary-color)\" vector-effect=\"non-scaling-stroke\"/>\n  `;\n  const track = svg`<rect width=\"32\" height=\"134\" x=\"-16\" y=\"-136\" fill=\"var(--instrument-frame-secondary-color)\" stroke=\"var(--instrument-frame-tertiary-color)\" vector-effect=\"non-scaling-stroke\"/>`;\n\n  const tickmarks = [];\n\n  const nTicks = 4;\n  const delta = containerHeight / nTicks;\n  if (!hideTicks) {\n    for (let i = 1; i < nTicks; i++) {\n      tickmarks.push(\n        svg`<line x1=\"-20\" x2=\"-28\" y1=${-i * delta - 2}  y2=${\n          -i * delta - 2\n        } stroke=\"var(--instrument-frame-tertiary-color)\" stroke-width=\"1\" vector-effect=\"non-scaling-stroke\"/>`\n      );\n      tickmarks.push(\n        svg`<line  x1=\"20\"  x2=\"28\" y1=${-i * delta - 2}  y2=${\n          -i * delta - 2\n        } stroke=\"var(--instrument-frame-tertiary-color)\" stroke-width=\"1\" vector-effect=\"non-scaling-stroke\"/>`\n      );\n    }\n  }\n\n  const barHeight = (134 * value) / 100;\n  const barY = -136 + 134 - barHeight;\n  const bar = svg`<rect width=\"32\" height=${barHeight} x=\"-16\" y=${barY} fill=${colors.box} stroke=${colors.box} vector-effect=\"non-scaling-stroke\"/>`;\n\n  return [container, track, tickmarks, bar];\n}\n\nfunction thrusterBottom(\n  value: number,\n  colors: {box: string; container: string},\n  hideTicks: boolean\n) {\n  const container = svg`\n      <g transform=\"rotate(180)\">\n        ${thrusterTop(value, colors, hideTicks)}\n      </g>\n  `;\n  return container;\n}\n\nfunction arrowTop(arrowColor: string) {\n  return svg`\n<path transform=\"translate(-15 -156)\" d=\"M0.707007 14.2929L14.9999 0L29.2928 14.2929C29.9228 14.9229 29.4766 16 28.5857 16H1.41412C0.523211 16 0.0770419 14.9229 0.707007 14.2929Z\" fill=${arrowColor}/>`;\n}\n\nfunction setpointSvg(\n  value: number,\n  setpointAtZero: boolean,\n  colors: {fill: string; stroke: string}\n) {\n  const y =\n    -12 +\n    -(setpointAtZero\n      ? 0\n      : Math.sign(value) * ((containerHeight * Math.abs(value)) / 100 + 2));\n  return svg`\n  <g transform=\"translate(-40 ${y})\">\n    <path d=\"M59.4001 11.1999C59.1483 11.3887 59 11.6852 59 12C59 12.3148 59.1483 12.6113 59.4001 12.8001L72.2001 22.3966C74.1773 23.879 77 22.4692 77 19.9971L77 4.0029C77 1.53076 74.1773 0.121035 72.2001 1.60338L59.4001 11.1999Z\" fill=${colors.fill} stroke=${colors.stroke} stroke-width=\"2\" stroke-linejoin=\"round\" vector-effect=\"non-scaling-stroke\"/>\n    <path d=\"M20.5999 12.8001C20.8517 12.6113 21 12.3148 21 12C21 11.6852 20.8517 11.3887 20.5999 11.1999L7.79986 1.60338C5.82268 0.121036 3 1.53075 3 4.0029L3 19.9971C3 22.4692 5.82268 23.879 7.79986 22.3966L20.5999 12.8001Z\" fill=${colors.fill} stroke=${colors.stroke} stroke-width=\"2\" stroke-linejoin=\"round\" vector-effect=\"non-scaling-stroke\"/>\n  </g>\n`;\n}\n\nexport function thruster(\n  thrust: number,\n  setpoint: number | undefined,\n  state: InstrumentState,\n  options: {atSetpoint: boolean; tunnel: boolean; setpointAtZero: boolean}\n) {\n  let boxColor = 'var(--instrument-enhanced-secondary-color)';\n  let setPointColor = boxColor;\n  let arrowColor = 'var(--instrument-tick-mark-primary-color)';\n  let containerBackgroundColor = 'var(--instrument-frame-primary-color)';\n  let zeroLineColor = 'var(--instrument-enhanced-secondary-color)';\n  let hideTicks = false;\n  if (options.atSetpoint) {\n    setPointColor = 'var(--instrument-frame-tertiary-color)';\n  }\n  if (state === InstrumentState.active) {\n    boxColor = 'var(--instrument-regular-secondary-color)';\n    zeroLineColor = 'var(--instrument-regular-secondary-color)';\n    setPointColor = boxColor;\n    arrowColor = 'var(--instrument-regular-secondary-color)';\n    if (options.atSetpoint) {\n      setPointColor = 'var(--instrument-frame-tertiary-color)';\n    }\n  } else if (state === InstrumentState.loading) {\n    boxColor = 'transparent';\n    setPointColor = 'var(--instrument-frame-tertiary-color)';\n    zeroLineColor = 'var(--instrument-frame-tertiary-color)';\n    arrowColor = 'var(--instrument-regular-secondary-color)';\n    thrust = 0;\n    hideTicks = true;\n    if (setpoint !== undefined) {\n      setpoint = 0;\n    }\n  } else if (state === InstrumentState.off) {\n    boxColor = 'transparent';\n    setPointColor = 'var(--instrument-frame-tertiary-color)';\n    arrowColor = 'var(--instrument-frame-tertiary-color)';\n    zeroLineColor = 'var(--instrument-frame-tertiary-color)';\n    thrust = 0;\n    hideTicks = true;\n    containerBackgroundColor = 'transparent';\n    if (setpoint !== undefined) {\n      setpoint = 0;\n    }\n  }\n\n  const centerLine = svg`\n    <rect x=\"-32\" y=\"-2\" width=\"64\" height=\"4\" fill=${zeroLineColor} stroke=${zeroLineColor}/>\n  `;\n\n  const thrusterSvg = svg`\n  <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"-64 -160 128 320\" x=\"-64\" y=\"-160\" width=\"128\" height=\"320\">\n    ${thrusterTop(\n      Math.max(thrust, 0),\n      {box: boxColor, container: containerBackgroundColor},\n      hideTicks\n    )}\n    ${thrusterBottom(\n      Math.max(-thrust, 0),\n      {box: boxColor, container: containerBackgroundColor},\n      hideTicks\n    )}\n    ${centerLine}\n    ${\n      setpoint !== undefined\n        ? setpointSvg(setpoint, options.setpointAtZero, {\n            fill: setPointColor,\n            stroke: 'var(--border-silhouette-color)',\n          })\n        : null\n    }\n    ${options.tunnel ? null : arrowTop(arrowColor)}\n    </svg>\n  `;\n\n  if (options.tunnel) {\n    return svg`\n      <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"-160 -64  320 128\" x=\"-160\" y=\"-64\" width=\"320\" height=\"128\">\n        <g transform=\"rotate(90)\">\n          ${thrusterSvg}\n        </g>\n      </svg>`;\n  }\n\n  return thrusterSvg;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-thruster': ObcThruster;\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"thruster.js","sources":["../../../src/navigation-instruments/thruster/thruster.ts"],"sourcesContent":["import {LitElement, svg, html, css} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\nimport {Size, InstrumentState} from '../types';\n\n/**\n * @element obc-thruster\n *\n * @prop {Size} size - The size of the thruster\n * @prop {number} thrust - The thrust of the thruster in percent (-100 - +100)\n */\n@customElement('obc-thruster')\nexport class ObcThruster extends LitElement {\n  @property({type: String}) size: Size = Size.medium;\n  @property({type: Number}) thrust: number = 0;\n  @property({type: Number}) setpoint: number | undefined;\n  @property({type: Boolean, attribute: 'at-setpoint'}) atSetpoint: boolean =\n    false;\n  @property({type: Boolean, attribute: 'setpoint-at-zero'})\n  setpointAtZero: boolean = false;\n  @property({type: String}) state: InstrumentState = InstrumentState.inCommand;\n  @property({type: Boolean}) tunnel: boolean = false;\n  @property({type: Boolean}) loading: boolean = false;\n  @property({type: Boolean}) off: boolean = false;\n\n  override render() {\n    return html`<div class=\"container\">\n      ${thruster(this.thrust, this.setpoint, this.state, {\n        atSetpoint: this.atSetpoint,\n        tunnel: this.tunnel,\n        setpointAtZero: this.setpointAtZero,\n      })}\n    </div>`;\n  }\n\n  static override styles = css`\n    .container {\n      height: 100%;\n      width: 100%;\n    }\n\n    .container > svg {\n      height: 100%;\n      width: 100%;\n    }\n  `;\n}\nconst containerHeight = 134;\n\nfunction thrusterTop(\n  value: number,\n  colors: {box: string; container: string},\n  hideTicks: boolean\n) {\n  const container = svg`\n      <path transform=\"translate(-33 -137)\" d=\"M1 9C1 4.58172 4.58172 1 9 1H57C61.4183 1 65 4.58172 65 9V135H1V9Z\" fill=${colors.container} stroke=\"var(--instrument-frame-tertiary-color)\" vector-effect=\"non-scaling-stroke\"/>\n  `;\n  const track = svg`<rect width=\"32\" height=\"134\" x=\"-16\" y=\"-136\" fill=\"var(--instrument-frame-secondary-color)\" stroke=\"var(--instrument-frame-tertiary-color)\" vector-effect=\"non-scaling-stroke\"/>`;\n\n  const tickmarks = [];\n\n  const nTicks = 4;\n  const delta = containerHeight / nTicks;\n  if (!hideTicks) {\n    for (let i = 1; i < nTicks; i++) {\n      tickmarks.push(\n        svg`<line x1=\"-20\" x2=\"-28\" y1=${-i * delta - 2}  y2=${\n          -i * delta - 2\n        } stroke=\"var(--instrument-frame-tertiary-color)\" stroke-width=\"1\" vector-effect=\"non-scaling-stroke\"/>`\n      );\n      tickmarks.push(\n        svg`<line  x1=\"20\"  x2=\"28\" y1=${-i * delta - 2}  y2=${\n          -i * delta - 2\n        } stroke=\"var(--instrument-frame-tertiary-color)\" stroke-width=\"1\" vector-effect=\"non-scaling-stroke\"/>`\n      );\n    }\n  }\n\n  const barHeight = (134 * value) / 100;\n  const barY = -136 + 134 - barHeight;\n  const bar = svg`<rect width=\"32\" height=${barHeight} x=\"-16\" y=${barY} fill=${colors.box} stroke=${colors.box} vector-effect=\"non-scaling-stroke\"/>`;\n\n  return [container, track, tickmarks, bar];\n}\n\nfunction thrusterBottom(\n  value: number,\n  colors: {box: string; container: string},\n  hideTicks: boolean\n) {\n  const container = svg`\n      <g transform=\"rotate(180)\">\n        ${thrusterTop(value, colors, hideTicks)}\n      </g>\n  `;\n  return container;\n}\n\nfunction arrowTop(arrowColor: string) {\n  return svg`\n<path transform=\"translate(-15 -156)\" d=\"M0.707007 14.2929L14.9999 0L29.2928 14.2929C29.9228 14.9229 29.4766 16 28.5857 16H1.41412C0.523211 16 0.0770419 14.9229 0.707007 14.2929Z\" fill=${arrowColor}/>`;\n}\n\nfunction setpointSvg(\n  value: number,\n  setpointAtZero: boolean,\n  colors: {fill: string; stroke: string}\n) {\n  const y =\n    -12 +\n    -(setpointAtZero\n      ? 0\n      : Math.sign(value) * ((containerHeight * Math.abs(value)) / 100 + 2));\n  return svg`\n  <g transform=\"translate(-40 ${y})\">\n    <path d=\"M59.4001 11.1999C59.1483 11.3887 59 11.6852 59 12C59 12.3148 59.1483 12.6113 59.4001 12.8001L72.2001 22.3966C74.1773 23.879 77 22.4692 77 19.9971L77 4.0029C77 1.53076 74.1773 0.121035 72.2001 1.60338L59.4001 11.1999Z\" fill=${colors.fill} stroke=${colors.stroke} stroke-width=\"2\" stroke-linejoin=\"round\" vector-effect=\"non-scaling-stroke\"/>\n    <path d=\"M20.5999 12.8001C20.8517 12.6113 21 12.3148 21 12C21 11.6852 20.8517 11.3887 20.5999 11.1999L7.79986 1.60338C5.82268 0.121036 3 1.53075 3 4.0029L3 19.9971C3 22.4692 5.82268 23.879 7.79986 22.3966L20.5999 12.8001Z\" fill=${colors.fill} stroke=${colors.stroke} stroke-width=\"2\" stroke-linejoin=\"round\" vector-effect=\"non-scaling-stroke\"/>\n  </g>\n`;\n}\n\nexport function thruster(\n  thrust: number,\n  setpoint: number | undefined,\n  state: InstrumentState,\n  options: {atSetpoint: boolean; tunnel: boolean; setpointAtZero: boolean}\n) {\n  let boxColor = 'var(--instrument-enhanced-secondary-color)';\n  let setPointColor = boxColor;\n  let arrowColor = 'var(--instrument-tick-mark-primary-color)';\n  let containerBackgroundColor = 'var(--instrument-frame-primary-color)';\n  let zeroLineColor = 'var(--instrument-enhanced-secondary-color)';\n  let hideTicks = false;\n  if (options.atSetpoint) {\n    setPointColor = 'var(--instrument-frame-tertiary-color)';\n  }\n  if (state === InstrumentState.active) {\n    boxColor = 'var(--instrument-regular-secondary-color)';\n    zeroLineColor = 'var(--instrument-regular-secondary-color)';\n    setPointColor = boxColor;\n    arrowColor = 'var(--instrument-regular-secondary-color)';\n    if (options.atSetpoint) {\n      setPointColor = 'var(--instrument-frame-tertiary-color)';\n    }\n  } else if (state === InstrumentState.loading) {\n    boxColor = 'transparent';\n    setPointColor = 'var(--instrument-frame-tertiary-color)';\n    zeroLineColor = 'var(--instrument-frame-tertiary-color)';\n    arrowColor = 'var(--instrument-regular-secondary-color)';\n    thrust = 0;\n    hideTicks = true;\n    if (setpoint !== undefined) {\n      setpoint = 0;\n    }\n  } else if (state === InstrumentState.off) {\n    boxColor = 'transparent';\n    setPointColor = 'var(--instrument-frame-tertiary-color)';\n    arrowColor = 'var(--instrument-frame-tertiary-color)';\n    zeroLineColor = 'var(--instrument-frame-tertiary-color)';\n    thrust = 0;\n    hideTicks = true;\n    containerBackgroundColor = 'transparent';\n    if (setpoint !== undefined) {\n      setpoint = 0;\n    }\n  }\n\n  const centerLine = svg`\n    <rect x=\"-32\" y=\"-2\" width=\"64\" height=\"4\" fill=${zeroLineColor} stroke=${zeroLineColor}/>\n  `;\n\n  const thrusterSvg = [\n    thrusterTop(\n      Math.max(thrust, 0),\n      {box: boxColor, container: containerBackgroundColor},\n      hideTicks\n    ),\n    thrusterBottom(\n      Math.max(-thrust, 0),\n      {box: boxColor, container: containerBackgroundColor},\n      hideTicks\n    ),\n    centerLine,\n  ];\n  if (setpoint !== undefined) {\n    thrusterSvg.push(\n      setpointSvg(setpoint, options.setpointAtZero, {\n        fill: setPointColor,\n        stroke: 'var(--border-silhouette-color)',\n      })\n    );\n  }\n\n  if (options.tunnel) {\n    return svg`\n      <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"-160 -64  320 128\" x=\"-160\" y=\"-64\">\n        <g transform=\"rotate(90)\">\n          ${thrusterSvg}\n        </g>\n      </svg>`;\n  } else {\n    thrusterSvg.push(arrowTop(arrowColor));\n    return svg`\n    <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"-64 -160 128 320\" x=\"-64\" y=\"-160\">\n      ${thrusterSvg}\n    </svg>\n  `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-thruster': ObcThruster;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAWa,IAAA,cAAN,cAA0B,WAAW;AAAA,EAArC,cAAA;AAAA,UAAA,GAAA,SAAA;AACqB,SAAA,OAAa,KAAK;AACD,SAAA,SAAA;AAGzC,SAAA,aAAA;AAEwB,SAAA,iBAAA;AACA,SAAA,QAAyB,gBAAgB;AACtB,SAAA,SAAA;AACC,SAAA,UAAA;AACJ,SAAA,MAAA;AAAA,EAAA;AAAA,EAEjC,SAAS;AACT,WAAA;AAAA,QACH,SAAS,KAAK,QAAQ,KAAK,UAAU,KAAK,OAAO;AAAA,MACjD,YAAY,KAAK;AAAA,MACjB,QAAQ,KAAK;AAAA,MACb,gBAAgB,KAAK;AAAA,IAAA,CACtB,CAAC;AAAA;AAAA,EAEN;AAaF;AAlCa,YAuBK,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAtBC,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GADb,YACe,WAAA,QAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GAFb,YAEe,WAAA,UAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GAHb,YAGe,WAAA,YAAA,CAAA;AAC2B,gBAAA;AAAA,EAApD,SAAS,EAAC,MAAM,SAAS,WAAW,eAAc;AAAA,GAJxC,YAI0C,WAAA,cAAA,CAAA;AAGrD,gBAAA;AAAA,EADC,SAAS,EAAC,MAAM,SAAS,WAAW,oBAAmB;AAAA,GAN7C,YAOX,WAAA,kBAAA,CAAA;AAC0B,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GARb,YAQe,WAAA,SAAA,CAAA;AACC,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,SAAQ;AAAA,GATd,YASgB,WAAA,UAAA,CAAA;AACA,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,SAAQ;AAAA,GAVd,YAUgB,WAAA,WAAA,CAAA;AACA,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,SAAQ;AAAA,GAXd,YAWgB,WAAA,OAAA,CAAA;AAXhB,cAAN,gBAAA;AAAA,EADN,cAAc,cAAc;AAAA,GAChB,WAAA;AAmCb,MAAM,kBAAkB;AAExB,SAAS,YACP,OACA,QACA,WACA;AACA,QAAM,YAAY;AAAA,0HACsG,OAAO,SAAS;AAAA;AAExI,QAAM,QAAQ;AAEd,QAAM,YAAY,CAAA;AAElB,QAAM,SAAS;AACf,QAAM,QAAQ,kBAAkB;AAChC,MAAI,CAAC,WAAW;AACd,aAAS,IAAI,GAAG,IAAI,QAAQ,KAAK;AACrB,gBAAA;AAAA,QACR,iCAAiC,CAAC,IAAI,QAAQ,CAAC,QAC7C,CAAC,IAAI,QAAQ,CACf;AAAA,MAAA;AAEQ,gBAAA;AAAA,QACR,iCAAiC,CAAC,IAAI,QAAQ,CAAC,QAC7C,CAAC,IAAI,QAAQ,CACf;AAAA,MAAA;AAAA,IAEJ;AAAA,EACF;AAEM,QAAA,YAAa,MAAM,QAAS;AAC5B,QAAA,OAAO,OAAO,MAAM;AACpB,QAAA,MAAM,8BAA8B,SAAS,cAAc,IAAI,SAAS,OAAO,GAAG,WAAW,OAAO,GAAG;AAE7G,SAAO,CAAC,WAAW,OAAO,WAAW,GAAG;AAC1C;AAEA,SAAS,eACP,OACA,QACA,WACA;AACA,QAAM,YAAY;AAAA;AAAA,UAEV,YAAY,OAAO,QAAQ,SAAS,CAAC;AAAA;AAAA;AAGtC,SAAA;AACT;AAEA,SAAS,SAAS,YAAoB;AAC7B,SAAA;AAAA,2LACkL,UAAU;AACrM;AAEA,SAAS,YACP,OACA,gBACA,QACA;AACA,QAAM,IACJ,MACA,EAAE,iBACE,IACA,KAAK,KAAK,KAAK,KAAM,kBAAkB,KAAK,IAAI,KAAK,IAAK,MAAM;AAC/D,SAAA;AAAA,gCACuB,CAAC;AAAA,8OAC6M,OAAO,IAAI,WAAW,OAAO,MAAM;AAAA,0OACvC,OAAO,IAAI,WAAW,OAAO,MAAM;AAAA;AAAA;AAG7Q;AAEO,SAAS,SACd,QACA,UACA,OACA,SACA;AACA,MAAI,WAAW;AACf,MAAI,gBAAgB;AACpB,MAAI,aAAa;AACjB,MAAI,2BAA2B;AAC/B,MAAI,gBAAgB;AACpB,MAAI,YAAY;AAChB,MAAI,QAAQ,YAAY;AACN,oBAAA;AAAA,EAClB;AACI,MAAA,UAAU,gBAAgB,QAAQ;AACzB,eAAA;AACK,oBAAA;AACA,oBAAA;AACH,iBAAA;AACb,QAAI,QAAQ,YAAY;AACN,sBAAA;AAAA,IAClB;AAAA,EAAA,WACS,UAAU,gBAAgB,SAAS;AACjC,eAAA;AACK,oBAAA;AACA,oBAAA;AACH,iBAAA;AACJ,aAAA;AACG,gBAAA;AACZ,QAAI,aAAa,QAAW;AACf,iBAAA;AAAA,IACb;AAAA,EAAA,WACS,UAAU,gBAAgB,KAAK;AAC7B,eAAA;AACK,oBAAA;AACH,iBAAA;AACG,oBAAA;AACP,aAAA;AACG,gBAAA;AACe,+BAAA;AAC3B,QAAI,aAAa,QAAW;AACf,iBAAA;AAAA,IACb;AAAA,EACF;AAEA,QAAM,aAAa;AAAA,sDACiC,aAAa,WAAW,aAAa;AAAA;AAGzF,QAAM,cAAc;AAAA,IAClB;AAAA,MACE,KAAK,IAAI,QAAQ,CAAC;AAAA,MAClB,EAAC,KAAK,UAAU,WAAW,yBAAwB;AAAA,MACnD;AAAA,IACF;AAAA,IACA;AAAA,MACE,KAAK,IAAI,CAAC,QAAQ,CAAC;AAAA,MACnB,EAAC,KAAK,UAAU,WAAW,yBAAwB;AAAA,MACnD;AAAA,IACF;AAAA,IACA;AAAA,EAAA;AAEF,MAAI,aAAa,QAAW;AACd,gBAAA;AAAA,MACV,YAAY,UAAU,QAAQ,gBAAgB;AAAA,QAC5C,MAAM;AAAA,QACN,QAAQ;AAAA,MAAA,CACT;AAAA,IAAA;AAAA,EAEL;AAEA,MAAI,QAAQ,QAAQ;AACX,WAAA;AAAA;AAAA;AAAA,YAGC,WAAW;AAAA;AAAA;AAAA,EAAA,OAGd;AACO,gBAAA,KAAK,SAAS,UAAU,CAAC;AAC9B,WAAA;AAAA;AAAA,QAEH,WAAW;AAAA;AAAA;AAAA,EAGjB;AACF;"}

package/fix-generated.cjs

@@ -20,6 +20,9 @@ function addRepositoryToPackageJsonVue() {
     url: 'git+https://github.com/Ocean-Industries-Concept-Lab/openbridge-webcomponents.git',
     directory: 'packages/openbridge-webcomponents-vue',
   };
+
+  // add license
+  packageJson.license = 'Apache-2.0';
   fs.writeFileSync(
     '../openbridge-webcomponents-vue/package.json',
     JSON.stringify(packageJson, null, 2)
@@ -33,6 +36,7 @@ function addRepositoryToPackageJsonReact() {
     url: 'git+https://github.com/Ocean-Industries-Concept-Lab/openbridge-webcomponents.git',
     directory: 'packages/openbridge-webcomponents-react',
   };
+  packageJson.license = 'Apache-2.0';
   fs.writeFileSync(
     '../openbridge-webcomponents-react/package.json',
     JSON.stringify(packageJson, null, 2)

package/new-component.ts

@@ -29,7 +29,7 @@ const files = await multiselect('Create files', {
 // Convert name to kebab-case
 const componentName = name.replace(/([a-z0-9])([A-Z])/g, '$1-$2').toLowerCase();
 
-const parentDir = componentType[0].includes('ui')
+const parentDir = componentType.includes('ui')
   ? 'components'
   : 'navigation-instruments';
 const dir = path.join('src', parentDir, componentName);
@@ -38,14 +38,13 @@ fs.mkdirSync(dir);
 
 // Create files
 if (files.includes('lit')) {
+  const hasCss = files.includes('css');
   const litFile = path.join(dir, `${componentName}.ts`);
-  const content = `import { LitElement, html } from 'lit'
+  const content = `import { LitElement, html${
+    hasCss ? `, unsafeCSS ` : ` `
+  }} from 'lit'
 import { customElement } from 'lit/decorators.js'
-${
-  files.includes('css')
-    ? `import compentStyle from "./${componentName}.style";`
-    : ''
-}
+${hasCss ? `import compentStyle from "./${componentName}.css?inline";` : ''}
 
 @customElement('obc-${componentName}')
 export class Obc${name} extends LitElement {
@@ -57,7 +56,7 @@ export class Obc${name} extends LitElement {
       \`
   }
 
-${files.includes('css') ? `static override styles = compentStyle;` : ''}
+${hasCss ? `static override styles = unsafeCSS(compentStyle);` : ''}
 }
 
 declare global {

package/package.json

@@ -1,12 +1,13 @@
 {
   "name": "@oicl/openbridge-webcomponents",
-  "version": "0.0.7",
+  "version": "0.0.9",
   "type": "module",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/Ocean-Industries-Concept-Lab/openbridge-webcomponents.git",
     "directory": "packages/openbridge-webcomponents"
   },
+  "license": "Apache-2.0",
   "scripts": {
     "build": "yarn run typecheck && yarn run build:ts && yarn run analyze && yarn run build:wrappers",
     "build:ts": "vite build",
@@ -38,12 +39,15 @@
     "@lit-labs/cli": "^0.6.2",
     "@lit-labs/gen-wrapper-react": "^0.3.1",
     "@lit-labs/gen-wrapper-vue": "^0.3.2",
-    "@open-wc/lit-helpers": "^0.6.0",
+    "@open-wc/lit-helpers": "^0.7.0",
     "@storybook/addon-essentials": "^7.6.7",
+    "@storybook/addon-interactions": "^7.6.17",
     "@storybook/addon-links": "^7.6.7",
+    "@storybook/addon-storysource": "^7.6.17",
     "@storybook/addon-themes": "^7.6.7",
     "@storybook/blocks": "^7.6.7",
     "@storybook/test-runner": "^0.16.0",
+    "@storybook/testing-library": "^0.2.2",
     "@storybook/web-components": "^7.6.7",
     "@storybook/web-components-vite": "^7.6.7",
     "@topcli/prompts": "^1.8.0",
@@ -66,6 +70,7 @@
     "prettier": "^3.1.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
+    "release-it": "^17.1.1",
     "rollup-plugin-postcss-lit": "^2.1.0",
     "storybook": "^7.6.7",
     "tsx": "^3.14.0",

package/script/convert-icons.ts

@@ -0,0 +1,177 @@
+import * as Figma from 'figma-api';
+import * as dotenv from 'dotenv';
+
+dotenv.config();
+
+export interface IconRef {
+  name: string;
+  id: string;
+  javascriptName: string;
+  styles: {[colorCode: string]: {cssClass: string}};
+}
+
+export function getSingleColorIcon(imageData: string, icon: IconRef): string {
+  // replace fill color with currentColor
+  const fillRegex = /fill="[^"]+"/g;
+  const replace = 'fill="currentColor"';
+  let imageDataNew = imageData.replace(fillRegex, replace);
+
+  // remove fillOpacity
+  const fillOpacityRegex = /fill-opacity="[^"]+"/g;
+  imageDataNew = imageDataNew.replace(fillOpacityRegex, '');
+
+  return imageDataNew;
+}
+
+export function getCssColorIcon(imageData: string, icon: IconRef): string {
+  // replace fill color with currentColor
+  const fillRegex = /fill="([^"]+)"/g;
+
+  const replace = (match: string, color: string) => {
+    const cssClass = icon.styles[color];
+    if (cssClass === undefined) {
+      if (color === 'black') return 'fill="currentColor"';
+      if (color === 'none') return 'fill="none"';
+      if (color === 'white') return 'fill="none"';
+      if (color === '#C90000')
+        return 'fill="var(--alarm-enabled-background-color)"';
+      console.warn(
+        'No css class for color',
+        color,
+        icon.name,
+        Object.keys(icon.styles)
+      );
+      return 'fill="currentColor"';
+    }
+    return `style="fill: var(--${cssClass.cssClass})"`;
+  };
+  imageData = imageData.replace(fillRegex, replace);
+
+  // remove fillOpacity
+  const fillOpacityRegex = /fill-opacity="[^"]+"/g;
+  imageData = imageData.replace(fillOpacityRegex, '');
+
+  // replace stroke color with currentColor
+  const strokeRegex = /stroke="([^"]+)"/g;
+  const replaceStroke = (match: string, color: string) => {
+    const cssClass = icon.styles[color];
+    if (cssClass === undefined) {
+      if (color === 'black') return 'stroke="currentColor"';
+      if (color === 'none') return 'stroke="none"';
+      if (color === 'white') return 'stroke="none"';
+      console.warn(
+        'No css class for color',
+        color,
+        icon.name,
+        Object.keys(icon.styles)
+      );
+      return 'stroke="currentColor"';
+    }
+    return `style="stroke: var(--${cssClass.cssClass})"`;
+  };
+  imageData = imageData.replace(strokeRegex, replaceStroke);
+
+  // remove strokeOpacity
+  const strokeOpacityRegex = /stroke-opacity="[^"]+"/g;
+  imageData = imageData.replace(strokeOpacityRegex, '');
+
+  return imageData;
+}
+
+export function kebabToUpperCamelCase(kebabCase: string): string {
+  const words = kebabCase.replace(/ /g, '').split('-');
+  const upperCamelCase = words
+    .map((word) => word.charAt(0).toUpperCase() + word.slice(1))
+    .join('');
+  return upperCamelCase;
+}
+
+export function getStylesForNode(
+  node: Figma.Node,
+  styles: {[styleId: string]: Figma.Style}
+): {[colorCode: string]: {cssClass: string}} {
+  let out = {};
+
+  if ('children' in node) {
+    for (const child of node.children) {
+      out = {...out, ...getStylesForNode(child, styles)};
+      if ('fills' in child && 'styles' in child) {
+        let fils: string | undefined;
+        child.fills.forEach((fill) => {
+          if (fill.type === 'SOLID') {
+            if (fils !== undefined) {
+              console.warn(
+                'Multiple fills',
+                fils,
+                rgbaToHexOrColorName(fill.color!)
+              );
+            }
+            fils = rgbaToHexOrColorName(fill.color!);
+          }
+        });
+        if (fils !== undefined && child.styles && 'fill' in child.styles) {
+          const styleId = child.styles.fill as string;
+          const figmaStyle = styles[styleId];
+          const cssClass = styleToCssClass(figmaStyle);
+          out[fils] = {cssClass: cssClass};
+        }
+      }
+      if ('strokes' in child && 'styles' in child) {
+        let strokes: string;
+        child.strokes.forEach((fill) => {
+          if (fill.type === 'SOLID') {
+            if (strokes !== undefined) {
+              console.warn(
+                'Multiple strokes',
+                strokes,
+                rgbaToHexOrColorName(fill.color!)
+              );
+            }
+            strokes = rgbaToHexOrColorName(fill.color!);
+          }
+        });
+        if (strokes !== undefined && child.styles?.stroke) {
+          const styleId = child.styles.stroke;
+          const figmaStyle = styles[styleId];
+          const cssClass = styleToCssClass(figmaStyle);
+          out[strokes] = {cssClass: cssClass};
+        }
+      }
+      if ('fillOverrideTable' in child) {
+        for (const fill of Object.values(child.fillOverrideTable)) {
+          if (fill === null) continue;
+          if (!('inheritFillStyleId' in fill)) continue;
+          const styleId = fill.inheritFillStyleId;
+          const figmaStyle = styles[styleId];
+          const color = rgbaToHexOrColorName(fill.fills[0].color!);
+          const cssClass = styleToCssClass(figmaStyle);
+          out[color] = {cssClass: cssClass};
+        }
+      }
+    }
+  }
+  return out;
+}
+
+function decimalToHex(d: number): string {
+  const v = Math.round(d * 255).toString(16);
+  return v.length === 1 ? `0${v}` : v;
+}
+
+function rgbaToHexOrColorName(rgba: Figma.Color): string {
+  const isBlack = rgba.r === 0 && rgba.g === 0 && rgba.b === 0 && rgba.a === 1;
+  const isWhite = rgba.r === 1 && rgba.g === 1 && rgba.b === 1 && rgba.a === 1;
+  if (isBlack) {
+    return 'black';
+  } else if (isWhite) {
+    return 'white';
+  } else {
+    return `#${decimalToHex(rgba.r)}${decimalToHex(rgba.g)}${decimalToHex(
+      rgba.b
+    )}`.toUpperCase();
+  }
+}
+
+function styleToCssClass(style: Figma.Style): string {
+  return style.name.replace(/[\/ ]/g, '-').toLocaleLowerCase();
+}