@stihl-design-system/components 1.0.0-RC.25 → 1.0.0-RC.27
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/{accordion.Dw3qTPN8.js → accordion.CBaDU14g.js} +2 -2
- package/{actionbutton.wYg4A5a2.js → actionbutton.DEJsLxnQ.js} +2 -2
- package/{actionlink.BoWrs0Mo.js → actionlink.Cs6BTCA3.js} +2 -2
- package/{arialiveregions.DVsA5OTR.js → arialiveregions.Fgcshs5k.js} +1 -1
- package/assets/ActionButton.Ewi0i1hW.css +1 -0
- package/assets/ActionLink.BdPEvuGm.css +1 -0
- package/assets/CustomReactSelect.B9f_KYFg.css +1 -0
- package/assets/Icon.QeJ7TxZs.css +1 -0
- package/assets/InputFile.Dqjz53mb.css +1 -0
- package/assets/InputPassword.BuVQ9dRy.css +1 -0
- package/assets/InputSearch.Dwtb3Mhw.css +1 -0
- package/assets/InputStepper.CBt99L83.css +1 -0
- package/assets/Popover.BDTDsPAt.css +1 -0
- package/assets/Select.CghDnBUQ.css +1 -0
- package/assets/Textarea.BgtH-TTe.css +1 -0
- package/assets/banner.D9EiZqqR.css +1 -0
- package/assets/input.DFwunFjw.css +1 -0
- package/assets/radio.BCB51D_y.css +1 -0
- package/assets/scroller.Hszs1Yq4.css +1 -0
- package/banner.CgQdUb_c.js +55 -0
- package/banner.d.ts +2 -0
- package/{breadcrumb.C07HDyGp.js → breadcrumb.x78HJy5P.js} +3 -3
- package/{button.BBqDvwVm.js → button.BD_04tIG.js} +3 -3
- package/{buttonround.Vy1EygFm.js → buttonround.BT3OfowK.js} +2 -2
- package/{checkbox.CvWI1Jrx.js → checkbox.BktYXQmJ.js} +3 -3
- package/{checkboxgroup.BLpSLo9t.js → checkboxgroup.YK8H0YoX.js} +2 -2
- package/{chip.BsDriMfL.js → chip.BKtNbt4y.js} +2 -2
- package/chipgroup.BWpqUzXF.js +209 -0
- package/chunks/{Accordion.Cjc_1Bu1.js → Accordion.eVOD7J_8.js} +2 -2
- package/chunks/ActionButton.Ck1rGqgm.js +165 -0
- package/chunks/ActionLink.DnUNjoAT.js +138 -0
- package/chunks/{AriaLiveRegions.utils.zSFFD3SF.js → AriaLiveRegions.utils.Cb327d_2.js} +1 -1
- package/chunks/{Breadcrumb.QhD6byzd.js → Breadcrumb.B7g30dIO.js} +3 -3
- package/chunks/{Button.DZNUuPKC.js → Button.CC0qEsuR.js} +4 -4
- package/chunks/{Checkbox.Ch8DBzws.js → Checkbox.BIQAKBVy.js} +3 -3
- package/chunks/{CheckboxGroup.C8D6tjVI.js → CheckboxGroup.DHzpgOWp.js} +3 -3
- package/chunks/{Chip.CHy8cZJz.js → Chip.DifLxHH7.js} +3 -3
- package/chunks/{CustomReactSelect.hdDSE0ON.js → CustomReactSelect.BPnzhvw1.js} +1356 -1593
- package/chunks/{Dialog.DPeGj8-T.js → Dialog.BuEEJ199.js} +2 -2
- package/chunks/{Drawer.BMibxANc.js → Drawer.BXUGmpJI.js} +2 -2
- package/chunks/{Fieldset.DHccz6TP.js → Fieldset.BX46NuLh.js} +2 -2
- package/chunks/Header.Djs1adPW.js +361 -0
- package/chunks/{Icon.CAXZUNWo.js → Icon.C0161Glk.js} +70 -67
- package/chunks/{Input.utils.CCYTBWD_.js → Input.utils.Cnnzvuk4.js} +1 -1
- package/chunks/{InputFile.fltVIulD.js → InputFile.vkkg5Pab.js} +32 -32
- package/chunks/InputPassword.D42uUEGy.js +136 -0
- package/chunks/InputSearch.aIbUXVQU.js +174 -0
- package/chunks/InputStepper.DFEdUWm7.js +263 -0
- package/chunks/{LinkButton.DyTU9sfN.js → LinkButton.DmXVHeyZ.js} +3 -3
- package/chunks/{NavigationTabList.D2NVVTjK.js → NavigationTabList.IQM074Vb.js} +1 -1
- package/chunks/{NavigationTabs.TfdsA8GX.js → NavigationTabs.BofhX8bD.js} +2 -2
- package/chunks/{Notification.BRg1qlng.js → Notification.B-3dPVUE.js} +2 -2
- package/chunks/Popover.hXQTvwwd.js +1685 -0
- package/chunks/{RadioGroup.D9mECdMK.js → RadioGroup.c7YYJdUe.js} +3 -3
- package/chunks/{Select.DCxMPsCm.js → Select.B_EHpk22.js} +25 -25
- package/chunks/{Slider.Cljc14kS.js → Slider.DMSwmGwD.js} +2 -2
- package/chunks/{Tabs.GvcCCCFT.js → Tabs.Bl4K3Kjn.js} +2 -2
- package/chunks/{Text.TS4XdA9e.js → Text.DGWeWF1y.js} +1 -1
- package/chunks/{Textarea.Bs4-nzu8.js → Textarea.Ce26v6ht.js} +54 -54
- package/chunks/{Toast.DawJ9OSY.js → Toast.BHz0vlGz.js} +2 -2
- package/chunks/floating-ui.dom.C9TD1WpB.js +950 -0
- package/chunks/helpers.BbWkXTr3.js +37 -0
- package/chunks/is-animation-disabled.CUl4N3LI.js +20 -0
- package/{combobox.DW_ey38o.js → combobox.AaK6QjRl.js} +1 -1
- package/components/ActionButton/ActionButton.d.ts +9 -5
- package/components/ActionButton/ActionButton.utils.d.ts +4 -2
- package/components/ActionLink/ActionLink.d.ts +9 -5
- package/components/ActionLink/ActionLink.utils.d.ts +4 -2
- package/components/Banner/Banner.d.ts +32 -0
- package/components/Banner/Banner.utils.d.ts +2 -0
- package/components/Button/Button.utils.d.ts +1 -1
- package/components/Header/Header.utils.d.ts +0 -2
- package/components/Icon/Icon.d.ts +1 -1
- package/components/Icon/Icon.utils.d.ts +1 -1
- package/components/Popover/Popover.d.ts +40 -0
- package/components/Popover/Popover.test.d.ts +1 -0
- package/components/Popover/Popover.utils.d.ts +53 -0
- package/components/Popover/Popover.utils.test.d.ts +1 -0
- package/components/Scroller/Scroller.d.ts +20 -0
- package/components/Scroller/Scroller.utils.d.ts +3 -0
- package/components/Tabs/TabList/TabList.d.ts +1 -1
- package/components/Tabs/TabList/TabList.utils.d.ts +0 -4
- package/connected-icon.svg +1 -0
- package/{customreactselect.DcH7h1mb.js → customreactselect.Bu1i8wkh.js} +4 -4
- package/{dialog.D6d_WXOM.js → dialog.CGsUCqhR.js} +2 -2
- package/{drawer.BmQWFOuF.js → drawer.BcAo4TO0.js} +2 -2
- package/{fieldset.D6q9YXrO.js → fieldset.DM9ELUJa.js} +2 -2
- package/{filelist.Dnd5nOdw.js → filelist.Cj9U-Jx8.js} +3 -3
- package/{flag.BR312AU-.js → flag.BHaAfp6B.js} +1 -1
- package/{floatingactionbutton.Do6eNSHq.js → floatingactionbutton.DSZXUHB_.js} +2 -2
- package/{header.5iwPmK5V.js → header.WhQHSuB1.js} +2 -2
- package/{icon.HkVs68n_.js → icon.DwfGhFCd.js} +1 -1
- package/icon.svg +1 -1
- package/imow-icon.svg +1 -0
- package/index.d.ts +6 -0
- package/index.es.js +201 -188
- package/{input.mPceLGnf.js → input.DhxUW3zc.js} +37 -37
- package/{inputfile.CIpE9i-3.js → inputfile.Cmkxf4Vq.js} +6 -6
- package/{inputpassword.DkiyI-yo.js → inputpassword.CaJBCMA0.js} +3 -3
- package/{inputsearch.DcOp_VUd.js → inputsearch.B06DhYzo.js} +4 -4
- package/{inputstepper.D7TpDXst.js → inputstepper.DNY7nzP8.js} +4 -4
- package/{link.B5NZ1QKr.js → link.DGuYGfh2.js} +2 -2
- package/{linkbutton.CMVcQVxI.js → linkbutton.B3q0B_yb.js} +3 -3
- package/{logo.B9taqlZR.js → logo.C96KaG1P.js} +1 -1
- package/mystihl-icon.svg +1 -0
- package/{navigationtablist.BMJTC9qo.js → navigationtablist.CS9yEGdP.js} +2 -2
- package/{navigationtabs.BQeKKIFy.js → navigationtabs.DQ1kE-h4.js} +2 -2
- package/{notification.Bzli8Qlq.js → notification.D8BDaU5x.js} +3 -3
- package/{optioncheckbox.DYKRBTy0.js → optioncheckbox.CEEPAq0u.js} +1 -1
- package/package.json +4 -2
- package/partials/assets.const.js +2 -0
- package/partials/copyAssets.js +4 -2
- package/partials/index.js +109 -81
- package/partials/lib/partials.d.ts +1 -1
- package/popover.BFx99cHg.js +10 -0
- package/popover.d.ts +2 -0
- package/radio.Be4pFOLf.js +134 -0
- package/{radiogroup.BnMkpjvV.js → radiogroup.BRjwP01C.js} +3 -3
- package/scroller.CCA6kFR6.js +123 -0
- package/scroller.d.ts +2 -0
- package/{select.BSvjDIVC.js → select.3zE96eWc.js} +3 -3
- package/{skiptocontent.CQ4aARqd.js → skiptocontent.D1UkPmhD.js} +2 -2
- package/{slider.LRlFFlYL.js → slider.CTCf7Xdm.js} +2 -2
- package/{spinner.t5FHjIEK.js → spinner.CeGt8DxU.js} +1 -1
- package/{switch.QUUSE9ZF.js → switch.CtULjgZq.js} +2 -2
- package/{systemfeedback.BpKZEv4U.js → systemfeedback.CLQCbTF6.js} +1 -1
- package/tablist.Dzwe0_J4.js +256 -0
- package/{tabs.CXkSN2kd.js → tabs.yudjJk9d.js} +2 -2
- package/{text.CPwbk8Gy.js → text.ZOUuesnU.js} +2 -2
- package/{textarea.D0ADOdR6.js → textarea.B_3fPtmd.js} +3 -3
- package/{toast.CYYvK4DJ.js → toast.Bhpwj1NF.js} +3 -3
- package/{toastmanager.k9iGb7MN.js → toastmanager.BHk65ynQ.js} +3 -3
- package/topbar.2b8fjmA4.js +11 -0
- package/utils/get-rect.d.ts +4 -0
- package/utils/get-rect.test.d.ts +1 -0
- package/utils/helpers.d.ts +10 -0
- package/utils/index.d.ts +2 -1
- package/utils/is-animation-disabled.d.ts +14 -0
- package/utils/is-animation-disabled.test.d.ts +1 -0
- package/assets/ActionButton.DZVAnm-p.css +0 -1
- package/assets/ActionLink.DuklSL3c.css +0 -1
- package/assets/CustomReactSelect.B8l6al4B.css +0 -1
- package/assets/Icon.ZNrKuqgu.css +0 -1
- package/assets/InputFile.Dx_CULYq.css +0 -1
- package/assets/InputPassword.CkHF5zCh.css +0 -1
- package/assets/InputSearch.BV8Q2EUL.css +0 -1
- package/assets/InputStepper.DzzrAdma.css +0 -1
- package/assets/Select.e1fTfWmm.css +0 -1
- package/assets/Textarea.BGV7Z0Z9.css +0 -1
- package/assets/input.Cj4tF_F7.css +0 -1
- package/assets/radio.CqaNn1Gz.css +0 -1
- package/chipgroup.D1Km301k.js +0 -186
- package/chunks/ActionButton.DFI8P9-f.js +0 -159
- package/chunks/ActionLink.CLQ1yQZF.js +0 -132
- package/chunks/Header.DPafHEKw.js +0 -384
- package/chunks/InputPassword.C4QhwijC.js +0 -136
- package/chunks/InputSearch.DdWBmEmu.js +0 -174
- package/chunks/InputStepper.BRzbuEho.js +0 -263
- package/chunks/helpers.CcqWV-wZ.js +0 -8
- package/radio.Dm9bDBzM.js +0 -134
- package/tablist.DGGeFOi1.js +0 -266
- package/topbar.BPSDyH0N.js +0 -10
- package/utils/isAnimationDisabled.d.ts +0 -1
- /package/components/{Tabs/TabList/TabList.utils.test.d.ts → Banner/Banner.test.d.ts} +0 -0
|
@@ -62,7 +62,7 @@ export declare function getResetStyles(options?: GetResetStylesOptions): string
|
|
|
62
62
|
type GetSSRStylesOptions = {
|
|
63
63
|
format?: Exclude<Format, 'cra'>;
|
|
64
64
|
};
|
|
65
|
-
declare const COMPONENT_NAME: readonly ["DSAccordion", "DSActionButton", "DSActionLink", "DSAriaLiveRegions", "DSBreadcrumb", "DSButton", "DSButtonRound", "DSCheckbox", "DSCheckboxGroup", "DSChipGroup", "DSCombobox", "DSDialog", "DSDrawer", "DSFieldset", "DSFlag", "DSFloatingActionButton", "DSHeader", "DSHeading", "DSIcon", "DSInput", "DSInputFile", "DSInputPassword", "DSInputSearch", "DSInputStepper", "DSLink", "DSLinkButton", "DSLogo", "DSNavigationTabs", "DSNotification", "DSRadioGroup", "DSSelect", "DSSkipToContent", "DSSlider", "DSSpinner", "DSSwitch", "DSTabs", "DSText", "DSTextarea", "DSTitle", "DSToastManager", "DSTopBar"];
|
|
65
|
+
declare const COMPONENT_NAME: readonly ["DSAccordion", "DSActionButton", "DSActionLink", "DSAriaLiveRegions", "DSBanner", "DSBreadcrumb", "DSButton", "DSButtonRound", "DSCheckbox", "DSCheckboxGroup", "DSChipGroup", "DSCombobox", "DSDialog", "DSDrawer", "DSFieldset", "DSFlag", "DSFloatingActionButton", "DSHeader", "DSHeading", "DSIcon", "DSInput", "DSInputFile", "DSInputPassword", "DSInputSearch", "DSInputStepper", "DSLink", "DSLinkButton", "DSLogo", "DSNavigationTabs", "DSNotification", "DSPopover", "DSRadioGroup", "DSScroller", "DSSelect", "DSSkipToContent", "DSSlider", "DSSpinner", "DSSwitch", "DSTabs", "DSText", "DSTextarea", "DSTitle", "DSToastManager", "DSTopBar"];
|
|
66
66
|
export type ComponentName = (typeof COMPONENT_NAME)[number];
|
|
67
67
|
/**
|
|
68
68
|
* Retrieves server-side rendered (SSR) styles for the specified components to be injected into the <head> at build time.
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import "react/jsx-runtime";
|
|
3
|
+
import "./chunks/index.CgTHIF3K.js";
|
|
4
|
+
import { D as s } from "./chunks/Popover.hXQTvwwd.js";
|
|
5
|
+
import "react";
|
|
6
|
+
import "./chunks/index.CEyLAtio.js";
|
|
7
|
+
import "./chunks/helpers.BbWkXTr3.js";
|
|
8
|
+
export {
|
|
9
|
+
s as DSPopover
|
|
10
|
+
};
|
package/popover.d.ts
ADDED
|
@@ -0,0 +1,134 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as B, jsxs as ce } from "react/jsx-runtime";
|
|
3
|
+
import { d as pe } from "./chunks/index.CgTHIF3K.js";
|
|
4
|
+
import { c as E } from "./chunks/index.CEyLAtio.js";
|
|
5
|
+
import { forwardRef as Ce, useRef as he, useState as je, useEffect as ye } from "react";
|
|
6
|
+
import { u as ke } from "./chunks/useBreakpoint.CMOR9ZOB.js";
|
|
7
|
+
import './assets/radio.BCB51D_y.css';const fe = (D) => D.replace(/\s+/g, ""), He = "ds-radio_root_r0jf6_1", ge = "ds-radio_root--disabled_r0jf6_24", Ne = "ds-radio_root--with-custom-area_r0jf6_27", We = "ds-radio_root--with-custom-area--above_r0jf6_30", Be = "ds-radio_radio_r0jf6_36", De = "ds-radio_dot_r0jf6_54", xe = "ds-radio_radio--invalid_r0jf6_78", Se = "ds-radio_label_r0jf6_83", Ue = "ds-radio_label--bold_r0jf6_100", Ie = "ds-radio_label--hidden_r0jf6_111", Ve = "ds-radio_label--with-custom-area_r0jf6_123", $e = "ds-radio_custom-area_r0jf6_127", we = "ds-radio_custom-area--above_r0jf6_135", Le = "ds-radio_hint_r0jf6_141", Ee = "ds-radio_hint--visible_r0jf6_165", Oe = "ds-radio_hint--unchecked-hidden_r0jf6_169", Pe = "ds-radio_hint--hidden_r0jf6_173", Re = "ds-radio_input_r0jf6_186", t = {
|
|
8
|
+
root: He,
|
|
9
|
+
rootDisabled: ge,
|
|
10
|
+
rootWithCustomArea: Ne,
|
|
11
|
+
rootWithCustomAreaAbove: We,
|
|
12
|
+
radio: Be,
|
|
13
|
+
dot: De,
|
|
14
|
+
radioInvalid: xe,
|
|
15
|
+
label: Se,
|
|
16
|
+
labelBold: Ue,
|
|
17
|
+
labelHidden: Ie,
|
|
18
|
+
labelWithCustomArea: Ve,
|
|
19
|
+
customArea: $e,
|
|
20
|
+
customAreaAbove: we,
|
|
21
|
+
hint: Le,
|
|
22
|
+
hintVisible: Ee,
|
|
23
|
+
hintUncheckedHidden: Oe,
|
|
24
|
+
hintHidden: Pe,
|
|
25
|
+
input: Re
|
|
26
|
+
}, qe = Ce((D, m) => {
|
|
27
|
+
const e = pe.c(87);
|
|
28
|
+
let x, b, o, n, i, d, c, h, v, S, U, I, V, $, w, L, f;
|
|
29
|
+
e[0] !== D ? ({
|
|
30
|
+
label: d,
|
|
31
|
+
name: c,
|
|
32
|
+
value: f,
|
|
33
|
+
checked: x,
|
|
34
|
+
className: b,
|
|
35
|
+
customArea: o,
|
|
36
|
+
isCustomAreaAbove: S,
|
|
37
|
+
defaultChecked: U,
|
|
38
|
+
disabled: I,
|
|
39
|
+
fieldsetId: n,
|
|
40
|
+
hideLabel: V,
|
|
41
|
+
hint: i,
|
|
42
|
+
invalid: $,
|
|
43
|
+
isBold: w,
|
|
44
|
+
hideUncheckedHint: L,
|
|
45
|
+
onChange: h,
|
|
46
|
+
...v
|
|
47
|
+
} = D, e[0] = D, e[1] = x, e[2] = b, e[3] = o, e[4] = n, e[5] = i, e[6] = d, e[7] = c, e[8] = h, e[9] = v, e[10] = S, e[11] = U, e[12] = I, e[13] = V, e[14] = $, e[15] = w, e[16] = L, e[17] = f) : (x = e[1], b = e[2], o = e[3], n = e[4], i = e[5], d = e[6], c = e[7], h = e[8], v = e[9], S = e[10], U = e[11], I = e[12], V = e[13], $ = e[14], w = e[15], L = e[16], f = e[17]);
|
|
48
|
+
const u = S === void 0 ? !1 : S, ue = U === void 0 ? !1 : U, r = I === void 0 ? !1 : I, _e = V === void 0 ? !1 : V, A = $ === void 0 ? !1 : $, Y = w === void 0 ? !1 : w, l = L === void 0 ? !1 : L, me = he(null), a = he(null), [be, ve] = je(ue), O = x !== void 0, s = O ? x : be;
|
|
49
|
+
let P;
|
|
50
|
+
e[18] !== s || e[19] !== l ? (P = () => {
|
|
51
|
+
a.current && l && ((a.current.style.height === "0px" || a.current.style.height === "") && s ? (a.current.style.height = `${a.current.scrollHeight}px`, a.current.style.opacity = "1") : s || (a.current.style.opacity = "0", a.current.style.height = "0px"));
|
|
52
|
+
}, e[18] = s, e[19] = l, e[20] = P) : P = e[20];
|
|
53
|
+
let R;
|
|
54
|
+
e[21] !== s ? (R = [a, s], e[21] = s, e[22] = R) : R = e[22], ye(P, R);
|
|
55
|
+
const p = ke(_e), Z = !!o, ee = !!o && u;
|
|
56
|
+
let q;
|
|
57
|
+
e[23] !== b || e[24] !== r || e[25] !== Z || e[26] !== ee ? (q = E(t.root, {
|
|
58
|
+
[t.rootDisabled]: r,
|
|
59
|
+
[t.rootWithCustomArea]: Z,
|
|
60
|
+
[t.rootWithCustomAreaAbove]: ee
|
|
61
|
+
}, b), e[23] = b, e[24] = r, e[25] = Z, e[26] = ee, e[27] = q) : q = e[27];
|
|
62
|
+
const te = q, oe = !!o;
|
|
63
|
+
let z;
|
|
64
|
+
e[28] !== p || e[29] !== Y || e[30] !== oe ? (z = E(t.label, {
|
|
65
|
+
[t.labelBold]: Y,
|
|
66
|
+
[t.labelHidden]: p,
|
|
67
|
+
[t.labelWithCustomArea]: oe
|
|
68
|
+
}), e[28] = p, e[29] = Y, e[30] = oe, e[31] = z) : z = e[31];
|
|
69
|
+
const se = z;
|
|
70
|
+
let F;
|
|
71
|
+
e[32] !== s || e[33] !== l || e[34] !== i ? (F = () => !l && i ? !0 : !!(l && i && s), e[32] = s, e[33] = l, e[34] = i, e[35] = F) : F = e[35];
|
|
72
|
+
const ie = F;
|
|
73
|
+
let G;
|
|
74
|
+
e[36] !== p || e[37] !== l || e[38] !== ie ? (G = E(t.hint, {
|
|
75
|
+
[t.hintHidden]: p,
|
|
76
|
+
[t.hintUncheckedHidden]: l,
|
|
77
|
+
[t.hintVisible]: ie()
|
|
78
|
+
}), e[36] = p, e[37] = l, e[38] = ie, e[39] = G) : G = e[39];
|
|
79
|
+
const le = G;
|
|
80
|
+
let J;
|
|
81
|
+
e[40] !== A ? (J = E(t.radio, {
|
|
82
|
+
[t.radioInvalid]: A
|
|
83
|
+
}), e[40] = A, e[41] = J) : J = e[41];
|
|
84
|
+
const ae = J;
|
|
85
|
+
let K;
|
|
86
|
+
e[42] === Symbol.for("react.memo_cache_sentinel") ? (K = E(t.customArea, t.customAreaAbove), e[42] = K) : K = e[42];
|
|
87
|
+
const Ae = K;
|
|
88
|
+
let M;
|
|
89
|
+
e[43] !== r || e[44] !== O || e[45] !== h ? (M = (_) => {
|
|
90
|
+
if (r) {
|
|
91
|
+
_.preventDefault();
|
|
92
|
+
return;
|
|
93
|
+
}
|
|
94
|
+
O || ve(_.target.checked), h && h(_);
|
|
95
|
+
}, e[43] = r, e[44] = O, e[45] = h, e[46] = M) : M = e[46];
|
|
96
|
+
const re = M, C = i ? `${fe(c)}-${fe(f)}-description` : void 0;
|
|
97
|
+
let Q;
|
|
98
|
+
e[47] !== C || e[48] !== n || e[49] !== A ? (Q = [A && n && `${n}-feedback`, C].filter(Boolean).join(" ") || void 0, e[47] = C, e[48] = n, e[49] = A, e[50] = Q) : Q = e[50];
|
|
99
|
+
const de = Q;
|
|
100
|
+
let j;
|
|
101
|
+
e[51] !== m ? (j = (_) => {
|
|
102
|
+
typeof m == "function" ? m(_) : m !== null && (m.current = _), me.current = _;
|
|
103
|
+
}, e[51] = m, e[52] = j) : j = e[52];
|
|
104
|
+
const ne = typeof d == "string" ? d : void 0;
|
|
105
|
+
let y;
|
|
106
|
+
e[53] !== de || e[54] !== s || e[55] !== r || e[56] !== re || e[57] !== c || e[58] !== v || e[59] !== j || e[60] !== ne || e[61] !== f ? (y = /* @__PURE__ */ B("input", { type: "radio", value: f, name: c, className: t.input, ref: j, onChange: re, ...v, disabled: r, checked: s, "aria-label": ne, "aria-describedby": de }), e[53] = de, e[54] = s, e[55] = r, e[56] = re, e[57] = c, e[58] = v, e[59] = j, e[60] = ne, e[61] = f, e[62] = y) : y = e[62];
|
|
107
|
+
let T;
|
|
108
|
+
e[63] === Symbol.for("react.memo_cache_sentinel") ? (T = /* @__PURE__ */ B("div", { className: t.dot }), e[63] = T) : T = e[63];
|
|
109
|
+
let k;
|
|
110
|
+
e[64] !== ae ? (k = /* @__PURE__ */ B("span", { className: ae, children: T }), e[64] = ae, e[65] = k) : k = e[65];
|
|
111
|
+
let H;
|
|
112
|
+
e[66] !== o || e[67] !== u ? (H = o && u && /* @__PURE__ */ B("div", { className: Ae, children: o }), e[66] = o, e[67] = u, e[68] = H) : H = e[68];
|
|
113
|
+
let g;
|
|
114
|
+
e[69] !== o || e[70] !== u ? (g = o && !u && /* @__PURE__ */ B("div", { className: t.customArea, children: o }), e[69] = o, e[70] = u, e[71] = g) : g = e[71];
|
|
115
|
+
let N;
|
|
116
|
+
e[72] !== C || e[73] !== i || e[74] !== le ? (N = /* @__PURE__ */ B("span", { id: C, className: le, ref: a, children: i }), e[72] = C, e[73] = i, e[74] = le, e[75] = N) : N = e[75];
|
|
117
|
+
let W;
|
|
118
|
+
e[76] !== d || e[77] !== se || e[78] !== g || e[79] !== N ? (W = /* @__PURE__ */ ce("span", { className: se, children: [
|
|
119
|
+
d,
|
|
120
|
+
g,
|
|
121
|
+
N
|
|
122
|
+
] }), e[76] = d, e[77] = se, e[78] = g, e[79] = N, e[80] = W) : W = e[80];
|
|
123
|
+
let X;
|
|
124
|
+
return e[81] !== te || e[82] !== y || e[83] !== k || e[84] !== H || e[85] !== W ? (X = /* @__PURE__ */ ce("label", { className: te, children: [
|
|
125
|
+
y,
|
|
126
|
+
k,
|
|
127
|
+
H,
|
|
128
|
+
W
|
|
129
|
+
] }), e[81] = te, e[82] = y, e[83] = k, e[84] = H, e[85] = W, e[86] = X) : X = e[86], X;
|
|
130
|
+
});
|
|
131
|
+
qe.displayName = "DSRadio";
|
|
132
|
+
export {
|
|
133
|
+
qe as DSRadio
|
|
134
|
+
};
|
|
@@ -3,9 +3,9 @@ import "react/jsx-runtime";
|
|
|
3
3
|
import "./chunks/index.CgTHIF3K.js";
|
|
4
4
|
import "./chunks/index.CEyLAtio.js";
|
|
5
5
|
import "react";
|
|
6
|
-
import "./chunks/Fieldset.
|
|
7
|
-
import "./radio.
|
|
8
|
-
import { D as s } from "./chunks/RadioGroup.
|
|
6
|
+
import "./chunks/Fieldset.BX46NuLh.js";
|
|
7
|
+
import "./radio.Be4pFOLf.js";
|
|
8
|
+
import { D as s } from "./chunks/RadioGroup.c7YYJdUe.js";
|
|
9
9
|
export {
|
|
10
10
|
s as DSRadioGroup
|
|
11
11
|
};
|
|
@@ -0,0 +1,123 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsxs as J, jsx as w } from "react/jsx-runtime";
|
|
3
|
+
import { d as K } from "./chunks/index.CgTHIF3K.js";
|
|
4
|
+
import { c as y } from "./chunks/index.CEyLAtio.js";
|
|
5
|
+
import { useState as M, useRef as T } from "react";
|
|
6
|
+
import { i as j, g as A } from "./chunks/is-animation-disabled.CUl4N3LI.js";
|
|
7
|
+
import { g as Q } from "./chunks/helpers.BbWkXTr3.js";
|
|
8
|
+
import { u as O } from "./chunks/useIsomorphicLayoutEffect.CnJ9AMFS.js";
|
|
9
|
+
import { D as $ } from "./chunks/Button.CC0qEsuR.js";
|
|
10
|
+
import './assets/scroller.Hszs1Yq4.css';const U = "ds-scroller_root_3ktti_1", Y = "ds-scroller_scroll-wrapper_3ktti_6", Z = "ds-scroller_scroller_3ktti_45", tt = "ds-scroller_scroll-button_3ktti_60", et = "ds-scroller_scroll-button--hidden_3ktti_65", rt = "ds-scroller_scroll-button--right_3ktti_69", n = {
|
|
11
|
+
root: U,
|
|
12
|
+
scrollWrapper: Y,
|
|
13
|
+
scroller: Z,
|
|
14
|
+
scrollButton: tt,
|
|
15
|
+
scrollButtonHidden: et,
|
|
16
|
+
scrollButtonRight: rt
|
|
17
|
+
}, dt = (c) => {
|
|
18
|
+
const t = K.c(37);
|
|
19
|
+
let a, f, u, r;
|
|
20
|
+
t[0] !== c ? ({
|
|
21
|
+
children: a,
|
|
22
|
+
className: f,
|
|
23
|
+
scrollToPosition: r,
|
|
24
|
+
...u
|
|
25
|
+
} = c, t[0] = c, t[1] = a, t[2] = f, t[3] = u, t[4] = r) : (a = t[1], f = t[2], u = t[3], r = t[4]);
|
|
26
|
+
const [z, q] = M(!1), [H, V] = M(!1), S = T(null), e = T(null), X = T(!1), D = () => {
|
|
27
|
+
I();
|
|
28
|
+
};
|
|
29
|
+
let R;
|
|
30
|
+
t[5] === Symbol.for("react.memo_cache_sentinel") ? (R = [], t[5] = R) : R = t[5], O(() => {
|
|
31
|
+
const l = new ResizeObserver(D);
|
|
32
|
+
return e.current && l.observe(e.current), () => {
|
|
33
|
+
l.disconnect();
|
|
34
|
+
};
|
|
35
|
+
}, R);
|
|
36
|
+
let x;
|
|
37
|
+
t[6] !== r ? (x = [r], t[6] = r, t[7] = x) : x = t[7], O(() => {
|
|
38
|
+
var s;
|
|
39
|
+
const l = ["18px 'STIHL Contraface Digital Text Bold'"];
|
|
40
|
+
return Promise.all(l.map(ot)).then(() => {
|
|
41
|
+
X.current = !0, I(), F();
|
|
42
|
+
}).catch(lt), (s = e.current) == null || s.addEventListener("scroll", D), () => {
|
|
43
|
+
var i;
|
|
44
|
+
(i = e.current) == null || i.removeEventListener("scroll", D);
|
|
45
|
+
};
|
|
46
|
+
}, x);
|
|
47
|
+
const F = () => {
|
|
48
|
+
e.current && (r != null && r.scrollPosition) && e.current.scrollTo({
|
|
49
|
+
left: r.scrollPosition,
|
|
50
|
+
behavior: j() || !r.isSmooth ? "instant" : "smooth"
|
|
51
|
+
});
|
|
52
|
+
}, I = () => {
|
|
53
|
+
if (e.current && S.current) {
|
|
54
|
+
const l = A(e.current), s = A(S.current);
|
|
55
|
+
q(s.left < l.left), V(s.right > l.right + 4);
|
|
56
|
+
}
|
|
57
|
+
};
|
|
58
|
+
let o;
|
|
59
|
+
if (t[8] === Symbol.for("react.memo_cache_sentinel")) {
|
|
60
|
+
o = (s) => {
|
|
61
|
+
var N;
|
|
62
|
+
const i = l(s);
|
|
63
|
+
(N = e.current) == null || N.scrollTo({
|
|
64
|
+
left: i,
|
|
65
|
+
behavior: j() ? "instant" : "smooth"
|
|
66
|
+
});
|
|
67
|
+
};
|
|
68
|
+
const l = (s) => {
|
|
69
|
+
if (!S.current || !e.current)
|
|
70
|
+
return 0;
|
|
71
|
+
const {
|
|
72
|
+
scrollLeft: i,
|
|
73
|
+
offsetWidth: N
|
|
74
|
+
} = e.current, W = Math.round(N * 0.2);
|
|
75
|
+
return s === "next" ? i + W : i - W;
|
|
76
|
+
};
|
|
77
|
+
t[8] = o;
|
|
78
|
+
} else
|
|
79
|
+
o = t[8];
|
|
80
|
+
let L;
|
|
81
|
+
t[9] === Symbol.for("react.memo_cache_sentinel") ? (L = y(n.scroller), t[9] = L) : L = t[9];
|
|
82
|
+
const G = L;
|
|
83
|
+
let m;
|
|
84
|
+
t[10] !== f ? (m = y(n.root, f), t[10] = f, t[11] = m) : m = t[11];
|
|
85
|
+
const C = z || H ? 0 : -1;
|
|
86
|
+
let d;
|
|
87
|
+
t[12] !== a ? (d = /* @__PURE__ */ w("div", { className: G, ref: S, children: a }), t[12] = a, t[13] = d) : d = t[13];
|
|
88
|
+
let h;
|
|
89
|
+
t[14] !== C || t[15] !== d ? (h = /* @__PURE__ */ w("div", { className: n.scrollWrapper, ref: e, tabIndex: C, children: d }), t[14] = C, t[15] = d, t[16] = h) : h = t[16];
|
|
90
|
+
const E = !z;
|
|
91
|
+
let p;
|
|
92
|
+
t[17] !== E ? (p = y(n.scrollButton, {
|
|
93
|
+
[n.scrollButtonHidden]: E
|
|
94
|
+
}), t[17] = E, t[18] = p) : p = t[18];
|
|
95
|
+
let _;
|
|
96
|
+
t[19] !== o ? (_ = () => o("prev"), t[19] = o, t[20] = _) : _ = t[20];
|
|
97
|
+
let b;
|
|
98
|
+
t[21] !== _ || t[22] !== p ? (b = /* @__PURE__ */ w($, { variant: "filled", className: p, hideLabel: !0, iconName: "chevron-left", tabIndex: -1, size: "small", onClick: _, children: "Left" }), t[21] = _, t[22] = p, t[23] = b) : b = t[23];
|
|
99
|
+
const P = !H;
|
|
100
|
+
let B;
|
|
101
|
+
t[24] !== P ? (B = y(n.scrollButton, n.scrollButtonRight, {
|
|
102
|
+
[n.scrollButtonHidden]: P
|
|
103
|
+
}), t[24] = P, t[25] = B) : B = t[25];
|
|
104
|
+
let g;
|
|
105
|
+
t[26] !== o ? (g = () => o("next"), t[26] = o, t[27] = g) : g = t[27];
|
|
106
|
+
let v;
|
|
107
|
+
t[28] !== B || t[29] !== g ? (v = /* @__PURE__ */ w($, { variant: "filled", className: B, hideLabel: !0, iconName: "chevron-right", tabIndex: -1, size: "small", onClick: g, children: "Right" }), t[28] = B, t[29] = g, t[30] = v) : v = t[30];
|
|
108
|
+
let k;
|
|
109
|
+
return t[31] !== u || t[32] !== b || t[33] !== v || t[34] !== m || t[35] !== h ? (k = /* @__PURE__ */ J("div", { className: m, ...u, children: [
|
|
110
|
+
h,
|
|
111
|
+
b,
|
|
112
|
+
v
|
|
113
|
+
] }), t[31] = u, t[32] = b, t[33] = v, t[34] = m, t[35] = h, t[36] = k) : k = t[36], k;
|
|
114
|
+
};
|
|
115
|
+
function ot(c) {
|
|
116
|
+
return document.fonts.load(c);
|
|
117
|
+
}
|
|
118
|
+
function lt(c) {
|
|
119
|
+
throw new Error(Q("DSScroller", `The component requires the fonts to be loaded: ${c}`));
|
|
120
|
+
}
|
|
121
|
+
export {
|
|
122
|
+
dt as DSScroller
|
|
123
|
+
};
|
package/scroller.d.ts
ADDED
|
@@ -5,9 +5,9 @@ import "./chunks/index.CEyLAtio.js";
|
|
|
5
5
|
import "react";
|
|
6
6
|
import "./chunks/useBreakpoint.CMOR9ZOB.js";
|
|
7
7
|
import "./asterisk.CR60hx8S.js";
|
|
8
|
-
import "./chunks/Icon.
|
|
9
|
-
import "./systemfeedback.
|
|
10
|
-
import { D } from "./chunks/Select.
|
|
8
|
+
import "./chunks/Icon.C0161Glk.js";
|
|
9
|
+
import "./systemfeedback.CLQCbTF6.js";
|
|
10
|
+
import { D } from "./chunks/Select.B_EHpk22.js";
|
|
11
11
|
export {
|
|
12
12
|
D as DSSelect
|
|
13
13
|
};
|
|
@@ -2,9 +2,9 @@
|
|
|
2
2
|
import { jsx as u } from "react/jsx-runtime";
|
|
3
3
|
import { d as g } from "./chunks/index.CgTHIF3K.js";
|
|
4
4
|
import { c as w } from "./chunks/index.CEyLAtio.js";
|
|
5
|
-
import { g as S } from "./chunks/helpers.
|
|
5
|
+
import { g as S } from "./chunks/helpers.BbWkXTr3.js";
|
|
6
6
|
import { forwardRef as T } from "react";
|
|
7
|
-
import { D as _ } from "./chunks/LinkButton.
|
|
7
|
+
import { D as _ } from "./chunks/LinkButton.DmXVHeyZ.js";
|
|
8
8
|
import './assets/skiptocontent.CTSDC_kG.css';const v = "ds-skip-to-content_root_uqkjt_1", C = "ds-skip-to-content_root--dark_uqkjt_8", D = {
|
|
9
9
|
root: v,
|
|
10
10
|
rootDark: C
|
|
@@ -4,8 +4,8 @@ import "./chunks/index.CgTHIF3K.js";
|
|
|
4
4
|
import "./chunks/index.CEyLAtio.js";
|
|
5
5
|
import "react";
|
|
6
6
|
import "./chunks/useBreakpoint.CMOR9ZOB.js";
|
|
7
|
-
import "./input.
|
|
8
|
-
import { D as s } from "./chunks/Slider.
|
|
7
|
+
import "./input.DhxUW3zc.js";
|
|
8
|
+
import { D as s } from "./chunks/Slider.DMSwmGwD.js";
|
|
9
9
|
export {
|
|
10
10
|
s as DSSlider
|
|
11
11
|
};
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import { jsxs as x, jsx as w } from "react/jsx-runtime";
|
|
3
3
|
import { d as y } from "./chunks/index.CgTHIF3K.js";
|
|
4
4
|
import { c as L } from "./chunks/index.CEyLAtio.js";
|
|
5
|
-
import { D as v } from "./chunks/Icon.
|
|
5
|
+
import { D as v } from "./chunks/Icon.C0161Glk.js";
|
|
6
6
|
import './assets/spinner.Ctn_YYBG.css';const I = "ds-spinner_root_awbzc_1", N = "ds-spinner_root-size-small_awbzc_10", O = "ds-spinner_root-size-medium_awbzc_14", R = "ds-spinner_root-size-large_awbzc_18", D = "ds-spinner_root-size-x-large_awbzc_22", M = "ds-spinner_root-size-inherit_awbzc_26", X = "ds-spinner_screenReaderOnly_awbzc_51", o = {
|
|
7
7
|
root: I,
|
|
8
8
|
rootSizeSmall: N,
|
|
@@ -3,8 +3,8 @@ import { jsxs as O, jsx as h } from "react/jsx-runtime";
|
|
|
3
3
|
import { d as $ } from "./chunks/index.CgTHIF3K.js";
|
|
4
4
|
import { c as q } from "./chunks/index.CEyLAtio.js";
|
|
5
5
|
import { forwardRef as z } from "react";
|
|
6
|
-
import { D as A } from "./chunks/Icon.
|
|
7
|
-
import { DSSpinner as B } from "./spinner.
|
|
6
|
+
import { D as A } from "./chunks/Icon.C0161Glk.js";
|
|
7
|
+
import { DSSpinner as B } from "./spinner.CeGt8DxU.js";
|
|
8
8
|
import './assets/switch.Bc9KIyw9.css';const F = "ds-switch_root_gdcld_1", G = "ds-switch_root--label-right_gdcld_40", H = "ds-switch_root--stretched_gdcld_43", J = "ds-switch_loader_gdcld_53", K = "ds-switch_thumb_gdcld_111", M = "ds-switch_root--checked_gdcld_126", o = {
|
|
9
9
|
root: F,
|
|
10
10
|
rootLabelRight: G,
|
|
@@ -3,7 +3,7 @@ import { jsxs as v, jsx as y } from "react/jsx-runtime";
|
|
|
3
3
|
import { d as g } from "./chunks/index.CgTHIF3K.js";
|
|
4
4
|
import { c as F } from "./chunks/index.CEyLAtio.js";
|
|
5
5
|
import { useState as S, useEffect as b } from "react";
|
|
6
|
-
import { D as h } from "./chunks/Icon.
|
|
6
|
+
import { D as h } from "./chunks/Icon.C0161Glk.js";
|
|
7
7
|
import './assets/systemfeedback.BX2zCzSL.css';const D = "ds-system-feedback_root_mgtv6_1", I = {
|
|
8
8
|
root: D
|
|
9
9
|
}, N = {
|
|
@@ -0,0 +1,256 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as v, jsxs as me } from "react/jsx-runtime";
|
|
3
|
+
import { d as ke } from "./chunks/index.CgTHIF3K.js";
|
|
4
|
+
import { c as re } from "./chunks/index.CEyLAtio.js";
|
|
5
|
+
import { useState as he, useRef as A, useEffect as xe } from "react";
|
|
6
|
+
import { g as b, i as be } from "./chunks/is-animation-disabled.CUl4N3LI.js";
|
|
7
|
+
import { h as Ce } from "./chunks/has-window.ut_-aShB.js";
|
|
8
|
+
import { g as Ee } from "./chunks/helpers.BbWkXTr3.js";
|
|
9
|
+
import { u as pe } from "./chunks/useIsomorphicLayoutEffect.CnJ9AMFS.js";
|
|
10
|
+
import { D as ye } from "./chunks/Button.CC0qEsuR.js";
|
|
11
|
+
import { D as We } from "./chunks/Icon.C0161Glk.js";
|
|
12
|
+
import { NumberIndicator as ze } from "./numberindicator.Ddf3ESi7.js";
|
|
13
|
+
import { g as Ae, a as we } from "./chunks/TabPane.utils.DG16Y2uD.js";
|
|
14
|
+
import { s as i, N as He } from "./chunks/NavigationTabList.IQM074Vb.js";
|
|
15
|
+
const H = 48, Ye = (p) => {
|
|
16
|
+
const e = ke.c(62);
|
|
17
|
+
let g, T, d, M, I, o, X, P, $, m, c;
|
|
18
|
+
e[0] !== p ? ({
|
|
19
|
+
aria: g,
|
|
20
|
+
id: m,
|
|
21
|
+
selectedTabIndex: o,
|
|
22
|
+
setSelectedTabIndex: X,
|
|
23
|
+
tabs: c,
|
|
24
|
+
alignment: P,
|
|
25
|
+
className: T,
|
|
26
|
+
defaultSelectedTabIndex: $,
|
|
27
|
+
isNavigation: d,
|
|
28
|
+
onTabChange: M,
|
|
29
|
+
...I
|
|
30
|
+
} = p, e[0] = p, e[1] = g, e[2] = T, e[3] = d, e[4] = M, e[5] = I, e[6] = o, e[7] = X, e[8] = P, e[9] = $, e[10] = m, e[11] = c) : (g = e[1], T = e[2], d = e[3], M = e[4], I = e[5], o = e[6], X = e[7], P = e[8], $ = e[9], m = e[10], c = e[11]);
|
|
31
|
+
const j = P === void 0 ? "left" : P, Re = $ === void 0 ? 0 : $, [V, h] = he(Re), [Le, Se] = he(!1), [De, Ne] = he(!1);
|
|
32
|
+
let _;
|
|
33
|
+
e[12] === Symbol.for("react.memo_cache_sentinel") ? (_ = [], e[12] = _) : _ = e[12];
|
|
34
|
+
const y = A(_), w = A(null), a = A(null), f = A(null), O = A(!1), ve = A(o), se = () => {
|
|
35
|
+
Te(), Be();
|
|
36
|
+
};
|
|
37
|
+
let q;
|
|
38
|
+
e[13] === Symbol.for("react.memo_cache_sentinel") ? (q = [], e[13] = q) : q = e[13], pe(() => {
|
|
39
|
+
const s = new ResizeObserver(se);
|
|
40
|
+
return a.current && s.observe(a.current), () => {
|
|
41
|
+
s.disconnect();
|
|
42
|
+
};
|
|
43
|
+
}, q);
|
|
44
|
+
let F;
|
|
45
|
+
e[14] !== j || e[15] !== c ? (F = [c, j], e[14] = j, e[15] = c, e[16] = F) : F = e[16], pe(() => {
|
|
46
|
+
var n;
|
|
47
|
+
const s = ["18px 'STIHL Contraface Digital Text Regular'", "18px 'STIHL Contraface Digital Text Bold'", "14px 'STIHL Contraface Digital Text Demi'"];
|
|
48
|
+
Promise.all(s.map(Me)).then(() => {
|
|
49
|
+
ne(o), K("next", o, "instant"), Te(), O.current = !0;
|
|
50
|
+
}).catch(Pe);
|
|
51
|
+
const t = () => {
|
|
52
|
+
!O.current || !f.current || (r.matches ? f.current.style.transitionDuration = "0s" : f.current.style.transitionDuration = "");
|
|
53
|
+
}, r = window.matchMedia("(prefers-reduced-motion: reduce)");
|
|
54
|
+
return r.addEventListener("change", t), (n = a.current) == null || n.addEventListener("scroll", se), () => {
|
|
55
|
+
var l;
|
|
56
|
+
r.removeEventListener("change", t), (l = a.current) == null || l.removeEventListener("scroll", se);
|
|
57
|
+
};
|
|
58
|
+
}, F);
|
|
59
|
+
let G;
|
|
60
|
+
e[17] !== o ? (G = [o], e[17] = o, e[18] = G) : G = e[18], pe(() => {
|
|
61
|
+
if (O.current && (ne(o), d)) {
|
|
62
|
+
const s = ge(o);
|
|
63
|
+
h(o), K(s, o);
|
|
64
|
+
}
|
|
65
|
+
ve.current = o;
|
|
66
|
+
}, G);
|
|
67
|
+
let Q, J;
|
|
68
|
+
e[19] !== V ? (Q = () => {
|
|
69
|
+
var s;
|
|
70
|
+
O.current && ((s = y.current[V]) == null || s.focus());
|
|
71
|
+
}, J = [V], e[19] = V, e[20] = Q, e[21] = J) : (Q = e[20], J = e[21]), xe(Q, J);
|
|
72
|
+
const R = (s) => {
|
|
73
|
+
const t = ge(s);
|
|
74
|
+
X(s), h(s), K(t, s), M && M(s);
|
|
75
|
+
}, ge = (s) => {
|
|
76
|
+
const t = b(a.current), r = b(y.current[s]);
|
|
77
|
+
let n;
|
|
78
|
+
return r.left - H < t.left ? n = "prev" : r.right + H > t.right ? n = "next" : n = o < s ? "next" : "prev", n;
|
|
79
|
+
}, Te = () => {
|
|
80
|
+
if (a.current && w.current) {
|
|
81
|
+
const s = b(a.current), t = b(w.current);
|
|
82
|
+
Se(t.left < s.left), Ne(t.right > s.right + 4);
|
|
83
|
+
}
|
|
84
|
+
};
|
|
85
|
+
let U;
|
|
86
|
+
e[22] === Symbol.for("react.memo_cache_sentinel") ? (U = (s) => {
|
|
87
|
+
const t = s === void 0 ? 0 : s;
|
|
88
|
+
Ce && f.current && !be() && setTimeout(() => {
|
|
89
|
+
f.current && (f.current.style.transitionDuration = "250ms");
|
|
90
|
+
}, t);
|
|
91
|
+
}, e[22] = U) : U = e[22];
|
|
92
|
+
const Ie = U, Be = () => {
|
|
93
|
+
f.current && (f.current.style.transitionDuration = "0s", ne(ve.current), Ie());
|
|
94
|
+
}, ne = (s) => {
|
|
95
|
+
const t = f.current, r = b(y.current[s]), n = b(w.current), l = r.left - n.left;
|
|
96
|
+
t && (O.current ? (t.style.width = `${r.width}px`, t.style.transform = `translateX(${l}px)`) : (t.style.transitionDuration = "0s", t.style.transform = `translateX(${l}px)`, t.style.width = `${r.width}px`, Ie(50)));
|
|
97
|
+
}, oe = (s, t) => {
|
|
98
|
+
let r;
|
|
99
|
+
e: switch (s.key) {
|
|
100
|
+
case "ArrowLeft": {
|
|
101
|
+
r = (t > 0 ? t : c.length) - 1, h(r);
|
|
102
|
+
break e;
|
|
103
|
+
}
|
|
104
|
+
case "ArrowRight": {
|
|
105
|
+
r = (t + 1) % c.length, h(r);
|
|
106
|
+
break e;
|
|
107
|
+
}
|
|
108
|
+
case "Home": {
|
|
109
|
+
r = 0, h(r);
|
|
110
|
+
break e;
|
|
111
|
+
}
|
|
112
|
+
case "End": {
|
|
113
|
+
r = c.length - 1, h(r);
|
|
114
|
+
break e;
|
|
115
|
+
}
|
|
116
|
+
case "Enter":
|
|
117
|
+
case " ": {
|
|
118
|
+
R(t);
|
|
119
|
+
return;
|
|
120
|
+
}
|
|
121
|
+
default:
|
|
122
|
+
return;
|
|
123
|
+
}
|
|
124
|
+
if (r !== void 0) {
|
|
125
|
+
const n = r > t ? "next" : "prev";
|
|
126
|
+
setTimeout(() => K(n, r), 0);
|
|
127
|
+
}
|
|
128
|
+
s.preventDefault();
|
|
129
|
+
}, le = (s, t) => {
|
|
130
|
+
let r;
|
|
131
|
+
e: switch (s.key) {
|
|
132
|
+
case "Tab": {
|
|
133
|
+
if (s.shiftKey) {
|
|
134
|
+
r = t - 1 < 0 ? 0 : t - 1, h(r), t !== 0 && s.preventDefault();
|
|
135
|
+
break e;
|
|
136
|
+
} else
|
|
137
|
+
r = t + 1 > c.length - 1 ? t : t + 1, h(r), t !== c.length - 1 && s.preventDefault();
|
|
138
|
+
break e;
|
|
139
|
+
}
|
|
140
|
+
case "Enter": {
|
|
141
|
+
R(t);
|
|
142
|
+
return;
|
|
143
|
+
}
|
|
144
|
+
default:
|
|
145
|
+
return;
|
|
146
|
+
}
|
|
147
|
+
if (r !== void 0) {
|
|
148
|
+
const n = r > t ? "next" : "prev";
|
|
149
|
+
setTimeout(() => K(n, r), 0);
|
|
150
|
+
}
|
|
151
|
+
}, K = (s, t, r) => {
|
|
152
|
+
const n = r === void 0 ? "smooth" : r, l = y.current[t], W = a.current, z = b(l), ue = b(W);
|
|
153
|
+
let de;
|
|
154
|
+
if (!(!l || !W)) {
|
|
155
|
+
if (s === "prev") {
|
|
156
|
+
if (z.left - H > ue.left)
|
|
157
|
+
return;
|
|
158
|
+
de = l.offsetLeft - H;
|
|
159
|
+
} else {
|
|
160
|
+
if (z.right + H < ue.right)
|
|
161
|
+
return;
|
|
162
|
+
de = l.offsetLeft + l.offsetWidth - ue.width + H;
|
|
163
|
+
}
|
|
164
|
+
W.scrollTo({
|
|
165
|
+
left: de,
|
|
166
|
+
behavior: be() ? "instant" : n
|
|
167
|
+
});
|
|
168
|
+
}
|
|
169
|
+
};
|
|
170
|
+
let u;
|
|
171
|
+
if (e[23] === Symbol.for("react.memo_cache_sentinel")) {
|
|
172
|
+
u = (t) => {
|
|
173
|
+
var n;
|
|
174
|
+
const r = s(t);
|
|
175
|
+
(n = a.current) == null || n.scrollTo({
|
|
176
|
+
left: r,
|
|
177
|
+
behavior: be() ? "instant" : "smooth"
|
|
178
|
+
});
|
|
179
|
+
};
|
|
180
|
+
const s = (t) => {
|
|
181
|
+
if (!w.current || !a.current)
|
|
182
|
+
return 0;
|
|
183
|
+
const {
|
|
184
|
+
scrollLeft: r,
|
|
185
|
+
offsetWidth: n
|
|
186
|
+
} = a.current, l = Math.round(n * 0.2);
|
|
187
|
+
return t === "next" ? r + l : r - l;
|
|
188
|
+
};
|
|
189
|
+
e[23] = u;
|
|
190
|
+
} else
|
|
191
|
+
u = e[23];
|
|
192
|
+
const ce = j === "center";
|
|
193
|
+
let Y;
|
|
194
|
+
e[24] !== ce ? (Y = re(i.scroller, {
|
|
195
|
+
[i.scrollerCentered]: ce
|
|
196
|
+
}), e[24] = ce, e[25] = Y) : Y = e[25];
|
|
197
|
+
const Z = Y, ae = d ? "nav" : "div";
|
|
198
|
+
let L;
|
|
199
|
+
e[26] !== T ? (L = re(i.tabsWrapper, T), e[26] = T, e[27] = L) : L = e[27];
|
|
200
|
+
let S;
|
|
201
|
+
e[28] !== oe || e[29] !== le || e[30] !== d || e[31] !== Z || e[32] !== o || e[33] !== R || e[34] !== m || e[35] !== c ? (S = d ? /* @__PURE__ */ v(He, { tabs: c, tabRefs: y, scrollerRef: w, handleNavigationKeydown: le, scrollerClass: Z, selectedTabIndex: o, setSelectedTab: R }) : /* @__PURE__ */ v("div", { role: "tablist", className: Z, ref: w, children: c.map((s, t) => {
|
|
202
|
+
const {
|
|
203
|
+
id: r,
|
|
204
|
+
label: n,
|
|
205
|
+
iconName: l,
|
|
206
|
+
numberIndicatorValue: W
|
|
207
|
+
} = s;
|
|
208
|
+
return /* @__PURE__ */ me("button", { id: we(m, r), role: "tab", "aria-selected": o === t, "aria-controls": Ae(m, r, t), tabIndex: o === t ? 0 : -1, className: i.tab, ref: (z) => {
|
|
209
|
+
y.current[t] = z;
|
|
210
|
+
}, onClick: () => R(t), onKeyDown: (z) => oe(z, t), children: [
|
|
211
|
+
l && /* @__PURE__ */ v(We, { name: l, "aria-hidden": "true" }),
|
|
212
|
+
n,
|
|
213
|
+
W && /* @__PURE__ */ v(ze, { label: W })
|
|
214
|
+
] }, we(m, r));
|
|
215
|
+
}) }), e[28] = oe, e[29] = le, e[30] = d, e[31] = Z, e[32] = o, e[33] = R, e[34] = m, e[35] = c, e[36] = S) : S = e[36];
|
|
216
|
+
let ee;
|
|
217
|
+
e[37] === Symbol.for("react.memo_cache_sentinel") ? (ee = /* @__PURE__ */ v("span", { className: i.indicator, ref: f }), e[37] = ee) : ee = e[37];
|
|
218
|
+
let D;
|
|
219
|
+
e[38] !== ae || e[39] !== g || e[40] !== S ? (D = /* @__PURE__ */ me(ae, { className: i.scrollWrapper, ref: a, ...g, children: [
|
|
220
|
+
S,
|
|
221
|
+
ee
|
|
222
|
+
] }), e[38] = ae, e[39] = g, e[40] = S, e[41] = D) : D = e[41];
|
|
223
|
+
const ie = !Le;
|
|
224
|
+
let N;
|
|
225
|
+
e[42] !== ie ? (N = re(i.scrollButton, {
|
|
226
|
+
[i.scrollButtonHidden]: ie
|
|
227
|
+
}), e[42] = ie, e[43] = N) : N = e[43];
|
|
228
|
+
let B;
|
|
229
|
+
e[44] !== u ? (B = () => u("prev"), e[44] = u, e[45] = B) : B = e[45];
|
|
230
|
+
let k;
|
|
231
|
+
e[46] !== N || e[47] !== B ? (k = /* @__PURE__ */ v(ye, { variant: "filled", className: N, hideLabel: !0, iconName: "chevron-left", tabIndex: -1, size: "small", onClick: B, children: "Left" }), e[46] = N, e[47] = B, e[48] = k) : k = e[48];
|
|
232
|
+
const fe = !De;
|
|
233
|
+
let x;
|
|
234
|
+
e[49] !== fe ? (x = re(i.scrollButton, i.scrollButtonRight, {
|
|
235
|
+
[i.scrollButtonHidden]: fe
|
|
236
|
+
}), e[49] = fe, e[50] = x) : x = e[50];
|
|
237
|
+
let C;
|
|
238
|
+
e[51] !== u ? (C = () => u("next"), e[51] = u, e[52] = C) : C = e[52];
|
|
239
|
+
let E;
|
|
240
|
+
e[53] !== x || e[54] !== C ? (E = /* @__PURE__ */ v(ye, { variant: "filled", className: x, hideLabel: !0, iconName: "chevron-right", tabIndex: -1, size: "small", onClick: C, children: "Right" }), e[53] = x, e[54] = C, e[55] = E) : E = e[55];
|
|
241
|
+
let te;
|
|
242
|
+
return e[56] !== I || e[57] !== L || e[58] !== D || e[59] !== k || e[60] !== E ? (te = /* @__PURE__ */ me("div", { className: L, ...I, children: [
|
|
243
|
+
D,
|
|
244
|
+
k,
|
|
245
|
+
E
|
|
246
|
+
] }), e[56] = I, e[57] = L, e[58] = D, e[59] = k, e[60] = E, e[61] = te) : te = e[61], te;
|
|
247
|
+
};
|
|
248
|
+
function Me(p) {
|
|
249
|
+
return document.fonts.load(p);
|
|
250
|
+
}
|
|
251
|
+
function Pe(p) {
|
|
252
|
+
throw new Error(Ee("DSTabs", `The component requires the fonts to be loaded: ${p}`));
|
|
253
|
+
}
|
|
254
|
+
export {
|
|
255
|
+
Ye as TabList
|
|
256
|
+
};
|
|
@@ -2,10 +2,10 @@
|
|
|
2
2
|
import "react/jsx-runtime";
|
|
3
3
|
import "./chunks/index.CgTHIF3K.js";
|
|
4
4
|
import "react";
|
|
5
|
-
import "./tablist.
|
|
5
|
+
import "./tablist.Dzwe0_J4.js";
|
|
6
6
|
import "./tabpane.CB-eudyw.js";
|
|
7
7
|
import "./chunks/TabPane.utils.DG16Y2uD.js";
|
|
8
|
-
import { D as a } from "./chunks/Tabs.
|
|
8
|
+
import { D as a } from "./chunks/Tabs.Bl4K3Kjn.js";
|
|
9
9
|
export {
|
|
10
10
|
a as DSTabs
|
|
11
11
|
};
|
|
@@ -3,8 +3,8 @@ import "react/jsx-runtime";
|
|
|
3
3
|
import "./chunks/index.CgTHIF3K.js";
|
|
4
4
|
import "./chunks/index.CEyLAtio.js";
|
|
5
5
|
import "react";
|
|
6
|
-
import "./chunks/helpers.
|
|
7
|
-
import { D as s } from "./chunks/Text.
|
|
6
|
+
import "./chunks/helpers.BbWkXTr3.js";
|
|
7
|
+
import { D as s } from "./chunks/Text.DGWeWF1y.js";
|
|
8
8
|
export {
|
|
9
9
|
s as DSText
|
|
10
10
|
};
|