@nanoporetech-digital/components 8.11.4 → 8.12.1
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-B_RYQMUR.js} +1 -1
- package/dist/cjs/{fullscreen-Bzjv2HGI.js → fullscreen-DRJ-K03z.js} +1 -1
- package/dist/cjs/{lazyload-BNO_n6W8.js → lazyload-CQY_vK8q.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-icon-button_2.cjs.entry.js +2 -2
- package/dist/cjs/nano-in-page-nav.cjs.entry.js +1 -1
- package/dist/cjs/{nano-slides-C2K7j1yc.js → nano-slides-CXg2hNth.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/icon/pictogram/education.svg +6 -0
- package/dist/collection/components/in-page-nav/in-page-nav.css +3 -3
- 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 -2
- 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-in-page-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-B-zhtzv8.js} +1 -1
- package/dist/esm/{fullscreen-DWET5K4U.js → fullscreen-DXVJLaN3.js} +1 -1
- package/dist/esm/{lazyload-BSH0U2zW.js → lazyload-DUQP_u2u.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-icon-button_2.entry.js +2 -2
- package/dist/esm/nano-in-page-nav.entry.js +1 -1
- package/dist/esm/{nano-slides-BU8CjO-X.js → nano-slides-BygteMbF.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-assets/hash.txt +1 -1
- package/dist/nano-assets/icon/pictogram/education.svg +6 -0
- package/dist/nano-components/{fade-DWf-ekic.js → fade-B-zhtzv8.js} +1 -1
- package/dist/nano-components/{fullscreen-DWET5K4U.js → fullscreen-DXVJLaN3.js} +1 -1
- package/dist/nano-components/{lazyload-BSH0U2zW.js → lazyload-DUQP_u2u.js} +1 -1
- package/dist/nano-components/nano-card-carousel.entry.js +1 -1
- package/dist/nano-components/nano-components.css +15 -11
- package/dist/nano-components/nano-components.esm.js +1 -1
- package/dist/nano-components/nano-icon-button_2.entry.js +1 -1
- package/dist/nano-components/nano-in-page-nav.entry.js +1 -1
- package/dist/nano-components/nano-slides-BygteMbF.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/nano-components/pictogram/education.svg +6 -0
- package/dist/style/components.css +1 -1
- package/dist/style/components.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/{scdfPYwW → 6SyqsxUA}/0/Digital/nano-components/packages/components/.stencil/plugins/stencil/vue-output/generate-vue-component.d.ts +0 -0
- /package/dist/types/builds/{scdfPYwW → 6SyqsxUA}/0/Digital/nano-components/packages/components/.stencil/plugins/stencil/vue-output/index.d.ts +0 -0
- /package/dist/types/builds/{scdfPYwW → 6SyqsxUA}/0/Digital/nano-components/packages/components/.stencil/plugins/stencil/vue-output/output-vue.d.ts +0 -0
- /package/dist/types/builds/{scdfPYwW → 6SyqsxUA}/0/Digital/nano-components/packages/components/.stencil/plugins/stencil/vue-output/plugin.d.ts +0 -0
- /package/dist/types/builds/{scdfPYwW → 6SyqsxUA}/0/Digital/nano-components/packages/components/.stencil/plugins/stencil/vue-output/types.d.ts +0 -0
- /package/dist/types/builds/{scdfPYwW → 6SyqsxUA}/0/Digital/nano-components/packages/components/.stencil/plugins/stencil/vue-output/utils.d.ts +0 -0
- /package/dist/types/builds/{scdfPYwW → 6SyqsxUA}/0/Digital/nano-components/packages/components/.stencil/stencil.config.d.ts +0 -0
- /package/dist/types/builds/{scdfPYwW → 6SyqsxUA}/0/Digital/nano-components/packages/components/.stencil/stencil.config.prod.d.ts +0 -0
- /package/dist/types/builds/{scdfPYwW → 6SyqsxUA}/0/Digital/nano-components/packages/components/.stencil/testing/mocks/intersection-observer.d.ts +0 -0
- /package/dist/types/builds/{scdfPYwW → 6SyqsxUA}/0/Digital/nano-components/packages/components/.stencil/wdio.conf.d.ts +0 -0
package/hydrate/index.js
CHANGED
|
@@ -8892,7 +8892,7 @@ class CollapsibleComparison {
|
|
|
8892
8892
|
}; }
|
|
8893
8893
|
}
|
|
8894
8894
|
|
|
8895
|
-
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:
|
|
8895
|
+
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}";
|
|
8896
8896
|
|
|
8897
8897
|
/**
|
|
8898
8898
|
* Showcase up to 6 pieces of content in a slide-show format.
|
|
@@ -23381,7 +23381,7 @@ class NanoIconItem {
|
|
|
23381
23381
|
}; }
|
|
23382
23382
|
}
|
|
23383
23383
|
|
|
23384
|
-
const inPageNavCss = ":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{display:block}:host(.external-links){--color-bg:var(--nano-color-base-0) !important}:host(.external-links) .nano-details{--border-active:3px solid var(--nano-color-neutral-1200) !important}:host(.external-links) nav{border-block:1px solid var(--nano-color-neutral-200)}.desktop-nav{display:block}@media (width <= 730px){.desktop-nav{display:none}}.mobile-nav{display:none}@media (width <= 730px){.mobile-nav{display:block}}nav{background-color:var(--color-bg);padding:0}@media (width <= 730px){nav:has(.details-wrapper[open]){box-shadow:var(--nano-shadow-l1)}}.header{padding:var(--spacing-l2) var(--spacing-l2) 0;display:flex;flex-direction:column;gap:var(--spacing-l2);font-size:var(--font-size)}.header ::slotted(a[slot=back]),.header::slotted(a[slot=back]){display:flex !important;align-items:center !important;padding:0 !important;margin:0;gap:var(--spacing-l3) !important;cursor:pointer}.header ::slotted(a[slot=back])::before,.header::slotted(a[slot=back])::before{content:\"\";display:inline-block;background-size:cover;inline-size:1rem;block-size:1rem;background-color:var(--color-primary);-webkit-mask-image:var(--nano-component-icon-chevron);mask-image:var(--nano-component-icon-chevron);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;transform-origin:center;rotate:calc(180deg * var(--flip-icon-ltr))}.details-wrapper{--padding:0;--btn-bg-color:transparent;--btn-bg-color--hover:transparent;--btn-text-color:var(--color-text);border:none}.details-wrapper::part(header){font-size:var(--font-size);line-height:var(--line-height);font-weight:var(--font-weight);letter-spacing:var(--letter-spacing);padding:var(--spacing-l2)}.details-wrapper[open]::part(header){background-color:var(--nano-color-primary-75)}.details-wrapper::part(content){padding:0}.details-wrapper::part(body){padding:0}.details-wrapper.sticky.stuck[open]::part(header){z-index:var(--nano-z-index-menubar);inset-block-start:0;position:sticky;box-shadow:var(--nano-shadow-l1);padding:var(--spacing-l2)}.details-wrapper a,.details-wrapper ul,.details-wrapper li{all:unset}.details-wrapper ul{display:flex;flex-direction:column;list-style:none}.details-wrapper ul:not(ul ul){padding:0 var(--spacing-l2) 0 var(--spacing-l2)}.details-wrapper a{cursor:pointer}.details-wrapper a:hover{text-decoration:underline}.details-wrapper a:focus-visible{outline:var(--nano-focus-ring);outline-offset:var(--nano-focus-ring-offset)}.details-wrapper ul>li:not(ul>li li){margin:0;padding:var(--spacing-l2) 0;display:flex;flex-direction:column;align-items:stretch;justify-content:stretch;inline-size:100%}.details-wrapper ul>li:not(ul>li li):not(:last-of-type){border-block-end:1px solid var(--color-bottom-border)}.details-wrapper ul>li:not(ul>li li) span,.details-wrapper ul>li:not(ul>li li) a{color:var(--color-text)}.details-wrapper ul>li:not(ul>li li) span.is-active,.details-wrapper ul>li:not(ul>li li) a.is-active{border-inline-start:var(--border-active);padding-inline-start:1rem;display:block}.details-wrapper ul>li:not(ul>li li) span:hover,.details-wrapper ul>li:not(ul>li li) a:hover{color:var(--color-text-hover)}.details-wrapper nano-details.is-active::part(header){border-inline-start:var(--border-active);padding-inline-start:1rem !important;color:var(--color-primary)}.details-wrapper ul>li>ul,.details-wrapper ul>li>.nano-details
|
|
23384
|
+
const inPageNavCss = ":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{display:block}:host(.external-links){--color-bg:var(--nano-color-base-0) !important}:host(.external-links) .nano-details{--border-active:3px solid var(--nano-color-neutral-1200) !important}:host(.external-links) nav{border-block:1px solid var(--nano-color-neutral-200)}.desktop-nav{display:block}@media (width <= 730px){.desktop-nav{display:none}}.mobile-nav{display:none}@media (width <= 730px){.mobile-nav{display:block}}nav{background-color:var(--color-bg);padding:0}@media (width <= 730px){nav:has(.details-wrapper[open]){box-shadow:var(--nano-shadow-l1)}}.header{padding:var(--spacing-l2) var(--spacing-l2) 0;display:flex;flex-direction:column;gap:var(--spacing-l2);font-size:var(--font-size)}.header ::slotted(a[slot=back]),.header::slotted(a[slot=back]){display:flex !important;align-items:center !important;padding:0 !important;margin:0;gap:var(--spacing-l3) !important;cursor:pointer}.header ::slotted(a[slot=back])::before,.header::slotted(a[slot=back])::before{content:\"\";display:inline-block;background-size:cover;inline-size:1rem;block-size:1rem;background-color:var(--color-primary);-webkit-mask-image:var(--nano-component-icon-chevron);mask-image:var(--nano-component-icon-chevron);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;transform-origin:center;rotate:calc(180deg * var(--flip-icon-ltr))}.details-wrapper{--padding:0;--btn-bg-color:transparent;--btn-bg-color--hover:transparent;--btn-text-color:var(--color-text);border:none}.details-wrapper::part(header){font-size:var(--font-size);line-height:var(--line-height);font-weight:var(--font-weight);letter-spacing:var(--letter-spacing);padding:var(--spacing-l2)}.details-wrapper[open]::part(header){background-color:var(--nano-color-primary-75)}.details-wrapper::part(content){padding:0}.details-wrapper::part(body){padding:0}.details-wrapper.sticky.stuck[open]::part(header){z-index:var(--nano-z-index-menubar);inset-block-start:0;position:sticky;box-shadow:var(--nano-shadow-l1);padding:var(--spacing-l2)}.details-wrapper a,.details-wrapper ul,.details-wrapper li{all:unset}.details-wrapper ul{display:flex;flex-direction:column;list-style:none}.details-wrapper ul:not(ul ul){padding:0 var(--spacing-l2) 0 var(--spacing-l2)}.details-wrapper a{cursor:pointer}.details-wrapper a:hover{text-decoration:underline}.details-wrapper a:focus-visible{outline:var(--nano-focus-ring);outline-offset:var(--nano-focus-ring-offset)}.details-wrapper ul>li:not(ul>li li){margin:0;padding:var(--spacing-l2) 0;display:flex;flex-direction:column;align-items:stretch;justify-content:stretch;inline-size:100%}.details-wrapper ul>li:not(ul>li li):not(:last-of-type){border-block-end:1px solid var(--color-bottom-border)}.details-wrapper ul>li:not(ul>li li) span,.details-wrapper ul>li:not(ul>li li) a{color:var(--color-text)}.details-wrapper ul>li:not(ul>li li) span.is-active,.details-wrapper ul>li:not(ul>li li) a.is-active{border-inline-start:var(--border-active);padding-inline-start:1rem;display:block}.details-wrapper ul>li:not(ul>li li) span:hover,.details-wrapper ul>li:not(ul>li li) a:hover{color:var(--color-text-hover)}.details-wrapper nano-details.is-active::part(header){border-inline-start:var(--border-active);padding-inline-start:1rem !important;color:var(--color-primary)}.details-wrapper ul>li>ul,.details-wrapper ul>li>.nano-details ul{padding:var(--list-gap) 0 0 var(--spacing-l2);gap:var(--list-gap)}.details-wrapper ul>li>ul a,.details-wrapper ul>li>.nano-details ul a{color:var(--color-primary) !important}.details-wrapper ul>li>ul>li>.nano-details>ul,.details-wrapper ul>li>.nano-details ul>li>.nano-details ul{padding:var(--list-gap) 0 0 var(--nano-spacing-xl)}.details-wrapper .nano-details .nano-details:not(.nano-details .nano-details .nano-details){color:var(--color-text)}.details-wrapper .nano-details{--padding:0;--btn-bg-color:transparent;--btn-bg-color--open:var(--nano-color-primary-75);--btn-bg-color--hover:transparent;border:none;color:var(--color-primary)}.details-wrapper .nano-details .is-active::part(header){border-inline-start:var(--border-active);padding-inline-start:1rem !important;color:var(--color-primary)}.details-wrapper .nano-details[open]>[slot=icon-start]{rotate:90deg}.details-wrapper .nano-details::part(icon--start){margin-inline-end:var(--spacing-l3)}.details-wrapper .nano-details::part(header){font-size:var(--font-size);line-height:var(--line-height);font-weight:var(--font-weight);letter-spacing:var(--letter-spacing)}.details-wrapper .nano-details::part(header):hover{text-decoration:underline}.details-wrapper .nano-details:not(.nav-details){color:var(--color-primary)}";
|
|
23385
23385
|
|
|
23386
23386
|
/**
|
|
23387
23387
|
* In-page navigation allows users to quickly find different sections on a page.
|
|
@@ -23763,7 +23763,7 @@ class NanoStepAccordion {
|
|
|
23763
23763
|
}
|
|
23764
23764
|
}
|
|
23765
23765
|
render() {
|
|
23766
|
-
return (h("nano-accordion", { key: '
|
|
23766
|
+
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: {
|
|
23767
23767
|
step: true,
|
|
23768
23768
|
'step--active': index === this.activeStep,
|
|
23769
23769
|
'step--complete': step.complete,
|
|
@@ -23892,10 +23892,10 @@ class NanoStepBreadcrumb {
|
|
|
23892
23892
|
};
|
|
23893
23893
|
render() {
|
|
23894
23894
|
const Wrapper = this.steps.filter((step) => step.href).length > 0 ? 'nav' : 'div';
|
|
23895
|
-
return (h(Host, { key: '
|
|
23895
|
+
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: {
|
|
23896
23896
|
'--value': '' + (this.activeStep + 1),
|
|
23897
23897
|
'--max': '' + this.steps.length,
|
|
23898
|
-
} }, h("span", { key: '
|
|
23898
|
+
} }, 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: {
|
|
23899
23899
|
'step-item-mobile': true,
|
|
23900
23900
|
'step-item-mobile step-item--active': index === this.activeStep,
|
|
23901
23901
|
'step-item-mobile step-item--complete': step.complete,
|
|
@@ -23987,12 +23987,12 @@ class NanoTab {
|
|
|
23987
23987
|
};
|
|
23988
23988
|
render() {
|
|
23989
23989
|
const Tag = this.href ? 'a' : 'div';
|
|
23990
|
-
return (h(Host, { key: '
|
|
23990
|
+
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: {
|
|
23991
23991
|
tab: true,
|
|
23992
23992
|
'tab--active': this.active,
|
|
23993
23993
|
'tab--disabled': this.disabled,
|
|
23994
23994
|
'tab--closable': this.closable,
|
|
23995
|
-
}, href: this.href, target: this.target }, h("slot", { key: '
|
|
23995
|
+
}, 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" })))));
|
|
23996
23996
|
}
|
|
23997
23997
|
static get style() { return tabCss; }
|
|
23998
23998
|
static get cmpMeta() { return {
|
|
@@ -24040,10 +24040,10 @@ class NanoTabContent {
|
|
|
24040
24040
|
requestAnimationFrame(() => (this.ready = true));
|
|
24041
24041
|
}
|
|
24042
24042
|
render() {
|
|
24043
|
-
return (h(Host, { key: '
|
|
24043
|
+
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: {
|
|
24044
24044
|
ready: this.ready,
|
|
24045
24045
|
'nano-tab-content': true,
|
|
24046
|
-
} }, h("div", { key: '
|
|
24046
|
+
} }, h("div", { key: '38103778c1cdc28329d46f8709c1258430c0d1d3', part: "base", class: "nano-tab-content" }, h("slot", { key: '4fd7291a060d0e9a8a538e3df70cc1eb3c7cc25a' }))));
|
|
24047
24047
|
}
|
|
24048
24048
|
static get style() { return tabContentCss; }
|
|
24049
24049
|
static get cmpMeta() { return {
|
|
@@ -24622,10 +24622,10 @@ class NanoTable {
|
|
|
24622
24622
|
this.cleanUpObservers();
|
|
24623
24623
|
}
|
|
24624
24624
|
render() {
|
|
24625
|
-
return (h(Host, { key: '
|
|
24625
|
+
return (h(Host, { key: '54758d3dbda3695305222d5717ad0503d355dc42', class: {
|
|
24626
24626
|
'nano-table': true,
|
|
24627
24627
|
'nano-table--props-ready': this.propsReady,
|
|
24628
|
-
} }, this.scrollable && (h("nano-masked-overflow", { key: '
|
|
24628
|
+
} }, 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' })));
|
|
24629
24629
|
}
|
|
24630
24630
|
static get watchers() { return {
|
|
24631
24631
|
"compact": ["handleCompactChange"],
|
|
@@ -27131,8 +27131,8 @@ let Slide$2 = class Slide {
|
|
|
27131
27131
|
};
|
|
27132
27132
|
|
|
27133
27133
|
function EvEmitter() { }
|
|
27134
|
-
const proto$
|
|
27135
|
-
proto$
|
|
27134
|
+
const proto$7 = EvEmitter.prototype;
|
|
27135
|
+
proto$7.on = function (eventName, listener) {
|
|
27136
27136
|
if (!eventName || !listener) {
|
|
27137
27137
|
return;
|
|
27138
27138
|
}
|
|
@@ -27146,7 +27146,7 @@ proto$8.on = function (eventName, listener) {
|
|
|
27146
27146
|
}
|
|
27147
27147
|
return this;
|
|
27148
27148
|
};
|
|
27149
|
-
proto$
|
|
27149
|
+
proto$7.once = function (eventName, listener) {
|
|
27150
27150
|
if (!eventName || !listener) {
|
|
27151
27151
|
return;
|
|
27152
27152
|
}
|
|
@@ -27161,7 +27161,7 @@ proto$8.once = function (eventName, listener) {
|
|
|
27161
27161
|
onceListeners[listener] = true;
|
|
27162
27162
|
return this;
|
|
27163
27163
|
};
|
|
27164
|
-
proto$
|
|
27164
|
+
proto$7.off = function (eventName, listener) {
|
|
27165
27165
|
const listeners = this._events && this._events[eventName];
|
|
27166
27166
|
if (!listeners || !listeners.length) {
|
|
27167
27167
|
return;
|
|
@@ -27172,7 +27172,7 @@ proto$8.off = function (eventName, listener) {
|
|
|
27172
27172
|
}
|
|
27173
27173
|
return this;
|
|
27174
27174
|
};
|
|
27175
|
-
proto$
|
|
27175
|
+
proto$7.emitEvent = function (eventName, args) {
|
|
27176
27176
|
let listeners = this._events && this._events[eventName];
|
|
27177
27177
|
if (!listeners || !listeners.length) {
|
|
27178
27178
|
return;
|
|
@@ -27197,7 +27197,7 @@ proto$8.emitEvent = function (eventName, args) {
|
|
|
27197
27197
|
}
|
|
27198
27198
|
return this;
|
|
27199
27199
|
};
|
|
27200
|
-
proto$
|
|
27200
|
+
proto$7.allOff = function () {
|
|
27201
27201
|
delete this._events;
|
|
27202
27202
|
delete this._onceEvents;
|
|
27203
27203
|
};
|
|
@@ -27211,7 +27211,7 @@ proto$8.allOff = function () {
|
|
|
27211
27211
|
function getStyleSize(value) {
|
|
27212
27212
|
const num = parseFloat(value);
|
|
27213
27213
|
// not a percent like '100%', and a number
|
|
27214
|
-
const isValid = value
|
|
27214
|
+
const isValid = value?.indexOf('%') == -1 && !isNaN(num);
|
|
27215
27215
|
return isValid && num;
|
|
27216
27216
|
}
|
|
27217
27217
|
function noop$1() { }
|
|
@@ -27527,8 +27527,8 @@ function Cell(elem, parent) {
|
|
|
27527
27527
|
this.parent = parent;
|
|
27528
27528
|
this.create();
|
|
27529
27529
|
}
|
|
27530
|
-
const proto$
|
|
27531
|
-
proto$
|
|
27530
|
+
const proto$6 = Cell.prototype;
|
|
27531
|
+
proto$6.create = function () {
|
|
27532
27532
|
this.element.style.position = 'absolute';
|
|
27533
27533
|
this.element.setAttribute('aria-hidden', 'true');
|
|
27534
27534
|
this.x = 0;
|
|
@@ -27537,42 +27537,42 @@ proto$7.create = function () {
|
|
|
27537
27537
|
element.setAttribute('tabindex', '-1');
|
|
27538
27538
|
});
|
|
27539
27539
|
};
|
|
27540
|
-
proto$
|
|
27540
|
+
proto$6.destroy = function () {
|
|
27541
27541
|
// reset style
|
|
27542
27542
|
this.unselect();
|
|
27543
27543
|
this.element.style.position = '';
|
|
27544
27544
|
const side = this.parent.originSide;
|
|
27545
27545
|
this.element.style[side] = '';
|
|
27546
27546
|
};
|
|
27547
|
-
proto$
|
|
27547
|
+
proto$6.getSize = function () {
|
|
27548
27548
|
this.size = getSize(this.element);
|
|
27549
27549
|
};
|
|
27550
|
-
proto$
|
|
27550
|
+
proto$6.setPosition = function (x) {
|
|
27551
27551
|
this.x = x;
|
|
27552
27552
|
this.updateTarget();
|
|
27553
27553
|
this.renderPosition(x);
|
|
27554
27554
|
};
|
|
27555
27555
|
// setDefaultTarget v1 method, backwards compatibility, remove in v3
|
|
27556
|
-
proto$
|
|
27556
|
+
proto$6.updateTarget = proto$6.setDefaultTarget = function () {
|
|
27557
27557
|
const marginProperty = this.parent.originSide == 'left' ? 'marginLeft' : 'marginRight';
|
|
27558
27558
|
this.target =
|
|
27559
27559
|
this.x +
|
|
27560
27560
|
this.size[marginProperty] +
|
|
27561
27561
|
this.size.width * this.parent.cellAlign;
|
|
27562
27562
|
};
|
|
27563
|
-
proto$
|
|
27563
|
+
proto$6.renderPosition = function (x) {
|
|
27564
27564
|
// render position of cell with in slider
|
|
27565
27565
|
const side = this.parent.originSide;
|
|
27566
27566
|
this.element.style[side] = this.parent.getPositionValue(x);
|
|
27567
27567
|
};
|
|
27568
|
-
proto$
|
|
27568
|
+
proto$6.select = function () {
|
|
27569
27569
|
this.element.classList.add('is-selected');
|
|
27570
27570
|
this.element.removeAttribute('aria-hidden');
|
|
27571
27571
|
Array.from(this.element.querySelectorAll('*')).forEach((element) => {
|
|
27572
27572
|
element.removeAttribute('tabindex');
|
|
27573
27573
|
});
|
|
27574
27574
|
};
|
|
27575
|
-
proto$
|
|
27575
|
+
proto$6.unselect = function () {
|
|
27576
27576
|
this.element.classList.remove('is-selected');
|
|
27577
27577
|
this.element.setAttribute('aria-hidden', 'true');
|
|
27578
27578
|
Array.from(this.element.querySelectorAll('*')).forEach((element) => {
|
|
@@ -27582,11 +27582,11 @@ proto$7.unselect = function () {
|
|
|
27582
27582
|
/**
|
|
27583
27583
|
* @param {Integer} shift - 0, 1, or -1
|
|
27584
27584
|
**/
|
|
27585
|
-
proto$
|
|
27585
|
+
proto$6.wrapShift = function (shift) {
|
|
27586
27586
|
this.shift = shift;
|
|
27587
27587
|
this.renderPosition(this.x + this.parent.slideableWidth * shift);
|
|
27588
27588
|
};
|
|
27589
|
-
proto$
|
|
27589
|
+
proto$6.remove = function () {
|
|
27590
27590
|
this.element.parentNode.removeChild(this.element);
|
|
27591
27591
|
};
|
|
27592
27592
|
|
|
@@ -27597,8 +27597,8 @@ function Slide$1(parent) {
|
|
|
27597
27597
|
this.outerWidth = 0;
|
|
27598
27598
|
this.height = 0;
|
|
27599
27599
|
}
|
|
27600
|
-
const proto$
|
|
27601
|
-
proto$
|
|
27600
|
+
const proto$5 = Slide$1.prototype;
|
|
27601
|
+
proto$5.addCell = function (cell) {
|
|
27602
27602
|
this.cells.push(cell);
|
|
27603
27603
|
this.outerWidth += cell.size.outerWidth;
|
|
27604
27604
|
this.height = Math.max(cell.size.outerHeight, this.height);
|
|
@@ -27609,34 +27609,34 @@ proto$6.addCell = function (cell) {
|
|
|
27609
27609
|
this.firstMargin = cell.size[beginMargin];
|
|
27610
27610
|
}
|
|
27611
27611
|
};
|
|
27612
|
-
proto$
|
|
27612
|
+
proto$5.updateTarget = function () {
|
|
27613
27613
|
const endMargin = this.isOriginLeft ? 'marginRight' : 'marginLeft';
|
|
27614
27614
|
const lastCell = this.getLastCell();
|
|
27615
27615
|
const lastMargin = lastCell ? lastCell.size[endMargin] : 0;
|
|
27616
27616
|
const slideWidth = this.outerWidth - (this.firstMargin + lastMargin);
|
|
27617
27617
|
this.target = this.x + this.firstMargin + slideWidth * this.parent.cellAlign;
|
|
27618
27618
|
};
|
|
27619
|
-
proto$
|
|
27619
|
+
proto$5.getLastCell = function () {
|
|
27620
27620
|
return this.cells[this.cells.length - 1];
|
|
27621
27621
|
};
|
|
27622
|
-
proto$
|
|
27622
|
+
proto$5.select = function () {
|
|
27623
27623
|
this.cells.forEach(function (cell) {
|
|
27624
27624
|
cell.select();
|
|
27625
27625
|
});
|
|
27626
27626
|
};
|
|
27627
|
-
proto$
|
|
27627
|
+
proto$5.unselect = function () {
|
|
27628
27628
|
this.cells.forEach(function (cell) {
|
|
27629
27629
|
cell.unselect();
|
|
27630
27630
|
});
|
|
27631
27631
|
};
|
|
27632
|
-
proto$
|
|
27632
|
+
proto$5.getCellElements = function () {
|
|
27633
27633
|
return this.cells.map(function (cell) {
|
|
27634
27634
|
return cell.element;
|
|
27635
27635
|
});
|
|
27636
27636
|
};
|
|
27637
27637
|
|
|
27638
|
-
const proto$
|
|
27639
|
-
proto$
|
|
27638
|
+
const proto$4 = {};
|
|
27639
|
+
proto$4.startAnimation = function () {
|
|
27640
27640
|
if (this.isAnimating) {
|
|
27641
27641
|
return;
|
|
27642
27642
|
}
|
|
@@ -27644,7 +27644,7 @@ proto$5.startAnimation = function () {
|
|
|
27644
27644
|
this.restingFrames = 0;
|
|
27645
27645
|
this.animate();
|
|
27646
27646
|
};
|
|
27647
|
-
proto$
|
|
27647
|
+
proto$4.animate = function () {
|
|
27648
27648
|
this.applyDragForce();
|
|
27649
27649
|
this.applySelectedAttraction();
|
|
27650
27650
|
const previousX = this.x;
|
|
@@ -27659,7 +27659,7 @@ proto$5.animate = function () {
|
|
|
27659
27659
|
});
|
|
27660
27660
|
}
|
|
27661
27661
|
};
|
|
27662
|
-
proto$
|
|
27662
|
+
proto$4.positionSlider = function () {
|
|
27663
27663
|
let x = this.x;
|
|
27664
27664
|
// wrap position around
|
|
27665
27665
|
if (this.options.wrapAround && this.cells.length > 1) {
|
|
@@ -27670,7 +27670,7 @@ proto$5.positionSlider = function () {
|
|
|
27670
27670
|
this.setTranslateX(x, this.isAnimating);
|
|
27671
27671
|
this.dispatchScrollEvent();
|
|
27672
27672
|
};
|
|
27673
|
-
proto$
|
|
27673
|
+
proto$4.setTranslateX = function (x, _is3d) {
|
|
27674
27674
|
x += this.cursorPosition;
|
|
27675
27675
|
// reverse if right-to-left and using transform
|
|
27676
27676
|
x = this.options.rightToLeft ? -x : x;
|
|
@@ -27682,7 +27682,7 @@ proto$5.setTranslateX = function (x, _is3d) {
|
|
|
27682
27682
|
// : 'translateX(' + translateX + ')';
|
|
27683
27683
|
this.slider.style.transform = 'translate3d(' + translateX + ',0,0)';
|
|
27684
27684
|
};
|
|
27685
|
-
proto$
|
|
27685
|
+
proto$4.dispatchScrollEvent = function () {
|
|
27686
27686
|
const firstSlide = this.slides[0];
|
|
27687
27687
|
if (!firstSlide) {
|
|
27688
27688
|
return;
|
|
@@ -27691,7 +27691,7 @@ proto$5.dispatchScrollEvent = function () {
|
|
|
27691
27691
|
const progress = positionX / this.slidesWidth;
|
|
27692
27692
|
this.dispatchEvent('scroll', null, [progress, positionX]);
|
|
27693
27693
|
};
|
|
27694
|
-
proto$
|
|
27694
|
+
proto$4.positionSliderAtSelected = function () {
|
|
27695
27695
|
if (!this.cells.length) {
|
|
27696
27696
|
return;
|
|
27697
27697
|
}
|
|
@@ -27699,7 +27699,7 @@ proto$5.positionSliderAtSelected = function () {
|
|
|
27699
27699
|
this.velocity = 0; // stop wobble
|
|
27700
27700
|
this.positionSlider();
|
|
27701
27701
|
};
|
|
27702
|
-
proto$
|
|
27702
|
+
proto$4.getPositionValue = function (position) {
|
|
27703
27703
|
if (this.options.percentPosition) {
|
|
27704
27704
|
// percent position, round to 2 digits, like 12.34%
|
|
27705
27705
|
return Math.round((position / this.size.innerWidth) * 10000) * 0.01 + '%';
|
|
@@ -27709,7 +27709,7 @@ proto$5.getPositionValue = function (position) {
|
|
|
27709
27709
|
return Math.round(position) + 'px';
|
|
27710
27710
|
}
|
|
27711
27711
|
};
|
|
27712
|
-
proto$
|
|
27712
|
+
proto$4.settle = function (previousX) {
|
|
27713
27713
|
// keep track of frames where x hasn't moved
|
|
27714
27714
|
if (!this.isPointerDown &&
|
|
27715
27715
|
Math.round(this.x * 100) == Math.round(previousX * 100)) {
|
|
@@ -27724,7 +27724,7 @@ proto$5.settle = function (previousX) {
|
|
|
27724
27724
|
this.dispatchEvent('settle', null, [this.selectedIndex]);
|
|
27725
27725
|
}
|
|
27726
27726
|
};
|
|
27727
|
-
proto$
|
|
27727
|
+
proto$4.shiftWrapCells = function (x) {
|
|
27728
27728
|
// shift before cells
|
|
27729
27729
|
const beforeGap = this.cursorPosition + x;
|
|
27730
27730
|
this._shiftCells(this.beforeShiftCells, beforeGap, -1);
|
|
@@ -27732,7 +27732,7 @@ proto$5.shiftWrapCells = function (x) {
|
|
|
27732
27732
|
const afterGap = this.size.innerWidth - (x + this.slideableWidth + this.cursorPosition);
|
|
27733
27733
|
this._shiftCells(this.afterShiftCells, afterGap, 1);
|
|
27734
27734
|
};
|
|
27735
|
-
proto$
|
|
27735
|
+
proto$4._shiftCells = function (cells, gap, shift) {
|
|
27736
27736
|
for (let i = 0; i < cells.length; i++) {
|
|
27737
27737
|
const cell = cells[i];
|
|
27738
27738
|
const cellShift = gap > 0 ? shift : 0;
|
|
@@ -27740,7 +27740,7 @@ proto$5._shiftCells = function (cells, gap, shift) {
|
|
|
27740
27740
|
gap -= cell.size.outerWidth;
|
|
27741
27741
|
}
|
|
27742
27742
|
};
|
|
27743
|
-
proto$
|
|
27743
|
+
proto$4._unshiftCells = function (cells) {
|
|
27744
27744
|
if (!cells || !cells.length) {
|
|
27745
27745
|
return;
|
|
27746
27746
|
}
|
|
@@ -27749,21 +27749,21 @@ proto$5._unshiftCells = function (cells) {
|
|
|
27749
27749
|
}
|
|
27750
27750
|
};
|
|
27751
27751
|
// -------------------------- physics -------------------------- //
|
|
27752
|
-
proto$
|
|
27752
|
+
proto$4.integratePhysics = function () {
|
|
27753
27753
|
this.x += this.velocity;
|
|
27754
27754
|
this.velocity *= this.getFrictionFactor();
|
|
27755
27755
|
};
|
|
27756
|
-
proto$
|
|
27756
|
+
proto$4.applyForce = function (force) {
|
|
27757
27757
|
this.velocity += force;
|
|
27758
27758
|
};
|
|
27759
|
-
proto$
|
|
27759
|
+
proto$4.getFrictionFactor = function () {
|
|
27760
27760
|
return (1 - this.options[this.isFreeScrolling ? 'freeScrollFriction' : 'friction']);
|
|
27761
27761
|
};
|
|
27762
|
-
proto$
|
|
27762
|
+
proto$4.getRestingPosition = function () {
|
|
27763
27763
|
// my thanks to Steven Wittens, who simplified this math greatly
|
|
27764
27764
|
return this.x + this.velocity / (1 - this.getFrictionFactor());
|
|
27765
27765
|
};
|
|
27766
|
-
proto$
|
|
27766
|
+
proto$4.applyDragForce = function () {
|
|
27767
27767
|
if (!this.isDraggable || !this.isPointerDown) {
|
|
27768
27768
|
return;
|
|
27769
27769
|
}
|
|
@@ -27772,7 +27772,7 @@ proto$5.applyDragForce = function () {
|
|
|
27772
27772
|
const dragForce = dragVelocity - this.velocity;
|
|
27773
27773
|
this.applyForce(dragForce);
|
|
27774
27774
|
};
|
|
27775
|
-
proto$
|
|
27775
|
+
proto$4.applySelectedAttraction = function () {
|
|
27776
27776
|
// do not attract if pointer down or no slides
|
|
27777
27777
|
const dragDown = this.isDraggable && this.isPointerDown;
|
|
27778
27778
|
if (dragDown || this.isFreeScrolling || !this.slides.length) {
|
|
@@ -27839,10 +27839,10 @@ Flickity.defaults = {
|
|
|
27839
27839
|
};
|
|
27840
27840
|
// hash of methods triggered on _create()
|
|
27841
27841
|
Flickity.createMethods = [];
|
|
27842
|
-
const proto$
|
|
27842
|
+
const proto$3 = Flickity.prototype;
|
|
27843
27843
|
// inherit EventEmitter
|
|
27844
|
-
utils.extend(proto$
|
|
27845
|
-
proto$
|
|
27844
|
+
utils.extend(proto$3, EvEmitter.prototype);
|
|
27845
|
+
proto$3._create = function () {
|
|
27846
27846
|
// add id for Flickity.data
|
|
27847
27847
|
const id = (this.guid = ++GUID);
|
|
27848
27848
|
this.element.flickityGUID = id; // expando
|
|
@@ -27858,7 +27858,7 @@ proto$4._create = function () {
|
|
|
27858
27858
|
// create viewport & slider
|
|
27859
27859
|
this.viewport = document.createElement('div');
|
|
27860
27860
|
this.viewport.className = 'flickity-viewport';
|
|
27861
|
-
this.viewport.
|
|
27861
|
+
this.viewport.setAttribute('part', 'slide-viewport');
|
|
27862
27862
|
this._createSlider();
|
|
27863
27863
|
if (this.options.resize || this.options.watchCSS) {
|
|
27864
27864
|
window.addEventListener('resize', this);
|
|
@@ -27882,10 +27882,10 @@ proto$4._create = function () {
|
|
|
27882
27882
|
* set options
|
|
27883
27883
|
* @param {Object} opts
|
|
27884
27884
|
*/
|
|
27885
|
-
proto$
|
|
27885
|
+
proto$3.option = function (opts) {
|
|
27886
27886
|
utils.extend(this.options, opts);
|
|
27887
27887
|
};
|
|
27888
|
-
proto$
|
|
27888
|
+
proto$3.activate = function () {
|
|
27889
27889
|
if (this.isActive) {
|
|
27890
27890
|
return;
|
|
27891
27891
|
}
|
|
@@ -27916,18 +27916,18 @@ proto$4.activate = function () {
|
|
|
27916
27916
|
this.dispatchEvent('ready');
|
|
27917
27917
|
};
|
|
27918
27918
|
// slider positions the cells
|
|
27919
|
-
proto$
|
|
27919
|
+
proto$3._createSlider = function () {
|
|
27920
27920
|
// slider element does all the positioning
|
|
27921
27921
|
const slider = document.createElement('div');
|
|
27922
27922
|
slider.className = 'flickity-slider';
|
|
27923
27923
|
slider.style[this.originSide] = 0;
|
|
27924
27924
|
this.slider = slider;
|
|
27925
27925
|
};
|
|
27926
|
-
proto$
|
|
27926
|
+
proto$3._filterFindCellElements = function (elems) {
|
|
27927
27927
|
return utils.filterFindElements(elems, this.options.cellSelector);
|
|
27928
27928
|
};
|
|
27929
27929
|
// goes through all children
|
|
27930
|
-
proto$
|
|
27930
|
+
proto$3.reloadCells = function () {
|
|
27931
27931
|
let children = this.slider.children;
|
|
27932
27932
|
if (this.slider.getRootNode().host) {
|
|
27933
27933
|
children = [];
|
|
@@ -27951,7 +27951,7 @@ proto$4.reloadCells = function () {
|
|
|
27951
27951
|
* @param {Array or NodeList or HTMLElement} elems
|
|
27952
27952
|
* @returns {Array} items - collection of new Flickity Cells
|
|
27953
27953
|
*/
|
|
27954
|
-
proto$
|
|
27954
|
+
proto$3._makeCells = function (elems) {
|
|
27955
27955
|
const cellElems = this._filterFindCellElements(elems);
|
|
27956
27956
|
// create new Flickity for collection
|
|
27957
27957
|
const cells = cellElems.map(function (cellElem) {
|
|
@@ -27959,14 +27959,14 @@ proto$4._makeCells = function (elems) {
|
|
|
27959
27959
|
}, this);
|
|
27960
27960
|
return cells;
|
|
27961
27961
|
};
|
|
27962
|
-
proto$
|
|
27962
|
+
proto$3.getLastCell = function () {
|
|
27963
27963
|
return this.cells[this.cells.length - 1];
|
|
27964
27964
|
};
|
|
27965
|
-
proto$
|
|
27965
|
+
proto$3.getLastSlide = function () {
|
|
27966
27966
|
return this.slides[this.slides.length - 1];
|
|
27967
27967
|
};
|
|
27968
27968
|
// positions all cells
|
|
27969
|
-
proto$
|
|
27969
|
+
proto$3.positionCells = function () {
|
|
27970
27970
|
// size all cells
|
|
27971
27971
|
this._sizeCells(this.cells);
|
|
27972
27972
|
// position all cells
|
|
@@ -27976,7 +27976,7 @@ proto$4.positionCells = function () {
|
|
|
27976
27976
|
* position certain cells
|
|
27977
27977
|
* @param {Integer} index - which cell to start with
|
|
27978
27978
|
*/
|
|
27979
|
-
proto$
|
|
27979
|
+
proto$3._positionCells = function (index) {
|
|
27980
27980
|
index = index || 0;
|
|
27981
27981
|
// also measure maxCellHeight
|
|
27982
27982
|
// start 0 if positioning all cells
|
|
@@ -28009,13 +28009,13 @@ proto$4._positionCells = function (index) {
|
|
|
28009
28009
|
* cell.getSize() on multiple cells
|
|
28010
28010
|
* @param {Array} cells
|
|
28011
28011
|
*/
|
|
28012
|
-
proto$
|
|
28012
|
+
proto$3._sizeCells = function (cells) {
|
|
28013
28013
|
cells.forEach(function (cell) {
|
|
28014
28014
|
cell.getSize();
|
|
28015
28015
|
});
|
|
28016
28016
|
};
|
|
28017
28017
|
// -------------------------- -------------------------- //
|
|
28018
|
-
proto$
|
|
28018
|
+
proto$3.updateSlides = function () {
|
|
28019
28019
|
this.slides = [];
|
|
28020
28020
|
if (!this.cells.length) {
|
|
28021
28021
|
return;
|
|
@@ -28050,7 +28050,7 @@ proto$4.updateSlides = function () {
|
|
|
28050
28050
|
// update .selectedSlide
|
|
28051
28051
|
this.updateSelectedSlide();
|
|
28052
28052
|
};
|
|
28053
|
-
proto$
|
|
28053
|
+
proto$3._getCanCellFit = function () {
|
|
28054
28054
|
const groupCells = this.options.groupCells;
|
|
28055
28055
|
if (!groupCells) {
|
|
28056
28056
|
return function () {
|
|
@@ -28074,11 +28074,11 @@ proto$4._getCanCellFit = function () {
|
|
|
28074
28074
|
};
|
|
28075
28075
|
};
|
|
28076
28076
|
// alias _init for jQuery plugin .flickity()
|
|
28077
|
-
proto$
|
|
28077
|
+
proto$3._init = proto$3.reposition = function () {
|
|
28078
28078
|
this.positionCells();
|
|
28079
28079
|
this.positionSliderAtSelected();
|
|
28080
28080
|
};
|
|
28081
|
-
proto$
|
|
28081
|
+
proto$3.getSize = function () {
|
|
28082
28082
|
this.size = getSize(this.element);
|
|
28083
28083
|
this.setCellAlign();
|
|
28084
28084
|
this.cursorPosition = this.size.innerWidth * this.cellAlign;
|
|
@@ -28098,13 +28098,13 @@ const cellAlignShorthands = {
|
|
|
28098
28098
|
left: 1,
|
|
28099
28099
|
},
|
|
28100
28100
|
};
|
|
28101
|
-
proto$
|
|
28101
|
+
proto$3.setCellAlign = function () {
|
|
28102
28102
|
const shorthand = cellAlignShorthands[this.options.cellAlign];
|
|
28103
28103
|
this.cellAlign = shorthand
|
|
28104
28104
|
? shorthand[this.originSide]
|
|
28105
28105
|
: this.options.cellAlign;
|
|
28106
28106
|
};
|
|
28107
|
-
proto$
|
|
28107
|
+
proto$3.setGallerySize = function () {
|
|
28108
28108
|
if (this.options.setGallerySize) {
|
|
28109
28109
|
const height = this.options.adaptiveHeight && this.selectedSlide
|
|
28110
28110
|
? this.selectedSlide.height
|
|
@@ -28112,7 +28112,7 @@ proto$4.setGallerySize = function () {
|
|
|
28112
28112
|
this.viewport.style.height = height + 'px';
|
|
28113
28113
|
}
|
|
28114
28114
|
};
|
|
28115
|
-
proto$
|
|
28115
|
+
proto$3._getWrapShiftCells = function () {
|
|
28116
28116
|
// only for wrap-around
|
|
28117
28117
|
if (!this.options.wrapAround) {
|
|
28118
28118
|
return;
|
|
@@ -28131,7 +28131,7 @@ proto$4._getWrapShiftCells = function () {
|
|
|
28131
28131
|
// start cloning at first cell, working forwards
|
|
28132
28132
|
this.afterShiftCells = this._getGapCells(gapX, 0, 1);
|
|
28133
28133
|
};
|
|
28134
|
-
proto$
|
|
28134
|
+
proto$3._getGapCells = function (gapX, cellIndex, increment) {
|
|
28135
28135
|
// keep adding cells until the cover the initial gap
|
|
28136
28136
|
const cells = [];
|
|
28137
28137
|
while (gapX > 0) {
|
|
@@ -28147,7 +28147,7 @@ proto$4._getGapCells = function (gapX, cellIndex, increment) {
|
|
|
28147
28147
|
};
|
|
28148
28148
|
// ----- contain ----- //
|
|
28149
28149
|
// contain cell targets so no excess sliding
|
|
28150
|
-
proto$
|
|
28150
|
+
proto$3._containSlides = function () {
|
|
28151
28151
|
if (!this.options.contain || this.options.wrapAround || !this.cells.length) {
|
|
28152
28152
|
return;
|
|
28153
28153
|
}
|
|
@@ -28180,7 +28180,7 @@ proto$4._containSlides = function () {
|
|
|
28180
28180
|
* @param {Event} event - original event
|
|
28181
28181
|
* @param {Array} args - extra arguments
|
|
28182
28182
|
*/
|
|
28183
|
-
proto$
|
|
28183
|
+
proto$3.dispatchEvent = function (type, event, args) {
|
|
28184
28184
|
const emitArgs = event ? [event].concat(args) : args;
|
|
28185
28185
|
this.emitEvent(type, emitArgs);
|
|
28186
28186
|
};
|
|
@@ -28190,7 +28190,7 @@ proto$4.dispatchEvent = function (type, event, args) {
|
|
|
28190
28190
|
* @param {Boolean} isWrap - will wrap-around to last/first if at the end
|
|
28191
28191
|
* @param {Boolean} isInstant - will immediately set position at selected cell
|
|
28192
28192
|
*/
|
|
28193
|
-
proto$
|
|
28193
|
+
proto$3.select = function (index, isWrap, isInstant) {
|
|
28194
28194
|
if (!this.isActive) {
|
|
28195
28195
|
return;
|
|
28196
28196
|
}
|
|
@@ -28225,7 +28225,7 @@ proto$4.select = function (index, isWrap, isInstant) {
|
|
|
28225
28225
|
this.dispatchEvent('cellSelect');
|
|
28226
28226
|
};
|
|
28227
28227
|
// wraps position for wrapAround, to move to closest slide. #113
|
|
28228
|
-
proto$
|
|
28228
|
+
proto$3._wrapSelect = function (index) {
|
|
28229
28229
|
const len = this.slides.length;
|
|
28230
28230
|
const isWrapping = this.options.wrapAround && len > 1;
|
|
28231
28231
|
if (!isWrapping) {
|
|
@@ -28250,13 +28250,13 @@ proto$4._wrapSelect = function (index) {
|
|
|
28250
28250
|
this.x += this.slideableWidth;
|
|
28251
28251
|
}
|
|
28252
28252
|
};
|
|
28253
|
-
proto$
|
|
28253
|
+
proto$3.previous = function (isWrap, isInstant) {
|
|
28254
28254
|
this.select(this.selectedIndex - 1, isWrap, isInstant);
|
|
28255
28255
|
};
|
|
28256
|
-
proto$
|
|
28256
|
+
proto$3.next = function (isWrap, isInstant) {
|
|
28257
28257
|
this.select(this.selectedIndex + 1, isWrap, isInstant);
|
|
28258
28258
|
};
|
|
28259
|
-
proto$
|
|
28259
|
+
proto$3.updateSelectedSlide = function () {
|
|
28260
28260
|
const slide = this.slides[this.selectedIndex];
|
|
28261
28261
|
// selectedIndex could be outside of slides, if triggered before resize()
|
|
28262
28262
|
if (!slide) {
|
|
@@ -28274,12 +28274,12 @@ proto$4.updateSelectedSlide = function () {
|
|
|
28274
28274
|
this.selectedCell = slide.cells[0];
|
|
28275
28275
|
this.selectedElement = this.selectedElements[0];
|
|
28276
28276
|
};
|
|
28277
|
-
proto$
|
|
28277
|
+
proto$3.unselectSelectedSlide = function () {
|
|
28278
28278
|
if (this.selectedSlide) {
|
|
28279
28279
|
this.selectedSlide.unselect();
|
|
28280
28280
|
}
|
|
28281
28281
|
};
|
|
28282
|
-
proto$
|
|
28282
|
+
proto$3.selectInitialIndex = function () {
|
|
28283
28283
|
const initialIndex = this.options.initialIndex;
|
|
28284
28284
|
// already activated, select previous selectedIndex
|
|
28285
28285
|
if (this.isInitActivated) {
|
|
@@ -28308,7 +28308,7 @@ proto$4.selectInitialIndex = function () {
|
|
|
28308
28308
|
* @param { Boolean } isWrap
|
|
28309
28309
|
* @param { Boolean } isInstant
|
|
28310
28310
|
*/
|
|
28311
|
-
proto$
|
|
28311
|
+
proto$3.selectCell = function (elem, isWrap, isInstant) {
|
|
28312
28312
|
// get cell
|
|
28313
28313
|
const cell = this.queryCell(elem);
|
|
28314
28314
|
if (!cell) {
|
|
@@ -28317,7 +28317,7 @@ proto$4.selectCell = function (elem, isWrap, isInstant) {
|
|
|
28317
28317
|
const index = this.getCellSlideIndex(cell);
|
|
28318
28318
|
this.select(index, isWrap, isInstant);
|
|
28319
28319
|
};
|
|
28320
|
-
proto$
|
|
28320
|
+
proto$3.getCellSlideIndex = function (cell) {
|
|
28321
28321
|
// get index of slides that has cell
|
|
28322
28322
|
for (let i = 0; i < this.slides.length; i++) {
|
|
28323
28323
|
const slide = this.slides[i];
|
|
@@ -28333,7 +28333,7 @@ proto$4.getCellSlideIndex = function (cell) {
|
|
|
28333
28333
|
* @param {Element} elem
|
|
28334
28334
|
* @returns found flickity cell
|
|
28335
28335
|
*/
|
|
28336
|
-
proto$
|
|
28336
|
+
proto$3.getCell = function (elem) {
|
|
28337
28337
|
// loop through cells to get the one that matches
|
|
28338
28338
|
for (let i = 0; i < this.cells.length; i++) {
|
|
28339
28339
|
const cell = this.cells[i];
|
|
@@ -28347,7 +28347,7 @@ proto$4.getCell = function (elem) {
|
|
|
28347
28347
|
* @param {Element, Array, NodeList} elems
|
|
28348
28348
|
* @returns {Array} cells - Flickity.Cells
|
|
28349
28349
|
*/
|
|
28350
|
-
proto$
|
|
28350
|
+
proto$3.getCells = function (elems) {
|
|
28351
28351
|
elems = utils.makeArray(elems);
|
|
28352
28352
|
const cells = [];
|
|
28353
28353
|
elems.forEach(function (elem) {
|
|
@@ -28362,7 +28362,7 @@ proto$4.getCells = function (elems) {
|
|
|
28362
28362
|
* get cell elements
|
|
28363
28363
|
* @returns {Array} cellElems
|
|
28364
28364
|
*/
|
|
28365
|
-
proto$
|
|
28365
|
+
proto$3.getCellElements = function () {
|
|
28366
28366
|
return this.cells.map(function (cell) {
|
|
28367
28367
|
return cell.element;
|
|
28368
28368
|
});
|
|
@@ -28372,7 +28372,7 @@ proto$4.getCellElements = function () {
|
|
|
28372
28372
|
* @param {Element} elem
|
|
28373
28373
|
* @returns {Flickit.Cell} cell
|
|
28374
28374
|
*/
|
|
28375
|
-
proto$
|
|
28375
|
+
proto$3.getParentCell = function (elem) {
|
|
28376
28376
|
// first check if elem is cell
|
|
28377
28377
|
const cell = this.getCell(elem);
|
|
28378
28378
|
if (cell) {
|
|
@@ -28388,7 +28388,7 @@ proto$4.getParentCell = function (elem) {
|
|
|
28388
28388
|
* @param {Integer} index - index of slide to start
|
|
28389
28389
|
* @returns {Array} cells - array of Flickity.Cells
|
|
28390
28390
|
*/
|
|
28391
|
-
proto$
|
|
28391
|
+
proto$3.getAdjacentCellElements = function (adjCount, index) {
|
|
28392
28392
|
if (!adjCount) {
|
|
28393
28393
|
return this.selectedSlide.getCellElements();
|
|
28394
28394
|
}
|
|
@@ -28412,7 +28412,7 @@ proto$4.getAdjacentCellElements = function (adjCount, index) {
|
|
|
28412
28412
|
* @param {Element, Selector String, or Number} selector
|
|
28413
28413
|
* @returns {Flickity.Cell} found flickity cell
|
|
28414
28414
|
*/
|
|
28415
|
-
proto$
|
|
28415
|
+
proto$3.queryCell = function (selector) {
|
|
28416
28416
|
if (typeof selector == 'number') {
|
|
28417
28417
|
// use number as index
|
|
28418
28418
|
return this.cells[selector];
|
|
@@ -28429,11 +28429,11 @@ proto$4.queryCell = function (selector) {
|
|
|
28429
28429
|
return this.getCell(selector);
|
|
28430
28430
|
};
|
|
28431
28431
|
// -------------------------- events -------------------------- //
|
|
28432
|
-
proto$
|
|
28432
|
+
proto$3.uiChange = function () {
|
|
28433
28433
|
this.emitEvent('uiChange');
|
|
28434
28434
|
};
|
|
28435
28435
|
// keep focus on element when child UI elements are clicked
|
|
28436
|
-
proto$
|
|
28436
|
+
proto$3.childUIPointerDown = function (event) {
|
|
28437
28437
|
// HACK iOS does not allow touch events to bubble up?!
|
|
28438
28438
|
if (event.type != 'touchstart') {
|
|
28439
28439
|
event.preventDefault();
|
|
@@ -28441,12 +28441,12 @@ proto$4.childUIPointerDown = function (event) {
|
|
|
28441
28441
|
this.focus();
|
|
28442
28442
|
};
|
|
28443
28443
|
// ----- resize ----- //
|
|
28444
|
-
proto$
|
|
28444
|
+
proto$3.onresize = function () {
|
|
28445
28445
|
this.watchCSS();
|
|
28446
28446
|
this.resize();
|
|
28447
28447
|
};
|
|
28448
28448
|
utils.debounceMethod(Flickity, 'onresize', 150);
|
|
28449
|
-
proto$
|
|
28449
|
+
proto$3.resize = function () {
|
|
28450
28450
|
if (!this.isActive) {
|
|
28451
28451
|
return;
|
|
28452
28452
|
}
|
|
@@ -28466,7 +28466,7 @@ proto$4.resize = function () {
|
|
|
28466
28466
|
this.selectCell(selectedElement, false, true);
|
|
28467
28467
|
};
|
|
28468
28468
|
// watches the :after property, activates/deactivates
|
|
28469
|
-
proto$
|
|
28469
|
+
proto$3.watchCSS = function () {
|
|
28470
28470
|
const watchOption = this.options.watchCSS;
|
|
28471
28471
|
if (!watchOption) {
|
|
28472
28472
|
return;
|
|
@@ -28482,7 +28482,7 @@ proto$4.watchCSS = function () {
|
|
|
28482
28482
|
};
|
|
28483
28483
|
// ----- keydown ----- //
|
|
28484
28484
|
// go previous/next if left/right keys pressed
|
|
28485
|
-
proto$
|
|
28485
|
+
proto$3.onkeydown = function (event) {
|
|
28486
28486
|
// only work if element is in focus
|
|
28487
28487
|
const isNotFocused = document.activeElement && document.activeElement != this.element;
|
|
28488
28488
|
if (!this.options.accessibility || isNotFocused) {
|
|
@@ -28508,7 +28508,7 @@ Flickity.keyboardHandlers = {
|
|
|
28508
28508
|
},
|
|
28509
28509
|
};
|
|
28510
28510
|
// ----- focus ----- //
|
|
28511
|
-
proto$
|
|
28511
|
+
proto$3.focus = function () {
|
|
28512
28512
|
// TODO remove scrollTo once focus options gets more support
|
|
28513
28513
|
// https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/focus#Browser_compatibility
|
|
28514
28514
|
const prevScrollY = window.pageYOffset;
|
|
@@ -28520,7 +28520,7 @@ proto$4.focus = function () {
|
|
|
28520
28520
|
};
|
|
28521
28521
|
// -------------------------- destroy -------------------------- //
|
|
28522
28522
|
// deactivate all Flickity functionality, but keep stuff available
|
|
28523
|
-
proto$
|
|
28523
|
+
proto$3.deactivate = function () {
|
|
28524
28524
|
if (!this.isActive) {
|
|
28525
28525
|
return;
|
|
28526
28526
|
}
|
|
@@ -28542,7 +28542,7 @@ proto$4.deactivate = function () {
|
|
|
28542
28542
|
this.isActive = false;
|
|
28543
28543
|
this.emitEvent('deactivate');
|
|
28544
28544
|
};
|
|
28545
|
-
proto$
|
|
28545
|
+
proto$3.destroy = function () {
|
|
28546
28546
|
this.deactivate();
|
|
28547
28547
|
window.removeEventListener('resize', this);
|
|
28548
28548
|
this.allOff();
|
|
@@ -28551,7 +28551,7 @@ proto$4.destroy = function () {
|
|
|
28551
28551
|
delete instances[this.guid];
|
|
28552
28552
|
};
|
|
28553
28553
|
// -------------------------- prototype -------------------------- //
|
|
28554
|
-
utils.extend(proto$
|
|
28554
|
+
utils.extend(proto$3, proto$4);
|
|
28555
28555
|
// -------------------------- extras -------------------------- //
|
|
28556
28556
|
/**
|
|
28557
28557
|
* get Flickity instance from element
|
|
@@ -29337,14 +29337,13 @@ var nowNext = () => {
|
|
|
29337
29337
|
this.isLeft = this.direction == leftDirection;
|
|
29338
29338
|
const button = (this.element = document.createElement('button'));
|
|
29339
29339
|
button.className = 'flickity-button flickity-prev-next-button';
|
|
29340
|
-
button.part.add('navigation-button');
|
|
29341
29340
|
if (this.isPrevious) {
|
|
29342
29341
|
button.classList.add('previous');
|
|
29343
|
-
button.
|
|
29342
|
+
button.setAttribute('part', 'navigation-button navigation-button--previous');
|
|
29344
29343
|
}
|
|
29345
29344
|
else {
|
|
29346
29345
|
button.classList.add('next');
|
|
29347
|
-
button.
|
|
29346
|
+
button.setAttribute('part', 'navigation-button navigation-button--next');
|
|
29348
29347
|
}
|
|
29349
29348
|
// prevent button from submitting form http://stackoverflow.com/a/10836076/182183
|
|
29350
29349
|
button.setAttribute('type', 'button');
|
|
@@ -29364,7 +29363,7 @@ var nowNext = () => {
|
|
|
29364
29363
|
icon.className =
|
|
29365
29364
|
'button-icon ' +
|
|
29366
29365
|
(this.isPrevious ? 'button-icon--previous' : 'button-icon--next');
|
|
29367
|
-
icon.
|
|
29366
|
+
icon.setAttribute('part', 'navigation-icon');
|
|
29368
29367
|
slot.appendChild(icon);
|
|
29369
29368
|
// events
|
|
29370
29369
|
this.parent.on('select', this.update.bind(this));
|
|
@@ -29593,7 +29592,7 @@ drag();
|
|
|
29593
29592
|
nowNext();
|
|
29594
29593
|
player();
|
|
29595
29594
|
|
|
29596
|
-
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%;
|
|
29595
|
+
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{inline-size:fit-content;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}";
|
|
29597
29596
|
|
|
29598
29597
|
const modulo = (num, div) => {
|
|
29599
29598
|
return ((num % div) + div) % div;
|
|
@@ -29647,11 +29646,11 @@ class Slides {
|
|
|
29647
29646
|
childrenEles;
|
|
29648
29647
|
hasFullScreenModule = false;
|
|
29649
29648
|
hasLazyLoadModule = false;
|
|
29650
|
-
hasDotsModule = false;
|
|
29651
29649
|
hasFadeModule = false;
|
|
29652
29650
|
iCurrentSlide;
|
|
29653
29651
|
slidesReady;
|
|
29654
29652
|
didInit = false;
|
|
29653
|
+
slideCount = 0;
|
|
29655
29654
|
get host() { return getElement(this); }
|
|
29656
29655
|
/**
|
|
29657
29656
|
* Options to pass to the flickity instance.
|
|
@@ -29701,7 +29700,7 @@ class Slides {
|
|
|
29701
29700
|
async animationChange(_, oldAnim) {
|
|
29702
29701
|
const [flkty, slides] = await Promise.all([
|
|
29703
29702
|
this.getflickity(),
|
|
29704
|
-
waitForSlides(this.host),
|
|
29703
|
+
this.waitForSlides(this.host),
|
|
29705
29704
|
]);
|
|
29706
29705
|
// clear old stuff
|
|
29707
29706
|
slides.forEach((slide) => {
|
|
@@ -29793,7 +29792,7 @@ class Slides {
|
|
|
29793
29792
|
async update() {
|
|
29794
29793
|
const [flickity] = await Promise.all([
|
|
29795
29794
|
this.getflickity(),
|
|
29796
|
-
waitForSlides(this.host),
|
|
29795
|
+
this.waitForSlides(this.host),
|
|
29797
29796
|
]);
|
|
29798
29797
|
this.childrenEles = this.host.querySelectorAll(`${transformTag('nano-slide')} > *`);
|
|
29799
29798
|
flickity.reloadCells();
|
|
@@ -29929,6 +29928,12 @@ class Slides {
|
|
|
29929
29928
|
cell.element.style.setProperty('--animation-amount', animAmount.toString());
|
|
29930
29929
|
});
|
|
29931
29930
|
};
|
|
29931
|
+
isActive(num) {
|
|
29932
|
+
if (num === this.currentSlide) {
|
|
29933
|
+
return true;
|
|
29934
|
+
}
|
|
29935
|
+
return false;
|
|
29936
|
+
}
|
|
29932
29937
|
handleFullscreen = (isFullScreen) => {
|
|
29933
29938
|
this.fullscreen = isFullScreen;
|
|
29934
29939
|
this.nanoSlidesFullscreenChange.emit(isFullScreen);
|
|
@@ -29966,10 +29971,6 @@ class Slides {
|
|
|
29966
29971
|
await Promise.resolve().then(function () { return lazyload; });
|
|
29967
29972
|
this.hasLazyLoadModule = true;
|
|
29968
29973
|
}
|
|
29969
|
-
if (!this.hasDotsModule && opts.pageDots) {
|
|
29970
|
-
await Promise.resolve().then(function () { return pageDots; });
|
|
29971
|
-
this.hasDotsModule = true;
|
|
29972
|
-
}
|
|
29973
29974
|
if (!this.hasFadeModule && opts.fade) {
|
|
29974
29975
|
await Promise.resolve().then(function () { return fade; });
|
|
29975
29976
|
this.hasFadeModule = true;
|
|
@@ -29979,7 +29980,7 @@ class Slides {
|
|
|
29979
29980
|
const finalOptions = this.normalizeOptions();
|
|
29980
29981
|
await this.loadFlickityModules(finalOptions);
|
|
29981
29982
|
// init flickity core
|
|
29982
|
-
await waitForSlides(this.host);
|
|
29983
|
+
await this.waitForSlides(this.host);
|
|
29983
29984
|
this.flickityEl =
|
|
29984
29985
|
this.flickityEl || this._getRoot().querySelector('.flickity-container');
|
|
29985
29986
|
if (!this.flickityEl)
|
|
@@ -30031,7 +30032,6 @@ class Slides {
|
|
|
30031
30032
|
fullscreen: this.fullscreen,
|
|
30032
30033
|
accessibility: true,
|
|
30033
30034
|
imagesLoaded: true,
|
|
30034
|
-
pageDots: this.pager,
|
|
30035
30035
|
};
|
|
30036
30036
|
if (this.animation === 'fade') {
|
|
30037
30037
|
flickityOptions.fade = true;
|
|
@@ -30070,9 +30070,27 @@ class Slides {
|
|
|
30070
30070
|
// @ts-expect-error - merged options don't quite match the flickity options
|
|
30071
30071
|
return { ...flickityOptions, ...mergedEventOptions, ...this.options };
|
|
30072
30072
|
}
|
|
30073
|
+
waitForSlides = (host) => {
|
|
30074
|
+
const allSlides = Array.from(host.querySelectorAll(transformTag('nano-slide')));
|
|
30075
|
+
this.slideCount = allSlides.length;
|
|
30076
|
+
let toLoadSlides = allSlides.filter((ele) => !ele.ready);
|
|
30077
|
+
if (!toLoadSlides.length)
|
|
30078
|
+
return Promise.resolve(allSlides);
|
|
30079
|
+
return new Promise((resolve) => {
|
|
30080
|
+
const slideResolver = (ev) => {
|
|
30081
|
+
toLoadSlides = toLoadSlides.filter((ele) => ele !== ev.target);
|
|
30082
|
+
if (!toLoadSlides.length) {
|
|
30083
|
+
resolve(allSlides);
|
|
30084
|
+
host.removeEventListener('nanoSlideReady', slideResolver);
|
|
30085
|
+
host.removeEventListener('nano-slide-ready', slideResolver);
|
|
30086
|
+
}
|
|
30087
|
+
};
|
|
30088
|
+
host.addEventListener('nanoSlideReady', slideResolver);
|
|
30089
|
+
// fallback for vue who can't handle camelcase event names
|
|
30090
|
+
host.addEventListener('nano-slide-ready', slideResolver);
|
|
30091
|
+
});
|
|
30092
|
+
};
|
|
30073
30093
|
componentDidLoad() {
|
|
30074
|
-
}
|
|
30075
|
-
componentWillLoad() {
|
|
30076
30094
|
this.nanoSlidesDidLoad.emit();
|
|
30077
30095
|
if (!this.didInit) {
|
|
30078
30096
|
this.didInit = true;
|
|
@@ -30091,15 +30109,24 @@ class Slides {
|
|
|
30091
30109
|
this.destroyflickity();
|
|
30092
30110
|
}
|
|
30093
30111
|
render() {
|
|
30094
|
-
return (h(Host, { key: '
|
|
30112
|
+
return (h(Host, { key: '6dedc1589f5ae629975f38303f658de914c8f506', class: "nano-slides" }, h("div", { key: '528c7b10972b258ef0345525a9fa82c289ecc083', class: {
|
|
30095
30113
|
slideshow: true,
|
|
30096
30114
|
ready: this.ready,
|
|
30097
30115
|
'not-ready': !this.ready,
|
|
30098
|
-
}, part: "base" }, h("div", { key: '
|
|
30116
|
+
}, part: "base" }, h("div", { key: '4d16a4da0692f53500c755600a539edf5dc2d606', ref: (div) => (this.flickityEl = div), class: {
|
|
30099
30117
|
'flickity-container': true,
|
|
30100
30118
|
'slides-ready': this.slidesReady,
|
|
30101
30119
|
'slides-not-ready': !this.slidesReady,
|
|
30102
|
-
}, part: "slide-container" }, h("slot", { key: '
|
|
30120
|
+
}, 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: {
|
|
30121
|
+
'pagination-btn': true,
|
|
30122
|
+
'pagination-btn--active': this.isActive(index),
|
|
30123
|
+
'is-selected': this.isActive(index),
|
|
30124
|
+
dot: true,
|
|
30125
|
+
}, "aria-current": this.isActive(index) ? 'step' : undefined, onClick: () => {
|
|
30126
|
+
if (this.isActive(index))
|
|
30127
|
+
return;
|
|
30128
|
+
this.slideTo(index);
|
|
30129
|
+
} }, h("span", { class: "pagination-btn__label" }, "Go to slide ", index + 1)))))))));
|
|
30103
30130
|
}
|
|
30104
30131
|
static get watchers() { return {
|
|
30105
30132
|
"options": ["optionsChanged"],
|
|
@@ -30129,6 +30156,7 @@ class Slides {
|
|
|
30129
30156
|
"iCurrentSlide": [32],
|
|
30130
30157
|
"slidesReady": [32],
|
|
30131
30158
|
"didInit": [32],
|
|
30159
|
+
"slideCount": [32],
|
|
30132
30160
|
"update": [64],
|
|
30133
30161
|
"slideTo": [64],
|
|
30134
30162
|
"slideNext": [64],
|
|
@@ -30148,25 +30176,6 @@ class Slides {
|
|
|
30148
30176
|
"$attrsToReflect$": [["fullscreen", "fullscreen"], ["animation", "animation"], ["currentSlide", "current-slide"], ["ready", "ready"]]
|
|
30149
30177
|
}; }
|
|
30150
30178
|
}
|
|
30151
|
-
const waitForSlides = (host) => {
|
|
30152
|
-
const allSlides = Array.from(host.querySelectorAll(transformTag('nano-slide')));
|
|
30153
|
-
let toLoadSlides = allSlides.filter((ele) => !ele.ready);
|
|
30154
|
-
if (!toLoadSlides.length)
|
|
30155
|
-
return Promise.resolve(allSlides);
|
|
30156
|
-
return new Promise((resolve) => {
|
|
30157
|
-
const slideResolver = (ev) => {
|
|
30158
|
-
toLoadSlides = toLoadSlides.filter((ele) => ele !== ev.target);
|
|
30159
|
-
if (!toLoadSlides.length) {
|
|
30160
|
-
resolve(allSlides);
|
|
30161
|
-
host.removeEventListener('nanoSlideReady', slideResolver);
|
|
30162
|
-
host.removeEventListener('nano-slide-ready', slideResolver);
|
|
30163
|
-
}
|
|
30164
|
-
};
|
|
30165
|
-
host.addEventListener('nanoSlideReady', slideResolver);
|
|
30166
|
-
// fallback for vue who can't handle camelcase event names
|
|
30167
|
-
host.addEventListener('nano-slide-ready', slideResolver);
|
|
30168
|
-
});
|
|
30169
|
-
};
|
|
30170
30179
|
|
|
30171
30180
|
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}";
|
|
30172
30181
|
|
|
@@ -30877,7 +30886,7 @@ class Sortable {
|
|
|
30877
30886
|
}
|
|
30878
30887
|
}
|
|
30879
30888
|
render() {
|
|
30880
|
-
return (h(Host, { key: '
|
|
30889
|
+
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' })));
|
|
30881
30890
|
}
|
|
30882
30891
|
static get watchers() { return {
|
|
30883
30892
|
"itemSelector": ["handleItemSelectorChange"],
|
|
@@ -31876,12 +31885,12 @@ class Sticker {
|
|
|
31876
31885
|
this.hasBootstrapped = false;
|
|
31877
31886
|
}
|
|
31878
31887
|
render() {
|
|
31879
|
-
return (h(Host, { key: '
|
|
31888
|
+
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: {
|
|
31880
31889
|
sticker: true,
|
|
31881
31890
|
sticky: this.isRootSticker && this.isSticky,
|
|
31882
31891
|
stuck: this.isStuck && this.isRootSticker && this.isSticky,
|
|
31883
31892
|
hide: this.isRootSticker && this.hide && this.isStuck,
|
|
31884
|
-
}, ref: (div) => (this.sticker = div) }, h("div", { key: '
|
|
31893
|
+
}, ref: (div) => (this.sticker = div) }, h("div", { key: 'e9e2e931b30f6c1b3278ee96d132c40772b35f8a', class: "sticker-content", ref: (div) => (this.content = div) }, h("slot", { key: '7724a7b761972a7499945135e184a52f11811c9c' })))));
|
|
31885
31894
|
}
|
|
31886
31895
|
static get watchers() { return {
|
|
31887
31896
|
"trigger": ["updateTriggerOffset"],
|
|
@@ -32170,10 +32179,10 @@ class Tooltip {
|
|
|
32170
32179
|
this.popover.destroy();
|
|
32171
32180
|
}
|
|
32172
32181
|
render() {
|
|
32173
|
-
return (h(Host, { key: '
|
|
32182
|
+
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: {
|
|
32174
32183
|
tooltip: true,
|
|
32175
32184
|
'tooltip--open': this.open,
|
|
32176
|
-
}, role: "tooltip", "aria-hidden": this.open ? 'false' : 'true' }, h("slot", { key: '
|
|
32185
|
+
}, 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 })))));
|
|
32177
32186
|
}
|
|
32178
32187
|
static get watchers() { return {
|
|
32179
32188
|
"content": ["setLabel"],
|
|
@@ -33381,8 +33390,8 @@ var index = /*#__PURE__*/Object.freeze({
|
|
|
33381
33390
|
});
|
|
33382
33391
|
|
|
33383
33392
|
Flickity.createMethods.push('_createFullscreen');
|
|
33384
|
-
const proto$
|
|
33385
|
-
proto$
|
|
33393
|
+
const proto$2 = Flickity.prototype;
|
|
33394
|
+
proto$2._createFullscreen = function () {
|
|
33386
33395
|
this.isFullscreen = false;
|
|
33387
33396
|
if (!this.options.fullscreen) {
|
|
33388
33397
|
return;
|
|
@@ -33394,7 +33403,7 @@ proto$3._createFullscreen = function () {
|
|
|
33394
33403
|
this.on('deactivate', this._changeFullscreenActive);
|
|
33395
33404
|
};
|
|
33396
33405
|
// ----- activation ----- //
|
|
33397
|
-
proto$
|
|
33406
|
+
proto$2._changeFullscreenActive = function () {
|
|
33398
33407
|
const childMethod = this.isActive ? 'appendChild' : 'removeChild';
|
|
33399
33408
|
this.element[childMethod](this.viewFullscreenButton.element);
|
|
33400
33409
|
this.element[childMethod](this.exitFullscreenButton.element);
|
|
@@ -33404,14 +33413,14 @@ proto$3._changeFullscreenActive = function () {
|
|
|
33404
33413
|
this.exitFullscreenButton[activeMethod]();
|
|
33405
33414
|
};
|
|
33406
33415
|
// ----- view, exit, toggle ----- //
|
|
33407
|
-
proto$
|
|
33416
|
+
proto$2.viewFullscreen = function () {
|
|
33408
33417
|
this._changeFullscreen(true);
|
|
33409
33418
|
this.focus();
|
|
33410
33419
|
};
|
|
33411
|
-
proto$
|
|
33420
|
+
proto$2.exitFullscreen = function () {
|
|
33412
33421
|
this._changeFullscreen(false);
|
|
33413
33422
|
};
|
|
33414
|
-
proto$
|
|
33423
|
+
proto$2._changeFullscreen = function (isView) {
|
|
33415
33424
|
if (this.isFullscreen == isView) {
|
|
33416
33425
|
return;
|
|
33417
33426
|
}
|
|
@@ -33426,13 +33435,13 @@ proto$3._changeFullscreen = function (isView) {
|
|
|
33426
33435
|
}
|
|
33427
33436
|
this.dispatchEvent('fullscreenChange', null, [isView]);
|
|
33428
33437
|
};
|
|
33429
|
-
proto$
|
|
33438
|
+
proto$2.toggleFullscreen = function () {
|
|
33430
33439
|
this._changeFullscreen(!this.isFullscreen);
|
|
33431
33440
|
};
|
|
33432
33441
|
// ----- setGallerySize ----- //
|
|
33433
33442
|
// overwrite so fullscreen cells are full height
|
|
33434
|
-
const setGallerySize = proto$
|
|
33435
|
-
proto$
|
|
33443
|
+
const setGallerySize = proto$2.setGallerySize;
|
|
33444
|
+
proto$2.setGallerySize = function () {
|
|
33436
33445
|
if (!this.options.setGallerySize) {
|
|
33437
33446
|
return;
|
|
33438
33447
|
}
|
|
@@ -33509,11 +33518,11 @@ var fullscreen = /*#__PURE__*/Object.freeze({
|
|
|
33509
33518
|
});
|
|
33510
33519
|
|
|
33511
33520
|
Flickity.createMethods.push('_createLazyload');
|
|
33512
|
-
const proto$
|
|
33513
|
-
proto$
|
|
33521
|
+
const proto$1 = Flickity.prototype;
|
|
33522
|
+
proto$1._createLazyload = function () {
|
|
33514
33523
|
this.on('select', this.lazyLoad);
|
|
33515
33524
|
};
|
|
33516
|
-
proto$
|
|
33525
|
+
proto$1.lazyLoad = function () {
|
|
33517
33526
|
const lazyLoad = this.options.lazyLoad;
|
|
33518
33527
|
if (!lazyLoad) {
|
|
33519
33528
|
return;
|
|
@@ -33598,141 +33607,6 @@ var lazyload = /*#__PURE__*/Object.freeze({
|
|
|
33598
33607
|
__proto__: null
|
|
33599
33608
|
});
|
|
33600
33609
|
|
|
33601
|
-
// -------------------------- PageDots -------------------------- //
|
|
33602
|
-
function PageDots(parent) {
|
|
33603
|
-
this.parent = parent;
|
|
33604
|
-
this.parentElement = this.parent.element.shadowRoot || this.parent.element;
|
|
33605
|
-
this.containingEl = this.parentElement.parentNode || this.parentElement;
|
|
33606
|
-
this._create();
|
|
33607
|
-
}
|
|
33608
|
-
PageDots.prototype = Object.create(Unipointer.prototype);
|
|
33609
|
-
PageDots.prototype._create = function () {
|
|
33610
|
-
// create holder element
|
|
33611
|
-
this.holder = document.createElement('div');
|
|
33612
|
-
this.holder.className = 'flickity-page-dots';
|
|
33613
|
-
this.holder.part.add('pagination');
|
|
33614
|
-
// create dots, array of elements
|
|
33615
|
-
this.dots = [];
|
|
33616
|
-
// events
|
|
33617
|
-
this.handleClick = this.onClick.bind(this);
|
|
33618
|
-
this.on('pointerDown', this.parent.childUIPointerDown.bind(this.parent));
|
|
33619
|
-
};
|
|
33620
|
-
PageDots.prototype.activate = function () {
|
|
33621
|
-
this.setDots();
|
|
33622
|
-
this.holder.addEventListener('click', this.handleClick);
|
|
33623
|
-
this.bindStartEvent(this.holder);
|
|
33624
|
-
// add to DOM
|
|
33625
|
-
this.containingEl.appendChild(this.holder);
|
|
33626
|
-
};
|
|
33627
|
-
PageDots.prototype.deactivate = function () {
|
|
33628
|
-
this.holder.removeEventListener('click', this.handleClick);
|
|
33629
|
-
this.unbindStartEvent(this.holder);
|
|
33630
|
-
// remove from DOM
|
|
33631
|
-
this.containingEl.removeChild(this.holder);
|
|
33632
|
-
};
|
|
33633
|
-
PageDots.prototype.setDots = function () {
|
|
33634
|
-
// get difference between number of slides and number of dots
|
|
33635
|
-
const delta = this.parent.slides.length - this.dots.length;
|
|
33636
|
-
if (delta > 0) {
|
|
33637
|
-
this.addDots(delta);
|
|
33638
|
-
}
|
|
33639
|
-
else if (delta < 0) {
|
|
33640
|
-
this.removeDots(-delta);
|
|
33641
|
-
}
|
|
33642
|
-
};
|
|
33643
|
-
PageDots.prototype.addDots = function (count) {
|
|
33644
|
-
const fragment = document.createDocumentFragment();
|
|
33645
|
-
const newDots = [];
|
|
33646
|
-
const length = this.dots.length;
|
|
33647
|
-
const max = length + count;
|
|
33648
|
-
for (let i = length; i < max; i++) {
|
|
33649
|
-
const dot = document.createElement('button');
|
|
33650
|
-
dot.classList.add('dot');
|
|
33651
|
-
dot.innerText = `Go to slide ${i + 1}`;
|
|
33652
|
-
fragment.appendChild(dot);
|
|
33653
|
-
newDots.push(dot);
|
|
33654
|
-
}
|
|
33655
|
-
this.holder.appendChild(fragment);
|
|
33656
|
-
this.dots = this.dots.concat(newDots);
|
|
33657
|
-
};
|
|
33658
|
-
PageDots.prototype.removeDots = function (count) {
|
|
33659
|
-
// remove from this.dots collection
|
|
33660
|
-
const removeDots = this.dots.splice(this.dots.length - count, count);
|
|
33661
|
-
// remove from DOM
|
|
33662
|
-
removeDots.forEach(function (dot) {
|
|
33663
|
-
this.holder.removeChild(dot);
|
|
33664
|
-
}, this);
|
|
33665
|
-
};
|
|
33666
|
-
PageDots.prototype.updateSelected = function () {
|
|
33667
|
-
// remove selected class on previous
|
|
33668
|
-
if (this.selectedDot) {
|
|
33669
|
-
this.selectedDot.classList.remove('is-selected');
|
|
33670
|
-
this.selectedDot.part.remove('pagination-item--active');
|
|
33671
|
-
this.selectedDot.removeAttribute('aria-current');
|
|
33672
|
-
}
|
|
33673
|
-
// don't proceed if no dots
|
|
33674
|
-
if (!this.dots.length) {
|
|
33675
|
-
return;
|
|
33676
|
-
}
|
|
33677
|
-
this.selectedDot = this.dots[this.parent.selectedIndex];
|
|
33678
|
-
this.selectedDot.classList.add('is-selected');
|
|
33679
|
-
this.selectedDot.part.add('pagination-item--active');
|
|
33680
|
-
this.selectedDot.setAttribute('aria-current', 'step');
|
|
33681
|
-
};
|
|
33682
|
-
PageDots.prototype.onTap = PageDots.prototype.onClick = function (event) {
|
|
33683
|
-
// old method name, backwards-compatible
|
|
33684
|
-
const target = event.target;
|
|
33685
|
-
// only care about dot clicks
|
|
33686
|
-
if (target.nodeName != 'BUTTON') {
|
|
33687
|
-
return;
|
|
33688
|
-
}
|
|
33689
|
-
this.parent.uiChange();
|
|
33690
|
-
const index = this.dots.indexOf(target);
|
|
33691
|
-
this.parent.select(index);
|
|
33692
|
-
};
|
|
33693
|
-
PageDots.prototype.destroy = function () {
|
|
33694
|
-
this.deactivate();
|
|
33695
|
-
this.allOff();
|
|
33696
|
-
};
|
|
33697
|
-
// @ts-ignore
|
|
33698
|
-
Flickity.PageDots = PageDots;
|
|
33699
|
-
// -------------------------- Flickity -------------------------- //
|
|
33700
|
-
utils.extend(Flickity.defaults, {
|
|
33701
|
-
pageDots: true,
|
|
33702
|
-
});
|
|
33703
|
-
Flickity.createMethods.push('_createPageDots');
|
|
33704
|
-
const proto$1 = Flickity.prototype;
|
|
33705
|
-
proto$1._createPageDots = function () {
|
|
33706
|
-
if (!this.options.pageDots) {
|
|
33707
|
-
return;
|
|
33708
|
-
}
|
|
33709
|
-
this.pageDots = new PageDots(this);
|
|
33710
|
-
// events
|
|
33711
|
-
this.on('activate', this.activatePageDots);
|
|
33712
|
-
this.on('select', this.updateSelectedPageDots);
|
|
33713
|
-
this.on('cellChange', this.updatePageDots);
|
|
33714
|
-
this.on('resize', this.updatePageDots);
|
|
33715
|
-
this.on('deactivate', this.deactivatePageDots);
|
|
33716
|
-
};
|
|
33717
|
-
proto$1.activatePageDots = function () {
|
|
33718
|
-
this.pageDots.activate();
|
|
33719
|
-
};
|
|
33720
|
-
proto$1.updateSelectedPageDots = function () {
|
|
33721
|
-
this.pageDots.updateSelected();
|
|
33722
|
-
};
|
|
33723
|
-
proto$1.updatePageDots = function () {
|
|
33724
|
-
this.pageDots.setDots();
|
|
33725
|
-
};
|
|
33726
|
-
proto$1.deactivatePageDots = function () {
|
|
33727
|
-
this.pageDots.deactivate();
|
|
33728
|
-
};
|
|
33729
|
-
// @ts-ignore
|
|
33730
|
-
Flickity.PageDots = PageDots;
|
|
33731
|
-
|
|
33732
|
-
var pageDots = /*#__PURE__*/Object.freeze({
|
|
33733
|
-
__proto__: null
|
|
33734
|
-
});
|
|
33735
|
-
|
|
33736
33610
|
const Slide = Flickity.Slide;
|
|
33737
33611
|
const slideUpdateTarget = Slide.prototype.updateTarget;
|
|
33738
33612
|
Slide.prototype.updateTarget = function (...args) {
|