@phosart/common 0.4.42 → 0.4.44

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 (7) hide show
  1. package/dist/ModalGallery/ImageSection.svelte +3 -1
  2. package/dist/ModalGallery/ImageSection.svelte.d.ts.map +1 -1
  3. package/dist/ModalGallery/ImageView.svelte +14 -2
  4. package/dist/ModalGallery/ImageView.svelte.d.ts.map +1 -1
  5. package/package.json +1 -1
  6. package/src/lib/ModalGallery/ImageSection.svelte +3 -1
  7. package/src/lib/ModalGallery/ImageView.svelte +14 -2
package/dist/ModalGallery/ImageSection.svelte CHANGED
@@ -53,6 +53,8 @@
53
53
  }
54
54
 
55
55
  function scrollDown() {
56
+ if (!isComic) return;
57
+
56
58
  bounded?.scrollBy({ behavior: 'smooth', top: containerHeight });
57
59
  }
58
60
 
@@ -129,7 +131,7 @@
129
131
  tabindex={-1}
130
132
  style="width: {width(alt.image)}px; height: {height(alt.image)}px"
131
133
  >
132
- <div class="image-container">
134
+ <div class="image-container" style="top: 0;">
133
135
  <Image video={alt.video?.full} controls picture={alt.image.full} alt={alt.alt} />
134
136
  </div>
135
137
  </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;AAiHF,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;AAmHF,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
@@ -36,10 +36,22 @@
36
36
 
37
37
  {@render display(image, () => (loading = false))}
38
38
 
39
- <div class="headline-container">
39
+ <!-- svelte-ignore a11y_no_noninteractive_element_interactions -->
40
+ <div
41
+ class="headline-container"
42
+ onclick={(e) => e.stopPropagation()}
43
+ onkeypress={(e) => e.stopPropagation()}
44
+ role="contentinfo"
45
+ >
40
46
  <Headline {piece} bind:showingDescription showName={!config.modal?.hideNames && nameInHeader} />
41
47
  </div>
42
- <div class="description-container">
48
+ <!-- svelte-ignore a11y_no_noninteractive_element_interactions -->
49
+ <div
50
+ class="description-container"
51
+ onclick={(e) => e.stopPropagation()}
52
+ onkeypress={(e) => e.stopPropagation()}
53
+ role="contentinfo"
54
+ >
43
55
  <Description
44
56
  {piece}
45
57
  bind:visible={showingDescription}
package/dist/ModalGallery/ImageView.svelte.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ImageView.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/ModalGallery/ImageView.svelte.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE/C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAGrC,UAAU,KAAK;IACd,KAAK,EAAE,QAAQ,CAAC;IAChB,YAAY,EAAE,OAAO,CAAC;IACtB,OAAO,EAAE,OAAO,CACf;QAAC,KAAK,EAAE,QAAQ,GAAG,WAAW,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;QAAE,QAAQ,EAAE,MAAM,IAAI;KAAC,CAC/E,CAAC;CACF;AA2CF,QAAA,MAAM,SAAS,2CAAwC,CAAC;AACxD,KAAK,SAAS,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAC9C,eAAe,SAAS,CAAC"}
1
+ {"version":3,"file":"ImageView.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/ModalGallery/ImageView.svelte.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE/C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAGrC,UAAU,KAAK;IACd,KAAK,EAAE,QAAQ,CAAC;IAChB,YAAY,EAAE,OAAO,CAAC;IACtB,OAAO,EAAE,OAAO,CACf;QAAC,KAAK,EAAE,QAAQ,GAAG,WAAW,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;QAAE,QAAQ,EAAE,MAAM,IAAI;KAAC,CAC/E,CAAC;CACF;AA6CF,QAAA,MAAM,SAAS,2CAAwC,CAAC;AACxD,KAAK,SAAS,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAC9C,eAAe,SAAS,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@phosart/common",
3
- "version": "0.4.42",
3
+ "version": "0.4.44",
4
4
  "files": [
5
5
  "dist",
6
6
  "!dist/**/*.test.*",
package/src/lib/ModalGallery/ImageSection.svelte CHANGED
@@ -53,6 +53,8 @@
53
53
  }
54
54
 
55
55
  function scrollDown() {
56
+ if (!isComic) return;
57
+
56
58
  bounded?.scrollBy({ behavior: 'smooth', top: containerHeight });
57
59
  }
58
60
 
@@ -129,7 +131,7 @@
129
131
  tabindex={-1}
130
132
  style="width: {width(alt.image)}px; height: {height(alt.image)}px"
131
133
  >
132
- <div class="image-container">
134
+ <div class="image-container" style="top: 0;">
133
135
  <Image video={alt.video?.full} controls picture={alt.image.full} alt={alt.alt} />
134
136
  </div>
135
137
  </div>
package/src/lib/ModalGallery/ImageView.svelte CHANGED
@@ -36,10 +36,22 @@
36
36
 
37
37
  {@render display(image, () => (loading = false))}
38
38
 
39
- <div class="headline-container">
39
+ <!-- svelte-ignore a11y_no_noninteractive_element_interactions -->
40
+ <div
41
+ class="headline-container"
42
+ onclick={(e) => e.stopPropagation()}
43
+ onkeypress={(e) => e.stopPropagation()}
44
+ role="contentinfo"
45
+ >
40
46
  <Headline {piece} bind:showingDescription showName={!config.modal?.hideNames && nameInHeader} />
41
47
  </div>
42
- <div class="description-container">
48
+ <!-- svelte-ignore a11y_no_noninteractive_element_interactions -->
49
+ <div
50
+ class="description-container"
51
+ onclick={(e) => e.stopPropagation()}
52
+ onkeypress={(e) => e.stopPropagation()}
53
+ role="contentinfo"
54
+ >
43
55
  <Description
44
56
  {piece}
45
57
  bind:visible={showingDescription}