@nuralyui/carousel 0.0.3

package/carousel.component.d.ts

@@ -0,0 +1,19 @@
+import { LitElement } from 'lit';
+export declare class CarouselComponent extends LitElement {
+    static styles: import("lit").CSSResult;
+    currentIndex: number;
+    autoPlay: boolean;
+    autoplaySpeed: number;
+    private slideElements;
+    private displayedElements;
+    private intervalId;
+    firstUpdated(): void;
+    startAutoPlay(): void;
+    stopAutoPlay(): void;
+    next(): void;
+    prev(): void;
+    goTo(index: number): void;
+    disconnectedCallback(): void;
+    render(): import("lit").TemplateResult<1>;
+}
+//# sourceMappingURL=carousel.component.d.ts.map

package/carousel.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel.component.d.ts","sourceRoot":"","sources":["../../../src/components/carousel/carousel.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,UAAU,EAAU,MAAM,KAAK,CAAC;AAK9C,qBACa,iBAAkB,SAAQ,UAAU;IAC/C,OAAgB,MAAM,0BAAU;IAEpB,YAAY,SAAK;IACjB,QAAQ,UAAS;IACjB,aAAa,SAAQ;IAEjC,OAAO,CAAC,aAAa,CAAiB;IAEtC,OAAO,CAAC,iBAAiB,CAAiB;IAC1C,OAAO,CAAC,UAAU,CAAuB;IAEhC,YAAY;IAYrB,aAAa;IAMb,YAAY;IAOZ,IAAI;IAUJ,IAAI;IAUJ,IAAI,CAAC,KAAK,EAAE,MAAM;IAMT,oBAAoB;IAKpB,MAAM;CAyChB"}

package/carousel.component.js

@@ -0,0 +1,128 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { html, LitElement, nothing } from 'lit';
+import { styles } from './carousel.style.js';
+import { customElement, property, queryAssignedElements, state } from 'lit/decorators.js';
+import { repeat } from 'lit/directives/repeat.js';
+let CarouselComponent = class CarouselComponent extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.currentIndex = 0;
+        this.autoPlay = false;
+        this.autoplaySpeed = 3000;
+        this.intervalId = null;
+    }
+    firstUpdated() {
+        this.displayedElements = this.slideElements.map((element, index) => {
+            if (index != this.currentIndex) {
+                element.classList.add('carousel-item-hidden');
+            }
+            return element;
+        });
+        if (this.autoPlay) {
+            this.startAutoPlay();
+        }
+    }
+    startAutoPlay() {
+        this.intervalId = window.setInterval(() => {
+            this.next();
+        }, this.autoplaySpeed);
+    }
+    stopAutoPlay() {
+        if (this.intervalId) {
+            clearInterval(this.intervalId);
+            this.intervalId = null;
+        }
+    }
+    next() {
+        this.displayedElements[this.currentIndex].classList.add('carousel-item-hidden');
+        if (this.displayedElements.length - 1 == this.currentIndex) {
+            this.currentIndex = 0;
+        }
+        else {
+            this.currentIndex++;
+        }
+        this.displayedElements[this.currentIndex].classList.remove('carousel-item-hidden');
+    }
+    prev() {
+        this.displayedElements[this.currentIndex].classList.add('carousel-item-hidden');
+        if (this.currentIndex == 0) {
+            this.currentIndex = this.displayedElements.length - 1;
+        }
+        else {
+            this.currentIndex--;
+        }
+        this.displayedElements[this.currentIndex].classList.remove('carousel-item-hidden');
+    }
+    goTo(index) {
+        this.displayedElements[this.currentIndex].classList.add('carousel-item-hidden');
+        this.currentIndex = index;
+        this.displayedElements[this.currentIndex].classList.remove('carousel-item-hidden');
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this.stopAutoPlay();
+    }
+    render() {
+        var _a;
+        return html `
+      <div class="carousel">
+        <slot></slot>
+        ${!this.autoPlay
+            ? html `
+                <div class="controls">
+                  <hy-button
+                    @click="${this.prev}"
+                    type="ghost"
+                    size="small"
+                    class="button-control"
+                    .icon="${['chevron-left']}"
+                  ></hy-button>
+                  <hy-button
+                    @click="${this.next}"
+                    type="ghost"
+                    size="small"
+                    class="button-control"
+                    .icon="${['chevron-right']}"
+                  ></hy-button>
+                </div>
+              `
+            : nothing}
+
+           <div class="dots">
+          ${repeat(Array.from({ length: (_a = this.displayedElements) === null || _a === void 0 ? void 0 : _a.length }), (_, index) => html `
+              <span
+                class="dot ${index === this.currentIndex ? 'active' : ''}"
+                @click="${() => this.goTo(index)}"
+              ></span>
+            `)}
+        </div
+      </div>
+    `;
+    }
+};
+CarouselComponent.styles = styles;
+__decorate([
+    property()
+], CarouselComponent.prototype, "currentIndex", void 0);
+__decorate([
+    property()
+], CarouselComponent.prototype, "autoPlay", void 0);
+__decorate([
+    property()
+], CarouselComponent.prototype, "autoplaySpeed", void 0);
+__decorate([
+    queryAssignedElements()
+], CarouselComponent.prototype, "slideElements", void 0);
+__decorate([
+    state()
+], CarouselComponent.prototype, "displayedElements", void 0);
+CarouselComponent = __decorate([
+    customElement('hy-carousel')
+], CarouselComponent);
+export { CarouselComponent };
+//# sourceMappingURL=carousel.component.js.map

package/carousel.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel.component.js","sourceRoot":"","sources":["../../../src/components/carousel/carousel.component.ts"],"names":[],"mappings":"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","sourcesContent":["import {html, LitElement, nothing} from 'lit';\nimport {styles} from './carousel.style.js';\nimport {customElement, property, queryAssignedElements, state} from 'lit/decorators.js';\nimport {repeat} from 'lit/directives/repeat.js';\n\n@customElement('hy-carousel')\nexport class CarouselComponent extends LitElement {\n  static override styles = styles;\n\n  @property() currentIndex = 0;\n  @property() autoPlay = false;\n  @property() autoplaySpeed = 3000;\n  @queryAssignedElements()\n  private slideElements!: HTMLElement[];\n  @state()\n  private displayedElements!: HTMLElement[];\n  private intervalId: number | null = null;\n\n  override firstUpdated() {\n    this.displayedElements = this.slideElements.map((element, index) => {\n      if (index != this.currentIndex) {\n        element.classList.add('carousel-item-hidden');\n      }\n      return element;\n    });\n    if (this.autoPlay) {\n      this.startAutoPlay();\n    }\n  }\n\n  startAutoPlay() {\n    this.intervalId = window.setInterval(() => {\n      this.next();\n    }, this.autoplaySpeed);\n  }\n\n  stopAutoPlay() {\n    if (this.intervalId) {\n      clearInterval(this.intervalId);\n      this.intervalId = null;\n    }\n  }\n\n  next() {\n    this.displayedElements[this.currentIndex].classList.add('carousel-item-hidden');\n    if (this.displayedElements.length - 1 == this.currentIndex) {\n      this.currentIndex = 0;\n    } else {\n      this.currentIndex++;\n    }\n    this.displayedElements[this.currentIndex].classList.remove('carousel-item-hidden');\n  }\n\n  prev() {\n    this.displayedElements[this.currentIndex].classList.add('carousel-item-hidden');\n    if (this.currentIndex == 0) {\n      this.currentIndex = this.displayedElements.length - 1;\n    } else {\n      this.currentIndex--;\n    }\n    this.displayedElements[this.currentIndex].classList.remove('carousel-item-hidden');\n  }\n\n  goTo(index: number) {\n    this.displayedElements[this.currentIndex].classList.add('carousel-item-hidden');\n    this.currentIndex = index;\n    this.displayedElements[this.currentIndex].classList.remove('carousel-item-hidden');\n  }\n\n  override disconnectedCallback() {\n    super.disconnectedCallback();\n    this.stopAutoPlay();\n  }\n\n  override render() {\n    return html`\n      <div class=\"carousel\">\n        <slot></slot>\n        ${\n          !this.autoPlay\n            ? html`\n                <div class=\"controls\">\n                  <hy-button\n                    @click=\"${this.prev}\"\n                    type=\"ghost\"\n                    size=\"small\"\n                    class=\"button-control\"\n                    .icon=\"${['chevron-left']}\"\n                  ></hy-button>\n                  <hy-button\n                    @click=\"${this.next}\"\n                    type=\"ghost\"\n                    size=\"small\"\n                    class=\"button-control\"\n                    .icon=\"${['chevron-right']}\"\n                  ></hy-button>\n                </div>\n              `\n            : nothing\n        }\n\n           <div class=\"dots\">\n          ${repeat(\n            Array.from({length: this.displayedElements?.length}),\n            (_, index) => html`\n              <span\n                class=\"dot ${index === this.currentIndex ? 'active' : ''}\"\n                @click=\"${() => this.goTo(index)}\"\n              ></span>\n            `\n          )}\n        </div\n      </div>\n    `;\n  }\n}\n"]}

package/carousel.style.d.ts

@@ -0,0 +1,2 @@
+export declare const styles: import("lit").CSSResult;
+//# sourceMappingURL=carousel.style.d.ts.map

package/carousel.style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel.style.d.ts","sourceRoot":"","sources":["../../../src/components/carousel/carousel.style.ts"],"names":[],"mappings":"AAoEA,eAAO,MAAM,MAAM,yBAAiB,CAAC"}

package/carousel.style.js

@@ -0,0 +1,68 @@
+import { css } from 'lit';
+const carouselStyles = css `
+  :host {
+    position: relative;
+  }
+
+  .carousel {
+    width: 100%;
+    display: flex;
+    justify-content: center;
+    flex-direction: column;
+    align-items: center;
+  }
+
+  ::slotted(.carousel-item-hidden) {
+    position: absolute;
+    opacity: 0;
+  }
+  ::slotted(:not(.carousel-item-hidden)) {
+    opacity: 1;
+    transition: opacity 0.5s ease;
+  }
+
+  .controls {
+    position: absolute;
+    width: 100%;
+    top: 50%;
+    display: flex;
+    justify-content: space-between;
+  }
+  .button-control {
+    --hybrid-button-ghost-text-color: grey;
+    --hybrid-button-ghost-active-border-color: transparent;
+    --hybrid-button-ghost-hover-background-color: transparent;
+    --hybrid-button-ghost-hover-border-color: transparent;
+  }
+
+  .dot {
+    height: 8px;
+    width: 8px;
+    margin: 0 5px;
+    background-color: var(--carousel-dot-background-color);
+    display: inline-block;
+    cursor: pointer;
+    opacity: 0.4;
+  }
+
+  .dot.active {
+    background-color: var(--carousel-dot-active-background-color);
+    opacity: 0.9;
+  }
+
+  :host {
+    --carousel-dot-background-color: #bebebe;
+    --carousel-dot-active-background-color: gray;
+  }
+  @media (prefers-color-scheme: dark) {
+    :host {
+      --carousel-dot-background-color: gray;
+      --carousel-dot-active-background-color: lightgray;
+      .button-control {
+        --hybrid-button-ghost-text-color: #ffffff;
+      }
+    }
+  }
+`;
+export const styles = carouselStyles;
+//# sourceMappingURL=carousel.style.js.map

package/carousel.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel.style.js","sourceRoot":"","sources":["../../../src/components/carousel/carousel.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AAExB,MAAM,cAAc,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgEzB,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,cAAc,CAAC","sourcesContent":["import {css} from 'lit';\n\nconst carouselStyles = css`\n  :host {\n    position: relative;\n  }\n\n  .carousel {\n    width: 100%;\n    display: flex;\n    justify-content: center;\n    flex-direction: column;\n    align-items: center;\n  }\n\n  ::slotted(.carousel-item-hidden) {\n    position: absolute;\n    opacity: 0;\n  }\n  ::slotted(:not(.carousel-item-hidden)) {\n    opacity: 1;\n    transition: opacity 0.5s ease;\n  }\n\n  .controls {\n    position: absolute;\n    width: 100%;\n    top: 50%;\n    display: flex;\n    justify-content: space-between;\n  }\n  .button-control {\n    --hybrid-button-ghost-text-color: grey;\n    --hybrid-button-ghost-active-border-color: transparent;\n    --hybrid-button-ghost-hover-background-color: transparent;\n    --hybrid-button-ghost-hover-border-color: transparent;\n  }\n\n  .dot {\n    height: 8px;\n    width: 8px;\n    margin: 0 5px;\n    background-color: var(--carousel-dot-background-color);\n    display: inline-block;\n    cursor: pointer;\n    opacity: 0.4;\n  }\n\n  .dot.active {\n    background-color: var(--carousel-dot-active-background-color);\n    opacity: 0.9;\n  }\n\n  :host {\n    --carousel-dot-background-color: #bebebe;\n    --carousel-dot-active-background-color: gray;\n  }\n  @media (prefers-color-scheme: dark) {\n    :host {\n      --carousel-dot-background-color: gray;\n      --carousel-dot-active-background-color: lightgray;\n      .button-control {\n        --hybrid-button-ghost-text-color: #ffffff;\n      }\n    }\n  }\n`;\n\nexport const styles = carouselStyles;\n"]}

package/demo/carousel-demo.d.ts

@@ -0,0 +1,6 @@
+import { LitElement } from 'lit';
+import '../carousel.component';
+export declare class CarouselDemo extends LitElement {
+    render(): import("lit").TemplateResult<1>;
+}
+//# sourceMappingURL=carousel-demo.d.ts.map

package/demo/carousel-demo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel-demo.d.ts","sourceRoot":"","sources":["../../../../src/components/carousel/demo/carousel-demo.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,UAAU,EAAC,MAAM,KAAK,CAAC;AACrC,OAAO,uBAAuB,CAAC;AAG/B,qBACa,YAAa,SAAQ,UAAU;IACjC,MAAM;CAoDhB"}

package/demo/carousel-demo.js

@@ -0,0 +1,68 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { html, LitElement } from 'lit';
+import '../carousel.component';
+import { customElement } from 'lit/decorators.js';
+let CarouselDemo = class CarouselDemo extends LitElement {
+    render() {
+        return html `
+      AUTOPLAY
+      <hy-carousel ?autoplay=${true}>
+        <div>
+          <h3>Slide 1</h3>
+          <p>Content for Slide 1</p>
+        </div>
+        <div>
+          <h3>Slide 2</h3>
+          <p>Content for Slide 2</p>
+        </div>
+        <div>
+          <h3>Slide 3</h3>
+          <p>Content for Slide 3</p>
+        </div>
+      </hy-carousel>
+      <hr />
+
+      WITH CONTROLS
+      <hy-carousel>
+        <div>
+          <h3>Slide 1</h3>
+          <p>Content for Slide 1</p>
+        </div>
+        <div>
+          <h3>Slide 2</h3>
+          <p>Content for Slide 2</p>
+        </div>
+        <div>
+          <h3>Slide 3</h3>
+          <p>Content for Slide 3</p>
+        </div>
+      </hy-carousel>
+      <hr />
+      <hy-carousel>
+        <div>
+          <img src="https://via.placeholder.com/150" alt="Image 1" />
+        </div>
+        <div>
+          <img src="https://via.placeholder.com/150" alt="Image 2" />
+        </div>
+
+        <div>
+          <img src="https://via.placeholder.com/150" alt="Image 4" />
+        </div>
+        <div>
+          <img src="https://via.placeholder.com/150" alt="Image 6" />
+        </div>
+      </hy-carousel>
+    `;
+    }
+};
+CarouselDemo = __decorate([
+    customElement('hy-carousel-demo')
+], CarouselDemo);
+export { CarouselDemo };
+//# sourceMappingURL=carousel-demo.js.map

package/demo/carousel-demo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel-demo.js","sourceRoot":"","sources":["../../../../src/components/carousel/demo/carousel-demo.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAC,IAAI,EAAE,UAAU,EAAC,MAAM,KAAK,CAAC;AACrC,OAAO,uBAAuB,CAAC;AAC/B,OAAO,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAGhD,IAAa,YAAY,GAAzB,MAAa,YAAa,SAAQ,UAAU;IACjC,MAAM;QACb,OAAO,IAAI,CAAA;;+BAEgB,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA+C9B,CAAC;IACJ,CAAC;CACF,CAAA;AArDY,YAAY;IADxB,aAAa,CAAC,kBAAkB,CAAC;GACrB,YAAY,CAqDxB;SArDY,YAAY","sourcesContent":["import {html, LitElement} from 'lit';\nimport '../carousel.component';\nimport {customElement} from 'lit/decorators.js';\n\n@customElement('hy-carousel-demo')\nexport class CarouselDemo extends LitElement {\n  override render() {\n    return html`\n      AUTOPLAY\n      <hy-carousel ?autoplay=${true}>\n        <div>\n          <h3>Slide 1</h3>\n          <p>Content for Slide 1</p>\n        </div>\n        <div>\n          <h3>Slide 2</h3>\n          <p>Content for Slide 2</p>\n        </div>\n        <div>\n          <h3>Slide 3</h3>\n          <p>Content for Slide 3</p>\n        </div>\n      </hy-carousel>\n      <hr />\n\n      WITH CONTROLS\n      <hy-carousel>\n        <div>\n          <h3>Slide 1</h3>\n          <p>Content for Slide 1</p>\n        </div>\n        <div>\n          <h3>Slide 2</h3>\n          <p>Content for Slide 2</p>\n        </div>\n        <div>\n          <h3>Slide 3</h3>\n          <p>Content for Slide 3</p>\n        </div>\n      </hy-carousel>\n      <hr />\n      <hy-carousel>\n        <div>\n          <img src=\"https://via.placeholder.com/150\" alt=\"Image 1\" />\n        </div>\n        <div>\n          <img src=\"https://via.placeholder.com/150\" alt=\"Image 2\" />\n        </div>\n\n        <div>\n          <img src=\"https://via.placeholder.com/150\" alt=\"Image 4\" />\n        </div>\n        <div>\n          <img src=\"https://via.placeholder.com/150\" alt=\"Image 6\" />\n        </div>\n      </hy-carousel>\n    `;\n  }\n}\n"]}

package/index.d.ts

@@ -0,0 +1,2 @@
+export * from './carousel.component.js';
+//# sourceMappingURL=index.d.ts.map

package/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/carousel/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC"}

package/index.js

@@ -0,0 +1,2 @@
+export * from './carousel.component.js';
+//# sourceMappingURL=index.js.map

package/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/carousel/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC","sourcesContent":["export * from './carousel.component.js';\n"]}

package/package.json

@@ -0,0 +1,12 @@
+{
+    "name": "@nuralyui/carousel",
+    "version": "0.0.3",
+    "description": "",
+    "main": "index.js",
+    "type": "module",
+    "scripts": {
+        "test": "echo \"Error: no test specified\" && exit 1"
+    },
+    "author": "Labidi Aymen",
+    "license": "ISC"
+}

package/react.d.ts

@@ -0,0 +1,5 @@
+import { CarouselComponent } from './carousel.component.js';
+export declare const HyCarousel: import("@lit-labs/react").ReactWebComponent<CarouselComponent, {
+    slideChange: string;
+}>;
+//# sourceMappingURL=react.d.ts.map

package/react.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../../../src/components/carousel/react.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,iBAAiB,EAAC,MAAM,yBAAyB,CAAC;AAE1D,eAAO,MAAM,UAAU;;EAOrB,CAAC"}

package/react.js

@@ -0,0 +1,12 @@
+import { createComponent } from '@lit-labs/react';
+import * as React from 'react';
+import { CarouselComponent } from './carousel.component.js';
+export const HyCarousel = createComponent({
+    tagName: 'hy-carousel',
+    elementClass: CarouselComponent,
+    react: React,
+    events: {
+        slideChange: 'slide-change',
+    },
+});
+//# sourceMappingURL=react.js.map

package/react.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"react.js","sourceRoot":"","sources":["../../../src/components/carousel/react.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,eAAe,EAAC,MAAM,iBAAiB,CAAC;AAChD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,iBAAiB,EAAC,MAAM,yBAAyB,CAAC;AAE1D,MAAM,CAAC,MAAM,UAAU,GAAG,eAAe,CAAC;IACxC,OAAO,EAAE,aAAa;IACtB,YAAY,EAAE,iBAAiB;IAC/B,KAAK,EAAE,KAAK;IACZ,MAAM,EAAE;QACN,WAAW,EAAE,cAAc;KAC5B;CACF,CAAC,CAAC","sourcesContent":["import {createComponent} from '@lit-labs/react';\nimport * as React from 'react';\nimport {CarouselComponent} from './carousel.component.js';\n\nexport const HyCarousel = createComponent({\n  tagName: 'hy-carousel',\n  elementClass: CarouselComponent,\n  react: React,\n  events: {\n    slideChange: 'slide-change',\n  },\n});\n"]}