@melodicdev/components 1.2.4 → 1.4.0
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/assets/melodic-components.js +76 -19
- package/assets/melodic-components.js.map +1 -1
- package/assets/melodic-components.min.js +474 -420
- package/lib/components/data-display/activity-feed/activity-feed-item.component.d.ts +5 -3
- package/lib/components/data-display/activity-feed/activity-feed-item.component.d.ts.map +1 -1
- package/lib/components/data-display/activity-feed/activity-feed-item.component.js +6 -1
- package/lib/components/data-display/activity-feed/activity-feed-item.styles.d.ts.map +1 -1
- package/lib/components/data-display/activity-feed/activity-feed-item.styles.js +1 -0
- package/lib/components/data-display/activity-feed/activity-feed-item.template.d.ts.map +1 -1
- package/lib/components/data-display/activity-feed/activity-feed-item.template.js +2 -1
- package/lib/components/data-display/activity-feed/activity-feed.component.d.ts.map +1 -1
- package/lib/components/data-display/avatar/avatar.component.d.ts.map +1 -1
- package/lib/components/data-display/avatar/avatar.styles.js +1 -1
- package/lib/components/data-display/badge/badge.component.d.ts +2 -0
- package/lib/components/data-display/badge/badge.component.d.ts.map +1 -1
- package/lib/components/data-display/badge/badge.component.js +3 -1
- package/lib/components/data-display/badge/badge.styles.d.ts.map +1 -1
- package/lib/components/data-display/badge/badge.styles.js +6 -0
- package/lib/components/data-display/badge/badge.template.d.ts.map +1 -1
- package/lib/components/data-display/badge/badge.template.js +4 -1
- package/lib/components/data-display/badge-group/badge-group.component.d.ts.map +1 -1
- package/lib/components/data-display/calendar-view/calendar-view.component.d.ts.map +1 -1
- package/lib/components/data-display/data-grid/data-grid.component.d.ts.map +1 -1
- package/lib/components/data-display/list/list-item.component.d.ts.map +1 -1
- package/lib/components/data-display/list/list.component.d.ts.map +1 -1
- package/lib/components/data-display/profile-card/index.d.ts +2 -0
- package/lib/components/data-display/profile-card/index.d.ts.map +1 -0
- package/lib/components/data-display/profile-card/index.js +1 -0
- package/lib/components/data-display/profile-card/profile-card.component.d.ts +61 -0
- package/lib/components/data-display/profile-card/profile-card.component.d.ts.map +1 -0
- package/lib/components/data-display/profile-card/profile-card.component.js +102 -0
- package/lib/components/data-display/profile-card/profile-card.styles.d.ts +2 -0
- package/lib/components/data-display/profile-card/profile-card.styles.d.ts.map +1 -0
- package/lib/components/data-display/profile-card/profile-card.styles.js +144 -0
- package/lib/components/data-display/profile-card/profile-card.template.d.ts +3 -0
- package/lib/components/data-display/profile-card/profile-card.template.d.ts.map +1 -0
- package/lib/components/data-display/profile-card/profile-card.template.js +52 -0
- package/lib/components/data-display/stat-card/index.d.ts +2 -0
- package/lib/components/data-display/stat-card/index.d.ts.map +1 -0
- package/lib/components/data-display/stat-card/index.js +1 -0
- package/lib/components/data-display/stat-card/stat-card.component.d.ts +45 -0
- package/lib/components/data-display/stat-card/stat-card.component.d.ts.map +1 -0
- package/lib/components/data-display/stat-card/stat-card.component.js +59 -0
- package/lib/components/data-display/stat-card/stat-card.styles.d.ts +2 -0
- package/lib/components/data-display/stat-card/stat-card.styles.d.ts.map +1 -0
- package/lib/components/data-display/stat-card/stat-card.styles.js +81 -0
- package/lib/components/data-display/stat-card/stat-card.template.d.ts +3 -0
- package/lib/components/data-display/stat-card/stat-card.template.d.ts.map +1 -0
- package/lib/components/data-display/stat-card/stat-card.template.js +27 -0
- package/lib/components/data-display/table/table.component.d.ts.map +1 -1
- package/lib/components/data-display/table/table.styles.d.ts.map +1 -1
- package/lib/components/data-display/table/table.styles.js +4 -1
- package/lib/components/data-display/tag/tag.component.d.ts.map +1 -1
- package/lib/components/feedback/alert/alert.component.d.ts.map +1 -1
- package/lib/components/feedback/progress/progress.component.d.ts.map +1 -1
- package/lib/components/feedback/spinner/spinner.component.d.ts.map +1 -1
- package/lib/components/feedback/toast/toast-container.component.d.ts.map +1 -1
- package/lib/components/feedback/toast/toast.component.d.ts.map +1 -1
- package/lib/components/feedback/toast/toast.service.d.ts.map +1 -1
- package/lib/components/forms/autocomplete/autocomplete.component.d.ts.map +1 -1
- package/lib/components/forms/button/button.component.d.ts.map +1 -1
- package/lib/components/forms/button-group/button-group-item.component.d.ts.map +1 -1
- package/lib/components/forms/button-group/button-group.component.d.ts.map +1 -1
- package/lib/components/forms/checkbox/checkbox.component.d.ts.map +1 -1
- package/lib/components/forms/date-picker/calendar.component.d.ts.map +1 -1
- package/lib/components/forms/date-picker/date-picker.component.d.ts.map +1 -1
- package/lib/components/forms/date-time-picker/date-time-picker.component.d.ts.map +1 -1
- package/lib/components/forms/file-upload/file-icon.component.d.ts +12 -0
- package/lib/components/forms/file-upload/file-icon.component.d.ts.map +1 -0
- package/lib/components/forms/file-upload/file-icon.component.js +34 -0
- package/lib/components/forms/file-upload/file-icon.styles.d.ts +2 -0
- package/lib/components/forms/file-upload/file-icon.styles.d.ts.map +1 -0
- package/lib/components/forms/file-upload/file-icon.styles.js +124 -0
- package/lib/components/forms/file-upload/file-icon.template.d.ts +3 -0
- package/lib/components/forms/file-upload/file-icon.template.d.ts.map +1 -0
- package/lib/components/forms/file-upload/file-icon.template.js +18 -0
- package/lib/components/forms/file-upload/file-upload-item.component.d.ts +17 -0
- package/lib/components/forms/file-upload/file-upload-item.component.d.ts.map +1 -0
- package/lib/components/forms/file-upload/file-upload-item.component.js +52 -0
- package/lib/components/forms/file-upload/file-upload-item.styles.d.ts +2 -0
- package/lib/components/forms/file-upload/file-upload-item.styles.d.ts.map +1 -0
- package/lib/components/forms/file-upload/file-upload-item.styles.js +172 -0
- package/lib/components/forms/file-upload/file-upload-item.template.d.ts +3 -0
- package/lib/components/forms/file-upload/file-upload-item.template.d.ts.map +1 -0
- package/lib/components/forms/file-upload/file-upload-item.template.js +55 -0
- package/lib/components/forms/file-upload/file-upload.component.d.ts +24 -0
- package/lib/components/forms/file-upload/file-upload.component.d.ts.map +1 -0
- package/lib/components/forms/file-upload/file-upload.component.js +130 -0
- package/lib/components/forms/file-upload/file-upload.styles.d.ts +2 -0
- package/lib/components/forms/file-upload/file-upload.styles.d.ts.map +1 -0
- package/lib/components/forms/file-upload/file-upload.styles.js +125 -0
- package/lib/components/forms/file-upload/file-upload.template.d.ts +3 -0
- package/lib/components/forms/file-upload/file-upload.template.d.ts.map +1 -0
- package/lib/components/forms/file-upload/file-upload.template.js +51 -0
- package/lib/components/forms/file-upload/file-upload.types.d.ts +9 -0
- package/lib/components/forms/file-upload/file-upload.types.d.ts.map +1 -0
- package/lib/components/forms/file-upload/file-upload.types.js +40 -0
- package/lib/components/forms/file-upload/index.d.ts +6 -0
- package/lib/components/forms/file-upload/index.d.ts.map +1 -0
- package/lib/components/forms/file-upload/index.js +4 -0
- package/lib/components/forms/form-field/form-field.component.d.ts.map +1 -1
- package/lib/components/forms/input/input.component.d.ts.map +1 -1
- package/lib/components/forms/radio/radio-group.component.d.ts.map +1 -1
- package/lib/components/forms/radio/radio.component.d.ts.map +1 -1
- package/lib/components/forms/radio-card-group/radio-card-group.component.d.ts.map +1 -1
- package/lib/components/forms/radio-card-group/radio-card.component.d.ts.map +1 -1
- package/lib/components/forms/select/select.component.d.ts.map +1 -1
- package/lib/components/forms/slider/slider.component.d.ts.map +1 -1
- package/lib/components/forms/slider/slider.styles.js +2 -2
- package/lib/components/forms/textarea/textarea.component.d.ts.map +1 -1
- package/lib/components/forms/time-picker/time-picker.component.d.ts.map +1 -1
- package/lib/components/forms/toggle/toggle.component.d.ts.map +1 -1
- package/lib/components/foundation/card/card.component.d.ts.map +1 -1
- package/lib/components/foundation/card/card.styles.js +1 -1
- package/lib/components/foundation/container/container.component.d.ts.map +1 -1
- package/lib/components/foundation/divider/divider.component.d.ts.map +1 -1
- package/lib/components/foundation/stack/stack.component.d.ts.map +1 -1
- package/lib/components/general/icon/icon.component.d.ts.map +1 -1
- package/lib/components/navigation/breadcrumb/breadcrumb-item.component.d.ts.map +1 -1
- package/lib/components/navigation/breadcrumb/breadcrumb.component.d.ts.map +1 -1
- package/lib/components/navigation/pagination/pagination.component.d.ts.map +1 -1
- package/lib/components/navigation/sidebar/sidebar-group.component.d.ts.map +1 -1
- package/lib/components/navigation/sidebar/sidebar-item.component.d.ts +3 -1
- package/lib/components/navigation/sidebar/sidebar-item.component.d.ts.map +1 -1
- package/lib/components/navigation/sidebar/sidebar-item.component.js +3 -1
- package/lib/components/navigation/sidebar/sidebar-item.template.js +1 -1
- package/lib/components/navigation/sidebar/sidebar.component.d.ts +1 -3
- package/lib/components/navigation/sidebar/sidebar.component.d.ts.map +1 -1
- package/lib/components/navigation/sidebar/sidebar.component.js +1 -5
- package/lib/components/navigation/steps/step-panel.component.d.ts.map +1 -1
- package/lib/components/navigation/steps/step.component.d.ts.map +1 -1
- package/lib/components/navigation/steps/steps.component.d.ts +1 -1
- package/lib/components/navigation/steps/steps.component.d.ts.map +1 -1
- package/lib/components/navigation/tabs/tab-panel.component.d.ts.map +1 -1
- package/lib/components/navigation/tabs/tab.component.d.ts.map +1 -1
- package/lib/components/navigation/tabs/tabs.component.d.ts +1 -1
- package/lib/components/navigation/tabs/tabs.component.d.ts.map +1 -1
- package/lib/components/overlays/dialog/dialog-ref.class.d.ts.map +1 -1
- package/lib/components/overlays/dialog/dialog.component.d.ts.map +1 -1
- package/lib/components/overlays/dialog/dialog.service.d.ts.map +1 -1
- package/lib/components/overlays/drawer/drawer.component.d.ts.map +1 -1
- package/lib/components/overlays/dropdown/dropdown-group.component.d.ts.map +1 -1
- package/lib/components/overlays/dropdown/dropdown-item.component.d.ts.map +1 -1
- package/lib/components/overlays/dropdown/dropdown.component.d.ts.map +1 -1
- package/lib/components/overlays/popover/popover.component.d.ts.map +1 -1
- package/lib/components/overlays/tooltip/tooltip.component.d.ts.map +1 -1
- package/lib/components/pages/auth/login-page.component.d.ts.map +1 -1
- package/lib/components/pages/auth/signup-page.component.d.ts.map +1 -1
- package/lib/components/pages/dashboard/dashboard-page.component.d.ts.map +1 -1
- package/lib/components/sections/app-shell/app-shell.component.d.ts.map +1 -1
- package/lib/components/sections/hero/hero-section.component.d.ts.map +1 -1
- package/lib/components/sections/page-header/page-header.component.d.ts.map +1 -1
- package/lib/components/sections/page-section/index.d.ts +2 -0
- package/lib/components/sections/page-section/index.d.ts.map +1 -0
- package/lib/components/sections/page-section/index.js +1 -0
- package/lib/components/sections/page-section/page-section.component.d.ts +39 -0
- package/lib/components/sections/page-section/page-section.component.d.ts.map +1 -0
- package/lib/components/sections/page-section/page-section.component.js +56 -0
- package/lib/components/sections/page-section/page-section.styles.d.ts +2 -0
- package/lib/components/sections/page-section/page-section.styles.d.ts.map +1 -0
- package/lib/components/sections/page-section/page-section.styles.js +72 -0
- package/lib/components/sections/page-section/page-section.template.d.ts +3 -0
- package/lib/components/sections/page-section/page-section.template.d.ts.map +1 -0
- package/lib/components/sections/page-section/page-section.template.js +30 -0
- package/lib/utils/virtual-scroll/index.d.ts.map +1 -1
- package/package.json +17 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/data-display/stat-card/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { StatCardComponent } from './stat-card.component.js';
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import type { IElementRef } from '@melodicdev/core';
|
|
2
|
+
type TrendDirection = 'up' | 'down' | 'neutral';
|
|
3
|
+
type ValueFont = 'serif' | 'sans';
|
|
4
|
+
/**
|
|
5
|
+
* ml-stat-card - Dashboard metric card with label, value, optional trend, and icon
|
|
6
|
+
*
|
|
7
|
+
* @example
|
|
8
|
+
* ```html
|
|
9
|
+
* <ml-stat-card
|
|
10
|
+
* label="Total Members"
|
|
11
|
+
* value="1,247"
|
|
12
|
+
* trend="+6 this month"
|
|
13
|
+
* trend-direction="up"
|
|
14
|
+
* icon="users"
|
|
15
|
+
* ></ml-stat-card>
|
|
16
|
+
* ```
|
|
17
|
+
*
|
|
18
|
+
* @csspart value - The large value display
|
|
19
|
+
* @csspart label - The label text
|
|
20
|
+
* @csspart trend - The trend text
|
|
21
|
+
* @csspart icon - The icon container
|
|
22
|
+
*
|
|
23
|
+
* @cssproperty --ml-stat-card-bg - Card background color (default: var(--ml-color-surface))
|
|
24
|
+
* @cssproperty --ml-stat-card-icon-color - Icon color (default: var(--ml-color-text-tertiary))
|
|
25
|
+
* @cssproperty --ml-stat-card-value-color - Value text color (default: var(--ml-color-text))
|
|
26
|
+
*/
|
|
27
|
+
export declare class StatCardComponent implements IElementRef {
|
|
28
|
+
elementRef: HTMLElement;
|
|
29
|
+
/** Metric label */
|
|
30
|
+
label: string;
|
|
31
|
+
/** Display value */
|
|
32
|
+
value: string | number;
|
|
33
|
+
/** Trend text (e.g. "+6 this month") */
|
|
34
|
+
trend: string;
|
|
35
|
+
/** Trend direction for styling */
|
|
36
|
+
'trend-direction': TrendDirection;
|
|
37
|
+
/** Icon name (Phosphor icon) */
|
|
38
|
+
icon: string;
|
|
39
|
+
/** Icon color — CSS color value or token */
|
|
40
|
+
'icon-color': string;
|
|
41
|
+
/** Value font family */
|
|
42
|
+
'value-font': ValueFont;
|
|
43
|
+
}
|
|
44
|
+
export {};
|
|
45
|
+
//# sourceMappingURL=stat-card.component.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"stat-card.component.d.ts","sourceRoot":"","sources":["../../../../src/components/data-display/stat-card/stat-card.component.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAIpD,KAAK,cAAc,GAAG,IAAI,GAAG,MAAM,GAAG,SAAS,CAAC;AAChD,KAAK,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;AAElC;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,qBAMa,iBAAkB,YAAW,WAAW;IAC7C,UAAU,EAAG,WAAW,CAAC;IAEhC,mBAAmB;IACZ,KAAK,SAAM;IAElB,oBAAoB;IACb,KAAK,EAAE,MAAM,GAAG,MAAM,CAAM;IAEnC,wCAAwC;IACjC,KAAK,SAAM;IAElB,kCAAkC;IAC3B,iBAAiB,EAAE,cAAc,CAAa;IAErD,gCAAgC;IACzB,IAAI,SAAM;IAEjB,4CAA4C;IACrC,YAAY,SAAM;IAEzB,wBAAwB;IACjB,YAAY,EAAE,SAAS,CAAW;CACzC"}
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
2
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
3
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
4
|
+
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
5
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
|
+
};
|
|
7
|
+
import { MelodicComponent } from '@melodicdev/core';
|
|
8
|
+
import { statCardTemplate } from './stat-card.template.js';
|
|
9
|
+
import { statCardStyles } from './stat-card.styles.js';
|
|
10
|
+
/**
|
|
11
|
+
* ml-stat-card - Dashboard metric card with label, value, optional trend, and icon
|
|
12
|
+
*
|
|
13
|
+
* @example
|
|
14
|
+
* ```html
|
|
15
|
+
* <ml-stat-card
|
|
16
|
+
* label="Total Members"
|
|
17
|
+
* value="1,247"
|
|
18
|
+
* trend="+6 this month"
|
|
19
|
+
* trend-direction="up"
|
|
20
|
+
* icon="users"
|
|
21
|
+
* ></ml-stat-card>
|
|
22
|
+
* ```
|
|
23
|
+
*
|
|
24
|
+
* @csspart value - The large value display
|
|
25
|
+
* @csspart label - The label text
|
|
26
|
+
* @csspart trend - The trend text
|
|
27
|
+
* @csspart icon - The icon container
|
|
28
|
+
*
|
|
29
|
+
* @cssproperty --ml-stat-card-bg - Card background color (default: var(--ml-color-surface))
|
|
30
|
+
* @cssproperty --ml-stat-card-icon-color - Icon color (default: var(--ml-color-text-tertiary))
|
|
31
|
+
* @cssproperty --ml-stat-card-value-color - Value text color (default: var(--ml-color-text))
|
|
32
|
+
*/
|
|
33
|
+
let StatCardComponent = class StatCardComponent {
|
|
34
|
+
constructor() {
|
|
35
|
+
/** Metric label */
|
|
36
|
+
this.label = '';
|
|
37
|
+
/** Display value */
|
|
38
|
+
this.value = '';
|
|
39
|
+
/** Trend text (e.g. "+6 this month") */
|
|
40
|
+
this.trend = '';
|
|
41
|
+
/** Trend direction for styling */
|
|
42
|
+
this['trend-direction'] = 'neutral';
|
|
43
|
+
/** Icon name (Phosphor icon) */
|
|
44
|
+
this.icon = '';
|
|
45
|
+
/** Icon color — CSS color value or token */
|
|
46
|
+
this['icon-color'] = '';
|
|
47
|
+
/** Value font family */
|
|
48
|
+
this['value-font'] = 'serif';
|
|
49
|
+
}
|
|
50
|
+
};
|
|
51
|
+
StatCardComponent = __decorate([
|
|
52
|
+
MelodicComponent({
|
|
53
|
+
selector: 'ml-stat-card',
|
|
54
|
+
template: statCardTemplate,
|
|
55
|
+
styles: statCardStyles,
|
|
56
|
+
attributes: ['label', 'value', 'trend', 'trend-direction', 'icon', 'icon-color', 'value-font']
|
|
57
|
+
})
|
|
58
|
+
], StatCardComponent);
|
|
59
|
+
export { StatCardComponent };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"stat-card.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/data-display/stat-card/stat-card.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,iDA+E1B,CAAC"}
|
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
import { css } from '@melodicdev/core';
|
|
2
|
+
export const statCardStyles = () => css `
|
|
3
|
+
:host {
|
|
4
|
+
display: block;
|
|
5
|
+
min-width: var(--ml-stat-card-min-width, 200px);
|
|
6
|
+
}
|
|
7
|
+
|
|
8
|
+
.ml-stat-card {
|
|
9
|
+
background-color: var(--ml-stat-card-bg, var(--ml-color-surface));
|
|
10
|
+
border: var(--ml-border) solid var(--ml-color-border);
|
|
11
|
+
border-radius: var(--ml-radius-lg);
|
|
12
|
+
padding: var(--ml-space-5) var(--ml-space-6);
|
|
13
|
+
box-shadow: var(--ml-shadow-xs);
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
.ml-stat-card__header {
|
|
17
|
+
display: flex;
|
|
18
|
+
align-items: center;
|
|
19
|
+
justify-content: space-between;
|
|
20
|
+
gap: var(--ml-space-3);
|
|
21
|
+
margin-bottom: var(--ml-space-2);
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
.ml-stat-card__label {
|
|
25
|
+
font-family: var(--ml-font-sans);
|
|
26
|
+
font-size: var(--ml-text-xs);
|
|
27
|
+
font-weight: var(--ml-font-semibold);
|
|
28
|
+
color: var(--ml-color-text-muted);
|
|
29
|
+
text-transform: uppercase;
|
|
30
|
+
letter-spacing: 0.05em;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
.ml-stat-card__icon {
|
|
34
|
+
display: flex;
|
|
35
|
+
align-items: center;
|
|
36
|
+
justify-content: center;
|
|
37
|
+
width: var(--ml-stat-card-icon-size, 36px);
|
|
38
|
+
height: var(--ml-stat-card-icon-size, 36px);
|
|
39
|
+
border-radius: var(--ml-radius);
|
|
40
|
+
background-color: var(--ml-stat-card-icon-bg, var(--ml-color-surface-raised, var(--ml-color-surface-sunken)));
|
|
41
|
+
color: var(--ml-stat-card-icon-color, var(--ml-color-text-tertiary));
|
|
42
|
+
flex-shrink: 0;
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
.ml-stat-card__value {
|
|
46
|
+
color: var(--ml-stat-card-value-color, var(--ml-color-text));
|
|
47
|
+
line-height: 1.1;
|
|
48
|
+
margin-bottom: var(--ml-space-1);
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
.ml-stat-card__value--serif {
|
|
52
|
+
font-family: var(--ml-stat-card-value-font, 'Cormorant Garamond', 'Georgia', serif);
|
|
53
|
+
font-size: var(--ml-stat-card-value-size, 2.5rem);
|
|
54
|
+
font-weight: var(--ml-stat-card-value-weight, 300);
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
.ml-stat-card__value--sans {
|
|
58
|
+
font-family: var(--ml-font-sans);
|
|
59
|
+
font-size: var(--ml-stat-card-value-size, 2rem);
|
|
60
|
+
font-weight: var(--ml-font-bold);
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
.ml-stat-card__trend {
|
|
64
|
+
font-family: var(--ml-font-sans);
|
|
65
|
+
font-size: var(--ml-text-xs);
|
|
66
|
+
color: var(--ml-color-text-muted);
|
|
67
|
+
line-height: var(--ml-leading-normal);
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
.ml-stat-card__trend--up {
|
|
71
|
+
color: var(--ml-color-success);
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
.ml-stat-card__trend--down {
|
|
75
|
+
color: var(--ml-color-error);
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
.ml-stat-card__trend--neutral {
|
|
79
|
+
color: var(--ml-color-text-muted);
|
|
80
|
+
}
|
|
81
|
+
`;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"stat-card.template.d.ts","sourceRoot":"","sources":["../../../../src/components/data-display/stat-card/stat-card.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAElE,wBAAgB,gBAAgB,CAAC,CAAC,EAAE,iBAAiB,6CA0BpD"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { html, classMap, when } from '@melodicdev/core';
|
|
2
|
+
export function statCardTemplate(c) {
|
|
3
|
+
const iconStyle = c['icon-color'] ? `--ml-stat-card-icon-color: ${c['icon-color']}` : '';
|
|
4
|
+
return html `
|
|
5
|
+
<div class="ml-stat-card">
|
|
6
|
+
<div class="ml-stat-card__header">
|
|
7
|
+
<span class="ml-stat-card__label">${c.label}</span>
|
|
8
|
+
${when(!!c.icon, () => html `
|
|
9
|
+
<div class="ml-stat-card__icon" style=${iconStyle}>
|
|
10
|
+
<ml-icon icon=${c.icon} size="sm"></ml-icon>
|
|
11
|
+
</div>
|
|
12
|
+
`)}
|
|
13
|
+
</div>
|
|
14
|
+
<div class=${classMap({
|
|
15
|
+
'ml-stat-card__value': true,
|
|
16
|
+
'ml-stat-card__value--serif': c['value-font'] === 'serif',
|
|
17
|
+
'ml-stat-card__value--sans': c['value-font'] === 'sans'
|
|
18
|
+
})}>${c.value}</div>
|
|
19
|
+
${when(!!c.trend, () => html `
|
|
20
|
+
<div class=${classMap({
|
|
21
|
+
'ml-stat-card__trend': true,
|
|
22
|
+
[`ml-stat-card__trend--${c['trend-direction']}`]: true
|
|
23
|
+
})}>${c.trend}</div>
|
|
24
|
+
`)}
|
|
25
|
+
</div>
|
|
26
|
+
`;
|
|
27
|
+
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table.component.d.ts","sourceRoot":"","sources":["../../../../src/components/data-display/table/table.component.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACrG,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAiBnE;;;;;;;;;;;;;;GAcG;AACH,qBAMa,cAAe,YAAW,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,gBAAgB;
|
|
1
|
+
{"version":3,"file":"table.component.d.ts","sourceRoot":"","sources":["../../../../src/components/data-display/table/table.component.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACrG,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAiBnE;;;;;;;;;;;;;;GAcG;AACH,qBAMa,cAAe,YAAW,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,gBAAgB;IAC3F,UAAU,EAAG,WAAW,CAAC;IAEhC,+DAA+D;IACxD,aAAa,UAAS;IAE7B,0CAA0C;IACnC,SAAS,UAAS;IAEzB,kDAAkD;IAC3C,gBAAgB,UAAS;IAEhC,0CAA0C;IACnC,UAAU,UAAS;IAE1B,kCAAkC;IAC3B,OAAO,UAAS;IAEvB,8BAA8B;IACvB,SAAS,UAAQ;IAExB,0BAA0B;IACnB,YAAY,UAAS;IAE5B,iBAAiB;IACV,IAAI,EAAE,IAAI,GAAG,IAAI,CAAQ;IAEhC,yBAAyB;IAClB,UAAU,SAAM;IAEvB,+BAA+B;IACxB,WAAW,SAAM;IAExB,2DAA2D;IACpD,OAAO,UAAS;IAEvB,yBAAyB;IAClB,OAAO,EAAE,WAAW,EAAE,CAAM;IAEnC,eAAe;IACR,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAM;IAE5C,kCAAkC;IAC3B,OAAO,SAAM;IAEpB,6BAA6B;IACtB,aAAa,EAAE,aAAa,CAAS;IAE5C,+BAA+B;IACxB,eAAe,EAAE,MAAM,EAAE,CAAM;IAI/B,UAAU,SAAK;IACf,QAAQ,SAAM;IAIrB,OAAO,CAAC,SAAS,CAAyB;IAC1C,OAAO,CAAC,SAAS,CAA4B;IAI7C,IAAW,SAAS,IAAI,MAAM,CAE7B;IAIM,gBAAgB,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,GAAG,IAAI;IAMxE,MAAM,IAAI,IAAI;IAId,QAAQ,IAAI,IAAI;IAgBhB,QAAQ,IAAI,IAAI;IAiBhB,SAAS,IAAI,IAAI;IAOxB,OAAO,CAAC,eAAe;IAgBvB,gDAAgD;IAChD,IAAW,UAAU,IAAI,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAcjD;IAED,IAAW,WAAW,IAAI,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAGlD;IAED,IAAW,eAAe,IAAI,MAAM,CAEnC;IAED,IAAW,kBAAkB,IAAI,MAAM,CAGtC;IAED,IAAW,QAAQ,IAAI,MAAM,CAE5B;IAED,IAAW,WAAW,IAAI,OAAO,CAEhC;IAED,IAAW,YAAY,IAAI,OAAO,CAEjC;IAEM,aAAa,GAAI,OAAO,MAAM,KAAG,OAAO,CAE7C;IAIK,UAAU,GAAI,QAAQ,WAAW,KAAG,IAAI,CAiB7C;IAEK,eAAe,QAAO,IAAI,CAO/B;IAEK,eAAe,GAAI,OAAO,MAAM,EAAE,OAAO,KAAK,KAAG,IAAI,CAQ1D;IAEK,cAAc,GAAI,KAAK,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO,MAAM,KAAG,IAAI,CAQzE;IAEF,OAAO,CAAC,UAAU;CASlB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/data-display/table/table.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW,
|
|
1
|
+
{"version":3,"file":"table.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/data-display/table/table.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW,iDAqPvB,CAAC"}
|
|
@@ -129,7 +129,10 @@ export const tableStyles = () => css `
|
|
|
129
129
|
}
|
|
130
130
|
|
|
131
131
|
.ml-table--hoverable .ml-table__row:hover {
|
|
132
|
-
background-color: var(--ml-color-surface-sunken);
|
|
132
|
+
background-color: var(--ml-table-row-hover-bg, var(--ml-color-surface-sunken));
|
|
133
|
+
border-color: var(--ml-table-row-hover-border-color, transparent);
|
|
134
|
+
border-width: var(--ml-table-row-hover-border-width, 0);
|
|
135
|
+
border-style: solid;
|
|
133
136
|
}
|
|
134
137
|
|
|
135
138
|
.ml-table--row-clickable .ml-table__row {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tag.component.d.ts","sourceRoot":"","sources":["../../../../src/components/data-display/tag/tag.component.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAIlD;;;;;;;;;;;;;;;GAeG;AACH,qBAMa,YAAa,YAAW,WAAW;
|
|
1
|
+
{"version":3,"file":"tag.component.d.ts","sourceRoot":"","sources":["../../../../src/components/data-display/tag/tag.component.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAIlD;;;;;;;;;;;;;;;GAeG;AACH,qBAMa,YAAa,YAAW,WAAW;IACxC,UAAU,EAAG,WAAW,CAAC;IAEhC,eAAe;IACR,IAAI,EAAE,IAAI,CAAQ;IAEzB,yBAAyB;IAClB,GAAG,UAAS;IAEnB,gBAAgB;IACT,WAAW,EAAE,WAAW,CAAa;IAE5C,wBAAwB;IACjB,QAAQ,UAAS;IAExB,0BAA0B;IACnB,YAAY,SAAM;IAEzB,gCAAgC;IACzB,IAAI,SAAM;IAEjB,yCAAyC;IAClC,KAAK,SAAM;IAElB,oBAAoB;IACb,SAAS,UAAS;IAEzB,6BAA6B;IACtB,OAAO,UAAS;IAEvB,qBAAqB;IACd,QAAQ,UAAS;IAExB,gCAAgC;IACzB,WAAW,GAAI,OAAO,KAAK,KAAG,IAAI,CAUvC;IAEF,6BAA6B;IACtB,WAAW,GAAI,OAAO,KAAK,KAAG,IAAI,CAYvC;CACF"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"alert.component.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/alert/alert.component.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAIrD;;;;;;;;;;;;;;;;;GAiBG;AACH,qBAMa,cAAe,YAAW,WAAW;
|
|
1
|
+
{"version":3,"file":"alert.component.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/alert/alert.component.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAIrD;;;;;;;;;;;;;;;;;GAiBG;AACH,qBAMa,cAAe,YAAW,WAAW;IAC1C,UAAU,EAAG,WAAW,CAAC;IAEhC,yBAAyB;IAClB,OAAO,EAAE,YAAY,CAAU;IAEtC,qBAAqB;IACd,KAAK,SAAM;IAElB,0BAA0B;IACnB,WAAW,UAAS;IAEpB,aAAa,QAAO,IAAI,CAS7B;IAEK,iBAAiB,kDAStB;CACF"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"progress.component.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/progress/progress.component.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAIpD,KAAK,eAAe,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AACnE,KAAK,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACvC,KAAK,aAAa,GAAG,QAAQ,GAAG,QAAQ,GAAG,aAAa,CAAC;AACzD,KAAK,qBAAqB,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,cAAc,GAAG,iBAAiB,GAAG,MAAM,CAAC;AAEtG;;;;;;;;;;GAUG;AACH,qBAMa,iBAAkB,YAAW,WAAW;
|
|
1
|
+
{"version":3,"file":"progress.component.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/progress/progress.component.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAIpD,KAAK,eAAe,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AACnE,KAAK,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACvC,KAAK,aAAa,GAAG,QAAQ,GAAG,QAAQ,GAAG,aAAa,CAAC;AACzD,KAAK,qBAAqB,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,cAAc,GAAG,iBAAiB,GAAG,MAAM,CAAC;AAEtG;;;;;;;;;;GAUG;AACH,qBAMa,iBAAkB,YAAW,WAAW;IAC7C,UAAU,EAAG,WAAW,CAAC;IAEhC,4BAA4B;IACrB,KAAK,SAAK;IAEjB,oBAAoB;IACb,GAAG,SAAO;IAEjB,oBAAoB;IACb,OAAO,EAAE,eAAe,CAAa;IAE5C,+BAA+B;IACxB,IAAI,EAAE,YAAY,CAAQ;IAEjC,qBAAqB;IACd,KAAK,SAAM;IAElB,2BAA2B;IACpB,SAAS,UAAS;IAEzB,qDAAqD;IAC9C,KAAK,EAAE,aAAa,CAAY;IAEvC,qCAAqC;IAC9B,aAAa,EAAE,qBAAqB,CAAS;IAEpD,IAAW,UAAU,IAAI,MAAM,CAG9B;IAED,IAAW,YAAY,IAAI,MAAM,CAEhC;IAED,sCAAsC;IACtC,IAAW,YAAY,IAAI,MAAM,CAIhC;IAED,qCAAqC;IACrC,IAAW,YAAY,IAAI,MAAM,CAIhC;IAED,8CAA8C;IAC9C,IAAW,aAAa,IAAI,MAAM,CAEjC;IAED,yCAAyC;IACzC,IAAW,iBAAiB,IAAI,MAAM,CAErC;IAED,kCAAkC;IAClC,IAAW,gBAAgB,IAAI,MAAM,CAEpC;IAED,kCAAkC;IAClC,IAAW,oBAAoB,IAAI,MAAM,CAExC;IAED,uBAAuB;IACvB,IAAW,OAAO,IAAI,MAAM,CAE3B;IAED,uBAAuB;IACvB,IAAW,SAAS,IAAI,MAAM,CAE7B;CACD"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"spinner.component.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/spinner/spinner.component.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAIpD;;;;;;;;;GASG;AACH,qBAMa,gBAAiB,YAAW,WAAW;
|
|
1
|
+
{"version":3,"file":"spinner.component.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/spinner/spinner.component.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAIpD;;;;;;;;;GASG;AACH,qBAMa,gBAAiB,YAAW,WAAW;IAC5C,UAAU,EAAG,WAAW,CAAC;IAEhC,0BAA0B;IACnB,IAAI,EAAE,IAAI,CAAQ;IAEzB,0CAA0C;IACnC,KAAK,SAAa;CACzB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toast-container.component.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/toast/toast-container.component.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAIjE;;;;;GAKG;AACH,qBAMa,uBAAwB,YAAW,WAAW;
|
|
1
|
+
{"version":3,"file":"toast-container.component.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/toast/toast-container.component.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAIjE;;;;;GAKG;AACH,qBAMa,uBAAwB,YAAW,WAAW;IACnD,UAAU,EAAG,WAAW,CAAC;IAEhC,+BAA+B;IACxB,QAAQ,EAAE,aAAa,CAAe;CAC7C"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toast.component.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/toast/toast.component.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC9D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAIhE;;;;;;;;;GASG;AACH,qBAMa,cAAe,YAAW,WAAW,EAAE,QAAQ;
|
|
1
|
+
{"version":3,"file":"toast.component.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/toast/toast.component.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC9D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAIhE;;;;;;;;;GASG;AACH,qBAMa,cAAe,YAAW,WAAW,EAAE,QAAQ;IACpD,UAAU,EAAG,WAAW,CAAC;IAEhC,oBAAoB;IACb,OAAO,EAAE,YAAY,CAAU;IAEtC,kBAAkB;IACX,KAAK,SAAM;IAElB,oBAAoB;IACb,OAAO,SAAM;IAEpB,wDAAwD;IACjD,QAAQ,SAAQ;IAEvB,0BAA0B;IACnB,WAAW,UAAQ;IAE1B,OAAO,CAAC,MAAM,CAA8C;IAErD,QAAQ,IAAI,IAAI;IAMhB,OAAO,QAAO,IAAI,CAcvB;IAEK,UAAU,kDASf;CACF"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toast.service.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/toast/toast.service.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAE/E;;;;;;;;;;;;GAYG;AACH,qBACa,YAAY;IACxB,OAAO,CAAC,YAAY,CAA4B;IAChD,OAAO,CAAC,SAAS,CAA8B;IAE/C,8CAA8C;
|
|
1
|
+
{"version":3,"file":"toast.service.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/toast/toast.service.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAE/E;;;;;;;;;;;;GAYG;AACH,qBACa,YAAY;IACxB,OAAO,CAAC,YAAY,CAA4B;IAChD,OAAO,CAAC,SAAS,CAA8B;IAE/C,8CAA8C;IACvC,WAAW,CAAC,QAAQ,EAAE,aAAa,GAAG,IAAI;IAQjD,2CAA2C;IACpC,IAAI,CAAC,MAAM,EAAE,YAAY,GAAG,IAAI;IAavC,yBAAyB;IAClB,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI;IAIlD,2BAA2B;IACpB,OAAO,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI;IAIrD,2BAA2B;IACpB,OAAO,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI;IAIrD,0BAA0B;IACnB,KAAK,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI;IAInD,OAAO,CAAC,eAAe;CAWvB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"autocomplete.component.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/autocomplete/autocomplete.component.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AACzE,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,KAAK,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAKxF;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,qBAMa,qBAAsB,YAAW,WAAW,EAAE,QAAQ,EAAE,SAAS;
|
|
1
|
+
{"version":3,"file":"autocomplete.component.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/autocomplete/autocomplete.component.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AACzE,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,KAAK,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAKxF;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,qBAMa,qBAAsB,YAAW,WAAW,EAAE,QAAQ,EAAE,SAAS;IACtE,UAAU,EAAG,WAAW,CAAC;IAEhC,iBAAiB;IACV,KAAK,SAAM;IAElB,uBAAuB;IAChB,WAAW,SAAY;IAE9B,kCAAkC;IAC3B,IAAI,SAAM;IAEjB,iDAAiD;IAC1C,KAAK,SAAM;IAElB,qBAAqB;IACd,IAAI,EAAE,IAAI,CAAQ;IAEzB,4BAA4B;IACrB,QAAQ,UAAS;IAExB,uBAAuB;IAChB,QAAQ,UAAS;IAExB,+BAA+B;IACxB,QAAQ,UAAS;IAExB,6CAA6C;IACtC,KAAK,SAAM;IAElB,6CAA6C;IACtC,MAAM,EAAE,MAAM,EAAE,CAAM;IAE7B,0BAA0B;IACnB,OAAO,EAAE,kBAAkB,EAAE,CAAM;IAE1C,4BAA4B;IACrB,QAAQ,EAAE,oBAAoB,GAAG,IAAI,CAAQ;IAEpD,mCAAmC;IAC5B,QAAQ,SAAO;IAEtB,qDAAqD;IAC9C,QAAQ,SAAK;IAEpB,uBAAuB;IAChB,QAAQ,UAAQ;IAEvB,2BAA2B;IACpB,MAAM,SAAM;IAEnB,+BAA+B;IACxB,MAAM,UAAS;IAEtB,qCAAqC;IAC9B,YAAY,SAAM;IAEzB,qCAAqC;IAC9B,OAAO,UAAS;IAEvB,6BAA6B;IACtB,YAAY,EAAE,kBAAkB,EAAE,CAAM;IAE/C,OAAO,CAAC,QAAQ,CAAC,cAAc,CAA6B;IAC5D,OAAO,CAAC,QAAQ,CAAC,oBAAoB,CAAmC;IACxE,OAAO,CAAC,aAAa,CAAyC;IAC9D,OAAO,CAAC,cAAc,CAA8C;IACpE,OAAO,CAAC,cAAc,CAAS;IAExB,QAAQ,IAAI,IAAI;IAIhB,SAAS,IAAI,IAAI;IASjB,gBAAgB,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAkD3C,4CAA4C;IAC5C,IAAW,cAAc,IAAI,kBAAkB,GAAG,SAAS,CAG1D;IAED,wCAAwC;IACxC,IAAW,eAAe,IAAI,kBAAkB,EAAE,CAQjD;IAED,8CAA8C;IAC9C,IAAW,UAAU,IAAI,kBAAkB,EAAE,CAE5C;IAED,mCAAmC;IACnC,IAAW,eAAe,IAAI,kBAAkB,EAAE,CAcjD;IAED,IAAW,QAAQ,IAAI,OAAO,CAE7B;IAED,gDAAgD;IAChD,IAAW,WAAW,IAAI,MAAM,CAG/B;IAED,wBAAwB;IACjB,IAAI,QAAO,IAAI,CAiBpB;IAEF,yBAAyB;IAClB,KAAK,QAAO,IAAI,CAYrB;IAEF,uBAAuB;IAChB,YAAY,GAAI,QAAQ,kBAAkB,KAAG,IAAI,CAmBtD;IAEF,6BAA6B;IACtB,iBAAiB,GAAI,OAAO,KAAK,EAAE,QAAQ,kBAAkB,KAAG,IAAI,CAGzE;IAEF,2BAA2B;IACpB,WAAW,GAAI,OAAO,KAAK,KAAG,IAAI,CAuCvC;IAEF,yBAAyB;IAClB,WAAW,QAAO,IAAI,CAW3B;IAEF,yBAAyB;IAClB,gBAAgB,GAAI,OAAO,KAAK,KAAG,IAAI,CAQ5C;IAEF,sCAAsC;IAC/B,eAAe,GAAI,OAAO,KAAK,EAAE,OAAO,MAAM,KAAG,IAAI,CAY1D;IAEF,4CAA4C;IACrC,WAAW,GAAI,OAAO,KAAK,KAAG,IAAI,CAiBvC;IAEF,OAAO,CAAC,YAAY;IAkBpB,OAAO,CAAC,eAAe;YAST,aAAa;IAY3B,qDAAqD;IACrD,OAAO,CAAC,eAAe;IAOvB,OAAO,CAAC,wBAAwB;IAIhC,OAAO,CAAC,2BAA2B;IAInC,OAAO,CAAC,gBAAgB;IAgBxB,OAAO,CAAC,iBAAiB;IASzB,OAAO,CAAC,oBAAoB;IAO5B,OAAO,CAAC,aAAa;IAIrB,OAAO,CAAC,SAAS;IA0DjB,OAAO,CAAC,eAAe;IAYvB,OAAO,CAAC,mBAAmB;IAY3B,OAAO,CAAC,qBAAqB;IAI7B,OAAO,CAAC,YAAY;IAMpB,OAAO,CAAC,cAAc;CAOtB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.component.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/button/button.component.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAEnE,OAAO,6CAA6C,CAAC;AAIrD;;;;;;;;;;;;;;;;;GAiBG;AACH,qBAMa,eAAgB,YAAW,WAAW,EAAE,MAAM;
|
|
1
|
+
{"version":3,"file":"button.component.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/button/button.component.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAEnE,OAAO,6CAA6C,CAAC;AAIrD;;;;;;;;;;;;;;;;;GAiBG;AACH,qBAMa,eAAgB,YAAW,WAAW,EAAE,MAAM;IACnD,UAAU,EAAG,WAAW,CAAC;IAEhC,2BAA2B;IACpB,OAAO,EAAE,aAAa,CAAa;IAE1C,kBAAkB;IACX,IAAI,EAAE,IAAI,CAAQ;IAEzB,uBAAuB;IAChB,IAAI,EAAE,UAAU,CAAY;IAEnC,yBAAyB;IAClB,QAAQ,UAAS;IAExB,yBAAyB;IAClB,OAAO,UAAS;IAEvB,6BAA6B;IACtB,SAAS,UAAS;IAElB,MAAM,IAAI,IAAI;IAOrB,iDAAiD;IACjD,IAAW,UAAU,IAAI,OAAO,CAE/B;IAED,0BAA0B;IACnB,WAAW,GAAI,OAAO,UAAU,KAAG,IAAI,CAe5C;CACF"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button-group-item.component.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/button-group/button-group-item.component.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAIpD;;;;;;;;;GASG;AACH,qBAMa,wBAAyB,YAAW,WAAW;
|
|
1
|
+
{"version":3,"file":"button-group-item.component.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/button-group/button-group-item.component.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAIpD;;;;;;;;;GASG;AACH,qBAMa,wBAAyB,YAAW,WAAW;IACpD,UAAU,EAAG,WAAW,CAAC;IAEhC,4BAA4B;IACrB,KAAK,SAAM;IAElB,yBAAyB;IAClB,IAAI,SAAM;IAEjB,wBAAwB;IACjB,QAAQ,UAAS;IAExB,qDAAqD;IAC9C,MAAM,UAAS;IAEtB,uCAAuC;IAChC,aAAa,UAAS;IAE7B,6BAA6B;IACtB,SAAS,EAAE,IAAI,CAAQ;IAE9B,IAAW,UAAU,IAAI,OAAO,CAE/B;IAEM,WAAW,QAAO,IAAI,CAS3B;CACF"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button-group.component.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/button-group/button-group.component.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AACzE,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAIpD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,qBAMa,oBAAqB,YAAW,WAAW,EAAE,QAAQ,EAAE,SAAS;
|
|
1
|
+
{"version":3,"file":"button-group.component.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/button-group/button-group.component.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AACzE,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAIpD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,qBAMa,oBAAqB,YAAW,WAAW,EAAE,QAAQ,EAAE,SAAS;IACrE,UAAU,EAAG,WAAW,CAAC;IAEhC,uDAAuD;IAChD,KAAK,SAAM;IAElB,sEAAsE;IAC/D,OAAO,EAAE,SAAS,GAAG,OAAO,CAAa;IAEhD,mBAAmB;IACZ,IAAI,EAAE,IAAI,CAAQ;IAEzB,+BAA+B;IACxB,QAAQ,UAAS;IAExB,gCAAgC;IACzB,QAAQ,UAAS;IAExB,sCAAsC;IAC/B,MAAM,EAAE,MAAM,EAAE,CAAM;IAEtB,QAAQ,IAAI,IAAI;IAKhB,SAAS,IAAI,IAAI;IAIxB,gDAAgD;IACzC,gBAAgB,QAAO,IAAI,CAEhC;IAEF,OAAO,CAAC,QAAQ,CAAC,gBAAgB,CA8B/B;IAEF,OAAO,CAAC,SAAS;CAYjB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox.component.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/checkbox/checkbox.component.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAIpD;;;;;;;;;;;GAWG;AACH,qBAMa,iBAAkB,YAAW,WAAW;
|
|
1
|
+
{"version":3,"file":"checkbox.component.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/checkbox/checkbox.component.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAIpD;;;;;;;;;;;GAWG;AACH,qBAMa,iBAAkB,YAAW,WAAW;IAC7C,UAAU,EAAG,WAAW,CAAC;IAEhC,qBAAqB;IACd,KAAK,SAAM;IAElB,mCAAmC;IAC5B,IAAI,SAAM;IAEjB,oBAAoB;IACb,IAAI,EAAE,IAAI,CAAQ;IAEzB,oBAAoB;IACb,OAAO,UAAS;IAEvB,0BAA0B;IACnB,aAAa,UAAS;IAE7B,qBAAqB;IACd,QAAQ,UAAS;IAEjB,YAAY,GAAI,OAAO,KAAK,KAAG,IAAI,CAiBxC;CACF"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"calendar.component.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/date-picker/calendar.component.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAI/E,MAAM,WAAW,WAAW;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,cAAc,EAAE,OAAO,CAAC;IACxB,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,EAAE,OAAO,CAAC;CACpB;AAeD;;;;;;;;;;GAUG;AACH,qBAMa,iBAAkB,YAAW,WAAW,EAAE,MAAM,EAAE,iBAAiB;
|
|
1
|
+
{"version":3,"file":"calendar.component.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/date-picker/calendar.component.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAI/E,MAAM,WAAW,WAAW;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,cAAc,EAAE,OAAO,CAAC;IACxB,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,EAAE,OAAO,CAAC;CACpB;AAeD;;;;;;;;;;GAUG;AACH,qBAMa,iBAAkB,YAAW,WAAW,EAAE,MAAM,EAAE,iBAAiB;IACxE,UAAU,EAAG,WAAW,CAAC;IAEhC,+CAA+C;IACxC,KAAK,SAAM;IAElB,2CAA2C;IACpC,GAAG,SAAM;IAEhB,2CAA2C;IACpC,GAAG,SAAM;IAEhB,oCAAoC;IAC7B,SAAS,SAAyB;IAEzC,4BAA4B;IACrB,QAAQ,SAA4B;IAEpC,MAAM,IAAI,IAAI;IAId,iBAAiB,CAAC,IAAI,EAAE,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,GAAG,IAAI;IAMzE,OAAO,CAAC,eAAe;IASvB,IAAW,UAAU,IAAI,MAAM,CAE9B;IAED,IAAW,QAAQ,IAAI,MAAM,EAAE,CAE9B;IAED,IAAW,IAAI,IAAI,WAAW,EAAE,CAiE/B;IAEM,QAAQ,QAAO,IAAI,CAExB;IAEK,QAAQ,QAAO,IAAI,CAExB;IAEK,SAAS,QAAO,IAAI,CAOzB;IAEK,SAAS,QAAO,IAAI,CAOzB;IAEK,SAAS,GAAI,KAAK,WAAW,KAAG,IAAI,CAazC;IAEK,SAAS,QAAO,IAAI,CAezB;IAEF,OAAO,CAAC,UAAU;CAKlB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"date-picker.component.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/date-picker/date-picker.component.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAiBzE;;;;;;;;;;GAUG;AACH,qBAMa,mBAAoB,YAAW,WAAW,EAAE,QAAQ,EAAE,SAAS;
|
|
1
|
+
{"version":3,"file":"date-picker.component.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/date-picker/date-picker.component.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAiBzE;;;;;;;;;;GAUG;AACH,qBAMa,mBAAoB,YAAW,WAAW,EAAE,QAAQ,EAAE,SAAS;IACpE,UAAU,EAAG,WAAW,CAAC;IAEhC,+CAA+C;IACxC,KAAK,SAAM;IAElB,uBAAuB;IAChB,WAAW,SAAiB;IAEnC,kBAAkB;IACX,KAAK,SAAM;IAElB,gBAAgB;IACT,IAAI,SAAM;IAEjB,oBAAoB;IACb,KAAK,SAAM;IAElB,iBAAiB;IACV,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAQ;IAEvC,qBAAqB;IACd,QAAQ,UAAS;IAExB,qBAAqB;IACd,QAAQ,UAAS;IAExB,2CAA2C;IACpC,GAAG,SAAM;IAEhB,2CAA2C;IACpC,GAAG,SAAM;IAEhB,2CAA2C;IACpC,MAAM,UAAS;IAEtB,OAAO,CAAC,kBAAkB,CAA6B;IAEvD,IAAW,YAAY,IAAI,MAAM,CAEhC;IAEM,QAAQ,IAAI,IAAI;IAOhB,SAAS,IAAI,IAAI;IAQjB,cAAc,QAAO,IAAI,CAM9B;IAEF,oEAAoE;IAC7D,gBAAgB,GAAI,OAAO,KAAK,KAAG,IAAI,CAK5C;IAEK,aAAa,GAAI,OAAO,aAAa,KAAG,IAAI,CAQjD;IAEF,OAAO,CAAC,WAAW;IAWnB,OAAO,CAAC,QAAQ,CAAC,aAAa,CAW5B;IAEF,OAAO,CAAC,YAAY;IAOpB,OAAO,CAAC,gBAAgB;IAUxB,OAAO,CAAC,cAAc;IAUtB,OAAO,CAAC,WAAW;IAOnB,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,YAAY;CAGpB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"date-time-picker.component.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/date-time-picker/date-time-picker.component.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAKzE,OAAO,yCAAyC,CAAC;AACjD,OAAO,yCAAyC,CAAC;AAiCjD;;;;;;;;;;;;;GAaG;AACH,qBAMa,uBAAwB,YAAW,WAAW,EAAE,QAAQ,EAAE,SAAS;
|
|
1
|
+
{"version":3,"file":"date-time-picker.component.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/date-time-picker/date-time-picker.component.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAKzE,OAAO,yCAAyC,CAAC;AACjD,OAAO,yCAAyC,CAAC;AAiCjD;;;;;;;;;;;;;GAaG;AACH,qBAMa,uBAAwB,YAAW,WAAW,EAAE,QAAQ,EAAE,SAAS;IACxE,UAAU,EAAG,WAAW,CAAC;IAEhC,yDAAyD;IAClD,KAAK,SAAM;IAElB,uBAAuB;IAChB,WAAW,SAA0B;IAE5C,kBAAkB;IACX,KAAK,SAAM;IAElB,gBAAgB;IACT,IAAI,SAAM;IAEjB,oBAAoB;IACb,KAAK,SAAM;IAElB,iBAAiB;IACV,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAQ;IAEvC,qBAAqB;IACd,QAAQ,UAAS;IAExB,qBAAqB;IACd,QAAQ,UAAS;IAExB,2CAA2C;IACpC,OAAO,SAAM;IAEpB,2CAA2C;IACpC,OAAO,SAAM;IAEpB,sCAAsC;IAC/B,OAAO,SAAM;IAEpB,sCAAsC;IAC/B,OAAO,SAAM;IAEpB,2BAA2B;IACpB,IAAI,SAAM;IAEjB,yCAAyC;IAClC,UAAU,UAAQ;IAEzB,4BAA4B;IACrB,SAAS,SAAM;IAEtB,4BAA4B;IACrB,SAAS,SAAM;IAEtB,OAAO,CAAC,UAAU,CAAyB;IAE3C,IAAW,SAAS,IAAI,OAAO,CAE9B;IAED,IAAW,YAAY,IAAI,MAAM,CAEhC;IAEM,QAAQ,IAAI,IAAI;IAKhB,SAAS,IAAI,IAAI;IAKxB,OAAO,CAAC,aAAa;IAOrB,OAAO,CAAC,oBAAoB;IA4B5B,OAAO,CAAC,UAAU;CAqBlB"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import type { IElementRef } from '@melodicdev/core';
|
|
2
|
+
import type { Size } from '../../../types/index.js';
|
|
3
|
+
import type { FileIconColor } from './file-upload.types.js';
|
|
4
|
+
export declare class FileIconComponent implements IElementRef {
|
|
5
|
+
elementRef: HTMLElement;
|
|
6
|
+
extension: string;
|
|
7
|
+
color: FileIconColor | '';
|
|
8
|
+
size: Size;
|
|
9
|
+
get resolvedColor(): FileIconColor;
|
|
10
|
+
get displayExtension(): string;
|
|
11
|
+
}
|
|
12
|
+
//# sourceMappingURL=file-icon.component.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"file-icon.component.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/file-upload/file-icon.component.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAK5D,qBAMa,iBAAkB,YAAW,WAAW;IAC7C,UAAU,EAAG,WAAW,CAAC;IAEzB,SAAS,SAAM;IACf,KAAK,EAAE,aAAa,GAAG,EAAE,CAAM;IAC/B,IAAI,EAAE,IAAI,CAAQ;IAEzB,IAAW,aAAa,IAAI,aAAa,CAGxC;IAED,IAAW,gBAAgB,IAAI,MAAM,CAEpC;CACD"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
2
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
3
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
4
|
+
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
5
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
|
+
};
|
|
7
|
+
import { MelodicComponent } from '@melodicdev/core';
|
|
8
|
+
import { getColorForExtension } from './file-upload.types.js';
|
|
9
|
+
import { fileIconTemplate } from './file-icon.template.js';
|
|
10
|
+
import { fileIconStyles } from './file-icon.styles.js';
|
|
11
|
+
let FileIconComponent = class FileIconComponent {
|
|
12
|
+
constructor() {
|
|
13
|
+
this.extension = '';
|
|
14
|
+
this.color = '';
|
|
15
|
+
this.size = 'md';
|
|
16
|
+
}
|
|
17
|
+
get resolvedColor() {
|
|
18
|
+
if (this.color)
|
|
19
|
+
return this.color;
|
|
20
|
+
return this.extension ? getColorForExtension(this.extension) : 'gray';
|
|
21
|
+
}
|
|
22
|
+
get displayExtension() {
|
|
23
|
+
return this.extension.toUpperCase();
|
|
24
|
+
}
|
|
25
|
+
};
|
|
26
|
+
FileIconComponent = __decorate([
|
|
27
|
+
MelodicComponent({
|
|
28
|
+
selector: 'ml-file-icon',
|
|
29
|
+
template: fileIconTemplate,
|
|
30
|
+
styles: fileIconStyles,
|
|
31
|
+
attributes: ['extension', 'color', 'size']
|
|
32
|
+
})
|
|
33
|
+
], FileIconComponent);
|
|
34
|
+
export { FileIconComponent };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"file-icon.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/file-upload/file-icon.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,iDA0H1B,CAAC"}
|
|
@@ -0,0 +1,124 @@
|
|
|
1
|
+
import { css } from '@melodicdev/core';
|
|
2
|
+
export const fileIconStyles = () => css `
|
|
3
|
+
:host {
|
|
4
|
+
display: inline-flex;
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
.ml-file-icon {
|
|
8
|
+
position: relative;
|
|
9
|
+
display: inline-flex;
|
|
10
|
+
flex-shrink: 0;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
.ml-file-icon__svg {
|
|
14
|
+
display: block;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
.ml-file-icon__body {
|
|
18
|
+
fill: var(--ml-color-surface);
|
|
19
|
+
stroke: var(--ml-color-border);
|
|
20
|
+
stroke-width: 1;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
.ml-file-icon__fold {
|
|
24
|
+
fill: var(--ml-color-border);
|
|
25
|
+
opacity: 0.6;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
.ml-file-icon__badge {
|
|
29
|
+
position: absolute;
|
|
30
|
+
bottom: 4px;
|
|
31
|
+
left: 50%;
|
|
32
|
+
transform: translateX(-50%);
|
|
33
|
+
font-size: 8px;
|
|
34
|
+
font-weight: var(--ml-font-bold, 700);
|
|
35
|
+
font-family: var(--ml-font-sans);
|
|
36
|
+
letter-spacing: 0.02em;
|
|
37
|
+
line-height: 1;
|
|
38
|
+
padding: 2px 4px;
|
|
39
|
+
border-radius: var(--ml-radius-xs);
|
|
40
|
+
color: white;
|
|
41
|
+
white-space: nowrap;
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
/* Sizes */
|
|
45
|
+
.ml-file-icon--sm .ml-file-icon__svg {
|
|
46
|
+
width: 24px;
|
|
47
|
+
height: 28px;
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
.ml-file-icon--sm .ml-file-icon__badge {
|
|
51
|
+
font-size: 6px;
|
|
52
|
+
padding: 1px 3px;
|
|
53
|
+
bottom: 2px;
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
.ml-file-icon--md .ml-file-icon__svg {
|
|
57
|
+
width: 32px;
|
|
58
|
+
height: 38px;
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
.ml-file-icon--md .ml-file-icon__badge {
|
|
62
|
+
font-size: 7px;
|
|
63
|
+
padding: 2px 4px;
|
|
64
|
+
bottom: 3px;
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
.ml-file-icon--lg .ml-file-icon__svg {
|
|
68
|
+
width: 40px;
|
|
69
|
+
height: 48px;
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
.ml-file-icon--lg .ml-file-icon__badge {
|
|
73
|
+
font-size: 8px;
|
|
74
|
+
padding: 2px 5px;
|
|
75
|
+
bottom: 4px;
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
.ml-file-icon--xs .ml-file-icon__svg {
|
|
79
|
+
width: 20px;
|
|
80
|
+
height: 24px;
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
.ml-file-icon--xs .ml-file-icon__badge {
|
|
84
|
+
font-size: 5px;
|
|
85
|
+
padding: 1px 2px;
|
|
86
|
+
bottom: 2px;
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
.ml-file-icon--xl .ml-file-icon__svg {
|
|
90
|
+
width: 48px;
|
|
91
|
+
height: 58px;
|
|
92
|
+
}
|
|
93
|
+
|
|
94
|
+
.ml-file-icon--xl .ml-file-icon__badge {
|
|
95
|
+
font-size: 10px;
|
|
96
|
+
padding: 2px 6px;
|
|
97
|
+
bottom: 6px;
|
|
98
|
+
}
|
|
99
|
+
|
|
100
|
+
/* Color variants */
|
|
101
|
+
.ml-file-icon--red .ml-file-icon__badge {
|
|
102
|
+
background-color: var(--ml-color-danger);
|
|
103
|
+
}
|
|
104
|
+
|
|
105
|
+
.ml-file-icon--green .ml-file-icon__badge {
|
|
106
|
+
background-color: var(--ml-color-success);
|
|
107
|
+
}
|
|
108
|
+
|
|
109
|
+
.ml-file-icon--blue .ml-file-icon__badge {
|
|
110
|
+
background-color: var(--ml-color-primary);
|
|
111
|
+
}
|
|
112
|
+
|
|
113
|
+
.ml-file-icon--purple .ml-file-icon__badge {
|
|
114
|
+
background-color: var(--ml-purple-600, #7c3aed);
|
|
115
|
+
}
|
|
116
|
+
|
|
117
|
+
.ml-file-icon--amber .ml-file-icon__badge {
|
|
118
|
+
background-color: var(--ml-color-warning);
|
|
119
|
+
}
|
|
120
|
+
|
|
121
|
+
.ml-file-icon--gray .ml-file-icon__badge {
|
|
122
|
+
background-color: var(--ml-color-text-muted);
|
|
123
|
+
}
|
|
124
|
+
`;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"file-icon.template.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/file-upload/file-icon.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAElE,wBAAgB,gBAAgB,CAAC,CAAC,EAAE,iBAAiB,6CAmBpD"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { html, classMap, when } from '@melodicdev/core';
|
|
2
|
+
export function fileIconTemplate(c) {
|
|
3
|
+
return html `
|
|
4
|
+
<div class=${classMap({
|
|
5
|
+
'ml-file-icon': true,
|
|
6
|
+
[`ml-file-icon--${c.size}`]: true,
|
|
7
|
+
[`ml-file-icon--${c.resolvedColor}`]: true
|
|
8
|
+
})}>
|
|
9
|
+
<svg viewBox="0 0 40 48" fill="none" class="ml-file-icon__svg">
|
|
10
|
+
<!-- Document body -->
|
|
11
|
+
<path d="M0 4C0 1.79 1.79 0 4 0H24L40 16V44C40 46.21 38.21 48 36 48H4C1.79 48 0 46.21 0 44V4Z" class="ml-file-icon__body" />
|
|
12
|
+
<!-- Folded corner -->
|
|
13
|
+
<path d="M24 0L40 16H28C25.79 16 24 14.21 24 12V0Z" class="ml-file-icon__fold" />
|
|
14
|
+
</svg>
|
|
15
|
+
${when(!!c.extension, () => html `<span class="ml-file-icon__badge">${c.displayExtension}</span>`)}
|
|
16
|
+
</div>
|
|
17
|
+
`;
|
|
18
|
+
}
|