@lifecorner/angular-ui-kit 3.4.1 → 3.5.1
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/README.md +12 -2
- package/fesm2022/lifecorner-angular-ui-kit-accordion.mjs +454 -0
- package/fesm2022/lifecorner-angular-ui-kit-accordion.mjs.map +1 -0
- package/fesm2022/lifecorner-angular-ui-kit-alert.mjs +297 -0
- package/fesm2022/lifecorner-angular-ui-kit-alert.mjs.map +1 -0
- package/fesm2022/lifecorner-angular-ui-kit-app-shell.mjs +190 -0
- package/fesm2022/lifecorner-angular-ui-kit-app-shell.mjs.map +1 -0
- package/fesm2022/lifecorner-angular-ui-kit-area-chart.mjs +446 -0
- package/fesm2022/lifecorner-angular-ui-kit-area-chart.mjs.map +1 -0
- package/fesm2022/lifecorner-angular-ui-kit-avatar-group.mjs +158 -0
- package/fesm2022/lifecorner-angular-ui-kit-avatar-group.mjs.map +1 -0
- package/fesm2022/lifecorner-angular-ui-kit-avatar.mjs +216 -0
- package/fesm2022/lifecorner-angular-ui-kit-avatar.mjs.map +1 -0
- package/fesm2022/lifecorner-angular-ui-kit-badge.mjs +121 -0
- package/fesm2022/lifecorner-angular-ui-kit-badge.mjs.map +1 -0
- package/fesm2022/lifecorner-angular-ui-kit-bar-chart.mjs +360 -0
- package/fesm2022/lifecorner-angular-ui-kit-bar-chart.mjs.map +1 -0
- package/fesm2022/lifecorner-angular-ui-kit-bottom-nav.mjs +344 -0
- package/fesm2022/lifecorner-angular-ui-kit-bottom-nav.mjs.map +1 -0
- package/fesm2022/lifecorner-angular-ui-kit-breadcrumbs.mjs +191 -0
- package/fesm2022/lifecorner-angular-ui-kit-breadcrumbs.mjs.map +1 -0
- package/fesm2022/lifecorner-angular-ui-kit-button.mjs +423 -0
- package/fesm2022/lifecorner-angular-ui-kit-button.mjs.map +1 -0
- package/fesm2022/lifecorner-angular-ui-kit-calendar.mjs +368 -0
- package/fesm2022/lifecorner-angular-ui-kit-calendar.mjs.map +1 -0
- package/fesm2022/lifecorner-angular-ui-kit-callout.mjs +203 -0
- package/fesm2022/lifecorner-angular-ui-kit-callout.mjs.map +1 -0
- package/fesm2022/lifecorner-angular-ui-kit-card.mjs +323 -0
- package/fesm2022/lifecorner-angular-ui-kit-card.mjs.map +1 -0
- package/fesm2022/lifecorner-angular-ui-kit-chat.mjs +790 -0
- package/fesm2022/lifecorner-angular-ui-kit-chat.mjs.map +1 -0
- package/fesm2022/lifecorner-angular-ui-kit-checkbox.mjs +325 -0
- package/fesm2022/lifecorner-angular-ui-kit-checkbox.mjs.map +1 -0
- package/fesm2022/lifecorner-angular-ui-kit-chip.mjs +214 -0
- package/fesm2022/lifecorner-angular-ui-kit-chip.mjs.map +1 -0
- package/fesm2022/lifecorner-angular-ui-kit-choice-prompt.mjs +375 -0
- package/fesm2022/lifecorner-angular-ui-kit-choice-prompt.mjs.map +1 -0
- package/fesm2022/lifecorner-angular-ui-kit-code-block.mjs +518 -0
- package/fesm2022/lifecorner-angular-ui-kit-code-block.mjs.map +1 -0
- package/fesm2022/lifecorner-angular-ui-kit-color-picker.mjs +278 -0
- package/fesm2022/lifecorner-angular-ui-kit-color-picker.mjs.map +1 -0
- package/fesm2022/lifecorner-angular-ui-kit-combobox.mjs +688 -0
- package/fesm2022/lifecorner-angular-ui-kit-combobox.mjs.map +1 -0
- package/fesm2022/lifecorner-angular-ui-kit-confirm-dialog.mjs +494 -0
- package/fesm2022/lifecorner-angular-ui-kit-confirm-dialog.mjs.map +1 -0
- package/fesm2022/lifecorner-angular-ui-kit-container.mjs +103 -0
- package/fesm2022/lifecorner-angular-ui-kit-container.mjs.map +1 -0
- package/fesm2022/lifecorner-angular-ui-kit-copy-field.mjs +308 -0
- package/fesm2022/lifecorner-angular-ui-kit-copy-field.mjs.map +1 -0
- package/fesm2022/lifecorner-angular-ui-kit-date-range-picker.mjs +466 -0
- package/fesm2022/lifecorner-angular-ui-kit-date-range-picker.mjs.map +1 -0
- package/fesm2022/lifecorner-angular-ui-kit-datepicker.mjs +810 -0
- package/fesm2022/lifecorner-angular-ui-kit-datepicker.mjs.map +1 -0
- package/fesm2022/lifecorner-angular-ui-kit-dependency-viewer.mjs +1761 -0
- package/fesm2022/lifecorner-angular-ui-kit-dependency-viewer.mjs.map +1 -0
- package/fesm2022/lifecorner-angular-ui-kit-description-list.mjs +165 -0
- package/fesm2022/lifecorner-angular-ui-kit-description-list.mjs.map +1 -0
- package/fesm2022/lifecorner-angular-ui-kit-diff-viewer.mjs +356 -0
- package/fesm2022/lifecorner-angular-ui-kit-diff-viewer.mjs.map +1 -0
- package/fesm2022/lifecorner-angular-ui-kit-divider.mjs +119 -0
- package/fesm2022/lifecorner-angular-ui-kit-divider.mjs.map +1 -0
- package/fesm2022/lifecorner-angular-ui-kit-document-viewer.mjs +762 -0
- package/fesm2022/lifecorner-angular-ui-kit-document-viewer.mjs.map +1 -0
- package/fesm2022/lifecorner-angular-ui-kit-donut-chart.mjs +255 -0
- package/fesm2022/lifecorner-angular-ui-kit-donut-chart.mjs.map +1 -0
- package/fesm2022/lifecorner-angular-ui-kit-drawer.mjs +308 -0
- package/fesm2022/lifecorner-angular-ui-kit-drawer.mjs.map +1 -0
- package/fesm2022/lifecorner-angular-ui-kit-email-input.mjs +519 -0
- package/fesm2022/lifecorner-angular-ui-kit-email-input.mjs.map +1 -0
- package/fesm2022/lifecorner-angular-ui-kit-empty-state.mjs +143 -0
- package/fesm2022/lifecorner-angular-ui-kit-empty-state.mjs.map +1 -0
- package/fesm2022/lifecorner-angular-ui-kit-error-display.mjs +306 -0
- package/fesm2022/lifecorner-angular-ui-kit-error-display.mjs.map +1 -0
- package/fesm2022/lifecorner-angular-ui-kit-field-group.mjs +154 -0
- package/fesm2022/lifecorner-angular-ui-kit-field-group.mjs.map +1 -0
- package/fesm2022/lifecorner-angular-ui-kit-file-upload.mjs +281 -0
- package/fesm2022/lifecorner-angular-ui-kit-file-upload.mjs.map +1 -0
- package/fesm2022/lifecorner-angular-ui-kit-filter-bar.mjs +258 -0
- package/fesm2022/lifecorner-angular-ui-kit-filter-bar.mjs.map +1 -0
- package/fesm2022/lifecorner-angular-ui-kit-footer.mjs +200 -0
- package/fesm2022/lifecorner-angular-ui-kit-footer.mjs.map +1 -0
- package/fesm2022/lifecorner-angular-ui-kit-funnel-chart.mjs +292 -0
- package/fesm2022/lifecorner-angular-ui-kit-funnel-chart.mjs.map +1 -0
- package/fesm2022/lifecorner-angular-ui-kit-gallery.mjs +563 -0
- package/fesm2022/lifecorner-angular-ui-kit-gallery.mjs.map +1 -0
- package/fesm2022/lifecorner-angular-ui-kit-gantt-chart.mjs +314 -0
- package/fesm2022/lifecorner-angular-ui-kit-gantt-chart.mjs.map +1 -0
- package/fesm2022/lifecorner-angular-ui-kit-gauge.mjs +265 -0
- package/fesm2022/lifecorner-angular-ui-kit-gauge.mjs.map +1 -0
- package/fesm2022/lifecorner-angular-ui-kit-header.mjs +955 -0
- package/fesm2022/lifecorner-angular-ui-kit-header.mjs.map +1 -0
- package/fesm2022/lifecorner-angular-ui-kit-heatmap.mjs +305 -0
- package/fesm2022/lifecorner-angular-ui-kit-heatmap.mjs.map +1 -0
- package/fesm2022/lifecorner-angular-ui-kit-hero.mjs +168 -0
- package/fesm2022/lifecorner-angular-ui-kit-hero.mjs.map +1 -0
- package/fesm2022/lifecorner-angular-ui-kit-icon-names.mjs +9 -0
- package/fesm2022/lifecorner-angular-ui-kit-icon-names.mjs.map +1 -0
- package/fesm2022/lifecorner-angular-ui-kit-icon.mjs +1026 -0
- package/fesm2022/lifecorner-angular-ui-kit-icon.mjs.map +1 -0
- package/fesm2022/lifecorner-angular-ui-kit-input.mjs +595 -0
- package/fesm2022/lifecorner-angular-ui-kit-input.mjs.map +1 -0
- package/fesm2022/lifecorner-angular-ui-kit-internal-chart.mjs +105 -0
- package/fesm2022/lifecorner-angular-ui-kit-internal-chart.mjs.map +1 -0
- package/fesm2022/lifecorner-angular-ui-kit-internal-overlay.mjs +50 -0
- package/fesm2022/lifecorner-angular-ui-kit-internal-overlay.mjs.map +1 -0
- package/fesm2022/lifecorner-angular-ui-kit-internal-url.mjs +22 -0
- package/fesm2022/lifecorner-angular-ui-kit-internal-url.mjs.map +1 -0
- package/fesm2022/lifecorner-angular-ui-kit-kanban-board.mjs +319 -0
- package/fesm2022/lifecorner-angular-ui-kit-kanban-board.mjs.map +1 -0
- package/fesm2022/lifecorner-angular-ui-kit-line-chart.mjs +413 -0
- package/fesm2022/lifecorner-angular-ui-kit-line-chart.mjs.map +1 -0
- package/fesm2022/lifecorner-angular-ui-kit-list.mjs +338 -0
- package/fesm2022/lifecorner-angular-ui-kit-list.mjs.map +1 -0
- package/fesm2022/lifecorner-angular-ui-kit-log-viewer.mjs +813 -0
- package/fesm2022/lifecorner-angular-ui-kit-log-viewer.mjs.map +1 -0
- package/fesm2022/lifecorner-angular-ui-kit-logo.mjs +226 -0
- package/fesm2022/lifecorner-angular-ui-kit-logo.mjs.map +1 -0
- package/fesm2022/lifecorner-angular-ui-kit-markdown.mjs +756 -0
- package/fesm2022/lifecorner-angular-ui-kit-markdown.mjs.map +1 -0
- package/fesm2022/lifecorner-angular-ui-kit-menu.mjs +321 -0
- package/fesm2022/lifecorner-angular-ui-kit-menu.mjs.map +1 -0
- package/fesm2022/lifecorner-angular-ui-kit-modal.mjs +329 -0
- package/fesm2022/lifecorner-angular-ui-kit-modal.mjs.map +1 -0
- package/fesm2022/lifecorner-angular-ui-kit-models.mjs +0 -0
- package/fesm2022/lifecorner-angular-ui-kit-next-step-card.mjs +419 -0
- package/fesm2022/lifecorner-angular-ui-kit-next-step-card.mjs.map +1 -0
- package/fesm2022/lifecorner-angular-ui-kit-notification-center.mjs +644 -0
- package/fesm2022/lifecorner-angular-ui-kit-notification-center.mjs.map +1 -0
- package/fesm2022/lifecorner-angular-ui-kit-number-input.mjs +401 -0
- package/fesm2022/lifecorner-angular-ui-kit-number-input.mjs.map +1 -0
- package/fesm2022/lifecorner-angular-ui-kit-page-header.mjs +266 -0
- package/fesm2022/lifecorner-angular-ui-kit-page-header.mjs.map +1 -0
- package/fesm2022/lifecorner-angular-ui-kit-page-layout.mjs +127 -0
- package/fesm2022/lifecorner-angular-ui-kit-page-layout.mjs.map +1 -0
- package/fesm2022/lifecorner-angular-ui-kit-pagination.mjs +343 -0
- package/fesm2022/lifecorner-angular-ui-kit-pagination.mjs.map +1 -0
- package/fesm2022/lifecorner-angular-ui-kit-password-input.mjs +696 -0
- package/fesm2022/lifecorner-angular-ui-kit-password-input.mjs.map +1 -0
- package/fesm2022/lifecorner-angular-ui-kit-pie-chart.mjs +162 -0
- package/fesm2022/lifecorner-angular-ui-kit-pie-chart.mjs.map +1 -0
- package/fesm2022/lifecorner-angular-ui-kit-pipeline.mjs +159 -0
- package/fesm2022/lifecorner-angular-ui-kit-pipeline.mjs.map +1 -0
- package/fesm2022/lifecorner-angular-ui-kit-popover.mjs +190 -0
- package/fesm2022/lifecorner-angular-ui-kit-popover.mjs.map +1 -0
- package/fesm2022/lifecorner-angular-ui-kit-progress-bar.mjs +190 -0
- package/fesm2022/lifecorner-angular-ui-kit-progress-bar.mjs.map +1 -0
- package/fesm2022/lifecorner-angular-ui-kit-progress-ring.mjs +175 -0
- package/fesm2022/lifecorner-angular-ui-kit-progress-ring.mjs.map +1 -0
- package/fesm2022/lifecorner-angular-ui-kit-provider-button.mjs +255 -0
- package/fesm2022/lifecorner-angular-ui-kit-provider-button.mjs.map +1 -0
- package/fesm2022/lifecorner-angular-ui-kit-radar-chart.mjs +309 -0
- package/fesm2022/lifecorner-angular-ui-kit-radar-chart.mjs.map +1 -0
- package/fesm2022/lifecorner-angular-ui-kit-radio.mjs +708 -0
- package/fesm2022/lifecorner-angular-ui-kit-radio.mjs.map +1 -0
- package/fesm2022/lifecorner-angular-ui-kit-rating.mjs +327 -0
- package/fesm2022/lifecorner-angular-ui-kit-rating.mjs.map +1 -0
- package/fesm2022/lifecorner-angular-ui-kit-rich-text-editor.mjs +718 -0
- package/fesm2022/lifecorner-angular-ui-kit-rich-text-editor.mjs.map +1 -0
- package/fesm2022/lifecorner-angular-ui-kit-scatter-plot.mjs +415 -0
- package/fesm2022/lifecorner-angular-ui-kit-scatter-plot.mjs.map +1 -0
- package/fesm2022/lifecorner-angular-ui-kit-search-input.mjs +290 -0
- package/fesm2022/lifecorner-angular-ui-kit-search-input.mjs.map +1 -0
- package/fesm2022/lifecorner-angular-ui-kit-section.mjs +127 -0
- package/fesm2022/lifecorner-angular-ui-kit-section.mjs.map +1 -0
- package/fesm2022/lifecorner-angular-ui-kit-select.mjs +650 -0
- package/fesm2022/lifecorner-angular-ui-kit-select.mjs.map +1 -0
- package/fesm2022/lifecorner-angular-ui-kit-sidenav.mjs +691 -0
- package/fesm2022/lifecorner-angular-ui-kit-sidenav.mjs.map +1 -0
- package/fesm2022/lifecorner-angular-ui-kit-skeleton.mjs +144 -0
- package/fesm2022/lifecorner-angular-ui-kit-skeleton.mjs.map +1 -0
- package/fesm2022/lifecorner-angular-ui-kit-slider.mjs +204 -0
- package/fesm2022/lifecorner-angular-ui-kit-slider.mjs.map +1 -0
- package/fesm2022/lifecorner-angular-ui-kit-spacer.mjs +73 -0
- package/fesm2022/lifecorner-angular-ui-kit-spacer.mjs.map +1 -0
- package/fesm2022/lifecorner-angular-ui-kit-sparkline.mjs +318 -0
- package/fesm2022/lifecorner-angular-ui-kit-sparkline.mjs.map +1 -0
- package/fesm2022/lifecorner-angular-ui-kit-spinner.mjs +95 -0
- package/fesm2022/lifecorner-angular-ui-kit-spinner.mjs.map +1 -0
- package/fesm2022/lifecorner-angular-ui-kit-split-pane.mjs +298 -0
- package/fesm2022/lifecorner-angular-ui-kit-split-pane.mjs.map +1 -0
- package/fesm2022/lifecorner-angular-ui-kit-stack.mjs +162 -0
- package/fesm2022/lifecorner-angular-ui-kit-stack.mjs.map +1 -0
- package/fesm2022/lifecorner-angular-ui-kit-stacked-bar-chart.mjs +412 -0
- package/fesm2022/lifecorner-angular-ui-kit-stacked-bar-chart.mjs.map +1 -0
- package/fesm2022/lifecorner-angular-ui-kit-stage-list.mjs +186 -0
- package/fesm2022/lifecorner-angular-ui-kit-stage-list.mjs.map +1 -0
- package/fesm2022/lifecorner-angular-ui-kit-stat-trend.mjs +224 -0
- package/fesm2022/lifecorner-angular-ui-kit-stat-trend.mjs.map +1 -0
- package/fesm2022/lifecorner-angular-ui-kit-status-dot.mjs +122 -0
- package/fesm2022/lifecorner-angular-ui-kit-status-dot.mjs.map +1 -0
- package/fesm2022/lifecorner-angular-ui-kit-stepper.mjs +209 -0
- package/fesm2022/lifecorner-angular-ui-kit-stepper.mjs.map +1 -0
- package/fesm2022/lifecorner-angular-ui-kit-switch.mjs +249 -0
- package/fesm2022/lifecorner-angular-ui-kit-switch.mjs.map +1 -0
- package/fesm2022/lifecorner-angular-ui-kit-table.mjs +1434 -0
- package/fesm2022/lifecorner-angular-ui-kit-table.mjs.map +1 -0
- package/fesm2022/lifecorner-angular-ui-kit-tabs.mjs +407 -0
- package/fesm2022/lifecorner-angular-ui-kit-tabs.mjs.map +1 -0
- package/fesm2022/lifecorner-angular-ui-kit-tag-input.mjs +380 -0
- package/fesm2022/lifecorner-angular-ui-kit-tag-input.mjs.map +1 -0
- package/fesm2022/lifecorner-angular-ui-kit-textarea.mjs +440 -0
- package/fesm2022/lifecorner-angular-ui-kit-textarea.mjs.map +1 -0
- package/fesm2022/lifecorner-angular-ui-kit-theme.mjs +145 -0
- package/fesm2022/lifecorner-angular-ui-kit-theme.mjs.map +1 -0
- package/fesm2022/lifecorner-angular-ui-kit-timeline.mjs +262 -0
- package/fesm2022/lifecorner-angular-ui-kit-timeline.mjs.map +1 -0
- package/fesm2022/lifecorner-angular-ui-kit-toast.mjs +352 -0
- package/fesm2022/lifecorner-angular-ui-kit-toast.mjs.map +1 -0
- package/fesm2022/lifecorner-angular-ui-kit-toggle-group.mjs +215 -0
- package/fesm2022/lifecorner-angular-ui-kit-toggle-group.mjs.map +1 -0
- package/fesm2022/lifecorner-angular-ui-kit-tokens.mjs +134 -0
- package/fesm2022/lifecorner-angular-ui-kit-tokens.mjs.map +1 -0
- package/fesm2022/lifecorner-angular-ui-kit-toolbar.mjs +225 -0
- package/fesm2022/lifecorner-angular-ui-kit-toolbar.mjs.map +1 -0
- package/fesm2022/lifecorner-angular-ui-kit-tooltip.mjs +386 -0
- package/fesm2022/lifecorner-angular-ui-kit-tooltip.mjs.map +1 -0
- package/fesm2022/lifecorner-angular-ui-kit-tree-view.mjs +509 -0
- package/fesm2022/lifecorner-angular-ui-kit-tree-view.mjs.map +1 -0
- package/fesm2022/lifecorner-angular-ui-kit-typography.mjs +209 -0
- package/fesm2022/lifecorner-angular-ui-kit-typography.mjs.map +1 -0
- package/fesm2022/lifecorner-angular-ui-kit-verification-code-input.mjs +365 -0
- package/fesm2022/lifecorner-angular-ui-kit-verification-code-input.mjs.map +1 -0
- package/fesm2022/lifecorner-angular-ui-kit-waterfall-chart.mjs +371 -0
- package/fesm2022/lifecorner-angular-ui-kit-waterfall-chart.mjs.map +1 -0
- package/fesm2022/lifecorner-angular-ui-kit.mjs +109 -38925
- package/package.json +449 -1
- package/types/lifecorner-angular-ui-kit-accordion.d.ts +239 -0
- package/types/lifecorner-angular-ui-kit-alert.d.ts +189 -0
- package/types/lifecorner-angular-ui-kit-app-shell.d.ts +148 -0
- package/types/lifecorner-angular-ui-kit-area-chart.d.ts +180 -0
- package/types/lifecorner-angular-ui-kit-avatar-group.d.ts +62 -0
- package/types/lifecorner-angular-ui-kit-avatar.d.ts +131 -0
- package/types/lifecorner-angular-ui-kit-badge.d.ts +59 -0
- package/types/lifecorner-angular-ui-kit-bar-chart.d.ts +157 -0
- package/types/lifecorner-angular-ui-kit-bottom-nav.d.ts +184 -0
- package/types/lifecorner-angular-ui-kit-breadcrumbs.d.ts +55 -0
- package/types/lifecorner-angular-ui-kit-button.d.ts +181 -0
- package/types/lifecorner-angular-ui-kit-calendar.d.ts +136 -0
- package/types/lifecorner-angular-ui-kit-callout.d.ts +77 -0
- package/types/lifecorner-angular-ui-kit-card.d.ts +213 -0
- package/types/lifecorner-angular-ui-kit-chat.d.ts +379 -0
- package/types/lifecorner-angular-ui-kit-checkbox.d.ts +116 -0
- package/types/lifecorner-angular-ui-kit-chip.d.ts +104 -0
- package/types/lifecorner-angular-ui-kit-choice-prompt.d.ts +186 -0
- package/types/lifecorner-angular-ui-kit-code-block.d.ts +85 -0
- package/types/lifecorner-angular-ui-kit-color-picker.d.ts +88 -0
- package/types/lifecorner-angular-ui-kit-combobox.d.ts +222 -0
- package/types/lifecorner-angular-ui-kit-confirm-dialog.d.ts +211 -0
- package/types/lifecorner-angular-ui-kit-container.d.ts +47 -0
- package/types/lifecorner-angular-ui-kit-copy-field.d.ts +89 -0
- package/types/lifecorner-angular-ui-kit-date-range-picker.d.ts +126 -0
- package/types/lifecorner-angular-ui-kit-datepicker.d.ts +363 -0
- package/types/lifecorner-angular-ui-kit-dependency-viewer.d.ts +568 -0
- package/types/lifecorner-angular-ui-kit-description-list.d.ts +137 -0
- package/types/lifecorner-angular-ui-kit-diff-viewer.d.ts +93 -0
- package/types/lifecorner-angular-ui-kit-divider.d.ts +66 -0
- package/types/lifecorner-angular-ui-kit-document-viewer.d.ts +256 -0
- package/types/lifecorner-angular-ui-kit-donut-chart.d.ts +92 -0
- package/types/lifecorner-angular-ui-kit-drawer.d.ts +124 -0
- package/types/lifecorner-angular-ui-kit-email-input.d.ts +292 -0
- package/types/lifecorner-angular-ui-kit-empty-state.d.ts +81 -0
- package/types/lifecorner-angular-ui-kit-error-display.d.ts +157 -0
- package/types/lifecorner-angular-ui-kit-field-group.d.ts +69 -0
- package/types/lifecorner-angular-ui-kit-file-upload.d.ts +122 -0
- package/types/lifecorner-angular-ui-kit-filter-bar.d.ts +116 -0
- package/types/lifecorner-angular-ui-kit-footer.d.ts +97 -0
- package/types/lifecorner-angular-ui-kit-funnel-chart.d.ts +97 -0
- package/types/lifecorner-angular-ui-kit-gallery.d.ts +240 -0
- package/types/lifecorner-angular-ui-kit-gantt-chart.d.ts +133 -0
- package/types/lifecorner-angular-ui-kit-gauge.d.ts +94 -0
- package/types/lifecorner-angular-ui-kit-header.d.ts +496 -0
- package/types/lifecorner-angular-ui-kit-heatmap.d.ts +126 -0
- package/types/lifecorner-angular-ui-kit-hero.d.ts +121 -0
- package/types/lifecorner-angular-ui-kit-icon-names.d.ts +21 -0
- package/types/lifecorner-angular-ui-kit-icon.d.ts +260 -0
- package/types/lifecorner-angular-ui-kit-input.d.ts +346 -0
- package/types/lifecorner-angular-ui-kit-internal-chart.d.ts +86 -0
- package/types/lifecorner-angular-ui-kit-internal-overlay.d.ts +31 -0
- package/types/lifecorner-angular-ui-kit-internal-url.d.ts +22 -0
- package/types/lifecorner-angular-ui-kit-kanban-board.d.ts +111 -0
- package/types/lifecorner-angular-ui-kit-line-chart.d.ts +186 -0
- package/types/lifecorner-angular-ui-kit-list.d.ts +215 -0
- package/types/lifecorner-angular-ui-kit-log-viewer.d.ts +355 -0
- package/types/lifecorner-angular-ui-kit-logo.d.ts +182 -0
- package/types/lifecorner-angular-ui-kit-markdown.d.ts +278 -0
- package/types/lifecorner-angular-ui-kit-menu.d.ts +152 -0
- package/types/lifecorner-angular-ui-kit-modal.d.ts +207 -0
- package/types/lifecorner-angular-ui-kit-models.d.ts +62 -0
- package/types/lifecorner-angular-ui-kit-next-step-card.d.ts +262 -0
- package/types/lifecorner-angular-ui-kit-notification-center.d.ts +237 -0
- package/types/lifecorner-angular-ui-kit-number-input.d.ts +126 -0
- package/types/lifecorner-angular-ui-kit-page-header.d.ts +178 -0
- package/types/lifecorner-angular-ui-kit-page-layout.d.ts +61 -0
- package/types/lifecorner-angular-ui-kit-pagination.d.ts +141 -0
- package/types/lifecorner-angular-ui-kit-password-input.d.ts +361 -0
- package/types/lifecorner-angular-ui-kit-pie-chart.d.ts +58 -0
- package/types/lifecorner-angular-ui-kit-pipeline.d.ts +89 -0
- package/types/lifecorner-angular-ui-kit-popover.d.ts +104 -0
- package/types/lifecorner-angular-ui-kit-progress-bar.d.ts +116 -0
- package/types/lifecorner-angular-ui-kit-progress-ring.d.ts +67 -0
- package/types/lifecorner-angular-ui-kit-provider-button.d.ts +137 -0
- package/types/lifecorner-angular-ui-kit-radar-chart.d.ts +113 -0
- package/types/lifecorner-angular-ui-kit-radio.d.ts +297 -0
- package/types/lifecorner-angular-ui-kit-rating.d.ts +115 -0
- package/types/lifecorner-angular-ui-kit-rich-text-editor.d.ts +226 -0
- package/types/lifecorner-angular-ui-kit-scatter-plot.d.ts +190 -0
- package/types/lifecorner-angular-ui-kit-search-input.d.ts +137 -0
- package/types/lifecorner-angular-ui-kit-section.d.ts +34 -0
- package/types/lifecorner-angular-ui-kit-select.d.ts +274 -0
- package/types/lifecorner-angular-ui-kit-sidenav.d.ts +368 -0
- package/types/lifecorner-angular-ui-kit-skeleton.d.ts +61 -0
- package/types/lifecorner-angular-ui-kit-slider.d.ts +79 -0
- package/types/lifecorner-angular-ui-kit-spacer.d.ts +27 -0
- package/types/lifecorner-angular-ui-kit-sparkline.d.ts +113 -0
- package/types/lifecorner-angular-ui-kit-spinner.d.ts +50 -0
- package/types/lifecorner-angular-ui-kit-split-pane.d.ts +131 -0
- package/types/lifecorner-angular-ui-kit-stack.d.ts +49 -0
- package/types/lifecorner-angular-ui-kit-stacked-bar-chart.d.ts +171 -0
- package/types/lifecorner-angular-ui-kit-stage-list.d.ts +69 -0
- package/types/lifecorner-angular-ui-kit-stat-trend.d.ts +62 -0
- package/types/lifecorner-angular-ui-kit-status-dot.d.ts +62 -0
- package/types/lifecorner-angular-ui-kit-stepper.d.ts +113 -0
- package/types/lifecorner-angular-ui-kit-switch.d.ts +141 -0
- package/types/lifecorner-angular-ui-kit-table.d.ts +632 -0
- package/types/lifecorner-angular-ui-kit-tabs.d.ts +196 -0
- package/types/lifecorner-angular-ui-kit-tag-input.d.ts +123 -0
- package/types/lifecorner-angular-ui-kit-textarea.d.ts +225 -0
- package/types/lifecorner-angular-ui-kit-theme.d.ts +91 -0
- package/types/lifecorner-angular-ui-kit-timeline.d.ts +162 -0
- package/types/lifecorner-angular-ui-kit-toast.d.ts +204 -0
- package/types/lifecorner-angular-ui-kit-toggle-group.d.ts +100 -0
- package/types/lifecorner-angular-ui-kit-tokens.d.ts +134 -0
- package/types/lifecorner-angular-ui-kit-toolbar.d.ts +120 -0
- package/types/lifecorner-angular-ui-kit-tooltip.d.ts +120 -0
- package/types/lifecorner-angular-ui-kit-tree-view.d.ts +231 -0
- package/types/lifecorner-angular-ui-kit-typography.d.ts +126 -0
- package/types/lifecorner-angular-ui-kit-verification-code-input.d.ts +187 -0
- package/types/lifecorner-angular-ui-kit-waterfall-chart.d.ts +163 -0
- package/types/lifecorner-angular-ui-kit.d.ts +109 -17401
- package/fesm2022/lifecorner-angular-ui-kit.mjs.map +0 -1
|
@@ -0,0 +1,134 @@
|
|
|
1
|
+
const ColorPrimary50 = "#f0f8fa";
|
|
2
|
+
const ColorPrimary100 = "#e0f1f4";
|
|
3
|
+
const ColorPrimary200 = "#c1e3e9";
|
|
4
|
+
const ColorPrimary300 = "#a3d5df";
|
|
5
|
+
const ColorPrimary400 = "#84c7d4";
|
|
6
|
+
const ColorPrimary500 = "#208497";
|
|
7
|
+
const ColorPrimary600 = "#1a6a79";
|
|
8
|
+
const ColorPrimary700 = "#144f5b";
|
|
9
|
+
const ColorPrimary800 = "#0d353d";
|
|
10
|
+
const ColorPrimary900 = "#071a1f";
|
|
11
|
+
const ColorSecondary50 = "#f5f8f9";
|
|
12
|
+
const ColorSecondary100 = "#ebf1f3";
|
|
13
|
+
const ColorSecondary200 = "#d7e3e7";
|
|
14
|
+
const ColorSecondary300 = "#c3d5db";
|
|
15
|
+
const ColorSecondary400 = "#afc7cf";
|
|
16
|
+
const ColorSecondary500 = "#7097af";
|
|
17
|
+
const ColorSecondary600 = "#5a798c";
|
|
18
|
+
const ColorSecondary700 = "#435b69";
|
|
19
|
+
const ColorSecondary800 = "#2d3c46";
|
|
20
|
+
const ColorSecondary900 = "#161e23";
|
|
21
|
+
const ColorNeutral50 = "#f9fafb";
|
|
22
|
+
const ColorNeutral100 = "#f3f4f6";
|
|
23
|
+
const ColorNeutral200 = "#e5e7eb";
|
|
24
|
+
const ColorNeutral300 = "#d1d5db";
|
|
25
|
+
const ColorNeutral400 = "#9ca3af";
|
|
26
|
+
const ColorNeutral500 = "#6b7280";
|
|
27
|
+
const ColorNeutral600 = "#4b5563";
|
|
28
|
+
const ColorNeutral700 = "#374151";
|
|
29
|
+
const ColorNeutral800 = "#1f2937";
|
|
30
|
+
const ColorNeutral900 = "#111827";
|
|
31
|
+
const ColorSuccessDefault = "#8ea475";
|
|
32
|
+
const ColorSuccessLight = "#cdd6c2";
|
|
33
|
+
const ColorSuccessDark = "#5f7150";
|
|
34
|
+
const ColorErrorDefault = "#9d0e0e";
|
|
35
|
+
const ColorErrorLight = "#f7a1a1";
|
|
36
|
+
const ColorErrorDark = "#6b0909";
|
|
37
|
+
const ColorWarningDefault = "#e1a040";
|
|
38
|
+
const ColorWarningLight = "#f1d3a7";
|
|
39
|
+
const ColorWarningDark = "#9b6b2b";
|
|
40
|
+
const ColorInfoDefault = "#3b6588";
|
|
41
|
+
const ColorInfoLight = "#b8cee0";
|
|
42
|
+
const ColorInfoDark = "#27445c";
|
|
43
|
+
const ColorAccentOrange = "#df792e";
|
|
44
|
+
const ColorAccentPurple = "#866aa0";
|
|
45
|
+
const ColorAccentRed = "#9e3846";
|
|
46
|
+
const ColorAccentRust = "#c6592e";
|
|
47
|
+
const ColorAccentViolet = "#4e3f84";
|
|
48
|
+
const ColorMember1 = "#1a6a79";
|
|
49
|
+
const ColorMember2 = "#b04a22";
|
|
50
|
+
const ColorMember3 = "#4e3f84";
|
|
51
|
+
const ColorMember4 = "#5f7150";
|
|
52
|
+
const ColorMember5 = "#9e3846";
|
|
53
|
+
const ColorMember6 = "#5a798c";
|
|
54
|
+
const ColorSurfaceDarkBase = "#101c26";
|
|
55
|
+
const ColorSurfaceDarkFloating = "#14222e";
|
|
56
|
+
const ColorSurfaceDarkRaised = "#1a2c3a";
|
|
57
|
+
const ColorSurfaceDarkSunken = "#0c1722";
|
|
58
|
+
const ColorBackgroundDark = "#0a121b";
|
|
59
|
+
const ColorSidebarDark = "#070e15";
|
|
60
|
+
const ColorTextDarkPrimary = "#eef4f6";
|
|
61
|
+
const ColorTextDarkSecondary = "#aebfc7";
|
|
62
|
+
const ColorTextDarkTertiary = "#71858f";
|
|
63
|
+
const Spacing0 = "0";
|
|
64
|
+
const Spacing1 = "0.25rem";
|
|
65
|
+
const Spacing2 = "0.5rem";
|
|
66
|
+
const Spacing3 = "0.75rem";
|
|
67
|
+
const Spacing4 = "1rem";
|
|
68
|
+
const Spacing5 = "1.25rem";
|
|
69
|
+
const Spacing6 = "1.5rem";
|
|
70
|
+
const Spacing7 = "1.75rem";
|
|
71
|
+
const Spacing8 = "2rem";
|
|
72
|
+
const Spacing9 = "2.25rem";
|
|
73
|
+
const Spacing10 = "2.5rem";
|
|
74
|
+
const Spacing11 = "2.75rem";
|
|
75
|
+
const Spacing12 = "3rem";
|
|
76
|
+
const Spacing14 = "3.5rem";
|
|
77
|
+
const Spacing16 = "4rem";
|
|
78
|
+
const Spacing05 = "0.125rem";
|
|
79
|
+
const Spacing15 = "0.375rem";
|
|
80
|
+
const Spacing25 = "0.625rem";
|
|
81
|
+
const Spacing35 = "0.875rem";
|
|
82
|
+
const TypographyFontFamilyBase = "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif";
|
|
83
|
+
const TypographyFontFamilyMono = "'SF Mono', 'Monaco', 'Inconsolata', 'Fira Mono', 'Droid Sans Mono', 'Source Code Pro', monospace";
|
|
84
|
+
const TypographyFontSizeXs = "0.75rem";
|
|
85
|
+
const TypographyFontSizeSm = "0.875rem";
|
|
86
|
+
const TypographyFontSizeBase = "1rem";
|
|
87
|
+
const TypographyFontSizeLg = "1.125rem";
|
|
88
|
+
const TypographyFontSizeXl = "1.25rem";
|
|
89
|
+
const TypographyFontSize2xl = "1.5rem";
|
|
90
|
+
const TypographyFontSize3xl = "1.875rem";
|
|
91
|
+
const TypographyFontSize4xl = "2.25rem";
|
|
92
|
+
const TypographyFontSize5xl = "3rem";
|
|
93
|
+
const TypographyFontSize6xl = "3.75rem";
|
|
94
|
+
const TypographyFontSize7xl = "4.5rem";
|
|
95
|
+
const TypographyFontWeightNormal = "400";
|
|
96
|
+
const TypographyFontWeightMedium = "500";
|
|
97
|
+
const TypographyFontWeightSemibold = "600";
|
|
98
|
+
const TypographyFontWeightBold = "700";
|
|
99
|
+
const TypographyLineHeightTight = "1.25";
|
|
100
|
+
const TypographyLineHeightNormal = "1.5";
|
|
101
|
+
const TypographyLineHeightRelaxed = "1.75";
|
|
102
|
+
const Elevation1 = "0 4px 24px rgba(0, 0, 0, 0.35)";
|
|
103
|
+
const Elevation2 = "0 8px 32px rgba(0, 0, 0, 0.42)";
|
|
104
|
+
const Elevation3 = "0 14px 44px rgba(0, 0, 0, 0.48)";
|
|
105
|
+
const Elevation4 = "0 18px 60px rgba(0, 0, 0, 0.55)";
|
|
106
|
+
const BorderRadiusNone = "0";
|
|
107
|
+
const BorderRadiusSm = "0.625rem";
|
|
108
|
+
const BorderRadiusMd = "0.75rem";
|
|
109
|
+
const BorderRadiusLg = "1.125rem";
|
|
110
|
+
const BorderRadiusXl = "1.5rem";
|
|
111
|
+
const BorderRadius2xl = "2rem";
|
|
112
|
+
const BorderRadiusFull = "9999px";
|
|
113
|
+
const AnimationDurationFast = "150ms";
|
|
114
|
+
const AnimationEasingEaseIn = "ease-in";
|
|
115
|
+
const AnimationEasingEaseOut = "ease-out";
|
|
116
|
+
const AnimationEasingEaseInOut = "ease-in-out";
|
|
117
|
+
const SizeInteractiveXsHeight = "1.5rem";
|
|
118
|
+
const SizeInteractiveXsPadding = "0.25rem 0.5rem";
|
|
119
|
+
const SizeInteractiveXsFontSize = "0.75rem";
|
|
120
|
+
const SizeInteractiveSmHeight = "2rem";
|
|
121
|
+
const SizeInteractiveSmPadding = "0.375rem 0.75rem";
|
|
122
|
+
const SizeInteractiveSmFontSize = "0.875rem";
|
|
123
|
+
const SizeInteractiveMdHeight = "2.5rem";
|
|
124
|
+
const SizeInteractiveMdPadding = "0.5rem 1rem";
|
|
125
|
+
const SizeInteractiveMdFontSize = "1rem";
|
|
126
|
+
const SizeInteractiveLgHeight = "2.75rem";
|
|
127
|
+
const SizeInteractiveLgPadding = "0.625rem 1.25rem";
|
|
128
|
+
const SizeInteractiveLgFontSize = "1.125rem";
|
|
129
|
+
const SizeMinTouchWidth = "2.75rem";
|
|
130
|
+
const SizeMinTouchHeight = "2.75rem";
|
|
131
|
+
const SizeContentMaxWidth = "1536px";
|
|
132
|
+
export { AnimationDurationFast, AnimationEasingEaseIn, AnimationEasingEaseInOut, AnimationEasingEaseOut, BorderRadius2xl, BorderRadiusFull, BorderRadiusLg, BorderRadiusMd, BorderRadiusNone, BorderRadiusSm, BorderRadiusXl, ColorAccentOrange, ColorAccentPurple, ColorAccentRed, ColorAccentRust, ColorAccentViolet, ColorBackgroundDark, ColorErrorDark, ColorErrorDefault, ColorErrorLight, ColorInfoDark, ColorInfoDefault, ColorInfoLight, ColorMember1, ColorMember2, ColorMember3, ColorMember4, ColorMember5, ColorMember6, ColorNeutral100, ColorNeutral200, ColorNeutral300, ColorNeutral400, ColorNeutral50, ColorNeutral500, ColorNeutral600, ColorNeutral700, ColorNeutral800, ColorNeutral900, ColorPrimary100, ColorPrimary200, ColorPrimary300, ColorPrimary400, ColorPrimary50, ColorPrimary500, ColorPrimary600, ColorPrimary700, ColorPrimary800, ColorPrimary900, ColorSecondary100, ColorSecondary200, ColorSecondary300, ColorSecondary400, ColorSecondary50, ColorSecondary500, ColorSecondary600, ColorSecondary700, ColorSecondary800, ColorSecondary900, ColorSidebarDark, ColorSuccessDark, ColorSuccessDefault, ColorSuccessLight, ColorSurfaceDarkBase, ColorSurfaceDarkFloating, ColorSurfaceDarkRaised, ColorSurfaceDarkSunken, ColorTextDarkPrimary, ColorTextDarkSecondary, ColorTextDarkTertiary, ColorWarningDark, ColorWarningDefault, ColorWarningLight, Elevation1, Elevation2, Elevation3, Elevation4, SizeContentMaxWidth, SizeInteractiveLgFontSize, SizeInteractiveLgHeight, SizeInteractiveLgPadding, SizeInteractiveMdFontSize, SizeInteractiveMdHeight, SizeInteractiveMdPadding, SizeInteractiveSmFontSize, SizeInteractiveSmHeight, SizeInteractiveSmPadding, SizeInteractiveXsFontSize, SizeInteractiveXsHeight, SizeInteractiveXsPadding, SizeMinTouchHeight, SizeMinTouchWidth, Spacing0, Spacing05, Spacing1, Spacing10, Spacing11, Spacing12, Spacing14, Spacing15, Spacing16, Spacing2, Spacing25, Spacing3, Spacing35, Spacing4, Spacing5, Spacing6, Spacing7, Spacing8, Spacing9, TypographyFontFamilyBase, TypographyFontFamilyMono, TypographyFontSize2xl, TypographyFontSize3xl, TypographyFontSize4xl, TypographyFontSize5xl, TypographyFontSize6xl, TypographyFontSize7xl, TypographyFontSizeBase, TypographyFontSizeLg, TypographyFontSizeSm, TypographyFontSizeXl, TypographyFontSizeXs, TypographyFontWeightBold, TypographyFontWeightMedium, TypographyFontWeightNormal, TypographyFontWeightSemibold, TypographyLineHeightNormal, TypographyLineHeightRelaxed, TypographyLineHeightTight };
|
|
133
|
+
|
|
134
|
+
//# sourceMappingURL=lifecorner-angular-ui-kit-tokens.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"lifecorner-angular-ui-kit-tokens.mjs","names":[],"sources":["../../../../libs/angular-ui-kit/src/lib/tokens/index.ts"],"sourcesContent":["/**\n * Do not edit directly, this file was auto-generated.\n */\n\nexport const ColorPrimary50 = \"#f0f8fa\";\nexport const ColorPrimary100 = \"#e0f1f4\";\nexport const ColorPrimary200 = \"#c1e3e9\";\nexport const ColorPrimary300 = \"#a3d5df\";\nexport const ColorPrimary400 = \"#84c7d4\";\nexport const ColorPrimary500 = \"#208497\"; // Primary brand color from lc-design\nexport const ColorPrimary600 = \"#1a6a79\";\nexport const ColorPrimary700 = \"#144f5b\";\nexport const ColorPrimary800 = \"#0d353d\";\nexport const ColorPrimary900 = \"#071a1f\";\nexport const ColorSecondary50 = \"#f5f8f9\";\nexport const ColorSecondary100 = \"#ebf1f3\";\nexport const ColorSecondary200 = \"#d7e3e7\";\nexport const ColorSecondary300 = \"#c3d5db\";\nexport const ColorSecondary400 = \"#afc7cf\";\nexport const ColorSecondary500 = \"#7097af\"; // Secondary brand color from lc-design\nexport const ColorSecondary600 = \"#5a798c\";\nexport const ColorSecondary700 = \"#435b69\";\nexport const ColorSecondary800 = \"#2d3c46\";\nexport const ColorSecondary900 = \"#161e23\";\nexport const ColorNeutral50 = \"#f9fafb\";\nexport const ColorNeutral100 = \"#f3f4f6\";\nexport const ColorNeutral200 = \"#e5e7eb\";\nexport const ColorNeutral300 = \"#d1d5db\";\nexport const ColorNeutral400 = \"#9ca3af\";\nexport const ColorNeutral500 = \"#6b7280\";\nexport const ColorNeutral600 = \"#4b5563\";\nexport const ColorNeutral700 = \"#374151\";\nexport const ColorNeutral800 = \"#1f2937\";\nexport const ColorNeutral900 = \"#111827\";\nexport const ColorSuccessDefault = \"#8ea475\";\nexport const ColorSuccessLight = \"#cdd6c2\";\nexport const ColorSuccessDark = \"#5f7150\";\nexport const ColorErrorDefault = \"#9d0e0e\";\nexport const ColorErrorLight = \"#f7a1a1\";\nexport const ColorErrorDark = \"#6b0909\";\nexport const ColorWarningDefault = \"#e1a040\";\nexport const ColorWarningLight = \"#f1d3a7\";\nexport const ColorWarningDark = \"#9b6b2b\";\nexport const ColorInfoDefault = \"#3b6588\";\nexport const ColorInfoLight = \"#b8cee0\";\nexport const ColorInfoDark = \"#27445c\";\nexport const ColorAccentOrange = \"#df792e\";\nexport const ColorAccentPurple = \"#866aa0\";\nexport const ColorAccentRed = \"#9e3846\";\nexport const ColorAccentRust = \"#c6592e\";\nexport const ColorAccentViolet = \"#4e3f84\";\nexport const ColorMember1 = \"#1a6a79\"; // Member colour 1 (teal): white initials 6.21:1\nexport const ColorMember2 = \"#b04a22\"; // Member colour 2 (rust-600; accent-rust #C6592E gives white only 4.31:1): white initials 5.46:1\nexport const ColorMember3 = \"#4e3f84\"; // Member colour 3 (violet): white initials 8.87:1\nexport const ColorMember4 = \"#5f7150\"; // Member colour 4 (sage): white initials 5.30:1\nexport const ColorMember5 = \"#9e3846\"; // Member colour 5 (berry): white initials 6.76:1\nexport const ColorMember6 = \"#5a798c\"; // Member colour 6 (slate): white initials 4.62:1\nexport const ColorSurfaceDarkBase = \"#101c26\"; // Dark card surface (3.3, Weite: was #14222E)\nexport const ColorSurfaceDarkFloating = \"#14222e\"; // Dark floating bar surface (3.3, Weite; the 3.2 card surface)\nexport const ColorSurfaceDarkRaised = \"#1a2c3a\"; // DS2.0 raised dark surface\nexport const ColorSurfaceDarkSunken = \"#0c1722\"; // DS2.0 sunken dark surface\nexport const ColorBackgroundDark = \"#0a121b\"; // DS2.0 dark app background — deep teal-black, sits below the raised card surfaces\nexport const ColorSidebarDark = \"#070e15\"; // DS2.0 dark sidebar/nav rail — darkest shell layer (below app background)\nexport const ColorTextDarkPrimary = \"#eef4f6\"; // DS2.0 dark primary text\nexport const ColorTextDarkSecondary = \"#aebfc7\"; // DS2.0 dark secondary text\nexport const ColorTextDarkTertiary = \"#71858f\"; // DS2.0 dark muted text\nexport const Spacing0 = \"0\";\nexport const Spacing1 = \"0.25rem\"; // 4px - Base grid unit\nexport const Spacing2 = \"0.5rem\"; // 8px\nexport const Spacing3 = \"0.75rem\"; // 12px\nexport const Spacing4 = \"1rem\"; // 16px\nexport const Spacing5 = \"1.25rem\"; // 20px\nexport const Spacing6 = \"1.5rem\"; // 24px\nexport const Spacing7 = \"1.75rem\"; // 28px\nexport const Spacing8 = \"2rem\"; // 32px\nexport const Spacing9 = \"2.25rem\"; // 36px\nexport const Spacing10 = \"2.5rem\"; // 40px\nexport const Spacing11 = \"2.75rem\"; // 44px - Minimum touch target\nexport const Spacing12 = \"3rem\"; // 48px\nexport const Spacing14 = \"3.5rem\"; // 56px\nexport const Spacing16 = \"4rem\"; // 64px\nexport const Spacing05 = \"0.125rem\"; // 2px\nexport const Spacing15 = \"0.375rem\"; // 6px\nexport const Spacing25 = \"0.625rem\"; // 10px\nexport const Spacing35 = \"0.875rem\"; // 14px\nexport const TypographyFontFamilyBase =\n \"-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif\";\nexport const TypographyFontFamilyMono =\n \"'SF Mono', 'Monaco', 'Inconsolata', 'Fira Mono', 'Droid Sans Mono', 'Source Code Pro', monospace\";\nexport const TypographyFontSizeXs = \"0.75rem\"; // 12px\nexport const TypographyFontSizeSm = \"0.875rem\"; // 14px\nexport const TypographyFontSizeBase = \"1rem\"; // 16px\nexport const TypographyFontSizeLg = \"1.125rem\"; // 18px\nexport const TypographyFontSizeXl = \"1.25rem\"; // 20px\nexport const TypographyFontSize2xl = \"1.5rem\"; // 24px\nexport const TypographyFontSize3xl = \"1.875rem\"; // 30px\nexport const TypographyFontSize4xl = \"2.25rem\"; // 36px\nexport const TypographyFontSize5xl = \"3rem\"; // 48px\nexport const TypographyFontSize6xl = \"3.75rem\"; // 60px\nexport const TypographyFontSize7xl = \"4.5rem\"; // 72px - display type from 1920px\nexport const TypographyFontWeightNormal = \"400\";\nexport const TypographyFontWeightMedium = \"500\";\nexport const TypographyFontWeightSemibold = \"600\";\nexport const TypographyFontWeightBold = \"700\";\nexport const TypographyLineHeightTight = \"1.25\";\nexport const TypographyLineHeightNormal = \"1.5\";\nexport const TypographyLineHeightRelaxed = \"1.75\";\nexport const Elevation1 = \"0 4px 24px rgba(0, 0, 0, 0.35)\"; // DS2.0 subtle layered elevation for cards\nexport const Elevation2 = \"0 8px 32px rgba(0, 0, 0, 0.42)\"; // DS2.0 medium elevation for dropdowns/popovers\nexport const Elevation3 = \"0 14px 44px rgba(0, 0, 0, 0.48)\"; // DS2.0 high elevation for drawers\nexport const Elevation4 = \"0 18px 60px rgba(0, 0, 0, 0.55)\"; // DS2.0 highest elevation for modals/overlays\nexport const BorderRadiusNone = \"0\";\nexport const BorderRadiusSm = \"0.625rem\"; // 10px - DS2.0 small\nexport const BorderRadiusMd = \"0.75rem\"; // 12px - DS2.0 default\nexport const BorderRadiusLg = \"1.125rem\"; // 18px - DS2.0 card radius\nexport const BorderRadiusXl = \"1.5rem\"; // 24px\nexport const BorderRadius2xl = \"2rem\"; // 32px\nexport const BorderRadiusFull = \"9999px\"; // Fully rounded\nexport const AnimationDurationFast = \"150ms\"; // Standard animation duration\nexport const AnimationEasingEaseIn = \"ease-in\";\nexport const AnimationEasingEaseOut = \"ease-out\";\nexport const AnimationEasingEaseInOut = \"ease-in-out\";\nexport const SizeInteractiveXsHeight = \"1.5rem\"; // 24px\nexport const SizeInteractiveXsPadding = \"0.25rem 0.5rem\";\nexport const SizeInteractiveXsFontSize = \"0.75rem\";\nexport const SizeInteractiveSmHeight = \"2rem\"; // 32px\nexport const SizeInteractiveSmPadding = \"0.375rem 0.75rem\";\nexport const SizeInteractiveSmFontSize = \"0.875rem\";\nexport const SizeInteractiveMdHeight = \"2.5rem\"; // 40px - Default\nexport const SizeInteractiveMdPadding = \"0.5rem 1rem\";\nexport const SizeInteractiveMdFontSize = \"1rem\";\nexport const SizeInteractiveLgHeight = \"2.75rem\"; // 44px - Minimum touch target\nexport const SizeInteractiveLgPadding = \"0.625rem 1.25rem\";\nexport const SizeInteractiveLgFontSize = \"1.125rem\";\nexport const SizeMinTouchWidth = \"2.75rem\"; // 44px minimum\nexport const SizeMinTouchHeight = \"2.75rem\"; // 44px minimum\nexport const SizeContentMaxWidth = \"1536px\"; // Canonical page content cap — matches lc-container size=\"xxl\" and Tailwind's 2xl breakpoint\n"],"mappings":"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"}
|
|
@@ -0,0 +1,225 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import { ChangeDetectionStrategy, Component, ElementRef, ViewEncapsulation, computed, inject, input } from "@angular/core";
|
|
3
|
+
const FOCUSABLE_SELECTOR = [
|
|
4
|
+
"a[href]",
|
|
5
|
+
"button:not([disabled])",
|
|
6
|
+
"input:not([disabled]):not([type=\"hidden\"])",
|
|
7
|
+
"select:not([disabled])",
|
|
8
|
+
"textarea:not([disabled])",
|
|
9
|
+
"[contenteditable=\"true\"]",
|
|
10
|
+
"[tabindex]:not([tabindex=\"-1\"])"
|
|
11
|
+
].join(",");
|
|
12
|
+
const OWNS_ARROW_KEYS_SELECTOR = [
|
|
13
|
+
"input:not([type=\"button\"]):not([type=\"checkbox\"]):not([type=\"radio\"]):not([type=\"submit\"]):not([type=\"reset\"])",
|
|
14
|
+
"textarea",
|
|
15
|
+
"select",
|
|
16
|
+
"[contenteditable=\"true\"]",
|
|
17
|
+
"[role=\"tablist\"]",
|
|
18
|
+
"[role=\"listbox\"]",
|
|
19
|
+
"[role=\"menu\"]",
|
|
20
|
+
"[role=\"menubar\"]",
|
|
21
|
+
"[role=\"radiogroup\"]",
|
|
22
|
+
"[role=\"slider\"]",
|
|
23
|
+
"[role=\"spinbutton\"]",
|
|
24
|
+
"[role=\"combobox\"]",
|
|
25
|
+
"[role=\"grid\"]",
|
|
26
|
+
"[role=\"tree\"]"
|
|
27
|
+
].join(",");
|
|
28
|
+
var ToolbarComponent = class ToolbarComponent {
|
|
29
|
+
host = inject(ElementRef);
|
|
30
|
+
density = input("cosy", ...ngDevMode ? [{ debugName: "density" }] : /* istanbul ignore next */ []);
|
|
31
|
+
background = input("transparent", ...ngDevMode ? [{ debugName: "background" }] : /* istanbul ignore next */ []);
|
|
32
|
+
border = input("none", ...ngDevMode ? [{ debugName: "border" }] : /* istanbul ignore next */ []);
|
|
33
|
+
wrap = input(true, ...ngDevMode ? [{ debugName: "wrap" }] : /* istanbul ignore next */ []);
|
|
34
|
+
align = input("center", ...ngDevMode ? [{ debugName: "align" }] : /* istanbul ignore next */ []);
|
|
35
|
+
sticky = input(false, ...ngDevMode ? [{ debugName: "sticky" }] : /* istanbul ignore next */ []);
|
|
36
|
+
hostClasses = computed(() => [
|
|
37
|
+
"lc-toolbar",
|
|
38
|
+
`lc-toolbar--density-${this.density()}`,
|
|
39
|
+
`lc-toolbar--bg-${this.background()}`,
|
|
40
|
+
`lc-toolbar--border-${this.border()}`,
|
|
41
|
+
`lc-toolbar--align-${this.align()}`,
|
|
42
|
+
this.wrap() ? "lc-toolbar--wrap" : null,
|
|
43
|
+
this.sticky() ? "lc-toolbar--sticky" : null
|
|
44
|
+
].filter(Boolean).join(" "), ...ngDevMode ? [{ debugName: "hostClasses" }] : /* istanbul ignore next */ []);
|
|
45
|
+
onKeydown(event) {
|
|
46
|
+
if (event.defaultPrevented || event.altKey || event.ctrlKey || event.metaKey) return;
|
|
47
|
+
const key = event.key;
|
|
48
|
+
if (key !== "ArrowLeft" && key !== "ArrowRight" && key !== "Home" && key !== "End") return;
|
|
49
|
+
const target = event.target;
|
|
50
|
+
if (!target || target.closest(OWNS_ARROW_KEYS_SELECTOR)) return;
|
|
51
|
+
const focusables = this.focusableControls();
|
|
52
|
+
const currentIndex = focusables.findIndex((el) => el === target || el.contains(target));
|
|
53
|
+
if (currentIndex === -1) return;
|
|
54
|
+
let nextIndex;
|
|
55
|
+
switch (key) {
|
|
56
|
+
case "ArrowRight":
|
|
57
|
+
nextIndex = currentIndex + 1;
|
|
58
|
+
break;
|
|
59
|
+
case "ArrowLeft":
|
|
60
|
+
nextIndex = currentIndex - 1;
|
|
61
|
+
break;
|
|
62
|
+
case "Home":
|
|
63
|
+
nextIndex = 0;
|
|
64
|
+
break;
|
|
65
|
+
default: nextIndex = focusables.length - 1;
|
|
66
|
+
}
|
|
67
|
+
const step = key === "ArrowLeft" || key === "End" ? -1 : 1;
|
|
68
|
+
while (nextIndex >= 0 && nextIndex < focusables.length && nextIndex !== currentIndex) {
|
|
69
|
+
const candidate = focusables[nextIndex];
|
|
70
|
+
candidate?.focus();
|
|
71
|
+
if (document.activeElement === candidate) {
|
|
72
|
+
event.preventDefault();
|
|
73
|
+
return;
|
|
74
|
+
}
|
|
75
|
+
nextIndex += step;
|
|
76
|
+
}
|
|
77
|
+
}
|
|
78
|
+
focusableControls() {
|
|
79
|
+
return Array.from(this.host.nativeElement.querySelectorAll(FOCUSABLE_SELECTOR)).filter((el) => !el.closest("[hidden], [aria-hidden=\"true\"]") && el.getAttribute("aria-disabled") !== "true");
|
|
80
|
+
}
|
|
81
|
+
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
82
|
+
minVersion: "12.0.0",
|
|
83
|
+
version: "22.2.2",
|
|
84
|
+
ngImport: i0,
|
|
85
|
+
type: ToolbarComponent,
|
|
86
|
+
deps: [],
|
|
87
|
+
target: i0.ɵɵFactoryTarget.Component
|
|
88
|
+
});
|
|
89
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
90
|
+
minVersion: "17.1.0",
|
|
91
|
+
version: "22.2.2",
|
|
92
|
+
type: ToolbarComponent,
|
|
93
|
+
isStandalone: true,
|
|
94
|
+
selector: "lc-toolbar",
|
|
95
|
+
inputs: {
|
|
96
|
+
density: {
|
|
97
|
+
classPropertyName: "density",
|
|
98
|
+
publicName: "density",
|
|
99
|
+
isSignal: true,
|
|
100
|
+
isRequired: false,
|
|
101
|
+
transformFunction: null
|
|
102
|
+
},
|
|
103
|
+
background: {
|
|
104
|
+
classPropertyName: "background",
|
|
105
|
+
publicName: "background",
|
|
106
|
+
isSignal: true,
|
|
107
|
+
isRequired: false,
|
|
108
|
+
transformFunction: null
|
|
109
|
+
},
|
|
110
|
+
border: {
|
|
111
|
+
classPropertyName: "border",
|
|
112
|
+
publicName: "border",
|
|
113
|
+
isSignal: true,
|
|
114
|
+
isRequired: false,
|
|
115
|
+
transformFunction: null
|
|
116
|
+
},
|
|
117
|
+
wrap: {
|
|
118
|
+
classPropertyName: "wrap",
|
|
119
|
+
publicName: "wrap",
|
|
120
|
+
isSignal: true,
|
|
121
|
+
isRequired: false,
|
|
122
|
+
transformFunction: null
|
|
123
|
+
},
|
|
124
|
+
align: {
|
|
125
|
+
classPropertyName: "align",
|
|
126
|
+
publicName: "align",
|
|
127
|
+
isSignal: true,
|
|
128
|
+
isRequired: false,
|
|
129
|
+
transformFunction: null
|
|
130
|
+
},
|
|
131
|
+
sticky: {
|
|
132
|
+
classPropertyName: "sticky",
|
|
133
|
+
publicName: "sticky",
|
|
134
|
+
isSignal: true,
|
|
135
|
+
isRequired: false,
|
|
136
|
+
transformFunction: null
|
|
137
|
+
}
|
|
138
|
+
},
|
|
139
|
+
host: {
|
|
140
|
+
attributes: { "role": "toolbar" },
|
|
141
|
+
listeners: { "keydown": "onKeydown($event)" },
|
|
142
|
+
properties: { "class": "hostClasses()" }
|
|
143
|
+
},
|
|
144
|
+
ngImport: i0,
|
|
145
|
+
template: "<div class=\"lc-toolbar__start\">\n <ng-content select=\"[slot='start']\" />\n</div>\n\n<div class=\"lc-toolbar__main\">\n <ng-content />\n</div>\n\n<div class=\"lc-toolbar__end\">\n <ng-content select=\"[slot='end']\" />\n</div>\n",
|
|
146
|
+
styles: [".lc-toolbar{display:flex;flex-direction:row;align-items:center;gap:var(--lc-density-gap-md, 1rem);padding-block:var(--lc-density-padding-sm, .75rem);padding-inline:var(--lc-density-padding-md, 1rem);box-sizing:border-box;width:100%;min-width:0}.lc-toolbar__start,.lc-toolbar__end{display:flex;align-items:inherit;gap:var(--lc-density-gap-sm, .5rem);min-width:0;flex:0 0 auto}.lc-toolbar__main{display:flex;align-items:inherit;gap:var(--lc-density-gap-sm, .5rem);flex:1 1 auto;min-width:0}.lc-toolbar__end{margin-inline-start:auto;justify-content:flex-end}.lc-toolbar__start:empty,.lc-toolbar__main:empty,.lc-toolbar__end:empty{display:none}.lc-toolbar--density-compact{--lc-density-gap-md: .5rem;--lc-density-gap-sm: .375rem;--lc-density-padding-sm: .375rem;--lc-density-padding-md: .5rem}.lc-toolbar--density-cosy{--lc-density-gap-md: .75rem;--lc-density-gap-sm: .5rem;--lc-density-padding-sm: .625rem;--lc-density-padding-md: .875rem}.lc-toolbar--density-comfortable{--lc-density-gap-md: 1rem;--lc-density-gap-sm: .625rem;--lc-density-padding-sm: .875rem;--lc-density-padding-md: 1.25rem}.lc-toolbar--bg-transparent{background:transparent}.lc-toolbar--bg-surface{background:var(--color-surface)}.lc-toolbar--bg-muted{background:var(--color-surface-muted, var(--color-neutral-50, #f5f5f5))}.lc-toolbar--border-none{border:0}.lc-toolbar--border-bottom{border-bottom:1px solid var(--color-border, var(--color-neutral-200, #e5e5e5))}.lc-toolbar--border-top{border-top:1px solid var(--color-border, var(--color-neutral-200, #e5e5e5))}.lc-toolbar--border-around{border:1px solid var(--color-border, var(--color-neutral-200, #e5e5e5));border-radius:var(--border-radius-md, .5rem)}.lc-toolbar--align-start{align-items:flex-start}.lc-toolbar--align-center{align-items:center}.lc-toolbar--align-end{align-items:flex-end}.lc-toolbar--align-stretch{align-items:stretch}.lc-toolbar--align-baseline{align-items:baseline}.lc-toolbar--wrap{flex-wrap:wrap;row-gap:var(--lc-density-gap-sm, .5rem)}.lc-toolbar--sticky{position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}\n"],
|
|
147
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
148
|
+
encapsulation: i0.ViewEncapsulation.None
|
|
149
|
+
});
|
|
150
|
+
};
|
|
151
|
+
i0.ɵɵngDeclareClassMetadata({
|
|
152
|
+
minVersion: "12.0.0",
|
|
153
|
+
version: "22.2.2",
|
|
154
|
+
ngImport: i0,
|
|
155
|
+
type: ToolbarComponent,
|
|
156
|
+
decorators: [{
|
|
157
|
+
type: Component,
|
|
158
|
+
args: [{
|
|
159
|
+
selector: "lc-toolbar",
|
|
160
|
+
standalone: true,
|
|
161
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
162
|
+
encapsulation: ViewEncapsulation.None,
|
|
163
|
+
host: {
|
|
164
|
+
"[class]": "hostClasses()",
|
|
165
|
+
role: "toolbar",
|
|
166
|
+
"(keydown)": "onKeydown($event)"
|
|
167
|
+
},
|
|
168
|
+
template: "<div class=\"lc-toolbar__start\">\n <ng-content select=\"[slot='start']\" />\n</div>\n\n<div class=\"lc-toolbar__main\">\n <ng-content />\n</div>\n\n<div class=\"lc-toolbar__end\">\n <ng-content select=\"[slot='end']\" />\n</div>\n",
|
|
169
|
+
styles: [".lc-toolbar{display:flex;flex-direction:row;align-items:center;gap:var(--lc-density-gap-md, 1rem);padding-block:var(--lc-density-padding-sm, .75rem);padding-inline:var(--lc-density-padding-md, 1rem);box-sizing:border-box;width:100%;min-width:0}.lc-toolbar__start,.lc-toolbar__end{display:flex;align-items:inherit;gap:var(--lc-density-gap-sm, .5rem);min-width:0;flex:0 0 auto}.lc-toolbar__main{display:flex;align-items:inherit;gap:var(--lc-density-gap-sm, .5rem);flex:1 1 auto;min-width:0}.lc-toolbar__end{margin-inline-start:auto;justify-content:flex-end}.lc-toolbar__start:empty,.lc-toolbar__main:empty,.lc-toolbar__end:empty{display:none}.lc-toolbar--density-compact{--lc-density-gap-md: .5rem;--lc-density-gap-sm: .375rem;--lc-density-padding-sm: .375rem;--lc-density-padding-md: .5rem}.lc-toolbar--density-cosy{--lc-density-gap-md: .75rem;--lc-density-gap-sm: .5rem;--lc-density-padding-sm: .625rem;--lc-density-padding-md: .875rem}.lc-toolbar--density-comfortable{--lc-density-gap-md: 1rem;--lc-density-gap-sm: .625rem;--lc-density-padding-sm: .875rem;--lc-density-padding-md: 1.25rem}.lc-toolbar--bg-transparent{background:transparent}.lc-toolbar--bg-surface{background:var(--color-surface)}.lc-toolbar--bg-muted{background:var(--color-surface-muted, var(--color-neutral-50, #f5f5f5))}.lc-toolbar--border-none{border:0}.lc-toolbar--border-bottom{border-bottom:1px solid var(--color-border, var(--color-neutral-200, #e5e5e5))}.lc-toolbar--border-top{border-top:1px solid var(--color-border, var(--color-neutral-200, #e5e5e5))}.lc-toolbar--border-around{border:1px solid var(--color-border, var(--color-neutral-200, #e5e5e5));border-radius:var(--border-radius-md, .5rem)}.lc-toolbar--align-start{align-items:flex-start}.lc-toolbar--align-center{align-items:center}.lc-toolbar--align-end{align-items:flex-end}.lc-toolbar--align-stretch{align-items:stretch}.lc-toolbar--align-baseline{align-items:baseline}.lc-toolbar--wrap{flex-wrap:wrap;row-gap:var(--lc-density-gap-sm, .5rem)}.lc-toolbar--sticky{position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}\n"]
|
|
170
|
+
}]
|
|
171
|
+
}],
|
|
172
|
+
propDecorators: {
|
|
173
|
+
density: [{
|
|
174
|
+
type: i0.Input,
|
|
175
|
+
args: [{
|
|
176
|
+
isSignal: true,
|
|
177
|
+
alias: "density",
|
|
178
|
+
required: false
|
|
179
|
+
}]
|
|
180
|
+
}],
|
|
181
|
+
background: [{
|
|
182
|
+
type: i0.Input,
|
|
183
|
+
args: [{
|
|
184
|
+
isSignal: true,
|
|
185
|
+
alias: "background",
|
|
186
|
+
required: false
|
|
187
|
+
}]
|
|
188
|
+
}],
|
|
189
|
+
border: [{
|
|
190
|
+
type: i0.Input,
|
|
191
|
+
args: [{
|
|
192
|
+
isSignal: true,
|
|
193
|
+
alias: "border",
|
|
194
|
+
required: false
|
|
195
|
+
}]
|
|
196
|
+
}],
|
|
197
|
+
wrap: [{
|
|
198
|
+
type: i0.Input,
|
|
199
|
+
args: [{
|
|
200
|
+
isSignal: true,
|
|
201
|
+
alias: "wrap",
|
|
202
|
+
required: false
|
|
203
|
+
}]
|
|
204
|
+
}],
|
|
205
|
+
align: [{
|
|
206
|
+
type: i0.Input,
|
|
207
|
+
args: [{
|
|
208
|
+
isSignal: true,
|
|
209
|
+
alias: "align",
|
|
210
|
+
required: false
|
|
211
|
+
}]
|
|
212
|
+
}],
|
|
213
|
+
sticky: [{
|
|
214
|
+
type: i0.Input,
|
|
215
|
+
args: [{
|
|
216
|
+
isSignal: true,
|
|
217
|
+
alias: "sticky",
|
|
218
|
+
required: false
|
|
219
|
+
}]
|
|
220
|
+
}]
|
|
221
|
+
}
|
|
222
|
+
});
|
|
223
|
+
export { ToolbarComponent };
|
|
224
|
+
|
|
225
|
+
//# sourceMappingURL=lifecorner-angular-ui-kit-toolbar.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"lifecorner-angular-ui-kit-toolbar.mjs","names":[],"sources":["../../../../libs/angular-ui-kit/src/lib/toolbar/toolbar.component.ts","../../../../libs/angular-ui-kit/src/lib/toolbar/toolbar.component.html"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n ElementRef,\n ViewEncapsulation,\n computed,\n inject,\n input,\n} from '@angular/core';\n\n/** Focusable descendants considered by the toolbar's arrow-key navigation. */\nconst FOCUSABLE_SELECTOR = [\n 'a[href]',\n 'button:not([disabled])',\n 'input:not([disabled]):not([type=\"hidden\"])',\n 'select:not([disabled])',\n 'textarea:not([disabled])',\n '[contenteditable=\"true\"]',\n '[tabindex]:not([tabindex=\"-1\"])',\n].join(',');\n\n/**\n * Elements where Left/Right already have a meaning (caret movement, option\n * selection) — the toolbar must not hijack arrows originating from them.\n */\nconst OWNS_ARROW_KEYS_SELECTOR = [\n 'input:not([type=\"button\"]):not([type=\"checkbox\"]):not([type=\"radio\"]):not([type=\"submit\"]):not([type=\"reset\"])',\n 'textarea',\n 'select',\n '[contenteditable=\"true\"]',\n '[role=\"tablist\"]',\n '[role=\"listbox\"]',\n '[role=\"menu\"]',\n '[role=\"menubar\"]',\n '[role=\"radiogroup\"]',\n '[role=\"slider\"]',\n '[role=\"spinbutton\"]',\n '[role=\"combobox\"]',\n '[role=\"grid\"]',\n '[role=\"tree\"]',\n].join(',');\n\n/**\n * Toolbar — a horizontal strip of controls with built-in density-aware spacing.\n *\n * Use for action bars above tables, on top of cards, inside drawers, or\n * anywhere a row of buttons / filters / titles needs consistent rhythm.\n *\n * The toolbar exposes three slots:\n * - `[slot=\"start\"]` — leading content (icon, title, primary filter)\n * - default — middle content (grows to fill remaining space)\n * - `[slot=\"end\"]` — trailing actions (right-aligned)\n *\n * If only `[slot=\"start\"]` and `[slot=\"end\"]` are provided, the middle\n * automatically becomes a flexible spacer so actions push to the right.\n *\n * Padding, gap and divider styles are driven by `--lc-density-padding-*`\n * and `--lc-density-gap-*` tokens, so wrapping a `data-density` ancestor\n * automatically rescales the toolbar — no template changes needed.\n *\n * Keyboard: the host carries `role=\"toolbar\"`, and Left/Right (plus Home/End)\n * move focus between the toolbar's focusable controls, as the role promises.\n * Arrows are left alone inside text fields, selects and nested composite\n * widgets (tablist, listbox, menu, …) that own them. Tab still reaches every\n * control — the projected content is arbitrary, so the toolbar deliberately\n * does not rewrite child `tabindex`es (roving tabindex).\n *\n * Naming note: `density` here is the toolbar's *local* rhythm override\n * (compact / cosy / comfortable — the same vocabulary as the page-level\n * `data-density` attribute), whereas `lc-page-header` calls its scale `size`.\n * Left as-is for API stability.\n *\n * @example\n * ```html\n * <lc-toolbar>\n * <h2 slot=\"start\">Reports</h2>\n * <lc-button slot=\"end\" variant=\"secondary\">Export</lc-button>\n * <lc-button slot=\"end\" variant=\"primary\">New report</lc-button>\n * </lc-toolbar>\n * ```\n */\n@Component({\n selector: 'lc-toolbar',\n standalone: true,\n templateUrl: './toolbar.component.html',\n styleUrl: './toolbar.component.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n host: {\n '[class]': 'hostClasses()',\n role: 'toolbar',\n '(keydown)': 'onKeydown($event)',\n },\n})\nexport class ToolbarComponent {\n private readonly host = inject<ElementRef<HTMLElement>>(ElementRef);\n\n /**\n * Visual density of the toolbar itself.\n * - `comfortable` — generous padding/gap (default for dashboards)\n * - `cosy` — balanced padding/gap (default in chrome)\n * - `compact` — tight, data-dense (tables, side panels)\n */\n readonly density = input<'compact' | 'cosy' | 'comfortable'>('cosy');\n\n /**\n * Background variant.\n * - `transparent` — inherits parent background (default)\n * - `surface` — subtle surface color (use when stacking on page bg)\n * - `muted` — slightly stronger fill (use as a toolbar on a card)\n */\n readonly background = input<'transparent' | 'surface' | 'muted'>('transparent');\n\n /**\n * Border placement.\n * - `none` — no border (default)\n * - `bottom` — divider below the toolbar\n * - `top` — divider above the toolbar\n * - `around` — full border\n */\n readonly border = input<'none' | 'bottom' | 'top' | 'around'>('none');\n\n /**\n * Allow toolbar content to wrap onto multiple lines on small viewports.\n * @default true\n */\n readonly wrap = input<boolean>(true);\n\n /**\n * Vertical alignment of toolbar children.\n * @default 'center'\n */\n readonly align = input<'start' | 'center' | 'end' | 'stretch' | 'baseline'>('center');\n\n /**\n * Sticky behavior — pins the toolbar to the top of its scroll container.\n * @default false\n */\n readonly sticky = input<boolean>(false);\n\n protected readonly hostClasses = computed(() =>\n [\n 'lc-toolbar',\n `lc-toolbar--density-${this.density()}`,\n `lc-toolbar--bg-${this.background()}`,\n `lc-toolbar--border-${this.border()}`,\n `lc-toolbar--align-${this.align()}`,\n this.wrap() ? 'lc-toolbar--wrap' : null,\n this.sticky() ? 'lc-toolbar--sticky' : null,\n ]\n .filter(Boolean)\n .join(' '),\n );\n\n /**\n * Arrow-key navigation between the toolbar's focusable controls\n * (WAI-ARIA toolbar pattern): Left/Right move by one, Home/End jump.\n */\n protected onKeydown(event: KeyboardEvent): void {\n if (event.defaultPrevented || event.altKey || event.ctrlKey || event.metaKey) {\n return;\n }\n const key = event.key;\n if (key !== 'ArrowLeft' && key !== 'ArrowRight' && key !== 'Home' && key !== 'End') {\n return;\n }\n\n const target = event.target as HTMLElement | null;\n // Let text fields, selects and nested composites keep their own arrows.\n if (!target || target.closest(OWNS_ARROW_KEYS_SELECTOR)) {\n return;\n }\n\n const focusables = this.focusableControls();\n const currentIndex = focusables.findIndex((el) => el === target || el.contains(target));\n if (currentIndex === -1) {\n return;\n }\n\n let nextIndex: number;\n switch (key) {\n case 'ArrowRight':\n nextIndex = currentIndex + 1;\n break;\n case 'ArrowLeft':\n nextIndex = currentIndex - 1;\n break;\n case 'Home':\n nextIndex = 0;\n break;\n default:\n nextIndex = focusables.length - 1;\n }\n\n // Walk on past controls the browser refuses to focus (e.g. hidden ones).\n const step = key === 'ArrowLeft' || key === 'End' ? -1 : 1;\n while (nextIndex >= 0 && nextIndex < focusables.length && nextIndex !== currentIndex) {\n const candidate = focusables[nextIndex];\n candidate?.focus();\n if (document.activeElement === candidate) {\n event.preventDefault();\n return;\n }\n nextIndex += step;\n }\n }\n\n private focusableControls(): HTMLElement[] {\n return Array.from(this.host.nativeElement.querySelectorAll<HTMLElement>(FOCUSABLE_SELECTOR)).filter(\n (el) => !el.closest('[hidden], [aria-hidden=\"true\"]') && el.getAttribute('aria-disabled') !== 'true',\n );\n }\n}\n","<div class=\"lc-toolbar__start\">\n <ng-content select=\"[slot='start']\" />\n</div>\n\n<div class=\"lc-toolbar__main\">\n <ng-content />\n</div>\n\n<div class=\"lc-toolbar__end\">\n <ng-content select=\"[slot='end']\" />\n</div>\n"],"mappings":"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"}
|