@solid-design-system/components 3.22.6 → 3.22.8

Sign up to get free protection for your applications and to get access to all the features.
Files changed (160) hide show
  1. package/dist/components/es/button.js +1 -1
  2. package/dist/components/es/carousel.js +8 -3
  3. package/dist/components/es/map-marker.js +1 -1
  4. package/dist/components/es/query-assigned-elements.js +1 -1
  5. package/dist/components/es/solid-components2.js +5 -5
  6. package/dist/components/umd/solid-components.js +22 -16
  7. package/dist/custom-elements.json +1 -1
  8. package/dist/package/components/button/button.js +2 -2
  9. package/dist/package/components/carousel/carousel.d.ts +5 -1
  10. package/dist/package/components/carousel/carousel.js +63 -23
  11. package/dist/package/translations/de.js +3 -2
  12. package/dist/package/translations/en.js +3 -2
  13. package/dist/package/utilities/localize.d.ts +2 -1
  14. package/dist/versioned-components/es/accordion-group.js +1 -1
  15. package/dist/versioned-components/es/accordion.js +1 -1
  16. package/dist/versioned-components/es/audio.js +1 -1
  17. package/dist/versioned-components/es/badge.js +1 -1
  18. package/dist/versioned-components/es/brandshape.js +1 -1
  19. package/dist/versioned-components/es/button.js +1 -1
  20. package/dist/versioned-components/es/carousel-item.js +1 -1
  21. package/dist/versioned-components/es/carousel.js +8 -3
  22. package/dist/versioned-components/es/checkbox-group.js +1 -1
  23. package/dist/versioned-components/es/checkbox.js +1 -1
  24. package/dist/versioned-components/es/dialog.js +1 -1
  25. package/dist/versioned-components/es/divider.js +1 -1
  26. package/dist/versioned-components/es/drawer.js +1 -1
  27. package/dist/versioned-components/es/dropdown.js +1 -1
  28. package/dist/versioned-components/es/expandable.js +1 -1
  29. package/dist/versioned-components/es/flipcard.js +1 -1
  30. package/dist/versioned-components/es/form.js +1 -1
  31. package/dist/versioned-components/es/header.js +1 -1
  32. package/dist/versioned-components/es/icon.js +1 -1
  33. package/dist/versioned-components/es/include.js +1 -1
  34. package/dist/versioned-components/es/input.js +1 -1
  35. package/dist/versioned-components/es/link.js +1 -1
  36. package/dist/versioned-components/es/map-marker.js +1 -1
  37. package/dist/versioned-components/es/navigation-item.js +1 -1
  38. package/dist/versioned-components/es/notification.js +1 -1
  39. package/dist/versioned-components/es/option.js +1 -1
  40. package/dist/versioned-components/es/query-assigned-elements.js +1 -1
  41. package/dist/versioned-components/es/quickfact.js +1 -1
  42. package/dist/versioned-components/es/radio-button.js +1 -1
  43. package/dist/versioned-components/es/radio-group.js +1 -1
  44. package/dist/versioned-components/es/radio.js +1 -1
  45. package/dist/versioned-components/es/scrollable.js +1 -1
  46. package/dist/versioned-components/es/select.js +3 -3
  47. package/dist/versioned-components/es/solid-components2.js +5 -5
  48. package/dist/versioned-components/es/spinner.js +1 -1
  49. package/dist/versioned-components/es/step-group.js +1 -1
  50. package/dist/versioned-components/es/step.js +1 -1
  51. package/dist/versioned-components/es/switch.js +1 -1
  52. package/dist/versioned-components/es/tab-group.js +1 -1
  53. package/dist/versioned-components/es/tab-panel.js +1 -1
  54. package/dist/versioned-components/es/tab.js +1 -1
  55. package/dist/versioned-components/es/tag.js +1 -1
  56. package/dist/versioned-components/es/teaser-media.js +1 -1
  57. package/dist/versioned-components/es/teaser.js +1 -1
  58. package/dist/versioned-components/es/textarea.js +1 -1
  59. package/dist/versioned-components/es/tooltip.js +2 -2
  60. package/dist/versioned-components/es/video.js +1 -1
  61. package/dist/versioned-package/_components/button-group/button-group.d.ts +1 -1
  62. package/dist/versioned-package/_components/button-group/button-group.js +11 -11
  63. package/dist/versioned-package/components/accordion/accordion.d.ts +1 -1
  64. package/dist/versioned-package/components/accordion/accordion.js +2 -2
  65. package/dist/versioned-package/components/accordion-group/accordion-group.d.ts +1 -1
  66. package/dist/versioned-package/components/accordion-group/accordion-group.js +3 -3
  67. package/dist/versioned-package/components/audio/audio.d.ts +1 -1
  68. package/dist/versioned-package/components/audio/audio.js +6 -6
  69. package/dist/versioned-package/components/badge/badge.d.ts +1 -1
  70. package/dist/versioned-package/components/badge/badge.js +1 -1
  71. package/dist/versioned-package/components/brandshape/brandshape.d.ts +1 -1
  72. package/dist/versioned-package/components/brandshape/brandshape.js +1 -1
  73. package/dist/versioned-package/components/button/button.d.ts +1 -1
  74. package/dist/versioned-package/components/button/button.js +6 -6
  75. package/dist/versioned-package/components/carousel/carousel.d.ts +6 -2
  76. package/dist/versioned-package/components/carousel/carousel.js +67 -27
  77. package/dist/versioned-package/components/carousel-item/carousel-item.d.ts +1 -1
  78. package/dist/versioned-package/components/carousel-item/carousel-item.js +1 -1
  79. package/dist/versioned-package/components/checkbox/checkbox.d.ts +1 -1
  80. package/dist/versioned-package/components/checkbox/checkbox.js +3 -3
  81. package/dist/versioned-package/components/checkbox-group/checkbox-group.d.ts +1 -1
  82. package/dist/versioned-package/components/checkbox-group/checkbox-group.js +5 -5
  83. package/dist/versioned-package/components/dialog/dialog.d.ts +1 -1
  84. package/dist/versioned-package/components/dialog/dialog.js +2 -2
  85. package/dist/versioned-package/components/divider/divider.d.ts +1 -1
  86. package/dist/versioned-package/components/divider/divider.js +2 -2
  87. package/dist/versioned-package/components/drawer/drawer.d.ts +1 -1
  88. package/dist/versioned-package/components/drawer/drawer.js +2 -2
  89. package/dist/versioned-package/components/dropdown/dropdown.d.ts +1 -1
  90. package/dist/versioned-package/components/dropdown/dropdown.js +8 -8
  91. package/dist/versioned-package/components/expandable/expandable.d.ts +1 -1
  92. package/dist/versioned-package/components/expandable/expandable.js +2 -2
  93. package/dist/versioned-package/components/flipcard/flipcard.d.ts +1 -1
  94. package/dist/versioned-package/components/flipcard/flipcard.js +1 -1
  95. package/dist/versioned-package/components/header/header.d.ts +1 -1
  96. package/dist/versioned-package/components/header/header.js +4 -4
  97. package/dist/versioned-package/components/icon/icon.d.ts +1 -1
  98. package/dist/versioned-package/components/icon/icon.js +1 -1
  99. package/dist/versioned-package/components/include/include.d.ts +1 -1
  100. package/dist/versioned-package/components/include/include.js +1 -1
  101. package/dist/versioned-package/components/input/input.d.ts +1 -1
  102. package/dist/versioned-package/components/input/input.js +3 -3
  103. package/dist/versioned-package/components/link/link.d.ts +1 -1
  104. package/dist/versioned-package/components/link/link.js +2 -2
  105. package/dist/versioned-package/components/map-marker/map-marker.d.ts +1 -1
  106. package/dist/versioned-package/components/map-marker/map-marker.js +1 -1
  107. package/dist/versioned-package/components/navigation-item/navigation-item.d.ts +1 -1
  108. package/dist/versioned-package/components/navigation-item/navigation-item.js +5 -5
  109. package/dist/versioned-package/components/notification/notification.d.ts +1 -1
  110. package/dist/versioned-package/components/notification/notification.js +5 -5
  111. package/dist/versioned-package/components/option/option.d.ts +1 -1
  112. package/dist/versioned-package/components/option/option.js +2 -2
  113. package/dist/versioned-package/components/popup/popup.d.ts +1 -1
  114. package/dist/versioned-package/components/popup/popup.js +1 -1
  115. package/dist/versioned-package/components/quickfact/quickfact.d.ts +1 -1
  116. package/dist/versioned-package/components/quickfact/quickfact.js +2 -2
  117. package/dist/versioned-package/components/radio/radio.d.ts +1 -1
  118. package/dist/versioned-package/components/radio/radio.js +2 -2
  119. package/dist/versioned-package/components/radio-button/radio-button.d.ts +1 -1
  120. package/dist/versioned-package/components/radio-button/radio-button.js +2 -2
  121. package/dist/versioned-package/components/radio-group/radio-group.d.ts +2 -2
  122. package/dist/versioned-package/components/radio-group/radio-group.js +13 -13
  123. package/dist/versioned-package/components/scrollable/scrollable.d.ts +1 -1
  124. package/dist/versioned-package/components/scrollable/scrollable.js +3 -3
  125. package/dist/versioned-package/components/select/select.d.ts +4 -4
  126. package/dist/versioned-package/components/select/select.js +25 -25
  127. package/dist/versioned-package/components/spinner/spinner.d.ts +1 -1
  128. package/dist/versioned-package/components/spinner/spinner.js +1 -1
  129. package/dist/versioned-package/components/step/step.d.ts +1 -1
  130. package/dist/versioned-package/components/step/step.js +2 -2
  131. package/dist/versioned-package/components/step-group/step-group.d.ts +1 -1
  132. package/dist/versioned-package/components/step-group/step-group.js +2 -2
  133. package/dist/versioned-package/components/switch/switch.d.ts +1 -1
  134. package/dist/versioned-package/components/switch/switch.js +1 -1
  135. package/dist/versioned-package/components/tab/tab.d.ts +1 -1
  136. package/dist/versioned-package/components/tab/tab.js +2 -2
  137. package/dist/versioned-package/components/tab-group/tab-group.d.ts +1 -1
  138. package/dist/versioned-package/components/tab-group/tab-group.js +13 -13
  139. package/dist/versioned-package/components/tab-panel/tab-panel.d.ts +1 -1
  140. package/dist/versioned-package/components/tab-panel/tab-panel.js +2 -2
  141. package/dist/versioned-package/components/tag/tag.d.ts +1 -1
  142. package/dist/versioned-package/components/tag/tag.js +2 -2
  143. package/dist/versioned-package/components/teaser/teaser.js +1 -1
  144. package/dist/versioned-package/components/teaser-media/teaser-media.js +1 -1
  145. package/dist/versioned-package/components/textarea/textarea.d.ts +1 -1
  146. package/dist/versioned-package/components/textarea/textarea.js +2 -2
  147. package/dist/versioned-package/components/tooltip/tooltip.d.ts +1 -1
  148. package/dist/versioned-package/components/tooltip/tooltip.js +5 -5
  149. package/dist/versioned-package/components/video/video.d.ts +1 -1
  150. package/dist/versioned-package/components/video/video.js +2 -2
  151. package/dist/versioned-package/internal/form.js +3 -3
  152. package/dist/versioned-package/styles/headline/headline.css.js +1 -1
  153. package/dist/versioned-package/translations/de.js +3 -2
  154. package/dist/versioned-package/translations/en.js +3 -2
  155. package/dist/versioned-package/utilities/autocomplete-config.js +4 -4
  156. package/dist/versioned-package/utilities/localize.d.ts +2 -1
  157. package/dist/versioned-styles/solid-styles.css +1 -1
  158. package/dist/vscode.html-custom-data.json +47 -47
  159. package/dist/web-types.json +76 -48
  160. package/package.json +2 -2
@@ -1 +1 @@
1
- import"./spinner.js";import{S as t,t as e,c as r,i,e as o,n as a,a as s}from"./solid-components2.js";import{F as n,v as l}from"./form.js";import{H as d}from"./slot.js";import{s as p,n as h}from"./static.js";import{o as c}from"./if-defined.js";import{r as m}from"./state.js";import{o as u}from"./query-assigned-elements.js";import{w as b}from"./watch.js";var v=Object.defineProperty,y=Object.getOwnPropertyDescriptor,f=(t,e,r,i)=>{for(var o,a=i>1?void 0:i?y(e,r):e,s=t.length-1;s>=0;s--)(o=t[s])&&(a=(i?o(e,r,a):o(a))||a);return i&&a&&v(e,r,a),a};let g=class extends t{constructor(){super(...arguments),this.formControlController=new n(this,{form:t=>{if(t.hasAttribute("form")){const e=t.getRootNode(),r=t.getAttribute("form");return e.getElementById(r)}return t.closest("form")}}),this.hasSlotController=new d(this,"[default]","icon-left","icon-right"),this.invalid=!1,this.title="",this.variant="primary",this.inverted=!1,this.size="lg",this.disabled=!1,this.loading=!1,this.type="button",this.name="",this.value="",this.href=""}get validity(){return this.isButton()?this.button.validity:l}get validationMessage(){return this.isButton()?this.button.validationMessage:""}firstUpdated(){this.isButton()&&this.formControlController.updateValidity()}handleBlur(){this.emit("sd-blur")}handleFocus(){this.emit("sd-focus")}handleClick(t){if(this.disabled||this.loading)return t.preventDefault(),void t.stopPropagation();"submit"===this.type&&this.formControlController.submit(this),"reset"===this.type&&this.formControlController.reset(this)}handleInvalid(t){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(t)}isButton(){return!this.href}isLink(){return!!this.href}handleDisabledChange(){this.isButton()&&this.formControlController.setValidity(this.disabled)}click(){this.button.click()}focus(t){this.button.focus(t)}blur(){this.button.blur()}checkValidity(){return!this.isButton()||this.button.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return!this.isButton()||this.button.reportValidity()}setCustomValidity(t){this.isButton()&&(this.button.setCustomValidity(t),this.formControlController.updateValidity())}render(){const t=this.isLink(),r=t?p`a`:p`button`,i={label:this.hasSlotController.test("[default]"),"icon-left":this.hasSlotController.test("icon-left"),"icon-right":this.hasSlotController.test("icon-right"),"icon-only":this._iconsInDefaultSlot.length>0};return h`<${r} part="base" class="${e("font-md leading-[calc(var(--tw-varspacing)-2px)] no-underline\n w-full h-varspacing whitespace-nowrap align-middle inline-flex items-stretch justify-center\n border transition-colors duration-200 ease-in-out rounded-default\n select-none cursor-[inherit]",this.inverted?"focus-visible:focus-outline-inverted":"focus-visible:focus-outline",this.loading&&"relative cursor-wait",this.disabled&&"cursor-not-allowed",i["icon-only"]&&"px-0 w-varspacing",{sm:"text-sm varspacing-8 px-4",md:"text-base varspacing-10 px-4",lg:"text-base varspacing-12 px-4"}[this.size],{primary:this.inverted?"text-primary bg-white border-transparent\n hover:text-primary-500 hover:bg-primary-100\n active:text-primary-800 active:bg-primary-200\n disabled:bg-neutral-600 disabled:text-white":"text-white bg-primary border-transparent\n hover:text-primary-100 hover:bg-primary-500\n active:text-primary-200 active:bg-primary-800\n disabled:bg-neutral-500",secondary:this.inverted?"text-white border-white\n hover:text-primary-100 hover:bg-primary-500 hover:border-primary-100\n active:text-primary-200 active:bg-primary-800 active:border-primary-200\n disabled:text-neutral-600 disabled:border-neutral-600":"text-primary border-primary\n hover:text-primary-500 hover:border-primary-500 hover:bg-primary-100\n active:text-primary-800 active:border-primary-800 active:bg-primary-200\n disabled:text-neutral-500 disabled:border-neutral-500",tertiary:this.inverted?"text-white border-transparent\n hover:text-primary-100 hover:bg-primary-500\n active:text-primary-200 active:bg-primary-800\n disabled:text-neutral-600":"text-primary border-transparent\n hover:text-primary-500 hover:bg-primary-100\n active:text-primary-800 active:bg-primary-200\n disabled:text-neutral-500",cta:`text-white bg-accent-500 border-transparent\n hover:bg-accent-550\n active:bg-accent-700\n ${this.inverted?"disabled:bg-neutral-600":"disabled:bg-neutral-500"} disabled:text-white`}[this.variant])}" ?disabled="${c(t?void 0:this.disabled)}" type="${c(t?void 0:this.type)}" title="${this.title}" name="${c(t?void 0:this.name)}" value="${c(t?void 0:this.value)}" href="${c(t?this.href:void 0)}" target="${c(t?this.target:void 0)}" download="${c(t?this.download:void 0)}" rel="${c(t&&this.target?"noreferrer noopener":void 0)}" role="${c(t?void 0:"button")}" aria-disabled="${this.disabled?"true":"false"}" tabindex="${this.disabled?"-1":"0"}" @blur="${this.handleBlur}" @focus="${this.handleFocus}" @invalid="${this.isButton()?this.handleInvalid:null}" @click="${this.handleClick}"><slot name="icon-left" part="icon-left" class="${e("flex flex-auto items-center pointer-events-none",i["icon-only"]&&"hidden",this.loading&&"invisible",i["icon-left"]&&{sm:"mr-1",md:"mr-2",lg:"mr-2"}[this.size])}"></slot><slot part="label" class="${e(i["icon-only"]?"flex flex-auto items-center pointer-events-none":"inline-block",this.loading&&"invisible")}"></slot><slot name="icon-right" part="icon-right" class="${e("flex flex-auto items-center pointer-events-none",this.loading&&"invisible",i["icon-only"]&&"hidden",i["icon-right"]&&{sm:"ml-1",md:"ml-2",lg:"ml-2"}[this.size])}"></slot>${this.loading?h`<sd-spinner class="${e("absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2")}"></sd-spinner>`:""}</${r}>`}};g.styles=[r,t.styles,i`:host{position:relative;display:inline-block;width:var(--sd-spacing-auto,auto);cursor:pointer}sd-spinner{--indicator-color:currentColor;--track-color:var(--tw-varcolor-200)}::slotted(sd-badge){pointer-events:none;position:absolute;top:var(--sd-spacing-0,0);right:var(--sd-spacing-0,0);--tw-translate-x:50%!important;--tw-translate-y:-50%!important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}::slotted(sd-icon),sd-spinner{font-size:calc(var(--tw-varspacing)/ 2)}`],f([o("a, button")],g.prototype,"button",2),f([u({selector:"sd-icon"})],g.prototype,"_iconsInDefaultSlot",2),f([m()],g.prototype,"invalid",2),f([a()],g.prototype,"title",2),f([a({reflect:!0})],g.prototype,"variant",2),f([a({type:Boolean,reflect:!0})],g.prototype,"inverted",2),f([a({reflect:!0})],g.prototype,"size",2),f([a({type:Boolean,reflect:!0})],g.prototype,"disabled",2),f([a({type:Boolean,reflect:!0})],g.prototype,"loading",2),f([a()],g.prototype,"type",2),f([a()],g.prototype,"name",2),f([a()],g.prototype,"value",2),f([a()],g.prototype,"href",2),f([a()],g.prototype,"target",2),f([a()],g.prototype,"download",2),f([a()],g.prototype,"form",2),f([a({attribute:"formaction"})],g.prototype,"formAction",2),f([a({attribute:"formenctype"})],g.prototype,"formEnctype",2),f([a({attribute:"formmethod"})],g.prototype,"formMethod",2),f([a({attribute:"formnovalidate",type:Boolean})],g.prototype,"formNoValidate",2),f([a({attribute:"formtarget"})],g.prototype,"formTarget",2),f([b("disabled",{waitUntilFirstUpdate:!0})],g.prototype,"handleDisabledChange",1),g=f([s("sd-button")],g);export{g as default};
1
+ import"./spinner.js";import{S as t,t as e,c as r,i,e as o,n as a,a as s}from"./solid-components2.js";import{F as n,v as l}from"./form.js";import{H as d}from"./slot.js";import{s as p,n as h}from"./static.js";import{o as c}from"./if-defined.js";import{r as m}from"./state.js";import{o as u}from"./query-assigned-elements.js";import{w as b}from"./watch.js";var v=Object.defineProperty,y=Object.getOwnPropertyDescriptor,f=(t,e,r,i)=>{for(var o,a=i>1?void 0:i?y(e,r):e,s=t.length-1;s>=0;s--)(o=t[s])&&(a=(i?o(e,r,a):o(a))||a);return i&&a&&v(e,r,a),a};let g=class extends t{constructor(){super(...arguments),this.formControlController=new n(this,{form:t=>{if(t.hasAttribute("form")){const e=t.getRootNode(),r=t.getAttribute("form");return e.getElementById(r)}return t.closest("form")}}),this.hasSlotController=new d(this,"[default]","icon-left","icon-right"),this.invalid=!1,this.title="",this.variant="primary",this.inverted=!1,this.size="lg",this.disabled=!1,this.loading=!1,this.type="button",this.name="",this.value="",this.href=""}get validity(){return this.isButton()?this.button.validity:l}get validationMessage(){return this.isButton()?this.button.validationMessage:""}firstUpdated(){this.isButton()&&this.formControlController.updateValidity()}handleBlur(){this.emit("sd-blur")}handleFocus(){this.emit("sd-focus")}handleClick(t){if(this.disabled||this.loading)return t.preventDefault(),void t.stopPropagation();"submit"===this.type&&this.formControlController.submit(this),"reset"===this.type&&this.formControlController.reset(this)}handleInvalid(t){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(t)}isButton(){return!this.href}isLink(){return!!this.href}handleDisabledChange(){this.isButton()&&this.formControlController.setValidity(this.disabled)}click(){this.button.click()}focus(t){this.button.focus(t)}blur(){this.button.blur()}checkValidity(){return!this.isButton()||this.button.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return!this.isButton()||this.button.reportValidity()}setCustomValidity(t){this.isButton()&&(this.button.setCustomValidity(t),this.formControlController.updateValidity())}render(){const t=this.isLink(),r=t?p`a`:p`button`,i={label:this.hasSlotController.test("[default]"),"icon-left":this.hasSlotController.test("icon-left"),"icon-right":this.hasSlotController.test("icon-right"),"icon-only":this._iconsInDefaultSlot.length>0};return h`<${r} part="base" class="${e("font-md leading-[calc(var(--tw-varspacing)-2px)] no-underline\n w-full h-varspacing whitespace-nowrap align-middle inline-flex items-stretch justify-center\n border transition-colors duration-200 ease-in-out rounded-default\n select-none cursor-[inherit]",this.inverted?"focus-visible:focus-outline-inverted":"focus-visible:focus-outline",this.loading&&"relative cursor-wait",this.disabled&&"cursor-not-allowed",i["icon-only"]&&"px-0 w-varspacing",{sm:"text-sm varspacing-8 px-4",md:"text-base varspacing-10 px-4",lg:"text-base varspacing-12 px-4"}[this.size],{primary:this.inverted?"text-primary bg-white border-transparent\n hover:text-primary-500 hover:bg-primary-100\n active:text-primary-800 active:bg-primary-200\n disabled:bg-neutral-600 disabled:text-white":"text-white bg-primary border-transparent\n hover:text-primary-100 hover:bg-primary-500\n active:text-primary-200 active:bg-primary-800\n disabled:bg-neutral-500",secondary:this.inverted?"text-white border-white\n hover:text-primary-100 hover:bg-primary-500 hover:border-primary-100\n active:text-primary-200 active:bg-primary-800 active:border-primary-200\n disabled:text-neutral-600 disabled:border-neutral-600":"text-primary border-primary\n hover:text-primary-500 hover:border-primary-500 hover:bg-primary-100\n active:text-primary-800 active:border-primary-800 active:bg-primary-200\n disabled:text-neutral-500 disabled:border-neutral-500",tertiary:this.inverted?"text-white border-transparent\n hover:text-primary-100 hover:bg-primary-500\n active:text-primary-200 active:bg-primary-800\n disabled:text-neutral-600":"text-primary border-transparent\n hover:text-primary-500 hover:bg-primary-100\n active:text-primary-800 active:bg-primary-200\n disabled:text-neutral-500",cta:`text-white bg-accent-500 border-transparent\n hover:bg-accent-550\n active:bg-accent-700\n ${this.inverted?"disabled:bg-neutral-600":"disabled:bg-neutral-500"} disabled:text-white`}[this.variant])}" ?disabled="${c(t?void 0:this.disabled)}" type="${c(t?void 0:this.type)}" title="${this.title}" name="${c(t?void 0:this.name)}" value="${c(t?void 0:this.value)}" href="${c(t?this.href:void 0)}" target="${c(t?this.target:void 0)}" download="${c(t?this.download:void 0)}" rel="${c(t&&this.target?"noreferrer noopener":void 0)}" role="${c(t?void 0:"button")}" aria-disabled="${this.disabled?"true":"false"}" aria-labelledby="content" tabindex="${this.disabled?"-1":"0"}" @blur="${this.handleBlur}" @focus="${this.handleFocus}" @invalid="${this.isButton()?this.handleInvalid:null}" @click="${this.handleClick}"><slot name="icon-left" part="icon-left" class="${e("flex flex-auto items-center pointer-events-none",i["icon-only"]&&"hidden",this.loading&&"invisible",i["icon-left"]&&{sm:"mr-1",md:"mr-2",lg:"mr-2"}[this.size])}"></slot><slot part="label" id="content" class="${e(i["icon-only"]?"flex flex-auto items-center pointer-events-none":"inline-block",this.loading&&"invisible")}"></slot><slot name="icon-right" part="icon-right" class="${e("flex flex-auto items-center pointer-events-none",this.loading&&"invisible",i["icon-only"]&&"hidden",i["icon-right"]&&{sm:"ml-1",md:"ml-2",lg:"ml-2"}[this.size])}"></slot>${this.loading?h`<sd-spinner class="${e("absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2")}"></sd-spinner>`:""}</${r}>`}};g.styles=[r,t.styles,i`:host{position:relative;display:inline-block;width:var(--sd-spacing-auto,auto);cursor:pointer}sd-spinner{--indicator-color:currentColor;--track-color:var(--tw-varcolor-200)}::slotted(sd-badge){pointer-events:none;position:absolute;top:var(--sd-spacing-0,0);right:var(--sd-spacing-0,0);--tw-translate-x:50%!important;--tw-translate-y:-50%!important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}::slotted(sd-icon),sd-spinner{font-size:calc(var(--tw-varspacing)/ 2)}`],f([o("a, button")],g.prototype,"button",2),f([u({selector:"sd-icon"})],g.prototype,"_iconsInDefaultSlot",2),f([m()],g.prototype,"invalid",2),f([a()],g.prototype,"title",2),f([a({reflect:!0})],g.prototype,"variant",2),f([a({type:Boolean,reflect:!0})],g.prototype,"inverted",2),f([a({reflect:!0})],g.prototype,"size",2),f([a({type:Boolean,reflect:!0})],g.prototype,"disabled",2),f([a({type:Boolean,reflect:!0})],g.prototype,"loading",2),f([a()],g.prototype,"type",2),f([a()],g.prototype,"name",2),f([a()],g.prototype,"value",2),f([a()],g.prototype,"href",2),f([a()],g.prototype,"target",2),f([a()],g.prototype,"download",2),f([a()],g.prototype,"form",2),f([a({attribute:"formaction"})],g.prototype,"formAction",2),f([a({attribute:"formenctype"})],g.prototype,"formEnctype",2),f([a({attribute:"formmethod"})],g.prototype,"formMethod",2),f([a({attribute:"formnovalidate",type:Boolean})],g.prototype,"formNoValidate",2),f([a({attribute:"formtarget"})],g.prototype,"formTarget",2),f([b("disabled",{waitUntilFirstUpdate:!0})],g.prototype,"handleDisabledChange",1),g=f([s("sd-button")],g);export{g as default};
@@ -1,11 +1,16 @@
1
- import"./icon.js";import{AutoplayController as e}from"./autoplay-controller.js";import{S as t,L as i,x as s,t as o,r,c as a,i as l,e as n,n as d,a as c}from"./solid-components2.js";import{p as h}from"./animate.js";import{r as p}from"./state.js";import{ScrollController as u}from"./scroll-controller.js";import{w as g}from"./watch.js";import{I as v}from"./interactive.js";import b from"./carousel-item.js";var m=Object.defineProperty,y=Object.getOwnPropertyDescriptor,f=(e,t,i,s)=>{for(var o,r=s>1?void 0:s?y(t,i):t,a=e.length-1;a>=0;a--)(o=e[a])&&(r=(s?o(t,i,r):o(r))||r);return s&&r&&m(t,i,r),r};let S=class extends t{constructor(){super(...arguments),this.variant="number",this.inverted=!1,this.loop=!1,this.autoplay=!1,this.slidesPerPage=1,this.slidesPerMove=1,this.activeSlide=0,this.currentPage=1,this.pausedAutoplay=!1,this.autoplayController=new e(this,(()=>this.next())),this.scrollController=new u(this),this.slides=this.getElementsByTagName("sd-carousel-item"),this.intersectionObserverEntries=new Map,this.localize=new i(this),this.handleSlotChange=e=>{e.some((e=>[...e.addedNodes,...e.removedNodes].some((e=>b.isCarouselItem(e)&&!e.hasAttribute("data-clone")))))&&this.initializeSlides(),this.requestUpdate()}}connectedCallback(){super.connectedCallback(),this.setAttribute("role","region"),this.setAttribute("aria-label",this.localize.term("carousel"));const e=new IntersectionObserver((e=>{e.forEach((e=>{this.intersectionObserverEntries.set(e.target,e);const t=e.target;t.toggleAttribute("inert",!e.isIntersecting),t.classList.toggle("--in-view",e.isIntersecting),t.setAttribute("aria-hidden",e.isIntersecting?"false":"true")}))}),{root:this,threshold:.6});this.intersectionObserver=e,e.takeRecords().forEach((e=>{this.intersectionObserverEntries.set(e.target,e)}))}disconnectedCallback(){super.disconnectedCallback(),this.intersectionObserver.disconnect(),this.mutationObserver.disconnect()}firstUpdated(){this.initializeSlides(),this.mutationObserver=new MutationObserver(this.handleSlotChange),this.mutationObserver.observe(this,{childList:!0,subtree:!1})}static getPageCount(e,t,i){return Math.ceil((e-t)/i)+1>0?Math.ceil((e-t)/i)+1:1}static getCurrentPage(e,t,i,s){return Math.ceil((e-i)/s)-Math.ceil((e-i-t)/s)+1}getSlides({excludeClones:e=!0}={}){return[...this.slides].filter((t=>!e||!t.hasAttribute("data-clone")))}handleKeyDown(e){if(["ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Home","End"].includes(e.key)){const t=e.target,i="rtl"===this.localize.dir(),s=null!==t.closest('[part~="pagination-item"]'),o="ArrowDown"===e.key||!i&&"ArrowRight"===e.key||i&&"ArrowLeft"===e.key,r="ArrowUp"===e.key||!i&&"ArrowLeft"===e.key||i&&"ArrowRight"===e.key;e.preventDefault(),r&&this.previous(),o&&this.next(),"Home"===e.key&&this.goToSlide(0),"End"===e.key&&this.goToSlide(this.getSlides().length-1),s&&this.updateComplete.then((()=>{var e;const t=null==(e=this.shadowRoot)?void 0:e.querySelector('[part~="pagination-item--active"]');t&&t.focus()}))}}handleScrollEnd(){const e=this.getSlides(),t=[...this.intersectionObserverEntries.values()].find((e=>e.isIntersecting));if(this.loop&&null!=t&&t.target.hasAttribute("data-clone")){const e=Number(t.target.getAttribute("data-clone"));this.goToSlide(e,"auto")}else t&&(this.activeSlide=e.indexOf(t.target))}handlePausedAutoplay(){var e;this.pausedAutoplay?this.autoplayController.stop():this.autoplay&&this.autoplayController.start(3e3),null==(e=this.autoplayControls)||e.blur()}initializeSlides(){const e=this.getSlides(),t=this.intersectionObserver;if(this.intersectionObserverEntries.clear(),this.getSlides({excludeClones:!1}).forEach(((e,i)=>{t.unobserve(e),e.classList.remove("--in-view"),e.classList.remove("--is-active"),e.setAttribute("aria-label",this.localize.term("slideNum",i+1)),e.hasAttribute("data-clone")&&e.remove()})),this.loop){const t=this.slidesPerPage,i=e.slice(-t),s=e.slice(0,t);i.reverse().forEach(((t,i)=>{const s=t.cloneNode(!0);s.setAttribute("data-clone",String(e.length-i-1)),this.prepend(s)})),s.forEach(((e,t)=>{const i=e.cloneNode(!0);i.setAttribute("data-clone",String(t)),this.append(i)}))}this.getSlides({excludeClones:!1}).forEach((e=>{t.observe(e)})),this.goToSlide(this.activeSlide,"auto")}handelSlideChange(){this.currentPage=S.getCurrentPage(this.getSlides().length,this.activeSlide,this.slidesPerPage,this.slidesPerMove);const e=this.getSlides();e.forEach(((e,t)=>{e.classList.toggle("--is-active",t===this.activeSlide)})),this.hasUpdated&&this.emit("sd-slide-change",{detail:{index:this.activeSlide,slide:e[this.activeSlide]}}),this.currentPage>S.getPageCount(this.getSlides().length,this.slidesPerPage,this.slidesPerMove)&&this.nextTillFirst()}handleSlidesPerMoveChange(){const e=this.getSlides({excludeClones:!1}),t=this.slidesPerMove;e.forEach(((e,i)=>{Math.abs(i-t)%t==0?e.style.removeProperty("scroll-snap-align"):e.style.setProperty("scroll-snap-align","none")}))}handleAutoplayChange(){this.autoplayController.stop(),this.autoplay&&!this.pausedAutoplay&&this.autoplayController.start(3e3)}previous(e="smooth"){var t;let i=this.activeSlide||this.activeSlide-this.slidesPerMove,s=!1;for(;!s&&i>0;)i-=1,s=Math.abs(i-this.slidesPerMove)%this.slidesPerMove==0;this.currentPage-1==0&&this.loop?this.goToSlide(this.activeSlide-this.slidesPerPage,e):this.goToSlide(i,e),null==(t=this.previousButton)||t.blur()}next(e="smooth"){var t;this.currentPage+1<=S.getPageCount(this.getSlides().length,this.slidesPerPage,this.slidesPerMove)?this.goToSlide(this.activeSlide+this.slidesPerMove,e):this.loop&&this.nextTillFirst(e),null==(t=this.nextButton)||t.blur()}nextTillFirst(e="smooth"){for(;0!==this.activeSlide;)this.goToSlide(this.activeSlide+1,e);this.currentPage=S.getCurrentPage(this.getSlides().length,this.activeSlide,this.slidesPerPage,this.slidesPerMove)}goToSlide(e,t="smooth"){const{slidesPerPage:i,loop:s,scrollContainer:o}=this,r=this.getSlides(),a=this.getSlides({excludeClones:!1}),l=(e+r.length)%r.length;this.activeSlide=l;const n=function(e,t,i){return(e=>Object.is(e,-0)?0:e)(e<0?0:e>i?i:e)}
1
+ import"./icon.js";import{AutoplayController as e}from"./autoplay-controller.js";import{b as t,S as i,L as s,x as o,t as a,r,c as l,i as n,e as d,n as c,a as h}from"./solid-components2.js";import{p}from"./animate.js";import{r as u}from"./state.js";import{ScrollController as g}from"./scroll-controller.js";import{w as v}from"./watch.js";import{I as b}from"./interactive.js";import m from"./carousel-item.js";
2
+ /**
3
+ * @license
4
+ * Copyright 2017 Google LLC
5
+ * SPDX-License-Identifier: BSD-3-Clause
6
+ */let y;var f=Object.defineProperty,S=Object.getOwnPropertyDescriptor,P=(e,t,i,s)=>{for(var o,a=s>1?void 0:s?S(t,i):t,r=e.length-1;r>=0;r--)(o=e[r])&&(a=(s?o(t,i,a):o(a))||a);return s&&a&&f(t,i,a),a};let w=class extends i{constructor(){super(...arguments),this.variant="number",this.inverted=!1,this.loop=!1,this.autoplay=!1,this.slidesPerPage=1,this.slidesPerMove=1,this.activeSlide=0,this.currentPage=1,this.pausedAutoplay=!1,this.autoplayController=new e(this,(()=>this.next())),this.scrollController=new g(this),this.slides=this.getElementsByTagName("sd-carousel-item"),this.intersectionObserverEntries=new Map,this.localize=new s(this),this.handleSlotChange=e=>{e.some((e=>[...e.addedNodes,...e.removedNodes].some((e=>m.isCarouselItem(e)&&!e.hasAttribute("data-clone")))))&&this.initializeSlides(),this.requestUpdate()},this.unblockAutoplay=(e,t)=>{e.detail&&t.blur()}}connectedCallback(){super.connectedCallback(),this.setAttribute("role","region"),this.setAttribute("aria-label",this.localize.term("carousel"));const e=new IntersectionObserver((e=>{e.forEach((e=>{this.intersectionObserverEntries.set(e.target,e);const t=e.target;t.toggleAttribute("inert",!e.isIntersecting),t.classList.toggle("--in-view",e.isIntersecting),t.setAttribute("aria-hidden",e.isIntersecting?"false":"true")}))}),{root:this,threshold:.6});this.intersectionObserver=e,e.takeRecords().forEach((e=>{this.intersectionObserverEntries.set(e.target,e)}))}disconnectedCallback(){super.disconnectedCallback(),this.intersectionObserver.disconnect(),this.mutationObserver.disconnect()}firstUpdated(){this.initializeSlides(),this.mutationObserver=new MutationObserver(this.handleSlotChange),this.mutationObserver.observe(this,{childList:!0,subtree:!1})}static getPageCount(e,t,i){return Math.ceil((e-t)/i)+1>0?Math.ceil((e-t)/i)+1:1}static getCurrentPage(e,t,i,s){return Math.ceil((e-i)/s)-Math.ceil((e-i-t)/s)+1}getSlides({excludeClones:e=!0}={}){return[...this.slides].filter((t=>!e||!t.hasAttribute("data-clone")))}handleKeyDown(e){if(["ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Home","End"].includes(e.key)){const t=e.target,i="rtl"===this.localize.dir(),s=null!==t.closest('[part~="pagination-item"]'),o="ArrowDown"===e.key||!i&&"ArrowRight"===e.key||i&&"ArrowLeft"===e.key,a="ArrowUp"===e.key||!i&&"ArrowLeft"===e.key||i&&"ArrowRight"===e.key;e.preventDefault(),a&&this.previous(),o&&this.next(),"Home"===e.key&&this.goToSlide(0),"End"===e.key&&this.goToSlide(this.getSlides().length-1),s&&this.updateComplete.then((()=>{var e;const t=null==(e=this.shadowRoot)?void 0:e.querySelector('[part~="pagination-item--active"]');t&&t.focus()}))}}handleScrollEnd(){const e=this.getSlides(),t=[...this.intersectionObserverEntries.values()].find((e=>e.isIntersecting));if(this.loop&&null!=t&&t.target.hasAttribute("data-clone")){const e=Number(t.target.getAttribute("data-clone"));this.goToSlide(e,"auto")}else t&&(this.activeSlide=e.indexOf(t.target))}pause(){this.pausedAutoplay=!0}resume(){this.pausedAutoplay=!1}handlePausedAutoplay(){var e,t;this.pausedAutoplay?(this.autoplayController.stop(),null==(e=this.autoplayControls)||e.setAttribute("aria-pressed","false")):this.autoplay&&(this.autoplayController.start(3e3),null==(t=this.autoplayControls)||t.setAttribute("aria-pressed","true"))}initializeSlides(){const e=this.getSlides(),t=this.intersectionObserver;if(this.intersectionObserverEntries.clear(),this.getSlides({excludeClones:!1}).forEach(((i,s)=>{t.unobserve(i),i.classList.remove("--in-view"),i.classList.remove("--is-active"),i.setAttribute("aria-label",this.localize.term("slideNum",s+1,e.length)),i.hasAttribute("data-clone")&&i.remove()})),this.loop){const t=this.slidesPerPage,i=e.slice(-t),s=e.slice(0,t);i.reverse().forEach(((t,i)=>{const s=t.cloneNode(!0);s.setAttribute("data-clone",String(e.length-i-1)),this.prepend(s)})),s.forEach(((e,t)=>{const i=e.cloneNode(!0);i.setAttribute("data-clone",String(t)),this.append(i)}))}this.getSlides({excludeClones:!1}).forEach((e=>{t.observe(e)})),this.goToSlide(this.activeSlide,"auto")}handleSlideChange(){const e=this.getSlides();e.forEach(((e,t)=>{e.classList.toggle("--is-active",t===this.activeSlide)}));const t=w.getCurrentPage(e.length,this.activeSlide,this.slidesPerPage,this.slidesPerMove);this.currentPage!==t&&(this.currentPage=t),this.hasUpdated&&this.emit("sd-slide-change",{detail:{index:this.activeSlide,slide:e[this.activeSlide]}});const i=w.getPageCount(e.length,this.slidesPerPage,this.slidesPerMove);this.currentPage>i&&requestAnimationFrame((()=>{this.nextTillFirst()}))}handleSlidesPerMoveChange(){const e=this.getSlides({excludeClones:!1}),t=this.slidesPerMove;e.forEach(((e,i)=>{Math.abs(i-t)%t==0?e.style.removeProperty("scroll-snap-align"):e.style.setProperty("scroll-snap-align","none")}))}handleAutoplayChange(){this.autoplayController.stop(),this.autoplay&&!this.pausedAutoplay&&this.autoplayController.start(3e3)}previous(e="smooth"){let t=this.activeSlide||this.activeSlide-this.slidesPerMove,i=!1;for(;!i&&t>0;)t-=1,i=Math.abs(t-this.slidesPerMove)%this.slidesPerMove==0;this.currentPage-1==0&&this.loop?this.goToSlide(this.activeSlide-this.slidesPerPage,e):this.goToSlide(t,e)}next(e="smooth"){this.currentPage+1<=w.getPageCount(this.getSlides().length,this.slidesPerPage,this.slidesPerMove)?this.goToSlide(this.activeSlide+this.slidesPerMove,e):this.loop&&this.nextTillFirst(e)}nextTillFirst(e="smooth"){for(;0!==this.activeSlide;)this.goToSlide(this.activeSlide+1,e);this.currentPage=w.getCurrentPage(this.getSlides().length,this.activeSlide,this.slidesPerPage,this.slidesPerMove)}goToSlide(e,t="smooth"){const{slidesPerPage:i,loop:s,scrollContainer:o}=this,a=this.getSlides(),r=this.getSlides({excludeClones:!1}),l=(e+a.length)%a.length;this.activeSlide=l;const n=function(e,t,i){return(e=>Object.is(e,-0)?0:e)(e<0?0:e>i?i:e)}
2
7
  /**
3
8
  * @license
4
9
  * Copyright 2021 Google LLC
5
10
  * SPDX-License-Identifier: BSD-3-Clause
6
- */(e+(s?i:0),0,a.length+1),d=a[n],c=o.getBoundingClientRect(),p=d.getBoundingClientRect();o.scrollTo({left:p.left-c.left+o.scrollLeft,top:p.top-c.top+o.scrollTop,behavior:h()?"auto":t})}render(){const{scrollController:e,slidesPerMove:t}=this,i=S.getPageCount(this.getSlides().length,this.slidesPerPage,this.slidesPerMove),r=S.getCurrentPage(this.getSlides().length,this.activeSlide,this.slidesPerPage,this.slidesPerMove),a=this.loop||r>1,l=this.loop||r<i,n="ltr"===this.localize.dir();return s`<div part="base" class="${o("carousel h-full w-full")}"><div id="scroll-container" part="scroll-container" class="${o("carousel__slides mb-6\n grid max-h-full w-full items-center justify-items-center overflow-auto",this.inverted?"focus-visible:focus-outline-inverted":"focus-visible:focus-outline","overscroll-x-contain grid-flow-col auto-rows-[100%]\n snap-x snap-mandatory overflow-y-hidden")}" style="--slides-per-page:${this.slidesPerPage}" aria-busy="${e.scrolling?"true":"false"}" aria-atomic="true" tabindex="0" @keydown="${this.handleKeyDown}" @scrollend="${this.handleScrollEnd}"><slot></slot></div><div part="controls" class="${o("w-full flex items-center justify-center relative")}"><div part="navigation" class="${o("carousel__navigation flex items-center justify-center")}"><button part="navigation-button navigation-button--previous" id="carousel__navigation-button--previous" ?disabled="${!a}" class="${o("!mr-6 !rounded-sm sd-interactive",!a&&"sd-interactive--disabled",this.inverted?"sd-interactive--inverted":"sd-interactive--reset")}" aria-label="${this.localize.term("previousSlide")}" aria-controls="scroll-container" aria-disabled="${a?"false":"true"}" @click="${a?()=>this.previous():null}"><slot name="previous-icon"><sd-icon class="${o("h-6 w-6 rotate-90 grid place-items-center")}" library="system" name="${n?"chevron-down":"chevron-up"}"></sd-icon></slot></button> ${"dot"===this.variant?s`<div part="pagination-dot" role="tablist" class="${o("carousel__pagination dot flex wrap items-center gap-2")}" aria-controls="scroll-container">${function*(e,t){if(void 0!==e){let i=0;for(const s of e)yield t(s,i++)}}
11
+ */(e+(s?i:0),0,r.length+1),d=r[n],c=o.getBoundingClientRect(),h=d.getBoundingClientRect();o.scrollTo({left:h.left-c.left+o.scrollLeft,top:h.top-c.top+o.scrollTop,behavior:p()?"auto":t}),this.activeSlide!==a.length-1||this.loop?0===this.activeSlide&&!this.loop&&this.nextButton.focus({preventScroll:!0}):this.previousButton.focus({preventScroll:!0})}render(){const{scrollController:e,slidesPerMove:t}=this,i=w.getPageCount(this.getSlides().length,this.slidesPerPage,this.slidesPerMove),s=w.getCurrentPage(this.getSlides().length,this.activeSlide,this.slidesPerPage,this.slidesPerMove),r=this.loop||s>1,l=this.loop||s<i,n="ltr"===this.localize.dir();return o`<div part="base" class="${a("carousel h-full w-full")}"><div id="scroll-container" part="scroll-container" class="${a("carousel__slides mb-6\n grid max-h-full w-full items-center justify-items-center overflow-auto",this.inverted?"focus-visible:focus-outline-inverted":"focus-visible:focus-outline","overscroll-x-contain grid-flow-col auto-rows-[100%]\n snap-x snap-mandatory overflow-y-hidden")}" style="--slides-per-page:${this.slidesPerPage}" aria-busy="${e.scrolling?"true":"false"}" role="status" tabindex="0" @keydown="${this.handleKeyDown}" @scrollend="${this.handleScrollEnd}"><slot></slot></div><div part="controls" class="${a("w-full flex items-center justify-center relative")}"><div part="navigation" class="${a("carousel__navigation flex items-center justify-center")}"><button part="navigation-button navigation-button--previous" id="carousel__navigation-button--previous" ?disabled="${!r}" class="${a("!mr-6 !rounded-sm sd-interactive",!r&&"sd-interactive--disabled",this.inverted?"sd-interactive--inverted":"sd-interactive--reset")}" aria-label="${this.localize.term("previousSlide")}" aria-controls="scroll-container" aria-disabled="${r?"false":"true"}" @click="${r?e=>{this.previous(),this.unblockAutoplay(e,this.previousButton)}:null}"><slot name="previous-icon"><sd-icon class="${a("h-6 w-6 rotate-90 grid place-items-center")}" library="system" name="${n?"chevron-down":"chevron-up"}"></sd-icon></slot></button> ${"dot"===this.variant?o`<div part="pagination-dot" role="tablist" class="${a("carousel__pagination dot flex wrap items-center gap-2")}" aria-controls="scroll-container">${function*(e,t){if(void 0!==e){let i=0;for(const s of e)yield t(s,i++)}}
7
12
  /**
8
13
  * @license
9
14
  * Copyright 2021 Google LLC
10
15
  * SPDX-License-Identifier: BSD-3-Clause
11
- */(function*(e,t,i=1){const s=void 0===t?0:e;t??(t=e);for(let e=s;i>0?e<t:t<e;e+=i)yield e}(i),(e=>{const a=e+1===r;return s`<button part="pagination-item ${a?"pagination-item--active":""}" class="${o("carousel__pagination-item","block cursor-pointer bg-none border-0 rounded-full",a?"bg-accent":"",this.inverted?"focus-within:focus-outline-inverted":"focus-within:focus-outline")}" role="tab" tabindex="0" aria-selected="${a?"true":"false"}" aria-label="${this.localize.term("goToSlide",e+1,i)}" @click="${()=>this.goToSlide(e*t)}" @keydown="${this.handleKeyDown}"><span class="${o("h-4 w-4 block border hover:border-primary-500 rounded-full",this.inverted?"border-white hover:border-primary-500":"border-primary",a&&"bg-accent border-none",a?this.inverted?"hover:bg-accent-300":"hover:bg-accent-550":"")}"></span></button>`}))}</div>`:s`<span part="pagination-number" class="carousel__pagination number flex gap-0.5 cursor-default select-none" aria-controls="scroll-container"><span part="pagination-item" class="${o("w-5 text-center border-b-2 border-accent",this.inverted?"text-white":"text-black")}">${r}</span> <span part="pagination-divider" class="${o("scale-y-[1.5]","text-center",this.inverted?"text-white":"text-black")}">/</span> <span part="pagination-item" class="${o("w-5 text-center",this.inverted?"text-white":"text-black")}">${i}</span></span>`} <button part="navigation-button navigation-button--next" id="carousel__navigation-button--next" ?disabled="${!l}" class="${o("!ml-6 !rounded-sm sd-interactive ",!l&&"sd-interactive--disabled",this.inverted?"sd-interactive--inverted":"sd-interactive--reset")}" aria-label="${this.localize.term("nextSlide")}" aria-controls="scroll-container" aria-disabled="${l?"false":"true"}" @click="${l?()=>{this.next()}:null}"><slot name="next-icon"><sd-icon class="${o("h-6 w-6 rotate-90 grid place-items-center")}" library="system" name="${n?"chevron-up":"chevron-down"}"></sd-icon></slot></button></div><button class="${o("ml-6 !rounded-sm","!absolute !right-0 sd-interactive",this.inverted?"sd-interactive--inverted":"sd-interactive--reset",!this.autoplay&&"!hidden")}" part="autoplay-controls" @click="${()=>this.pausedAutoplay=!this.pausedAutoplay}"><slot name="autoplay-start" class="${o(this.pausedAutoplay?"":"hidden")}"><sd-icon class="h-6 w-6 grid place-items-center" library="system" name="start"></sd-icon></slot><slot name="autoplay-pause" class="${o(this.pausedAutoplay?"hidden":"")}"><sd-icon class="h-6 w-6 grid place-items-center" library="system" name="pause"></sd-icon></slot></button></div></div>`}};S.styles=[t.styles,r(v),a,l`:host{--slide-gap:var(--sl-spacing-medium, 1rem);--scroll-hint:0px;display:flex}.carousel{grid-template-areas:'. slides .' '. pagination .'}.carousel__pagination{grid-area:pagination}.carousel__slides{grid-area:slides;scrollbar-width:none;--slide-size:calc((100% - (var(--slides-per-page) - 1) * var(--slide-gap)) / var(--slides-per-page));grid-auto-columns:var(--slide-size);-moz-column-gap:var(--slide-gap);column-gap:var(--slide-gap);scroll-padding-inline:var(--scroll-hint);padding-inline:var(--scroll-hint)}.carousel__slides::-webkit-scrollbar{display:none}@media (prefers-reduced-motion){:where(.carousel__slides){scroll-behavior:auto}}.carousel__navigation{grid-area:navigation}sd-button::part(label){pointer-events:none;display:flex;flex:1 1 auto;align-items:center}`],f([n('[part~="autoplay-controls"]')],S.prototype,"autoplayControls",2),f([n('[part~="navigation-button--previous"]')],S.prototype,"previousButton",2),f([n('[part~="navigation-button--next"]')],S.prototype,"nextButton",2),f([d({type:String,reflect:!0})],S.prototype,"variant",2),f([d({type:Boolean,reflect:!0})],S.prototype,"inverted",2),f([d({type:Boolean,reflect:!0})],S.prototype,"loop",2),f([d({type:Boolean,reflect:!0})],S.prototype,"autoplay",2),f([d({type:Number,attribute:"slides-per-page"})],S.prototype,"slidesPerPage",2),f([d({type:Number,attribute:"slides-per-move"})],S.prototype,"slidesPerMove",2),f([n("slot:not([name])")],S.prototype,"defaultSlot",2),f([n(".carousel__slides")],S.prototype,"scrollContainer",2),f([n(".carousel__pagination")],S.prototype,"paginationContainer",2),f([p()],S.prototype,"activeSlide",2),f([p()],S.prototype,"currentPage",2),f([p()],S.prototype,"pausedAutoplay",2),f([g("pausedAutoplay")],S.prototype,"handlePausedAutoplay",1),f([g("loop",{waitUntilFirstUpdate:!0}),g("slidesPerPage",{waitUntilFirstUpdate:!0})],S.prototype,"initializeSlides",1),f([g("activeSlide")],S.prototype,"handelSlideChange",1),f([g("slidesPerMove")],S.prototype,"handleSlidesPerMoveChange",1),f([g("autoplay")],S.prototype,"handleAutoplayChange",1),S=f([c("sd-carousel")],S);export{S as default};
16
+ */(function*(e,t,i=1){const s=void 0===t?0:e;t??(t=e);for(let e=s;i>0?e<t:t<e;e+=i)yield e}(i),(e=>{const r=e+1===s;return o`<button part="pagination-item ${r?"pagination-item--active":""}" class="${a("carousel__pagination-item","block cursor-pointer bg-none border-0 rounded-full",r?"bg-accent":"",this.inverted?"focus-within:focus-outline-inverted":"focus-within:focus-outline")}" role="tab" tabindex="0" aria-selected="${r?"true":"false"}" aria-label="${this.localize.term("goToSlide",e+1,i)}" @click="${i=>{this.goToSlide(e*t),this.unblockAutoplay(i,this.paginationItems[e])}}" @keydown="${this.handleKeyDown}"><span class="${a("h-4 w-4 block border hover:border-primary-500 rounded-full",this.inverted?"border-white hover:border-primary-500":"border-primary",r&&"bg-accent border-none",r?this.inverted?"hover:bg-accent-300":"hover:bg-accent-550":"")}"></span></button>`}))}</div>`:o`<span part="pagination-number" class="carousel__pagination number flex gap-0.5 cursor-default select-none" aria-controls="scroll-container"><span part="pagination-item" class="${a("w-5 text-center border-b-2 border-accent",this.inverted?"text-white":"text-black")}">${s}</span> <span part="pagination-divider" class="${a("scale-y-[1.5]","text-center",this.inverted?"text-white":"text-black")}">/</span> <span part="pagination-item" class="${a("w-5 text-center",this.inverted?"text-white":"text-black")}">${i}</span></span>`} <button part="navigation-button navigation-button--next" id="carousel__navigation-button--next" ?disabled="${!l}" class="${a("!ml-6 !rounded-sm sd-interactive ",!l&&"sd-interactive--disabled",this.inverted?"sd-interactive--inverted":"sd-interactive--reset")}" aria-label="${this.localize.term("nextSlide")}" aria-controls="scroll-container" aria-disabled="${l?"false":"true"}" @click="${l?e=>{this.next(),this.unblockAutoplay(e,this.nextButton)}:null}"><slot name="next-icon"><sd-icon class="${a("h-6 w-6 rotate-90 grid place-items-center")}" library="system" name="${n?"chevron-up":"chevron-down"}"></sd-icon></slot></button></div><button class="${a("ml-6 !rounded-sm","!absolute !right-0 sd-interactive",this.inverted?"sd-interactive--inverted":"sd-interactive--reset",!this.autoplay&&"!hidden")}" part="autoplay-controls" aria-label="${this.localize.term("autoplay")}" aria-pressed="true" @click="${e=>{this.pausedAutoplay=!this.pausedAutoplay,e.detail&&this.autoplayControls.blur()}}"><slot name="autoplay-start" class="${a(this.pausedAutoplay?"":"hidden")}"><sd-icon class="h-6 w-6 grid place-items-center" library="system" name="start"></sd-icon></slot><slot name="autoplay-pause" class="${a(this.pausedAutoplay?"hidden":"")}"><sd-icon class="h-6 w-6 grid place-items-center" library="system" name="pause"></sd-icon></slot></button></div></div>`}};w.styles=[i.styles,r(b),l,n`:host{--slide-gap:var(--sl-spacing-medium, 1rem);--scroll-hint:0px;display:flex}.carousel{grid-template-areas:'. slides .' '. pagination .'}.carousel__pagination{grid-area:pagination}.carousel__slides{grid-area:slides;scrollbar-width:none;--slide-size:calc((100% - (var(--slides-per-page) - 1) * var(--slide-gap)) / var(--slides-per-page));grid-auto-columns:var(--slide-size);-moz-column-gap:var(--slide-gap);column-gap:var(--slide-gap);scroll-padding-inline:var(--scroll-hint);padding-inline:var(--scroll-hint)}.carousel__slides::-webkit-scrollbar{display:none}@media (prefers-reduced-motion){:where(.carousel__slides){scroll-behavior:auto}}.carousel__navigation{grid-area:navigation}sd-button::part(label){pointer-events:none;display:flex;flex:1 1 auto;align-items:center}`],P([d('[part~="autoplay-controls"]')],w.prototype,"autoplayControls",2),P([d('[part~="navigation-button--previous"]')],w.prototype,"previousButton",2),P([d('[part~="navigation-button--next"]')],w.prototype,"nextButton",2),P([(e,i)=>t(e,i,{get(){return(this.renderRoot??y??(y=document.createDocumentFragment())).querySelectorAll('[part~="pagination-item"]')}})],w.prototype,"paginationItems",2),P([c({type:String,reflect:!0})],w.prototype,"variant",2),P([c({type:Boolean,reflect:!0})],w.prototype,"inverted",2),P([c({type:Boolean,reflect:!0})],w.prototype,"loop",2),P([c({type:Boolean,reflect:!0})],w.prototype,"autoplay",2),P([c({type:Number,attribute:"slides-per-page"})],w.prototype,"slidesPerPage",2),P([c({type:Number,attribute:"slides-per-move"})],w.prototype,"slidesPerMove",2),P([d("slot:not([name])")],w.prototype,"defaultSlot",2),P([d(".carousel__slides")],w.prototype,"scrollContainer",2),P([d(".carousel__pagination")],w.prototype,"paginationContainer",2),P([u()],w.prototype,"activeSlide",2),P([u()],w.prototype,"currentPage",2),P([u()],w.prototype,"pausedAutoplay",2),P([v("pausedAutoplay")],w.prototype,"handlePausedAutoplay",1),P([v("loop",{waitUntilFirstUpdate:!0}),v("slidesPerPage",{waitUntilFirstUpdate:!0})],w.prototype,"initializeSlides",1),P([v("activeSlide")],w.prototype,"handleSlideChange",1),P([v("slidesPerMove")],w.prototype,"handleSlidesPerMoveChange",1),P([v("autoplay")],w.prototype,"handleAutoplayChange",1),w=P([h("sd-carousel")],w);export{w as default};
@@ -1 +1 @@
1
- import{S as t,b as a,t as e,c as i,i as r,n as s,a as n}from"./solid-components2.js";import{s as l,n as o}from"./static.js";import{o as c}from"./if-defined.js";var h=Object.defineProperty,v=Object.getOwnPropertyDescriptor,p=(t,a,e,i)=>{for(var r,s=i>1?void 0:i?v(a,e):a,n=t.length-1;n>=0;n--)(r=t[n])&&(s=(i?r(a,e,s):r(s))||s);return i&&s&&h(a,e,s),s};let f=class extends t{constructor(){super(...arguments),this.variant="main",this.state="default",this.animated=!1,this.notInteractive=!1,this.href="",this.marker={cluster:a`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50"><circle cx="25" cy="25" opacity="1" r="20"/><circle cx="25" cy="25" opacity=".3" r="25"/></svg>`,main:a`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 75"><path d="M51 49A29 29 0 0 0 30 0 29 29 0 0 0 9 49l21 22 21-22Z"/><circle cx="30" cy="28" r="10" fill="#fff"/></svg>`,place:a`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 75"><path fill-rule="evenodd" d="M51 49A29 29 0 0 0 30 0 29 29 0 0 0 9 49l21 22 21-22Z" clip-rule="evenodd"/></svg>`}}handleBlur(){this.emit("sd-blur")}handleFocus(){this.emit("sd-focus")}isLink(){return!!this.href}render(){const t=this.isLink(),a=this.notInteractive?l`div`:t?l`a`:l`button`;return o`<${a} part="base" class="${e("flex justify-center",!this.notInteractive&&"focus:outline focus:outline-2 focus:outline-primary focus:outline-offset-2")}" href="${c(t?this.href:void 0)}" target="${c(t?this.target:void 0)}" @blur="${this.handleBlur}" @focus="${this.handleFocus}" role="${c(this.notInteractive||t?void 0:"button")}" aria-labelledby="${c(this.notInteractive?void 0:"content")}"><div part="marker" class="${e("inline-flex",this.animated&&("main"===this.variant||"place"===this.variant)&&"animate-bounce-once","cluster"===this.variant&&"hover"===this.state&&"scale-110 fill-primary-500","cluster"===this.variant&&!this.notInteractive&&"transition-all duration-200 ease-in-out hover:scale-110 hover:fill-primary-500","main"===this.variant&&"hover"===this.state&&"fill-accent-550","main"===this.variant&&"active"===this.state&&"fill-accent-700","main"===this.variant&&!this.notInteractive&&"hover:fill-accent-550 active:fill-accent-700","place"===this.variant&&"default"===this.state&&"fill-white","place"===this.variant&&"hover"===this.state&&"fill-primary-100","place"===this.variant&&"active"===this.state&&"fill-primary-200","place"===this.variant&&!this.notInteractive&&"hover:fill-primary-100",{cluster:"fill-primary",main:"fill-accent *:drop-shadow-md",place:"*:drop-shadow-md"}[this.variant])}">${this.marker[this.variant]}</div><div id="content" part="content" class="${e("absolute self-center pointer-events-none","cluster"===this.variant&&"font-bold text-white")}"><slot></slot></div></${a}>`}};f.styles=[i,t.styles,r`:host{display:block}:host([variant=cluster]) [part=base],svg{width:calc(var(--sd-spacing-12,3rem) * var(--map-marker-scaling,1))}:host([variant=cluster]) [part=base]{height:calc(var(--sd-spacing-12,3rem) * var(--map-marker-scaling,1))}:host(:not([variant=cluster])) [part=base]{height:calc(var(--sd-spacing-16,4rem) * var(--map-marker-scaling,1))}:host([variant=cluster]) [part=content]{font-size:calc(var(--sd-font-size-sm,.875rem) * var(--map-marker-scaling,1))}:host([variant=place]) [part=content]{font-size:calc(var(--sd-font-size-3xl,2rem) * var(--map-marker-scaling,1))}`],p([s({reflect:!0})],f.prototype,"variant",2),p([s({reflect:!0})],f.prototype,"state",2),p([s({type:Boolean,reflect:!0})],f.prototype,"animated",2),p([s({type:Boolean,reflect:!0,attribute:"not-interactive"})],f.prototype,"notInteractive",2),p([s()],f.prototype,"href",2),p([s()],f.prototype,"target",2),f=p([n("sd-map-marker")],f);export{f as default};
1
+ import{S as t,d as a,t as e,c as i,i as r,n as s,a as n}from"./solid-components2.js";import{s as l,n as o}from"./static.js";import{o as c}from"./if-defined.js";var h=Object.defineProperty,v=Object.getOwnPropertyDescriptor,p=(t,a,e,i)=>{for(var r,s=i>1?void 0:i?v(a,e):a,n=t.length-1;n>=0;n--)(r=t[n])&&(s=(i?r(a,e,s):r(s))||s);return i&&s&&h(a,e,s),s};let d=class extends t{constructor(){super(...arguments),this.variant="main",this.state="default",this.animated=!1,this.notInteractive=!1,this.href="",this.marker={cluster:a`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50"><circle cx="25" cy="25" opacity="1" r="20"/><circle cx="25" cy="25" opacity=".3" r="25"/></svg>`,main:a`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 75"><path d="M51 49A29 29 0 0 0 30 0 29 29 0 0 0 9 49l21 22 21-22Z"/><circle cx="30" cy="28" r="10" fill="#fff"/></svg>`,place:a`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 75"><path fill-rule="evenodd" d="M51 49A29 29 0 0 0 30 0 29 29 0 0 0 9 49l21 22 21-22Z" clip-rule="evenodd"/></svg>`}}handleBlur(){this.emit("sd-blur")}handleFocus(){this.emit("sd-focus")}isLink(){return!!this.href}render(){const t=this.isLink(),a=this.notInteractive?l`div`:t?l`a`:l`button`;return o`<${a} part="base" class="${e("flex justify-center",!this.notInteractive&&"focus:outline focus:outline-2 focus:outline-primary focus:outline-offset-2")}" href="${c(t?this.href:void 0)}" target="${c(t?this.target:void 0)}" @blur="${this.handleBlur}" @focus="${this.handleFocus}" role="${c(this.notInteractive||t?void 0:"button")}" aria-labelledby="${c(this.notInteractive?void 0:"content")}"><div part="marker" class="${e("inline-flex",this.animated&&("main"===this.variant||"place"===this.variant)&&"animate-bounce-once","cluster"===this.variant&&"hover"===this.state&&"scale-110 fill-primary-500","cluster"===this.variant&&!this.notInteractive&&"transition-all duration-200 ease-in-out hover:scale-110 hover:fill-primary-500","main"===this.variant&&"hover"===this.state&&"fill-accent-550","main"===this.variant&&"active"===this.state&&"fill-accent-700","main"===this.variant&&!this.notInteractive&&"hover:fill-accent-550 active:fill-accent-700","place"===this.variant&&"default"===this.state&&"fill-white","place"===this.variant&&"hover"===this.state&&"fill-primary-100","place"===this.variant&&"active"===this.state&&"fill-primary-200","place"===this.variant&&!this.notInteractive&&"hover:fill-primary-100",{cluster:"fill-primary",main:"fill-accent *:drop-shadow-md",place:"*:drop-shadow-md"}[this.variant])}">${this.marker[this.variant]}</div><div id="content" part="content" class="${e("absolute self-center pointer-events-none","cluster"===this.variant&&"font-bold text-white")}"><slot></slot></div></${a}>`}};d.styles=[i,t.styles,r`:host{display:block}:host([variant=cluster]) [part=base],svg{width:calc(var(--sd-spacing-12,3rem) * var(--map-marker-scaling,1))}:host([variant=cluster]) [part=base]{height:calc(var(--sd-spacing-12,3rem) * var(--map-marker-scaling,1))}:host(:not([variant=cluster])) [part=base]{height:calc(var(--sd-spacing-16,4rem) * var(--map-marker-scaling,1))}:host([variant=cluster]) [part=content]{font-size:calc(var(--sd-font-size-sm,.875rem) * var(--map-marker-scaling,1))}:host([variant=place]) [part=content]{font-size:calc(var(--sd-font-size-3xl,2rem) * var(--map-marker-scaling,1))}`],p([s({reflect:!0})],d.prototype,"variant",2),p([s({reflect:!0})],d.prototype,"state",2),p([s({type:Boolean,reflect:!0})],d.prototype,"animated",2),p([s({type:Boolean,reflect:!0,attribute:"not-interactive"})],d.prototype,"notInteractive",2),p([s()],d.prototype,"href",2),p([s()],d.prototype,"target",2),d=p([n("sd-map-marker")],d);export{d as default};
@@ -1,4 +1,4 @@
1
- import{d as e}from"./solid-components2.js";
1
+ import{b as e}from"./solid-components2.js";
2
2
  /**
3
3
  * @license
4
4
  * Copyright 2021 Google LLC