@jjlmoya/utils-audiovisual 1.16.0 → 1.18.0

package/src/tool/collageMaker/free-online-photo-collage-maker-professional-compositions.css

@@ -1,4 +1,4 @@
-:global(.cm-root) {
+.cm-root {
   --cm-bg: #fff;
   --cm-bg-muted: #f8fafc;
   --cm-border: #e2e8f0;
@@ -14,7 +14,7 @@
   padding: 1rem;
 }
 
-:global(.theme-dark .cm-root) {
+.theme-dark .cm-root {
   --cm-bg: #1e293b;
   --cm-bg-muted: #0f172a;
   --cm-border: #334155;
@@ -25,7 +25,7 @@
   --cm-shadow: rgba(0,0,0,0.4);
 }
 
-:global(.cm-card) {
+.cm-card {
   background: var(--cm-bg);
   border: 1px solid var(--cm-border);
   border-radius: var(--cm-radius);
@@ -33,7 +33,7 @@
   overflow: hidden;
 }
 
-:global(.cm-top-row) {
+.cm-top-row {
   display: grid;
   grid-template-columns: 300px 1fr;
   gap: 0;
@@ -45,7 +45,7 @@
   }
 }
 
-:global(.cm-left-col) {
+.cm-left-col {
   padding: 1.25rem;
   border-right: 1px solid var(--cm-border);
   display: flex;
@@ -60,7 +60,7 @@
   }
 }
 
-:global(.cm-drop-zone) {
+.cm-drop-zone {
   position: relative;
   background: var(--cm-bg-muted);
   border: 2px dashed var(--cm-border);
@@ -76,7 +76,7 @@
   color: var(--cm-primary);
 }
 
-:global(.cm-drop-zone input[type="file"]) {
+.cm-drop-zone input[type="file"] {
   position: absolute;
   inset: 0;
   opacity: 0;
@@ -85,32 +85,32 @@
   height: 100%;
 }
 
-:global(.cm-drop-zone:hover),
-:global(.cm-drop-zone-over) {
+.cm-drop-zone:hover,
+.cm-drop-zone-over {
   border-color: var(--cm-primary);
   background: var(--cm-primary-light);
 }
 
-:global(.cm-drop-title) {
+.cm-drop-title {
   font-size: 0.9rem;
   font-weight: 700;
   color: var(--cm-text);
   margin: 0;
 }
 
-:global(.cm-drop-sub) {
+.cm-drop-sub {
   font-size: 0.75rem;
   color: var(--cm-text-muted);
   margin: 0;
 }
 
-:global(.cm-drop-link) {
+.cm-drop-link {
   color: var(--cm-primary);
   font-weight: 600;
   cursor: pointer;
 }
 
-:global(.cm-section-label) {
+.cm-section-label {
   display: block;
   font-size: 0.65rem;
   font-weight: 700;
@@ -119,13 +119,13 @@
   color: var(--cm-text-muted);
 }
 
-:global(.cm-section-header) {
+.cm-section-header {
   display: flex;
   justify-content: space-between;
   align-items: center;
 }
 
-:global(.cm-badge) {
+.cm-badge {
   background: var(--cm-primary-light);
   color: var(--cm-primary);
   font-size: 0.65rem;
@@ -134,14 +134,14 @@
   border-radius: 9999px;
 }
 
-:global(.cm-thumbs) {
+.cm-thumbs {
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(48px, 1fr));
   gap: 0.35rem;
   margin-top: 0.5rem;
 }
 
-:global(.cm-thumb) {
+.cm-thumb {
   position: relative;
   aspect-ratio: 1;
   border-radius: 0.4rem;
@@ -150,18 +150,18 @@
   transition: border-color 0.15s;
 }
 
-:global(.cm-thumb:hover) {
+.cm-thumb:hover {
   border-color: var(--cm-primary);
 }
 
-:global(.cm-thumb img) {
+.cm-thumb img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   display: block;
 }
 
-:global(.cm-thumb-num) {
+.cm-thumb-num {
   position: absolute;
   bottom: 2px;
   left: 3px;
@@ -172,7 +172,7 @@
   line-height: 1;
 }
 
-:global(.cm-thumb-del) {
+.cm-thumb-del {
   position: absolute;
   top: 2px;
   right: 2px;
@@ -190,15 +190,15 @@
   transition: background 0.15s;
 }
 
-:global(.cm-thumb:hover .cm-thumb-del) {
+.cm-thumb:hover .cm-thumb-del {
   display: flex;
 }
 
-:global(.cm-thumb-del:hover) {
+.cm-thumb-del:hover {
   background: #dc2626;
 }
 
-:global(.cm-preview-col) {
+.cm-preview-col {
   padding: 1.25rem;
   display: flex;
   flex-direction: column;
@@ -206,7 +206,7 @@
   min-height: 260px;
 }
 
-:global(.cm-preview-placeholder) {
+.cm-preview-placeholder {
   flex: 1;
   background: var(--cm-bg-muted);
   border: 2px dashed var(--cm-border);
@@ -219,12 +219,12 @@
   color: var(--cm-text-muted);
 }
 
-:global(.cm-preview-placeholder p) {
+.cm-preview-placeholder p {
   font-size: 0.8rem;
   margin: 0;
 }
 
-:global(.cm-canvas) {
+.cm-canvas {
   width: 100%;
   height: auto;
   border-radius: 0.75rem;
@@ -232,7 +232,7 @@
   display: block;
 }
 
-:global(.cm-dims-badge) {
+.cm-dims-badge {
   font-size: 0.65rem;
   font-weight: 600;
   color: var(--cm-text-muted);
@@ -242,7 +242,7 @@
   padding: 0.15rem 0.5rem;
 }
 
-:global(.cm-section-divider) {
+.cm-section-divider {
   border-top: 1px solid var(--cm-border);
   padding: 1rem 1.25rem;
   display: flex;
@@ -250,13 +250,13 @@
   gap: 0.75rem;
 }
 
-:global(.cm-layouts) {
+.cm-layouts {
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(64px, 1fr));
   gap: 0.4rem;
 }
 
-:global(.cm-layout-btn) {
+.cm-layout-btn {
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -271,31 +271,31 @@
   position: relative;
 }
 
-:global(.cm-layout-btn span) {
+.cm-layout-btn span {
   font-size: 0.55rem;
   font-weight: 600;
   text-align: center;
   line-height: 1.2;
 }
 
-:global(.cm-layout-btn:hover:not(:disabled)) {
+.cm-layout-btn:hover:not(:disabled) {
   border-color: var(--cm-primary);
   color: var(--cm-primary);
   background: var(--cm-primary-light);
 }
 
-:global(.cm-layout-btn-active) {
+.cm-layout-btn-active {
   border-color: var(--cm-primary);
   background: var(--cm-primary-light);
   color: var(--cm-primary);
 }
 
-:global(.cm-layout-btn-disabled) {
+.cm-layout-btn-disabled {
   opacity: 0.45;
   cursor: not-allowed;
 }
 
-:global(.cm-layout-need) {
+.cm-layout-need {
   position: absolute;
   top: 2px;
   right: 4px;
@@ -309,37 +309,37 @@
   line-height: 1.4;
 }
 
-:global(.cm-settings-inline) {
+.cm-settings-inline {
   display: flex;
   flex-wrap: wrap;
   align-items: flex-end;
   gap: 1rem;
 }
 
-:global(.cm-setting) {
+.cm-setting {
   display: flex;
   flex-direction: column;
   gap: 0.3rem;
 }
 
-:global(.cm-setting-label) {
+.cm-setting-label {
   font-size: 0.7rem;
   font-weight: 600;
   color: var(--cm-text-muted);
 }
 
-:global(.cm-slider) {
+.cm-slider {
   accent-color: var(--cm-primary);
   width: 120px;
 }
 
-:global(.cm-color-row) {
+.cm-color-row {
   display: flex;
   align-items: center;
   gap: 0.5rem;
 }
 
-:global(.cm-color-swatch) {
+.cm-color-swatch {
   width: 32px;
   height: 32px;
   border: 2px solid var(--cm-border);
@@ -349,14 +349,14 @@
   background: transparent;
 }
 
-:global(.cm-color-code) {
+.cm-color-code {
   font-size: 0.7rem;
   font-weight: 600;
   color: var(--cm-text-muted);
   font-variant-numeric: tabular-nums;
 }
 
-:global(.cm-download-btn) {
+.cm-download-btn {
   display: flex;
   align-items: center;
   gap: 0.4rem;
@@ -374,13 +374,13 @@
   margin-left: auto;
 }
 
-:global(.cm-download-btn:disabled) {
+.cm-download-btn:disabled {
   opacity: 0.4;
   cursor: not-allowed;
   box-shadow: none;
 }
 
-:global(.cm-download-btn:not(:disabled):hover) {
+.cm-download-btn:not(:disabled):hover {
   transform: translateY(-1px);
   box-shadow: 0 6px 18px rgba(99,102,241,0.4);
-}
+}

package/src/tool/collageMaker/i18n/de.ts

@@ -1,3 +1,4 @@
+import { bibliography } from '../bibliography';
 import type { WithContext, FAQPage, HowTo, SoftwareApplication } from 'schema-dts';
 import type { CollageMakerUI, CollageMakerLocaleContent } from '../index';
 
@@ -21,8 +22,6 @@ const ui: CollageMakerUI = {
     errorMin: "Sie benötigen mindestens 2 Bilder",
     errorMax: "Maximal 9 Bilder erlaubt",
     errorLoad: "Fehler beim Laden der Bilder",
-    faqTitle: "Häufig gestellte Fragen",
-    bibliographyTitle: "Referenzen"
 };
 
 const faq: CollageMakerLocaleContent['faq'] = [
@@ -55,13 +54,6 @@ const howTo: CollageMakerLocaleContent['howTo'] = [
     },
 ];
 
-const bibliography: CollageMakerLocaleContent['bibliography'] = [
-    {
-        name: "Fotografische Komposition: Die Kunst der Collage",
-        url: "https://en.wikipedia.org/wiki/Collage",
-    },
-];
-
 const seo: CollageMakerLocaleContent['seo'] = [
     {
         type: 'summary',
@@ -224,9 +216,7 @@ export const content: CollageMakerLocaleContent = {
     description,
     ui,
     seo,
-    faqTitle: "Häufig gestellte Fragen",
     faq,
-    bibliographyTitle: "Referenzen",
     bibliography,
     howTo,
     schemas: [faqSchema as any, howToSchema as any, appSchema],

package/src/tool/collageMaker/i18n/en.ts

@@ -1,3 +1,4 @@
+import { bibliography } from '../bibliography';
 import type { WithContext, FAQPage, HowTo, SoftwareApplication } from 'schema-dts';
 import type { CollageMakerUI, CollageMakerLocaleContent } from '../index';
 
@@ -21,8 +22,6 @@ const ui: CollageMakerUI = {
     errorMin: "You need at least 2 images",
     errorMax: "Maximum 9 images allowed",
     errorLoad: "Error loading images",
-    faqTitle: "Frequently Asked Questions",
-    bibliographyTitle: "References"
 };
 
 const faq: CollageMakerLocaleContent['faq'] = [
@@ -55,13 +54,6 @@ const howTo: CollageMakerLocaleContent['howTo'] = [
     },
 ];
 
-const bibliography: CollageMakerLocaleContent['bibliography'] = [
-    {
-        name: "Photographic Composition: The Art of Collage",
-        url: "https://en.wikipedia.org/wiki/Collage",
-    },
-];
-
 const seo: CollageMakerLocaleContent['seo'] = [
     {
         type: 'summary',
@@ -224,9 +216,7 @@ export const content: CollageMakerLocaleContent = {
     description,
     ui,
     seo,
-    faqTitle: "Frequently Asked Questions",
     faq,
-    bibliographyTitle: "References",
     bibliography,
     howTo,
     schemas: [faqSchema as any, howToSchema as any, appSchema],

package/src/tool/collageMaker/i18n/es.ts

@@ -1,3 +1,4 @@
+import { bibliography } from '../bibliography';
 import type { WithContext, FAQPage, HowTo, SoftwareApplication } from 'schema-dts';
 import type { CollageMakerUI, CollageMakerLocaleContent } from '../index';
 
@@ -53,13 +54,6 @@ const howTo: CollageMakerLocaleContent['howTo'] = [
     },
 ];
 
-const bibliography: CollageMakerLocaleContent['bibliography'] = [
-    {
-        name: "Composición Fotográfica: El Arte del Collage",
-        url: "https://es.wikipedia.org/wiki/Collage",
-    },
-];
-
 const seo: CollageMakerLocaleContent['seo'] = [
     {
         type: 'summary',
@@ -223,9 +217,7 @@ export const content: CollageMakerLocaleContent = {
     ui,
     seo,
     faq,
-    faqTitle: 'Preguntas frecuentes sobre creación de collages',
     bibliography,
-    bibliographyTitle: 'Recursos técnicos sobre composición visual',
     howTo,
     schemas: [faqSchema as any, howToSchema as any, appSchema],
 };

package/src/tool/collageMaker/i18n/fr.ts

@@ -1,3 +1,4 @@
+import { bibliography } from '../bibliography';
 import type { WithContext, FAQPage, HowTo, SoftwareApplication } from 'schema-dts';
 import type { CollageMakerUI, CollageMakerLocaleContent } from '../index';
 
@@ -53,13 +54,6 @@ const howTo: CollageMakerLocaleContent['howTo'] = [
     },
 ];
 
-const bibliography: CollageMakerLocaleContent['bibliography'] = [
-    {
-        name: "Composition Photographique : L'Art du Collage",
-        url: "https://fr.wikipedia.org/wiki/Collage",
-    },
-];
-
 const seo: CollageMakerLocaleContent['seo'] = [
     {
         type: 'summary',
@@ -222,10 +216,8 @@ export const content: CollageMakerLocaleContent = {
     description,
     ui,
     seo,
-    faqTitle: "Frequently Asked Questions",
     faq,
     bibliography,
-    bibliographyTitle: "References",
     howTo,
     schemas: [faqSchema as any, howToSchema as any, appSchema],
 };

package/src/tool/collageMaker/i18n/id.ts

@@ -1,3 +1,4 @@
+import { bibliography } from '../bibliography';
 import type { WithContext, FAQPage, HowTo, SoftwareApplication } from 'schema-dts';
 import type { CollageMakerUI, CollageMakerLocaleContent } from '../index';
 
@@ -21,8 +22,6 @@ const ui: CollageMakerUI = {
     errorMin: "Anda butuh setidaknya 2 gambar",
     errorMax: "Maksimal 9 gambar diizinkan",
     errorLoad: "Kesalahan memuat gambar",
-    faqTitle: "Pertanyaan yang Sering Diajukan",
-    bibliographyTitle: "Referensi"
 };
 
 const faq: CollageMakerLocaleContent['faq'] = [
@@ -55,13 +54,6 @@ const howTo: CollageMakerLocaleContent['howTo'] = [
     },
 ];
 
-const bibliography: CollageMakerLocaleContent['bibliography'] = [
-    {
-        name: "Komposisi Fotografi: Seni Kolase",
-        url: "https://id.wikipedia.org/wiki/Kolase",
-    },
-];
-
 const seo: CollageMakerLocaleContent['seo'] = [
     {
         type: 'summary',
@@ -224,9 +216,7 @@ export const content: CollageMakerLocaleContent = {
     description,
     ui,
     seo,
-    faqTitle: "Pertanyaan yang Sering Diajukan",
     faq,
-    bibliographyTitle: "Referensi",
     bibliography,
     howTo,
     schemas: [faqSchema as any, howToSchema as any, appSchema],

package/src/tool/collageMaker/i18n/it.ts

@@ -1,3 +1,4 @@
+import { bibliography } from '../bibliography';
 import type { WithContext, FAQPage, HowTo, SoftwareApplication } from 'schema-dts';
 import type { CollageMakerUI, CollageMakerLocaleContent } from '../index';
 
@@ -21,8 +22,6 @@ const ui: CollageMakerUI = {
     errorMin: "Hai bisogno di almeno 2 immagini",
     errorMax: "Massimo 9 immagini consentite",
     errorLoad: "Errore durante il caricamento delle immagini",
-    faqTitle: "Domande Frequenti",
-    bibliographyTitle: "Riferimenti"
 };
 
 const faq: CollageMakerLocaleContent['faq'] = [
@@ -55,13 +54,6 @@ const howTo: CollageMakerLocaleContent['howTo'] = [
     },
 ];
 
-const bibliography: CollageMakerLocaleContent['bibliography'] = [
-    {
-        name: "Composizione Fotografica: L'Arte del Collage",
-        url: "https://it.wikipedia.org/wiki/Collage",
-    },
-];
-
 const seo: CollageMakerLocaleContent['seo'] = [
     {
         type: 'summary',
@@ -224,9 +216,7 @@ export const content: CollageMakerLocaleContent = {
     description,
     ui,
     seo,
-    faqTitle: "Domande Frequenti",
     faq,
-    bibliographyTitle: "Riferimenti",
     bibliography,
     howTo,
     schemas: [faqSchema as any, howToSchema as any, appSchema],

package/src/tool/collageMaker/i18n/ja.ts

@@ -1,3 +1,4 @@
+import { bibliography } from '../bibliography';
 import type { WithContext, FAQPage, HowTo, SoftwareApplication } from 'schema-dts';
 import type { CollageMakerUI, CollageMakerLocaleContent } from '../index';
 
@@ -21,8 +22,6 @@ const ui: CollageMakerUI = {
     errorMin: "少なくとも2枚の画像が必要です",
     errorMax: "最大9枚まで許可されています",
     errorLoad: "画像の読み込み中にエラーが発生しました",
-    faqTitle: "よくある質問",
-    bibliographyTitle: "リファレンス"
 };
 
 const faq: CollageMakerLocaleContent['faq'] = [
@@ -55,13 +54,6 @@ const howTo: CollageMakerLocaleContent['howTo'] = [
     },
 ];
 
-const bibliography: CollageMakerLocaleContent['bibliography'] = [
-    {
-        name: "写真の構図：コラージュの芸術",
-        url: "https://ja.wikipedia.org/wiki/%E3%82%B3%E3%83%A9%E3%83%BC%E3%82%B8%E3%83%A5",
-    },
-];
-
 const seo: CollageMakerLocaleContent['seo'] = [
     {
         type: 'summary',
@@ -224,9 +216,7 @@ export const content: CollageMakerLocaleContent = {
     description,
     ui,
     seo,
-    faqTitle: "よくある質問",
     faq,
-    bibliographyTitle: "リファレンス",
     bibliography,
     howTo,
     schemas: [faqSchema as any, howToSchema as any, appSchema],

package/src/tool/collageMaker/i18n/ko.ts

@@ -1,3 +1,4 @@
+import { bibliography } from '../bibliography';
 import type { WithContext, FAQPage, HowTo, SoftwareApplication } from 'schema-dts';
 import type { CollageMakerUI, CollageMakerLocaleContent } from '../index';
 
@@ -21,8 +22,6 @@ const ui: CollageMakerUI = {
     errorMin: "최소 2개의 이미지가 필요합니다",
     errorMax: "최대 9개까지만 허용됩니다",
     errorLoad: "이미지를 로드하는 중 오류가 발생했습니다",
-    faqTitle: "자주 묻는 질문",
-    bibliographyTitle: "참고 문헌"
 };
 
 const faq: CollageMakerLocaleContent['faq'] = [
@@ -55,13 +54,6 @@ const howTo: CollageMakerLocaleContent['howTo'] = [
     },
 ];
 
-const bibliography: CollageMakerLocaleContent['bibliography'] = [
-    {
-        name: "사진 구도: 콜라주의 예술",
-        url: "https://ko.wikipedia.org/wiki/%EC%BD%9C%EB%9D%BC%EC%A3%BC",
-    },
-];
-
 const seo: CollageMakerLocaleContent['seo'] = [
     {
         type: 'summary',
@@ -224,9 +216,7 @@ export const content: CollageMakerLocaleContent = {
     description,
     ui,
     seo,
-    faqTitle: "자주 묻는 질문",
     faq,
-    bibliographyTitle: "참고 문헌",
     bibliography,
     howTo,
     schemas: [faqSchema as any, howToSchema as any, appSchema],

package/src/tool/collageMaker/i18n/nl.ts

@@ -1,3 +1,4 @@
+import { bibliography } from '../bibliography';
 import type { WithContext, FAQPage, HowTo, SoftwareApplication } from 'schema-dts';
 import type { CollageMakerUI, CollageMakerLocaleContent } from '../index';
 
@@ -21,8 +22,6 @@ const ui: CollageMakerUI = {
     errorMin: "Je hebt minimaal 2 afbeeldingen nodig",
     errorMax: "Maximaal 9 afbeeldingen toegestaan",
     errorLoad: "Fout bij het laden van afbeeldingen",
-    faqTitle: "Veelgestelde Vragen",
-    bibliographyTitle: "Referenties"
 };
 
 const faq: CollageMakerLocaleContent['faq'] = [
@@ -55,13 +54,6 @@ const howTo: CollageMakerLocaleContent['howTo'] = [
     },
 ];
 
-const bibliography: CollageMakerLocaleContent['bibliography'] = [
-    {
-        name: "Fotografische Compositie: De Kunst van Collage",
-        url: "https://nl.wikipedia.org/wiki/Collage",
-    },
-];
-
 const seo: CollageMakerLocaleContent['seo'] = [
     {
         type: 'summary',
@@ -224,9 +216,7 @@ export const content: CollageMakerLocaleContent = {
     description,
     ui,
     seo,
-    faqTitle: "Veelgestelde Vragen",
     faq,
-    bibliographyTitle: "Referenties",
     bibliography,
     howTo,
     schemas: [faqSchema as any, howToSchema as any, appSchema],

package/src/tool/collageMaker/i18n/pl.ts

@@ -1,3 +1,4 @@
+import { bibliography } from '../bibliography';
 import type { WithContext, FAQPage, HowTo, SoftwareApplication } from 'schema-dts';
 import type { CollageMakerUI, CollageMakerLocaleContent } from '../index';
 
@@ -21,8 +22,6 @@ const ui: CollageMakerUI = {
     errorMin: "Potrzebujesz co najmniej 2 obrazów",
     errorMax: "Dozwolone maksymalnie 9 obrazów",
     errorLoad: "Błąd podczas ładowania obrazów",
-    faqTitle: "Często Zadawane Pytania",
-    bibliographyTitle: "Referencje"
 };
 
 const faq: CollageMakerLocaleContent['faq'] = [
@@ -55,13 +54,6 @@ const howTo: CollageMakerLocaleContent['howTo'] = [
     },
 ];
 
-const bibliography: CollageMakerLocaleContent['bibliography'] = [
-    {
-        name: "Kompozycja fotograficzna: Sztuka kolażu",
-        url: "https://pl.wikipedia.org/wiki/Kola%C5%BC",
-    },
-];
-
 const seo: CollageMakerLocaleContent['seo'] = [
     {
         type: 'summary',
@@ -224,9 +216,7 @@ export const content: CollageMakerLocaleContent = {
     description,
     ui,
     seo,
-    faqTitle: "Często Zadawane Pytania",
     faq,
-    bibliographyTitle: "Referencje",
     bibliography,
     howTo,
     schemas: [faqSchema as any, howToSchema as any, appSchema],