@sap-ux/ui-components 1.22.2 → 1.23.0

package/dist/components/UIToggle/UIToggle.d.ts

@@ -33,6 +33,14 @@ export declare class UIToggle extends React.Component<UIToggleProps, {}> {
      * @returns {void} This method does not return a value.
      */
     componentDidMount(): void;
+    /**
+     * Determines whether the component should update when the new props are received.
+     * This method is typically used for performance optimization.
+     *
+     * @param {UIToggleProps} nextProps - The next props to be received by the component.
+     * @returns {boolean} A boolean value indicating whether the component should update.
+     */
+    shouldComponentUpdate(nextProps: UIToggleProps): boolean;
     /**
      * Handles the change event triggered by the user interaction.
      *

package/dist/components/UIToggle/UIToggle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UIToggle.d.ts","sourceRoot":"","sources":["../../../src/components/UIToggle/UIToggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,YAAY,EAAoC,MAAM,iBAAiB,CAAC;AAGtF,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AAK/E,MAAM,WAAW,aAAc,SAAQ,YAAY,EAAE,wBAAwB;IACzE,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB,IAAI,CAAC,EAAE,YAAY,CAAC;CACvB;AAED,oBAAY,YAAY;IACpB,QAAQ,aAAa;IACrB,KAAK,UAAU;CAClB;AA4ID;;;;;;;GAOG;AACH,qBAAa,QAAS,SAAQ,KAAK,CAAC,SAAS,CAAC,aAAa,EAAE,EAAE,CAAC;IAC5D,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAkC;IAChE;;;;OAIG;gBACgB,KAAK,EAAE,aAAa;IAOvC;;;;;OAKG;IACH,iBAAiB;IAIjB;;;;;;OAMG;IACH,YAAY,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC,EAAE,OAAO;IAKpE;;;;;OAKG;IACH,oBAAoB,CAAC,OAAO,CAAC,EAAE,OAAO;IAetC;;;;;OAKG;IACH,eAAe,CAAC,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS;IAQrD;;OAEG;IACH,MAAM,IAAI,GAAG,CAAC,OAAO;CAyGxB"}
+{"version":3,"file":"UIToggle.d.ts","sourceRoot":"","sources":["../../../src/components/UIToggle/UIToggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,YAAY,EAAoC,MAAM,iBAAiB,CAAC;AAGtF,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AAK/E,MAAM,WAAW,aAAc,SAAQ,YAAY,EAAE,wBAAwB;IACzE,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB,IAAI,CAAC,EAAE,YAAY,CAAC;CACvB;AAED,oBAAY,YAAY;IACpB,QAAQ,aAAa;IACrB,KAAK,UAAU;CAClB;AAgGD;;;;;;;GAOG;AACH,qBAAa,QAAS,SAAQ,KAAK,CAAC,SAAS,CAAC,aAAa,EAAE,EAAE,CAAC;IAC5D,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAkC;IAChE;;;;OAIG;gBACgB,KAAK,EAAE,aAAa;IAOvC;;;;;OAKG;IACH,iBAAiB;IAIjB;;;;;;OAMG;IACH,qBAAqB,CAAC,SAAS,EAAE,aAAa,GAAG,OAAO;IAOxD;;;;;;OAMG;IACH,YAAY,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC,EAAE,OAAO;IAKpE;;;;;OAKG;IACH,oBAAoB,CAAC,OAAO,UAAQ,GAAG,IAAI;IAc3C;;;;;OAKG;IACH,eAAe,CAAC,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS;IAQrD;;OAEG;IACH,MAAM,IAAI,GAAG,CAAC,OAAO;CAuGxB"}

package/dist/components/UIToggle/UIToggle.js

@@ -15,50 +15,24 @@ var UIToggleSize;
     UIToggleSize["Standard"] = "Standard";
     UIToggleSize["Small"] = "Small";
 })(UIToggleSize || (exports.UIToggleSize = UIToggleSize = {}));
-const TOGGLE_SIZES = new Map([
-    [
-        UIToggleSize.Standard,
-        {
-            width: 30,
-            height: 18,
-            padding: '0 1px',
-            margin: '0',
-            label: {
-                fontSize: 13,
-                padding: ''
-            },
-            circle: {
-                width: 14,
-                height: 14,
-                borderWidth: 1
-            }
-        }
-    ],
-    [
-        UIToggleSize.Small,
-        {
-            width: 30,
-            height: 14,
-            padding: '0 1px',
-            margin: '0',
-            label: {
-                fontSize: 13,
-                padding: '2px 0'
-            },
-            circle: {
-                width: 10,
-                height: 10,
-                borderWidth: 1
-            }
-        }
-    ]
-]);
-const getIconStyleKey = (size, isSwitchOn) => {
-    return `${size}-${isSwitchOn ? 'on' : 'off'}`;
+const TOGGLE_SIZE = {
+    width: 30,
+    height: 18,
+    padding: '0 1px',
+    margin: '0',
+    label: {
+        fontSize: 13,
+        padding: '0px 0px 1px 0px'
+    },
+    circle: {
+        width: 14,
+        height: 14,
+        borderWidth: 1
+    }
 };
 const ICON_STYLE = new Map([
     [
-        getIconStyleKey(UIToggleSize.Standard, true),
+        true,
         {
             position: 'relative',
             top: -9,
@@ -66,28 +40,12 @@ const ICON_STYLE = new Map([
         }
     ],
     [
-        getIconStyleKey(UIToggleSize.Standard, false),
+        false,
         {
             position: 'relative',
             top: -11,
             left: 0
         }
-    ],
-    [
-        getIconStyleKey(UIToggleSize.Small, true),
-        {
-            position: 'relative',
-            top: -11,
-            left: 0
-        }
-    ],
-    [
-        getIconStyleKey(UIToggleSize.Small, false),
-        {
-            position: 'relative',
-            top: -13,
-            left: 0
-        }
     ]
 ]);
 const DISABLED_OPACITY = 0.4;
@@ -159,7 +117,20 @@ class UIToggle extends react_1.default.Component {
      * @returns {void} This method does not return a value.
      */
     componentDidMount() {
-        this.replaceThumbWithIcon();
+        this.replaceThumbWithIcon(this.props.checked ?? this.props.defaultChecked);
+    }
+    /**
+     * Determines whether the component should update when the new props are received.
+     * This method is typically used for performance optimization.
+     *
+     * @param {UIToggleProps} nextProps - The next props to be received by the component.
+     * @returns {boolean} A boolean value indicating whether the component should update.
+     */
+    shouldComponentUpdate(nextProps) {
+        if (nextProps.checked !== this.props.checked) {
+            this.replaceThumbWithIcon(nextProps.checked);
+        }
+        return true;
     }
     /**
      * Handles the change event triggered by the user interaction.
@@ -178,13 +149,12 @@ class UIToggle extends react_1.default.Component {
      * @param {boolean} [checked] Optional. Represents the state of the toggle switch. If not provided, it checks `defaultChecked` prop or defaults to `false`.
      * @returns {void} Does not return a value.
      */
-    replaceThumbWithIcon(checked) {
-        const isSwitchOn = checked ?? this.props.defaultChecked ?? false;
+    replaceThumbWithIcon(checked = false) {
         if (this.toggleRootRef.current) {
             const thumbElement = this.toggleRootRef.current?.querySelector('.ms-Toggle-thumb');
             if (thumbElement) {
-                const style = ICON_STYLE.get(getIconStyleKey(this.props.size ?? UIToggleSize.Standard, isSwitchOn));
-                react_dom_1.default.render(react_1.default.createElement(UIIcon_1.UIIcon, { iconName: isSwitchOn ? Icons_1.UiIcons.SwitchOn : Icons_1.UiIcons.SwitchOff, style: style }), thumbElement);
+                const style = ICON_STYLE.get(checked);
+                react_dom_1.default.render(react_1.default.createElement(UIIcon_1.UIIcon, { iconName: checked ? Icons_1.UiIcons.SwitchOn : Icons_1.UiIcons.SwitchOff, style: style }), thumbElement);
             }
         }
     }
@@ -205,8 +175,8 @@ class UIToggle extends react_1.default.Component {
      * @returns {JSX.Element}
      */
     render() {
-        const { inlineLabelLeft, labelFlexGrow, size, inlineLabel } = this.props;
-        const sizeInfo = TOGGLE_SIZES.get(size ?? UIToggleSize.Standard);
+        const { inlineLabelLeft, labelFlexGrow, inlineLabel } = this.props;
+        const sizeInfo = TOGGLE_SIZE;
         const messageInfo = (0, ValidationMessage_1.getMessageInfo)(this.props);
         const styles = (styleProps) => {
             return {
@@ -295,8 +265,7 @@ class UIToggle extends react_1.default.Component {
                 }
             };
         };
-        const toggleComponent = (react_1.default.createElement("div", { ref: this.toggleRootRef },
-            react_1.default.createElement(react_2.Toggle, { ...this.props, styles: styles, onChange: this.handleChange })));
+        const toggleComponent = (react_1.default.createElement(react_2.Toggle, { ...this.props, styles: styles, ref: this.toggleRootRef, onChange: this.handleChange }));
         return messageInfo.message ? (react_1.default.createElement(ValidationMessage_1.MessageWrapper, { message: messageInfo }, toggleComponent)) : (toggleComponent);
     }
 }

package/dist/components/UIToggle/UIToggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"UIToggle.js","sourceRoot":"","sources":["../../../src/components/UIToggle/UIToggle.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"UIToggle.js","sourceRoot":"","sources":["../../../src/components/UIToggle/UIToggle.tsx"],"names":[],"mappings":"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"}

package/dist/index.d.ts

@@ -1,4 +1,5 @@
 export * from './components';
 export * from './utilities';
 export * from './theme';
+export { setIconOptions } from '@fluentui/react';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/index.js

@@ -14,7 +14,10 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.setIconOptions = void 0;
 __exportStar(require("./components"), exports);
 __exportStar(require("./utilities"), exports);
 __exportStar(require("./theme"), exports);
+var react_1 = require("@fluentui/react");
+Object.defineProperty(exports, "setIconOptions", { enumerable: true, get: function () { return react_1.setIconOptions; } });
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,+CAA6B;AAC7B,8CAA4B;AAC5B,0CAAwB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,+CAA6B;AAC7B,8CAA4B;AAC5B,0CAAwB;AACxB,yCAAiD;AAAxC,uGAAA,cAAc,OAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sap-ux/ui-components",
-  "version": "1.22.2",
+  "version": "1.23.0",
   "license": "Apache-2.0",
   "description": "SAP UI Components Library",
   "repository": {

package/storybook/366.7491c8d6.iframe.bundle.js

@@ -0,0 +1 @@
+(()=>{var R=Object.defineProperty,A=Object.defineProperties;var j=Object.getOwnPropertyDescriptors;var O=Object.getOwnPropertySymbols;var U=Object.prototype.hasOwnProperty,C=Object.prototype.propertyIsEnumerable;var M=(v,a,i)=>a in v?R(v,a,{enumerable:!0,configurable:!0,writable:!0,value:i}):v[a]=i,z=(v,a)=>{for(var i in a||(a={}))U.call(a,i)&&M(v,i,a[i]);if(O)for(var i of O(a))C.call(a,i)&&M(v,i,a[i]);return v},I=(v,a)=>A(v,j(a));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[366],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.96.1/node_modules/sass-loader/dist/cjs.js!./src/components/UISection/UISection.scss":(v,a,i)=>{var b=i("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/noSourceMaps.js"),m=i("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/api.js"),h=m(b);h.push([v.id,"@keyframes delayedFadeOut{0%{opacity:1}99%{opacity:0;visibility:visible}100%{visibility:hidden}}.section{display:flex;flex-direction:column;overflow:hidden}.section__header>div{flex:0 1 auto;background:var(--vscode-sideBarSectionHeader-background);min-height:40px;display:flex;align-items:center;padding:0 1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--vscode-sideBarTitle-foreground)}.section__header__title{width:100%;overflow:hidden;text-overflow:ellipsis}.section__header__title.ui-medium-header{line-height:normal}.section__body{margin:1rem .75rem;flex:1 1 auto;padding:0 .25rem;height:100%}.section__body>.ui-loader-blocker:before{z-index:1}.section--clean .section__body{margin:0;padding:0}.section--scrollable .section__body{overflow:auto}.section--extended .section__header{background-color:var(--vscode-sideBar-background)}.section__collapse{position:absolute;top:0;left:0;width:13px}.section--hidden{animation:.5s delayedFadeOut;animation-fill-mode:forwards}",""]),v.exports=h},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.96.1/node_modules/sass-loader/dist/cjs.js!./src/components/UISection/UISections.scss":(v,a,i)=>{var b=i("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/noSourceMaps.js"),m=i("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/api.js"),h=m(b);h.push([v.id,".sections{position:relative;overflow:hidden}.sections--horizontal{height:100%}.sections--horizontal .sections__item{height:100%}.sections--vertical{width:100%}.sections--vertical .sections__item{width:100%}.sections .sections__item{position:absolute}.sections--animated .sections__item{transition:all 300ms ease 0s}.sections--animated.sections--horizontal .sections__item{transition-property:transform,left,right}.sections--animated.sections--vertical .sections__item{transition-property:transform,top,bottom}.sections.sections--horizontal .sections__item--toggle.sections__item--hidden{transform:translateX(100%)}.sections.sections--horizontal .sections__item--toggle{max-width:calc(100% - 24px)}.sections.sections--horizontal>.sections__item:first-child{padding-right:7px}.sections.sections--vertical .sections__item--toggle.sections__item--hidden{transform:translateY(100%)}.sections.sections--vertical .sections__item--toggle{max-height:calc(100% - 24px)}",""]),v.exports=h},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.96.1/node_modules/sass-loader/dist/cjs.js!./src/components/UISection/UISplitter.scss":(v,a,i)=>{var b=i("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/noSourceMaps.js"),m=i("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/api.js"),h=m(b);h.push([v.id,'@keyframes delayedFadeOut{0%{opacity:1}99%{opacity:0;visibility:visible}100%{visibility:hidden}}.splitter{background-color:var(--vscode-panelSection-border);position:absolute;outline:none}.splitter--horizontal{top:0;bottom:0;cursor:ew-resize}.splitter--horizontal:after{border-left:1px solid var(--vscode-contrastBorder);border-right:1px solid var(--vscode-contrastBorder)}.splitter--vertical{cursor:ns-resize;left:0;right:0}.splitter--vertical:after{border-top:1px solid var(--vscode-contrastBorder);border-bottom:1px solid var(--vscode-contrastBorder)}.splitter--compact{background:var(--vscode-editorWidget-border)}.splitter--compact.splitter--vertical .splitter__grip{height:3px}.splitter--compact.splitter--horizontal .splitter__grip{width:12px}.splitter--compact.splitter--horizontal .splitter__grip svg{transform-origin:5px 7px}.splitter--toggle{cursor:pointer}.splitter--toggle .splitter__grip{height:12px}.splitter--resize.splitter--horizontal{cursor:ew-resize}.splitter--resize.splitter--vertical{cursor:ns-resize}.splitter:after{content:"";top:0;left:0;right:0;bottom:0;position:absolute}.splitter__grip{position:absolute;height:16px;top:50%;transform:translateY(-50%);left:0;right:0}.splitter+.section .section__header__title,.splitter+.section .section__body{padding-left:7px}.splitter--toggle+.section .section__header__title,.splitter--toggle+.section .section__body{padding:0;margin:0}.splitter:hover{background-color:var(--vscode-focusBorder)}.splitter:hover .splitter__grip svg path{fill:var(--vscode-button-foreground)}.splitter--horizontal:hover:after{border-left:1px dashed var(--vscode-contrastActiveBorder);border-right:1px dashed var(--vscode-contrastActiveBorder)}.splitter--horizontal:focus:after{border-left:1px solid var(--vscode-focusBorder);border-right:1px solid var(--vscode-focusBorder)}.splitter--vertical:hover:after{border-top:1px dashed var(--vscode-contrastActiveBorder);border-bottom:1px dashed var(--vscode-contrastActiveBorder)}.splitter--vertical:focus:after{border-top:1px solid var(--vscode-focusBorder);border-bottom:1px solid var(--vscode-focusBorder)}.splitter--hidden{animation:.5s delayedFadeOut;animation-fill-mode:forwards}.splitter i.ts-icon{display:flex;height:100%}.splitter i.ts-icon svg{height:100%;width:100%}.splitter--toggle.splitter--horizontal .splitter__grip svg{transform:rotate(180deg)}.splitter--toggle.splitter--vertical .splitter__grip svg{transform:rotate(270deg)}.splitter--resize.splitter--standard.splitter--vertical .splitter__grip svg,.splitter--resize.splitter--compact.splitter--horizontal .splitter__grip svg{transform:rotate(90deg)}.splitter__overlay{position:absolute;z-index:1;top:0;left:0;bottom:0;right:0;background:rgba(0,0,0,0)}.splitter__overlay--horizontal{cursor:ew-resize}.splitter__overlay--vertical{cursor:ns-resize}.sections__item--hidden .splitter--toggle.splitter--horizontal .splitter__grip svg{transform:rotate(0) translateX(-1px)}.sections__item--hidden .splitter--toggle.splitter--vertical .splitter__grip svg{transform:rotate(90deg) translateX(-1px)}',""]),v.exports=h},"./src/components/UISection/UISection.scss":(v,a,i)=>{"use strict";i.r(a),i.d(a,{default:()=>l});var b=i("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),m=i.n(b),h=i("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleDomAPI.js"),S=i.n(h),c=i("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertBySelector.js"),u=i.n(c),g=i("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),y=i.n(g),e=i("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertStyleElement.js"),s=i.n(e),t=i("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleTagTransform.js"),o=i.n(t),n=i("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.96.1/node_modules/sass-loader/dist/cjs.js!./src/components/UISection/UISection.scss"),_=i.n(n),r={};for(const f in n)f!=="default"&&(r[f]=()=>n[f]);i.d(a,r);var d={};d.styleTagTransform=o(),d.setAttributes=y(),d.insert=u().bind(null,"head"),d.domAPI=S(),d.insertStyleElement=s();var p=m()(_(),d);const l=_()&&_().locals?_().locals:void 0},"./src/components/UISection/UISections.scss":(v,a,i)=>{"use strict";i.r(a),i.d(a,{default:()=>l});var b=i("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),m=i.n(b),h=i("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleDomAPI.js"),S=i.n(h),c=i("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertBySelector.js"),u=i.n(c),g=i("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),y=i.n(g),e=i("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertStyleElement.js"),s=i.n(e),t=i("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleTagTransform.js"),o=i.n(t),n=i("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.96.1/node_modules/sass-loader/dist/cjs.js!./src/components/UISection/UISections.scss"),_=i.n(n),r={};for(const f in n)f!=="default"&&(r[f]=()=>n[f]);i.d(a,r);var d={};d.styleTagTransform=o(),d.setAttributes=y(),d.insert=u().bind(null,"head"),d.domAPI=S(),d.insertStyleElement=s();var p=m()(_(),d);const l=_()&&_().locals?_().locals:void 0},"./src/components/UISection/UISplitter.scss":(v,a,i)=>{"use strict";i.r(a),i.d(a,{default:()=>l});var b=i("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),m=i.n(b),h=i("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleDomAPI.js"),S=i.n(h),c=i("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertBySelector.js"),u=i.n(c),g=i("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),y=i.n(g),e=i("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertStyleElement.js"),s=i.n(e),t=i("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleTagTransform.js"),o=i.n(t),n=i("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.96.1/node_modules/sass-loader/dist/cjs.js!./src/components/UISection/UISplitter.scss"),_=i.n(n),r={};for(const f in n)f!=="default"&&(r[f]=()=>n[f]);i.d(a,r);var d={};d.styleTagTransform=o(),d.setAttributes=y(),d.insert=u().bind(null,"head"),d.domAPI=S(),d.insertStyleElement=s();var p=m()(_(),d);const l=_()&&_().locals?_().locals:void 0},"./src/components/UISection/UISection.tsx":function(v,a,i){"use strict";var b=this&&this.__importDefault||function(u){return u&&u.__esModule?u:{default:u}};Object.defineProperty(a,"__esModule",{value:!0}),a.UISection=a.UISectionLayout=void 0;const m=b(i("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),h=i("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");i("./src/components/UISection/UISection.scss");var S;(function(u){u.Standard="standard",u.Extended="extended"})(S||(a.UISectionLayout=S={}));class c extends m.default.Component{onScroll(){this.props.onScroll&&this.props.onScroll()}render(){var t;const g=this.props.scrollable===void 0||this.props.scrollable,y={},e=(t=this.props.layout)!=null?t:S.Standard;"height"in this.props&&(y.height=this.props.height);const s=(0,h.getNativeProps)(this.props,h.divProperties,["onScroll","className","children"]);return m.default.createElement("div",I(z({},s),{className:`section${this.props.className?" "+this.props.className:""} section--${e}${g?" section--scrollable":""}${this.props.cleanPadding?" section--clean":""}${this.props.hidden?" section--hidden":""}`,style:y,ref:this.props.rootRef}),this.props.title&&m.default.createElement("div",{className:"section__header"},m.default.createElement("div",null,m.default.createElement("span",{className:"section__header__title ui-medium-header"},this.props.title))),m.default.createElement("div",{className:"section__body",onScroll:this.onScroll.bind(this)},this.props.children))}}a.UISection=c},"./src/components/UISection/UISections.tsx":function(v,a,i){"use strict";var b=this&&this.__importDefault||function(y){return y&&y.__esModule?y:{default:y}};Object.defineProperty(a,"__esModule",{value:!0}),a.UISections=a.ANIMATION_TIME=void 0;const m=b(i("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),h=i("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),S=i("./src/components/UISection/UISection.tsx"),c=i("./src/components/UISection/UISplitter.tsx");i("./src/components/UISection/UISections.scss"),a.ANIMATION_TIME=300;const u="sections--animated";class g extends m.default.Component{constructor(e){super(e),this.resizeSections=[],this.isFullScreen=!1,this.rootSize=0,this.ignoreAnimation=!1,this.state={sizes:void 0},this.onWindowResize=this.onWindowResize.bind(this),this.rootRef=m.default.createRef(),this.sizeProperty=e.vertical?"height":"width",this.domSizeProperty=e.vertical?"clientHeight":"clientWidth",this.startPositionProperty=e.vertical?"top":"left",this.endPositionProperty=e.vertical?"bottom":"right",this.sizeProperty=e.vertical?"height":"width",window.addEventListener("resize",this.onWindowResize)}updateStateSizes(e,s){let t=s;const o=this.getDynamicSectionIndex();let n=0;if(s.forEach((r,d)=>{var p;if(typeof r=="object"&&r.size===void 0){const l=this.getSectionPosition(r);r.size=Math.abs(this.rootSize-l.end-l.start)}d!==o&&(n+=(p=typeof r=="object"?r.size:r)!=null?p:0)}),n=e-n,typeof s[0]!="object"){t=[];let r=0;s.forEach((d,p)=>{d=o!==p?d:n,t.push({percentage:!1,size:d,start:r}),r+=d||0})}const _=t[o];return _&&(_.size=n),this.recalculatePositions(t),this.validateStateMinSizes(t),t}componentDidMount(){const{sizesAsPercents:e,sizes:s}=this.props;this.rootSize=this.getRootSize(),!e&&s&&this.setState({sizes:this.updateStateSizes(this.rootSize,s)})}componentDidUpdate(){this.ignoreAnimation=!1}static getDerivedStateFromProps(e,s){var _,r;let t=s.animate,o,n=0;if(Array.isArray(e.animation)){o=g.getVisibleSections(e.children);let d;for(let p=0;p<e.animation.length;p++)(o==null?void 0:o.includes(p))!==((_=s.visibleSections)==null?void 0:_.includes(p))&&(d=d||e.animation[p]);d!==void 0&&(t=d)}else t=e.animation;return(r=e.sizes)==null||r.forEach((d,p)=>{d===void 0&&(n=p)}),{animate:t,visibleSections:o,dynamicSection:n}}validateStateMinSizes(e){var r,d,p;let s=0,t=!1;const o=[];for(let l=0;l<this.props.children.length;l++){const f=(r=e[l].size)!=null?r:0,E=this.getMinSectionSize(l);E>f&&(t=!0),s+=E,o.push({size:f,minSize:E,spareSize:f-E})}const n=this.getRootSize();if(t&&n>=s){const l=this.calculateSectionSizes(o);for(let f=0;f<e.length;f++)e[f]=l[f]}const _=n<s;_!==this.isFullScreen&&(this.isFullScreen=_,(p=(d=this.props).onToggleFullscreen)==null||p.call(d,_))}onWindowResize(){let{sizes:e}=this.state;const s=this.getRootSize();if(e){e=this.updateStateSizes(s,e);for(let t=0;t<e.length;t++)this.resizeSections[t]&&(this.resizeSections[t].section=e[t]);this.ignoreAnimation=!0,this.setState({sizes:e})}this.rootSize=s}static getVisibleSections(e){const s=[];return e.forEach((t,o)=>{g.isSectionVisible(t)||s.push(o)}),s}static isSectionVisible(e){return e&&e.type===S.UISection?!e.props.hidden:!1}onSplitterResizeStart(){const e=this.rootRef.current,s=[];if(e!=null&&e.childNodes){e.classList.remove(u);for(let t=0;t<e.childNodes.length;t++){const o=this.getMinSectionSize(t),n=this.getMinSectionSize(t===0?1:0),_=e.children[t],r=Math.max(o,e[this.domSizeProperty]-n);s.push({size:_[this.domSizeProperty],dom:_,maxSize:r,section:this.resizeSections[t]?this.resizeSections[t].section:{percentage:!1}})}}this.resizeSections=s}onSplitterResize(e,s){const t=s!==0?this.resizeSections:[],o=this.rootSize;let n=this.getSiblingsSize(t,0,e);this.refreshResizeSections(0,e,this.state.sizes);let _=!1;for(let r=e;r<t.length;r++){const d={percentage:!1},p=t[r],l=this.getMinSectionSize(r),f=this.getMaxSectionSize(r,l,e);if(l===f){n+=l;continue}let E=p.size;r===e?E=p.size+s:(r===e+1||_)&&(E=p.size-s),_=!1,E<l?(s=this.correctBoundaryPosition(s,l,E,r===e),E=l,_=!0):E>f&&(s=this.correctBoundaryPosition(s,f,E,r===e),E=f);let P=0;t[r+1]&&(P=o-n-E),r>0?(d.size=E,d.start=n,p.dom.style[this.startPositionProperty]=n+"px"):(d.start=0,p.dom.style[this.startPositionProperty]="0px"),d.end=P,p.dom.style[this.endPositionProperty]=P+"px",p.dom.style[this.sizeProperty]="",p.section=d,n+=E}return!1}correctBoundaryPosition(e,s,t,o){const n=s-t;return e+(o?n:-n)}onSplitterResizeEnd(){var t,o;const e=this.rootRef.current;e&&this.isAnimationEnabled()&&e.classList.add(u);const s=this.resizeSections.map(n=>n.section);s.some(n=>n.end!==void 0||n.start!==void 0||n.size!==void 0)&&this.setState({sizes:s}),(o=(t=this.props).onResize)==null||o.call(t,s)}onSplitterToggle(){this.props.onClose&&this.props.onClose()}getVisibleChildrenCount(){return this.props.children.filter(e=>e&&g.isSectionVisible(e)).length}getSizePercents(e,s,t=!1){const{sizes:o=[],sizesAsPercents:n}=this.props;let _=o[e];if(_===void 0&&e===this.state.dynamicSection){let r=100;o.every(d=>{d&&(r-=d)}),_=r}return _&&n?t?100-_:_:s>0?100/s:0}getSectionSize(e,s){if(this.props.sizesAsPercents||!this.props.sizes||s<2||e>=this.props.sizes.length&&e>=s)return;const t={[this.sizeProperty]:this.props.sizes[e]?this.props.sizes[e]+"px":this.props.sizes[e]};return e===0&&(t[this.startPositionProperty]=0),e===this.props.sizes.length-1?t[this.endPositionProperty]=0:this.props.sizes[e+1]&&(t[this.endPositionProperty]=this.props.sizes[e+1]+"px"),t}getPositionStyleValue(e,s){return e===1?"0%":s}getVisibleSectionStyle(e){var n;const s={visible:!0,style:{}},t=this.getVisibleChildrenCount(),o=(n=this.state.sizes)==null?void 0:n[e];if(t===this.props.children.length&&o)s.style=z(z({},o.start!==void 0&&{[this.startPositionProperty]:o.start+"px"}),o.end!==void 0&&{[this.endPositionProperty]:o.end+"px"}),o.size!==void 0&&(o.start===void 0||o.end===void 0)&&(s.style[this.sizeProperty]=o.size+"px");else{const _=this.getSectionSize(e,t);if(_)s.style=z(z({},s.style),_);else{const r=this.getSizePercents(e,t,!0);s.style={[this.startPositionProperty]:this.getPositionStyleValue(t,`${e*r}%`),[this.endPositionProperty]:this.getPositionStyleValue(t,`${(t-(e+1))*r}%`)}}}return s}getHiddenSectionStyle(e){var r,d;const s={visible:!1};let t=(r=this.state.sizes)==null?void 0:r[e];!t&&this.props.splitterType===c.UISplitterType.Toggle&&((d=this.props.sizes)!=null&&d[e])&&(t={size:this.props.sizes[e],percentage:!1});let o,n=0;if(t)o="px",t.size?n=t.size:(t==null?void 0:t.start)!==void 0&&(t==null?void 0:t.end)!==void 0&&(n=this.getRootSize()-t.end-t.start);else{const p=this.props.children.length,l=this.getSectionSize(e,p);l&&l.width?(n=parseFloat(l.width.toString()),o="px"):(n=this.getSizePercents(e,p),o="%")}const _=-n+o;return s.style={[this.endPositionProperty]:e===0?"100%":_,[this.startPositionProperty]:e===0?_:"100%"},s}getMinSectionSize(e){const s=this.props.minSectionSize;let t=0;return s&&(t=Array.isArray(s)?s[e]:s),t}getClassNames(e){let s=` ${this.props.vertical?"sections--vertical":"sections--horizontal"}`;const t=` ${u}`;return s+=`${this.isAnimationEnabled()?t:""}`,s+=`${e?" sections--full":""}`,s}getSection(e,s){const t=this.props.children[e],o=g.isSectionVisible(t)?this.getVisibleSectionStyle(e):this.getHiddenSectionStyle(e);if(!o)return;const{splitter:n,vertical:_,splitterTitle:r,splitterType:d=c.UISplitterType.Resize,splitterTabIndex:p,splitterLayoutType:l=c.UISplitterLayoutType.Standard}=this.props;let f=n&&e>0;const E=this.getVisibleChildrenCount()===1;return E&&!this.isAnimationEnabled()&&(f=!1),m.default.createElement("div",{key:e,className:`sections__item${f?" sections__item--"+d:""}${o.visible?"":" sections__item--hidden"}`,style:o.style},f&&t&&m.default.createElement(c.UISplitter,{vertical:_,onResize:this.onSplitterResize.bind(this,e-1),onResizeStart:this.onSplitterResizeStart.bind(this),onResizeEnd:this.onSplitterResizeEnd.bind(this),onToggle:this.onSplitterToggle.bind(this),hidden:s||E,type:d,splitterTabIndex:p,title:r,splitterLayoutType:l}),t)}isAnimationEnabled(){return!this.ignoreAnimation&&(this.props.animation===!0||this.state.animate)}getDynamicSectionIndex(){return this.state.dynamicSection!==void 0?this.state.dynamicSection:0}getSectionPosition(e){var s,t;return{start:(s=e.start)!=null?s:0,end:(t=e.end)!=null?t:0}}getSpareSize(e,s){let t=0,o=e.minSize-e.size;for(const n of s)if(n!==e){if(n.spareSize>0){const _=Math.min(n.spareSize,o);t+=_,n.spareSize-=_,n.size-=_,o-=_}if(o<=0)break}return t}calculateSectionSizes(e){for(const t of e)if(t.size<t.minSize){const o=this.getSpareSize(t,e);o&&(t.size+=o)}const s=[];for(let t=0;t<e.length;t++){const o={percentage:!1},n=e[t],_=this.getSiblingsSize(e,t+1,e.length);t>0?(o.size=n.size,o.start=void 0):o.start=0,o.end=_,s.push(o)}return s}recalculatePositions(e){var o;let s=0;e.forEach(n=>{var _;n.start=s,s+=(_=n.size)!=null?_:0});let t=0;for(let n=e.length-1;n>=0;n--)e[n].end=t,t+=(o=e[n].size)!=null?o:0}getRootSize(){var s;const e=this.rootRef.current;return(s=e==null?void 0:e.getBoundingClientRect()[this.sizeProperty])!=null?s:0}render(){const e=(0,h.getNativeProps)(this.props,h.divProperties,["className","children"]),s=[];let t=0;for(let o=0;o<this.props.children.length;o++){const n=this.props.children[o],_=!g.isSectionVisible(n);_||t++;const r=this.getSection(o,_);r&&s.push(r)}return m.default.createElement("div",I(z({},e),{ref:this.rootRef,className:`sections ${this.getClassNames(t===1)}`,style:z({},this.props.height&&{height:this.props.height})}),s)}getSiblingsSize(e,s,t){let o=0;for(let n=s;n<t;n++){const _=e[n];_!=null&&_.size&&(o+=_.size)}return o}refreshResizeSections(e,s,t=[]){for(let o=e;o<s;o++)t[o]&&(this.resizeSections[o].section=t[o])}getMaxSectionSize(e,s,t){var p;const o=this.resizeSections[e];if(o&&e!==t)return Math.max(s,o.maxSize);const n=this.rootRef.current,_=(p=n==null?void 0:n[this.domSizeProperty])!=null?p:0,r=this.resizeSections;let d=0;for(let l=0;l<e;l++)d+=r[l].size;for(let l=e+1;l<r.length;l++)d+=this.getMinSectionSize(l);return Math.max(s,_-d)}}a.UISections=g,g.Section=S.UISection},"./src/components/UISection/UISplitter.tsx":function(v,a,i){"use strict";var b=this&&this.__importDefault||function(y){return y&&y.__esModule?y:{default:y}};Object.defineProperty(a,"__esModule",{value:!0}),a.UISplitter=a.UISplitterLayoutType=a.UISplitterType=void 0;const m=b(i("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js"));i("./src/components/UISection/UISplitter.scss");const h=i("./src/components/Icons.tsx"),S=i("./src/components/UIIcon/index.tsx");var c;(function(y){y.Resize="resize",y.Toggle="toggle"})(c||(a.UISplitterType=c={}));var u;(function(y){y.Standard="standard",y.Compact="compact"})(u||(a.UISplitterLayoutType=u={}));class g extends m.default.Component{constructor(e){super(e),this.mousedownPosition={x:0,y:0},this.size=14,this.compactSize=8,this.rootRef=m.default.createRef(),this.stopMousemoveResize=this.stopMousemoveResize.bind(this),this.doMousemoveResize=this.doMousemoveResize.bind(this),this.splitterOverlay=document.createElement("div"),this.splitterOverlay.setAttribute("class",`splitter__overlay ${e.vertical?"splitter__overlay--vertical":"splitter__overlay--horizontal"}`)}startSplitterMove(e){this.mousedownPosition.x=e.clientX,this.mousedownPosition.y=e.clientY,this.updateSplitterEvents(!0),e.stopPropagation()}doMousemoveResize(e){const s=this.props.vertical?"clientY":"clientX",t=this.props.vertical?"y":"x",o=e[s]-this.mousedownPosition[t];this.doResize(o)}doResize(e){const s=this.props.vertical?"top":"left";this.animationFrame&&window.cancelAnimationFrame(this.animationFrame),this.animationFrame=window.requestAnimationFrame(()=>{if(this.props.onResize(e)){const t=this.rootRef.current;t&&(t.style[s]=`${e-this.size/2}px`)}})}stopMousemoveResize(){this.updateSplitterEvents(!1)}updateSplitterEvents(e){e?(document.body.addEventListener("mouseup",this.stopMousemoveResize),document.body.addEventListener("mouseleave",this.stopMousemoveResize),document.body.addEventListener("mousemove",this.doMousemoveResize),document.body.appendChild(this.splitterOverlay)):(document.body.removeEventListener("mouseup",this.stopMousemoveResize),document.body.removeEventListener("mouseleave",this.stopMousemoveResize),document.body.removeEventListener("mousemove",this.doMousemoveResize),document.body.removeChild(this.splitterOverlay)),e&&this.props.onResizeStart?this.props.onResizeStart():!e&&this.props.onResizeEnd&&this.props.onResizeEnd()}toggleSplitter(){this.props.onToggle&&this.props.onToggle()}getIcon(e,s=u.Standard){return e===c.Toggle?h.UiIcons.ArrowLeft:s===u.Compact?h.UiIcons.Grabber:h.UiIcons.VerticalGrip}onKeyDown(e){if(this.props.type===c.Resize){let t=0;if(["ArrowLeft","ArrowUp"].includes(e.key)?t=-10:["ArrowRight","ArrowDown"].includes(e.key)&&(t=10),t===0)return;this.props.onResizeStart&&this.props.onResizeStart(),this.doResize(t),this.props.onResizeEnd&&this.props.onResizeEnd()}else this.props.type===c.Toggle&&e.key==="Enter"&&this.toggleSplitter()}getClassNames(){const{type:e,vertical:s,hidden:t,splitterLayoutType:o}=this.props;let n=`splitter splitter--${e}`;return n+=` ${s?"splitter--vertical":"splitter--horizontal"}`,t&&e===c.Resize&&(n+=" splitter--hidden"),n+=` ${o===u.Standard?"splitter--standard":"splitter--compact"}`,n}render(){var E;const{type:e,vertical:s,hidden:t,title:o,splitterLayoutType:n}=this.props,_=(E=this.props.splitterTabIndex)!=null?E:0,r=n===u.Standard?this.size:this.compactSize,d=e===c.Toggle?-r:-r/2,p=e===c.Toggle?"button":"separator",l=s?"horizontal":"vertical";let f;return e===c.Toggle&&(f=!t),m.default.createElement("div",{ref:this.rootRef,role:p,"aria-orientation":l,"aria-pressed":f,title:o,tabIndex:_,onKeyDown:this.onKeyDown.bind(this),style:z(z({},s&&{height:r,top:d}),!s&&{width:r,left:d}),onMouseDown:e===c.Resize?P=>this.startSplitterMove(P):void 0,onClick:e===c.Toggle?()=>this.toggleSplitter():void 0,className:this.getClassNames()},m.default.createElement("div",{className:"splitter__grip"},m.default.createElement(S.UIIcon,{iconName:this.getIcon(e,n)})))}}a.UISplitter=g},"./src/components/UISection/index.tsx":function(v,a,i){"use strict";var b=this&&this.__createBinding||(Object.create?function(h,S,c,u){u===void 0&&(u=c);var g=Object.getOwnPropertyDescriptor(S,c);(!g||("get"in g?!S.__esModule:g.writable||g.configurable))&&(g={enumerable:!0,get:function(){return S[c]}}),Object.defineProperty(h,u,g)}:function(h,S,c,u){u===void 0&&(u=c),h[u]=S[c]}),m=this&&this.__exportStar||function(h,S){for(var c in h)c!=="default"&&!Object.prototype.hasOwnProperty.call(S,c)&&b(S,h,c)};Object.defineProperty(a,"__esModule",{value:!0}),m(i("./src/components/UISection/UISections.tsx"),a),m(i("./src/components/UISection/UISection.tsx"),a),m(i("./src/components/UISection/UISplitter.tsx"),a)},"./src/components/UIToggle/UIToggle.tsx":function(v,a,i){"use strict";var b=this&&this.__importDefault||function(_){return _&&_.__esModule?_:{default:_}};Object.defineProperty(a,"__esModule",{value:!0}),a.UIToggle=a.UIToggleSize=void 0;const m=b(i("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),h=b(i("../../node_modules/.pnpm/react-dom@16.14.0_react@16.14.0/node_modules/react-dom/index.js")),S=i("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),c=i("./src/helper/ValidationMessage/index.tsx"),u=i("./src/components/UIIcon/index.tsx"),g=i("./src/components/Icons.tsx");var y;(function(_){_.Standard="Standard",_.Small="Small"})(y||(a.UIToggleSize=y={}));const e={width:30,height:18,padding:"0 1px",margin:"0",label:{fontSize:13,padding:"0px 0px 1px 0px"},circle:{width:14,height:14,borderWidth:1}},s=new Map([[!0,{position:"relative",top:-9,left:0}],[!1,{position:"relative",top:-11,left:0}]]),t=.4,o={pill:{unchecked:{background:"var(--vscode-editorWidget-background)",borderColor:"var(--vscode-editorWidget-border)",hover:{background:"var(--vscode-editorWidget-background)",borderColor:"var(--vscode-editorWidget-border)"}},checked:{background:"var(--vscode-editorWidget-background)",borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-editorWidget-border))",hover:{background:"var(--vscode-editorWidget-background)",borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-editorWidget-border))"}},focus:{outline:"1px solid var(--vscode-focusBorder) !important"}},thumb:{unchecked:{background:"var(--vscode-button-secondaryBackground)",borderColor:"var(--vscode-button-border, transparent)",hover:{borderColor:"var(--vscode-button-border, transparent)",background:"var(--vscode-contrastBorder, var(--vscode-button-secondaryHoverBackground))"}},checked:{background:"var(--vscode-button-background)",borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-button-border, transparent))",hover:{borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-button-border, transparent))",background:"var(--vscode-contrastActiveBorder, var(--vscode-button-hoverBackground))"}}}};class n extends m.default.Component{constructor(r){super(r),this.toggleRootRef=m.default.createRef(),this.handleChange=this.handleChange.bind(this),this.replaceThumbWithIcon=this.replaceThumbWithIcon.bind(this)}componentDidMount(){var r;this.replaceThumbWithIcon((r=this.props.checked)!=null?r:this.props.defaultChecked)}shouldComponentUpdate(r){return r.checked!==this.props.checked&&this.replaceThumbWithIcon(r.checked),!0}handleChange(r,d){var p,l;this.replaceThumbWithIcon(d),(l=(p=this.props).onChange)==null||l.call(p,r,d)}replaceThumbWithIcon(r=!1){var d;if(this.toggleRootRef.current){const p=(d=this.toggleRootRef.current)==null?void 0:d.querySelector(".ms-Toggle-thumb");if(p){const l=s.get(r);h.default.render(m.default.createElement(u.UIIcon,{iconName:r?g.UiIcons.SwitchOn:g.UiIcons.SwitchOff,style:l}),p)}}}getMarginBottom(r){const{inlineLabel:d}=this.props;if(r)return d?0:4}render(){const{inlineLabelLeft:r,labelFlexGrow:d,inlineLabel:p}=this.props,l=e,f=(0,c.getMessageInfo)(this.props),E=T=>({root:I(z({},d&&{flexGrow:1}),{margin:l==null?void 0:l.margin,marginBottom:this.getMarginBottom(f.message)}),label:I(z(z(z({color:"var(--vscode-foreground)",fontWeight:"normal",fontSize:l==null?void 0:l.label.fontSize,padding:l==null?void 0:l.label.padding},p&&{marginLeft:10}),r&&{order:0,marginLeft:0,marginRight:10}),d&&{flexGrow:1}),{opacity:this.props.disabled?t:"inherit"}),pill:I(z({height:l==null?void 0:l.height,width:l==null?void 0:l.width,padding:l==null?void 0:l.padding,background:o.pill.checked.background,borderColor:o.pill.checked.borderColor,borderStyle:"solid",":hover":{background:o.pill.checked.hover.background,borderColor:o.pill.checked.hover.borderColor},":disabled":{background:o.pill.checked.background,borderColor:o.pill.checked.borderColor,opacity:t}},!T.checked&&{background:o.pill.unchecked.background,borderColor:o.pill.unchecked.borderColor,borderStyle:"solid",":hover .ms-Toggle-thumb":{background:o.thumb.unchecked.hover.background,borderColor:o.thumb.unchecked.hover.borderColor},":hover":{background:o.pill.unchecked.hover.background,borderColor:o.pill.unchecked.hover.borderColor},":disabled":{background:o.pill.unchecked.background,borderColor:o.pill.unchecked.borderColor,opacity:t}}),{selectors:{":focus::after":{border:"none !important",outline:o.pill.focus.outline}}}),thumb:z({height:l==null?void 0:l.circle.height,width:l==null?void 0:l.circle.width,borderWidth:l==null?void 0:l.circle.borderWidth,backgroundPosition:"center",borderColor:o.thumb.checked.borderColor,backgroundColor:o.thumb.checked.background,":hover":{background:o.thumb.checked.hover.background,borderColor:o.thumb.checked.hover.borderColor}},!T.checked&&{borderColor:o.thumb.unchecked.borderColor,backgroundColor:o.thumb.unchecked.background})}),P=m.default.createElement(S.Toggle,I(z({},this.props),{styles:E,ref:this.toggleRootRef,onChange:this.handleChange}));return f.message?m.default.createElement(c.MessageWrapper,{message:f},P):P}}a.UIToggle=n},"./src/components/UIToggle/index.tsx":function(v,a,i){"use strict";var b=this&&this.__createBinding||(Object.create?function(h,S,c,u){u===void 0&&(u=c);var g=Object.getOwnPropertyDescriptor(S,c);(!g||("get"in g?!S.__esModule:g.writable||g.configurable))&&(g={enumerable:!0,get:function(){return S[c]}}),Object.defineProperty(h,u,g)}:function(h,S,c,u){u===void 0&&(u=c),h[u]=S[c]}),m=this&&this.__exportStar||function(h,S){for(var c in h)c!=="default"&&!Object.prototype.hasOwnProperty.call(S,c)&&b(S,h,c)};Object.defineProperty(a,"__esModule",{value:!0}),m(i("./src/components/UIToggle/UIToggle.tsx"),a)}}]);})();

package/storybook/UIContextualMenu-story.ecc158a6.iframe.bundle.js

@@ -0,0 +1,2 @@
+(()=>{var B=Object.defineProperty,D=Object.defineProperties;var A=Object.getOwnPropertyDescriptors;var M=Object.getOwnPropertySymbols;var L=Object.prototype.hasOwnProperty,R=Object.prototype.propertyIsEnumerable;var w=(s,a,r)=>a in s?B(s,a,{enumerable:!0,configurable:!0,writable:!0,value:r}):s[a]=r,C=(s,a)=>{for(var r in a||(a={}))L.call(a,r)&&w(s,r,a[r]);if(M)for(var r of M(a))R.call(a,r)&&w(s,r,a[r]);return s},I=(s,a)=>D(s,A(a));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[289],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/api.js":s=>{"use strict";s.exports=function(a){var r=[];return r.toString=function(){return this.map(function(e){var t="",n=typeof e[5]!="undefined";return e[4]&&(t+="@supports (".concat(e[4],") {")),e[2]&&(t+="@media ".concat(e[2]," {")),n&&(t+="@layer".concat(e[5].length>0?" ".concat(e[5]):""," {")),t+=a(e),n&&(t+="}"),e[2]&&(t+="}"),e[4]&&(t+="}"),t}).join("")},r.i=function(e,t,n,o,p){typeof e=="string"&&(e=[[null,e,void 0]]);var f={};if(n)for(var d=0;d<this.length;d++){var v=this[d][0];v!=null&&(f[v]=!0)}for(var k=0;k<e.length;k++){var u=[].concat(e[k]);n&&f[u[0]]||(typeof p!="undefined"&&(typeof u[5]=="undefined"||(u[1]="@layer".concat(u[5].length>0?" ".concat(u[5]):""," {").concat(u[1],"}")),u[5]=p),t&&(u[2]&&(u[1]="@media ".concat(u[2]," {").concat(u[1],"}")),u[2]=t),o&&(u[4]?(u[1]="@supports (".concat(u[4],") {").concat(u[1],"}"),u[4]=o):u[4]="".concat(o)),r.push(u))}},r}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/noSourceMaps.js":s=>{"use strict";s.exports=function(a){return a[1]}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":s=>{"use strict";var a=[];function r(t){for(var n=-1,o=0;o<a.length;o++)if(a[o].identifier===t){n=o;break}return n}function l(t,n){for(var o={},p=[],f=0;f<t.length;f++){var d=t[f],v=n.base?d[0]+n.base:d[0],k=o[v]||0,u="".concat(v," ").concat(k);o[v]=k+1;var c=r(u),x={css:d[1],media:d[2],sourceMap:d[3],supports:d[4],layer:d[5]};if(c!==-1)a[c].references++,a[c].updater(x);else{var i=e(x,n);n.byIndex=f,a.splice(f,0,{identifier:u,updater:i,references:1})}p.push(u)}return p}function e(t,n){var o=n.domAPI(n);o.update(t);var p=function(d){if(d){if(d.css===t.css&&d.media===t.media&&d.sourceMap===t.sourceMap&&d.supports===t.supports&&d.layer===t.layer)return;o.update(t=d)}else o.remove()};return p}s.exports=function(t,n){n=n||{},t=t||[];var o=l(t,n);return function(f){f=f||[];for(var d=0;d<o.length;d++){var v=o[d],k=r(v);a[k].references--}for(var u=l(f,n),c=0;c<o.length;c++){var x=o[c],i=r(x);a[i].references===0&&(a[i].updater(),a.splice(i,1))}o=u}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertBySelector.js":s=>{"use strict";var a={};function r(e){if(typeof a[e]=="undefined"){var t=document.querySelector(e);if(window.HTMLIFrameElement&&t instanceof window.HTMLIFrameElement)try{t=t.contentDocument.head}catch(n){t=null}a[e]=t}return a[e]}function l(e,t){var n=r(e);if(!n)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");n.appendChild(t)}s.exports=l},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertStyleElement.js":s=>{"use strict";function a(r){var l=document.createElement("style");return r.setAttributes(l,r.attributes),r.insert(l,r.options),l}s.exports=a},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(s,a,r)=>{"use strict";function l(e){var t=r.nc;t&&e.setAttribute("nonce",t)}s.exports=l},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleDomAPI.js":s=>{"use strict";function a(e,t,n){var o="";n.supports&&(o+="@supports (".concat(n.supports,") {")),n.media&&(o+="@media ".concat(n.media," {"));var p=typeof n.layer!="undefined";p&&(o+="@layer".concat(n.layer.length>0?" ".concat(n.layer):""," {")),o+=n.css,p&&(o+="}"),n.media&&(o+="}"),n.supports&&(o+="}");var f=n.sourceMap;f&&typeof btoa!="undefined"&&(o+=`
+/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(f))))," */")),t.styleTagTransform(o,e,t.options)}function r(e){if(e.parentNode===null)return!1;e.parentNode.removeChild(e)}function l(e){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var t=e.insertStyleElement(e);return{update:function(o){a(t,e,o)},remove:function(){r(t)}}}s.exports=l},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleTagTransform.js":s=>{"use strict";function a(r,l){if(l.styleSheet)l.styleSheet.cssText=r;else{for(;l.firstChild;)l.removeChild(l.firstChild);l.appendChild(document.createTextNode(r))}}s.exports=a},"./src/components/UIToggle/UIToggle.tsx":function(s,a,r){"use strict";var l=this&&this.__importDefault||function(i){return i&&i.__esModule?i:{default:i}};Object.defineProperty(a,"__esModule",{value:!0}),a.UIToggle=a.UIToggleSize=void 0;const e=l(r("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=l(r("../../node_modules/.pnpm/react-dom@16.14.0_react@16.14.0/node_modules/react-dom/index.js")),n=r("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),o=r("./src/helper/ValidationMessage/index.tsx"),p=r("./src/components/UIIcon/index.tsx"),f=r("./src/components/Icons.tsx");var d;(function(i){i.Standard="Standard",i.Small="Small"})(d||(a.UIToggleSize=d={}));const v={width:30,height:18,padding:"0 1px",margin:"0",label:{fontSize:13,padding:"0px 0px 1px 0px"},circle:{width:14,height:14,borderWidth:1}},k=new Map([[!0,{position:"relative",top:-9,left:0}],[!1,{position:"relative",top:-11,left:0}]]),u=.4,c={pill:{unchecked:{background:"var(--vscode-editorWidget-background)",borderColor:"var(--vscode-editorWidget-border)",hover:{background:"var(--vscode-editorWidget-background)",borderColor:"var(--vscode-editorWidget-border)"}},checked:{background:"var(--vscode-editorWidget-background)",borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-editorWidget-border))",hover:{background:"var(--vscode-editorWidget-background)",borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-editorWidget-border))"}},focus:{outline:"1px solid var(--vscode-focusBorder) !important"}},thumb:{unchecked:{background:"var(--vscode-button-secondaryBackground)",borderColor:"var(--vscode-button-border, transparent)",hover:{borderColor:"var(--vscode-button-border, transparent)",background:"var(--vscode-contrastBorder, var(--vscode-button-secondaryHoverBackground))"}},checked:{background:"var(--vscode-button-background)",borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-button-border, transparent))",hover:{borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-button-border, transparent))",background:"var(--vscode-contrastActiveBorder, var(--vscode-button-hoverBackground))"}}}};class x extends e.default.Component{constructor(h){super(h),this.toggleRootRef=e.default.createRef(),this.handleChange=this.handleChange.bind(this),this.replaceThumbWithIcon=this.replaceThumbWithIcon.bind(this)}componentDidMount(){var h;this.replaceThumbWithIcon((h=this.props.checked)!=null?h:this.props.defaultChecked)}shouldComponentUpdate(h){return h.checked!==this.props.checked&&this.replaceThumbWithIcon(h.checked),!0}handleChange(h,g){var b,m;this.replaceThumbWithIcon(g),(m=(b=this.props).onChange)==null||m.call(b,h,g)}replaceThumbWithIcon(h=!1){var g;if(this.toggleRootRef.current){const b=(g=this.toggleRootRef.current)==null?void 0:g.querySelector(".ms-Toggle-thumb");if(b){const m=k.get(h);t.default.render(e.default.createElement(p.UIIcon,{iconName:h?f.UiIcons.SwitchOn:f.UiIcons.SwitchOff,style:m}),b)}}}getMarginBottom(h){const{inlineLabel:g}=this.props;if(h)return g?0:4}render(){const{inlineLabelLeft:h,labelFlexGrow:g,inlineLabel:b}=this.props,m=v,y=(0,o.getMessageInfo)(this.props),S=T=>({root:I(C({},g&&{flexGrow:1}),{margin:m==null?void 0:m.margin,marginBottom:this.getMarginBottom(y.message)}),label:I(C(C(C({color:"var(--vscode-foreground)",fontWeight:"normal",fontSize:m==null?void 0:m.label.fontSize,padding:m==null?void 0:m.label.padding},b&&{marginLeft:10}),h&&{order:0,marginLeft:0,marginRight:10}),g&&{flexGrow:1}),{opacity:this.props.disabled?u:"inherit"}),pill:I(C({height:m==null?void 0:m.height,width:m==null?void 0:m.width,padding:m==null?void 0:m.padding,background:c.pill.checked.background,borderColor:c.pill.checked.borderColor,borderStyle:"solid",":hover":{background:c.pill.checked.hover.background,borderColor:c.pill.checked.hover.borderColor},":disabled":{background:c.pill.checked.background,borderColor:c.pill.checked.borderColor,opacity:u}},!T.checked&&{background:c.pill.unchecked.background,borderColor:c.pill.unchecked.borderColor,borderStyle:"solid",":hover .ms-Toggle-thumb":{background:c.thumb.unchecked.hover.background,borderColor:c.thumb.unchecked.hover.borderColor},":hover":{background:c.pill.unchecked.hover.background,borderColor:c.pill.unchecked.hover.borderColor},":disabled":{background:c.pill.unchecked.background,borderColor:c.pill.unchecked.borderColor,opacity:u}}),{selectors:{":focus::after":{border:"none !important",outline:c.pill.focus.outline}}}),thumb:C({height:m==null?void 0:m.circle.height,width:m==null?void 0:m.circle.width,borderWidth:m==null?void 0:m.circle.borderWidth,backgroundPosition:"center",borderColor:c.thumb.checked.borderColor,backgroundColor:c.thumb.checked.background,":hover":{background:c.thumb.checked.hover.background,borderColor:c.thumb.checked.hover.borderColor}},!T.checked&&{borderColor:c.thumb.unchecked.borderColor,backgroundColor:c.thumb.unchecked.background})}),_=e.default.createElement(n.Toggle,I(C({},this.props),{styles:S,ref:this.toggleRootRef,onChange:this.handleChange}));return y.message?e.default.createElement(o.MessageWrapper,{message:y},_):_}}a.UIToggle=x},"./src/components/UIToggle/index.tsx":function(s,a,r){"use strict";var l=this&&this.__createBinding||(Object.create?function(t,n,o,p){p===void 0&&(p=o);var f=Object.getOwnPropertyDescriptor(n,o);(!f||("get"in f?!n.__esModule:f.writable||f.configurable))&&(f={enumerable:!0,get:function(){return n[o]}}),Object.defineProperty(t,p,f)}:function(t,n,o,p){p===void 0&&(p=o),t[p]=n[o]}),e=this&&this.__exportStar||function(t,n){for(var o in t)o!=="default"&&!Object.prototype.hasOwnProperty.call(n,o)&&l(n,t,o)};Object.defineProperty(a,"__esModule",{value:!0}),e(r("./src/components/UIToggle/UIToggle.tsx"),a)},"./stories/UIContextualMenu.story.tsx":function(s,a,r){"use strict";var l=this&&this.__importDefault||function(i){return i&&i.__esModule?i:{default:i}};Object.defineProperty(a,"__esModule",{value:!0}),a.ContextualMenu=void 0;const e=l(r("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=r("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),n=r("./src/components/UIContextualMenu/index.tsx"),o=r("./src/components/UIButton/index.tsx"),p=r("./src/components/UITreeDropdown/index.tsx"),f=r("./src/components/Icons.tsx"),d=r("./src/components/UIDropdown/index.tsx"),v=r("./src/components/UIToggle/index.tsx");a.default={title:"Dropdowns/ContextualMenu"};const k={childrenGap:40};function u(i=!1){return[{key:"item1",text:"Menu item 1",title:"Menu item 1",onClick:()=>console.log("New clicked")},{key:"item2",text:"Menu item 2",title:"Menu item 2",subMenuProps:I(C({},i&&{directionalHint:p.UIDirectionalHint.leftTopEdge}),{items:[{key:"submenuitem1",text:"Submenu item 1"},{key:"submenuitem2",text:"Submenu item 2",title:"Submenu item 2",subMenuProps:I(C({},i&&{directionalHint:p.UIDirectionalHint.leftTopEdge}),{items:[{key:"submenuitem21",text:"Submenu item 21",title:"Submenu item 21",canCheck:!0,checked:!0},{key:"submenuitem22",text:"Submenu item 22",title:"Submenu item 22",canCheck:!0}]})},{key:"submenuitem3",text:"Submenu item 3",title:"Submenu item 3"},{key:"submenuitem4",text:"Submenu item 1",title:"Submenu item 1"},{key:"submenuitem5",text:"Submenu item 2",title:"Submenu item 2"},{key:"submenuitem6",text:"Submenu item 3",title:"Submenu item 3"}]})}]}const c=[n.UIContextualMenuLayoutType.ContextualMenu,n.UIContextualMenuLayoutType.DropdownMenu].map(i=>({key:i.toString(),text:i.toString()})),x=()=>{const i=e.default.useRef(null),[h,g]=e.default.useState(n.UIContextualMenuLayoutType.ContextualMenu),[b,m]=e.default.useState(!0),[y,S]=e.default.useState(!1),_=e.default.useCallback(()=>{S(!0)},[]),T=e.default.useCallback(()=>S(!1),[]);return e.default.createElement(t.Stack,{tokens:k},e.default.createElement(d.UIDropdown,{label:"Layout",options:c,selectedKey:h.toString(),onChange:(E,U)=>{U&&g(n.UIContextualMenuLayoutType[U.key])}}),e.default.createElement(v.UIToggle,{checked:b,label:"showSubmenuBeneath",onChange:(E,U)=>{m(!!U)}}),e.default.createElement(t.Stack,{tokens:{childrenGap:16}},e.default.createElement(t.Text,{variant:"large",block:!0},"Default UIContextualMenu rendering"),e.default.createElement("span",{ref:i,onClick:_},"Click for ContextualMenu"),e.default.createElement(n.UIContextualMenu,{hidden:!y,target:i,items:u(),onDismiss:T,layoutType:h,showSubmenuBeneath:b})),e.default.createElement(t.Stack,{tokens:{childrenGap:16}},e.default.createElement(t.Text,{variant:"large",block:!0},"As menuProps of a UIButton elements"),e.default.createElement(t.Stack,{horizontal:!0,tokens:k},e.default.createElement(t.Stack,{tokens:{childrenGap:8}},e.default.createElement(t.Text,{variant:"small",block:!0},"UIDefaultButton"),e.default.createElement(o.UIDefaultButton,{primary:!0,text:"Toggle Contextual menu",menuProps:{items:u(),layoutType:h,showSubmenuBeneath:b}})))),e.default.createElement(t.Stack,{tokens:{childrenGap:16}},e.default.createElement(t.Text,{variant:"large",block:!0},"As menuProps of a UIIconButton"),e.default.createElement(t.Stack,{horizontal:!0,tokens:k},e.default.createElement(t.Stack,{tokens:{childrenGap:8}},e.default.createElement(t.Text,{variant:"small",block:!0},"UIIconButton"),e.default.createElement(o.UIIconButton,{iconProps:{iconName:f.UiIcons.Undo},menuProps:{items:u(),layoutType:h,showSubmenuBeneath:b}})))),e.default.createElement(t.Stack,{tokens:{childrenGap:16}},e.default.createElement(t.Text,{variant:"large",block:!0},"As menuProps with beak and showSubmenuBeneath - iconToLeft and open the menu towards left"),e.default.createElement(t.Stack,{horizontal:!0,tokens:k,horizontalAlign:"center"},e.default.createElement(t.Stack,{tokens:{childrenGap:8}},e.default.createElement(t.Text,{variant:"small",block:!0},"UIIconButton"),e.default.createElement(o.UIIconButton,{iconProps:{iconName:f.UiIcons.ArrowLeft},menuProps:{items:u(!0),isBeakVisible:!0,iconToLeft:!0,layoutType:h,showSubmenuBeneath:b}})))))};a.ContextualMenu=x},"../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/index.js":(s,a,r)=>{var l=r("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/v1.js"),e=r("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/v4.js"),t=e;t.v1=l,t.v4=e,s.exports=t},"../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/lib/bytesToUuid.js":s=>{for(var a=[],r=0;r<256;++r)a[r]=(r+256).toString(16).substr(1);function l(e,t){var n=t||0,o=a;return[o[e[n++]],o[e[n++]],o[e[n++]],o[e[n++]],"-",o[e[n++]],o[e[n++]],"-",o[e[n++]],o[e[n++]],"-",o[e[n++]],o[e[n++]],"-",o[e[n++]],o[e[n++]],o[e[n++]],o[e[n++]],o[e[n++]],o[e[n++]]].join("")}s.exports=l},"../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/lib/rng-browser.js":s=>{var a=typeof crypto!="undefined"&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto)||typeof msCrypto!="undefined"&&typeof window.msCrypto.getRandomValues=="function"&&msCrypto.getRandomValues.bind(msCrypto);if(a){var r=new Uint8Array(16);s.exports=function(){return a(r),r}}else{var l=new Array(16);s.exports=function(){for(var t=0,n;t<16;t++)t&3||(n=Math.random()*4294967296),l[t]=n>>>((t&3)<<3)&255;return l}}},"../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/v1.js":(s,a,r)=>{var l=r("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/lib/rng-browser.js"),e=r("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/lib/bytesToUuid.js"),t,n,o=0,p=0;function f(d,v,k){var u=v&&k||0,c=v||[];d=d||{};var x=d.node||t,i=d.clockseq!==void 0?d.clockseq:n;if(x==null||i==null){var h=l();x==null&&(x=t=[h[0]|1,h[1],h[2],h[3],h[4],h[5]]),i==null&&(i=n=(h[6]<<8|h[7])&16383)}var g=d.msecs!==void 0?d.msecs:new Date().getTime(),b=d.nsecs!==void 0?d.nsecs:p+1,m=g-o+(b-p)/1e4;if(m<0&&d.clockseq===void 0&&(i=i+1&16383),(m<0||g>o)&&d.nsecs===void 0&&(b=0),b>=1e4)throw new Error("uuid.v1(): Can't create more than 10M uuids/sec");o=g,p=b,n=i,g+=122192928e5;var y=((g&268435455)*1e4+b)%4294967296;c[u++]=y>>>24&255,c[u++]=y>>>16&255,c[u++]=y>>>8&255,c[u++]=y&255;var S=g/4294967296*1e4&268435455;c[u++]=S>>>8&255,c[u++]=S&255,c[u++]=S>>>24&15|16,c[u++]=S>>>16&255,c[u++]=i>>>8|128,c[u++]=i&255;for(var _=0;_<6;++_)c[u+_]=x[_];return v||e(c)}s.exports=f},"../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/v4.js":(s,a,r)=>{var l=r("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/lib/rng-browser.js"),e=r("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/lib/bytesToUuid.js");function t(n,o,p){var f=o&&p||0;typeof n=="string"&&(o=n==="binary"?new Array(16):null,n=null),n=n||{};var d=n.random||(n.rng||l)();if(d[6]=d[6]&15|64,d[8]=d[8]&63|128,o)for(var v=0;v<16;++v)o[f+v]=d[v];return o||e(d)}s.exports=t}}]);})();

package/storybook/UIIcon-story.7968349b.iframe.bundle.js

@@ -0,0 +1 @@
+"use strict";(()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[222],{"./src/index.tsx":function(a,t,c){var l=this&&this.__createBinding||(Object.create?function(r,n,e,i){i===void 0&&(i=e);var u=Object.getOwnPropertyDescriptor(n,e);(!u||("get"in u?!n.__esModule:u.writable||u.configurable))&&(u={enumerable:!0,get:function(){return n[e]}}),Object.defineProperty(r,i,u)}:function(r,n,e,i){i===void 0&&(i=e),r[i]=n[e]}),s=this&&this.__exportStar||function(r,n){for(var e in r)e!=="default"&&!Object.prototype.hasOwnProperty.call(n,e)&&l(n,r,e)};Object.defineProperty(t,"__esModule",{value:!0}),t.setIconOptions=void 0,s(c("./src/components/index.tsx"),t),s(c("./src/utilities/index.ts"),t),s(c("./src/theme/index.ts"),t);var d=c("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(t,"setIconOptions",{enumerable:!0,get:function(){return d.setIconOptions}})},"./stories/UIIcon.story.tsx":function(a,t,c){var l=this&&this.__importDefault||function(o){return o&&o.__esModule?o:{default:o}};Object.defineProperty(t,"__esModule",{value:!0}),t.SvgIcon=void 0;const s=l(c("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),d=c("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),r=c("./src/components/UIIcon/index.tsx"),n=c("./src/index.tsx");t.default={title:"Utilities/Icons"};const e=[];for(const o in n.UiIcons)e.push(o);e.sort();const i=[{key:"column1",name:"Icon",minWidth:50,maxWidth:60,onRender:o=>s.default.createElement(r.UIIcon,{style:{width:"16px",height:"16px"},iconName:o})},{key:"column2",name:"Name",minWidth:50,onRender:o=>s.default.createElement("span",null,o)}],u=()=>s.default.createElement("div",null,s.default.createElement(d.DetailsList,{selectionMode:d.SelectionMode.none,items:e,columns:i,isHeaderVisible:!0,selectionPreservedOnEmptyClick:!0}));t.SvgIcon=u}}]);})();

package/storybook/UIToggle-story.0e6774a9.iframe.bundle.js

@@ -0,0 +1,2 @@
+(()=>{var O=Object.defineProperty,A=Object.defineProperties;var U=Object.getOwnPropertyDescriptors;var C=Object.getOwnPropertySymbols;var j=Object.prototype.hasOwnProperty,w=Object.prototype.propertyIsEnumerable;var P=(u,r,t)=>r in u?O(u,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):u[r]=t,y=(u,r)=>{for(var t in r||(r={}))j.call(r,t)&&P(u,t,r[t]);if(C)for(var t of C(r))w.call(r,t)&&P(u,t,r[t]);return u},M=(u,r)=>A(u,U(r));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[673],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.96.1/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss":(u,r,t)=>{var _=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/noSourceMaps.js"),e=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/api.js"),s=e(_);s.push([u.id,".ts-icon{fill:var(--vscode-foreground)}",""]),u.exports=s},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.96.1/node_modules/sass-loader/dist/cjs.js!./src/helper/ValidationMessage/MessageWrapper.scss":(u,r,t)=>{var _=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/noSourceMaps.js"),e=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/api.js"),s=e(_);s.push([u.id,".ts-message-wrapper .ts-message-body{display:flex;font-size:11px}.ts-message-wrapper .ts-message-body>span{padding-top:1px}.ts-message-wrapper .ts-message-body>i{margin:1px 2px 0 0}.ts-message-wrapper--error .ts-message-body{color:var(--vscode-errorForeground)}.ts-message-wrapper--warning .ts-message-body{color:var(--vscode-editorMarkerNavigationWarning-background)}.ts-message-wrapper--info .ts-message-body{color:var(--vscode-inputValidation-infoBorder)}.ts-message-wrapper--info .ts-icon svg path{fill:var(--vscode-inputValidation-infoBorder)}.ts-message-wrapper--horizontal{display:flex}.ts-message-wrapper--horizontal .ts-message-body{align-self:flex-end;margin:0 0 7px 5px}",""]),u.exports=s},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/api.js":u=>{"use strict";u.exports=function(r){var t=[];return t.toString=function(){return this.map(function(e){var s="",o=typeof e[5]!="undefined";return e[4]&&(s+="@supports (".concat(e[4],") {")),e[2]&&(s+="@media ".concat(e[2]," {")),o&&(s+="@layer".concat(e[5].length>0?" ".concat(e[5]):""," {")),s+=r(e),o&&(s+="}"),e[2]&&(s+="}"),e[4]&&(s+="}"),s}).join("")},t.i=function(e,s,o,n,l){typeof e=="string"&&(e=[[null,e,void 0]]);var a={};if(o)for(var c=0;c<this.length;c++){var p=this[c][0];p!=null&&(a[p]=!0)}for(var b=0;b<e.length;b++){var d=[].concat(e[b]);o&&a[d[0]]||(typeof l!="undefined"&&(typeof d[5]=="undefined"||(d[1]="@layer".concat(d[5].length>0?" ".concat(d[5]):""," {").concat(d[1],"}")),d[5]=l),s&&(d[2]&&(d[1]="@media ".concat(d[2]," {").concat(d[1],"}")),d[2]=s),n&&(d[4]?(d[1]="@supports (".concat(d[4],") {").concat(d[1],"}"),d[4]=n):d[4]="".concat(n)),t.push(d))}},t}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/noSourceMaps.js":u=>{"use strict";u.exports=function(r){return r[1]}},"./src/components/UIIcon/UIIcon.scss":(u,r,t)=>{"use strict";t.r(r),t.d(r,{default:()=>i});var _=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),e=t.n(_),s=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleDomAPI.js"),o=t.n(s),n=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertBySelector.js"),l=t.n(n),a=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),c=t.n(a),p=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertStyleElement.js"),b=t.n(p),d=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleTagTransform.js"),m=t.n(d),v=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.96.1/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss"),g=t.n(v),h={};for(const E in v)E!=="default"&&(h[E]=()=>v[E]);t.d(r,h);var f={};f.styleTagTransform=m(),f.setAttributes=c(),f.insert=l().bind(null,"head"),f.domAPI=o(),f.insertStyleElement=b();var I=e()(g(),f);const i=g()&&g().locals?g().locals:void 0},"./src/helper/ValidationMessage/MessageWrapper.scss":(u,r,t)=>{"use strict";t.r(r),t.d(r,{default:()=>i});var _=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),e=t.n(_),s=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleDomAPI.js"),o=t.n(s),n=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertBySelector.js"),l=t.n(n),a=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),c=t.n(a),p=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertStyleElement.js"),b=t.n(p),d=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleTagTransform.js"),m=t.n(d),v=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.96.1/node_modules/sass-loader/dist/cjs.js!./src/helper/ValidationMessage/MessageWrapper.scss"),g=t.n(v),h={};for(const E in v)E!=="default"&&(h[E]=()=>v[E]);t.d(r,h);var f={};f.styleTagTransform=m(),f.setAttributes=c(),f.insert=l().bind(null,"head"),f.domAPI=o(),f.insertStyleElement=b();var I=e()(g(),f);const i=g()&&g().locals?g().locals:void 0},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":u=>{"use strict";var r=[];function t(s){for(var o=-1,n=0;n<r.length;n++)if(r[n].identifier===s){o=n;break}return o}function _(s,o){for(var n={},l=[],a=0;a<s.length;a++){var c=s[a],p=o.base?c[0]+o.base:c[0],b=n[p]||0,d="".concat(p," ").concat(b);n[p]=b+1;var m=t(d),v={css:c[1],media:c[2],sourceMap:c[3],supports:c[4],layer:c[5]};if(m!==-1)r[m].references++,r[m].updater(v);else{var g=e(v,o);o.byIndex=a,r.splice(a,0,{identifier:d,updater:g,references:1})}l.push(d)}return l}function e(s,o){var n=o.domAPI(o);n.update(s);var l=function(c){if(c){if(c.css===s.css&&c.media===s.media&&c.sourceMap===s.sourceMap&&c.supports===s.supports&&c.layer===s.layer)return;n.update(s=c)}else n.remove()};return l}u.exports=function(s,o){o=o||{},s=s||[];var n=_(s,o);return function(a){a=a||[];for(var c=0;c<n.length;c++){var p=n[c],b=t(p);r[b].references--}for(var d=_(a,o),m=0;m<n.length;m++){var v=n[m],g=t(v);r[g].references===0&&(r[g].updater(),r.splice(g,1))}n=d}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertBySelector.js":u=>{"use strict";var r={};function t(e){if(typeof r[e]=="undefined"){var s=document.querySelector(e);if(window.HTMLIFrameElement&&s instanceof window.HTMLIFrameElement)try{s=s.contentDocument.head}catch(o){s=null}r[e]=s}return r[e]}function _(e,s){var o=t(e);if(!o)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");o.appendChild(s)}u.exports=_},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertStyleElement.js":u=>{"use strict";function r(t){var _=document.createElement("style");return t.setAttributes(_,t.attributes),t.insert(_,t.options),_}u.exports=r},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(u,r,t)=>{"use strict";function _(e){var s=t.nc;s&&e.setAttribute("nonce",s)}u.exports=_},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleDomAPI.js":u=>{"use strict";function r(e,s,o){var n="";o.supports&&(n+="@supports (".concat(o.supports,") {")),o.media&&(n+="@media ".concat(o.media," {"));var l=typeof o.layer!="undefined";l&&(n+="@layer".concat(o.layer.length>0?" ".concat(o.layer):""," {")),n+=o.css,l&&(n+="}"),o.media&&(n+="}"),o.supports&&(n+="}");var a=o.sourceMap;a&&typeof btoa!="undefined"&&(n+=`
+/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(a))))," */")),s.styleTagTransform(n,e,s.options)}function t(e){if(e.parentNode===null)return!1;e.parentNode.removeChild(e)}function _(e){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var s=e.insertStyleElement(e);return{update:function(n){r(s,e,n)},remove:function(){t(s)}}}u.exports=_},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleTagTransform.js":u=>{"use strict";function r(t,_){if(_.styleSheet)_.styleSheet.cssText=t;else{for(;_.firstChild;)_.removeChild(_.firstChild);_.appendChild(document.createTextNode(t))}}u.exports=r},"./src/components/UIIcon/UIIcon.tsx":function(u,r,t){"use strict";var _=this&&this.__importDefault||function(n){return n&&n.__esModule?n:{default:n}};Object.defineProperty(r,"__esModule",{value:!0}),r.UIIcon=void 0;const e=_(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),s=t("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");t("./src/components/UIIcon/UIIcon.scss");class o extends e.default.Component{constructor(l){super(l),this.setStyle=()=>({})}render(){const l=this.props.className?` ${this.props.className}`:"";return e.default.createElement(s.Icon,M(y({},this.props),{className:`ts-icon${l}`,styles:this.setStyle()}))}}r.UIIcon=o},"./src/components/UIIcon/index.tsx":function(u,r,t){"use strict";var _=this&&this.__createBinding||(Object.create?function(s,o,n,l){l===void 0&&(l=n);var a=Object.getOwnPropertyDescriptor(o,n);(!a||("get"in a?!o.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return o[n]}}),Object.defineProperty(s,l,a)}:function(s,o,n,l){l===void 0&&(l=n),s[l]=o[n]}),e=this&&this.__exportStar||function(s,o){for(var n in s)n!=="default"&&!Object.prototype.hasOwnProperty.call(o,n)&&_(o,s,n)};Object.defineProperty(r,"__esModule",{value:!0}),e(t("./src/components/UIIcon/UIIcon.tsx"),r)},"./src/components/UIToggle/UIToggle.tsx":function(u,r,t){"use strict";var _=this&&this.__importDefault||function(g){return g&&g.__esModule?g:{default:g}};Object.defineProperty(r,"__esModule",{value:!0}),r.UIToggle=r.UIToggleSize=void 0;const e=_(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),s=_(t("../../node_modules/.pnpm/react-dom@16.14.0_react@16.14.0/node_modules/react-dom/index.js")),o=t("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),n=t("./src/helper/ValidationMessage/index.tsx"),l=t("./src/components/UIIcon/index.tsx"),a=t("./src/components/Icons.tsx");var c;(function(g){g.Standard="Standard",g.Small="Small"})(c||(r.UIToggleSize=c={}));const p={width:30,height:18,padding:"0 1px",margin:"0",label:{fontSize:13,padding:"0px 0px 1px 0px"},circle:{width:14,height:14,borderWidth:1}},b=new Map([[!0,{position:"relative",top:-9,left:0}],[!1,{position:"relative",top:-11,left:0}]]),d=.4,m={pill:{unchecked:{background:"var(--vscode-editorWidget-background)",borderColor:"var(--vscode-editorWidget-border)",hover:{background:"var(--vscode-editorWidget-background)",borderColor:"var(--vscode-editorWidget-border)"}},checked:{background:"var(--vscode-editorWidget-background)",borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-editorWidget-border))",hover:{background:"var(--vscode-editorWidget-background)",borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-editorWidget-border))"}},focus:{outline:"1px solid var(--vscode-focusBorder) !important"}},thumb:{unchecked:{background:"var(--vscode-button-secondaryBackground)",borderColor:"var(--vscode-button-border, transparent)",hover:{borderColor:"var(--vscode-button-border, transparent)",background:"var(--vscode-contrastBorder, var(--vscode-button-secondaryHoverBackground))"}},checked:{background:"var(--vscode-button-background)",borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-button-border, transparent))",hover:{borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-button-border, transparent))",background:"var(--vscode-contrastActiveBorder, var(--vscode-button-hoverBackground))"}}}};class v extends e.default.Component{constructor(h){super(h),this.toggleRootRef=e.default.createRef(),this.handleChange=this.handleChange.bind(this),this.replaceThumbWithIcon=this.replaceThumbWithIcon.bind(this)}componentDidMount(){var h;this.replaceThumbWithIcon((h=this.props.checked)!=null?h:this.props.defaultChecked)}shouldComponentUpdate(h){return h.checked!==this.props.checked&&this.replaceThumbWithIcon(h.checked),!0}handleChange(h,f){var I,i;this.replaceThumbWithIcon(f),(i=(I=this.props).onChange)==null||i.call(I,h,f)}replaceThumbWithIcon(h=!1){var f;if(this.toggleRootRef.current){const I=(f=this.toggleRootRef.current)==null?void 0:f.querySelector(".ms-Toggle-thumb");if(I){const i=b.get(h);s.default.render(e.default.createElement(l.UIIcon,{iconName:h?a.UiIcons.SwitchOn:a.UiIcons.SwitchOff,style:i}),I)}}}getMarginBottom(h){const{inlineLabel:f}=this.props;if(h)return f?0:4}render(){const{inlineLabelLeft:h,labelFlexGrow:f,inlineLabel:I}=this.props,i=p,E=(0,n.getMessageInfo)(this.props),k=S=>({root:M(y({},f&&{flexGrow:1}),{margin:i==null?void 0:i.margin,marginBottom:this.getMarginBottom(E.message)}),label:M(y(y(y({color:"var(--vscode-foreground)",fontWeight:"normal",fontSize:i==null?void 0:i.label.fontSize,padding:i==null?void 0:i.label.padding},I&&{marginLeft:10}),h&&{order:0,marginLeft:0,marginRight:10}),f&&{flexGrow:1}),{opacity:this.props.disabled?d:"inherit"}),pill:M(y({height:i==null?void 0:i.height,width:i==null?void 0:i.width,padding:i==null?void 0:i.padding,background:m.pill.checked.background,borderColor:m.pill.checked.borderColor,borderStyle:"solid",":hover":{background:m.pill.checked.hover.background,borderColor:m.pill.checked.hover.borderColor},":disabled":{background:m.pill.checked.background,borderColor:m.pill.checked.borderColor,opacity:d}},!S.checked&&{background:m.pill.unchecked.background,borderColor:m.pill.unchecked.borderColor,borderStyle:"solid",":hover .ms-Toggle-thumb":{background:m.thumb.unchecked.hover.background,borderColor:m.thumb.unchecked.hover.borderColor},":hover":{background:m.pill.unchecked.hover.background,borderColor:m.pill.unchecked.hover.borderColor},":disabled":{background:m.pill.unchecked.background,borderColor:m.pill.unchecked.borderColor,opacity:d}}),{selectors:{":focus::after":{border:"none !important",outline:m.pill.focus.outline}}}),thumb:y({height:i==null?void 0:i.circle.height,width:i==null?void 0:i.circle.width,borderWidth:i==null?void 0:i.circle.borderWidth,backgroundPosition:"center",borderColor:m.thumb.checked.borderColor,backgroundColor:m.thumb.checked.background,":hover":{background:m.thumb.checked.hover.background,borderColor:m.thumb.checked.hover.borderColor}},!S.checked&&{borderColor:m.thumb.unchecked.borderColor,backgroundColor:m.thumb.unchecked.background})}),T=e.default.createElement(o.Toggle,M(y({},this.props),{styles:k,ref:this.toggleRootRef,onChange:this.handleChange}));return E.message?e.default.createElement(n.MessageWrapper,{message:E},T):T}}r.UIToggle=v},"./src/components/UIToggle/index.tsx":function(u,r,t){"use strict";var _=this&&this.__createBinding||(Object.create?function(s,o,n,l){l===void 0&&(l=n);var a=Object.getOwnPropertyDescriptor(o,n);(!a||("get"in a?!o.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return o[n]}}),Object.defineProperty(s,l,a)}:function(s,o,n,l){l===void 0&&(l=n),s[l]=o[n]}),e=this&&this.__exportStar||function(s,o){for(var n in s)n!=="default"&&!Object.prototype.hasOwnProperty.call(o,n)&&_(o,s,n)};Object.defineProperty(r,"__esModule",{value:!0}),e(t("./src/components/UIToggle/UIToggle.tsx"),r)},"./src/helper/ValidationMessage/MessageWrapper.tsx":function(u,r,t){"use strict";var _=this&&this.__importDefault||function(a){return a&&a.__esModule?a:{default:a}};Object.defineProperty(r,"__esModule",{value:!0}),r.MESSAGE_ICONS_MAP=void 0,r.MessageWrapper=l;const e=_(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),s=t("./src/helper/ValidationMessage/utils.ts"),o=t("./src/components/Icons.tsx"),n=t("./src/components/UIIcon/index.tsx");t("./src/helper/ValidationMessage/MessageWrapper.scss"),r.MESSAGE_ICONS_MAP=new Map([[void 0,o.UiIcons.Error],[s.ErrorMessageType.Error,o.UiIcons.Error],[s.ErrorMessageType.Warning,o.UiIcons.Warning],[s.ErrorMessageType.Info,o.UiIcons.Info]]);function l(a){const{children:c,message:p}=a,b=p.message?s.MESSAGE_TYPES_CLASSNAME_MAP.get(p.type):void 0,d=r.MESSAGE_ICONS_MAP.get(p.type);return e.default.createElement("div",{className:`ts-message-wrapper ts-message-wrapper--${b}`},e.default.createElement("div",{className:"ts-message-target"},c),e.default.createElement("div",{className:"ts-message-body"},e.default.createElement(n.UIIcon,{iconName:d}),e.default.createElement("span",null,p.message)))}},"./src/helper/ValidationMessage/index.tsx":function(u,r,t){"use strict";var _=this&&this.__createBinding||(Object.create?function(s,o,n,l){l===void 0&&(l=n);var a=Object.getOwnPropertyDescriptor(o,n);(!a||("get"in a?!o.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return o[n]}}),Object.defineProperty(s,l,a)}:function(s,o,n,l){l===void 0&&(l=n),s[l]=o[n]}),e=this&&this.__exportStar||function(s,o){for(var n in s)n!=="default"&&!Object.prototype.hasOwnProperty.call(o,n)&&_(o,s,n)};Object.defineProperty(r,"__esModule",{value:!0}),e(t("./src/helper/ValidationMessage/MessageWrapper.tsx"),r),e(t("./src/helper/ValidationMessage/utils.ts"),r)},"./src/helper/ValidationMessage/utils.ts":(u,r)=>{"use strict";Object.defineProperty(r,"__esModule",{value:!0}),r.getMessageInfo=r.MESSAGE_TYPES_CLASSNAME_MAP=r.ErrorMessageType=void 0;var t;(function(a){a.Error="Error",a.Warning="Warning",a.Info="Info"})(t||(r.ErrorMessageType=t={}));const _=(a,c)=>{const p=`1px solid ${c}`;return{backgroundColor:a,borderLeft:p,borderRight:p,borderBottom:p,borderColor:c}},e={error:M(y({color:"var(--vscode-input-foreground)"},_("var(--vscode-inputValidation-errorBackground)","var(--vscode-inputValidation-errorBorder)")),{paddingTop:4,paddingBottom:5,paddingLeft:8,margin:0}),warning:{},info:{}};e.warning=y(y({},e.error),_("var(--vscode-inputValidation-warningBackground)","var(--vscode-inputValidation-warningBorder)")),e.info=y(y({},e.error),_("var(--vscode-inputValidation-infoBackground)","var(--vscode-inputValidation-infoBorder)")),r.MESSAGE_TYPES_CLASSNAME_MAP=new Map([[void 0,"error"],[t.Error,"error"],[t.Warning,"warning"],[t.Info,"info"]]);const s=a=>{let c;switch(a){case t.Warning:{c=e.warning;break}case t.Info:{c=e.info;break}default:{c=e.error;break}}return c},o=a=>{if(a){if(a.errorMessage)return t.Error;if(a.warningMessage)return t.Warning;if(a.infoMessage)return t.Info}return t.Error},n=a=>{const c=["errorMessage","warningMessage","infoMessage"];for(const p of c)if(a!=null&&a[p])return a[p]},l=a=>{const c=o(a);return{type:c,style:s(c),message:n(a)}};r.getMessageInfo=l},"./stories/UIToggle.story.tsx":function(u,r,t){"use strict";var _=this&&this.__importDefault||function(d){return d&&d.__esModule?d:{default:d}};Object.defineProperty(r,"__esModule",{value:!0}),r.withMessages=r.smallSize=r.withLabel=r.asDisabled=r.defaultUsage=void 0;const e=_(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),s=t("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),o=t("./src/components/UIToggle/index.tsx");r.default={title:"Basic Inputs/Toggle/Buttons"};const n={childrenGap:40},l=()=>e.default.createElement(s.Stack,{tokens:n,style:{width:300}},e.default.createElement(s.Text,{variant:"large",className:"textColor"},"UIToggle"),e.default.createElement(s.Stack,{tokens:{childrenGap:16}},e.default.createElement(s.Text,{variant:"medium",className:"textColor"},"default"),e.default.createElement(o.UIToggle,null)),e.default.createElement(s.Stack,{tokens:{childrenGap:16}},e.default.createElement(s.Text,{variant:"medium",className:"textColor"},"set to checked"),e.default.createElement(o.UIToggle,{defaultChecked:!0})));r.defaultUsage=l;const a=()=>e.default.createElement(s.Stack,{tokens:n,style:{width:300}},e.default.createElement(s.Text,{variant:"large",className:"textColor"},"UIToggle disabled"),e.default.createElement(s.Stack,{tokens:{childrenGap:16}},e.default.createElement(s.Text,{variant:"medium",className:"textColor"},"default"),e.default.createElement(o.UIToggle,{disabled:!0})),e.default.createElement(s.Stack,{tokens:{childrenGap:16}},e.default.createElement(s.Text,{variant:"medium",className:"textColor"},"disabled as checked"),e.default.createElement(o.UIToggle,{disabled:!0,defaultChecked:!0})));r.asDisabled=a;const c=()=>e.default.createElement(s.Stack,{tokens:n,style:{width:300}},e.default.createElement(s.Text,{variant:"large",className:"textColor"},"UIToggle with label"),e.default.createElement(s.Stack,{tokens:{childrenGap:16}},e.default.createElement(s.Text,{variant:"medium",className:"textColor"},"with inline label"),e.default.createElement(o.UIToggle,{defaultChecked:!0,inlineLabel:!0,label:"Wizard mode"})),e.default.createElement(s.Stack,{tokens:{childrenGap:16}},e.default.createElement(s.Text,{variant:"medium",className:"textColor"},"with inline label on the left"),e.default.createElement(o.UIToggle,{defaultChecked:!0,inlineLabel:!0,label:"Wizard mode",inlineLabelLeft:!0})),e.default.createElement(s.Stack,{tokens:{childrenGap:16}},e.default.createElement(s.Text,{variant:"medium",className:"textColor"},"with Grow label width"),e.default.createElement(o.UIToggle,{defaultChecked:!0,inlineLabel:!0,label:"Wizard mode",inlineLabelLeft:!0,labelFlexGrow:!0})));r.withLabel=c;const p=()=>e.default.createElement(s.Stack,{tokens:n,style:{width:300}},e.default.createElement(s.Text,{variant:"large",className:"textColor"},"UIToggle with label"),e.default.createElement(s.Stack,{tokens:{childrenGap:16}},e.default.createElement(s.Text,{variant:"medium"},"small size"),e.default.createElement(o.UIToggle,{label:"Small toggle",inlineLabel:!0,inlineLabelLeft:!0,size:o.UIToggleSize.Small})));r.smallSize=p;const b=()=>{const d="Dummy message";return e.default.createElement(e.default.Fragment,null,e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(o.UIToggle,{label:"Error",errorMessage:d}),e.default.createElement(o.UIToggle,{label:"Warning",warningMessage:d}),e.default.createElement(o.UIToggle,{label:"Info",infoMessage:d})),e.default.createElement("div",{style:{marginTop:"30px",width:"300px"}},e.default.createElement(o.UIToggle,{label:"Error",inlineLabel:!0,errorMessage:d}),e.default.createElement(o.UIToggle,{label:"Warning",inlineLabel:!0,warningMessage:d,labelFlexGrow:!0}),e.default.createElement(o.UIToggle,{label:"Info",inlineLabel:!0,infoMessage:d})),e.default.createElement("div",{style:{marginTop:"30px",width:"300px"}},e.default.createElement(o.UIToggle,{label:"Error",inlineLabel:!0,inlineLabelLeft:!0,errorMessage:d}),e.default.createElement(o.UIToggle,{label:"Warning",inlineLabel:!0,inlineLabelLeft:!0,warningMessage:d}),e.default.createElement(o.UIToggle,{label:"Info",inlineLabel:!0,inlineLabelLeft:!0,labelFlexGrow:!0,infoMessage:d})))};r.withMessages=b}}]);})();

package/storybook/iframe.html

@@ -518,7 +518,7 @@
             window['TAGS_OPTIONS'] = {"dev-only":{"excludeFromDocsStories":true},"docs-only":{"excludeFromSidebar":true},"test-only":{"excludeFromSidebar":true,"excludeFromDocsStories":true}};</script><script type="module">import './sb-preview/runtime.js';
 
       
-      import './runtime~main.e02729e3.iframe.bundle.js';
+      import './runtime~main.9d531484.iframe.bundle.js';
       
       import './536.289052c3.iframe.bundle.js';
       

package/storybook/project.json

@@ -1 +1 @@
-{"generatedAt":1734455818281,"hasCustomBabel":false,"hasCustomWebpack":true,"hasStaticDirs":true,"hasStorybookEslint":true,"refCount":0,"testPackages":{"@testing-library/jest-dom":"5.17.0","@testing-library/react":"12.1.5","babel-jest":"29.7.0","jest-environment-jsdom":"29.7.0","jest-scss-transform":"1.0.3"},"monorepo":"Nx","packageManager":{"type":"pnpm","version":"8.14.0"},"preview":{"usesGlobals":false},"framework":{"name":"@storybook/react-webpack5","options":{}},"builder":"@storybook/builder-webpack5","renderer":"@storybook/react","portableStoriesFileCount":0,"storybookVersion":"8.4.2","storybookVersionSpecifier":"8.4.2","language":"typescript","storybookPackages":{"@storybook/react":{"version":"8.4.2"},"@storybook/react-webpack5":{"version":"8.4.2"},"eslint-plugin-storybook":{"version":"0.6.15"},"storybook":{"version":"8.4.2"}},"addons":{"storybook-addon-turbo-build":{"version":"2.0.1"}}}
+{"generatedAt":1734686118319,"hasCustomBabel":false,"hasCustomWebpack":true,"hasStaticDirs":true,"hasStorybookEslint":true,"refCount":0,"testPackages":{"@testing-library/jest-dom":"5.17.0","@testing-library/react":"12.1.5","babel-jest":"29.7.0","jest-environment-jsdom":"29.7.0","jest-scss-transform":"1.0.3"},"monorepo":"Nx","packageManager":{"type":"pnpm","version":"8.14.0"},"preview":{"usesGlobals":false},"framework":{"name":"@storybook/react-webpack5","options":{}},"builder":"@storybook/builder-webpack5","renderer":"@storybook/react","portableStoriesFileCount":0,"storybookVersion":"8.4.2","storybookVersionSpecifier":"8.4.2","language":"typescript","storybookPackages":{"@storybook/react":{"version":"8.4.2"},"@storybook/react-webpack5":{"version":"8.4.2"},"eslint-plugin-storybook":{"version":"0.6.15"},"storybook":{"version":"8.4.2"}},"addons":{"storybook-addon-turbo-build":{"version":"2.0.1"}}}

package/storybook/{runtime~main.e02729e3.iframe.bundle.js → runtime~main.9d531484.iframe.bundle.js}

@@ -1,2 +1,2 @@
-(()=>{(()=>{"use strict";var y={},g={};function r(e){var f=g[e];if(f!==void 0)return f.exports;var t=g[e]={id:e,loaded:!1,exports:{}};return y[e].call(t.exports,t,t.exports,r),t.loaded=!0,t.exports}r.m=y,(()=>{var e=[];r.O=(f,t,a,i)=>{if(t){i=i||0;for(var n=e.length;n>0&&e[n-1][2]>i;n--)e[n]=e[n-1];e[n]=[t,a,i];return}for(var o=1/0,n=0;n<e.length;n++){for(var[t,a,i]=e[n],d=!0,s=0;s<t.length;s++)(i&!1||o>=i)&&Object.keys(r.O).every(p=>r.O[p](t[s]))?t.splice(s--,1):(d=!1,i<o&&(o=i));if(d){e.splice(n--,1);var l=a();l!==void 0&&(f=l)}}return f}})(),r.n=e=>{var f=e&&e.__esModule?()=>e.default:()=>e;return r.d(f,{a:f}),f},(()=>{var e=Object.getPrototypeOf?t=>Object.getPrototypeOf(t):t=>t.__proto__,f;r.t=function(t,a){if(a&1&&(t=this(t)),a&8||typeof t=="object"&&t&&(a&4&&t.__esModule||a&16&&typeof t.then=="function"))return t;var i=Object.create(null);r.r(i);var n={};f=f||[null,e({}),e([]),e(e)];for(var o=a&2&&t;typeof o=="object"&&!~f.indexOf(o);o=e(o))Object.getOwnPropertyNames(o).forEach(d=>n[d]=()=>t[d]);return n.default=()=>t,r.d(i,n),i}})(),r.d=(e,f)=>{for(var t in f)r.o(f,t)&&!r.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:f[t]})},r.f={},r.e=e=>Promise.all(Object.keys(r.f).reduce((f,t)=>(r.f[t](e,f),f),[])),r.u=e=>""+({6:"UIDropdown-story",43:"UICalloutCollisionTransform-story",57:"UILink-story",69:"UILabel-story",104:"UISearchBox-story",177:"UISections-story",191:"UIDatePicker-story",218:"UIToggleGroup-story",222:"UIIcon-story",239:"UICallout-story",271:"UIPersona-story",289:"UIContextualMenu-story",393:"Utilities-story",406:"UITooltip-story",449:"UIActionCallout-story",525:"UIChoiceGroup-story",530:"UITranslationInput-story",558:"UICheckbox-story",632:"UICombobox-story",644:"UITextInput-story",660:"UILoader-story",673:"UIToggle-story",680:"UIQuickNavigation-story",685:"UIButton-story",733:"UIMessageBar-story",812:"UIFlexibleTable-story",930:"UISeparator-story",937:"UIDialog-story",949:"UICreateSelect-story",967:"UITable-story",994:"UITreedropdown-story"}[e]||e)+"."+{6:"20290ff6",20:"26e2be61",43:"160ba753",57:"4c037a1e",69:"0455922f",104:"383f63fc",170:"486d6398",177:"7d6bc961",191:"5d2ae767",218:"c5e34577",222:"8cffb688",239:"89069029",271:"6cdb6313",289:"2b58f43e",366:"27cacbe0",390:"77520f0c",393:"2aeb882a",406:"1f98cce1",424:"e770ebd9",449:"1bc699d2",479:"f0e81446",501:"8ce2c34d",525:"5a757001",530:"61827811",558:"54609f03",568:"64f789ef",627:"58aaecc9",632:"e0156dc1",644:"1ffba626",652:"9bd6d697",660:"b145ceb4",673:"652dbdf4",680:"3111e6e0",685:"49b13dae",733:"13a6dea2",812:"81441f28",825:"d50c7306",841:"f13c8170",930:"a27b46f7",932:"33958d55",937:"4173109f",939:"4787bd39",949:"d16c6e7f",967:"2c0ccae1",994:"d90c504e"}[e]+".iframe.bundle.js",r.g=function(){if(typeof globalThis=="object")return globalThis;try{return this||new Function("return this")()}catch(e){if(typeof window=="object")return window}}(),r.o=(e,f)=>Object.prototype.hasOwnProperty.call(e,f),(()=>{var e={},f="@sap-ux/ui-components:";r.l=(t,a,i,n)=>{if(e[t]){e[t].push(a);return}var o,d;if(i!==void 0)for(var s=document.getElementsByTagName("script"),l=0;l<s.length;l++){var c=s[l];if(c.getAttribute("src")==t||c.getAttribute("data-webpack")==f+i){o=c;break}}o||(d=!0,o=document.createElement("script"),o.charset="utf-8",o.timeout=120,r.nc&&o.setAttribute("nonce",r.nc),o.setAttribute("data-webpack",f+i),o.src=t),e[t]=[a];var b=(_,p)=>{o.onerror=o.onload=null,clearTimeout(u);var h=e[t];if(delete e[t],o.parentNode&&o.parentNode.removeChild(o),h&&h.forEach(U=>U(p)),_)return _(p)},u=setTimeout(b.bind(null,void 0,{type:"timeout",target:o}),12e4);o.onerror=b.bind(null,o.onerror),o.onload=b.bind(null,o.onload),d&&document.head.appendChild(o)}})(),r.r=e=>{typeof Symbol!="undefined"&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.nmd=e=>(e.paths=[],e.children||(e.children=[]),e),r.p="",(()=>{var e={354:0};r.f.j=(a,i)=>{var n=r.o(e,a)?e[a]:void 0;if(n!==0)if(n)i.push(n[2]);else if(a!=354){var o=new Promise((c,b)=>n=e[a]=[c,b]);i.push(n[2]=o);var d=r.p+r.u(a),s=new Error,l=c=>{if(r.o(e,a)&&(n=e[a],n!==0&&(e[a]=void 0),n)){var b=c&&(c.type==="load"?"missing":c.type),u=c&&c.target&&c.target.src;s.message="Loading chunk "+a+` failed.
+(()=>{(()=>{"use strict";var y={},g={};function r(e){var f=g[e];if(f!==void 0)return f.exports;var t=g[e]={id:e,loaded:!1,exports:{}};return y[e].call(t.exports,t,t.exports,r),t.loaded=!0,t.exports}r.m=y,(()=>{var e=[];r.O=(f,t,a,i)=>{if(t){i=i||0;for(var n=e.length;n>0&&e[n-1][2]>i;n--)e[n]=e[n-1];e[n]=[t,a,i];return}for(var o=1/0,n=0;n<e.length;n++){for(var[t,a,i]=e[n],d=!0,s=0;s<t.length;s++)(i&!1||o>=i)&&Object.keys(r.O).every(p=>r.O[p](t[s]))?t.splice(s--,1):(d=!1,i<o&&(o=i));if(d){e.splice(n--,1);var l=a();l!==void 0&&(f=l)}}return f}})(),r.n=e=>{var f=e&&e.__esModule?()=>e.default:()=>e;return r.d(f,{a:f}),f},(()=>{var e=Object.getPrototypeOf?t=>Object.getPrototypeOf(t):t=>t.__proto__,f;r.t=function(t,a){if(a&1&&(t=this(t)),a&8||typeof t=="object"&&t&&(a&4&&t.__esModule||a&16&&typeof t.then=="function"))return t;var i=Object.create(null);r.r(i);var n={};f=f||[null,e({}),e([]),e(e)];for(var o=a&2&&t;typeof o=="object"&&!~f.indexOf(o);o=e(o))Object.getOwnPropertyNames(o).forEach(d=>n[d]=()=>t[d]);return n.default=()=>t,r.d(i,n),i}})(),r.d=(e,f)=>{for(var t in f)r.o(f,t)&&!r.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:f[t]})},r.f={},r.e=e=>Promise.all(Object.keys(r.f).reduce((f,t)=>(r.f[t](e,f),f),[])),r.u=e=>""+({6:"UIDropdown-story",43:"UICalloutCollisionTransform-story",57:"UILink-story",69:"UILabel-story",104:"UISearchBox-story",177:"UISections-story",191:"UIDatePicker-story",218:"UIToggleGroup-story",222:"UIIcon-story",239:"UICallout-story",271:"UIPersona-story",289:"UIContextualMenu-story",393:"Utilities-story",406:"UITooltip-story",449:"UIActionCallout-story",525:"UIChoiceGroup-story",530:"UITranslationInput-story",558:"UICheckbox-story",632:"UICombobox-story",644:"UITextInput-story",660:"UILoader-story",673:"UIToggle-story",680:"UIQuickNavigation-story",685:"UIButton-story",733:"UIMessageBar-story",812:"UIFlexibleTable-story",930:"UISeparator-story",937:"UIDialog-story",949:"UICreateSelect-story",967:"UITable-story",994:"UITreedropdown-story"}[e]||e)+"."+{6:"20290ff6",20:"26e2be61",43:"160ba753",57:"4c037a1e",69:"0455922f",104:"383f63fc",170:"486d6398",177:"7d6bc961",191:"5d2ae767",218:"c5e34577",222:"7968349b",239:"89069029",271:"6cdb6313",289:"ecc158a6",366:"7491c8d6",390:"77520f0c",393:"2aeb882a",406:"1f98cce1",424:"e770ebd9",449:"1bc699d2",479:"f0e81446",501:"8ce2c34d",525:"5a757001",530:"61827811",558:"54609f03",568:"64f789ef",627:"58aaecc9",632:"e0156dc1",644:"1ffba626",652:"9bd6d697",660:"b145ceb4",673:"0e6774a9",680:"3111e6e0",685:"49b13dae",733:"13a6dea2",812:"81441f28",825:"d50c7306",841:"f13c8170",930:"a27b46f7",932:"33958d55",937:"4173109f",939:"4787bd39",949:"d16c6e7f",967:"2c0ccae1",994:"d90c504e"}[e]+".iframe.bundle.js",r.g=function(){if(typeof globalThis=="object")return globalThis;try{return this||new Function("return this")()}catch(e){if(typeof window=="object")return window}}(),r.o=(e,f)=>Object.prototype.hasOwnProperty.call(e,f),(()=>{var e={},f="@sap-ux/ui-components:";r.l=(t,a,i,n)=>{if(e[t]){e[t].push(a);return}var o,d;if(i!==void 0)for(var s=document.getElementsByTagName("script"),l=0;l<s.length;l++){var c=s[l];if(c.getAttribute("src")==t||c.getAttribute("data-webpack")==f+i){o=c;break}}o||(d=!0,o=document.createElement("script"),o.charset="utf-8",o.timeout=120,r.nc&&o.setAttribute("nonce",r.nc),o.setAttribute("data-webpack",f+i),o.src=t),e[t]=[a];var b=(_,p)=>{o.onerror=o.onload=null,clearTimeout(u);var h=e[t];if(delete e[t],o.parentNode&&o.parentNode.removeChild(o),h&&h.forEach(U=>U(p)),_)return _(p)},u=setTimeout(b.bind(null,void 0,{type:"timeout",target:o}),12e4);o.onerror=b.bind(null,o.onerror),o.onload=b.bind(null,o.onload),d&&document.head.appendChild(o)}})(),r.r=e=>{typeof Symbol!="undefined"&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.nmd=e=>(e.paths=[],e.children||(e.children=[]),e),r.p="",(()=>{var e={354:0};r.f.j=(a,i)=>{var n=r.o(e,a)?e[a]:void 0;if(n!==0)if(n)i.push(n[2]);else if(a!=354){var o=new Promise((c,b)=>n=e[a]=[c,b]);i.push(n[2]=o);var d=r.p+r.u(a),s=new Error,l=c=>{if(r.o(e,a)&&(n=e[a],n!==0&&(e[a]=void 0),n)){var b=c&&(c.type==="load"?"missing":c.type),u=c&&c.target&&c.target.src;s.message="Loading chunk "+a+` failed.
 (`+b+": "+u+")",s.name="ChunkLoadError",s.type=b,s.request=u,n[1](s)}};r.l(d,l,"chunk-"+a,a)}else e[a]=0},r.O.j=a=>e[a]===0;var f=(a,i)=>{var[n,o,d]=i,s,l,c=0;if(n.some(u=>e[u]!==0)){for(s in o)r.o(o,s)&&(r.m[s]=o[s]);if(d)var b=d(r)}for(a&&a(i);c<n.length;c++)l=n[c],r.o(e,l)&&e[l]&&e[l][0](),e[l]=0;return r.O(b)},t=self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[];t.forEach(f.bind(null,0)),t.push=f.bind(null,t.push.bind(t))})(),r.nc=void 0})();})();

package/storybook/366.27cacbe0.iframe.bundle.js

@@ -1 +0,0 @@
-(()=>{var j=Object.defineProperty,U=Object.defineProperties;var C=Object.getOwnPropertyDescriptors;var R=Object.getOwnPropertySymbols;var D=Object.prototype.hasOwnProperty,B=Object.prototype.propertyIsEnumerable;var A=(b,d,i)=>d in b?j(b,d,{enumerable:!0,configurable:!0,writable:!0,value:i}):b[d]=i,z=(b,d)=>{for(var i in d||(d={}))D.call(d,i)&&A(b,i,d[i]);if(R)for(var i of R(d))B.call(d,i)&&A(b,i,d[i]);return b},I=(b,d)=>U(b,C(d));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[366],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.96.1/node_modules/sass-loader/dist/cjs.js!./src/components/UISection/UISection.scss":(b,d,i)=>{var E=i("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/noSourceMaps.js"),m=i("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/api.js"),g=m(E);g.push([b.id,"@keyframes delayedFadeOut{0%{opacity:1}99%{opacity:0;visibility:visible}100%{visibility:hidden}}.section{display:flex;flex-direction:column;overflow:hidden}.section__header>div{flex:0 1 auto;background:var(--vscode-sideBarSectionHeader-background);min-height:40px;display:flex;align-items:center;padding:0 1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--vscode-sideBarTitle-foreground)}.section__header__title{width:100%;overflow:hidden;text-overflow:ellipsis}.section__header__title.ui-medium-header{line-height:normal}.section__body{margin:1rem .75rem;flex:1 1 auto;padding:0 .25rem;height:100%}.section__body>.ui-loader-blocker:before{z-index:1}.section--clean .section__body{margin:0;padding:0}.section--scrollable .section__body{overflow:auto}.section--extended .section__header{background-color:var(--vscode-sideBar-background)}.section__collapse{position:absolute;top:0;left:0;width:13px}.section--hidden{animation:.5s delayedFadeOut;animation-fill-mode:forwards}",""]),b.exports=g},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.96.1/node_modules/sass-loader/dist/cjs.js!./src/components/UISection/UISections.scss":(b,d,i)=>{var E=i("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/noSourceMaps.js"),m=i("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/api.js"),g=m(E);g.push([b.id,".sections{position:relative;overflow:hidden}.sections--horizontal{height:100%}.sections--horizontal .sections__item{height:100%}.sections--vertical{width:100%}.sections--vertical .sections__item{width:100%}.sections .sections__item{position:absolute}.sections--animated .sections__item{transition:all 300ms ease 0s}.sections--animated.sections--horizontal .sections__item{transition-property:transform,left,right}.sections--animated.sections--vertical .sections__item{transition-property:transform,top,bottom}.sections.sections--horizontal .sections__item--toggle.sections__item--hidden{transform:translateX(100%)}.sections.sections--horizontal .sections__item--toggle{max-width:calc(100% - 24px)}.sections.sections--horizontal>.sections__item:first-child{padding-right:7px}.sections.sections--vertical .sections__item--toggle.sections__item--hidden{transform:translateY(100%)}.sections.sections--vertical .sections__item--toggle{max-height:calc(100% - 24px)}",""]),b.exports=g},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.96.1/node_modules/sass-loader/dist/cjs.js!./src/components/UISection/UISplitter.scss":(b,d,i)=>{var E=i("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/noSourceMaps.js"),m=i("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/api.js"),g=m(E);g.push([b.id,'@keyframes delayedFadeOut{0%{opacity:1}99%{opacity:0;visibility:visible}100%{visibility:hidden}}.splitter{background-color:var(--vscode-panelSection-border);position:absolute;outline:none}.splitter--horizontal{top:0;bottom:0;cursor:ew-resize}.splitter--horizontal:after{border-left:1px solid var(--vscode-contrastBorder);border-right:1px solid var(--vscode-contrastBorder)}.splitter--vertical{cursor:ns-resize;left:0;right:0}.splitter--vertical:after{border-top:1px solid var(--vscode-contrastBorder);border-bottom:1px solid var(--vscode-contrastBorder)}.splitter--compact{background:var(--vscode-editorWidget-border)}.splitter--compact.splitter--vertical .splitter__grip{height:3px}.splitter--compact.splitter--horizontal .splitter__grip{width:12px}.splitter--compact.splitter--horizontal .splitter__grip svg{transform-origin:5px 7px}.splitter--toggle{cursor:pointer}.splitter--toggle .splitter__grip{height:12px}.splitter--resize.splitter--horizontal{cursor:ew-resize}.splitter--resize.splitter--vertical{cursor:ns-resize}.splitter:after{content:"";top:0;left:0;right:0;bottom:0;position:absolute}.splitter__grip{position:absolute;height:16px;top:50%;transform:translateY(-50%);left:0;right:0}.splitter+.section .section__header__title,.splitter+.section .section__body{padding-left:7px}.splitter--toggle+.section .section__header__title,.splitter--toggle+.section .section__body{padding:0;margin:0}.splitter:hover{background-color:var(--vscode-focusBorder)}.splitter:hover .splitter__grip svg path{fill:var(--vscode-button-foreground)}.splitter--horizontal:hover:after{border-left:1px dashed var(--vscode-contrastActiveBorder);border-right:1px dashed var(--vscode-contrastActiveBorder)}.splitter--horizontal:focus:after{border-left:1px solid var(--vscode-focusBorder);border-right:1px solid var(--vscode-focusBorder)}.splitter--vertical:hover:after{border-top:1px dashed var(--vscode-contrastActiveBorder);border-bottom:1px dashed var(--vscode-contrastActiveBorder)}.splitter--vertical:focus:after{border-top:1px solid var(--vscode-focusBorder);border-bottom:1px solid var(--vscode-focusBorder)}.splitter--hidden{animation:.5s delayedFadeOut;animation-fill-mode:forwards}.splitter i.ts-icon{display:flex;height:100%}.splitter i.ts-icon svg{height:100%;width:100%}.splitter--toggle.splitter--horizontal .splitter__grip svg{transform:rotate(180deg)}.splitter--toggle.splitter--vertical .splitter__grip svg{transform:rotate(270deg)}.splitter--resize.splitter--standard.splitter--vertical .splitter__grip svg,.splitter--resize.splitter--compact.splitter--horizontal .splitter__grip svg{transform:rotate(90deg)}.splitter__overlay{position:absolute;z-index:1;top:0;left:0;bottom:0;right:0;background:rgba(0,0,0,0)}.splitter__overlay--horizontal{cursor:ew-resize}.splitter__overlay--vertical{cursor:ns-resize}.sections__item--hidden .splitter--toggle.splitter--horizontal .splitter__grip svg{transform:rotate(0) translateX(-1px)}.sections__item--hidden .splitter--toggle.splitter--vertical .splitter__grip svg{transform:rotate(90deg) translateX(-1px)}',""]),b.exports=g},"./src/components/UISection/UISection.scss":(b,d,i)=>{"use strict";i.r(d),i.d(d,{default:()=>u});var E=i("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),m=i.n(E),g=i("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleDomAPI.js"),v=i.n(g),c=i("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertBySelector.js"),h=i.n(c),y=i("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),S=i.n(y),e=i("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertStyleElement.js"),s=i.n(e),t=i("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleTagTransform.js"),n=i.n(t),o=i("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.96.1/node_modules/sass-loader/dist/cjs.js!./src/components/UISection/UISection.scss"),l=i.n(o),_={};for(const f in o)f!=="default"&&(_[f]=()=>o[f]);i.d(d,_);var r={};r.styleTagTransform=n(),r.setAttributes=S(),r.insert=h().bind(null,"head"),r.domAPI=v(),r.insertStyleElement=s();var p=m()(l(),r);const u=l()&&l().locals?l().locals:void 0},"./src/components/UISection/UISections.scss":(b,d,i)=>{"use strict";i.r(d),i.d(d,{default:()=>u});var E=i("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),m=i.n(E),g=i("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleDomAPI.js"),v=i.n(g),c=i("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertBySelector.js"),h=i.n(c),y=i("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),S=i.n(y),e=i("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertStyleElement.js"),s=i.n(e),t=i("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleTagTransform.js"),n=i.n(t),o=i("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.96.1/node_modules/sass-loader/dist/cjs.js!./src/components/UISection/UISections.scss"),l=i.n(o),_={};for(const f in o)f!=="default"&&(_[f]=()=>o[f]);i.d(d,_);var r={};r.styleTagTransform=n(),r.setAttributes=S(),r.insert=h().bind(null,"head"),r.domAPI=v(),r.insertStyleElement=s();var p=m()(l(),r);const u=l()&&l().locals?l().locals:void 0},"./src/components/UISection/UISplitter.scss":(b,d,i)=>{"use strict";i.r(d),i.d(d,{default:()=>u});var E=i("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),m=i.n(E),g=i("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleDomAPI.js"),v=i.n(g),c=i("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertBySelector.js"),h=i.n(c),y=i("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),S=i.n(y),e=i("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertStyleElement.js"),s=i.n(e),t=i("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleTagTransform.js"),n=i.n(t),o=i("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.96.1/node_modules/sass-loader/dist/cjs.js!./src/components/UISection/UISplitter.scss"),l=i.n(o),_={};for(const f in o)f!=="default"&&(_[f]=()=>o[f]);i.d(d,_);var r={};r.styleTagTransform=n(),r.setAttributes=S(),r.insert=h().bind(null,"head"),r.domAPI=v(),r.insertStyleElement=s();var p=m()(l(),r);const u=l()&&l().locals?l().locals:void 0},"./src/components/UISection/UISection.tsx":function(b,d,i){"use strict";var E=this&&this.__importDefault||function(h){return h&&h.__esModule?h:{default:h}};Object.defineProperty(d,"__esModule",{value:!0}),d.UISection=d.UISectionLayout=void 0;const m=E(i("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),g=i("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");i("./src/components/UISection/UISection.scss");var v;(function(h){h.Standard="standard",h.Extended="extended"})(v||(d.UISectionLayout=v={}));class c extends m.default.Component{onScroll(){this.props.onScroll&&this.props.onScroll()}render(){var t;const y=this.props.scrollable===void 0||this.props.scrollable,S={},e=(t=this.props.layout)!=null?t:v.Standard;"height"in this.props&&(S.height=this.props.height);const s=(0,g.getNativeProps)(this.props,g.divProperties,["onScroll","className","children"]);return m.default.createElement("div",I(z({},s),{className:`section${this.props.className?" "+this.props.className:""} section--${e}${y?" section--scrollable":""}${this.props.cleanPadding?" section--clean":""}${this.props.hidden?" section--hidden":""}`,style:S,ref:this.props.rootRef}),this.props.title&&m.default.createElement("div",{className:"section__header"},m.default.createElement("div",null,m.default.createElement("span",{className:"section__header__title ui-medium-header"},this.props.title))),m.default.createElement("div",{className:"section__body",onScroll:this.onScroll.bind(this)},this.props.children))}}d.UISection=c},"./src/components/UISection/UISections.tsx":function(b,d,i){"use strict";var E=this&&this.__importDefault||function(S){return S&&S.__esModule?S:{default:S}};Object.defineProperty(d,"__esModule",{value:!0}),d.UISections=d.ANIMATION_TIME=void 0;const m=E(i("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),g=i("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),v=i("./src/components/UISection/UISection.tsx"),c=i("./src/components/UISection/UISplitter.tsx");i("./src/components/UISection/UISections.scss"),d.ANIMATION_TIME=300;const h="sections--animated";class y extends m.default.Component{constructor(e){super(e),this.resizeSections=[],this.isFullScreen=!1,this.rootSize=0,this.ignoreAnimation=!1,this.state={sizes:void 0},this.onWindowResize=this.onWindowResize.bind(this),this.rootRef=m.default.createRef(),this.sizeProperty=e.vertical?"height":"width",this.domSizeProperty=e.vertical?"clientHeight":"clientWidth",this.startPositionProperty=e.vertical?"top":"left",this.endPositionProperty=e.vertical?"bottom":"right",this.sizeProperty=e.vertical?"height":"width",window.addEventListener("resize",this.onWindowResize)}updateStateSizes(e,s){let t=s;const n=this.getDynamicSectionIndex();let o=0;if(s.forEach((_,r)=>{var p;if(typeof _=="object"&&_.size===void 0){const u=this.getSectionPosition(_);_.size=Math.abs(this.rootSize-u.end-u.start)}r!==n&&(o+=(p=typeof _=="object"?_.size:_)!=null?p:0)}),o=e-o,typeof s[0]!="object"){t=[];let _=0;s.forEach((r,p)=>{r=n!==p?r:o,t.push({percentage:!1,size:r,start:_}),_+=r||0})}const l=t[n];return l&&(l.size=o),this.recalculatePositions(t),this.validateStateMinSizes(t),t}componentDidMount(){const{sizesAsPercents:e,sizes:s}=this.props;this.rootSize=this.getRootSize(),!e&&s&&this.setState({sizes:this.updateStateSizes(this.rootSize,s)})}componentDidUpdate(){this.ignoreAnimation=!1}static getDerivedStateFromProps(e,s){var l,_;let t=s.animate,n,o=0;if(Array.isArray(e.animation)){n=y.getVisibleSections(e.children);let r;for(let p=0;p<e.animation.length;p++)(n==null?void 0:n.includes(p))!==((l=s.visibleSections)==null?void 0:l.includes(p))&&(r=r||e.animation[p]);r!==void 0&&(t=r)}else t=e.animation;return(_=e.sizes)==null||_.forEach((r,p)=>{r===void 0&&(o=p)}),{animate:t,visibleSections:n,dynamicSection:o}}validateStateMinSizes(e){var _,r,p;let s=0,t=!1;const n=[];for(let u=0;u<this.props.children.length;u++){const f=(_=e[u].size)!=null?_:0,a=this.getMinSectionSize(u);a>f&&(t=!0),s+=a,n.push({size:f,minSize:a,spareSize:f-a})}const o=this.getRootSize();if(t&&o>=s){const u=this.calculateSectionSizes(n);for(let f=0;f<e.length;f++)e[f]=u[f]}const l=o<s;l!==this.isFullScreen&&(this.isFullScreen=l,(p=(r=this.props).onToggleFullscreen)==null||p.call(r,l))}onWindowResize(){let{sizes:e}=this.state;const s=this.getRootSize();if(e){e=this.updateStateSizes(s,e);for(let t=0;t<e.length;t++)this.resizeSections[t]&&(this.resizeSections[t].section=e[t]);this.ignoreAnimation=!0,this.setState({sizes:e})}this.rootSize=s}static getVisibleSections(e){const s=[];return e.forEach((t,n)=>{y.isSectionVisible(t)||s.push(n)}),s}static isSectionVisible(e){return e&&e.type===v.UISection?!e.props.hidden:!1}onSplitterResizeStart(){const e=this.rootRef.current,s=[];if(e!=null&&e.childNodes){e.classList.remove(h);for(let t=0;t<e.childNodes.length;t++){const n=this.getMinSectionSize(t),o=this.getMinSectionSize(t===0?1:0),l=e.children[t],_=Math.max(n,e[this.domSizeProperty]-o);s.push({size:l[this.domSizeProperty],dom:l,maxSize:_,section:this.resizeSections[t]?this.resizeSections[t].section:{percentage:!1}})}}this.resizeSections=s}onSplitterResize(e,s){const t=s!==0?this.resizeSections:[],n=this.rootSize;let o=this.getSiblingsSize(t,0,e);this.refreshResizeSections(0,e,this.state.sizes);let l=!1;for(let _=e;_<t.length;_++){const r={percentage:!1},p=t[_],u=this.getMinSectionSize(_),f=this.getMaxSectionSize(_,u,e);if(u===f){o+=u;continue}let a=p.size;_===e?a=p.size+s:(_===e+1||l)&&(a=p.size-s),l=!1,a<u?(s=this.correctBoundaryPosition(s,u,a,_===e),a=u,l=!0):a>f&&(s=this.correctBoundaryPosition(s,f,a,_===e),a=f);let P=0;t[_+1]&&(P=n-o-a),_>0?(r.size=a,r.start=o,p.dom.style[this.startPositionProperty]=o+"px"):(r.start=0,p.dom.style[this.startPositionProperty]="0px"),r.end=P,p.dom.style[this.endPositionProperty]=P+"px",p.dom.style[this.sizeProperty]="",p.section=r,o+=a}return!1}correctBoundaryPosition(e,s,t,n){const o=s-t;return e+(n?o:-o)}onSplitterResizeEnd(){var t,n;const e=this.rootRef.current;e&&this.isAnimationEnabled()&&e.classList.add(h);const s=this.resizeSections.map(o=>o.section);s.some(o=>o.end!==void 0||o.start!==void 0||o.size!==void 0)&&this.setState({sizes:s}),(n=(t=this.props).onResize)==null||n.call(t,s)}onSplitterToggle(){this.props.onClose&&this.props.onClose()}getVisibleChildrenCount(){return this.props.children.filter(e=>e&&y.isSectionVisible(e)).length}getSizePercents(e,s,t=!1){const{sizes:n=[],sizesAsPercents:o}=this.props;let l=n[e];if(l===void 0&&e===this.state.dynamicSection){let _=100;n.every(r=>{r&&(_-=r)}),l=_}return l&&o?t?100-l:l:s>0?100/s:0}getSectionSize(e,s){if(this.props.sizesAsPercents||!this.props.sizes||s<2||e>=this.props.sizes.length&&e>=s)return;const t={[this.sizeProperty]:this.props.sizes[e]?this.props.sizes[e]+"px":this.props.sizes[e]};return e===0&&(t[this.startPositionProperty]=0),e===this.props.sizes.length-1?t[this.endPositionProperty]=0:this.props.sizes[e+1]&&(t[this.endPositionProperty]=this.props.sizes[e+1]+"px"),t}getPositionStyleValue(e,s){return e===1?"0%":s}getVisibleSectionStyle(e){var o;const s={visible:!0,style:{}},t=this.getVisibleChildrenCount(),n=(o=this.state.sizes)==null?void 0:o[e];if(t===this.props.children.length&&n)s.style=z(z({},n.start!==void 0&&{[this.startPositionProperty]:n.start+"px"}),n.end!==void 0&&{[this.endPositionProperty]:n.end+"px"}),n.size!==void 0&&(n.start===void 0||n.end===void 0)&&(s.style[this.sizeProperty]=n.size+"px");else{const l=this.getSectionSize(e,t);if(l)s.style=z(z({},s.style),l);else{const _=this.getSizePercents(e,t,!0);s.style={[this.startPositionProperty]:this.getPositionStyleValue(t,`${e*_}%`),[this.endPositionProperty]:this.getPositionStyleValue(t,`${(t-(e+1))*_}%`)}}}return s}getHiddenSectionStyle(e){var _,r;const s={visible:!1};let t=(_=this.state.sizes)==null?void 0:_[e];!t&&this.props.splitterType===c.UISplitterType.Toggle&&((r=this.props.sizes)!=null&&r[e])&&(t={size:this.props.sizes[e],percentage:!1});let n,o=0;if(t)n="px",t.size?o=t.size:(t==null?void 0:t.start)!==void 0&&(t==null?void 0:t.end)!==void 0&&(o=this.getRootSize()-t.end-t.start);else{const p=this.props.children.length,u=this.getSectionSize(e,p);u&&u.width?(o=parseFloat(u.width.toString()),n="px"):(o=this.getSizePercents(e,p),n="%")}const l=-o+n;return s.style={[this.endPositionProperty]:e===0?"100%":l,[this.startPositionProperty]:e===0?l:"100%"},s}getMinSectionSize(e){const s=this.props.minSectionSize;let t=0;return s&&(t=Array.isArray(s)?s[e]:s),t}getClassNames(e){let s=` ${this.props.vertical?"sections--vertical":"sections--horizontal"}`;const t=` ${h}`;return s+=`${this.isAnimationEnabled()?t:""}`,s+=`${e?" sections--full":""}`,s}getSection(e,s){const t=this.props.children[e],n=y.isSectionVisible(t)?this.getVisibleSectionStyle(e):this.getHiddenSectionStyle(e);if(!n)return;const{splitter:o,vertical:l,splitterTitle:_,splitterType:r=c.UISplitterType.Resize,splitterTabIndex:p,splitterLayoutType:u=c.UISplitterLayoutType.Standard}=this.props;let f=o&&e>0;const a=this.getVisibleChildrenCount()===1;return a&&!this.isAnimationEnabled()&&(f=!1),m.default.createElement("div",{key:e,className:`sections__item${f?" sections__item--"+r:""}${n.visible?"":" sections__item--hidden"}`,style:n.style},f&&t&&m.default.createElement(c.UISplitter,{vertical:l,onResize:this.onSplitterResize.bind(this,e-1),onResizeStart:this.onSplitterResizeStart.bind(this),onResizeEnd:this.onSplitterResizeEnd.bind(this),onToggle:this.onSplitterToggle.bind(this),hidden:s||a,type:r,splitterTabIndex:p,title:_,splitterLayoutType:u}),t)}isAnimationEnabled(){return!this.ignoreAnimation&&(this.props.animation===!0||this.state.animate)}getDynamicSectionIndex(){return this.state.dynamicSection!==void 0?this.state.dynamicSection:0}getSectionPosition(e){var s,t;return{start:(s=e.start)!=null?s:0,end:(t=e.end)!=null?t:0}}getSpareSize(e,s){let t=0,n=e.minSize-e.size;for(const o of s)if(o!==e){if(o.spareSize>0){const l=Math.min(o.spareSize,n);t+=l,o.spareSize-=l,o.size-=l,n-=l}if(n<=0)break}return t}calculateSectionSizes(e){for(const t of e)if(t.size<t.minSize){const n=this.getSpareSize(t,e);n&&(t.size+=n)}const s=[];for(let t=0;t<e.length;t++){const n={percentage:!1},o=e[t],l=this.getSiblingsSize(e,t+1,e.length);t>0?(n.size=o.size,n.start=void 0):n.start=0,n.end=l,s.push(n)}return s}recalculatePositions(e){var n;let s=0;e.forEach(o=>{var l;o.start=s,s+=(l=o.size)!=null?l:0});let t=0;for(let o=e.length-1;o>=0;o--)e[o].end=t,t+=(n=e[o].size)!=null?n:0}getRootSize(){var s;const e=this.rootRef.current;return(s=e==null?void 0:e.getBoundingClientRect()[this.sizeProperty])!=null?s:0}render(){const e=(0,g.getNativeProps)(this.props,g.divProperties,["className","children"]),s=[];let t=0;for(let n=0;n<this.props.children.length;n++){const o=this.props.children[n],l=!y.isSectionVisible(o);l||t++;const _=this.getSection(n,l);_&&s.push(_)}return m.default.createElement("div",I(z({},e),{ref:this.rootRef,className:`sections ${this.getClassNames(t===1)}`,style:z({},this.props.height&&{height:this.props.height})}),s)}getSiblingsSize(e,s,t){let n=0;for(let o=s;o<t;o++){const l=e[o];l!=null&&l.size&&(n+=l.size)}return n}refreshResizeSections(e,s,t=[]){for(let n=e;n<s;n++)t[n]&&(this.resizeSections[n].section=t[n])}getMaxSectionSize(e,s,t){var p;const n=this.resizeSections[e];if(n&&e!==t)return Math.max(s,n.maxSize);const o=this.rootRef.current,l=(p=o==null?void 0:o[this.domSizeProperty])!=null?p:0,_=this.resizeSections;let r=0;for(let u=0;u<e;u++)r+=_[u].size;for(let u=e+1;u<_.length;u++)r+=this.getMinSectionSize(u);return Math.max(s,l-r)}}d.UISections=y,y.Section=v.UISection},"./src/components/UISection/UISplitter.tsx":function(b,d,i){"use strict";var E=this&&this.__importDefault||function(S){return S&&S.__esModule?S:{default:S}};Object.defineProperty(d,"__esModule",{value:!0}),d.UISplitter=d.UISplitterLayoutType=d.UISplitterType=void 0;const m=E(i("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js"));i("./src/components/UISection/UISplitter.scss");const g=i("./src/components/Icons.tsx"),v=i("./src/components/UIIcon/index.tsx");var c;(function(S){S.Resize="resize",S.Toggle="toggle"})(c||(d.UISplitterType=c={}));var h;(function(S){S.Standard="standard",S.Compact="compact"})(h||(d.UISplitterLayoutType=h={}));class y extends m.default.Component{constructor(e){super(e),this.mousedownPosition={x:0,y:0},this.size=14,this.compactSize=8,this.rootRef=m.default.createRef(),this.stopMousemoveResize=this.stopMousemoveResize.bind(this),this.doMousemoveResize=this.doMousemoveResize.bind(this),this.splitterOverlay=document.createElement("div"),this.splitterOverlay.setAttribute("class",`splitter__overlay ${e.vertical?"splitter__overlay--vertical":"splitter__overlay--horizontal"}`)}startSplitterMove(e){this.mousedownPosition.x=e.clientX,this.mousedownPosition.y=e.clientY,this.updateSplitterEvents(!0),e.stopPropagation()}doMousemoveResize(e){const s=this.props.vertical?"clientY":"clientX",t=this.props.vertical?"y":"x",n=e[s]-this.mousedownPosition[t];this.doResize(n)}doResize(e){const s=this.props.vertical?"top":"left";this.animationFrame&&window.cancelAnimationFrame(this.animationFrame),this.animationFrame=window.requestAnimationFrame(()=>{if(this.props.onResize(e)){const t=this.rootRef.current;t&&(t.style[s]=`${e-this.size/2}px`)}})}stopMousemoveResize(){this.updateSplitterEvents(!1)}updateSplitterEvents(e){e?(document.body.addEventListener("mouseup",this.stopMousemoveResize),document.body.addEventListener("mouseleave",this.stopMousemoveResize),document.body.addEventListener("mousemove",this.doMousemoveResize),document.body.appendChild(this.splitterOverlay)):(document.body.removeEventListener("mouseup",this.stopMousemoveResize),document.body.removeEventListener("mouseleave",this.stopMousemoveResize),document.body.removeEventListener("mousemove",this.doMousemoveResize),document.body.removeChild(this.splitterOverlay)),e&&this.props.onResizeStart?this.props.onResizeStart():!e&&this.props.onResizeEnd&&this.props.onResizeEnd()}toggleSplitter(){this.props.onToggle&&this.props.onToggle()}getIcon(e,s=h.Standard){return e===c.Toggle?g.UiIcons.ArrowLeft:s===h.Compact?g.UiIcons.Grabber:g.UiIcons.VerticalGrip}onKeyDown(e){if(this.props.type===c.Resize){let t=0;if(["ArrowLeft","ArrowUp"].includes(e.key)?t=-10:["ArrowRight","ArrowDown"].includes(e.key)&&(t=10),t===0)return;this.props.onResizeStart&&this.props.onResizeStart(),this.doResize(t),this.props.onResizeEnd&&this.props.onResizeEnd()}else this.props.type===c.Toggle&&e.key==="Enter"&&this.toggleSplitter()}getClassNames(){const{type:e,vertical:s,hidden:t,splitterLayoutType:n}=this.props;let o=`splitter splitter--${e}`;return o+=` ${s?"splitter--vertical":"splitter--horizontal"}`,t&&e===c.Resize&&(o+=" splitter--hidden"),o+=` ${n===h.Standard?"splitter--standard":"splitter--compact"}`,o}render(){var a;const{type:e,vertical:s,hidden:t,title:n,splitterLayoutType:o}=this.props,l=(a=this.props.splitterTabIndex)!=null?a:0,_=o===h.Standard?this.size:this.compactSize,r=e===c.Toggle?-_:-_/2,p=e===c.Toggle?"button":"separator",u=s?"horizontal":"vertical";let f;return e===c.Toggle&&(f=!t),m.default.createElement("div",{ref:this.rootRef,role:p,"aria-orientation":u,"aria-pressed":f,title:n,tabIndex:l,onKeyDown:this.onKeyDown.bind(this),style:z(z({},s&&{height:_,top:r}),!s&&{width:_,left:r}),onMouseDown:e===c.Resize?P=>this.startSplitterMove(P):void 0,onClick:e===c.Toggle?()=>this.toggleSplitter():void 0,className:this.getClassNames()},m.default.createElement("div",{className:"splitter__grip"},m.default.createElement(v.UIIcon,{iconName:this.getIcon(e,o)})))}}d.UISplitter=y},"./src/components/UISection/index.tsx":function(b,d,i){"use strict";var E=this&&this.__createBinding||(Object.create?function(g,v,c,h){h===void 0&&(h=c);var y=Object.getOwnPropertyDescriptor(v,c);(!y||("get"in y?!v.__esModule:y.writable||y.configurable))&&(y={enumerable:!0,get:function(){return v[c]}}),Object.defineProperty(g,h,y)}:function(g,v,c,h){h===void 0&&(h=c),g[h]=v[c]}),m=this&&this.__exportStar||function(g,v){for(var c in g)c!=="default"&&!Object.prototype.hasOwnProperty.call(v,c)&&E(v,g,c)};Object.defineProperty(d,"__esModule",{value:!0}),m(i("./src/components/UISection/UISections.tsx"),d),m(i("./src/components/UISection/UISection.tsx"),d),m(i("./src/components/UISection/UISplitter.tsx"),d)},"./src/components/UIToggle/UIToggle.tsx":function(b,d,i){"use strict";var E=this&&this.__importDefault||function(_){return _&&_.__esModule?_:{default:_}};Object.defineProperty(d,"__esModule",{value:!0}),d.UIToggle=d.UIToggleSize=void 0;const m=E(i("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),g=E(i("../../node_modules/.pnpm/react-dom@16.14.0_react@16.14.0/node_modules/react-dom/index.js")),v=i("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),c=i("./src/helper/ValidationMessage/index.tsx"),h=i("./src/components/UIIcon/index.tsx"),y=i("./src/components/Icons.tsx");var S;(function(_){_.Standard="Standard",_.Small="Small"})(S||(d.UIToggleSize=S={}));const e=new Map([[S.Standard,{width:30,height:18,padding:"0 1px",margin:"0",label:{fontSize:13,padding:""},circle:{width:14,height:14,borderWidth:1}}],[S.Small,{width:30,height:14,padding:"0 1px",margin:"0",label:{fontSize:13,padding:"2px 0"},circle:{width:10,height:10,borderWidth:1}}]]),s=(_,r)=>`${_}-${r?"on":"off"}`,t=new Map([[s(S.Standard,!0),{position:"relative",top:-9,left:0}],[s(S.Standard,!1),{position:"relative",top:-11,left:0}],[s(S.Small,!0),{position:"relative",top:-11,left:0}],[s(S.Small,!1),{position:"relative",top:-13,left:0}]]),n=.4,o={pill:{unchecked:{background:"var(--vscode-editorWidget-background)",borderColor:"var(--vscode-editorWidget-border)",hover:{background:"var(--vscode-editorWidget-background)",borderColor:"var(--vscode-editorWidget-border)"}},checked:{background:"var(--vscode-editorWidget-background)",borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-editorWidget-border))",hover:{background:"var(--vscode-editorWidget-background)",borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-editorWidget-border))"}},focus:{outline:"1px solid var(--vscode-focusBorder) !important"}},thumb:{unchecked:{background:"var(--vscode-button-secondaryBackground)",borderColor:"var(--vscode-button-border, transparent)",hover:{borderColor:"var(--vscode-button-border, transparent)",background:"var(--vscode-contrastBorder, var(--vscode-button-secondaryHoverBackground))"}},checked:{background:"var(--vscode-button-background)",borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-button-border, transparent))",hover:{borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-button-border, transparent))",background:"var(--vscode-contrastActiveBorder, var(--vscode-button-hoverBackground))"}}}};class l extends m.default.Component{constructor(r){super(r),this.toggleRootRef=m.default.createRef(),this.handleChange=this.handleChange.bind(this),this.replaceThumbWithIcon=this.replaceThumbWithIcon.bind(this)}componentDidMount(){this.replaceThumbWithIcon()}handleChange(r,p){var u,f;this.replaceThumbWithIcon(p),(f=(u=this.props).onChange)==null||f.call(u,r,p)}replaceThumbWithIcon(r){var u,f,a;const p=(u=r!=null?r:this.props.defaultChecked)!=null?u:!1;if(this.toggleRootRef.current){const P=(f=this.toggleRootRef.current)==null?void 0:f.querySelector(".ms-Toggle-thumb");if(P){const O=t.get(s((a=this.props.size)!=null?a:S.Standard,p));g.default.render(m.default.createElement(h.UIIcon,{iconName:p?y.UiIcons.SwitchOn:y.UiIcons.SwitchOff,style:O}),P)}}}getMarginBottom(r){const{inlineLabel:p}=this.props;if(r)return p?0:4}render(){const{inlineLabelLeft:r,labelFlexGrow:p,size:u,inlineLabel:f}=this.props,a=e.get(u!=null?u:S.Standard),P=(0,c.getMessageInfo)(this.props),O=M=>({root:I(z({},p&&{flexGrow:1}),{margin:a==null?void 0:a.margin,marginBottom:this.getMarginBottom(P.message)}),label:I(z(z(z({color:"var(--vscode-foreground)",fontWeight:"normal",fontSize:a==null?void 0:a.label.fontSize,padding:a==null?void 0:a.label.padding},f&&{marginLeft:10}),r&&{order:0,marginLeft:0,marginRight:10}),p&&{flexGrow:1}),{opacity:this.props.disabled?n:"inherit"}),pill:I(z({height:a==null?void 0:a.height,width:a==null?void 0:a.width,padding:a==null?void 0:a.padding,background:o.pill.checked.background,borderColor:o.pill.checked.borderColor,borderStyle:"solid",":hover":{background:o.pill.checked.hover.background,borderColor:o.pill.checked.hover.borderColor},":disabled":{background:o.pill.checked.background,borderColor:o.pill.checked.borderColor,opacity:n}},!M.checked&&{background:o.pill.unchecked.background,borderColor:o.pill.unchecked.borderColor,borderStyle:"solid",":hover .ms-Toggle-thumb":{background:o.thumb.unchecked.hover.background,borderColor:o.thumb.unchecked.hover.borderColor},":hover":{background:o.pill.unchecked.hover.background,borderColor:o.pill.unchecked.hover.borderColor},":disabled":{background:o.pill.unchecked.background,borderColor:o.pill.unchecked.borderColor,opacity:n}}),{selectors:{":focus::after":{border:"none !important",outline:o.pill.focus.outline}}}),thumb:z({height:a==null?void 0:a.circle.height,width:a==null?void 0:a.circle.width,borderWidth:a==null?void 0:a.circle.borderWidth,backgroundPosition:"center",borderColor:o.thumb.checked.borderColor,backgroundColor:o.thumb.checked.background,":hover":{background:o.thumb.checked.hover.background,borderColor:o.thumb.checked.hover.borderColor}},!M.checked&&{borderColor:o.thumb.unchecked.borderColor,backgroundColor:o.thumb.unchecked.background})}),T=m.default.createElement("div",{ref:this.toggleRootRef},m.default.createElement(v.Toggle,I(z({},this.props),{styles:O,onChange:this.handleChange})));return P.message?m.default.createElement(c.MessageWrapper,{message:P},T):T}}d.UIToggle=l},"./src/components/UIToggle/index.tsx":function(b,d,i){"use strict";var E=this&&this.__createBinding||(Object.create?function(g,v,c,h){h===void 0&&(h=c);var y=Object.getOwnPropertyDescriptor(v,c);(!y||("get"in y?!v.__esModule:y.writable||y.configurable))&&(y={enumerable:!0,get:function(){return v[c]}}),Object.defineProperty(g,h,y)}:function(g,v,c,h){h===void 0&&(h=c),g[h]=v[c]}),m=this&&this.__exportStar||function(g,v){for(var c in g)c!=="default"&&!Object.prototype.hasOwnProperty.call(v,c)&&E(v,g,c)};Object.defineProperty(d,"__esModule",{value:!0}),m(i("./src/components/UIToggle/UIToggle.tsx"),d)}}]);})();

package/storybook/UIContextualMenu-story.2b58f43e.iframe.bundle.js

@@ -1,2 +0,0 @@
-(()=>{var B=Object.defineProperty,D=Object.defineProperties;var A=Object.getOwnPropertyDescriptors;var U=Object.getOwnPropertySymbols;var L=Object.prototype.hasOwnProperty,R=Object.prototype.propertyIsEnumerable;var E=(c,a,r)=>a in c?B(c,a,{enumerable:!0,configurable:!0,writable:!0,value:r}):c[a]=r,_=(c,a)=>{for(var r in a||(a={}))L.call(a,r)&&E(c,r,a[r]);if(U)for(var r of U(a))R.call(a,r)&&E(c,r,a[r]);return c},T=(c,a)=>D(c,A(a));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[289],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/api.js":c=>{"use strict";c.exports=function(a){var r=[];return r.toString=function(){return this.map(function(e){var t="",n=typeof e[5]!="undefined";return e[4]&&(t+="@supports (".concat(e[4],") {")),e[2]&&(t+="@media ".concat(e[2]," {")),n&&(t+="@layer".concat(e[5].length>0?" ".concat(e[5]):""," {")),t+=a(e),n&&(t+="}"),e[2]&&(t+="}"),e[4]&&(t+="}"),t}).join("")},r.i=function(e,t,n,o,f){typeof e=="string"&&(e=[[null,e,void 0]]);var i={};if(n)for(var u=0;u<this.length;u++){var v=this[u][0];v!=null&&(i[v]=!0)}for(var k=0;k<e.length;k++){var d=[].concat(e[k]);n&&i[d[0]]||(typeof f!="undefined"&&(typeof d[5]=="undefined"||(d[1]="@layer".concat(d[5].length>0?" ".concat(d[5]):""," {").concat(d[1],"}")),d[5]=f),t&&(d[2]&&(d[1]="@media ".concat(d[2]," {").concat(d[1],"}")),d[2]=t),o&&(d[4]?(d[1]="@supports (".concat(d[4],") {").concat(d[1],"}"),d[4]=o):d[4]="".concat(o)),r.push(d))}},r}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/noSourceMaps.js":c=>{"use strict";c.exports=function(a){return a[1]}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":c=>{"use strict";var a=[];function r(t){for(var n=-1,o=0;o<a.length;o++)if(a[o].identifier===t){n=o;break}return n}function l(t,n){for(var o={},f=[],i=0;i<t.length;i++){var u=t[i],v=n.base?u[0]+n.base:u[0],k=o[v]||0,d="".concat(v," ").concat(k);o[v]=k+1;var h=r(d),m={css:u[1],media:u[2],sourceMap:u[3],supports:u[4],layer:u[5]};if(h!==-1)a[h].references++,a[h].updater(m);else{var p=e(m,n);n.byIndex=i,a.splice(i,0,{identifier:d,updater:p,references:1})}f.push(d)}return f}function e(t,n){var o=n.domAPI(n);o.update(t);var f=function(u){if(u){if(u.css===t.css&&u.media===t.media&&u.sourceMap===t.sourceMap&&u.supports===t.supports&&u.layer===t.layer)return;o.update(t=u)}else o.remove()};return f}c.exports=function(t,n){n=n||{},t=t||[];var o=l(t,n);return function(i){i=i||[];for(var u=0;u<o.length;u++){var v=o[u],k=r(v);a[k].references--}for(var d=l(i,n),h=0;h<o.length;h++){var m=o[h],p=r(m);a[p].references===0&&(a[p].updater(),a.splice(p,1))}o=d}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertBySelector.js":c=>{"use strict";var a={};function r(e){if(typeof a[e]=="undefined"){var t=document.querySelector(e);if(window.HTMLIFrameElement&&t instanceof window.HTMLIFrameElement)try{t=t.contentDocument.head}catch(n){t=null}a[e]=t}return a[e]}function l(e,t){var n=r(e);if(!n)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");n.appendChild(t)}c.exports=l},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertStyleElement.js":c=>{"use strict";function a(r){var l=document.createElement("style");return r.setAttributes(l,r.attributes),r.insert(l,r.options),l}c.exports=a},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(c,a,r)=>{"use strict";function l(e){var t=r.nc;t&&e.setAttribute("nonce",t)}c.exports=l},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleDomAPI.js":c=>{"use strict";function a(e,t,n){var o="";n.supports&&(o+="@supports (".concat(n.supports,") {")),n.media&&(o+="@media ".concat(n.media," {"));var f=typeof n.layer!="undefined";f&&(o+="@layer".concat(n.layer.length>0?" ".concat(n.layer):""," {")),o+=n.css,f&&(o+="}"),n.media&&(o+="}"),n.supports&&(o+="}");var i=n.sourceMap;i&&typeof btoa!="undefined"&&(o+=`
-/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(i))))," */")),t.styleTagTransform(o,e,t.options)}function r(e){if(e.parentNode===null)return!1;e.parentNode.removeChild(e)}function l(e){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var t=e.insertStyleElement(e);return{update:function(o){a(t,e,o)},remove:function(){r(t)}}}c.exports=l},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleTagTransform.js":c=>{"use strict";function a(r,l){if(l.styleSheet)l.styleSheet.cssText=r;else{for(;l.firstChild;)l.removeChild(l.firstChild);l.appendChild(document.createTextNode(r))}}c.exports=a},"./src/components/UIToggle/UIToggle.tsx":function(c,a,r){"use strict";var l=this&&this.__importDefault||function(g){return g&&g.__esModule?g:{default:g}};Object.defineProperty(a,"__esModule",{value:!0}),a.UIToggle=a.UIToggleSize=void 0;const e=l(r("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=l(r("../../node_modules/.pnpm/react-dom@16.14.0_react@16.14.0/node_modules/react-dom/index.js")),n=r("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),o=r("./src/helper/ValidationMessage/index.tsx"),f=r("./src/components/UIIcon/index.tsx"),i=r("./src/components/Icons.tsx");var u;(function(g){g.Standard="Standard",g.Small="Small"})(u||(a.UIToggleSize=u={}));const v=new Map([[u.Standard,{width:30,height:18,padding:"0 1px",margin:"0",label:{fontSize:13,padding:""},circle:{width:14,height:14,borderWidth:1}}],[u.Small,{width:30,height:14,padding:"0 1px",margin:"0",label:{fontSize:13,padding:"2px 0"},circle:{width:10,height:10,borderWidth:1}}]]),k=(g,b)=>`${g}-${b?"on":"off"}`,d=new Map([[k(u.Standard,!0),{position:"relative",top:-9,left:0}],[k(u.Standard,!1),{position:"relative",top:-11,left:0}],[k(u.Small,!0),{position:"relative",top:-11,left:0}],[k(u.Small,!1),{position:"relative",top:-13,left:0}]]),h=.4,m={pill:{unchecked:{background:"var(--vscode-editorWidget-background)",borderColor:"var(--vscode-editorWidget-border)",hover:{background:"var(--vscode-editorWidget-background)",borderColor:"var(--vscode-editorWidget-border)"}},checked:{background:"var(--vscode-editorWidget-background)",borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-editorWidget-border))",hover:{background:"var(--vscode-editorWidget-background)",borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-editorWidget-border))"}},focus:{outline:"1px solid var(--vscode-focusBorder) !important"}},thumb:{unchecked:{background:"var(--vscode-button-secondaryBackground)",borderColor:"var(--vscode-button-border, transparent)",hover:{borderColor:"var(--vscode-button-border, transparent)",background:"var(--vscode-contrastBorder, var(--vscode-button-secondaryHoverBackground))"}},checked:{background:"var(--vscode-button-background)",borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-button-border, transparent))",hover:{borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-button-border, transparent))",background:"var(--vscode-contrastActiveBorder, var(--vscode-button-hoverBackground))"}}}};class p extends e.default.Component{constructor(b){super(b),this.toggleRootRef=e.default.createRef(),this.handleChange=this.handleChange.bind(this),this.replaceThumbWithIcon=this.replaceThumbWithIcon.bind(this)}componentDidMount(){this.replaceThumbWithIcon()}handleChange(b,x){var y,S;this.replaceThumbWithIcon(x),(S=(y=this.props).onChange)==null||S.call(y,b,x)}replaceThumbWithIcon(b){var y,S,s;const x=(y=b!=null?b:this.props.defaultChecked)!=null?y:!1;if(this.toggleRootRef.current){const C=(S=this.toggleRootRef.current)==null?void 0:S.querySelector(".ms-Toggle-thumb");if(C){const M=d.get(k((s=this.props.size)!=null?s:u.Standard,x));t.default.render(e.default.createElement(f.UIIcon,{iconName:x?i.UiIcons.SwitchOn:i.UiIcons.SwitchOff,style:M}),C)}}}getMarginBottom(b){const{inlineLabel:x}=this.props;if(b)return x?0:4}render(){const{inlineLabelLeft:b,labelFlexGrow:x,size:y,inlineLabel:S}=this.props,s=v.get(y!=null?y:u.Standard),C=(0,o.getMessageInfo)(this.props),M=I=>({root:T(_({},x&&{flexGrow:1}),{margin:s==null?void 0:s.margin,marginBottom:this.getMarginBottom(C.message)}),label:T(_(_(_({color:"var(--vscode-foreground)",fontWeight:"normal",fontSize:s==null?void 0:s.label.fontSize,padding:s==null?void 0:s.label.padding},S&&{marginLeft:10}),b&&{order:0,marginLeft:0,marginRight:10}),x&&{flexGrow:1}),{opacity:this.props.disabled?h:"inherit"}),pill:T(_({height:s==null?void 0:s.height,width:s==null?void 0:s.width,padding:s==null?void 0:s.padding,background:m.pill.checked.background,borderColor:m.pill.checked.borderColor,borderStyle:"solid",":hover":{background:m.pill.checked.hover.background,borderColor:m.pill.checked.hover.borderColor},":disabled":{background:m.pill.checked.background,borderColor:m.pill.checked.borderColor,opacity:h}},!I.checked&&{background:m.pill.unchecked.background,borderColor:m.pill.unchecked.borderColor,borderStyle:"solid",":hover .ms-Toggle-thumb":{background:m.thumb.unchecked.hover.background,borderColor:m.thumb.unchecked.hover.borderColor},":hover":{background:m.pill.unchecked.hover.background,borderColor:m.pill.unchecked.hover.borderColor},":disabled":{background:m.pill.unchecked.background,borderColor:m.pill.unchecked.borderColor,opacity:h}}),{selectors:{":focus::after":{border:"none !important",outline:m.pill.focus.outline}}}),thumb:_({height:s==null?void 0:s.circle.height,width:s==null?void 0:s.circle.width,borderWidth:s==null?void 0:s.circle.borderWidth,backgroundPosition:"center",borderColor:m.thumb.checked.borderColor,backgroundColor:m.thumb.checked.background,":hover":{background:m.thumb.checked.hover.background,borderColor:m.thumb.checked.hover.borderColor}},!I.checked&&{borderColor:m.thumb.unchecked.borderColor,backgroundColor:m.thumb.unchecked.background})}),w=e.default.createElement("div",{ref:this.toggleRootRef},e.default.createElement(n.Toggle,T(_({},this.props),{styles:M,onChange:this.handleChange})));return C.message?e.default.createElement(o.MessageWrapper,{message:C},w):w}}a.UIToggle=p},"./src/components/UIToggle/index.tsx":function(c,a,r){"use strict";var l=this&&this.__createBinding||(Object.create?function(t,n,o,f){f===void 0&&(f=o);var i=Object.getOwnPropertyDescriptor(n,o);(!i||("get"in i?!n.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return n[o]}}),Object.defineProperty(t,f,i)}:function(t,n,o,f){f===void 0&&(f=o),t[f]=n[o]}),e=this&&this.__exportStar||function(t,n){for(var o in t)o!=="default"&&!Object.prototype.hasOwnProperty.call(n,o)&&l(n,t,o)};Object.defineProperty(a,"__esModule",{value:!0}),e(r("./src/components/UIToggle/UIToggle.tsx"),a)},"./stories/UIContextualMenu.story.tsx":function(c,a,r){"use strict";var l=this&&this.__importDefault||function(p){return p&&p.__esModule?p:{default:p}};Object.defineProperty(a,"__esModule",{value:!0}),a.ContextualMenu=void 0;const e=l(r("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=r("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),n=r("./src/components/UIContextualMenu/index.tsx"),o=r("./src/components/UIButton/index.tsx"),f=r("./src/components/UITreeDropdown/index.tsx"),i=r("./src/components/Icons.tsx"),u=r("./src/components/UIDropdown/index.tsx"),v=r("./src/components/UIToggle/index.tsx");a.default={title:"Dropdowns/ContextualMenu"};const k={childrenGap:40};function d(p=!1){return[{key:"item1",text:"Menu item 1",title:"Menu item 1",onClick:()=>console.log("New clicked")},{key:"item2",text:"Menu item 2",title:"Menu item 2",subMenuProps:T(_({},p&&{directionalHint:f.UIDirectionalHint.leftTopEdge}),{items:[{key:"submenuitem1",text:"Submenu item 1"},{key:"submenuitem2",text:"Submenu item 2",title:"Submenu item 2",subMenuProps:T(_({},p&&{directionalHint:f.UIDirectionalHint.leftTopEdge}),{items:[{key:"submenuitem21",text:"Submenu item 21",title:"Submenu item 21",canCheck:!0,checked:!0},{key:"submenuitem22",text:"Submenu item 22",title:"Submenu item 22",canCheck:!0}]})},{key:"submenuitem3",text:"Submenu item 3",title:"Submenu item 3"},{key:"submenuitem4",text:"Submenu item 1",title:"Submenu item 1"},{key:"submenuitem5",text:"Submenu item 2",title:"Submenu item 2"},{key:"submenuitem6",text:"Submenu item 3",title:"Submenu item 3"}]})}]}const h=[n.UIContextualMenuLayoutType.ContextualMenu,n.UIContextualMenuLayoutType.DropdownMenu].map(p=>({key:p.toString(),text:p.toString()})),m=()=>{const p=e.default.useRef(null),[g,b]=e.default.useState(n.UIContextualMenuLayoutType.ContextualMenu),[x,y]=e.default.useState(!0),[S,s]=e.default.useState(!1),C=e.default.useCallback(()=>{s(!0)},[]),M=e.default.useCallback(()=>s(!1),[]);return e.default.createElement(t.Stack,{tokens:k},e.default.createElement(u.UIDropdown,{label:"Layout",options:h,selectedKey:g.toString(),onChange:(w,I)=>{I&&b(n.UIContextualMenuLayoutType[I.key])}}),e.default.createElement(v.UIToggle,{checked:x,label:"showSubmenuBeneath",onChange:(w,I)=>{y(!!I)}}),e.default.createElement(t.Stack,{tokens:{childrenGap:16}},e.default.createElement(t.Text,{variant:"large",block:!0},"Default UIContextualMenu rendering"),e.default.createElement("span",{ref:p,onClick:C},"Click for ContextualMenu"),e.default.createElement(n.UIContextualMenu,{hidden:!S,target:p,items:d(),onDismiss:M,layoutType:g,showSubmenuBeneath:x})),e.default.createElement(t.Stack,{tokens:{childrenGap:16}},e.default.createElement(t.Text,{variant:"large",block:!0},"As menuProps of a UIButton elements"),e.default.createElement(t.Stack,{horizontal:!0,tokens:k},e.default.createElement(t.Stack,{tokens:{childrenGap:8}},e.default.createElement(t.Text,{variant:"small",block:!0},"UIDefaultButton"),e.default.createElement(o.UIDefaultButton,{primary:!0,text:"Toggle Contextual menu",menuProps:{items:d(),layoutType:g,showSubmenuBeneath:x}})))),e.default.createElement(t.Stack,{tokens:{childrenGap:16}},e.default.createElement(t.Text,{variant:"large",block:!0},"As menuProps of a UIIconButton"),e.default.createElement(t.Stack,{horizontal:!0,tokens:k},e.default.createElement(t.Stack,{tokens:{childrenGap:8}},e.default.createElement(t.Text,{variant:"small",block:!0},"UIIconButton"),e.default.createElement(o.UIIconButton,{iconProps:{iconName:i.UiIcons.Undo},menuProps:{items:d(),layoutType:g,showSubmenuBeneath:x}})))),e.default.createElement(t.Stack,{tokens:{childrenGap:16}},e.default.createElement(t.Text,{variant:"large",block:!0},"As menuProps with beak and showSubmenuBeneath - iconToLeft and open the menu towards left"),e.default.createElement(t.Stack,{horizontal:!0,tokens:k,horizontalAlign:"center"},e.default.createElement(t.Stack,{tokens:{childrenGap:8}},e.default.createElement(t.Text,{variant:"small",block:!0},"UIIconButton"),e.default.createElement(o.UIIconButton,{iconProps:{iconName:i.UiIcons.ArrowLeft},menuProps:{items:d(!0),isBeakVisible:!0,iconToLeft:!0,layoutType:g,showSubmenuBeneath:x}})))))};a.ContextualMenu=m},"../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/index.js":(c,a,r)=>{var l=r("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/v1.js"),e=r("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/v4.js"),t=e;t.v1=l,t.v4=e,c.exports=t},"../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/lib/bytesToUuid.js":c=>{for(var a=[],r=0;r<256;++r)a[r]=(r+256).toString(16).substr(1);function l(e,t){var n=t||0,o=a;return[o[e[n++]],o[e[n++]],o[e[n++]],o[e[n++]],"-",o[e[n++]],o[e[n++]],"-",o[e[n++]],o[e[n++]],"-",o[e[n++]],o[e[n++]],"-",o[e[n++]],o[e[n++]],o[e[n++]],o[e[n++]],o[e[n++]],o[e[n++]]].join("")}c.exports=l},"../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/lib/rng-browser.js":c=>{var a=typeof crypto!="undefined"&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto)||typeof msCrypto!="undefined"&&typeof window.msCrypto.getRandomValues=="function"&&msCrypto.getRandomValues.bind(msCrypto);if(a){var r=new Uint8Array(16);c.exports=function(){return a(r),r}}else{var l=new Array(16);c.exports=function(){for(var t=0,n;t<16;t++)t&3||(n=Math.random()*4294967296),l[t]=n>>>((t&3)<<3)&255;return l}}},"../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/v1.js":(c,a,r)=>{var l=r("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/lib/rng-browser.js"),e=r("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/lib/bytesToUuid.js"),t,n,o=0,f=0;function i(u,v,k){var d=v&&k||0,h=v||[];u=u||{};var m=u.node||t,p=u.clockseq!==void 0?u.clockseq:n;if(m==null||p==null){var g=l();m==null&&(m=t=[g[0]|1,g[1],g[2],g[3],g[4],g[5]]),p==null&&(p=n=(g[6]<<8|g[7])&16383)}var b=u.msecs!==void 0?u.msecs:new Date().getTime(),x=u.nsecs!==void 0?u.nsecs:f+1,y=b-o+(x-f)/1e4;if(y<0&&u.clockseq===void 0&&(p=p+1&16383),(y<0||b>o)&&u.nsecs===void 0&&(x=0),x>=1e4)throw new Error("uuid.v1(): Can't create more than 10M uuids/sec");o=b,f=x,n=p,b+=122192928e5;var S=((b&268435455)*1e4+x)%4294967296;h[d++]=S>>>24&255,h[d++]=S>>>16&255,h[d++]=S>>>8&255,h[d++]=S&255;var s=b/4294967296*1e4&268435455;h[d++]=s>>>8&255,h[d++]=s&255,h[d++]=s>>>24&15|16,h[d++]=s>>>16&255,h[d++]=p>>>8|128,h[d++]=p&255;for(var C=0;C<6;++C)h[d+C]=m[C];return v||e(h)}c.exports=i},"../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/v4.js":(c,a,r)=>{var l=r("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/lib/rng-browser.js"),e=r("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/lib/bytesToUuid.js");function t(n,o,f){var i=o&&f||0;typeof n=="string"&&(o=n==="binary"?new Array(16):null,n=null),n=n||{};var u=n.random||(n.rng||l)();if(u[6]=u[6]&15|64,u[8]=u[8]&63|128,o)for(var v=0;v<16;++v)o[i+v]=u[v];return o||e(u)}c.exports=t}}]);})();

package/storybook/UIIcon-story.8cffb688.iframe.bundle.js

@@ -1 +0,0 @@
-"use strict";(()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[222],{"./src/index.tsx":function(d,i,s){var l=this&&this.__createBinding||(Object.create?function(o,n,e,t){t===void 0&&(t=e);var r=Object.getOwnPropertyDescriptor(n,e);(!r||("get"in r?!n.__esModule:r.writable||r.configurable))&&(r={enumerable:!0,get:function(){return n[e]}}),Object.defineProperty(o,t,r)}:function(o,n,e,t){t===void 0&&(t=e),o[t]=n[e]}),u=this&&this.__exportStar||function(o,n){for(var e in o)e!=="default"&&!Object.prototype.hasOwnProperty.call(n,e)&&l(n,o,e)};Object.defineProperty(i,"__esModule",{value:!0}),u(s("./src/components/index.tsx"),i),u(s("./src/utilities/index.ts"),i),u(s("./src/theme/index.ts"),i)},"./stories/UIIcon.story.tsx":function(d,i,s){var l=this&&this.__importDefault||function(c){return c&&c.__esModule?c:{default:c}};Object.defineProperty(i,"__esModule",{value:!0}),i.SvgIcon=void 0;const u=l(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=s("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),n=s("./src/components/UIIcon/index.tsx"),e=s("./src/index.tsx");i.default={title:"Utilities/Icons"};const t=[];for(const c in e.UiIcons)t.push(c);t.sort();const r=[{key:"column1",name:"Icon",minWidth:50,maxWidth:60,onRender:c=>u.default.createElement(n.UIIcon,{style:{width:"16px",height:"16px"},iconName:c})},{key:"column2",name:"Name",minWidth:50,onRender:c=>u.default.createElement("span",null,c)}],a=()=>u.default.createElement("div",null,u.default.createElement(o.DetailsList,{selectionMode:o.SelectionMode.none,items:t,columns:r,isHeaderVisible:!0,selectionPreservedOnEmptyClick:!0}));i.SvgIcon=a}}]);})();

package/storybook/UIToggle-story.652dbdf4.iframe.bundle.js

@@ -1,2 +0,0 @@
-(()=>{var U=Object.defineProperty,w=Object.defineProperties;var j=Object.getOwnPropertyDescriptors;var k=Object.getOwnPropertySymbols;var D=Object.prototype.hasOwnProperty,W=Object.prototype.propertyIsEnumerable;var A=(i,r,t)=>r in i?U(i,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[r]=t,E=(i,r)=>{for(var t in r||(r={}))D.call(r,t)&&A(i,t,r[t]);if(k)for(var t of k(r))W.call(r,t)&&A(i,t,r[t]);return i},S=(i,r)=>w(i,j(r));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[673],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.96.1/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss":(i,r,t)=>{var c=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/noSourceMaps.js"),e=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/api.js"),s=e(c);s.push([i.id,".ts-icon{fill:var(--vscode-foreground)}",""]),i.exports=s},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.96.1/node_modules/sass-loader/dist/cjs.js!./src/helper/ValidationMessage/MessageWrapper.scss":(i,r,t)=>{var c=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/noSourceMaps.js"),e=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/api.js"),s=e(c);s.push([i.id,".ts-message-wrapper .ts-message-body{display:flex;font-size:11px}.ts-message-wrapper .ts-message-body>span{padding-top:1px}.ts-message-wrapper .ts-message-body>i{margin:1px 2px 0 0}.ts-message-wrapper--error .ts-message-body{color:var(--vscode-errorForeground)}.ts-message-wrapper--warning .ts-message-body{color:var(--vscode-editorMarkerNavigationWarning-background)}.ts-message-wrapper--info .ts-message-body{color:var(--vscode-inputValidation-infoBorder)}.ts-message-wrapper--info .ts-icon svg path{fill:var(--vscode-inputValidation-infoBorder)}.ts-message-wrapper--horizontal{display:flex}.ts-message-wrapper--horizontal .ts-message-body{align-self:flex-end;margin:0 0 7px 5px}",""]),i.exports=s},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/api.js":i=>{"use strict";i.exports=function(r){var t=[];return t.toString=function(){return this.map(function(e){var s="",o=typeof e[5]!="undefined";return e[4]&&(s+="@supports (".concat(e[4],") {")),e[2]&&(s+="@media ".concat(e[2]," {")),o&&(s+="@layer".concat(e[5].length>0?" ".concat(e[5]):""," {")),s+=r(e),o&&(s+="}"),e[2]&&(s+="}"),e[4]&&(s+="}"),s}).join("")},t.i=function(e,s,o,n,d){typeof e=="string"&&(e=[[null,e,void 0]]);var a={};if(o)for(var l=0;l<this.length;l++){var p=this[l][0];p!=null&&(a[p]=!0)}for(var f=0;f<e.length;f++){var _=[].concat(e[f]);o&&a[_[0]]||(typeof d!="undefined"&&(typeof _[5]=="undefined"||(_[1]="@layer".concat(_[5].length>0?" ".concat(_[5]):""," {").concat(_[1],"}")),_[5]=d),s&&(_[2]&&(_[1]="@media ".concat(_[2]," {").concat(_[1],"}")),_[2]=s),n&&(_[4]?(_[1]="@supports (".concat(_[4],") {").concat(_[1],"}"),_[4]=n):_[4]="".concat(n)),t.push(_))}},t}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/noSourceMaps.js":i=>{"use strict";i.exports=function(r){return r[1]}},"./src/components/UIIcon/UIIcon.scss":(i,r,t)=>{"use strict";t.r(r),t.d(r,{default:()=>I});var c=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),e=t.n(c),s=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleDomAPI.js"),o=t.n(s),n=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertBySelector.js"),d=t.n(n),a=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),l=t.n(a),p=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertStyleElement.js"),f=t.n(p),_=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleTagTransform.js"),v=t.n(_),u=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.96.1/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss"),h=t.n(u),b={};for(const y in u)y!=="default"&&(b[y]=()=>u[y]);t.d(r,b);var g={};g.styleTagTransform=v(),g.setAttributes=l(),g.insert=d().bind(null,"head"),g.domAPI=o(),g.insertStyleElement=f();var M=e()(h(),g);const I=h()&&h().locals?h().locals:void 0},"./src/helper/ValidationMessage/MessageWrapper.scss":(i,r,t)=>{"use strict";t.r(r),t.d(r,{default:()=>I});var c=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),e=t.n(c),s=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleDomAPI.js"),o=t.n(s),n=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertBySelector.js"),d=t.n(n),a=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),l=t.n(a),p=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertStyleElement.js"),f=t.n(p),_=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleTagTransform.js"),v=t.n(_),u=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.96.1/node_modules/sass-loader/dist/cjs.js!./src/helper/ValidationMessage/MessageWrapper.scss"),h=t.n(u),b={};for(const y in u)y!=="default"&&(b[y]=()=>u[y]);t.d(r,b);var g={};g.styleTagTransform=v(),g.setAttributes=l(),g.insert=d().bind(null,"head"),g.domAPI=o(),g.insertStyleElement=f();var M=e()(h(),g);const I=h()&&h().locals?h().locals:void 0},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":i=>{"use strict";var r=[];function t(s){for(var o=-1,n=0;n<r.length;n++)if(r[n].identifier===s){o=n;break}return o}function c(s,o){for(var n={},d=[],a=0;a<s.length;a++){var l=s[a],p=o.base?l[0]+o.base:l[0],f=n[p]||0,_="".concat(p," ").concat(f);n[p]=f+1;var v=t(_),u={css:l[1],media:l[2],sourceMap:l[3],supports:l[4],layer:l[5]};if(v!==-1)r[v].references++,r[v].updater(u);else{var h=e(u,o);o.byIndex=a,r.splice(a,0,{identifier:_,updater:h,references:1})}d.push(_)}return d}function e(s,o){var n=o.domAPI(o);n.update(s);var d=function(l){if(l){if(l.css===s.css&&l.media===s.media&&l.sourceMap===s.sourceMap&&l.supports===s.supports&&l.layer===s.layer)return;n.update(s=l)}else n.remove()};return d}i.exports=function(s,o){o=o||{},s=s||[];var n=c(s,o);return function(a){a=a||[];for(var l=0;l<n.length;l++){var p=n[l],f=t(p);r[f].references--}for(var _=c(a,o),v=0;v<n.length;v++){var u=n[v],h=t(u);r[h].references===0&&(r[h].updater(),r.splice(h,1))}n=_}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertBySelector.js":i=>{"use strict";var r={};function t(e){if(typeof r[e]=="undefined"){var s=document.querySelector(e);if(window.HTMLIFrameElement&&s instanceof window.HTMLIFrameElement)try{s=s.contentDocument.head}catch(o){s=null}r[e]=s}return r[e]}function c(e,s){var o=t(e);if(!o)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");o.appendChild(s)}i.exports=c},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertStyleElement.js":i=>{"use strict";function r(t){var c=document.createElement("style");return t.setAttributes(c,t.attributes),t.insert(c,t.options),c}i.exports=r},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(i,r,t)=>{"use strict";function c(e){var s=t.nc;s&&e.setAttribute("nonce",s)}i.exports=c},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleDomAPI.js":i=>{"use strict";function r(e,s,o){var n="";o.supports&&(n+="@supports (".concat(o.supports,") {")),o.media&&(n+="@media ".concat(o.media," {"));var d=typeof o.layer!="undefined";d&&(n+="@layer".concat(o.layer.length>0?" ".concat(o.layer):""," {")),n+=o.css,d&&(n+="}"),o.media&&(n+="}"),o.supports&&(n+="}");var a=o.sourceMap;a&&typeof btoa!="undefined"&&(n+=`
-/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(a))))," */")),s.styleTagTransform(n,e,s.options)}function t(e){if(e.parentNode===null)return!1;e.parentNode.removeChild(e)}function c(e){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var s=e.insertStyleElement(e);return{update:function(n){r(s,e,n)},remove:function(){t(s)}}}i.exports=c},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleTagTransform.js":i=>{"use strict";function r(t,c){if(c.styleSheet)c.styleSheet.cssText=t;else{for(;c.firstChild;)c.removeChild(c.firstChild);c.appendChild(document.createTextNode(t))}}i.exports=r},"./src/components/UIIcon/UIIcon.tsx":function(i,r,t){"use strict";var c=this&&this.__importDefault||function(n){return n&&n.__esModule?n:{default:n}};Object.defineProperty(r,"__esModule",{value:!0}),r.UIIcon=void 0;const e=c(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),s=t("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");t("./src/components/UIIcon/UIIcon.scss");class o extends e.default.Component{constructor(d){super(d),this.setStyle=()=>({})}render(){const d=this.props.className?` ${this.props.className}`:"";return e.default.createElement(s.Icon,S(E({},this.props),{className:`ts-icon${d}`,styles:this.setStyle()}))}}r.UIIcon=o},"./src/components/UIIcon/index.tsx":function(i,r,t){"use strict";var c=this&&this.__createBinding||(Object.create?function(s,o,n,d){d===void 0&&(d=n);var a=Object.getOwnPropertyDescriptor(o,n);(!a||("get"in a?!o.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return o[n]}}),Object.defineProperty(s,d,a)}:function(s,o,n,d){d===void 0&&(d=n),s[d]=o[n]}),e=this&&this.__exportStar||function(s,o){for(var n in s)n!=="default"&&!Object.prototype.hasOwnProperty.call(o,n)&&c(o,s,n)};Object.defineProperty(r,"__esModule",{value:!0}),e(t("./src/components/UIIcon/UIIcon.tsx"),r)},"./src/components/UIToggle/UIToggle.tsx":function(i,r,t){"use strict";var c=this&&this.__importDefault||function(b){return b&&b.__esModule?b:{default:b}};Object.defineProperty(r,"__esModule",{value:!0}),r.UIToggle=r.UIToggleSize=void 0;const e=c(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),s=c(t("../../node_modules/.pnpm/react-dom@16.14.0_react@16.14.0/node_modules/react-dom/index.js")),o=t("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),n=t("./src/helper/ValidationMessage/index.tsx"),d=t("./src/components/UIIcon/index.tsx"),a=t("./src/components/Icons.tsx");var l;(function(b){b.Standard="Standard",b.Small="Small"})(l||(r.UIToggleSize=l={}));const p=new Map([[l.Standard,{width:30,height:18,padding:"0 1px",margin:"0",label:{fontSize:13,padding:""},circle:{width:14,height:14,borderWidth:1}}],[l.Small,{width:30,height:14,padding:"0 1px",margin:"0",label:{fontSize:13,padding:"2px 0"},circle:{width:10,height:10,borderWidth:1}}]]),f=(b,g)=>`${b}-${g?"on":"off"}`,_=new Map([[f(l.Standard,!0),{position:"relative",top:-9,left:0}],[f(l.Standard,!1),{position:"relative",top:-11,left:0}],[f(l.Small,!0),{position:"relative",top:-11,left:0}],[f(l.Small,!1),{position:"relative",top:-13,left:0}]]),v=.4,u={pill:{unchecked:{background:"var(--vscode-editorWidget-background)",borderColor:"var(--vscode-editorWidget-border)",hover:{background:"var(--vscode-editorWidget-background)",borderColor:"var(--vscode-editorWidget-border)"}},checked:{background:"var(--vscode-editorWidget-background)",borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-editorWidget-border))",hover:{background:"var(--vscode-editorWidget-background)",borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-editorWidget-border))"}},focus:{outline:"1px solid var(--vscode-focusBorder) !important"}},thumb:{unchecked:{background:"var(--vscode-button-secondaryBackground)",borderColor:"var(--vscode-button-border, transparent)",hover:{borderColor:"var(--vscode-button-border, transparent)",background:"var(--vscode-contrastBorder, var(--vscode-button-secondaryHoverBackground))"}},checked:{background:"var(--vscode-button-background)",borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-button-border, transparent))",hover:{borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-button-border, transparent))",background:"var(--vscode-contrastActiveBorder, var(--vscode-button-hoverBackground))"}}}};class h extends e.default.Component{constructor(g){super(g),this.toggleRootRef=e.default.createRef(),this.handleChange=this.handleChange.bind(this),this.replaceThumbWithIcon=this.replaceThumbWithIcon.bind(this)}componentDidMount(){this.replaceThumbWithIcon()}handleChange(g,M){var I,y;this.replaceThumbWithIcon(M),(y=(I=this.props).onChange)==null||y.call(I,g,M)}replaceThumbWithIcon(g){var I,y,m;const M=(I=g!=null?g:this.props.defaultChecked)!=null?I:!1;if(this.toggleRootRef.current){const T=(y=this.toggleRootRef.current)==null?void 0:y.querySelector(".ms-Toggle-thumb");if(T){const C=_.get(f((m=this.props.size)!=null?m:l.Standard,M));s.default.render(e.default.createElement(d.UIIcon,{iconName:M?a.UiIcons.SwitchOn:a.UiIcons.SwitchOff,style:C}),T)}}}getMarginBottom(g){const{inlineLabel:M}=this.props;if(g)return M?0:4}render(){const{inlineLabelLeft:g,labelFlexGrow:M,size:I,inlineLabel:y}=this.props,m=p.get(I!=null?I:l.Standard),T=(0,n.getMessageInfo)(this.props),C=O=>({root:S(E({},M&&{flexGrow:1}),{margin:m==null?void 0:m.margin,marginBottom:this.getMarginBottom(T.message)}),label:S(E(E(E({color:"var(--vscode-foreground)",fontWeight:"normal",fontSize:m==null?void 0:m.label.fontSize,padding:m==null?void 0:m.label.padding},y&&{marginLeft:10}),g&&{order:0,marginLeft:0,marginRight:10}),M&&{flexGrow:1}),{opacity:this.props.disabled?v:"inherit"}),pill:S(E({height:m==null?void 0:m.height,width:m==null?void 0:m.width,padding:m==null?void 0:m.padding,background:u.pill.checked.background,borderColor:u.pill.checked.borderColor,borderStyle:"solid",":hover":{background:u.pill.checked.hover.background,borderColor:u.pill.checked.hover.borderColor},":disabled":{background:u.pill.checked.background,borderColor:u.pill.checked.borderColor,opacity:v}},!O.checked&&{background:u.pill.unchecked.background,borderColor:u.pill.unchecked.borderColor,borderStyle:"solid",":hover .ms-Toggle-thumb":{background:u.thumb.unchecked.hover.background,borderColor:u.thumb.unchecked.hover.borderColor},":hover":{background:u.pill.unchecked.hover.background,borderColor:u.pill.unchecked.hover.borderColor},":disabled":{background:u.pill.unchecked.background,borderColor:u.pill.unchecked.borderColor,opacity:v}}),{selectors:{":focus::after":{border:"none !important",outline:u.pill.focus.outline}}}),thumb:E({height:m==null?void 0:m.circle.height,width:m==null?void 0:m.circle.width,borderWidth:m==null?void 0:m.circle.borderWidth,backgroundPosition:"center",borderColor:u.thumb.checked.borderColor,backgroundColor:u.thumb.checked.background,":hover":{background:u.thumb.checked.hover.background,borderColor:u.thumb.checked.hover.borderColor}},!O.checked&&{borderColor:u.thumb.unchecked.borderColor,backgroundColor:u.thumb.unchecked.background})}),P=e.default.createElement("div",{ref:this.toggleRootRef},e.default.createElement(o.Toggle,S(E({},this.props),{styles:C,onChange:this.handleChange})));return T.message?e.default.createElement(n.MessageWrapper,{message:T},P):P}}r.UIToggle=h},"./src/components/UIToggle/index.tsx":function(i,r,t){"use strict";var c=this&&this.__createBinding||(Object.create?function(s,o,n,d){d===void 0&&(d=n);var a=Object.getOwnPropertyDescriptor(o,n);(!a||("get"in a?!o.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return o[n]}}),Object.defineProperty(s,d,a)}:function(s,o,n,d){d===void 0&&(d=n),s[d]=o[n]}),e=this&&this.__exportStar||function(s,o){for(var n in s)n!=="default"&&!Object.prototype.hasOwnProperty.call(o,n)&&c(o,s,n)};Object.defineProperty(r,"__esModule",{value:!0}),e(t("./src/components/UIToggle/UIToggle.tsx"),r)},"./src/helper/ValidationMessage/MessageWrapper.tsx":function(i,r,t){"use strict";var c=this&&this.__importDefault||function(a){return a&&a.__esModule?a:{default:a}};Object.defineProperty(r,"__esModule",{value:!0}),r.MESSAGE_ICONS_MAP=void 0,r.MessageWrapper=d;const e=c(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),s=t("./src/helper/ValidationMessage/utils.ts"),o=t("./src/components/Icons.tsx"),n=t("./src/components/UIIcon/index.tsx");t("./src/helper/ValidationMessage/MessageWrapper.scss"),r.MESSAGE_ICONS_MAP=new Map([[void 0,o.UiIcons.Error],[s.ErrorMessageType.Error,o.UiIcons.Error],[s.ErrorMessageType.Warning,o.UiIcons.Warning],[s.ErrorMessageType.Info,o.UiIcons.Info]]);function d(a){const{children:l,message:p}=a,f=p.message?s.MESSAGE_TYPES_CLASSNAME_MAP.get(p.type):void 0,_=r.MESSAGE_ICONS_MAP.get(p.type);return e.default.createElement("div",{className:`ts-message-wrapper ts-message-wrapper--${f}`},e.default.createElement("div",{className:"ts-message-target"},l),e.default.createElement("div",{className:"ts-message-body"},e.default.createElement(n.UIIcon,{iconName:_}),e.default.createElement("span",null,p.message)))}},"./src/helper/ValidationMessage/index.tsx":function(i,r,t){"use strict";var c=this&&this.__createBinding||(Object.create?function(s,o,n,d){d===void 0&&(d=n);var a=Object.getOwnPropertyDescriptor(o,n);(!a||("get"in a?!o.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return o[n]}}),Object.defineProperty(s,d,a)}:function(s,o,n,d){d===void 0&&(d=n),s[d]=o[n]}),e=this&&this.__exportStar||function(s,o){for(var n in s)n!=="default"&&!Object.prototype.hasOwnProperty.call(o,n)&&c(o,s,n)};Object.defineProperty(r,"__esModule",{value:!0}),e(t("./src/helper/ValidationMessage/MessageWrapper.tsx"),r),e(t("./src/helper/ValidationMessage/utils.ts"),r)},"./src/helper/ValidationMessage/utils.ts":(i,r)=>{"use strict";Object.defineProperty(r,"__esModule",{value:!0}),r.getMessageInfo=r.MESSAGE_TYPES_CLASSNAME_MAP=r.ErrorMessageType=void 0;var t;(function(a){a.Error="Error",a.Warning="Warning",a.Info="Info"})(t||(r.ErrorMessageType=t={}));const c=(a,l)=>{const p=`1px solid ${l}`;return{backgroundColor:a,borderLeft:p,borderRight:p,borderBottom:p,borderColor:l}},e={error:S(E({color:"var(--vscode-input-foreground)"},c("var(--vscode-inputValidation-errorBackground)","var(--vscode-inputValidation-errorBorder)")),{paddingTop:4,paddingBottom:5,paddingLeft:8,margin:0}),warning:{},info:{}};e.warning=E(E({},e.error),c("var(--vscode-inputValidation-warningBackground)","var(--vscode-inputValidation-warningBorder)")),e.info=E(E({},e.error),c("var(--vscode-inputValidation-infoBackground)","var(--vscode-inputValidation-infoBorder)")),r.MESSAGE_TYPES_CLASSNAME_MAP=new Map([[void 0,"error"],[t.Error,"error"],[t.Warning,"warning"],[t.Info,"info"]]);const s=a=>{let l;switch(a){case t.Warning:{l=e.warning;break}case t.Info:{l=e.info;break}default:{l=e.error;break}}return l},o=a=>{if(a){if(a.errorMessage)return t.Error;if(a.warningMessage)return t.Warning;if(a.infoMessage)return t.Info}return t.Error},n=a=>{const l=["errorMessage","warningMessage","infoMessage"];for(const p of l)if(a!=null&&a[p])return a[p]},d=a=>{const l=o(a);return{type:l,style:s(l),message:n(a)}};r.getMessageInfo=d},"./stories/UIToggle.story.tsx":function(i,r,t){"use strict";var c=this&&this.__importDefault||function(_){return _&&_.__esModule?_:{default:_}};Object.defineProperty(r,"__esModule",{value:!0}),r.withMessages=r.smallSize=r.withLabel=r.asDisabled=r.defaultUsage=void 0;const e=c(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),s=t("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),o=t("./src/components/UIToggle/index.tsx");r.default={title:"Basic Inputs/Toggle/Buttons"};const n={childrenGap:40},d=()=>e.default.createElement(s.Stack,{tokens:n,style:{width:300}},e.default.createElement(s.Text,{variant:"large",className:"textColor"},"UIToggle"),e.default.createElement(s.Stack,{tokens:{childrenGap:16}},e.default.createElement(s.Text,{variant:"medium",className:"textColor"},"default"),e.default.createElement(o.UIToggle,null)),e.default.createElement(s.Stack,{tokens:{childrenGap:16}},e.default.createElement(s.Text,{variant:"medium",className:"textColor"},"set to checked"),e.default.createElement(o.UIToggle,{defaultChecked:!0})));r.defaultUsage=d;const a=()=>e.default.createElement(s.Stack,{tokens:n,style:{width:300}},e.default.createElement(s.Text,{variant:"large",className:"textColor"},"UIToggle disabled"),e.default.createElement(s.Stack,{tokens:{childrenGap:16}},e.default.createElement(s.Text,{variant:"medium",className:"textColor"},"default"),e.default.createElement(o.UIToggle,{disabled:!0})),e.default.createElement(s.Stack,{tokens:{childrenGap:16}},e.default.createElement(s.Text,{variant:"medium",className:"textColor"},"disabled as checked"),e.default.createElement(o.UIToggle,{disabled:!0,defaultChecked:!0})));r.asDisabled=a;const l=()=>e.default.createElement(s.Stack,{tokens:n,style:{width:300}},e.default.createElement(s.Text,{variant:"large",className:"textColor"},"UIToggle with label"),e.default.createElement(s.Stack,{tokens:{childrenGap:16}},e.default.createElement(s.Text,{variant:"medium",className:"textColor"},"with inline label"),e.default.createElement(o.UIToggle,{defaultChecked:!0,inlineLabel:!0,label:"Wizard mode"})),e.default.createElement(s.Stack,{tokens:{childrenGap:16}},e.default.createElement(s.Text,{variant:"medium",className:"textColor"},"with inline label on the left"),e.default.createElement(o.UIToggle,{defaultChecked:!0,inlineLabel:!0,label:"Wizard mode",inlineLabelLeft:!0})),e.default.createElement(s.Stack,{tokens:{childrenGap:16}},e.default.createElement(s.Text,{variant:"medium",className:"textColor"},"with Grow label width"),e.default.createElement(o.UIToggle,{defaultChecked:!0,inlineLabel:!0,label:"Wizard mode",inlineLabelLeft:!0,labelFlexGrow:!0})));r.withLabel=l;const p=()=>e.default.createElement(s.Stack,{tokens:n,style:{width:300}},e.default.createElement(s.Text,{variant:"large",className:"textColor"},"UIToggle with label"),e.default.createElement(s.Stack,{tokens:{childrenGap:16}},e.default.createElement(s.Text,{variant:"medium"},"small size"),e.default.createElement(o.UIToggle,{label:"Small toggle",inlineLabel:!0,inlineLabelLeft:!0,size:o.UIToggleSize.Small})));r.smallSize=p;const f=()=>{const _="Dummy message";return e.default.createElement(e.default.Fragment,null,e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(o.UIToggle,{label:"Error",errorMessage:_}),e.default.createElement(o.UIToggle,{label:"Warning",warningMessage:_}),e.default.createElement(o.UIToggle,{label:"Info",infoMessage:_})),e.default.createElement("div",{style:{marginTop:"30px",width:"300px"}},e.default.createElement(o.UIToggle,{label:"Error",inlineLabel:!0,errorMessage:_}),e.default.createElement(o.UIToggle,{label:"Warning",inlineLabel:!0,warningMessage:_,labelFlexGrow:!0}),e.default.createElement(o.UIToggle,{label:"Info",inlineLabel:!0,infoMessage:_})),e.default.createElement("div",{style:{marginTop:"30px",width:"300px"}},e.default.createElement(o.UIToggle,{label:"Error",inlineLabel:!0,inlineLabelLeft:!0,errorMessage:_}),e.default.createElement(o.UIToggle,{label:"Warning",inlineLabel:!0,inlineLabelLeft:!0,warningMessage:_}),e.default.createElement(o.UIToggle,{label:"Info",inlineLabel:!0,inlineLabelLeft:!0,labelFlexGrow:!0,infoMessage:_})))};r.withMessages=f}}]);})();