@progressive-development/pd-content 1.0.1 → 1.0.3

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 (85) hide show
  1. package/dist/index.d.ts +5 -1
  2. package/dist/index.d.ts.map +1 -1
  3. package/dist/index.js +14 -5
  4. package/dist/pd-badge-order/DragController.d.ts +41 -0
  5. package/dist/pd-badge-order/DragController.d.ts.map +1 -0
  6. package/dist/pd-badge-order/DragController.js +239 -0
  7. package/dist/pd-badge-order/PdBadgeItem.d.ts +31 -0
  8. package/dist/pd-badge-order/PdBadgeItem.d.ts.map +1 -0
  9. package/dist/pd-badge-order/PdBadgeItem.js +320 -0
  10. package/dist/pd-badge-order/PdBadgeOrder.d.ts +68 -0
  11. package/dist/pd-badge-order/PdBadgeOrder.d.ts.map +1 -0
  12. package/dist/pd-badge-order/PdBadgeOrder.js +550 -0
  13. package/dist/pd-badge-order/flip-animator.d.ts +30 -0
  14. package/dist/pd-badge-order/flip-animator.d.ts.map +1 -0
  15. package/dist/pd-badge-order/flip-animator.js +39 -0
  16. package/dist/pd-badge-order/pd-badge-item.d.ts +3 -0
  17. package/dist/pd-badge-order/pd-badge-item.d.ts.map +1 -0
  18. package/dist/pd-badge-order/pd-badge-item.js +8 -0
  19. package/dist/pd-badge-order/pd-badge-order.d.ts +3 -0
  20. package/dist/pd-badge-order/pd-badge-order.d.ts.map +1 -0
  21. package/dist/pd-badge-order/types.d.ts +25 -0
  22. package/dist/pd-badge-order/types.d.ts.map +1 -0
  23. package/dist/pd-badge-order/types.js +3 -0
  24. package/dist/pd-badge-order.d.ts +2 -0
  25. package/dist/pd-badge-order.js +8 -0
  26. package/dist/pd-gallery/PdGallery.d.ts +72 -0
  27. package/dist/pd-gallery/PdGallery.d.ts.map +1 -0
  28. package/dist/pd-gallery/PdGallery.js +660 -0
  29. package/dist/pd-gallery/PdGalleryLightbox.d.ts +53 -0
  30. package/dist/pd-gallery/PdGalleryLightbox.d.ts.map +1 -0
  31. package/dist/pd-gallery/PdGalleryLightbox.js +530 -0
  32. package/dist/pd-gallery/index.d.ts +4 -0
  33. package/dist/pd-gallery/index.d.ts.map +1 -0
  34. package/dist/pd-gallery/pd-gallery-lightbox.d.ts +3 -0
  35. package/dist/pd-gallery/pd-gallery-lightbox.d.ts.map +1 -0
  36. package/dist/pd-gallery/pd-gallery.d.ts +3 -0
  37. package/dist/pd-gallery/pd-gallery.d.ts.map +1 -0
  38. package/dist/pd-gallery/types.d.ts +23 -0
  39. package/dist/pd-gallery/types.d.ts.map +1 -0
  40. package/dist/pd-gallery-lightbox.d.ts +2 -0
  41. package/dist/pd-gallery-lightbox.js +8 -0
  42. package/dist/pd-gallery.d.ts +2 -0
  43. package/dist/pd-gallery.js +8 -0
  44. package/dist/pd-loading-state/PdLoadingState.d.ts +25 -9
  45. package/dist/pd-loading-state/PdLoadingState.d.ts.map +1 -1
  46. package/dist/pd-loading-state/PdLoadingState.js +228 -83
  47. package/dist/pd-loading-state/pd-loading-state.d.ts.map +1 -1
  48. package/dist/pd-loading-state/pd-logo-loader.d.ts +25 -0
  49. package/dist/pd-loading-state/pd-logo-loader.d.ts.map +1 -0
  50. package/dist/pd-loading-state/pd-logo-loader.js +63 -0
  51. package/dist/pd-loading-state/register-pd-logo-loader.d.ts +6 -0
  52. package/dist/pd-loading-state/register-pd-logo-loader.d.ts.map +1 -0
  53. package/dist/pd-loading-state/register-pd-logo-loader.js +6 -0
  54. package/dist/pd-loading-state.js +8 -1
  55. package/dist/pd-panel-viewer/PdPanelViewer.d.ts.map +1 -1
  56. package/dist/pd-panel-viewer/PdPanelViewer.js +1 -1
  57. package/dist/types.d.ts +3 -0
  58. package/dist/types.d.ts.map +1 -1
  59. package/package.json +8 -3
  60. package/dist/pd-box-view/pd-box-view.stories.d.ts +0 -43
  61. package/dist/pd-box-view/pd-box-view.stories.d.ts.map +0 -1
  62. package/dist/pd-code-snippet/pd-code-snippet.stories.d.ts +0 -55
  63. package/dist/pd-code-snippet/pd-code-snippet.stories.d.ts.map +0 -1
  64. package/dist/pd-collapse/pd-collapse.stories.d.ts +0 -51
  65. package/dist/pd-collapse/pd-collapse.stories.d.ts.map +0 -1
  66. package/dist/pd-collapse-group/pd-collapse-group.stories.d.ts +0 -40
  67. package/dist/pd-collapse-group/pd-collapse-group.stories.d.ts.map +0 -1
  68. package/dist/pd-edit-content/pd-edit-content.stories.d.ts +0 -55
  69. package/dist/pd-edit-content/pd-edit-content.stories.d.ts.map +0 -1
  70. package/dist/pd-loading-state/pd-loading-state.stories.d.ts +0 -48
  71. package/dist/pd-loading-state/pd-loading-state.stories.d.ts.map +0 -1
  72. package/dist/pd-more-info/pd-more-info.stories.d.ts +0 -42
  73. package/dist/pd-more-info/pd-more-info.stories.d.ts.map +0 -1
  74. package/dist/pd-notice-box/pd-notice-box.stories.d.ts +0 -58
  75. package/dist/pd-notice-box/pd-notice-box.stories.d.ts.map +0 -1
  76. package/dist/pd-panel-viewer/pd-panel-viewer.stories.d.ts +0 -46
  77. package/dist/pd-panel-viewer/pd-panel-viewer.stories.d.ts.map +0 -1
  78. package/dist/pd-resize-content/pd-resize-content.stories.d.ts +0 -37
  79. package/dist/pd-resize-content/pd-resize-content.stories.d.ts.map +0 -1
  80. package/dist/pd-tab/pd-tab.stories.d.ts +0 -53
  81. package/dist/pd-tab/pd-tab.stories.d.ts.map +0 -1
  82. package/dist/pd-timeline/pd-timeline.stories.d.ts +0 -56
  83. package/dist/pd-timeline/pd-timeline.stories.d.ts.map +0 -1
  84. package/dist/pd-timeline-wizard/pd-timeline-wizard.stories.d.ts +0 -54
  85. package/dist/pd-timeline-wizard/pd-timeline-wizard.stories.d.ts.map +0 -1
@@ -0,0 +1,8 @@
1
+ import { PdBadgeOrder } from './pd-badge-order/PdBadgeOrder.js';
2
+
3
+ const tag = "pd-badge-order";
4
+ if (!customElements.get(tag)) {
5
+ customElements.define(tag, PdBadgeOrder);
6
+ }
7
+
8
+ export { PdBadgeOrder };
@@ -0,0 +1,72 @@
1
+ import { LitElement, nothing, CSSResultGroup } from 'lit';
2
+ import { GalleryImage, GalleryMode } from './types.js';
3
+ /**
4
+ * Image gallery with Grid, Carousel, and Featured display modes.
5
+ * Optionally opens a fullscreen lightbox on click.
6
+ *
7
+ * @tagname pd-gallery
8
+ *
9
+ * @event gallery-image-click - Fired when an image is clicked.
10
+ * @event gallery-open - Fired when the lightbox opens.
11
+ * @event gallery-close - Bubbles from lightbox when it closes.
12
+ * @event gallery-navigate - Bubbles from lightbox on prev/next.
13
+ *
14
+ * @cssprop --pd-gallery-columns - Grid columns. Default: `3`.
15
+ * @cssprop --pd-gallery-gap - Gap between items. Default: `0.75rem`.
16
+ * @cssprop --pd-gallery-radius - Image border radius. Default: `8px`.
17
+ * @cssprop --pd-gallery-aspect-ratio - Image aspect ratio. Default: `1/1`.
18
+ * @cssprop --pd-gallery-hover-scale - Hover zoom factor. Default: `1.03`.
19
+ * @cssprop --pd-gallery-caption-bg - Caption overlay background. Default: `rgba(0,0,0,0.6)`.
20
+ * @cssprop --pd-gallery-featured-max-height - Featured image max height. Default: `500px`.
21
+ * @cssprop --pd-gallery-carousel-transition - Carousel snap transition. Default: `smooth`.
22
+ * @cssprop --pd-gallery-dot-size - Carousel dot size. Default: `10px`.
23
+ * @cssprop --pd-gallery-dot-color - Carousel dot inactive color. Default: `rgba(0,0,0,0.25)`.
24
+ * @cssprop --pd-gallery-dot-active-color - Carousel dot active color. Default: `var(--pd-default-col, #333)`.
25
+ */
26
+ export declare class PdGallery extends LitElement {
27
+ images: GalleryImage[];
28
+ mode: GalleryMode;
29
+ columns: number;
30
+ aspectRatio: string;
31
+ lightbox: boolean;
32
+ showCaptions: boolean;
33
+ maxHeight: string;
34
+ autoplay: boolean;
35
+ autoplayInterval: number;
36
+ loop: boolean;
37
+ showProgress: boolean;
38
+ /** @ignore */
39
+ private _carouselIndex;
40
+ /** @ignore */
41
+ private _lightbox;
42
+ /** @ignore */
43
+ private _carouselTrack;
44
+ /** @ignore */
45
+ private _autoplayTimer?;
46
+ /** @ignore */
47
+ private _observer?;
48
+ /** @ignore */
49
+ private _hovered;
50
+ static styles: CSSResultGroup;
51
+ connectedCallback(): void;
52
+ disconnectedCallback(): void;
53
+ updated(changed: Map<string, unknown>): void;
54
+ render(): import('lit').TemplateResult<1> | typeof nothing;
55
+ private _renderMode;
56
+ private _renderGrid;
57
+ private _renderCarousel;
58
+ private _setupCarouselObserver;
59
+ private _carouselPrev;
60
+ private _carouselNext;
61
+ private _carouselGoTo;
62
+ private _carouselScrollTo;
63
+ private _onCarouselKeyDown;
64
+ private _onCarouselEnter;
65
+ private _onCarouselLeave;
66
+ private _renderFeatured;
67
+ private _onImageClick;
68
+ private _onItemKeyDown;
69
+ private _startAutoplay;
70
+ private _stopAutoplay;
71
+ }
72
+ //# sourceMappingURL=PdGallery.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"PdGallery.d.ts","sourceRoot":"","sources":["../../src/pd-gallery/PdGallery.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,OAAO,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAGrE,OAAO,0BAA0B,CAAC;AAElC,OAAO,KAAK,EAAE,YAAY,EAAE,WAAW,EAAqB,MAAM,YAAY,CAAC;AAG/E;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,qBAAa,SAAU,SAAQ,UAAU;IAEvC,MAAM,EAAE,YAAY,EAAE,CAAM;IAG5B,IAAI,EAAE,WAAW,CAAU;IAG3B,OAAO,SAAK;IAGZ,WAAW,SAAS;IAGpB,QAAQ,UAAQ;IAGhB,YAAY,UAAS;IAGrB,SAAS,SAAM;IAGf,QAAQ,UAAS;IAGjB,gBAAgB,SAAQ;IAGxB,IAAI,UAAQ;IAGZ,YAAY,UAAQ;IAEpB,cAAc;IAEd,OAAO,CAAC,cAAc,CAAK;IAE3B,cAAc;IAEd,OAAO,CAAC,SAAS,CAAqB;IAEtC,cAAc;IAEd,OAAO,CAAC,cAAc,CAAe;IAErC,cAAc;IACd,OAAO,CAAC,cAAc,CAAC,CAAiC;IACxD,cAAc;IACd,OAAO,CAAC,SAAS,CAAC,CAAuB;IACzC,cAAc;IACd,OAAO,CAAC,QAAQ,CAAS;IAEzB,OAAgB,MAAM,EAAE,cAAc,CAiRpC;IAEO,iBAAiB,IAAI,IAAI;IAKzB,oBAAoB,IAAI,IAAI;IAM5B,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IA4B5C,MAAM;IAaf,OAAO,CAAC,WAAW;IAanB,OAAO,CAAC,WAAW;IAqCnB,OAAO,CAAC,eAAe;IAkGvB,OAAO,CAAC,sBAAsB;IA4B9B,OAAO,CAAC,aAAa;IAQrB,OAAO,CAAC,aAAa;IAQrB,OAAO,CAAC,aAAa;IAIrB,OAAO,CAAC,iBAAiB;IAczB,OAAO,CAAC,kBAAkB;IAU1B,OAAO,CAAC,gBAAgB;IAKxB,OAAO,CAAC,gBAAgB;IAOxB,OAAO,CAAC,eAAe;IAqCvB,OAAO,CAAC,aAAa;IAwBrB,OAAO,CAAC,cAAc;IAStB,OAAO,CAAC,cAAc;IAStB,OAAO,CAAC,aAAa;CAMtB"}