@solid-design-system/components 3.21.0 → 3.22.0
Sign up to get free protection for your applications and to get access to all the features.
- package/LICENSE.md +0 -12
- package/README.md +4 -2
- package/dist/components/es/button.js +1 -1
- package/dist/components/umd/solid-components.js +1 -1
- package/dist/custom-elements.json +1 -1
- package/dist/package/_components/button-group/button-group.d.ts +1 -1
- package/dist/package/components/accordion/accordion.d.ts +1 -1
- package/dist/package/components/accordion-group/accordion-group.d.ts +1 -1
- package/dist/package/components/audio/audio.d.ts +1 -1
- package/dist/package/components/badge/badge.d.ts +1 -1
- package/dist/package/components/brandshape/brandshape.d.ts +1 -1
- package/dist/package/components/button/button.d.ts +1 -1
- package/dist/package/components/button/button.js +6 -6
- package/dist/package/components/carousel/carousel.d.ts +1 -1
- package/dist/package/components/carousel-item/carousel-item.d.ts +1 -1
- package/dist/package/components/checkbox/checkbox.d.ts +1 -1
- package/dist/package/components/checkbox-group/checkbox-group.d.ts +1 -1
- package/dist/package/components/dialog/dialog.d.ts +1 -1
- package/dist/package/components/divider/divider.d.ts +1 -1
- package/dist/package/components/drawer/drawer.d.ts +1 -1
- package/dist/package/components/dropdown/dropdown.d.ts +1 -1
- package/dist/package/components/expandable/expandable.d.ts +1 -1
- package/dist/package/components/flipcard/flipcard.d.ts +1 -1
- package/dist/package/components/header/header.d.ts +1 -1
- package/dist/package/components/icon/icon.d.ts +1 -1
- package/dist/package/components/include/include.d.ts +1 -1
- package/dist/package/components/input/input.d.ts +1 -1
- package/dist/package/components/link/link.d.ts +1 -1
- package/dist/package/components/map-marker/map-marker.d.ts +1 -1
- package/dist/package/components/navigation-item/navigation-item.d.ts +1 -1
- package/dist/package/components/notification/notification.d.ts +1 -1
- package/dist/package/components/option/option.d.ts +1 -1
- package/dist/package/components/popup/popup.d.ts +1 -1
- package/dist/package/components/quickfact/quickfact.d.ts +1 -1
- package/dist/package/components/radio/radio.d.ts +1 -1
- package/dist/package/components/radio-button/radio-button.d.ts +1 -1
- package/dist/package/components/radio-group/radio-group.d.ts +1 -1
- package/dist/package/components/scrollable/scrollable.d.ts +1 -1
- package/dist/package/components/spinner/spinner.d.ts +1 -1
- package/dist/package/components/step/step.d.ts +1 -1
- package/dist/package/components/step-group/step-group.d.ts +1 -1
- package/dist/package/components/switch/switch.d.ts +1 -1
- package/dist/package/components/tab/tab.d.ts +1 -1
- package/dist/package/components/tab-group/tab-group.d.ts +1 -1
- package/dist/package/components/tab-panel/tab-panel.d.ts +1 -1
- package/dist/package/components/tag/tag.d.ts +1 -1
- package/dist/package/components/teaser/teaser.d.ts +1 -1
- package/dist/package/components/teaser-media/teaser-media.d.ts +1 -1
- package/dist/package/components/textarea/textarea.d.ts +1 -1
- package/dist/package/components/tooltip/tooltip.d.ts +1 -1
- package/dist/package/components/video/video.d.ts +1 -1
- package/dist/package/internal/form.d.ts +1 -1
- package/dist/versioned-components/es/accordion-group.js +1 -1
- package/dist/versioned-components/es/accordion.js +1 -1
- package/dist/versioned-components/es/audio.js +1 -1
- package/dist/versioned-components/es/badge.js +1 -1
- package/dist/versioned-components/es/brandshape.js +1 -1
- package/dist/versioned-components/es/button.js +1 -1
- package/dist/versioned-components/es/carousel-item.js +1 -1
- package/dist/versioned-components/es/carousel.js +3 -3
- package/dist/versioned-components/es/checkbox-group.js +1 -1
- package/dist/versioned-components/es/checkbox.js +1 -1
- package/dist/versioned-components/es/dialog.js +1 -1
- package/dist/versioned-components/es/divider.js +1 -1
- package/dist/versioned-components/es/drawer.js +1 -1
- package/dist/versioned-components/es/dropdown.js +1 -1
- package/dist/versioned-components/es/expandable.js +1 -1
- package/dist/versioned-components/es/flipcard.js +1 -1
- package/dist/versioned-components/es/form.js +1 -1
- package/dist/versioned-components/es/header.js +1 -1
- package/dist/versioned-components/es/icon.js +1 -1
- package/dist/versioned-components/es/include.js +1 -1
- package/dist/versioned-components/es/input.js +1 -1
- package/dist/versioned-components/es/link.js +1 -1
- package/dist/versioned-components/es/map-marker.js +1 -1
- package/dist/versioned-components/es/navigation-item.js +1 -1
- package/dist/versioned-components/es/notification.js +1 -1
- package/dist/versioned-components/es/option.js +1 -1
- package/dist/versioned-components/es/quickfact.js +1 -1
- package/dist/versioned-components/es/radio-button.js +1 -1
- package/dist/versioned-components/es/radio-group.js +1 -1
- package/dist/versioned-components/es/radio.js +1 -1
- package/dist/versioned-components/es/scrollable.js +1 -1
- package/dist/versioned-components/es/select.js +3 -3
- package/dist/versioned-components/es/solid-components2.js +1 -1
- package/dist/versioned-components/es/spinner.js +1 -1
- package/dist/versioned-components/es/step-group.js +1 -1
- package/dist/versioned-components/es/step.js +1 -1
- package/dist/versioned-components/es/switch.js +1 -1
- package/dist/versioned-components/es/tab-group.js +1 -1
- package/dist/versioned-components/es/tab-panel.js +1 -1
- package/dist/versioned-components/es/tab.js +1 -1
- package/dist/versioned-components/es/tag.js +1 -1
- package/dist/versioned-components/es/teaser-media.js +1 -1
- package/dist/versioned-components/es/teaser.js +1 -1
- package/dist/versioned-components/es/textarea.js +1 -1
- package/dist/versioned-components/es/tooltip.js +2 -2
- package/dist/versioned-components/es/video.js +1 -1
- package/dist/versioned-package/_components/button-group/button-group.d.ts +2 -2
- package/dist/versioned-package/_components/button-group/button-group.js +11 -11
- package/dist/versioned-package/components/accordion/accordion.d.ts +2 -2
- package/dist/versioned-package/components/accordion/accordion.js +2 -2
- package/dist/versioned-package/components/accordion-group/accordion-group.d.ts +2 -2
- package/dist/versioned-package/components/accordion-group/accordion-group.js +3 -3
- package/dist/versioned-package/components/audio/audio.d.ts +2 -2
- package/dist/versioned-package/components/audio/audio.js +6 -6
- package/dist/versioned-package/components/badge/badge.d.ts +2 -2
- package/dist/versioned-package/components/badge/badge.js +1 -1
- package/dist/versioned-package/components/brandshape/brandshape.d.ts +2 -2
- package/dist/versioned-package/components/brandshape/brandshape.js +1 -1
- package/dist/versioned-package/components/button/button.d.ts +2 -2
- package/dist/versioned-package/components/button/button.js +10 -10
- package/dist/versioned-package/components/carousel/carousel.d.ts +2 -2
- package/dist/versioned-package/components/carousel/carousel.js +6 -6
- package/dist/versioned-package/components/carousel-item/carousel-item.d.ts +2 -2
- package/dist/versioned-package/components/carousel-item/carousel-item.js +1 -1
- package/dist/versioned-package/components/checkbox/checkbox.d.ts +2 -2
- package/dist/versioned-package/components/checkbox/checkbox.js +3 -3
- package/dist/versioned-package/components/checkbox-group/checkbox-group.d.ts +2 -2
- package/dist/versioned-package/components/checkbox-group/checkbox-group.js +5 -5
- package/dist/versioned-package/components/dialog/dialog.d.ts +2 -2
- package/dist/versioned-package/components/dialog/dialog.js +2 -2
- package/dist/versioned-package/components/divider/divider.d.ts +2 -2
- package/dist/versioned-package/components/divider/divider.js +2 -2
- package/dist/versioned-package/components/drawer/drawer.d.ts +2 -2
- package/dist/versioned-package/components/drawer/drawer.js +2 -2
- package/dist/versioned-package/components/dropdown/dropdown.d.ts +2 -2
- package/dist/versioned-package/components/dropdown/dropdown.js +8 -8
- package/dist/versioned-package/components/expandable/expandable.d.ts +2 -2
- package/dist/versioned-package/components/expandable/expandable.js +2 -2
- package/dist/versioned-package/components/flipcard/flipcard.d.ts +2 -2
- package/dist/versioned-package/components/flipcard/flipcard.js +1 -1
- package/dist/versioned-package/components/header/header.d.ts +2 -2
- package/dist/versioned-package/components/header/header.js +4 -4
- package/dist/versioned-package/components/icon/icon.d.ts +2 -2
- package/dist/versioned-package/components/icon/icon.js +1 -1
- package/dist/versioned-package/components/include/include.d.ts +2 -2
- package/dist/versioned-package/components/include/include.js +1 -1
- package/dist/versioned-package/components/input/input.d.ts +2 -2
- package/dist/versioned-package/components/input/input.js +2 -2
- package/dist/versioned-package/components/link/link.d.ts +2 -2
- package/dist/versioned-package/components/link/link.js +2 -2
- package/dist/versioned-package/components/map-marker/map-marker.d.ts +2 -2
- package/dist/versioned-package/components/map-marker/map-marker.js +1 -1
- package/dist/versioned-package/components/navigation-item/navigation-item.d.ts +2 -2
- package/dist/versioned-package/components/navigation-item/navigation-item.js +5 -5
- package/dist/versioned-package/components/notification/notification.d.ts +2 -2
- package/dist/versioned-package/components/notification/notification.js +5 -5
- package/dist/versioned-package/components/option/option.d.ts +2 -2
- package/dist/versioned-package/components/option/option.js +2 -2
- package/dist/versioned-package/components/popup/popup.d.ts +2 -2
- package/dist/versioned-package/components/popup/popup.js +1 -1
- package/dist/versioned-package/components/quickfact/quickfact.d.ts +2 -2
- package/dist/versioned-package/components/quickfact/quickfact.js +2 -2
- package/dist/versioned-package/components/radio/radio.d.ts +2 -2
- package/dist/versioned-package/components/radio/radio.js +2 -2
- package/dist/versioned-package/components/radio-button/radio-button.d.ts +2 -2
- package/dist/versioned-package/components/radio-button/radio-button.js +2 -2
- package/dist/versioned-package/components/radio-group/radio-group.d.ts +3 -3
- package/dist/versioned-package/components/radio-group/radio-group.js +13 -13
- package/dist/versioned-package/components/scrollable/scrollable.d.ts +2 -2
- package/dist/versioned-package/components/scrollable/scrollable.js +3 -3
- package/dist/versioned-package/components/select/select.d.ts +4 -4
- package/dist/versioned-package/components/select/select.js +25 -25
- package/dist/versioned-package/components/spinner/spinner.d.ts +2 -2
- package/dist/versioned-package/components/spinner/spinner.js +1 -1
- package/dist/versioned-package/components/step/step.d.ts +2 -2
- package/dist/versioned-package/components/step/step.js +2 -2
- package/dist/versioned-package/components/step-group/step-group.d.ts +2 -2
- package/dist/versioned-package/components/step-group/step-group.js +2 -2
- package/dist/versioned-package/components/switch/switch.d.ts +2 -2
- package/dist/versioned-package/components/switch/switch.js +1 -1
- package/dist/versioned-package/components/tab/tab.d.ts +2 -2
- package/dist/versioned-package/components/tab/tab.js +2 -2
- package/dist/versioned-package/components/tab-group/tab-group.d.ts +2 -2
- package/dist/versioned-package/components/tab-group/tab-group.js +13 -13
- package/dist/versioned-package/components/tab-panel/tab-panel.d.ts +2 -2
- package/dist/versioned-package/components/tab-panel/tab-panel.js +2 -2
- package/dist/versioned-package/components/tag/tag.d.ts +2 -2
- package/dist/versioned-package/components/tag/tag.js +2 -2
- package/dist/versioned-package/components/teaser/teaser.d.ts +1 -1
- package/dist/versioned-package/components/teaser/teaser.js +1 -1
- package/dist/versioned-package/components/teaser-media/teaser-media.d.ts +1 -1
- package/dist/versioned-package/components/teaser-media/teaser-media.js +1 -1
- package/dist/versioned-package/components/textarea/textarea.d.ts +2 -2
- package/dist/versioned-package/components/textarea/textarea.js +2 -2
- package/dist/versioned-package/components/tooltip/tooltip.d.ts +2 -2
- package/dist/versioned-package/components/tooltip/tooltip.js +5 -5
- package/dist/versioned-package/components/video/video.d.ts +2 -2
- package/dist/versioned-package/components/video/video.js +2 -2
- package/dist/versioned-package/internal/form.d.ts +1 -1
- package/dist/versioned-package/internal/form.js +3 -3
- package/dist/versioned-package/styles/headline/headline.css.js +1 -1
- package/dist/versioned-package/utilities/autocomplete-config.js +4 -4
- package/dist/versioned-styles/solid-styles.css +1 -1
- package/dist/vscode.html-custom-data.json +45 -45
- package/dist/web-types.json +46 -46
- package/package.json +6 -34
package/LICENSE.md
CHANGED
@@ -8,15 +8,3 @@ Permission is hereby granted, free of charge, to any person obtaining a copy of
|
|
8
8
|
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
|
9
9
|
|
10
10
|
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
11
|
-
|
12
|
-
# ASSETS
|
13
|
-
|
14
|
-
All code contained in this library is licensed under the [MIT License](LICENSE.md). However, please note that this does not extend to the included assets such as fonts, icons, or images.
|
15
|
-
|
16
|
-
These assets are subject to their respective licenses and are included for demonstration purposes and use within the confines of this library. They should not be extracted and used separately without explicit permission from their copyright holders. The unauthorized use of these assets outside the context of this library may infringe on the rights of the respective copyright owners.
|
17
|
-
|
18
|
-
If you intend to use any assets outside of this library, you must obtain the necessary permissions from the copyright holders or replace them with your own or license-free alternatives. Failure to comply with asset licensing requirements may result in legal consequences.
|
19
|
-
|
20
|
-
Please consult the copyright holders or their licensing documents for further information on using these assets.
|
21
|
-
|
22
|
-
> Explicit note on logos: All logos used in this repository are the property of their respective companies and are licensed accordingly. Unauthorized use, reproduction, or distribution of these logos is prohibited without explicit permission from the respective trademark holders.
|
package/README.md
CHANGED
@@ -1,5 +1,7 @@
|
|
1
|
-
|
2
|
-
![
|
1
|
+
<div className="flex gap-2">
|
2
|
+
![MIT License](https://img.shields.io/badge/License-MIT-green.svg)
|
3
|
+
![NPM Version](https://img.shields.io/npm/v/%40solid-design-system%2Fcomponents)
|
4
|
+
</div>
|
3
5
|
|
4
6
|
# Solid
|
5
7
|
|
@@ -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
|
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};
|
@@ -73,7 +73,7 @@ let Fe=class extends Wt{constructor(){super(...arguments),this.renderOptions={ho
|
|
73
73
|
* Copyright 2018 Google LLC
|
74
74
|
* SPDX-License-Identifier: BSD-3-Clause
|
75
75
|
*/
|
76
|
-
const Mo=t=>t??Ae;var Do=Object.defineProperty,Oo=Object.getOwnPropertyDescriptor,zo=(t,e,i,o)=>{for(var r,s=o>1?void 0:o?Oo(e,i):e,a=t.length-1;a>=0;a--)(r=t[a])&&(s=(o?r(e,i,s):r(s))||s);return o&&s&&Do(e,i,s),s};let To=class extends Je{constructor(){super(...arguments),this.formControlController=new fo(this,{form:t=>{if(t.hasAttribute("form")){const e=t.getRootNode(),i=t.getAttribute("form");return e.getElementById(i)}return t.closest("form")}}),this.hasSlotController=new Li(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:wo}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(),e=t?So`a`:So`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 Bo`<${e} 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="${Mo(t?void 0:this.disabled)}" type="${Mo(t?void 0:this.type)}" title="${this.title}" name="${Mo(t?void 0:this.name)}" value="${Mo(t?void 0:this.value)}" href="${Mo(t?this.href:void 0)}" target="${Mo(t?this.target:void 0)}" download="${Mo(t?this.download:void 0)}" rel="${Mo(t&&this.target?"noreferrer noopener":void 0)}" role="${Mo(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?Bo`<sd-spinner class="${$e("absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2")}"></sd-spinner>`:""}</${e}>`}};To.styles=[Ve,Je.styles,Ft`: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)}`],zo([Le("a, button")],To.prototype,"button",2),zo([qe({selector:"sd-icon"})],To.prototype,"_iconsInDefaultSlot",2),zo([Ge()],To.prototype,"invalid",2),zo([Ue()],To.prototype,"title",2),zo([Ue({reflect:!0})],To.prototype,"variant",2),zo([Ue({type:Boolean,reflect:!0})],To.prototype,"inverted",2),zo([Ue({reflect:!0})],To.prototype,"size",2),zo([Ue({type:Boolean,reflect:!0})],To.prototype,"disabled",2),zo([Ue({type:Boolean,reflect:!0})],To.prototype,"loading",2),zo([Ue()],To.prototype,"type",2),zo([Ue()],To.prototype,"name",2),zo([Ue()],To.prototype,"value",2),zo([Ue()],To.prototype,"href",2),zo([Ue()],To.prototype,"target",2),zo([Ue()],To.prototype,"download",2),zo([Ue()],To.prototype,"form",2),zo([Ue({attribute:"formaction"})],To.prototype,"formAction",2),zo([Ue({attribute:"formenctype"})],To.prototype,"formEnctype",2),zo([Ue({attribute:"formmethod"})],To.prototype,"formMethod",2),zo([Ue({attribute:"formnovalidate",type:Boolean})],To.prototype,"formNoValidate",2),zo([Ue({attribute:"formtarget"})],To.prototype,"formTarget",2),zo([mi("disabled",{waitUntilFirstUpdate:!0})],To.prototype,"handleDisabledChange",1),To=zo([Qe("sd-button")],To);const Po=Object.freeze(Object.defineProperty({__proto__:null,get default(){return To}},Symbol.toStringTag,{value:"Module"}));Object.defineProperty,Object.getOwnPropertyDescriptor;let Fo=class extends Je{static isCarouselItem(t){return t instanceof Element&&"slide"===t.getAttribute("aria-roledescription")}connectedCallback(){super.connectedCallback(),this.setAttribute("role","group")}render(){return ye`<slot></slot>`}};Fo.styles=[Je.styles,Ve,Ft`:host{aspect-ratio:var(--aspect-ratio);scroll-snap-align:start;scroll-snap-stop:always;display:flex;height:100%;width:100%;flex-direction:column;align-items:center;justify-content:center}::slotted(img){height:100%;width:100%;-o-object-fit:cover;object-fit:cover}`],Fo=((t,e,i,o)=>{for(var r,s=e,a=t.length-1;a>=0;a--)(r=t[a])&&(s=r(s)||s);return s})([Qe("sd-carousel-item")],Fo);const jo=Object.freeze(Object.defineProperty({__proto__:null,get default(){return Fo}},Symbol.toStringTag,{value:"Module"}));class Qo{constructor(t,e){this.timerId=0,this.activeInteractions=0,this.paused=!1,this.stopped=!0,this.pause=()=>{this.activeInteractions++||(this.paused=!0,this.host.requestUpdate())},this.resume=()=>{--this.activeInteractions||(this.paused=!1,this.host.requestUpdate())},t.addController(this),this.host=t,this.tickCallback=e}hostConnected(){this.host.addEventListener("mouseenter",this.pause),this.host.addEventListener("mouseleave",this.resume),this.host.addEventListener("focusin",this.pause),this.host.addEventListener("focusout",this.resume),this.host.addEventListener("touchstart",this.pause,{passive:!0}),this.host.addEventListener("touchend",this.resume)}hostDisconnected(){this.stop(),this.host.removeEventListener("mouseenter",this.pause),this.host.removeEventListener("mouseleave",this.resume),this.host.removeEventListener("focusin",this.pause),this.host.removeEventListener("focusout",this.resume),this.host.removeEventListener("touchstart",this.pause),this.host.removeEventListener("touchend",this.resume)}start(t){this.stop(),this.stopped=!1,this.timerId=window.setInterval((()=>{this.paused||this.tickCallback()}),t)}stop(){clearInterval(this.timerId),this.stopped=!0,this.host.requestUpdate()}}const Yo=Object.freeze(Object.defineProperty({__proto__:null,AutoplayController:Qo},Symbol.toStringTag,{value:"Module"})),Ro=Symbol(),Uo=t=>(e,i,o)=>{const r=o.value;o.value=function(...e){clearTimeout(this[Ro]),this[Ro]=window.setTimeout((()=>{r.apply(this,e)}),t)}};var Go=Object.defineProperty,Ho=Object.getOwnPropertyDescriptor;class Lo{constructor(t){this.pointers=new Set,this.dragging=!1,this.scrolling=!1,this.mouseDragging=!1,this.handleScroll=()=>{this.scrolling||(this.scrolling=!0,this.host.requestUpdate()),this.handleScrollEnd()},this.handlePointerDown=t=>{"touch"!==t.pointerType&&(this.pointers.add(t.pointerId),this.mouseDragging&&!this.dragging&&0===t.button&&(t.preventDefault(),this.host.scrollContainer.addEventListener("pointermove",this.handlePointerMove)))},this.handlePointerMove=t=>{const e=this.host.scrollContainer,i=!!t.movementX||!!t.movementY;!this.dragging&&i?(e.setPointerCapture(t.pointerId),this.handleDragStart()):e.hasPointerCapture(t.pointerId)&&this.handleDrag(t)},this.handlePointerUp=t=>{this.pointers.delete(t.pointerId),this.host.scrollContainer.releasePointerCapture(t.pointerId),0===this.pointers.size&&this.handleDragEnd()},this.handleTouchEnd=t=>{for(const e of t.changedTouches)this.pointers.delete(e.identifier)},this.handleTouchStart=t=>{for(const e of t.touches)this.pointers.add(e.identifier)},this.host=t,t.addController(this)}async hostConnected(){const t=this.host;await t.updateComplete;const e=t.scrollContainer;e.addEventListener("scroll",this.handleScroll,{passive:!0}),e.addEventListener("pointerdown",this.handlePointerDown),e.addEventListener("pointerup",this.handlePointerUp),e.addEventListener("pointercancel",this.handlePointerUp),e.addEventListener("touchstart",this.handleTouchStart,{passive:!0}),e.addEventListener("touchend",this.handleTouchEnd)}hostDisconnected(){const t=this.host.scrollContainer;t.removeEventListener("scroll",this.handleScroll),t.removeEventListener("pointerdown",this.handlePointerDown),t.removeEventListener("pointerup",this.handlePointerUp),t.removeEventListener("pointercancel",this.handlePointerUp),t.removeEventListener("touchstart",this.handleTouchStart),t.removeEventListener("touchend",this.handleTouchEnd)}handleScrollEnd(){this.pointers.size?this.handleScrollEnd():(this.scrolling=!1,this.host.scrollContainer.dispatchEvent(new CustomEvent("scrollend",{bubbles:!1,cancelable:!1})),this.host.requestUpdate())}handleDragStart(){const t=this.host;this.dragging=!0,t.scrollContainer.style.setProperty("scroll-snap-type","unset"),t.requestUpdate()}handleDrag(t){this.host.scrollContainer.scrollBy({left:-t.movementX,top:-t.movementY})}async handleDragEnd(){const t=this.host,e=t.scrollContainer;e.removeEventListener("pointermove",this.handlePointerMove),this.dragging=!1;const i=e.scrollLeft,o=e.scrollTop;e.style.removeProperty("scroll-snap-type");const r=e.scrollLeft,s=e.scrollTop;e.style.setProperty("scroll-snap-type","unset"),e.scrollTo({left:i,top:o,behavior:"auto"}),e.scrollTo({left:r,top:s,behavior:Ci()?"auto":"smooth"}),this.scrolling&&await zi(e,"scrollend"),e.style.removeProperty("scroll-snap-type"),t.requestUpdate()}}((t,e,i,o)=>{for(var r,s=Ho(e,i),a=t.length-1;a>=0;a--)(r=t[a])&&(s=r(e,i,s)||s);s&&Go(e,i,s)})([Uo(100)],Lo.prototype,"handleScrollEnd");const qo=Object.freeze(Object.defineProperty({__proto__:null,ScrollController:Lo},Symbol.toStringTag,{value:"Module"}));var Vo=Object.defineProperty,$o=Object.getOwnPropertyDescriptor,Zo=(t,e,i,o)=>{for(var r,s=o>1?void 0:o?$o(e,i):e,a=t.length-1;a>=0;a--)(r=t[a])&&(s=(o?r(e,i,s):r(s))||s);return o&&s&&Vo(e,i,s),s};let Ko=class extends Je{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 Qo(this,(()=>this.next())),this.scrollController=new Lo(this),this.slides=this.getElementsByTagName("sd-carousel-item"),this.intersectionObserverEntries=new Map,this.localize=new S(this),this.handleSlotChange=t=>{t.some((t=>[...t.addedNodes,...t.removedNodes].some((t=>Fo.isCarouselItem(t)&&!t.hasAttribute("data-clone")))))&&this.initializeSlides(),this.requestUpdate()}}connectedCallback(){super.connectedCallback(),this.setAttribute("role","region"),this.setAttribute("aria-label",this.localize.term("carousel"));const t=new IntersectionObserver((t=>{t.forEach((t=>{this.intersectionObserverEntries.set(t.target,t);const e=t.target;e.toggleAttribute("inert",!t.isIntersecting),e.classList.toggle("--in-view",t.isIntersecting),e.setAttribute("aria-hidden",t.isIntersecting?"false":"true")}))}),{root:this,threshold:.6});this.intersectionObserver=t,t.takeRecords().forEach((t=>{this.intersectionObserverEntries.set(t.target,t)}))}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(t,e,i){return Math.ceil((t-e)/i)+1>0?Math.ceil((t-e)/i)+1:1}static getCurrentPage(t,e,i,o){return Math.ceil((t-i)/o)-Math.ceil((t-i-e)/o)+1}getSlides({excludeClones:t=!0}={}){return[...this.slides].filter((e=>!t||!e.hasAttribute("data-clone")))}handleKeyDown(t){if(["ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Home","End"].includes(t.key)){const e=t.target,i="rtl"===this.localize.dir(),o=null!==e.closest('[part~="pagination-item"]'),r="ArrowDown"===t.key||!i&&"ArrowRight"===t.key||i&&"ArrowLeft"===t.key,s="ArrowUp"===t.key||!i&&"ArrowLeft"===t.key||i&&"ArrowRight"===t.key;t.preventDefault(),s&&this.previous(),r&&this.next(),"Home"===t.key&&this.goToSlide(0),"End"===t.key&&this.goToSlide(this.getSlides().length-1),o&&this.updateComplete.then((()=>{var t;const e=null==(t=this.shadowRoot)?void 0:t.querySelector('[part~="pagination-item--active"]');e&&e.focus()}))}}handleScrollEnd(){const t=this.getSlides(),e=[...this.intersectionObserverEntries.values()].find((t=>t.isIntersecting));if(this.loop&&null!=e&&e.target.hasAttribute("data-clone")){const t=Number(e.target.getAttribute("data-clone"));this.goToSlide(t,"auto")}else e&&(this.activeSlide=t.indexOf(e.target))}handlePausedAutoplay(){var t;this.pausedAutoplay?this.autoplayController.stop():this.autoplay&&this.autoplayController.start(3e3),null==(t=this.autoplayControls)||t.blur()}initializeSlides(){const t=this.getSlides(),e=this.intersectionObserver;if(this.intersectionObserverEntries.clear(),this.getSlides({excludeClones:!1}).forEach(((t,i)=>{e.unobserve(t),t.classList.remove("--in-view"),t.classList.remove("--is-active"),t.setAttribute("aria-label",this.localize.term("slideNum",i+1)),t.hasAttribute("data-clone")&&t.remove()})),this.loop){const e=this.slidesPerPage,i=t.slice(-e),o=t.slice(0,e);i.reverse().forEach(((e,i)=>{const o=e.cloneNode(!0);o.setAttribute("data-clone",String(t.length-i-1)),this.prepend(o)})),o.forEach(((t,e)=>{const i=t.cloneNode(!0);i.setAttribute("data-clone",String(e)),this.append(i)}))}this.getSlides({excludeClones:!1}).forEach((t=>{e.observe(t)})),this.goToSlide(this.activeSlide,"auto")}handelSlideChange(){this.currentPage=Ko.getCurrentPage(this.getSlides().length,this.activeSlide,this.slidesPerPage,this.slidesPerMove);const t=this.getSlides();t.forEach(((t,e)=>{t.classList.toggle("--is-active",e===this.activeSlide)})),this.hasUpdated&&this.emit("sd-slide-change",{detail:{index:this.activeSlide,slide:t[this.activeSlide]}}),this.currentPage>Ko.getPageCount(this.getSlides().length,this.slidesPerPage,this.slidesPerMove)&&this.nextTillFirst()}handleSlidesPerMoveChange(){const t=this.getSlides({excludeClones:!1}),e=this.slidesPerMove;t.forEach(((t,i)=>{Math.abs(i-e)%e==0?t.style.removeProperty("scroll-snap-align"):t.style.setProperty("scroll-snap-align","none")}))}handleAutoplayChange(){this.autoplayController.stop(),this.autoplay&&!this.pausedAutoplay&&this.autoplayController.start(3e3)}previous(t="smooth"){var e;let i=this.activeSlide||this.activeSlide-this.slidesPerMove,o=!1;for(;!o&&i>0;)i-=1,o=Math.abs(i-this.slidesPerMove)%this.slidesPerMove==0;this.currentPage-1==0&&this.loop?this.goToSlide(this.activeSlide-this.slidesPerPage,t):this.goToSlide(i,t),null==(e=this.previousButton)||e.blur()}next(t="smooth"){var e;this.currentPage+1<=Ko.getPageCount(this.getSlides().length,this.slidesPerPage,this.slidesPerMove)?this.goToSlide(this.activeSlide+this.slidesPerMove,t):this.loop&&this.nextTillFirst(t),null==(e=this.nextButton)||e.blur()}nextTillFirst(t="smooth"){for(;0!==this.activeSlide;)this.goToSlide(this.activeSlide+1,t);this.currentPage=Ko.getCurrentPage(this.getSlides().length,this.activeSlide,this.slidesPerPage,this.slidesPerMove)}goToSlide(t,e="smooth"){const{slidesPerPage:i,loop:o,scrollContainer:r}=this,s=this.getSlides(),a=this.getSlides({excludeClones:!1}),n=(t+s.length)%s.length;this.activeSlide=n;const l=function(t,e,i){return(t=>Object.is(t,-0)?0:t)(t<0?0:t>i?i:t)}
|
76
|
+
const Mo=t=>t??Ae;var Do=Object.defineProperty,Oo=Object.getOwnPropertyDescriptor,zo=(t,e,i,o)=>{for(var r,s=o>1?void 0:o?Oo(e,i):e,a=t.length-1;a>=0;a--)(r=t[a])&&(s=(o?r(e,i,s):r(s))||s);return o&&s&&Do(e,i,s),s};let To=class extends Je{constructor(){super(...arguments),this.formControlController=new fo(this,{form:t=>{if(t.hasAttribute("form")){const e=t.getRootNode(),i=t.getAttribute("form");return e.getElementById(i)}return t.closest("form")}}),this.hasSlotController=new Li(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:wo}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(),e=t?So`a`:So`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 Bo`<${e} 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="${Mo(t?void 0:this.disabled)}" type="${Mo(t?void 0:this.type)}" title="${this.title}" name="${Mo(t?void 0:this.name)}" value="${Mo(t?void 0:this.value)}" href="${Mo(t?this.href:void 0)}" target="${Mo(t?this.target:void 0)}" download="${Mo(t?this.download:void 0)}" rel="${Mo(t&&this.target?"noreferrer noopener":void 0)}" role="${Mo(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?Bo`<sd-spinner class="${$e("absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2")}"></sd-spinner>`:""}</${e}>`}};To.styles=[Ve,Je.styles,Ft`: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)}`],zo([Le("a, button")],To.prototype,"button",2),zo([qe({selector:"sd-icon"})],To.prototype,"_iconsInDefaultSlot",2),zo([Ge()],To.prototype,"invalid",2),zo([Ue()],To.prototype,"title",2),zo([Ue({reflect:!0})],To.prototype,"variant",2),zo([Ue({type:Boolean,reflect:!0})],To.prototype,"inverted",2),zo([Ue({reflect:!0})],To.prototype,"size",2),zo([Ue({type:Boolean,reflect:!0})],To.prototype,"disabled",2),zo([Ue({type:Boolean,reflect:!0})],To.prototype,"loading",2),zo([Ue()],To.prototype,"type",2),zo([Ue()],To.prototype,"name",2),zo([Ue()],To.prototype,"value",2),zo([Ue()],To.prototype,"href",2),zo([Ue()],To.prototype,"target",2),zo([Ue()],To.prototype,"download",2),zo([Ue()],To.prototype,"form",2),zo([Ue({attribute:"formaction"})],To.prototype,"formAction",2),zo([Ue({attribute:"formenctype"})],To.prototype,"formEnctype",2),zo([Ue({attribute:"formmethod"})],To.prototype,"formMethod",2),zo([Ue({attribute:"formnovalidate",type:Boolean})],To.prototype,"formNoValidate",2),zo([Ue({attribute:"formtarget"})],To.prototype,"formTarget",2),zo([mi("disabled",{waitUntilFirstUpdate:!0})],To.prototype,"handleDisabledChange",1),To=zo([Qe("sd-button")],To);const Po=Object.freeze(Object.defineProperty({__proto__:null,get default(){return To}},Symbol.toStringTag,{value:"Module"}));Object.defineProperty,Object.getOwnPropertyDescriptor;let Fo=class extends Je{static isCarouselItem(t){return t instanceof Element&&"slide"===t.getAttribute("aria-roledescription")}connectedCallback(){super.connectedCallback(),this.setAttribute("role","group")}render(){return ye`<slot></slot>`}};Fo.styles=[Je.styles,Ve,Ft`:host{aspect-ratio:var(--aspect-ratio);scroll-snap-align:start;scroll-snap-stop:always;display:flex;height:100%;width:100%;flex-direction:column;align-items:center;justify-content:center}::slotted(img){height:100%;width:100%;-o-object-fit:cover;object-fit:cover}`],Fo=((t,e,i,o)=>{for(var r,s=e,a=t.length-1;a>=0;a--)(r=t[a])&&(s=r(s)||s);return s})([Qe("sd-carousel-item")],Fo);const jo=Object.freeze(Object.defineProperty({__proto__:null,get default(){return Fo}},Symbol.toStringTag,{value:"Module"}));class Qo{constructor(t,e){this.timerId=0,this.activeInteractions=0,this.paused=!1,this.stopped=!0,this.pause=()=>{this.activeInteractions++||(this.paused=!0,this.host.requestUpdate())},this.resume=()=>{--this.activeInteractions||(this.paused=!1,this.host.requestUpdate())},t.addController(this),this.host=t,this.tickCallback=e}hostConnected(){this.host.addEventListener("mouseenter",this.pause),this.host.addEventListener("mouseleave",this.resume),this.host.addEventListener("focusin",this.pause),this.host.addEventListener("focusout",this.resume),this.host.addEventListener("touchstart",this.pause,{passive:!0}),this.host.addEventListener("touchend",this.resume)}hostDisconnected(){this.stop(),this.host.removeEventListener("mouseenter",this.pause),this.host.removeEventListener("mouseleave",this.resume),this.host.removeEventListener("focusin",this.pause),this.host.removeEventListener("focusout",this.resume),this.host.removeEventListener("touchstart",this.pause),this.host.removeEventListener("touchend",this.resume)}start(t){this.stop(),this.stopped=!1,this.timerId=window.setInterval((()=>{this.paused||this.tickCallback()}),t)}stop(){clearInterval(this.timerId),this.stopped=!0,this.host.requestUpdate()}}const Yo=Object.freeze(Object.defineProperty({__proto__:null,AutoplayController:Qo},Symbol.toStringTag,{value:"Module"})),Ro=Symbol(),Uo=t=>(e,i,o)=>{const r=o.value;o.value=function(...e){clearTimeout(this[Ro]),this[Ro]=window.setTimeout((()=>{r.apply(this,e)}),t)}};var Go=Object.defineProperty,Ho=Object.getOwnPropertyDescriptor;class Lo{constructor(t){this.pointers=new Set,this.dragging=!1,this.scrolling=!1,this.mouseDragging=!1,this.handleScroll=()=>{this.scrolling||(this.scrolling=!0,this.host.requestUpdate()),this.handleScrollEnd()},this.handlePointerDown=t=>{"touch"!==t.pointerType&&(this.pointers.add(t.pointerId),this.mouseDragging&&!this.dragging&&0===t.button&&(t.preventDefault(),this.host.scrollContainer.addEventListener("pointermove",this.handlePointerMove)))},this.handlePointerMove=t=>{const e=this.host.scrollContainer,i=!!t.movementX||!!t.movementY;!this.dragging&&i?(e.setPointerCapture(t.pointerId),this.handleDragStart()):e.hasPointerCapture(t.pointerId)&&this.handleDrag(t)},this.handlePointerUp=t=>{this.pointers.delete(t.pointerId),this.host.scrollContainer.releasePointerCapture(t.pointerId),0===this.pointers.size&&this.handleDragEnd()},this.handleTouchEnd=t=>{for(const e of t.changedTouches)this.pointers.delete(e.identifier)},this.handleTouchStart=t=>{for(const e of t.touches)this.pointers.add(e.identifier)},this.host=t,t.addController(this)}async hostConnected(){const t=this.host;await t.updateComplete;const e=t.scrollContainer;e.addEventListener("scroll",this.handleScroll,{passive:!0}),e.addEventListener("pointerdown",this.handlePointerDown),e.addEventListener("pointerup",this.handlePointerUp),e.addEventListener("pointercancel",this.handlePointerUp),e.addEventListener("touchstart",this.handleTouchStart,{passive:!0}),e.addEventListener("touchend",this.handleTouchEnd)}hostDisconnected(){const t=this.host.scrollContainer;t.removeEventListener("scroll",this.handleScroll),t.removeEventListener("pointerdown",this.handlePointerDown),t.removeEventListener("pointerup",this.handlePointerUp),t.removeEventListener("pointercancel",this.handlePointerUp),t.removeEventListener("touchstart",this.handleTouchStart),t.removeEventListener("touchend",this.handleTouchEnd)}handleScrollEnd(){this.pointers.size?this.handleScrollEnd():(this.scrolling=!1,this.host.scrollContainer.dispatchEvent(new CustomEvent("scrollend",{bubbles:!1,cancelable:!1})),this.host.requestUpdate())}handleDragStart(){const t=this.host;this.dragging=!0,t.scrollContainer.style.setProperty("scroll-snap-type","unset"),t.requestUpdate()}handleDrag(t){this.host.scrollContainer.scrollBy({left:-t.movementX,top:-t.movementY})}async handleDragEnd(){const t=this.host,e=t.scrollContainer;e.removeEventListener("pointermove",this.handlePointerMove),this.dragging=!1;const i=e.scrollLeft,o=e.scrollTop;e.style.removeProperty("scroll-snap-type");const r=e.scrollLeft,s=e.scrollTop;e.style.setProperty("scroll-snap-type","unset"),e.scrollTo({left:i,top:o,behavior:"auto"}),e.scrollTo({left:r,top:s,behavior:Ci()?"auto":"smooth"}),this.scrolling&&await zi(e,"scrollend"),e.style.removeProperty("scroll-snap-type"),t.requestUpdate()}}((t,e,i,o)=>{for(var r,s=Ho(e,i),a=t.length-1;a>=0;a--)(r=t[a])&&(s=r(e,i,s)||s);s&&Go(e,i,s)})([Uo(100)],Lo.prototype,"handleScrollEnd");const qo=Object.freeze(Object.defineProperty({__proto__:null,ScrollController:Lo},Symbol.toStringTag,{value:"Module"}));var Vo=Object.defineProperty,$o=Object.getOwnPropertyDescriptor,Zo=(t,e,i,o)=>{for(var r,s=o>1?void 0:o?$o(e,i):e,a=t.length-1;a>=0;a--)(r=t[a])&&(s=(o?r(e,i,s):r(s))||s);return o&&s&&Vo(e,i,s),s};let Ko=class extends Je{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 Qo(this,(()=>this.next())),this.scrollController=new Lo(this),this.slides=this.getElementsByTagName("sd-carousel-item"),this.intersectionObserverEntries=new Map,this.localize=new S(this),this.handleSlotChange=t=>{t.some((t=>[...t.addedNodes,...t.removedNodes].some((t=>Fo.isCarouselItem(t)&&!t.hasAttribute("data-clone")))))&&this.initializeSlides(),this.requestUpdate()}}connectedCallback(){super.connectedCallback(),this.setAttribute("role","region"),this.setAttribute("aria-label",this.localize.term("carousel"));const t=new IntersectionObserver((t=>{t.forEach((t=>{this.intersectionObserverEntries.set(t.target,t);const e=t.target;e.toggleAttribute("inert",!t.isIntersecting),e.classList.toggle("--in-view",t.isIntersecting),e.setAttribute("aria-hidden",t.isIntersecting?"false":"true")}))}),{root:this,threshold:.6});this.intersectionObserver=t,t.takeRecords().forEach((t=>{this.intersectionObserverEntries.set(t.target,t)}))}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(t,e,i){return Math.ceil((t-e)/i)+1>0?Math.ceil((t-e)/i)+1:1}static getCurrentPage(t,e,i,o){return Math.ceil((t-i)/o)-Math.ceil((t-i-e)/o)+1}getSlides({excludeClones:t=!0}={}){return[...this.slides].filter((e=>!t||!e.hasAttribute("data-clone")))}handleKeyDown(t){if(["ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Home","End"].includes(t.key)){const e=t.target,i="rtl"===this.localize.dir(),o=null!==e.closest('[part~="pagination-item"]'),r="ArrowDown"===t.key||!i&&"ArrowRight"===t.key||i&&"ArrowLeft"===t.key,s="ArrowUp"===t.key||!i&&"ArrowLeft"===t.key||i&&"ArrowRight"===t.key;t.preventDefault(),s&&this.previous(),r&&this.next(),"Home"===t.key&&this.goToSlide(0),"End"===t.key&&this.goToSlide(this.getSlides().length-1),o&&this.updateComplete.then((()=>{var t;const e=null==(t=this.shadowRoot)?void 0:t.querySelector('[part~="pagination-item--active"]');e&&e.focus()}))}}handleScrollEnd(){const t=this.getSlides(),e=[...this.intersectionObserverEntries.values()].find((t=>t.isIntersecting));if(this.loop&&null!=e&&e.target.hasAttribute("data-clone")){const t=Number(e.target.getAttribute("data-clone"));this.goToSlide(t,"auto")}else e&&(this.activeSlide=t.indexOf(e.target))}handlePausedAutoplay(){var t;this.pausedAutoplay?this.autoplayController.stop():this.autoplay&&this.autoplayController.start(3e3),null==(t=this.autoplayControls)||t.blur()}initializeSlides(){const t=this.getSlides(),e=this.intersectionObserver;if(this.intersectionObserverEntries.clear(),this.getSlides({excludeClones:!1}).forEach(((t,i)=>{e.unobserve(t),t.classList.remove("--in-view"),t.classList.remove("--is-active"),t.setAttribute("aria-label",this.localize.term("slideNum",i+1)),t.hasAttribute("data-clone")&&t.remove()})),this.loop){const e=this.slidesPerPage,i=t.slice(-e),o=t.slice(0,e);i.reverse().forEach(((e,i)=>{const o=e.cloneNode(!0);o.setAttribute("data-clone",String(t.length-i-1)),this.prepend(o)})),o.forEach(((t,e)=>{const i=t.cloneNode(!0);i.setAttribute("data-clone",String(e)),this.append(i)}))}this.getSlides({excludeClones:!1}).forEach((t=>{e.observe(t)})),this.goToSlide(this.activeSlide,"auto")}handelSlideChange(){this.currentPage=Ko.getCurrentPage(this.getSlides().length,this.activeSlide,this.slidesPerPage,this.slidesPerMove);const t=this.getSlides();t.forEach(((t,e)=>{t.classList.toggle("--is-active",e===this.activeSlide)})),this.hasUpdated&&this.emit("sd-slide-change",{detail:{index:this.activeSlide,slide:t[this.activeSlide]}}),this.currentPage>Ko.getPageCount(this.getSlides().length,this.slidesPerPage,this.slidesPerMove)&&this.nextTillFirst()}handleSlidesPerMoveChange(){const t=this.getSlides({excludeClones:!1}),e=this.slidesPerMove;t.forEach(((t,i)=>{Math.abs(i-e)%e==0?t.style.removeProperty("scroll-snap-align"):t.style.setProperty("scroll-snap-align","none")}))}handleAutoplayChange(){this.autoplayController.stop(),this.autoplay&&!this.pausedAutoplay&&this.autoplayController.start(3e3)}previous(t="smooth"){var e;let i=this.activeSlide||this.activeSlide-this.slidesPerMove,o=!1;for(;!o&&i>0;)i-=1,o=Math.abs(i-this.slidesPerMove)%this.slidesPerMove==0;this.currentPage-1==0&&this.loop?this.goToSlide(this.activeSlide-this.slidesPerPage,t):this.goToSlide(i,t),null==(e=this.previousButton)||e.blur()}next(t="smooth"){var e;this.currentPage+1<=Ko.getPageCount(this.getSlides().length,this.slidesPerPage,this.slidesPerMove)?this.goToSlide(this.activeSlide+this.slidesPerMove,t):this.loop&&this.nextTillFirst(t),null==(e=this.nextButton)||e.blur()}nextTillFirst(t="smooth"){for(;0!==this.activeSlide;)this.goToSlide(this.activeSlide+1,t);this.currentPage=Ko.getCurrentPage(this.getSlides().length,this.activeSlide,this.slidesPerPage,this.slidesPerMove)}goToSlide(t,e="smooth"){const{slidesPerPage:i,loop:o,scrollContainer:r}=this,s=this.getSlides(),a=this.getSlides({excludeClones:!1}),n=(t+s.length)%s.length;this.activeSlide=n;const l=function(t,e,i){return(t=>Object.is(t,-0)?0:t)(t<0?0:t>i?i:t)}
|
77
77
|
/**
|
78
78
|
* @license
|
79
79
|
* Copyright 2021 Google LLC
|