@phosart/common 0.4.38 → 0.4.39
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/dist/ModalGallery/ImageSection.svelte +4 -1
- package/dist/ModalGallery/ImageSection.svelte.d.ts.map +1 -1
- package/dist/ModalGallery/ImageView.svelte +5 -2
- package/dist/ModalGallery/ImageView.svelte.d.ts.map +1 -1
- package/dist/util/phosart_config.svelte.d.ts +1 -0
- package/dist/util/phosart_config.svelte.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/lib/ModalGallery/ImageSection.svelte +4 -1
- package/src/lib/ModalGallery/ImageView.svelte +5 -2
- package/src/lib/util/phosart_config.svelte.ts +1 -1
|
@@ -3,6 +3,7 @@
|
|
|
3
3
|
|
|
4
4
|
import type { ArtPiece } from '../util/art.js';
|
|
5
5
|
import ImageView from './ImageView.svelte';
|
|
6
|
+
import { useLibraryConfig } from '../util/phosart_config.svelte.js';
|
|
6
7
|
|
|
7
8
|
interface Props {
|
|
8
9
|
piece: ArtPiece;
|
|
@@ -38,7 +39,9 @@
|
|
|
38
39
|
let w = $derived(piece.image.full.fallback.w * scalingFactor);
|
|
39
40
|
let h = $derived(piece.image.full.fallback.h * scalingFactor + 50);
|
|
40
41
|
|
|
41
|
-
let
|
|
42
|
+
let config = useLibraryConfig();
|
|
43
|
+
|
|
44
|
+
let nameInHeader = $derived(!config.modal?.hideNames && w > 500);
|
|
42
45
|
</script>
|
|
43
46
|
|
|
44
47
|
<div class="image-section">
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ImageSection.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/ModalGallery/ImageSection.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,+CAA+C,CAAC;AAEvD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"ImageSection.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/ModalGallery/ImageSection.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,+CAA+C,CAAC;AAEvD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAK9C,UAAU,KAAK;IACd,KAAK,EAAE,QAAQ,CAAC;IAChB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,MAAM,EAAE,MAAM,IAAI,CAAC;CACnB;AAgEF,QAAA,MAAM,YAAY,2CAAwC,CAAC;AAC3D,KAAK,YAAY,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;AACpD,eAAe,YAAY,CAAC"}
|
|
@@ -7,6 +7,7 @@
|
|
|
7
7
|
import Headline from '../Postcard/Headline.svelte';
|
|
8
8
|
import Description from '../Postcard/Description.svelte';
|
|
9
9
|
import type { ArtPiece } from '../util/art.js';
|
|
10
|
+
import { useLibraryConfig } from '../util/phosart_config.svelte.js';
|
|
10
11
|
|
|
11
12
|
interface Props {
|
|
12
13
|
piece: ArtPiece;
|
|
@@ -15,6 +16,8 @@
|
|
|
15
16
|
|
|
16
17
|
let { piece, nameInHeader }: Props = $props();
|
|
17
18
|
|
|
19
|
+
let config = useLibraryConfig();
|
|
20
|
+
|
|
18
21
|
let loading = $state(true);
|
|
19
22
|
let showingDescription = $state(false);
|
|
20
23
|
|
|
@@ -40,13 +43,13 @@
|
|
|
40
43
|
</div>
|
|
41
44
|
|
|
42
45
|
<div class="headline-container">
|
|
43
|
-
<Headline {piece} bind:showingDescription showName={nameInHeader} />
|
|
46
|
+
<Headline {piece} bind:showingDescription showName={!config.modal?.hideNames && nameInHeader} />
|
|
44
47
|
</div>
|
|
45
48
|
<div class="description-container">
|
|
46
49
|
<Description
|
|
47
50
|
{piece}
|
|
48
51
|
bind:visible={showingDescription}
|
|
49
|
-
showName={!nameInHeader}
|
|
52
|
+
showName={!config.modal?.hideNames && !nameInHeader}
|
|
50
53
|
{selectedAlt}
|
|
51
54
|
onselectalt={(i) => (selectedAlt = i ?? null)}
|
|
52
55
|
/>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ImageView.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/ModalGallery/ImageView.svelte.ts"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"ImageView.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/ModalGallery/ImageView.svelte.ts"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAI9C,UAAU,KAAK;IACd,KAAK,EAAE,QAAQ,CAAC;IAChB,YAAY,EAAE,OAAO,CAAC;CACtB;AA8CF,QAAA,MAAM,SAAS,2CAAwC,CAAC;AACxD,KAAK,SAAS,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAC9C,eAAe,SAAS,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"phosart_config.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/util/phosart_config.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,OAAO,MAAM,mBAAmB,CAAC;AAC7C,OAAO,KAAK,WAAW,MAAM,uBAAuB,CAAC;AACrD,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,QAAQ,CAAC;AAC5D,OAAO,KAAK,EAAE,QAAQ,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAIhF,MAAM,MAAM,UAAU,CAAC,CAAC,IACrB;IACA,OAAO,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAC3B,QAAQ,CAAC,EAAE,KAAK,CAAC;CAChB,GACD;IACA,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;IAC9B,OAAO,CAAC,EAAE,KAAK,CAAC;CACf,CAAC;AAEL,KAAK,cAAc,CAAC,CAAC,IAClB;IAAE,MAAM,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;IAAC,MAAM,CAAC,EAAE,KAAK,CAAA;CAAE,GACjD;IAAE,MAAM,CAAC,EAAE,IAAI,CAAC;IAAC,MAAM,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AAErC,KAAK,eAAe,GAAG;IACtB,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,gBAAgB,CAAC;IACzB,SAAS,EAAE,mBAAmB,CAAC;IAC/B,SAAS,EAAE,QAAQ,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,WAAW,CAAC,CAAC,IAAI,cAAc,CAAC,CAAC,CAAC,CAAC;AAC/C,MAAM,MAAM,QAAQ,CAAC,IAAI,SAAS,MAAM,eAAe,IAAI,eAAe,CAAC,IAAI,CAAC,CAAC;AAEjF,MAAM,MAAM,iBAAiB,GAAG;KAC9B,CAAC,IAAI,MAAM,eAAe,CAAC,CAAC,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;CACvD,CAAC;AAEF,MAAM,WAAW,aAAa;IAC7B,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE;QACT,oBAAoB,CAAC,EAAE,WAAW,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,CAAC,eAAe,CAAC,CAAC,GAAG,IAAI,CAAC;QAC/F,qBAAqB,CAAC,EAAE,WAAW,CAAC,cAAc,CAAC,OAAO,OAAO,CAAC,CAAC,gBAAgB,CAAC,CAAC,GAAG,IAAI,CAAC;KAC7F,CAAC;IACF,KAAK,CAAC,EAAE;QAAE,iBAAiB,CAAC,EAAE,iBAAiB,GAAG,IAAI,CAAA;KAAE,CAAC;
|
|
1
|
+
{"version":3,"file":"phosart_config.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/util/phosart_config.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,OAAO,MAAM,mBAAmB,CAAC;AAC7C,OAAO,KAAK,WAAW,MAAM,uBAAuB,CAAC;AACrD,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,QAAQ,CAAC;AAC5D,OAAO,KAAK,EAAE,QAAQ,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAIhF,MAAM,MAAM,UAAU,CAAC,CAAC,IACrB;IACA,OAAO,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAC3B,QAAQ,CAAC,EAAE,KAAK,CAAC;CAChB,GACD;IACA,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;IAC9B,OAAO,CAAC,EAAE,KAAK,CAAC;CACf,CAAC;AAEL,KAAK,cAAc,CAAC,CAAC,IAClB;IAAE,MAAM,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;IAAC,MAAM,CAAC,EAAE,KAAK,CAAA;CAAE,GACjD;IAAE,MAAM,CAAC,EAAE,IAAI,CAAC;IAAC,MAAM,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AAErC,KAAK,eAAe,GAAG;IACtB,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,gBAAgB,CAAC;IACzB,SAAS,EAAE,mBAAmB,CAAC;IAC/B,SAAS,EAAE,QAAQ,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,WAAW,CAAC,CAAC,IAAI,cAAc,CAAC,CAAC,CAAC,CAAC;AAC/C,MAAM,MAAM,QAAQ,CAAC,IAAI,SAAS,MAAM,eAAe,IAAI,eAAe,CAAC,IAAI,CAAC,CAAC;AAEjF,MAAM,MAAM,iBAAiB,GAAG;KAC9B,CAAC,IAAI,MAAM,eAAe,CAAC,CAAC,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;CACvD,CAAC;AAEF,MAAM,WAAW,aAAa;IAC7B,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE;QACT,oBAAoB,CAAC,EAAE,WAAW,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,CAAC,eAAe,CAAC,CAAC,GAAG,IAAI,CAAC;QAC/F,qBAAqB,CAAC,EAAE,WAAW,CAAC,cAAc,CAAC,OAAO,OAAO,CAAC,CAAC,gBAAgB,CAAC,CAAC,GAAG,IAAI,CAAC;KAC7F,CAAC;IACF,KAAK,CAAC,EAAE;QAAE,iBAAiB,CAAC,EAAE,iBAAiB,GAAG,IAAI,CAAC;QAAC,SAAS,CAAC,EAAE,OAAO,CAAA;KAAE,CAAC;IAC9E,mBAAmB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;IAC9C,OAAO,CAAC,EAAE,MAAM,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;CAChB;AAuCD,wBAAgB,aAAa,CAAC,IAAI,SAAS,MAAM,iBAAiB,EACjE,IAAI,EAAE,IAAI,GACR,WAAW,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,GAAG,IAAI,CAMpC;AAED,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,aAAa,QAKrD;AAED,wBAAgB,gBAAgB,IAAI,aAAa,CAEhD"}
|
package/package.json
CHANGED
|
@@ -3,6 +3,7 @@
|
|
|
3
3
|
|
|
4
4
|
import type { ArtPiece } from '../util/art.ts';
|
|
5
5
|
import ImageView from './ImageView.svelte';
|
|
6
|
+
import { useLibraryConfig } from '../util/phosart_config.svelte.ts';
|
|
6
7
|
|
|
7
8
|
interface Props {
|
|
8
9
|
piece: ArtPiece;
|
|
@@ -38,7 +39,9 @@
|
|
|
38
39
|
let w = $derived(piece.image.full.fallback.w * scalingFactor);
|
|
39
40
|
let h = $derived(piece.image.full.fallback.h * scalingFactor + 50);
|
|
40
41
|
|
|
41
|
-
let
|
|
42
|
+
let config = useLibraryConfig();
|
|
43
|
+
|
|
44
|
+
let nameInHeader = $derived(!config.modal?.hideNames && w > 500);
|
|
42
45
|
</script>
|
|
43
46
|
|
|
44
47
|
<div class="image-section">
|
|
@@ -7,6 +7,7 @@
|
|
|
7
7
|
import Headline from '../Postcard/Headline.svelte';
|
|
8
8
|
import Description from '../Postcard/Description.svelte';
|
|
9
9
|
import type { ArtPiece } from '../util/art.ts';
|
|
10
|
+
import { useLibraryConfig } from '../util/phosart_config.svelte.ts';
|
|
10
11
|
|
|
11
12
|
interface Props {
|
|
12
13
|
piece: ArtPiece;
|
|
@@ -15,6 +16,8 @@
|
|
|
15
16
|
|
|
16
17
|
let { piece, nameInHeader }: Props = $props();
|
|
17
18
|
|
|
19
|
+
let config = useLibraryConfig();
|
|
20
|
+
|
|
18
21
|
let loading = $state(true);
|
|
19
22
|
let showingDescription = $state(false);
|
|
20
23
|
|
|
@@ -40,13 +43,13 @@
|
|
|
40
43
|
</div>
|
|
41
44
|
|
|
42
45
|
<div class="headline-container">
|
|
43
|
-
<Headline {piece} bind:showingDescription showName={nameInHeader} />
|
|
46
|
+
<Headline {piece} bind:showingDescription showName={!config.modal?.hideNames && nameInHeader} />
|
|
44
47
|
</div>
|
|
45
48
|
<div class="description-container">
|
|
46
49
|
<Description
|
|
47
50
|
{piece}
|
|
48
51
|
bind:visible={showingDescription}
|
|
49
|
-
showName={!nameInHeader}
|
|
52
|
+
showName={!config.modal?.hideNames && !nameInHeader}
|
|
50
53
|
{selectedAlt}
|
|
51
54
|
onselectalt={(i) => (selectedAlt = i ?? null)}
|
|
52
55
|
/>
|
|
@@ -39,7 +39,7 @@ export interface LibraryConfig {
|
|
|
39
39
|
DefaultCardComponent?: NonNullable<ComponentProps<typeof FullGallery>['CardComponent']> | null;
|
|
40
40
|
DefaultPieceComponent?: NonNullable<ComponentProps<typeof Gallery>['PieceComponent']> | null;
|
|
41
41
|
};
|
|
42
|
-
modal?: { chipOptionsByType?: ChipOptionsByType | null };
|
|
42
|
+
modal?: { chipOptionsByType?: ChipOptionsByType | null; hideNames?: boolean };
|
|
43
43
|
defaultTransformSrc?: (src: string) => string;
|
|
44
44
|
getPage?: () => string;
|
|
45
45
|
origin?: string;
|