@xsmusices/ui 0.0.0-stage → 1.41.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +78 -2
- package/fesm2022/xsmusices-ui-country-flag.xsstory-BPTu5b4i.mjs +84 -0
- package/fesm2022/xsmusices-ui-country-flag.xsstory-BPTu5b4i.mjs.map +1 -0
- package/fesm2022/xsmusices-ui-country-name.xsstory-ENhKrPTw.mjs +106 -0
- package/fesm2022/xsmusices-ui-country-name.xsstory-ENhKrPTw.mjs.map +1 -0
- package/fesm2022/xsmusices-ui-date-chat.xsstory-BBAJebr1.mjs +75 -0
- package/fesm2022/xsmusices-ui-date-chat.xsstory-BBAJebr1.mjs.map +1 -0
- package/fesm2022/xsmusices-ui-date-format.xsstory-Chrcn1yu.mjs +69 -0
- package/fesm2022/xsmusices-ui-date-format.xsstory-Chrcn1yu.mjs.map +1 -0
- package/fesm2022/xsmusices-ui-date-long.xsstory-CkYL5e1z.mjs +67 -0
- package/fesm2022/xsmusices-ui-date-long.xsstory-CkYL5e1z.mjs.map +1 -0
- package/fesm2022/xsmusices-ui-first-letter-case.xsstory-BJDtnUwE.mjs +49 -0
- package/fesm2022/xsmusices-ui-first-letter-case.xsstory-BJDtnUwE.mjs.map +1 -0
- package/fesm2022/xsmusices-ui-import-media-bottom-bar.xsstory-7FhVkiVz.mjs +29 -0
- package/fesm2022/xsmusices-ui-import-media-bottom-bar.xsstory-7FhVkiVz.mjs.map +1 -0
- package/fesm2022/xsmusices-ui-import-media-card.xsstory-vhn8r2YJ.mjs +61 -0
- package/fesm2022/xsmusices-ui-import-media-card.xsstory-vhn8r2YJ.mjs.map +1 -0
- package/fesm2022/xsmusices-ui-import-media-flow.xsstory-CMVovyMA.mjs +122 -0
- package/fesm2022/xsmusices-ui-import-media-flow.xsstory-CMVovyMA.mjs.map +1 -0
- package/fesm2022/xsmusices-ui-import-media-header.xsstory-Ci82oaxD.mjs +37 -0
- package/fesm2022/xsmusices-ui-import-media-header.xsstory-Ci82oaxD.mjs.map +1 -0
- package/fesm2022/xsmusices-ui-index-BpVmLxoG.mjs +11164 -0
- package/fesm2022/xsmusices-ui-index-BpVmLxoG.mjs.map +1 -0
- package/fesm2022/xsmusices-ui-max-count.xsstory-kWzvhDsC.mjs +70 -0
- package/fesm2022/xsmusices-ui-max-count.xsstory-kWzvhDsC.mjs.map +1 -0
- package/fesm2022/xsmusices-ui-number-to-month.xsstory-LUhA1uRx.mjs +81 -0
- package/fesm2022/xsmusices-ui-number-to-month.xsstory-LUhA1uRx.mjs.map +1 -0
- package/fesm2022/xsmusices-ui-priorities.xsstory-3n93Ph84.mjs +92 -0
- package/fesm2022/xsmusices-ui-priorities.xsstory-3n93Ph84.mjs.map +1 -0
- package/fesm2022/xsmusices-ui-role.xsstory-Cz3SBwNU.mjs +76 -0
- package/fesm2022/xsmusices-ui-role.xsstory-Cz3SBwNU.mjs.map +1 -0
- package/fesm2022/xsmusices-ui-slice-array.xsstory-ElPwFlwd.mjs +76 -0
- package/fesm2022/xsmusices-ui-slice-array.xsstory-ElPwFlwd.mjs.map +1 -0
- package/fesm2022/xsmusices-ui-social.xsstory-gjFcbal_.mjs +83 -0
- package/fesm2022/xsmusices-ui-social.xsstory-gjFcbal_.mjs.map +1 -0
- package/fesm2022/xsmusices-ui-state-name.xsstory-kkdBe2V8.mjs +113 -0
- package/fesm2022/xsmusices-ui-state-name.xsstory-kkdBe2V8.mjs.map +1 -0
- package/fesm2022/xsmusices-ui-stats-card.xsstory-PWTUDysc.mjs +96 -0
- package/fesm2022/xsmusices-ui-stats-card.xsstory-PWTUDysc.mjs.map +1 -0
- package/fesm2022/xsmusices-ui-thousands-separator.xsstory-Q9Q7cCAG.mjs +49 -0
- package/fesm2022/xsmusices-ui-thousands-separator.xsstory-Q9Q7cCAG.mjs.map +1 -0
- package/fesm2022/xsmusices-ui-title-media.xsstory-C4qa-mT2.mjs +81 -0
- package/fesm2022/xsmusices-ui-title-media.xsstory-C4qa-mT2.mjs.map +1 -0
- package/fesm2022/xsmusices-ui-truncate-text.xsstory-B3RQ9xZ3.mjs +67 -0
- package/fesm2022/xsmusices-ui-truncate-text.xsstory-B3RQ9xZ3.mjs.map +1 -0
- package/fesm2022/xsmusices-ui-type-es.xsstory-BsE_4D9p.mjs +110 -0
- package/fesm2022/xsmusices-ui-type-es.xsstory-BsE_4D9p.mjs.map +1 -0
- package/fesm2022/xsmusices-ui-type-user.xsstory-Bn6Fnnmi.mjs +98 -0
- package/fesm2022/xsmusices-ui-type-user.xsstory-Bn6Fnnmi.mjs.map +1 -0
- package/fesm2022/xsmusices-ui-xs-action-sheet.xsstory-CBpZBlfx.mjs +402 -0
- package/fesm2022/xsmusices-ui-xs-action-sheet.xsstory-CBpZBlfx.mjs.map +1 -0
- package/fesm2022/xsmusices-ui-xs-alert-group.xsstory-HMGGLHfv.mjs +201 -0
- package/fesm2022/xsmusices-ui-xs-alert-group.xsstory-HMGGLHfv.mjs.map +1 -0
- package/fesm2022/xsmusices-ui-xs-alert.xsstory-CXTRbHHS.mjs +158 -0
- package/fesm2022/xsmusices-ui-xs-alert.xsstory-CXTRbHHS.mjs.map +1 -0
- package/fesm2022/xsmusices-ui-xs-auth.xsstory-DxO8iDpd.mjs +205 -0
- package/fesm2022/xsmusices-ui-xs-auth.xsstory-DxO8iDpd.mjs.map +1 -0
- package/fesm2022/xsmusices-ui-xs-badge.xsstory-BZnTAQWz.mjs +232 -0
- package/fesm2022/xsmusices-ui-xs-badge.xsstory-BZnTAQWz.mjs.map +1 -0
- package/fesm2022/xsmusices-ui-xs-block.xsstory-GXV6UFJo.mjs +165 -0
- package/fesm2022/xsmusices-ui-xs-block.xsstory-GXV6UFJo.mjs.map +1 -0
- package/fesm2022/xsmusices-ui-xs-breadcrumbs.xsstory-CNyBeURd.mjs +44 -0
- package/fesm2022/xsmusices-ui-xs-breadcrumbs.xsstory-CNyBeURd.mjs.map +1 -0
- package/fesm2022/xsmusices-ui-xs-button.xsstory-DqECZuZF.mjs +263 -0
- package/fesm2022/xsmusices-ui-xs-button.xsstory-DqECZuZF.mjs.map +1 -0
- package/fesm2022/xsmusices-ui-xs-buttons-group.xsstory-H1pcuFtx.mjs +97 -0
- package/fesm2022/xsmusices-ui-xs-buttons-group.xsstory-H1pcuFtx.mjs.map +1 -0
- package/fesm2022/xsmusices-ui-xs-chart.xsstory--iUHj7bv.mjs +239 -0
- package/fesm2022/xsmusices-ui-xs-chart.xsstory--iUHj7bv.mjs.map +1 -0
- package/fesm2022/xsmusices-ui-xs-chat-alert.xsstory-rdpQcMgJ.mjs +40 -0
- package/fesm2022/xsmusices-ui-xs-chat-alert.xsstory-rdpQcMgJ.mjs.map +1 -0
- package/fesm2022/xsmusices-ui-xs-chat-conversation-info.xsstory-BQjdjpbB.mjs +157 -0
- package/fesm2022/xsmusices-ui-xs-chat-conversation-info.xsstory-BQjdjpbB.mjs.map +1 -0
- package/fesm2022/xsmusices-ui-xs-chat-conversation.xsstory-sK9b5_Wo.mjs +303 -0
- package/fesm2022/xsmusices-ui-xs-chat-conversation.xsstory-sK9b5_Wo.mjs.map +1 -0
- package/fesm2022/xsmusices-ui-xs-chat-floating-panel.xsstory-_XfEzM1j.mjs +223 -0
- package/fesm2022/xsmusices-ui-xs-chat-floating-panel.xsstory-_XfEzM1j.mjs.map +1 -0
- package/fesm2022/xsmusices-ui-xs-chat-list.xsstory-BSY46FgK.mjs +46 -0
- package/fesm2022/xsmusices-ui-xs-chat-list.xsstory-BSY46FgK.mjs.map +1 -0
- package/fesm2022/xsmusices-ui-xs-chat-textarea.xsstory-NG2p0Tdw.mjs +35 -0
- package/fesm2022/xsmusices-ui-xs-chat-textarea.xsstory-NG2p0Tdw.mjs.map +1 -0
- package/fesm2022/xsmusices-ui-xs-customize-profile.xsstory-Ba7wmXF7.mjs +98 -0
- package/fesm2022/xsmusices-ui-xs-customize-profile.xsstory-Ba7wmXF7.mjs.map +1 -0
- package/fesm2022/xsmusices-ui-xs-date-mini.xsstory-DXog7Yhg.mjs +67 -0
- package/fesm2022/xsmusices-ui-xs-date-mini.xsstory-DXog7Yhg.mjs.map +1 -0
- package/fesm2022/xsmusices-ui-xs-date-range-picker.xsstory-Bmk2wv1s.mjs +25 -0
- package/fesm2022/xsmusices-ui-xs-date-range-picker.xsstory-Bmk2wv1s.mjs.map +1 -0
- package/fesm2022/xsmusices-ui-xs-empty-state.xsstory-CCOJ4b9_.mjs +70 -0
- package/fesm2022/xsmusices-ui-xs-empty-state.xsstory-CCOJ4b9_.mjs.map +1 -0
- package/fesm2022/xsmusices-ui-xs-filter-panel.xsstory-DbvxGppo.mjs +287 -0
- package/fesm2022/xsmusices-ui-xs-filter-panel.xsstory-DbvxGppo.mjs.map +1 -0
- package/fesm2022/xsmusices-ui-xs-formly.xsstory-Bjne7mpZ.mjs +3453 -0
- package/fesm2022/xsmusices-ui-xs-formly.xsstory-Bjne7mpZ.mjs.map +1 -0
- package/fesm2022/xsmusices-ui-xs-full-image.xsstory-xwN2jkW1.mjs +147 -0
- package/fesm2022/xsmusices-ui-xs-full-image.xsstory-xwN2jkW1.mjs.map +1 -0
- package/fesm2022/xsmusices-ui-xs-icon.xsstory-asFaHy5H.mjs +97 -0
- package/fesm2022/xsmusices-ui-xs-icon.xsstory-asFaHy5H.mjs.map +1 -0
- package/fesm2022/xsmusices-ui-xs-image.xsstory-BaeUg3Zp.mjs +142 -0
- package/fesm2022/xsmusices-ui-xs-image.xsstory-BaeUg3Zp.mjs.map +1 -0
- package/fesm2022/xsmusices-ui-xs-info-blocks.xsstory-BHtaC7U6.mjs +957 -0
- package/fesm2022/xsmusices-ui-xs-info-blocks.xsstory-BHtaC7U6.mjs.map +1 -0
- package/fesm2022/xsmusices-ui-xs-item-action.xsstory-839UkJyC.mjs +153 -0
- package/fesm2022/xsmusices-ui-xs-item-action.xsstory-839UkJyC.mjs.map +1 -0
- package/fesm2022/xsmusices-ui-xs-item-card.xsstory-EGJ6itkx.mjs +254 -0
- package/fesm2022/xsmusices-ui-xs-item-card.xsstory-EGJ6itkx.mjs.map +1 -0
- package/fesm2022/xsmusices-ui-xs-item-compact.xsstory-DuSgaCDY.mjs +270 -0
- package/fesm2022/xsmusices-ui-xs-item-compact.xsstory-DuSgaCDY.mjs.map +1 -0
- package/fesm2022/xsmusices-ui-xs-item-type.xsstory-BWJQ-hDk.mjs +252 -0
- package/fesm2022/xsmusices-ui-xs-item-type.xsstory-BWJQ-hDk.mjs.map +1 -0
- package/fesm2022/xsmusices-ui-xs-items-slider.xsstory-CS4xTKuJ.mjs +189 -0
- package/fesm2022/xsmusices-ui-xs-items-slider.xsstory-CS4xTKuJ.mjs.map +1 -0
- package/fesm2022/xsmusices-ui-xs-list.xsstory-BxAErIEF.mjs +633 -0
- package/fesm2022/xsmusices-ui-xs-list.xsstory-BxAErIEF.mjs.map +1 -0
- package/fesm2022/xsmusices-ui-xs-map.xsstory-DBT6h0Hv.mjs +269 -0
- package/fesm2022/xsmusices-ui-xs-map.xsstory-DBT6h0Hv.mjs.map +1 -0
- package/fesm2022/xsmusices-ui-xs-maplibre.xsstory-u_NroLqJ.mjs +513 -0
- package/fesm2022/xsmusices-ui-xs-maplibre.xsstory-u_NroLqJ.mjs.map +1 -0
- package/fesm2022/xsmusices-ui-xs-modal.xsstory-B96CYHF0.mjs +199 -0
- package/fesm2022/xsmusices-ui-xs-modal.xsstory-B96CYHF0.mjs.map +1 -0
- package/fesm2022/xsmusices-ui-xs-navbar-sidebar.xsstory-DHmPSARx.mjs +122 -0
- package/fesm2022/xsmusices-ui-xs-navbar-sidebar.xsstory-DHmPSARx.mjs.map +1 -0
- package/fesm2022/xsmusices-ui-xs-navbar.xsstory-CkdvldoV.mjs +182 -0
- package/fesm2022/xsmusices-ui-xs-navbar.xsstory-CkdvldoV.mjs.map +1 -0
- package/fesm2022/xsmusices-ui-xs-profile-comments.xsstory-CHpCDxLe.mjs +373 -0
- package/fesm2022/xsmusices-ui-xs-profile-comments.xsstory-CHpCDxLe.mjs.map +1 -0
- package/fesm2022/xsmusices-ui-xs-profile-current-event.xsstory-BtRq4wE4.mjs +111 -0
- package/fesm2022/xsmusices-ui-xs-profile-current-event.xsstory-BtRq4wE4.mjs.map +1 -0
- package/fesm2022/xsmusices-ui-xs-profile-exclusive.xsstory-B1Sag_X-.mjs +147 -0
- package/fesm2022/xsmusices-ui-xs-profile-exclusive.xsstory-B1Sag_X-.mjs.map +1 -0
- package/fesm2022/xsmusices-ui-xs-profile-image.xsstory-Cm_ixcdU.mjs +181 -0
- package/fesm2022/xsmusices-ui-xs-profile-image.xsstory-Cm_ixcdU.mjs.map +1 -0
- package/fesm2022/xsmusices-ui-xs-profile-info.xsstory-DAfsbXrF.mjs +95 -0
- package/fesm2022/xsmusices-ui-xs-profile-info.xsstory-DAfsbXrF.mjs.map +1 -0
- package/fesm2022/xsmusices-ui-xs-profile-random-flag.xsstory-DH3Y_XX1.mjs +50 -0
- package/fesm2022/xsmusices-ui-xs-profile-random-flag.xsstory-DH3Y_XX1.mjs.map +1 -0
- package/fesm2022/xsmusices-ui-xs-profile-skeleton.xsstory-BO0ZqUMS.mjs +66 -0
- package/fesm2022/xsmusices-ui-xs-profile-skeleton.xsstory-BO0ZqUMS.mjs.map +1 -0
- package/fesm2022/xsmusices-ui-xs-profile-tops.xsstory-eKxRAMdS.mjs +246 -0
- package/fesm2022/xsmusices-ui-xs-profile-tops.xsstory-eKxRAMdS.mjs.map +1 -0
- package/fesm2022/xsmusices-ui-xs-profile-verified.xsstory-HtbUlJFX.mjs +34 -0
- package/fesm2022/xsmusices-ui-xs-profile-verified.xsstory-HtbUlJFX.mjs.map +1 -0
- package/fesm2022/xsmusices-ui-xs-section-title.xsstory-CHlZ69FK.mjs +180 -0
- package/fesm2022/xsmusices-ui-xs-section-title.xsstory-CHlZ69FK.mjs.map +1 -0
- package/fesm2022/xsmusices-ui-xs-select-modal.xsstory-BMc6o0W7.mjs +112 -0
- package/fesm2022/xsmusices-ui-xs-select-modal.xsstory-BMc6o0W7.mjs.map +1 -0
- package/fesm2022/xsmusices-ui-xs-send-scraper.xsstory-Cq6PuwN7.mjs +79 -0
- package/fesm2022/xsmusices-ui-xs-send-scraper.xsstory-Cq6PuwN7.mjs.map +1 -0
- package/fesm2022/xsmusices-ui-xs-skeleton-for-slider.xsstory-k-uutKIV.mjs +67 -0
- package/fesm2022/xsmusices-ui-xs-skeleton-for-slider.xsstory-k-uutKIV.mjs.map +1 -0
- package/fesm2022/xsmusices-ui-xs-stepper.xsstory-gKU4wN-_.mjs +91 -0
- package/fesm2022/xsmusices-ui-xs-stepper.xsstory-gKU4wN-_.mjs.map +1 -0
- package/fesm2022/xsmusices-ui-xs-table-items.xsstory-vR5x6wZe.mjs +95 -0
- package/fesm2022/xsmusices-ui-xs-table-items.xsstory-vR5x6wZe.mjs.map +1 -0
- package/fesm2022/xsmusices-ui-xs-table.xsstory-DXiZHI7p.mjs +2941 -0
- package/fesm2022/xsmusices-ui-xs-table.xsstory-DXiZHI7p.mjs.map +1 -0
- package/fesm2022/xsmusices-ui-xs-tabs.xsstory-ColZVzXZ.mjs +72 -0
- package/fesm2022/xsmusices-ui-xs-tabs.xsstory-ColZVzXZ.mjs.map +1 -0
- package/fesm2022/xsmusices-ui-xs-title-collapse.xsstory-COqb1jdP.mjs +65 -0
- package/fesm2022/xsmusices-ui-xs-title-collapse.xsstory-COqb1jdP.mjs.map +1 -0
- package/fesm2022/xsmusices-ui-xs-toast.xsstory-BBhGu-j4.mjs +59 -0
- package/fesm2022/xsmusices-ui-xs-toast.xsstory-BBhGu-j4.mjs.map +1 -0
- package/fesm2022/xsmusices-ui.mjs +23429 -0
- package/fesm2022/xsmusices-ui.mjs.map +1 -0
- package/index.d.ts +5851 -0
- package/package.json +45 -4
- package/styles/shared-base.css +93 -0
- package/styles/shared-utilities.css +349 -0
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
import { XSImportMediaCardComponent } from './xsmusices-ui.mjs';
|
|
2
|
+
|
|
3
|
+
const sampleItem = {
|
|
4
|
+
_id: '1',
|
|
5
|
+
name: 'Sample Track Title - Extended Mix',
|
|
6
|
+
thumbnail: 'https://i.ytimg.com/vi/sample/hqdefault.jpg',
|
|
7
|
+
typeLabel: 'Track',
|
|
8
|
+
yearLabel: '2024',
|
|
9
|
+
durationLabel: '6:30',
|
|
10
|
+
statusLabel: 'pending',
|
|
11
|
+
info: 'Original mix from the upcoming album',
|
|
12
|
+
raw: {
|
|
13
|
+
type: 'track',
|
|
14
|
+
info: 'Original mix from the upcoming album',
|
|
15
|
+
},
|
|
16
|
+
};
|
|
17
|
+
const importedItem = {
|
|
18
|
+
_id: '67a1b2c3d4e5f67890123456',
|
|
19
|
+
name: 'Already Imported Track',
|
|
20
|
+
typeLabel: 'Set',
|
|
21
|
+
yearLabel: '2023',
|
|
22
|
+
durationLabel: '—',
|
|
23
|
+
statusLabel: 'active',
|
|
24
|
+
};
|
|
25
|
+
const story = {
|
|
26
|
+
id: 'import-media-card',
|
|
27
|
+
name: 'Import Media Card',
|
|
28
|
+
type: 'component',
|
|
29
|
+
subtype: 'UI',
|
|
30
|
+
status: 'active',
|
|
31
|
+
usage: ['admin', 'app'],
|
|
32
|
+
description: 'Card presentacional para items de importación multimedia.',
|
|
33
|
+
component: XSImportMediaCardComponent,
|
|
34
|
+
selector: 'xs-import-media-card',
|
|
35
|
+
multilanguage: false,
|
|
36
|
+
examples: [
|
|
37
|
+
{
|
|
38
|
+
name: 'Pendiente',
|
|
39
|
+
description: 'Item pendiente de importar. Al desplegar se muestran todos los campos editables (nombre, tipo, año, artista, organización, info).',
|
|
40
|
+
inputs: {
|
|
41
|
+
item: sampleItem,
|
|
42
|
+
selected: false,
|
|
43
|
+
artistName: 'Artist Name',
|
|
44
|
+
inlineEdit: true,
|
|
45
|
+
expanded: true,
|
|
46
|
+
},
|
|
47
|
+
},
|
|
48
|
+
{
|
|
49
|
+
name: 'Importado',
|
|
50
|
+
description: 'Item ya importado. Al desplegar se muestra un resumen de la información del item tal como se vería en admin/app.',
|
|
51
|
+
inputs: {
|
|
52
|
+
item: importedItem,
|
|
53
|
+
importedLabel: 'Importado el 15/03/2024',
|
|
54
|
+
expanded: true,
|
|
55
|
+
},
|
|
56
|
+
},
|
|
57
|
+
],
|
|
58
|
+
};
|
|
59
|
+
|
|
60
|
+
export { story };
|
|
61
|
+
//# sourceMappingURL=xsmusices-ui-import-media-card.xsstory-vhn8r2YJ.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"xsmusices-ui-import-media-card.xsstory-vhn8r2YJ.mjs","sources":["../../../projects/xs-ui/src/lib/components/import-media/import-media-card.xsstory.ts"],"sourcesContent":["import { StoryMeta } from '../../story.types';\nimport {\n XSImportMediaCardComponent,\n ImportMediaCardItem,\n} from './import-media-card.component';\n\nconst sampleItem: ImportMediaCardItem = {\n _id: '1',\n name: 'Sample Track Title - Extended Mix',\n thumbnail: 'https://i.ytimg.com/vi/sample/hqdefault.jpg',\n typeLabel: 'Track',\n yearLabel: '2024',\n durationLabel: '6:30',\n statusLabel: 'pending',\n info: 'Original mix from the upcoming album',\n raw: {\n type: 'track',\n info: 'Original mix from the upcoming album',\n },\n};\n\nconst importedItem: ImportMediaCardItem = {\n _id: '67a1b2c3d4e5f67890123456',\n name: 'Already Imported Track',\n typeLabel: 'Set',\n yearLabel: '2023',\n durationLabel: '—',\n statusLabel: 'active',\n};\n\nexport const story: StoryMeta = {\n id: 'import-media-card',\n name: 'Import Media Card',\n type: 'component',\n subtype: 'UI',\n status: 'active',\n usage: ['admin', 'app'],\n description:\n 'Card presentacional para items de importación multimedia.',\n component: XSImportMediaCardComponent,\n selector: 'xs-import-media-card',\n multilanguage: false,\n examples: [\n {\n name: 'Pendiente',\n description:\n 'Item pendiente de importar. Al desplegar se muestran todos los campos editables (nombre, tipo, año, artista, organización, info).',\n inputs: {\n item: sampleItem,\n selected: false,\n artistName: 'Artist Name',\n inlineEdit: true,\n expanded: true,\n },\n },\n {\n name: 'Importado',\n description:\n 'Item ya importado. Al desplegar se muestra un resumen de la información del item tal como se vería en admin/app.',\n inputs: {\n item: importedItem as any,\n importedLabel: 'Importado el 15/03/2024',\n expanded: true,\n },\n },\n ],\n};\n"],"names":[],"mappings":";;AAMA,MAAM,UAAU,GAAwB;AACtC,IAAA,GAAG,EAAE,GAAG;AACR,IAAA,IAAI,EAAE,mCAAmC;AACzC,IAAA,SAAS,EAAE,6CAA6C;AACxD,IAAA,SAAS,EAAE,OAAO;AAClB,IAAA,SAAS,EAAE,MAAM;AACjB,IAAA,aAAa,EAAE,MAAM;AACrB,IAAA,WAAW,EAAE,SAAS;AACtB,IAAA,IAAI,EAAE,sCAAsC;AAC5C,IAAA,GAAG,EAAE;AACH,QAAA,IAAI,EAAE,OAAO;AACb,QAAA,IAAI,EAAE,sCAAsC;AAC7C,KAAA;CACF;AAED,MAAM,YAAY,GAAwB;AACxC,IAAA,GAAG,EAAE,0BAA0B;AAC/B,IAAA,IAAI,EAAE,wBAAwB;AAC9B,IAAA,SAAS,EAAE,KAAK;AAChB,IAAA,SAAS,EAAE,MAAM;AACjB,IAAA,aAAa,EAAE,GAAG;AAClB,IAAA,WAAW,EAAE,QAAQ;CACtB;AAEM,MAAM,KAAK,GAAc;AAC9B,IAAA,EAAE,EAAE,mBAAmB;AACvB,IAAA,IAAI,EAAE,mBAAmB;AACzB,IAAA,IAAI,EAAE,WAAW;AACjB,IAAA,OAAO,EAAE,IAAI;AACb,IAAA,MAAM,EAAE,QAAQ;AAChB,IAAA,KAAK,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC;AACvB,IAAA,WAAW,EACT,2DAA2D;AAC7D,IAAA,SAAS,EAAE,0BAA0B;AACrC,IAAA,QAAQ,EAAE,sBAAsB;AAChC,IAAA,aAAa,EAAE,KAAK;AACpB,IAAA,QAAQ,EAAE;AACR,QAAA;AACE,YAAA,IAAI,EAAE,WAAW;AACjB,YAAA,WAAW,EACT,mIAAmI;AACrI,YAAA,MAAM,EAAE;AACN,gBAAA,IAAI,EAAE,UAAU;AAChB,gBAAA,QAAQ,EAAE,KAAK;AACf,gBAAA,UAAU,EAAE,aAAa;AACzB,gBAAA,UAAU,EAAE,IAAI;AAChB,gBAAA,QAAQ,EAAE,IAAI;AACf,aAAA;AACF,SAAA;AACD,QAAA;AACE,YAAA,IAAI,EAAE,WAAW;AACjB,YAAA,WAAW,EACT,kHAAkH;AACpH,YAAA,MAAM,EAAE;AACN,gBAAA,IAAI,EAAE,YAAmB;AACzB,gBAAA,aAAa,EAAE,yBAAyB;AACxC,gBAAA,QAAQ,EAAE,IAAI;AACf,aAAA;AACF,SAAA;AACF,KAAA;;;;;"}
|
|
@@ -0,0 +1,122 @@
|
|
|
1
|
+
import { DEFAULT_FLOW_LABELS, XSImportMediaFlowComponent } from './xsmusices-ui.mjs';
|
|
2
|
+
|
|
3
|
+
const MOCK_ITEMS = [
|
|
4
|
+
{
|
|
5
|
+
_id: '1',
|
|
6
|
+
name: 'Fatima Hajji - All Night Long (Fabrik Madrid)',
|
|
7
|
+
thumbnail: 'https://picsum.photos/seed/a/120/120',
|
|
8
|
+
typeLabel: 'Track',
|
|
9
|
+
yearLabel: '2024',
|
|
10
|
+
durationLabel: '6:30',
|
|
11
|
+
statusLabel: 'pending',
|
|
12
|
+
raw: {},
|
|
13
|
+
},
|
|
14
|
+
{
|
|
15
|
+
_id: '2',
|
|
16
|
+
name: 'Carl Cox - Bells of Berlin',
|
|
17
|
+
thumbnail: 'https://picsum.photos/seed/b/120/120',
|
|
18
|
+
typeLabel: 'Track',
|
|
19
|
+
yearLabel: '2024',
|
|
20
|
+
durationLabel: '7:15',
|
|
21
|
+
statusLabel: 'pending',
|
|
22
|
+
raw: {},
|
|
23
|
+
},
|
|
24
|
+
{
|
|
25
|
+
_id: '3',
|
|
26
|
+
name: 'Amelie Lens - Hypnotic Set ADE 2024',
|
|
27
|
+
thumbnail: 'https://picsum.photos/seed/c/120/120',
|
|
28
|
+
typeLabel: 'Set',
|
|
29
|
+
yearLabel: '2024',
|
|
30
|
+
durationLabel: '1:32:00',
|
|
31
|
+
statusLabel: 'pending',
|
|
32
|
+
raw: {},
|
|
33
|
+
},
|
|
34
|
+
{
|
|
35
|
+
_id: '4',
|
|
36
|
+
name: 'Richie Hawtin - DE9 Transitions Mix',
|
|
37
|
+
thumbnail: 'https://picsum.photos/seed/d/120/120',
|
|
38
|
+
typeLabel: 'Set',
|
|
39
|
+
yearLabel: '2023',
|
|
40
|
+
durationLabel: '1:15:00',
|
|
41
|
+
statusLabel: 'active',
|
|
42
|
+
raw: {},
|
|
43
|
+
},
|
|
44
|
+
];
|
|
45
|
+
const story = {
|
|
46
|
+
id: 'import-media-flow',
|
|
47
|
+
name: 'Import Media Flow',
|
|
48
|
+
type: 'component',
|
|
49
|
+
subtype: 'UI',
|
|
50
|
+
status: 'active',
|
|
51
|
+
usage: ['admin', 'app'],
|
|
52
|
+
description: 'Flujo completo de importación multimedia. Componente data-driven: recibe items, emite acciones.',
|
|
53
|
+
component: XSImportMediaFlowComponent,
|
|
54
|
+
selector: 'xs-import-media-flow',
|
|
55
|
+
multilanguage: true,
|
|
56
|
+
examples: [
|
|
57
|
+
{
|
|
58
|
+
name: 'Formulario',
|
|
59
|
+
description: 'Modo formulario para introducir URL y configurar importación.',
|
|
60
|
+
inputs: {
|
|
61
|
+
previewMode: false,
|
|
62
|
+
formFields: [
|
|
63
|
+
{
|
|
64
|
+
key: 'importType',
|
|
65
|
+
type: 'select',
|
|
66
|
+
className: 'col-span-12 lg:col-span-4',
|
|
67
|
+
defaultValue: 'channel',
|
|
68
|
+
props: {
|
|
69
|
+
label: 'Tipo',
|
|
70
|
+
options: [
|
|
71
|
+
{ _id: 'channel', name: 'Canal / Perfil' },
|
|
72
|
+
{ _id: 'playlist', name: 'Playlist' },
|
|
73
|
+
],
|
|
74
|
+
required: true,
|
|
75
|
+
},
|
|
76
|
+
},
|
|
77
|
+
{
|
|
78
|
+
key: 'source',
|
|
79
|
+
type: 'select',
|
|
80
|
+
className: 'col-span-12 lg:col-span-4',
|
|
81
|
+
defaultValue: 'youtube',
|
|
82
|
+
props: {
|
|
83
|
+
label: 'Fuente',
|
|
84
|
+
options: [
|
|
85
|
+
{ _id: 'youtube', name: 'YouTube' },
|
|
86
|
+
{ _id: 'soundcloud', name: 'SoundCloud' },
|
|
87
|
+
],
|
|
88
|
+
required: true,
|
|
89
|
+
},
|
|
90
|
+
},
|
|
91
|
+
{
|
|
92
|
+
key: 'url',
|
|
93
|
+
type: 'input',
|
|
94
|
+
className: 'col-span-12',
|
|
95
|
+
props: {
|
|
96
|
+
label: 'URL',
|
|
97
|
+
placeholder: 'https://youtube.com/@canal o https://soundcloud.com/usuario',
|
|
98
|
+
type: 'url',
|
|
99
|
+
required: true,
|
|
100
|
+
},
|
|
101
|
+
},
|
|
102
|
+
],
|
|
103
|
+
labels: DEFAULT_FLOW_LABELS,
|
|
104
|
+
},
|
|
105
|
+
},
|
|
106
|
+
{
|
|
107
|
+
name: 'Preview',
|
|
108
|
+
description: 'Vista previa con cards. Cada card tiene edición inline con selector de álbum.',
|
|
109
|
+
inputs: {
|
|
110
|
+
previewMode: true,
|
|
111
|
+
items: MOCK_ITEMS,
|
|
112
|
+
sourceLabel: 'YouTube',
|
|
113
|
+
sourceIcon: 'youtube',
|
|
114
|
+
labels: DEFAULT_FLOW_LABELS,
|
|
115
|
+
selectedIds: new Set(['1', '2']),
|
|
116
|
+
},
|
|
117
|
+
},
|
|
118
|
+
],
|
|
119
|
+
};
|
|
120
|
+
|
|
121
|
+
export { story };
|
|
122
|
+
//# sourceMappingURL=xsmusices-ui-import-media-flow.xsstory-CMVovyMA.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"xsmusices-ui-import-media-flow.xsstory-CMVovyMA.mjs","sources":["../../../projects/xs-ui/src/lib/components/import-media/import-media-flow.xsstory.ts"],"sourcesContent":["import { StoryMeta } from '../../story.types';\nimport { XSImportMediaFlowComponent } from './import-media-flow.component';\nimport {\n ImportMediaFlowItem,\n DEFAULT_FLOW_LABELS,\n} from './import-media-flow.interface';\n\nconst MOCK_ITEMS: ImportMediaFlowItem[] = [\n {\n _id: '1',\n name: 'Fatima Hajji - All Night Long (Fabrik Madrid)',\n thumbnail: 'https://picsum.photos/seed/a/120/120',\n typeLabel: 'Track',\n yearLabel: '2024',\n durationLabel: '6:30',\n statusLabel: 'pending',\n raw: {},\n },\n {\n _id: '2',\n name: 'Carl Cox - Bells of Berlin',\n thumbnail: 'https://picsum.photos/seed/b/120/120',\n typeLabel: 'Track',\n yearLabel: '2024',\n durationLabel: '7:15',\n statusLabel: 'pending',\n raw: {},\n },\n {\n _id: '3',\n name: 'Amelie Lens - Hypnotic Set ADE 2024',\n thumbnail: 'https://picsum.photos/seed/c/120/120',\n typeLabel: 'Set',\n yearLabel: '2024',\n durationLabel: '1:32:00',\n statusLabel: 'pending',\n raw: {},\n },\n {\n _id: '4',\n name: 'Richie Hawtin - DE9 Transitions Mix',\n thumbnail: 'https://picsum.photos/seed/d/120/120',\n typeLabel: 'Set',\n yearLabel: '2023',\n durationLabel: '1:15:00',\n statusLabel: 'active',\n raw: {},\n },\n];\n\nexport const story: StoryMeta = {\n id: 'import-media-flow',\n name: 'Import Media Flow',\n type: 'component',\n subtype: 'UI',\n status: 'active',\n usage: ['admin', 'app'],\n description:\n 'Flujo completo de importación multimedia. Componente data-driven: recibe items, emite acciones.',\n component: XSImportMediaFlowComponent,\n selector: 'xs-import-media-flow',\n multilanguage: true,\n examples: [\n {\n name: 'Formulario',\n description:\n 'Modo formulario para introducir URL y configurar importación.',\n inputs: {\n previewMode: false,\n formFields: [\n {\n key: 'importType',\n type: 'select',\n className: 'col-span-12 lg:col-span-4',\n defaultValue: 'channel',\n props: {\n label: 'Tipo',\n options: [\n { _id: 'channel', name: 'Canal / Perfil' },\n { _id: 'playlist', name: 'Playlist' },\n ],\n required: true,\n },\n },\n {\n key: 'source',\n type: 'select',\n className: 'col-span-12 lg:col-span-4',\n defaultValue: 'youtube',\n props: {\n label: 'Fuente',\n options: [\n { _id: 'youtube', name: 'YouTube' },\n { _id: 'soundcloud', name: 'SoundCloud' },\n ],\n required: true,\n },\n },\n {\n key: 'url',\n type: 'input',\n className: 'col-span-12',\n props: {\n label: 'URL',\n placeholder:\n 'https://youtube.com/@canal o https://soundcloud.com/usuario',\n type: 'url',\n required: true,\n },\n },\n ],\n labels: DEFAULT_FLOW_LABELS,\n },\n },\n {\n name: 'Preview',\n description:\n 'Vista previa con cards. Cada card tiene edición inline con selector de álbum.',\n inputs: {\n previewMode: true,\n items: MOCK_ITEMS,\n sourceLabel: 'YouTube',\n sourceIcon: 'youtube',\n labels: DEFAULT_FLOW_LABELS,\n selectedIds: new Set(['1', '2']),\n },\n },\n ],\n};\n"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { XSImportMediaHeaderComponent } from './xsmusices-ui.mjs';
|
|
2
|
+
|
|
3
|
+
const story = {
|
|
4
|
+
id: 'import-media-header',
|
|
5
|
+
name: 'Import Media Header',
|
|
6
|
+
type: 'component',
|
|
7
|
+
subtype: 'UI',
|
|
8
|
+
status: 'active',
|
|
9
|
+
usage: ['admin', 'app'],
|
|
10
|
+
description: 'Cabecera con icono de fuente, nombre del canal y contador.',
|
|
11
|
+
component: XSImportMediaHeaderComponent,
|
|
12
|
+
selector: 'xs-import-media-header',
|
|
13
|
+
multilanguage: true,
|
|
14
|
+
examples: [
|
|
15
|
+
{
|
|
16
|
+
name: 'YouTube',
|
|
17
|
+
description: 'Cabecera para fuente YouTube',
|
|
18
|
+
inputs: {
|
|
19
|
+
sourceIcon: 'youtube',
|
|
20
|
+
sourceLabel: 'YouTube',
|
|
21
|
+
itemCount: 25,
|
|
22
|
+
},
|
|
23
|
+
},
|
|
24
|
+
{
|
|
25
|
+
name: 'SoundCloud',
|
|
26
|
+
description: 'Cabecera para fuente SoundCloud',
|
|
27
|
+
inputs: {
|
|
28
|
+
sourceIcon: 'soundcloud',
|
|
29
|
+
sourceLabel: 'SoundCloud',
|
|
30
|
+
itemCount: 42,
|
|
31
|
+
},
|
|
32
|
+
},
|
|
33
|
+
],
|
|
34
|
+
};
|
|
35
|
+
|
|
36
|
+
export { story };
|
|
37
|
+
//# sourceMappingURL=xsmusices-ui-import-media-header.xsstory-Ci82oaxD.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"xsmusices-ui-import-media-header.xsstory-Ci82oaxD.mjs","sources":["../../../projects/xs-ui/src/lib/components/import-media/import-media-header.xsstory.ts"],"sourcesContent":["import { StoryMeta } from '../../story.types';\nimport { XSImportMediaHeaderComponent } from './import-media-header.component';\n\nexport const story: StoryMeta = {\n id: 'import-media-header',\n name: 'Import Media Header',\n type: 'component',\n subtype: 'UI',\n status: 'active',\n usage: ['admin', 'app'],\n description:\n 'Cabecera con icono de fuente, nombre del canal y contador.',\n component: XSImportMediaHeaderComponent,\n selector: 'xs-import-media-header',\n multilanguage: true,\n examples: [\n {\n name: 'YouTube',\n description: 'Cabecera para fuente YouTube',\n inputs: {\n sourceIcon: 'youtube',\n sourceLabel: 'YouTube',\n itemCount: 25,\n },\n },\n {\n name: 'SoundCloud',\n description: 'Cabecera para fuente SoundCloud',\n inputs: {\n sourceIcon: 'soundcloud',\n sourceLabel: 'SoundCloud',\n itemCount: 42,\n },\n },\n ],\n};\n"],"names":[],"mappings":";;AAGO,MAAM,KAAK,GAAc;AAC9B,IAAA,EAAE,EAAE,qBAAqB;AACzB,IAAA,IAAI,EAAE,qBAAqB;AAC3B,IAAA,IAAI,EAAE,WAAW;AACjB,IAAA,OAAO,EAAE,IAAI;AACb,IAAA,MAAM,EAAE,QAAQ;AAChB,IAAA,KAAK,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC;AACvB,IAAA,WAAW,EACT,4DAA4D;AAC9D,IAAA,SAAS,EAAE,4BAA4B;AACvC,IAAA,QAAQ,EAAE,wBAAwB;AAClC,IAAA,aAAa,EAAE,IAAI;AACnB,IAAA,QAAQ,EAAE;AACR,QAAA;AACE,YAAA,IAAI,EAAE,SAAS;AACf,YAAA,WAAW,EAAE,8BAA8B;AAC3C,YAAA,MAAM,EAAE;AACN,gBAAA,UAAU,EAAE,SAAS;AACrB,gBAAA,WAAW,EAAE,SAAS;AACtB,gBAAA,SAAS,EAAE,EAAE;AACd,aAAA;AACF,SAAA;AACD,QAAA;AACE,YAAA,IAAI,EAAE,YAAY;AAClB,YAAA,WAAW,EAAE,iCAAiC;AAC9C,YAAA,MAAM,EAAE;AACN,gBAAA,UAAU,EAAE,YAAY;AACxB,gBAAA,WAAW,EAAE,YAAY;AACzB,gBAAA,SAAS,EAAE,EAAE;AACd,aAAA;AACF,SAAA;AACF,KAAA;;;;;"}
|