@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
|
@@ -0,0 +1,171 @@
|
|
|
1
|
+
import { Component, Input as NgInput } from "@angular/core";
|
|
2
|
+
import { classNames } from "./classNames.js";
|
|
3
|
+
import { niceTicks, scaleLinear } from "./chartScale.js";
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
const MARGIN = { top: 12, right: 44, bottom: 32, left: 44 };
|
|
6
|
+
const DOT_RADIUS = 4;
|
|
7
|
+
export class ParetoChart {
|
|
8
|
+
static stComponentName = "ParetoChart";
|
|
9
|
+
componentName = "ParetoChart";
|
|
10
|
+
margin = MARGIN;
|
|
11
|
+
dotRadius = DOT_RADIUS;
|
|
12
|
+
hoveredIndex = null;
|
|
13
|
+
data = [];
|
|
14
|
+
width;
|
|
15
|
+
height;
|
|
16
|
+
label = "";
|
|
17
|
+
classInput;
|
|
18
|
+
get hostClass() { return classNames("st-paretoChart", this.classInput); }
|
|
19
|
+
get widthValue() { return this.width ?? 480; }
|
|
20
|
+
get heightValue() { return this.height ?? 240; }
|
|
21
|
+
get viewBox() { return `0 0 ${this.widthValue} ${this.heightValue}`; }
|
|
22
|
+
get sortedData() {
|
|
23
|
+
return (this.data ?? []).filter((d) => Number.isFinite(d.value) && d.value >= 0).slice().sort((a, b) => b.value - a.value);
|
|
24
|
+
}
|
|
25
|
+
get total() { return this.sortedData.reduce((acc, d) => acc + d.value, 0); }
|
|
26
|
+
get scales() {
|
|
27
|
+
const values = this.sortedData.map((d) => d.value);
|
|
28
|
+
const ticks = niceTicks(0, Math.max(0, ...values), 5);
|
|
29
|
+
return { ticks, domainMin: ticks[0], domainMax: ticks[ticks.length - 1], plotWidth: Math.max(this.widthValue - MARGIN.left - MARGIN.right, 1), plotHeight: Math.max(this.heightValue - MARGIN.top - MARGIN.bottom, 1) };
|
|
30
|
+
}
|
|
31
|
+
get entries() {
|
|
32
|
+
const { domainMin, domainMax, plotWidth, plotHeight } = this.scales;
|
|
33
|
+
if (this.sortedData.length === 0)
|
|
34
|
+
return [];
|
|
35
|
+
const band = plotWidth / this.sortedData.length;
|
|
36
|
+
const barWidth = band * 0.62;
|
|
37
|
+
const zeroY = scaleLinear(0, domainMin, domainMax, plotHeight, 0);
|
|
38
|
+
let running = 0;
|
|
39
|
+
return this.sortedData.map((d, i) => {
|
|
40
|
+
running += d.value;
|
|
41
|
+
const cumPercent = this.total > 0 ? (running / this.total) * 100 : 0;
|
|
42
|
+
const valueY = scaleLinear(d.value, domainMin, domainMax, plotHeight, 0);
|
|
43
|
+
const y = Math.min(valueY, zeroY);
|
|
44
|
+
const h = Math.abs(zeroY - valueY);
|
|
45
|
+
const x = MARGIN.left + band * i + (band - barWidth) / 2;
|
|
46
|
+
return { datum: d, tone: (d.tone ?? "category1"), x, y: MARGIN.top + y, width: barWidth, height: Math.max(h, 0.5), cumPercent, cx: MARGIN.left + band * (i + 0.5), cy: MARGIN.top + scaleLinear(cumPercent, 0, 100, plotHeight, 0), index: i };
|
|
47
|
+
});
|
|
48
|
+
}
|
|
49
|
+
get cumulativePath() { return this.entries.map((e, i) => `${i === 0 ? "M" : "L"} ${e.cx} ${e.cy}`).join(" "); }
|
|
50
|
+
get dataValueItems() { return this.entries.map((e) => `${e.datum.label}: ${e.datum.value} (${this.fmtTick(e.cumPercent)}% cumulé)`); }
|
|
51
|
+
get valueAxisTicks() {
|
|
52
|
+
const { ticks, domainMin, domainMax, plotWidth, plotHeight } = this.scales;
|
|
53
|
+
return ticks.map((tick) => ({ value: tick, x1: MARGIN.left, x2: MARGIN.left + plotWidth, y: MARGIN.top + scaleLinear(tick, domainMin, domainMax, plotHeight, 0) }));
|
|
54
|
+
}
|
|
55
|
+
get percentAxisTicks() {
|
|
56
|
+
const { plotHeight } = this.scales;
|
|
57
|
+
return [0, 25, 50, 75, 100].map((pct) => ({ value: pct, y: MARGIN.top + scaleLinear(pct, 0, 100, plotHeight, 0) }));
|
|
58
|
+
}
|
|
59
|
+
barClass(e) { return `st-paretoChart__bar st-paretoChart__bar--${e.tone}`; }
|
|
60
|
+
fmtTick(v) {
|
|
61
|
+
if (Math.abs(v) >= 1000)
|
|
62
|
+
return `${(v / 1000).toFixed(v % 1000 === 0 ? 0 : 1)}k`;
|
|
63
|
+
return Number.isInteger(v) ? String(v) : v.toFixed(1);
|
|
64
|
+
}
|
|
65
|
+
tooltipLeft() { const e = this.hoveredIndex !== null ? this.entries[this.hoveredIndex] : null; return e ? `${(e.cx / this.widthValue) * 100}%` : "0%"; }
|
|
66
|
+
tooltipTop() { const e = this.hoveredIndex !== null ? this.entries[this.hoveredIndex] : null; return e ? `${(e.cy / this.heightValue) * 100}%` : "0%"; }
|
|
67
|
+
handleLeave() { this.hoveredIndex = null; }
|
|
68
|
+
handleVisualPointerMove(event) {
|
|
69
|
+
const target = event.target;
|
|
70
|
+
const raw = Number(target?.getAttribute?.("data-chart-index"));
|
|
71
|
+
this.hoveredIndex = Number.isInteger(raw) && raw >= 0 ? raw : null;
|
|
72
|
+
}
|
|
73
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ParetoChart, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
74
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: ParetoChart, isStandalone: true, selector: "st-pareto-chart", inputs: { data: "data", width: "width", height: "height", label: "label", classInput: ["class", "classInput"] }, ngImport: i0, template: `
|
|
75
|
+
<div [attr.data-st-component]="componentName" [class]="hostClass">
|
|
76
|
+
<div class="st-paretoChart__visual" role="img" [attr.aria-label]="label" (pointermove)="handleVisualPointerMove($event)" (pointerleave)="handleLeave()">
|
|
77
|
+
<svg [attr.viewBox]="viewBox" preserveAspectRatio="xMidYMid meet" width="100%" height="100%" focusable="false" aria-hidden="true">
|
|
78
|
+
@for (tick of valueAxisTicks; track tick.value) {
|
|
79
|
+
<line class="st-paretoChart__grid" [attr.x1]="tick.x1" [attr.x2]="tick.x2" [attr.y1]="tick.y" [attr.y2]="tick.y"></line>
|
|
80
|
+
<text class="st-paretoChart__tickLabel" [attr.x]="margin.left - 6" [attr.y]="tick.y" text-anchor="end" dominant-baseline="middle">{{ fmtTick(tick.value) }}</text>
|
|
81
|
+
}
|
|
82
|
+
@for (tick of percentAxisTicks; track tick.value) {
|
|
83
|
+
<text class="st-paretoChart__percentLabel" [attr.x]="widthValue - margin.right + 6" [attr.y]="tick.y" text-anchor="start" dominant-baseline="middle">{{ tick.value }}%</text>
|
|
84
|
+
}
|
|
85
|
+
<line class="st-paretoChart__axis" [attr.x1]="margin.left" [attr.x2]="margin.left" [attr.y1]="margin.top" [attr.y2]="heightValue - margin.bottom"></line>
|
|
86
|
+
<line class="st-paretoChart__axis" [attr.x1]="widthValue - margin.right" [attr.x2]="widthValue - margin.right" [attr.y1]="margin.top" [attr.y2]="heightValue - margin.bottom"></line>
|
|
87
|
+
<line class="st-paretoChart__axis" [attr.x1]="margin.left" [attr.x2]="widthValue - margin.right" [attr.y1]="heightValue - margin.bottom" [attr.y2]="heightValue - margin.bottom"></line>
|
|
88
|
+
@for (e of entries; track e.datum.label) {
|
|
89
|
+
<text class="st-paretoChart__categoryLabel" [attr.x]="e.x + e.width / 2" [attr.y]="heightValue - margin.bottom + 16" text-anchor="middle">{{ e.datum.label }}</text>
|
|
90
|
+
}
|
|
91
|
+
@for (e of entries; track e.datum.label) {
|
|
92
|
+
<rect [class]="barClass(e)" [attr.x]="e.x" [attr.y]="e.y" [attr.width]="e.width" [attr.height]="e.height" rx="2" [attr.data-chart-index]="e.index"></rect>
|
|
93
|
+
}
|
|
94
|
+
@if (entries.length > 0) {
|
|
95
|
+
<path class="st-paretoChart__cumLine" [attr.d]="cumulativePath" fill="none"></path>
|
|
96
|
+
@for (e of entries; track e.datum.label) {
|
|
97
|
+
<circle class="st-paretoChart__cumDot" [attr.cx]="e.cx" [attr.cy]="e.cy" [attr.r]="dotRadius" [attr.data-chart-index]="e.index"></circle>
|
|
98
|
+
}
|
|
99
|
+
}
|
|
100
|
+
</svg>
|
|
101
|
+
</div>
|
|
102
|
+
<ul class="st-chartDataList" [attr.aria-label]="label">
|
|
103
|
+
@for (item of dataValueItems; track $index) { <li>{{ item }}</li> }
|
|
104
|
+
</ul>
|
|
105
|
+
@if (hoveredIndex !== null && entries[hoveredIndex]) {
|
|
106
|
+
<div class="st-paretoChart__tooltip" role="presentation" [style.left]="tooltipLeft()" [style.top]="tooltipTop()">
|
|
107
|
+
<span class="st-paretoChart__tooltipLabel">{{ entries[hoveredIndex].datum.label }}</span>
|
|
108
|
+
<span class="st-paretoChart__tooltipValue">{{ entries[hoveredIndex].datum.value }} · {{ fmtTick(entries[hoveredIndex].cumPercent) }}%</span>
|
|
109
|
+
</div>
|
|
110
|
+
}
|
|
111
|
+
</div>
|
|
112
|
+
`, isInline: true });
|
|
113
|
+
}
|
|
114
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ParetoChart, decorators: [{
|
|
115
|
+
type: Component,
|
|
116
|
+
args: [{
|
|
117
|
+
selector: "st-pareto-chart",
|
|
118
|
+
standalone: true,
|
|
119
|
+
template: `
|
|
120
|
+
<div [attr.data-st-component]="componentName" [class]="hostClass">
|
|
121
|
+
<div class="st-paretoChart__visual" role="img" [attr.aria-label]="label" (pointermove)="handleVisualPointerMove($event)" (pointerleave)="handleLeave()">
|
|
122
|
+
<svg [attr.viewBox]="viewBox" preserveAspectRatio="xMidYMid meet" width="100%" height="100%" focusable="false" aria-hidden="true">
|
|
123
|
+
@for (tick of valueAxisTicks; track tick.value) {
|
|
124
|
+
<line class="st-paretoChart__grid" [attr.x1]="tick.x1" [attr.x2]="tick.x2" [attr.y1]="tick.y" [attr.y2]="tick.y"></line>
|
|
125
|
+
<text class="st-paretoChart__tickLabel" [attr.x]="margin.left - 6" [attr.y]="tick.y" text-anchor="end" dominant-baseline="middle">{{ fmtTick(tick.value) }}</text>
|
|
126
|
+
}
|
|
127
|
+
@for (tick of percentAxisTicks; track tick.value) {
|
|
128
|
+
<text class="st-paretoChart__percentLabel" [attr.x]="widthValue - margin.right + 6" [attr.y]="tick.y" text-anchor="start" dominant-baseline="middle">{{ tick.value }}%</text>
|
|
129
|
+
}
|
|
130
|
+
<line class="st-paretoChart__axis" [attr.x1]="margin.left" [attr.x2]="margin.left" [attr.y1]="margin.top" [attr.y2]="heightValue - margin.bottom"></line>
|
|
131
|
+
<line class="st-paretoChart__axis" [attr.x1]="widthValue - margin.right" [attr.x2]="widthValue - margin.right" [attr.y1]="margin.top" [attr.y2]="heightValue - margin.bottom"></line>
|
|
132
|
+
<line class="st-paretoChart__axis" [attr.x1]="margin.left" [attr.x2]="widthValue - margin.right" [attr.y1]="heightValue - margin.bottom" [attr.y2]="heightValue - margin.bottom"></line>
|
|
133
|
+
@for (e of entries; track e.datum.label) {
|
|
134
|
+
<text class="st-paretoChart__categoryLabel" [attr.x]="e.x + e.width / 2" [attr.y]="heightValue - margin.bottom + 16" text-anchor="middle">{{ e.datum.label }}</text>
|
|
135
|
+
}
|
|
136
|
+
@for (e of entries; track e.datum.label) {
|
|
137
|
+
<rect [class]="barClass(e)" [attr.x]="e.x" [attr.y]="e.y" [attr.width]="e.width" [attr.height]="e.height" rx="2" [attr.data-chart-index]="e.index"></rect>
|
|
138
|
+
}
|
|
139
|
+
@if (entries.length > 0) {
|
|
140
|
+
<path class="st-paretoChart__cumLine" [attr.d]="cumulativePath" fill="none"></path>
|
|
141
|
+
@for (e of entries; track e.datum.label) {
|
|
142
|
+
<circle class="st-paretoChart__cumDot" [attr.cx]="e.cx" [attr.cy]="e.cy" [attr.r]="dotRadius" [attr.data-chart-index]="e.index"></circle>
|
|
143
|
+
}
|
|
144
|
+
}
|
|
145
|
+
</svg>
|
|
146
|
+
</div>
|
|
147
|
+
<ul class="st-chartDataList" [attr.aria-label]="label">
|
|
148
|
+
@for (item of dataValueItems; track $index) { <li>{{ item }}</li> }
|
|
149
|
+
</ul>
|
|
150
|
+
@if (hoveredIndex !== null && entries[hoveredIndex]) {
|
|
151
|
+
<div class="st-paretoChart__tooltip" role="presentation" [style.left]="tooltipLeft()" [style.top]="tooltipTop()">
|
|
152
|
+
<span class="st-paretoChart__tooltipLabel">{{ entries[hoveredIndex].datum.label }}</span>
|
|
153
|
+
<span class="st-paretoChart__tooltipValue">{{ entries[hoveredIndex].datum.value }} · {{ fmtTick(entries[hoveredIndex].cumPercent) }}%</span>
|
|
154
|
+
</div>
|
|
155
|
+
}
|
|
156
|
+
</div>
|
|
157
|
+
`,
|
|
158
|
+
}]
|
|
159
|
+
}], propDecorators: { data: [{
|
|
160
|
+
type: NgInput
|
|
161
|
+
}], width: [{
|
|
162
|
+
type: NgInput
|
|
163
|
+
}], height: [{
|
|
164
|
+
type: NgInput
|
|
165
|
+
}], label: [{
|
|
166
|
+
type: NgInput
|
|
167
|
+
}], classInput: [{
|
|
168
|
+
type: NgInput,
|
|
169
|
+
args: ["class"]
|
|
170
|
+
}] } });
|
|
171
|
+
//# sourceMappingURL=ParetoChart.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ParetoChart.js","sourceRoot":"","sources":["../src/ParetoChart.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
import { EventEmitter } from "@angular/core";
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export type PasswordInputSize = "sm" | "md" | "lg";
|
|
4
|
+
export type PasswordInputProps = {
|
|
5
|
+
label?: unknown;
|
|
6
|
+
helperText?: unknown;
|
|
7
|
+
errorText?: unknown;
|
|
8
|
+
size?: PasswordInputSize;
|
|
9
|
+
modelValue?: string;
|
|
10
|
+
disabled?: boolean;
|
|
11
|
+
placeholder?: string;
|
|
12
|
+
showLabel?: string;
|
|
13
|
+
hideLabel?: string;
|
|
14
|
+
class?: string;
|
|
15
|
+
};
|
|
16
|
+
export declare class PasswordInput {
|
|
17
|
+
static readonly stComponentName = "PasswordInput";
|
|
18
|
+
readonly componentName = "PasswordInput";
|
|
19
|
+
private readonly autoId;
|
|
20
|
+
showPassword: boolean;
|
|
21
|
+
label?: unknown;
|
|
22
|
+
helperText?: unknown;
|
|
23
|
+
errorText?: unknown;
|
|
24
|
+
size?: PasswordInputSize;
|
|
25
|
+
modelValue?: string;
|
|
26
|
+
value?: string;
|
|
27
|
+
disabled?: boolean;
|
|
28
|
+
placeholder?: string;
|
|
29
|
+
showLabel?: string;
|
|
30
|
+
hideLabel?: string;
|
|
31
|
+
classInput?: string;
|
|
32
|
+
readonly modelValueChange: EventEmitter<string>;
|
|
33
|
+
readonly updateModelValue: EventEmitter<string>;
|
|
34
|
+
readonly input: EventEmitter<Event>;
|
|
35
|
+
readonly change: EventEmitter<Event>;
|
|
36
|
+
get inputId(): string;
|
|
37
|
+
get inputType(): string;
|
|
38
|
+
get currentValue(): string;
|
|
39
|
+
get isInvalid(): boolean;
|
|
40
|
+
get controlWrapClass(): string;
|
|
41
|
+
get hostClass(): string;
|
|
42
|
+
toggleVisibility(): void;
|
|
43
|
+
onInput(event: Event): void;
|
|
44
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PasswordInput, never>;
|
|
45
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PasswordInput, "st-password-input", never, { "label": { "alias": "label"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "errorText": { "alias": "errorText"; "required": false; }; "size": { "alias": "size"; "required": false; }; "modelValue": { "alias": "modelValue"; "required": false; }; "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "showLabel": { "alias": "showLabel"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "classInput": { "alias": "class"; "required": false; }; }, { "modelValueChange": "modelValueChange"; "updateModelValue": "update:modelValue"; "input": "input"; "change": "change"; }, never, never, true, never>;
|
|
46
|
+
}
|
|
47
|
+
//# sourceMappingURL=PasswordInput.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PasswordInput.d.ts","sourceRoot":"","sources":["../src/PasswordInput.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,YAAY,EAA4B,MAAM,eAAe,CAAC;;AAIlF,MAAM,MAAM,iBAAiB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEnD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,iBAAiB,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAOF,qBAmDa,aAAa;IACxB,MAAM,CAAC,QAAQ,CAAC,eAAe,mBAAmB;IAClD,QAAQ,CAAC,aAAa,mBAAmB;IACzC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAY;IAEnC,YAAY,UAAS;IAEV,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,iBAAiB,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACZ,UAAU,CAAC,EAAE,MAAM,CAAC;IAE5B,QAAQ,CAAC,gBAAgB,uBAA8B;IACpC,QAAQ,CAAC,gBAAgB,uBAA8B;IAC1E,QAAQ,CAAC,KAAK,sBAA6B;IAC3C,QAAQ,CAAC,MAAM,sBAA6B;IAEtD,IAAI,OAAO,IAAI,MAAM,CAEpB;IAED,IAAI,SAAS,IAAI,MAAM,CAEtB;IAED,IAAI,YAAY,IAAI,MAAM,CAEzB;IAED,IAAI,SAAS,IAAI,OAAO,CAEvB;IAED,IAAI,gBAAgB,IAAI,MAAM,CAE7B;IAED,IAAI,SAAS,IAAI,MAAM,CAEtB;IAED,gBAAgB,IAAI,IAAI;IAIxB,OAAO,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;yCApDhB,aAAa;2CAAb,aAAa;CA0DzB"}
|
|
@@ -0,0 +1,190 @@
|
|
|
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
|
+
let _counter = 0;
|
|
5
|
+
function nextId() {
|
|
6
|
+
return `st-passwordInput-${++_counter}`;
|
|
7
|
+
}
|
|
8
|
+
export class PasswordInput {
|
|
9
|
+
static stComponentName = "PasswordInput";
|
|
10
|
+
componentName = "PasswordInput";
|
|
11
|
+
autoId = nextId();
|
|
12
|
+
showPassword = false;
|
|
13
|
+
label;
|
|
14
|
+
helperText;
|
|
15
|
+
errorText;
|
|
16
|
+
size;
|
|
17
|
+
modelValue;
|
|
18
|
+
value;
|
|
19
|
+
disabled;
|
|
20
|
+
placeholder;
|
|
21
|
+
showLabel;
|
|
22
|
+
hideLabel;
|
|
23
|
+
classInput;
|
|
24
|
+
modelValueChange = new EventEmitter();
|
|
25
|
+
updateModelValue = new EventEmitter();
|
|
26
|
+
input = new EventEmitter();
|
|
27
|
+
change = new EventEmitter();
|
|
28
|
+
get inputId() {
|
|
29
|
+
return this.autoId;
|
|
30
|
+
}
|
|
31
|
+
get inputType() {
|
|
32
|
+
return this.showPassword ? "text" : "password";
|
|
33
|
+
}
|
|
34
|
+
get currentValue() {
|
|
35
|
+
return this.modelValue ?? this.value ?? "";
|
|
36
|
+
}
|
|
37
|
+
get isInvalid() {
|
|
38
|
+
return Boolean(this.errorText);
|
|
39
|
+
}
|
|
40
|
+
get controlWrapClass() {
|
|
41
|
+
return classNames("st-passwordInput", `st-passwordInput--${this.size ?? "md"}`);
|
|
42
|
+
}
|
|
43
|
+
get hostClass() {
|
|
44
|
+
return classNames("st-field", this.classInput);
|
|
45
|
+
}
|
|
46
|
+
toggleVisibility() {
|
|
47
|
+
this.showPassword = !this.showPassword;
|
|
48
|
+
}
|
|
49
|
+
onInput(event) {
|
|
50
|
+
const val = event.target.value;
|
|
51
|
+
this.modelValueChange.emit(val);
|
|
52
|
+
this.updateModelValue.emit(val);
|
|
53
|
+
this.input.emit(event);
|
|
54
|
+
}
|
|
55
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: PasswordInput, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
56
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: PasswordInput, isStandalone: true, selector: "st-password-input", inputs: { label: "label", helperText: "helperText", errorText: "errorText", size: "size", modelValue: "modelValue", value: "value", disabled: "disabled", placeholder: "placeholder", showLabel: "showLabel", hideLabel: "hideLabel", classInput: ["class", "classInput"] }, outputs: { modelValueChange: "modelValueChange", updateModelValue: "update:modelValue", input: "input", change: "change" }, ngImport: i0, template: `
|
|
57
|
+
<div [attr.data-st-component]="componentName" [class]="hostClass">
|
|
58
|
+
<label class="st-field__control" [attr.for]="inputId">
|
|
59
|
+
@if (label) {
|
|
60
|
+
<span class="st-field__label">{{ label }}</span>
|
|
61
|
+
}
|
|
62
|
+
<span [class]="controlWrapClass">
|
|
63
|
+
<input
|
|
64
|
+
[id]="inputId"
|
|
65
|
+
class="st-passwordInput__control"
|
|
66
|
+
[type]="inputType"
|
|
67
|
+
[value]="currentValue"
|
|
68
|
+
[placeholder]="placeholder ?? ''"
|
|
69
|
+
[disabled]="disabled ?? false"
|
|
70
|
+
[attr.aria-invalid]="isInvalid ? 'true' : null"
|
|
71
|
+
(input)="onInput($event)"
|
|
72
|
+
(change)="change.emit($event)"
|
|
73
|
+
/>
|
|
74
|
+
<button
|
|
75
|
+
type="button"
|
|
76
|
+
class="st-passwordInput__toggle"
|
|
77
|
+
[attr.aria-label]="showPassword ? (hideLabel ?? 'Hide password') : (showLabel ?? 'Show password')"
|
|
78
|
+
[attr.aria-pressed]="showPassword ? 'true' : 'false'"
|
|
79
|
+
(click)="toggleVisibility()"
|
|
80
|
+
>
|
|
81
|
+
@if (showPassword) {
|
|
82
|
+
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" aria-hidden="true" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
|
83
|
+
<path d="M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24"></path>
|
|
84
|
+
<line x1="1" y1="1" x2="23" y2="23"></line>
|
|
85
|
+
</svg>
|
|
86
|
+
} @else {
|
|
87
|
+
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" aria-hidden="true" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
|
88
|
+
<path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path>
|
|
89
|
+
<circle cx="12" cy="12" r="3"></circle>
|
|
90
|
+
</svg>
|
|
91
|
+
}
|
|
92
|
+
</button>
|
|
93
|
+
</span>
|
|
94
|
+
</label>
|
|
95
|
+
@if (errorText) {
|
|
96
|
+
<span class="st-field__error">{{ errorText }}</span>
|
|
97
|
+
}
|
|
98
|
+
@if (!errorText && helperText) {
|
|
99
|
+
<span class="st-field__help">{{ helperText }}</span>
|
|
100
|
+
}
|
|
101
|
+
</div>
|
|
102
|
+
`, isInline: true });
|
|
103
|
+
}
|
|
104
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: PasswordInput, decorators: [{
|
|
105
|
+
type: Component,
|
|
106
|
+
args: [{
|
|
107
|
+
selector: "st-password-input",
|
|
108
|
+
standalone: true,
|
|
109
|
+
template: `
|
|
110
|
+
<div [attr.data-st-component]="componentName" [class]="hostClass">
|
|
111
|
+
<label class="st-field__control" [attr.for]="inputId">
|
|
112
|
+
@if (label) {
|
|
113
|
+
<span class="st-field__label">{{ label }}</span>
|
|
114
|
+
}
|
|
115
|
+
<span [class]="controlWrapClass">
|
|
116
|
+
<input
|
|
117
|
+
[id]="inputId"
|
|
118
|
+
class="st-passwordInput__control"
|
|
119
|
+
[type]="inputType"
|
|
120
|
+
[value]="currentValue"
|
|
121
|
+
[placeholder]="placeholder ?? ''"
|
|
122
|
+
[disabled]="disabled ?? false"
|
|
123
|
+
[attr.aria-invalid]="isInvalid ? 'true' : null"
|
|
124
|
+
(input)="onInput($event)"
|
|
125
|
+
(change)="change.emit($event)"
|
|
126
|
+
/>
|
|
127
|
+
<button
|
|
128
|
+
type="button"
|
|
129
|
+
class="st-passwordInput__toggle"
|
|
130
|
+
[attr.aria-label]="showPassword ? (hideLabel ?? 'Hide password') : (showLabel ?? 'Show password')"
|
|
131
|
+
[attr.aria-pressed]="showPassword ? 'true' : 'false'"
|
|
132
|
+
(click)="toggleVisibility()"
|
|
133
|
+
>
|
|
134
|
+
@if (showPassword) {
|
|
135
|
+
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" aria-hidden="true" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
|
136
|
+
<path d="M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24"></path>
|
|
137
|
+
<line x1="1" y1="1" x2="23" y2="23"></line>
|
|
138
|
+
</svg>
|
|
139
|
+
} @else {
|
|
140
|
+
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" aria-hidden="true" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
|
141
|
+
<path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path>
|
|
142
|
+
<circle cx="12" cy="12" r="3"></circle>
|
|
143
|
+
</svg>
|
|
144
|
+
}
|
|
145
|
+
</button>
|
|
146
|
+
</span>
|
|
147
|
+
</label>
|
|
148
|
+
@if (errorText) {
|
|
149
|
+
<span class="st-field__error">{{ errorText }}</span>
|
|
150
|
+
}
|
|
151
|
+
@if (!errorText && helperText) {
|
|
152
|
+
<span class="st-field__help">{{ helperText }}</span>
|
|
153
|
+
}
|
|
154
|
+
</div>
|
|
155
|
+
`,
|
|
156
|
+
}]
|
|
157
|
+
}], propDecorators: { label: [{
|
|
158
|
+
type: NgInput
|
|
159
|
+
}], helperText: [{
|
|
160
|
+
type: NgInput
|
|
161
|
+
}], errorText: [{
|
|
162
|
+
type: NgInput
|
|
163
|
+
}], size: [{
|
|
164
|
+
type: NgInput
|
|
165
|
+
}], modelValue: [{
|
|
166
|
+
type: NgInput
|
|
167
|
+
}], value: [{
|
|
168
|
+
type: NgInput
|
|
169
|
+
}], disabled: [{
|
|
170
|
+
type: NgInput
|
|
171
|
+
}], placeholder: [{
|
|
172
|
+
type: NgInput
|
|
173
|
+
}], showLabel: [{
|
|
174
|
+
type: NgInput
|
|
175
|
+
}], hideLabel: [{
|
|
176
|
+
type: NgInput
|
|
177
|
+
}], classInput: [{
|
|
178
|
+
type: NgInput,
|
|
179
|
+
args: ["class"]
|
|
180
|
+
}], modelValueChange: [{
|
|
181
|
+
type: Output
|
|
182
|
+
}], updateModelValue: [{
|
|
183
|
+
type: Output,
|
|
184
|
+
args: ["update:modelValue"]
|
|
185
|
+
}], input: [{
|
|
186
|
+
type: Output
|
|
187
|
+
}], change: [{
|
|
188
|
+
type: Output
|
|
189
|
+
}] } });
|
|
190
|
+
//# sourceMappingURL=PasswordInput.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PasswordInput.js","sourceRoot":"","sources":["../src/PasswordInput.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,KAAK,IAAI,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAElF,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;;AAiB7C,IAAI,QAAQ,GAAG,CAAC,CAAC;AACjB,SAAS,MAAM;IACb,OAAO,oBAAoB,EAAE,QAAQ,EAAE,CAAC;AAC1C,CAAC;AAqDD,MAAM,OAAO,aAAa;IACxB,MAAM,CAAU,eAAe,GAAG,eAAe,CAAC;IACzC,aAAa,GAAG,eAAe,CAAC;IACxB,MAAM,GAAG,MAAM,EAAE,CAAC;IAEnC,YAAY,GAAG,KAAK,CAAC;IAEV,KAAK,CAAW;IAChB,UAAU,CAAW;IACrB,SAAS,CAAW;IACpB,IAAI,CAAqB;IACzB,UAAU,CAAU;IACpB,KAAK,CAAU;IACf,QAAQ,CAAW;IACnB,WAAW,CAAU;IACrB,SAAS,CAAU;IACnB,SAAS,CAAU;IACZ,UAAU,CAAU;IAEnB,gBAAgB,GAAG,IAAI,YAAY,EAAU,CAAC;IAC3B,gBAAgB,GAAG,IAAI,YAAY,EAAU,CAAC;IACjE,KAAK,GAAG,IAAI,YAAY,EAAS,CAAC;IAClC,MAAM,GAAG,IAAI,YAAY,EAAS,CAAC;IAEtD,IAAI,OAAO;QACT,OAAO,IAAI,CAAC,MAAM,CAAC;IACrB,CAAC;IAED,IAAI,SAAS;QACX,OAAO,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC;IACjD,CAAC;IAED,IAAI,YAAY;QACd,OAAO,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,KAAK,IAAI,EAAE,CAAC;IAC7C,CAAC;IAED,IAAI,SAAS;QACX,OAAO,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IACjC,CAAC;IAED,IAAI,gBAAgB;QAClB,OAAO,UAAU,CAAC,kBAAkB,EAAE,qBAAqB,IAAI,CAAC,IAAI,IAAI,IAAI,EAAE,CAAC,CAAC;IAClF,CAAC;IAED,IAAI,SAAS;QACX,OAAO,UAAU,CAAC,UAAU,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;IACjD,CAAC;IAED,gBAAgB;QACd,IAAI,CAAC,YAAY,GAAG,CAAC,IAAI,CAAC,YAAY,CAAC;IACzC,CAAC;IAED,OAAO,CAAC,KAAY;QAClB,MAAM,GAAG,GAAI,KAAK,CAAC,MAA2B,CAAC,KAAK,CAAC;QACrD,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAChC,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAChC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IACzB,CAAC;wGAzDU,aAAa;4FAAb,aAAa,sdAhDd;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8CT;;4FAEU,aAAa;kBAnDzB,SAAS;mBAAC;oBACT,QAAQ,EAAE,mBAAmB;oBAC7B,UAAU,EAAE,IAAI;oBAChB,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8CT;iBACF;;sBAQE,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;uBAAC,OAAO;;sBAEf,MAAM;;sBACN,MAAM;uBAAC,mBAAmB;;sBAC1B,MAAM;;sBACN,MAAM"}
|
|
@@ -0,0 +1,91 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export type PointAndFigureChartMark = "x" | "o";
|
|
3
|
+
export type PointAndFigureChartDatum = {
|
|
4
|
+
date: number;
|
|
5
|
+
close: number;
|
|
6
|
+
};
|
|
7
|
+
export type PointAndFigureChartProps = {
|
|
8
|
+
data: PointAndFigureChartDatum[];
|
|
9
|
+
boxSize?: number;
|
|
10
|
+
reversal?: number;
|
|
11
|
+
label?: string;
|
|
12
|
+
width?: number;
|
|
13
|
+
height?: number;
|
|
14
|
+
size?: number;
|
|
15
|
+
class?: string;
|
|
16
|
+
};
|
|
17
|
+
type RawColumn = {
|
|
18
|
+
mark: PointAndFigureChartMark;
|
|
19
|
+
low: number;
|
|
20
|
+
high: number;
|
|
21
|
+
};
|
|
22
|
+
type PnfColumn = RawColumn & {
|
|
23
|
+
priceLow: number;
|
|
24
|
+
priceHigh: number;
|
|
25
|
+
};
|
|
26
|
+
type PnfMark = {
|
|
27
|
+
key: string;
|
|
28
|
+
mark: PointAndFigureChartMark;
|
|
29
|
+
cx: number;
|
|
30
|
+
cy: number;
|
|
31
|
+
r: number;
|
|
32
|
+
priceLow: number;
|
|
33
|
+
priceHigh: number;
|
|
34
|
+
};
|
|
35
|
+
export declare class PointAndFigureChart {
|
|
36
|
+
static readonly stComponentName = "PointAndFigureChart";
|
|
37
|
+
readonly componentName = "PointAndFigureChart";
|
|
38
|
+
readonly margin: {
|
|
39
|
+
readonly top: 16;
|
|
40
|
+
readonly right: 18;
|
|
41
|
+
readonly bottom: 36;
|
|
42
|
+
readonly left: 52;
|
|
43
|
+
};
|
|
44
|
+
data: PointAndFigureChartDatum[];
|
|
45
|
+
boxSize?: number;
|
|
46
|
+
reversal?: number;
|
|
47
|
+
label?: string;
|
|
48
|
+
width?: number;
|
|
49
|
+
height?: number;
|
|
50
|
+
size?: number;
|
|
51
|
+
classInput?: string;
|
|
52
|
+
hoveredKey: string | null;
|
|
53
|
+
get hostClass(): string;
|
|
54
|
+
get resolvedWidth(): number;
|
|
55
|
+
get resolvedHeight(): number;
|
|
56
|
+
get viewBox(): string;
|
|
57
|
+
get validData(): PointAndFigureChartDatum[];
|
|
58
|
+
get closes(): number[];
|
|
59
|
+
get baseMin(): number;
|
|
60
|
+
get effectiveBox(): number;
|
|
61
|
+
get reversalBoxes(): number;
|
|
62
|
+
get rawColumns(): RawColumn[];
|
|
63
|
+
get pnfColumns(): PnfColumn[];
|
|
64
|
+
get priceMin(): number;
|
|
65
|
+
get priceMax(): number;
|
|
66
|
+
get yTicks(): number[];
|
|
67
|
+
get yMin(): number;
|
|
68
|
+
get yMax(): number;
|
|
69
|
+
get plotWidth(): number;
|
|
70
|
+
get plotHeight(): number;
|
|
71
|
+
get yAxisTicks(): Array<{
|
|
72
|
+
value: number;
|
|
73
|
+
y: number;
|
|
74
|
+
}>;
|
|
75
|
+
get marks(): PnfMark[];
|
|
76
|
+
get dataValueItems(): string[];
|
|
77
|
+
get hoveredMark(): PnfMark | null;
|
|
78
|
+
get tooltipLeft(): string;
|
|
79
|
+
get tooltipTop(): string;
|
|
80
|
+
get tooltipLabel(): string;
|
|
81
|
+
get tooltipValue(): string;
|
|
82
|
+
handlePointerMove(event: PointerEvent): void;
|
|
83
|
+
handleLeave(): void;
|
|
84
|
+
markClass(mark: PnfMark): string;
|
|
85
|
+
format(value: number): string;
|
|
86
|
+
private finitePositive;
|
|
87
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PointAndFigureChart, never>;
|
|
88
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PointAndFigureChart, "st-point-and-figure-chart", never, { "data": { "alias": "data"; "required": false; }; "boxSize": { "alias": "boxSize"; "required": false; }; "reversal": { "alias": "reversal"; "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>;
|
|
89
|
+
}
|
|
90
|
+
export {};
|
|
91
|
+
//# sourceMappingURL=PointAndFigureChart.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PointAndFigureChart.d.ts","sourceRoot":"","sources":["../src/PointAndFigureChart.ts"],"names":[],"mappings":"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"}
|