@solid-design-system/components 6.16.3 → 6.16.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cdn/custom-elements.json +187 -187
- package/cdn/solid-components.js +1 -1
- package/cdn/vscode.html-custom-data.json +27 -27
- package/cdn/web-types.json +50 -50
- package/cdn-versioned/chunks/chunk.2B2B5P3U.js +2 -2
- package/cdn-versioned/chunks/chunk.3JB5EY7E.js +2 -2
- package/cdn-versioned/chunks/chunk.3MGPNQP3.js +2 -2
- package/cdn-versioned/chunks/chunk.3S7LCENC.js +2 -2
- package/cdn-versioned/chunks/chunk.4BTXQAGS.js +2 -2
- package/cdn-versioned/chunks/chunk.4EDRKPMV.js +1 -1
- package/cdn-versioned/chunks/chunk.52TRFRJK.js +2 -2
- package/cdn-versioned/chunks/chunk.5BES77F3.js +2 -2
- package/cdn-versioned/chunks/chunk.6FABT2P2.js +1 -1
- package/cdn-versioned/chunks/chunk.6G62L252.js +2 -2
- package/cdn-versioned/chunks/chunk.6KFFDNWZ.js +2 -2
- package/cdn-versioned/chunks/chunk.7X7C3TVK.js +5 -5
- package/cdn-versioned/chunks/chunk.7YCGT7U6.js +2 -2
- package/cdn-versioned/chunks/chunk.A2RFNZUI.js +2 -2
- package/cdn-versioned/chunks/chunk.AMY757PV.js +2 -2
- package/cdn-versioned/chunks/chunk.AWT6CEDB.js +2 -2
- package/cdn-versioned/chunks/chunk.BMADIO4C.js +1 -1
- package/cdn-versioned/chunks/chunk.BURXWAXN.js +2 -2
- package/cdn-versioned/chunks/chunk.BZ4RCXT2.js +2 -2
- package/cdn-versioned/chunks/chunk.BZLEZINT.js +2 -2
- package/cdn-versioned/chunks/chunk.CCNRQLG6.js +2 -2
- package/cdn-versioned/chunks/chunk.CSVJ5WK2.js +2 -2
- package/cdn-versioned/chunks/chunk.CX5IPEVT.js +2 -2
- package/cdn-versioned/chunks/chunk.DJZKZO3Y.js +2 -2
- package/cdn-versioned/chunks/chunk.E4XIKDUB.js +2 -2
- package/cdn-versioned/chunks/chunk.ELZMOANU.js +2 -2
- package/cdn-versioned/chunks/chunk.EP63MBIC.js +1 -1
- package/cdn-versioned/chunks/chunk.EXWRCLBQ.js +2 -2
- package/cdn-versioned/chunks/chunk.FBXBQWU2.js +1 -1
- package/cdn-versioned/chunks/chunk.FEAXOG7O.js +2 -2
- package/cdn-versioned/chunks/chunk.FT2B3D2H.js +3 -3
- package/cdn-versioned/chunks/chunk.GLO2H56S.js +2 -2
- package/cdn-versioned/chunks/chunk.GQTD57NE.js +2 -2
- package/cdn-versioned/chunks/chunk.GS5LOZLS.js +3 -3
- package/cdn-versioned/chunks/chunk.HHEQMSA3.js +2 -2
- package/cdn-versioned/chunks/chunk.HLHMPYHS.js +2 -2
- package/cdn-versioned/chunks/chunk.IFICRO7C.js +1 -1
- package/cdn-versioned/chunks/chunk.JHFM7KUH.js +2 -2
- package/cdn-versioned/chunks/chunk.JYLCWE5C.js +2 -2
- package/cdn-versioned/chunks/chunk.K6GLS6QL.js +1 -1
- package/cdn-versioned/chunks/chunk.LMXWTQJ5.js +2 -2
- package/cdn-versioned/chunks/chunk.LQ6VYVB5.js +2 -2
- package/cdn-versioned/chunks/chunk.ODC5ODPF.js +2 -2
- package/cdn-versioned/chunks/chunk.OFLN42UZ.js +2 -2
- package/cdn-versioned/chunks/chunk.OXXPH6YP.js +1 -1
- package/cdn-versioned/chunks/chunk.QAY6EJHY.js +2 -2
- package/cdn-versioned/chunks/chunk.R2Q62L3N.js +1 -1
- package/cdn-versioned/chunks/chunk.RAP66B6O.js +1 -1
- package/cdn-versioned/chunks/chunk.RZLPEVBG.js +2 -2
- package/cdn-versioned/chunks/chunk.VC6JNTW2.js +2 -2
- package/cdn-versioned/chunks/chunk.VT4WT4Y5.js +2 -2
- package/cdn-versioned/chunks/chunk.W7A3TU2Z.js +1 -1
- package/cdn-versioned/chunks/chunk.WPSLP7SF.js +1 -1
- package/cdn-versioned/chunks/chunk.WR5GB2RK.js +2 -2
- package/cdn-versioned/chunks/chunk.X4UWQNTP.js +5 -5
- package/cdn-versioned/chunks/chunk.X6WPUO3U.js +2 -2
- package/cdn-versioned/chunks/chunk.XDDAXBEN.js +2 -2
- package/cdn-versioned/chunks/chunk.YA5ZEOKP.js +2 -2
- package/cdn-versioned/chunks/chunk.YPTZDABK.js +1 -1
- package/cdn-versioned/chunks/chunk.YY4JMXTS.js +2 -2
- package/cdn-versioned/chunks/chunk.ZBE6FUBE.js +2 -2
- package/cdn-versioned/chunks/chunk.ZFJ3T7TZ.js +9 -9
- package/cdn-versioned/chunks/chunk.ZLJ4GRUR.js +2 -2
- package/cdn-versioned/chunks/chunk.ZRHL55WX.js +2 -2
- package/cdn-versioned/components/accordion/accordion.d.ts +1 -1
- package/cdn-versioned/components/accordion-group/accordion-group.d.ts +1 -1
- package/cdn-versioned/components/animation/animation.d.ts +1 -1
- package/cdn-versioned/components/audio/audio.d.ts +1 -1
- package/cdn-versioned/components/badge/badge.d.ts +1 -1
- package/cdn-versioned/components/brandshape/brandshape.d.ts +1 -1
- package/cdn-versioned/components/breadcrumb/breadcrumb.d.ts +1 -1
- package/cdn-versioned/components/breadcrumb-item/breadcrumb-item.d.ts +1 -1
- package/cdn-versioned/components/button/button.d.ts +1 -1
- package/cdn-versioned/components/button-group/button-group.d.ts +1 -1
- package/cdn-versioned/components/carousel/carousel.d.ts +1 -1
- package/cdn-versioned/components/carousel-item/carousel-item.d.ts +1 -1
- package/cdn-versioned/components/checkbox/checkbox.d.ts +1 -1
- package/cdn-versioned/components/checkbox-group/checkbox-group.d.ts +1 -1
- package/cdn-versioned/components/combobox/combobox.d.ts +1 -1
- package/cdn-versioned/components/datepicker/datepicker.d.ts +1 -1
- package/cdn-versioned/components/dialog/dialog.d.ts +1 -1
- package/cdn-versioned/components/divider/divider.d.ts +1 -1
- package/cdn-versioned/components/drawer/drawer.d.ts +1 -1
- package/cdn-versioned/components/dropdown/dropdown.d.ts +1 -1
- package/cdn-versioned/components/expandable/expandable.d.ts +1 -1
- package/cdn-versioned/components/flipcard/flipcard.d.ts +1 -1
- package/cdn-versioned/components/header/header.d.ts +1 -1
- package/cdn-versioned/components/icon/icon.d.ts +1 -1
- package/cdn-versioned/components/include/include.d.ts +1 -1
- package/cdn-versioned/components/input/input.d.ts +1 -1
- package/cdn-versioned/components/link/link.d.ts +1 -1
- package/cdn-versioned/components/loader/loader.d.ts +1 -1
- package/cdn-versioned/components/map-marker/map-marker.d.ts +1 -1
- package/cdn-versioned/components/menu/menu.d.ts +1 -1
- package/cdn-versioned/components/menu-item/menu-item.d.ts +1 -1
- package/cdn-versioned/components/navigation-item/navigation-item.d.ts +1 -1
- package/cdn-versioned/components/notification/notification.d.ts +1 -1
- package/cdn-versioned/components/optgroup/optgroup.d.ts +1 -1
- package/cdn-versioned/components/option/option.d.ts +1 -1
- package/cdn-versioned/components/popup/popup.d.ts +1 -1
- package/cdn-versioned/components/quickfact/quickfact.d.ts +1 -1
- package/cdn-versioned/components/radio/radio.d.ts +1 -1
- package/cdn-versioned/components/radio-button/radio-button.d.ts +1 -1
- package/cdn-versioned/components/radio-group/radio-group.d.ts +1 -1
- package/cdn-versioned/components/range/range.d.ts +1 -1
- package/cdn-versioned/components/range-tick/range-tick.d.ts +1 -1
- package/cdn-versioned/components/scrollable/scrollable.d.ts +1 -1
- package/cdn-versioned/components/select/select.d.ts +1 -1
- package/cdn-versioned/components/skeleton/skeleton.d.ts +1 -1
- package/cdn-versioned/components/spinner/spinner.d.ts +1 -1
- package/cdn-versioned/components/step/step.d.ts +1 -1
- package/cdn-versioned/components/step-group/step-group.d.ts +1 -1
- package/cdn-versioned/components/switch/switch.d.ts +1 -1
- package/cdn-versioned/components/tab/tab.d.ts +1 -1
- package/cdn-versioned/components/tab-group/tab-group.d.ts +1 -1
- package/cdn-versioned/components/tab-panel/tab-panel.d.ts +1 -1
- package/cdn-versioned/components/tag/tag.d.ts +1 -1
- package/cdn-versioned/components/textarea/textarea.d.ts +1 -1
- package/cdn-versioned/components/theme-listener/theme-listener.d.ts +1 -1
- package/cdn-versioned/components/tooltip/tooltip.d.ts +1 -1
- package/cdn-versioned/components/video/video.d.ts +1 -1
- package/cdn-versioned/custom-elements.json +427 -427
- package/cdn-versioned/internal/form.js +2 -2
- package/cdn-versioned/solid-components.bundle.js +80 -80
- package/cdn-versioned/solid-components.css +2 -2
- package/cdn-versioned/solid-components.iife.js +80 -80
- package/cdn-versioned/solid-components.js +1 -1
- package/cdn-versioned/vscode.html-custom-data.json +131 -131
- package/cdn-versioned/web-types.json +203 -203
- package/dist/custom-elements.json +187 -187
- package/dist/solid-components.js +3 -3
- package/dist/vscode.html-custom-data.json +27 -27
- package/dist/web-types.json +50 -50
- package/dist-versioned/chunks/chunk.27CORLGD.js +2 -2
- package/dist-versioned/chunks/chunk.2EDPY2A5.js +2 -2
- package/dist-versioned/chunks/chunk.36OESV3O.js +1 -1
- package/dist-versioned/chunks/chunk.3PROMK3G.js +10 -10
- package/dist-versioned/chunks/chunk.4FQGHIRS.js +3 -3
- package/dist-versioned/chunks/chunk.4OJXQ3S3.js +4 -4
- package/dist-versioned/chunks/chunk.4WJBOMWG.js +11 -11
- package/dist-versioned/chunks/chunk.4YGFM4I2.js +6 -6
- package/dist-versioned/chunks/chunk.5DLSMYYF.js +5 -5
- package/dist-versioned/chunks/chunk.6GDF7RP6.js +5 -5
- package/dist-versioned/chunks/chunk.6JXHY72O.js +3 -3
- package/dist-versioned/chunks/chunk.6SZCCE7T.js +2 -2
- package/dist-versioned/chunks/chunk.6WM4R2DA.js +3 -3
- package/dist-versioned/chunks/chunk.7LLWTMC3.js +14 -14
- package/dist-versioned/chunks/chunk.7OODH6S5.js +5 -5
- package/dist-versioned/chunks/chunk.7YOG7JGW.js +4 -4
- package/dist-versioned/chunks/chunk.AJJI7TJL.js +2 -2
- package/dist-versioned/chunks/chunk.ANNKBF6X.js +32 -32
- package/dist-versioned/chunks/chunk.AQU3K3QW.js +2 -2
- package/dist-versioned/chunks/chunk.BDGTWJIT.js +12 -12
- package/dist-versioned/chunks/chunk.C3WIBDGG.js +2 -2
- package/dist-versioned/chunks/chunk.CDI4YMFV.js +4 -4
- package/dist-versioned/chunks/chunk.E2USZ7GU.js +6 -6
- package/dist-versioned/chunks/chunk.EGVMKWID.js +1 -1
- package/dist-versioned/chunks/chunk.ELS2J6VM.js +10 -10
- package/dist-versioned/chunks/chunk.FJM4XRBD.js +2 -2
- package/dist-versioned/chunks/chunk.FQAUOX63.js +1 -1
- package/dist-versioned/chunks/chunk.FRVVZRCH.js +1 -1
- package/dist-versioned/chunks/chunk.FV63VR7F.js +13 -13
- package/dist-versioned/chunks/chunk.FXZL5TSR.js +2 -2
- package/dist-versioned/chunks/chunk.HMOYAY72.js +5 -5
- package/dist-versioned/chunks/chunk.IRPULK4T.js +9 -9
- package/dist-versioned/chunks/chunk.IXAGOL3L.js +6 -6
- package/dist-versioned/chunks/chunk.IXY6JRMU.js +3 -3
- package/dist-versioned/chunks/chunk.J2WMB4UM.js +11 -11
- package/dist-versioned/chunks/chunk.JCFYB72C.js +3 -3
- package/dist-versioned/chunks/chunk.JT57FH4I.js +25 -25
- package/dist-versioned/chunks/chunk.JYR67QON.js +2 -2
- package/dist-versioned/chunks/chunk.K7OGNZLO.js +1 -1
- package/dist-versioned/chunks/chunk.KEJFWGZI.js +4 -4
- package/dist-versioned/chunks/chunk.KJN55623.js +11 -11
- package/dist-versioned/chunks/chunk.KLN5272I.js +5 -5
- package/dist-versioned/chunks/chunk.MBVWPMPN.js +4 -4
- package/dist-versioned/chunks/chunk.MMI44BVI.js +2 -2
- package/dist-versioned/chunks/chunk.MQG727Y4.js +4 -4
- package/dist-versioned/chunks/chunk.NAD637BO.js +5 -5
- package/dist-versioned/chunks/chunk.OQ5QEVJF.js +6 -6
- package/dist-versioned/chunks/chunk.P6YK6F7T.js +3 -3
- package/dist-versioned/chunks/chunk.PJ4LG3IZ.js +10 -10
- package/dist-versioned/chunks/chunk.PO2OMSAQ.js +8 -8
- package/dist-versioned/chunks/chunk.QF4M6XJ6.js +10 -10
- package/dist-versioned/chunks/chunk.RL7BJYL6.js +1 -1
- package/dist-versioned/chunks/chunk.RXD64SUC.js +4 -4
- package/dist-versioned/chunks/chunk.S3AIPHMB.js +25 -25
- package/dist-versioned/chunks/chunk.UE4MIFO2.js +2 -2
- package/dist-versioned/chunks/chunk.UIQBHPD3.js +2 -2
- package/dist-versioned/chunks/chunk.V3RBONZ7.js +2 -2
- package/dist-versioned/chunks/chunk.WV4VZLSM.js +7 -7
- package/dist-versioned/chunks/chunk.X7XDUKGF.js +1 -1
- package/dist-versioned/chunks/chunk.XNTGIC2L.js +1 -1
- package/dist-versioned/chunks/chunk.Y226ELYU.js +5 -5
- package/dist-versioned/chunks/chunk.YC3R5M35.js +5 -5
- package/dist-versioned/chunks/chunk.YGCCHEFS.js +6 -6
- package/dist-versioned/chunks/chunk.ZN4E3BW3.js +5 -5
- package/dist-versioned/components/accordion/accordion.d.ts +1 -1
- package/dist-versioned/components/accordion-group/accordion-group.d.ts +1 -1
- package/dist-versioned/components/animation/animation.d.ts +1 -1
- package/dist-versioned/components/audio/audio.d.ts +1 -1
- package/dist-versioned/components/badge/badge.d.ts +1 -1
- package/dist-versioned/components/brandshape/brandshape.d.ts +1 -1
- package/dist-versioned/components/breadcrumb/breadcrumb.d.ts +1 -1
- package/dist-versioned/components/breadcrumb-item/breadcrumb-item.d.ts +1 -1
- package/dist-versioned/components/button/button.d.ts +1 -1
- package/dist-versioned/components/button-group/button-group.d.ts +1 -1
- package/dist-versioned/components/carousel/carousel.d.ts +1 -1
- package/dist-versioned/components/carousel-item/carousel-item.d.ts +1 -1
- package/dist-versioned/components/checkbox/checkbox.d.ts +1 -1
- package/dist-versioned/components/checkbox-group/checkbox-group.d.ts +1 -1
- package/dist-versioned/components/combobox/combobox.d.ts +1 -1
- package/dist-versioned/components/datepicker/datepicker.d.ts +1 -1
- package/dist-versioned/components/dialog/dialog.d.ts +1 -1
- package/dist-versioned/components/divider/divider.d.ts +1 -1
- package/dist-versioned/components/drawer/drawer.d.ts +1 -1
- package/dist-versioned/components/dropdown/dropdown.d.ts +1 -1
- package/dist-versioned/components/expandable/expandable.d.ts +1 -1
- package/dist-versioned/components/flipcard/flipcard.d.ts +1 -1
- package/dist-versioned/components/header/header.d.ts +1 -1
- package/dist-versioned/components/icon/icon.d.ts +1 -1
- package/dist-versioned/components/include/include.d.ts +1 -1
- package/dist-versioned/components/input/input.d.ts +1 -1
- package/dist-versioned/components/link/link.d.ts +1 -1
- package/dist-versioned/components/loader/loader.d.ts +1 -1
- package/dist-versioned/components/map-marker/map-marker.d.ts +1 -1
- package/dist-versioned/components/menu/menu.d.ts +1 -1
- package/dist-versioned/components/menu-item/menu-item.d.ts +1 -1
- package/dist-versioned/components/navigation-item/navigation-item.d.ts +1 -1
- package/dist-versioned/components/notification/notification.d.ts +1 -1
- package/dist-versioned/components/optgroup/optgroup.d.ts +1 -1
- package/dist-versioned/components/option/option.d.ts +1 -1
- package/dist-versioned/components/popup/popup.d.ts +1 -1
- package/dist-versioned/components/quickfact/quickfact.d.ts +1 -1
- package/dist-versioned/components/radio/radio.d.ts +1 -1
- package/dist-versioned/components/radio-button/radio-button.d.ts +1 -1
- package/dist-versioned/components/radio-group/radio-group.d.ts +1 -1
- package/dist-versioned/components/range/range.d.ts +1 -1
- package/dist-versioned/components/range-tick/range-tick.d.ts +1 -1
- package/dist-versioned/components/scrollable/scrollable.d.ts +1 -1
- package/dist-versioned/components/select/select.d.ts +1 -1
- package/dist-versioned/components/skeleton/skeleton.d.ts +1 -1
- package/dist-versioned/components/spinner/spinner.d.ts +1 -1
- package/dist-versioned/components/step/step.d.ts +1 -1
- package/dist-versioned/components/step-group/step-group.d.ts +1 -1
- package/dist-versioned/components/switch/switch.d.ts +1 -1
- package/dist-versioned/components/tab/tab.d.ts +1 -1
- package/dist-versioned/components/tab-group/tab-group.d.ts +1 -1
- package/dist-versioned/components/tab-panel/tab-panel.d.ts +1 -1
- package/dist-versioned/components/tag/tag.d.ts +1 -1
- package/dist-versioned/components/textarea/textarea.d.ts +1 -1
- package/dist-versioned/components/theme-listener/theme-listener.d.ts +1 -1
- package/dist-versioned/components/tooltip/tooltip.d.ts +1 -1
- package/dist-versioned/components/video/video.d.ts +1 -1
- package/dist-versioned/custom-elements.json +427 -427
- package/dist-versioned/internal/form.js +2 -2
- package/dist-versioned/solid-components.css +2 -2
- package/dist-versioned/solid-components.js +3 -3
- package/dist-versioned/vscode.html-custom-data.json +131 -131
- package/dist-versioned/web-types.json +203 -203
- package/package.json +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a as p}from"./chunk.CGQ2BPPZ.js";import{a as r}from"./chunk.QIKBKQXB.js";import{a as h,b as a,c as d,d as c,h as s}from"./chunk.6FABT2P2.js";import{b as l,e as n}from"./chunk.UOAG5PNU.js";import{e}from"./chunk.6EV4YU6C.js";var t=class extends s{constructor(){super(...arguments);this.variant="white";this.breakpoint=448;this.inset=!1;this.reversedLayout=!1;this.hasSlotController=new p(this,"[default]","media","meta","headline")}connectedCallback(){super.connectedCallback(),this.breakpoint===0?this._orientation="horizontal":this.breakpoint===9999?this._orientation="vertical":window.ResizeObserver&&(this.resizeObserver=new ResizeObserver(()=>this.updateOrientation()),this.resizeObserver.observe(this))}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver&&this.resizeObserver.disconnect()}updated(i){super.updated(i),i.has("breakpoint")&&this.updateOrientation()}updateOrientation(){this._orientation=this.offsetWidth>=this.breakpoint?"horizontal":"vertical"}render(){let i=this.variant==="white border-neutral-400"||this.inset,o={"teaser-has-default":this.hasSlotController.test("[default]"),"teaser-has-media":this.hasSlotController.test("media"),"teaser-has-meta":this.hasSlotController.test("meta"),"teaser-has-headline":this.hasSlotController.test("headline")};return n`<div class="${r("flex sd-6-16-
|
|
2
|
-
:host{display:block}::slotted(*){margin:calc(var(--sd-spacing-1) * 0)}::slotted([slot=headline]){margin:calc(var(--sd-spacing-1) * 0)!important;font-size:var(--sd-text-lg)!important;line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75 / 1.125)))!important;--tw-font-weight:var(--sd-font-weight-bold);font-weight:var(--sd-font-weight-bold)}@property --tw-font-weight{syntax:"*";inherits:false}`],e([a({type:String,reflect:!0})],t.prototype,"variant",2),e([a({reflect:!0,type:Number})],t.prototype,"breakpoint",2),e([a({type:Boolean,reflect:!0})],t.prototype,"inset",2),e([a({type:Boolean,reflect:!0,attribute:"reversed-layout"})],t.prototype,"reversedLayout",2),e([c('[part="base"]')],t.prototype,"teaser",2),e([d()],t.prototype,"_orientation",2),t=e([h("sd-6-16-
|
|
1
|
+
import{a as p}from"./chunk.CGQ2BPPZ.js";import{a as r}from"./chunk.QIKBKQXB.js";import{a as h,b as a,c as d,d as c,h as s}from"./chunk.6FABT2P2.js";import{b as l,e as n}from"./chunk.UOAG5PNU.js";import{e}from"./chunk.6EV4YU6C.js";var t=class extends s{constructor(){super(...arguments);this.variant="white";this.breakpoint=448;this.inset=!1;this.reversedLayout=!1;this.hasSlotController=new p(this,"[default]","media","meta","headline")}connectedCallback(){super.connectedCallback(),this.breakpoint===0?this._orientation="horizontal":this.breakpoint===9999?this._orientation="vertical":window.ResizeObserver&&(this.resizeObserver=new ResizeObserver(()=>this.updateOrientation()),this.resizeObserver.observe(this))}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver&&this.resizeObserver.disconnect()}updated(i){super.updated(i),i.has("breakpoint")&&this.updateOrientation()}updateOrientation(){this._orientation=this.offsetWidth>=this.breakpoint?"horizontal":"vertical"}render(){let i=this.variant==="white border-neutral-400"||this.inset,o={"teaser-has-default":this.hasSlotController.test("[default]"),"teaser-has-media":this.hasSlotController.test("media"),"teaser-has-meta":this.hasSlotController.test("meta"),"teaser-has-headline":this.hasSlotController.test("headline")};return n`<div class="${r("flex sd-6-16-4-teaser-border-radius",{white:"bg-white","white border-neutral-400":"bg-white border sd-6-16-4-teaser--neutral-400-color-border","neutral-100":"sd-6-16-4-teaser--neutral-100-color-background",primary:"bg-primary text-white","primary-100":"sd-6-16-4-teaser--primary-100-color-background"}[this.variant],this._orientation==="vertical"&&"flex-col",this._orientation==="horizontal"&&"flex-row gap-8",this._orientation==="horizontal"&&i&&"py-8 px-10")}" part="base"><div style="${this._orientation==="horizontal"?`width: var(--distribution-content, 100%); ${i?"width: var(--distribution-content, calc(100% - 2rem));":""}`:""}" class="${r("flex flex-col text-left order-2",this._orientation==="horizontal"&&"flex flex-col",this._orientation==="vertical"&&i&&"m-4")}" part="content"><div class="flex flex-col-reverse"><div part="headline" class="${r("text-lg font-bold m-0",this.variant==="primary"?"text-white":"text-black")}"><slot name="headline">Always insert one semantically correct heading element here (e. g. <h2>)</slot></div><div part="meta" class="${r("gap-2 mb-4",!o["teaser-has-meta"]&&"hidden")}"><slot name="meta"></slot></div></div><div part="main" class="${r(!o["teaser-has-default"]&&"hidden")}" role="group" aria-labelledby="headline"><slot></slot></div></div><div part="media" id="media" style="${this._orientation==="horizontal"?"width: var(--distribution-media, 100%);":""}" class="${r("order-1",!i&&this._orientation==="vertical"&&"mb-4",!o["teaser-has-media"]&&"hidden",this.variant==="white border-neutral-400"&&this._orientation==="vertical"&&"mx-[-1px] mt-[-1px]",this._orientation!=="vertical"&&this.reversedLayout&&"order-2")}"><slot name="media"></slot></div></div>`}};t.styles=[...s.styles,l`/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
|
|
2
|
+
:host{display:block}::slotted(*){margin:calc(var(--sd-spacing-1) * 0)}::slotted([slot=headline]){margin:calc(var(--sd-spacing-1) * 0)!important;font-size:var(--sd-text-lg)!important;line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75 / 1.125)))!important;--tw-font-weight:var(--sd-font-weight-bold);font-weight:var(--sd-font-weight-bold)}@property --tw-font-weight{syntax:"*";inherits:false}`],e([a({type:String,reflect:!0})],t.prototype,"variant",2),e([a({reflect:!0,type:Number})],t.prototype,"breakpoint",2),e([a({type:Boolean,reflect:!0})],t.prototype,"inset",2),e([a({type:Boolean,reflect:!0,attribute:"reversed-layout"})],t.prototype,"reversedLayout",2),e([c('[part="base"]')],t.prototype,"teaser",2),e([d()],t.prototype,"_orientation",2),t=e([h("sd-6-16-4-teaser")],t);export{t as a};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a as f}from"./chunk.SLXPE3UU.js";import{a as h}from"./chunk.IQPMMUES.js";import{a as p}from"./chunk.NYKJXI3Q.js";import{a as o,b as r,d as c,h as i}from"./chunk.6FABT2P2.js";import{b as l,e as a}from"./chunk.UOAG5PNU.js";import{e}from"./chunk.6EV4YU6C.js";var t=class extends i{constructor(){super(...arguments);this.localize=new h(this);this.href="";this.current=!1}handleCurrentChange(){var s,n;!this.base||!this.current||(n=(s=this.base.shadowRoot)==null?void 0:s.querySelector("a"))==null||n.setAttribute("aria-current","page")}connectedCallback(){this.hasAttribute("role")||this.setAttribute("role","listitem"),super.connectedCallback()}firstUpdated(){requestAnimationFrame(()=>this.handleCurrentChange())}render(){return a`<sd-6-16-
|
|
2
|
-
:host{display:inline-flex;align-items:center}sd-6-16-
|
|
1
|
+
import{a as f}from"./chunk.SLXPE3UU.js";import{a as h}from"./chunk.IQPMMUES.js";import{a as p}from"./chunk.NYKJXI3Q.js";import{a as o,b as r,d as c,h as i}from"./chunk.6FABT2P2.js";import{b as l,e as a}from"./chunk.UOAG5PNU.js";import{e}from"./chunk.6EV4YU6C.js";var t=class extends i{constructor(){super(...arguments);this.localize=new h(this);this.href="";this.current=!1}handleCurrentChange(){var s,n;!this.base||!this.current||(n=(s=this.base.shadowRoot)==null?void 0:s.querySelector("a"))==null||n.setAttribute("aria-current","page")}connectedCallback(){this.hasAttribute("role")||this.setAttribute("role","listitem"),super.connectedCallback()}firstUpdated(){requestAnimationFrame(()=>this.handleCurrentChange())}render(){return a`<sd-6-16-4-link part="base" href="${f(this.current?void 0:this.href)}" target="${this.target}" standalone class="text-nowrap"><slot></slot></sd-6-16-4-link>`}};t.styles=[...i.styles,l`/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
|
|
2
|
+
:host{display:inline-flex;align-items:center}sd-6-16-4-link::part(base){align-items:center}sd-6-16-4-link::part(icon-left){margin-right:calc(var(--sd-spacing-1) * 0);display:inline-flex}:host([current]) sd-6-16-4-link::part(base){color:rgba(var(--sd-color-text-neutral-700))}:host([current]) sd-6-16-4-link::part(label){text-decoration-line:none}`],e([c('[part="base"]')],t.prototype,"base",2),e([r({type:String,reflect:!0})],t.prototype,"href",2),e([r({type:String,reflect:!0})],t.prototype,"target",2),e([r({type:Boolean,reflect:!0})],t.prototype,"current",2),e([p("current")],t.prototype,"handleCurrentChange",1),t=e([o("sd-6-16-4-breadcrumb-item")],t);export{t as a};
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import{b as y,c as f}from"./chunk.RAP66B6O.js";import{a as i}from"./chunk.SLXPE3UU.js";import{a as x}from"./chunk.CGQ2BPPZ.js";import{a as c,b as u}from"./chunk.SV6DES3E.js";import{a}from"./chunk.QIKBKQXB.js";import{a as p}from"./chunk.NYKJXI3Q.js";import{a as v,b as o,c as h,d as m,g,h as l}from"./chunk.6FABT2P2.js";import{b}from"./chunk.UOAG5PNU.js";import{e}from"./chunk.6EV4YU6C.js";var t=class extends l{constructor(){super(...arguments);this.formControlController=new y(this,{form:r=>{if(r.hasAttribute("form")){let s=r.getRootNode(),n=r.getAttribute("form");return s.getElementById(n)}return r.closest("form")}});this.hasSlotController=new x(this,"[default]","icon-left","icon-right");this.invalid=!1;this.title="";this.variant="primary";this.inverted=!1;this.size="lg";this.disabled=!1;this.visuallyDisabled=!1;this.loading=!1;this.type="button";this.name="";this.value="";this.href=""}get validity(){return this.isButton()?this.button.validity:f}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(r){if(this.disabled||this.loading||this.visuallyDisabled){r.preventDefault(),r.stopPropagation();return}this.type==="submit"&&this.formControlController.submit(this),this.type==="reset"&&this.formControlController.reset(this)}handleInvalid(r){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(r)}isButton(){return!this.href}isLink(){return!!this.href}handleDisabledChange(){this.isButton()&&this.formControlController.setValidity(this.disabled)}click(){this.button.click()}focus(r){this.button.focus(r)}blur(){this.button.blur()}checkValidity(){return this.isButton()?this.button.checkValidity():!0}getForm(){return this.formControlController.getForm()}reportValidity(){return this.isButton()?this.button.reportValidity():!0}setCustomValidity(r){this.isButton()&&(this.button.setCustomValidity(r),this.formControlController.updateValidity())}render(){let r=this.isLink(),s=r?c`a`:c`button`,n={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},d=this.variant==="secondary";return u`<${s} part="base" class="${a(`group relative z-10 font-md no-underline
|
|
2
2
|
w-full align-middle inline-flex items-stretch justify-center
|
|
3
3
|
transition-colors duration-fast ease-in-out
|
|
4
|
-
select-none cursor-[inherit]`,this.inverted?"focus-visible:focus-outline-inverted":"focus-visible:focus-outline",this.loading&&"relative cursor-wait",(this.disabled||this.visuallyDisabled)&&"cursor-not-allowed",{sm:"varspacing-8 min-h-8 sd-6-16-
|
|
5
|
-
disabled:sd-6-16-
|
|
6
|
-
disabled:bg-neutral-500 disabled:text-white`,secondary:this.inverted?`border sd-6-16-
|
|
7
|
-
disabled:sd-6-16-
|
|
8
|
-
disabled:sd-6-16-
|
|
9
|
-
disabled:sd-6-16-
|
|
10
|
-
disabled:sd-6-16-
|
|
11
|
-
${this.inverted?"sd-6-16-
|
|
12
|
-
:host{position:relative;z-index:0;display:inline-block;width:auto;cursor:pointer}::slotted(sd-6-16-
|
|
4
|
+
select-none cursor-[inherit]`,this.inverted?"focus-visible:focus-outline-inverted":"focus-visible:focus-outline",this.loading&&"relative cursor-wait",(this.disabled||this.visuallyDisabled)&&"cursor-not-allowed",{sm:"varspacing-8 min-h-8 sd-6-16-4-button--size-sm-font-size sd-6-16-4-button-font-weight sd-6-16-4-button--secondary--size-sm-padding-block sd-6-16-4-button--size-sm-border-radius",md:"varspacing-10 sd-6-16-4-button--size-md-height sd-6-16-4-button--size-md-font-size sd-6-16-4-button--secondary--size-md-padding-block sd-6-16-4-button-font-weight sd-6-16-4-button--size-md-border-radius",lg:"varspacing-12 sd-6-16-4-button--size-lg-height sd-6-16-4-button--size-lg-font-size sd-6-16-4-button--secondary--size-lg-padding-block sd-6-16-4-button-font-weight sd-6-16-4-button--size-lg-border-radius"}[this.size],!n["icon-only"]&&{sm:`${d?"sd-6-16-4-button--secondary-padding-inline":"sd-6-16-4-button--size-sm-padding-block sd-6-16-4-button-padding-inline"}`,md:`${d?"sd-6-16-4-button--secondary-padding-inline":"sd-6-16-4-button--size-md-padding-block sd-6-16-4-button-padding-inline"}`,lg:`${d?"sd-6-16-4-button--secondary-padding-inline":"sd-6-16-4-button--size-lg-padding-block sd-6-16-4-button-padding-inline"}`}[this.size],n["icon-only"]&&{sm:"px-1 aspect-square",md:"sd-6-16-4-button--size-md--icon-only-padding-inline aspect-square",lg:"px-[12px] aspect-square"}[this.size],{primary:this.inverted?`${this.visuallyDisabled?"bg-neutral-500 text-white border-neutral-500 hover:bg-neutral-500 active:bg-neutral-500":"sd-6-16-4-button--primary--inverted--default-color-text sd-6-16-4-button--primary--inverted--default-color-background border-white hover:sd-6-16-4-button--primary--inverted--hover-color-text active:sd-6-16-4-button--primary--inverted--active-color-text active:sd-6-16-4-button--primary--inverted--active-color-background"}
|
|
5
|
+
disabled:sd-6-16-4-button--inverted--disabled-color-background disabled:text-white`:`${this.visuallyDisabled?"bg-neutral-500 border-neutral-500 hover:bg-neutral-500 text-white":"sd-6-16-4-button--primary--default-color-background border-transparent sd-6-16-4-button--primary--default-color-text hover:sd-6-16-4-button--primary--hover-color-text active:sd-6-16-4-button--primary--active-color-text"}
|
|
6
|
+
disabled:bg-neutral-500 disabled:text-white`,secondary:this.inverted?`border sd-6-16-4-button-border-width ${this.visuallyDisabled?"text-neutral-600 border-neutral-600 hover:text-neutral-600 hover:border-neutral-600 active:text-neutral-600 active:border-neutral-600":"sd-6-16-4-button--secondary--inverted-color-text sd-6-16-4-button--secondary--inverted-color-border hover:sd-6-16-4-button--secondary--inverted-color-border hover:sd-6-16-4-button--secondary--inverted--hover-color-text hover:sd-6-16-4-button--secondary--inverted--hover-color-background active:sd-6-16-4-button--secondary--inverted--active-color-text active:border-primary-200 active:sd-6-16-4-button--secondary--inverted--active-color-background"}
|
|
7
|
+
disabled:sd-6-16-4-button--inverted--disabled-color-border disabled:sd-6-16-4-button--inverted--disabled-color-text`:`border sd-6-16-4-button-border-width ${this.visuallyDisabled?"sd-6-16-4-button--secondary--disabled-color-text border-neutral-500 hover:text-neutral-500 hover:border-neutral-500 active:text-neutral-500 active:border-neutral-500":"sd-6-16-4-button--secondary--default-color-text border-primary hover:text-primary-500 hover:border-primary-500 active:sd-6-16-4-button--secondary--active-color-text active:border-primary-800"}
|
|
8
|
+
disabled:sd-6-16-4-button--secondary--disabled-color-text disabled:border-neutral-500`,tertiary:this.inverted?`border-transparent ${this.visuallyDisabled?"text-neutral-600 hover:text-neutral-600 active:text-neutral-600":"sd-6-16-4-button--tertiary--inverted-color-text hover:sd-6-16-4-button--tertiary--inverted--hover-color-text hover:sd-6-16-4-button--tertiary--inverted--hover-color-background active:sd-6-16-4-button--tertiary--inverted--active-color-background active:sd-6-16-4-button--tertiary--inverted--active-color-text"}
|
|
9
|
+
disabled:sd-6-16-4-button--inverted--disabled-color-text`:`border-transparent ${this.visuallyDisabled?"sd-6-16-4-button--tertiary--disabled-color-text hover:text-neutral-500 active:text-neutral-500":"sd-6-16-4-button--tertiary--default-color-text hover:text-primary-500 active:sd-6-16-4-button--tertiary--active-color-text"}
|
|
10
|
+
disabled:sd-6-16-4-button--tertiary--disabled-color-text`,cta:`${this.visuallyDisabled?"bg-neutral-500 border-neutral-500 hover:bg-neutral-500 active:bg-neutral-500":"bg-accent border-transparent hover:bg-accent-500"}
|
|
11
|
+
${this.inverted?"sd-6-16-4-button--cta--inverted--default-color-background sd-6-16-4-button--cta--inverted--default-color-text hover:sd-6-16-4-button--cta--inverted--hover-color-text active:sd-6-16-4-button--cta--inverted--active-color-text disabled:sd-6-16-4-button--inverted--disabled-color-background disabled:text-white":"text-white bg-accent disabled:bg-neutral-500 hover:bg-accent-500 disabled:border-neutral-500 disabled:text-white"}`}[this.variant])}" ?disabled="${i(r?void 0:this.disabled)}" type="${i(r?void 0:this.type)}" title="${this.title}" name="${i(r?void 0:this.name)}" value="${i(r?void 0:this.value)}" href="${i(r?this.href:void 0)}" target="${i(r?this.target:void 0)}" download="${i(r?this.download:void 0)}" rel="${i(r&&this.target?"noreferrer noopener":void 0)}" role="${i(r?void 0:"button")}" aria-disabled="${this.disabled||this.visuallyDisabled?"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}"><div part="motion-wrapper" class="${a("absolute inset-0 -z-10 overflow-hidden pointer-events-none ",(this.disabled||this.visuallyDisabled)&&"hidden",{sm:"sd-6-16-4-button-border-radius",md:"sd-6-16-4-button-border-radius",lg:"sd-6-16-4-button-border-radius"}[this.size])}"><div class="absolute inset-0 w-full h-full transition-all duration-fast translate-y-full group-hover:translate-y-0 group-hover:mt-[-22%] mt-[11%]"><div class="${a("absolute right-0 min-w-full min-h-full aspect-square skew-y-[-11deg] mt-[11%]",{primary:this.inverted?"sd-6-16-4-button--primary--inverted--hover-color-background group-active:sd-6-16-4-button--primary--inverted--active-color-background":"sd-6-16-4-button--primary--hover-color-background group-active:bg-primary-800",secondary:this.inverted?"sd-6-16-4-button--secondary--inverted--hover-color-background group-active:sd-6-16-4-button--secondary--inverted--active-color-background group-active:sd-6-16-4-button--secondary--inverted--active-color-text":"sd-6-16-4-button--secondary--hover-color-background group-active:sd-6-16-4-button--secondary--active-color-background",tertiary:this.inverted?"sd-6-16-4-button--tertiary--inverted--hover-color-background group-active:sd-6-16-4-button--tertiary--inverted--active-color-background group-active:sd-6-16-4-button--tertiary--inverted--active-color-text":"sd-6-16-4-button--tertiary--hover-color-background group-active:sd-6-16-4-button--tertiary--active-color-background",cta:this.inverted?"sd-6-16-4-button--cta--inverted--hover-color-background group-active:sd-6-16-4-button--cta--inverted--active-color-background":"bg-accent-500 group-active:bg-accent-700"}[this.variant])}"></div><div class="${a("absolute w-full h-full mt-[22%]",{primary:this.inverted?"sd-6-16-4-button--primary--inverted--hover-color-background group-active:sd-6-16-4-button--primary--inverted--active-color-background":"sd-6-16-4-button--primary--hover-color-background group-active:bg-primary-800",secondary:this.inverted?"sd-6-16-4-button--secondary--inverted--hover-color-background group-active:sd-6-16-4-button--secondary--inverted--active-color-background group-active:sd-6-16-4-button--secondary--inverted--active-color-text":"sd-6-16-4-button--secondary--hover-color-background group-active:sd-6-16-4-button--secondary--active-color-background",tertiary:this.inverted?"sd-6-16-4-button--tertiary--inverted--hover-color-background group-active:sd-6-16-4-button--tertiary--inverted--active-color-background group-active:sd-6-16-4-button--tertiary--inverted--active-color-text":"sd-6-16-4-button--tertiary--hover-color-background group-active:sd-6-16-4-button--tertiary--active-color-background",cta:this.inverted?"sd-6-16-4-button--cta--inverted--hover-color-background group-active:sd-6-16-4-button--cta--inverted--active-color-background":"bg-accent-500 group-active:bg-accent-700"}[this.variant])}"></div></div></div><slot name="icon-left" part="icon-left" class="${a("flex flex-auto items-center justify-end pointer-events-none",n["icon-only"]&&"hidden",this.loading&&"invisible",n["icon-left"]&&{sm:"mr-1",md:"mr-2",lg:"mr-2"}[this.size])}"></slot><slot part="label" id="content" class="${a("inline-flex items-center justify-center",{sm:"leading-5",md:"leading-6",lg:"leading-6"}[this.size],n["icon-only"]&&"pointer-events-none",this.loading&&"invisible")}"></slot><slot name="icon-right" part="icon-right" class="${a("flex flex-auto items-center pointer-events-none",this.loading&&"invisible",n["icon-only"]&&"hidden",n["icon-right"]&&{sm:"ml-1",md:"ml-2",lg:"ml-2"}[this.size])}"></slot>${this.loading?u`<sd-6-16-4-loader class="${a("absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2")}"></sd-6-16-4-loader>`:""}</${s}>`}};t.styles=[...l.styles,b`/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
|
|
12
|
+
:host{position:relative;z-index:0;display:inline-block;width:auto;cursor:pointer}::slotted(sd-6-16-4-badge){pointer-events:none;position:absolute;top:calc(var(--sd-spacing-1) * 0);right:calc(var(--sd-spacing-1) * 0);--tw-translate-x:calc(1 / 2 * 100%)!important;--tw-translate-y:calc(calc(1 / 2 * 100%) * -1)!important;translate:var(--tw-translate-x) var(--tw-translate-y)!important}::slotted(sd-6-16-4-icon),sd-6-16-4-loader{font-size:calc(var(--tw-varspacing)/ 2)}:host([size=lg]) ::slotted(sd-6-16-4-icon){font-size:var(--sd-button--size-lg-icon-height,var(--sd-spacing-6))}:host([size=sm]) .sd-6-16-4-button--size-sm-border-radius{border-radius:var(--sd-button--size-sm-border-radius,var(--sd-button-border-radius))}:host([size=md]) .sd-6-16-4-button--size-md-border-radius{border-radius:var(--sd-button--size-md-border-radius,var(--sd-button-border-radius))}:host([size=lg]) .sd-6-16-4-button--size-lg-border-radius{border-radius:var(--sd-button--size-lg-border-radius,var(--sd-button-border-radius))}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}`],e([m("a, button")],t.prototype,"button",2),e([g({selector:"sd-6-16-4-icon"})],t.prototype,"_iconsInDefaultSlot",2),e([h()],t.prototype,"invalid",2),e([o({type:String,reflect:!0})],t.prototype,"title",2),e([o({type:String,reflect:!0})],t.prototype,"variant",2),e([o({type:Boolean,reflect:!0})],t.prototype,"inverted",2),e([o({type:String,reflect:!0})],t.prototype,"size",2),e([o({type:Boolean,reflect:!0})],t.prototype,"disabled",2),e([o({type:Boolean,reflect:!0,attribute:"visually-disabled"})],t.prototype,"visuallyDisabled",2),e([o({type:Boolean,reflect:!0})],t.prototype,"loading",2),e([o({type:String,reflect:!0})],t.prototype,"type",2),e([o({type:String,reflect:!0})],t.prototype,"name",2),e([o()],t.prototype,"value",2),e([o({type:String,reflect:!0})],t.prototype,"href",2),e([o({type:String,reflect:!0})],t.prototype,"target",2),e([o({reflect:!0})],t.prototype,"download",2),e([o({reflect:!0})],t.prototype,"form",2),e([o({attribute:"formaction"})],t.prototype,"formAction",2),e([o({attribute:"formenctype"})],t.prototype,"formEnctype",2),e([o({attribute:"formmethod"})],t.prototype,"formMethod",2),e([o({attribute:"formnovalidate",type:Boolean})],t.prototype,"formNoValidate",2),e([o({attribute:"formtarget"})],t.prototype,"formTarget",2),e([p("disabled",{waitUntilFirstUpdate:!0})],t.prototype,"handleDisabledChange",1),t=e([v("sd-6-16-4-button")],t);export{t as a};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a as b}from"./chunk.CGQ2BPPZ.js";import{a as u}from"./chunk.IQPMMUES.js";import{a}from"./chunk.QIKBKQXB.js";import{a as n}from"./chunk.NYKJXI3Q.js";import{a as c,b as i,d as o,h as l}from"./chunk.6FABT2P2.js";import{b as d,e as s}from"./chunk.UOAG5PNU.js";import{e}from"./chunk.6EV4YU6C.js";var v=0,t=class extends l{constructor(){super(...arguments);this.attrId=++v;this.componentId=`sd-6-16-
|
|
2
|
-
:host{box-sizing:border-box;display:inline-block}:host(:hover)::part(hover-bottom-border){border-bottom-color:rgba(var(--sd-color-border-neutral-400))}.tab-container-border::after{position:absolute;height:100%;width:100%;border-style:var(--tw-border-style);border-width:1px;border-color:transparent;--tw-content:'';content:var(--tw-content)}.tab--active-container-border::after{position:absolute;height:100%;width:100%;border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--sd-color-border-neutral-400));transition-property:border;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,150ms));--tw-duration:var(--sd-duration-medium, 300ms);transition-duration:var(--sd-duration-medium,300ms);--tw-ease:var(--ease-in-out, cubic-bezier(0.4, 0, 0.2, 1));transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1));--tw-content:'';content:var(--tw-content);border-bottom:none;border-radius:4px 4px 0 0}[part=active-tab-indicator]{--tw-scale-x:0%;--tw-scale-y:0%;--tw-scale-z:0%;scale:var(--tw-scale-x) var(--tw-scale-y);opacity:var(--sd-opacity-0);--tw-duration:var(--sd-duration-fast, 150ms);transition-duration:var(--sd-duration-fast,150ms);transition:width var(--sd-duration-fast) ease-in-out,opacity var(--sd-duration-fast) ease-in-out,transform var(--sd-duration-fast) ease-in-out var(--sd-duration-fast)}:host([active]) [part=active-tab-indicator]{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y);opacity:var(--sd-opacity-100);transition:width var(--sd-duration-fast) ease-in-out,transform var(--sd-duration-fast) ease-in-out}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}`],e([o("[part=base]")],t.prototype,"tab",2),e([o("[part=active-tab-indicator]")],t.prototype,"currentIndicator",2),e([i({type:String,reflect:!0})],t.prototype,"variant",2),e([i({type:Boolean,reflect:!0})],t.prototype,"active",2),e([i({type:Boolean,reflect:!0})],t.prototype,"disabled",2),e([i({type:Boolean,reflect:!0,attribute:"visually-disabled"})],t.prototype,"visuallyDisabled",2),e([i({type:String,reflect:!0})],t.prototype,"panel",2),e([n("active")],t.prototype,"handleActiveChange",1),e([n(["disabled","visually-disabled"])],t.prototype,"handleDisabledChange",1),t=e([c("sd-6-16-
|
|
1
|
+
import{a as b}from"./chunk.CGQ2BPPZ.js";import{a as u}from"./chunk.IQPMMUES.js";import{a}from"./chunk.QIKBKQXB.js";import{a as n}from"./chunk.NYKJXI3Q.js";import{a as c,b as i,d as o,h as l}from"./chunk.6FABT2P2.js";import{b as d,e as s}from"./chunk.UOAG5PNU.js";import{e}from"./chunk.6EV4YU6C.js";var v=0,t=class extends l{constructor(){super(...arguments);this.attrId=++v;this.componentId=`sd-6-16-4-tab-${this.attrId}`;this.hasSlotController=new b(this,"left");this.localize=new u(this);this.variant="default";this.active=!1;this.disabled=!1;this.visuallyDisabled=!1;this.panel=""}connectedCallback(){super.connectedCallback(),this.setAttribute("role","tab")}handleActiveChange(){this.setAttribute("aria-selected",this.active?"true":"false")}handleDisabledChange(){let r=this.disabled||this.visuallyDisabled;this.setAttribute("aria-disabled",r?"true":"false")}focus(r){this.tab.focus(r)}blur(){this.tab.blur()}render(){this.id=this.id.length>0?this.id:this.componentId;let r={left:this.hasSlotController.test("left")};return s`<div part="base" class="${a("inline-flex justify-center min-w-max items-center h-12 px-3 leading-none select-none cursor-pointer group relative choice-control-font-weight","outline-hidden focus-visible:focus-outline outline-2 !-outline-offset-2 transition-all duration-fast ease-in-out",this.variant==="container"?"tab-container-border bg-white rounded-[4px_4px_0_0]":"navigable-border-radius",this.variant==="container"&&this.active&&"tab--active-container-border bg-white",this.disabled||this.visuallyDisabled?"!cursor-not-allowed":"hover:sd-6-16-4-tab--hover-color-background",this.active&&"z-20 sd-6-16-4-tab--active-color-text")}" tabindex="${!this.active||this.disabled?"-1":"0"}"><div class="${a("flex h-full items-center justify-center whitespace-nowrap",this.disabled||this.visuallyDisabled&&"opacity-50 ")}"><slot name="left" class="${a(r.left&&"block pr-2",this.disabled||this.visuallyDisabled?"text-neutral-500":this.active?"sd-6-16-4-tab--active-color-text":"sd-6-16-4-tab-color-text")}"></slot><slot class="${a(this.disabled||this.visuallyDisabled?"text-neutral-500":this.active?"sd-6-16-4-tab--active-color-text":"sd-6-16-4-tab-color-text")}"></slot>${this.variant==="container"?s`<div part="active-tab-indicator" class="${a("absolute bottom-0 h-1 bg-accent w-3/4 bottom-0 group-hover:w-[calc(100%-2px)] navigable__current-indicator-height navigable__current-indicator-border-radius")}"></div>`:""}<div part="hover-bottom-border" class="${a(!this.active&&!this.disabled&&"absolute bottom-0 left-0 w-full h-0.25 border-b sd-6-16-4-tab-color-border")}"></div></div></div>`}};t.styles=[...l.styles,d`/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
|
|
2
|
+
:host{box-sizing:border-box;display:inline-block}:host(:hover)::part(hover-bottom-border){border-bottom-color:rgba(var(--sd-color-border-neutral-400))}.tab-container-border::after{position:absolute;height:100%;width:100%;border-style:var(--tw-border-style);border-width:1px;border-color:transparent;--tw-content:'';content:var(--tw-content)}.tab--active-container-border::after{position:absolute;height:100%;width:100%;border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--sd-color-border-neutral-400));transition-property:border;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,150ms));--tw-duration:var(--sd-duration-medium, 300ms);transition-duration:var(--sd-duration-medium,300ms);--tw-ease:var(--ease-in-out, cubic-bezier(0.4, 0, 0.2, 1));transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1));--tw-content:'';content:var(--tw-content);border-bottom:none;border-radius:4px 4px 0 0}[part=active-tab-indicator]{--tw-scale-x:0%;--tw-scale-y:0%;--tw-scale-z:0%;scale:var(--tw-scale-x) var(--tw-scale-y);opacity:var(--sd-opacity-0);--tw-duration:var(--sd-duration-fast, 150ms);transition-duration:var(--sd-duration-fast,150ms);transition:width var(--sd-duration-fast) ease-in-out,opacity var(--sd-duration-fast) ease-in-out,transform var(--sd-duration-fast) ease-in-out var(--sd-duration-fast)}:host([active]) [part=active-tab-indicator]{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y);opacity:var(--sd-opacity-100);transition:width var(--sd-duration-fast) ease-in-out,transform var(--sd-duration-fast) ease-in-out}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}`],e([o("[part=base]")],t.prototype,"tab",2),e([o("[part=active-tab-indicator]")],t.prototype,"currentIndicator",2),e([i({type:String,reflect:!0})],t.prototype,"variant",2),e([i({type:Boolean,reflect:!0})],t.prototype,"active",2),e([i({type:Boolean,reflect:!0})],t.prototype,"disabled",2),e([i({type:Boolean,reflect:!0,attribute:"visually-disabled"})],t.prototype,"visuallyDisabled",2),e([i({type:String,reflect:!0})],t.prototype,"panel",2),e([n("active")],t.prototype,"handleActiveChange",1),e([n(["disabled","visually-disabled"])],t.prototype,"handleDisabledChange",1),t=e([c("sd-6-16-4-tab")],t);export{t as a};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a as y,b as k}from"./chunk.I2H6CZK5.js";import{a as $}from"./chunk.SLXPE3UU.js";import{a as c,c as d}from"./chunk.B2NUKX6G.js";import{a as g}from"./chunk.KLRPP4NQ.js";import{a as H}from"./chunk.IQPMMUES.js";import{a as o}from"./chunk.QIKBKQXB.js";import{a as f}from"./chunk.NYKJXI3Q.js";import{a as T,b as s,d as p,h as w}from"./chunk.6FABT2P2.js";import{b as v,e as u}from"./chunk.UOAG5PNU.js";import{b as n,e as l,f as b}from"./chunk.W4QBFD6E.js";import{e}from"./chunk.6EV4YU6C.js";var m={"top-right":null,"bottom-center":null},E=()=>{Object.entries(m).forEach(([a])=>{let h=document.querySelector(`#sd-toast-stack--${a}`);if(h){h.setAttribute("role","region"),m[a]=h;return}m[a]=Object.assign(document.createElement("div"),{role:"region",id:`sd-toast-stack--${a}`,className:`sd-toast-stack sd-toast-stack--${a}`})})};E();var t=class extends w{constructor(){super(...arguments);this.localize=new H(this);this.variant="info";this.open=!1;this.closable=!1;this.duration=1/0;this.durationIndicator=!1;this.toastStack="top-right";this.remainingDuration=this.duration;this.startTime=Date.now()}get stack(){return m[this.toastStack]}connectedCallback(){super.connectedCallback(),this.stack.parentElement||(document.body.append(this.stack),this.stack.ariaLabel=this.localize.term("notifications"))}disconnectedCallback(){super.disconnectedCallback()}firstUpdated(){this.wrapper.hidden=!this.open}startAutoHide(){clearTimeout(this.autoHideTimeout),this.startTime=Date.now(),this.remainingDuration=this.duration,this.open&&this.duration<1/0&&(this.autoHideTimeout=window.setTimeout(()=>this.hide(),this.duration))}onHover(){clearTimeout(this.autoHideTimeout),this.duration<1/0&&(this.remainingDuration-=Date.now()-this.startTime)}onHoverEnd(){this.startTime=Date.now(),clearTimeout(this.autoHideTimeout),this.open&&this.duration<1/0&&(this.autoHideTimeout=window.setTimeout(()=>{this.hide()},this.remainingDuration))}handleCloseClick(){this.hide()}handleKeyDown(i){this.closable&&i.key==="Escape"&&this.hide()}async handleOpenChange(){if(this.open){this.emit("sd-show"),this.duration<1/0&&this.startAutoHide(),await Promise.all([l(this.base),l(this.wrapper)]),this.wrapper.hidden=!1;let i=d(this,"notification.show",{dir:this.localize.dir()}),r=d(this,`notification.wrapper.show${y(k(this.toastStack))}`,{dir:this.localize.dir()});await Promise.all([n(this.base,b(i.keyframes,this.base.scrollHeight),i.options),n(this.wrapper,r.keyframes,r.options)]),this.emit("sd-after-show")}else{this.emit("sd-hide"),clearTimeout(this.autoHideTimeout),await Promise.all([l(this.base),l(this.wrapper)]);let i=d(this,"notification.hide",{dir:this.localize.dir()}),r=d(this,`notification.wrapper.hide${y(k(this.toastStack))}`,{dir:this.localize.dir()});await Promise.all([n(this.base,b(i.keyframes,this.base.scrollHeight),i.options),n(this.wrapper,r.keyframes,r.options)]),this.wrapper.hidden=!0,this.emit("sd-after-hide")}}handleDurationChange(){this.startAutoHide()}async show(){if(!this.open)return this.open=!0,g(this,"sd-after-show")}async hide(){if(this.open)return this.open=!1,g(this,"sd-after-hide")}async toast(){return new Promise(i=>{this.stack.parentElement===null&&document.body.append(this.stack),this.stack.appendChild(this),requestAnimationFrame(()=>{this.clientWidth,this.show()}),this.addEventListener("sd-after-hide",()=>{this.stack.removeChild(this),i()},{once:!0})})}render(){return u`<div part="base" class="${o("w-full flex items-stretch m-2 focus-visible:focus-outline")}" id="notification" tabindex="${$(this.closable?"0":void 0)}" role="alert" aria-labelledby="message" aria-hidden="${this.open?"false":"true"}" @mouseenter="${this.onHover}" @mouseleave="${this.onHoverEnd}" @keydown="${this.handleKeyDown}"><div part="wrapper" class="${o("w-full h-fit overflow-hidden flex items-stretch relative")}"><slot name="icon" part="icon" class="${o("min-w-min flex items-center px-3 justify-center",{info:"bg-info",success:"bg-success",warning:"bg-warning",error:"bg-error"}[this.variant])}"><sd-6-16-
|
|
2
|
-
:host{display:contents}#notification:hover #duration-indicator__elapsed{animation-play-state:paused!important}`],e([p('[part~="base"]')],t.prototype,"base",2),e([p('[part~="wrapper"]')],t.prototype,"wrapper",2),e([p('[part~="close-button"]')],t.prototype,"close",2),e([s({type:String,reflect:!0})],t.prototype,"variant",2),e([s({type:Boolean,reflect:!0})],t.prototype,"open",2),e([s({type:Boolean,reflect:!0})],t.prototype,"closable",2),e([s({type:Number,reflect:!0})],t.prototype,"duration",2),e([s({type:Boolean,reflect:!0,attribute:"duration-indicator"})],t.prototype,"durationIndicator",2),e([s({type:String,reflect:!0,attribute:"toast-stack"})],t.prototype,"toastStack",2),e([f("open",{waitUntilFirstUpdate:!0})],t.prototype,"handleOpenChange",1),e([f("duration")],t.prototype,"handleDurationChange",1),t=e([T("sd-6-16-
|
|
1
|
+
import{a as y,b as k}from"./chunk.I2H6CZK5.js";import{a as $}from"./chunk.SLXPE3UU.js";import{a as c,c as d}from"./chunk.B2NUKX6G.js";import{a as g}from"./chunk.KLRPP4NQ.js";import{a as H}from"./chunk.IQPMMUES.js";import{a as o}from"./chunk.QIKBKQXB.js";import{a as f}from"./chunk.NYKJXI3Q.js";import{a as T,b as s,d as p,h as w}from"./chunk.6FABT2P2.js";import{b as v,e as u}from"./chunk.UOAG5PNU.js";import{b as n,e as l,f as b}from"./chunk.W4QBFD6E.js";import{e}from"./chunk.6EV4YU6C.js";var m={"top-right":null,"bottom-center":null},E=()=>{Object.entries(m).forEach(([a])=>{let h=document.querySelector(`#sd-toast-stack--${a}`);if(h){h.setAttribute("role","region"),m[a]=h;return}m[a]=Object.assign(document.createElement("div"),{role:"region",id:`sd-toast-stack--${a}`,className:`sd-toast-stack sd-toast-stack--${a}`})})};E();var t=class extends w{constructor(){super(...arguments);this.localize=new H(this);this.variant="info";this.open=!1;this.closable=!1;this.duration=1/0;this.durationIndicator=!1;this.toastStack="top-right";this.remainingDuration=this.duration;this.startTime=Date.now()}get stack(){return m[this.toastStack]}connectedCallback(){super.connectedCallback(),this.stack.parentElement||(document.body.append(this.stack),this.stack.ariaLabel=this.localize.term("notifications"))}disconnectedCallback(){super.disconnectedCallback()}firstUpdated(){this.wrapper.hidden=!this.open}startAutoHide(){clearTimeout(this.autoHideTimeout),this.startTime=Date.now(),this.remainingDuration=this.duration,this.open&&this.duration<1/0&&(this.autoHideTimeout=window.setTimeout(()=>this.hide(),this.duration))}onHover(){clearTimeout(this.autoHideTimeout),this.duration<1/0&&(this.remainingDuration-=Date.now()-this.startTime)}onHoverEnd(){this.startTime=Date.now(),clearTimeout(this.autoHideTimeout),this.open&&this.duration<1/0&&(this.autoHideTimeout=window.setTimeout(()=>{this.hide()},this.remainingDuration))}handleCloseClick(){this.hide()}handleKeyDown(i){this.closable&&i.key==="Escape"&&this.hide()}async handleOpenChange(){if(this.open){this.emit("sd-show"),this.duration<1/0&&this.startAutoHide(),await Promise.all([l(this.base),l(this.wrapper)]),this.wrapper.hidden=!1;let i=d(this,"notification.show",{dir:this.localize.dir()}),r=d(this,`notification.wrapper.show${y(k(this.toastStack))}`,{dir:this.localize.dir()});await Promise.all([n(this.base,b(i.keyframes,this.base.scrollHeight),i.options),n(this.wrapper,r.keyframes,r.options)]),this.emit("sd-after-show")}else{this.emit("sd-hide"),clearTimeout(this.autoHideTimeout),await Promise.all([l(this.base),l(this.wrapper)]);let i=d(this,"notification.hide",{dir:this.localize.dir()}),r=d(this,`notification.wrapper.hide${y(k(this.toastStack))}`,{dir:this.localize.dir()});await Promise.all([n(this.base,b(i.keyframes,this.base.scrollHeight),i.options),n(this.wrapper,r.keyframes,r.options)]),this.wrapper.hidden=!0,this.emit("sd-after-hide")}}handleDurationChange(){this.startAutoHide()}async show(){if(!this.open)return this.open=!0,g(this,"sd-after-show")}async hide(){if(this.open)return this.open=!1,g(this,"sd-after-hide")}async toast(){return new Promise(i=>{this.stack.parentElement===null&&document.body.append(this.stack),this.stack.appendChild(this),requestAnimationFrame(()=>{this.clientWidth,this.show()}),this.addEventListener("sd-after-hide",()=>{this.stack.removeChild(this),i()},{once:!0})})}render(){return u`<div part="base" class="${o("w-full flex items-stretch m-2 focus-visible:focus-outline")}" id="notification" tabindex="${$(this.closable?"0":void 0)}" role="alert" aria-labelledby="message" aria-hidden="${this.open?"false":"true"}" @mouseenter="${this.onHover}" @mouseleave="${this.onHoverEnd}" @keydown="${this.handleKeyDown}"><div part="wrapper" class="${o("w-full h-fit overflow-hidden flex items-stretch relative")}"><slot name="icon" part="icon" class="${o("min-w-min flex items-center px-3 justify-center",{info:"bg-info",success:"bg-success",warning:"bg-warning",error:"bg-error"}[this.variant])}"><sd-6-16-4-icon name="${{info:"info-circle",success:"confirm-circle",warning:"exclamation-circle",error:"warning"}[this.variant]||""}" library="_internal" class="h-6 w-6 text-white"></sd-6-16-4-icon></slot><div part="content" class="${o("h-full w-full p-1 gap-2 flex items-center justify-stretch bg-white","border-solid border-[1px] border-l-0 sd-6-16-4-notification-color-border",{info:"sd-6-16-4-notification--info-color-background",success:"sd-6-16-4-notification--success-color-background",warning:"sd-6-16-4-notification--warning-color-background",error:"sd-6-16-4-notification--error-color-background"}[this.variant])}"><slot id="message" part="message" class="block w-full pl-3 py-2"></slot>${this.closable?u`<sd-6-16-4-button size="md" variant="tertiary" part="close-button" class="ml-auto flex flex-[0_0_auto] items-stretch" @click="${this.handleCloseClick}"><sd-6-16-4-icon label="${this.localize.term("close")}" name="close" library="_internal" color="currentColor"></sd-6-16-4-icon></sd-6-16-4-button>`:""}</div>${this.durationIndicator?u`<div part="duration-indicator__elapsed" id="duration-indicator__elapsed" style="${`animation-duration: ${this.duration}ms`}" class="${o("absolute w-0 h-[2px] bottom-0 sd-6-16-4-notification__duration-indicator-color-background z-10 animate-grow")}"></div><div part="duration-indicator__total" class="w-full h-[2px] bottom-0 absolute border border-neutral-400"></div>`:""}</div></div>`}};t.styles=[...w.styles,v`/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
|
|
2
|
+
:host{display:contents}#notification:hover #duration-indicator__elapsed{animation-play-state:paused!important}`],e([p('[part~="base"]')],t.prototype,"base",2),e([p('[part~="wrapper"]')],t.prototype,"wrapper",2),e([p('[part~="close-button"]')],t.prototype,"close",2),e([s({type:String,reflect:!0})],t.prototype,"variant",2),e([s({type:Boolean,reflect:!0})],t.prototype,"open",2),e([s({type:Boolean,reflect:!0})],t.prototype,"closable",2),e([s({type:Number,reflect:!0})],t.prototype,"duration",2),e([s({type:Boolean,reflect:!0,attribute:"duration-indicator"})],t.prototype,"durationIndicator",2),e([s({type:String,reflect:!0,attribute:"toast-stack"})],t.prototype,"toastStack",2),e([f("open",{waitUntilFirstUpdate:!0})],t.prototype,"handleOpenChange",1),e([f("duration")],t.prototype,"handleDurationChange",1),t=e([T("sd-6-16-4-notification")],t);c("notification.show",{keyframes:[{opacity:0,height:0},{opacity:1,height:"auto"}],options:{duration:"var(--sd-duration-medium, 300)",easing:"ease-in-out"}});c("notification.hide",{keyframes:[{opacity:1,height:"auto"},{opacity:0,height:0}],options:{duration:"var(--sd-duration-fast, 150)",easing:"ease-in-out"}});c("notification.wrapper.showTopRight",{keyframes:[{bottom:"32px"},{bottom:"0"}],options:{duration:"var(--sd-duration-medium, 300)",easing:"ease-in-out"}});c("notification.wrapper.hideTopRight",{keyframes:[{bottom:"0"},{bottom:"32px"}],options:{duration:"var(--sd-duration-fast, 150)",easing:"ease-in-out"}});export{t as a};
|