@orangesk/orange-design-system 2.0.0-beta.18 → 2.0.0-beta.19

package/build/components/types/index.d.ts

@@ -6,8 +6,8 @@ interface AccordionProps$1 {
     headingLevel?: number;
     /** Accordion is enclosed in another component */
     isEnclosed?: boolean;
-    /** If true, the last item will not have a bottom border */
-    lastItemNoBottomBorder?: boolean;
+    /** If true, the top border on the first item will be removed */
+    noTopBorder?: boolean;
     /** Adjustable spacing */
     size?: "large";
     /** Additional CSS classes */

package/build/components/types/src/components/Accordion/Accordion.d.ts

@@ -4,8 +4,8 @@ interface AccordionProps {
     headingLevel?: number;
     /** Accordion is enclosed in another component */
     isEnclosed?: boolean;
-    /** If true, the last item will not have a bottom border */
-    lastItemNoBottomBorder?: boolean;
+    /** If true, the top border on the first item will be removed */
+    noTopBorder?: boolean;
     /** Adjustable spacing */
     size?: "large";
     /** Additional CSS classes */

package/build/components/types/src/components/Accordion/Accordion.static.d.ts

@@ -8,6 +8,7 @@ export default class Accordion {
     private buttons;
     constructor(element: HTMLElement, config?: Partial<AccordionConfig>);
     private onFocus;
+    private toggleAccordionItem;
     private init;
     private onClick;
     destroy(): void;

package/build/components/types/src/components/Carousel/Carousel.static.d.ts

@@ -10,58 +10,78 @@ export default class Carousel {
     carouselId?: string;
     constructor(element: HTMLElement, config?: Partial<SwiperOptions>);
     init(): void;
+    /**
+     * Fix scrollbar drag size and position for bleed-right carousels.
+     * Overrides Swiper's default scrollbar calculations to work correctly with bleed-right layouts.
+     */
+    fixBleedRightScrollbar(): void;
     getElements(): void;
     getCustomOptions(): void;
+    /**
+     * Enable or disable the carousel based on whether content requires scrolling.
+     * Carousel is enabled only when there are more slides than can fit in the current viewport.
+     */
+    private updateCarouselEnabledState;
+    /**
+     * Calculate how much the carousel should extend beyond the container (bleed effect).
+     * On screens 2560px and wider, the bleed effect is disabled.
+     */
+    private calculateBleedAmount;
+    /**
+     * Apply the bleed offset to extend the carousel beyond the container edge.
+     * Only applies when content exceeds the visible area.
+     */
+    private applyBleedOffset;
+    /**
+     * Configure bleed-right carousel to extend beyond the container edge.
+     * Calculates the exact offset needed for the carousel to reach the viewport edge
+     * while keeping the last slide aligned with the container edge when scrolled to the end.
+     */
     adjustConfigForBleedRight(): void;
     /**
-     * Handles the slide change event on the carousel.
-     * Updates the tooltip position for the active slide and hides tooltips for non-active slides.
-     * Also updates accessibility attributes for pagination buttons and external controls state.
+     * Handle carousel slide change events.
+     * Updates tooltip positions and accessibility states for the active slide.
      */
     handleSlideChange(): void;
     /**
-     * Updates the position of tooltips for the given element.
-     * @param {HTMLElement} element - The element containing tooltip triggers.
+     * Update tooltip positions for elements within a slide.
      */
     updateTooltipPosition(element: HTMLElement): void;
     /**
-     * Hides all tooltips for the given elements.
-     * @param {NodeListOf<HTMLElement>} elements - The elements containing tooltip triggers.
+     * Hide all tooltips for non-active slides.
      */
     hideAllTooltips(elements: NodeListOf<Element>): void;
     /**
-     * Initialize external controls that reference this carousel
+     * Initialize external navigation controls that reference this carousel via data attributes.
+     * Supports prev/next buttons placed anywhere in the DOM.
      */
     initExternalControls(): void;
     /**
-     * Update the disabled state of external controls based on current slide position
+     * Update the disabled state of external navigation controls.
+     * Controls are disabled at the start/end of the carousel based on slide position.
      */
     updateExternalControlsState(): void;
     /**
-     * Go to the next slide
+     * Navigate to the next slide.
      */
     slideNext(): void;
     /**
-     * Go to the previous slide
+     * Navigate to the previous slide.
      */
     slidePrev(): void;
     /**
-     * Get the current active slide index
-     * @returns {number} The current slide index
+     * Get the current active slide index.
      */
     getActiveIndex(): number;
     /**
-     * Add event listener for slide changes
-     * @param {Function} callback - Callback function to execute on slide change
+     * Register a callback for slide change events.
      */
     onSlideChange(callback: (activeIndex: number) => void): void;
     destroy(): void;
     update(): void;
     static getInstance(el: HTMLElement): Carousel | null;
     /**
-     * Find carousel instance by ID or data attribute
-     * @param {string} carouselId - The ID or data attribute value of the carousel
-     * @returns {Carousel | null} The carousel instance or null
+     * Find a carousel instance by its ID or data-carousel-id attribute.
      */
     static getInstanceById(carouselId: string): Carousel | null;
 }