@sap-ux/ui-components 1.27.10 → 2.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/UIButton/UIIconButton.d.ts.map +1 -1
- package/dist/components/UIButton/UIIconButton.js +2 -1
- package/dist/components/UIButton/UIIconButton.js.map +1 -1
- package/dist/components/UICallout/UICallout.js +1 -1
- package/dist/components/UICheckbox/UICheckbox.d.ts.map +1 -1
- package/dist/components/UICheckbox/UICheckbox.js +3 -1
- package/dist/components/UICheckbox/UICheckbox.js.map +1 -1
- package/dist/components/UIContextualMenu/_variables.scss +1 -1
- package/dist/components/UIInput/UITextInput.js +1 -1
- package/dist/styles/_variables.scss +1 -1
- package/package.json +2 -2
- package/storybook/{195.c226aa1b.iframe.bundle.js → 195.3d7d3044.iframe.bundle.js} +1 -1
- package/storybook/{321.63c5c44c.iframe.bundle.js → 321.18c353da.iframe.bundle.js} +1 -1
- package/storybook/{473.eddd662c.iframe.bundle.js → 473.fa931179.iframe.bundle.js} +1 -1
- package/storybook/{543.a053c21c.iframe.bundle.js → 543.0c0837d6.iframe.bundle.js} +1 -1
- package/storybook/{618.ec0e3dbd.iframe.bundle.js → 618.0c2b25bb.iframe.bundle.js} +1 -1
- package/storybook/{UIActionCallout-story.a9ead6cd.iframe.bundle.js → UIActionCallout-story.17b8bed9.iframe.bundle.js} +1 -1
- package/storybook/{UICallout-story.c1460245.iframe.bundle.js → UICallout-story.f956caff.iframe.bundle.js} +1 -1
- package/storybook/UICheckbox-story.490ca9cb.iframe.bundle.js +2 -0
- package/storybook/UILink-story.16737a61.iframe.bundle.js +2 -0
- package/storybook/UITextInput-story.c00bbea7.iframe.bundle.js +2 -0
- package/storybook/{UITooltip-story.0d6bbf89.iframe.bundle.js → UITooltip-story.1aaaa662.iframe.bundle.js} +1 -1
- package/storybook/UITreedropdown-story.ee2c3a17.iframe.bundle.js +2 -0
- package/storybook/iframe.html +2 -2
- package/storybook/{main.4a5d7689.iframe.bundle.js → main.e2aa1653.iframe.bundle.js} +1 -1
- package/storybook/project.json +1 -1
- package/storybook/{runtime~main.7c0a559c.iframe.bundle.js → runtime~main.0ec101e6.iframe.bundle.js} +2 -2
- package/storybook/UICheckbox-story.5f1128de.iframe.bundle.js +0 -2
- package/storybook/UILink-story.5878a1b3.iframe.bundle.js +0 -2
- package/storybook/UITextInput-story.47b12875.iframe.bundle.js +0 -2
- package/storybook/UITreedropdown-story.6b8c2f3f.iframe.bundle.js +0 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UIIconButton.d.ts","sourceRoot":"","sources":["../../../src/components/UIButton/UIIconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,YAAY,IAAI,gBAAgB,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAIvF,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAElE,oBAAY,iBAAiB;IACzB,OAAO,YAAY;IACnB,IAAI,SAAS;CAChB;AAED,MAAM,WAAW,WAAY,SAAQ,gBAAgB;IACjD,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,SAAS,CAAC,EAAE,sBAAsB,CAAC;CACtC;AAED;;;;;;;GAOG;AACH,qBAAa,YAAa,SAAQ,KAAK,CAAC,SAAS,CAAC,WAAW,EAAE,EAAE,CAAC;IAC9D;;;;OAIG;gBACgB,KAAK,EAAE,WAAW;IAIrC;;;;;OAKG;IACH,OAAO,CAAC,mCAAmC;IAI3C,SAAS,CAAC,QAAQ,GAAI,OAAO,WAAW,KAAG,aAAa,
|
|
1
|
+
{"version":3,"file":"UIIconButton.d.ts","sourceRoot":"","sources":["../../../src/components/UIButton/UIIconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,YAAY,IAAI,gBAAgB,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAIvF,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAElE,oBAAY,iBAAiB;IACzB,OAAO,YAAY;IACnB,IAAI,SAAS;CAChB;AAED,MAAM,WAAW,WAAY,SAAQ,gBAAgB;IACjD,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,SAAS,CAAC,EAAE,sBAAsB,CAAC;CACtC;AAED;;;;;;;GAOG;AACH,qBAAa,YAAa,SAAQ,KAAK,CAAC,SAAS,CAAC,WAAW,EAAE,EAAE,CAAC;IAC9D;;;;OAIG;gBACgB,KAAK,EAAE,WAAW;IAIrC;;;;;OAKG;IACH,OAAO,CAAC,mCAAmC;IAI3C,SAAS,CAAC,QAAQ,GAAI,OAAO,WAAW,KAAG,aAAa,CAsFtD;IAEF;;OAEG;IACH,MAAM,IAAI,GAAG,CAAC,OAAO;CAGxB"}
|
|
@@ -56,7 +56,8 @@ class UIIconButton extends react_1.default.Component {
|
|
|
56
56
|
},
|
|
57
57
|
rootHovered: {
|
|
58
58
|
backgroundColor: this.getButtonInteractionBackgroundColor('--vscode-toolbar-hoverBackground'),
|
|
59
|
-
outline: '1px dashed var(--vscode-contrastActiveBorder)'
|
|
59
|
+
outline: '1px dashed var(--vscode-contrastActiveBorder)',
|
|
60
|
+
borderRadius: 5
|
|
60
61
|
},
|
|
61
62
|
rootPressed: {
|
|
62
63
|
backgroundColor: this.getButtonInteractionBackgroundColor('--vscode-toolbar-activeBackground')
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UIIconButton.js","sourceRoot":"","sources":["../../../src/components/UIButton/UIIconButton.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,2CAA6C;AAE7C,0DAAuD;AAGvD,IAAY,iBAGX;AAHD,WAAY,iBAAiB;IACzB,wCAAmB,CAAA;IACnB,kCAAa,CAAA;AACjB,CAAC,EAHW,iBAAiB,iCAAjB,iBAAiB,QAG5B;AAOD;;;;;;;GAOG;AACH,MAAa,YAAa,SAAQ,eAAK,CAAC,SAA0B;IAC9D;;;;OAIG;IACH,YAAmB,KAAkB;QACjC,KAAK,CAAC,KAAK,CAAC,CAAC;QAaP,aAAQ,GAAG,CAAC,KAAkB,EAAiB,EAAE;YACvD,MAAM,QAAQ,GAAG,KAAK,CAAC,QAAQ,IAAI,iBAAiB,CAAC,OAAO,CAAC;YAC7D,MAAM,KAAK,GAAG,QAAQ,KAAK,iBAAiB,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;YAC/D,OAAO;gBACH,IAAI,EAAE;oBACF,QAAQ,EAAE,SAAS;oBACnB,MAAM,EAAE,EAAE;oBACV,KAAK,EAAE,KAAK;oBACZ,SAAS,EAAE,aAAa;oBACxB,OAAO,EAAE,CAAC;oBACV,eAAe,EAAE,aAAa;oBAC9B,YAAY,EAAE,CAAC;oBACf,SAAS,EAAE;wBACP,+BAA+B;wBAC/B,0CAA0C,EAAE;4BACxC,OAAO,EAAE,qCAAqC;yBACjD;qBACJ;iBACJ;gBACD,YAAY,EAAE;oBACV,eAAe,EAAE,aAAa;oBAC9B,OAAO,EAAE,KAAK;iBACjB;gBACD,WAAW,EAAE;oBACT,KAAK,EAAE,KAAK;iBACf;gBACD,WAAW,EAAE;oBACT,eAAe,EAAE,IAAI,CAAC,mCAAmC,CAAC,kCAAkC,CAAC;oBAC7F,OAAO,EAAE,+CAA+C;
|
|
1
|
+
{"version":3,"file":"UIIconButton.js","sourceRoot":"","sources":["../../../src/components/UIButton/UIIconButton.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,2CAA6C;AAE7C,0DAAuD;AAGvD,IAAY,iBAGX;AAHD,WAAY,iBAAiB;IACzB,wCAAmB,CAAA;IACnB,kCAAa,CAAA;AACjB,CAAC,EAHW,iBAAiB,iCAAjB,iBAAiB,QAG5B;AAOD;;;;;;;GAOG;AACH,MAAa,YAAa,SAAQ,eAAK,CAAC,SAA0B;IAC9D;;;;OAIG;IACH,YAAmB,KAAkB;QACjC,KAAK,CAAC,KAAK,CAAC,CAAC;QAaP,aAAQ,GAAG,CAAC,KAAkB,EAAiB,EAAE;YACvD,MAAM,QAAQ,GAAG,KAAK,CAAC,QAAQ,IAAI,iBAAiB,CAAC,OAAO,CAAC;YAC7D,MAAM,KAAK,GAAG,QAAQ,KAAK,iBAAiB,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;YAC/D,OAAO;gBACH,IAAI,EAAE;oBACF,QAAQ,EAAE,SAAS;oBACnB,MAAM,EAAE,EAAE;oBACV,KAAK,EAAE,KAAK;oBACZ,SAAS,EAAE,aAAa;oBACxB,OAAO,EAAE,CAAC;oBACV,eAAe,EAAE,aAAa;oBAC9B,YAAY,EAAE,CAAC;oBACf,SAAS,EAAE;wBACP,+BAA+B;wBAC/B,0CAA0C,EAAE;4BACxC,OAAO,EAAE,qCAAqC;yBACjD;qBACJ;iBACJ;gBACD,YAAY,EAAE;oBACV,eAAe,EAAE,aAAa;oBAC9B,OAAO,EAAE,KAAK;iBACjB;gBACD,WAAW,EAAE;oBACT,KAAK,EAAE,KAAK;iBACf;gBACD,WAAW,EAAE;oBACT,eAAe,EAAE,IAAI,CAAC,mCAAmC,CAAC,kCAAkC,CAAC;oBAC7F,OAAO,EAAE,+CAA+C;oBACxD,YAAY,EAAE,CAAC;iBAClB;gBACD,WAAW,EAAE;oBACT,eAAe,EAAE,IAAI,CAAC,mCAAmC,CAAC,mCAAmC,CAAC;iBACjG;gBACD,YAAY,EAAE;oBACV,eAAe,EAAE,IAAI,CAAC,mCAAmC,CAAC,kCAAkC,CAAC;oBAC7F,KAAK,EAAE,KAAK;iBACf;gBACD,mBAAmB,EAAE,EAAE,eAAe,EAAE,aAAa,EAAE;gBACvD,aAAa,EAAE;oBACX,KAAK,EAAE,MAAM;oBACb,MAAM,EAAE,MAAM;oBACd,aAAa,EAAE,MAAM;iBACxB;gBACD,IAAI,EAAE;oBACF,MAAM,EAAE,EAAE;oBACV,KAAK,EAAE,KAAK;oBACZ,UAAU,EAAE,EAAE;oBACd,OAAO,EAAE,MAAM;oBACf,UAAU,EAAE,QAAQ;oBACpB,cAAc,EAAE,QAAQ;iBAC3B;gBACD,WAAW,EAAE;oBACT,eAAe,EAAE,aAAa;iBACjC;gBACD,gBAAgB,EAAE;oBACd,OAAO,EAAE,MAAM;iBAClB;gBACD,QAAQ,EAAE;oBACN,OAAO,EAAE,MAAM;iBAClB;gBACD,WAAW,EAAE;oBACT,eAAe,EAAE,iCAAiC;oBAClD,KAAK,EAAE,iCAAiC;oBACxC,OAAO,EAAE,8CAA8C;oBACvD,SAAS,EAAE;wBACP,yFAAyF;wBACzF,0CAA0C,EAAE;4BACxC,KAAK,EAAE,MAAM;yBAChB;qBACJ;iBACJ;gBACD,kBAAkB,EAAE;oBAChB,eAAe,EAAE,iCAAiC;oBAClD,OAAO,EAAE,+CAA+C;iBAC3D;gBACD,WAAW,EAAE;oBACT,KAAK,EAAE,iCAAiC;oBACxC,SAAS,EAAE;wBACP,0BAA0B;wBAC1B,SAAS,EAAE;4BACP,IAAI,EAAE,cAAc;yBACvB;qBACJ;iBACJ;aACJ,CAAC;QACN,CAAC,CAAC;IAlGF,CAAC;IAED;;;;;OAKG;IACK,mCAAmC,CAAC,KAAa;QACrD,OAAO,OAAO,KAAK,8CAA8C,CAAC;IACtE,CAAC;IA0FD;;OAEG;IACH,MAAM;QACF,OAAO,8BAAC,kBAAU,OAAK,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,mCAAgB,GAAI,CAAC;IACvG,CAAC;CACJ;AAlHD,oCAkHC"}
|
|
@@ -13,7 +13,7 @@ exports.CALLOUT_STYLES = {
|
|
|
13
13
|
boxShadow: 'var(--ui-box-shadow-small)',
|
|
14
14
|
borderColor: 'var(--vscode-editorWidget-border)',
|
|
15
15
|
text: 'var(--vscode-editorWidget-foreground)',
|
|
16
|
-
borderRadius:
|
|
16
|
+
borderRadius: 4
|
|
17
17
|
};
|
|
18
18
|
var UICalloutContentPadding;
|
|
19
19
|
(function (UICalloutContentPadding) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UICheckbox.d.ts","sourceRoot":"","sources":["../../../src/components/UICheckbox/UICheckbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,cAAc,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAG5F,OAAO,KAAK,EAAE,wBAAwB,EAAE,0BAA0B,EAAE,MAAM,gCAAgC,CAAC;
|
|
1
|
+
{"version":3,"file":"UICheckbox.d.ts","sourceRoot":"","sources":["../../../src/components/UICheckbox/UICheckbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,cAAc,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAG5F,OAAO,KAAK,EAAE,wBAAwB,EAAE,0BAA0B,EAAE,MAAM,gCAAgC,CAAC;AAI3G,MAAM,WAAW,eAAgB,SAAQ,cAAc,EAAE,wBAAwB;IAC7E,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED;;;;;;;GAOG;AACH,qBAAa,UAAW,SAAQ,KAAK,CAAC,SAAS,CAAC,eAAe,EAAE,EAAE,CAAC;IAChE,gBAAgB;;;;;;MAMd;IAEF;;;;OAIG;gBACgB,KAAK,EAAE,eAAe;IAIzC,SAAS,CAAC,QAAQ,GAAI,aAAa,0BAA0B,EAAE,OAAO,mBAAmB,KAAG,eAAe,CA4FzG;IAEF;;OAEG;IACH,MAAM,IAAI,GAAG,CAAC,OAAO;CAgBxB"}
|
|
@@ -7,6 +7,7 @@ exports.UICheckbox = void 0;
|
|
|
7
7
|
const react_1 = __importDefault(require("react"));
|
|
8
8
|
const react_2 = require("@fluentui/react");
|
|
9
9
|
const ValidationMessage_1 = require("../../helper/ValidationMessage");
|
|
10
|
+
const UIInput_1 = require("../UIInput");
|
|
10
11
|
/**
|
|
11
12
|
* UICheckbox component.
|
|
12
13
|
* based on https://developer.microsoft.com/en-us/fluentui#/controls/web/checkbox
|
|
@@ -111,7 +112,8 @@ class UICheckbox extends react_1.default.Component {
|
|
|
111
112
|
checkbox: {
|
|
112
113
|
backgroundColor: 'var(--vscode-debugToolBar-background, var(--vscode-editorWidget-background))',
|
|
113
114
|
borderColor: 'var(--vscode-editorWidget-border)',
|
|
114
|
-
opacity: props.disabled ? 0.4 : undefined
|
|
115
|
+
opacity: props.disabled ? 0.4 : undefined,
|
|
116
|
+
borderRadius: UIInput_1.COMMON_INPUT_STYLES.borderRadius
|
|
115
117
|
},
|
|
116
118
|
checkmark: {
|
|
117
119
|
color: 'var(--vscode-checkbox-foreground, var(--vscode-editorWidget-foreground))'
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UICheckbox.js","sourceRoot":"","sources":["../../../src/components/UICheckbox/UICheckbox.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,2CAA0F;AAG1F,sEAAgF;
|
|
1
|
+
{"version":3,"file":"UICheckbox.js","sourceRoot":"","sources":["../../../src/components/UICheckbox/UICheckbox.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,2CAA0F;AAG1F,sEAAgF;AAChF,wCAAiD;AAMjD;;;;;;;GAOG;AACH,MAAa,UAAW,SAAQ,eAAK,CAAC,SAA8B;IAShE;;;;OAIG;IACH,YAAmB,KAAsB;QACrC,KAAK,CAAC,KAAK,CAAC,CAAC;QAdjB,qBAAgB,GAAG;YACf,IAAI,EAAE,aAAa;YACnB,KAAK,EAAE,mBAAmB;YAC1B,QAAQ,EAAE,sBAAsB;YAChC,SAAS,EAAE,uBAAuB;YAClC,IAAI,EAAE,kBAAkB;SAC3B,CAAC;QAWQ,aAAQ,GAAG,CAAC,WAAuC,EAAE,KAA0B,EAAmB,EAAE;YAC1G,OAAO;gBACH,IAAI,EAAE;oBACF,CAAC,KAAK,CAAC,QAAQ,IAAI;wBACf,CAAC,KAAK,CAAC,OAAO,IAAI;4BACd,CAAC,WAAW,IAAI,CAAC,gBAAgB,CAAC,QAAQ,EAAE,CAAC,EAAE;gCAC3C,UAAU,EAAE,mCAAmC;gCAC/C,WAAW,EAAE,2BAA2B;gCACxC,CAAC,4BAAoB,CAAC,EAAE;oCACpB,WAAW,EAAE,WAAW;iCAC3B;6BACJ;4BACD,CAAC,WAAW,IAAI,CAAC,gBAAgB,CAAC,QAAQ,EAAE,CAAC,EAAE;gCAC3C,UAAU,EAAE,mCAAmC;gCAC/C,WAAW,EAAE,2BAA2B;6BAC3C;4BACD,CAAC,WAAW,IAAI,CAAC,gBAAgB,CAAC,SAAS,EAAE,CAAC,EAAE;gCAC5C,KAAK,EAAE,0BAA0B;gCACjC,OAAO,EAAE,CAAC;gCACV,CAAC,4BAAoB,CAAC,EAAE;oCACpB,KAAK,EAAE,WAAW;iCACrB;6BACJ;yBACJ;wBACD;4BACI,CAAC,WAAW,IAAI,CAAC,gBAAgB,CAAC,IAAI,aAAa,IAAI,CAAC,gBAAgB,CAAC,IAAI,EAAE,CAAC,EAAE;gCAC9E,KAAK,EAAE,0BAA0B;gCACjC,CAAC,4BAAoB,CAAC,EAAE;oCACpB,KAAK,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY;iCACpD;6BACJ;yBACJ;qBACJ;oBACD,KAAK,CAAC,OAAO;wBACT,CAAC,KAAK,CAAC,aAAa,IAAI;wBACpB,CAAC,WAAW,IAAI,CAAC,gBAAgB,CAAC,QAAQ,EAAE,CAAC,EAAE;4BAC3C,UAAU,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,mCAAmC;4BACrE,WAAW,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,2BAA2B;yBACjE;wBACD,CAAC,WAAW,IAAI,CAAC,gBAAgB,CAAC,QAAQ,EAAE,CAAC,EAAE;4BAC3C,UAAU,EAAE,mCAAmC;4BAC/C,WAAW,EAAE,2BAA2B;yBAC3C;wBACD,CAAC,4BAAoB,CAAC,EAAE;4BACpB,CAAC,WAAW,IAAI,CAAC,gBAAgB,CAAC,QAAQ,EAAE,CAAC,EAAE;gCAC3C,UAAU,EAAE,WAAW;gCACvB,WAAW,EAAE,WAAW;6BAC3B;4BACD,CAAC,WAAW,IAAI,CAAC,gBAAgB,CAAC,QAAQ,EAAE,CAAC,EAAE;gCAC3C,UAAU,EAAE,WAAW;6BAC1B;4BACD,CAAC,iBAAiB,IAAI,CAAC,gBAAgB,CAAC,QAAQ,EAAE,CAAC,EAAE;gCACjD,UAAU,EAAE,WAAW;6BAC1B;4BACD,CAAC,iBAAiB,IAAI,CAAC,gBAAgB,CAAC,SAAS,EAAE,CAAC,EAAE;gCAClD,KAAK,EAAE,QAAQ;6BAClB;4BACD,CAAC,WAAW,IAAI,CAAC,gBAAgB,CAAC,SAAS,EAAE,CAAC,EAAE;gCAC5C,KAAK,EAAE,QAAQ;6BAClB;yBACJ;qBACJ;oBACL,WAAW,CAAC,OAAO,IAAI;wBACnB,YAAY,EAAE,CAAC;qBAClB;iBACJ;gBACD,KAAK,EAAE;oBACH,CAAC,IAAI,+BAAuB,0BAA0B,CAAC,EAAE;wBACrD,OAAO,EAAE,EAAE;wBACX,QAAQ,EAAE,UAAU;wBACpB,KAAK,EAAE,CAAC,CAAC;wBACT,MAAM,EAAE,kCAAkC;wBAC1C,OAAO,EAAE,gDAAgD;wBACzD,CAAC,4BAAoB,CAAC,EAAE;4BACpB,OAAO,EAAE,sBAAsB;yBAClC;qBACJ;iBACJ;gBACD,QAAQ,EAAE;oBACN,eAAe,EAAE,8EAA8E;oBAC/F,WAAW,EAAE,mCAAmC;oBAChD,OAAO,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS;oBACzC,YAAY,EAAE,6BAAmB,CAAC,YAAY;iBACjD;gBACD,SAAS,EAAE;oBACP,KAAK,EAAE,0EAA0E;iBACpF;gBACD,IAAI,EAAE;oBACF,KAAK,EAAE,0BAA0B;oBACjC,OAAO,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS;iBAC5C;aACJ,CAAC;QACN,CAAC,CAAC;IA9FF,CAAC;IAgGD;;OAEG;IACH,MAAM;QACF,MAAM,WAAW,GAAG,IAAA,kCAAc,EAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC/C,MAAM,iBAAiB,GAAG,CACtB,8BAAC,gBAAQ,OACD,IAAI,CAAC,KAAK,EACd,MAAM,EAAE,CAAC,KAAK,EAAE,EAAE;gBACd,OAAO,EAAE,GAAG,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,KAAK,CAAC,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;YAC1E,CAAC,GACH,CACL,CAAC;QACF,OAAO,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,CACzB,8BAAC,kCAAc,IAAC,OAAO,EAAE,WAAW,IAAG,iBAAiB,CAAkB,CAC7E,CAAC,CAAC,CAAC,CACA,iBAAiB,CACpB,CAAC;IACN,CAAC;CACJ;AAnID,gCAmIC"}
|
|
@@ -5,7 +5,7 @@ $menu-background: var(--vscode-menu-background, var(--vscode-input-background));
|
|
|
5
5
|
$menu-color: var(--vscode-editorSuggestWidget-foreground);
|
|
6
6
|
$menu-header-color: var(--vscode-editorSuggestWidget-highlightForeground);
|
|
7
7
|
$menu-border-color: var(--vscode-focusBorder);
|
|
8
|
-
$menu-border-radius:
|
|
8
|
+
$menu-border-radius: 4px;
|
|
9
9
|
|
|
10
10
|
$menu-item-height: 22px;
|
|
11
11
|
$menu-item-horizontal-padding: 8px;
|
|
@@ -10,7 +10,7 @@ const ValidationMessage_1 = require("../../helper/ValidationMessage");
|
|
|
10
10
|
const UILabel_1 = require("../UILabel");
|
|
11
11
|
const types_1 = require("../types");
|
|
12
12
|
exports.COMMON_INPUT_STYLES = {
|
|
13
|
-
borderRadius:
|
|
13
|
+
borderRadius: 4
|
|
14
14
|
};
|
|
15
15
|
const COLOR_STYLES = {
|
|
16
16
|
regular: {
|
|
@@ -23,7 +23,7 @@ $dropdown-input-background: var(--vscode-input-background);
|
|
|
23
23
|
$dropdown-input-border-color: var(--vscode-editorWidget-border);
|
|
24
24
|
$dropdown-input-focus-border-color: var(--vscode-focusBorder);
|
|
25
25
|
// misc
|
|
26
|
-
$dropdown-input-border-radius:
|
|
26
|
+
$dropdown-input-border-radius: 4px;
|
|
27
27
|
$dropdown-input-expand-icon-size: 16px;
|
|
28
28
|
$dropdown-input-text-padding: 0px $dropdown-input-height 0 8px;
|
|
29
29
|
$dropdown-input-border-width: 1px;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sap-ux/ui-components",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "2.0.1",
|
|
4
4
|
"license": "Apache-2.0",
|
|
5
5
|
"description": "SAP UI Components Library",
|
|
6
6
|
"repository": {
|
|
@@ -48,7 +48,7 @@
|
|
|
48
48
|
"@types/sanitize-html": "2.16.0",
|
|
49
49
|
"@types/uuid": "3.4.11",
|
|
50
50
|
"babel-jest": "30.2.0",
|
|
51
|
-
"babel-loader": "
|
|
51
|
+
"babel-loader": "10.0.0",
|
|
52
52
|
"copyfiles": "2.4.1",
|
|
53
53
|
"css-loader": "6.8.1",
|
|
54
54
|
"enzyme": "3.11.0",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
(()=>{var S=Object.defineProperty,T=Object.defineProperties;var L=Object.getOwnPropertyDescriptors;var E=Object.getOwnPropertySymbols;var R=Object.prototype.hasOwnProperty,j=Object.prototype.propertyIsEnumerable;var M=(p,i,s)=>i in p?S(p,i,{enumerable:!0,configurable:!0,writable:!0,value:s}):p[i]=s,b=(p,i)=>{for(var s in i||(i={}))R.call(i,s)&&M(p,s,i[s]);if(E)for(var s of E(i))j.call(i,s)&&M(p,s,i[s]);return p},v=(p,i)=>T(p,L(i));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[195],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.97.3_sass@1.66.1_webpack@5.105.0_@swc+core@1.15.11_@_4f1593e189c7da437313975f630f8314/node_modules/sass-loader/dist/cjs.js!./src/components/UIComboBox/Callout.scss"(p,i,s){var C=s("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/css-loader/dist/runtime/noSourceMaps.js"),l=s("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/css-loader/dist/runtime/api.js"),d=l(C);d.push([p.id,".ui-large-header{font-family:var(--vscode-font-family);font-weight:bold;font-size:24px;font-style:normal;line-height:29px;color:var(--vscode-settings-headerForeground)}.ui-medium-header{font-family:var(--vscode-font-family);font-weight:bold;font-size:14px;font-style:normal;line-height:16px;color:var(--vscode-settings-headerForeground)}.ui-small-header{font-family:var(--vscode-font-family);font-weight:bold;font-size:13px;font-style:normal;line-height:15px;color:var(--vscode-settings-textInputForeground)}.ui-medium-text{font-family:var(--vscode-font-family);font-weight:normal;font-size:13px;font-style:normal;line-height:18px;color:var(--vscode-settings-textInputForeground)}.ui-medium-italic-text{font-family:var(--vscode-font-family);font-weight:normal;font-size:13px;font-style:italic;line-height:18px;color:var(--vscode-settings-textInputForeground)}.ui-small-text{font-family:var(--vscode-font-family);font-weight:normal;font-size:11px;font-style:normal;line-height:15px;color:var(--vscode-settings-textInputForeground)}.ui-small-italic-text{font-family:var(--vscode-font-family);font-weight:normal;font-size:11px;font-style:italic;line-height:15px;color:var(--vscode-settings-textInputForeground)}:root{--ui-box-shadow-small: 0 4px 8px 0 var(--vscode-widget-shadow);--ui-box-shadow-medium: 0 6px 12px 0 var(--vscode-widget-shadow);--ui-box-shadow-large: 0 10px 20px 0 var(--vscode-widget-shadow)}.ui-box-shadow-small{box-shadow:var(--ui-box-shadow-small)}.ui-box-shadow-medium{box-shadow:var(--ui-box-shadow-medium)}.ui-box-shadow-large{box-shadow:var(--ui-box-shadow-large)}.ts-Callout button{font-size:var(--vscode-font-size);font-family:var(--vscode-font-family);font-weight:var(--vscode-font-weight)}",""]),p.exports=d},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.97.3_sass@1.66.1_webpack@5.105.0_@swc+core@1.15.11_@_4f1593e189c7da437313975f630f8314/node_modules/sass-loader/dist/cjs.js!./src/components/UIComboBox/UIComboBox.scss"(p,i,s){var C=s("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/css-loader/dist/runtime/noSourceMaps.js"),l=s("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/css-loader/dist/runtime/api.js"),d=l(C);d.push([p.id,".ts-ComboBox .ms-ComboBox{background:var(--vscode-input-background);height:26px;padding:0px 26px 0 8px;border-radius:2px}.ts-ComboBox .ms-ComboBox>.ms-Button--icon{right:0;width:26px;background:rgba(0,0,0,0);height:100%;text-align:center}.ts-ComboBox .ms-ComboBox>.ms-Button--icon i{height:100%;fill:var(--vscode-foreground)}.ts-ComboBox .ms-ComboBox>.ms-Button--icon i svg{height:100%;width:16px}.ts-ComboBox .ms-ComboBox input{background:rgba(0,0,0,0);font-family:var(--vscode-font-family) !important;font-size:13px;min-height:unset;padding:1px 0 1px 1px;outline:0}.ts-ComboBox .ms-ComboBox input,.ts-ComboBox .ms-ComboBox:hover input{color:var(--vscode-foreground)}.ts-ComboBox .ms-ComboBox input::placeholder,.ts-ComboBox .ms-ComboBox:hover input::placeholder{color:var(--vscode-input-placeholderForeground)}.ts-ComboBox .ms-ComboBox:after{border:1px solid var(--vscode-editorWidget-border);border-radius:2px}.ts-ComboBox .ms-ComboBox:hover:after,.ts-ComboBox .ms-ComboBox:focus-within:after,.ts-ComboBox .ms-ComboBox.is-open:after{border-color:var(--vscode-focusBorder)}.ts-ComboBox--readonly .ms-ComboBox.is-disabled{background-color:var(--vscode-editor-background);font-style:italic}.ts-ComboBox--readonly .ms-ComboBox.is-disabled:after{border-style:dashed}.ts-ComboBox--readonly.ts-ComboBox--empty .ms-ComboBox:hover:after{border-color:var(--vscode-editorWidget-border)}.ts-ComboBox--disabled .ms-ComboBox.is-disabled{opacity:.5;background-color:var(--vscode-editor-inactiveSelectionBackground)}.ts-ComboBox--disabled .ms-ComboBox.is-disabled:after{border-color:var(--vscode-editorWidget-border)}.ts-ComboBox--readonly .ms-ComboBox:focus-within:after,.ts-ComboBox--disabled .ms-ComboBox:focus-within:after{border-style:solid;border-color:var(--vscode-focusBorder) !important}.ts-ComboBox--error .ms-ComboBox:after,.ts-ComboBox--error .ms-ComboBox:focus-within:after{border-color:var(--vscode-inputValidation-errorBorder)}.ts-ComboBox--warning .ms-ComboBox:after,.ts-ComboBox--warning .ms-ComboBox:focus-within:after{border-color:var(--vscode-inputValidation-warningBorder)}.ts-ComboBox--info .ms-ComboBox:after,.ts-ComboBox--info .ms-ComboBox:focus-within:after{border-color:var(--vscode-inputValidation-infoBorder)}.ts-Callout-Dropdown{border:1px solid var(--vscode-focusBorder);box-sizing:border-box;border-radius:2px;overflow:hidden}.ts-Callout-Dropdown .ms-Callout-main{background:var(--vscode-menu-background, var(--vscode-input-background));border:none;border-radius:0}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item{font-size:var(--vscode-font-size);font-family:var(--vscode-font-family);font-weight:var(--vscode-font-weight);min-height:22px;height:22px;line-height:22px;color:var(--vscode-editorSuggestWidget-foreground);background-color:rgba(0,0,0,0);letter-spacing:normal;border:0;padding:0px 8px;font-size:13px}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command:hover,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command:focus,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command:active,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option:hover,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option:focus,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option:active,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item:hover,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item:focus,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item:active,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command:hover,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command:focus,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command:active,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option:hover,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option:focus,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option:active,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item:hover,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item:focus,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item:active{background-color:var(--vscode-list-hoverBackground);color:var(--vscode-editorSuggestWidget-foreground)}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command:hover:after,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command:focus:after,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command:active:after,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option:hover:after,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option:focus:after,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option:active:after,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item:hover:after,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item:focus:after,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item:active:after,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command:hover:after,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command:focus:after,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command:active:after,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option:hover:after,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option:focus:after,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option:active:after,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item:hover:after,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item:focus:after,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item:active:after{display:none}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command:hover,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option:hover,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item:hover,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command:hover,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option:hover,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item:hover{outline:1px dashed var(--vscode-contrastActiveBorder);outline-offset:-1px}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command .ts-Menu-option,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option .ts-Menu-option,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item .ts-Menu-option,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command .ts-Menu-option,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option .ts-Menu-option,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item .ts-Menu-option{font-size:13px}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command .ms-ComboBox-optionText,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command .ts-Menu-option,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command .ms-Dropdown-optionText,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option .ms-ComboBox-optionText,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option .ts-Menu-option,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option .ms-Dropdown-optionText,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item .ms-ComboBox-optionText,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item .ts-Menu-option,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item .ms-Dropdown-optionText,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command .ms-ComboBox-optionText,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command .ts-Menu-option,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command .ms-Dropdown-optionText,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option .ms-ComboBox-optionText,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option .ts-Menu-option,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option .ms-Dropdown-optionText,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item .ms-ComboBox-optionText,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item .ts-Menu-option,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item .ms-Dropdown-optionText{height:22px}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command .ms-Dropdown-optionText,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option .ms-Dropdown-optionText,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item .ms-Dropdown-optionText,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command .ms-Dropdown-optionText,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option .ms-Dropdown-optionText,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item .ms-Dropdown-optionText{margin:0}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .is-disabled,.ts-Callout-Dropdown .ms-Dropdown-items .is-disabled{opacity:.4}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command:after,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command:after{display:none}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ts-ComboBox--selected .ms-ComboBox-option.ms-Button--command,.ts-Callout-Dropdown .ms-Dropdown-items .ts-ComboBox--selected .ms-ComboBox-option.ms-Button--command{background-color:var(--vscode-editorSuggestWidget-selectedBackground, var(--vscode-quickInputList-focusBackground));color:var(--vscode-editorSuggestWidget-selectedForeground, var(--vscode-quickInputList-focusForeground, var(--vscode-editorSuggestWidget-foreground)))}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ts-ComboBox--selected .ms-Button--command,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ts-ComboBox--selected .ms-ComboBox-option:after,.ts-Callout-Dropdown .ms-Dropdown-items .ts-ComboBox--selected .ms-Button--command,.ts-Callout-Dropdown .ms-Dropdown-items .ts-ComboBox--selected .ms-ComboBox-option:after{border:none;outline:1px solid var(--vscode-focusBorder);outline-offset:-1px}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-header,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-header,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-header,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-header{min-height:22px;height:22px;line-height:22px;padding:0px 8px;color:var(--vscode-editorSuggestWidget-highlightForeground);font-size:11px;font-weight:bold}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer>div .ms-ComboBox-header,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer>div .ms-Dropdown-header,.ts-Callout-Dropdown .ms-Dropdown-items>div .ms-ComboBox-header,.ts-Callout-Dropdown .ms-Dropdown-items>div .ms-Dropdown-header{border-top:1px solid var(--vscode-editorWidget-border)}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer>div:first-child .ms-ComboBox-header,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer>div:first-child .ms-Dropdown-header,.ts-Callout-Dropdown .ms-Dropdown-items>div:first-child .ms-ComboBox-header,.ts-Callout-Dropdown .ms-Dropdown-items>div:first-child .ms-Dropdown-header{border-top:none}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-divider,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-divider,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-divider,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-divider{background-color:var(--vscode-editorWidget-border)}.ts-Callout-Dropdown .ms-Dropdown-items>.ms-Button--command{display:block}.ts-Callout-Dropdown .ms-Dropdown-items>.ms-Button--command:focus{background:var(--vscode-editorSuggestWidget-selectedBackground, var(--vscode-quickInputList-focusBackground));color:var(--vscode-editorSuggestWidget-selectedForeground, var(--vscode-quickInputList-focusForeground, var(--vscode-editorSuggestWidget-foreground)));outline:1px solid var(--vscode-focusBorder);outline-offset:-1px}.ts-Callout-Dropdown .ms-Checkbox.ms-ComboBox-option .ms-Checkbox-checkbox,.ts-Callout-Dropdown .ms-Checkbox.ms-Dropdown-item .ms-Checkbox-checkbox{background:var(--vscode-editor-lineHighlightBorder);border-color:var(--vscode-editorWidget-border);height:16px;width:16px;margin-right:8px}.ts-Callout-Dropdown .ms-Checkbox.ms-ComboBox-option .ms-Checkbox-checkmark,.ts-Callout-Dropdown .ms-Checkbox.ms-Dropdown-item .ms-Checkbox-checkmark{color:var(--vscode-checkbox-border)}.ts-Callout-Dropdown .ms-Checkbox.ms-ComboBox-option.is-checked,.ts-Callout-Dropdown .ms-Checkbox.ms-Dropdown-item.is-checked{background-color:var(--vscode-editorSuggestWidget-selectedBackground, var(--vscode-quickInputList-focusBackground));color:var(--vscode-editorSuggestWidget-selectedForeground, var(--vscode-quickInputList-focusForeground, var(--vscode-editorSuggestWidget-foreground)))}.ts-Callout-Dropdown .ms-Checkbox.ms-ComboBox-option.is-checked .ms-Checkbox-checkmark,.ts-Callout-Dropdown .ms-Checkbox.ms-Dropdown-item.is-checked .ms-Checkbox-checkmark{color:var(--vscode-input-foreground)}.ts-Callout-Dropdown .ms-Checkbox.ms-ComboBox-option.is-checked:hover,.ts-Callout-Dropdown .ms-Checkbox.ms-Dropdown-item.is-checked:hover{outline:1px solid var(--vscode-focusBorder);outline-offset:-1px}.ts-Callout-Dropdown .ms-Checkbox.ms-ComboBox-option:hover .ms-Checkbox-checkbox,.ts-Callout-Dropdown .ms-Checkbox.ms-Dropdown-item:hover .ms-Checkbox-checkbox{border-color:var(--vscode-focusBorder)}.ts-Callout-Dropdown .ms-Checkbox.ms-ComboBox-option input{display:none}.ts-Callout-Dropdown .ms-Checkbox .ms-Checkbox-label{font-size:13px;padding:0}.ts-Callout-Dropdown .option-no-data{font-size:12px;font-weight:normal;height:26px;line-height:26px;padding-left:8px}.ts-Callout-Dropdown .ms-Checkbox.ms-Dropdown-item input:focus+label .ms-Dropdown-optionText{z-index:1}.ts-Callout-Dropdown .ms-Checkbox.ms-Dropdown-item input:focus+label:before{outline:none;z-index:0;left:-8px;right:-8px;outline:1px solid var(--vscode-focusBorder);outline-offset:-1px}.option-loading{display:flex;padding-left:8px;width:262px;height:26px}.option-loading .uiLoaderXSmall .ms-Spinner-label{font-size:12px;font-weight:normal}",""]),p.exports=d},"./src/components/UIComboBox/Callout.scss"(p,i,s){"use strict";s.r(i),s.d(i,{default:()=>n});var C=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),l=s.n(C),d=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/styleDomAPI.js"),m=s.n(d),_=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/insertBySelector.js"),a=s.n(_),c=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),B=s.n(c),h=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/insertStyleElement.js"),y=s.n(h),D=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/styleTagTransform.js"),I=s.n(D),f=s("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.97.3_sass@1.66.1_webpack@5.105.0_@swc+core@1.15.11_@_4f1593e189c7da437313975f630f8314/node_modules/sass-loader/dist/cjs.js!./src/components/UIComboBox/Callout.scss"),g=s.n(f),x={};for(const e in f)e!=="default"&&(x[e]=()=>f[e]);s.d(i,x);var o={};o.styleTagTransform=I(),o.setAttributes=B(),o.insert=a().bind(null,"head"),o.domAPI=m(),o.insertStyleElement=y();var t=l()(g(),o);const n=g()&&g().locals?g().locals:void 0},"./src/components/UIComboBox/UIComboBox.scss"(p,i,s){"use strict";s.r(i),s.d(i,{default:()=>n});var C=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),l=s.n(C),d=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/styleDomAPI.js"),m=s.n(d),_=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/insertBySelector.js"),a=s.n(_),c=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),B=s.n(c),h=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/insertStyleElement.js"),y=s.n(h),D=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/styleTagTransform.js"),I=s.n(D),f=s("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.97.3_sass@1.66.1_webpack@5.105.0_@swc+core@1.15.11_@_4f1593e189c7da437313975f630f8314/node_modules/sass-loader/dist/cjs.js!./src/components/UIComboBox/UIComboBox.scss"),g=s.n(f),x={};for(const e in f)e!=="default"&&(x[e]=()=>f[e]);s.d(i,x);var o={};o.styleTagTransform=I(),o.setAttributes=B(),o.insert=a().bind(null,"head"),o.domAPI=m(),o.insertStyleElement=y();var t=l()(g(),o);const n=g()&&g().locals?g().locals:void 0},"./src/components/UICheckbox/UICheckbox.tsx"(p,i,s){"use strict";var C=this&&this.__importDefault||function(a){return a&&a.__esModule?a:{default:a}};Object.defineProperty(i,"__esModule",{value:!0}),i.UICheckbox=void 0;const l=C(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),d=s("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_dd78b5249e0d97499b5997ed3bfaf5b8/node_modules/@fluentui/react/lib-commonjs/index.js"),m=s("./src/helper/ValidationMessage/index.tsx");class _ extends l.default.Component{constructor(c){super(c),this.GlobalClassNames={root:"ms-Checkbox",label:"ms-Checkbox-label",checkbox:"ms-Checkbox-checkbox",checkmark:"ms-Checkbox-checkmark",text:"ms-Checkbox-text"},this.setStyle=(B,h)=>({root:[!h.disabled&&[!h.checked&&{[`:hover .${this.GlobalClassNames.checkbox}`]:{background:"var(--vscode-checkbox-background)",borderColor:"var(--vscode-focusBorder)",[d.HighContrastSelector]:{borderColor:"Highlight"}},[`:focus .${this.GlobalClassNames.checkbox}`]:{background:"var(--vscode-checkbox-background)",borderColor:"var(--vscode-focusBorder)"},[`:hover .${this.GlobalClassNames.checkmark}`]:{color:"var(--vscode-foreground)",opacity:0,[d.HighContrastSelector]:{color:"Highlight"}}},{[`:hover .${this.GlobalClassNames.text}, :focus .${this.GlobalClassNames.text}`]:{color:"var(--vscode-foreground)",[d.HighContrastSelector]:{color:h.disabled?"GrayText":"WindowText"}}}],h.checked&&!h.indeterminate&&{[`:hover .${this.GlobalClassNames.checkbox}`]:{background:h.disabled?"":"var(--vscode-checkbox-background)",borderColor:h.disabled?"":"var(--vscode-focusBorder)"},[`:focus .${this.GlobalClassNames.checkbox}`]:{background:"var(--vscode-checkbox-background)",borderColor:"var(--vscode-focusBorder)"},[d.HighContrastSelector]:{[`:hover .${this.GlobalClassNames.checkbox}`]:{background:"Highlight",borderColor:"Highlight"},[`:focus .${this.GlobalClassNames.checkbox}`]:{background:"Highlight"},[`:focus:hover .${this.GlobalClassNames.checkbox}`]:{background:"Highlight"},[`:focus:hover .${this.GlobalClassNames.checkmark}`]:{color:"Window"},[`:hover .${this.GlobalClassNames.checkmark}`]:{color:"Window"}}},B.message&&{marginBottom:2}],input:{[`.${d.IsFocusVisibleClassName} &:focus + label::before`]:{content:"",position:"absolute",inset:-1,border:"1px solid transparent !important",outline:"1px solid var(--vscode-focusBorder) !important",[d.HighContrastSelector]:{outline:"1px solid WindowText"}}},checkbox:{backgroundColor:"var(--vscode-debugToolBar-background, var(--vscode-editorWidget-background))",borderColor:"var(--vscode-editorWidget-border)",opacity:h.disabled?.4:void 0},checkmark:{color:"var(--vscode-checkbox-foreground, var(--vscode-editorWidget-foreground))"},text:{color:"var(--vscode-foreground)",opacity:h.disabled?.4:void 0}})}render(){const c=(0,m.getMessageInfo)(this.props),B=l.default.createElement(d.Checkbox,v(b({},this.props),{styles:h=>b(b({},this.setStyle(c,h)),this.props.styles)}));return c.message?l.default.createElement(m.MessageWrapper,{message:c},B):B}}i.UICheckbox=_},"./src/components/UICheckbox/index.tsx"(p,i,s){"use strict";var C=this&&this.__createBinding||(Object.create?(function(d,m,_,a){a===void 0&&(a=_);var c=Object.getOwnPropertyDescriptor(m,_);(!c||("get"in c?!m.__esModule:c.writable||c.configurable))&&(c={enumerable:!0,get:function(){return m[_]}}),Object.defineProperty(d,a,c)}):(function(d,m,_,a){a===void 0&&(a=_),d[a]=m[_]})),l=this&&this.__exportStar||function(d,m){for(var _ in d)_!=="default"&&!Object.prototype.hasOwnProperty.call(m,_)&&C(m,d,_)};Object.defineProperty(i,"__esModule",{value:!0}),l(s("./src/components/UICheckbox/UICheckbox.tsx"),i)},"./src/components/UIComboBox/UIComboBox.tsx"(p,i,s){"use strict";var C=this&&this.__importDefault||function(x){return x&&x.__esModule?x:{default:x}};Object.defineProperty(i,"__esModule",{value:!0}),i.UIComboBox=i.UIComboBoxLoaderType=i.UISelectableOptionMenuItemType=i.UIOnRenderComboBoxLabelProps=i.UIComboBoxRef=i.UISelectableOption=i.UIComboBoxOption=void 0;const l=C(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),d=s("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_dd78b5249e0d97499b5997ed3bfaf5b8/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(i,"UIComboBoxRef",{enumerable:!0,get:function(){return d.IComboBox}}),Object.defineProperty(i,"UIComboBoxOption",{enumerable:!0,get:function(){return d.IComboBoxOption}}),Object.defineProperty(i,"UISelectableOption",{enumerable:!0,get:function(){return d.ISelectableOption}}),Object.defineProperty(i,"UIOnRenderComboBoxLabelProps",{enumerable:!0,get:function(){return d.IOnRenderComboBoxLabelProps}}),Object.defineProperty(i,"UISelectableOptionMenuItemType",{enumerable:!0,get:function(){return d.SelectableOptionMenuItemType}});const m=s("./src/components/UIContextualMenu/UIHighlightMenuOption.tsx");s("./src/components/UIComboBox/UIComboBox.scss"),s("./src/components/UIComboBox/Callout.scss");const _=s("./src/components/UILoader/index.tsx"),a=s("./src/components/Icons.tsx"),c=s("./src/helper/ValidationMessage/index.tsx"),B=s("./src/components/UILabel/index.tsx"),h=s("./src/components/UIDropdown/index.tsx"),y=s("./src/components/UICallout/index.tsx"),D=s("./src/utilities/index.ts"),I=s("./src/components/types.ts");var f;(function(x){x.List="List",x.Input="Input"})(f||(i.UIComboBoxLoaderType=f={}));class g extends l.default.Component{constructor(o){var t,n;super(o),this.comboBox=l.default.createRef(),this.comboboxDomRef=l.default.createRef(),this.menuDomRef=l.default.createRef(),this.selectedElement=l.default.createRef(),this.query="",this.ignoreOpenKeys=["Meta","Control","Shift","Tab","Alt","CapsLock"],this.isListHidden=!1,this.calloutCollisionTransform=new y.CalloutCollisionTransform(this.comboboxDomRef,this.menuDomRef),this.hiddenOptions=[],this.onResolveOptions=()=>this.props.options,this._onRenderItem=(e,r)=>{if(r&&e){e.data=this.query,e.title===void 0&&(e.title=e.text);const u=e.index!==void 0&&this.getCurrentSelectedIndex()===e.index;return e.hidden?null:l.default.createElement("div",{key:e.key,ref:u?this.selectedElement:void 0,className:`${u?"ts-ComboBox--selected":""}`},r(e))}return null},this.onRenderItem=(e,r)=>this.props.onRenderItem?this.props.onRenderItem(e,this._onRenderItem.bind(this,e,r)):this._onRenderItem(e,r),this.getCurrentSelectedIndex=()=>{const e=this.comboBox.current;if(e)return e.state.currentPendingValueValidIndex!==-1?e.state.currentPendingValueValidIndex:e.props.hoisted.selectedIndices?e.props.hoisted.selectedIndices[0]:void 0},this.getPlaceholder=()=>this.props.placeholder?this.props.placeholder:"Search or select from dropdown",this._onRenderOption=(e,r)=>e&&e.itemType!==d.SelectableOptionMenuItemType.Header?l.default.createElement(m.UIHighlightMenuOption,{text:e.text,query:this.query}):r?r(e):null,this.onRenderOption=(e,r)=>this.props.onRenderOption?this.props.onRenderOption(e,this._onRenderOption.bind(this,e,r)):this._onRenderOption(e,r),this.handleChange=(e,r)=>{r&&this.props.onHandleChange&&this.props.onHandleChange(r.key)},this.onRenderList=(e,r)=>{const{onRenderList:u,externalSearchProps:w,options:O}=this.props;if(u)return u(e,r);if(this.isLoaderApplied(f.List)){const P={label:{fontSize:"11px",fontWeight:"normal"}};return l.default.createElement("div",{className:"option-loading"},l.default.createElement(_.UILoader,{label:"Loading",className:"uiLoaderXSmall",labelPosition:"right",styles:P}))}else if(w!=null&&w.noDataLabel&&(!O.length||this.isListHidden))return l.default.createElement("div",{className:"option-no-data"},w.noDataLabel);return r==null?void 0:r(e)},this.onInput=this.onInput.bind(this),this.reserQuery=this.reserQuery.bind(this),this.onResolveOptions=this.onResolveOptions.bind(this),this.onRenderItem=this.onRenderItem.bind(this),this.onRenderOption=this.onRenderOption.bind(this),this.onKeyDown=this.onKeyDown.bind(this),this.onClick=this.onClick.bind(this),this.handleRefreshButton=this.handleRefreshButton.bind(this),this.onPendingValueChanged=this.onPendingValueChanged.bind(this),this.onMultiSelectChange=this.onMultiSelectChange.bind(this),this.onScrollToItem=this.onScrollToItem.bind(this),this.setFocus=this.setFocus.bind(this),this.onRenderIcon=this.onRenderIcon.bind(this),this.onRenderList=this.onRenderList.bind(this),this.onInputValueChange=this.onInputValueChange.bind(this),this.onExternalSearchDebounce=(0,D.debounce)(e=>{var r,u;return(u=(r=this.props.externalSearchProps)==null?void 0:r.onExternalSearch)==null?void 0:u.call(r,e)},(n=(t=o.externalSearchProps)==null?void 0:t.debounceTime)!=null?n:500),(0,d.initializeComponentRef)(this),this.state={},this.collectHiddenOptionKeys(o.options)}shouldComponentUpdate(o){const t=o.options!==this.props.options;return t&&this.collectHiddenOptionKeys(o.options),(t||this.isLoaderChanged(this.props.isLoading,o.isLoading))&&this.query&&this.updateHiddenOptions(o.options,o.isLoading),!0}isLoaderChanged(o,t){return!!o!=!!t}updateHiddenOptions(o,t){this.isListHidden=!0;let n,e=!1;const r=()=>{n&&(n.hidden=!e)};for(const u of o)if(u.itemType===d.SelectableOptionMenuItemType.Header)r(),n=u,e=!1;else{let w=this.isLoaderApplied(f.List,t)||this.isOptionVisibleByQuery(u,this.query);this.hiddenOptions.includes(u.key)&&(w=!1),u.hidden=!w,this.isListHidden&&!u.hidden&&(this.isListHidden=!1),e=w||e}r()}isOptionVisibleByQuery(o,t){let n;return this.props.customSearchFilter&&(n=this.props.customSearchFilter(t,o)),n===void 0&&(n=o.text.toLowerCase().includes(t),this.props.searchByKeyEnabled&&!n&&(n=o.key.toString().toLowerCase().includes(t))),n}setCaretPosition(o){if((0,D.isHTMLInputElement)(o.target)){const t=o.target,n=t.selectionEnd;n!==t.value.length&&window.requestAnimationFrame(()=>{t.selectionStart=n,t.selectionEnd=n})}}onInput(o){if(this.isListHidden=!1,(0,D.isHTMLInputElement)(o.target)){this.setCaretPosition(o);const t=o.target;this.query=t.value.trimStart().toLowerCase();const n=this.comboBox.current;n&&this.updateHiddenOptions(n.props.hoisted.currentOptions)}}onClick(o){this.setCaretPosition(o);const t=this.comboBox.current,n=t==null?void 0:t.state.isOpen,e=this.props.disabled;this.props.openMenuOnClick&&t&&!n&&!e&&t.focus(!0)}onKeyDown(o){let t=!1;const n=this.comboBox.current,e=n==null?void 0:n.state.isOpen;(o.which===d.KeyCodes.down||o.which===d.KeyCodes.up)&&(t=this._setCyclingNavigation(o.which===d.KeyCodes.down)),t?(o.preventDefault(),o.stopPropagation()):!this.ignoreOpenKeys.includes(o.key)&&n&&!e&&n.focus(!0)}reserQuery(){this.query="";for(const o of this.props.options)this.hiddenOptions.includes(o.key)||delete o.hidden;this.isListHidden=!1,this.setState({isListHidden:this.isListHidden})}getNextVisibleItem(o,t){const n=this.props.options.length;for(;o>=0&&o<n;){if(this.props.options[o]&&!this.props.options[o].hidden)return{option:this.props.options[o],index:o};o=o+(t?1:-1)}return null}_setCyclingNavigation(o){const t=this.comboBox.current;if(t&&t.state.currentPendingValueValidIndex>=0){let n=t.state.currentPendingValueValidIndex;const e=this.props.options.length-1;n=n+(o?1:-1);let r=this.getNextVisibleItem(n,o);if(r)return!1;if(r=this.getNextVisibleItem(o?0:e,o),r)return t.setState({currentPendingValueValidIndex:r.index,currentPendingValue:r.option.text}),!0}return!1}calculateMenuMinWidth(){var t;const o=(t=this.comboBox.current)==null?void 0:t._comboBoxWrapper.current;o&&this.props.useComboBoxAsMenuMinWidth&&o.clientWidth!==this.state.minWidth&&this.setState({minWidth:o.clientWidth})}onPendingValueChanged(o,t,n){var e,r;this.state.isListHidden!==this.isListHidden&&this.setState({isListHidden:this.isListHidden}),(e=this.props)!=null&&e.onPendingValueChanged&&((r=this.props)==null||r.onPendingValueChanged(o,t,n))}dismissMenu(){this.comboBox.current&&this.comboBox.current.dismissMenu()}setFocus(){this.comboBox.current&&this.comboBox.current.focus()}handleRefreshButton(){const o=this.comboBox.current;this.props.useComboBoxAsMenuMinWidth&&this.calculateMenuMinWidth(),this.props.onRefresh&&(this.props.onRefresh(),o==null||o.focus(!0))}onMultiSelectChange(o,t,n,e){this.props.onChange&&o.type!=="blur"&&this.props.onChange(o,t,n,e)}onScrollToItem(){const o=this.selectedElement.current;if(!this.props.multiSelect||!o)return;const t=o.offsetParent;if(t){const n=t.clientHeight;if(t.scrollHeight>n){const r=o.offsetTop,u=r+o.clientHeight,w=t.scrollTop,O=w+n;if(!(r>=w&&u<=O)){const k=u>O?u-O:r-w;t.scrollTop=w+k}}}}getClassNames(o){const{readOnly:t,disabled:n}=this.props,e=o.message?c.MESSAGE_TYPES_CLASSNAME_MAP.get(o.type):void 0;let r=`ts-ComboBox${o.message?" ts-ComboBox--"+e:""}`;return t&&!n&&(r+=" ts-ComboBox--readonly"),n&&(r+=" ts-ComboBox--disabled"),(0,h.isDropdownEmpty)(this.props)&&(r+=" ts-ComboBox--empty"),r}getAutofillProps(){const{highlight:o,readOnly:t,disabled:n}=this.props,e={};o&&(e.onKeyDownCapture=this.onKeyDown);const r="tabIndex"in this.props?this.props.tabIndex:void 0;return t&&!n?(e.readOnly=t,e.tabIndex=r,e["aria-disabled"]=void 0,e["aria-readonly"]=!0):n&&(e.disabled=void 0,e.readOnly=!0,e.tabIndex=r),e["aria-invalid"]=this.props.errorMessage!==void 0&&this.props.errorMessage!=="",e}isLoaderApplied(o,t=this.props.isLoading){return Array.isArray(t)?t.includes(o):!!t&&o===f.List}onRenderIcon(o,t){var n;if(this.isLoaderApplied(f.Input)){const e={label:{fontSize:"11px",fontWeight:"normal"}};return l.default.createElement(_.UILoader,{className:"uiLoaderXSmall",labelPosition:"right",styles:e})}return(n=t==null?void 0:t(o))!=null?n:null}onInputValueChange(o){const{onInputValueChange:t,externalSearchProps:n}=this.props;if(t==null||t(o),n){const{onExternalSearch:e,onInputChange:r}=n;r==null||r(o),e&&this.onExternalSearchDebounce(o)}}collectHiddenOptionKeys(o){this.hiddenOptions=[];for(const t of o)t.hidden&&this.hiddenOptions.push(t.key)}render(){var n;const o=(0,c.getMessageInfo)(this.props);let t=this.props.isForceEnabled?!1:!this.props.options.length;return this.props.readOnly&&(t=!0),l.default.createElement("div",{ref:this.props.wrapperRef,className:this.getClassNames(o)},l.default.createElement(d.ComboBox,v(b(v(b(b(b(v(b(v(b({componentRef:this.comboBox,ref:this.comboboxDomRef,disabled:t,iconButtonProps:{iconProps:{iconName:a.UiIcons.ArrowDown},onRenderIcon:this.onRenderIcon},styles:{label:b(b(b({},B.labelGlobalStyle),this.props.disabled&&{opacity:"0.4"}),this.props.required&&{selectors:{"::after":{content:I.REQUIRED_LABEL_INDICATOR,color:"var(--vscode-inputValidation-errorBorder)",paddingRight:12}}}),errorMessage:[o.style]}},this.props),{calloutProps:b(b({calloutMaxHeight:200,popupProps:{ref:this.menuDomRef},className:"ts-Callout ts-Callout-Dropdown",styles:b({},this.props.useComboBoxAsMenuMinWidth&&{calloutMain:{minWidth:this.state.minWidth,display:this.state.isListHidden&&!((n=this.props.externalSearchProps)!=null&&n.noDataLabel)?"none":void 0}})},this.props.calloutProps),(0,h.getCalloutCollisionTransformationPropsForDropdown)(this,this.calloutCollisionTransform))}),this.props.highlight&&{onInput:this.onInput,onMenuDismissed:this.reserQuery,onResolveOptions:this.onResolveOptions,onRenderItem:this.onRenderItem,onRenderOption:this.onRenderOption,placeholder:this.getPlaceholder(),onPendingValueChanged:this.onPendingValueChanged}),{autofill:this.getAutofillProps()}),this.props.useComboBoxAsMenuMinWidth&&{onMenuOpen:this.calculateMenuMinWidth.bind(this)}),this.props.openMenuOnClick&&{onClick:this.onClick.bind(this)}),this.props.onRefresh&&{onMenuOpen:this.handleRefreshButton,onChange:this.handleChange}),{onRenderList:this.onRenderList}),this.props.multiSelect&&b({onScrollToItem:this.onScrollToItem},this.props.onChange&&{onChange:this.onMultiSelectChange})),{errorMessage:o.message,onInputValueChange:this.onInputValueChange})))}}i.UIComboBox=g,g.defaultProps={openMenuOnClick:!0}},"./src/components/UIComboBox/index.tsx"(p,i,s){"use strict";var C=this&&this.__createBinding||(Object.create?(function(d,m,_,a){a===void 0&&(a=_);var c=Object.getOwnPropertyDescriptor(m,_);(!c||("get"in c?!m.__esModule:c.writable||c.configurable))&&(c={enumerable:!0,get:function(){return m[_]}}),Object.defineProperty(d,a,c)}):(function(d,m,_,a){a===void 0&&(a=_),d[a]=m[_]})),l=this&&this.__exportStar||function(d,m){for(var _ in d)_!=="default"&&!Object.prototype.hasOwnProperty.call(m,_)&&C(m,d,_)};Object.defineProperty(i,"__esModule",{value:!0}),l(s("./src/components/UIComboBox/UIComboBox.tsx"),i)}}]);})();
|
|
1
|
+
(()=>{var S=Object.defineProperty,T=Object.defineProperties;var L=Object.getOwnPropertyDescriptors;var k=Object.getOwnPropertySymbols;var R=Object.prototype.hasOwnProperty,j=Object.prototype.propertyIsEnumerable;var M=(p,i,s)=>i in p?S(p,i,{enumerable:!0,configurable:!0,writable:!0,value:s}):p[i]=s,b=(p,i)=>{for(var s in i||(i={}))R.call(i,s)&&M(p,s,i[s]);if(k)for(var s of k(i))j.call(i,s)&&M(p,s,i[s]);return p},y=(p,i)=>T(p,L(i));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[195],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.97.3_sass@1.66.1_webpack@5.105.0_@swc+core@1.15.11_@_4f1593e189c7da437313975f630f8314/node_modules/sass-loader/dist/cjs.js!./src/components/UIComboBox/Callout.scss"(p,i,s){var C=s("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/css-loader/dist/runtime/noSourceMaps.js"),l=s("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/css-loader/dist/runtime/api.js"),d=l(C);d.push([p.id,".ui-large-header{font-family:var(--vscode-font-family);font-weight:bold;font-size:24px;font-style:normal;line-height:29px;color:var(--vscode-settings-headerForeground)}.ui-medium-header{font-family:var(--vscode-font-family);font-weight:bold;font-size:14px;font-style:normal;line-height:16px;color:var(--vscode-settings-headerForeground)}.ui-small-header{font-family:var(--vscode-font-family);font-weight:bold;font-size:13px;font-style:normal;line-height:15px;color:var(--vscode-settings-textInputForeground)}.ui-medium-text{font-family:var(--vscode-font-family);font-weight:normal;font-size:13px;font-style:normal;line-height:18px;color:var(--vscode-settings-textInputForeground)}.ui-medium-italic-text{font-family:var(--vscode-font-family);font-weight:normal;font-size:13px;font-style:italic;line-height:18px;color:var(--vscode-settings-textInputForeground)}.ui-small-text{font-family:var(--vscode-font-family);font-weight:normal;font-size:11px;font-style:normal;line-height:15px;color:var(--vscode-settings-textInputForeground)}.ui-small-italic-text{font-family:var(--vscode-font-family);font-weight:normal;font-size:11px;font-style:italic;line-height:15px;color:var(--vscode-settings-textInputForeground)}:root{--ui-box-shadow-small: 0 4px 8px 0 var(--vscode-widget-shadow);--ui-box-shadow-medium: 0 6px 12px 0 var(--vscode-widget-shadow);--ui-box-shadow-large: 0 10px 20px 0 var(--vscode-widget-shadow)}.ui-box-shadow-small{box-shadow:var(--ui-box-shadow-small)}.ui-box-shadow-medium{box-shadow:var(--ui-box-shadow-medium)}.ui-box-shadow-large{box-shadow:var(--ui-box-shadow-large)}.ts-Callout button{font-size:var(--vscode-font-size);font-family:var(--vscode-font-family);font-weight:var(--vscode-font-weight)}",""]),p.exports=d},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.97.3_sass@1.66.1_webpack@5.105.0_@swc+core@1.15.11_@_4f1593e189c7da437313975f630f8314/node_modules/sass-loader/dist/cjs.js!./src/components/UIComboBox/UIComboBox.scss"(p,i,s){var C=s("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/css-loader/dist/runtime/noSourceMaps.js"),l=s("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/css-loader/dist/runtime/api.js"),d=l(C);d.push([p.id,".ts-ComboBox .ms-ComboBox{background:var(--vscode-input-background);height:26px;padding:0px 26px 0 8px;border-radius:4px}.ts-ComboBox .ms-ComboBox>.ms-Button--icon{right:0;width:26px;background:rgba(0,0,0,0);height:100%;text-align:center}.ts-ComboBox .ms-ComboBox>.ms-Button--icon i{height:100%;fill:var(--vscode-foreground)}.ts-ComboBox .ms-ComboBox>.ms-Button--icon i svg{height:100%;width:16px}.ts-ComboBox .ms-ComboBox input{background:rgba(0,0,0,0);font-family:var(--vscode-font-family) !important;font-size:13px;min-height:unset;padding:1px 0 1px 1px;outline:0}.ts-ComboBox .ms-ComboBox input,.ts-ComboBox .ms-ComboBox:hover input{color:var(--vscode-foreground)}.ts-ComboBox .ms-ComboBox input::placeholder,.ts-ComboBox .ms-ComboBox:hover input::placeholder{color:var(--vscode-input-placeholderForeground)}.ts-ComboBox .ms-ComboBox:after{border:1px solid var(--vscode-editorWidget-border);border-radius:4px}.ts-ComboBox .ms-ComboBox:hover:after,.ts-ComboBox .ms-ComboBox:focus-within:after,.ts-ComboBox .ms-ComboBox.is-open:after{border-color:var(--vscode-focusBorder)}.ts-ComboBox--readonly .ms-ComboBox.is-disabled{background-color:var(--vscode-editor-background);font-style:italic}.ts-ComboBox--readonly .ms-ComboBox.is-disabled:after{border-style:dashed}.ts-ComboBox--readonly.ts-ComboBox--empty .ms-ComboBox:hover:after{border-color:var(--vscode-editorWidget-border)}.ts-ComboBox--disabled .ms-ComboBox.is-disabled{opacity:.5;background-color:var(--vscode-editor-inactiveSelectionBackground)}.ts-ComboBox--disabled .ms-ComboBox.is-disabled:after{border-color:var(--vscode-editorWidget-border)}.ts-ComboBox--readonly .ms-ComboBox:focus-within:after,.ts-ComboBox--disabled .ms-ComboBox:focus-within:after{border-style:solid;border-color:var(--vscode-focusBorder) !important}.ts-ComboBox--error .ms-ComboBox:after,.ts-ComboBox--error .ms-ComboBox:focus-within:after{border-color:var(--vscode-inputValidation-errorBorder)}.ts-ComboBox--warning .ms-ComboBox:after,.ts-ComboBox--warning .ms-ComboBox:focus-within:after{border-color:var(--vscode-inputValidation-warningBorder)}.ts-ComboBox--info .ms-ComboBox:after,.ts-ComboBox--info .ms-ComboBox:focus-within:after{border-color:var(--vscode-inputValidation-infoBorder)}.ts-Callout-Dropdown{border:1px solid var(--vscode-focusBorder);box-sizing:border-box;border-radius:4px;overflow:hidden}.ts-Callout-Dropdown .ms-Callout-main{background:var(--vscode-menu-background, var(--vscode-input-background));border:none;border-radius:0}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item{font-size:var(--vscode-font-size);font-family:var(--vscode-font-family);font-weight:var(--vscode-font-weight);min-height:22px;height:22px;line-height:22px;color:var(--vscode-editorSuggestWidget-foreground);background-color:rgba(0,0,0,0);letter-spacing:normal;border:0;padding:0px 8px;font-size:13px}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command:hover,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command:focus,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command:active,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option:hover,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option:focus,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option:active,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item:hover,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item:focus,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item:active,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command:hover,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command:focus,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command:active,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option:hover,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option:focus,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option:active,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item:hover,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item:focus,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item:active{background-color:var(--vscode-list-hoverBackground);color:var(--vscode-editorSuggestWidget-foreground)}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command:hover:after,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command:focus:after,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command:active:after,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option:hover:after,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option:focus:after,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option:active:after,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item:hover:after,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item:focus:after,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item:active:after,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command:hover:after,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command:focus:after,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command:active:after,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option:hover:after,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option:focus:after,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option:active:after,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item:hover:after,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item:focus:after,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item:active:after{display:none}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command:hover,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option:hover,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item:hover,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command:hover,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option:hover,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item:hover{outline:1px dashed var(--vscode-contrastActiveBorder);outline-offset:-1px}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command .ts-Menu-option,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option .ts-Menu-option,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item .ts-Menu-option,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command .ts-Menu-option,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option .ts-Menu-option,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item .ts-Menu-option{font-size:13px}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command .ms-ComboBox-optionText,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command .ts-Menu-option,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command .ms-Dropdown-optionText,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option .ms-ComboBox-optionText,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option .ts-Menu-option,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option .ms-Dropdown-optionText,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item .ms-ComboBox-optionText,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item .ts-Menu-option,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item .ms-Dropdown-optionText,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command .ms-ComboBox-optionText,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command .ts-Menu-option,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command .ms-Dropdown-optionText,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option .ms-ComboBox-optionText,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option .ts-Menu-option,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option .ms-Dropdown-optionText,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item .ms-ComboBox-optionText,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item .ts-Menu-option,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item .ms-Dropdown-optionText{height:22px}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command .ms-Dropdown-optionText,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option .ms-Dropdown-optionText,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item .ms-Dropdown-optionText,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command .ms-Dropdown-optionText,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option .ms-Dropdown-optionText,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item .ms-Dropdown-optionText{margin:0}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .is-disabled,.ts-Callout-Dropdown .ms-Dropdown-items .is-disabled{opacity:.4}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command:after,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command:after{display:none}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ts-ComboBox--selected .ms-ComboBox-option.ms-Button--command,.ts-Callout-Dropdown .ms-Dropdown-items .ts-ComboBox--selected .ms-ComboBox-option.ms-Button--command{background-color:var(--vscode-editorSuggestWidget-selectedBackground, var(--vscode-quickInputList-focusBackground));color:var(--vscode-editorSuggestWidget-selectedForeground, var(--vscode-quickInputList-focusForeground, var(--vscode-editorSuggestWidget-foreground)))}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ts-ComboBox--selected .ms-Button--command,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ts-ComboBox--selected .ms-ComboBox-option:after,.ts-Callout-Dropdown .ms-Dropdown-items .ts-ComboBox--selected .ms-Button--command,.ts-Callout-Dropdown .ms-Dropdown-items .ts-ComboBox--selected .ms-ComboBox-option:after{border:none;outline:1px solid var(--vscode-focusBorder);outline-offset:-1px}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-header,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-header,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-header,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-header{min-height:22px;height:22px;line-height:22px;padding:0px 8px;color:var(--vscode-editorSuggestWidget-highlightForeground);font-size:11px;font-weight:bold}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer>div .ms-ComboBox-header,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer>div .ms-Dropdown-header,.ts-Callout-Dropdown .ms-Dropdown-items>div .ms-ComboBox-header,.ts-Callout-Dropdown .ms-Dropdown-items>div .ms-Dropdown-header{border-top:1px solid var(--vscode-editorWidget-border)}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer>div:first-child .ms-ComboBox-header,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer>div:first-child .ms-Dropdown-header,.ts-Callout-Dropdown .ms-Dropdown-items>div:first-child .ms-ComboBox-header,.ts-Callout-Dropdown .ms-Dropdown-items>div:first-child .ms-Dropdown-header{border-top:none}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-divider,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-divider,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-divider,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-divider{background-color:var(--vscode-editorWidget-border)}.ts-Callout-Dropdown .ms-Dropdown-items>.ms-Button--command{display:block}.ts-Callout-Dropdown .ms-Dropdown-items>.ms-Button--command:focus{background:var(--vscode-editorSuggestWidget-selectedBackground, var(--vscode-quickInputList-focusBackground));color:var(--vscode-editorSuggestWidget-selectedForeground, var(--vscode-quickInputList-focusForeground, var(--vscode-editorSuggestWidget-foreground)));outline:1px solid var(--vscode-focusBorder);outline-offset:-1px}.ts-Callout-Dropdown .ms-Checkbox.ms-ComboBox-option .ms-Checkbox-checkbox,.ts-Callout-Dropdown .ms-Checkbox.ms-Dropdown-item .ms-Checkbox-checkbox{background:var(--vscode-editor-lineHighlightBorder);border-color:var(--vscode-editorWidget-border);height:16px;width:16px;margin-right:8px}.ts-Callout-Dropdown .ms-Checkbox.ms-ComboBox-option .ms-Checkbox-checkmark,.ts-Callout-Dropdown .ms-Checkbox.ms-Dropdown-item .ms-Checkbox-checkmark{color:var(--vscode-checkbox-border)}.ts-Callout-Dropdown .ms-Checkbox.ms-ComboBox-option.is-checked,.ts-Callout-Dropdown .ms-Checkbox.ms-Dropdown-item.is-checked{background-color:var(--vscode-editorSuggestWidget-selectedBackground, var(--vscode-quickInputList-focusBackground));color:var(--vscode-editorSuggestWidget-selectedForeground, var(--vscode-quickInputList-focusForeground, var(--vscode-editorSuggestWidget-foreground)))}.ts-Callout-Dropdown .ms-Checkbox.ms-ComboBox-option.is-checked .ms-Checkbox-checkmark,.ts-Callout-Dropdown .ms-Checkbox.ms-Dropdown-item.is-checked .ms-Checkbox-checkmark{color:var(--vscode-input-foreground)}.ts-Callout-Dropdown .ms-Checkbox.ms-ComboBox-option.is-checked:hover,.ts-Callout-Dropdown .ms-Checkbox.ms-Dropdown-item.is-checked:hover{outline:1px solid var(--vscode-focusBorder);outline-offset:-1px}.ts-Callout-Dropdown .ms-Checkbox.ms-ComboBox-option:hover .ms-Checkbox-checkbox,.ts-Callout-Dropdown .ms-Checkbox.ms-Dropdown-item:hover .ms-Checkbox-checkbox{border-color:var(--vscode-focusBorder)}.ts-Callout-Dropdown .ms-Checkbox.ms-ComboBox-option input{display:none}.ts-Callout-Dropdown .ms-Checkbox .ms-Checkbox-label{font-size:13px;padding:0}.ts-Callout-Dropdown .option-no-data{font-size:12px;font-weight:normal;height:26px;line-height:26px;padding-left:8px}.ts-Callout-Dropdown .ms-Checkbox.ms-Dropdown-item input:focus+label .ms-Dropdown-optionText{z-index:1}.ts-Callout-Dropdown .ms-Checkbox.ms-Dropdown-item input:focus+label:before{outline:none;z-index:0;left:-8px;right:-8px;outline:1px solid var(--vscode-focusBorder);outline-offset:-1px}.option-loading{display:flex;padding-left:8px;width:262px;height:26px}.option-loading .uiLoaderXSmall .ms-Spinner-label{font-size:12px;font-weight:normal}",""]),p.exports=d},"./src/components/UIComboBox/Callout.scss"(p,i,s){"use strict";s.r(i),s.d(i,{default:()=>n});var C=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),l=s.n(C),d=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/styleDomAPI.js"),a=s.n(d),_=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/insertBySelector.js"),c=s.n(_),m=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),B=s.n(m),D=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/insertStyleElement.js"),h=s.n(D),v=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/styleTagTransform.js"),I=s.n(v),f=s("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.97.3_sass@1.66.1_webpack@5.105.0_@swc+core@1.15.11_@_4f1593e189c7da437313975f630f8314/node_modules/sass-loader/dist/cjs.js!./src/components/UIComboBox/Callout.scss"),g=s.n(f),x={};for(const e in f)e!=="default"&&(x[e]=()=>f[e]);s.d(i,x);var o={};o.styleTagTransform=I(),o.setAttributes=B(),o.insert=c().bind(null,"head"),o.domAPI=a(),o.insertStyleElement=h();var t=l()(g(),o);const n=g()&&g().locals?g().locals:void 0},"./src/components/UIComboBox/UIComboBox.scss"(p,i,s){"use strict";s.r(i),s.d(i,{default:()=>n});var C=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),l=s.n(C),d=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/styleDomAPI.js"),a=s.n(d),_=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/insertBySelector.js"),c=s.n(_),m=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),B=s.n(m),D=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/insertStyleElement.js"),h=s.n(D),v=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/styleTagTransform.js"),I=s.n(v),f=s("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.97.3_sass@1.66.1_webpack@5.105.0_@swc+core@1.15.11_@_4f1593e189c7da437313975f630f8314/node_modules/sass-loader/dist/cjs.js!./src/components/UIComboBox/UIComboBox.scss"),g=s.n(f),x={};for(const e in f)e!=="default"&&(x[e]=()=>f[e]);s.d(i,x);var o={};o.styleTagTransform=I(),o.setAttributes=B(),o.insert=c().bind(null,"head"),o.domAPI=a(),o.insertStyleElement=h();var t=l()(g(),o);const n=g()&&g().locals?g().locals:void 0},"./src/components/UICheckbox/UICheckbox.tsx"(p,i,s){"use strict";var C=this&&this.__importDefault||function(m){return m&&m.__esModule?m:{default:m}};Object.defineProperty(i,"__esModule",{value:!0}),i.UICheckbox=void 0;const l=C(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),d=s("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_dd78b5249e0d97499b5997ed3bfaf5b8/node_modules/@fluentui/react/lib-commonjs/index.js"),a=s("./src/helper/ValidationMessage/index.tsx"),_=s("./src/components/UIInput/index.tsx");class c extends l.default.Component{constructor(B){super(B),this.GlobalClassNames={root:"ms-Checkbox",label:"ms-Checkbox-label",checkbox:"ms-Checkbox-checkbox",checkmark:"ms-Checkbox-checkmark",text:"ms-Checkbox-text"},this.setStyle=(D,h)=>({root:[!h.disabled&&[!h.checked&&{[`:hover .${this.GlobalClassNames.checkbox}`]:{background:"var(--vscode-checkbox-background)",borderColor:"var(--vscode-focusBorder)",[d.HighContrastSelector]:{borderColor:"Highlight"}},[`:focus .${this.GlobalClassNames.checkbox}`]:{background:"var(--vscode-checkbox-background)",borderColor:"var(--vscode-focusBorder)"},[`:hover .${this.GlobalClassNames.checkmark}`]:{color:"var(--vscode-foreground)",opacity:0,[d.HighContrastSelector]:{color:"Highlight"}}},{[`:hover .${this.GlobalClassNames.text}, :focus .${this.GlobalClassNames.text}`]:{color:"var(--vscode-foreground)",[d.HighContrastSelector]:{color:h.disabled?"GrayText":"WindowText"}}}],h.checked&&!h.indeterminate&&{[`:hover .${this.GlobalClassNames.checkbox}`]:{background:h.disabled?"":"var(--vscode-checkbox-background)",borderColor:h.disabled?"":"var(--vscode-focusBorder)"},[`:focus .${this.GlobalClassNames.checkbox}`]:{background:"var(--vscode-checkbox-background)",borderColor:"var(--vscode-focusBorder)"},[d.HighContrastSelector]:{[`:hover .${this.GlobalClassNames.checkbox}`]:{background:"Highlight",borderColor:"Highlight"},[`:focus .${this.GlobalClassNames.checkbox}`]:{background:"Highlight"},[`:focus:hover .${this.GlobalClassNames.checkbox}`]:{background:"Highlight"},[`:focus:hover .${this.GlobalClassNames.checkmark}`]:{color:"Window"},[`:hover .${this.GlobalClassNames.checkmark}`]:{color:"Window"}}},D.message&&{marginBottom:2}],input:{[`.${d.IsFocusVisibleClassName} &:focus + label::before`]:{content:"",position:"absolute",inset:-1,border:"1px solid transparent !important",outline:"1px solid var(--vscode-focusBorder) !important",[d.HighContrastSelector]:{outline:"1px solid WindowText"}}},checkbox:{backgroundColor:"var(--vscode-debugToolBar-background, var(--vscode-editorWidget-background))",borderColor:"var(--vscode-editorWidget-border)",opacity:h.disabled?.4:void 0,borderRadius:_.COMMON_INPUT_STYLES.borderRadius},checkmark:{color:"var(--vscode-checkbox-foreground, var(--vscode-editorWidget-foreground))"},text:{color:"var(--vscode-foreground)",opacity:h.disabled?.4:void 0}})}render(){const B=(0,a.getMessageInfo)(this.props),D=l.default.createElement(d.Checkbox,y(b({},this.props),{styles:h=>b(b({},this.setStyle(B,h)),this.props.styles)}));return B.message?l.default.createElement(a.MessageWrapper,{message:B},D):D}}i.UICheckbox=c},"./src/components/UICheckbox/index.tsx"(p,i,s){"use strict";var C=this&&this.__createBinding||(Object.create?(function(d,a,_,c){c===void 0&&(c=_);var m=Object.getOwnPropertyDescriptor(a,_);(!m||("get"in m?!a.__esModule:m.writable||m.configurable))&&(m={enumerable:!0,get:function(){return a[_]}}),Object.defineProperty(d,c,m)}):(function(d,a,_,c){c===void 0&&(c=_),d[c]=a[_]})),l=this&&this.__exportStar||function(d,a){for(var _ in d)_!=="default"&&!Object.prototype.hasOwnProperty.call(a,_)&&C(a,d,_)};Object.defineProperty(i,"__esModule",{value:!0}),l(s("./src/components/UICheckbox/UICheckbox.tsx"),i)},"./src/components/UIComboBox/UIComboBox.tsx"(p,i,s){"use strict";var C=this&&this.__importDefault||function(x){return x&&x.__esModule?x:{default:x}};Object.defineProperty(i,"__esModule",{value:!0}),i.UIComboBox=i.UIComboBoxLoaderType=i.UISelectableOptionMenuItemType=i.UIOnRenderComboBoxLabelProps=i.UIComboBoxRef=i.UISelectableOption=i.UIComboBoxOption=void 0;const l=C(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),d=s("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_dd78b5249e0d97499b5997ed3bfaf5b8/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(i,"UIComboBoxRef",{enumerable:!0,get:function(){return d.IComboBox}}),Object.defineProperty(i,"UIComboBoxOption",{enumerable:!0,get:function(){return d.IComboBoxOption}}),Object.defineProperty(i,"UISelectableOption",{enumerable:!0,get:function(){return d.ISelectableOption}}),Object.defineProperty(i,"UIOnRenderComboBoxLabelProps",{enumerable:!0,get:function(){return d.IOnRenderComboBoxLabelProps}}),Object.defineProperty(i,"UISelectableOptionMenuItemType",{enumerable:!0,get:function(){return d.SelectableOptionMenuItemType}});const a=s("./src/components/UIContextualMenu/UIHighlightMenuOption.tsx");s("./src/components/UIComboBox/UIComboBox.scss"),s("./src/components/UIComboBox/Callout.scss");const _=s("./src/components/UILoader/index.tsx"),c=s("./src/components/Icons.tsx"),m=s("./src/helper/ValidationMessage/index.tsx"),B=s("./src/components/UILabel/index.tsx"),D=s("./src/components/UIDropdown/index.tsx"),h=s("./src/components/UICallout/index.tsx"),v=s("./src/utilities/index.ts"),I=s("./src/components/types.ts");var f;(function(x){x.List="List",x.Input="Input"})(f||(i.UIComboBoxLoaderType=f={}));class g extends l.default.Component{constructor(o){var t,n;super(o),this.comboBox=l.default.createRef(),this.comboboxDomRef=l.default.createRef(),this.menuDomRef=l.default.createRef(),this.selectedElement=l.default.createRef(),this.query="",this.ignoreOpenKeys=["Meta","Control","Shift","Tab","Alt","CapsLock"],this.isListHidden=!1,this.calloutCollisionTransform=new h.CalloutCollisionTransform(this.comboboxDomRef,this.menuDomRef),this.hiddenOptions=[],this.onResolveOptions=()=>this.props.options,this._onRenderItem=(e,r)=>{if(r&&e){e.data=this.query,e.title===void 0&&(e.title=e.text);const u=e.index!==void 0&&this.getCurrentSelectedIndex()===e.index;return e.hidden?null:l.default.createElement("div",{key:e.key,ref:u?this.selectedElement:void 0,className:`${u?"ts-ComboBox--selected":""}`},r(e))}return null},this.onRenderItem=(e,r)=>this.props.onRenderItem?this.props.onRenderItem(e,this._onRenderItem.bind(this,e,r)):this._onRenderItem(e,r),this.getCurrentSelectedIndex=()=>{const e=this.comboBox.current;if(e)return e.state.currentPendingValueValidIndex!==-1?e.state.currentPendingValueValidIndex:e.props.hoisted.selectedIndices?e.props.hoisted.selectedIndices[0]:void 0},this.getPlaceholder=()=>this.props.placeholder?this.props.placeholder:"Search or select from dropdown",this._onRenderOption=(e,r)=>e&&e.itemType!==d.SelectableOptionMenuItemType.Header?l.default.createElement(a.UIHighlightMenuOption,{text:e.text,query:this.query}):r?r(e):null,this.onRenderOption=(e,r)=>this.props.onRenderOption?this.props.onRenderOption(e,this._onRenderOption.bind(this,e,r)):this._onRenderOption(e,r),this.handleChange=(e,r)=>{r&&this.props.onHandleChange&&this.props.onHandleChange(r.key)},this.onRenderList=(e,r)=>{const{onRenderList:u,externalSearchProps:w,options:O}=this.props;if(u)return u(e,r);if(this.isLoaderApplied(f.List)){const P={label:{fontSize:"11px",fontWeight:"normal"}};return l.default.createElement("div",{className:"option-loading"},l.default.createElement(_.UILoader,{label:"Loading",className:"uiLoaderXSmall",labelPosition:"right",styles:P}))}else if(w!=null&&w.noDataLabel&&(!O.length||this.isListHidden))return l.default.createElement("div",{className:"option-no-data"},w.noDataLabel);return r==null?void 0:r(e)},this.onInput=this.onInput.bind(this),this.reserQuery=this.reserQuery.bind(this),this.onResolveOptions=this.onResolveOptions.bind(this),this.onRenderItem=this.onRenderItem.bind(this),this.onRenderOption=this.onRenderOption.bind(this),this.onKeyDown=this.onKeyDown.bind(this),this.onClick=this.onClick.bind(this),this.handleRefreshButton=this.handleRefreshButton.bind(this),this.onPendingValueChanged=this.onPendingValueChanged.bind(this),this.onMultiSelectChange=this.onMultiSelectChange.bind(this),this.onScrollToItem=this.onScrollToItem.bind(this),this.setFocus=this.setFocus.bind(this),this.onRenderIcon=this.onRenderIcon.bind(this),this.onRenderList=this.onRenderList.bind(this),this.onInputValueChange=this.onInputValueChange.bind(this),this.onExternalSearchDebounce=(0,v.debounce)(e=>{var r,u;return(u=(r=this.props.externalSearchProps)==null?void 0:r.onExternalSearch)==null?void 0:u.call(r,e)},(n=(t=o.externalSearchProps)==null?void 0:t.debounceTime)!=null?n:500),(0,d.initializeComponentRef)(this),this.state={},this.collectHiddenOptionKeys(o.options)}shouldComponentUpdate(o){const t=o.options!==this.props.options;return t&&this.collectHiddenOptionKeys(o.options),(t||this.isLoaderChanged(this.props.isLoading,o.isLoading))&&this.query&&this.updateHiddenOptions(o.options,o.isLoading),!0}isLoaderChanged(o,t){return!!o!=!!t}updateHiddenOptions(o,t){this.isListHidden=!0;let n,e=!1;const r=()=>{n&&(n.hidden=!e)};for(const u of o)if(u.itemType===d.SelectableOptionMenuItemType.Header)r(),n=u,e=!1;else{let w=this.isLoaderApplied(f.List,t)||this.isOptionVisibleByQuery(u,this.query);this.hiddenOptions.includes(u.key)&&(w=!1),u.hidden=!w,this.isListHidden&&!u.hidden&&(this.isListHidden=!1),e=w||e}r()}isOptionVisibleByQuery(o,t){let n;return this.props.customSearchFilter&&(n=this.props.customSearchFilter(t,o)),n===void 0&&(n=o.text.toLowerCase().includes(t),this.props.searchByKeyEnabled&&!n&&(n=o.key.toString().toLowerCase().includes(t))),n}setCaretPosition(o){if((0,v.isHTMLInputElement)(o.target)){const t=o.target,n=t.selectionEnd;n!==t.value.length&&window.requestAnimationFrame(()=>{t.selectionStart=n,t.selectionEnd=n})}}onInput(o){if(this.isListHidden=!1,(0,v.isHTMLInputElement)(o.target)){this.setCaretPosition(o);const t=o.target;this.query=t.value.trimStart().toLowerCase();const n=this.comboBox.current;n&&this.updateHiddenOptions(n.props.hoisted.currentOptions)}}onClick(o){this.setCaretPosition(o);const t=this.comboBox.current,n=t==null?void 0:t.state.isOpen,e=this.props.disabled;this.props.openMenuOnClick&&t&&!n&&!e&&t.focus(!0)}onKeyDown(o){let t=!1;const n=this.comboBox.current,e=n==null?void 0:n.state.isOpen;(o.which===d.KeyCodes.down||o.which===d.KeyCodes.up)&&(t=this._setCyclingNavigation(o.which===d.KeyCodes.down)),t?(o.preventDefault(),o.stopPropagation()):!this.ignoreOpenKeys.includes(o.key)&&n&&!e&&n.focus(!0)}reserQuery(){this.query="";for(const o of this.props.options)this.hiddenOptions.includes(o.key)||delete o.hidden;this.isListHidden=!1,this.setState({isListHidden:this.isListHidden})}getNextVisibleItem(o,t){const n=this.props.options.length;for(;o>=0&&o<n;){if(this.props.options[o]&&!this.props.options[o].hidden)return{option:this.props.options[o],index:o};o=o+(t?1:-1)}return null}_setCyclingNavigation(o){const t=this.comboBox.current;if(t&&t.state.currentPendingValueValidIndex>=0){let n=t.state.currentPendingValueValidIndex;const e=this.props.options.length-1;n=n+(o?1:-1);let r=this.getNextVisibleItem(n,o);if(r)return!1;if(r=this.getNextVisibleItem(o?0:e,o),r)return t.setState({currentPendingValueValidIndex:r.index,currentPendingValue:r.option.text}),!0}return!1}calculateMenuMinWidth(){var t;const o=(t=this.comboBox.current)==null?void 0:t._comboBoxWrapper.current;o&&this.props.useComboBoxAsMenuMinWidth&&o.clientWidth!==this.state.minWidth&&this.setState({minWidth:o.clientWidth})}onPendingValueChanged(o,t,n){var e,r;this.state.isListHidden!==this.isListHidden&&this.setState({isListHidden:this.isListHidden}),(e=this.props)!=null&&e.onPendingValueChanged&&((r=this.props)==null||r.onPendingValueChanged(o,t,n))}dismissMenu(){this.comboBox.current&&this.comboBox.current.dismissMenu()}setFocus(){this.comboBox.current&&this.comboBox.current.focus()}handleRefreshButton(){const o=this.comboBox.current;this.props.useComboBoxAsMenuMinWidth&&this.calculateMenuMinWidth(),this.props.onRefresh&&(this.props.onRefresh(),o==null||o.focus(!0))}onMultiSelectChange(o,t,n,e){this.props.onChange&&o.type!=="blur"&&this.props.onChange(o,t,n,e)}onScrollToItem(){const o=this.selectedElement.current;if(!this.props.multiSelect||!o)return;const t=o.offsetParent;if(t){const n=t.clientHeight;if(t.scrollHeight>n){const r=o.offsetTop,u=r+o.clientHeight,w=t.scrollTop,O=w+n;if(!(r>=w&&u<=O)){const E=u>O?u-O:r-w;t.scrollTop=w+E}}}}getClassNames(o){const{readOnly:t,disabled:n}=this.props,e=o.message?m.MESSAGE_TYPES_CLASSNAME_MAP.get(o.type):void 0;let r=`ts-ComboBox${o.message?" ts-ComboBox--"+e:""}`;return t&&!n&&(r+=" ts-ComboBox--readonly"),n&&(r+=" ts-ComboBox--disabled"),(0,D.isDropdownEmpty)(this.props)&&(r+=" ts-ComboBox--empty"),r}getAutofillProps(){const{highlight:o,readOnly:t,disabled:n}=this.props,e={};o&&(e.onKeyDownCapture=this.onKeyDown);const r="tabIndex"in this.props?this.props.tabIndex:void 0;return t&&!n?(e.readOnly=t,e.tabIndex=r,e["aria-disabled"]=void 0,e["aria-readonly"]=!0):n&&(e.disabled=void 0,e.readOnly=!0,e.tabIndex=r),e["aria-invalid"]=this.props.errorMessage!==void 0&&this.props.errorMessage!=="",e}isLoaderApplied(o,t=this.props.isLoading){return Array.isArray(t)?t.includes(o):!!t&&o===f.List}onRenderIcon(o,t){var n;if(this.isLoaderApplied(f.Input)){const e={label:{fontSize:"11px",fontWeight:"normal"}};return l.default.createElement(_.UILoader,{className:"uiLoaderXSmall",labelPosition:"right",styles:e})}return(n=t==null?void 0:t(o))!=null?n:null}onInputValueChange(o){const{onInputValueChange:t,externalSearchProps:n}=this.props;if(t==null||t(o),n){const{onExternalSearch:e,onInputChange:r}=n;r==null||r(o),e&&this.onExternalSearchDebounce(o)}}collectHiddenOptionKeys(o){this.hiddenOptions=[];for(const t of o)t.hidden&&this.hiddenOptions.push(t.key)}render(){var n;const o=(0,m.getMessageInfo)(this.props);let t=this.props.isForceEnabled?!1:!this.props.options.length;return this.props.readOnly&&(t=!0),l.default.createElement("div",{ref:this.props.wrapperRef,className:this.getClassNames(o)},l.default.createElement(d.ComboBox,y(b(y(b(b(b(y(b(y(b({componentRef:this.comboBox,ref:this.comboboxDomRef,disabled:t,iconButtonProps:{iconProps:{iconName:c.UiIcons.ArrowDown},onRenderIcon:this.onRenderIcon},styles:{label:b(b(b({},B.labelGlobalStyle),this.props.disabled&&{opacity:"0.4"}),this.props.required&&{selectors:{"::after":{content:I.REQUIRED_LABEL_INDICATOR,color:"var(--vscode-inputValidation-errorBorder)",paddingRight:12}}}),errorMessage:[o.style]}},this.props),{calloutProps:b(b({calloutMaxHeight:200,popupProps:{ref:this.menuDomRef},className:"ts-Callout ts-Callout-Dropdown",styles:b({},this.props.useComboBoxAsMenuMinWidth&&{calloutMain:{minWidth:this.state.minWidth,display:this.state.isListHidden&&!((n=this.props.externalSearchProps)!=null&&n.noDataLabel)?"none":void 0}})},this.props.calloutProps),(0,D.getCalloutCollisionTransformationPropsForDropdown)(this,this.calloutCollisionTransform))}),this.props.highlight&&{onInput:this.onInput,onMenuDismissed:this.reserQuery,onResolveOptions:this.onResolveOptions,onRenderItem:this.onRenderItem,onRenderOption:this.onRenderOption,placeholder:this.getPlaceholder(),onPendingValueChanged:this.onPendingValueChanged}),{autofill:this.getAutofillProps()}),this.props.useComboBoxAsMenuMinWidth&&{onMenuOpen:this.calculateMenuMinWidth.bind(this)}),this.props.openMenuOnClick&&{onClick:this.onClick.bind(this)}),this.props.onRefresh&&{onMenuOpen:this.handleRefreshButton,onChange:this.handleChange}),{onRenderList:this.onRenderList}),this.props.multiSelect&&b({onScrollToItem:this.onScrollToItem},this.props.onChange&&{onChange:this.onMultiSelectChange})),{errorMessage:o.message,onInputValueChange:this.onInputValueChange})))}}i.UIComboBox=g,g.defaultProps={openMenuOnClick:!0}},"./src/components/UIComboBox/index.tsx"(p,i,s){"use strict";var C=this&&this.__createBinding||(Object.create?(function(d,a,_,c){c===void 0&&(c=_);var m=Object.getOwnPropertyDescriptor(a,_);(!m||("get"in m?!a.__esModule:m.writable||m.configurable))&&(m={enumerable:!0,get:function(){return a[_]}}),Object.defineProperty(d,c,m)}):(function(d,a,_,c){c===void 0&&(c=_),d[c]=a[_]})),l=this&&this.__exportStar||function(d,a){for(var _ in d)_!=="default"&&!Object.prototype.hasOwnProperty.call(a,_)&&C(a,d,_)};Object.defineProperty(i,"__esModule",{value:!0}),l(s("./src/components/UIComboBox/UIComboBox.tsx"),i)}}]);})();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";(()=>{var y=Object.defineProperty,I=Object.defineProperties;var k=Object.getOwnPropertyDescriptors;var C=Object.getOwnPropertySymbols;var A=Object.prototype.hasOwnProperty,L=Object.prototype.propertyIsEnumerable;var p=(v,o,e)=>o in v?y(v,o,{enumerable:!0,configurable:!0,writable:!0,value:e}):v[o]=e,i=(v,o)=>{for(var e in o||(o={}))A.call(o,e)&&p(v,e,o[e]);if(C)for(var e of C(o))L.call(o,e)&&p(v,e,o[e]);return v},m=(v,o)=>I(v,k(o));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[321],{"./src/components/UIButton/UIActionButton.tsx"(v,o,e){var d=this&&this.__importDefault||function(n){return n&&n.__esModule?n:{default:n}};Object.defineProperty(o,"__esModule",{value:!0}),o.UIActionButton=void 0;const a=d(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),f=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_dd78b5249e0d97499b5997ed3bfaf5b8/node_modules/@fluentui/react/lib-commonjs/index.js"),u=e("./src/components/UIContextualMenu/index.tsx");class t extends a.default.Component{constructor(r){super(r),this.setStyle=()=>({root:{minWidth:"initial",height:22,fontSize:"13px",fontWeight:400,color:"var(--vscode-foreground)",borderRadius:0,whiteSpace:"nowrap",backgroundColor:"transparent",textDecoration:"underline",selectors:{"&:active":{textDecoration:"none"},".ms-Fabric--isFocusVisible &:focus:after":{outline:"1px solid var(--vscode-focusBorder)"}}},label:{marginLeft:0,marginRight:0,fontSize:"13px",fontWeight:400},rootDisabled:{backgroundColor:"transparent",color:"var(--vscode-foreground)",opacity:"0.4",pointerEvents:"none"},rootHovered:{color:"var(--vscode-foreground)",backgroundColor:"var(--vscode-menubar-selectionBackground)",outline:"1px solid var(--vscode-contrastActiveBorder)",borderRadius:3,textDecoration:"none",selectors:{color:"var(--vscode-foreground)"}},icon:{height:16,lineHeight:16,marginLeft:0,position:"relative",top:1},menuIcon:{position:"relative",top:1}})}render(){return a.default.createElement(f.ActionButton,m(i({},this.props),{styles:this.setStyle(),menuAs:u.UIContextualMenu}))}}o.UIActionButton=t},"./src/components/UIButton/UIDefaultButton.tsx"(v,o,e){var d=this&&this.__importDefault||function(g){return g&&g.__esModule?g:{default:g}};Object.defineProperty(o,"__esModule",{value:!0}),o.UIDefaultButton=o.BASE_STYLES=void 0;const a=d(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),f=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_dd78b5249e0d97499b5997ed3bfaf5b8/node_modules/@fluentui/react/lib-commonjs/index.js"),u=e("./src/components/UIContextualMenu/index.tsx"),t=e("./src/components/UIInput/index.tsx"),n=e("./src/components/Icons.tsx"),r="var(--vscode-button-border, transparent)";o.BASE_STYLES={color:"var(--vscode-button-foreground)",checkedBorderColor:"var(--vscode-contrastActiveBorder, var(--vscode-button-border, transparent))",primary:{backgroundColor:"var(--vscode-button-background)",disabledBorderColor:r,borderColor:r,hoverBackgroundColor:"var(--vscode-button-hoverBackground)",hoverBorderColor:r},secondary:{backgroundColor:"var(--vscode-button-secondaryBackground)",disabledBorderColor:r,borderColor:r,hoverBackgroundColor:"var(--vscode-button-secondaryHoverBackground)",hoverBorderColor:r,color:"var(--vscode-button-secondaryForeground)"},alert:{backgroundColor:"var(--vscode-errorForeground)",disabledBorderColor:r,borderColor:r,hoverBackgroundColor:"var(--vscode-editorError-foreground)",hoverBorderColor:r},transparent:{backgroundColor:"transparent",disabledBorderColor:"transparent",borderColor:"transparent",hoverBackgroundColor:"var(--vscode-toolbar-hoverBackground, var(--vscode-menubar-selectionBackground))",hoverBorderColor:"var(--vscode-contrastActiveBorder, transparent)",hoverBorderStyle:"dashed",color:"var(--vscode-foreground)",checkedBackgroundColor:"var(--vscode-button-background)",checkedColor:"var(--vscode-button-foreground)",checkedBorderStyle:"solid"}};const b="svg > path, svg > rect";class _ extends a.default.Component{constructor(c){super(c),this.setStyle=s=>{const{primary:l,alert:S,transparent:B}=s,h={position:"absolute",width:1,right:21,top:0,bottom:0,backgroundColor:"var(--vscode-editor-background)"},E={root:this.getInteractionStyle(!1,l,S,B),checked:this.getInteractionStyle(!0,l,S,B)};return{root:m(i(i(i({minWidth:"initial",height:22,fontSize:"13px",fontWeight:400,borderRadius:t.COMMON_INPUT_STYLES.borderRadius,paddingLeft:13,paddingRight:13,backgroundColor:o.BASE_STYLES.secondary.backgroundColor,borderColor:o.BASE_STYLES.secondary.borderColor,color:o.BASE_STYLES.secondary.color},l&&{backgroundColor:o.BASE_STYLES.primary.backgroundColor,borderColor:o.BASE_STYLES.primary.borderColor,color:o.BASE_STYLES.color}),S&&{backgroundColor:o.BASE_STYLES.alert.backgroundColor,borderColor:o.BASE_STYLES.alert.borderColor,color:o.BASE_STYLES.color}),B&&{backgroundColor:o.BASE_STYLES.transparent.backgroundColor,borderColor:o.BASE_STYLES.transparent.borderColor,color:o.BASE_STYLES.transparent.color}),{selectors:{".ms-Fabric--isFocusVisible &:focus:after":{outlineColor:"var(--vscode-focusBorder)",inset:-3}}}),flexContainer:{height:18},label:{marginLeft:0,marginRight:0,fontWeight:400,lineHeight:20,whiteSpace:"nowrap"},rootDisabled:i(i(i({opacity:"0.5 !important",backgroundColor:o.BASE_STYLES.secondary.backgroundColor,borderColor:o.BASE_STYLES.secondary.disabledBorderColor,color:o.BASE_STYLES.secondary.color},l&&{opacity:"0.5 !important",color:o.BASE_STYLES.color,backgroundColor:o.BASE_STYLES.primary.backgroundColor,borderColor:o.BASE_STYLES.primary.disabledBorderColor}),S&&{opacity:"0.5 !important",color:o.BASE_STYLES.color,backgroundColor:o.BASE_STYLES.alert.backgroundColor,borderColor:o.BASE_STYLES.alert.disabledBorderColor}),B&&{color:o.BASE_STYLES.transparent.color,backgroundColor:o.BASE_STYLES.transparent.backgroundColor,borderColor:o.BASE_STYLES.transparent.disabledBorderColor}),rootPressed:E.root,rootHovered:E.root,icon:i(i(i({height:16,lineHeight:16,marginLeft:-3,color:o.BASE_STYLES.secondary.color,selectors:{[b]:{fill:o.BASE_STYLES.secondary.color}}},l&&{color:o.BASE_STYLES.color,selectors:{[b]:{fill:o.BASE_STYLES.color}}}),S&&{color:o.BASE_STYLES.color,selectors:{[b]:{fill:o.BASE_STYLES.color}}}),B&&{color:o.BASE_STYLES.transparent.color,selectors:{[b]:{fill:o.BASE_STYLES.transparent.color}}}),menuIcon:{selectors:i(i({"svg > path":{fill:o.BASE_STYLES.secondary.color}},l&&{"svg > path":{fill:o.BASE_STYLES.color}}),S&&{"svg > path":{fill:o.BASE_STYLES.color}})},rootChecked:i(i(i({backgroundColor:o.BASE_STYLES.secondary.backgroundColor,color:o.BASE_STYLES.secondary.color,borderColor:o.BASE_STYLES.checkedBorderColor},l&&{backgroundColor:o.BASE_STYLES.primary.backgroundColor,color:o.BASE_STYLES.color}),S&&{backgroundColor:o.BASE_STYLES.alert.backgroundColor,color:o.BASE_STYLES.color}),B&&{backgroundColor:o.BASE_STYLES.transparent.checkedBackgroundColor,color:o.BASE_STYLES.transparent.checkedColor,borderStyle:o.BASE_STYLES.transparent.checkedBorderStyle}),rootCheckedHovered:E.checked,rootCheckedPressed:E.checked,splitButtonMenuButton:{padding:6,height:22,boxSizing:"border-box",borderRadius:`0 ${t.COMMON_INPUT_STYLES.borderRadius}px ${t.COMMON_INPUT_STYLES.borderRadius}px 0 !important`,borderLeft:"none",outline:"transparent",userSelect:"none",display:"inline-block",textDecoration:"none",textAlign:"center",cursor:"pointer",verticalAlign:"top",width:22,marginLeft:-1,marginTop:0,marginRight:0,marginBottom:0,backgroundColor:o.BASE_STYLES.primary.backgroundColor,borderColor:o.BASE_STYLES.primary.borderColor,color:o.BASE_STYLES.color,selectors:{"&:hover":{color:o.BASE_STYLES.color,backgroundColor:"var(--vscode-button-hoverBackground)",borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-button-hoverBackground))",selectors:{[b]:{fill:o.BASE_STYLES.color}}}}},splitButtonMenuButtonDisabled:i(i({opacity:"0.5 !important",backgroundColor:"var(--vscode-button-secondaryBackground,#5f6a79)",borderColor:o.BASE_STYLES.secondary.backgroundColor,color:o.BASE_STYLES.secondary.color},l&&{color:o.BASE_STYLES.color,backgroundColor:o.BASE_STYLES.primary.backgroundColor,borderColor:"var(--vscode-button-background)"}),S&&{color:o.BASE_STYLES.color,backgroundColor:o.BASE_STYLES.alert.backgroundColor,borderColor:"var(--vscode-button-background)"}),splitButtonMenuFocused:{selectors:{"&:focus":{color:"red"}}},splitButtonMenuButtonExpanded:{color:o.BASE_STYLES.color,backgroundColor:"var(--vscode-button-hoverBackground)",borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-button-hoverBackground))",selectors:{[b]:{fill:o.BASE_STYLES.color},"&:hover":{color:o.BASE_STYLES.color,backgroundColor:"var(--vscode-button-hoverBackground)",borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-button-hoverBackground))",selectors:{[b]:{fill:o.BASE_STYLES.color}}}}},splitButtonDivider:h,splitButtonDividerDisabled:h,splitButtonContainerFocused:{".ms-Fabric--isFocusVisible &:focus:after":{border:"none",outlineColor:"var(--vscode-focusBorder)",inset:-2}}}}}getInteractionStyle(c,s,l,S){let B=i(i(i({color:o.BASE_STYLES.secondary.color,backgroundColor:o.BASE_STYLES.secondary.hoverBackgroundColor,borderColor:o.BASE_STYLES.secondary.hoverBorderColor,selectors:{[b]:{fill:o.BASE_STYLES.secondary.color}}},s&&{color:o.BASE_STYLES.color,backgroundColor:o.BASE_STYLES.primary.hoverBackgroundColor,borderColor:o.BASE_STYLES.primary.hoverBorderColor,selectors:{[b]:{fill:o.BASE_STYLES.color}}}),l&&{color:o.BASE_STYLES.color,backgroundColor:o.BASE_STYLES.alert.hoverBackgroundColor,borderColor:o.BASE_STYLES.alert.hoverBorderColor,selectors:{[b]:{fill:o.BASE_STYLES.color}}}),c&&{borderColor:o.BASE_STYLES.checkedBorderColor});return S&&(c?B=m(i({},B),{color:o.BASE_STYLES.color,backgroundColor:o.BASE_STYLES.primary.backgroundColor,borderColor:o.BASE_STYLES.primary.borderColor,selectors:{[b]:{fill:o.BASE_STYLES.color}}}):B=m(i({},B),{color:o.BASE_STYLES.transparent.color,backgroundColor:o.BASE_STYLES.transparent.hoverBackgroundColor,borderColor:o.BASE_STYLES.transparent.hoverBorderColor,borderStyle:o.BASE_STYLES.transparent.hoverBorderStyle,selectors:{[b]:{fill:o.BASE_STYLES.transparent.color}}})),c&&(B=m(i({},B),{borderColor:o.BASE_STYLES.checkedBorderColor})),B}render(){var s;const c=(s=this.props.menuProps)!=null&&s.items?{iconName:n.UiIcons.ArrowDown}:void 0;return a.default.createElement(f.DefaultButton,m(i({menuIconProps:c},this.props),{styles:this.setStyle(this.props),menuAs:u.UIContextualMenu}))}}o.UIDefaultButton=_},"./src/components/UIButton/UIIconButton.tsx"(v,o,e){var d=this&&this.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(o,"__esModule",{value:!0}),o.UIIconButton=o.UIIconButtonSizes=void 0;const a=d(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),f=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_dd78b5249e0d97499b5997ed3bfaf5b8/node_modules/@fluentui/react/lib-commonjs/index.js"),u=e("./src/components/UIContextualMenu/index.tsx");var t;(function(r){r.Default="Default",r.Wide="Wide"})(t||(o.UIIconButtonSizes=t={}));class n extends a.default.Component{constructor(b){super(b),this.setStyle=_=>{var s;const c=((s=_.sizeType)!=null?s:t.Default)===t.Default?16:26;return{root:{minWidth:"initial",height:16,width:c,boxSizing:"content-box",padding:3,backgroundColor:"transparent",borderRadius:4,selectors:{".ms-Fabric--isFocusVisible &:focus:after":{outline:"1px solid var(--vscode-focusBorder)"}}},rootDisabled:{backgroundColor:"transparent",opacity:"0.4"},rootHasMenu:{width:c},rootHovered:{backgroundColor:this.getButtonInteractionBackgroundColor("--vscode-toolbar-hoverBackground"),outline:"1px dashed var(--vscode-contrastActiveBorder)"},rootPressed:{backgroundColor:this.getButtonInteractionBackgroundColor("--vscode-toolbar-activeBackground")},rootExpanded:{backgroundColor:this.getButtonInteractionBackgroundColor("--vscode-toolbar-hoverBackground"),width:c},rootExpandedHovered:{backgroundColor:"transparent"},flexContainer:{width:"100%",height:"100%",pointerEvents:"none"},icon:{height:16,width:c,lineHeight:16,display:"flex",alignItems:"center",justifyContent:"center"},iconHovered:{backgroundColor:"transparent"},menuIconExpanded:{display:"none"},menuIcon:{display:"none"},rootChecked:{backgroundColor:"var(--vscode-button-background)",color:"var(--vscode-button-foreground)",outline:"1px solid var(--vscode-contrastActiveBorder)",selectors:{".ms-Fabric--isFocusVisible &:focus:after":{inset:"-1px"}}},rootCheckedHovered:{backgroundColor:"var(--vscode-button-background)",outline:"1px dashed var(--vscode-contrastActiveBorder)"},iconChecked:{color:"var(--vscode-button-foreground)",selectors:{"> svg *":{fill:"currentColor"}}}}}}getButtonInteractionBackgroundColor(b){return`var(${b}, var(--vscode-menubar-selectionBackground))`}render(){return a.default.createElement(f.IconButton,m(i({},this.props),{styles:this.setStyle(this.props),menuAs:u.UIContextualMenu}))}}o.UIIconButton=n},"./src/components/UIButton/UISmallButton.tsx"(v,o,e){var d=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(o,"__esModule",{value:!0}),o.UISmallButton=void 0;const a=d(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),f=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_dd78b5249e0d97499b5997ed3bfaf5b8/node_modules/@fluentui/react/lib-commonjs/index.js");class u extends a.default.Component{constructor(n){super(n),this.buttonSecondaryForeground="--vscode-button-secondaryForeground",this.setStyle=r=>({root:m(i({minWidth:"initial",height:16,fontSize:"11px",fontWeight:400,borderRadius:20,paddingLeft:13,paddingRight:13,backgroundColor:"var(--vscode-button-secondaryBackground, #5f6a79)",borderColor:"var(--vscode-contrastBorder, var(--vscode-button-secondaryBackground, #5f6a79))",color:this.getColorwithFallback(this.buttonSecondaryForeground,"#ffffff")},r.primary&&{backgroundColor:this.getColor("--vscode-button-background"),borderColor:"var(--vscode-contrastBorder, var(--vscode-button-background))",color:this.getColor("--vscode-button-foreground")}),{selectors:{".ms-Fabric--isFocusVisible &:focus:after":{outlineColor:"var(--vscode-focusBorder)",inset:-3}}}),label:{marginLeft:0,marginRight:0,fontWeight:400,lineHeight:11,whiteSpace:"nowrap"},rootDisabled:i({opacity:"0.5 !important",backgroundColor:"var(--vscode-button-secondaryBackground,#5f6a79)",borderColor:"var(--vscode-button-secondaryBackground, #5f6a79)",color:this.getColorwithFallback(this.buttonSecondaryForeground,"#ffffff")},r.primary&&{opacity:"0.5 !important",color:this.getColor("--vscode-button-foreground"),backgroundColor:"var(--vscode-button-background)",borderColor:"var(--vscode-button-background)"}),rootHovered:i({color:this.getColorwithFallback(this.buttonSecondaryForeground,"#ffffff"),backgroundColor:"var(--vscode-button-secondaryHoverBackground, #4c5561)",borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-button-secondaryHoverBackground, #4c5561))",selectors:{"svg > path, svg > rect":{fill:this.getColorwithFallback(this.buttonSecondaryForeground,"#ffffff")}}},r.primary&&{color:"var(--vscode-button-foreground)",backgroundColor:"var(--vscode-button-hoverBackground)",borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-button-hoverBackground))",selectors:{"svg > path, svg > rect":{fill:"var(--vscode-button-foreground)"}}})})}getColor(n){return`var(${n})`}getColorwithFallback(n,r){return`var(${n}, ${r})`}render(){return a.default.createElement(f.DefaultButton,m(i({},this.props),{styles:this.setStyle(this.props)}))}}o.UISmallButton=u},"./src/components/UIButton/UISplitButton.tsx"(v,o,e){var d=this&&this.__createBinding||(Object.create?(function(g,c,s,l){l===void 0&&(l=s);var S=Object.getOwnPropertyDescriptor(c,s);(!S||("get"in S?!c.__esModule:S.writable||S.configurable))&&(S={enumerable:!0,get:function(){return c[s]}}),Object.defineProperty(g,l,S)}):(function(g,c,s,l){l===void 0&&(l=s),g[l]=c[s]})),a=this&&this.__setModuleDefault||(Object.create?(function(g,c){Object.defineProperty(g,"default",{enumerable:!0,value:c})}):function(g,c){g.default=c}),f=this&&this.__importStar||(function(){var g=function(c){return g=Object.getOwnPropertyNames||function(s){var l=[];for(var S in s)Object.prototype.hasOwnProperty.call(s,S)&&(l[l.length]=S);return l},g(c)};return function(c){if(c&&c.__esModule)return c;var s={};if(c!=null)for(var l=g(c),S=0;S<l.length;S++)l[S]!=="default"&&d(s,c,l[S]);return a(s,c),s}})();Object.defineProperty(o,"__esModule",{value:!0}),o.UISplitButton=void 0;const u=f(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=e("./src/components/UIButton/UIDefaultButton.tsx"),n=e("./src/components/UIContextualMenu/index.tsx"),r=e("./src/components/Icons.tsx"),b=e("./src/utilities/index.ts");class _ extends u.Component{constructor(c){super(c),this.id=this.props.id?this.props.id:(0,b.getUIId)("ui-split-button-"),this.onClick=()=>{this.props.callback(this.props.button.key)},this.onMenuItemClick=(s,l)=>{l!=null&&l.key&&this.props.callback(l.key)},this.state={menu:{items:c.menuItems,onItemClick:this.onMenuItemClick}},this.onClick=this.onClick.bind(this)}static getDerivedStateFromProps(c,s){return{menu:{items:c.menuItems,onItemClick:s.menu.onItemClick}}}render(){return u.createElement(t.UIDefaultButton,{ariaLabel:this.props.ariaLabel,ariaDescription:this.props.ariaDescription,id:this.id,className:"ui-split-button",primary:!0,split:!0,onClick:this.onClick.bind(this),menuProps:this.state.menu,menuIconProps:{iconName:r.UiIcons.ArrowDown},menuAs:n.UIContextualMenu,disabled:this.props.disabled},this.props.button.text)}}o.UISplitButton=_},"./src/components/UIButton/index.tsx"(v,o,e){var d=this&&this.__createBinding||(Object.create?(function(u,t,n,r){r===void 0&&(r=n);var b=Object.getOwnPropertyDescriptor(t,n);(!b||("get"in b?!t.__esModule:b.writable||b.configurable))&&(b={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(u,r,b)}):(function(u,t,n,r){r===void 0&&(r=n),u[r]=t[n]})),a=this&&this.__exportStar||function(u,t){for(var n in u)n!=="default"&&!Object.prototype.hasOwnProperty.call(t,n)&&d(t,u,n)};Object.defineProperty(o,"__esModule",{value:!0}),o.UIButtonInterface=void 0;const f=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_dd78b5249e0d97499b5997ed3bfaf5b8/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(o,"UIButtonInterface",{enumerable:!0,get:function(){return f.IButton}}),a(e("./src/components/UIButton/UIActionButton.tsx"),o),a(e("./src/components/UIButton/UIDefaultButton.tsx"),o),a(e("./src/components/UIButton/UIIconButton.tsx"),o),a(e("./src/components/UIButton/UISplitButton.tsx"),o),a(e("./src/components/UIButton/UISmallButton.tsx"),o)},"./src/utilities/Debounce.ts"(v,o){Object.defineProperty(o,"__esModule",{value:!0}),o.debounce=e;function e(d,a){let f;return(...u)=>{clearTimeout(f),f=window.setTimeout(()=>{d(...u)},a)}}},"./src/utilities/Dom.ts"(v,o){Object.defineProperty(o,"__esModule",{value:!0}),o.isHTMLElement=e,o.isHTMLInputElement=d;function e(a){return"title"in a}function d(a){return"value"in a&&"tagName"in a&&a.tagName==="INPUT"}},"./src/utilities/Focus.ts"(v,o,e){Object.defineProperty(o,"__esModule",{value:!0}),o.isElementTabbable=o.getPreviousElement=o.getNextElement=o.setUIFocusVisibility=o.getUILastFocusable=o.getUIFirstFocusable=void 0,o.focusToSibling=a;const d=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_dd78b5249e0d97499b5997ed3bfaf5b8/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(o,"getUIFirstFocusable",{enumerable:!0,get:function(){return d.getFirstFocusable}}),Object.defineProperty(o,"getUILastFocusable",{enumerable:!0,get:function(){return d.getLastFocusable}}),Object.defineProperty(o,"setUIFocusVisibility",{enumerable:!0,get:function(){return d.setFocusVisibility}}),Object.defineProperty(o,"getNextElement",{enumerable:!0,get:function(){return d.getNextElement}}),Object.defineProperty(o,"getPreviousElement",{enumerable:!0,get:function(){return d.getPreviousElement}}),Object.defineProperty(o,"isElementTabbable",{enumerable:!0,get:function(){return d.isElementTabbable}});function a(f,u){const t=(0,d.getDocument)();if(t){let n=null;if(u?n=(0,d.getNextElement)(t.body,f,!1,!1,!0,!0):n=(0,d.getPreviousElement)(t.body,f,!1,!1,!0,!0),n)return n.focus(),n}return null}},"./src/utilities/Id.ts"(v,o,e){Object.defineProperty(o,"__esModule",{value:!0}),o.getUIId=void 0;const d=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_dd78b5249e0d97499b5997ed3bfaf5b8/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(o,"getUIId",{enumerable:!0,get:function(){return d.getId}})},"./src/utilities/Keys.ts"(v,o,e){Object.defineProperty(o,"__esModule",{value:!0}),o.UIKeyCodes=void 0;const d=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_dd78b5249e0d97499b5997ed3bfaf5b8/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(o,"UIKeyCodes",{enumerable:!0,get:function(){return d.KeyCodes}})},"./src/utilities/index.ts"(v,o,e){var d=this&&this.__createBinding||(Object.create?(function(f,u,t,n){n===void 0&&(n=t);var r=Object.getOwnPropertyDescriptor(u,t);(!r||("get"in r?!u.__esModule:r.writable||r.configurable))&&(r={enumerable:!0,get:function(){return u[t]}}),Object.defineProperty(f,n,r)}):(function(f,u,t,n){n===void 0&&(n=t),f[n]=u[t]})),a=this&&this.__exportStar||function(f,u){for(var t in f)t!=="default"&&!Object.prototype.hasOwnProperty.call(u,t)&&d(u,f,t)};Object.defineProperty(o,"__esModule",{value:!0}),a(e("./src/utilities/Debounce.ts"),o),a(e("./src/utilities/Dom.ts"),o),a(e("./src/utilities/Focus.ts"),o),a(e("./src/utilities/Id.ts"),o),a(e("./src/utilities/Keys.ts"),o)}}]);})();
|
|
1
|
+
"use strict";(()=>{var y=Object.defineProperty,I=Object.defineProperties;var k=Object.getOwnPropertyDescriptors;var C=Object.getOwnPropertySymbols;var A=Object.prototype.hasOwnProperty,L=Object.prototype.propertyIsEnumerable;var p=(v,o,e)=>o in v?y(v,o,{enumerable:!0,configurable:!0,writable:!0,value:e}):v[o]=e,i=(v,o)=>{for(var e in o||(o={}))A.call(o,e)&&p(v,e,o[e]);if(C)for(var e of C(o))L.call(o,e)&&p(v,e,o[e]);return v},m=(v,o)=>I(v,k(o));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[321],{"./src/components/UIButton/UIActionButton.tsx"(v,o,e){var d=this&&this.__importDefault||function(n){return n&&n.__esModule?n:{default:n}};Object.defineProperty(o,"__esModule",{value:!0}),o.UIActionButton=void 0;const a=d(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),f=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_dd78b5249e0d97499b5997ed3bfaf5b8/node_modules/@fluentui/react/lib-commonjs/index.js"),u=e("./src/components/UIContextualMenu/index.tsx");class t extends a.default.Component{constructor(r){super(r),this.setStyle=()=>({root:{minWidth:"initial",height:22,fontSize:"13px",fontWeight:400,color:"var(--vscode-foreground)",borderRadius:0,whiteSpace:"nowrap",backgroundColor:"transparent",textDecoration:"underline",selectors:{"&:active":{textDecoration:"none"},".ms-Fabric--isFocusVisible &:focus:after":{outline:"1px solid var(--vscode-focusBorder)"}}},label:{marginLeft:0,marginRight:0,fontSize:"13px",fontWeight:400},rootDisabled:{backgroundColor:"transparent",color:"var(--vscode-foreground)",opacity:"0.4",pointerEvents:"none"},rootHovered:{color:"var(--vscode-foreground)",backgroundColor:"var(--vscode-menubar-selectionBackground)",outline:"1px solid var(--vscode-contrastActiveBorder)",borderRadius:3,textDecoration:"none",selectors:{color:"var(--vscode-foreground)"}},icon:{height:16,lineHeight:16,marginLeft:0,position:"relative",top:1},menuIcon:{position:"relative",top:1}})}render(){return a.default.createElement(f.ActionButton,m(i({},this.props),{styles:this.setStyle(),menuAs:u.UIContextualMenu}))}}o.UIActionButton=t},"./src/components/UIButton/UIDefaultButton.tsx"(v,o,e){var d=this&&this.__importDefault||function(g){return g&&g.__esModule?g:{default:g}};Object.defineProperty(o,"__esModule",{value:!0}),o.UIDefaultButton=o.BASE_STYLES=void 0;const a=d(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),f=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_dd78b5249e0d97499b5997ed3bfaf5b8/node_modules/@fluentui/react/lib-commonjs/index.js"),u=e("./src/components/UIContextualMenu/index.tsx"),t=e("./src/components/UIInput/index.tsx"),n=e("./src/components/Icons.tsx"),r="var(--vscode-button-border, transparent)";o.BASE_STYLES={color:"var(--vscode-button-foreground)",checkedBorderColor:"var(--vscode-contrastActiveBorder, var(--vscode-button-border, transparent))",primary:{backgroundColor:"var(--vscode-button-background)",disabledBorderColor:r,borderColor:r,hoverBackgroundColor:"var(--vscode-button-hoverBackground)",hoverBorderColor:r},secondary:{backgroundColor:"var(--vscode-button-secondaryBackground)",disabledBorderColor:r,borderColor:r,hoverBackgroundColor:"var(--vscode-button-secondaryHoverBackground)",hoverBorderColor:r,color:"var(--vscode-button-secondaryForeground)"},alert:{backgroundColor:"var(--vscode-errorForeground)",disabledBorderColor:r,borderColor:r,hoverBackgroundColor:"var(--vscode-editorError-foreground)",hoverBorderColor:r},transparent:{backgroundColor:"transparent",disabledBorderColor:"transparent",borderColor:"transparent",hoverBackgroundColor:"var(--vscode-toolbar-hoverBackground, var(--vscode-menubar-selectionBackground))",hoverBorderColor:"var(--vscode-contrastActiveBorder, transparent)",hoverBorderStyle:"dashed",color:"var(--vscode-foreground)",checkedBackgroundColor:"var(--vscode-button-background)",checkedColor:"var(--vscode-button-foreground)",checkedBorderStyle:"solid"}};const b="svg > path, svg > rect";class _ extends a.default.Component{constructor(c){super(c),this.setStyle=s=>{const{primary:l,alert:S,transparent:B}=s,h={position:"absolute",width:1,right:21,top:0,bottom:0,backgroundColor:"var(--vscode-editor-background)"},E={root:this.getInteractionStyle(!1,l,S,B),checked:this.getInteractionStyle(!0,l,S,B)};return{root:m(i(i(i({minWidth:"initial",height:22,fontSize:"13px",fontWeight:400,borderRadius:t.COMMON_INPUT_STYLES.borderRadius,paddingLeft:13,paddingRight:13,backgroundColor:o.BASE_STYLES.secondary.backgroundColor,borderColor:o.BASE_STYLES.secondary.borderColor,color:o.BASE_STYLES.secondary.color},l&&{backgroundColor:o.BASE_STYLES.primary.backgroundColor,borderColor:o.BASE_STYLES.primary.borderColor,color:o.BASE_STYLES.color}),S&&{backgroundColor:o.BASE_STYLES.alert.backgroundColor,borderColor:o.BASE_STYLES.alert.borderColor,color:o.BASE_STYLES.color}),B&&{backgroundColor:o.BASE_STYLES.transparent.backgroundColor,borderColor:o.BASE_STYLES.transparent.borderColor,color:o.BASE_STYLES.transparent.color}),{selectors:{".ms-Fabric--isFocusVisible &:focus:after":{outlineColor:"var(--vscode-focusBorder)",inset:-3}}}),flexContainer:{height:18},label:{marginLeft:0,marginRight:0,fontWeight:400,lineHeight:20,whiteSpace:"nowrap"},rootDisabled:i(i(i({opacity:"0.5 !important",backgroundColor:o.BASE_STYLES.secondary.backgroundColor,borderColor:o.BASE_STYLES.secondary.disabledBorderColor,color:o.BASE_STYLES.secondary.color},l&&{opacity:"0.5 !important",color:o.BASE_STYLES.color,backgroundColor:o.BASE_STYLES.primary.backgroundColor,borderColor:o.BASE_STYLES.primary.disabledBorderColor}),S&&{opacity:"0.5 !important",color:o.BASE_STYLES.color,backgroundColor:o.BASE_STYLES.alert.backgroundColor,borderColor:o.BASE_STYLES.alert.disabledBorderColor}),B&&{color:o.BASE_STYLES.transparent.color,backgroundColor:o.BASE_STYLES.transparent.backgroundColor,borderColor:o.BASE_STYLES.transparent.disabledBorderColor}),rootPressed:E.root,rootHovered:E.root,icon:i(i(i({height:16,lineHeight:16,marginLeft:-3,color:o.BASE_STYLES.secondary.color,selectors:{[b]:{fill:o.BASE_STYLES.secondary.color}}},l&&{color:o.BASE_STYLES.color,selectors:{[b]:{fill:o.BASE_STYLES.color}}}),S&&{color:o.BASE_STYLES.color,selectors:{[b]:{fill:o.BASE_STYLES.color}}}),B&&{color:o.BASE_STYLES.transparent.color,selectors:{[b]:{fill:o.BASE_STYLES.transparent.color}}}),menuIcon:{selectors:i(i({"svg > path":{fill:o.BASE_STYLES.secondary.color}},l&&{"svg > path":{fill:o.BASE_STYLES.color}}),S&&{"svg > path":{fill:o.BASE_STYLES.color}})},rootChecked:i(i(i({backgroundColor:o.BASE_STYLES.secondary.backgroundColor,color:o.BASE_STYLES.secondary.color,borderColor:o.BASE_STYLES.checkedBorderColor},l&&{backgroundColor:o.BASE_STYLES.primary.backgroundColor,color:o.BASE_STYLES.color}),S&&{backgroundColor:o.BASE_STYLES.alert.backgroundColor,color:o.BASE_STYLES.color}),B&&{backgroundColor:o.BASE_STYLES.transparent.checkedBackgroundColor,color:o.BASE_STYLES.transparent.checkedColor,borderStyle:o.BASE_STYLES.transparent.checkedBorderStyle}),rootCheckedHovered:E.checked,rootCheckedPressed:E.checked,splitButtonMenuButton:{padding:6,height:22,boxSizing:"border-box",borderRadius:`0 ${t.COMMON_INPUT_STYLES.borderRadius}px ${t.COMMON_INPUT_STYLES.borderRadius}px 0 !important`,borderLeft:"none",outline:"transparent",userSelect:"none",display:"inline-block",textDecoration:"none",textAlign:"center",cursor:"pointer",verticalAlign:"top",width:22,marginLeft:-1,marginTop:0,marginRight:0,marginBottom:0,backgroundColor:o.BASE_STYLES.primary.backgroundColor,borderColor:o.BASE_STYLES.primary.borderColor,color:o.BASE_STYLES.color,selectors:{"&:hover":{color:o.BASE_STYLES.color,backgroundColor:"var(--vscode-button-hoverBackground)",borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-button-hoverBackground))",selectors:{[b]:{fill:o.BASE_STYLES.color}}}}},splitButtonMenuButtonDisabled:i(i({opacity:"0.5 !important",backgroundColor:"var(--vscode-button-secondaryBackground,#5f6a79)",borderColor:o.BASE_STYLES.secondary.backgroundColor,color:o.BASE_STYLES.secondary.color},l&&{color:o.BASE_STYLES.color,backgroundColor:o.BASE_STYLES.primary.backgroundColor,borderColor:"var(--vscode-button-background)"}),S&&{color:o.BASE_STYLES.color,backgroundColor:o.BASE_STYLES.alert.backgroundColor,borderColor:"var(--vscode-button-background)"}),splitButtonMenuFocused:{selectors:{"&:focus":{color:"red"}}},splitButtonMenuButtonExpanded:{color:o.BASE_STYLES.color,backgroundColor:"var(--vscode-button-hoverBackground)",borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-button-hoverBackground))",selectors:{[b]:{fill:o.BASE_STYLES.color},"&:hover":{color:o.BASE_STYLES.color,backgroundColor:"var(--vscode-button-hoverBackground)",borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-button-hoverBackground))",selectors:{[b]:{fill:o.BASE_STYLES.color}}}}},splitButtonDivider:h,splitButtonDividerDisabled:h,splitButtonContainerFocused:{".ms-Fabric--isFocusVisible &:focus:after":{border:"none",outlineColor:"var(--vscode-focusBorder)",inset:-2}}}}}getInteractionStyle(c,s,l,S){let B=i(i(i({color:o.BASE_STYLES.secondary.color,backgroundColor:o.BASE_STYLES.secondary.hoverBackgroundColor,borderColor:o.BASE_STYLES.secondary.hoverBorderColor,selectors:{[b]:{fill:o.BASE_STYLES.secondary.color}}},s&&{color:o.BASE_STYLES.color,backgroundColor:o.BASE_STYLES.primary.hoverBackgroundColor,borderColor:o.BASE_STYLES.primary.hoverBorderColor,selectors:{[b]:{fill:o.BASE_STYLES.color}}}),l&&{color:o.BASE_STYLES.color,backgroundColor:o.BASE_STYLES.alert.hoverBackgroundColor,borderColor:o.BASE_STYLES.alert.hoverBorderColor,selectors:{[b]:{fill:o.BASE_STYLES.color}}}),c&&{borderColor:o.BASE_STYLES.checkedBorderColor});return S&&(c?B=m(i({},B),{color:o.BASE_STYLES.color,backgroundColor:o.BASE_STYLES.primary.backgroundColor,borderColor:o.BASE_STYLES.primary.borderColor,selectors:{[b]:{fill:o.BASE_STYLES.color}}}):B=m(i({},B),{color:o.BASE_STYLES.transparent.color,backgroundColor:o.BASE_STYLES.transparent.hoverBackgroundColor,borderColor:o.BASE_STYLES.transparent.hoverBorderColor,borderStyle:o.BASE_STYLES.transparent.hoverBorderStyle,selectors:{[b]:{fill:o.BASE_STYLES.transparent.color}}})),c&&(B=m(i({},B),{borderColor:o.BASE_STYLES.checkedBorderColor})),B}render(){var s;const c=(s=this.props.menuProps)!=null&&s.items?{iconName:n.UiIcons.ArrowDown}:void 0;return a.default.createElement(f.DefaultButton,m(i({menuIconProps:c},this.props),{styles:this.setStyle(this.props),menuAs:u.UIContextualMenu}))}}o.UIDefaultButton=_},"./src/components/UIButton/UIIconButton.tsx"(v,o,e){var d=this&&this.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(o,"__esModule",{value:!0}),o.UIIconButton=o.UIIconButtonSizes=void 0;const a=d(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),f=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_dd78b5249e0d97499b5997ed3bfaf5b8/node_modules/@fluentui/react/lib-commonjs/index.js"),u=e("./src/components/UIContextualMenu/index.tsx");var t;(function(r){r.Default="Default",r.Wide="Wide"})(t||(o.UIIconButtonSizes=t={}));class n extends a.default.Component{constructor(b){super(b),this.setStyle=_=>{var s;const c=((s=_.sizeType)!=null?s:t.Default)===t.Default?16:26;return{root:{minWidth:"initial",height:16,width:c,boxSizing:"content-box",padding:3,backgroundColor:"transparent",borderRadius:4,selectors:{".ms-Fabric--isFocusVisible &:focus:after":{outline:"1px solid var(--vscode-focusBorder)"}}},rootDisabled:{backgroundColor:"transparent",opacity:"0.4"},rootHasMenu:{width:c},rootHovered:{backgroundColor:this.getButtonInteractionBackgroundColor("--vscode-toolbar-hoverBackground"),outline:"1px dashed var(--vscode-contrastActiveBorder)",borderRadius:5},rootPressed:{backgroundColor:this.getButtonInteractionBackgroundColor("--vscode-toolbar-activeBackground")},rootExpanded:{backgroundColor:this.getButtonInteractionBackgroundColor("--vscode-toolbar-hoverBackground"),width:c},rootExpandedHovered:{backgroundColor:"transparent"},flexContainer:{width:"100%",height:"100%",pointerEvents:"none"},icon:{height:16,width:c,lineHeight:16,display:"flex",alignItems:"center",justifyContent:"center"},iconHovered:{backgroundColor:"transparent"},menuIconExpanded:{display:"none"},menuIcon:{display:"none"},rootChecked:{backgroundColor:"var(--vscode-button-background)",color:"var(--vscode-button-foreground)",outline:"1px solid var(--vscode-contrastActiveBorder)",selectors:{".ms-Fabric--isFocusVisible &:focus:after":{inset:"-1px"}}},rootCheckedHovered:{backgroundColor:"var(--vscode-button-background)",outline:"1px dashed var(--vscode-contrastActiveBorder)"},iconChecked:{color:"var(--vscode-button-foreground)",selectors:{"> svg *":{fill:"currentColor"}}}}}}getButtonInteractionBackgroundColor(b){return`var(${b}, var(--vscode-menubar-selectionBackground))`}render(){return a.default.createElement(f.IconButton,m(i({},this.props),{styles:this.setStyle(this.props),menuAs:u.UIContextualMenu}))}}o.UIIconButton=n},"./src/components/UIButton/UISmallButton.tsx"(v,o,e){var d=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(o,"__esModule",{value:!0}),o.UISmallButton=void 0;const a=d(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),f=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_dd78b5249e0d97499b5997ed3bfaf5b8/node_modules/@fluentui/react/lib-commonjs/index.js");class u extends a.default.Component{constructor(n){super(n),this.buttonSecondaryForeground="--vscode-button-secondaryForeground",this.setStyle=r=>({root:m(i({minWidth:"initial",height:16,fontSize:"11px",fontWeight:400,borderRadius:20,paddingLeft:13,paddingRight:13,backgroundColor:"var(--vscode-button-secondaryBackground, #5f6a79)",borderColor:"var(--vscode-contrastBorder, var(--vscode-button-secondaryBackground, #5f6a79))",color:this.getColorwithFallback(this.buttonSecondaryForeground,"#ffffff")},r.primary&&{backgroundColor:this.getColor("--vscode-button-background"),borderColor:"var(--vscode-contrastBorder, var(--vscode-button-background))",color:this.getColor("--vscode-button-foreground")}),{selectors:{".ms-Fabric--isFocusVisible &:focus:after":{outlineColor:"var(--vscode-focusBorder)",inset:-3}}}),label:{marginLeft:0,marginRight:0,fontWeight:400,lineHeight:11,whiteSpace:"nowrap"},rootDisabled:i({opacity:"0.5 !important",backgroundColor:"var(--vscode-button-secondaryBackground,#5f6a79)",borderColor:"var(--vscode-button-secondaryBackground, #5f6a79)",color:this.getColorwithFallback(this.buttonSecondaryForeground,"#ffffff")},r.primary&&{opacity:"0.5 !important",color:this.getColor("--vscode-button-foreground"),backgroundColor:"var(--vscode-button-background)",borderColor:"var(--vscode-button-background)"}),rootHovered:i({color:this.getColorwithFallback(this.buttonSecondaryForeground,"#ffffff"),backgroundColor:"var(--vscode-button-secondaryHoverBackground, #4c5561)",borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-button-secondaryHoverBackground, #4c5561))",selectors:{"svg > path, svg > rect":{fill:this.getColorwithFallback(this.buttonSecondaryForeground,"#ffffff")}}},r.primary&&{color:"var(--vscode-button-foreground)",backgroundColor:"var(--vscode-button-hoverBackground)",borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-button-hoverBackground))",selectors:{"svg > path, svg > rect":{fill:"var(--vscode-button-foreground)"}}})})}getColor(n){return`var(${n})`}getColorwithFallback(n,r){return`var(${n}, ${r})`}render(){return a.default.createElement(f.DefaultButton,m(i({},this.props),{styles:this.setStyle(this.props)}))}}o.UISmallButton=u},"./src/components/UIButton/UISplitButton.tsx"(v,o,e){var d=this&&this.__createBinding||(Object.create?(function(g,c,s,l){l===void 0&&(l=s);var S=Object.getOwnPropertyDescriptor(c,s);(!S||("get"in S?!c.__esModule:S.writable||S.configurable))&&(S={enumerable:!0,get:function(){return c[s]}}),Object.defineProperty(g,l,S)}):(function(g,c,s,l){l===void 0&&(l=s),g[l]=c[s]})),a=this&&this.__setModuleDefault||(Object.create?(function(g,c){Object.defineProperty(g,"default",{enumerable:!0,value:c})}):function(g,c){g.default=c}),f=this&&this.__importStar||(function(){var g=function(c){return g=Object.getOwnPropertyNames||function(s){var l=[];for(var S in s)Object.prototype.hasOwnProperty.call(s,S)&&(l[l.length]=S);return l},g(c)};return function(c){if(c&&c.__esModule)return c;var s={};if(c!=null)for(var l=g(c),S=0;S<l.length;S++)l[S]!=="default"&&d(s,c,l[S]);return a(s,c),s}})();Object.defineProperty(o,"__esModule",{value:!0}),o.UISplitButton=void 0;const u=f(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=e("./src/components/UIButton/UIDefaultButton.tsx"),n=e("./src/components/UIContextualMenu/index.tsx"),r=e("./src/components/Icons.tsx"),b=e("./src/utilities/index.ts");class _ extends u.Component{constructor(c){super(c),this.id=this.props.id?this.props.id:(0,b.getUIId)("ui-split-button-"),this.onClick=()=>{this.props.callback(this.props.button.key)},this.onMenuItemClick=(s,l)=>{l!=null&&l.key&&this.props.callback(l.key)},this.state={menu:{items:c.menuItems,onItemClick:this.onMenuItemClick}},this.onClick=this.onClick.bind(this)}static getDerivedStateFromProps(c,s){return{menu:{items:c.menuItems,onItemClick:s.menu.onItemClick}}}render(){return u.createElement(t.UIDefaultButton,{ariaLabel:this.props.ariaLabel,ariaDescription:this.props.ariaDescription,id:this.id,className:"ui-split-button",primary:!0,split:!0,onClick:this.onClick.bind(this),menuProps:this.state.menu,menuIconProps:{iconName:r.UiIcons.ArrowDown},menuAs:n.UIContextualMenu,disabled:this.props.disabled},this.props.button.text)}}o.UISplitButton=_},"./src/components/UIButton/index.tsx"(v,o,e){var d=this&&this.__createBinding||(Object.create?(function(u,t,n,r){r===void 0&&(r=n);var b=Object.getOwnPropertyDescriptor(t,n);(!b||("get"in b?!t.__esModule:b.writable||b.configurable))&&(b={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(u,r,b)}):(function(u,t,n,r){r===void 0&&(r=n),u[r]=t[n]})),a=this&&this.__exportStar||function(u,t){for(var n in u)n!=="default"&&!Object.prototype.hasOwnProperty.call(t,n)&&d(t,u,n)};Object.defineProperty(o,"__esModule",{value:!0}),o.UIButtonInterface=void 0;const f=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_dd78b5249e0d97499b5997ed3bfaf5b8/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(o,"UIButtonInterface",{enumerable:!0,get:function(){return f.IButton}}),a(e("./src/components/UIButton/UIActionButton.tsx"),o),a(e("./src/components/UIButton/UIDefaultButton.tsx"),o),a(e("./src/components/UIButton/UIIconButton.tsx"),o),a(e("./src/components/UIButton/UISplitButton.tsx"),o),a(e("./src/components/UIButton/UISmallButton.tsx"),o)},"./src/utilities/Debounce.ts"(v,o){Object.defineProperty(o,"__esModule",{value:!0}),o.debounce=e;function e(d,a){let f;return(...u)=>{clearTimeout(f),f=window.setTimeout(()=>{d(...u)},a)}}},"./src/utilities/Dom.ts"(v,o){Object.defineProperty(o,"__esModule",{value:!0}),o.isHTMLElement=e,o.isHTMLInputElement=d;function e(a){return"title"in a}function d(a){return"value"in a&&"tagName"in a&&a.tagName==="INPUT"}},"./src/utilities/Focus.ts"(v,o,e){Object.defineProperty(o,"__esModule",{value:!0}),o.isElementTabbable=o.getPreviousElement=o.getNextElement=o.setUIFocusVisibility=o.getUILastFocusable=o.getUIFirstFocusable=void 0,o.focusToSibling=a;const d=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_dd78b5249e0d97499b5997ed3bfaf5b8/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(o,"getUIFirstFocusable",{enumerable:!0,get:function(){return d.getFirstFocusable}}),Object.defineProperty(o,"getUILastFocusable",{enumerable:!0,get:function(){return d.getLastFocusable}}),Object.defineProperty(o,"setUIFocusVisibility",{enumerable:!0,get:function(){return d.setFocusVisibility}}),Object.defineProperty(o,"getNextElement",{enumerable:!0,get:function(){return d.getNextElement}}),Object.defineProperty(o,"getPreviousElement",{enumerable:!0,get:function(){return d.getPreviousElement}}),Object.defineProperty(o,"isElementTabbable",{enumerable:!0,get:function(){return d.isElementTabbable}});function a(f,u){const t=(0,d.getDocument)();if(t){let n=null;if(u?n=(0,d.getNextElement)(t.body,f,!1,!1,!0,!0):n=(0,d.getPreviousElement)(t.body,f,!1,!1,!0,!0),n)return n.focus(),n}return null}},"./src/utilities/Id.ts"(v,o,e){Object.defineProperty(o,"__esModule",{value:!0}),o.getUIId=void 0;const d=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_dd78b5249e0d97499b5997ed3bfaf5b8/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(o,"getUIId",{enumerable:!0,get:function(){return d.getId}})},"./src/utilities/Keys.ts"(v,o,e){Object.defineProperty(o,"__esModule",{value:!0}),o.UIKeyCodes=void 0;const d=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_dd78b5249e0d97499b5997ed3bfaf5b8/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(o,"UIKeyCodes",{enumerable:!0,get:function(){return d.KeyCodes}})},"./src/utilities/index.ts"(v,o,e){var d=this&&this.__createBinding||(Object.create?(function(f,u,t,n){n===void 0&&(n=t);var r=Object.getOwnPropertyDescriptor(u,t);(!r||("get"in r?!u.__esModule:r.writable||r.configurable))&&(r={enumerable:!0,get:function(){return u[t]}}),Object.defineProperty(f,n,r)}):(function(f,u,t,n){n===void 0&&(n=t),f[n]=u[t]})),a=this&&this.__exportStar||function(f,u){for(var t in f)t!=="default"&&!Object.prototype.hasOwnProperty.call(u,t)&&d(u,f,t)};Object.defineProperty(o,"__esModule",{value:!0}),a(e("./src/utilities/Debounce.ts"),o),a(e("./src/utilities/Dom.ts"),o),a(e("./src/utilities/Focus.ts"),o),a(e("./src/utilities/Id.ts"),o),a(e("./src/utilities/Keys.ts"),o)}}]);})();
|