@sentropic/design-system-angular 0.36.54
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Accordion.d.ts +52 -0
- package/dist/Accordion.d.ts.map +1 -0
- package/dist/Accordion.js +180 -0
- package/dist/Accordion.js.map +1 -0
- package/dist/Alert.d.ts +23 -0
- package/dist/Alert.d.ts.map +1 -0
- package/dist/Alert.js +75 -0
- package/dist/Alert.js.map +1 -0
- package/dist/AnomalySwimLaneChart.d.ts +87 -0
- package/dist/AnomalySwimLaneChart.d.ts.map +1 -0
- package/dist/AnomalySwimLaneChart.js +399 -0
- package/dist/AnomalySwimLaneChart.js.map +1 -0
- package/dist/AppChrome.d.ts +104 -0
- package/dist/AppChrome.d.ts.map +1 -0
- package/dist/AppChrome.js +697 -0
- package/dist/AppChrome.js.map +1 -0
- package/dist/AppHeader.d.ts +47 -0
- package/dist/AppHeader.d.ts.map +1 -0
- package/dist/AppHeader.js +69 -0
- package/dist/AppHeader.js.map +1 -0
- package/dist/AppShell.d.ts +30 -0
- package/dist/AppShell.d.ts.map +1 -0
- package/dist/AppShell.js +53 -0
- package/dist/AppShell.js.map +1 -0
- package/dist/ArcDiagramChart.d.ts +73 -0
- package/dist/ArcDiagramChart.d.ts.map +1 -0
- package/dist/ArcDiagramChart.js +324 -0
- package/dist/ArcDiagramChart.js.map +1 -0
- package/dist/AreaChart.d.ts +177 -0
- package/dist/AreaChart.d.ts.map +1 -0
- package/dist/AreaChart.js +594 -0
- package/dist/AreaChart.js.map +1 -0
- package/dist/AreaRangeChart.d.ts +93 -0
- package/dist/AreaRangeChart.d.ts.map +1 -0
- package/dist/AreaRangeChart.js +431 -0
- package/dist/AreaRangeChart.js.map +1 -0
- package/dist/AreaSplineRangeChart.d.ts +90 -0
- package/dist/AreaSplineRangeChart.d.ts.map +1 -0
- package/dist/AreaSplineRangeChart.js +424 -0
- package/dist/AreaSplineRangeChart.js.map +1 -0
- package/dist/AspectRatio.d.ts +16 -0
- package/dist/AspectRatio.d.ts.map +1 -0
- package/dist/AspectRatio.js +39 -0
- package/dist/AspectRatio.js.map +1 -0
- package/dist/Autosave.d.ts +47 -0
- package/dist/Autosave.d.ts.map +1 -0
- package/dist/Autosave.js +170 -0
- package/dist/Autosave.js.map +1 -0
- package/dist/Avatar.d.ts +33 -0
- package/dist/Avatar.d.ts.map +1 -0
- package/dist/Avatar.js +63 -0
- package/dist/Avatar.js.map +1 -0
- package/dist/AvatarGroup.d.ts +24 -0
- package/dist/AvatarGroup.d.ts.map +1 -0
- package/dist/AvatarGroup.js +51 -0
- package/dist/AvatarGroup.js.map +1 -0
- package/dist/BackToTop.d.ts +34 -0
- package/dist/BackToTop.d.ts.map +1 -0
- package/dist/BackToTop.js +126 -0
- package/dist/BackToTop.js.map +1 -0
- package/dist/Badge.d.ts +25 -0
- package/dist/Badge.d.ts.map +1 -0
- package/dist/Badge.js +49 -0
- package/dist/Badge.js.map +1 -0
- package/dist/BarChart.d.ts +305 -0
- package/dist/BarChart.d.ts.map +1 -0
- package/dist/BarChart.js +1030 -0
- package/dist/BarChart.js.map +1 -0
- package/dist/BellCurveChart.d.ts +92 -0
- package/dist/BellCurveChart.d.ts.map +1 -0
- package/dist/BellCurveChart.js +348 -0
- package/dist/BellCurveChart.js.map +1 -0
- package/dist/BoxPlotChart.d.ts +71 -0
- package/dist/BoxPlotChart.d.ts.map +1 -0
- package/dist/BoxPlotChart.js +246 -0
- package/dist/BoxPlotChart.js.map +1 -0
- package/dist/Breadcrumb.d.ts +22 -0
- package/dist/Breadcrumb.d.ts.map +1 -0
- package/dist/Breadcrumb.js +75 -0
- package/dist/Breadcrumb.js.map +1 -0
- package/dist/BulletChart.d.ts +83 -0
- package/dist/BulletChart.d.ts.map +1 -0
- package/dist/BulletChart.js +351 -0
- package/dist/BulletChart.js.map +1 -0
- package/dist/BumpChart.d.ts +75 -0
- package/dist/BumpChart.d.ts.map +1 -0
- package/dist/BumpChart.js +294 -0
- package/dist/BumpChart.js.map +1 -0
- package/dist/Button.d.ts +23 -0
- package/dist/Button.d.ts.map +1 -0
- package/dist/Button.js +56 -0
- package/dist/Button.js.map +1 -0
- package/dist/ButtonGroup.d.ts +30 -0
- package/dist/ButtonGroup.d.ts.map +1 -0
- package/dist/ButtonGroup.js +67 -0
- package/dist/ButtonGroup.js.map +1 -0
- package/dist/Calendar.d.ts +99 -0
- package/dist/Calendar.d.ts.map +1 -0
- package/dist/Calendar.js +525 -0
- package/dist/Calendar.js.map +1 -0
- package/dist/CalendarHeatmapChart.d.ts +73 -0
- package/dist/CalendarHeatmapChart.d.ts.map +1 -0
- package/dist/CalendarHeatmapChart.js +318 -0
- package/dist/CalendarHeatmapChart.js.map +1 -0
- package/dist/CandlestickChart.d.ts +118 -0
- package/dist/CandlestickChart.d.ts.map +1 -0
- package/dist/CandlestickChart.js +648 -0
- package/dist/CandlestickChart.js.map +1 -0
- package/dist/Card.d.ts +15 -0
- package/dist/Card.d.ts.map +1 -0
- package/dist/Card.js +36 -0
- package/dist/Card.js.map +1 -0
- package/dist/ChatComposer.d.ts +34 -0
- package/dist/ChatComposer.d.ts.map +1 -0
- package/dist/ChatComposer.js +158 -0
- package/dist/ChatComposer.js.map +1 -0
- package/dist/ChatMessage.d.ts +30 -0
- package/dist/ChatMessage.d.ts.map +1 -0
- package/dist/ChatMessage.js +101 -0
- package/dist/ChatMessage.js.map +1 -0
- package/dist/ChatThread.d.ts +33 -0
- package/dist/ChatThread.d.ts.map +1 -0
- package/dist/ChatThread.js +104 -0
- package/dist/ChatThread.js.map +1 -0
- package/dist/Checkbox.d.ts +43 -0
- package/dist/Checkbox.d.ts.map +1 -0
- package/dist/Checkbox.js +124 -0
- package/dist/Checkbox.js.map +1 -0
- package/dist/CheckboxGroup.d.ts +42 -0
- package/dist/CheckboxGroup.d.ts.map +1 -0
- package/dist/CheckboxGroup.js +131 -0
- package/dist/CheckboxGroup.js.map +1 -0
- package/dist/ChordDiagram.d.ts +76 -0
- package/dist/ChordDiagram.d.ts.map +1 -0
- package/dist/ChordDiagram.js +370 -0
- package/dist/ChordDiagram.js.map +1 -0
- package/dist/CodeSnippet.d.ts +27 -0
- package/dist/CodeSnippet.d.ts.map +1 -0
- package/dist/CodeSnippet.js +87 -0
- package/dist/CodeSnippet.js.map +1 -0
- package/dist/Col.d.ts +34 -0
- package/dist/Col.d.ts.map +1 -0
- package/dist/Col.js +98 -0
- package/dist/Col.js.map +1 -0
- package/dist/Collapsible.d.ts +32 -0
- package/dist/Collapsible.d.ts.map +1 -0
- package/dist/Collapsible.js +120 -0
- package/dist/Collapsible.js.map +1 -0
- package/dist/ColorScaleBar.d.ts +36 -0
- package/dist/ColorScaleBar.d.ts.map +1 -0
- package/dist/ColorScaleBar.js +115 -0
- package/dist/ColorScaleBar.js.map +1 -0
- package/dist/ColorSwatch.d.ts +24 -0
- package/dist/ColorSwatch.d.ts.map +1 -0
- package/dist/ColorSwatch.js +59 -0
- package/dist/ColorSwatch.js.map +1 -0
- package/dist/ColumnPyramidChart.d.ts +74 -0
- package/dist/ColumnPyramidChart.d.ts.map +1 -0
- package/dist/ColumnPyramidChart.js +270 -0
- package/dist/ColumnPyramidChart.js.map +1 -0
- package/dist/ColumnRangeChart.d.ts +100 -0
- package/dist/ColumnRangeChart.d.ts.map +1 -0
- package/dist/ColumnRangeChart.js +378 -0
- package/dist/ColumnRangeChart.js.map +1 -0
- package/dist/ComboChart.d.ts +225 -0
- package/dist/ComboChart.d.ts.map +1 -0
- package/dist/ComboChart.js +904 -0
- package/dist/ComboChart.js.map +1 -0
- package/dist/Combobox.d.ts +73 -0
- package/dist/Combobox.d.ts.map +1 -0
- package/dist/Combobox.js +335 -0
- package/dist/Combobox.js.map +1 -0
- package/dist/ConfigItemCard.d.ts +39 -0
- package/dist/ConfigItemCard.d.ts.map +1 -0
- package/dist/ConfigItemCard.js +94 -0
- package/dist/ConfigItemCard.js.map +1 -0
- package/dist/Container.d.ts +21 -0
- package/dist/Container.d.ts.map +1 -0
- package/dist/Container.js +42 -0
- package/dist/Container.js.map +1 -0
- package/dist/ContentSwitcher.d.ts +35 -0
- package/dist/ContentSwitcher.d.ts.map +1 -0
- package/dist/ContentSwitcher.js +84 -0
- package/dist/ContentSwitcher.js.map +1 -0
- package/dist/ContextPanel.d.ts +19 -0
- package/dist/ContextPanel.d.ts.map +1 -0
- package/dist/ContextPanel.js +41 -0
- package/dist/ContextPanel.js.map +1 -0
- package/dist/ContourChart.d.ts +113 -0
- package/dist/ContourChart.d.ts.map +1 -0
- package/dist/ContourChart.js +490 -0
- package/dist/ContourChart.js.map +1 -0
- package/dist/CopyButton.d.ts +26 -0
- package/dist/CopyButton.d.ts.map +1 -0
- package/dist/CopyButton.js +84 -0
- package/dist/CopyButton.js.map +1 -0
- package/dist/Dashboard.d.ts +32 -0
- package/dist/Dashboard.d.ts.map +1 -0
- package/dist/Dashboard.js +44 -0
- package/dist/Dashboard.js.map +1 -0
- package/dist/DashboardGrid.d.ts +52 -0
- package/dist/DashboardGrid.d.ts.map +1 -0
- package/dist/DashboardGrid.js +162 -0
- package/dist/DashboardGrid.js.map +1 -0
- package/dist/DataImage.d.ts +42 -0
- package/dist/DataImage.d.ts.map +1 -0
- package/dist/DataImage.js +87 -0
- package/dist/DataImage.js.map +1 -0
- package/dist/DataTable.d.ts +156 -0
- package/dist/DataTable.d.ts.map +1 -0
- package/dist/DataTable.js +632 -0
- package/dist/DataTable.js.map +1 -0
- package/dist/DatePicker.d.ts +98 -0
- package/dist/DatePicker.d.ts.map +1 -0
- package/dist/DatePicker.js +510 -0
- package/dist/DatePicker.js.map +1 -0
- package/dist/DecompositionTreeChart.d.ts +81 -0
- package/dist/DecompositionTreeChart.d.ts.map +1 -0
- package/dist/DecompositionTreeChart.js +346 -0
- package/dist/DecompositionTreeChart.js.map +1 -0
- package/dist/Density2DChart.d.ts +96 -0
- package/dist/Density2DChart.d.ts.map +1 -0
- package/dist/Density2DChart.js +451 -0
- package/dist/Density2DChart.js.map +1 -0
- package/dist/DependencyWheelChart.d.ts +77 -0
- package/dist/DependencyWheelChart.d.ts.map +1 -0
- package/dist/DependencyWheelChart.js +358 -0
- package/dist/DependencyWheelChart.js.map +1 -0
- package/dist/DisplaySettings.d.ts +40 -0
- package/dist/DisplaySettings.d.ts.map +1 -0
- package/dist/DisplaySettings.js +178 -0
- package/dist/DisplaySettings.js.map +1 -0
- package/dist/DivergentBarChart.d.ts +84 -0
- package/dist/DivergentBarChart.d.ts.map +1 -0
- package/dist/DivergentBarChart.js +377 -0
- package/dist/DivergentBarChart.js.map +1 -0
- package/dist/Divider.d.ts +27 -0
- package/dist/Divider.d.ts.map +1 -0
- package/dist/Divider.js +77 -0
- package/dist/Divider.js.map +1 -0
- package/dist/DonutChart.d.ts +68 -0
- package/dist/DonutChart.d.ts.map +1 -0
- package/dist/DonutChart.js +261 -0
- package/dist/DonutChart.js.map +1 -0
- package/dist/Drawer.d.ts +30 -0
- package/dist/Drawer.d.ts.map +1 -0
- package/dist/Drawer.js +135 -0
- package/dist/Drawer.js.map +1 -0
- package/dist/Dropdown.d.ts +40 -0
- package/dist/Dropdown.d.ts.map +1 -0
- package/dist/Dropdown.js +163 -0
- package/dist/Dropdown.js.map +1 -0
- package/dist/DumbbellChart.d.ts +87 -0
- package/dist/DumbbellChart.d.ts.map +1 -0
- package/dist/DumbbellChart.js +266 -0
- package/dist/DumbbellChart.js.map +1 -0
- package/dist/Embed.d.ts +37 -0
- package/dist/Embed.d.ts.map +1 -0
- package/dist/Embed.js +61 -0
- package/dist/Embed.js.map +1 -0
- package/dist/EmptyState.d.ts +19 -0
- package/dist/EmptyState.d.ts.map +1 -0
- package/dist/EmptyState.js +52 -0
- package/dist/EmptyState.js.map +1 -0
- package/dist/ErrorBarChart.d.ts +80 -0
- package/dist/ErrorBarChart.d.ts.map +1 -0
- package/dist/ErrorBarChart.js +310 -0
- package/dist/ErrorBarChart.js.map +1 -0
- package/dist/ErrorSummary.d.ts +22 -0
- package/dist/ErrorSummary.d.ts.map +1 -0
- package/dist/ErrorSummary.js +59 -0
- package/dist/ErrorSummary.js.map +1 -0
- package/dist/EventFeedPanel.d.ts +38 -0
- package/dist/EventFeedPanel.d.ts.map +1 -0
- package/dist/EventFeedPanel.js +123 -0
- package/dist/EventFeedPanel.js.map +1 -0
- package/dist/FieldCard.d.ts +27 -0
- package/dist/FieldCard.d.ts.map +1 -0
- package/dist/FieldCard.js +140 -0
- package/dist/FieldCard.js.map +1 -0
- package/dist/FileUploader.d.ts +74 -0
- package/dist/FileUploader.d.ts.map +1 -0
- package/dist/FileUploader.js +303 -0
- package/dist/FileUploader.js.map +1 -0
- package/dist/FilterBar.d.ts +24 -0
- package/dist/FilterBar.d.ts.map +1 -0
- package/dist/FilterBar.js +76 -0
- package/dist/FilterBar.js.map +1 -0
- package/dist/FilterPill.d.ts +43 -0
- package/dist/FilterPill.d.ts.map +1 -0
- package/dist/FilterPill.js +170 -0
- package/dist/FilterPill.js.map +1 -0
- package/dist/FlamegraphChart.d.ts +55 -0
- package/dist/FlamegraphChart.d.ts.map +1 -0
- package/dist/FlamegraphChart.js +255 -0
- package/dist/FlamegraphChart.js.map +1 -0
- package/dist/Flex.d.ts +35 -0
- package/dist/Flex.d.ts.map +1 -0
- package/dist/Flex.js +110 -0
- package/dist/Flex.js.map +1 -0
- package/dist/Footer.d.ts +38 -0
- package/dist/Footer.d.ts.map +1 -0
- package/dist/Footer.js +135 -0
- package/dist/Footer.js.map +1 -0
- package/dist/ForceGraph.d.ts +220 -0
- package/dist/ForceGraph.d.ts.map +1 -0
- package/dist/ForceGraph.js +590 -0
- package/dist/ForceGraph.js.map +1 -0
- package/dist/Form.d.ts +30 -0
- package/dist/Form.d.ts.map +1 -0
- package/dist/Form.js +105 -0
- package/dist/Form.js.map +1 -0
- package/dist/FormGroup.d.ts +19 -0
- package/dist/FormGroup.d.ts.map +1 -0
- package/dist/FormGroup.js +54 -0
- package/dist/FormGroup.js.map +1 -0
- package/dist/FunnelChart.d.ts +68 -0
- package/dist/FunnelChart.d.ts.map +1 -0
- package/dist/FunnelChart.js +333 -0
- package/dist/FunnelChart.js.map +1 -0
- package/dist/GanttChart.d.ts +95 -0
- package/dist/GanttChart.d.ts.map +1 -0
- package/dist/GanttChart.js +293 -0
- package/dist/GanttChart.js.map +1 -0
- package/dist/GaugeChart.d.ts +71 -0
- package/dist/GaugeChart.d.ts.map +1 -0
- package/dist/GaugeChart.js +307 -0
- package/dist/GaugeChart.js.map +1 -0
- package/dist/GeoMap.d.ts +204 -0
- package/dist/GeoMap.d.ts.map +1 -0
- package/dist/GeoMap.js +715 -0
- package/dist/GeoMap.js.map +1 -0
- package/dist/GraphLegend.d.ts +28 -0
- package/dist/GraphLegend.d.ts.map +1 -0
- package/dist/GraphLegend.js +145 -0
- package/dist/GraphLegend.js.map +1 -0
- package/dist/Grid.d.ts +29 -0
- package/dist/Grid.d.ts.map +1 -0
- package/dist/Grid.js +65 -0
- package/dist/Grid.js.map +1 -0
- package/dist/HLCChart.d.ts +69 -0
- package/dist/HLCChart.d.ts.map +1 -0
- package/dist/HLCChart.js +293 -0
- package/dist/HLCChart.js.map +1 -0
- package/dist/Header.d.ts +43 -0
- package/dist/Header.d.ts.map +1 -0
- package/dist/Header.js +120 -0
- package/dist/Header.js.map +1 -0
- package/dist/HeatmapChart.d.ts +71 -0
- package/dist/HeatmapChart.d.ts.map +1 -0
- package/dist/HeatmapChart.js +331 -0
- package/dist/HeatmapChart.js.map +1 -0
- package/dist/HeikinAshiChart.d.ts +82 -0
- package/dist/HeikinAshiChart.d.ts.map +1 -0
- package/dist/HeikinAshiChart.js +320 -0
- package/dist/HeikinAshiChart.js.map +1 -0
- package/dist/Hidden.d.ts +22 -0
- package/dist/Hidden.d.ts.map +1 -0
- package/dist/Hidden.js +38 -0
- package/dist/Hidden.js.map +1 -0
- package/dist/Highlight.d.ts +18 -0
- package/dist/Highlight.d.ts.map +1 -0
- package/dist/Highlight.js +41 -0
- package/dist/Highlight.js.map +1 -0
- package/dist/HistogramChart.d.ts +67 -0
- package/dist/HistogramChart.d.ts.map +1 -0
- package/dist/HistogramChart.js +289 -0
- package/dist/HistogramChart.js.map +1 -0
- package/dist/HollowCandlestickChart.d.ts +74 -0
- package/dist/HollowCandlestickChart.d.ts.map +1 -0
- package/dist/HollowCandlestickChart.js +302 -0
- package/dist/HollowCandlestickChart.js.map +1 -0
- package/dist/IconButton.d.ts +25 -0
- package/dist/IconButton.d.ts.map +1 -0
- package/dist/IconButton.js +62 -0
- package/dist/IconButton.js.map +1 -0
- package/dist/IdentityMenu.d.ts +63 -0
- package/dist/IdentityMenu.d.ts.map +1 -0
- package/dist/IdentityMenu.js +310 -0
- package/dist/IdentityMenu.js.map +1 -0
- package/dist/Inline.d.ts +26 -0
- package/dist/Inline.d.ts.map +1 -0
- package/dist/Inline.js +61 -0
- package/dist/Inline.js.map +1 -0
- package/dist/InlineLoading.d.ts +25 -0
- package/dist/InlineLoading.d.ts.map +1 -0
- package/dist/InlineLoading.js +110 -0
- package/dist/InlineLoading.js.map +1 -0
- package/dist/Input.d.ts +49 -0
- package/dist/Input.d.ts.map +1 -0
- package/dist/Input.js +159 -0
- package/dist/Input.js.map +1 -0
- package/dist/ItemChart.d.ts +63 -0
- package/dist/ItemChart.d.ts.map +1 -0
- package/dist/ItemChart.js +286 -0
- package/dist/ItemChart.js.map +1 -0
- package/dist/KanbanBoard.d.ts +25 -0
- package/dist/KanbanBoard.d.ts.map +1 -0
- package/dist/KanbanBoard.js +35 -0
- package/dist/KanbanBoard.js.map +1 -0
- package/dist/KpiCard.d.ts +76 -0
- package/dist/KpiCard.d.ts.map +1 -0
- package/dist/KpiCard.js +389 -0
- package/dist/KpiCard.js.map +1 -0
- package/dist/LanguageSelector.d.ts +31 -0
- package/dist/LanguageSelector.d.ts.map +1 -0
- package/dist/LanguageSelector.js +132 -0
- package/dist/LanguageSelector.js.map +1 -0
- package/dist/LanguageToggle.d.ts +38 -0
- package/dist/LanguageToggle.d.ts.map +1 -0
- package/dist/LanguageToggle.js +171 -0
- package/dist/LanguageToggle.js.map +1 -0
- package/dist/LineChart.d.ts +267 -0
- package/dist/LineChart.d.ts.map +1 -0
- package/dist/LineChart.js +821 -0
- package/dist/LineChart.js.map +1 -0
- package/dist/Link.d.ts +38 -0
- package/dist/Link.d.ts.map +1 -0
- package/dist/Link.js +93 -0
- package/dist/Link.js.map +1 -0
- package/dist/ListReportPage.d.ts +51 -0
- package/dist/ListReportPage.d.ts.map +1 -0
- package/dist/ListReportPage.js +59 -0
- package/dist/ListReportPage.js.map +1 -0
- package/dist/LoadingState.d.ts +19 -0
- package/dist/LoadingState.d.ts.map +1 -0
- package/dist/LoadingState.js +64 -0
- package/dist/LoadingState.js.map +1 -0
- package/dist/LollipopChart.d.ts +81 -0
- package/dist/LollipopChart.d.ts.map +1 -0
- package/dist/LollipopChart.js +370 -0
- package/dist/LollipopChart.js.map +1 -0
- package/dist/MarimekkoChart.d.ts +76 -0
- package/dist/MarimekkoChart.d.ts.map +1 -0
- package/dist/MarimekkoChart.js +162 -0
- package/dist/MarimekkoChart.js.map +1 -0
- package/dist/MasterDetail.d.ts +37 -0
- package/dist/MasterDetail.d.ts.map +1 -0
- package/dist/MasterDetail.js +47 -0
- package/dist/MasterDetail.js.map +1 -0
- package/dist/MediaContent.d.ts +43 -0
- package/dist/MediaContent.d.ts.map +1 -0
- package/dist/MediaContent.js +137 -0
- package/dist/MediaContent.js.map +1 -0
- package/dist/Menu.d.ts +52 -0
- package/dist/Menu.d.ts.map +1 -0
- package/dist/Menu.js +154 -0
- package/dist/Menu.js.map +1 -0
- package/dist/MenuPopover.d.ts +21 -0
- package/dist/MenuPopover.d.ts.map +1 -0
- package/dist/MenuPopover.js +39 -0
- package/dist/MenuPopover.js.map +1 -0
- package/dist/MenuTriggerButton.d.ts +26 -0
- package/dist/MenuTriggerButton.d.ts.map +1 -0
- package/dist/MenuTriggerButton.js +97 -0
- package/dist/MenuTriggerButton.js.map +1 -0
- package/dist/MessageActions.d.ts +32 -0
- package/dist/MessageActions.d.ts.map +1 -0
- package/dist/MessageActions.js +58 -0
- package/dist/MessageActions.js.map +1 -0
- package/dist/MessageStatusBadge.d.ts +26 -0
- package/dist/MessageStatusBadge.d.ts.map +1 -0
- package/dist/MessageStatusBadge.js +74 -0
- package/dist/MessageStatusBadge.js.map +1 -0
- package/dist/Modal.d.ts +31 -0
- package/dist/Modal.d.ts.map +1 -0
- package/dist/Modal.js +137 -0
- package/dist/Modal.js.map +1 -0
- package/dist/MultiSelect.d.ts +75 -0
- package/dist/MultiSelect.d.ts.map +1 -0
- package/dist/MultiSelect.js +359 -0
- package/dist/MultiSelect.js.map +1 -0
- package/dist/NavActionStack.d.ts +52 -0
- package/dist/NavActionStack.d.ts.map +1 -0
- package/dist/NavActionStack.js +128 -0
- package/dist/NavActionStack.js.map +1 -0
- package/dist/NavDrawer.d.ts +35 -0
- package/dist/NavDrawer.d.ts.map +1 -0
- package/dist/NavDrawer.js +148 -0
- package/dist/NavDrawer.js.map +1 -0
- package/dist/NavItem.d.ts +73 -0
- package/dist/NavItem.d.ts.map +1 -0
- package/dist/NavItem.js +161 -0
- package/dist/NavItem.js.map +1 -0
- package/dist/NavRail.d.ts +31 -0
- package/dist/NavRail.d.ts.map +1 -0
- package/dist/NavRail.js +103 -0
- package/dist/NavRail.js.map +1 -0
- package/dist/NavSection.d.ts +48 -0
- package/dist/NavSection.d.ts.map +1 -0
- package/dist/NavSection.js +172 -0
- package/dist/NavSection.js.map +1 -0
- package/dist/NavShell.d.ts +27 -0
- package/dist/NavShell.d.ts.map +1 -0
- package/dist/NavShell.js +50 -0
- package/dist/NavShell.js.map +1 -0
- package/dist/Notification.d.ts +29 -0
- package/dist/Notification.d.ts.map +1 -0
- package/dist/Notification.js +106 -0
- package/dist/Notification.js.map +1 -0
- package/dist/NumberInput.d.ts +63 -0
- package/dist/NumberInput.d.ts.map +1 -0
- package/dist/NumberInput.js +246 -0
- package/dist/NumberInput.js.map +1 -0
- package/dist/OHLCChart.d.ts +117 -0
- package/dist/OHLCChart.d.ts.map +1 -0
- package/dist/OHLCChart.js +663 -0
- package/dist/OHLCChart.js.map +1 -0
- package/dist/ObjectPage.d.ts +45 -0
- package/dist/ObjectPage.d.ts.map +1 -0
- package/dist/ObjectPage.js +53 -0
- package/dist/ObjectPage.js.map +1 -0
- package/dist/OrderedList.d.ts +24 -0
- package/dist/OrderedList.d.ts.map +1 -0
- package/dist/OrderedList.js +88 -0
- package/dist/OrderedList.js.map +1 -0
- package/dist/OrganizationChart.d.ts +61 -0
- package/dist/OrganizationChart.d.ts.map +1 -0
- package/dist/OrganizationChart.js +296 -0
- package/dist/OrganizationChart.js.map +1 -0
- package/dist/OverflowMenu.d.ts +31 -0
- package/dist/OverflowMenu.d.ts.map +1 -0
- package/dist/OverflowMenu.js +91 -0
- package/dist/OverflowMenu.js.map +1 -0
- package/dist/Overline.d.ts +20 -0
- package/dist/Overline.d.ts.map +1 -0
- package/dist/Overline.js +60 -0
- package/dist/Overline.js.map +1 -0
- package/dist/PackedBubblesChart.d.ts +52 -0
- package/dist/PackedBubblesChart.d.ts.map +1 -0
- package/dist/PackedBubblesChart.js +164 -0
- package/dist/PackedBubblesChart.js.map +1 -0
- package/dist/Pagination.d.ts +35 -0
- package/dist/Pagination.d.ts.map +1 -0
- package/dist/Pagination.js +127 -0
- package/dist/Pagination.js.map +1 -0
- package/dist/PaginationNav.d.ts +37 -0
- package/dist/PaginationNav.d.ts.map +1 -0
- package/dist/PaginationNav.js +208 -0
- package/dist/PaginationNav.js.map +1 -0
- package/dist/ParallelCoordinatesChart.d.ts +68 -0
- package/dist/ParallelCoordinatesChart.d.ts.map +1 -0
- package/dist/ParallelCoordinatesChart.js +176 -0
- package/dist/ParallelCoordinatesChart.js.map +1 -0
- package/dist/ParetoChart.d.ts +79 -0
- package/dist/ParetoChart.d.ts.map +1 -0
- package/dist/ParetoChart.js +171 -0
- package/dist/ParetoChart.js.map +1 -0
- package/dist/PasswordInput.d.ts +47 -0
- package/dist/PasswordInput.d.ts.map +1 -0
- package/dist/PasswordInput.js +190 -0
- package/dist/PasswordInput.js.map +1 -0
- package/dist/PointAndFigureChart.d.ts +91 -0
- package/dist/PointAndFigureChart.d.ts.map +1 -0
- package/dist/PointAndFigureChart.js +238 -0
- package/dist/PointAndFigureChart.js.map +1 -0
- package/dist/PolygonChart.d.ts +69 -0
- package/dist/PolygonChart.d.ts.map +1 -0
- package/dist/PolygonChart.js +151 -0
- package/dist/PolygonChart.js.map +1 -0
- package/dist/Popover.d.ts +34 -0
- package/dist/Popover.d.ts.map +1 -0
- package/dist/Popover.js +113 -0
- package/dist/Popover.js.map +1 -0
- package/dist/Popper.d.ts +109 -0
- package/dist/Popper.d.ts.map +1 -0
- package/dist/Popper.js +256 -0
- package/dist/Popper.js.map +1 -0
- package/dist/Portal.d.ts +24 -0
- package/dist/Portal.d.ts.map +1 -0
- package/dist/Portal.js +52 -0
- package/dist/Portal.js.map +1 -0
- package/dist/ProgressBar.d.ts +41 -0
- package/dist/ProgressBar.d.ts.map +1 -0
- package/dist/ProgressBar.js +142 -0
- package/dist/ProgressBar.js.map +1 -0
- package/dist/ProgressIndicator.d.ts +38 -0
- package/dist/ProgressIndicator.d.ts.map +1 -0
- package/dist/ProgressIndicator.js +150 -0
- package/dist/ProgressIndicator.js.map +1 -0
- package/dist/Quote.d.ts +17 -0
- package/dist/Quote.d.ts.map +1 -0
- package/dist/Quote.js +51 -0
- package/dist/Quote.js.map +1 -0
- package/dist/RadarChart.d.ts +78 -0
- package/dist/RadarChart.d.ts.map +1 -0
- package/dist/RadarChart.js +276 -0
- package/dist/RadarChart.js.map +1 -0
- package/dist/Radio.d.ts +35 -0
- package/dist/Radio.d.ts.map +1 -0
- package/dist/Radio.js +107 -0
- package/dist/Radio.js.map +1 -0
- package/dist/RadioGroup.d.ts +40 -0
- package/dist/RadioGroup.d.ts.map +1 -0
- package/dist/RadioGroup.js +119 -0
- package/dist/RadioGroup.js.map +1 -0
- package/dist/RangeSlider.d.ts +66 -0
- package/dist/RangeSlider.d.ts.map +1 -0
- package/dist/RangeSlider.js +301 -0
- package/dist/RangeSlider.js.map +1 -0
- package/dist/Rating.d.ts +50 -0
- package/dist/Rating.d.ts.map +1 -0
- package/dist/Rating.js +310 -0
- package/dist/Rating.js.map +1 -0
- package/dist/RenkoChart.d.ts +84 -0
- package/dist/RenkoChart.d.ts.map +1 -0
- package/dist/RenkoChart.js +201 -0
- package/dist/RenkoChart.js.map +1 -0
- package/dist/RibbonChart.d.ts +84 -0
- package/dist/RibbonChart.d.ts.map +1 -0
- package/dist/RibbonChart.js +335 -0
- package/dist/RibbonChart.js.map +1 -0
- package/dist/RoseChart.d.ts +54 -0
- package/dist/RoseChart.d.ts.map +1 -0
- package/dist/RoseChart.js +242 -0
- package/dist/RoseChart.js.map +1 -0
- package/dist/Row.d.ts +27 -0
- package/dist/Row.d.ts.map +1 -0
- package/dist/Row.js +71 -0
- package/dist/Row.js.map +1 -0
- package/dist/SankeyChart.d.ts +74 -0
- package/dist/SankeyChart.d.ts.map +1 -0
- package/dist/SankeyChart.js +381 -0
- package/dist/SankeyChart.js.map +1 -0
- package/dist/ScatterPlot.d.ts +173 -0
- package/dist/ScatterPlot.d.ts.map +1 -0
- package/dist/ScatterPlot.js +740 -0
- package/dist/ScatterPlot.js.map +1 -0
- package/dist/ScoreCard.d.ts +40 -0
- package/dist/ScoreCard.d.ts.map +1 -0
- package/dist/ScoreCard.js +160 -0
- package/dist/ScoreCard.js.map +1 -0
- package/dist/Search.d.ts +69 -0
- package/dist/Search.d.ts.map +1 -0
- package/dist/Search.js +281 -0
- package/dist/Search.js.map +1 -0
- package/dist/Select.d.ts +47 -0
- package/dist/Select.d.ts.map +1 -0
- package/dist/Select.js +134 -0
- package/dist/Select.js.map +1 -0
- package/dist/SelectableList.d.ts +54 -0
- package/dist/SelectableList.d.ts.map +1 -0
- package/dist/SelectableList.js +102 -0
- package/dist/SelectableList.js.map +1 -0
- package/dist/SelectableRow.d.ts +94 -0
- package/dist/SelectableRow.d.ts.map +1 -0
- package/dist/SelectableRow.js +127 -0
- package/dist/SelectableRow.js.map +1 -0
- package/dist/SelectionChip.d.ts +32 -0
- package/dist/SelectionChip.d.ts.map +1 -0
- package/dist/SelectionChip.js +124 -0
- package/dist/SelectionChip.js.map +1 -0
- package/dist/SideNav.d.ts +24 -0
- package/dist/SideNav.d.ts.map +1 -0
- package/dist/SideNav.js +62 -0
- package/dist/SideNav.js.map +1 -0
- package/dist/SkeletonText.d.ts +31 -0
- package/dist/SkeletonText.d.ts.map +1 -0
- package/dist/SkeletonText.js +92 -0
- package/dist/SkeletonText.js.map +1 -0
- package/dist/SkipLink.d.ts +15 -0
- package/dist/SkipLink.d.ts.map +1 -0
- package/dist/SkipLink.js +32 -0
- package/dist/SkipLink.js.map +1 -0
- package/dist/SlideIndicator.d.ts +38 -0
- package/dist/SlideIndicator.d.ts.map +1 -0
- package/dist/SlideIndicator.js +126 -0
- package/dist/SlideIndicator.js.map +1 -0
- package/dist/Slider.d.ts +57 -0
- package/dist/Slider.d.ts.map +1 -0
- package/dist/Slider.js +207 -0
- package/dist/Slider.js.map +1 -0
- package/dist/SolidGaugeChart.d.ts +67 -0
- package/dist/SolidGaugeChart.d.ts.map +1 -0
- package/dist/SolidGaugeChart.js +279 -0
- package/dist/SolidGaugeChart.js.map +1 -0
- package/dist/Sparkline.d.ts +38 -0
- package/dist/Sparkline.d.ts.map +1 -0
- package/dist/Sparkline.js +153 -0
- package/dist/Sparkline.js.map +1 -0
- package/dist/Stack.d.ts +24 -0
- package/dist/Stack.d.ts.map +1 -0
- package/dist/Stack.js +61 -0
- package/dist/Stack.js.map +1 -0
- package/dist/StackedBarChart.d.ts +105 -0
- package/dist/StackedBarChart.d.ts.map +1 -0
- package/dist/StackedBarChart.js +288 -0
- package/dist/StackedBarChart.js.map +1 -0
- package/dist/StateTimelineChart.d.ts +95 -0
- package/dist/StateTimelineChart.d.ts.map +1 -0
- package/dist/StateTimelineChart.js +449 -0
- package/dist/StateTimelineChart.js.map +1 -0
- package/dist/StatusDot.d.ts +32 -0
- package/dist/StatusDot.d.ts.map +1 -0
- package/dist/StatusDot.js +81 -0
- package/dist/StatusDot.js.map +1 -0
- package/dist/StatusHistoryChart.d.ts +101 -0
- package/dist/StatusHistoryChart.d.ts.map +1 -0
- package/dist/StatusHistoryChart.js +362 -0
- package/dist/StatusHistoryChart.js.map +1 -0
- package/dist/StepLineChart.d.ts +73 -0
- package/dist/StepLineChart.d.ts.map +1 -0
- package/dist/StepLineChart.js +227 -0
- package/dist/StepLineChart.js.map +1 -0
- package/dist/Stepper.d.ts +38 -0
- package/dist/Stepper.d.ts.map +1 -0
- package/dist/Stepper.js +165 -0
- package/dist/Stepper.js.map +1 -0
- package/dist/StreamgraphChart.d.ts +80 -0
- package/dist/StreamgraphChart.d.ts.map +1 -0
- package/dist/StreamgraphChart.js +313 -0
- package/dist/StreamgraphChart.js.map +1 -0
- package/dist/StreamingMessage.d.ts +37 -0
- package/dist/StreamingMessage.d.ts.map +1 -0
- package/dist/StreamingMessage.js +78 -0
- package/dist/StreamingMessage.js.map +1 -0
- package/dist/StructuredList.d.ts +23 -0
- package/dist/StructuredList.d.ts.map +1 -0
- package/dist/StructuredList.js +51 -0
- package/dist/StructuredList.js.map +1 -0
- package/dist/SunburstChart.d.ts +66 -0
- package/dist/SunburstChart.d.ts.map +1 -0
- package/dist/SunburstChart.js +342 -0
- package/dist/SunburstChart.js.map +1 -0
- package/dist/Switch.d.ts +27 -0
- package/dist/Switch.d.ts.map +1 -0
- package/dist/Switch.js +86 -0
- package/dist/Switch.js.map +1 -0
- package/dist/Table.d.ts +27 -0
- package/dist/Table.d.ts.map +1 -0
- package/dist/Table.js +88 -0
- package/dist/Table.js.map +1 -0
- package/dist/TableOfContents.d.ts +30 -0
- package/dist/TableOfContents.d.ts.map +1 -0
- package/dist/TableOfContents.js +93 -0
- package/dist/TableOfContents.js.map +1 -0
- package/dist/Tabs.d.ts +40 -0
- package/dist/Tabs.d.ts.map +1 -0
- package/dist/Tabs.js +110 -0
- package/dist/Tabs.js.map +1 -0
- package/dist/Tag.d.ts +31 -0
- package/dist/Tag.d.ts.map +1 -0
- package/dist/Tag.js +112 -0
- package/dist/Tag.js.map +1 -0
- package/dist/Textarea.d.ts +42 -0
- package/dist/Textarea.d.ts.map +1 -0
- package/dist/Textarea.js +140 -0
- package/dist/Textarea.js.map +1 -0
- package/dist/ThemeProvider.d.ts +23 -0
- package/dist/ThemeProvider.d.ts.map +1 -0
- package/dist/ThemeProvider.js +63 -0
- package/dist/ThemeProvider.js.map +1 -0
- package/dist/Tile.d.ts +33 -0
- package/dist/Tile.d.ts.map +1 -0
- package/dist/Tile.js +216 -0
- package/dist/Tile.js.map +1 -0
- package/dist/TileGroup.d.ts +41 -0
- package/dist/TileGroup.d.ts.map +1 -0
- package/dist/TileGroup.js +125 -0
- package/dist/TileGroup.js.map +1 -0
- package/dist/TileMapChart.d.ts +56 -0
- package/dist/TileMapChart.d.ts.map +1 -0
- package/dist/TileMapChart.js +286 -0
- package/dist/TileMapChart.js.map +1 -0
- package/dist/TimePicker.d.ts +61 -0
- package/dist/TimePicker.d.ts.map +1 -0
- package/dist/TimePicker.js +430 -0
- package/dist/TimePicker.js.map +1 -0
- package/dist/Timeline.d.ts +30 -0
- package/dist/Timeline.d.ts.map +1 -0
- package/dist/Timeline.js +74 -0
- package/dist/Timeline.js.map +1 -0
- package/dist/TimelineChart.d.ts +66 -0
- package/dist/TimelineChart.d.ts.map +1 -0
- package/dist/TimelineChart.js +213 -0
- package/dist/TimelineChart.js.map +1 -0
- package/dist/Toast.d.ts +23 -0
- package/dist/Toast.d.ts.map +1 -0
- package/dist/Toast.js +76 -0
- package/dist/Toast.js.map +1 -0
- package/dist/Toggle.d.ts +39 -0
- package/dist/Toggle.d.ts.map +1 -0
- package/dist/Toggle.js +115 -0
- package/dist/Toggle.js.map +1 -0
- package/dist/Toggletip.d.ts +32 -0
- package/dist/Toggletip.d.ts.map +1 -0
- package/dist/Toggletip.js +106 -0
- package/dist/Toggletip.js.map +1 -0
- package/dist/Tooltip.d.ts +21 -0
- package/dist/Tooltip.d.ts.map +1 -0
- package/dist/Tooltip.js +73 -0
- package/dist/Tooltip.js.map +1 -0
- package/dist/TraceWaterfallChart.d.ts +97 -0
- package/dist/TraceWaterfallChart.d.ts.map +1 -0
- package/dist/TraceWaterfallChart.js +389 -0
- package/dist/TraceWaterfallChart.js.map +1 -0
- package/dist/Transcription.d.ts +39 -0
- package/dist/Transcription.d.ts.map +1 -0
- package/dist/Transcription.js +109 -0
- package/dist/Transcription.js.map +1 -0
- package/dist/TreeView.d.ts +64 -0
- package/dist/TreeView.d.ts.map +1 -0
- package/dist/TreeView.js +220 -0
- package/dist/TreeView.js.map +1 -0
- package/dist/TreegraphChart.d.ts +62 -0
- package/dist/TreegraphChart.d.ts.map +1 -0
- package/dist/TreegraphChart.js +294 -0
- package/dist/TreegraphChart.js.map +1 -0
- package/dist/TreemapChart.d.ts +78 -0
- package/dist/TreemapChart.d.ts.map +1 -0
- package/dist/TreemapChart.js +463 -0
- package/dist/TreemapChart.js.map +1 -0
- package/dist/Typography.d.ts +32 -0
- package/dist/Typography.d.ts.map +1 -0
- package/dist/Typography.js +119 -0
- package/dist/Typography.js.map +1 -0
- package/dist/UnorderedList.d.ts +24 -0
- package/dist/UnorderedList.d.ts.map +1 -0
- package/dist/UnorderedList.js +72 -0
- package/dist/UnorderedList.js.map +1 -0
- package/dist/UtilityPanel.d.ts +25 -0
- package/dist/UtilityPanel.d.ts.map +1 -0
- package/dist/UtilityPanel.js +47 -0
- package/dist/UtilityPanel.js.map +1 -0
- package/dist/VariablePieChart.d.ts +54 -0
- package/dist/VariablePieChart.d.ts.map +1 -0
- package/dist/VariablePieChart.js +259 -0
- package/dist/VariablePieChart.js.map +1 -0
- package/dist/VectorFieldChart.d.ts +86 -0
- package/dist/VectorFieldChart.d.ts.map +1 -0
- package/dist/VectorFieldChart.js +311 -0
- package/dist/VectorFieldChart.js.map +1 -0
- package/dist/VennChart.d.ts +58 -0
- package/dist/VennChart.d.ts.map +1 -0
- package/dist/VennChart.js +288 -0
- package/dist/VennChart.js.map +1 -0
- package/dist/ViolinChart.d.ts +78 -0
- package/dist/ViolinChart.d.ts.map +1 -0
- package/dist/ViolinChart.js +303 -0
- package/dist/ViolinChart.js.map +1 -0
- package/dist/WaffleChart.d.ts +65 -0
- package/dist/WaffleChart.d.ts.map +1 -0
- package/dist/WaffleChart.js +207 -0
- package/dist/WaffleChart.js.map +1 -0
- package/dist/WaterfallChart.d.ts +96 -0
- package/dist/WaterfallChart.d.ts.map +1 -0
- package/dist/WaterfallChart.js +426 -0
- package/dist/WaterfallChart.js.map +1 -0
- package/dist/WindBarbChart.d.ts +81 -0
- package/dist/WindBarbChart.d.ts.map +1 -0
- package/dist/WindBarbChart.js +179 -0
- package/dist/WindBarbChart.js.map +1 -0
- package/dist/Wizard.d.ts +40 -0
- package/dist/Wizard.d.ts.map +1 -0
- package/dist/Wizard.js +120 -0
- package/dist/Wizard.js.map +1 -0
- package/dist/WordCloudChart.d.ts +58 -0
- package/dist/WordCloudChart.d.ts.map +1 -0
- package/dist/WordCloudChart.js +241 -0
- package/dist/WordCloudChart.js.map +1 -0
- package/dist/cellDecoration.d.ts +13 -0
- package/dist/cellDecoration.d.ts.map +1 -0
- package/dist/cellDecoration.js +28 -0
- package/dist/cellDecoration.js.map +1 -0
- package/dist/chartAnnotations.d.ts +132 -0
- package/dist/chartAnnotations.d.ts.map +1 -0
- package/dist/chartAnnotations.js +126 -0
- package/dist/chartAnnotations.js.map +1 -0
- package/dist/chartContrast.d.ts +2 -0
- package/dist/chartContrast.d.ts.map +1 -0
- package/dist/chartContrast.js +7 -0
- package/dist/chartContrast.js.map +1 -0
- package/dist/chartCrosshair.d.ts +19 -0
- package/dist/chartCrosshair.d.ts.map +1 -0
- package/dist/chartCrosshair.js +52 -0
- package/dist/chartCrosshair.js.map +1 -0
- package/dist/chartDataLabels.d.ts +35 -0
- package/dist/chartDataLabels.d.ts.map +1 -0
- package/dist/chartDataLabels.js +32 -0
- package/dist/chartDataLabels.js.map +1 -0
- package/dist/chartKeyboardNav.d.ts +29 -0
- package/dist/chartKeyboardNav.d.ts.map +1 -0
- package/dist/chartKeyboardNav.js +70 -0
- package/dist/chartKeyboardNav.js.map +1 -0
- package/dist/chartScale.d.ts +79 -0
- package/dist/chartScale.d.ts.map +1 -0
- package/dist/chartScale.js +160 -0
- package/dist/chartScale.js.map +1 -0
- package/dist/classNames.d.ts +2 -0
- package/dist/classNames.d.ts.map +1 -0
- package/dist/classNames.js +4 -0
- package/dist/classNames.js.map +1 -0
- package/dist/index.d.ts +444 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +224 -0
- package/dist/index.js.map +1 -0
- package/dist/styles.css +17893 -0
- package/package.json +48 -0
package/dist/Rating.js
ADDED
|
@@ -0,0 +1,310 @@
|
|
|
1
|
+
import { Component, EventEmitter, Input as NgInput, Output } from "@angular/core";
|
|
2
|
+
import { classNames } from "./classNames.js";
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export class Rating {
|
|
5
|
+
static stComponentName = "Rating";
|
|
6
|
+
componentName = "Rating";
|
|
7
|
+
value;
|
|
8
|
+
max;
|
|
9
|
+
onChange;
|
|
10
|
+
readonly;
|
|
11
|
+
allowHalf;
|
|
12
|
+
size;
|
|
13
|
+
name;
|
|
14
|
+
label;
|
|
15
|
+
classInput;
|
|
16
|
+
change = new EventEmitter();
|
|
17
|
+
get resolvedValue() {
|
|
18
|
+
return this.value ?? 0;
|
|
19
|
+
}
|
|
20
|
+
get resolvedMax() {
|
|
21
|
+
return this.max ?? 5;
|
|
22
|
+
}
|
|
23
|
+
get resolvedSize() {
|
|
24
|
+
return this.size ?? "md";
|
|
25
|
+
}
|
|
26
|
+
get iconSize() {
|
|
27
|
+
return this.resolvedSize === "sm" ? 16 : this.resolvedSize === "lg" ? 28 : 22;
|
|
28
|
+
}
|
|
29
|
+
get stars() {
|
|
30
|
+
return Array.from({ length: this.resolvedMax }, (_, i) => i + 1);
|
|
31
|
+
}
|
|
32
|
+
get focusedStar() {
|
|
33
|
+
return this.resolvedValue > 0 ? Math.ceil(this.resolvedValue) : 1;
|
|
34
|
+
}
|
|
35
|
+
get valueText() {
|
|
36
|
+
return `${this.resolvedValue} / ${this.resolvedMax}`;
|
|
37
|
+
}
|
|
38
|
+
get hostClass() {
|
|
39
|
+
return classNames("st-rating", `st-rating--${this.resolvedSize}`, this.readonly && "st-rating--readonly", this.classInput);
|
|
40
|
+
}
|
|
41
|
+
fill(star) {
|
|
42
|
+
if (this.resolvedValue >= star)
|
|
43
|
+
return "full";
|
|
44
|
+
if (this.allowHalf && this.resolvedValue >= star - 0.5)
|
|
45
|
+
return "half";
|
|
46
|
+
return "empty";
|
|
47
|
+
}
|
|
48
|
+
commit(next) {
|
|
49
|
+
if (this.readonly)
|
|
50
|
+
return;
|
|
51
|
+
const clamped = Math.max(0, Math.min(this.resolvedMax, next));
|
|
52
|
+
this.value = clamped;
|
|
53
|
+
this.change.emit(clamped);
|
|
54
|
+
this.onChange?.(clamped);
|
|
55
|
+
}
|
|
56
|
+
onStarClick(event, star) {
|
|
57
|
+
if (this.readonly)
|
|
58
|
+
return;
|
|
59
|
+
let next = star;
|
|
60
|
+
if (this.allowHalf) {
|
|
61
|
+
const target = event.currentTarget;
|
|
62
|
+
const rect = target.getBoundingClientRect();
|
|
63
|
+
const isLeftHalf = event.clientX - rect.left < rect.width / 2;
|
|
64
|
+
next = isLeftHalf ? star - 0.5 : star;
|
|
65
|
+
}
|
|
66
|
+
if (next === this.resolvedValue) {
|
|
67
|
+
this.commit(0);
|
|
68
|
+
return;
|
|
69
|
+
}
|
|
70
|
+
this.commit(next);
|
|
71
|
+
}
|
|
72
|
+
onKeyDown(event) {
|
|
73
|
+
if (this.readonly)
|
|
74
|
+
return;
|
|
75
|
+
const step = this.allowHalf ? 0.5 : 1;
|
|
76
|
+
const max = this.resolvedMax;
|
|
77
|
+
const value = this.resolvedValue;
|
|
78
|
+
let handled = true;
|
|
79
|
+
let next = null;
|
|
80
|
+
switch (event.key) {
|
|
81
|
+
case "ArrowRight":
|
|
82
|
+
case "ArrowUp":
|
|
83
|
+
next = Math.min(max, value + step);
|
|
84
|
+
break;
|
|
85
|
+
case "ArrowLeft":
|
|
86
|
+
case "ArrowDown":
|
|
87
|
+
next = this.allowHalf ? Math.max(0, value - step) : Math.max(1, value - step);
|
|
88
|
+
break;
|
|
89
|
+
case "Home":
|
|
90
|
+
next = this.allowHalf ? 0 : 1;
|
|
91
|
+
break;
|
|
92
|
+
case "End":
|
|
93
|
+
next = max;
|
|
94
|
+
break;
|
|
95
|
+
default:
|
|
96
|
+
handled = false;
|
|
97
|
+
}
|
|
98
|
+
if (handled) {
|
|
99
|
+
event.preventDefault();
|
|
100
|
+
if (next !== null)
|
|
101
|
+
this.commit(next);
|
|
102
|
+
}
|
|
103
|
+
}
|
|
104
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: Rating, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
105
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: Rating, isStandalone: true, selector: "st-rating", inputs: { value: "value", max: "max", onChange: "onChange", readonly: "readonly", allowHalf: "allowHalf", size: "size", name: "name", label: "label", classInput: ["class", "classInput"] }, outputs: { change: "change" }, ngImport: i0, template: `
|
|
106
|
+
@if (readonly) {
|
|
107
|
+
<div
|
|
108
|
+
[attr.data-st-component]="componentName"
|
|
109
|
+
[class]="hostClass"
|
|
110
|
+
role="img"
|
|
111
|
+
[attr.aria-label]="label ? label + ' : ' + valueText : valueText"
|
|
112
|
+
>
|
|
113
|
+
@for (star of stars; track star) {
|
|
114
|
+
<span
|
|
115
|
+
class="st-rating__star"
|
|
116
|
+
[class.st-rating__star--full]="fill(star) === 'full'"
|
|
117
|
+
[class.st-rating__star--half]="fill(star) === 'half'"
|
|
118
|
+
aria-hidden="true"
|
|
119
|
+
>
|
|
120
|
+
@if (fill(star) === 'half') {
|
|
121
|
+
<svg [attr.width]="iconSize" [attr.height]="iconSize" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
|
|
122
|
+
<path d="M12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2v15.77z" fill="currentColor" />
|
|
123
|
+
<path d="M12 2v15.77l6.18 3.25L17 14.14 22 9.27l-6.91-1.01L12 2z" />
|
|
124
|
+
</svg>
|
|
125
|
+
} @else {
|
|
126
|
+
<svg [attr.width]="iconSize" [attr.height]="iconSize" viewBox="0 0 24 24" [attr.fill]="fill(star) === 'full' ? 'currentColor' : 'none'" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
|
|
127
|
+
<polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2" />
|
|
128
|
+
</svg>
|
|
129
|
+
}
|
|
130
|
+
</span>
|
|
131
|
+
}
|
|
132
|
+
</div>
|
|
133
|
+
} @else if (allowHalf) {
|
|
134
|
+
<div
|
|
135
|
+
[attr.data-st-component]="componentName"
|
|
136
|
+
[class]="hostClass"
|
|
137
|
+
role="slider"
|
|
138
|
+
[attr.aria-label]="label"
|
|
139
|
+
[attr.aria-valuemin]="0"
|
|
140
|
+
[attr.aria-valuemax]="resolvedMax"
|
|
141
|
+
[attr.aria-valuenow]="resolvedValue"
|
|
142
|
+
[attr.aria-valuetext]="valueText"
|
|
143
|
+
tabindex="0"
|
|
144
|
+
(keydown)="onKeyDown($event)"
|
|
145
|
+
>
|
|
146
|
+
@for (star of stars; track star) {
|
|
147
|
+
<span
|
|
148
|
+
class="st-rating__star"
|
|
149
|
+
[class.st-rating__star--full]="fill(star) === 'full'"
|
|
150
|
+
[class.st-rating__star--half]="fill(star) === 'half'"
|
|
151
|
+
aria-hidden="true"
|
|
152
|
+
(click)="onStarClick($event, star)"
|
|
153
|
+
>
|
|
154
|
+
@if (fill(star) === 'half') {
|
|
155
|
+
<svg [attr.width]="iconSize" [attr.height]="iconSize" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
|
|
156
|
+
<path d="M12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2v15.77z" fill="currentColor" />
|
|
157
|
+
<path d="M12 2v15.77l6.18 3.25L17 14.14 22 9.27l-6.91-1.01L12 2z" />
|
|
158
|
+
</svg>
|
|
159
|
+
} @else {
|
|
160
|
+
<svg [attr.width]="iconSize" [attr.height]="iconSize" viewBox="0 0 24 24" [attr.fill]="fill(star) === 'full' ? 'currentColor' : 'none'" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
|
|
161
|
+
<polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2" />
|
|
162
|
+
</svg>
|
|
163
|
+
}
|
|
164
|
+
</span>
|
|
165
|
+
}
|
|
166
|
+
</div>
|
|
167
|
+
} @else {
|
|
168
|
+
<div
|
|
169
|
+
[attr.data-st-component]="componentName"
|
|
170
|
+
[class]="hostClass"
|
|
171
|
+
role="radiogroup"
|
|
172
|
+
[attr.aria-label]="label"
|
|
173
|
+
>
|
|
174
|
+
@for (star of stars; track star) {
|
|
175
|
+
<button
|
|
176
|
+
type="button"
|
|
177
|
+
class="st-rating__star"
|
|
178
|
+
[class.st-rating__star--full]="fill(star) === 'full'"
|
|
179
|
+
role="radio"
|
|
180
|
+
[attr.name]="name"
|
|
181
|
+
[attr.aria-checked]="resolvedValue === star ? 'true' : 'false'"
|
|
182
|
+
[attr.aria-label]="star + ' / ' + resolvedMax"
|
|
183
|
+
[attr.tabindex]="star === focusedStar ? 0 : -1"
|
|
184
|
+
(click)="onStarClick($event, star)"
|
|
185
|
+
(keydown)="onKeyDown($event)"
|
|
186
|
+
>
|
|
187
|
+
<svg [attr.width]="iconSize" [attr.height]="iconSize" viewBox="0 0 24 24" [attr.fill]="fill(star) === 'full' ? 'currentColor' : 'none'" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
|
|
188
|
+
<polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2" />
|
|
189
|
+
</svg>
|
|
190
|
+
</button>
|
|
191
|
+
}
|
|
192
|
+
</div>
|
|
193
|
+
}
|
|
194
|
+
`, isInline: true, styles: [":host { display: contents; }"] });
|
|
195
|
+
}
|
|
196
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: Rating, decorators: [{
|
|
197
|
+
type: Component,
|
|
198
|
+
args: [{ selector: "st-rating", standalone: true, template: `
|
|
199
|
+
@if (readonly) {
|
|
200
|
+
<div
|
|
201
|
+
[attr.data-st-component]="componentName"
|
|
202
|
+
[class]="hostClass"
|
|
203
|
+
role="img"
|
|
204
|
+
[attr.aria-label]="label ? label + ' : ' + valueText : valueText"
|
|
205
|
+
>
|
|
206
|
+
@for (star of stars; track star) {
|
|
207
|
+
<span
|
|
208
|
+
class="st-rating__star"
|
|
209
|
+
[class.st-rating__star--full]="fill(star) === 'full'"
|
|
210
|
+
[class.st-rating__star--half]="fill(star) === 'half'"
|
|
211
|
+
aria-hidden="true"
|
|
212
|
+
>
|
|
213
|
+
@if (fill(star) === 'half') {
|
|
214
|
+
<svg [attr.width]="iconSize" [attr.height]="iconSize" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
|
|
215
|
+
<path d="M12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2v15.77z" fill="currentColor" />
|
|
216
|
+
<path d="M12 2v15.77l6.18 3.25L17 14.14 22 9.27l-6.91-1.01L12 2z" />
|
|
217
|
+
</svg>
|
|
218
|
+
} @else {
|
|
219
|
+
<svg [attr.width]="iconSize" [attr.height]="iconSize" viewBox="0 0 24 24" [attr.fill]="fill(star) === 'full' ? 'currentColor' : 'none'" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
|
|
220
|
+
<polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2" />
|
|
221
|
+
</svg>
|
|
222
|
+
}
|
|
223
|
+
</span>
|
|
224
|
+
}
|
|
225
|
+
</div>
|
|
226
|
+
} @else if (allowHalf) {
|
|
227
|
+
<div
|
|
228
|
+
[attr.data-st-component]="componentName"
|
|
229
|
+
[class]="hostClass"
|
|
230
|
+
role="slider"
|
|
231
|
+
[attr.aria-label]="label"
|
|
232
|
+
[attr.aria-valuemin]="0"
|
|
233
|
+
[attr.aria-valuemax]="resolvedMax"
|
|
234
|
+
[attr.aria-valuenow]="resolvedValue"
|
|
235
|
+
[attr.aria-valuetext]="valueText"
|
|
236
|
+
tabindex="0"
|
|
237
|
+
(keydown)="onKeyDown($event)"
|
|
238
|
+
>
|
|
239
|
+
@for (star of stars; track star) {
|
|
240
|
+
<span
|
|
241
|
+
class="st-rating__star"
|
|
242
|
+
[class.st-rating__star--full]="fill(star) === 'full'"
|
|
243
|
+
[class.st-rating__star--half]="fill(star) === 'half'"
|
|
244
|
+
aria-hidden="true"
|
|
245
|
+
(click)="onStarClick($event, star)"
|
|
246
|
+
>
|
|
247
|
+
@if (fill(star) === 'half') {
|
|
248
|
+
<svg [attr.width]="iconSize" [attr.height]="iconSize" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
|
|
249
|
+
<path d="M12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2v15.77z" fill="currentColor" />
|
|
250
|
+
<path d="M12 2v15.77l6.18 3.25L17 14.14 22 9.27l-6.91-1.01L12 2z" />
|
|
251
|
+
</svg>
|
|
252
|
+
} @else {
|
|
253
|
+
<svg [attr.width]="iconSize" [attr.height]="iconSize" viewBox="0 0 24 24" [attr.fill]="fill(star) === 'full' ? 'currentColor' : 'none'" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
|
|
254
|
+
<polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2" />
|
|
255
|
+
</svg>
|
|
256
|
+
}
|
|
257
|
+
</span>
|
|
258
|
+
}
|
|
259
|
+
</div>
|
|
260
|
+
} @else {
|
|
261
|
+
<div
|
|
262
|
+
[attr.data-st-component]="componentName"
|
|
263
|
+
[class]="hostClass"
|
|
264
|
+
role="radiogroup"
|
|
265
|
+
[attr.aria-label]="label"
|
|
266
|
+
>
|
|
267
|
+
@for (star of stars; track star) {
|
|
268
|
+
<button
|
|
269
|
+
type="button"
|
|
270
|
+
class="st-rating__star"
|
|
271
|
+
[class.st-rating__star--full]="fill(star) === 'full'"
|
|
272
|
+
role="radio"
|
|
273
|
+
[attr.name]="name"
|
|
274
|
+
[attr.aria-checked]="resolvedValue === star ? 'true' : 'false'"
|
|
275
|
+
[attr.aria-label]="star + ' / ' + resolvedMax"
|
|
276
|
+
[attr.tabindex]="star === focusedStar ? 0 : -1"
|
|
277
|
+
(click)="onStarClick($event, star)"
|
|
278
|
+
(keydown)="onKeyDown($event)"
|
|
279
|
+
>
|
|
280
|
+
<svg [attr.width]="iconSize" [attr.height]="iconSize" viewBox="0 0 24 24" [attr.fill]="fill(star) === 'full' ? 'currentColor' : 'none'" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
|
|
281
|
+
<polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2" />
|
|
282
|
+
</svg>
|
|
283
|
+
</button>
|
|
284
|
+
}
|
|
285
|
+
</div>
|
|
286
|
+
}
|
|
287
|
+
`, styles: [":host { display: contents; }"] }]
|
|
288
|
+
}], propDecorators: { value: [{
|
|
289
|
+
type: NgInput
|
|
290
|
+
}], max: [{
|
|
291
|
+
type: NgInput
|
|
292
|
+
}], onChange: [{
|
|
293
|
+
type: NgInput
|
|
294
|
+
}], readonly: [{
|
|
295
|
+
type: NgInput
|
|
296
|
+
}], allowHalf: [{
|
|
297
|
+
type: NgInput
|
|
298
|
+
}], size: [{
|
|
299
|
+
type: NgInput
|
|
300
|
+
}], name: [{
|
|
301
|
+
type: NgInput
|
|
302
|
+
}], label: [{
|
|
303
|
+
type: NgInput
|
|
304
|
+
}], classInput: [{
|
|
305
|
+
type: NgInput,
|
|
306
|
+
args: ["class"]
|
|
307
|
+
}], change: [{
|
|
308
|
+
type: Output
|
|
309
|
+
}] } });
|
|
310
|
+
//# sourceMappingURL=Rating.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Rating.js","sourceRoot":"","sources":["../src/Rating.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,84 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export type RenkoChartDirection = "up" | "down";
|
|
3
|
+
export type RenkoChartDatum = {
|
|
4
|
+
date: number;
|
|
5
|
+
close: number;
|
|
6
|
+
};
|
|
7
|
+
export type RenkoChartProps = {
|
|
8
|
+
data: RenkoChartDatum[];
|
|
9
|
+
boxSize?: number;
|
|
10
|
+
label?: string;
|
|
11
|
+
width?: number;
|
|
12
|
+
height?: number;
|
|
13
|
+
size?: number;
|
|
14
|
+
class?: string;
|
|
15
|
+
};
|
|
16
|
+
type RenkoBrick = {
|
|
17
|
+
bottom: number;
|
|
18
|
+
top: number;
|
|
19
|
+
direction: RenkoChartDirection;
|
|
20
|
+
};
|
|
21
|
+
type RenkoColumn = {
|
|
22
|
+
key: string;
|
|
23
|
+
brick: RenkoBrick;
|
|
24
|
+
x: number;
|
|
25
|
+
y: number;
|
|
26
|
+
width: number;
|
|
27
|
+
height: number;
|
|
28
|
+
cx: number;
|
|
29
|
+
cy: number;
|
|
30
|
+
direction: RenkoChartDirection;
|
|
31
|
+
};
|
|
32
|
+
export declare class RenkoChart {
|
|
33
|
+
static readonly stComponentName = "RenkoChart";
|
|
34
|
+
readonly componentName = "RenkoChart";
|
|
35
|
+
readonly margin: {
|
|
36
|
+
readonly top: 16;
|
|
37
|
+
readonly right: 18;
|
|
38
|
+
readonly bottom: 36;
|
|
39
|
+
readonly left: 52;
|
|
40
|
+
};
|
|
41
|
+
data: RenkoChartDatum[];
|
|
42
|
+
boxSize?: number;
|
|
43
|
+
label?: string;
|
|
44
|
+
width?: number;
|
|
45
|
+
height?: number;
|
|
46
|
+
size?: number;
|
|
47
|
+
classInput?: string;
|
|
48
|
+
hoveredKey: string | null;
|
|
49
|
+
get hostClass(): string;
|
|
50
|
+
get resolvedWidth(): number;
|
|
51
|
+
get resolvedHeight(): number;
|
|
52
|
+
get viewBox(): string;
|
|
53
|
+
get validData(): RenkoChartDatum[];
|
|
54
|
+
get closes(): number[];
|
|
55
|
+
get effectiveBox(): number;
|
|
56
|
+
get bricks(): RenkoBrick[];
|
|
57
|
+
get priceMin(): number;
|
|
58
|
+
get priceMax(): number;
|
|
59
|
+
get yTicks(): number[];
|
|
60
|
+
get yMin(): number;
|
|
61
|
+
get yMax(): number;
|
|
62
|
+
get plotWidth(): number;
|
|
63
|
+
get plotHeight(): number;
|
|
64
|
+
get yAxisTicks(): Array<{
|
|
65
|
+
value: number;
|
|
66
|
+
y: number;
|
|
67
|
+
}>;
|
|
68
|
+
get columns(): RenkoColumn[];
|
|
69
|
+
get dataValueItems(): string[];
|
|
70
|
+
get hoveredColumn(): RenkoColumn | null;
|
|
71
|
+
get tooltipLeft(): string;
|
|
72
|
+
get tooltipTop(): string;
|
|
73
|
+
get tooltipLabel(): string;
|
|
74
|
+
get tooltipValue(): string;
|
|
75
|
+
handlePointerMove(event: PointerEvent): void;
|
|
76
|
+
handleLeave(): void;
|
|
77
|
+
brickClass(column: RenkoColumn): string;
|
|
78
|
+
format(value: number): string;
|
|
79
|
+
private finitePositive;
|
|
80
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<RenkoChart, never>;
|
|
81
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<RenkoChart, "st-renko-chart", never, { "data": { "alias": "data"; "required": false; }; "boxSize": { "alias": "boxSize"; "required": false; }; "label": { "alias": "label"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "size": { "alias": "size"; "required": false; }; "classInput": { "alias": "class"; "required": false; }; }, {}, never, never, true, never>;
|
|
82
|
+
}
|
|
83
|
+
export {};
|
|
84
|
+
//# sourceMappingURL=RenkoChart.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RenkoChart.d.ts","sourceRoot":"","sources":["../src/RenkoChart.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,201 @@
|
|
|
1
|
+
import { NgFor } from "@angular/common";
|
|
2
|
+
import { Component, Input as NgInput } from "@angular/core";
|
|
3
|
+
import { classNames } from "./classNames.js";
|
|
4
|
+
import { formatTick, niceTicks, scaleLinear } from "./chartScale.js";
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
const MARGIN = { top: 16, right: 18, bottom: 36, left: 52 };
|
|
7
|
+
export class RenkoChart {
|
|
8
|
+
static stComponentName = "RenkoChart";
|
|
9
|
+
componentName = "RenkoChart";
|
|
10
|
+
margin = MARGIN;
|
|
11
|
+
data = [];
|
|
12
|
+
boxSize;
|
|
13
|
+
label;
|
|
14
|
+
width;
|
|
15
|
+
height;
|
|
16
|
+
size;
|
|
17
|
+
classInput;
|
|
18
|
+
hoveredKey = null;
|
|
19
|
+
get hostClass() { return ["st-renkoChart", this.classInput].filter(Boolean).join(" "); }
|
|
20
|
+
get resolvedWidth() { return this.finitePositive(this.width, 640); }
|
|
21
|
+
get resolvedHeight() { return this.finitePositive(this.height, 320); }
|
|
22
|
+
get viewBox() { return `0 0 ${this.resolvedWidth} ${this.resolvedHeight}`; }
|
|
23
|
+
get validData() {
|
|
24
|
+
return (this.data ?? []).filter((datum) => Boolean(datum) && Number.isFinite(datum.date) && Number.isFinite(datum.close));
|
|
25
|
+
}
|
|
26
|
+
get closes() { return this.validData.map((datum) => datum.close); }
|
|
27
|
+
get effectiveBox() {
|
|
28
|
+
if (typeof this.boxSize === "number" && Number.isFinite(this.boxSize) && this.boxSize > 0)
|
|
29
|
+
return this.boxSize;
|
|
30
|
+
if (!this.closes.length)
|
|
31
|
+
return 1;
|
|
32
|
+
const span = Math.max(...this.closes) - Math.min(...this.closes);
|
|
33
|
+
return span > 0 ? span / 20 : 1;
|
|
34
|
+
}
|
|
35
|
+
get bricks() {
|
|
36
|
+
const bricks = [];
|
|
37
|
+
if (this.validData.length === 0 || this.effectiveBox <= 0)
|
|
38
|
+
return bricks;
|
|
39
|
+
let base = this.validData[0].close;
|
|
40
|
+
let direction = null;
|
|
41
|
+
for (let index = 1; index < this.validData.length; index++) {
|
|
42
|
+
const price = this.validData[index].close;
|
|
43
|
+
if (direction !== "down") {
|
|
44
|
+
while (price >= base + this.effectiveBox) {
|
|
45
|
+
bricks.push({ bottom: base, top: base + this.effectiveBox, direction: "up" });
|
|
46
|
+
base += this.effectiveBox;
|
|
47
|
+
direction = "up";
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
if (direction === "up") {
|
|
51
|
+
if (price <= base - 2 * this.effectiveBox) {
|
|
52
|
+
base -= this.effectiveBox;
|
|
53
|
+
do {
|
|
54
|
+
bricks.push({ bottom: base - this.effectiveBox, top: base, direction: "down" });
|
|
55
|
+
base -= this.effectiveBox;
|
|
56
|
+
direction = "down";
|
|
57
|
+
} while (price <= base - this.effectiveBox);
|
|
58
|
+
}
|
|
59
|
+
continue;
|
|
60
|
+
}
|
|
61
|
+
while (price <= base - this.effectiveBox) {
|
|
62
|
+
bricks.push({ bottom: base - this.effectiveBox, top: base, direction: "down" });
|
|
63
|
+
base -= this.effectiveBox;
|
|
64
|
+
direction = "down";
|
|
65
|
+
}
|
|
66
|
+
if (direction === "down" && price >= base + 2 * this.effectiveBox) {
|
|
67
|
+
base += this.effectiveBox;
|
|
68
|
+
do {
|
|
69
|
+
bricks.push({ bottom: base, top: base + this.effectiveBox, direction: "up" });
|
|
70
|
+
base += this.effectiveBox;
|
|
71
|
+
direction = "up";
|
|
72
|
+
} while (price >= base + this.effectiveBox);
|
|
73
|
+
}
|
|
74
|
+
}
|
|
75
|
+
return bricks;
|
|
76
|
+
}
|
|
77
|
+
get priceMin() {
|
|
78
|
+
if (!this.bricks.length)
|
|
79
|
+
return this.closes.length ? Math.min(...this.closes) : 0;
|
|
80
|
+
return Math.min(...this.bricks.map((brick) => brick.bottom));
|
|
81
|
+
}
|
|
82
|
+
get priceMax() {
|
|
83
|
+
if (!this.bricks.length)
|
|
84
|
+
return this.closes.length ? Math.max(...this.closes) : 0;
|
|
85
|
+
return Math.max(...this.bricks.map((brick) => brick.top));
|
|
86
|
+
}
|
|
87
|
+
get yTicks() { return niceTicks(this.priceMin, this.priceMax); }
|
|
88
|
+
get yMin() { return this.yTicks[0] ?? 0; }
|
|
89
|
+
get yMax() { return this.yTicks[this.yTicks.length - 1] ?? 1; }
|
|
90
|
+
get plotWidth() { return Math.max(this.resolvedWidth - MARGIN.left - MARGIN.right, 1); }
|
|
91
|
+
get plotHeight() { return Math.max(this.resolvedHeight - MARGIN.top - MARGIN.bottom, 1); }
|
|
92
|
+
get yAxisTicks() {
|
|
93
|
+
return this.yTicks.map((value) => ({ value, y: MARGIN.top + scaleLinear(value, this.yMin, this.yMax, this.plotHeight, 0) }));
|
|
94
|
+
}
|
|
95
|
+
get columns() {
|
|
96
|
+
const colWidth = this.bricks.length > 0 ? this.plotWidth / this.bricks.length : this.plotWidth;
|
|
97
|
+
const brickWidth = colWidth * 0.86;
|
|
98
|
+
return this.bricks.map((brick, index) => {
|
|
99
|
+
const cx = MARGIN.left + colWidth * index + colWidth / 2;
|
|
100
|
+
const top = MARGIN.top + scaleLinear(brick.top, this.yMin, this.yMax, this.plotHeight, 0);
|
|
101
|
+
const bottom = MARGIN.top + scaleLinear(brick.bottom, this.yMin, this.yMax, this.plotHeight, 0);
|
|
102
|
+
return {
|
|
103
|
+
key: `${index}`,
|
|
104
|
+
brick,
|
|
105
|
+
x: cx - brickWidth / 2,
|
|
106
|
+
y: Math.min(top, bottom),
|
|
107
|
+
width: brickWidth,
|
|
108
|
+
height: Math.max(Math.abs(bottom - top), 0.5),
|
|
109
|
+
cx,
|
|
110
|
+
cy: (top + bottom) / 2,
|
|
111
|
+
direction: brick.direction,
|
|
112
|
+
};
|
|
113
|
+
});
|
|
114
|
+
}
|
|
115
|
+
get dataValueItems() {
|
|
116
|
+
return this.columns.map((column) => `${column.direction === "up" ? "UP" : "DOWN"} ${formatTick(column.brick.bottom)} -> ${formatTick(column.brick.top)}`);
|
|
117
|
+
}
|
|
118
|
+
get hoveredColumn() { return this.hoveredKey === null ? null : this.columns.find((column) => column.key === this.hoveredKey) ?? null; }
|
|
119
|
+
get tooltipLeft() { const column = this.hoveredColumn; return column ? `${(column.cx / this.resolvedWidth) * 100}%` : "0"; }
|
|
120
|
+
get tooltipTop() { const column = this.hoveredColumn; return column ? `${(column.cy / this.resolvedHeight) * 100}%` : "0"; }
|
|
121
|
+
get tooltipLabel() { const column = this.hoveredColumn; return column ? (column.direction === "up" ? "UP" : "DOWN") : ""; }
|
|
122
|
+
get tooltipValue() { const column = this.hoveredColumn; return column ? `${formatTick(column.brick.bottom)} -> ${formatTick(column.brick.top)}` : ""; }
|
|
123
|
+
handlePointerMove(event) { const target = event.target; this.hoveredKey = target instanceof Element ? target.getAttribute("data-chart-key") : null; }
|
|
124
|
+
handleLeave() { this.hoveredKey = null; }
|
|
125
|
+
brickClass(column) { return classNames("st-renkoChart__brick", `st-renkoChart__brick--${column.direction}`, this.hoveredKey !== null && this.hoveredKey !== column.key ? "st-renkoChart__brick--dim" : undefined); }
|
|
126
|
+
format(value) { return formatTick(value); }
|
|
127
|
+
finitePositive(value, fallback) { return typeof value === "number" && Number.isFinite(value) && value > 0 ? value : fallback; }
|
|
128
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: RenkoChart, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
129
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: RenkoChart, isStandalone: true, selector: "st-renko-chart", inputs: { data: "data", boxSize: "boxSize", label: "label", width: "width", height: "height", size: "size", classInput: ["class", "classInput"] }, ngImport: i0, template: `
|
|
130
|
+
<div [attr.data-st-component]="componentName" [class]="hostClass">
|
|
131
|
+
<div class="st-renkoChart__visual" role="img" [attr.aria-label]="label" (pointermove)="handlePointerMove($event)" (pointerleave)="handleLeave()">
|
|
132
|
+
<svg [attr.viewBox]="viewBox" preserveAspectRatio="xMidYMid meet" width="100%" height="100%" focusable="false" aria-hidden="true">
|
|
133
|
+
<ng-container *ngFor="let tick of yAxisTicks">
|
|
134
|
+
<line class="st-renkoChart__grid" [attr.x1]="margin.left" [attr.x2]="resolvedWidth - margin.right" [attr.y1]="tick.y" [attr.y2]="tick.y"></line>
|
|
135
|
+
<text class="st-renkoChart__tick" [attr.x]="margin.left - 6" [attr.y]="tick.y" text-anchor="end" dominant-baseline="middle">{{ format(tick.value) }}</text>
|
|
136
|
+
</ng-container>
|
|
137
|
+
<line class="st-renkoChart__axis" [attr.x1]="margin.left" [attr.x2]="margin.left" [attr.y1]="margin.top" [attr.y2]="resolvedHeight - margin.bottom"></line>
|
|
138
|
+
<line class="st-renkoChart__axis" [attr.x1]="margin.left" [attr.x2]="resolvedWidth - margin.right" [attr.y1]="resolvedHeight - margin.bottom" [attr.y2]="resolvedHeight - margin.bottom"></line>
|
|
139
|
+
<rect *ngFor="let column of columns" [attr.class]="brickClass(column)" [attr.x]="column.x" [attr.y]="column.y" [attr.width]="column.width" [attr.height]="column.height" [attr.data-chart-key]="column.key"></rect>
|
|
140
|
+
</svg>
|
|
141
|
+
</div>
|
|
142
|
+
|
|
143
|
+
<ul class="st-chartDataList" [attr.aria-label]="(label ?? 'renko') + ' data'">
|
|
144
|
+
<li *ngFor="let item of dataValueItems">{{ item }}</li>
|
|
145
|
+
</ul>
|
|
146
|
+
|
|
147
|
+
<div class="st-renkoChart__tooltip" role="presentation" [style.display]="hoveredColumn ? 'inline-flex' : 'none'" [style.left]="tooltipLeft" [style.top]="tooltipTop">
|
|
148
|
+
<span class="st-renkoChart__tooltipLabel">{{ tooltipLabel }}</span>
|
|
149
|
+
<span class="st-renkoChart__tooltipValue">{{ tooltipValue }}</span>
|
|
150
|
+
</div>
|
|
151
|
+
</div>
|
|
152
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
|
|
153
|
+
}
|
|
154
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: RenkoChart, decorators: [{
|
|
155
|
+
type: Component,
|
|
156
|
+
args: [{
|
|
157
|
+
selector: "st-renko-chart",
|
|
158
|
+
standalone: true,
|
|
159
|
+
imports: [NgFor],
|
|
160
|
+
template: `
|
|
161
|
+
<div [attr.data-st-component]="componentName" [class]="hostClass">
|
|
162
|
+
<div class="st-renkoChart__visual" role="img" [attr.aria-label]="label" (pointermove)="handlePointerMove($event)" (pointerleave)="handleLeave()">
|
|
163
|
+
<svg [attr.viewBox]="viewBox" preserveAspectRatio="xMidYMid meet" width="100%" height="100%" focusable="false" aria-hidden="true">
|
|
164
|
+
<ng-container *ngFor="let tick of yAxisTicks">
|
|
165
|
+
<line class="st-renkoChart__grid" [attr.x1]="margin.left" [attr.x2]="resolvedWidth - margin.right" [attr.y1]="tick.y" [attr.y2]="tick.y"></line>
|
|
166
|
+
<text class="st-renkoChart__tick" [attr.x]="margin.left - 6" [attr.y]="tick.y" text-anchor="end" dominant-baseline="middle">{{ format(tick.value) }}</text>
|
|
167
|
+
</ng-container>
|
|
168
|
+
<line class="st-renkoChart__axis" [attr.x1]="margin.left" [attr.x2]="margin.left" [attr.y1]="margin.top" [attr.y2]="resolvedHeight - margin.bottom"></line>
|
|
169
|
+
<line class="st-renkoChart__axis" [attr.x1]="margin.left" [attr.x2]="resolvedWidth - margin.right" [attr.y1]="resolvedHeight - margin.bottom" [attr.y2]="resolvedHeight - margin.bottom"></line>
|
|
170
|
+
<rect *ngFor="let column of columns" [attr.class]="brickClass(column)" [attr.x]="column.x" [attr.y]="column.y" [attr.width]="column.width" [attr.height]="column.height" [attr.data-chart-key]="column.key"></rect>
|
|
171
|
+
</svg>
|
|
172
|
+
</div>
|
|
173
|
+
|
|
174
|
+
<ul class="st-chartDataList" [attr.aria-label]="(label ?? 'renko') + ' data'">
|
|
175
|
+
<li *ngFor="let item of dataValueItems">{{ item }}</li>
|
|
176
|
+
</ul>
|
|
177
|
+
|
|
178
|
+
<div class="st-renkoChart__tooltip" role="presentation" [style.display]="hoveredColumn ? 'inline-flex' : 'none'" [style.left]="tooltipLeft" [style.top]="tooltipTop">
|
|
179
|
+
<span class="st-renkoChart__tooltipLabel">{{ tooltipLabel }}</span>
|
|
180
|
+
<span class="st-renkoChart__tooltipValue">{{ tooltipValue }}</span>
|
|
181
|
+
</div>
|
|
182
|
+
</div>
|
|
183
|
+
`,
|
|
184
|
+
}]
|
|
185
|
+
}], propDecorators: { data: [{
|
|
186
|
+
type: NgInput
|
|
187
|
+
}], boxSize: [{
|
|
188
|
+
type: NgInput
|
|
189
|
+
}], label: [{
|
|
190
|
+
type: NgInput
|
|
191
|
+
}], width: [{
|
|
192
|
+
type: NgInput
|
|
193
|
+
}], height: [{
|
|
194
|
+
type: NgInput
|
|
195
|
+
}], size: [{
|
|
196
|
+
type: NgInput
|
|
197
|
+
}], classInput: [{
|
|
198
|
+
type: NgInput,
|
|
199
|
+
args: ["class"]
|
|
200
|
+
}] } });
|
|
201
|
+
//# sourceMappingURL=RenkoChart.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RenkoChart.js","sourceRoot":"","sources":["../src/RenkoChart.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,KAAK,IAAI,OAAO,EAAE,MAAM,eAAe,CAAC;AAE5D,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;;AAsBrE,MAAM,MAAM,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAW,CAAC;AA+BrE,MAAM,OAAO,UAAU;IACrB,MAAM,CAAU,eAAe,GAAG,YAAY,CAAC;IACtC,aAAa,GAAG,YAAY,CAAC;IAC7B,MAAM,GAAG,MAAM,CAAC;IAEd,IAAI,GAAsB,EAAE,CAAC;IAC7B,OAAO,CAAU;IACjB,KAAK,CAAU;IACf,KAAK,CAAU;IACf,MAAM,CAAU;IAChB,IAAI,CAAU;IACP,UAAU,CAAU;IAEtC,UAAU,GAAkB,IAAI,CAAC;IAEjC,IAAI,SAAS,KAAa,OAAO,CAAC,eAAe,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;IAChG,IAAI,aAAa,KAAa,OAAO,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC;IAC5E,IAAI,cAAc,KAAa,OAAO,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC;IAC9E,IAAI,OAAO,KAAa,OAAO,OAAO,IAAI,CAAC,aAAa,IAAI,IAAI,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC;IAEpF,IAAI,SAAS;QACX,OAAO,CAAC,IAAI,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;IAC5H,CAAC;IAED,IAAI,MAAM,KAAe,OAAO,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;IAE7E,IAAI,YAAY;QACd,IAAI,OAAO,IAAI,CAAC,OAAO,KAAK,QAAQ,IAAI,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,IAAI,CAAC,OAAO,GAAG,CAAC;YAAE,OAAO,IAAI,CAAC,OAAO,CAAC;QAC/G,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM;YAAE,OAAO,CAAC,CAAC;QAClC,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC;QACjE,OAAO,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;IAClC,CAAC;IAED,IAAI,MAAM;QACR,MAAM,MAAM,GAAiB,EAAE,CAAC;QAChC,IAAI,IAAI,CAAC,SAAS,CAAC,MAAM,KAAK,CAAC,IAAI,IAAI,CAAC,YAAY,IAAI,CAAC;YAAE,OAAO,MAAM,CAAC;QACzE,IAAI,IAAI,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;QACnC,IAAI,SAAS,GAA+B,IAAI,CAAC;QACjD,KAAK,IAAI,KAAK,GAAG,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC;YAC3D,MAAM,KAAK,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC;YAC1C,IAAI,SAAS,KAAK,MAAM,EAAE,CAAC;gBACzB,OAAO,KAAK,IAAI,IAAI,GAAG,IAAI,CAAC,YAAY,EAAE,CAAC;oBACzC,MAAM,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,GAAG,IAAI,CAAC,YAAY,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;oBAC9E,IAAI,IAAI,IAAI,CAAC,YAAY,CAAC;oBAC1B,SAAS,GAAG,IAAI,CAAC;gBACnB,CAAC;YACH,CAAC;YACD,IAAI,SAAS,KAAK,IAAI,EAAE,CAAC;gBACvB,IAAI,KAAK,IAAI,IAAI,GAAG,CAAC,GAAG,IAAI,CAAC,YAAY,EAAE,CAAC;oBAC1C,IAAI,IAAI,IAAI,CAAC,YAAY,CAAC;oBAC1B,GAAG,CAAC;wBACF,MAAM,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,GAAG,IAAI,CAAC,YAAY,EAAE,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,CAAC,CAAC;wBAChF,IAAI,IAAI,IAAI,CAAC,YAAY,CAAC;wBAC1B,SAAS,GAAG,MAAM,CAAC;oBACrB,CAAC,QAAQ,KAAK,IAAI,IAAI,GAAG,IAAI,CAAC,YAAY,EAAE;gBAC9C,CAAC;gBACD,SAAS;YACX,CAAC;YACD,OAAO,KAAK,IAAI,IAAI,GAAG,IAAI,CAAC,YAAY,EAAE,CAAC;gBACzC,MAAM,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,GAAG,IAAI,CAAC,YAAY,EAAE,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,CAAC,CAAC;gBAChF,IAAI,IAAI,IAAI,CAAC,YAAY,CAAC;gBAC1B,SAAS,GAAG,MAAM,CAAC;YACrB,CAAC;YACD,IAAI,SAAS,KAAK,MAAM,IAAI,KAAK,IAAI,IAAI,GAAG,CAAC,GAAG,IAAI,CAAC,YAAY,EAAE,CAAC;gBAClE,IAAI,IAAI,IAAI,CAAC,YAAY,CAAC;gBAC1B,GAAG,CAAC;oBACF,MAAM,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,GAAG,IAAI,CAAC,YAAY,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;oBAC9E,IAAI,IAAI,IAAI,CAAC,YAAY,CAAC;oBAC1B,SAAS,GAAG,IAAI,CAAC;gBACnB,CAAC,QAAQ,KAAK,IAAI,IAAI,GAAG,IAAI,CAAC,YAAY,EAAE;YAC9C,CAAC;QACH,CAAC;QACD,OAAO,MAAM,CAAC;IAChB,CAAC;IAED,IAAI,QAAQ;QACV,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM;YAAE,OAAO,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAClF,OAAO,IAAI,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;IAC/D,CAAC;IAED,IAAI,QAAQ;QACV,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM;YAAE,OAAO,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAClF,OAAO,IAAI,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC;IAC5D,CAAC;IAED,IAAI,MAAM,KAAe,OAAO,SAAS,CAAC,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IAC1E,IAAI,IAAI,KAAa,OAAO,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IAClD,IAAI,IAAI,KAAa,OAAO,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IACvE,IAAI,SAAS,KAAa,OAAO,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,aAAa,GAAG,MAAM,CAAC,IAAI,GAAG,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;IAChG,IAAI,UAAU,KAAa,OAAO,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,cAAc,GAAG,MAAM,CAAC,GAAG,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;IAElG,IAAI,UAAU;QACZ,OAAO,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,CAAC,GAAG,GAAG,WAAW,CAAC,KAAK,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAC/H,CAAC;IAED,IAAI,OAAO;QACT,MAAM,QAAQ,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC;QAC/F,MAAM,UAAU,GAAG,QAAQ,GAAG,IAAI,CAAC;QACnC,OAAO,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;YACtC,MAAM,EAAE,GAAG,MAAM,CAAC,IAAI,GAAG,QAAQ,GAAG,KAAK,GAAG,QAAQ,GAAG,CAAC,CAAC;YACzD,MAAM,GAAG,GAAG,MAAM,CAAC,GAAG,GAAG,WAAW,CAAC,KAAK,CAAC,GAAG,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC;YAC1F,MAAM,MAAM,GAAG,MAAM,CAAC,GAAG,GAAG,WAAW,CAAC,KAAK,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC;YAChG,OAAO;gBACL,GAAG,EAAE,GAAG,KAAK,EAAE;gBACf,KAAK;gBACL,CAAC,EAAE,EAAE,GAAG,UAAU,GAAG,CAAC;gBACtB,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,MAAM,CAAC;gBACxB,KAAK,EAAE,UAAU;gBACjB,MAAM,EAAE,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,GAAG,GAAG,CAAC,EAAE,GAAG,CAAC;gBAC7C,EAAE;gBACF,EAAE,EAAE,CAAC,GAAG,GAAG,MAAM,CAAC,GAAG,CAAC;gBACtB,SAAS,EAAE,KAAK,CAAC,SAAS;aAC3B,CAAC;QACJ,CAAC,CAAC,CAAC;IACL,CAAC;IAED,IAAI,cAAc;QAChB,OAAO,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,GAAG,MAAM,CAAC,SAAS,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,IAAI,UAAU,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,UAAU,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;IAC5J,CAAC;IAED,IAAI,aAAa,KAAyB,OAAO,IAAI,CAAC,UAAU,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,GAAG,KAAK,IAAI,CAAC,UAAU,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC;IAC3J,IAAI,WAAW,KAAa,MAAM,MAAM,GAAG,IAAI,CAAC,aAAa,CAAC,CAAC,OAAO,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,GAAG,IAAI,CAAC,aAAa,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;IACpI,IAAI,UAAU,KAAa,MAAM,MAAM,GAAG,IAAI,CAAC,aAAa,CAAC,CAAC,OAAO,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,GAAG,IAAI,CAAC,cAAc,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;IACpI,IAAI,YAAY,KAAa,MAAM,MAAM,GAAG,IAAI,CAAC,aAAa,CAAC,CAAC,OAAO,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IACnI,IAAI,YAAY,KAAa,MAAM,MAAM,GAAG,IAAI,CAAC,aAAa,CAAC,CAAC,OAAO,MAAM,CAAC,CAAC,CAAC,GAAG,UAAU,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,UAAU,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAE/J,iBAAiB,CAAC,KAAmB,IAAU,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,UAAU,GAAG,MAAM,YAAY,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;IACzK,WAAW,KAAW,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,CAAC,CAAC;IAC/C,UAAU,CAAC,MAAmB,IAAY,OAAO,UAAU,CAAC,sBAAsB,EAAE,yBAAyB,MAAM,CAAC,SAAS,EAAE,EAAE,IAAI,CAAC,UAAU,KAAK,IAAI,IAAI,IAAI,CAAC,UAAU,KAAK,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;IACzO,MAAM,CAAC,KAAa,IAAY,OAAO,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;IACnD,cAAc,CAAC,KAAyB,EAAE,QAAgB,IAAY,OAAO,OAAO,KAAK,KAAK,QAAQ,IAAI,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC;wGAlIhK,UAAU;4FAAV,UAAU,6NAzBX;;;;;;;;;;;;;;;;;;;;;;;GAuBT,4DAxBS,KAAK;;4FA0BJ,UAAU;kBA7BtB,SAAS;mBAAC;oBACT,QAAQ,EAAE,gBAAgB;oBAC1B,UAAU,EAAE,IAAI;oBAChB,OAAO,EAAE,CAAC,KAAK,CAAC;oBAChB,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;;GAuBT;iBACF;;sBAME,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;uBAAC,OAAO"}
|