@nanoporetech-digital/components 8.12.0 → 8.12.2
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.
- package/dist/cjs/{fade-CPjR03EH.js → fade-CaQNh008.js} +1 -1
- package/dist/cjs/{fullscreen-Bzjv2HGI.js → fullscreen-CYmWUVa6.js} +1 -1
- package/dist/cjs/{lazyload-BNO_n6W8.js → lazyload-CDp0tl8u.js} +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/nano-card-carousel.cjs.entry.js +1 -1
- package/dist/cjs/nano-components.cjs.js +1 -1
- package/dist/cjs/nano-global-nav.cjs.entry.js +1 -1
- package/dist/cjs/nano-icon-button_2.cjs.entry.js +2 -2
- package/dist/cjs/{nano-slides-C2K7j1yc.js → nano-slides-lMA8e6L6.js} +56 -49
- package/dist/cjs/nano-slides.cjs.entry.js +1 -1
- package/dist/cjs/nano-sortable.cjs.entry.js +1 -1
- package/dist/cjs/nano-step-accordion.cjs.entry.js +1 -1
- package/dist/cjs/nano-step-breadcrumb.cjs.entry.js +2 -2
- package/dist/cjs/nano-sticker.cjs.entry.js +2 -2
- package/dist/cjs/nano-tab-content.cjs.entry.js +2 -2
- package/dist/cjs/nano-tab.cjs.entry.js +2 -2
- package/dist/cjs/nano-table.cjs.entry.js +2 -2
- package/dist/collection/components/breadcrumb/breadcrumb.js +1 -1
- package/dist/collection/components/card-carousel/card-carousel.css +13 -7
- package/dist/collection/components/global-nav/global-nav.css +1 -1
- package/dist/collection/components/slides/lib/js/flickity.js +1 -1
- package/dist/collection/components/slides/lib/js/prev-next-button.js +3 -4
- package/dist/collection/components/slides/lib/js/utils/get-size.js +1 -1
- package/dist/collection/components/slides/slides.css +0 -3
- package/dist/collection/components/slides/slides.js +49 -39
- package/dist/collection/components/sortable/sortable.js +1 -1
- package/dist/collection/components/step-accordion/step-accordion.js +1 -1
- package/dist/collection/components/step-breadcrumb/step-breadcrumb.js +2 -2
- package/dist/collection/components/sticker/sticker.js +2 -2
- package/dist/collection/components/table/table.js +2 -2
- package/dist/collection/components/tabs/tab-content.js +2 -2
- package/dist/collection/components/tabs/tab.js +2 -2
- package/dist/collection/components/tooltip/tooltip.js +2 -2
- package/dist/components/nano-card-carousel.js +1 -1
- package/dist/components/nano-global-nav.js +1 -1
- package/dist/components/nano-sortable.js +1 -1
- package/dist/components/nano-step-accordion.js +1 -1
- package/dist/components/nano-step-breadcrumb.js +2 -2
- package/dist/components/nano-tab-content.js +2 -2
- package/dist/components/nano-tab.js +2 -2
- package/dist/components/nano-table.js +2 -2
- package/dist/components/slides.js +55 -46
- package/dist/components/sticker.js +2 -2
- package/dist/components/tooltip.js +2 -2
- package/dist/esm/{fade-DWf-ekic.js → fade-Brdw1NLw.js} +1 -1
- package/dist/esm/{fullscreen-DWET5K4U.js → fullscreen-DeZTkFNA.js} +1 -1
- package/dist/esm/{lazyload-BSH0U2zW.js → lazyload-D68gi5uV.js} +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/nano-card-carousel.entry.js +1 -1
- package/dist/esm/nano-components.js +1 -1
- package/dist/esm/nano-global-nav.entry.js +1 -1
- package/dist/esm/nano-icon-button_2.entry.js +2 -2
- package/dist/esm/{nano-slides-BU8CjO-X.js → nano-slides-DKkSSmWQ.js} +57 -49
- package/dist/esm/nano-slides.entry.js +1 -1
- package/dist/esm/nano-sortable.entry.js +1 -1
- package/dist/esm/nano-step-accordion.entry.js +1 -1
- package/dist/esm/nano-step-breadcrumb.entry.js +2 -2
- package/dist/esm/nano-sticker.entry.js +2 -2
- package/dist/esm/nano-tab-content.entry.js +2 -2
- package/dist/esm/nano-tab.entry.js +2 -2
- package/dist/esm/nano-table.entry.js +2 -2
- package/dist/nano-components/{fade-DWf-ekic.js → fade-Brdw1NLw.js} +1 -1
- package/dist/nano-components/{fullscreen-DWET5K4U.js → fullscreen-DeZTkFNA.js} +1 -1
- package/dist/nano-components/{lazyload-BSH0U2zW.js → lazyload-D68gi5uV.js} +1 -1
- package/dist/nano-components/nano-card-carousel.entry.js +1 -1
- package/dist/nano-components/nano-components.css +16 -12
- package/dist/nano-components/nano-components.esm.js +1 -1
- package/dist/nano-components/nano-global-nav.entry.js +1 -1
- package/dist/nano-components/nano-icon-button_2.entry.js +1 -1
- package/dist/nano-components/nano-slides-DKkSSmWQ.js +22 -0
- package/dist/nano-components/nano-slides.entry.js +1 -1
- package/dist/nano-components/nano-sortable.entry.js +1 -1
- package/dist/nano-components/nano-step-accordion.entry.js +1 -1
- package/dist/nano-components/nano-step-breadcrumb.entry.js +1 -1
- package/dist/nano-components/nano-sticker.entry.js +1 -1
- package/dist/nano-components/nano-tab-content.entry.js +1 -1
- package/dist/nano-components/nano-tab.entry.js +1 -1
- package/dist/nano-components/nano-table.entry.js +1 -1
- package/dist/style/components.css +1 -1
- package/dist/style/components.css.map +1 -1
- package/dist/style/core.css +1 -1
- package/dist/style/core.css.map +1 -1
- package/dist/style/nano.css +1 -1
- package/dist/style/nano.css.map +1 -1
- package/dist/types/components/slides/slides.d.ts +3 -2
- package/docs-json.json +2 -2
- package/hydrate/index.js +168 -294
- package/hydrate/index.mjs +168 -294
- package/package.json +2 -2
- package/dist/cjs/page-dots-Db7Ce8kX.js +0 -139
- package/dist/collection/components/slides/lib/js/page-dots.js +0 -136
- package/dist/components/page-dots.js +0 -135
- package/dist/esm/page-dots-Ckyic5vY.js +0 -137
- package/dist/nano-components/nano-slides-BU8CjO-X.js +0 -22
- package/dist/nano-components/page-dots-Ckyic5vY.js +0 -4
- package/dist/types/components/slides/lib/js/page-dots.d.ts +0 -1
- /package/dist/types/builds/{x6knoJK1 → 8qhywLzS}/0/Digital/nano-components/packages/components/.stencil/plugins/stencil/vue-output/generate-vue-component.d.ts +0 -0
- /package/dist/types/builds/{x6knoJK1 → 8qhywLzS}/0/Digital/nano-components/packages/components/.stencil/plugins/stencil/vue-output/index.d.ts +0 -0
- /package/dist/types/builds/{x6knoJK1 → 8qhywLzS}/0/Digital/nano-components/packages/components/.stencil/plugins/stencil/vue-output/output-vue.d.ts +0 -0
- /package/dist/types/builds/{x6knoJK1 → 8qhywLzS}/0/Digital/nano-components/packages/components/.stencil/plugins/stencil/vue-output/plugin.d.ts +0 -0
- /package/dist/types/builds/{x6knoJK1 → 8qhywLzS}/0/Digital/nano-components/packages/components/.stencil/plugins/stencil/vue-output/types.d.ts +0 -0
- /package/dist/types/builds/{x6knoJK1 → 8qhywLzS}/0/Digital/nano-components/packages/components/.stencil/plugins/stencil/vue-output/utils.d.ts +0 -0
- /package/dist/types/builds/{x6knoJK1 → 8qhywLzS}/0/Digital/nano-components/packages/components/.stencil/stencil.config.d.ts +0 -0
- /package/dist/types/builds/{x6knoJK1 → 8qhywLzS}/0/Digital/nano-components/packages/components/.stencil/stencil.config.prod.d.ts +0 -0
- /package/dist/types/builds/{x6knoJK1 → 8qhywLzS}/0/Digital/nano-components/packages/components/.stencil/testing/mocks/intersection-observer.d.ts +0 -0
- /package/dist/types/builds/{x6knoJK1 → 8qhywLzS}/0/Digital/nano-components/packages/components/.stencil/wdio.conf.d.ts +0 -0
package/hydrate/index.mjs
CHANGED
|
@@ -8890,7 +8890,7 @@ class CollapsibleComparison {
|
|
|
8890
8890
|
}; }
|
|
8891
8891
|
}
|
|
8892
8892
|
|
|
8893
|
-
const cardCarouselCss = ":host,\n*,\n*::before,\n*::after {\n box-sizing: border-box;\n}\n[hidden] {\n display: none !important;\n}\n@media (prefers-reduced-motion: reduce) {\n :host,\n *,\n *::before,\n *::after {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n scroll-behavior: auto !important;\n }\n }:host,\n*,\n*::before,\n*::after {\n box-sizing: border-box;\n}\n[hidden] {\n display: none !important;\n}\n@media (prefers-reduced-motion: reduce) {\n :host,\n *,\n *::before,\n *::after {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n scroll-behavior: auto !important;\n }\n }/** Typography */\n:host {\n /**\n * @prop --bleed: A portion of the Image of the next card is displayed outside the parent width boundary. \n * Generally should be the parent's `padding-inline-end` (or `padding-right`). Defaults to 0px;\n * @prop --gap: gap between the slides. Defaults to var(--nano-spacing-xl) on large screens, var(--nano-spacing-md) on small screens;\n * @prop --pagination-button-color: The color of the pagination button. Defaults to var(--nano-color-neutral-400);\n * @prop --pagination-button-active: Active color of the pagination button. Defaults to var(--nano-color-primary-1000);\n */\n --bleed: 0px;\n --gap: var(--nano-spacing-xl);\n --pagination-button-color: var(--nano-color-neutral-400);\n --pagination-button-hover: var(--nano-color-primary-700);\n --pagination-button-active: var(--nano-color-primary-1000);\n --peek: calc(var(--bleed) / 2);\n display: block;\n position: relative;\n margin-inline: 0 calc(var(--bleed) * -1);\n container-type: inline-size;\n}\n\n.base ::slotted(nano-slide), .base::slotted(nano-slide) {\n --img-opacity: calc(1 - max((var(--distance) - 50) / 30, 0));\n --text-opacity: calc(1 - max((var(--distance) - 50) / 15, 0));\n display: block;\n text-align: unset;\n min-block-size: auto;\n inline-size:
|
|
8893
|
+
const cardCarouselCss = ":host,\n*,\n*::before,\n*::after {\n box-sizing: border-box;\n}\n[hidden] {\n display: none !important;\n}\n@media (prefers-reduced-motion: reduce) {\n :host,\n *,\n *::before,\n *::after {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n scroll-behavior: auto !important;\n }\n }:host,\n*,\n*::before,\n*::after {\n box-sizing: border-box;\n}\n[hidden] {\n display: none !important;\n}\n@media (prefers-reduced-motion: reduce) {\n :host,\n *,\n *::before,\n *::after {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n scroll-behavior: auto !important;\n }\n }/** Typography */\n:host {\n /**\n * @prop --bleed: A portion of the Image of the next card is displayed outside the parent width boundary. \n * Generally should be the parent's `padding-inline-end` (or `padding-right`). Defaults to 0px;\n * @prop --gap: gap between the slides. Defaults to var(--nano-spacing-xl) on large screens, var(--nano-spacing-md) on small screens;\n * @prop --pagination-button-color: The color of the pagination button. Defaults to var(--nano-color-neutral-400);\n * @prop --pagination-button-active: Active color of the pagination button. Defaults to var(--nano-color-primary-1000);\n */\n --bleed: 0px;\n --gap: var(--nano-spacing-xl);\n --pagination-button-color: var(--nano-color-neutral-400);\n --pagination-button-hover: var(--nano-color-primary-700);\n --pagination-button-active: var(--nano-color-primary-1000);\n --peek: calc(var(--bleed) / 2);\n --slide-width: calc((50% + (var(--gap) / 2)) - var(--peek));\n display: block;\n position: relative;\n margin-inline: 0 calc(var(--bleed) * -1);\n container-type: inline-size;\n overflow: hidden;\n}\n\n.base ::slotted(nano-slide), .base::slotted(nano-slide) {\n --img-opacity: calc(1 - max((var(--distance) - 50) / 30, 0));\n --text-opacity: calc(1 - max((var(--distance) - 50) / 15, 0));\n display: block;\n text-align: unset;\n min-block-size: auto;\n inline-size: var(--slide-width);\n padding-inline-end: var(--gap);\n}\n.base nano-slides {\n overflow: visible;\n -webkit-mask-repeat: no-repeat;\n mask-repeat: no-repeat;\n -webkit-mask-image: linear-gradient(to right, rgb(0, 0, 0) 0%, rgb(0, 0, 0) calc(100% - var(--bleed)), rgba(0, 0, 0, 0) 100%);\n mask-image: linear-gradient(to right, rgb(0, 0, 0) 0%, rgb(0, 0, 0) calc(100% - var(--bleed)), rgba(0, 0, 0, 0) 100%);\n}\n.base nano-slides[ready]::part(slide-container) {\n flex-flow: column wrap;\n justify-content: flex-start;\n}\n.base nano-slides::part(slide-viewport) {\n flex: auto;\n}\n.base nano-slides::part(navigation-button--previous) {\n display: none;\n}\n.base nano-slides::part(navigation-button--next) {\n transform: none;\n block-size: 100%;\n inline-size: calc(var(--peek) + var(--gap));\n inset-inline-end: 0;\n inset-block-start: 0;\n border-radius: 0;\n margin: 0;\n padding: 0;\n opacity: 0;\n}\n.base .header {\n max-inline-size: calc(100% - var(--bleed));\n display: flex;\n gap: var(--nano-spacing-md);\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n margin-block-end: var(--gap);\n}\n.base .title {\n font-weight: var(--nano-font-weight-normal);\n font-size: var(--nano-font-size-xl);\n line-height: var(--nano-line-height-denser);\n text-wrap: balance;\n line-height: 1;\n}\n.base .pagination {\n display: inline-flex;\n gap: var(--nano-spacing-md);\n}\n.base .pagination-btn {\n all: unset;\n inline-size: 1.25rem;\n block-size: 0.375rem;\n margin-block: 0;\n cursor: pointer;\n background: var(--pagination-button-color);\n position: relative;\n}\n.base .pagination-btn::after {\n content: \"\";\n position: absolute;\n inset: -1rem -0.625rem;\n}\n.base .pagination-btn:focus-visible {\n outline: var(--nano-focus-ring);\n outline-offset: var(--nano-focus-ring-offset);\n z-index: 1;\n}\n.base .pagination-btn:hover {\n background: var(--pagination-button-hover);\n}\n.base .pagination-btn:active {\n background: var(--pagination-button-active);\n}\n.base .pagination-btn__label {\n position: absolute;\n inline-size: 1px;\n block-size: 1px;\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n overflow: hidden;\n pointer-events: none;\n visibility: hidden;\n}\n.base .pagination-btn--active {\n background: var(--pagination-button-active);\n}\n@container (width < 615px) {\n .base {\n --gap: var(--nano-spacing-md);\n --peek: var(--bleed);\n --slide-width: calc((100% + var(--gap)) - var(--peek));\n }\n .base ::slotted(nano-slide) {\n --img-opacity: calc(1 - max((var(--distance) - 30) / 5, 0));\n --text-opacity: calc(1 - max((var(--distance) - 30) / 3, 0));\n }\n .base .header {\n flex-direction: column;\n align-items: start;\n }\n .base .pagination {\n transform: translateY(-50%);\n }\n}";
|
|
8894
8894
|
|
|
8895
8895
|
/**
|
|
8896
8896
|
* Showcase up to 6 pieces of content in a slide-show format.
|
|
@@ -14733,7 +14733,7 @@ const searchInsight = {
|
|
|
14733
14733
|
},
|
|
14734
14734
|
};
|
|
14735
14735
|
|
|
14736
|
-
const globalNavCss = ":host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host{--main-menu-bar-bg-color:var(--nano-color-base-0);--main-menu-text-color:var(--nano-color-base-1000);--main-menu-hover-text-color:var(--nano-color-primary-1000);--main-menu-active-text-color:var(--nano-color-primary-1200);--main-menu-active-border-color:var(--nano-color-primary-1000);--overflow-bg-color:var(--nano-color-grey-mono-1600);--overflow-text-color:var(--nano-color-basic-white);--overflow-hover-text-color:var(--nano-color-blue-cerulean-700);--overflow-active-text-color:var(--nano-color-blue-cerulean-300);display:block;color:var(--main-menu-text-color)}img{max-inline-size:none;display:block}::slotted(a),:host::slotted(a),a{text-decoration:none}a:has(img){display:inline-block}a:focus{outline:var(--nano-focus-ring);outline-offset:var(--nano-focus-ring-offset)}nano-drawer:not(:defined){display:none}nano-badge{position:absolute;font-size:0.5625rem;pointer-events:none}.gn__cart{position:relative}.gn__cart nano-badge{inset-block-start:-0.35rem;inset-inline-end:-0.4rem}.gn__login-cta{--bg:transparent;--font-size:var(--nano-font-size-2xs);--padding-v:0.5em}.gn__menu-bar-wrapper{z-index:var(--nano-z-index-menubar);position:relative}.gn__menu-bar-wrapper::after{content:\"\";position:absolute;block-size:1px;inline-size:100%;inset-inline:0;inset-block-end:-1px;z-index:-3;background-color:var(--nano-color-neutral-200)}.gn__menu-bar{inline-size:100%;overflow:clip;background-color:var(--main-menu-bar-bg-color)}.gn__menu-bar a{color:var(--main-menu-text-color)}.gn__menu-bar a:hover{color:var(--main-menu-hover-text-color)}.gn__menu-bar a:active{color:var(--main-menu-active-text-color)}.gn__main-menu{display:inline-flex;align-items:center;min-inline-size:100%;padding:var(--nano-spacing-md);transition:opacity var(--nano-transition-x-fast) ease;opacity:1}.gn__main-menu.resizing{transition:none;opacity:0}.gn__main-menu>*{margin-inline-end:var(--nano-spacing-xl)}.gn__main-menu>*:is(slot,slot-fb){display:flex}.gn__main-menu>*:last-child{margin-inline-end:0}.gn__overflow-button{--padding:0.5rem 0.875rem 0.5rem 0;margin-inline-end:0.875rem;font-size:1.125rem;position:relative}.gn__overflow-button::after{content:\"\";position:absolute;inline-size:1px;block-size:100%;inset-inline-end:0;background-color:var(--nano-color-neutral-300);opacity:0.7;inset-block-start:0}.gn__main-menu-links,.gn__main-menu-actions{display:inline-flex;align-items:center}.gn__main-menu-links .nano-icon,.gn__main-menu-links .nano-icon-button,.gn__main-menu-actions .nano-icon,.gn__main-menu-actions .nano-icon-button{--active-color:var(--main-menu-active-text-color);--hover-color:var(--main-menu-hover-text-color);font-size:1rem}.gn__main-menu-links .nano-icon-button:hover,.gn__main-menu-actions .nano-icon-button:hover{color:var(--main-menu-hover-text-color)}.gn__main-menu-links{gap:var(--nano-spacing-xl)}.gn__main-menu-links ::slotted(a),.gn__main-menu-links::slotted(a){color:var(--main-menu-text-color)}.gn__main-menu-links ::slotted(a:hover){color:var(--main-menu-hover-text-color)}.gn__main-menu-links ::slotted(*:active){color:var(--main-menu-active-text-color)}.gn__main-menu-actions{margin-inline-start:auto;font-size:0.9375rem;gap:var(--nano-spacing-md)}.gn__search-dropdown{--overflow:visible;--padding:0;--background:transparent}.gn__search-dropdown .nano-icon-button{position:relative}.gn__search-dropdown .nano-icon-button::before{content:\"\";position:absolute;background-color:var(--main-menu-active-border-color);block-size:4px;inset-inline:5px 2px;inset-block-end:-1.5625rem;transform:translateZ(0) scaleX(0);transform-origin:0 center;transition:transform var(--nano-transition-x-fast) ease-in-out}.gn__search-open .gn__search-dropdown .nano-icon-button::before{transform:translateZ(0) scaleX(1)}.gn__search-form{display:inline-flex;max-inline-size:100vw;inline-size:30.625rem}.gn__search-form .nano-select{--input-bg-color:var(--nano-color-neutral-200);flex:0}.gn__search-form .nano-select:focus-within{z-index:1}.gn__search-form .nano-select .form-ctrl__input{border-inline-end:none}.gn__search-form .nano-input{flex:1}.gn__search-results{--padding-start:var(--nano-spacing-md);--padding-top:var(--nano-spacing-sm);--padding-bottom:var(--nano-spacing-sm);font-size:var(--nano-font-size-2xs)}.gn__search-loading{display:flex;justify-content:center}.gn__search-result{--padding-start:0.3125rem;--padding-top:var(--nano-spacing-sm);--padding-bottom:var(--nano-spacing-sm);--bg-focus:var(--nano-color-primary-300);--color-focus:var(--nano-color-neutral-1400);--color:var(--nano-color-neutral-1400);font-size:var(--nano-font-size-2xs)}.gn__search-result .search__highlight{font-style:normal;background:var(--nano-color-highlight)}.gn__search-viewall{--bg-focus:var(--nano-color-primary-300);--color-focus:var(--nano-color-neutral-1400);--color:var(--nano-color-primary-1200)}.gn__search-viewall::part(label){justify-content:flex-end;text-decoration:underline}.gn__user-dropdown-trigger{all:unset;cursor:pointer;color:var(--nano-color-primary-1200);display:flex;white-space:nowrap;gap:var(--nano-spacing-xs);align-items:center;position:relative;padding-inline-start:var(--nano-spacing-md)}.gn__user-dropdown-trigger:hover{color:var(--main-menu-hover-text-color)}.gn__user-dropdown-trigger:active{color:var(--main-menu-active-text-color)}.gn__user-dropdown-trigger:focus-visible{outline:var(--nano-focus-ring);outline-offset:var(--nano-focus-ring-offset)}.gn__user-dropdown-trigger::before{content:\"\";position:absolute;inline-size:1px;block-size:100%;inset-inline-start:0;background-color:var(--nano-color-neutral-300);opacity:0.7;inset-block-start:0}.gn__user-dropdown-trigger .gn__user-dropdown-chevron{transition:rotate var(--nano-transition-x-fast) linear}[open] .gn__user-dropdown-trigger .gn__user-dropdown-chevron{rotate:180deg}.gn__user-dropdown-trigger nano-badge{inset-block-start:-0.7rem;inset-inline-end:-0.7rem}.gn__user-dropdown{--background:var(--overflow-bg-color);--padding:0;--overflow:visible}.gn__user-panel{inline-size:21.25rem;max-inline-size:21.25rem;color:var(--overflow-text-color);padding:var(--nano-spacing-md)}.gn__user-panel a{color:var(--overflow-text-color)}.gn__user-panel a:hover{text-decoration:underline;color:var(--overflow-hover-text-color)}.gn__user-panel-head{font-size:var(--nano-font-size-xs);line-height:var(--nano-line-height-normal);letter-spacing:var(--nano-letter-spacing-loose);padding-block-end:var(--nano-spacing-md);display:flex;align-items:center;gap:var(--nano-spacing-sm);font-size:var(--nano-font-size-xs)}.gn__user-panel-head .gn__user-avatar nano-icon{font-size:2.5rem}.gn__user-panel-body{display:flex;flex-direction:column}.gn__user-panel-body a{position:relative;border-block-end:1px solid rgb(var(--nano-color-base-rgb-1000)/10%);padding-block:var(--nano-spacing-md)}.gn__user-panel-body a:first-child{border-block-start:1px solid rgb(var(--nano-color-base-rgb-1000)/10%)}.gn__user-panel-foot{padding-block-start:var(--nano-spacing-md);display:flex;align-items:center;justify-content:space-between;gap:var(--nano-spacing-md)}.gn__drawer{--panel-background:var(--overflow-bg-color);--header-button-color:var(--overflow-text-color);--body-spacing:0;--header-spacing:var(--nano-spacing-md) 0;--footer-spacing:var(--nano-spacing-md)}.gn__drawer::part(title){display:flex;justify-content:flex-end}.gn__drawer::part(header-actions){order:-1}.gn__drawer-header{clip-path:inset(50%);block-size:1px;overflow:hidden;position:absolute;white-space:nowrap;inline-size:1px}.gn__drawer-menu{display:flex;flex-direction:column;margin:0 var(--nano-spacing-md);padding-block-end:var(--nano-spacing-md);color:var(--overflow-text-color);border-block-start:1px solid rgb(var(--nano-color-base-rgb-1000)/10%);position:relative}.gn__drawer-menu ::slotted(a),.gn__drawer-menu::slotted(a){padding:var(--nano-spacing-md) 0}.gn__drawer-menu ::slotted(a),.gn__drawer-menu ::slotted(.nano-nav-item),.gn__drawer-menu::slotted(a),.gn__drawer-menu::slotted(.nano-nav-item){--padding:var(--nano-spacing-md) 0;display:block;color:inherit !important;border-block-end:1px solid rgb(var(--nano-color-base-rgb-1000)/10%)}.gn__drawer-menu ::slotted(a:hover),.gn__drawer-menu ::slotted(.nano-nav-item:hover){text-decoration:underline;color:var(--overflow-hover-text-color) !important}";
|
|
14736
|
+
const globalNavCss = ":host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host{--main-menu-bar-bg-color:var(--nano-color-base-0);--main-menu-text-color:var(--nano-color-base-1000);--main-menu-hover-text-color:var(--nano-color-primary-1000);--main-menu-active-text-color:var(--nano-color-primary-1200);--main-menu-active-border-color:var(--nano-color-primary-1000);--overflow-bg-color:var(--nano-color-grey-mono-1600);--overflow-text-color:var(--nano-color-basic-white);--overflow-hover-text-color:var(--nano-color-blue-cerulean-700);--overflow-active-text-color:var(--nano-color-blue-cerulean-300);display:block;color:var(--main-menu-text-color)}img{max-inline-size:none;display:block}::slotted(a),:host::slotted(a),a{text-decoration:none}a:has(img){display:inline-block}a:focus{outline:var(--nano-focus-ring);outline-offset:var(--nano-focus-ring-offset)}nano-drawer:not(:defined){display:none}nano-badge{position:absolute;font-size:0.5625rem;pointer-events:none}.gn__cart{position:relative}.gn__cart nano-badge{inset-block-start:-0.35rem;inset-inline-end:-0.4rem}.gn__login-cta{--bg:transparent;--font-size:var(--nano-font-size-2xs);--padding-v:0.5em}.gn__menu-bar-wrapper{z-index:calc(var(--nano-z-index-menubar) + 1);position:relative}.gn__menu-bar-wrapper::after{content:\"\";position:absolute;block-size:1px;inline-size:100%;inset-inline:0;inset-block-end:-1px;z-index:-3;background-color:var(--nano-color-neutral-200)}.gn__menu-bar{inline-size:100%;overflow:clip;background-color:var(--main-menu-bar-bg-color)}.gn__menu-bar a{color:var(--main-menu-text-color)}.gn__menu-bar a:hover{color:var(--main-menu-hover-text-color)}.gn__menu-bar a:active{color:var(--main-menu-active-text-color)}.gn__main-menu{display:inline-flex;align-items:center;min-inline-size:100%;padding:var(--nano-spacing-md);transition:opacity var(--nano-transition-x-fast) ease;opacity:1}.gn__main-menu.resizing{transition:none;opacity:0}.gn__main-menu>*{margin-inline-end:var(--nano-spacing-xl)}.gn__main-menu>*:is(slot,slot-fb){display:flex}.gn__main-menu>*:last-child{margin-inline-end:0}.gn__overflow-button{--padding:0.5rem 0.875rem 0.5rem 0;margin-inline-end:0.875rem;font-size:1.125rem;position:relative}.gn__overflow-button::after{content:\"\";position:absolute;inline-size:1px;block-size:100%;inset-inline-end:0;background-color:var(--nano-color-neutral-300);opacity:0.7;inset-block-start:0}.gn__main-menu-links,.gn__main-menu-actions{display:inline-flex;align-items:center}.gn__main-menu-links .nano-icon,.gn__main-menu-links .nano-icon-button,.gn__main-menu-actions .nano-icon,.gn__main-menu-actions .nano-icon-button{--active-color:var(--main-menu-active-text-color);--hover-color:var(--main-menu-hover-text-color);font-size:1rem}.gn__main-menu-links .nano-icon-button:hover,.gn__main-menu-actions .nano-icon-button:hover{color:var(--main-menu-hover-text-color)}.gn__main-menu-links{gap:var(--nano-spacing-xl)}.gn__main-menu-links ::slotted(a),.gn__main-menu-links::slotted(a){color:var(--main-menu-text-color)}.gn__main-menu-links ::slotted(a:hover){color:var(--main-menu-hover-text-color)}.gn__main-menu-links ::slotted(*:active){color:var(--main-menu-active-text-color)}.gn__main-menu-actions{margin-inline-start:auto;font-size:0.9375rem;gap:var(--nano-spacing-md)}.gn__search-dropdown{--overflow:visible;--padding:0;--background:transparent}.gn__search-dropdown .nano-icon-button{position:relative}.gn__search-dropdown .nano-icon-button::before{content:\"\";position:absolute;background-color:var(--main-menu-active-border-color);block-size:4px;inset-inline:5px 2px;inset-block-end:-1.5625rem;transform:translateZ(0) scaleX(0);transform-origin:0 center;transition:transform var(--nano-transition-x-fast) ease-in-out}.gn__search-open .gn__search-dropdown .nano-icon-button::before{transform:translateZ(0) scaleX(1)}.gn__search-form{display:inline-flex;max-inline-size:100vw;inline-size:30.625rem}.gn__search-form .nano-select{--input-bg-color:var(--nano-color-neutral-200);flex:0}.gn__search-form .nano-select:focus-within{z-index:1}.gn__search-form .nano-select .form-ctrl__input{border-inline-end:none}.gn__search-form .nano-input{flex:1}.gn__search-results{--padding-start:var(--nano-spacing-md);--padding-top:var(--nano-spacing-sm);--padding-bottom:var(--nano-spacing-sm);font-size:var(--nano-font-size-2xs)}.gn__search-loading{display:flex;justify-content:center}.gn__search-result{--padding-start:0.3125rem;--padding-top:var(--nano-spacing-sm);--padding-bottom:var(--nano-spacing-sm);--bg-focus:var(--nano-color-primary-300);--color-focus:var(--nano-color-neutral-1400);--color:var(--nano-color-neutral-1400);font-size:var(--nano-font-size-2xs)}.gn__search-result .search__highlight{font-style:normal;background:var(--nano-color-highlight)}.gn__search-viewall{--bg-focus:var(--nano-color-primary-300);--color-focus:var(--nano-color-neutral-1400);--color:var(--nano-color-primary-1200)}.gn__search-viewall::part(label){justify-content:flex-end;text-decoration:underline}.gn__user-dropdown-trigger{all:unset;cursor:pointer;color:var(--nano-color-primary-1200);display:flex;white-space:nowrap;gap:var(--nano-spacing-xs);align-items:center;position:relative;padding-inline-start:var(--nano-spacing-md)}.gn__user-dropdown-trigger:hover{color:var(--main-menu-hover-text-color)}.gn__user-dropdown-trigger:active{color:var(--main-menu-active-text-color)}.gn__user-dropdown-trigger:focus-visible{outline:var(--nano-focus-ring);outline-offset:var(--nano-focus-ring-offset)}.gn__user-dropdown-trigger::before{content:\"\";position:absolute;inline-size:1px;block-size:100%;inset-inline-start:0;background-color:var(--nano-color-neutral-300);opacity:0.7;inset-block-start:0}.gn__user-dropdown-trigger .gn__user-dropdown-chevron{transition:rotate var(--nano-transition-x-fast) linear}[open] .gn__user-dropdown-trigger .gn__user-dropdown-chevron{rotate:180deg}.gn__user-dropdown-trigger nano-badge{inset-block-start:-0.7rem;inset-inline-end:-0.7rem}.gn__user-dropdown{--background:var(--overflow-bg-color);--padding:0;--overflow:visible}.gn__user-panel{inline-size:21.25rem;max-inline-size:21.25rem;color:var(--overflow-text-color);padding:var(--nano-spacing-md)}.gn__user-panel a{color:var(--overflow-text-color)}.gn__user-panel a:hover{text-decoration:underline;color:var(--overflow-hover-text-color)}.gn__user-panel-head{font-size:var(--nano-font-size-xs);line-height:var(--nano-line-height-normal);letter-spacing:var(--nano-letter-spacing-loose);padding-block-end:var(--nano-spacing-md);display:flex;align-items:center;gap:var(--nano-spacing-sm);font-size:var(--nano-font-size-xs)}.gn__user-panel-head .gn__user-avatar nano-icon{font-size:2.5rem}.gn__user-panel-body{display:flex;flex-direction:column}.gn__user-panel-body a{position:relative;border-block-end:1px solid rgb(var(--nano-color-base-rgb-1000)/10%);padding-block:var(--nano-spacing-md)}.gn__user-panel-body a:first-child{border-block-start:1px solid rgb(var(--nano-color-base-rgb-1000)/10%)}.gn__user-panel-foot{padding-block-start:var(--nano-spacing-md);display:flex;align-items:center;justify-content:space-between;gap:var(--nano-spacing-md)}.gn__drawer{--panel-background:var(--overflow-bg-color);--header-button-color:var(--overflow-text-color);--body-spacing:0;--header-spacing:var(--nano-spacing-md) 0;--footer-spacing:var(--nano-spacing-md)}.gn__drawer::part(title){display:flex;justify-content:flex-end}.gn__drawer::part(header-actions){order:-1}.gn__drawer-header{clip-path:inset(50%);block-size:1px;overflow:hidden;position:absolute;white-space:nowrap;inline-size:1px}.gn__drawer-menu{display:flex;flex-direction:column;margin:0 var(--nano-spacing-md);padding-block-end:var(--nano-spacing-md);color:var(--overflow-text-color);border-block-start:1px solid rgb(var(--nano-color-base-rgb-1000)/10%);position:relative}.gn__drawer-menu ::slotted(a),.gn__drawer-menu::slotted(a){padding:var(--nano-spacing-md) 0}.gn__drawer-menu ::slotted(a),.gn__drawer-menu ::slotted(.nano-nav-item),.gn__drawer-menu::slotted(a),.gn__drawer-menu::slotted(.nano-nav-item){--padding:var(--nano-spacing-md) 0;display:block;color:inherit !important;border-block-end:1px solid rgb(var(--nano-color-base-rgb-1000)/10%)}.gn__drawer-menu ::slotted(a:hover),.gn__drawer-menu ::slotted(.nano-nav-item:hover){text-decoration:underline;color:var(--overflow-hover-text-color) !important}";
|
|
14737
14737
|
|
|
14738
14738
|
const MIN_SEARCH_LENGTH = 3;
|
|
14739
14739
|
/**
|
|
@@ -23761,7 +23761,7 @@ class NanoStepAccordion {
|
|
|
23761
23761
|
}
|
|
23762
23762
|
}
|
|
23763
23763
|
render() {
|
|
23764
|
-
return (h("nano-accordion", { key: '
|
|
23764
|
+
return (h("nano-accordion", { key: '1832da76f2bff202722bb28c049d75d11149b321', alwaysOpen: true, onNanoToggle: (event) => this.handleToggle(event) }, this.steps.map((step, index) => (h("nano-details", { open: index === this.activeStep, disabled: !step.enabled, class: {
|
|
23765
23765
|
step: true,
|
|
23766
23766
|
'step--active': index === this.activeStep,
|
|
23767
23767
|
'step--complete': step.complete,
|
|
@@ -23890,10 +23890,10 @@ class NanoStepBreadcrumb {
|
|
|
23890
23890
|
};
|
|
23891
23891
|
render() {
|
|
23892
23892
|
const Wrapper = this.steps.filter((step) => step.href).length > 0 ? 'nav' : 'div';
|
|
23893
|
-
return (h(Host, { key: '
|
|
23893
|
+
return (h(Host, { key: 'cbda942c6f8110d4d82131a1c9e4b14edf24b0c3' }, h(Wrapper, { key: 'b7fb3d26dd43a9407a75051be48e20b7633a8838', class: "step-wrapper" }, h("ul", { key: 'fbc4be8dea505488507b6ad77b412888e92e1b0a', class: `step-list desktop ${this.cacheKey}` }, this.steps.map((step, index) => (h("li", { class: "step-item-wrapper", key: index }, h(this.ControlTag, { step: step, index: index }))))), h("div", { key: '3303c111f3f5b55afdae780c389dd62f66ab41e5', class: `step-list mobile ${this.cacheKey}` }, h("nano-dropdown", { key: '5e53b5c612f04201304b3ad740a87c3b702becae', dialogTitle: "Steps", class: "step-dropdown" }, h("button", { key: '04adf74e007e5de4504a297e65f32a284d3ab086', slot: "trigger", class: "step-trigger" }, h("div", { key: '0820a4a1bdcb5c7123e266885c7632f2c0b1efa2', class: "step-progress-circle", role: "progressbar", "aria-valuenow": "2", "aria-valuemin": "0", "aria-valuemax": "5", style: {
|
|
23894
23894
|
'--value': '' + (this.activeStep + 1),
|
|
23895
23895
|
'--max': '' + this.steps.length,
|
|
23896
|
-
} }, h("span", { key: '
|
|
23896
|
+
} }, h("span", { key: '9548a830bc2c09209276fc8ff3c2c19a9ca9f867', class: "step-progress-text" }, h("strong", { key: '5b4df74d1ae187cbc221e2b0e3ce2822ffc15dda' }, this.activeStep + 1), " of", ' ', this.steps.length)), h("div", { key: '5f2188ff4aa1a405517f1916852f90ebd52851de', class: "step-trigger-text" }, h("div", { key: '0c78fd73afea02abc1b97b86c12568cd9cd722d3', class: "step-trigger-now" }, this.steps[this.activeStep | 0]?.title || 'Select a step'), h("div", { key: '39ba2b211cb3500be635661372a12660c6f1dc07', class: "step-trigger-next" }, this.steps[this.activeStep + 1]?.title || 'Next step')), h("nano-icon", { key: 'ed4a5818efd6e7ff4be154b4e7ec230bdf4a6003', class: "step-trigger-icon", name: "light/chevron-down" })), h("nano-menu", { key: '64b46fdbc7d6317e4ea0899c51017a3238f154d2' }, this.steps.map((step, index) => (h("nano-nav-item", { class: {
|
|
23897
23897
|
'step-item-mobile': true,
|
|
23898
23898
|
'step-item-mobile step-item--active': index === this.activeStep,
|
|
23899
23899
|
'step-item-mobile step-item--complete': step.complete,
|
|
@@ -23985,12 +23985,12 @@ class NanoTab {
|
|
|
23985
23985
|
};
|
|
23986
23986
|
render() {
|
|
23987
23987
|
const Tag = this.href ? 'a' : 'div';
|
|
23988
|
-
return (h(Host, { key: '
|
|
23988
|
+
return (h(Host, { key: '1d0f5f7cbd4b2ecee010b3a97fc939d10e3cfa1b', id: this.host.id || this.tabId, role: "tab", "aria-disabled": this.disabled ? 'true' : 'false', "aria-selected": this.active ? 'true' : 'false', class: "nano-tab" }, h(Tag, { key: '7a02bafe7fb706f16ce46ec41cc21b2fe5021785', part: `base${this.active ? ' base--active' : ''}${this.disabled ? ' base--disabled' : ''}${this.closable ? ' base--closable' : ''}`, class: {
|
|
23989
23989
|
tab: true,
|
|
23990
23990
|
'tab--active': this.active,
|
|
23991
23991
|
'tab--disabled': this.disabled,
|
|
23992
23992
|
'tab--closable': this.closable,
|
|
23993
|
-
}, href: this.href, target: this.target }, h("slot", { key: '
|
|
23993
|
+
}, href: this.href, target: this.target }, h("slot", { key: '0477ea2cd084a6bb7dcb657d677cc144d7b7f382', name: "start" }), h("div", { key: 'd9008020efe31daba60e0e5686d3dd705b459ae1', part: "label", ref: (el) => (this.tab = el), tabindex: this.disabled || !this.active || this.href ? '-1' : '0', class: "tab__label" }, h("slot", { key: 'afb668fab779adcdf990173b904360ac6cb7b420' })), h("slot", { key: '2d80bad66affc2034dfc9dca90b70bfc392e7e60', name: "end" }), this.closable && !this.disabled && (h("nano-icon-button", { key: '93a8a4df41648e0ddea8131510e07086c252fde9', label: "Close this tab", iconName: "light/xmark", class: "tab__close-button", onClick: this.handleCloseClick, onKeyDown: this.handleCloseKeydown, part: "close-button" })))));
|
|
23994
23994
|
}
|
|
23995
23995
|
static get style() { return tabCss; }
|
|
23996
23996
|
static get cmpMeta() { return {
|
|
@@ -24038,10 +24038,10 @@ class NanoTabContent {
|
|
|
24038
24038
|
requestAnimationFrame(() => (this.ready = true));
|
|
24039
24039
|
}
|
|
24040
24040
|
render() {
|
|
24041
|
-
return (h(Host, { key: '
|
|
24041
|
+
return (h(Host, { key: '115f9e8de93aa80ebaf9d965b7142cc0fd415a2d', id: this.host.id || this.tabContentId, style: { display: this.active ? 'block' : 'none' }, role: "tabpanel", "aria-hidden": this.active ? 'false' : 'true', class: {
|
|
24042
24042
|
ready: this.ready,
|
|
24043
24043
|
'nano-tab-content': true,
|
|
24044
|
-
} }, h("div", { key: '
|
|
24044
|
+
} }, h("div", { key: '38103778c1cdc28329d46f8709c1258430c0d1d3', part: "base", class: "nano-tab-content" }, h("slot", { key: '4fd7291a060d0e9a8a538e3df70cc1eb3c7cc25a' }))));
|
|
24045
24045
|
}
|
|
24046
24046
|
static get style() { return tabContentCss; }
|
|
24047
24047
|
static get cmpMeta() { return {
|
|
@@ -24620,10 +24620,10 @@ class NanoTable {
|
|
|
24620
24620
|
this.cleanUpObservers();
|
|
24621
24621
|
}
|
|
24622
24622
|
render() {
|
|
24623
|
-
return (h(Host, { key: '
|
|
24623
|
+
return (h(Host, { key: '54758d3dbda3695305222d5717ad0503d355dc42', class: {
|
|
24624
24624
|
'nano-table': true,
|
|
24625
24625
|
'nano-table--props-ready': this.propsReady,
|
|
24626
|
-
} }, this.scrollable && (h("nano-masked-overflow", { key: '
|
|
24626
|
+
} }, this.scrollable && (h("nano-masked-overflow", { key: '28386faf317ffb158e7c743a9891c07d1843bcaf', hideScrollbars: false, scrollControls: false, label: this.caption?.textContent || undefined, class: "nano-table__overflow-container" }, h("div", { key: 'b3c3169a26443abbc19761df5bd543edafae52f2', class: "nano-table__overflow" }))), h("slot", { key: 'a2ced54f3b39798c78a06fded180291111dfd1b1' })));
|
|
24627
24627
|
}
|
|
24628
24628
|
static get watchers() { return {
|
|
24629
24629
|
"compact": ["handleCompactChange"],
|
|
@@ -27129,8 +27129,8 @@ let Slide$2 = class Slide {
|
|
|
27129
27129
|
};
|
|
27130
27130
|
|
|
27131
27131
|
function EvEmitter() { }
|
|
27132
|
-
const proto$
|
|
27133
|
-
proto$
|
|
27132
|
+
const proto$7 = EvEmitter.prototype;
|
|
27133
|
+
proto$7.on = function (eventName, listener) {
|
|
27134
27134
|
if (!eventName || !listener) {
|
|
27135
27135
|
return;
|
|
27136
27136
|
}
|
|
@@ -27144,7 +27144,7 @@ proto$8.on = function (eventName, listener) {
|
|
|
27144
27144
|
}
|
|
27145
27145
|
return this;
|
|
27146
27146
|
};
|
|
27147
|
-
proto$
|
|
27147
|
+
proto$7.once = function (eventName, listener) {
|
|
27148
27148
|
if (!eventName || !listener) {
|
|
27149
27149
|
return;
|
|
27150
27150
|
}
|
|
@@ -27159,7 +27159,7 @@ proto$8.once = function (eventName, listener) {
|
|
|
27159
27159
|
onceListeners[listener] = true;
|
|
27160
27160
|
return this;
|
|
27161
27161
|
};
|
|
27162
|
-
proto$
|
|
27162
|
+
proto$7.off = function (eventName, listener) {
|
|
27163
27163
|
const listeners = this._events && this._events[eventName];
|
|
27164
27164
|
if (!listeners || !listeners.length) {
|
|
27165
27165
|
return;
|
|
@@ -27170,7 +27170,7 @@ proto$8.off = function (eventName, listener) {
|
|
|
27170
27170
|
}
|
|
27171
27171
|
return this;
|
|
27172
27172
|
};
|
|
27173
|
-
proto$
|
|
27173
|
+
proto$7.emitEvent = function (eventName, args) {
|
|
27174
27174
|
let listeners = this._events && this._events[eventName];
|
|
27175
27175
|
if (!listeners || !listeners.length) {
|
|
27176
27176
|
return;
|
|
@@ -27195,7 +27195,7 @@ proto$8.emitEvent = function (eventName, args) {
|
|
|
27195
27195
|
}
|
|
27196
27196
|
return this;
|
|
27197
27197
|
};
|
|
27198
|
-
proto$
|
|
27198
|
+
proto$7.allOff = function () {
|
|
27199
27199
|
delete this._events;
|
|
27200
27200
|
delete this._onceEvents;
|
|
27201
27201
|
};
|
|
@@ -27209,7 +27209,7 @@ proto$8.allOff = function () {
|
|
|
27209
27209
|
function getStyleSize(value) {
|
|
27210
27210
|
const num = parseFloat(value);
|
|
27211
27211
|
// not a percent like '100%', and a number
|
|
27212
|
-
const isValid = value
|
|
27212
|
+
const isValid = value?.indexOf('%') == -1 && !isNaN(num);
|
|
27213
27213
|
return isValid && num;
|
|
27214
27214
|
}
|
|
27215
27215
|
function noop$1() { }
|
|
@@ -27525,8 +27525,8 @@ function Cell(elem, parent) {
|
|
|
27525
27525
|
this.parent = parent;
|
|
27526
27526
|
this.create();
|
|
27527
27527
|
}
|
|
27528
|
-
const proto$
|
|
27529
|
-
proto$
|
|
27528
|
+
const proto$6 = Cell.prototype;
|
|
27529
|
+
proto$6.create = function () {
|
|
27530
27530
|
this.element.style.position = 'absolute';
|
|
27531
27531
|
this.element.setAttribute('aria-hidden', 'true');
|
|
27532
27532
|
this.x = 0;
|
|
@@ -27535,42 +27535,42 @@ proto$7.create = function () {
|
|
|
27535
27535
|
element.setAttribute('tabindex', '-1');
|
|
27536
27536
|
});
|
|
27537
27537
|
};
|
|
27538
|
-
proto$
|
|
27538
|
+
proto$6.destroy = function () {
|
|
27539
27539
|
// reset style
|
|
27540
27540
|
this.unselect();
|
|
27541
27541
|
this.element.style.position = '';
|
|
27542
27542
|
const side = this.parent.originSide;
|
|
27543
27543
|
this.element.style[side] = '';
|
|
27544
27544
|
};
|
|
27545
|
-
proto$
|
|
27545
|
+
proto$6.getSize = function () {
|
|
27546
27546
|
this.size = getSize(this.element);
|
|
27547
27547
|
};
|
|
27548
|
-
proto$
|
|
27548
|
+
proto$6.setPosition = function (x) {
|
|
27549
27549
|
this.x = x;
|
|
27550
27550
|
this.updateTarget();
|
|
27551
27551
|
this.renderPosition(x);
|
|
27552
27552
|
};
|
|
27553
27553
|
// setDefaultTarget v1 method, backwards compatibility, remove in v3
|
|
27554
|
-
proto$
|
|
27554
|
+
proto$6.updateTarget = proto$6.setDefaultTarget = function () {
|
|
27555
27555
|
const marginProperty = this.parent.originSide == 'left' ? 'marginLeft' : 'marginRight';
|
|
27556
27556
|
this.target =
|
|
27557
27557
|
this.x +
|
|
27558
27558
|
this.size[marginProperty] +
|
|
27559
27559
|
this.size.width * this.parent.cellAlign;
|
|
27560
27560
|
};
|
|
27561
|
-
proto$
|
|
27561
|
+
proto$6.renderPosition = function (x) {
|
|
27562
27562
|
// render position of cell with in slider
|
|
27563
27563
|
const side = this.parent.originSide;
|
|
27564
27564
|
this.element.style[side] = this.parent.getPositionValue(x);
|
|
27565
27565
|
};
|
|
27566
|
-
proto$
|
|
27566
|
+
proto$6.select = function () {
|
|
27567
27567
|
this.element.classList.add('is-selected');
|
|
27568
27568
|
this.element.removeAttribute('aria-hidden');
|
|
27569
27569
|
Array.from(this.element.querySelectorAll('*')).forEach((element) => {
|
|
27570
27570
|
element.removeAttribute('tabindex');
|
|
27571
27571
|
});
|
|
27572
27572
|
};
|
|
27573
|
-
proto$
|
|
27573
|
+
proto$6.unselect = function () {
|
|
27574
27574
|
this.element.classList.remove('is-selected');
|
|
27575
27575
|
this.element.setAttribute('aria-hidden', 'true');
|
|
27576
27576
|
Array.from(this.element.querySelectorAll('*')).forEach((element) => {
|
|
@@ -27580,11 +27580,11 @@ proto$7.unselect = function () {
|
|
|
27580
27580
|
/**
|
|
27581
27581
|
* @param {Integer} shift - 0, 1, or -1
|
|
27582
27582
|
**/
|
|
27583
|
-
proto$
|
|
27583
|
+
proto$6.wrapShift = function (shift) {
|
|
27584
27584
|
this.shift = shift;
|
|
27585
27585
|
this.renderPosition(this.x + this.parent.slideableWidth * shift);
|
|
27586
27586
|
};
|
|
27587
|
-
proto$
|
|
27587
|
+
proto$6.remove = function () {
|
|
27588
27588
|
this.element.parentNode.removeChild(this.element);
|
|
27589
27589
|
};
|
|
27590
27590
|
|
|
@@ -27595,8 +27595,8 @@ function Slide$1(parent) {
|
|
|
27595
27595
|
this.outerWidth = 0;
|
|
27596
27596
|
this.height = 0;
|
|
27597
27597
|
}
|
|
27598
|
-
const proto$
|
|
27599
|
-
proto$
|
|
27598
|
+
const proto$5 = Slide$1.prototype;
|
|
27599
|
+
proto$5.addCell = function (cell) {
|
|
27600
27600
|
this.cells.push(cell);
|
|
27601
27601
|
this.outerWidth += cell.size.outerWidth;
|
|
27602
27602
|
this.height = Math.max(cell.size.outerHeight, this.height);
|
|
@@ -27607,34 +27607,34 @@ proto$6.addCell = function (cell) {
|
|
|
27607
27607
|
this.firstMargin = cell.size[beginMargin];
|
|
27608
27608
|
}
|
|
27609
27609
|
};
|
|
27610
|
-
proto$
|
|
27610
|
+
proto$5.updateTarget = function () {
|
|
27611
27611
|
const endMargin = this.isOriginLeft ? 'marginRight' : 'marginLeft';
|
|
27612
27612
|
const lastCell = this.getLastCell();
|
|
27613
27613
|
const lastMargin = lastCell ? lastCell.size[endMargin] : 0;
|
|
27614
27614
|
const slideWidth = this.outerWidth - (this.firstMargin + lastMargin);
|
|
27615
27615
|
this.target = this.x + this.firstMargin + slideWidth * this.parent.cellAlign;
|
|
27616
27616
|
};
|
|
27617
|
-
proto$
|
|
27617
|
+
proto$5.getLastCell = function () {
|
|
27618
27618
|
return this.cells[this.cells.length - 1];
|
|
27619
27619
|
};
|
|
27620
|
-
proto$
|
|
27620
|
+
proto$5.select = function () {
|
|
27621
27621
|
this.cells.forEach(function (cell) {
|
|
27622
27622
|
cell.select();
|
|
27623
27623
|
});
|
|
27624
27624
|
};
|
|
27625
|
-
proto$
|
|
27625
|
+
proto$5.unselect = function () {
|
|
27626
27626
|
this.cells.forEach(function (cell) {
|
|
27627
27627
|
cell.unselect();
|
|
27628
27628
|
});
|
|
27629
27629
|
};
|
|
27630
|
-
proto$
|
|
27630
|
+
proto$5.getCellElements = function () {
|
|
27631
27631
|
return this.cells.map(function (cell) {
|
|
27632
27632
|
return cell.element;
|
|
27633
27633
|
});
|
|
27634
27634
|
};
|
|
27635
27635
|
|
|
27636
|
-
const proto$
|
|
27637
|
-
proto$
|
|
27636
|
+
const proto$4 = {};
|
|
27637
|
+
proto$4.startAnimation = function () {
|
|
27638
27638
|
if (this.isAnimating) {
|
|
27639
27639
|
return;
|
|
27640
27640
|
}
|
|
@@ -27642,7 +27642,7 @@ proto$5.startAnimation = function () {
|
|
|
27642
27642
|
this.restingFrames = 0;
|
|
27643
27643
|
this.animate();
|
|
27644
27644
|
};
|
|
27645
|
-
proto$
|
|
27645
|
+
proto$4.animate = function () {
|
|
27646
27646
|
this.applyDragForce();
|
|
27647
27647
|
this.applySelectedAttraction();
|
|
27648
27648
|
const previousX = this.x;
|
|
@@ -27657,7 +27657,7 @@ proto$5.animate = function () {
|
|
|
27657
27657
|
});
|
|
27658
27658
|
}
|
|
27659
27659
|
};
|
|
27660
|
-
proto$
|
|
27660
|
+
proto$4.positionSlider = function () {
|
|
27661
27661
|
let x = this.x;
|
|
27662
27662
|
// wrap position around
|
|
27663
27663
|
if (this.options.wrapAround && this.cells.length > 1) {
|
|
@@ -27668,7 +27668,7 @@ proto$5.positionSlider = function () {
|
|
|
27668
27668
|
this.setTranslateX(x, this.isAnimating);
|
|
27669
27669
|
this.dispatchScrollEvent();
|
|
27670
27670
|
};
|
|
27671
|
-
proto$
|
|
27671
|
+
proto$4.setTranslateX = function (x, _is3d) {
|
|
27672
27672
|
x += this.cursorPosition;
|
|
27673
27673
|
// reverse if right-to-left and using transform
|
|
27674
27674
|
x = this.options.rightToLeft ? -x : x;
|
|
@@ -27680,7 +27680,7 @@ proto$5.setTranslateX = function (x, _is3d) {
|
|
|
27680
27680
|
// : 'translateX(' + translateX + ')';
|
|
27681
27681
|
this.slider.style.transform = 'translate3d(' + translateX + ',0,0)';
|
|
27682
27682
|
};
|
|
27683
|
-
proto$
|
|
27683
|
+
proto$4.dispatchScrollEvent = function () {
|
|
27684
27684
|
const firstSlide = this.slides[0];
|
|
27685
27685
|
if (!firstSlide) {
|
|
27686
27686
|
return;
|
|
@@ -27689,7 +27689,7 @@ proto$5.dispatchScrollEvent = function () {
|
|
|
27689
27689
|
const progress = positionX / this.slidesWidth;
|
|
27690
27690
|
this.dispatchEvent('scroll', null, [progress, positionX]);
|
|
27691
27691
|
};
|
|
27692
|
-
proto$
|
|
27692
|
+
proto$4.positionSliderAtSelected = function () {
|
|
27693
27693
|
if (!this.cells.length) {
|
|
27694
27694
|
return;
|
|
27695
27695
|
}
|
|
@@ -27697,7 +27697,7 @@ proto$5.positionSliderAtSelected = function () {
|
|
|
27697
27697
|
this.velocity = 0; // stop wobble
|
|
27698
27698
|
this.positionSlider();
|
|
27699
27699
|
};
|
|
27700
|
-
proto$
|
|
27700
|
+
proto$4.getPositionValue = function (position) {
|
|
27701
27701
|
if (this.options.percentPosition) {
|
|
27702
27702
|
// percent position, round to 2 digits, like 12.34%
|
|
27703
27703
|
return Math.round((position / this.size.innerWidth) * 10000) * 0.01 + '%';
|
|
@@ -27707,7 +27707,7 @@ proto$5.getPositionValue = function (position) {
|
|
|
27707
27707
|
return Math.round(position) + 'px';
|
|
27708
27708
|
}
|
|
27709
27709
|
};
|
|
27710
|
-
proto$
|
|
27710
|
+
proto$4.settle = function (previousX) {
|
|
27711
27711
|
// keep track of frames where x hasn't moved
|
|
27712
27712
|
if (!this.isPointerDown &&
|
|
27713
27713
|
Math.round(this.x * 100) == Math.round(previousX * 100)) {
|
|
@@ -27722,7 +27722,7 @@ proto$5.settle = function (previousX) {
|
|
|
27722
27722
|
this.dispatchEvent('settle', null, [this.selectedIndex]);
|
|
27723
27723
|
}
|
|
27724
27724
|
};
|
|
27725
|
-
proto$
|
|
27725
|
+
proto$4.shiftWrapCells = function (x) {
|
|
27726
27726
|
// shift before cells
|
|
27727
27727
|
const beforeGap = this.cursorPosition + x;
|
|
27728
27728
|
this._shiftCells(this.beforeShiftCells, beforeGap, -1);
|
|
@@ -27730,7 +27730,7 @@ proto$5.shiftWrapCells = function (x) {
|
|
|
27730
27730
|
const afterGap = this.size.innerWidth - (x + this.slideableWidth + this.cursorPosition);
|
|
27731
27731
|
this._shiftCells(this.afterShiftCells, afterGap, 1);
|
|
27732
27732
|
};
|
|
27733
|
-
proto$
|
|
27733
|
+
proto$4._shiftCells = function (cells, gap, shift) {
|
|
27734
27734
|
for (let i = 0; i < cells.length; i++) {
|
|
27735
27735
|
const cell = cells[i];
|
|
27736
27736
|
const cellShift = gap > 0 ? shift : 0;
|
|
@@ -27738,7 +27738,7 @@ proto$5._shiftCells = function (cells, gap, shift) {
|
|
|
27738
27738
|
gap -= cell.size.outerWidth;
|
|
27739
27739
|
}
|
|
27740
27740
|
};
|
|
27741
|
-
proto$
|
|
27741
|
+
proto$4._unshiftCells = function (cells) {
|
|
27742
27742
|
if (!cells || !cells.length) {
|
|
27743
27743
|
return;
|
|
27744
27744
|
}
|
|
@@ -27747,21 +27747,21 @@ proto$5._unshiftCells = function (cells) {
|
|
|
27747
27747
|
}
|
|
27748
27748
|
};
|
|
27749
27749
|
// -------------------------- physics -------------------------- //
|
|
27750
|
-
proto$
|
|
27750
|
+
proto$4.integratePhysics = function () {
|
|
27751
27751
|
this.x += this.velocity;
|
|
27752
27752
|
this.velocity *= this.getFrictionFactor();
|
|
27753
27753
|
};
|
|
27754
|
-
proto$
|
|
27754
|
+
proto$4.applyForce = function (force) {
|
|
27755
27755
|
this.velocity += force;
|
|
27756
27756
|
};
|
|
27757
|
-
proto$
|
|
27757
|
+
proto$4.getFrictionFactor = function () {
|
|
27758
27758
|
return (1 - this.options[this.isFreeScrolling ? 'freeScrollFriction' : 'friction']);
|
|
27759
27759
|
};
|
|
27760
|
-
proto$
|
|
27760
|
+
proto$4.getRestingPosition = function () {
|
|
27761
27761
|
// my thanks to Steven Wittens, who simplified this math greatly
|
|
27762
27762
|
return this.x + this.velocity / (1 - this.getFrictionFactor());
|
|
27763
27763
|
};
|
|
27764
|
-
proto$
|
|
27764
|
+
proto$4.applyDragForce = function () {
|
|
27765
27765
|
if (!this.isDraggable || !this.isPointerDown) {
|
|
27766
27766
|
return;
|
|
27767
27767
|
}
|
|
@@ -27770,7 +27770,7 @@ proto$5.applyDragForce = function () {
|
|
|
27770
27770
|
const dragForce = dragVelocity - this.velocity;
|
|
27771
27771
|
this.applyForce(dragForce);
|
|
27772
27772
|
};
|
|
27773
|
-
proto$
|
|
27773
|
+
proto$4.applySelectedAttraction = function () {
|
|
27774
27774
|
// do not attract if pointer down or no slides
|
|
27775
27775
|
const dragDown = this.isDraggable && this.isPointerDown;
|
|
27776
27776
|
if (dragDown || this.isFreeScrolling || !this.slides.length) {
|
|
@@ -27837,10 +27837,10 @@ Flickity.defaults = {
|
|
|
27837
27837
|
};
|
|
27838
27838
|
// hash of methods triggered on _create()
|
|
27839
27839
|
Flickity.createMethods = [];
|
|
27840
|
-
const proto$
|
|
27840
|
+
const proto$3 = Flickity.prototype;
|
|
27841
27841
|
// inherit EventEmitter
|
|
27842
|
-
utils.extend(proto$
|
|
27843
|
-
proto$
|
|
27842
|
+
utils.extend(proto$3, EvEmitter.prototype);
|
|
27843
|
+
proto$3._create = function () {
|
|
27844
27844
|
// add id for Flickity.data
|
|
27845
27845
|
const id = (this.guid = ++GUID);
|
|
27846
27846
|
this.element.flickityGUID = id; // expando
|
|
@@ -27856,7 +27856,7 @@ proto$4._create = function () {
|
|
|
27856
27856
|
// create viewport & slider
|
|
27857
27857
|
this.viewport = document.createElement('div');
|
|
27858
27858
|
this.viewport.className = 'flickity-viewport';
|
|
27859
|
-
this.viewport.
|
|
27859
|
+
this.viewport.setAttribute('part', 'slide-viewport');
|
|
27860
27860
|
this._createSlider();
|
|
27861
27861
|
if (this.options.resize || this.options.watchCSS) {
|
|
27862
27862
|
window.addEventListener('resize', this);
|
|
@@ -27880,10 +27880,10 @@ proto$4._create = function () {
|
|
|
27880
27880
|
* set options
|
|
27881
27881
|
* @param {Object} opts
|
|
27882
27882
|
*/
|
|
27883
|
-
proto$
|
|
27883
|
+
proto$3.option = function (opts) {
|
|
27884
27884
|
utils.extend(this.options, opts);
|
|
27885
27885
|
};
|
|
27886
|
-
proto$
|
|
27886
|
+
proto$3.activate = function () {
|
|
27887
27887
|
if (this.isActive) {
|
|
27888
27888
|
return;
|
|
27889
27889
|
}
|
|
@@ -27914,18 +27914,18 @@ proto$4.activate = function () {
|
|
|
27914
27914
|
this.dispatchEvent('ready');
|
|
27915
27915
|
};
|
|
27916
27916
|
// slider positions the cells
|
|
27917
|
-
proto$
|
|
27917
|
+
proto$3._createSlider = function () {
|
|
27918
27918
|
// slider element does all the positioning
|
|
27919
27919
|
const slider = document.createElement('div');
|
|
27920
27920
|
slider.className = 'flickity-slider';
|
|
27921
27921
|
slider.style[this.originSide] = 0;
|
|
27922
27922
|
this.slider = slider;
|
|
27923
27923
|
};
|
|
27924
|
-
proto$
|
|
27924
|
+
proto$3._filterFindCellElements = function (elems) {
|
|
27925
27925
|
return utils.filterFindElements(elems, this.options.cellSelector);
|
|
27926
27926
|
};
|
|
27927
27927
|
// goes through all children
|
|
27928
|
-
proto$
|
|
27928
|
+
proto$3.reloadCells = function () {
|
|
27929
27929
|
let children = this.slider.children;
|
|
27930
27930
|
if (this.slider.getRootNode().host) {
|
|
27931
27931
|
children = [];
|
|
@@ -27949,7 +27949,7 @@ proto$4.reloadCells = function () {
|
|
|
27949
27949
|
* @param {Array or NodeList or HTMLElement} elems
|
|
27950
27950
|
* @returns {Array} items - collection of new Flickity Cells
|
|
27951
27951
|
*/
|
|
27952
|
-
proto$
|
|
27952
|
+
proto$3._makeCells = function (elems) {
|
|
27953
27953
|
const cellElems = this._filterFindCellElements(elems);
|
|
27954
27954
|
// create new Flickity for collection
|
|
27955
27955
|
const cells = cellElems.map(function (cellElem) {
|
|
@@ -27957,14 +27957,14 @@ proto$4._makeCells = function (elems) {
|
|
|
27957
27957
|
}, this);
|
|
27958
27958
|
return cells;
|
|
27959
27959
|
};
|
|
27960
|
-
proto$
|
|
27960
|
+
proto$3.getLastCell = function () {
|
|
27961
27961
|
return this.cells[this.cells.length - 1];
|
|
27962
27962
|
};
|
|
27963
|
-
proto$
|
|
27963
|
+
proto$3.getLastSlide = function () {
|
|
27964
27964
|
return this.slides[this.slides.length - 1];
|
|
27965
27965
|
};
|
|
27966
27966
|
// positions all cells
|
|
27967
|
-
proto$
|
|
27967
|
+
proto$3.positionCells = function () {
|
|
27968
27968
|
// size all cells
|
|
27969
27969
|
this._sizeCells(this.cells);
|
|
27970
27970
|
// position all cells
|
|
@@ -27974,7 +27974,7 @@ proto$4.positionCells = function () {
|
|
|
27974
27974
|
* position certain cells
|
|
27975
27975
|
* @param {Integer} index - which cell to start with
|
|
27976
27976
|
*/
|
|
27977
|
-
proto$
|
|
27977
|
+
proto$3._positionCells = function (index) {
|
|
27978
27978
|
index = index || 0;
|
|
27979
27979
|
// also measure maxCellHeight
|
|
27980
27980
|
// start 0 if positioning all cells
|
|
@@ -28007,13 +28007,13 @@ proto$4._positionCells = function (index) {
|
|
|
28007
28007
|
* cell.getSize() on multiple cells
|
|
28008
28008
|
* @param {Array} cells
|
|
28009
28009
|
*/
|
|
28010
|
-
proto$
|
|
28010
|
+
proto$3._sizeCells = function (cells) {
|
|
28011
28011
|
cells.forEach(function (cell) {
|
|
28012
28012
|
cell.getSize();
|
|
28013
28013
|
});
|
|
28014
28014
|
};
|
|
28015
28015
|
// -------------------------- -------------------------- //
|
|
28016
|
-
proto$
|
|
28016
|
+
proto$3.updateSlides = function () {
|
|
28017
28017
|
this.slides = [];
|
|
28018
28018
|
if (!this.cells.length) {
|
|
28019
28019
|
return;
|
|
@@ -28048,7 +28048,7 @@ proto$4.updateSlides = function () {
|
|
|
28048
28048
|
// update .selectedSlide
|
|
28049
28049
|
this.updateSelectedSlide();
|
|
28050
28050
|
};
|
|
28051
|
-
proto$
|
|
28051
|
+
proto$3._getCanCellFit = function () {
|
|
28052
28052
|
const groupCells = this.options.groupCells;
|
|
28053
28053
|
if (!groupCells) {
|
|
28054
28054
|
return function () {
|
|
@@ -28072,11 +28072,11 @@ proto$4._getCanCellFit = function () {
|
|
|
28072
28072
|
};
|
|
28073
28073
|
};
|
|
28074
28074
|
// alias _init for jQuery plugin .flickity()
|
|
28075
|
-
proto$
|
|
28075
|
+
proto$3._init = proto$3.reposition = function () {
|
|
28076
28076
|
this.positionCells();
|
|
28077
28077
|
this.positionSliderAtSelected();
|
|
28078
28078
|
};
|
|
28079
|
-
proto$
|
|
28079
|
+
proto$3.getSize = function () {
|
|
28080
28080
|
this.size = getSize(this.element);
|
|
28081
28081
|
this.setCellAlign();
|
|
28082
28082
|
this.cursorPosition = this.size.innerWidth * this.cellAlign;
|
|
@@ -28096,13 +28096,13 @@ const cellAlignShorthands = {
|
|
|
28096
28096
|
left: 1,
|
|
28097
28097
|
},
|
|
28098
28098
|
};
|
|
28099
|
-
proto$
|
|
28099
|
+
proto$3.setCellAlign = function () {
|
|
28100
28100
|
const shorthand = cellAlignShorthands[this.options.cellAlign];
|
|
28101
28101
|
this.cellAlign = shorthand
|
|
28102
28102
|
? shorthand[this.originSide]
|
|
28103
28103
|
: this.options.cellAlign;
|
|
28104
28104
|
};
|
|
28105
|
-
proto$
|
|
28105
|
+
proto$3.setGallerySize = function () {
|
|
28106
28106
|
if (this.options.setGallerySize) {
|
|
28107
28107
|
const height = this.options.adaptiveHeight && this.selectedSlide
|
|
28108
28108
|
? this.selectedSlide.height
|
|
@@ -28110,7 +28110,7 @@ proto$4.setGallerySize = function () {
|
|
|
28110
28110
|
this.viewport.style.height = height + 'px';
|
|
28111
28111
|
}
|
|
28112
28112
|
};
|
|
28113
|
-
proto$
|
|
28113
|
+
proto$3._getWrapShiftCells = function () {
|
|
28114
28114
|
// only for wrap-around
|
|
28115
28115
|
if (!this.options.wrapAround) {
|
|
28116
28116
|
return;
|
|
@@ -28129,7 +28129,7 @@ proto$4._getWrapShiftCells = function () {
|
|
|
28129
28129
|
// start cloning at first cell, working forwards
|
|
28130
28130
|
this.afterShiftCells = this._getGapCells(gapX, 0, 1);
|
|
28131
28131
|
};
|
|
28132
|
-
proto$
|
|
28132
|
+
proto$3._getGapCells = function (gapX, cellIndex, increment) {
|
|
28133
28133
|
// keep adding cells until the cover the initial gap
|
|
28134
28134
|
const cells = [];
|
|
28135
28135
|
while (gapX > 0) {
|
|
@@ -28145,7 +28145,7 @@ proto$4._getGapCells = function (gapX, cellIndex, increment) {
|
|
|
28145
28145
|
};
|
|
28146
28146
|
// ----- contain ----- //
|
|
28147
28147
|
// contain cell targets so no excess sliding
|
|
28148
|
-
proto$
|
|
28148
|
+
proto$3._containSlides = function () {
|
|
28149
28149
|
if (!this.options.contain || this.options.wrapAround || !this.cells.length) {
|
|
28150
28150
|
return;
|
|
28151
28151
|
}
|
|
@@ -28178,7 +28178,7 @@ proto$4._containSlides = function () {
|
|
|
28178
28178
|
* @param {Event} event - original event
|
|
28179
28179
|
* @param {Array} args - extra arguments
|
|
28180
28180
|
*/
|
|
28181
|
-
proto$
|
|
28181
|
+
proto$3.dispatchEvent = function (type, event, args) {
|
|
28182
28182
|
const emitArgs = event ? [event].concat(args) : args;
|
|
28183
28183
|
this.emitEvent(type, emitArgs);
|
|
28184
28184
|
};
|
|
@@ -28188,7 +28188,7 @@ proto$4.dispatchEvent = function (type, event, args) {
|
|
|
28188
28188
|
* @param {Boolean} isWrap - will wrap-around to last/first if at the end
|
|
28189
28189
|
* @param {Boolean} isInstant - will immediately set position at selected cell
|
|
28190
28190
|
*/
|
|
28191
|
-
proto$
|
|
28191
|
+
proto$3.select = function (index, isWrap, isInstant) {
|
|
28192
28192
|
if (!this.isActive) {
|
|
28193
28193
|
return;
|
|
28194
28194
|
}
|
|
@@ -28223,7 +28223,7 @@ proto$4.select = function (index, isWrap, isInstant) {
|
|
|
28223
28223
|
this.dispatchEvent('cellSelect');
|
|
28224
28224
|
};
|
|
28225
28225
|
// wraps position for wrapAround, to move to closest slide. #113
|
|
28226
|
-
proto$
|
|
28226
|
+
proto$3._wrapSelect = function (index) {
|
|
28227
28227
|
const len = this.slides.length;
|
|
28228
28228
|
const isWrapping = this.options.wrapAround && len > 1;
|
|
28229
28229
|
if (!isWrapping) {
|
|
@@ -28248,13 +28248,13 @@ proto$4._wrapSelect = function (index) {
|
|
|
28248
28248
|
this.x += this.slideableWidth;
|
|
28249
28249
|
}
|
|
28250
28250
|
};
|
|
28251
|
-
proto$
|
|
28251
|
+
proto$3.previous = function (isWrap, isInstant) {
|
|
28252
28252
|
this.select(this.selectedIndex - 1, isWrap, isInstant);
|
|
28253
28253
|
};
|
|
28254
|
-
proto$
|
|
28254
|
+
proto$3.next = function (isWrap, isInstant) {
|
|
28255
28255
|
this.select(this.selectedIndex + 1, isWrap, isInstant);
|
|
28256
28256
|
};
|
|
28257
|
-
proto$
|
|
28257
|
+
proto$3.updateSelectedSlide = function () {
|
|
28258
28258
|
const slide = this.slides[this.selectedIndex];
|
|
28259
28259
|
// selectedIndex could be outside of slides, if triggered before resize()
|
|
28260
28260
|
if (!slide) {
|
|
@@ -28272,12 +28272,12 @@ proto$4.updateSelectedSlide = function () {
|
|
|
28272
28272
|
this.selectedCell = slide.cells[0];
|
|
28273
28273
|
this.selectedElement = this.selectedElements[0];
|
|
28274
28274
|
};
|
|
28275
|
-
proto$
|
|
28275
|
+
proto$3.unselectSelectedSlide = function () {
|
|
28276
28276
|
if (this.selectedSlide) {
|
|
28277
28277
|
this.selectedSlide.unselect();
|
|
28278
28278
|
}
|
|
28279
28279
|
};
|
|
28280
|
-
proto$
|
|
28280
|
+
proto$3.selectInitialIndex = function () {
|
|
28281
28281
|
const initialIndex = this.options.initialIndex;
|
|
28282
28282
|
// already activated, select previous selectedIndex
|
|
28283
28283
|
if (this.isInitActivated) {
|
|
@@ -28306,7 +28306,7 @@ proto$4.selectInitialIndex = function () {
|
|
|
28306
28306
|
* @param { Boolean } isWrap
|
|
28307
28307
|
* @param { Boolean } isInstant
|
|
28308
28308
|
*/
|
|
28309
|
-
proto$
|
|
28309
|
+
proto$3.selectCell = function (elem, isWrap, isInstant) {
|
|
28310
28310
|
// get cell
|
|
28311
28311
|
const cell = this.queryCell(elem);
|
|
28312
28312
|
if (!cell) {
|
|
@@ -28315,7 +28315,7 @@ proto$4.selectCell = function (elem, isWrap, isInstant) {
|
|
|
28315
28315
|
const index = this.getCellSlideIndex(cell);
|
|
28316
28316
|
this.select(index, isWrap, isInstant);
|
|
28317
28317
|
};
|
|
28318
|
-
proto$
|
|
28318
|
+
proto$3.getCellSlideIndex = function (cell) {
|
|
28319
28319
|
// get index of slides that has cell
|
|
28320
28320
|
for (let i = 0; i < this.slides.length; i++) {
|
|
28321
28321
|
const slide = this.slides[i];
|
|
@@ -28331,7 +28331,7 @@ proto$4.getCellSlideIndex = function (cell) {
|
|
|
28331
28331
|
* @param {Element} elem
|
|
28332
28332
|
* @returns found flickity cell
|
|
28333
28333
|
*/
|
|
28334
|
-
proto$
|
|
28334
|
+
proto$3.getCell = function (elem) {
|
|
28335
28335
|
// loop through cells to get the one that matches
|
|
28336
28336
|
for (let i = 0; i < this.cells.length; i++) {
|
|
28337
28337
|
const cell = this.cells[i];
|
|
@@ -28345,7 +28345,7 @@ proto$4.getCell = function (elem) {
|
|
|
28345
28345
|
* @param {Element, Array, NodeList} elems
|
|
28346
28346
|
* @returns {Array} cells - Flickity.Cells
|
|
28347
28347
|
*/
|
|
28348
|
-
proto$
|
|
28348
|
+
proto$3.getCells = function (elems) {
|
|
28349
28349
|
elems = utils.makeArray(elems);
|
|
28350
28350
|
const cells = [];
|
|
28351
28351
|
elems.forEach(function (elem) {
|
|
@@ -28360,7 +28360,7 @@ proto$4.getCells = function (elems) {
|
|
|
28360
28360
|
* get cell elements
|
|
28361
28361
|
* @returns {Array} cellElems
|
|
28362
28362
|
*/
|
|
28363
|
-
proto$
|
|
28363
|
+
proto$3.getCellElements = function () {
|
|
28364
28364
|
return this.cells.map(function (cell) {
|
|
28365
28365
|
return cell.element;
|
|
28366
28366
|
});
|
|
@@ -28370,7 +28370,7 @@ proto$4.getCellElements = function () {
|
|
|
28370
28370
|
* @param {Element} elem
|
|
28371
28371
|
* @returns {Flickit.Cell} cell
|
|
28372
28372
|
*/
|
|
28373
|
-
proto$
|
|
28373
|
+
proto$3.getParentCell = function (elem) {
|
|
28374
28374
|
// first check if elem is cell
|
|
28375
28375
|
const cell = this.getCell(elem);
|
|
28376
28376
|
if (cell) {
|
|
@@ -28386,7 +28386,7 @@ proto$4.getParentCell = function (elem) {
|
|
|
28386
28386
|
* @param {Integer} index - index of slide to start
|
|
28387
28387
|
* @returns {Array} cells - array of Flickity.Cells
|
|
28388
28388
|
*/
|
|
28389
|
-
proto$
|
|
28389
|
+
proto$3.getAdjacentCellElements = function (adjCount, index) {
|
|
28390
28390
|
if (!adjCount) {
|
|
28391
28391
|
return this.selectedSlide.getCellElements();
|
|
28392
28392
|
}
|
|
@@ -28410,7 +28410,7 @@ proto$4.getAdjacentCellElements = function (adjCount, index) {
|
|
|
28410
28410
|
* @param {Element, Selector String, or Number} selector
|
|
28411
28411
|
* @returns {Flickity.Cell} found flickity cell
|
|
28412
28412
|
*/
|
|
28413
|
-
proto$
|
|
28413
|
+
proto$3.queryCell = function (selector) {
|
|
28414
28414
|
if (typeof selector == 'number') {
|
|
28415
28415
|
// use number as index
|
|
28416
28416
|
return this.cells[selector];
|
|
@@ -28427,11 +28427,11 @@ proto$4.queryCell = function (selector) {
|
|
|
28427
28427
|
return this.getCell(selector);
|
|
28428
28428
|
};
|
|
28429
28429
|
// -------------------------- events -------------------------- //
|
|
28430
|
-
proto$
|
|
28430
|
+
proto$3.uiChange = function () {
|
|
28431
28431
|
this.emitEvent('uiChange');
|
|
28432
28432
|
};
|
|
28433
28433
|
// keep focus on element when child UI elements are clicked
|
|
28434
|
-
proto$
|
|
28434
|
+
proto$3.childUIPointerDown = function (event) {
|
|
28435
28435
|
// HACK iOS does not allow touch events to bubble up?!
|
|
28436
28436
|
if (event.type != 'touchstart') {
|
|
28437
28437
|
event.preventDefault();
|
|
@@ -28439,12 +28439,12 @@ proto$4.childUIPointerDown = function (event) {
|
|
|
28439
28439
|
this.focus();
|
|
28440
28440
|
};
|
|
28441
28441
|
// ----- resize ----- //
|
|
28442
|
-
proto$
|
|
28442
|
+
proto$3.onresize = function () {
|
|
28443
28443
|
this.watchCSS();
|
|
28444
28444
|
this.resize();
|
|
28445
28445
|
};
|
|
28446
28446
|
utils.debounceMethod(Flickity, 'onresize', 150);
|
|
28447
|
-
proto$
|
|
28447
|
+
proto$3.resize = function () {
|
|
28448
28448
|
if (!this.isActive) {
|
|
28449
28449
|
return;
|
|
28450
28450
|
}
|
|
@@ -28464,7 +28464,7 @@ proto$4.resize = function () {
|
|
|
28464
28464
|
this.selectCell(selectedElement, false, true);
|
|
28465
28465
|
};
|
|
28466
28466
|
// watches the :after property, activates/deactivates
|
|
28467
|
-
proto$
|
|
28467
|
+
proto$3.watchCSS = function () {
|
|
28468
28468
|
const watchOption = this.options.watchCSS;
|
|
28469
28469
|
if (!watchOption) {
|
|
28470
28470
|
return;
|
|
@@ -28480,7 +28480,7 @@ proto$4.watchCSS = function () {
|
|
|
28480
28480
|
};
|
|
28481
28481
|
// ----- keydown ----- //
|
|
28482
28482
|
// go previous/next if left/right keys pressed
|
|
28483
|
-
proto$
|
|
28483
|
+
proto$3.onkeydown = function (event) {
|
|
28484
28484
|
// only work if element is in focus
|
|
28485
28485
|
const isNotFocused = document.activeElement && document.activeElement != this.element;
|
|
28486
28486
|
if (!this.options.accessibility || isNotFocused) {
|
|
@@ -28506,7 +28506,7 @@ Flickity.keyboardHandlers = {
|
|
|
28506
28506
|
},
|
|
28507
28507
|
};
|
|
28508
28508
|
// ----- focus ----- //
|
|
28509
|
-
proto$
|
|
28509
|
+
proto$3.focus = function () {
|
|
28510
28510
|
// TODO remove scrollTo once focus options gets more support
|
|
28511
28511
|
// https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/focus#Browser_compatibility
|
|
28512
28512
|
const prevScrollY = window.pageYOffset;
|
|
@@ -28518,7 +28518,7 @@ proto$4.focus = function () {
|
|
|
28518
28518
|
};
|
|
28519
28519
|
// -------------------------- destroy -------------------------- //
|
|
28520
28520
|
// deactivate all Flickity functionality, but keep stuff available
|
|
28521
|
-
proto$
|
|
28521
|
+
proto$3.deactivate = function () {
|
|
28522
28522
|
if (!this.isActive) {
|
|
28523
28523
|
return;
|
|
28524
28524
|
}
|
|
@@ -28540,7 +28540,7 @@ proto$4.deactivate = function () {
|
|
|
28540
28540
|
this.isActive = false;
|
|
28541
28541
|
this.emitEvent('deactivate');
|
|
28542
28542
|
};
|
|
28543
|
-
proto$
|
|
28543
|
+
proto$3.destroy = function () {
|
|
28544
28544
|
this.deactivate();
|
|
28545
28545
|
window.removeEventListener('resize', this);
|
|
28546
28546
|
this.allOff();
|
|
@@ -28549,7 +28549,7 @@ proto$4.destroy = function () {
|
|
|
28549
28549
|
delete instances[this.guid];
|
|
28550
28550
|
};
|
|
28551
28551
|
// -------------------------- prototype -------------------------- //
|
|
28552
|
-
utils.extend(proto$
|
|
28552
|
+
utils.extend(proto$3, proto$4);
|
|
28553
28553
|
// -------------------------- extras -------------------------- //
|
|
28554
28554
|
/**
|
|
28555
28555
|
* get Flickity instance from element
|
|
@@ -29335,14 +29335,13 @@ var nowNext = () => {
|
|
|
29335
29335
|
this.isLeft = this.direction == leftDirection;
|
|
29336
29336
|
const button = (this.element = document.createElement('button'));
|
|
29337
29337
|
button.className = 'flickity-button flickity-prev-next-button';
|
|
29338
|
-
button.part.add('navigation-button');
|
|
29339
29338
|
if (this.isPrevious) {
|
|
29340
29339
|
button.classList.add('previous');
|
|
29341
|
-
button.
|
|
29340
|
+
button.setAttribute('part', 'navigation-button navigation-button--previous');
|
|
29342
29341
|
}
|
|
29343
29342
|
else {
|
|
29344
29343
|
button.classList.add('next');
|
|
29345
|
-
button.
|
|
29344
|
+
button.setAttribute('part', 'navigation-button navigation-button--next');
|
|
29346
29345
|
}
|
|
29347
29346
|
// prevent button from submitting form http://stackoverflow.com/a/10836076/182183
|
|
29348
29347
|
button.setAttribute('type', 'button');
|
|
@@ -29362,7 +29361,7 @@ var nowNext = () => {
|
|
|
29362
29361
|
icon.className =
|
|
29363
29362
|
'button-icon ' +
|
|
29364
29363
|
(this.isPrevious ? 'button-icon--previous' : 'button-icon--next');
|
|
29365
|
-
icon.
|
|
29364
|
+
icon.setAttribute('part', 'navigation-icon');
|
|
29366
29365
|
slot.appendChild(icon);
|
|
29367
29366
|
// events
|
|
29368
29367
|
this.parent.on('select', this.update.bind(this));
|
|
@@ -29591,7 +29590,7 @@ drag();
|
|
|
29591
29590
|
nowNext();
|
|
29592
29591
|
player();
|
|
29593
29592
|
|
|
29594
|
-
const slidesCss = ":host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host{--dot-color:var(--nano-color-neutral-400);--dot-color-active:var(--nano-color-primary-1000);--navbtns-icon-color:var(--dot-color-active);--navbtns-bg-color:transparent;--navbtns-icon-color-disabled:var(--dot-color-active);--navbtns-bg-color-disabled:transparent;--navbtns-width:1.875rem;--navbtns-height:2.75rem;--fsbtn-icon-color:var(--dot-color-active);--fsbtn-bg-color:transparent;--flip-icon-ltr:0;--flip-icon-rtl:1;display:block;-webkit-user-select:none;user-select:none;overflow:hidden;transition:opacity 0.2s;opacity:0;max-inline-size:100vw}:host:dir(rtl){--flip-icon-ltr:1;--flip-icon-rtl:0}:host([ready]){opacity:1}.slideshow{max-block-size:100%;min-block-size:inherit;block-size:inherit;position:relative}.slideshow.not-ready{inline-size:100%;
|
|
29593
|
+
const slidesCss = ":host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host{--dot-color:var(--nano-color-neutral-400);--dot-color-active:var(--nano-color-primary-1000);--navbtns-icon-color:var(--dot-color-active);--navbtns-bg-color:transparent;--navbtns-icon-color-disabled:var(--dot-color-active);--navbtns-bg-color-disabled:transparent;--navbtns-width:1.875rem;--navbtns-height:2.75rem;--fsbtn-icon-color:var(--dot-color-active);--fsbtn-bg-color:transparent;--flip-icon-ltr:0;--flip-icon-rtl:1;display:block;-webkit-user-select:none;user-select:none;overflow:hidden;transition:opacity 0.2s;opacity:0;max-inline-size:100vw}:host:dir(rtl){--flip-icon-ltr:1;--flip-icon-rtl:0}:host([ready]){opacity:1}.slideshow{max-block-size:100%;min-block-size:inherit;block-size:inherit;position:relative}.slideshow.not-ready{inline-size:100%;overflow:hidden}.flickity-container{opacity:0;transition:opacity 0.2s;display:flex;block-size:fit-content}.not-ready .flickity-container{block-size:fit-content}.flickity-container.slides-ready{min-block-size:inherit;max-block-size:inherit;block-size:inherit;inline-size:auto}[hidden]{display:none !important}.ui-extras{pointer-events:none;position:absolute;block-size:100%;inline-size:100%;inset-block-start:0;inset-inline-start:0}.ui-extras *{pointer-events:all}/*! Flickity v2.2.1\nhttps://flickity.metafizzy.co\n---------------------------------------------- */.flickity-enabled{position:relative;opacity:1}.flickity-enabled:focus{outline:none}.flickity-viewport{overflow:hidden;position:relative;min-block-size:100%;flex:1}.flickity-slider{position:absolute;inline-size:100%;block-size:100%}.flickity-enabled.is-draggable{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.flickity-enabled.is-draggable .flickity-viewport{cursor:move;cursor:grab;cursor:grab}.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{cursor:grabbing}.flickity-button{position:absolute;background:var(--navbtns-bg-color);border:none;color:#333;opacity:0.75}.flickity-button:hover{opacity:1;cursor:pointer}.flickity-button:focus{outline:var(--nano-focus-ring);outline-offset:var(--nano-focus-ring-offset)}.flickity-button:active{opacity:0.6}.flickity-button:disabled{opacity:0.3;cursor:auto;pointer-events:none;background:var(--navbtns-bg-color-disabled)}.button-icon{display:block}.button-icon::after{content:\"\";display:block;background-size:cover;inline-size:var(--navbtns-width);block-size:var(--navbtns-height);background-color:var(--navbtns-icon-color);-webkit-mask-image:var(--nano-component-icon-chevron);mask-image:var(--nano-component-icon-chevron);transition:color var(--nano-transition-fast) ease;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;transform-origin:center;margin-inline-start:auto;rotate:calc(180deg * var(--flip-icon-ltr));-webkit-mask-size:cover;mask-size:cover}.button-icon--previous::after{rotate:calc(180deg * var(--flip-icon-rtl))}.flickity-button:disabled .button-icon::after{background-color:var(--navbtns-icon-color-disabled)}.flickity-prev-next-button{inset-block-start:50%;transform:translateY(-50%)}.flickity-prev-next-button.previous{inset-inline-start:10px}.flickity-prev-next-button.next{inset-inline-end:10px}.flickity-rtl .flickity-prev-next-button.previous{inset-inline:auto 10px}.flickity-rtl .flickity-prev-next-button.next{inset-inline:10px auto}.flickity-prev-next-button .flickity-button-icon{position:absolute;inset-inline-start:20%;inset-block-start:20%;inline-size:60%;block-size:60%}.flickity-page-dots{inline-size:100%;padding:0;margin:0;text-align:center;line-height:1;z-index:4;display:inline-flex;justify-content:center;inset-block-end:0}.flickity-rtl .flickity-page-dots{direction:rtl}.flickity-page-dots .dot{all:unset;text-indent:200%;white-space:nowrap;overflow:hidden;display:inline-block;display:inline-block;position:relative;inline-size:1.25rem;block-size:0.375rem;margin-block:0;cursor:pointer;padding:calc(var(--nano-spacing-md) / 2)}.flickity-page-dots .dot::after{content:\"\";position:absolute;inset:0;background:currentcolor;background:var(--dot-color);margin:calc(var(--nano-spacing-md) / 2)}.flickity-page-dots .dot:focus-visible{outline:var(--nano-focus-ring);outline-offset:var(--nano-focus-ring-offset);z-index:1}.flickity-page-dots .dot.is-selected::after{background:var(--dot-color-active)}.flickity-enabled.is-fullscreen{position:fixed;inset-inline-start:0;inset-block-start:0;inline-size:100%;block-size:100%;background:hsla(0, 0%, 0%, 0.9);padding-block-end:35px;z-index:100}.flickity-enabled.is-fullscreen .flickity-page-dots{inset-block-end:45px}html.is-flickity-fullscreen{overflow:hidden}.flickity-fullscreen-button{display:block;inset-inline-end:10px;inset-block-start:10px;inline-size:24px;block-size:24px;border-radius:4px;background:var(--fsbtn-bg-color);fill:var(--fsbtn-icon-color)}.flickity-rtl .flickity-fullscreen-button{inset-inline:10px auto}.flickity-fullscreen-button-exit{display:none}.flickity-enabled.is-fullscreen .flickity-fullscreen-button-exit{display:block}.flickity-enabled.is-fullscreen .flickity-fullscreen-button-view{display:none}.flickity-fullscreen-button .flickity-button-icon{position:absolute;inline-size:16px;block-size:16px;inset-inline-start:4px;inset-block-start:4px}.flickity-enabled.is-fade .flickity-slider>*{pointer-events:none;z-index:0}.flickity-enabled.is-fade .flickity-slider ::slotted(.is-selected){pointer-events:auto;z-index:1}";
|
|
29595
29594
|
|
|
29596
29595
|
const modulo = (num, div) => {
|
|
29597
29596
|
return ((num % div) + div) % div;
|
|
@@ -29645,11 +29644,11 @@ class Slides {
|
|
|
29645
29644
|
childrenEles;
|
|
29646
29645
|
hasFullScreenModule = false;
|
|
29647
29646
|
hasLazyLoadModule = false;
|
|
29648
|
-
hasDotsModule = false;
|
|
29649
29647
|
hasFadeModule = false;
|
|
29650
29648
|
iCurrentSlide;
|
|
29651
29649
|
slidesReady;
|
|
29652
29650
|
didInit = false;
|
|
29651
|
+
slideCount = 0;
|
|
29653
29652
|
get host() { return getElement(this); }
|
|
29654
29653
|
/**
|
|
29655
29654
|
* Options to pass to the flickity instance.
|
|
@@ -29699,7 +29698,7 @@ class Slides {
|
|
|
29699
29698
|
async animationChange(_, oldAnim) {
|
|
29700
29699
|
const [flkty, slides] = await Promise.all([
|
|
29701
29700
|
this.getflickity(),
|
|
29702
|
-
waitForSlides(this.host),
|
|
29701
|
+
this.waitForSlides(this.host),
|
|
29703
29702
|
]);
|
|
29704
29703
|
// clear old stuff
|
|
29705
29704
|
slides.forEach((slide) => {
|
|
@@ -29791,7 +29790,7 @@ class Slides {
|
|
|
29791
29790
|
async update() {
|
|
29792
29791
|
const [flickity] = await Promise.all([
|
|
29793
29792
|
this.getflickity(),
|
|
29794
|
-
waitForSlides(this.host),
|
|
29793
|
+
this.waitForSlides(this.host),
|
|
29795
29794
|
]);
|
|
29796
29795
|
this.childrenEles = this.host.querySelectorAll(`${transformTag('nano-slide')} > *`);
|
|
29797
29796
|
flickity.reloadCells();
|
|
@@ -29927,6 +29926,12 @@ class Slides {
|
|
|
29927
29926
|
cell.element.style.setProperty('--animation-amount', animAmount.toString());
|
|
29928
29927
|
});
|
|
29929
29928
|
};
|
|
29929
|
+
isActive(num) {
|
|
29930
|
+
if (num === this.currentSlide) {
|
|
29931
|
+
return true;
|
|
29932
|
+
}
|
|
29933
|
+
return false;
|
|
29934
|
+
}
|
|
29930
29935
|
handleFullscreen = (isFullScreen) => {
|
|
29931
29936
|
this.fullscreen = isFullScreen;
|
|
29932
29937
|
this.nanoSlidesFullscreenChange.emit(isFullScreen);
|
|
@@ -29964,10 +29969,6 @@ class Slides {
|
|
|
29964
29969
|
await Promise.resolve().then(function () { return lazyload; });
|
|
29965
29970
|
this.hasLazyLoadModule = true;
|
|
29966
29971
|
}
|
|
29967
|
-
if (!this.hasDotsModule && opts.pageDots) {
|
|
29968
|
-
await Promise.resolve().then(function () { return pageDots; });
|
|
29969
|
-
this.hasDotsModule = true;
|
|
29970
|
-
}
|
|
29971
29972
|
if (!this.hasFadeModule && opts.fade) {
|
|
29972
29973
|
await Promise.resolve().then(function () { return fade; });
|
|
29973
29974
|
this.hasFadeModule = true;
|
|
@@ -29977,7 +29978,7 @@ class Slides {
|
|
|
29977
29978
|
const finalOptions = this.normalizeOptions();
|
|
29978
29979
|
await this.loadFlickityModules(finalOptions);
|
|
29979
29980
|
// init flickity core
|
|
29980
|
-
await waitForSlides(this.host);
|
|
29981
|
+
await this.waitForSlides(this.host);
|
|
29981
29982
|
this.flickityEl =
|
|
29982
29983
|
this.flickityEl || this._getRoot().querySelector('.flickity-container');
|
|
29983
29984
|
if (!this.flickityEl)
|
|
@@ -30029,7 +30030,6 @@ class Slides {
|
|
|
30029
30030
|
fullscreen: this.fullscreen,
|
|
30030
30031
|
accessibility: true,
|
|
30031
30032
|
imagesLoaded: true,
|
|
30032
|
-
pageDots: this.pager,
|
|
30033
30033
|
};
|
|
30034
30034
|
if (this.animation === 'fade') {
|
|
30035
30035
|
flickityOptions.fade = true;
|
|
@@ -30068,9 +30068,27 @@ class Slides {
|
|
|
30068
30068
|
// @ts-expect-error - merged options don't quite match the flickity options
|
|
30069
30069
|
return { ...flickityOptions, ...mergedEventOptions, ...this.options };
|
|
30070
30070
|
}
|
|
30071
|
+
waitForSlides = (host) => {
|
|
30072
|
+
const allSlides = Array.from(host.querySelectorAll(transformTag('nano-slide')));
|
|
30073
|
+
this.slideCount = allSlides.length;
|
|
30074
|
+
let toLoadSlides = allSlides.filter((ele) => !ele.ready);
|
|
30075
|
+
if (!toLoadSlides.length)
|
|
30076
|
+
return Promise.resolve(allSlides);
|
|
30077
|
+
return new Promise((resolve) => {
|
|
30078
|
+
const slideResolver = (ev) => {
|
|
30079
|
+
toLoadSlides = toLoadSlides.filter((ele) => ele !== ev.target);
|
|
30080
|
+
if (!toLoadSlides.length) {
|
|
30081
|
+
resolve(allSlides);
|
|
30082
|
+
host.removeEventListener('nanoSlideReady', slideResolver);
|
|
30083
|
+
host.removeEventListener('nano-slide-ready', slideResolver);
|
|
30084
|
+
}
|
|
30085
|
+
};
|
|
30086
|
+
host.addEventListener('nanoSlideReady', slideResolver);
|
|
30087
|
+
// fallback for vue who can't handle camelcase event names
|
|
30088
|
+
host.addEventListener('nano-slide-ready', slideResolver);
|
|
30089
|
+
});
|
|
30090
|
+
};
|
|
30071
30091
|
componentDidLoad() {
|
|
30072
|
-
}
|
|
30073
|
-
componentWillLoad() {
|
|
30074
30092
|
this.nanoSlidesDidLoad.emit();
|
|
30075
30093
|
if (!this.didInit) {
|
|
30076
30094
|
this.didInit = true;
|
|
@@ -30089,15 +30107,24 @@ class Slides {
|
|
|
30089
30107
|
this.destroyflickity();
|
|
30090
30108
|
}
|
|
30091
30109
|
render() {
|
|
30092
|
-
return (h(Host, { key: '
|
|
30110
|
+
return (h(Host, { key: '6dedc1589f5ae629975f38303f658de914c8f506', class: "nano-slides" }, h("div", { key: '528c7b10972b258ef0345525a9fa82c289ecc083', class: {
|
|
30093
30111
|
slideshow: true,
|
|
30094
30112
|
ready: this.ready,
|
|
30095
30113
|
'not-ready': !this.ready,
|
|
30096
|
-
}, part: "base" }, h("div", { key: '
|
|
30114
|
+
}, part: "base" }, h("div", { key: '4d16a4da0692f53500c755600a539edf5dc2d606', ref: (div) => (this.flickityEl = div), class: {
|
|
30097
30115
|
'flickity-container': true,
|
|
30098
30116
|
'slides-ready': this.slidesReady,
|
|
30099
30117
|
'slides-not-ready': !this.slidesReady,
|
|
30100
|
-
}, part: "slide-container" }, h("slot", { key: '
|
|
30118
|
+
}, part: "slide-container" }, h("slot", { key: 'ddcdf042f8d25069c08578e7417e3f5571386b76' })), h("div", { key: '5a456eee7631c979fef473352d2c4beec7a5cf2e', class: "ui-extras" }, h("slot", { key: '3994bac2fd8111223df9e3886481edf72b0f2d54', name: "ui" })), this.slideCount > 1 && this.pager && (h("div", { key: '2966cef941d7232110ba4dbba0aefdb33e757216', class: "pagination flickity-page-dots", part: "pagination" }, Array.from({ length: this.slideCount }).map((_, index) => (h("button", { part: "pagination-item--active", key: index, class: {
|
|
30119
|
+
'pagination-btn': true,
|
|
30120
|
+
'pagination-btn--active': this.isActive(index),
|
|
30121
|
+
'is-selected': this.isActive(index),
|
|
30122
|
+
dot: true,
|
|
30123
|
+
}, "aria-current": this.isActive(index) ? 'step' : undefined, onClick: () => {
|
|
30124
|
+
if (this.isActive(index))
|
|
30125
|
+
return;
|
|
30126
|
+
this.slideTo(index);
|
|
30127
|
+
} }, h("span", { class: "pagination-btn__label" }, "Go to slide ", index + 1)))))))));
|
|
30101
30128
|
}
|
|
30102
30129
|
static get watchers() { return {
|
|
30103
30130
|
"options": ["optionsChanged"],
|
|
@@ -30127,6 +30154,7 @@ class Slides {
|
|
|
30127
30154
|
"iCurrentSlide": [32],
|
|
30128
30155
|
"slidesReady": [32],
|
|
30129
30156
|
"didInit": [32],
|
|
30157
|
+
"slideCount": [32],
|
|
30130
30158
|
"update": [64],
|
|
30131
30159
|
"slideTo": [64],
|
|
30132
30160
|
"slideNext": [64],
|
|
@@ -30146,25 +30174,6 @@ class Slides {
|
|
|
30146
30174
|
"$attrsToReflect$": [["fullscreen", "fullscreen"], ["animation", "animation"], ["currentSlide", "current-slide"], ["ready", "ready"]]
|
|
30147
30175
|
}; }
|
|
30148
30176
|
}
|
|
30149
|
-
const waitForSlides = (host) => {
|
|
30150
|
-
const allSlides = Array.from(host.querySelectorAll(transformTag('nano-slide')));
|
|
30151
|
-
let toLoadSlides = allSlides.filter((ele) => !ele.ready);
|
|
30152
|
-
if (!toLoadSlides.length)
|
|
30153
|
-
return Promise.resolve(allSlides);
|
|
30154
|
-
return new Promise((resolve) => {
|
|
30155
|
-
const slideResolver = (ev) => {
|
|
30156
|
-
toLoadSlides = toLoadSlides.filter((ele) => ele !== ev.target);
|
|
30157
|
-
if (!toLoadSlides.length) {
|
|
30158
|
-
resolve(allSlides);
|
|
30159
|
-
host.removeEventListener('nanoSlideReady', slideResolver);
|
|
30160
|
-
host.removeEventListener('nano-slide-ready', slideResolver);
|
|
30161
|
-
}
|
|
30162
|
-
};
|
|
30163
|
-
host.addEventListener('nanoSlideReady', slideResolver);
|
|
30164
|
-
// fallback for vue who can't handle camelcase event names
|
|
30165
|
-
host.addEventListener('nano-slide-ready', slideResolver);
|
|
30166
|
-
});
|
|
30167
|
-
};
|
|
30168
30177
|
|
|
30169
30178
|
const sortableCss = ":host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host{position:relative;display:block}.sortable__live-region{clip-path:inset(50%);block-size:1px;overflow:hidden;position:absolute;white-space:nowrap;inline-size:1px}";
|
|
30170
30179
|
|
|
@@ -30875,7 +30884,7 @@ class Sortable {
|
|
|
30875
30884
|
}
|
|
30876
30885
|
}
|
|
30877
30886
|
render() {
|
|
30878
|
-
return (h(Host, { key: '
|
|
30887
|
+
return (h(Host, { key: '8417261830f3b91247c7b7a6c6b75b348dc19bfb', class: "nano-sortable" }, h("div", { key: 'ce86bd07503d4afd4f3927c53df7e271a538755e', class: "sortable__live-region", "aria-live": "polite", "aria-relevant": "additions", "aria-atomic": "true", role: "log", part: "announcements" }, this.ariaTextList.map((str) => (h("div", null, str)))), h("slot", { key: '94e4576b27bb98af4375b855a5d440dcb9d06667' })));
|
|
30879
30888
|
}
|
|
30880
30889
|
static get watchers() { return {
|
|
30881
30890
|
"itemSelector": ["handleItemSelectorChange"],
|
|
@@ -31874,12 +31883,12 @@ class Sticker {
|
|
|
31874
31883
|
this.hasBootstrapped = false;
|
|
31875
31884
|
}
|
|
31876
31885
|
render() {
|
|
31877
|
-
return (h(Host, { key: '
|
|
31886
|
+
return (h(Host, { key: 'a8a1f92fa8f2039b7d69cc147f1f8aad270243f5', sticky: !this.isRootSticker && !this.stickToEle && this.isSticky, hide: this.hide && this.isStuck, siblings: this.stuckCounter, index: this.stickerIndex, stuck: this.isStuck && this.isSticky, "placed-bottom": this.positions.includes('bottom'), "placed-top": this.positions.includes('top'), "placed-end": this.positions.includes('end'), "placed-start": this.positions.includes('start'), class: "nano-sticker" }, h("div", { key: '0197385d3dbbef5b3ca2e25bb8b58eae96ebfd2c', class: {
|
|
31878
31887
|
sticker: true,
|
|
31879
31888
|
sticky: this.isRootSticker && this.isSticky,
|
|
31880
31889
|
stuck: this.isStuck && this.isRootSticker && this.isSticky,
|
|
31881
31890
|
hide: this.isRootSticker && this.hide && this.isStuck,
|
|
31882
|
-
}, ref: (div) => (this.sticker = div) }, h("div", { key: '
|
|
31891
|
+
}, ref: (div) => (this.sticker = div) }, h("div", { key: 'e9e2e931b30f6c1b3278ee96d132c40772b35f8a', class: "sticker-content", ref: (div) => (this.content = div) }, h("slot", { key: '7724a7b761972a7499945135e184a52f11811c9c' })))));
|
|
31883
31892
|
}
|
|
31884
31893
|
static get watchers() { return {
|
|
31885
31894
|
"trigger": ["updateTriggerOffset"],
|
|
@@ -32168,10 +32177,10 @@ class Tooltip {
|
|
|
32168
32177
|
this.popover.destroy();
|
|
32169
32178
|
}
|
|
32170
32179
|
render() {
|
|
32171
|
-
return (h(Host, { key: '
|
|
32180
|
+
return (h(Host, { key: '47db0fb2f9706960aea19d4b6896c680983ed434', onKeyDown: this.handleKeyDown, onMouseOver: this.handleMouseOver, onMouseOut: this.handleMouseOut, onBlur: this.handleBlur, onFocus: this.handleFocus, onClick: this.handleClick, class: "nano-tooltip" }, h("slot", { key: '454f02a3cbe81b2b76a93c38f4f750802adaf0fc', onSlotchange: this.handleSlotChange }), h("div", { key: '2a17c5c7020ec2d699baf993f68b3ee4387f9541', ref: (el) => (this.tooltipPositioner = el), class: "tooltip-positioner", popover: "manual" }, h("div", { key: 'e3caece4446b7c79a9a935b818dbe3eed4fdfa37', part: "base", ref: (el) => (this.tooltip = el), class: {
|
|
32172
32181
|
tooltip: true,
|
|
32173
32182
|
'tooltip--open': this.open,
|
|
32174
|
-
}, role: "tooltip", "aria-hidden": this.open ? 'false' : 'true' }, h("slot", { key: '
|
|
32183
|
+
}, role: "tooltip", "aria-hidden": this.open ? 'false' : 'true' }, h("slot", { key: 'fe8c00239fca802a242c7d5a25001471ad2f9080', name: "content", onSlotchange: () => this.setLabel() }, this.content), h("div", { key: '79d9ad01f482731e6995a400b251c45faa5db935', class: "tooltip-arrow", "data-popper-arrow": true })))));
|
|
32175
32184
|
}
|
|
32176
32185
|
static get watchers() { return {
|
|
32177
32186
|
"content": ["setLabel"],
|
|
@@ -33379,8 +33388,8 @@ var index = /*#__PURE__*/Object.freeze({
|
|
|
33379
33388
|
});
|
|
33380
33389
|
|
|
33381
33390
|
Flickity.createMethods.push('_createFullscreen');
|
|
33382
|
-
const proto$
|
|
33383
|
-
proto$
|
|
33391
|
+
const proto$2 = Flickity.prototype;
|
|
33392
|
+
proto$2._createFullscreen = function () {
|
|
33384
33393
|
this.isFullscreen = false;
|
|
33385
33394
|
if (!this.options.fullscreen) {
|
|
33386
33395
|
return;
|
|
@@ -33392,7 +33401,7 @@ proto$3._createFullscreen = function () {
|
|
|
33392
33401
|
this.on('deactivate', this._changeFullscreenActive);
|
|
33393
33402
|
};
|
|
33394
33403
|
// ----- activation ----- //
|
|
33395
|
-
proto$
|
|
33404
|
+
proto$2._changeFullscreenActive = function () {
|
|
33396
33405
|
const childMethod = this.isActive ? 'appendChild' : 'removeChild';
|
|
33397
33406
|
this.element[childMethod](this.viewFullscreenButton.element);
|
|
33398
33407
|
this.element[childMethod](this.exitFullscreenButton.element);
|
|
@@ -33402,14 +33411,14 @@ proto$3._changeFullscreenActive = function () {
|
|
|
33402
33411
|
this.exitFullscreenButton[activeMethod]();
|
|
33403
33412
|
};
|
|
33404
33413
|
// ----- view, exit, toggle ----- //
|
|
33405
|
-
proto$
|
|
33414
|
+
proto$2.viewFullscreen = function () {
|
|
33406
33415
|
this._changeFullscreen(true);
|
|
33407
33416
|
this.focus();
|
|
33408
33417
|
};
|
|
33409
|
-
proto$
|
|
33418
|
+
proto$2.exitFullscreen = function () {
|
|
33410
33419
|
this._changeFullscreen(false);
|
|
33411
33420
|
};
|
|
33412
|
-
proto$
|
|
33421
|
+
proto$2._changeFullscreen = function (isView) {
|
|
33413
33422
|
if (this.isFullscreen == isView) {
|
|
33414
33423
|
return;
|
|
33415
33424
|
}
|
|
@@ -33424,13 +33433,13 @@ proto$3._changeFullscreen = function (isView) {
|
|
|
33424
33433
|
}
|
|
33425
33434
|
this.dispatchEvent('fullscreenChange', null, [isView]);
|
|
33426
33435
|
};
|
|
33427
|
-
proto$
|
|
33436
|
+
proto$2.toggleFullscreen = function () {
|
|
33428
33437
|
this._changeFullscreen(!this.isFullscreen);
|
|
33429
33438
|
};
|
|
33430
33439
|
// ----- setGallerySize ----- //
|
|
33431
33440
|
// overwrite so fullscreen cells are full height
|
|
33432
|
-
const setGallerySize = proto$
|
|
33433
|
-
proto$
|
|
33441
|
+
const setGallerySize = proto$2.setGallerySize;
|
|
33442
|
+
proto$2.setGallerySize = function () {
|
|
33434
33443
|
if (!this.options.setGallerySize) {
|
|
33435
33444
|
return;
|
|
33436
33445
|
}
|
|
@@ -33507,11 +33516,11 @@ var fullscreen = /*#__PURE__*/Object.freeze({
|
|
|
33507
33516
|
});
|
|
33508
33517
|
|
|
33509
33518
|
Flickity.createMethods.push('_createLazyload');
|
|
33510
|
-
const proto$
|
|
33511
|
-
proto$
|
|
33519
|
+
const proto$1 = Flickity.prototype;
|
|
33520
|
+
proto$1._createLazyload = function () {
|
|
33512
33521
|
this.on('select', this.lazyLoad);
|
|
33513
33522
|
};
|
|
33514
|
-
proto$
|
|
33523
|
+
proto$1.lazyLoad = function () {
|
|
33515
33524
|
const lazyLoad = this.options.lazyLoad;
|
|
33516
33525
|
if (!lazyLoad) {
|
|
33517
33526
|
return;
|
|
@@ -33596,141 +33605,6 @@ var lazyload = /*#__PURE__*/Object.freeze({
|
|
|
33596
33605
|
__proto__: null
|
|
33597
33606
|
});
|
|
33598
33607
|
|
|
33599
|
-
// -------------------------- PageDots -------------------------- //
|
|
33600
|
-
function PageDots(parent) {
|
|
33601
|
-
this.parent = parent;
|
|
33602
|
-
this.parentElement = this.parent.element.shadowRoot || this.parent.element;
|
|
33603
|
-
this.containingEl = this.parentElement.parentNode || this.parentElement;
|
|
33604
|
-
this._create();
|
|
33605
|
-
}
|
|
33606
|
-
PageDots.prototype = Object.create(Unipointer.prototype);
|
|
33607
|
-
PageDots.prototype._create = function () {
|
|
33608
|
-
// create holder element
|
|
33609
|
-
this.holder = document.createElement('div');
|
|
33610
|
-
this.holder.className = 'flickity-page-dots';
|
|
33611
|
-
this.holder.part.add('pagination');
|
|
33612
|
-
// create dots, array of elements
|
|
33613
|
-
this.dots = [];
|
|
33614
|
-
// events
|
|
33615
|
-
this.handleClick = this.onClick.bind(this);
|
|
33616
|
-
this.on('pointerDown', this.parent.childUIPointerDown.bind(this.parent));
|
|
33617
|
-
};
|
|
33618
|
-
PageDots.prototype.activate = function () {
|
|
33619
|
-
this.setDots();
|
|
33620
|
-
this.holder.addEventListener('click', this.handleClick);
|
|
33621
|
-
this.bindStartEvent(this.holder);
|
|
33622
|
-
// add to DOM
|
|
33623
|
-
this.containingEl.appendChild(this.holder);
|
|
33624
|
-
};
|
|
33625
|
-
PageDots.prototype.deactivate = function () {
|
|
33626
|
-
this.holder.removeEventListener('click', this.handleClick);
|
|
33627
|
-
this.unbindStartEvent(this.holder);
|
|
33628
|
-
// remove from DOM
|
|
33629
|
-
this.containingEl.removeChild(this.holder);
|
|
33630
|
-
};
|
|
33631
|
-
PageDots.prototype.setDots = function () {
|
|
33632
|
-
// get difference between number of slides and number of dots
|
|
33633
|
-
const delta = this.parent.slides.length - this.dots.length;
|
|
33634
|
-
if (delta > 0) {
|
|
33635
|
-
this.addDots(delta);
|
|
33636
|
-
}
|
|
33637
|
-
else if (delta < 0) {
|
|
33638
|
-
this.removeDots(-delta);
|
|
33639
|
-
}
|
|
33640
|
-
};
|
|
33641
|
-
PageDots.prototype.addDots = function (count) {
|
|
33642
|
-
const fragment = document.createDocumentFragment();
|
|
33643
|
-
const newDots = [];
|
|
33644
|
-
const length = this.dots.length;
|
|
33645
|
-
const max = length + count;
|
|
33646
|
-
for (let i = length; i < max; i++) {
|
|
33647
|
-
const dot = document.createElement('button');
|
|
33648
|
-
dot.classList.add('dot');
|
|
33649
|
-
dot.innerText = `Go to slide ${i + 1}`;
|
|
33650
|
-
fragment.appendChild(dot);
|
|
33651
|
-
newDots.push(dot);
|
|
33652
|
-
}
|
|
33653
|
-
this.holder.appendChild(fragment);
|
|
33654
|
-
this.dots = this.dots.concat(newDots);
|
|
33655
|
-
};
|
|
33656
|
-
PageDots.prototype.removeDots = function (count) {
|
|
33657
|
-
// remove from this.dots collection
|
|
33658
|
-
const removeDots = this.dots.splice(this.dots.length - count, count);
|
|
33659
|
-
// remove from DOM
|
|
33660
|
-
removeDots.forEach(function (dot) {
|
|
33661
|
-
this.holder.removeChild(dot);
|
|
33662
|
-
}, this);
|
|
33663
|
-
};
|
|
33664
|
-
PageDots.prototype.updateSelected = function () {
|
|
33665
|
-
// remove selected class on previous
|
|
33666
|
-
if (this.selectedDot) {
|
|
33667
|
-
this.selectedDot.classList.remove('is-selected');
|
|
33668
|
-
this.selectedDot.part.remove('pagination-item--active');
|
|
33669
|
-
this.selectedDot.removeAttribute('aria-current');
|
|
33670
|
-
}
|
|
33671
|
-
// don't proceed if no dots
|
|
33672
|
-
if (!this.dots.length) {
|
|
33673
|
-
return;
|
|
33674
|
-
}
|
|
33675
|
-
this.selectedDot = this.dots[this.parent.selectedIndex];
|
|
33676
|
-
this.selectedDot.classList.add('is-selected');
|
|
33677
|
-
this.selectedDot.part.add('pagination-item--active');
|
|
33678
|
-
this.selectedDot.setAttribute('aria-current', 'step');
|
|
33679
|
-
};
|
|
33680
|
-
PageDots.prototype.onTap = PageDots.prototype.onClick = function (event) {
|
|
33681
|
-
// old method name, backwards-compatible
|
|
33682
|
-
const target = event.target;
|
|
33683
|
-
// only care about dot clicks
|
|
33684
|
-
if (target.nodeName != 'BUTTON') {
|
|
33685
|
-
return;
|
|
33686
|
-
}
|
|
33687
|
-
this.parent.uiChange();
|
|
33688
|
-
const index = this.dots.indexOf(target);
|
|
33689
|
-
this.parent.select(index);
|
|
33690
|
-
};
|
|
33691
|
-
PageDots.prototype.destroy = function () {
|
|
33692
|
-
this.deactivate();
|
|
33693
|
-
this.allOff();
|
|
33694
|
-
};
|
|
33695
|
-
// @ts-ignore
|
|
33696
|
-
Flickity.PageDots = PageDots;
|
|
33697
|
-
// -------------------------- Flickity -------------------------- //
|
|
33698
|
-
utils.extend(Flickity.defaults, {
|
|
33699
|
-
pageDots: true,
|
|
33700
|
-
});
|
|
33701
|
-
Flickity.createMethods.push('_createPageDots');
|
|
33702
|
-
const proto$1 = Flickity.prototype;
|
|
33703
|
-
proto$1._createPageDots = function () {
|
|
33704
|
-
if (!this.options.pageDots) {
|
|
33705
|
-
return;
|
|
33706
|
-
}
|
|
33707
|
-
this.pageDots = new PageDots(this);
|
|
33708
|
-
// events
|
|
33709
|
-
this.on('activate', this.activatePageDots);
|
|
33710
|
-
this.on('select', this.updateSelectedPageDots);
|
|
33711
|
-
this.on('cellChange', this.updatePageDots);
|
|
33712
|
-
this.on('resize', this.updatePageDots);
|
|
33713
|
-
this.on('deactivate', this.deactivatePageDots);
|
|
33714
|
-
};
|
|
33715
|
-
proto$1.activatePageDots = function () {
|
|
33716
|
-
this.pageDots.activate();
|
|
33717
|
-
};
|
|
33718
|
-
proto$1.updateSelectedPageDots = function () {
|
|
33719
|
-
this.pageDots.updateSelected();
|
|
33720
|
-
};
|
|
33721
|
-
proto$1.updatePageDots = function () {
|
|
33722
|
-
this.pageDots.setDots();
|
|
33723
|
-
};
|
|
33724
|
-
proto$1.deactivatePageDots = function () {
|
|
33725
|
-
this.pageDots.deactivate();
|
|
33726
|
-
};
|
|
33727
|
-
// @ts-ignore
|
|
33728
|
-
Flickity.PageDots = PageDots;
|
|
33729
|
-
|
|
33730
|
-
var pageDots = /*#__PURE__*/Object.freeze({
|
|
33731
|
-
__proto__: null
|
|
33732
|
-
});
|
|
33733
|
-
|
|
33734
33608
|
const Slide = Flickity.Slide;
|
|
33735
33609
|
const slideUpdateTarget = Slide.prototype.updateTarget;
|
|
33736
33610
|
Slide.prototype.updateTarget = function (...args) {
|