@masterteam/components 0.0.107 → 0.0.108
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/.codex-tmp-pack/extract/package/README.md +63 -0
- package/.codex-tmp-pack/extract/package/assets/cairo.css +70 -0
- package/.codex-tmp-pack/extract/package/assets/common.css +2 -0
- package/.codex-tmp-pack/extract/package/assets/fonts/Cairo-Black.woff2 +0 -0
- package/.codex-tmp-pack/extract/package/assets/fonts/Cairo-Bold.woff2 +0 -0
- package/.codex-tmp-pack/extract/package/assets/fonts/Cairo-ExtraBold.woff2 +0 -0
- package/.codex-tmp-pack/extract/package/assets/fonts/Cairo-ExtraLight.woff2 +0 -0
- package/.codex-tmp-pack/extract/package/assets/fonts/Cairo-Light.woff2 +0 -0
- package/.codex-tmp-pack/extract/package/assets/fonts/Cairo-Medium.woff2 +0 -0
- package/.codex-tmp-pack/extract/package/assets/fonts/Cairo-Regular.woff2 +0 -0
- package/.codex-tmp-pack/extract/package/assets/fonts/Cairo-SemiBold.woff2 +0 -0
- package/.codex-tmp-pack/extract/package/assets/fonts/Cairo-VariableFont_slnt,wght.woff2 +0 -0
- package/.codex-tmp-pack/extract/package/assets/fonts/Inter-Black.woff2 +0 -0
- package/.codex-tmp-pack/extract/package/assets/fonts/Inter-BlackItalic.woff2 +0 -0
- package/.codex-tmp-pack/extract/package/assets/fonts/Inter-Bold.woff2 +0 -0
- package/.codex-tmp-pack/extract/package/assets/fonts/Inter-BoldItalic.woff2 +0 -0
- package/.codex-tmp-pack/extract/package/assets/fonts/Inter-ExtraBold.woff2 +0 -0
- package/.codex-tmp-pack/extract/package/assets/fonts/Inter-ExtraBoldItalic.woff2 +0 -0
- package/.codex-tmp-pack/extract/package/assets/fonts/Inter-ExtraLight.woff2 +0 -0
- package/.codex-tmp-pack/extract/package/assets/fonts/Inter-ExtraLightItalic.woff2 +0 -0
- package/.codex-tmp-pack/extract/package/assets/fonts/Inter-Italic.woff2 +0 -0
- package/.codex-tmp-pack/extract/package/assets/fonts/Inter-Light.woff2 +0 -0
- package/.codex-tmp-pack/extract/package/assets/fonts/Inter-LightItalic.woff2 +0 -0
- package/.codex-tmp-pack/extract/package/assets/fonts/Inter-Medium.woff2 +0 -0
- package/.codex-tmp-pack/extract/package/assets/fonts/Inter-MediumItalic.woff2 +0 -0
- package/.codex-tmp-pack/extract/package/assets/fonts/Inter-Regular.woff2 +0 -0
- package/.codex-tmp-pack/extract/package/assets/fonts/Inter-SemiBold.woff2 +0 -0
- package/.codex-tmp-pack/extract/package/assets/fonts/Inter-SemiBoldItalic.woff2 +0 -0
- package/.codex-tmp-pack/extract/package/assets/fonts/Inter-Thin.woff2 +0 -0
- package/.codex-tmp-pack/extract/package/assets/fonts/Inter-ThinItalic.woff2 +0 -0
- package/.codex-tmp-pack/extract/package/assets/fonts/InterDisplay-Black.woff2 +0 -0
- package/.codex-tmp-pack/extract/package/assets/fonts/InterDisplay-BlackItalic.woff2 +0 -0
- package/.codex-tmp-pack/extract/package/assets/fonts/InterDisplay-Bold.woff2 +0 -0
- package/.codex-tmp-pack/extract/package/assets/fonts/InterDisplay-BoldItalic.woff2 +0 -0
- package/.codex-tmp-pack/extract/package/assets/fonts/InterDisplay-ExtraBold.woff2 +0 -0
- package/.codex-tmp-pack/extract/package/assets/fonts/InterDisplay-ExtraBoldItalic.woff2 +0 -0
- package/.codex-tmp-pack/extract/package/assets/fonts/InterDisplay-ExtraLight.woff2 +0 -0
- package/.codex-tmp-pack/extract/package/assets/fonts/InterDisplay-ExtraLightItalic.woff2 +0 -0
- package/.codex-tmp-pack/extract/package/assets/fonts/InterDisplay-Italic.woff2 +0 -0
- package/.codex-tmp-pack/extract/package/assets/fonts/InterDisplay-Light.woff2 +0 -0
- package/.codex-tmp-pack/extract/package/assets/fonts/InterDisplay-LightItalic.woff2 +0 -0
- package/.codex-tmp-pack/extract/package/assets/fonts/InterDisplay-Medium.woff2 +0 -0
- package/.codex-tmp-pack/extract/package/assets/fonts/InterDisplay-MediumItalic.woff2 +0 -0
- package/.codex-tmp-pack/extract/package/assets/fonts/InterDisplay-Regular.woff2 +0 -0
- package/.codex-tmp-pack/extract/package/assets/fonts/InterDisplay-SemiBold.woff2 +0 -0
- package/.codex-tmp-pack/extract/package/assets/fonts/InterDisplay-SemiBoldItalic.woff2 +0 -0
- package/.codex-tmp-pack/extract/package/assets/fonts/InterDisplay-Thin.woff2 +0 -0
- package/.codex-tmp-pack/extract/package/assets/fonts/InterDisplay-ThinItalic.woff2 +0 -0
- package/.codex-tmp-pack/extract/package/assets/fonts/InterVariable-Italic.woff2 +0 -0
- package/.codex-tmp-pack/extract/package/assets/fonts/InterVariable.woff2 +0 -0
- package/.codex-tmp-pack/extract/package/assets/i18n/ar.json +44 -0
- package/.codex-tmp-pack/extract/package/assets/i18n/en.json +44 -0
- package/.codex-tmp-pack/extract/package/assets/inter.css +418 -0
- package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-avatar-text.mjs +46 -0
- package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-avatar-text.mjs.map +1 -0
- package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-avatar.mjs +45 -0
- package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-avatar.mjs.map +1 -0
- package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-breadcrumb.mjs +27 -0
- package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-breadcrumb.mjs.map +1 -0
- package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-business-fields.mjs +222 -0
- package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-business-fields.mjs.map +1 -0
- package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-button-group.mjs +20 -0
- package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-button-group.mjs.map +1 -0
- package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-button.mjs +52 -0
- package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-button.mjs.map +1 -0
- package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-card.mjs +28 -0
- package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-card.mjs.map +1 -0
- package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-checkbox-field.mjs +88 -0
- package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-checkbox-field.mjs.map +1 -0
- package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-chip.mjs +35 -0
- package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-chip.mjs.map +1 -0
- package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-client-page-menu.mjs +92 -0
- package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-client-page-menu.mjs.map +1 -0
- package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-client-page.mjs +93 -0
- package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-client-page.mjs.map +1 -0
- package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-color-picker-field.mjs +94 -0
- package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-color-picker-field.mjs.map +1 -0
- package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-confirmation.mjs +93 -0
- package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-confirmation.mjs.map +1 -0
- package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-date-field.mjs +94 -0
- package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-date-field.mjs.map +1 -0
- package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-dialog.mjs +33 -0
- package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-dialog.mjs.map +1 -0
- package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-drawer.mjs +69 -0
- package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-drawer.mjs.map +1 -0
- package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-dynamic-drawer.mjs +321 -0
- package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-dynamic-drawer.mjs.map +1 -0
- package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-editor-field.mjs +96 -0
- package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-editor-field.mjs.map +1 -0
- package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-entities.mjs +572 -0
- package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-entities.mjs.map +1 -0
- package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-field-validation.mjs +103 -0
- package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-field-validation.mjs.map +1 -0
- package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-formula.mjs +3102 -0
- package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-formula.mjs.map +1 -0
- package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-icon-field.mjs +63 -0
- package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-icon-field.mjs.map +1 -0
- package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-list.mjs +31 -0
- package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-list.mjs.map +1 -0
- package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-menu.mjs +136 -0
- package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-menu.mjs.map +1 -0
- package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-modal.mjs +50 -0
- package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-modal.mjs.map +1 -0
- package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-module-summary-card.mjs +32 -0
- package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-module-summary-card.mjs.map +1 -0
- package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-multi-select-field.mjs +197 -0
- package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-multi-select-field.mjs.map +1 -0
- package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-number-field.mjs +95 -0
- package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-number-field.mjs.map +1 -0
- package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-page-header.mjs +42 -0
- package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-page-header.mjs.map +1 -0
- package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-page.mjs +35 -0
- package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-page.mjs.map +1 -0
- package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-paginator.mjs +44 -0
- package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-paginator.mjs.map +1 -0
- package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-pick-list-field.mjs +204 -0
- package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-pick-list-field.mjs.map +1 -0
- package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-progress.mjs +41 -0
- package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-progress.mjs.map +1 -0
- package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-property-filter-builder.mjs +383 -0
- package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-property-filter-builder.mjs.map +1 -0
- package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-radio-button-field.mjs +85 -0
- package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-radio-button-field.mjs.map +1 -0
- package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-radio-cards-field.mjs +68 -0
- package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-radio-cards-field.mjs.map +1 -0
- package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-radio-cards.mjs +74 -0
- package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-radio-cards.mjs.map +1 -0
- package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-select-field.mjs +258 -0
- package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-select-field.mjs.map +1 -0
- package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-sidebar.mjs +36 -0
- package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-sidebar.mjs.map +1 -0
- package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-slider-field.mjs +104 -0
- package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-slider-field.mjs.map +1 -0
- package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-statistic-card.mjs +21 -0
- package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-statistic-card.mjs.map +1 -0
- package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-table.mjs +583 -0
- package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-table.mjs.map +1 -0
- package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-tabs.mjs +44 -0
- package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-tabs.mjs.map +1 -0
- package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-text-field.mjs +159 -0
- package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-text-field.mjs.map +1 -0
- package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-textarea-field.mjs +92 -0
- package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-textarea-field.mjs.map +1 -0
- package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-toast.mjs +75 -0
- package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-toast.mjs.map +1 -0
- package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-toggle-field.mjs +104 -0
- package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-toggle-field.mjs.map +1 -0
- package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-tooltip.mjs +45 -0
- package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-tooltip.mjs.map +1 -0
- package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-topbar.mjs +28 -0
- package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-topbar.mjs.map +1 -0
- package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-tree.mjs +219 -0
- package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-tree.mjs.map +1 -0
- package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-upload-field.mjs +480 -0
- package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-upload-field.mjs.map +1 -0
- package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-user-search-field.mjs +153 -0
- package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-user-search-field.mjs.map +1 -0
- package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components.mjs +1338 -0
- package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components.mjs.map +1 -0
- package/.codex-tmp-pack/extract/package/types/masterteam-components-avatar-text.d.ts +23 -0
- package/.codex-tmp-pack/extract/package/types/masterteam-components-avatar.d.ts +21 -0
- package/.codex-tmp-pack/extract/package/types/masterteam-components-breadcrumb.d.ts +18 -0
- package/.codex-tmp-pack/extract/package/types/masterteam-components-business-fields.d.ts +114 -0
- package/.codex-tmp-pack/extract/package/types/masterteam-components-button-group.d.ts +8 -0
- package/.codex-tmp-pack/extract/package/types/masterteam-components-button.d.ts +36 -0
- package/.codex-tmp-pack/extract/package/types/masterteam-components-card.d.ts +14 -0
- package/.codex-tmp-pack/extract/package/types/masterteam-components-checkbox-field.d.ts +34 -0
- package/.codex-tmp-pack/extract/package/types/masterteam-components-chip.d.ts +19 -0
- package/.codex-tmp-pack/extract/package/types/masterteam-components-client-page-menu.d.ts +35 -0
- package/.codex-tmp-pack/extract/package/types/masterteam-components-client-page.d.ts +42 -0
- package/.codex-tmp-pack/extract/package/types/masterteam-components-color-picker-field.d.ts +35 -0
- package/.codex-tmp-pack/extract/package/types/masterteam-components-confirmation.d.ts +41 -0
- package/.codex-tmp-pack/extract/package/types/masterteam-components-date-field.d.ts +41 -0
- package/.codex-tmp-pack/extract/package/types/masterteam-components-dialog.d.ts +12 -0
- package/.codex-tmp-pack/extract/package/types/masterteam-components-drawer.d.ts +30 -0
- package/.codex-tmp-pack/extract/package/types/masterteam-components-dynamic-drawer.d.ts +93 -0
- package/.codex-tmp-pack/extract/package/types/masterteam-components-editor-field.d.ts +34 -0
- package/.codex-tmp-pack/extract/package/types/masterteam-components-entities.d.ts +326 -0
- package/.codex-tmp-pack/extract/package/types/masterteam-components-field-validation.d.ts +13 -0
- package/.codex-tmp-pack/extract/package/types/masterteam-components-formula.d.ts +651 -0
- package/.codex-tmp-pack/extract/package/types/masterteam-components-icon-field.d.ts +27 -0
- package/.codex-tmp-pack/extract/package/types/masterteam-components-list.d.ts +18 -0
- package/.codex-tmp-pack/extract/package/types/masterteam-components-menu.d.ts +55 -0
- package/.codex-tmp-pack/extract/package/types/masterteam-components-modal.d.ts +18 -0
- package/.codex-tmp-pack/extract/package/types/masterteam-components-module-summary-card.d.ts +17 -0
- package/.codex-tmp-pack/extract/package/types/masterteam-components-multi-select-field.d.ts +74 -0
- package/.codex-tmp-pack/extract/package/types/masterteam-components-number-field.d.ts +42 -0
- package/.codex-tmp-pack/extract/package/types/masterteam-components-page-header.d.ts +30 -0
- package/.codex-tmp-pack/extract/package/types/masterteam-components-page.d.ts +26 -0
- package/.codex-tmp-pack/extract/package/types/masterteam-components-paginator.d.ts +20 -0
- package/.codex-tmp-pack/extract/package/types/masterteam-components-pick-list-field.d.ts +60 -0
- package/.codex-tmp-pack/extract/package/types/masterteam-components-progress.d.ts +20 -0
- package/.codex-tmp-pack/extract/package/types/masterteam-components-property-filter-builder.d.ts +90 -0
- package/.codex-tmp-pack/extract/package/types/masterteam-components-radio-button-field.d.ts +41 -0
- package/.codex-tmp-pack/extract/package/types/masterteam-components-radio-cards-field.d.ts +30 -0
- package/.codex-tmp-pack/extract/package/types/masterteam-components-radio-cards.d.ts +33 -0
- package/.codex-tmp-pack/extract/package/types/masterteam-components-select-field.d.ts +84 -0
- package/.codex-tmp-pack/extract/package/types/masterteam-components-sidebar.d.ts +28 -0
- package/.codex-tmp-pack/extract/package/types/masterteam-components-slider-field.d.ts +45 -0
- package/.codex-tmp-pack/extract/package/types/masterteam-components-statistic-card.d.ts +17 -0
- package/.codex-tmp-pack/extract/package/types/masterteam-components-table.d.ts +207 -0
- package/.codex-tmp-pack/extract/package/types/masterteam-components-tabs.d.ts +23 -0
- package/.codex-tmp-pack/extract/package/types/masterteam-components-text-field.d.ts +44 -0
- package/.codex-tmp-pack/extract/package/types/masterteam-components-textarea-field.d.ts +38 -0
- package/.codex-tmp-pack/extract/package/types/masterteam-components-toast.d.ts +26 -0
- package/.codex-tmp-pack/extract/package/types/masterteam-components-toggle-field.d.ts +41 -0
- package/.codex-tmp-pack/extract/package/types/masterteam-components-tooltip.d.ts +9 -0
- package/.codex-tmp-pack/extract/package/types/masterteam-components-topbar.d.ts +17 -0
- package/.codex-tmp-pack/extract/package/types/masterteam-components-tree.d.ts +98 -0
- package/.codex-tmp-pack/extract/package/types/masterteam-components-upload-field.d.ts +77 -0
- package/.codex-tmp-pack/extract/package/types/masterteam-components-user-search-field.d.ts +61 -0
- package/.codex-tmp-pack/extract/package/types/masterteam-components.d.ts +780 -0
- package/.codex-tmp-pack/masterteam-components-0.0.108.tgz +0 -0
- package/fesm2022/masterteam-components-number-field.mjs +2 -2
- package/fesm2022/masterteam-components-number-field.mjs.map +1 -1
- package/fesm2022/masterteam-components-slider-field.mjs +2 -2
- package/fesm2022/masterteam-components-slider-field.mjs.map +1 -1
- package/fesm2022/masterteam-components.mjs.map +1 -1
- package/package.json +16 -16
|
@@ -0,0 +1,418 @@
|
|
|
1
|
+
/* Variable fonts usage:
|
|
2
|
+
:root { font-family: "Inter", sans-serif; }
|
|
3
|
+
@supports (font-variation-settings: normal) {
|
|
4
|
+
:root { font-family: "InterVariable", sans-serif; font-optical-sizing: auto; }
|
|
5
|
+
} */
|
|
6
|
+
@font-face {
|
|
7
|
+
font-family: InterVariable;
|
|
8
|
+
font-style: normal;
|
|
9
|
+
font-weight: 100 900;
|
|
10
|
+
font-display: swap;
|
|
11
|
+
src: url("fonts/InterVariable.woff2") format("woff2");
|
|
12
|
+
}
|
|
13
|
+
@font-face {
|
|
14
|
+
font-family: InterVariable;
|
|
15
|
+
font-style: italic;
|
|
16
|
+
font-weight: 100 900;
|
|
17
|
+
font-display: swap;
|
|
18
|
+
src: url("fonts/InterVariable-Italic.woff2") format("woff2");
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
/* static fonts */
|
|
22
|
+
@font-face {
|
|
23
|
+
font-family: "Inter";
|
|
24
|
+
font-style: normal;
|
|
25
|
+
font-weight: 100;
|
|
26
|
+
font-display: swap;
|
|
27
|
+
src: url("fonts/Inter-Thin.woff2") format("woff2");
|
|
28
|
+
}
|
|
29
|
+
@font-face {
|
|
30
|
+
font-family: "Inter";
|
|
31
|
+
font-style: italic;
|
|
32
|
+
font-weight: 100;
|
|
33
|
+
font-display: swap;
|
|
34
|
+
src: url("fonts/Inter-ThinItalic.woff2") format("woff2");
|
|
35
|
+
}
|
|
36
|
+
@font-face {
|
|
37
|
+
font-family: "Inter";
|
|
38
|
+
font-style: normal;
|
|
39
|
+
font-weight: 200;
|
|
40
|
+
font-display: swap;
|
|
41
|
+
src: url("fonts/Inter-ExtraLight.woff2") format("woff2");
|
|
42
|
+
}
|
|
43
|
+
@font-face {
|
|
44
|
+
font-family: "Inter";
|
|
45
|
+
font-style: italic;
|
|
46
|
+
font-weight: 200;
|
|
47
|
+
font-display: swap;
|
|
48
|
+
src: url("fonts/Inter-ExtraLightItalic.woff2") format("woff2");
|
|
49
|
+
}
|
|
50
|
+
@font-face {
|
|
51
|
+
font-family: "Inter";
|
|
52
|
+
font-style: normal;
|
|
53
|
+
font-weight: 300;
|
|
54
|
+
font-display: swap;
|
|
55
|
+
src: url("fonts/Inter-Light.woff2") format("woff2");
|
|
56
|
+
}
|
|
57
|
+
@font-face {
|
|
58
|
+
font-family: "Inter";
|
|
59
|
+
font-style: italic;
|
|
60
|
+
font-weight: 300;
|
|
61
|
+
font-display: swap;
|
|
62
|
+
src: url("fonts/Inter-LightItalic.woff2") format("woff2");
|
|
63
|
+
}
|
|
64
|
+
@font-face {
|
|
65
|
+
font-family: "Inter";
|
|
66
|
+
font-style: normal;
|
|
67
|
+
font-weight: 400;
|
|
68
|
+
font-display: swap;
|
|
69
|
+
src: url("fonts/Inter-Regular.woff2") format("woff2");
|
|
70
|
+
}
|
|
71
|
+
@font-face {
|
|
72
|
+
font-family: "Inter";
|
|
73
|
+
font-style: italic;
|
|
74
|
+
font-weight: 400;
|
|
75
|
+
font-display: swap;
|
|
76
|
+
src: url("fonts/Inter-Italic.woff2") format("woff2");
|
|
77
|
+
}
|
|
78
|
+
@font-face {
|
|
79
|
+
font-family: "Inter";
|
|
80
|
+
font-style: normal;
|
|
81
|
+
font-weight: 500;
|
|
82
|
+
font-display: swap;
|
|
83
|
+
src: url("fonts/Inter-Medium.woff2") format("woff2");
|
|
84
|
+
}
|
|
85
|
+
@font-face {
|
|
86
|
+
font-family: "Inter";
|
|
87
|
+
font-style: italic;
|
|
88
|
+
font-weight: 500;
|
|
89
|
+
font-display: swap;
|
|
90
|
+
src: url("fonts/Inter-MediumItalic.woff2") format("woff2");
|
|
91
|
+
}
|
|
92
|
+
@font-face {
|
|
93
|
+
font-family: "Inter";
|
|
94
|
+
font-style: normal;
|
|
95
|
+
font-weight: 600;
|
|
96
|
+
font-display: swap;
|
|
97
|
+
src: url("fonts/Inter-SemiBold.woff2") format("woff2");
|
|
98
|
+
}
|
|
99
|
+
@font-face {
|
|
100
|
+
font-family: "Inter";
|
|
101
|
+
font-style: italic;
|
|
102
|
+
font-weight: 600;
|
|
103
|
+
font-display: swap;
|
|
104
|
+
src: url("fonts/Inter-SemiBoldItalic.woff2") format("woff2");
|
|
105
|
+
}
|
|
106
|
+
@font-face {
|
|
107
|
+
font-family: "Inter";
|
|
108
|
+
font-style: normal;
|
|
109
|
+
font-weight: 700;
|
|
110
|
+
font-display: swap;
|
|
111
|
+
src: url("fonts/Inter-Bold.woff2") format("woff2");
|
|
112
|
+
}
|
|
113
|
+
@font-face {
|
|
114
|
+
font-family: "Inter";
|
|
115
|
+
font-style: italic;
|
|
116
|
+
font-weight: 700;
|
|
117
|
+
font-display: swap;
|
|
118
|
+
src: url("fonts/Inter-BoldItalic.woff2") format("woff2");
|
|
119
|
+
}
|
|
120
|
+
@font-face {
|
|
121
|
+
font-family: "Inter";
|
|
122
|
+
font-style: normal;
|
|
123
|
+
font-weight: 800;
|
|
124
|
+
font-display: swap;
|
|
125
|
+
src: url("fonts/Inter-ExtraBold.woff2") format("woff2");
|
|
126
|
+
}
|
|
127
|
+
@font-face {
|
|
128
|
+
font-family: "Inter";
|
|
129
|
+
font-style: italic;
|
|
130
|
+
font-weight: 800;
|
|
131
|
+
font-display: swap;
|
|
132
|
+
src: url("fonts/Inter-ExtraBoldItalic.woff2") format("woff2");
|
|
133
|
+
}
|
|
134
|
+
@font-face {
|
|
135
|
+
font-family: "Inter";
|
|
136
|
+
font-style: normal;
|
|
137
|
+
font-weight: 900;
|
|
138
|
+
font-display: swap;
|
|
139
|
+
src: url("fonts/Inter-Black.woff2") format("woff2");
|
|
140
|
+
}
|
|
141
|
+
@font-face {
|
|
142
|
+
font-family: "Inter";
|
|
143
|
+
font-style: italic;
|
|
144
|
+
font-weight: 900;
|
|
145
|
+
font-display: swap;
|
|
146
|
+
src: url("fonts/Inter-BlackItalic.woff2") format("woff2");
|
|
147
|
+
}
|
|
148
|
+
@font-face {
|
|
149
|
+
font-family: "InterDisplay";
|
|
150
|
+
font-style: normal;
|
|
151
|
+
font-weight: 100;
|
|
152
|
+
font-display: swap;
|
|
153
|
+
src: url("fonts/InterDisplay-Thin.woff2") format("woff2");
|
|
154
|
+
}
|
|
155
|
+
@font-face {
|
|
156
|
+
font-family: "InterDisplay";
|
|
157
|
+
font-style: italic;
|
|
158
|
+
font-weight: 100;
|
|
159
|
+
font-display: swap;
|
|
160
|
+
src: url("fonts/InterDisplay-ThinItalic.woff2") format("woff2");
|
|
161
|
+
}
|
|
162
|
+
@font-face {
|
|
163
|
+
font-family: "InterDisplay";
|
|
164
|
+
font-style: normal;
|
|
165
|
+
font-weight: 200;
|
|
166
|
+
font-display: swap;
|
|
167
|
+
src: url("fonts/InterDisplay-ExtraLight.woff2") format("woff2");
|
|
168
|
+
}
|
|
169
|
+
@font-face {
|
|
170
|
+
font-family: "InterDisplay";
|
|
171
|
+
font-style: italic;
|
|
172
|
+
font-weight: 200;
|
|
173
|
+
font-display: swap;
|
|
174
|
+
src: url("fonts/InterDisplay-ExtraLightItalic.woff2") format("woff2");
|
|
175
|
+
}
|
|
176
|
+
@font-face {
|
|
177
|
+
font-family: "InterDisplay";
|
|
178
|
+
font-style: normal;
|
|
179
|
+
font-weight: 300;
|
|
180
|
+
font-display: swap;
|
|
181
|
+
src: url("fonts/InterDisplay-Light.woff2") format("woff2");
|
|
182
|
+
}
|
|
183
|
+
@font-face {
|
|
184
|
+
font-family: "InterDisplay";
|
|
185
|
+
font-style: italic;
|
|
186
|
+
font-weight: 300;
|
|
187
|
+
font-display: swap;
|
|
188
|
+
src: url("fonts/InterDisplay-LightItalic.woff2") format("woff2");
|
|
189
|
+
}
|
|
190
|
+
@font-face {
|
|
191
|
+
font-family: "InterDisplay";
|
|
192
|
+
font-style: normal;
|
|
193
|
+
font-weight: 400;
|
|
194
|
+
font-display: swap;
|
|
195
|
+
src: url("fonts/InterDisplay-Regular.woff2") format("woff2");
|
|
196
|
+
}
|
|
197
|
+
@font-face {
|
|
198
|
+
font-family: "InterDisplay";
|
|
199
|
+
font-style: italic;
|
|
200
|
+
font-weight: 400;
|
|
201
|
+
font-display: swap;
|
|
202
|
+
src: url("fonts/InterDisplay-Italic.woff2") format("woff2");
|
|
203
|
+
}
|
|
204
|
+
@font-face {
|
|
205
|
+
font-family: "InterDisplay";
|
|
206
|
+
font-style: normal;
|
|
207
|
+
font-weight: 500;
|
|
208
|
+
font-display: swap;
|
|
209
|
+
src: url("fonts/InterDisplay-Medium.woff2") format("woff2");
|
|
210
|
+
}
|
|
211
|
+
@font-face {
|
|
212
|
+
font-family: "InterDisplay";
|
|
213
|
+
font-style: italic;
|
|
214
|
+
font-weight: 500;
|
|
215
|
+
font-display: swap;
|
|
216
|
+
src: url("fonts/InterDisplay-MediumItalic.woff2") format("woff2");
|
|
217
|
+
}
|
|
218
|
+
@font-face {
|
|
219
|
+
font-family: "InterDisplay";
|
|
220
|
+
font-style: normal;
|
|
221
|
+
font-weight: 600;
|
|
222
|
+
font-display: swap;
|
|
223
|
+
src: url("fonts/InterDisplay-SemiBold.woff2") format("woff2");
|
|
224
|
+
}
|
|
225
|
+
@font-face {
|
|
226
|
+
font-family: "InterDisplay";
|
|
227
|
+
font-style: italic;
|
|
228
|
+
font-weight: 600;
|
|
229
|
+
font-display: swap;
|
|
230
|
+
src: url("fonts/InterDisplay-SemiBoldItalic.woff2") format("woff2");
|
|
231
|
+
}
|
|
232
|
+
@font-face {
|
|
233
|
+
font-family: "InterDisplay";
|
|
234
|
+
font-style: normal;
|
|
235
|
+
font-weight: 700;
|
|
236
|
+
font-display: swap;
|
|
237
|
+
src: url("fonts/InterDisplay-Bold.woff2") format("woff2");
|
|
238
|
+
}
|
|
239
|
+
@font-face {
|
|
240
|
+
font-family: "InterDisplay";
|
|
241
|
+
font-style: italic;
|
|
242
|
+
font-weight: 700;
|
|
243
|
+
font-display: swap;
|
|
244
|
+
src: url("fonts/InterDisplay-BoldItalic.woff2") format("woff2");
|
|
245
|
+
}
|
|
246
|
+
@font-face {
|
|
247
|
+
font-family: "InterDisplay";
|
|
248
|
+
font-style: normal;
|
|
249
|
+
font-weight: 800;
|
|
250
|
+
font-display: swap;
|
|
251
|
+
src: url("fonts/InterDisplay-ExtraBold.woff2") format("woff2");
|
|
252
|
+
}
|
|
253
|
+
@font-face {
|
|
254
|
+
font-family: "InterDisplay";
|
|
255
|
+
font-style: italic;
|
|
256
|
+
font-weight: 800;
|
|
257
|
+
font-display: swap;
|
|
258
|
+
src: url("fonts/InterDisplay-ExtraBoldItalic.woff2") format("woff2");
|
|
259
|
+
}
|
|
260
|
+
@font-face {
|
|
261
|
+
font-family: "InterDisplay";
|
|
262
|
+
font-style: normal;
|
|
263
|
+
font-weight: 900;
|
|
264
|
+
font-display: swap;
|
|
265
|
+
src: url("fonts/InterDisplay-Black.woff2") format("woff2");
|
|
266
|
+
}
|
|
267
|
+
@font-face {
|
|
268
|
+
font-family: "InterDisplay";
|
|
269
|
+
font-style: italic;
|
|
270
|
+
font-weight: 900;
|
|
271
|
+
font-display: swap;
|
|
272
|
+
src: url("fonts/InterDisplay-BlackItalic.woff2") format("woff2");
|
|
273
|
+
}
|
|
274
|
+
|
|
275
|
+
@font-feature-values InterVariable {
|
|
276
|
+
@character-variant {
|
|
277
|
+
cv01: 1;
|
|
278
|
+
cv02: 2;
|
|
279
|
+
cv03: 3;
|
|
280
|
+
cv04: 4;
|
|
281
|
+
cv05: 5;
|
|
282
|
+
cv06: 6;
|
|
283
|
+
cv07: 7;
|
|
284
|
+
cv08: 8;
|
|
285
|
+
cv09: 9;
|
|
286
|
+
cv10: 10;
|
|
287
|
+
cv11: 11;
|
|
288
|
+
cv12: 12;
|
|
289
|
+
cv13: 13;
|
|
290
|
+
alt-1: 1; /* Alternate one */
|
|
291
|
+
alt-3: 9; /* Flat-top three */
|
|
292
|
+
open-4: 2; /* Open four */
|
|
293
|
+
open-6: 3; /* Open six */
|
|
294
|
+
open-9: 4; /* Open nine */
|
|
295
|
+
lc-l-with-tail: 5; /* Lower-case L with tail */
|
|
296
|
+
simplified-u: 6; /* Simplified u */
|
|
297
|
+
alt-double-s: 7; /* Alternate German double s */
|
|
298
|
+
uc-i-with-serif: 8; /* Upper-case i with serif */
|
|
299
|
+
uc-g-with-spur: 10; /* Capital G with spur */
|
|
300
|
+
single-story-a: 11; /* Single-story a */
|
|
301
|
+
compact-lc-f: 12; /* Compact f */
|
|
302
|
+
compact-lc-t: 13; /* Compact t */
|
|
303
|
+
}
|
|
304
|
+
@styleset {
|
|
305
|
+
ss01: 1;
|
|
306
|
+
ss02: 2;
|
|
307
|
+
ss03: 3;
|
|
308
|
+
ss04: 4;
|
|
309
|
+
ss05: 5;
|
|
310
|
+
ss06: 6;
|
|
311
|
+
ss07: 7;
|
|
312
|
+
ss08: 8;
|
|
313
|
+
open-digits: 1; /* Open digits */
|
|
314
|
+
disambiguation: 2; /* Disambiguation (with zero) */
|
|
315
|
+
disambiguation-except-zero: 4; /* Disambiguation (no zero) */
|
|
316
|
+
round-quotes-and-commas: 3; /* Round quotes & commas */
|
|
317
|
+
square-punctuation: 7; /* Square punctuation */
|
|
318
|
+
square-quotes: 8; /* Square quotes */
|
|
319
|
+
circled-characters: 5; /* Circled characters */
|
|
320
|
+
squared-characters: 6; /* Squared characters */
|
|
321
|
+
}
|
|
322
|
+
}
|
|
323
|
+
@font-feature-values Inter {
|
|
324
|
+
@character-variant {
|
|
325
|
+
cv01: 1;
|
|
326
|
+
cv02: 2;
|
|
327
|
+
cv03: 3;
|
|
328
|
+
cv04: 4;
|
|
329
|
+
cv05: 5;
|
|
330
|
+
cv06: 6;
|
|
331
|
+
cv07: 7;
|
|
332
|
+
cv08: 8;
|
|
333
|
+
cv09: 9;
|
|
334
|
+
cv10: 10;
|
|
335
|
+
cv11: 11;
|
|
336
|
+
cv12: 12;
|
|
337
|
+
cv13: 13;
|
|
338
|
+
alt-1: 1; /* Alternate one */
|
|
339
|
+
alt-3: 9; /* Flat-top three */
|
|
340
|
+
open-4: 2; /* Open four */
|
|
341
|
+
open-6: 3; /* Open six */
|
|
342
|
+
open-9: 4; /* Open nine */
|
|
343
|
+
lc-l-with-tail: 5; /* Lower-case L with tail */
|
|
344
|
+
simplified-u: 6; /* Simplified u */
|
|
345
|
+
alt-double-s: 7; /* Alternate German double s */
|
|
346
|
+
uc-i-with-serif: 8; /* Upper-case i with serif */
|
|
347
|
+
uc-g-with-spur: 10; /* Capital G with spur */
|
|
348
|
+
single-story-a: 11; /* Single-story a */
|
|
349
|
+
compact-lc-f: 12; /* Compact f */
|
|
350
|
+
compact-lc-t: 13; /* Compact t */
|
|
351
|
+
}
|
|
352
|
+
@styleset {
|
|
353
|
+
ss01: 1;
|
|
354
|
+
ss02: 2;
|
|
355
|
+
ss03: 3;
|
|
356
|
+
ss04: 4;
|
|
357
|
+
ss05: 5;
|
|
358
|
+
ss06: 6;
|
|
359
|
+
ss07: 7;
|
|
360
|
+
ss08: 8;
|
|
361
|
+
open-digits: 1; /* Open digits */
|
|
362
|
+
disambiguation: 2; /* Disambiguation (with zero) */
|
|
363
|
+
disambiguation-except-zero: 4; /* Disambiguation (no zero) */
|
|
364
|
+
round-quotes-and-commas: 3; /* Round quotes & commas */
|
|
365
|
+
square-punctuation: 7; /* Square punctuation */
|
|
366
|
+
square-quotes: 8; /* Square quotes */
|
|
367
|
+
circled-characters: 5; /* Circled characters */
|
|
368
|
+
squared-characters: 6; /* Squared characters */
|
|
369
|
+
}
|
|
370
|
+
}
|
|
371
|
+
@font-feature-values InterDisplay {
|
|
372
|
+
@character-variant {
|
|
373
|
+
cv01: 1;
|
|
374
|
+
cv02: 2;
|
|
375
|
+
cv03: 3;
|
|
376
|
+
cv04: 4;
|
|
377
|
+
cv05: 5;
|
|
378
|
+
cv06: 6;
|
|
379
|
+
cv07: 7;
|
|
380
|
+
cv08: 8;
|
|
381
|
+
cv09: 9;
|
|
382
|
+
cv10: 10;
|
|
383
|
+
cv11: 11;
|
|
384
|
+
cv12: 12;
|
|
385
|
+
cv13: 13;
|
|
386
|
+
alt-1: 1; /* Alternate one */
|
|
387
|
+
alt-3: 9; /* Flat-top three */
|
|
388
|
+
open-4: 2; /* Open four */
|
|
389
|
+
open-6: 3; /* Open six */
|
|
390
|
+
open-9: 4; /* Open nine */
|
|
391
|
+
lc-l-with-tail: 5; /* Lower-case L with tail */
|
|
392
|
+
simplified-u: 6; /* Simplified u */
|
|
393
|
+
alt-double-s: 7; /* Alternate German double s */
|
|
394
|
+
uc-i-with-serif: 8; /* Upper-case i with serif */
|
|
395
|
+
uc-g-with-spur: 10; /* Capital G with spur */
|
|
396
|
+
single-story-a: 11; /* Single-story a */
|
|
397
|
+
compact-lc-f: 12; /* Compact f */
|
|
398
|
+
compact-lc-t: 13; /* Compact t */
|
|
399
|
+
}
|
|
400
|
+
@styleset {
|
|
401
|
+
ss01: 1;
|
|
402
|
+
ss02: 2;
|
|
403
|
+
ss03: 3;
|
|
404
|
+
ss04: 4;
|
|
405
|
+
ss05: 5;
|
|
406
|
+
ss06: 6;
|
|
407
|
+
ss07: 7;
|
|
408
|
+
ss08: 8;
|
|
409
|
+
open-digits: 1; /* Open digits */
|
|
410
|
+
disambiguation: 2; /* Disambiguation (with zero) */
|
|
411
|
+
disambiguation-except-zero: 4; /* Disambiguation (no zero) */
|
|
412
|
+
round-quotes-and-commas: 3; /* Round quotes & commas */
|
|
413
|
+
square-punctuation: 7; /* Square punctuation */
|
|
414
|
+
square-quotes: 8; /* Square quotes */
|
|
415
|
+
circled-characters: 5; /* Circled characters */
|
|
416
|
+
squared-characters: 6; /* Squared characters */
|
|
417
|
+
}
|
|
418
|
+
}
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { input, output, computed, Component } from '@angular/core';
|
|
3
|
+
import { Avatar } from '@masterteam/components/avatar';
|
|
4
|
+
|
|
5
|
+
class AvatarText {
|
|
6
|
+
title = input(...(ngDevMode ? [undefined, { debugName: "title" }] : []));
|
|
7
|
+
subTitle = input(...(ngDevMode ? [undefined, { debugName: "subTitle" }] : []));
|
|
8
|
+
avatarLabel = input(...(ngDevMode ? [undefined, { debugName: "avatarLabel" }] : []));
|
|
9
|
+
icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : []));
|
|
10
|
+
image = input(...(ngDevMode ? [undefined, { debugName: "image" }] : []));
|
|
11
|
+
size = input('normal', ...(ngDevMode ? [{ debugName: "size" }] : []));
|
|
12
|
+
shape = input('circle', ...(ngDevMode ? [{ debugName: "shape" }] : []));
|
|
13
|
+
badge = input(...(ngDevMode ? [undefined, { debugName: "badge" }] : []));
|
|
14
|
+
badgeSize = input(...(ngDevMode ? [undefined, { debugName: "badgeSize" }] : []));
|
|
15
|
+
badgeSeverity = input(...(ngDevMode ? [undefined, { debugName: "badgeSeverity" }] : []));
|
|
16
|
+
onImageError = output();
|
|
17
|
+
sizeMap = {
|
|
18
|
+
normal: {
|
|
19
|
+
text: 'text-xs',
|
|
20
|
+
gap: 'gap-2',
|
|
21
|
+
},
|
|
22
|
+
large: {
|
|
23
|
+
text: 'text-md',
|
|
24
|
+
gap: 'gap-4',
|
|
25
|
+
},
|
|
26
|
+
xlarge: {
|
|
27
|
+
text: 'text-xl',
|
|
28
|
+
gap: 'gap-5',
|
|
29
|
+
},
|
|
30
|
+
};
|
|
31
|
+
textSizeClass = computed(() => this.sizeMap[this.size() ?? 'normal'].text, ...(ngDevMode ? [{ debugName: "textSizeClass" }] : []));
|
|
32
|
+
gapClass = computed(() => this.sizeMap[this.size() ?? 'normal'].gap, ...(ngDevMode ? [{ debugName: "gapClass" }] : []));
|
|
33
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: AvatarText, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
34
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.3", type: AvatarText, isStandalone: true, selector: "mt-avatar-text", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, subTitle: { classPropertyName: "subTitle", publicName: "subTitle", isSignal: true, isRequired: false, transformFunction: null }, avatarLabel: { classPropertyName: "avatarLabel", publicName: "avatarLabel", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, image: { classPropertyName: "image", publicName: "image", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, shape: { classPropertyName: "shape", publicName: "shape", isSignal: true, isRequired: false, transformFunction: null }, badge: { classPropertyName: "badge", publicName: "badge", isSignal: true, isRequired: false, transformFunction: null }, badgeSize: { classPropertyName: "badgeSize", publicName: "badgeSize", isSignal: true, isRequired: false, transformFunction: null }, badgeSeverity: { classPropertyName: "badgeSeverity", publicName: "badgeSeverity", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onImageError: "onImageError" }, ngImport: i0, template: "<div [class]=\"'flex items-center ' + gapClass()\">\r\n <mt-avatar\r\n [size]=\"size()\"\r\n [shape]=\"shape()\"\r\n [label]=\"avatarLabel()\"\r\n [image]=\"image()\"\r\n [icon]=\"icon()\"\r\n [badge]=\"badge()\"\r\n [badgeSize]=\"badgeSize()\"\r\n [badgeSeverity]=\"badgeSeverity()\"\r\n (onImageError)=\"onImageError.emit($event)\"\r\n >\r\n </mt-avatar>\r\n @if (title()) {\r\n <div [class]=\"textSizeClass()\">\r\n <div class=\"font-semibold\">\r\n {{ title() }}\r\n </div>\r\n @if (subTitle()) {\r\n <div class=\"text-muted-color\" [class.font-semibold]=\"!title()\">\r\n {{ subTitle() }}\r\n </div>\r\n }\r\n </div>\r\n }\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "component", type: Avatar, selector: "mt-avatar", inputs: ["label", "icon", "image", "styleClass", "size", "shape", "badge", "badgeSize", "badgeSeverity"], outputs: ["onImageError"] }] });
|
|
35
|
+
}
|
|
36
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: AvatarText, decorators: [{
|
|
37
|
+
type: Component,
|
|
38
|
+
args: [{ selector: 'mt-avatar-text', standalone: true, imports: [Avatar], template: "<div [class]=\"'flex items-center ' + gapClass()\">\r\n <mt-avatar\r\n [size]=\"size()\"\r\n [shape]=\"shape()\"\r\n [label]=\"avatarLabel()\"\r\n [image]=\"image()\"\r\n [icon]=\"icon()\"\r\n [badge]=\"badge()\"\r\n [badgeSize]=\"badgeSize()\"\r\n [badgeSeverity]=\"badgeSeverity()\"\r\n (onImageError)=\"onImageError.emit($event)\"\r\n >\r\n </mt-avatar>\r\n @if (title()) {\r\n <div [class]=\"textSizeClass()\">\r\n <div class=\"font-semibold\">\r\n {{ title() }}\r\n </div>\r\n @if (subTitle()) {\r\n <div class=\"text-muted-color\" [class.font-semibold]=\"!title()\">\r\n {{ subTitle() }}\r\n </div>\r\n }\r\n </div>\r\n }\r\n</div>\r\n" }]
|
|
39
|
+
}], propDecorators: { title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], subTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "subTitle", required: false }] }], avatarLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "avatarLabel", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], image: [{ type: i0.Input, args: [{ isSignal: true, alias: "image", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], shape: [{ type: i0.Input, args: [{ isSignal: true, alias: "shape", required: false }] }], badge: [{ type: i0.Input, args: [{ isSignal: true, alias: "badge", required: false }] }], badgeSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "badgeSize", required: false }] }], badgeSeverity: [{ type: i0.Input, args: [{ isSignal: true, alias: "badgeSeverity", required: false }] }], onImageError: [{ type: i0.Output, args: ["onImageError"] }] } });
|
|
40
|
+
|
|
41
|
+
/**
|
|
42
|
+
* Generated bundle index. Do not edit.
|
|
43
|
+
*/
|
|
44
|
+
|
|
45
|
+
export { AvatarText };
|
|
46
|
+
//# sourceMappingURL=masterteam-components-avatar-text.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"masterteam-components-avatar-text.mjs","sources":["../../../../packages/masterteam/components/avatar-text/avatar-text.ts","../../../../packages/masterteam/components/avatar-text/avatar-text.html","../../../../packages/masterteam/components/avatar-text/masterteam-components-avatar-text.ts"],"sourcesContent":["import { Component, computed, input, output } from '@angular/core';\r\nimport { Avatar } from '@masterteam/components/avatar';\r\nimport { MTIcon } from '@masterteam/icons';\r\n\r\n@Component({\r\n selector: 'mt-avatar-text',\r\n standalone: true,\r\n imports: [Avatar],\r\n templateUrl: './avatar-text.html',\r\n styleUrls: ['./avatar-text.scss'],\r\n})\r\nexport class AvatarText {\r\n readonly title = input<string>();\r\n readonly subTitle = input<string>();\r\n readonly avatarLabel = input<string>();\r\n readonly icon = input<MTIcon>();\r\n readonly image = input<string>();\r\n readonly size = input<'normal' | 'large' | 'xlarge' | undefined>('normal');\r\n readonly shape = input<'square' | 'circle' | undefined>('circle');\r\n readonly badge = input<string>();\r\n readonly badgeSize = input<'small' | 'large' | 'xlarge'>();\r\n readonly badgeSeverity = input<\r\n | 'info'\r\n | 'success'\r\n | 'warn'\r\n | 'danger'\r\n | 'secondary'\r\n | 'contrast'\r\n | 'help'\r\n | 'primary'\r\n >();\r\n\r\n onImageError = output<Event>();\r\n\r\n private readonly sizeMap = {\r\n normal: {\r\n text: 'text-xs',\r\n gap: 'gap-2',\r\n },\r\n large: {\r\n text: 'text-md',\r\n gap: 'gap-4',\r\n },\r\n xlarge: {\r\n text: 'text-xl',\r\n gap: 'gap-5',\r\n },\r\n };\r\n\r\n textSizeClass = computed(() => this.sizeMap[this.size() ?? 'normal'].text);\r\n gapClass = computed(() => this.sizeMap[this.size() ?? 'normal'].gap);\r\n}\r\n","<div [class]=\"'flex items-center ' + gapClass()\">\r\n <mt-avatar\r\n [size]=\"size()\"\r\n [shape]=\"shape()\"\r\n [label]=\"avatarLabel()\"\r\n [image]=\"image()\"\r\n [icon]=\"icon()\"\r\n [badge]=\"badge()\"\r\n [badgeSize]=\"badgeSize()\"\r\n [badgeSeverity]=\"badgeSeverity()\"\r\n (onImageError)=\"onImageError.emit($event)\"\r\n >\r\n </mt-avatar>\r\n @if (title()) {\r\n <div [class]=\"textSizeClass()\">\r\n <div class=\"font-semibold\">\r\n {{ title() }}\r\n </div>\r\n @if (subTitle()) {\r\n <div class=\"text-muted-color\" [class.font-semibold]=\"!title()\">\r\n {{ subTitle() }}\r\n </div>\r\n }\r\n </div>\r\n }\r\n</div>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;MAWa,UAAU,CAAA;IACZ,KAAK,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,OAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAU;IACvB,QAAQ,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,UAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAU;IAC1B,WAAW,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,aAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAU;IAC7B,IAAI,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAU;IACtB,KAAK,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,OAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAU;AACvB,IAAA,IAAI,GAAG,KAAK,CAA4C,QAAQ,gDAAC;AACjE,IAAA,KAAK,GAAG,KAAK,CAAkC,QAAQ,iDAAC;IACxD,KAAK,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,OAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAU;IACvB,SAAS,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,WAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAgC;IACjD,aAAa,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,eAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAS3B;IAEH,YAAY,GAAG,MAAM,EAAS;AAEb,IAAA,OAAO,GAAG;AACzB,QAAA,MAAM,EAAE;AACN,YAAA,IAAI,EAAE,SAAS;AACf,YAAA,GAAG,EAAE,OAAO;AACb,SAAA;AACD,QAAA,KAAK,EAAE;AACL,YAAA,IAAI,EAAE,SAAS;AACf,YAAA,GAAG,EAAE,OAAO;AACb,SAAA;AACD,QAAA,MAAM,EAAE;AACN,YAAA,IAAI,EAAE,SAAS;AACf,YAAA,GAAG,EAAE,OAAO;AACb,SAAA;KACF;IAED,aAAa,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,QAAQ,CAAC,CAAC,IAAI,yDAAC;IAC1E,QAAQ,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,QAAQ,CAAC,CAAC,GAAG,oDAAC;uGAvCzD,UAAU,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAV,UAAU,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,aAAA,EAAA,EAAA,iBAAA,EAAA,eAAA,EAAA,UAAA,EAAA,eAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,YAAA,EAAA,cAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECXvB,2tBA0BA,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDnBY,MAAM,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,MAAA,EAAA,OAAA,EAAA,YAAA,EAAA,MAAA,EAAA,OAAA,EAAA,OAAA,EAAA,WAAA,EAAA,eAAA,CAAA,EAAA,OAAA,EAAA,CAAA,cAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2FAIL,UAAU,EAAA,UAAA,EAAA,CAAA;kBAPtB,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,gBAAgB,EAAA,UAAA,EACd,IAAI,EAAA,OAAA,EACP,CAAC,MAAM,CAAC,EAAA,QAAA,EAAA,2tBAAA,EAAA;;;AEPnB;;AAEG;;;;"}
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { input, output, computed, Component } from '@angular/core';
|
|
3
|
+
import * as i1 from 'primeng/avatar';
|
|
4
|
+
import { AvatarModule } from 'primeng/avatar';
|
|
5
|
+
import * as i2 from 'primeng/overlaybadge';
|
|
6
|
+
import { OverlayBadgeModule } from 'primeng/overlaybadge';
|
|
7
|
+
import { Icon } from '@masterteam/icons';
|
|
8
|
+
|
|
9
|
+
class Avatar {
|
|
10
|
+
label = input(...(ngDevMode ? [undefined, { debugName: "label" }] : []));
|
|
11
|
+
icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : []));
|
|
12
|
+
image = input(...(ngDevMode ? [undefined, { debugName: "image" }] : []));
|
|
13
|
+
styleClass = input(...(ngDevMode ? [undefined, { debugName: "styleClass" }] : []));
|
|
14
|
+
size = input('normal', ...(ngDevMode ? [{ debugName: "size" }] : []));
|
|
15
|
+
shape = input('circle', ...(ngDevMode ? [{ debugName: "shape" }] : []));
|
|
16
|
+
badge = input(...(ngDevMode ? [undefined, { debugName: "badge" }] : []));
|
|
17
|
+
badgeSize = input(...(ngDevMode ? [undefined, { debugName: "badgeSize" }] : []));
|
|
18
|
+
badgeSeverity = input('primary', ...(ngDevMode ? [{ debugName: "badgeSeverity" }] : []));
|
|
19
|
+
onImageError = output();
|
|
20
|
+
badgeSizeMap = {
|
|
21
|
+
normal: 'small',
|
|
22
|
+
large: undefined,
|
|
23
|
+
xlarge: 'large',
|
|
24
|
+
};
|
|
25
|
+
internalBadgeSize = computed(() => {
|
|
26
|
+
if (this.badgeSize())
|
|
27
|
+
return this.badgeSize();
|
|
28
|
+
return this.badgeSizeMap[this.size() ?? 'normal'];
|
|
29
|
+
}, ...(ngDevMode ? [{ debugName: "internalBadgeSize" }] : []));
|
|
30
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: Avatar, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
31
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.3", type: Avatar, isStandalone: true, selector: "mt-avatar", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, image: { classPropertyName: "image", publicName: "image", isSignal: true, isRequired: false, transformFunction: null }, styleClass: { classPropertyName: "styleClass", publicName: "styleClass", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, shape: { classPropertyName: "shape", publicName: "shape", isSignal: true, isRequired: false, transformFunction: null }, badge: { classPropertyName: "badge", publicName: "badge", isSignal: true, isRequired: false, transformFunction: null }, badgeSize: { classPropertyName: "badgeSize", publicName: "badgeSize", isSignal: true, isRequired: false, transformFunction: null }, badgeSeverity: { classPropertyName: "badgeSeverity", publicName: "badgeSeverity", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onImageError: "onImageError" }, host: { classAttribute: "grid gap-1" }, ngImport: i0, template: "@if (!badge()) {\r\n <p-avatar\r\n [styleClass]=\"styleClass()\"\r\n [size]=\"size()\"\r\n [shape]=\"shape()\"\r\n [label]=\"label()\"\r\n [image]=\"image()\"\r\n (onImageError)=\"onImageError.emit($event)\"\r\n >\r\n @if (icon()) {\r\n <mt-icon [icon]=\"icon()\" />\r\n }\r\n </p-avatar>\r\n} @else {\r\n <p-overlaybadge\r\n [badgeSize]=\"internalBadgeSize()\"\r\n [value]=\"badge()\"\r\n [severity]=\"badgeSeverity()\"\r\n >\r\n <p-avatar\r\n [size]=\"size()\"\r\n [shape]=\"shape()\"\r\n [label]=\"label()\"\r\n [image]=\"image()\"\r\n (onImageError)=\"onImageError($event)\"\r\n >\r\n @if (icon()) {\r\n <mt-icon [icon]=\"icon()\" />\r\n }\r\n </p-avatar>\r\n </p-overlaybadge>\r\n}\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: AvatarModule }, { kind: "component", type: i1.Avatar, selector: "p-avatar", inputs: ["label", "icon", "image", "size", "shape", "styleClass", "ariaLabel", "ariaLabelledBy"], outputs: ["onImageError"] }, { kind: "ngmodule", type: OverlayBadgeModule }, { kind: "component", type: i2.OverlayBadge, selector: "p-overlayBadge, p-overlay-badge, p-overlaybadge", inputs: ["styleClass", "style", "badgeSize", "severity", "value", "badgeDisabled", "size"] }, { kind: "component", type: Icon, selector: "mt-icon", inputs: ["icon"] }] });
|
|
32
|
+
}
|
|
33
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: Avatar, decorators: [{
|
|
34
|
+
type: Component,
|
|
35
|
+
args: [{ selector: 'mt-avatar', standalone: true, imports: [AvatarModule, OverlayBadgeModule, Icon], host: {
|
|
36
|
+
class: 'grid gap-1',
|
|
37
|
+
}, template: "@if (!badge()) {\r\n <p-avatar\r\n [styleClass]=\"styleClass()\"\r\n [size]=\"size()\"\r\n [shape]=\"shape()\"\r\n [label]=\"label()\"\r\n [image]=\"image()\"\r\n (onImageError)=\"onImageError.emit($event)\"\r\n >\r\n @if (icon()) {\r\n <mt-icon [icon]=\"icon()\" />\r\n }\r\n </p-avatar>\r\n} @else {\r\n <p-overlaybadge\r\n [badgeSize]=\"internalBadgeSize()\"\r\n [value]=\"badge()\"\r\n [severity]=\"badgeSeverity()\"\r\n >\r\n <p-avatar\r\n [size]=\"size()\"\r\n [shape]=\"shape()\"\r\n [label]=\"label()\"\r\n [image]=\"image()\"\r\n (onImageError)=\"onImageError($event)\"\r\n >\r\n @if (icon()) {\r\n <mt-icon [icon]=\"icon()\" />\r\n }\r\n </p-avatar>\r\n </p-overlaybadge>\r\n}\r\n" }]
|
|
38
|
+
}], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], image: [{ type: i0.Input, args: [{ isSignal: true, alias: "image", required: false }] }], styleClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "styleClass", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], shape: [{ type: i0.Input, args: [{ isSignal: true, alias: "shape", required: false }] }], badge: [{ type: i0.Input, args: [{ isSignal: true, alias: "badge", required: false }] }], badgeSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "badgeSize", required: false }] }], badgeSeverity: [{ type: i0.Input, args: [{ isSignal: true, alias: "badgeSeverity", required: false }] }], onImageError: [{ type: i0.Output, args: ["onImageError"] }] } });
|
|
39
|
+
|
|
40
|
+
/**
|
|
41
|
+
* Generated bundle index. Do not edit.
|
|
42
|
+
*/
|
|
43
|
+
|
|
44
|
+
export { Avatar };
|
|
45
|
+
//# sourceMappingURL=masterteam-components-avatar.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"masterteam-components-avatar.mjs","sources":["../../../../packages/masterteam/components/avatar/avatar.ts","../../../../packages/masterteam/components/avatar/avatar.html","../../../../packages/masterteam/components/avatar/masterteam-components-avatar.ts"],"sourcesContent":["import { Component, computed, input, output } from '@angular/core';\r\nimport { AvatarModule } from 'primeng/avatar';\r\nimport { OverlayBadgeModule } from 'primeng/overlaybadge';\r\nimport { Icon, MTIcon } from '@masterteam/icons';\r\n\r\n@Component({\r\n selector: 'mt-avatar',\r\n standalone: true,\r\n imports: [AvatarModule, OverlayBadgeModule, Icon],\r\n templateUrl: './avatar.html',\r\n styleUrls: ['./avatar.scss'],\r\n host: {\r\n class: 'grid gap-1',\r\n },\r\n})\r\nexport class Avatar {\r\n readonly label = input<string>();\r\n readonly icon = input<MTIcon>();\r\n readonly image = input<string>();\r\n readonly styleClass = input<string>();\r\n readonly size = input<'normal' | 'large' | 'xlarge' | undefined>('normal');\r\n readonly shape = input<'square' | 'circle' | undefined>('circle');\r\n readonly badge = input<string>();\r\n readonly badgeSize = input<'small' | 'large' | 'xlarge'>();\r\n readonly badgeSeverity = input<\r\n | 'info'\r\n | 'success'\r\n | 'warn'\r\n | 'danger'\r\n | 'secondary'\r\n | 'contrast'\r\n | 'help'\r\n | 'primary'\r\n >('primary');\r\n\r\n onImageError = output<Event>();\r\n\r\n private readonly badgeSizeMap = {\r\n normal: 'small',\r\n large: undefined,\r\n xlarge: 'large',\r\n };\r\n\r\n internalBadgeSize = computed(() => {\r\n if (this.badgeSize()) return this.badgeSize();\r\n\r\n return this.badgeSizeMap[this.size() ?? 'normal'];\r\n });\r\n}\r\n","@if (!badge()) {\r\n <p-avatar\r\n [styleClass]=\"styleClass()\"\r\n [size]=\"size()\"\r\n [shape]=\"shape()\"\r\n [label]=\"label()\"\r\n [image]=\"image()\"\r\n (onImageError)=\"onImageError.emit($event)\"\r\n >\r\n @if (icon()) {\r\n <mt-icon [icon]=\"icon()\" />\r\n }\r\n </p-avatar>\r\n} @else {\r\n <p-overlaybadge\r\n [badgeSize]=\"internalBadgeSize()\"\r\n [value]=\"badge()\"\r\n [severity]=\"badgeSeverity()\"\r\n >\r\n <p-avatar\r\n [size]=\"size()\"\r\n [shape]=\"shape()\"\r\n [label]=\"label()\"\r\n [image]=\"image()\"\r\n (onImageError)=\"onImageError($event)\"\r\n >\r\n @if (icon()) {\r\n <mt-icon [icon]=\"icon()\" />\r\n }\r\n </p-avatar>\r\n </p-overlaybadge>\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;MAea,MAAM,CAAA;IACR,KAAK,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,OAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAU;IACvB,IAAI,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAU;IACtB,KAAK,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,OAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAU;IACvB,UAAU,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,YAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAU;AAC5B,IAAA,IAAI,GAAG,KAAK,CAA4C,QAAQ,gDAAC;AACjE,IAAA,KAAK,GAAG,KAAK,CAAkC,QAAQ,iDAAC;IACxD,KAAK,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,OAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAU;IACvB,SAAS,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,WAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAgC;AACjD,IAAA,aAAa,GAAG,KAAK,CAS5B,SAAS,yDAAC;IAEZ,YAAY,GAAG,MAAM,EAAS;AAEb,IAAA,YAAY,GAAG;AAC9B,QAAA,MAAM,EAAE,OAAO;AACf,QAAA,KAAK,EAAE,SAAS;AAChB,QAAA,MAAM,EAAE,OAAO;KAChB;AAED,IAAA,iBAAiB,GAAG,QAAQ,CAAC,MAAK;QAChC,IAAI,IAAI,CAAC,SAAS,EAAE;AAAE,YAAA,OAAO,IAAI,CAAC,SAAS,EAAE;QAE7C,OAAO,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,QAAQ,CAAC;AACnD,IAAA,CAAC,6DAAC;uGAhCS,MAAM,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAN,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAM,ywCCfnB,mxBAgCA,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDxBY,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,MAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,MAAA,EAAA,OAAA,EAAA,MAAA,EAAA,OAAA,EAAA,YAAA,EAAA,WAAA,EAAA,gBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,cAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAE,kBAAkB,sOAAE,IAAI,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,MAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2FAOrC,MAAM,EAAA,UAAA,EAAA,CAAA;kBAVlB,SAAS;+BACE,WAAW,EAAA,UAAA,EACT,IAAI,EAAA,OAAA,EACP,CAAC,YAAY,EAAE,kBAAkB,EAAE,IAAI,CAAC,EAAA,IAAA,EAG3C;AACJ,wBAAA,KAAK,EAAE,YAAY;AACpB,qBAAA,EAAA,QAAA,EAAA,mxBAAA,EAAA;;;AEbH;;AAEG;;;;"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { input, output, signal, Component } from '@angular/core';
|
|
3
|
+
import * as i1 from '@angular/router';
|
|
4
|
+
import { RouterModule } from '@angular/router';
|
|
5
|
+
import { Icon } from '@masterteam/icons';
|
|
6
|
+
|
|
7
|
+
class Breadcrumb {
|
|
8
|
+
items = input([], ...(ngDevMode ? [{ debugName: "items" }] : []));
|
|
9
|
+
styleClass = input(undefined, ...(ngDevMode ? [{ debugName: "styleClass" }] : []));
|
|
10
|
+
onItemClick = output();
|
|
11
|
+
rtl = signal(document.documentElement.dir === 'rtl', ...(ngDevMode ? [{ debugName: "rtl" }] : []));
|
|
12
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: Breadcrumb, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
13
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.3", type: Breadcrumb, isStandalone: true, selector: "mt-breadcrumb", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, styleClass: { classPropertyName: "styleClass", publicName: "styleClass", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onItemClick: "onItemClick" }, host: { properties: { "class": "styleClass()" } }, ngImport: i0, template: "<nav aria-label=\"breadcrumb\">\r\n <ol class=\"flex items-center space-x-2\">\r\n @for (\r\n item of items();\r\n track item.label;\r\n let isFirst = $first;\r\n let isLast = $last\r\n ) {\r\n @if (!isFirst) {\r\n <li>\r\n <span class=\"text-gray-400 flex\">\r\n <mt-icon\r\n [icon]=\"this.rtl() ? 'arrow.chevron-left' : 'arrow.chevron-right'\"\r\n ></mt-icon>\r\n </span>\r\n </li>\r\n }\r\n <li>\r\n @if (item.routerLink) {\r\n <a\r\n [routerLink]=\"item.routerLink\"\r\n class=\"flex cursor-pointer items-center gap-1 text-[.95rem] text-gray-500 hover:text-gray-700\"\r\n (click)=\"onItemClick.emit(item)\"\r\n >\r\n @if (item.icon) {\r\n <mt-icon [icon]=\"item.icon\"></mt-icon>\r\n }\r\n @if (item.label) {\r\n <span>{{ item.label }}</span>\r\n }\r\n </a>\r\n } @else {\r\n <span\r\n class=\"\r\n {{\r\n isLast\r\n ? 'bg-primary-50 text-primary-400 flex cursor-pointer items-center gap-1 rounded-md px-2 py-1 text-[.95rem]'\r\n : 'flex cursor-pointer items-center gap-1 text-[.95rem] text-gray-500 hover:text-gray-700'\r\n }}\"\r\n (click)=\"onItemClick.emit(item)\"\r\n >\r\n @if (item.icon) {\r\n <mt-icon [icon]=\"item.icon\"></mt-icon>\r\n }\r\n @if (item.label) {\r\n <span>{{ item.label }}</span>\r\n }\r\n </span>\r\n }\r\n </li>\r\n }\r\n </ol>\r\n</nav>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: Icon, selector: "mt-icon", inputs: ["icon"] }] });
|
|
14
|
+
}
|
|
15
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: Breadcrumb, decorators: [{
|
|
16
|
+
type: Component,
|
|
17
|
+
args: [{ selector: 'mt-breadcrumb', standalone: true, imports: [RouterModule, Icon], host: {
|
|
18
|
+
'[class]': 'styleClass()',
|
|
19
|
+
}, template: "<nav aria-label=\"breadcrumb\">\r\n <ol class=\"flex items-center space-x-2\">\r\n @for (\r\n item of items();\r\n track item.label;\r\n let isFirst = $first;\r\n let isLast = $last\r\n ) {\r\n @if (!isFirst) {\r\n <li>\r\n <span class=\"text-gray-400 flex\">\r\n <mt-icon\r\n [icon]=\"this.rtl() ? 'arrow.chevron-left' : 'arrow.chevron-right'\"\r\n ></mt-icon>\r\n </span>\r\n </li>\r\n }\r\n <li>\r\n @if (item.routerLink) {\r\n <a\r\n [routerLink]=\"item.routerLink\"\r\n class=\"flex cursor-pointer items-center gap-1 text-[.95rem] text-gray-500 hover:text-gray-700\"\r\n (click)=\"onItemClick.emit(item)\"\r\n >\r\n @if (item.icon) {\r\n <mt-icon [icon]=\"item.icon\"></mt-icon>\r\n }\r\n @if (item.label) {\r\n <span>{{ item.label }}</span>\r\n }\r\n </a>\r\n } @else {\r\n <span\r\n class=\"\r\n {{\r\n isLast\r\n ? 'bg-primary-50 text-primary-400 flex cursor-pointer items-center gap-1 rounded-md px-2 py-1 text-[.95rem]'\r\n : 'flex cursor-pointer items-center gap-1 text-[.95rem] text-gray-500 hover:text-gray-700'\r\n }}\"\r\n (click)=\"onItemClick.emit(item)\"\r\n >\r\n @if (item.icon) {\r\n <mt-icon [icon]=\"item.icon\"></mt-icon>\r\n }\r\n @if (item.label) {\r\n <span>{{ item.label }}</span>\r\n }\r\n </span>\r\n }\r\n </li>\r\n }\r\n </ol>\r\n</nav>\r\n" }]
|
|
20
|
+
}], propDecorators: { items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }], styleClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "styleClass", required: false }] }], onItemClick: [{ type: i0.Output, args: ["onItemClick"] }] } });
|
|
21
|
+
|
|
22
|
+
/**
|
|
23
|
+
* Generated bundle index. Do not edit.
|
|
24
|
+
*/
|
|
25
|
+
|
|
26
|
+
export { Breadcrumb };
|
|
27
|
+
//# sourceMappingURL=masterteam-components-breadcrumb.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"masterteam-components-breadcrumb.mjs","sources":["../../../../packages/masterteam/components/breadcrumb/breadcrumb.ts","../../../../packages/masterteam/components/breadcrumb/breadcrumb.html","../../../../packages/masterteam/components/breadcrumb/masterteam-components-breadcrumb.ts"],"sourcesContent":["import { Component, input, output, signal } from '@angular/core';\r\nimport { RouterModule } from '@angular/router';\r\nimport { Icon } from '@masterteam/icons';\r\nexport interface BreadcrumbItem {\r\n label?: string;\r\n routerLink?: string;\r\n icon?: string;\r\n}\r\n\r\n@Component({\r\n selector: 'mt-breadcrumb',\r\n standalone: true,\r\n imports: [RouterModule, Icon],\r\n templateUrl: './breadcrumb.html',\r\n styleUrls: ['./breadcrumb.scss'],\r\n host: {\r\n '[class]': 'styleClass()',\r\n },\r\n})\r\nexport class Breadcrumb {\r\n readonly items = input<BreadcrumbItem[]>([]);\r\n readonly styleClass = input<string | undefined>(undefined);\r\n readonly onItemClick = output<BreadcrumbItem>();\r\n\r\n rtl = signal<boolean>(document.documentElement.dir === 'rtl');\r\n}\r\n","<nav aria-label=\"breadcrumb\">\r\n <ol class=\"flex items-center space-x-2\">\r\n @for (\r\n item of items();\r\n track item.label;\r\n let isFirst = $first;\r\n let isLast = $last\r\n ) {\r\n @if (!isFirst) {\r\n <li>\r\n <span class=\"text-gray-400 flex\">\r\n <mt-icon\r\n [icon]=\"this.rtl() ? 'arrow.chevron-left' : 'arrow.chevron-right'\"\r\n ></mt-icon>\r\n </span>\r\n </li>\r\n }\r\n <li>\r\n @if (item.routerLink) {\r\n <a\r\n [routerLink]=\"item.routerLink\"\r\n class=\"flex cursor-pointer items-center gap-1 text-[.95rem] text-gray-500 hover:text-gray-700\"\r\n (click)=\"onItemClick.emit(item)\"\r\n >\r\n @if (item.icon) {\r\n <mt-icon [icon]=\"item.icon\"></mt-icon>\r\n }\r\n @if (item.label) {\r\n <span>{{ item.label }}</span>\r\n }\r\n </a>\r\n } @else {\r\n <span\r\n class=\"\r\n {{\r\n isLast\r\n ? 'bg-primary-50 text-primary-400 flex cursor-pointer items-center gap-1 rounded-md px-2 py-1 text-[.95rem]'\r\n : 'flex cursor-pointer items-center gap-1 text-[.95rem] text-gray-500 hover:text-gray-700'\r\n }}\"\r\n (click)=\"onItemClick.emit(item)\"\r\n >\r\n @if (item.icon) {\r\n <mt-icon [icon]=\"item.icon\"></mt-icon>\r\n }\r\n @if (item.label) {\r\n <span>{{ item.label }}</span>\r\n }\r\n </span>\r\n }\r\n </li>\r\n }\r\n </ol>\r\n</nav>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;MAmBa,UAAU,CAAA;AACZ,IAAA,KAAK,GAAG,KAAK,CAAmB,EAAE,iDAAC;AACnC,IAAA,UAAU,GAAG,KAAK,CAAqB,SAAS,sDAAC;IACjD,WAAW,GAAG,MAAM,EAAkB;IAE/C,GAAG,GAAG,MAAM,CAAU,QAAQ,CAAC,eAAe,CAAC,GAAG,KAAK,KAAK,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,KAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAC;uGALlD,UAAU,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAV,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAU,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,WAAA,EAAA,aAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,cAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECnBvB,msDAqDA,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDzCY,YAAY,gRAAE,IAAI,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,MAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2FAOjB,UAAU,EAAA,UAAA,EAAA,CAAA;kBAVtB,SAAS;+BACE,eAAe,EAAA,UAAA,EACb,IAAI,EAAA,OAAA,EACP,CAAC,YAAY,EAAE,IAAI,CAAC,EAAA,IAAA,EAGvB;AACJ,wBAAA,SAAS,EAAE,cAAc;AAC1B,qBAAA,EAAA,QAAA,EAAA,msDAAA,EAAA;;;AEjBH;;AAEG;;;;"}
|