@phosart/common 0.4.44 → 0.4.45

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.
Files changed (10) hide show
  1. package/dist/ModalGallery/ImageSection.svelte +6 -4
  2. package/dist/ModalGallery/ImageSection.svelte.d.ts.map +1 -1
  3. package/dist/ModalGallery/ImageView.svelte +1 -0
  4. package/dist/Postcard/Description.svelte +4 -2
  5. package/dist/Postcard/Description.svelte.d.ts +1 -0
  6. package/dist/Postcard/Description.svelte.d.ts.map +1 -1
  7. package/package.json +1 -1
  8. package/src/lib/ModalGallery/ImageSection.svelte +6 -4
  9. package/src/lib/ModalGallery/ImageView.svelte +1 -0
  10. package/src/lib/Postcard/Description.svelte +4 -2
package/dist/ModalGallery/ImageSection.svelte CHANGED
@@ -99,7 +99,7 @@
99
99
  }}
100
100
  role="button"
101
101
  tabindex={-1}
102
- style="width: {w}px; height: {h}px"
102
+ style="width: {w}px; height: {h}px;{isComic ? ' border-radius: 12px 12px 0 0;' : ''}"
103
103
  >
104
104
  <ImageView {piece} {nameInHeader}>
105
105
  {#snippet display(image, onloaded)}
@@ -116,7 +116,7 @@
116
116
  </ImageView>
117
117
  </div>
118
118
  {#if isComic && piece.alts}
119
- {#each piece.alts as alt (JSON.stringify(alt))}
119
+ {#each piece.alts as alt, i (JSON.stringify(alt))}
120
120
  <div
121
121
  class="bounded-div"
122
122
  onclick={(e) => {
@@ -129,9 +129,11 @@
129
129
  }}
130
130
  role="button"
131
131
  tabindex={-1}
132
- style="width: {width(alt.image)}px; height: {height(alt.image)}px"
132
+ style="width: {width(alt.image)}px; height: {height(
133
+ alt.image
134
+ )}px; border-radius: {i === piece.alts.length - 1 ? '0 0 12px 12px' : '0px'};"
133
135
  >
134
- <div class="image-container" style="top: 0;">
136
+ <div class="image-container" style="top: 0; ">
135
137
  <Image video={alt.video?.full} controls picture={alt.image.full} alt={alt.alt} />
136
138
  </div>
137
139
  </div>
package/dist/ModalGallery/ImageSection.svelte.d.ts.map CHANGED
@@ -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,EAAW,MAAM,gBAAgB,CAAC;AAMvD,UAAU,KAAK;IACd,KAAK,EAAE,QAAQ,CAAC;IAChB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,MAAM,EAAE,MAAM,IAAI,CAAC;CACnB;AAmHF,QAAA,MAAM,YAAY,2CAAwC,CAAC;AAC3D,KAAK,YAAY,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;AACpD,eAAe,YAAY,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,EAAW,MAAM,gBAAgB,CAAC;AAMvD,UAAU,KAAK;IACd,KAAK,EAAE,QAAQ,CAAC;IAChB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,MAAM,EAAE,MAAM,IAAI,CAAC;CACnB;AAqHF,QAAA,MAAM,YAAY,2CAAwC,CAAC;AAC3D,KAAK,YAAY,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;AACpD,eAAe,YAAY,CAAC"}
package/dist/ModalGallery/ImageView.svelte CHANGED
@@ -58,6 +58,7 @@
58
58
  showName={!config.modal?.hideNames && !nameInHeader}
59
59
  {selectedAlt}
60
60
  onselectalt={(i) => (selectedAlt = i ?? null)}
61
+ hideAlts={piece.alts_display === 'comic_panels'}
61
62
  />
62
63
  </div>
63
64
 
package/dist/Postcard/Description.svelte CHANGED
@@ -15,6 +15,7 @@
15
15
  showName: boolean;
16
16
  selectedAlt: number | null;
17
17
  onselectalt?: (index: number | null) => void;
18
+ hideAlts?: boolean;
18
19
  }
19
20
 
20
21
  let {
@@ -22,7 +23,8 @@
22
23
  visible = $bindable(),
23
24
  showName,
24
25
  selectedAlt,
25
- onselectalt = undefined
26
+ onselectalt = undefined,
27
+ hideAlts
26
28
  }: Props = $props();
27
29
 
28
30
  const characters = useCharacters();
@@ -51,7 +53,7 @@
51
53
  )}
52
54
  </div>
53
55
 
54
- {#if piece.alts && Object.keys(piece.alts).length > 0}
56
+ {#if piece.alts && Object.keys(piece.alts).length > 0 && !hideAlts}
55
57
  <div style="font-size: 0.7em; line-height: 1.2em; margin-bottom: 1rem" class="tags">
56
58
  This piece as multiple versions:
57
59
  {#if selectedAlt !== null}
package/dist/Postcard/Description.svelte.d.ts CHANGED
@@ -6,6 +6,7 @@ interface Props {
6
6
  showName: boolean;
7
7
  selectedAlt: number | null;
8
8
  onselectalt?: (index: number | null) => void;
9
+ hideAlts?: boolean;
9
10
  }
10
11
  declare const Description: import("svelte").Component<Props, {}, "visible">;
11
12
  type Description = ReturnType<typeof Description>;
package/dist/Postcard/Description.svelte.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Description.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/Postcard/Description.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,+CAA+C,CAAC;AAGvD,OAAO,EAAE,KAAK,QAAQ,EAAuC,MAAM,gBAAgB,CAAC;AAQnF,UAAU,KAAK;IACd,KAAK,EAAE,QAAQ,CAAC;IAChB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CAC7C;AA0GF,QAAA,MAAM,WAAW,kDAAwC,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,CAAC"}
1
+ {"version":3,"file":"Description.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/Postcard/Description.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,+CAA+C,CAAC;AAGvD,OAAO,EAAE,KAAK,QAAQ,EAAuC,MAAM,gBAAgB,CAAC;AAQnF,UAAU,KAAK;IACd,KAAK,EAAE,QAAQ,CAAC;IAChB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB;AA2GF,QAAA,MAAM,WAAW,kDAAwC,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@phosart/common",
3
- "version": "0.4.44",
3
+ "version": "0.4.45",
4
4
  "files": [
5
5
  "dist",
6
6
  "!dist/**/*.test.*",
package/src/lib/ModalGallery/ImageSection.svelte CHANGED
@@ -99,7 +99,7 @@
99
99
  }}
100
100
  role="button"
101
101
  tabindex={-1}
102
- style="width: {w}px; height: {h}px"
102
+ style="width: {w}px; height: {h}px;{isComic ? ' border-radius: 12px 12px 0 0;' : ''}"
103
103
  >
104
104
  <ImageView {piece} {nameInHeader}>
105
105
  {#snippet display(image, onloaded)}
@@ -116,7 +116,7 @@
116
116
  </ImageView>
117
117
  </div>
118
118
  {#if isComic && piece.alts}
119
- {#each piece.alts as alt (JSON.stringify(alt))}
119
+ {#each piece.alts as alt, i (JSON.stringify(alt))}
120
120
  <div
121
121
  class="bounded-div"
122
122
  onclick={(e) => {
@@ -129,9 +129,11 @@
129
129
  }}
130
130
  role="button"
131
131
  tabindex={-1}
132
- style="width: {width(alt.image)}px; height: {height(alt.image)}px"
132
+ style="width: {width(alt.image)}px; height: {height(
133
+ alt.image
134
+ )}px; border-radius: {i === piece.alts.length - 1 ? '0 0 12px 12px' : '0px'};"
133
135
  >
134
- <div class="image-container" style="top: 0;">
136
+ <div class="image-container" style="top: 0; ">
135
137
  <Image video={alt.video?.full} controls picture={alt.image.full} alt={alt.alt} />
136
138
  </div>
137
139
  </div>
package/src/lib/ModalGallery/ImageView.svelte CHANGED
@@ -58,6 +58,7 @@
58
58
  showName={!config.modal?.hideNames && !nameInHeader}
59
59
  {selectedAlt}
60
60
  onselectalt={(i) => (selectedAlt = i ?? null)}
61
+ hideAlts={piece.alts_display === 'comic_panels'}
61
62
  />
62
63
  </div>
63
64
 
package/src/lib/Postcard/Description.svelte CHANGED
@@ -15,6 +15,7 @@
15
15
  showName: boolean;
16
16
  selectedAlt: number | null;
17
17
  onselectalt?: (index: number | null) => void;
18
+ hideAlts?: boolean;
18
19
  }
19
20
 
20
21
  let {
@@ -22,7 +23,8 @@
22
23
  visible = $bindable(),
23
24
  showName,
24
25
  selectedAlt,
25
- onselectalt = undefined
26
+ onselectalt = undefined,
27
+ hideAlts
26
28
  }: Props = $props();
27
29
 
28
30
  const characters = useCharacters();
@@ -51,7 +53,7 @@
51
53
  )}
52
54
  </div>
53
55
 
54
- {#if piece.alts && Object.keys(piece.alts).length > 0}
56
+ {#if piece.alts && Object.keys(piece.alts).length > 0 && !hideAlts}
55
57
  <div style="font-size: 0.7em; line-height: 1.2em; margin-bottom: 1rem" class="tags">
56
58
  This piece as multiple versions:
57
59
  {#if selectedAlt !== null}