@sap-ux/ui-components 1.13.0 → 1.13.2

package/dist/components/UICallout/UICallout.d.ts

@@ -3,6 +3,7 @@ import type { ICalloutProps, ICalloutContentStyles } from '@fluentui/react';
 export interface UICalloutProps extends ICalloutProps {
     calloutMinWidth?: number;
     contentPadding?: UICalloutContentPadding;
+    focusTargetSiblingOnTabPress?: boolean;
 }
 export declare const CALLOUT_STYLES: {
     background: string;
@@ -31,6 +32,14 @@ export declare class UICallout extends React.Component<UICalloutProps, {}> {
      * @param {UICalloutProps} props
      */
     constructor(props: UICalloutProps);
+    /**
+     * Method handles keydown event.
+     * If "focusTargetSiblingOnTabPress" property is set and 'Tab' key is pressed,
+     *  then method tries to focus next/previous sibling based on target.
+     *
+     * @param event Keydown event
+     */
+    private onKeyDown;
     /**
      * @returns {JSX.Element}
      */

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

@@ -1 +1 @@
-{"version":3,"file":"UICallout.d.ts","sourceRoot":"","sources":["../../../src/components/UICallout/UICallout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EACR,aAAa,EACb,qBAAqB,EAIxB,MAAM,iBAAiB,CAAC;AAGzB,MAAM,WAAW,cAAe,SAAQ,aAAa;IACjD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,cAAc,CAAC,EAAE,uBAAuB,CAAC;CAC5C;AAED,eAAO,MAAM,cAAc;;;;;;CAO1B,CAAC;AAEF,oBAAY,uBAAuB;IAC/B,IAAI,SAAS;IACb,QAAQ,aAAa;CACxB;AAsBD,eAAO,MAAM,eAAe,UAAW,cAAc,KAAG,qBA8BvD,CAAC;AAEF;;;;;;;GAOG;AACH,qBAAa,SAAU,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,EAAE,EAAE,CAAC;IAC9D;;;;OAIG;gBACgB,KAAK,EAAE,cAAc;IAIxC;;OAEG;IACH,MAAM,IAAI,GAAG,CAAC,OAAO;CAOxB"}
+{"version":3,"file":"UICallout.d.ts","sourceRoot":"","sources":["../../../src/components/UICallout/UICallout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EACR,aAAa,EACb,qBAAqB,EAIxB,MAAM,iBAAiB,CAAC;AAIzB,MAAM,WAAW,cAAe,SAAQ,aAAa;IACjD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,cAAc,CAAC,EAAE,uBAAuB,CAAC;IACzC,4BAA4B,CAAC,EAAE,OAAO,CAAC;CAC1C;AAED,eAAO,MAAM,cAAc;;;;;;CAO1B,CAAC;AAEF,oBAAY,uBAAuB;IAC/B,IAAI,SAAS;IACb,QAAQ,aAAa;CACxB;AAsBD,eAAO,MAAM,eAAe,UAAW,cAAc,KAAG,qBA8BvD,CAAC;AAEF;;;;;;;GAOG;AACH,qBAAa,SAAU,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,EAAE,EAAE,CAAC;IAC9D;;;;OAIG;gBACgB,KAAK,EAAE,cAAc;IAKxC;;;;;;OAMG;IACH,OAAO,CAAC,SAAS;IAoBjB;;OAEG;IACH,MAAM,IAAI,GAAG,CAAC,OAAO;CAOxB"}

package/dist/components/UICallout/UICallout.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.UICallout = exports.getCalloutStyle = exports.UICalloutContentPadding = exports.CALLOUT_STYLES = void 0;
 const react_1 = __importDefault(require("react"));
 const react_2 = require("@fluentui/react");
+const utilities_1 = require("../../utilities");
 exports.CALLOUT_STYLES = {
     background: 'var(--vscode-editorSuggestWidget-background)',
     boxShadow: '0 2px 6px rgb(0 0 0 / 20%), 0 0 0 1px var(--vscode-contrastBorder, var(--vscode-editorSuggestWidget-border))',
@@ -81,12 +82,40 @@ class UICallout extends react_1.default.Component {
      */
     constructor(props) {
         super(props);
+        this.onKeyDown = this.onKeyDown.bind(this);
+    }
+    /**
+     * Method handles keydown event.
+     * If "focusTargetSiblingOnTabPress" property is set and 'Tab' key is pressed,
+     *  then method tries to focus next/previous sibling based on target.
+     *
+     * @param event Keydown event
+     */
+    onKeyDown(event) {
+        const { onKeyDown, focusTargetSiblingOnTabPress, target } = this.props;
+        if (focusTargetSiblingOnTabPress && event.key === 'Tab' && target) {
+            let targetRef = null;
+            if (typeof target === 'string') {
+                const currentDoc = (0, react_2.getDocument)();
+                targetRef = currentDoc?.querySelector(target);
+            }
+            else if ('getBoundingClientRect' in target && (0, utilities_1.isHTMLElement)(target)) {
+                targetRef = target;
+            }
+            if (targetRef && (0, utilities_1.focusToSibling)(targetRef, !event.shiftKey)) {
+                // Stop event bubbling to avoid default browser behavior
+                event.stopPropagation();
+                event.preventDefault();
+            }
+        }
+        // Call external subscriber
+        onKeyDown?.(event);
     }
     /**
      * @returns {JSX.Element}
      */
     render() {
-        return (react_1.default.createElement(react_2.Callout, { ...this.props, styles: (0, exports.getCalloutStyle)(this.props) }, this.props.children));
+        return (react_1.default.createElement(react_2.Callout, { ...this.props, onKeyDown: this.onKeyDown, styles: (0, exports.getCalloutStyle)(this.props) }, this.props.children));
     }
 }
 exports.UICallout = UICallout;

package/dist/components/UICallout/UICallout.js.map

@@ -1 +1 @@
-{"version":3,"file":"UICallout.js","sourceRoot":"","sources":["../../../src/components/UICallout/UICallout.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAQ1B,2CAA0C;AAO7B,QAAA,cAAc,GAAG;IAC1B,UAAU,EAAE,8CAA8C;IAC1D,SAAS,EACL,8GAA8G;IAClH,IAAI,EAAE,8CAA8C;IACpD,IAAI,EAAE,2BAA2B;IACjC,YAAY,EAAE,CAAC;CAClB,CAAC;AAEF,IAAY,uBAGX;AAHD,WAAY,uBAAuB;IAC/B,wCAAa,CAAA;IACb,gDAAqB,CAAA;AACzB,CAAC,EAHW,uBAAuB,GAAvB,+BAAuB,KAAvB,+BAAuB,QAGlC;AAED,sGAAsG;AACtG,MAAM,uBAAuB,GAAG,IAAI,GAAG,CAAkC,CAAC,CAAC,uBAAuB,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;AAElH;;;;;;GAMG;AACH,MAAM,gBAAgB,GAAG,CACrB,MAA4F,EAC5F,IAAiC,EACxB,EAAE;IACX,IAAI,OAAO,MAAM,KAAK,QAAQ,IAAI,OAAO,MAAM,CAAC,IAAI,CAAC,KAAK,QAAQ,EAAE;QAChE,OAAO,MAAM,CAAC,IAAI,CAAc,CAAC;KACpC;IACD,OAAO,EAAE,CAAC;AACd,CAAC,CAAC;AAEK,MAAM,eAAe,GAAG,CAAC,KAAqB,EAAyB,EAAE;IAC5E,OAAO;QACH,IAAI,EAAE;YACF,SAAS,EAAE,sBAAc,CAAC,SAAS;YACnC,eAAe,EAAE,aAAa;YAC9B,YAAY,EAAE,sBAAc,CAAC,YAAY;YACzC,GAAG,gBAAgB,CAAC,KAAK,CAAC,MAAM,EAAE,MAAM,CAAC;SAC5C;QACD,IAAI,EAAE;YACF,eAAe,EAAE,sBAAc,CAAC,UAAU;YAC1C,SAAS,EAAE,sBAAc,CAAC,SAAS;YACnC,GAAG,gBAAgB,CAAC,KAAK,CAAC,MAAM,EAAE,MAAM,CAAC;SAC5C;QACD,WAAW,EAAE;YACT,eAAe,EAAE,sBAAc,CAAC,UAAU;YAC1C,YAAY,EAAE,sBAAc,CAAC,YAAY;YACzC,GAAG,gBAAgB,CAAC,KAAK,CAAC,MAAM,EAAE,aAAa,CAAC;SACnD;QACD,WAAW,EAAE;YACT,eAAe,EAAE,sBAAc,CAAC,UAAU;YAC1C,KAAK,EAAE,sBAAc,CAAC,IAAI;YAC1B,UAAU,EAAE,sBAAc,CAAC,IAAI;YAC/B,YAAY,EAAE,sBAAc,CAAC,YAAY;YACzC,QAAQ,EAAE,KAAK,CAAC,eAAe,IAAI,GAAG;YACtC,SAAS,EAAE,YAAY;YACvB,OAAO,EAAE,uBAAuB,CAAC,GAAG,CAAC,KAAK,CAAC,cAAc,IAAI,uBAAuB,CAAC,IAAI,CAAC;YAC1F,GAAG,gBAAgB,CAAC,KAAK,CAAC,MAAM,EAAE,aAAa,CAAC;SACnD;QACD,SAAS,EAAE,gBAAgB,CAAC,KAAK,CAAC,MAAM,EAAE,WAAW,CAAC;KACzD,CAAC;AACN,CAAC,CAAC;AA9BW,QAAA,eAAe,mBA8B1B;AAEF;;;;;;;GAOG;AACH,MAAa,SAAU,SAAQ,eAAK,CAAC,SAA6B;IAC9D;;;;OAIG;IACH,YAAmB,KAAqB;QACpC,KAAK,CAAC,KAAK,CAAC,CAAC;IACjB,CAAC;IAED;;OAEG;IACH,MAAM;QACF,OAAO,CACH,8BAAC,eAAO,OAAK,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,IAAA,uBAAe,EAAC,IAAI,CAAC,KAAK,CAAC,IACvD,IAAI,CAAC,KAAK,CAAC,QAAQ,CACd,CACb,CAAC;IACN,CAAC;CACJ;AApBD,8BAoBC"}
+{"version":3,"file":"UICallout.js","sourceRoot":"","sources":["../../../src/components/UICallout/UICallout.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAQ1B,2CAAuD;AACvD,+CAAgE;AAQnD,QAAA,cAAc,GAAG;IAC1B,UAAU,EAAE,8CAA8C;IAC1D,SAAS,EACL,8GAA8G;IAClH,IAAI,EAAE,8CAA8C;IACpD,IAAI,EAAE,2BAA2B;IACjC,YAAY,EAAE,CAAC;CAClB,CAAC;AAEF,IAAY,uBAGX;AAHD,WAAY,uBAAuB;IAC/B,wCAAa,CAAA;IACb,gDAAqB,CAAA;AACzB,CAAC,EAHW,uBAAuB,GAAvB,+BAAuB,KAAvB,+BAAuB,QAGlC;AAED,sGAAsG;AACtG,MAAM,uBAAuB,GAAG,IAAI,GAAG,CAAkC,CAAC,CAAC,uBAAuB,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;AAElH;;;;;;GAMG;AACH,MAAM,gBAAgB,GAAG,CACrB,MAA4F,EAC5F,IAAiC,EACxB,EAAE;IACX,IAAI,OAAO,MAAM,KAAK,QAAQ,IAAI,OAAO,MAAM,CAAC,IAAI,CAAC,KAAK,QAAQ,EAAE;QAChE,OAAO,MAAM,CAAC,IAAI,CAAc,CAAC;KACpC;IACD,OAAO,EAAE,CAAC;AACd,CAAC,CAAC;AAEK,MAAM,eAAe,GAAG,CAAC,KAAqB,EAAyB,EAAE;IAC5E,OAAO;QACH,IAAI,EAAE;YACF,SAAS,EAAE,sBAAc,CAAC,SAAS;YACnC,eAAe,EAAE,aAAa;YAC9B,YAAY,EAAE,sBAAc,CAAC,YAAY;YACzC,GAAG,gBAAgB,CAAC,KAAK,CAAC,MAAM,EAAE,MAAM,CAAC;SAC5C;QACD,IAAI,EAAE;YACF,eAAe,EAAE,sBAAc,CAAC,UAAU;YAC1C,SAAS,EAAE,sBAAc,CAAC,SAAS;YACnC,GAAG,gBAAgB,CAAC,KAAK,CAAC,MAAM,EAAE,MAAM,CAAC;SAC5C;QACD,WAAW,EAAE;YACT,eAAe,EAAE,sBAAc,CAAC,UAAU;YAC1C,YAAY,EAAE,sBAAc,CAAC,YAAY;YACzC,GAAG,gBAAgB,CAAC,KAAK,CAAC,MAAM,EAAE,aAAa,CAAC;SACnD;QACD,WAAW,EAAE;YACT,eAAe,EAAE,sBAAc,CAAC,UAAU;YAC1C,KAAK,EAAE,sBAAc,CAAC,IAAI;YAC1B,UAAU,EAAE,sBAAc,CAAC,IAAI;YAC/B,YAAY,EAAE,sBAAc,CAAC,YAAY;YACzC,QAAQ,EAAE,KAAK,CAAC,eAAe,IAAI,GAAG;YACtC,SAAS,EAAE,YAAY;YACvB,OAAO,EAAE,uBAAuB,CAAC,GAAG,CAAC,KAAK,CAAC,cAAc,IAAI,uBAAuB,CAAC,IAAI,CAAC;YAC1F,GAAG,gBAAgB,CAAC,KAAK,CAAC,MAAM,EAAE,aAAa,CAAC;SACnD;QACD,SAAS,EAAE,gBAAgB,CAAC,KAAK,CAAC,MAAM,EAAE,WAAW,CAAC;KACzD,CAAC;AACN,CAAC,CAAC;AA9BW,QAAA,eAAe,mBA8B1B;AAEF;;;;;;;GAOG;AACH,MAAa,SAAU,SAAQ,eAAK,CAAC,SAA6B;IAC9D;;;;OAIG;IACH,YAAmB,KAAqB;QACpC,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC/C,CAAC;IAED;;;;;;OAMG;IACK,SAAS,CAAC,KAA0C;QACxD,MAAM,EAAE,SAAS,EAAE,4BAA4B,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QACvE,IAAI,4BAA4B,IAAI,KAAK,CAAC,GAAG,KAAK,KAAK,IAAI,MAAM,EAAE;YAC/D,IAAI,SAAS,GAAmC,IAAI,CAAC;YACrD,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE;gBAC5B,MAAM,UAAU,GAAG,IAAA,mBAAW,GAAE,CAAC;gBACjC,SAAS,GAAG,UAAU,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;aACjD;iBAAM,IAAI,uBAAuB,IAAI,MAAM,IAAI,IAAA,yBAAa,EAAC,MAAM,CAAC,EAAE;gBACnE,SAAS,GAAG,MAAM,CAAC;aACtB;YACD,IAAI,SAAS,IAAI,IAAA,0BAAc,EAAC,SAAS,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE;gBACzD,wDAAwD;gBACxD,KAAK,CAAC,eAAe,EAAE,CAAC;gBACxB,KAAK,CAAC,cAAc,EAAE,CAAC;aAC1B;SACJ;QACD,2BAA2B;QAC3B,SAAS,EAAE,CAAC,KAAK,CAAC,CAAC;IACvB,CAAC;IAED;;OAEG;IACH,MAAM;QACF,OAAO,CACH,8BAAC,eAAO,OAAK,IAAI,CAAC,KAAK,EAAE,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE,MAAM,EAAE,IAAA,uBAAe,EAAC,IAAI,CAAC,KAAK,CAAC,IAClF,IAAI,CAAC,KAAK,CAAC,QAAQ,CACd,CACb,CAAC;IACN,CAAC;CACJ;AAhDD,8BAgDC"}

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

@@ -1 +1 @@
-{"version":3,"file":"UIContextualMenu.d.ts","sourceRoot":"","sources":["../../../src/components/UIContextualMenu/UIContextualMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,qBAAqB,EAAE,yBAAyB,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AAC/G,OAAO,EAAkB,sBAAsB,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AACpH,OAAO,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAEtD,OAAO,EAAE,mBAAmB,IAAI,oBAAoB,EAAE,CAAC;AACvD,OAAO,EAAE,oBAAoB,IAAI,qBAAqB,EAAE,CAAC;AACzD,OAAO,EAAE,sBAAsB,IAAI,wBAAwB,EAAE,CAAC;AAI9D,OAAO,yBAAyB,CAAC;AAIjC;;;;GAIG;AACH,wBAAgB,yBAAyB,IAAI,OAAO,CAAC,qBAAqB,CAAC,CAQ1E;AAED;;;;GAIG;AACH,wBAAgB,6BAA6B,IAAI,OAAO,CAAC,yBAAyB,CAAC,CA8BlF;AAED;;;;;GAKG;AACH,wBAAgB,gCAAgC,CAAC,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,qBAAqB,CAAC,CAUlG;AA2CD,MAAM,WAAW,sBAAuB,SAAQ,oBAAoB;IAChE,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAsB7D,CAAC"}
+{"version":3,"file":"UIContextualMenu.d.ts","sourceRoot":"","sources":["../../../src/components/UIContextualMenu/UIContextualMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,qBAAqB,EAAE,yBAAyB,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AAC/G,OAAO,EAAkB,sBAAsB,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AACpH,OAAO,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAEtD,OAAO,EAAE,mBAAmB,IAAI,oBAAoB,EAAE,CAAC;AACvD,OAAO,EAAE,oBAAoB,IAAI,qBAAqB,EAAE,CAAC;AACzD,OAAO,EAAE,sBAAsB,IAAI,wBAAwB,EAAE,CAAC;AAI9D,OAAO,yBAAyB,CAAC;AAIjC;;;;GAIG;AACH,wBAAgB,yBAAyB,IAAI,OAAO,CAAC,qBAAqB,CAAC,CAQ1E;AAED;;;;GAIG;AACH,wBAAgB,6BAA6B,IAAI,OAAO,CAAC,yBAAyB,CAAC,CA8BlF;AAED;;;;;GAKG;AACH,wBAAgB,gCAAgC,CAAC,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,qBAAqB,CAAC,CAMlG;AA2CD,MAAM,WAAW,sBAAuB,SAAQ,oBAAoB;IAChE,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAsB7D,CAAC"}

package/dist/components/UIContextualMenu/UIContextualMenu.js

@@ -71,10 +71,6 @@ exports.getUIContextualMenuItemStyles = getUIContextualMenuItemStyles;
 function getUIcontextualMenuCalloutStyles(maxWidth) {
     return {
         root: {
-            // workaround. resolves callout root element borders being cut or invisible
-            // issue appears in webkit based environments with double as devicePixelRatio value
-            animationFillMode: 'none',
-            transform: 'rotate(0.0001deg)',
             maxWidth: maxWidth
         }
     };

package/dist/components/UIContextualMenu/UIContextualMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"UIContextualMenu.js","sourceRoot":"","sources":["../../../src/components/UIContextualMenu/UIContextualMenu.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,2CAAoH;AAKjF,yGALV,8BAAsB,OAKY;AAE3D,oCAAmC;AAEnC,mCAAiC;AAEjC,MAAM,gBAAgB,GAAG,EAAE,QAAQ,EAAE,eAAO,CAAC,SAAS,EAAE,CAAC;AAEzD;;;;GAIG;AACH,SAAgB,yBAAyB;IACrC,OAAO;QACH,IAAI,EAAE;YACF,QAAQ,EAAE,GAAG;YACb,UAAU,EAAE,gCAAgC;YAC5C,MAAM,EAAE,CAAC;SACZ;KACJ,CAAC;AACN,CAAC;AARD,8DAQC;AAED;;;;GAIG;AACH,SAAgB,6BAA6B;IACzC,OAAO;QACH,aAAa,EAAE;YACX,KAAK,EAAE,0BAA0B;YACjC,SAAS,EAAE,EAAE;YACb,QAAQ,EAAE,EAAE;YACZ,UAAU,EAAE,EAAE;YACd,MAAM,EAAE,CAAC;SACZ;QACD,IAAI,EAAE;YACF,UAAU,EAAE,CAAC;YACb,WAAW,EAAE,CAAC;SACjB;QACD,KAAK,EAAE;YACH,UAAU,EAAE,2BAA2B;YACvC,UAAU,EAAE,EAAE;YACd,MAAM,EAAE,EAAE;SACb;QACD,WAAW,EAAE;YACT,QAAQ,EAAE,EAAE;YACZ,MAAM,EAAE,MAAM;SACjB;QACD,WAAW,EAAE;YACT,MAAM,EAAE,EAAE;YACV,KAAK,EAAE,EAAE;YACT,SAAS,EAAE,gBAAgB;YAC3B,eAAe,EAAE,SAAS;YAC1B,UAAU,EAAE,CAAC;SAChB;KACJ,CAAC;AACN,CAAC;AA9BD,sEA8BC;AAED;;;;;GAKG;AACH,SAAgB,gCAAgC,CAAC,QAAiB;IAC9D,OAAO;QACH,IAAI,EAAE;YACF,2EAA2E;YAC3E,mFAAmF;YACnF,iBAAiB,EAAE,MAAM;YACzB,SAAS,EAAE,mBAAmB;YAC9B,QAAQ,EAAE,QAAQ;SACrB;KACJ,CAAC;AACN,CAAC;AAVD,4EAUC;AAED;;;;;;GAMG;AACH,SAAS,8BAA8B,CAAC,KAA4B;IAChE,OAAO,KAAK,CAAC,GAAG,CAAC,CAAC,IAAyB,EAAE,EAAE;QAC3C,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE;YACjB,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC;SACvB;QAED,IAAI,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE;YACvB,IAAI,CAAC,SAAS,CAAC,MAAM,GAAG;gBACpB,GAAG,6BAA6B,EAAE;gBAClC,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM;aAC3B,CAAC;SACL;aAAM;YACH,IAAI,CAAC,SAAS,CAAC,MAAM,GAAG,6BAA6B,EAAE,CAAC;SAC3D;QAED,IAAI,CAAC,IAAI,CAAC,gBAAgB,EAAE;YACxB,IAAI,CAAC,gBAAgB,GAAG,gBAAgB,CAAC;SAC5C;QAED,IAAI,IAAI,EAAE,SAAS,EAAE;YACjB,IAAI,CAAC,eAAe,GAAG,CAAC,KAAK,EAAE,SAAS,EAAmB,EAAE;gBACzD,OAAO,CACH;oBACK,SAAS,CAAC,cAAc,CAAC,KAAK,CAAC;oBAC/B,SAAS,CAAC,cAAc,CAAC,KAAK,CAAC,CACjC,CACN,CAAC;YACN,CAAC,CAAC;SACL;QAED,OAAO,IAAI,CAAC;IAChB,CAAC,CAAC,CAAC;AACP,CAAC;AAMM,MAAM,gBAAgB,GAAqC,CAAC,KAAK,EAAE,EAAE;IACxE,MAAM,SAAS,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IAC/D,OAAO,CACH,8BAAC,sBAAc,OACP,KAAK,EACT,SAAS,EAAE,oBAAoB,SAAS,EAAE,EAC1C,KAAK,EAAE,8BAA8B,CAAC,KAAK,CAAC,KAAK,CAAC,EAClD,aAAa,EAAE,KAAK,EACpB,YAAY,EAAE;YACV,SAAS,EAAE,2BAA2B;YACtC,MAAM,EAAE,gCAAgC,CAAC,KAAK,CAAC,QAAQ,CAAC;YACxD,GAAG,KAAK,CAAC,YAAY;SACxB,EACD,MAAM,EAAE,EAAE,GAAG,yBAAyB,EAAE,EAAE,GAAG,KAAK,CAAC,MAAM,EAAE,EAC3D,eAAe,EAAE,CAAC,KAA4B,EAAsB,EAAE;YAClE,IAAI,CAAC,KAAK,EAAE;gBACR,OAAO,IAAI,CAAC;aACf;YACD,OAAO,8BAAC,wBAAgB,OAAK,KAAK,GAAI,CAAC;QAC3C,CAAC,GACH,CACL,CAAC;AACN,CAAC,CAAC;AAtBW,QAAA,gBAAgB,oBAsB3B"}
+{"version":3,"file":"UIContextualMenu.js","sourceRoot":"","sources":["../../../src/components/UIContextualMenu/UIContextualMenu.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,2CAAoH;AAKjF,yGALV,8BAAsB,OAKY;AAE3D,oCAAmC;AAEnC,mCAAiC;AAEjC,MAAM,gBAAgB,GAAG,EAAE,QAAQ,EAAE,eAAO,CAAC,SAAS,EAAE,CAAC;AAEzD;;;;GAIG;AACH,SAAgB,yBAAyB;IACrC,OAAO;QACH,IAAI,EAAE;YACF,QAAQ,EAAE,GAAG;YACb,UAAU,EAAE,gCAAgC;YAC5C,MAAM,EAAE,CAAC;SACZ;KACJ,CAAC;AACN,CAAC;AARD,8DAQC;AAED;;;;GAIG;AACH,SAAgB,6BAA6B;IACzC,OAAO;QACH,aAAa,EAAE;YACX,KAAK,EAAE,0BAA0B;YACjC,SAAS,EAAE,EAAE;YACb,QAAQ,EAAE,EAAE;YACZ,UAAU,EAAE,EAAE;YACd,MAAM,EAAE,CAAC;SACZ;QACD,IAAI,EAAE;YACF,UAAU,EAAE,CAAC;YACb,WAAW,EAAE,CAAC;SACjB;QACD,KAAK,EAAE;YACH,UAAU,EAAE,2BAA2B;YACvC,UAAU,EAAE,EAAE;YACd,MAAM,EAAE,EAAE;SACb;QACD,WAAW,EAAE;YACT,QAAQ,EAAE,EAAE;YACZ,MAAM,EAAE,MAAM;SACjB;QACD,WAAW,EAAE;YACT,MAAM,EAAE,EAAE;YACV,KAAK,EAAE,EAAE;YACT,SAAS,EAAE,gBAAgB;YAC3B,eAAe,EAAE,SAAS;YAC1B,UAAU,EAAE,CAAC;SAChB;KACJ,CAAC;AACN,CAAC;AA9BD,sEA8BC;AAED;;;;;GAKG;AACH,SAAgB,gCAAgC,CAAC,QAAiB;IAC9D,OAAO;QACH,IAAI,EAAE;YACF,QAAQ,EAAE,QAAQ;SACrB;KACJ,CAAC;AACN,CAAC;AAND,4EAMC;AAED;;;;;;GAMG;AACH,SAAS,8BAA8B,CAAC,KAA4B;IAChE,OAAO,KAAK,CAAC,GAAG,CAAC,CAAC,IAAyB,EAAE,EAAE;QAC3C,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE;YACjB,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC;SACvB;QAED,IAAI,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE;YACvB,IAAI,CAAC,SAAS,CAAC,MAAM,GAAG;gBACpB,GAAG,6BAA6B,EAAE;gBAClC,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM;aAC3B,CAAC;SACL;aAAM;YACH,IAAI,CAAC,SAAS,CAAC,MAAM,GAAG,6BAA6B,EAAE,CAAC;SAC3D;QAED,IAAI,CAAC,IAAI,CAAC,gBAAgB,EAAE;YACxB,IAAI,CAAC,gBAAgB,GAAG,gBAAgB,CAAC;SAC5C;QAED,IAAI,IAAI,EAAE,SAAS,EAAE;YACjB,IAAI,CAAC,eAAe,GAAG,CAAC,KAAK,EAAE,SAAS,EAAmB,EAAE;gBACzD,OAAO,CACH;oBACK,SAAS,CAAC,cAAc,CAAC,KAAK,CAAC;oBAC/B,SAAS,CAAC,cAAc,CAAC,KAAK,CAAC,CACjC,CACN,CAAC;YACN,CAAC,CAAC;SACL;QAED,OAAO,IAAI,CAAC;IAChB,CAAC,CAAC,CAAC;AACP,CAAC;AAMM,MAAM,gBAAgB,GAAqC,CAAC,KAAK,EAAE,EAAE;IACxE,MAAM,SAAS,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IAC/D,OAAO,CACH,8BAAC,sBAAc,OACP,KAAK,EACT,SAAS,EAAE,oBAAoB,SAAS,EAAE,EAC1C,KAAK,EAAE,8BAA8B,CAAC,KAAK,CAAC,KAAK,CAAC,EAClD,aAAa,EAAE,KAAK,EACpB,YAAY,EAAE;YACV,SAAS,EAAE,2BAA2B;YACtC,MAAM,EAAE,gCAAgC,CAAC,KAAK,CAAC,QAAQ,CAAC;YACxD,GAAG,KAAK,CAAC,YAAY;SACxB,EACD,MAAM,EAAE,EAAE,GAAG,yBAAyB,EAAE,EAAE,GAAG,KAAK,CAAC,MAAM,EAAE,EAC3D,eAAe,EAAE,CAAC,KAA4B,EAAsB,EAAE;YAClE,IAAI,CAAC,KAAK,EAAE;gBACR,OAAO,IAAI,CAAC;aACf;YACD,OAAO,8BAAC,wBAAgB,OAAK,KAAK,GAAI,CAAC;QAC3C,CAAC,GACH,CACL,CAAC;AACN,CAAC,CAAC;AAtBW,QAAA,gBAAgB,oBAsB3B"}

package/dist/components/UIContextualMenu/UIContextualMenu.scss

@@ -33,16 +33,16 @@
 }
 
 .ts-ContextualMenu-callout {
-    box-shadow: none;
     background: $menu-background;
     border: 1px solid $menu-border-color;
     border-radius: $menu-border-radius;
+    overflow: hidden;
+    // Apply workaround. resolves callout bottom border flickering during animation of opacity
+    box-shadow: transparent 0px 0px 1px;
 
     .ms-Callout-main {
         border-radius: $menu-border-radius;
         background: $menu-background;
-        // workaround. resolves callout root element borders being cut or invisible
-        transform: translateZ(0);
     }
 }
 

package/dist/utilities/Dom.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Method checks if passed Element is HTML Element.
+ *
+ * @param element Element.
+ * @returns True if passed Element is HTML Element.
+ */
+export declare function isHTMLElement(element: Element): element is HTMLElement;
+//# sourceMappingURL=Dom.d.ts.map

package/dist/utilities/Dom.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dom.d.ts","sourceRoot":"","sources":["../../src/utilities/Dom.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,wBAAgB,aAAa,CAAC,OAAO,EAAE,OAAO,GAAG,OAAO,IAAI,WAAW,CAEtE"}

package/dist/utilities/Dom.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isHTMLElement = void 0;
+/**
+ * Method checks if passed Element is HTML Element.
+ *
+ * @param element Element.
+ * @returns True if passed Element is HTML Element.
+ */
+function isHTMLElement(element) {
+    return 'title' in element;
+}
+exports.isHTMLElement = isHTMLElement;
+//# sourceMappingURL=Dom.js.map

package/dist/utilities/Dom.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dom.js","sourceRoot":"","sources":["../../src/utilities/Dom.ts"],"names":[],"mappings":";;;AAAA;;;;;GAKG;AACH,SAAgB,aAAa,CAAC,OAAgB;IAC1C,OAAO,OAAO,IAAI,OAAO,CAAC;AAC9B,CAAC;AAFD,sCAEC"}

package/dist/utilities/Focus.d.ts

@@ -1,5 +1,15 @@
-import { getFirstFocusable, getLastFocusable, setFocusVisibility } from '@fluentui/react';
+import { getFirstFocusable, getLastFocusable, setFocusVisibility, getNextElement, getPreviousElement } from '@fluentui/react';
 export { getFirstFocusable as getUIFirstFocusable };
 export { getLastFocusable as getUILastFocusable };
 export { setFocusVisibility as setUIFocusVisibility };
+export { getNextElement };
+export { getPreviousElement };
+/**
+ * Method redirects focus to next or previous element based on source element in stack/sequence in DOM.
+ *
+ * @param source Source/current element.
+ * @param next `true` if should focus next or `false` if should focus previous.
+ * @returns Redirected element.
+ */
+export declare function focusToSibling(source: HTMLElement, next: boolean): HTMLElement | null;
 //# sourceMappingURL=Focus.d.ts.map

package/dist/utilities/Focus.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Focus.d.ts","sourceRoot":"","sources":["../../src/utilities/Focus.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAE1F,OAAO,EAAE,iBAAiB,IAAI,mBAAmB,EAAE,CAAC;AACpD,OAAO,EAAE,gBAAgB,IAAI,kBAAkB,EAAE,CAAC;AAClD,OAAO,EAAE,kBAAkB,IAAI,oBAAoB,EAAE,CAAC"}
+{"version":3,"file":"Focus.d.ts","sourceRoot":"","sources":["../../src/utilities/Focus.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,iBAAiB,EACjB,gBAAgB,EAChB,kBAAkB,EAClB,cAAc,EACd,kBAAkB,EAErB,MAAM,iBAAiB,CAAC;AAEzB,OAAO,EAAE,iBAAiB,IAAI,mBAAmB,EAAE,CAAC;AACpD,OAAO,EAAE,gBAAgB,IAAI,kBAAkB,EAAE,CAAC;AAClD,OAAO,EAAE,kBAAkB,IAAI,oBAAoB,EAAE,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,CAAC;AAE9B;;;;;;GAMG;AACH,wBAAgB,cAAc,CAAC,MAAM,EAAE,WAAW,EAAE,IAAI,EAAE,OAAO,GAAG,WAAW,GAAG,IAAI,CAerF"}

package/dist/utilities/Focus.js

@@ -1,8 +1,35 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.setUIFocusVisibility = exports.getUILastFocusable = exports.getUIFirstFocusable = void 0;
+exports.focusToSibling = exports.getPreviousElement = exports.getNextElement = exports.setUIFocusVisibility = exports.getUILastFocusable = exports.getUIFirstFocusable = void 0;
 const react_1 = require("@fluentui/react");
 Object.defineProperty(exports, "getUIFirstFocusable", { enumerable: true, get: function () { return react_1.getFirstFocusable; } });
 Object.defineProperty(exports, "getUILastFocusable", { enumerable: true, get: function () { return react_1.getLastFocusable; } });
 Object.defineProperty(exports, "setUIFocusVisibility", { enumerable: true, get: function () { return react_1.setFocusVisibility; } });
+Object.defineProperty(exports, "getNextElement", { enumerable: true, get: function () { return react_1.getNextElement; } });
+Object.defineProperty(exports, "getPreviousElement", { enumerable: true, get: function () { return react_1.getPreviousElement; } });
+/**
+ * Method redirects focus to next or previous element based on source element in stack/sequence in DOM.
+ *
+ * @param source Source/current element.
+ * @param next `true` if should focus next or `false` if should focus previous.
+ * @returns Redirected element.
+ */
+function focusToSibling(source, next) {
+    const document = (0, react_1.getDocument)();
+    if (document) {
+        let element = null;
+        if (next) {
+            element = (0, react_1.getNextElement)(document.body, source, false, false, true, true);
+        }
+        else {
+            element = (0, react_1.getPreviousElement)(document.body, source, false, false, true, true);
+        }
+        if (element) {
+            element.focus();
+            return element;
+        }
+    }
+    return null;
+}
+exports.focusToSibling = focusToSibling;
 //# sourceMappingURL=Focus.js.map

package/dist/utilities/Focus.js.map

@@ -1 +1 @@
-{"version":3,"file":"Focus.js","sourceRoot":"","sources":["../../src/utilities/Focus.ts"],"names":[],"mappings":";;;AAAA,2CAA0F;AAE5D,oGAFrB,yBAAiB,OAEuB;AACpB,mGAHD,wBAAgB,OAGG;AAChB,qGAJe,0BAAkB,OAIb"}
+{"version":3,"file":"Focus.js","sourceRoot":"","sources":["../../src/utilities/Focus.ts"],"names":[],"mappings":";;;AAAA,2CAOyB;AAEK,oGAR1B,yBAAiB,OAQ4B;AACpB,mGARzB,wBAAgB,OAQ2B;AAChB,qGAR3B,0BAAkB,OAQ6B;AAC1C,+FARL,sBAAc,OAQK;AACd,mGARL,0BAAkB,OAQK;AAE3B;;;;;;GAMG;AACH,SAAgB,cAAc,CAAC,MAAmB,EAAE,IAAa;IAC7D,MAAM,QAAQ,GAAG,IAAA,mBAAW,GAAE,CAAC;IAC/B,IAAI,QAAQ,EAAE;QACV,IAAI,OAAO,GAAuB,IAAI,CAAC;QACvC,IAAI,IAAI,EAAE;YACN,OAAO,GAAG,IAAA,sBAAc,EAAC,QAAQ,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;SAC7E;aAAM;YACH,OAAO,GAAG,IAAA,0BAAkB,EAAC,QAAQ,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;SACjF;QACD,IAAI,OAAO,EAAE;YACT,OAAO,CAAC,KAAK,EAAE,CAAC;YAChB,OAAO,OAAO,CAAC;SAClB;KACJ;IACD,OAAO,IAAI,CAAC;AAChB,CAAC;AAfD,wCAeC"}

package/dist/utilities/index.d.ts

@@ -1,3 +1,4 @@
+export * from './Dom';
 export * from './Focus';
 export * from './Id';
 export * from './Keys';

package/dist/utilities/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utilities/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,MAAM,CAAC;AACrB,cAAc,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utilities/index.ts"],"names":[],"mappings":"AAAA,cAAc,OAAO,CAAC;AACtB,cAAc,SAAS,CAAC;AACxB,cAAc,MAAM,CAAC;AACrB,cAAc,QAAQ,CAAC"}

package/dist/utilities/index.js

@@ -14,6 +14,7 @@ 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 });
+__exportStar(require("./Dom"), exports);
 __exportStar(require("./Focus"), exports);
 __exportStar(require("./Id"), exports);
 __exportStar(require("./Keys"), exports);

package/dist/utilities/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/utilities/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,0CAAwB;AACxB,uCAAqB;AACrB,yCAAuB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/utilities/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,wCAAsB;AACtB,0CAAwB;AACxB,uCAAqB;AACrB,yCAAuB"}

package/package.json

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

package/storybook/307.9b1e7ad5.iframe.bundle.js

@@ -0,0 +1 @@
+(()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[307],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/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.88.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIContextualMenu/UIContextualMenu.scss":(g,t,e)=>{var M=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),d=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/api.js"),l=d(M);l.push([g.id,'.ts-ContextualMenu-callout{background:var(--vscode-menu-background, var(--vscode-input-background));border:1px solid var(--vscode-focusBorder);border-radius:2px;overflow:hidden;box-shadow:rgba(0,0,0,0) 0px 0px 1px}.ts-ContextualMenu-callout .ms-Callout-main{border-radius:2px;background:var(--vscode-menu-background, var(--vscode-input-background))}.ts-ContextualMenu{background:var(--vscode-menu-background, var(--vscode-input-background))}.ts-ContextualMenu .ms-ContextualMenu-item>div,.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link,.ts-ContextualMenu .ms-ContextualMenu-item>div>button{min-height:22px;height:auto}.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link,.ts-ContextualMenu .ms-ContextualMenu-item>div>button{font-size:13px;color:var(--vscode-editorSuggestWidget-foreground);padding:0px 8px;padding-right:3px}.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link svg>path,.ts-ContextualMenu .ms-ContextualMenu-item>div>button svg>path{fill:var(--vscode-editorSuggestWidget-foreground)}.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link.is-disabled,.ts-ContextualMenu .ms-ContextualMenu-item>div>button.is-disabled{opacity:.2}.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link:hover,.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link:active,.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link.is-expanded,.ts-ContextualMenu .ms-ContextualMenu-item>div>button:hover,.ts-ContextualMenu .ms-ContextualMenu-item>div>button:active,.ts-ContextualMenu .ms-ContextualMenu-item>div>button.is-expanded{background-color:var(--vscode-list-hoverBackground);color:var(--vscode-editorSuggestWidget-foreground)}.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link:hover:after,.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link:active:after,.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link.is-expanded:after,.ts-ContextualMenu .ms-ContextualMenu-item>div>button:hover:after,.ts-ContextualMenu .ms-ContextualMenu-item>div>button:active:after,.ts-ContextualMenu .ms-ContextualMenu-item>div>button.is-expanded:after{outline:none;border:none}.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link:hover svg>path,.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link:active svg>path,.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link.is-expanded svg>path,.ts-ContextualMenu .ms-ContextualMenu-item>div>button:hover svg>path,.ts-ContextualMenu .ms-ContextualMenu-item>div>button:active svg>path,.ts-ContextualMenu .ms-ContextualMenu-item>div>button.is-expanded svg>path{fill:var(--vscode-editorSuggestWidget-foreground)}.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link:hover~.ms-ContextualMenu-splitMenu,.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link:active~.ms-ContextualMenu-splitMenu,.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link.is-expanded~.ms-ContextualMenu-splitMenu,.ts-ContextualMenu .ms-ContextualMenu-item>div>button:hover~.ms-ContextualMenu-splitMenu,.ts-ContextualMenu .ms-ContextualMenu-item>div>button:active~.ms-ContextualMenu-splitMenu,.ts-ContextualMenu .ms-ContextualMenu-item>div>button.is-expanded~.ms-ContextualMenu-splitMenu{background-color:var(--vscode-list-hoverBackground);color:var(--vscode-editorSuggestWidget-foreground)}.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link:hover~.ms-ContextualMenu-splitMenu:after,.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link:active~.ms-ContextualMenu-splitMenu:after,.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link.is-expanded~.ms-ContextualMenu-splitMenu:after,.ts-ContextualMenu .ms-ContextualMenu-item>div>button:hover~.ms-ContextualMenu-splitMenu:after,.ts-ContextualMenu .ms-ContextualMenu-item>div>button:active~.ms-ContextualMenu-splitMenu:after,.ts-ContextualMenu .ms-ContextualMenu-item>div>button.is-expanded~.ms-ContextualMenu-splitMenu:after{outline:none;border:none}.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link:hover~.ms-ContextualMenu-splitMenu svg>path,.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link:active~.ms-ContextualMenu-splitMenu svg>path,.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link.is-expanded~.ms-ContextualMenu-splitMenu svg>path,.ts-ContextualMenu .ms-ContextualMenu-item>div>button:hover~.ms-ContextualMenu-splitMenu svg>path,.ts-ContextualMenu .ms-ContextualMenu-item>div>button:active~.ms-ContextualMenu-splitMenu svg>path,.ts-ContextualMenu .ms-ContextualMenu-item>div>button.is-expanded~.ms-ContextualMenu-splitMenu svg>path{fill:var(--vscode-editorSuggestWidget-foreground)}.ts-ContextualMenu .ms-ContextualMenu-item>div>button{padding-right:0;width:calc(100% - 22px)}.ts-ContextualMenu .ms-ContextualMenu-item>div>button+span{display:none}.ts-ContextualMenu .ms-ContextualMenu-item .ms-ContextualMenu-splitMenu{padding:0;width:22px;min-width:22px}.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link:hover:after,.ts-ContextualMenu .ms-ContextualMenu-item>div:hover:after{content:"";position:absolute;inset:1px;z-index:1;outline:1px dashed var(--vscode-contrastActiveBorder);outline-offset:-1px;pointer-events:none;border:none}.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link:focus{background-color:var(--vscode-editorSuggestWidget-selectedBackground, var(--vscode-quickInputList-focusBackground));color:var(--vscode-editorSuggestWidget-selectedForeground, var(--vscode-quickInputList-focusForeground, var(--vscode-editorSuggestWidget-foreground)))}.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link:focus:after{content:"";position:absolute;inset:1px;z-index:1;outline:1px solid var(--vscode-focusBorder);outline-offset:-1px;pointer-events:none;border:none}.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link:focus svg>path{fill:var(--vscode-editorSuggestWidget-selectedForeground, var(--vscode-quickInputList-focusForeground, var(--vscode-editorSuggestWidget-foreground)))}.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link:focus:hover{background-color:var(--vscode-list-hoverBackground);color:var(--vscode-editorSuggestWidget-foreground)}.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link:focus:hover:after{content:"";position:absolute;inset:1px;z-index:1;outline:1px dashed var(--vscode-contrastActiveBorder);outline-offset:-1px;pointer-events:none;border:none}.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link:focus:hover svg>path{fill:var(--vscode-editorSuggestWidget-foreground)}.ts-ContextualMenu .ms-ContextualMenu-item>div:hover,.ts-ContextualMenu .ms-ContextualMenu-item>div:focus{background:rgba(0,0,0,0)}.ts-ContextualMenu .ms-ContextualMenu-item>div:focus>button:first-child{background-color:var(--vscode-editorSuggestWidget-selectedBackground, var(--vscode-quickInputList-focusBackground));color:var(--vscode-editorSuggestWidget-selectedForeground, var(--vscode-quickInputList-focusForeground, var(--vscode-editorSuggestWidget-foreground)))}.ts-ContextualMenu .ms-ContextualMenu-item>div:focus>button:first-child:after{outline:none;border:none}.ts-ContextualMenu .ms-ContextualMenu-item>div:focus>button:first-child svg>path{fill:var(--vscode-editorSuggestWidget-selectedForeground, var(--vscode-quickInputList-focusForeground, var(--vscode-editorSuggestWidget-foreground)))}.ts-ContextualMenu .ms-ContextualMenu-item>div:focus>button:first-child~.ms-ContextualMenu-splitMenu{background-color:var(--vscode-editorSuggestWidget-selectedBackground, var(--vscode-quickInputList-focusBackground));color:var(--vscode-editorSuggestWidget-selectedForeground, var(--vscode-quickInputList-focusForeground, var(--vscode-editorSuggestWidget-foreground)))}.ts-ContextualMenu .ms-ContextualMenu-item>div:focus>button:first-child~.ms-ContextualMenu-splitMenu:after{outline:none;border:none}.ts-ContextualMenu .ms-ContextualMenu-item>div:focus>button:first-child~.ms-ContextualMenu-splitMenu svg>path{fill:var(--vscode-editorSuggestWidget-selectedForeground, var(--vscode-quickInputList-focusForeground, var(--vscode-editorSuggestWidget-foreground)))}.ts-ContextualMenu .ms-ContextualMenu-item>div:focus:hover>button:first-child{background-color:var(--vscode-list-hoverBackground);color:var(--vscode-editorSuggestWidget-foreground)}.ts-ContextualMenu .ms-ContextualMenu-item>div:focus:hover>button:first-child:after{outline:none;border:none}.ts-ContextualMenu .ms-ContextualMenu-item>div:focus:hover>button:first-child svg>path{fill:var(--vscode-editorSuggestWidget-foreground)}.ts-ContextualMenu .ms-ContextualMenu-item>div:focus:hover>button:first-child~.ms-ContextualMenu-splitMenu{background-color:var(--vscode-list-hoverBackground);color:var(--vscode-editorSuggestWidget-foreground)}.ts-ContextualMenu .ms-ContextualMenu-item>div:focus:hover>button:first-child~.ms-ContextualMenu-splitMenu:after{outline:none;border:none}.ts-ContextualMenu .ms-ContextualMenu-item>div:focus:hover>button:first-child~.ms-ContextualMenu-splitMenu svg>path{fill:var(--vscode-editorSuggestWidget-foreground)}.ts-ContextualMenu .ms-ContextualMenu-item>div:focus:after{content:"";position:absolute;inset:1px;z-index:1;outline:1px solid var(--vscode-focusBorder);outline-offset:-1px;pointer-events:none;border:none}.ts-ContextualMenu .ms-ContextualMenu-item>div:hover:after{content:"";position:absolute;inset:1px;z-index:1;outline:1px dashed var(--vscode-contrastActiveBorder);outline-offset:-1px;pointer-events:none;border:none}.ts-ContextualMenu .ms-ContextualMenu-item>div .ms-ContextualMenu-splitMenu.is-expanded{background-color:var(--vscode-editorSuggestWidget-selectedBackground, var(--vscode-quickInputList-focusBackground));color:var(--vscode-editorSuggestWidget-selectedForeground, var(--vscode-quickInputList-focusForeground, var(--vscode-editorSuggestWidget-foreground)))}.ts-ContextualMenu .ms-ContextualMenu-item>div .ms-ContextualMenu-splitMenu.is-expanded:after{outline:none;border:none}.ts-ContextualMenu .ms-ContextualMenu-item>div .ms-ContextualMenu-splitMenu.is-expanded svg>path{fill:var(--vscode-editorSuggestWidget-selectedForeground, var(--vscode-quickInputList-focusForeground, var(--vscode-editorSuggestWidget-foreground)))}.ts-ContextualMenu .ms-ContextualMenu-item>div .ms-ContextualMenu-splitMenu.is-expanded:hover{background-color:var(--vscode-list-hoverBackground);color:var(--vscode-editorSuggestWidget-foreground)}.ts-ContextualMenu .ms-ContextualMenu-item>div .ms-ContextualMenu-splitMenu.is-expanded:hover:after{outline:none;border:none}.ts-ContextualMenu .ms-ContextualMenu-item>div .ms-ContextualMenu-splitMenu.is-expanded:hover svg>path{fill:var(--vscode-editorSuggestWidget-foreground)}.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-header{padding:0px 8px}.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-header .ms-ContextualMenu-itemText{color:var(--vscode-editorSuggestWidget-foreground);font-size:11px;font-weight:bold;text-transform:uppercase}.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-header .ms-ContextualMenu-linkContent,.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-header .ms-ContextualMenu-itemText{height:22px;line-height:22px}.ts-ContextualMenu .ms-ContextualMenu-itemText{margin:0}.ts-ContextualMenu .ms-ContextualMenu-icon{display:flex;width:12px;height:12px;margin:0 6px 0 0}.ts-ContextualMenu .ms-ContextualMenu-icon svg{width:100%;height:100%}.ts-ContextualMenu .ms-ContextualMenu-divider{background-color:var(--vscode-editorWidget-border)}',""]),g.exports=l},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/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.88.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIContextualMenu/UIHighlightMenuOption.scss":(g,t,e)=>{var M=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),d=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/api.js"),l=d(M);l.push([g.id,".ts-Menu-option{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.ts-Menu-option--highlighted{color:var(--vscode-editorSuggestWidget-highlightForeground);font-weight:bold}.ts-ComboBox--selected .ts-Menu-option--highlighted,.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link:focus .ts-Menu-option--highlighted,.ts-ContextualMenu .ms-ContextualMenu-item>div:focus .ts-Menu-option--highlighted{color:var(--vscode-editorSuggestWidget-focusHighlightForeground, var(--vscode-list-focusHighlightForeground))}",""]),g.exports=l},"./src/components/UIContextualMenu/UIContextualMenu.tsx":function(g,t,e){"use strict";var M=Object.defineProperty,d=Object.defineProperties,l=Object.getOwnPropertyDescriptors,u=Object.getOwnPropertySymbols,s=Object.prototype.hasOwnProperty,_=Object.prototype.propertyIsEnumerable,a=(o,n,m)=>n in o?M(o,n,{enumerable:!0,configurable:!0,writable:!0,value:m}):o[n]=m,c=(o,n)=>{for(var m in n||(n={}))s.call(n,m)&&a(o,m,n[m]);if(u)for(var m of u(n))_.call(n,m)&&a(o,m,n[m]);return o},f=(o,n)=>d(o,l(n)),C=this&&this.__importDefault||function(o){return o&&o.__esModule?o:{default:o}};Object.defineProperty(t,"__esModule",{value:!0}),t.UIContextualMenu=t.getUIcontextualMenuCalloutStyles=t.getUIContextualMenuItemStyles=t.getUIcontextualMenuStyles=t.UIContextualMenuItemType=t.UIContextualMenuProps=t.UIContextualMenuItem=t.IContextualMenuItem=void 0;const r=C(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),p=e("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(t,"UIContextualMenuItemType",{enumerable:!0,get:function(){return p.ContextualMenuItemType}}),Object.defineProperty(t,"UIContextualMenuProps",{enumerable:!0,get:function(){return p.IContextualMenuProps}}),Object.defineProperty(t,"UIContextualMenuItem",{enumerable:!0,get:function(){return p.IContextualMenuItem}});var x=e("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(t,"IContextualMenuItem",{enumerable:!0,get:function(){return x.IContextualMenuItem}});const v=e("./src/components/Icons.tsx");e("./src/components/UIContextualMenu/UIContextualMenu.scss");const y={iconName:v.UiIcons.ArrowDown};function i(){return{root:{minWidth:190,background:"var(--vscode-input-background)",border:0}}}t.getUIcontextualMenuStyles=i;function I(){return{checkmarkIcon:{color:"var(--vscode-foreground)",maxHeight:18,fontSize:16,lineHeight:18,margin:0},icon:{marginLeft:0,marginRight:6},label:{fontFamily:"var(--vscode-font-family)",lineHeight:18,height:18},linkContent:{fontSize:13,height:"auto"},subMenuIcon:{height:16,width:16,transform:"rotate(-90deg)",transformOrigin:"50% 50%",lineHeight:0}}}t.getUIContextualMenuItemStyles=I;function b(o){return{root:{maxWidth:o}}}t.getUIcontextualMenuCalloutStyles=b;function h(o){return o.map(n=>(n.itemProps||(n.itemProps={}),n.itemProps.styles?n.itemProps.styles=c(c({},I()),n.itemProps.styles):n.itemProps.styles=I(),n.submenuIconProps||(n.submenuIconProps=y),n!=null&&n.iconProps&&(n.onRenderContent=(m,E)=>r.default.createElement(r.default.Fragment,null,E.renderItemName(m),E.renderItemIcon(m))),n))}const P=o=>{const n=o.className?` ${o.className}`:"";return r.default.createElement(p.ContextualMenu,f(c({},o),{className:`ts-ContextualMenu${n}`,items:h(o.items),isBeakVisible:!1,calloutProps:c({className:"ts-ContextualMenu-callout",styles:b(o.maxWidth)},o.calloutProps),styles:c(c({},i()),o.styles),onRenderSubMenu:m=>m?r.default.createElement(t.UIContextualMenu,c({},m)):null}))};t.UIContextualMenu=P},"./src/components/UIContextualMenu/UIHighlightMenuOption.tsx":function(g,t,e){"use strict";var M=this&&this.__importDefault||function(u){return u&&u.__esModule?u:{default:u}};Object.defineProperty(t,"__esModule",{value:!0}),t.UIHighlightMenuOption=void 0;const d=M(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js"));e("./src/components/UIContextualMenu/UIHighlightMenuOption.scss");class l extends d.default.Component{render(){let s=this.props.text,_=this.props.query;const a=[];if(s&&_){s=s.toString(),_=_.toLowerCase();const c=s.toLowerCase(),f=_.length;let C=0,r=c.indexOf(_);const p=x=>x?a.push(x):null;for(;r!==-1;)p(d.default.createElement("span",{key:"text-"+C},s.substring(C,r))),p(d.default.createElement("span",{className:"ts-Menu-option--highlighted",key:"highlight-"+r},s.substr(r,f))),C=r+f,r=c.indexOf(_,r+f),r===-1&&p(d.default.createElement("span",{key:"text-"+C},s.substring(C,c.length)))}return a.length===0&&a.push(s),d.default.createElement("div",{className:"ts-Menu-option"},a)}}t.UIHighlightMenuOption=l},"./src/components/UIContextualMenu/index.tsx":function(g,t,e){"use strict";var M=this&&this.__createBinding||(Object.create?function(l,u,s,_){_===void 0&&(_=s);var a=Object.getOwnPropertyDescriptor(u,s);(!a||("get"in a?!u.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return u[s]}}),Object.defineProperty(l,_,a)}:function(l,u,s,_){_===void 0&&(_=s),l[_]=u[s]}),d=this&&this.__exportStar||function(l,u){for(var s in l)s!=="default"&&!Object.prototype.hasOwnProperty.call(u,s)&&M(u,l,s)};Object.defineProperty(t,"__esModule",{value:!0}),d(e("./src/components/UIContextualMenu/UIContextualMenu.tsx"),t),d(e("./src/components/UIContextualMenu/UIHighlightMenuOption.tsx"),t)},"./src/components/UIContextualMenu/UIContextualMenu.scss":(g,t,e)=>{"use strict";e.r(t),e.d(t,{default:()=>b});var M=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),d=e.n(M),l=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),u=e.n(l),s=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),_=e.n(s),a=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),c=e.n(a),f=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),C=e.n(f),r=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),p=e.n(r),x=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/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.88.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIContextualMenu/UIContextualMenu.scss"),v=e.n(x),y={};for(const h in x)h!=="default"&&(y[h]=()=>x[h]);e.d(t,y);var i={};i.styleTagTransform=p(),i.setAttributes=c(),i.insert=_().bind(null,"head"),i.domAPI=u(),i.insertStyleElement=C();var I=d()(v(),i);const b=v()&&v().locals?v().locals:void 0},"./src/components/UIContextualMenu/UIHighlightMenuOption.scss":(g,t,e)=>{"use strict";e.r(t),e.d(t,{default:()=>b});var M=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),d=e.n(M),l=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),u=e.n(l),s=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),_=e.n(s),a=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),c=e.n(a),f=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),C=e.n(f),r=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),p=e.n(r),x=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/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.88.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIContextualMenu/UIHighlightMenuOption.scss"),v=e.n(x),y={};for(const h in x)h!=="default"&&(y[h]=()=>x[h]);e.d(t,y);var i={};i.styleTagTransform=p(),i.setAttributes=c(),i.insert=_().bind(null,"head"),i.domAPI=u(),i.insertStyleElement=C();var I=d()(v(),i);const b=v()&&v().locals?v().locals:void 0}}]);})();

package/storybook/494.1829058d.iframe.bundle.js

@@ -0,0 +1 @@
+"use strict";(()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[494],{"./src/components/UIButton/UIActionButton.tsx":function(y,t,r){var l=Object.defineProperty,b=Object.defineProperties,g=Object.getOwnPropertyDescriptors,a=Object.getOwnPropertySymbols,c=Object.prototype.hasOwnProperty,s=Object.prototype.propertyIsEnumerable,f=(n,e,o)=>e in n?l(n,e,{enumerable:!0,configurable:!0,writable:!0,value:o}):n[e]=o,v=(n,e)=>{for(var o in e||(e={}))c.call(e,o)&&f(n,o,e[o]);if(a)for(var o of a(e))s.call(e,o)&&f(n,o,e[o]);return n},h=(n,e)=>b(n,g(e)),p=this&&this.__importDefault||function(n){return n&&n.__esModule?n:{default:n}};Object.defineProperty(t,"__esModule",{value:!0}),t.UIActionButton=void 0;const i=p(r("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),m=r("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),_=r("./src/components/UIContextualMenu/index.tsx");class u extends i.default.Component{constructor(e){super(e),this.setStyle=()=>({root:{minWidth:"initial",height:22,fontSize:"13px",fontWeight:400,color:"var(--vscode-foreground)",borderRadius:0,whiteSpace:"nowrap",backgroundColor:"transparent",selectors:{"&:active":{textDecoration:"underline"},".ms-Fabric--isFocusVisible &:focus:after":{outline:"1px solid var(--vscode-focusBorder)"}}},label:{marginLeft:0,marginRight:0,fontSize:"13px",fontWeight:400,fontFamily:"var(--vscode-font-family)"},rootDisabled:{backgroundColor:"transparent",color:"var(--vscode-foreground)",opacity:"0.4",pointerEvents:"none"},rootHovered:{color:"var(--vscode-foreground)",textDecoration:"underline",backgroundColor:"transparent",selectors:{color:"var(--vscode-foreground)"}},icon:{height:16,lineHeight:16,marginLeft:-3,position:"relative",top:1},menuIcon:{position:"relative",top:1}})}render(){return i.default.createElement(m.ActionButton,h(v({},this.props),{styles:this.setStyle(),menuAs:_.UIContextualMenu}))}}t.UIActionButton=u},"./src/components/UIButton/UIDefaultButton.tsx":function(y,t,r){var l=Object.defineProperty,b=Object.defineProperties,g=Object.getOwnPropertyDescriptors,a=Object.getOwnPropertySymbols,c=Object.prototype.hasOwnProperty,s=Object.prototype.propertyIsEnumerable,f=(e,o,d)=>o in e?l(e,o,{enumerable:!0,configurable:!0,writable:!0,value:d}):e[o]=d,v=(e,o)=>{for(var d in o||(o={}))c.call(o,d)&&f(e,d,o[d]);if(a)for(var d of a(o))s.call(o,d)&&f(e,d,o[d]);return e},h=(e,o)=>b(e,g(o)),p=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.UIDefaultButton=void 0;const i=p(r("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),m=r("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),_=r("./src/components/UIContextualMenu/index.tsx"),u=r("./src/components/UIInput/index.tsx");class n extends i.default.Component{constructor(o){super(o),this.setStyle=d=>{const I={position:"absolute",width:1,right:21,top:0,bottom:0,backgroundColor:"var(--vscode-editor-background)"};return{root:h(v({minWidth:"initial",height:22,fontSize:"13px",fontWeight:400,fontFamily:"var(--vscode-font-family)",borderRadius:u.COMMON_INPUT_STYLES.borderRadius,paddingLeft:13,paddingRight:13,backgroundColor:"var(--vscode-button-secondaryBackground, #5f6a79)",borderColor:"var(--vscode-contrastBorder, var(--vscode-button-secondaryBackground, #5f6a79))",color:"var(--vscode-button-secondaryForeground, #ffffff)"},d.primary&&{backgroundColor:"var(--vscode-button-background)",borderColor:"var(--vscode-contrastBorder, var(--vscode-button-background))",color:"var(--vscode-button-foreground)"}),{selectors:{".ms-Fabric--isFocusVisible &:focus:after":{outlineColor:"var(--vscode-focusBorder)",inset:-3}}}),flexContainer:{height:18},label:{marginLeft:0,marginRight:0,fontWeight:400,lineHeight:20,whiteSpace:"nowrap"},rootDisabled:v({opacity:"0.5 !important",backgroundColor:"var(--vscode-button-secondaryBackground,#5f6a79)",borderColor:"var(--vscode-button-secondaryBackground, #5f6a79)",color:"var(--vscode-button-secondaryForeground, #ffffff)"},d.primary&&{opacity:"0.5 !important",color:"var(--vscode-button-foreground)",backgroundColor:"var(--vscode-button-background)",borderColor:"var(--vscode-button-background)"}),rootHovered:v({color:"var(--vscode-button-secondaryForeground, #ffffff)",backgroundColor:"var(--vscode-button-secondaryHoverBackground, #4c5561)",borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-button-secondaryHoverBackground, #4c5561))",selectors:{"svg > path, svg > rect":{fill:"var(--vscode-button-secondaryForeground, #ffffff)"}}},d.primary&&{color:"var(--vscode-button-foreground)",backgroundColor:"var(--vscode-button-hoverBackground)",borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-button-hoverBackground))",selectors:{"svg > path, svg > rect":{fill:"var(--vscode-button-foreground)"}}}),icon:v({height:16,lineHeight:16,marginLeft:-3,color:"var(--vscode-button-secondaryForeground)",selectors:{"svg > path, svg > rect":{fill:"var(--vscode-button-secondaryForeground, #ffffff)"}}},d.primary&&{color:"var(--vscode-button-foreground)",selectors:{"svg > path, svg > rect":{fill:"var(--vscode-button-foreground)"}}}),menuIcon:{selectors:v({"svg > path":{fill:"var(--vscode-button-secondaryForeground, #ffffff)"}},d.primary&&{"svg > path":{fill:"var(--vscode-button-foreground)"}})},splitButtonMenuButton:{padding:6,height:22,boxSizing:"border-box",borderRadius:`0 ${u.COMMON_INPUT_STYLES.borderRadius}px ${u.COMMON_INPUT_STYLES.borderRadius}px 0 !important`,borderLeft:"none",outline:"transparent",userSelect:"none",display:"inline-block",textDecoration:"none",textAlign:"center",cursor:"pointer",verticalAlign:"top",width:22,marginLeft:-1,marginTop:0,marginRight:0,marginBottom:0,backgroundColor:"var(--vscode-button-background)",borderColor:"var(--vscode-contrastBorder, var(--vscode-button-background))",color:"var(--vscode-button-foreground)",selectors:{"&:hover":{color:"var(--vscode-button-foreground)",backgroundColor:"var(--vscode-button-hoverBackground)",borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-button-hoverBackground))",selectors:{"svg > path, svg > rect":{fill:"var(--vscode-button-foreground)"}}}}},splitButtonMenuButtonDisabled:v({opacity:"0.5 !important",backgroundColor:"var(--vscode-button-secondaryBackground,#5f6a79)",borderColor:"var(--vscode-button-secondaryBackground, #5f6a79)",color:"var(--vscode-button-secondaryForeground, #ffffff)"},d.primary&&{color:"var(--vscode-button-foreground)",backgroundColor:"var(--vscode-button-background)",borderColor:"var(--vscode-button-background)"}),splitButtonMenuFocused:{selectors:{"&:focus":{color:"red"}}},splitButtonMenuButtonExpanded:{color:"var(--vscode-button-foreground)",backgroundColor:"var(--vscode-button-hoverBackground)",borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-button-hoverBackground))",selectors:{"svg > path, svg > rect":{fill:"var(--vscode-button-foreground)"},"&:hover":{color:"var(--vscode-button-foreground)",backgroundColor:"var(--vscode-button-hoverBackground)",borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-button-hoverBackground))",selectors:{"svg > path, svg > rect":{fill:"var(--vscode-button-foreground)"}}}}},splitButtonDivider:I,splitButtonDividerDisabled:I,splitButtonContainerFocused:{".ms-Fabric--isFocusVisible &:focus:after":{border:"none",outlineColor:"var(--vscode-focusBorder)",inset:-2}}}}}render(){return i.default.createElement(m.DefaultButton,h(v({},this.props),{styles:this.setStyle(this.props),menuAs:_.UIContextualMenu}))}}t.UIDefaultButton=n},"./src/components/UIButton/UIIconButton.tsx":function(y,t,r){var l=Object.defineProperty,b=Object.defineProperties,g=Object.getOwnPropertyDescriptors,a=Object.getOwnPropertySymbols,c=Object.prototype.hasOwnProperty,s=Object.prototype.propertyIsEnumerable,f=(e,o,d)=>o in e?l(e,o,{enumerable:!0,configurable:!0,writable:!0,value:d}):e[o]=d,v=(e,o)=>{for(var d in o||(o={}))c.call(o,d)&&f(e,d,o[d]);if(a)for(var d of a(o))s.call(o,d)&&f(e,d,o[d]);return e},h=(e,o)=>b(e,g(o)),p=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.UIIconButton=t.UIIconButtonSizes=void 0;const i=p(r("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),m=r("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),_=r("./src/components/UIContextualMenu/index.tsx");var u;(function(e){e.Default="Default",e.Wide="Wide"})(u=t.UIIconButtonSizes||(t.UIIconButtonSizes={}));class n extends i.default.Component{constructor(o){super(o),this.setStyle=d=>{const B=(d.sizeType||u.Default)===u.Default?16:26;return{root:{minWidth:"initial",height:16,width:B,boxSizing:"content-box",padding:3,backgroundColor:"transparent",borderRadius:4,selectors:{".ms-Fabric--isFocusVisible &:focus:after":{outline:"1px solid var(--vscode-focusBorder)"}}},rootDisabled:{backgroundColor:"transparent",opacity:"0.4"},rootHasMenu:{width:B},rootHovered:{backgroundColor:this.getButtonInteractionBackgroundColor("--vscode-toolbar-hoverBackground"),outline:"1px dashed var(--vscode-contrastActiveBorder)"},rootPressed:{backgroundColor:this.getButtonInteractionBackgroundColor("--vscode-toolbar-activeBackground")},rootExpanded:{backgroundColor:this.getButtonInteractionBackgroundColor("--vscode-toolbar-hoverBackground"),width:B},rootExpandedHovered:{backgroundColor:"transparent"},flexContainer:{width:"100%",height:"100%"},icon:{height:16,width:B,lineHeight:16},iconHovered:{backgroundColor:"transparent"},menuIconExpanded:{display:"none"},menuIcon:{display:"none"}}}}getButtonInteractionBackgroundColor(o){return`var(${o}, var(--vscode-menubar-selectionBackground))`}render(){return i.default.createElement(m.IconButton,h(v({},this.props),{styles:this.setStyle(this.props),menuAs:_.UIContextualMenu}))}}t.UIIconButton=n},"./src/components/UIButton/UISmallButton.tsx":function(y,t,r){var l=Object.defineProperty,b=Object.defineProperties,g=Object.getOwnPropertyDescriptors,a=Object.getOwnPropertySymbols,c=Object.prototype.hasOwnProperty,s=Object.prototype.propertyIsEnumerable,f=(u,n,e)=>n in u?l(u,n,{enumerable:!0,configurable:!0,writable:!0,value:e}):u[n]=e,v=(u,n)=>{for(var e in n||(n={}))c.call(n,e)&&f(u,e,n[e]);if(a)for(var e of a(n))s.call(n,e)&&f(u,e,n[e]);return u},h=(u,n)=>b(u,g(n)),p=this&&this.__importDefault||function(u){return u&&u.__esModule?u:{default:u}};Object.defineProperty(t,"__esModule",{value:!0}),t.UISmallButton=void 0;const i=p(r("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),m=r("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");class _ extends i.default.Component{constructor(n){super(n),this.buttonSecondaryForeground="--vscode-button-secondaryForeground",this.setStyle=e=>({root:h(v({minWidth:"initial",height:16,fontSize:"11px",fontWeight:400,fontFamily:"var(--vscode-font-family)",borderRadius:20,paddingLeft:13,paddingRight:13,backgroundColor:"var(--vscode-button-secondaryBackground, #5f6a79)",borderColor:"var(--vscode-contrastBorder, var(--vscode-button-secondaryBackground, #5f6a79))",color:this.getColorwithFallback(this.buttonSecondaryForeground,"#ffffff")},e.primary&&{backgroundColor:this.getColor("--vscode-button-background"),borderColor:"var(--vscode-contrastBorder, var(--vscode-button-background))",color:this.getColor("--vscode-button-foreground")}),{selectors:{".ms-Fabric--isFocusVisible &:focus:after":{outlineColor:"var(--vscode-focusBorder)",inset:-3}}}),label:{marginLeft:0,marginRight:0,fontWeight:400,lineHeight:11,whiteSpace:"nowrap"},rootDisabled:v({opacity:"0.5 !important",backgroundColor:"var(--vscode-button-secondaryBackground,#5f6a79)",borderColor:"var(--vscode-button-secondaryBackground, #5f6a79)",color:this.getColorwithFallback(this.buttonSecondaryForeground,"#ffffff")},e.primary&&{opacity:"0.5 !important",color:this.getColor("--vscode-button-foreground"),backgroundColor:"var(--vscode-button-background)",borderColor:"var(--vscode-button-background)"}),rootHovered:v({color:this.getColorwithFallback(this.buttonSecondaryForeground,"#ffffff"),backgroundColor:"var(--vscode-button-secondaryHoverBackground, #4c5561)",borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-button-secondaryHoverBackground, #4c5561))",selectors:{"svg > path, svg > rect":{fill:this.getColorwithFallback(this.buttonSecondaryForeground,"#ffffff")}}},e.primary&&{color:"var(--vscode-button-foreground)",backgroundColor:"var(--vscode-button-hoverBackground)",borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-button-hoverBackground))",selectors:{"svg > path, svg > rect":{fill:"var(--vscode-button-foreground)"}}})})}getColor(n){return`var(${n})`}getColorwithFallback(n,e){return`var(${n}, ${e})`}render(){return i.default.createElement(m.DefaultButton,h(v({},this.props),{styles:this.setStyle(this.props)}))}}t.UISmallButton=_},"./src/components/UIButton/UISplitButton.tsx":function(y,t,r){var l=this&&this.__createBinding||(Object.create?function(p,i,m,_){_===void 0&&(_=m);var u=Object.getOwnPropertyDescriptor(i,m);(!u||("get"in u?!i.__esModule:u.writable||u.configurable))&&(u={enumerable:!0,get:function(){return i[m]}}),Object.defineProperty(p,_,u)}:function(p,i,m,_){_===void 0&&(_=m),p[_]=i[m]}),b=this&&this.__setModuleDefault||(Object.create?function(p,i){Object.defineProperty(p,"default",{enumerable:!0,value:i})}:function(p,i){p.default=i}),g=this&&this.__importStar||function(p){if(p&&p.__esModule)return p;var i={};if(p!=null)for(var m in p)m!=="default"&&Object.prototype.hasOwnProperty.call(p,m)&&l(i,p,m);return b(i,p),i};Object.defineProperty(t,"__esModule",{value:!0}),t.UISplitButton=void 0;const a=g(r("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),c=r("./src/components/UIButton/UIDefaultButton.tsx"),s=r("./src/components/UIContextualMenu/index.tsx"),f=r("./src/components/Icons.tsx"),v=r("./src/utilities/index.ts");class h extends a.Component{constructor(i){super(i),this.id=this.props.id?this.props.id:(0,v.getUIId)("ui-split-button-"),this.onClick=()=>{this.props.callback(this.props.button.key)},this.onMenuItemClick=(m,_)=>{_&&_.key&&this.props.callback(_.key)},this.state={menu:{items:i.menuItems,onItemClick:this.onMenuItemClick}},this.onClick=this.onClick.bind(this)}static getDerivedStateFromProps(i,m){return{menu:{items:i.menuItems,onItemClick:m.menu.onItemClick}}}render(){return a.createElement(c.UIDefaultButton,{ariaLabel:this.props.ariaLabel,ariaDescription:this.props.ariaDescription,id:this.id,className:"ui-split-button",primary:!0,split:!0,onClick:this.onClick.bind(this),menuProps:this.state.menu,menuIconProps:{iconName:f.UiIcons.ArrowDown},menuAs:s.UIContextualMenu,disabled:this.props.disabled},this.props.button.text)}}t.UISplitButton=h},"./src/components/UIButton/index.tsx":function(y,t,r){var l=this&&this.__createBinding||(Object.create?function(a,c,s,f){f===void 0&&(f=s);var v=Object.getOwnPropertyDescriptor(c,s);(!v||("get"in v?!c.__esModule:v.writable||v.configurable))&&(v={enumerable:!0,get:function(){return c[s]}}),Object.defineProperty(a,f,v)}:function(a,c,s,f){f===void 0&&(f=s),a[f]=c[s]}),b=this&&this.__exportStar||function(a,c){for(var s in a)s!=="default"&&!Object.prototype.hasOwnProperty.call(c,s)&&l(c,a,s)};Object.defineProperty(t,"__esModule",{value:!0}),t.UIButtonInterface=void 0;const g=r("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(t,"UIButtonInterface",{enumerable:!0,get:function(){return g.IButton}}),b(r("./src/components/UIButton/UIActionButton.tsx"),t),b(r("./src/components/UIButton/UIDefaultButton.tsx"),t),b(r("./src/components/UIButton/UIIconButton.tsx"),t),b(r("./src/components/UIButton/UISplitButton.tsx"),t),b(r("./src/components/UIButton/UISmallButton.tsx"),t)},"./src/utilities/Dom.ts":(y,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.isHTMLElement=void 0;function r(l){return"title"in l}t.isHTMLElement=r},"./src/utilities/Focus.ts":(y,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.focusToSibling=t.getPreviousElement=t.getNextElement=t.setUIFocusVisibility=t.getUILastFocusable=t.getUIFirstFocusable=void 0;const l=r("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(t,"getUIFirstFocusable",{enumerable:!0,get:function(){return l.getFirstFocusable}}),Object.defineProperty(t,"getUILastFocusable",{enumerable:!0,get:function(){return l.getLastFocusable}}),Object.defineProperty(t,"setUIFocusVisibility",{enumerable:!0,get:function(){return l.setFocusVisibility}}),Object.defineProperty(t,"getNextElement",{enumerable:!0,get:function(){return l.getNextElement}}),Object.defineProperty(t,"getPreviousElement",{enumerable:!0,get:function(){return l.getPreviousElement}});function b(g,a){const c=(0,l.getDocument)();if(c){let s=null;if(a?s=(0,l.getNextElement)(c.body,g,!1,!1,!0,!0):s=(0,l.getPreviousElement)(c.body,g,!1,!1,!0,!0),s)return s.focus(),s}return null}t.focusToSibling=b},"./src/utilities/Id.ts":(y,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.getUIId=void 0;const l=r("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(t,"getUIId",{enumerable:!0,get:function(){return l.getId}})},"./src/utilities/Keys.ts":(y,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.UIKeyCodes=void 0;const l=r("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(t,"UIKeyCodes",{enumerable:!0,get:function(){return l.KeyCodes}})},"./src/utilities/index.ts":function(y,t,r){var l=this&&this.__createBinding||(Object.create?function(g,a,c,s){s===void 0&&(s=c);var f=Object.getOwnPropertyDescriptor(a,c);(!f||("get"in f?!a.__esModule:f.writable||f.configurable))&&(f={enumerable:!0,get:function(){return a[c]}}),Object.defineProperty(g,s,f)}:function(g,a,c,s){s===void 0&&(s=c),g[s]=a[c]}),b=this&&this.__exportStar||function(g,a){for(var c in g)c!=="default"&&!Object.prototype.hasOwnProperty.call(a,c)&&l(a,g,c)};Object.defineProperty(t,"__esModule",{value:!0}),b(r("./src/utilities/Dom.ts"),t),b(r("./src/utilities/Focus.ts"),t),b(r("./src/utilities/Id.ts"),t),b(r("./src/utilities/Keys.ts"),t)}}]);})();

package/storybook/959.6d7ed24c.iframe.bundle.js

@@ -0,0 +1 @@
+(()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[959],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/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.88.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIDropdown/UIDropdown.scss":(D,e,s)=>{var h=s("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),u=s("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/api.js"),c=u(h);c.push([D.id,'.ts-SelectBox .ms-Dropdown{background:var(--vscode-input-background)}.ts-SelectBox .ms-Dropdown .ms-Dropdown-title{background:rgba(0,0,0,0);height:26px;line-height:26px;border:1px solid rgba(0,0,0,0);padding:0px 26px 0 8px;font-size:var(--vscode-font-size);font-family:var(--vscode-font-family);font-weight:var(--vscode-font-weight)}.ts-SelectBox .ms-Dropdown>.ms-Dropdown-caretDownWrapper{right:0;width:26px;background:rgba(0,0,0,0);height:100%;text-align:center}.ts-SelectBox .ms-Dropdown>.ms-Dropdown-caretDownWrapper i{height:100%;fill:var(--vscode-foreground)}.ts-SelectBox .ms-Dropdown>.ms-Dropdown-caretDownWrapper i svg{height:100%;width:16px}.ts-SelectBox .ms-Dropdown>.ms-Dropdown-caretDownWrapper i{margin-top:-1px}.ts-SelectBox .ms-Dropdown .ms-Dropdown-title,.ts-SelectBox .ms-Dropdown:hover .ms-Dropdown-title{color:var(--vscode-foreground)}.ts-SelectBox .ms-Dropdown .ms-Dropdown-titleIsPlaceHolder{color:var(--vscode-input-placeholderForeground)}.ts-SelectBox .ms-Dropdown:after{pointer-events:none;content:"";position:absolute;box-sizing:border-box;top:0px;left:0px;width:100%;height:100%;border:1px solid var(--vscode-editorWidget-border);border-radius:2px}.ts-SelectBox .ms-Dropdown.is-open:after,.ts-SelectBox .ms-Dropdown:focus:after,.ts-SelectBox .ms-Dropdown:hover:after{border-color:var(--vscode-focusBorder)}.ts-SelectBox .ms-Dropdown:focus:after,.ts-SelectBox .ms-Dropdown.is-open:after{border-style:solid}.ts-SelectBox--readonly .ms-Dropdown.is-disabled{background-color:var(--vscode-editor-background);font-style:italic}.ts-SelectBox--readonly .ms-Dropdown.is-disabled:after{border-style:dashed}.ts-SelectBox--readonly.ts-SelectBox--empty .ms-Dropdown:hover:after{border-color:var(--vscode-editorWidget-border)}.ts-SelectBox--disabled .ms-Dropdown.is-disabled{opacity:.5;background-color:var(--vscode-editor-inactiveSelectionBackground)}.ts-SelectBox--disabled .ms-Dropdown.is-disabled:after{border-color:var(--vscode-editorWidget-border)}.ts-SelectBox--readonly .ms-Dropdown:focus:after,.ts-SelectBox--disabled .ms-Dropdown:focus:after{border-style:solid;border-color:var(--vscode-focusBorder) !important}.ts-SelectBox--error .ms-Dropdown:after,.ts-SelectBox--error .ms-Dropdown.is-open:after{border-color:var(--vscode-inputValidation-errorBorder)}.ts-SelectBox--warning .ms-Dropdown:after,.ts-SelectBox--warning .ms-Dropdown.is-open:after{border-color:var(--vscode-inputValidation-warningBorder)}.ts-SelectBox--info .ms-Dropdown:after,.ts-SelectBox--info .ms-Dropdown.is-open:after{border-color:var(--vscode-inputValidation-infoBorder)}.ts-dropdown-item-blocker{position:absolute;top:0;left:0;right:0;bottom:0}',""]),D.exports=c},"./src/components/UICallout/CalloutCollisionTransform.ts":(D,e)=>{"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.CalloutCollisionTransform=void 0;const s={target:".ms-Dialog-actions",container:".ms-Dialog-main",absolute:!0,minPagePadding:10},h=20;class u{constructor(t,o,i=s){this.originalStyle={},this.source=t,this.callout=o,this.props=i,this.applyTransformation=this.applyTransformation.bind(this),this.resetTransformation=this.resetTransformation.bind(this),this.preventDismissOnEvent=this.preventDismissOnEvent.bind(this)}createPlaceholder(t){const o=document.createElement("div");return o.classList.add("ts-Callout-transformation"),o.style.height=`${t}px`,o}getElements(){const t=this.source.current,o=t==null?void 0:t.closest(this.props.container);if(o&&t){const i=o==null?void 0:o.querySelector(this.props.target);if(i){const a={container:{dom:o,rect:o.getBoundingClientRect()},target:{dom:i,rect:i.getBoundingClientRect()},source:{dom:t,rect:t.getBoundingClientRect()}},p=this.callout.current;return p&&(a.callout={dom:p,rect:p.getBoundingClientRect()}),a}}}applyTransformation(){const t=this.getElements();if(!t)return;const{container:o,target:i,callout:a,source:p}=t;if(a){const w=window.innerHeight-s.minPagePadding,S=a.rect.height,m=p.rect.bottom;let y=m+S-i.rect.top,b=m+a.rect.height;if(y<=0||b>=w)return;if(b+=i.rect.height,b<=w&&(y+=h),this.props.absolute){const f=o.dom.style;this.originalStyle={transform:f.transform,position:f.position,top:f.top,left:f.left},f.transform="",f.position="absolute",f.top=`${o.rect.top}px`,f.left=`${o.rect.left}px`}this.placeholder=this.createPlaceholder(y),i.dom.prepend(this.placeholder)}}resetTransformation(){const t=this.getElements();if(!t)return;const{container:o,target:i}=t;for(const a in this.originalStyle){const p=this.originalStyle[a];typeof p=="string"&&(o.dom.style[a]=p)}this.originalStyle={},this.placeholder&&(i.dom.removeChild(this.placeholder),this.placeholder=void 0)}preventDismissOnEvent(t){const o=this.getElements();return!!(t.type==="focus"&&(o!=null&&o.target.dom.contains(t.target)))}}e.CalloutCollisionTransform=u},"./src/components/UICallout/UICallout.tsx":function(D,e,s){"use strict";var h=Object.defineProperty,u=Object.defineProperties,c=Object.getOwnPropertyDescriptors,t=Object.getOwnPropertySymbols,o=Object.prototype.hasOwnProperty,i=Object.prototype.propertyIsEnumerable,a=(d,n,r)=>n in d?h(d,n,{enumerable:!0,configurable:!0,writable:!0,value:r}):d[n]=r,p=(d,n)=>{for(var r in n||(n={}))o.call(n,r)&&a(d,r,n[r]);if(t)for(var r of t(n))i.call(n,r)&&a(d,r,n[r]);return d},w=(d,n)=>u(d,c(n)),S=this&&this.__importDefault||function(d){return d&&d.__esModule?d:{default:d}};Object.defineProperty(e,"__esModule",{value:!0}),e.UICallout=e.getCalloutStyle=e.UICalloutContentPadding=e.CALLOUT_STYLES=void 0;const m=S(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),y=s("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),b=s("./src/utilities/index.ts");e.CALLOUT_STYLES={background:"var(--vscode-editorSuggestWidget-background)",boxShadow:"0 2px 6px rgb(0 0 0 / 20%), 0 0 0 1px var(--vscode-contrastBorder, var(--vscode-editorSuggestWidget-border))",text:"var(--vscode-editorSuggestWidget-foreground)",font:"var(--vscode-font-family)",borderRadius:4};var f;(function(d){d.None="None",d.Standard="Standard"})(f=e.UICalloutContentPadding||(e.UICalloutContentPadding={}));const O=new Map([[f.Standard,8]]),g=(d,n)=>typeof d=="object"&&typeof d[n]=="object"?d[n]:{},T=d=>{var n;return{root:p({boxShadow:e.CALLOUT_STYLES.boxShadow,backgroundColor:"transparent",borderRadius:e.CALLOUT_STYLES.borderRadius},g(d.styles,"root")),beak:p({backgroundColor:e.CALLOUT_STYLES.background,boxShadow:e.CALLOUT_STYLES.boxShadow},g(d.styles,"beak")),beakCurtain:p({backgroundColor:e.CALLOUT_STYLES.background,borderRadius:e.CALLOUT_STYLES.borderRadius},g(d.styles,"beakCurtain")),calloutMain:p({backgroundColor:e.CALLOUT_STYLES.background,color:e.CALLOUT_STYLES.text,fontFamily:e.CALLOUT_STYLES.font,borderRadius:e.CALLOUT_STYLES.borderRadius,minWidth:(n=d.calloutMinWidth)!=null?n:300,boxSizing:"border-box",padding:O.get(d.contentPadding||f.None)},g(d.styles,"calloutMain")),container:g(d.styles,"container")}};e.getCalloutStyle=T;class P extends m.default.Component{constructor(n){super(n),this.onKeyDown=this.onKeyDown.bind(this)}onKeyDown(n){const{onKeyDown:r,focusTargetSiblingOnTabPress:l,target:_}=this.props;if(l&&n.key==="Tab"&&_){let v=null;if(typeof _=="string"){const C=(0,y.getDocument)();v=C==null?void 0:C.querySelector(_)}else"getBoundingClientRect"in _&&(0,b.isHTMLElement)(_)&&(v=_);v&&(0,b.focusToSibling)(v,!n.shiftKey)&&(n.stopPropagation(),n.preventDefault())}r==null||r(n)}render(){return m.default.createElement(y.Callout,w(p({},this.props),{onKeyDown:this.onKeyDown,styles:(0,e.getCalloutStyle)(this.props)}),this.props.children)}}e.UICallout=P},"./src/components/UICallout/index.tsx":function(D,e,s){"use strict";var h=this&&this.__createBinding||(Object.create?function(c,t,o,i){i===void 0&&(i=o);var a=Object.getOwnPropertyDescriptor(t,o);(!a||("get"in a?!t.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(c,i,a)}:function(c,t,o,i){i===void 0&&(i=o),c[i]=t[o]}),u=this&&this.__exportStar||function(c,t){for(var o in c)o!=="default"&&!Object.prototype.hasOwnProperty.call(t,o)&&h(t,c,o)};Object.defineProperty(e,"__esModule",{value:!0}),u(s("./src/components/UICallout/CalloutCollisionTransform.ts"),e),u(s("./src/components/UICallout/UICallout.tsx"),e)},"./src/components/UIDropdown/UIDropdown.tsx":function(D,e,s){"use strict";var h=Object.defineProperty,u=Object.defineProperties,c=Object.getOwnPropertyDescriptors,t=Object.getOwnPropertySymbols,o=Object.prototype.hasOwnProperty,i=Object.prototype.propertyIsEnumerable,a=(n,r,l)=>r in n?h(n,r,{enumerable:!0,configurable:!0,writable:!0,value:l}):n[r]=l,p=(n,r)=>{for(var l in r||(r={}))o.call(r,l)&&a(n,l,r[l]);if(t)for(var l of t(r))i.call(r,l)&&a(n,l,r[l]);return n},w=(n,r)=>u(n,c(r)),S=this&&this.__importDefault||function(n){return n&&n.__esModule?n:{default:n}};Object.defineProperty(e,"__esModule",{value:!0}),e.UIDropdown=e.UIDropdownMenuItemType=e.UIDropdownOption=void 0;const m=S(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),y=s("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(e,"UIDropdownMenuItemType",{enumerable:!0,get:function(){return y.DropdownMenuItemType}}),Object.defineProperty(e,"UIDropdownOption",{enumerable:!0,get:function(){return y.IDropdownOption}});const b=s("./src/components/UIIcon/index.tsx"),f=s("./src/helper/ValidationMessage/index.tsx"),O=s("./src/components/UILabel/index.tsx"),g=s("./src/components/UIDropdown/utils.ts"),T=s("./src/components/UICallout/index.tsx");s("./src/components/UIDropdown/UIDropdown.scss");const P="var(--vscode-inputValidation-errorBorder)";class d extends m.default.Component{constructor(r){super(r),this.dropdownDomRef=m.default.createRef(),this.menuDomRef=m.default.createRef(),this.calloutCollisionTransform=new T.CalloutCollisionTransform(this.dropdownDomRef,this.menuDomRef),this.onRenderCaretDown=()=>m.default.createElement(b.UIIcon,{iconName:"ArrowDown",style:{height:"100%"}}),this.onRenderTitle=l=>{if(this.props.multiSelect&&this.props.onHandleRenderTitle)return this.props.onHandleRenderTitle(l);{const{multiSelectDelimiter:_=", "}=this.props;if(l){const v=l.map(C=>C.text).join(_);return m.default.createElement(m.default.Fragment,null,v)}else return m.default.createElement(m.default.Fragment,null,this.props.title)}},this.onClick=()=>{this.setState(l=>({isOpen:!l.isOpen}),()=>{this.props.multiSelect&&this.props.onHandleOpen&&this.state.isOpen&&(this.setState(l=>({isOpen:!l.isOpen})),this.props.onHandleOpen())})},this.onChange=(l,_,v)=>{this.props.multiSelect&&this.props.onHandleChange&&_&&v&&this.props.onHandleChange(_,v)},this.stopEventPropagation=l=>{l.stopPropagation()},this.onRenderOption=(l,_)=>m.default.createElement(m.default.Fragment,null,_==null?void 0:_(l),(l==null?void 0:l.itemType)!==y.DropdownMenuItemType.Header&&m.default.createElement("div",{onMouseEnter:this.stopEventPropagation.bind(this),onMouseLeave:this.stopEventPropagation.bind(this),onMouseMove:this.stopEventPropagation.bind(this),className:"ts-dropdown-item-blocker"})),this.onRenderItem=(l,_)=>_&&l?(l.title===void 0&&(l.title=l.text),_(l)):null,this.state={options:[],isOpen:!1}}getCalloutStylesForUseAsMinWidth(r){return{root:{minWidth:r.calloutWidth,width:"auto",maxWidth:"calc(100% - 10px)"}}}getClassNames(r){const{className:l,readOnly:_,disabled:v}=this.props,C=r.message?f.MESSAGE_TYPES_CLASSNAME_MAP.get(r.type):void 0;let E=`ts-SelectBox${r.message?" ts-SelectBox--"+C:""}`;return _&&!v&&(E+=" ts-SelectBox--readonly"),v&&(E+=" ts-SelectBox--disabled"),l&&(E+=` ${l}`),(0,g.isDropdownEmpty)(this.props)&&(E+=" ts-SelectBox--empty"),E}getAccessibilityProps(){const{readOnly:r,disabled:l}=this.props,_={};return r&&!l?(_.tabIndex=0,_["data-is-focusable"]=!0,_["aria-disabled"]=void 0,_["aria-readonly"]=!0):l&&(_.tabIndex=0,_["data-is-focusable"]=!0),_}render(){const r=(0,f.getMessageInfo)(this.props),l=this.getAccessibilityProps(),_=()=>p({},{label:p(p(p({},O.labelGlobalStyle),this.props.disabled&&{opacity:"0.4"}),this.props.required&&{selectors:{"::after":{content:"' *'",color:P,paddingRight:12}}}),errorMessage:[r.style]});return m.default.createElement(y.Dropdown,w(p(p({ref:this.dropdownDomRef,calloutProps:p({calloutMaxHeight:200,styles:this.props.useDropdownAsMenuMinWidth?this.getCalloutStylesForUseAsMinWidth:void 0,className:"ts-Callout ts-Callout-Dropdown",popupProps:{ref:this.menuDomRef}},(0,g.getCalloutCollisionTransformationProps)(this.calloutCollisionTransform,this.props.multiSelect,this.props.calloutCollisionTransformation)),onRenderCaretDown:this.onRenderCaretDown,onClick:this.onClick,onChange:this.onChange,onRenderTitle:this.onRenderTitle,onRenderOption:this.onRenderOption.bind(this),onRenderItem:this.onRenderItem.bind(this),responsiveMode:y.ResponsiveMode.xxxLarge,disabled:this.props.readOnly},l),this.props),{styles:_,className:this.getClassNames(r),errorMessage:r.message}))}}e.UIDropdown=d},"./src/components/UIDropdown/index.tsx":function(D,e,s){"use strict";var h=this&&this.__createBinding||(Object.create?function(c,t,o,i){i===void 0&&(i=o);var a=Object.getOwnPropertyDescriptor(t,o);(!a||("get"in a?!t.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(c,i,a)}:function(c,t,o,i){i===void 0&&(i=o),c[i]=t[o]}),u=this&&this.__exportStar||function(c,t){for(var o in c)o!=="default"&&!Object.prototype.hasOwnProperty.call(t,o)&&h(t,c,o)};Object.defineProperty(e,"__esModule",{value:!0}),u(s("./src/components/UIDropdown/UIDropdown.tsx"),e),u(s("./src/components/UIDropdown/utils.ts"),e)},"./src/components/UIDropdown/utils.ts":(D,e)=>{"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.getCalloutCollisionTransformationProps=e.isDropdownEmpty=void 0;function s(u){var c;const{selectedKey:t}=u;return Array.isArray(t)?t.length===0:"text"in u&&u.text||"selectedKeys"in u&&((c=u.selectedKeys)!=null&&c.length)?!1:!t}e.isDropdownEmpty=s;function h(u,c,t){if(c&&t)return{preventDismissOnEvent:u.preventDismissOnEvent,layerProps:{onLayerDidMount:u.applyTransformation,onLayerWillUnmount:u.resetTransformation}}}e.getCalloutCollisionTransformationProps=h},"./src/components/UIDropdown/UIDropdown.scss":(D,e,s)=>{"use strict";s.r(e),s.d(e,{default:()=>P});var h=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),u=s.n(h),c=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),t=s.n(c),o=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),i=s.n(o),a=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),p=s.n(a),w=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),S=s.n(w),m=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),y=s.n(m),b=s("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/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.88.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIDropdown/UIDropdown.scss"),f=s.n(b),O={};for(const d in b)d!=="default"&&(O[d]=()=>b[d]);s.d(e,O);var g={};g.styleTagTransform=y(),g.setAttributes=p(),g.insert=i().bind(null,"head"),g.domAPI=t(),g.insertStyleElement=S();var T=u()(f(),g);const P=f()&&f().locals?f().locals:void 0}}]);})();

package/storybook/UIActionCallout-story.c4c2ba89.iframe.bundle.js

@@ -0,0 +1,2 @@
+(()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[84],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/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.88.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIActionCallout/UIActionCallout.scss":(m,e,s)=>{var a=s("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),_=s("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/api.js"),n=_(a);n.push([m.id,".UIActionCallout-callout{margin-top:12px;max-height:51px;cursor:pointer;box-sizing:revert;box-shadow:0 4px 8px 0 var(--vscode-widget-shadow);background-color:var(--vscode-editor-background)}.UIActionCallout-callout:hover .ms-Callout-main,.UIActionCallout-callout:hover .ms-Callout-beak{background:var(--vscode-list-hoverBackground)}.UIActionCallout-callout:hover .UIActionCallout-link{text-decoration:none}.UIActionCallout-callout .ms-Callout-beak{left:12px !important;box-shadow:none}.UIActionCallout-subText{padding-top:5px;font-size:13px}.UIActionCallout-link{vertical-align:top;padding-left:5px;font-size:13px;font-weight:700;pointer-events:none}",""]),m.exports=n},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/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.88.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss":(m,e,s)=>{var a=s("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),_=s("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/api.js"),n=_(a);n.push([m.id,".ts-icon{fill:var(--vscode-foreground)}",""]),m.exports=n},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/api.js":m=>{"use strict";m.exports=function(e){var s=[];return s.toString=function(){return this.map(function(_){var n="",o=typeof _[5]!="undefined";return _[4]&&(n+="@supports (".concat(_[4],") {")),_[2]&&(n+="@media ".concat(_[2]," {")),o&&(n+="@layer".concat(_[5].length>0?" ".concat(_[5]):""," {")),n+=e(_),o&&(n+="}"),_[2]&&(n+="}"),_[4]&&(n+="}"),n}).join("")},s.i=function(_,n,o,t,l){typeof _=="string"&&(_=[[null,_,void 0]]);var r={};if(o)for(var d=0;d<this.length;d++){var p=this[d][0];p!=null&&(r[p]=!0)}for(var h=0;h<_.length;h++){var i=[].concat(_[h]);o&&r[i[0]]||(typeof l!="undefined"&&(typeof i[5]=="undefined"||(i[1]="@layer".concat(i[5].length>0?" ".concat(i[5]):""," {").concat(i[1],"}")),i[5]=l),n&&(i[2]&&(i[1]="@media ".concat(i[2]," {").concat(i[1],"}")),i[2]=n),t&&(i[4]?(i[1]="@supports (".concat(i[4],") {").concat(i[1],"}"),i[4]=t):i[4]="".concat(t)),s.push(i))}},s}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js":m=>{"use strict";m.exports=function(e){return e[1]}},"./src/components/UIActionCallout/UIActionCallout.tsx":function(m,e,s){"use strict";var a=this&&this.__importDefault||function(d){return d&&d.__esModule?d:{default:d}};Object.defineProperty(e,"__esModule",{value:!0}),e.UIActionCallout=void 0;const _=s("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),n=a(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=s("./src/components/Icons.tsx"),t=s("./src/components/UICallout/index.tsx"),l=s("./src/components/UIIcon/index.tsx");s("./src/components/UIActionCallout/UIActionCallout.scss");class r extends n.default.Component{constructor(p){var h;super(p),this.actionDetail=p.actionDetail,this.commandAction=p.commandAction,this.targetElementId=p.targetElementId,this.showInline=p.showInline,this.anchor=n.default.createRef(),this.onCalloutClick=this.onCalloutClick.bind(this),this.icon=p.icon,this.onClick=p.onClick,this.anchorClicked=!1,this.isError=(h=p.isError)!=null?h:!1}onCalloutClick(){var p;this.onClick&&!this.anchorClicked&&this.onClick(),this.actionDetail.command&&this.commandAction?this.commandAction(this.actionDetail.command):((p=this.anchor.current)==null||p.click(),this.anchorClicked=!1)}handleAnchorClick(){this.anchorClicked=!0}render(){return n.default.createElement(t.UICallout,{className:"UIActionCallout-callout",onClick:this.onCalloutClick,target:`#${this.targetElementId}`,isBeakVisible:!0,doNotLayer:!0,beakWidth:10,calloutMaxWidth:230,calloutMinWidth:230,directionalHint:_.DirectionalHint.bottomLeftEdge,styles:{calloutMain:{padding:"10px"},root:{position:this.showInline===!1?"absolute":"sticky",border:this.isError===!0?"thin solid var(--vscode-errorForeground)":"thin solid none"}}},this.icon&&this.icon.render()||n.default.createElement(l.UIIcon,{iconName:o.UiIcons.HelpAction}),n.default.createElement("a",{ref:this.anchor,href:this.actionDetail.url,className:"UIActionCallout-link",target:"_blank",rel:"noreferrer",onClick:()=>this.handleAnchorClick()},this.actionDetail.linkText),n.default.createElement("div",{className:"UIActionCallout-subText"},this.actionDetail.subText))}}e.UIActionCallout=r},"./src/components/UIActionCallout/index.ts":function(m,e,s){"use strict";var a=this&&this.__createBinding||(Object.create?function(n,o,t,l){l===void 0&&(l=t);var r=Object.getOwnPropertyDescriptor(o,t);(!r||("get"in r?!o.__esModule:r.writable||r.configurable))&&(r={enumerable:!0,get:function(){return o[t]}}),Object.defineProperty(n,l,r)}:function(n,o,t,l){l===void 0&&(l=t),n[l]=o[t]}),_=this&&this.__exportStar||function(n,o){for(var t in n)t!=="default"&&!Object.prototype.hasOwnProperty.call(o,t)&&a(o,n,t)};Object.defineProperty(e,"__esModule",{value:!0}),_(s("./src/components/UIActionCallout/UIActionCallout.tsx"),e)},"./src/components/UICallout/CalloutCollisionTransform.ts":(m,e)=>{"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.CalloutCollisionTransform=void 0;const s={target:".ms-Dialog-actions",container:".ms-Dialog-main",absolute:!0,minPagePadding:10},a=20;class _{constructor(o,t,l=s){this.originalStyle={},this.source=o,this.callout=t,this.props=l,this.applyTransformation=this.applyTransformation.bind(this),this.resetTransformation=this.resetTransformation.bind(this),this.preventDismissOnEvent=this.preventDismissOnEvent.bind(this)}createPlaceholder(o){const t=document.createElement("div");return t.classList.add("ts-Callout-transformation"),t.style.height=`${o}px`,t}getElements(){const o=this.source.current,t=o==null?void 0:o.closest(this.props.container);if(t&&o){const l=t==null?void 0:t.querySelector(this.props.target);if(l){const r={container:{dom:t,rect:t.getBoundingClientRect()},target:{dom:l,rect:l.getBoundingClientRect()},source:{dom:o,rect:o.getBoundingClientRect()}},d=this.callout.current;return d&&(r.callout={dom:d,rect:d.getBoundingClientRect()}),r}}}applyTransformation(){const o=this.getElements();if(!o)return;const{container:t,target:l,callout:r,source:d}=o;if(r){const p=window.innerHeight-s.minPagePadding,h=r.rect.height,i=d.rect.bottom;let g=i+h-l.rect.top,I=i+r.rect.height;if(g<=0||I>=p)return;if(I+=l.rect.height,I<=p&&(g+=a),this.props.absolute){const u=t.dom.style;this.originalStyle={transform:u.transform,position:u.position,top:u.top,left:u.left},u.transform="",u.position="absolute",u.top=`${t.rect.top}px`,u.left=`${t.rect.left}px`}this.placeholder=this.createPlaceholder(g),l.dom.prepend(this.placeholder)}}resetTransformation(){const o=this.getElements();if(!o)return;const{container:t,target:l}=o;for(const r in this.originalStyle){const d=this.originalStyle[r];typeof d=="string"&&(t.dom.style[r]=d)}this.originalStyle={},this.placeholder&&(l.dom.removeChild(this.placeholder),this.placeholder=void 0)}preventDismissOnEvent(o){const t=this.getElements();return!!(o.type==="focus"&&(t!=null&&t.target.dom.contains(o.target)))}}e.CalloutCollisionTransform=_},"./src/components/UICallout/UICallout.tsx":function(m,e,s){"use strict";var a=Object.defineProperty,_=Object.defineProperties,n=Object.getOwnPropertyDescriptors,o=Object.getOwnPropertySymbols,t=Object.prototype.hasOwnProperty,l=Object.prototype.propertyIsEnumerable,r=(c,y,b)=>y in c?a(c,y,{enumerable:!0,configurable:!0,writable:!0,value:b}):c[y]=b,d=(c,y)=>{for(var b in y||(y={}))t.call(y,b)&&r(c,b,y[b]);if(o)for(var b of o(y))l.call(y,b)&&r(c,b,y[b]);return c},p=(c,y)=>_(c,n(y)),h=this&&this.__importDefault||function(c){return c&&c.__esModule?c:{default:c}};Object.defineProperty(e,"__esModule",{value:!0}),e.UICallout=e.getCalloutStyle=e.UICalloutContentPadding=e.CALLOUT_STYLES=void 0;const i=h(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),g=s("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),I=s("./src/utilities/index.ts");e.CALLOUT_STYLES={background:"var(--vscode-editorSuggestWidget-background)",boxShadow:"0 2px 6px rgb(0 0 0 / 20%), 0 0 0 1px var(--vscode-contrastBorder, var(--vscode-editorSuggestWidget-border))",text:"var(--vscode-editorSuggestWidget-foreground)",font:"var(--vscode-font-family)",borderRadius:4};var u;(function(c){c.None="None",c.Standard="Standard"})(u=e.UICalloutContentPadding||(e.UICalloutContentPadding={}));const v=new Map([[u.Standard,8]]),f=(c,y)=>typeof c=="object"&&typeof c[y]=="object"?c[y]:{},O=c=>{var y;return{root:d({boxShadow:e.CALLOUT_STYLES.boxShadow,backgroundColor:"transparent",borderRadius:e.CALLOUT_STYLES.borderRadius},f(c.styles,"root")),beak:d({backgroundColor:e.CALLOUT_STYLES.background,boxShadow:e.CALLOUT_STYLES.boxShadow},f(c.styles,"beak")),beakCurtain:d({backgroundColor:e.CALLOUT_STYLES.background,borderRadius:e.CALLOUT_STYLES.borderRadius},f(c.styles,"beakCurtain")),calloutMain:d({backgroundColor:e.CALLOUT_STYLES.background,color:e.CALLOUT_STYLES.text,fontFamily:e.CALLOUT_STYLES.font,borderRadius:e.CALLOUT_STYLES.borderRadius,minWidth:(y=c.calloutMinWidth)!=null?y:300,boxSizing:"border-box",padding:v.get(c.contentPadding||u.None)},f(c.styles,"calloutMain")),container:f(c.styles,"container")}};e.getCalloutStyle=O;class C extends i.default.Component{constructor(y){super(y),this.onKeyDown=this.onKeyDown.bind(this)}onKeyDown(y){const{onKeyDown:b,focusTargetSiblingOnTabPress:A,target:E}=this.props;if(A&&y.key==="Tab"&&E){let P=null;if(typeof E=="string"){const S=(0,g.getDocument)();P=S==null?void 0:S.querySelector(E)}else"getBoundingClientRect"in E&&(0,I.isHTMLElement)(E)&&(P=E);P&&(0,I.focusToSibling)(P,!y.shiftKey)&&(y.stopPropagation(),y.preventDefault())}b==null||b(y)}render(){return i.default.createElement(g.Callout,p(d({},this.props),{onKeyDown:this.onKeyDown,styles:(0,e.getCalloutStyle)(this.props)}),this.props.children)}}e.UICallout=C},"./src/components/UICallout/index.tsx":function(m,e,s){"use strict";var a=this&&this.__createBinding||(Object.create?function(n,o,t,l){l===void 0&&(l=t);var r=Object.getOwnPropertyDescriptor(o,t);(!r||("get"in r?!o.__esModule:r.writable||r.configurable))&&(r={enumerable:!0,get:function(){return o[t]}}),Object.defineProperty(n,l,r)}:function(n,o,t,l){l===void 0&&(l=t),n[l]=o[t]}),_=this&&this.__exportStar||function(n,o){for(var t in n)t!=="default"&&!Object.prototype.hasOwnProperty.call(o,t)&&a(o,n,t)};Object.defineProperty(e,"__esModule",{value:!0}),_(s("./src/components/UICallout/CalloutCollisionTransform.ts"),e),_(s("./src/components/UICallout/UICallout.tsx"),e)},"./src/components/UIIcon/UIIcon.tsx":function(m,e,s){"use strict";var a=Object.defineProperty,_=Object.defineProperties,n=Object.getOwnPropertyDescriptors,o=Object.getOwnPropertySymbols,t=Object.prototype.hasOwnProperty,l=Object.prototype.propertyIsEnumerable,r=(u,v,f)=>v in u?a(u,v,{enumerable:!0,configurable:!0,writable:!0,value:f}):u[v]=f,d=(u,v)=>{for(var f in v||(v={}))t.call(v,f)&&r(u,f,v[f]);if(o)for(var f of o(v))l.call(v,f)&&r(u,f,v[f]);return u},p=(u,v)=>_(u,n(v)),h=this&&this.__importDefault||function(u){return u&&u.__esModule?u:{default:u}};Object.defineProperty(e,"__esModule",{value:!0}),e.UIIcon=void 0;const i=h(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),g=s("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");s("./src/components/UIIcon/UIIcon.scss");class I extends i.default.Component{constructor(v){super(v),this.setStyle=()=>({})}render(){return i.default.createElement(g.Icon,p(d({},this.props),{className:`ts-icon${this.props.className?` ${this.props.className}`:""}`,styles:this.setStyle()}))}}e.UIIcon=I},"./src/components/UIIcon/index.tsx":function(m,e,s){"use strict";var a=this&&this.__createBinding||(Object.create?function(n,o,t,l){l===void 0&&(l=t);var r=Object.getOwnPropertyDescriptor(o,t);(!r||("get"in r?!o.__esModule:r.writable||r.configurable))&&(r={enumerable:!0,get:function(){return o[t]}}),Object.defineProperty(n,l,r)}:function(n,o,t,l){l===void 0&&(l=t),n[l]=o[t]}),_=this&&this.__exportStar||function(n,o){for(var t in n)t!=="default"&&!Object.prototype.hasOwnProperty.call(o,t)&&a(o,n,t)};Object.defineProperty(e,"__esModule",{value:!0}),_(s("./src/components/UIIcon/UIIcon.tsx"),e)},"./src/utilities/Dom.ts":(m,e)=>{"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.isHTMLElement=void 0;function s(a){return"title"in a}e.isHTMLElement=s},"./src/utilities/Focus.ts":(m,e,s)=>{"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.focusToSibling=e.getPreviousElement=e.getNextElement=e.setUIFocusVisibility=e.getUILastFocusable=e.getUIFirstFocusable=void 0;const a=s("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(e,"getUIFirstFocusable",{enumerable:!0,get:function(){return a.getFirstFocusable}}),Object.defineProperty(e,"getUILastFocusable",{enumerable:!0,get:function(){return a.getLastFocusable}}),Object.defineProperty(e,"setUIFocusVisibility",{enumerable:!0,get:function(){return a.setFocusVisibility}}),Object.defineProperty(e,"getNextElement",{enumerable:!0,get:function(){return a.getNextElement}}),Object.defineProperty(e,"getPreviousElement",{enumerable:!0,get:function(){return a.getPreviousElement}});function _(n,o){const t=(0,a.getDocument)();if(t){let l=null;if(o?l=(0,a.getNextElement)(t.body,n,!1,!1,!0,!0):l=(0,a.getPreviousElement)(t.body,n,!1,!1,!0,!0),l)return l.focus(),l}return null}e.focusToSibling=_},"./src/utilities/Id.ts":(m,e,s)=>{"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.getUIId=void 0;const a=s("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(e,"getUIId",{enumerable:!0,get:function(){return a.getId}})},"./src/utilities/Keys.ts":(m,e,s)=>{"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.UIKeyCodes=void 0;const a=s("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(e,"UIKeyCodes",{enumerable:!0,get:function(){return a.KeyCodes}})},"./src/utilities/index.ts":function(m,e,s){"use strict";var a=this&&this.__createBinding||(Object.create?function(n,o,t,l){l===void 0&&(l=t);var r=Object.getOwnPropertyDescriptor(o,t);(!r||("get"in r?!o.__esModule:r.writable||r.configurable))&&(r={enumerable:!0,get:function(){return o[t]}}),Object.defineProperty(n,l,r)}:function(n,o,t,l){l===void 0&&(l=t),n[l]=o[t]}),_=this&&this.__exportStar||function(n,o){for(var t in n)t!=="default"&&!Object.prototype.hasOwnProperty.call(o,t)&&a(o,n,t)};Object.defineProperty(e,"__esModule",{value:!0}),_(s("./src/utilities/Dom.ts"),e),_(s("./src/utilities/Focus.ts"),e),_(s("./src/utilities/Id.ts"),e),_(s("./src/utilities/Keys.ts"),e)},"./stories/UIActionCallout.story.tsx":function(m,e,s){"use strict";var a=this&&this.__importDefault||function(i){return i&&i.__esModule?i:{default:i}};Object.defineProperty(e,"__esModule",{value:!0}),e.defaultUsage=void 0;const _=s("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),n=a(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=s("./src/components/UIActionCallout/index.ts"),t=s("./src/components/UIIcon/index.tsx"),l=s("./src/components/Icons.tsx");e.default={title:"Utilities/ActionCallout"};const r={childrenGap:40},d={linkText:"Need help with this error?",subText:"This link might be able to help.",url:"https://some.url/some/page"},p={linkText:"Click to action!",subText:"Some action will do the thing you need",url:"https://some.url/some/page"},h=()=>n.default.createElement(_.Stack,{tokens:r,style:{width:300}},n.default.createElement(_.Stack,{tokens:r},n.default.createElement("div",{id:"aDivId",style:{width:"fit-content"}},"Some text that needs help as link"),n.default.createElement(o.UIActionCallout,{showInline:!1,targetElementId:"aDivId",actionDetail:d,isError:!0})),n.default.createElement(_.Stack,{tokens:r},n.default.createElement("div",{id:"aDivId1",style:{width:"fit-content"}},"Some text that needs action with specified icon"),n.default.createElement(o.UIActionCallout,{icon:new t.UIIcon({iconName:l.UiIcons.Bulb}),showInline:!1,targetElementId:"aDivId1",actionDetail:p,isError:!1})));e.defaultUsage=h},"./src/components/UIActionCallout/UIActionCallout.scss":(m,e,s)=>{"use strict";s.r(e),s.d(e,{default:()=>C});var a=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),_=s.n(a),n=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),o=s.n(n),t=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),l=s.n(t),r=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),d=s.n(r),p=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),h=s.n(p),i=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),g=s.n(i),I=s("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/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.88.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIActionCallout/UIActionCallout.scss"),u=s.n(I),v={};for(const c in I)c!=="default"&&(v[c]=()=>I[c]);s.d(e,v);var f={};f.styleTagTransform=g(),f.setAttributes=d(),f.insert=l().bind(null,"head"),f.domAPI=o(),f.insertStyleElement=h();var O=_()(u(),f);const C=u()&&u().locals?u().locals:void 0},"./src/components/UIIcon/UIIcon.scss":(m,e,s)=>{"use strict";s.r(e),s.d(e,{default:()=>C});var a=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),_=s.n(a),n=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),o=s.n(n),t=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),l=s.n(t),r=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),d=s.n(r),p=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),h=s.n(p),i=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),g=s.n(i),I=s("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/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.88.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss"),u=s.n(I),v={};for(const c in I)c!=="default"&&(v[c]=()=>I[c]);s.d(e,v);var f={};f.styleTagTransform=g(),f.setAttributes=d(),f.insert=l().bind(null,"head"),f.domAPI=o(),f.insertStyleElement=h();var O=_()(u(),f);const C=u()&&u().locals?u().locals:void 0},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":m=>{"use strict";var e=[];function s(n){for(var o=-1,t=0;t<e.length;t++)if(e[t].identifier===n){o=t;break}return o}function a(n,o){for(var t={},l=[],r=0;r<n.length;r++){var d=n[r],p=o.base?d[0]+o.base:d[0],h=t[p]||0,i="".concat(p," ").concat(h);t[p]=h+1;var g=s(i),I={css:d[1],media:d[2],sourceMap:d[3],supports:d[4],layer:d[5]};if(g!==-1)e[g].references++,e[g].updater(I);else{var u=_(I,o);o.byIndex=r,e.splice(r,0,{identifier:i,updater:u,references:1})}l.push(i)}return l}function _(n,o){var t=o.domAPI(o);t.update(n);var l=function(d){if(d){if(d.css===n.css&&d.media===n.media&&d.sourceMap===n.sourceMap&&d.supports===n.supports&&d.layer===n.layer)return;t.update(n=d)}else t.remove()};return l}m.exports=function(n,o){o=o||{},n=n||[];var t=a(n,o);return function(r){r=r||[];for(var d=0;d<t.length;d++){var p=t[d],h=s(p);e[h].references--}for(var i=a(r,o),g=0;g<t.length;g++){var I=t[g],u=s(I);e[u].references===0&&(e[u].updater(),e.splice(u,1))}t=i}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertBySelector.js":m=>{"use strict";var e={};function s(_){if(typeof e[_]=="undefined"){var n=document.querySelector(_);if(window.HTMLIFrameElement&&n instanceof window.HTMLIFrameElement)try{n=n.contentDocument.head}catch(o){n=null}e[_]=n}return e[_]}function a(_,n){var o=s(_);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(n)}m.exports=a},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertStyleElement.js":m=>{"use strict";function e(s){var a=document.createElement("style");return s.setAttributes(a,s.attributes),s.insert(a,s.options),a}m.exports=e},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(m,e,s)=>{"use strict";function a(_){var n=s.nc;n&&_.setAttribute("nonce",n)}m.exports=a},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleDomAPI.js":m=>{"use strict";function e(_,n,o){var t="";o.supports&&(t+="@supports (".concat(o.supports,") {")),o.media&&(t+="@media ".concat(o.media," {"));var l=typeof o.layer!="undefined";l&&(t+="@layer".concat(o.layer.length>0?" ".concat(o.layer):""," {")),t+=o.css,l&&(t+="}"),o.media&&(t+="}"),o.supports&&(t+="}");var r=o.sourceMap;r&&typeof btoa!="undefined"&&(t+=`
+/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(r))))," */")),n.styleTagTransform(t,_,n.options)}function s(_){if(_.parentNode===null)return!1;_.parentNode.removeChild(_)}function a(_){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var n=_.insertStyleElement(_);return{update:function(t){e(n,_,t)},remove:function(){s(n)}}}m.exports=a},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleTagTransform.js":m=>{"use strict";function e(s,a){if(a.styleSheet)a.styleSheet.cssText=s;else{for(;a.firstChild;)a.removeChild(a.firstChild);a.appendChild(document.createTextNode(s))}}m.exports=e}}]);})();

package/storybook/UICallout-story.ae31276b.iframe.bundle.js

@@ -0,0 +1,2 @@
+"use strict";(()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[292],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/api.js":g=>{g.exports=function(n){var d=[];return d.toString=function(){return this.map(function(s){var o="",e=typeof s[5]!="undefined";return s[4]&&(o+="@supports (".concat(s[4],") {")),s[2]&&(o+="@media ".concat(s[2]," {")),e&&(o+="@layer".concat(s[5].length>0?" ".concat(s[5]):""," {")),o+=n(s),e&&(o+="}"),s[2]&&(o+="}"),s[4]&&(o+="}"),o}).join("")},d.i=function(s,o,e,t,l){typeof s=="string"&&(s=[[null,s,void 0]]);var u={};if(e)for(var c=0;c<this.length;c++){var h=this[c][0];h!=null&&(u[h]=!0)}for(var y=0;y<s.length;y++){var r=[].concat(s[y]);e&&u[r[0]]||(typeof l!="undefined"&&(typeof r[5]=="undefined"||(r[1]="@layer".concat(r[5].length>0?" ".concat(r[5]):""," {").concat(r[1],"}")),r[5]=l),o&&(r[2]&&(r[1]="@media ".concat(r[2]," {").concat(r[1],"}")),r[2]=o),t&&(r[4]?(r[1]="@supports (".concat(r[4],") {").concat(r[1],"}"),r[4]=t):r[4]="".concat(t)),d.push(r))}},d}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js":g=>{g.exports=function(n){return n[1]}},"./src/components/UICallout/CalloutCollisionTransform.ts":(g,n)=>{Object.defineProperty(n,"__esModule",{value:!0}),n.CalloutCollisionTransform=void 0;const d={target:".ms-Dialog-actions",container:".ms-Dialog-main",absolute:!0,minPagePadding:10},p=20;class s{constructor(e,t,l=d){this.originalStyle={},this.source=e,this.callout=t,this.props=l,this.applyTransformation=this.applyTransformation.bind(this),this.resetTransformation=this.resetTransformation.bind(this),this.preventDismissOnEvent=this.preventDismissOnEvent.bind(this)}createPlaceholder(e){const t=document.createElement("div");return t.classList.add("ts-Callout-transformation"),t.style.height=`${e}px`,t}getElements(){const e=this.source.current,t=e==null?void 0:e.closest(this.props.container);if(t&&e){const l=t==null?void 0:t.querySelector(this.props.target);if(l){const u={container:{dom:t,rect:t.getBoundingClientRect()},target:{dom:l,rect:l.getBoundingClientRect()},source:{dom:e,rect:e.getBoundingClientRect()}},c=this.callout.current;return c&&(u.callout={dom:c,rect:c.getBoundingClientRect()}),u}}}applyTransformation(){const e=this.getElements();if(!e)return;const{container:t,target:l,callout:u,source:c}=e;if(u){const h=window.innerHeight-d.minPagePadding,y=u.rect.height,r=c.rect.bottom;let a=r+y-l.rect.top,i=r+u.rect.height;if(a<=0||i>=h)return;if(i+=l.rect.height,i<=h&&(a+=p),this.props.absolute){const f=t.dom.style;this.originalStyle={transform:f.transform,position:f.position,top:f.top,left:f.left},f.transform="",f.position="absolute",f.top=`${t.rect.top}px`,f.left=`${t.rect.left}px`}this.placeholder=this.createPlaceholder(a),l.dom.prepend(this.placeholder)}}resetTransformation(){const e=this.getElements();if(!e)return;const{container:t,target:l}=e;for(const u in this.originalStyle){const c=this.originalStyle[u];typeof c=="string"&&(t.dom.style[u]=c)}this.originalStyle={},this.placeholder&&(l.dom.removeChild(this.placeholder),this.placeholder=void 0)}preventDismissOnEvent(e){const t=this.getElements();return!!(e.type==="focus"&&(t!=null&&t.target.dom.contains(e.target)))}}n.CalloutCollisionTransform=s},"./src/components/UICallout/UICallout.tsx":function(g,n,d){var p=Object.defineProperty,s=Object.defineProperties,o=Object.getOwnPropertyDescriptors,e=Object.getOwnPropertySymbols,t=Object.prototype.hasOwnProperty,l=Object.prototype.propertyIsEnumerable,u=(m,_,C)=>_ in m?p(m,_,{enumerable:!0,configurable:!0,writable:!0,value:C}):m[_]=C,c=(m,_)=>{for(var C in _||(_={}))t.call(_,C)&&u(m,C,_[C]);if(e)for(var C of e(_))l.call(_,C)&&u(m,C,_[C]);return m},h=(m,_)=>s(m,o(_)),y=this&&this.__importDefault||function(m){return m&&m.__esModule?m:{default:m}};Object.defineProperty(n,"__esModule",{value:!0}),n.UICallout=n.getCalloutStyle=n.UICalloutContentPadding=n.CALLOUT_STYLES=void 0;const r=y(d("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),a=d("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),i=d("./src/utilities/index.ts");n.CALLOUT_STYLES={background:"var(--vscode-editorSuggestWidget-background)",boxShadow:"0 2px 6px rgb(0 0 0 / 20%), 0 0 0 1px var(--vscode-contrastBorder, var(--vscode-editorSuggestWidget-border))",text:"var(--vscode-editorSuggestWidget-foreground)",font:"var(--vscode-font-family)",borderRadius:4};var f;(function(m){m.None="None",m.Standard="Standard"})(f=n.UICalloutContentPadding||(n.UICalloutContentPadding={}));const b=new Map([[f.Standard,8]]),v=(m,_)=>typeof m=="object"&&typeof m[_]=="object"?m[_]:{},P=m=>{var _;return{root:c({boxShadow:n.CALLOUT_STYLES.boxShadow,backgroundColor:"transparent",borderRadius:n.CALLOUT_STYLES.borderRadius},v(m.styles,"root")),beak:c({backgroundColor:n.CALLOUT_STYLES.background,boxShadow:n.CALLOUT_STYLES.boxShadow},v(m.styles,"beak")),beakCurtain:c({backgroundColor:n.CALLOUT_STYLES.background,borderRadius:n.CALLOUT_STYLES.borderRadius},v(m.styles,"beakCurtain")),calloutMain:c({backgroundColor:n.CALLOUT_STYLES.background,color:n.CALLOUT_STYLES.text,fontFamily:n.CALLOUT_STYLES.font,borderRadius:n.CALLOUT_STYLES.borderRadius,minWidth:(_=m.calloutMinWidth)!=null?_:300,boxSizing:"border-box",padding:b.get(m.contentPadding||f.None)},v(m.styles,"calloutMain")),container:v(m.styles,"container")}};n.getCalloutStyle=P;class T extends r.default.Component{constructor(_){super(_),this.onKeyDown=this.onKeyDown.bind(this)}onKeyDown(_){const{onKeyDown:C,focusTargetSiblingOnTabPress:U,target:S}=this.props;if(U&&_.key==="Tab"&&S){let I=null;if(typeof S=="string"){const O=(0,a.getDocument)();I=O==null?void 0:O.querySelector(S)}else"getBoundingClientRect"in S&&(0,i.isHTMLElement)(S)&&(I=S);I&&(0,i.focusToSibling)(I,!_.shiftKey)&&(_.stopPropagation(),_.preventDefault())}C==null||C(_)}render(){return r.default.createElement(a.Callout,h(c({},this.props),{onKeyDown:this.onKeyDown,styles:(0,n.getCalloutStyle)(this.props)}),this.props.children)}}n.UICallout=T},"./src/components/UICallout/index.tsx":function(g,n,d){var p=this&&this.__createBinding||(Object.create?function(o,e,t,l){l===void 0&&(l=t);var u=Object.getOwnPropertyDescriptor(e,t);(!u||("get"in u?!e.__esModule:u.writable||u.configurable))&&(u={enumerable:!0,get:function(){return e[t]}}),Object.defineProperty(o,l,u)}:function(o,e,t,l){l===void 0&&(l=t),o[l]=e[t]}),s=this&&this.__exportStar||function(o,e){for(var t in o)t!=="default"&&!Object.prototype.hasOwnProperty.call(e,t)&&p(e,o,t)};Object.defineProperty(n,"__esModule",{value:!0}),s(d("./src/components/UICallout/CalloutCollisionTransform.ts"),n),s(d("./src/components/UICallout/UICallout.tsx"),n)},"./src/components/UIFocusZone/UIFocusTrapZone.tsx":function(g,n,d){var p=Object.defineProperty,s=Object.getOwnPropertySymbols,o=Object.prototype.hasOwnProperty,e=Object.prototype.propertyIsEnumerable,t=(r,a,i)=>a in r?p(r,a,{enumerable:!0,configurable:!0,writable:!0,value:i}):r[a]=i,l=(r,a)=>{for(var i in a||(a={}))o.call(a,i)&&t(r,i,a[i]);if(s)for(var i of s(a))e.call(a,i)&&t(r,i,a[i]);return r},u=this&&this.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(n,"__esModule",{value:!0}),n.UIFocusTrapZone=void 0;const c=u(d("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),h=d("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");class y extends c.default.Component{constructor(a){super(a)}render(){return c.default.createElement(h.FocusTrapZone,l({},this.props),this.props.children)}}n.UIFocusTrapZone=y},"./src/components/UIFocusZone/UIFocusZone.tsx":function(g,n,d){var p=Object.defineProperty,s=Object.getOwnPropertySymbols,o=Object.prototype.hasOwnProperty,e=Object.prototype.propertyIsEnumerable,t=(r,a,i)=>a in r?p(r,a,{enumerable:!0,configurable:!0,writable:!0,value:i}):r[a]=i,l=(r,a)=>{for(var i in a||(a={}))o.call(a,i)&&t(r,i,a[i]);if(s)for(var i of s(a))e.call(a,i)&&t(r,i,a[i]);return r},u=this&&this.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(n,"__esModule",{value:!0}),n.UIFocusZone=n.UIFocusZoneTabbableElements=n.IFocusZone=n.UIFocusZoneProps=n.UIFocusZoneDirection=void 0;const c=u(d("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),h=d("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(n,"UIFocusZoneProps",{enumerable:!0,get:function(){return h.IFocusZoneProps}}),Object.defineProperty(n,"UIFocusZoneDirection",{enumerable:!0,get:function(){return h.FocusZoneDirection}}),Object.defineProperty(n,"IFocusZone",{enumerable:!0,get:function(){return h.IFocusZone}}),Object.defineProperty(n,"UIFocusZoneTabbableElements",{enumerable:!0,get:function(){return h.FocusZoneTabbableElements}});class y extends c.default.Component{constructor(a){super(a)}render(){return c.default.createElement(h.FocusZone,l({},this.props),this.props.children)}}n.UIFocusZone=y},"./src/components/UIFocusZone/index.tsx":function(g,n,d){var p=this&&this.__createBinding||(Object.create?function(o,e,t,l){l===void 0&&(l=t);var u=Object.getOwnPropertyDescriptor(e,t);(!u||("get"in u?!e.__esModule:u.writable||u.configurable))&&(u={enumerable:!0,get:function(){return e[t]}}),Object.defineProperty(o,l,u)}:function(o,e,t,l){l===void 0&&(l=t),o[l]=e[t]}),s=this&&this.__exportStar||function(o,e){for(var t in o)t!=="default"&&!Object.prototype.hasOwnProperty.call(e,t)&&p(e,o,t)};Object.defineProperty(n,"__esModule",{value:!0}),s(d("./src/components/UIFocusZone/UIFocusTrapZone.tsx"),n),s(d("./src/components/UIFocusZone/UIFocusZone.tsx"),n)},"./stories/UICallout.story.tsx":function(g,n,d){var p=this&&this.__createBinding||(Object.create?function(a,i,f,b){b===void 0&&(b=f);var v=Object.getOwnPropertyDescriptor(i,f);(!v||("get"in v?!i.__esModule:v.writable||v.configurable))&&(v={enumerable:!0,get:function(){return i[f]}}),Object.defineProperty(a,b,v)}:function(a,i,f,b){b===void 0&&(b=f),a[b]=i[f]}),s=this&&this.__setModuleDefault||(Object.create?function(a,i){Object.defineProperty(a,"default",{enumerable:!0,value:i})}:function(a,i){a.default=i}),o=this&&this.__importStar||function(a){if(a&&a.__esModule)return a;var i={};if(a!=null)for(var f in a)f!=="default"&&Object.prototype.hasOwnProperty.call(a,f)&&p(i,a,f);return s(i,a),i};Object.defineProperty(n,"__esModule",{value:!0}),n.Callout=void 0;const e=o(d("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=d("./src/components/UIButton/index.tsx"),l=d("./src/components/UICallout/index.tsx"),u=d("./src/components/UIFocusZone/index.tsx"),c=d("./src/components/Icons.tsx");(0,c.initIcons)(),n.default={title:"Dropdowns/Callout"};const h=a=>{const{id:i}=a,[f,b]=(0,e.useState)(!1),v=()=>{b(!f)};return e.default.createElement("div",null,e.default.createElement(t.UIIconButton,{id:i,iconProps:{iconName:c.UiIcons.Bulb},checked:f,onClick:v}),f&&e.default.createElement(l.UICallout,{target:`#${i}`,isBeakVisible:!0,beakWidth:5,directionalHint:4,onDismiss:()=>v(),calloutWidth:300,calloutMinWidth:300,contentPadding:l.UICalloutContentPadding.Standard},e.default.createElement("div",null,"lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua ut enim ad minim veniam quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur excepteur sint occaecat cupidatat non proident sunt in culpa qui officia deserunt")))},y=a=>{const{id:i}=a,[f,b]=(0,e.useState)(!1),v=()=>{b(!f)};return e.default.createElement("div",null,e.default.createElement(t.UIDefaultButton,{id:i,iconProps:{iconName:c.UiIcons.Bulb},checked:f,onClick:v},"Open"),f&&e.default.createElement(l.UICallout,{target:`#${i}`,isBeakVisible:!0,setInitialFocus:!0,beakWidth:5,directionalHint:4,onDismiss:()=>v(),calloutWidth:300,calloutMinWidth:300,contentPadding:l.UICalloutContentPadding.Standard,focusTargetSiblingOnTabPress:!0},e.default.createElement("div",null,e.default.createElement(u.UIFocusZone,null,e.default.createElement(t.UIDefaultButton,{onClick:v},"Option 1"),e.default.createElement(t.UIDefaultButton,{onClick:v},"Option 2"),e.default.createElement(t.UIDefaultButton,{onClick:v},"Option 3")))))},r=()=>e.default.createElement("div",null,e.default.createElement(h,{id:"callout-with-text-id"}),e.default.createElement(y,{id:"callout-with-items-1-id"}),e.default.createElement(y,{id:"callout-with-items-2-id"}));n.Callout=r},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":g=>{var n=[];function d(o){for(var e=-1,t=0;t<n.length;t++)if(n[t].identifier===o){e=t;break}return e}function p(o,e){for(var t={},l=[],u=0;u<o.length;u++){var c=o[u],h=e.base?c[0]+e.base:c[0],y=t[h]||0,r="".concat(h," ").concat(y);t[h]=y+1;var a=d(r),i={css:c[1],media:c[2],sourceMap:c[3],supports:c[4],layer:c[5]};if(a!==-1)n[a].references++,n[a].updater(i);else{var f=s(i,e);e.byIndex=u,n.splice(u,0,{identifier:r,updater:f,references:1})}l.push(r)}return l}function s(o,e){var t=e.domAPI(e);t.update(o);var l=function(c){if(c){if(c.css===o.css&&c.media===o.media&&c.sourceMap===o.sourceMap&&c.supports===o.supports&&c.layer===o.layer)return;t.update(o=c)}else t.remove()};return l}g.exports=function(o,e){e=e||{},o=o||[];var t=p(o,e);return function(u){u=u||[];for(var c=0;c<t.length;c++){var h=t[c],y=d(h);n[y].references--}for(var r=p(u,e),a=0;a<t.length;a++){var i=t[a],f=d(i);n[f].references===0&&(n[f].updater(),n.splice(f,1))}t=r}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertBySelector.js":g=>{var n={};function d(s){if(typeof n[s]=="undefined"){var o=document.querySelector(s);if(window.HTMLIFrameElement&&o instanceof window.HTMLIFrameElement)try{o=o.contentDocument.head}catch(e){o=null}n[s]=o}return n[s]}function p(s,o){var e=d(s);if(!e)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");e.appendChild(o)}g.exports=p},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertStyleElement.js":g=>{function n(d){var p=document.createElement("style");return d.setAttributes(p,d.attributes),d.insert(p,d.options),p}g.exports=n},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(g,n,d)=>{function p(s){var o=d.nc;o&&s.setAttribute("nonce",o)}g.exports=p},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleDomAPI.js":g=>{function n(s,o,e){var t="";e.supports&&(t+="@supports (".concat(e.supports,") {")),e.media&&(t+="@media ".concat(e.media," {"));var l=typeof e.layer!="undefined";l&&(t+="@layer".concat(e.layer.length>0?" ".concat(e.layer):""," {")),t+=e.css,l&&(t+="}"),e.media&&(t+="}"),e.supports&&(t+="}");var u=e.sourceMap;u&&typeof btoa!="undefined"&&(t+=`
+/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(u))))," */")),o.styleTagTransform(t,s,o.options)}function d(s){if(s.parentNode===null)return!1;s.parentNode.removeChild(s)}function p(s){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var o=s.insertStyleElement(s);return{update:function(t){n(o,s,t)},remove:function(){d(o)}}}g.exports=p},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleTagTransform.js":g=>{function n(d,p){if(p.styleSheet)p.styleSheet.cssText=d;else{for(;p.firstChild;)p.removeChild(p.firstChild);p.appendChild(document.createTextNode(d))}}g.exports=n}}]);})();

package/storybook/UIToggleGroup-story.6f3e7d06.iframe.bundle.js

@@ -0,0 +1,2 @@
+(()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[844],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/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.88.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss":(f,s,r)=>{var l=r("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),o=r("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/api.js"),n=o(l);n.push([f.id,".ts-icon{fill:var(--vscode-foreground)}",""]),f.exports=n},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/api.js":f=>{"use strict";f.exports=function(s){var r=[];return r.toString=function(){return this.map(function(o){var n="",e=typeof o[5]!="undefined";return o[4]&&(n+="@supports (".concat(o[4],") {")),o[2]&&(n+="@media ".concat(o[2]," {")),e&&(n+="@layer".concat(o[5].length>0?" ".concat(o[5]):""," {")),n+=s(o),e&&(n+="}"),o[2]&&(n+="}"),o[4]&&(n+="}"),n}).join("")},r.i=function(o,n,e,t,a){typeof o=="string"&&(o=[[null,o,void 0]]);var u={};if(e)for(var i=0;i<this.length;i++){var b=this[i][0];b!=null&&(u[b]=!0)}for(var p=0;p<o.length;p++){var _=[].concat(o[p]);e&&u[_[0]]||(typeof a!="undefined"&&(typeof _[5]=="undefined"||(_[1]="@layer".concat(_[5].length>0?" ".concat(_[5]):""," {").concat(_[1],"}")),_[5]=a),n&&(_[2]&&(_[1]="@media ".concat(_[2]," {").concat(_[1],"}")),_[2]=n),t&&(_[4]?(_[1]="@supports (".concat(_[4],") {").concat(_[1],"}"),_[4]=t):_[4]="".concat(t)),r.push(_))}},r}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js":f=>{"use strict";f.exports=function(s){return s[1]}},"./src/components/UIIcon/UIIcon.tsx":function(f,s,r){"use strict";var l=Object.defineProperty,o=Object.defineProperties,n=Object.getOwnPropertyDescriptors,e=Object.getOwnPropertySymbols,t=Object.prototype.hasOwnProperty,a=Object.prototype.propertyIsEnumerable,u=(d,c,m)=>c in d?l(d,c,{enumerable:!0,configurable:!0,writable:!0,value:m}):d[c]=m,i=(d,c)=>{for(var m in c||(c={}))t.call(c,m)&&u(d,m,c[m]);if(e)for(var m of e(c))a.call(c,m)&&u(d,m,c[m]);return d},b=(d,c)=>o(d,n(c)),p=this&&this.__importDefault||function(d){return d&&d.__esModule?d:{default:d}};Object.defineProperty(s,"__esModule",{value:!0}),s.UIIcon=void 0;const _=p(r("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),y=r("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");r("./src/components/UIIcon/UIIcon.scss");class v extends _.default.Component{constructor(c){super(c),this.setStyle=()=>({})}render(){return _.default.createElement(y.Icon,b(i({},this.props),{className:`ts-icon${this.props.className?` ${this.props.className}`:""}`,styles:this.setStyle()}))}}s.UIIcon=v},"./src/components/UIIcon/index.tsx":function(f,s,r){"use strict";var l=this&&this.__createBinding||(Object.create?function(n,e,t,a){a===void 0&&(a=t);var u=Object.getOwnPropertyDescriptor(e,t);(!u||("get"in u?!e.__esModule:u.writable||u.configurable))&&(u={enumerable:!0,get:function(){return e[t]}}),Object.defineProperty(n,a,u)}:function(n,e,t,a){a===void 0&&(a=t),n[a]=e[t]}),o=this&&this.__exportStar||function(n,e){for(var t in n)t!=="default"&&!Object.prototype.hasOwnProperty.call(e,t)&&l(e,n,t)};Object.defineProperty(s,"__esModule",{value:!0}),o(r("./src/components/UIIcon/UIIcon.tsx"),s)},"./src/components/UILabel/UILabel.tsx":function(f,s,r){"use strict";var l=Object.defineProperty,o=Object.defineProperties,n=Object.getOwnPropertyDescriptors,e=Object.getOwnPropertySymbols,t=Object.prototype.hasOwnProperty,a=Object.prototype.propertyIsEnumerable,u=(d,c,m)=>c in d?l(d,c,{enumerable:!0,configurable:!0,writable:!0,value:m}):d[c]=m,i=(d,c)=>{for(var m in c||(c={}))t.call(c,m)&&u(d,m,c[m]);if(e)for(var m of e(c))a.call(c,m)&&u(d,m,c[m]);return d},b=(d,c)=>o(d,n(c)),p=this&&this.__importDefault||function(d){return d&&d.__esModule?d:{default:d}};Object.defineProperty(s,"__esModule",{value:!0}),s.UILabel=s.labelGlobalStyle=void 0;const _=p(r("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),y=r("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");s.labelGlobalStyle={fontWeight:"bold",fontSize:"13px",color:"var(--vscode-input-foreground)",fontFamily:"var(--vscode-font-family)",padding:"4px 0"};class v extends _.default.Component{constructor(c){super(c)}render(){const c=m=>i({},{root:[i({marginTop:25},s.labelGlobalStyle),m.disabled&&{opacity:"0.4"},m.required&&{selectors:{"::after":{content:"' *'",color:"var(--vscode-inputValidation-errorBorder)",paddingRight:12}}}]});return _.default.createElement(y.Label,b(i({},this.props),{styles:c}))}}s.UILabel=v},"./src/components/UILabel/index.tsx":function(f,s,r){"use strict";var l=this&&this.__createBinding||(Object.create?function(n,e,t,a){a===void 0&&(a=t);var u=Object.getOwnPropertyDescriptor(e,t);(!u||("get"in u?!e.__esModule:u.writable||u.configurable))&&(u={enumerable:!0,get:function(){return e[t]}}),Object.defineProperty(n,a,u)}:function(n,e,t,a){a===void 0&&(a=t),n[a]=e[t]}),o=this&&this.__exportStar||function(n,e){for(var t in n)t!=="default"&&!Object.prototype.hasOwnProperty.call(e,t)&&l(e,n,t)};Object.defineProperty(s,"__esModule",{value:!0}),o(r("./src/components/UILabel/UILabel.tsx"),s)},"./src/utilities/Dom.ts":(f,s)=>{"use strict";Object.defineProperty(s,"__esModule",{value:!0}),s.isHTMLElement=void 0;function r(l){return"title"in l}s.isHTMLElement=r},"./src/utilities/Focus.ts":(f,s,r)=>{"use strict";Object.defineProperty(s,"__esModule",{value:!0}),s.focusToSibling=s.getPreviousElement=s.getNextElement=s.setUIFocusVisibility=s.getUILastFocusable=s.getUIFirstFocusable=void 0;const l=r("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(s,"getUIFirstFocusable",{enumerable:!0,get:function(){return l.getFirstFocusable}}),Object.defineProperty(s,"getUILastFocusable",{enumerable:!0,get:function(){return l.getLastFocusable}}),Object.defineProperty(s,"setUIFocusVisibility",{enumerable:!0,get:function(){return l.setFocusVisibility}}),Object.defineProperty(s,"getNextElement",{enumerable:!0,get:function(){return l.getNextElement}}),Object.defineProperty(s,"getPreviousElement",{enumerable:!0,get:function(){return l.getPreviousElement}});function o(n,e){const t=(0,l.getDocument)();if(t){let a=null;if(e?a=(0,l.getNextElement)(t.body,n,!1,!1,!0,!0):a=(0,l.getPreviousElement)(t.body,n,!1,!1,!0,!0),a)return a.focus(),a}return null}s.focusToSibling=o},"./src/utilities/Id.ts":(f,s,r)=>{"use strict";Object.defineProperty(s,"__esModule",{value:!0}),s.getUIId=void 0;const l=r("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(s,"getUIId",{enumerable:!0,get:function(){return l.getId}})},"./src/utilities/Keys.ts":(f,s,r)=>{"use strict";Object.defineProperty(s,"__esModule",{value:!0}),s.UIKeyCodes=void 0;const l=r("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(s,"UIKeyCodes",{enumerable:!0,get:function(){return l.KeyCodes}})},"./src/utilities/index.ts":function(f,s,r){"use strict";var l=this&&this.__createBinding||(Object.create?function(n,e,t,a){a===void 0&&(a=t);var u=Object.getOwnPropertyDescriptor(e,t);(!u||("get"in u?!e.__esModule:u.writable||u.configurable))&&(u={enumerable:!0,get:function(){return e[t]}}),Object.defineProperty(n,a,u)}:function(n,e,t,a){a===void 0&&(a=t),n[a]=e[t]}),o=this&&this.__exportStar||function(n,e){for(var t in n)t!=="default"&&!Object.prototype.hasOwnProperty.call(e,t)&&l(e,n,t)};Object.defineProperty(s,"__esModule",{value:!0}),o(r("./src/utilities/Dom.ts"),s),o(r("./src/utilities/Focus.ts"),s),o(r("./src/utilities/Id.ts"),s),o(r("./src/utilities/Keys.ts"),s)},"./stories/UIToggleGroup.story.tsx":function(f,s,r){"use strict";var l=this&&this.__createBinding||(Object.create?function(p,_,y,v){v===void 0&&(v=y);var d=Object.getOwnPropertyDescriptor(_,y);(!d||("get"in d?!_.__esModule:d.writable||d.configurable))&&(d={enumerable:!0,get:function(){return _[y]}}),Object.defineProperty(p,v,d)}:function(p,_,y,v){v===void 0&&(v=y),p[v]=_[y]}),o=this&&this.__setModuleDefault||(Object.create?function(p,_){Object.defineProperty(p,"default",{enumerable:!0,value:_})}:function(p,_){p.default=_}),n=this&&this.__importStar||function(p){if(p&&p.__esModule)return p;var _={};if(p!=null)for(var y in p)y!=="default"&&Object.prototype.hasOwnProperty.call(p,y)&&l(_,p,y);return o(_,p),_};Object.defineProperty(s,"__esModule",{value:!0}),s.defaultUsage=void 0;const e=n(r("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=r("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),a=r("./src/components/UIToggleGroup/index.ts");(0,r("./src/components/Icons.tsx").initIcons)(),s.default={title:"Basic Inputs/Toggle/Group"};const i={childrenGap:40},b=()=>{const[p,_]=(0,e.useState)(""),y=[{key:"high",text:"H",ariaLabel:"High",title:"High"},{key:"medium",text:"M",ariaLabel:"Medium",title:"Medium"},{key:"low",text:"L",ariaLabel:"Low",title:"Low"}],v=[{key:"high",text:"H"},{key:"medium",text:"M",disabled:!0},{key:"low",text:"L"}],d=[{key:"chart",icon:"Chart"},{key:"star",icon:"Star"},{key:"settings",icon:"Settings"}],c=(m,I)=>{_(I?m:"")};return e.default.createElement(t.Stack,{tokens:i,style:{width:300}},e.default.createElement(t.Text,{variant:"large",className:"textColor"},"UIToggleGroup"),e.default.createElement(t.Stack,{tokens:{childrenGap:16}},e.default.createElement(t.Text,{variant:"medium",className:"textColor"},"UIToggleGroup, default usage"),e.default.createElement(a.UIToggleGroup,{options:y,label:"Test",ariaLabel:"test",onChange:c.bind(this)}),e.default.createElement("span",null,"selection: ",p)),e.default.createElement(t.Stack,{tokens:{childrenGap:16}},e.default.createElement(t.Text,{variant:"medium",className:"textColor"},"UIToggleGroup, required value"),e.default.createElement(a.UIToggleGroup,{options:y,label:"Test",required:!0})),e.default.createElement(t.Stack,{tokens:{childrenGap:16}},e.default.createElement(t.Text,{variant:"medium",className:"textColor"},"UIToggleGroup, with default selected value"),e.default.createElement(a.UIToggleGroup,{options:y,label:"Test",selectedKey:"medium"})),e.default.createElement(t.Stack,{tokens:{childrenGap:16}},e.default.createElement(t.Text,{variant:"medium",className:"textColor"},"UIToggleGroup, with a disabled option"),e.default.createElement(a.UIToggleGroup,{options:v,label:"Test"})),e.default.createElement(t.Stack,{tokens:{childrenGap:16}},e.default.createElement(t.Text,{variant:"medium",className:"textColor"},"UIToggleGroup, with icons option"),e.default.createElement(a.UIToggleGroup,{options:d,label:"Test"})))};s.defaultUsage=b},"./src/components/UIIcon/UIIcon.scss":(f,s,r)=>{"use strict";r.r(s),r.d(s,{default:()=>P});var l=r("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),o=r.n(l),n=r("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),e=r.n(n),t=r("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),a=r.n(t),u=r("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),i=r.n(u),b=r("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),p=r.n(b),_=r("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),y=r.n(_),v=r("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/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.88.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss"),d=r.n(v),c={};for(const g in v)g!=="default"&&(c[g]=()=>v[g]);r.d(s,c);var m={};m.styleTagTransform=y(),m.setAttributes=i(),m.insert=a().bind(null,"head"),m.domAPI=e(),m.insertStyleElement=p();var I=o()(d(),m);const P=d()&&d().locals?d().locals:void 0},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":f=>{"use strict";var s=[];function r(n){for(var e=-1,t=0;t<s.length;t++)if(s[t].identifier===n){e=t;break}return e}function l(n,e){for(var t={},a=[],u=0;u<n.length;u++){var i=n[u],b=e.base?i[0]+e.base:i[0],p=t[b]||0,_="".concat(b," ").concat(p);t[b]=p+1;var y=r(_),v={css:i[1],media:i[2],sourceMap:i[3],supports:i[4],layer:i[5]};if(y!==-1)s[y].references++,s[y].updater(v);else{var d=o(v,e);e.byIndex=u,s.splice(u,0,{identifier:_,updater:d,references:1})}a.push(_)}return a}function o(n,e){var t=e.domAPI(e);t.update(n);var a=function(i){if(i){if(i.css===n.css&&i.media===n.media&&i.sourceMap===n.sourceMap&&i.supports===n.supports&&i.layer===n.layer)return;t.update(n=i)}else t.remove()};return a}f.exports=function(n,e){e=e||{},n=n||[];var t=l(n,e);return function(u){u=u||[];for(var i=0;i<t.length;i++){var b=t[i],p=r(b);s[p].references--}for(var _=l(u,e),y=0;y<t.length;y++){var v=t[y],d=r(v);s[d].references===0&&(s[d].updater(),s.splice(d,1))}t=_}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertBySelector.js":f=>{"use strict";var s={};function r(o){if(typeof s[o]=="undefined"){var n=document.querySelector(o);if(window.HTMLIFrameElement&&n instanceof window.HTMLIFrameElement)try{n=n.contentDocument.head}catch(e){n=null}s[o]=n}return s[o]}function l(o,n){var e=r(o);if(!e)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");e.appendChild(n)}f.exports=l},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertStyleElement.js":f=>{"use strict";function s(r){var l=document.createElement("style");return r.setAttributes(l,r.attributes),r.insert(l,r.options),l}f.exports=s},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(f,s,r)=>{"use strict";function l(o){var n=r.nc;n&&o.setAttribute("nonce",n)}f.exports=l},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleDomAPI.js":f=>{"use strict";function s(o,n,e){var t="";e.supports&&(t+="@supports (".concat(e.supports,") {")),e.media&&(t+="@media ".concat(e.media," {"));var a=typeof e.layer!="undefined";a&&(t+="@layer".concat(e.layer.length>0?" ".concat(e.layer):""," {")),t+=e.css,a&&(t+="}"),e.media&&(t+="}"),e.supports&&(t+="}");var u=e.sourceMap;u&&typeof btoa!="undefined"&&(t+=`
+/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(u))))," */")),n.styleTagTransform(t,o,n.options)}function r(o){if(o.parentNode===null)return!1;o.parentNode.removeChild(o)}function l(o){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var n=o.insertStyleElement(o);return{update:function(t){s(n,o,t)},remove:function(){r(n)}}}f.exports=l},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleTagTransform.js":f=>{"use strict";function s(r,l){if(l.styleSheet)l.styleSheet.cssText=r;else{for(;l.firstChild;)l.removeChild(l.firstChild);l.appendChild(document.createTextNode(r))}}f.exports=s}}]);})();

package/storybook/UITooltip-story.eda2d811.iframe.bundle.js

@@ -0,0 +1 @@
+(()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[963],{"./src/components/UICallout/CalloutCollisionTransform.ts":(b,e)=>{"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.CalloutCollisionTransform=void 0;const c={target:".ms-Dialog-actions",container:".ms-Dialog-main",absolute:!0,minPagePadding:10},m=20;class i{constructor(o,t,n=c){this.originalStyle={},this.source=o,this.callout=t,this.props=n,this.applyTransformation=this.applyTransformation.bind(this),this.resetTransformation=this.resetTransformation.bind(this),this.preventDismissOnEvent=this.preventDismissOnEvent.bind(this)}createPlaceholder(o){const t=document.createElement("div");return t.classList.add("ts-Callout-transformation"),t.style.height=`${o}px`,t}getElements(){const o=this.source.current,t=o==null?void 0:o.closest(this.props.container);if(t&&o){const n=t==null?void 0:t.querySelector(this.props.target);if(n){const r={container:{dom:t,rect:t.getBoundingClientRect()},target:{dom:n,rect:n.getBoundingClientRect()},source:{dom:o,rect:o.getBoundingClientRect()}},u=this.callout.current;return u&&(r.callout={dom:u,rect:u.getBoundingClientRect()}),r}}}applyTransformation(){const o=this.getElements();if(!o)return;const{container:t,target:n,callout:r,source:u}=o;if(r){const C=window.innerHeight-c.minPagePadding,v=r.rect.height,T=u.rect.bottom;let y=T+v-n.rect.top,h=T+r.rect.height;if(y<=0||h>=C)return;if(h+=n.rect.height,h<=C&&(y+=m),this.props.absolute){const _=t.dom.style;this.originalStyle={transform:_.transform,position:_.position,top:_.top,left:_.left},_.transform="",_.position="absolute",_.top=`${t.rect.top}px`,_.left=`${t.rect.left}px`}this.placeholder=this.createPlaceholder(y),n.dom.prepend(this.placeholder)}}resetTransformation(){const o=this.getElements();if(!o)return;const{container:t,target:n}=o;for(const r in this.originalStyle){const u=this.originalStyle[r];typeof u=="string"&&(t.dom.style[r]=u)}this.originalStyle={},this.placeholder&&(n.dom.removeChild(this.placeholder),this.placeholder=void 0)}preventDismissOnEvent(o){const t=this.getElements();return!!(o.type==="focus"&&(t!=null&&t.target.dom.contains(o.target)))}}e.CalloutCollisionTransform=i},"./src/components/UICallout/UICallout.tsx":function(b,e,c){"use strict";var m=Object.defineProperty,i=Object.defineProperties,a=Object.getOwnPropertyDescriptors,o=Object.getOwnPropertySymbols,t=Object.prototype.hasOwnProperty,n=Object.prototype.propertyIsEnumerable,r=(l,s,f)=>s in l?m(l,s,{enumerable:!0,configurable:!0,writable:!0,value:f}):l[s]=f,u=(l,s)=>{for(var f in s||(s={}))t.call(s,f)&&r(l,f,s[f]);if(o)for(var f of o(s))n.call(s,f)&&r(l,f,s[f]);return l},C=(l,s)=>i(l,a(s)),v=this&&this.__importDefault||function(l){return l&&l.__esModule?l:{default:l}};Object.defineProperty(e,"__esModule",{value:!0}),e.UICallout=e.getCalloutStyle=e.UICalloutContentPadding=e.CALLOUT_STYLES=void 0;const T=v(c("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),y=c("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),h=c("./src/utilities/index.ts");e.CALLOUT_STYLES={background:"var(--vscode-editorSuggestWidget-background)",boxShadow:"0 2px 6px rgb(0 0 0 / 20%), 0 0 0 1px var(--vscode-contrastBorder, var(--vscode-editorSuggestWidget-border))",text:"var(--vscode-editorSuggestWidget-foreground)",font:"var(--vscode-font-family)",borderRadius:4};var _;(function(l){l.None="None",l.Standard="Standard"})(_=e.UICalloutContentPadding||(e.UICalloutContentPadding={}));const p=new Map([[_.Standard,8]]),d=(l,s)=>typeof l=="object"&&typeof l[s]=="object"?l[s]:{},g=l=>{var s;return{root:u({boxShadow:e.CALLOUT_STYLES.boxShadow,backgroundColor:"transparent",borderRadius:e.CALLOUT_STYLES.borderRadius},d(l.styles,"root")),beak:u({backgroundColor:e.CALLOUT_STYLES.background,boxShadow:e.CALLOUT_STYLES.boxShadow},d(l.styles,"beak")),beakCurtain:u({backgroundColor:e.CALLOUT_STYLES.background,borderRadius:e.CALLOUT_STYLES.borderRadius},d(l.styles,"beakCurtain")),calloutMain:u({backgroundColor:e.CALLOUT_STYLES.background,color:e.CALLOUT_STYLES.text,fontFamily:e.CALLOUT_STYLES.font,borderRadius:e.CALLOUT_STYLES.borderRadius,minWidth:(s=l.calloutMinWidth)!=null?s:300,boxSizing:"border-box",padding:p.get(l.contentPadding||_.None)},d(l.styles,"calloutMain")),container:d(l.styles,"container")}};e.getCalloutStyle=g;class U extends T.default.Component{constructor(s){super(s),this.onKeyDown=this.onKeyDown.bind(this)}onKeyDown(s){const{onKeyDown:f,focusTargetSiblingOnTabPress:P,target:S}=this.props;if(P&&s.key==="Tab"&&S){let O=null;if(typeof S=="string"){const L=(0,y.getDocument)();O=L==null?void 0:L.querySelector(S)}else"getBoundingClientRect"in S&&(0,h.isHTMLElement)(S)&&(O=S);O&&(0,h.focusToSibling)(O,!s.shiftKey)&&(s.stopPropagation(),s.preventDefault())}f==null||f(s)}render(){return T.default.createElement(y.Callout,C(u({},this.props),{onKeyDown:this.onKeyDown,styles:(0,e.getCalloutStyle)(this.props)}),this.props.children)}}e.UICallout=U},"./src/components/UICallout/index.tsx":function(b,e,c){"use strict";var m=this&&this.__createBinding||(Object.create?function(a,o,t,n){n===void 0&&(n=t);var r=Object.getOwnPropertyDescriptor(o,t);(!r||("get"in r?!o.__esModule:r.writable||r.configurable))&&(r={enumerable:!0,get:function(){return o[t]}}),Object.defineProperty(a,n,r)}:function(a,o,t,n){n===void 0&&(n=t),a[n]=o[t]}),i=this&&this.__exportStar||function(a,o){for(var t in a)t!=="default"&&!Object.prototype.hasOwnProperty.call(o,t)&&m(o,a,t)};Object.defineProperty(e,"__esModule",{value:!0}),i(c("./src/components/UICallout/CalloutCollisionTransform.ts"),e),i(c("./src/components/UICallout/UICallout.tsx"),e)},"./src/components/UITooltip/UITooltip.tsx":function(b,e,c){"use strict";var m=Object.defineProperty,i=Object.defineProperties,a=Object.getOwnPropertyDescriptors,o=Object.getOwnPropertySymbols,t=Object.prototype.hasOwnProperty,n=Object.prototype.propertyIsEnumerable,r=(p,d,g)=>d in p?m(p,d,{enumerable:!0,configurable:!0,writable:!0,value:g}):p[d]=g,u=(p,d)=>{for(var g in d||(d={}))t.call(d,g)&&r(p,g,d[g]);if(o)for(var g of o(d))n.call(d,g)&&r(p,g,d[g]);return p},C=(p,d)=>i(p,a(d)),v=this&&this.__importDefault||function(p){return p&&p.__esModule?p:{default:p}};Object.defineProperty(e,"__esModule",{value:!0}),e.UITooltip=e.UITooltipDelay=void 0;const T=v(c("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),y=c("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(e,"UITooltipDelay",{enumerable:!0,get:function(){return y.TooltipDelay}});const h=c("./src/components/UICallout/index.tsx");class _ extends T.default.Component{constructor(d){super(d)}render(){const d=this.props.maxWidth!==void 0?this.props.maxWidth:200,g=()=>u(u({},{root:{display:"inline-block"},content:{backgroundColor:h.CALLOUT_STYLES.background,color:h.CALLOUT_STYLES.text,fontFamily:h.CALLOUT_STYLES.font}}),this.props.styles),l={beakWidth:10,styles:()=>(0,h.getCalloutStyle)({calloutMinWidth:0,styles:{root:{display:"inline-block"},calloutMain:{padding:10,maxWidth:d}}})},s=T.default.createElement(y.TooltipHost,C(u({},this.props),{styles:g,calloutProps:u(u({},l),this.props.calloutProps)}));return this.props.showOnFocus?s:T.default.createElement("div",{onFocusCapture:f=>{f.target.parentElement&&f.target.parentElement.classList.contains("ms-TooltipHost")&&f.stopPropagation()}},s)}}e.UITooltip=_},"./src/components/UITooltip/UITooltipUtils.tsx":function(b,e,c){"use strict";var m=this&&this.__importDefault||function(n){return n&&n.__esModule?n:{default:n}};Object.defineProperty(e,"__esModule",{value:!0}),e.UITooltipUtils=void 0;const i=m(c("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),a=m(c("../../node_modules/.pnpm/sanitize-html@2.7.3/node_modules/sanitize-html/index.js")),o=c("./src/components/UICallout/index.tsx");class t{static getStyles(){return{root:{},content:{background:o.CALLOUT_STYLES.background,color:o.CALLOUT_STYLES.text},subText:{}}}}e.UITooltipUtils=t,t.renderContent=n=>({onRenderContent:()=>i.default.createElement("span",null,n!=null?n:""),styles:t.getStyles()}),t.renderHTMLContent=n=>{const r=(0,a.default)(n);return{onRenderContent:()=>i.default.createElement("span",{dangerouslySetInnerHTML:{__html:r}}),styles:t.getStyles()}}},"./src/components/UITooltip/index.tsx":function(b,e,c){"use strict";var m=this&&this.__createBinding||(Object.create?function(a,o,t,n){n===void 0&&(n=t);var r=Object.getOwnPropertyDescriptor(o,t);(!r||("get"in r?!o.__esModule:r.writable||r.configurable))&&(r={enumerable:!0,get:function(){return o[t]}}),Object.defineProperty(a,n,r)}:function(a,o,t,n){n===void 0&&(n=t),a[n]=o[t]}),i=this&&this.__exportStar||function(a,o){for(var t in a)t!=="default"&&!Object.prototype.hasOwnProperty.call(o,t)&&m(o,a,t)};Object.defineProperty(e,"__esModule",{value:!0}),i(c("./src/components/UITooltip/UITooltip.tsx"),e),i(c("./src/components/UITooltip/UITooltipUtils.tsx"),e)},"./stories/UITooltip.story.tsx":function(b,e,c){"use strict";var m=this&&this.__importDefault||function(u){return u&&u.__esModule?u:{default:u}};Object.defineProperty(e,"__esModule",{value:!0}),e.Tooltips=void 0;const i=m(c("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),a=c("./src/components/UITooltip/index.tsx"),o=c("./src/components/UIButton/index.tsx"),t=c("./src/components/Icons.tsx");e.default={title:"Dropdowns/Tooltip"},(0,t.initIcons)();const n={name:"Hello, world!",html:"<span><strong>Tag:</strong> name</span>"},r=()=>i.default.createElement(i.default.Fragment,null,i.default.createElement("div",{style:{margin:20}},i.default.createElement(a.UITooltip,{tooltipProps:a.UITooltipUtils.renderContent(n.name)},n.name)),i.default.createElement("div",{style:{margin:20}},i.default.createElement(a.UITooltip,{tooltipProps:a.UITooltipUtils.renderHTMLContent(n.html)},"render HTML content")),i.default.createElement("div",null,i.default.createElement(a.UITooltip,{content:"This is the tooltip"},i.default.createElement(o.UIDefaultButton,null,"Show tooltip on hover and ignore focus"))),i.default.createElement("div",null,i.default.createElement(a.UITooltip,{content:"This is the tooltip",showOnFocus:!0},i.default.createElement(o.UIDefaultButton,null,"Show tooltip on hover and on focus"))));e.Tooltips=r},"?e93e":()=>{},"?67a2":()=>{},"?b45d":()=>{},"?333a":()=>{},"?cb65":()=>{}}]);})();

package/storybook/iframe.html

@@ -364,7 +364,7 @@
             window['DOCS_OPTIONS'] = {};</script><script type="module">import './sb-preview/runtime.js';
 
       
-      import './runtime~main.fc3613dc.iframe.bundle.js';
+      import './runtime~main.a391da1c.iframe.bundle.js';
       
       import './565.d2884ebb.iframe.bundle.js';
       

package/storybook/project.json

@@ -1 +1 @@
-{"generatedAt":1699857684433,"hasCustomBabel":false,"hasCustomWebpack":true,"hasStaticDirs":false,"hasStorybookEslint":true,"refCount":0,"monorepo":"Nx","packageManager":{"type":"pnpm","version":"8.6.12"},"framework":{"name":"@storybook/react-webpack5","options":{}},"builder":"@storybook/builder-webpack5","renderer":"@storybook/react","storybookVersion":"7.4.3","storybookVersionSpecifier":"7.4.3","language":"typescript","storybookPackages":{"@storybook/react":{"version":"7.4.3"},"@storybook/react-webpack5":{"version":"7.4.3"},"eslint-plugin-storybook":{"version":"0.6.13"},"storybook":{"version":"7.4.3"}},"addons":{"storybook-addon-turbo-build":{"version":"2.0.1"}}}
+{"generatedAt":1700728191413,"hasCustomBabel":false,"hasCustomWebpack":true,"hasStaticDirs":false,"hasStorybookEslint":true,"refCount":0,"monorepo":"Nx","packageManager":{"type":"pnpm","version":"8.6.12"},"framework":{"name":"@storybook/react-webpack5","options":{}},"builder":"@storybook/builder-webpack5","renderer":"@storybook/react","storybookVersion":"7.4.3","storybookVersionSpecifier":"7.4.3","language":"typescript","storybookPackages":{"@storybook/react":{"version":"7.4.3"},"@storybook/react-webpack5":{"version":"7.4.3"},"eslint-plugin-storybook":{"version":"0.6.13"},"storybook":{"version":"7.4.3"}},"addons":{"storybook-addon-turbo-build":{"version":"2.0.1"}}}

package/storybook/{runtime~main.fc3613dc.iframe.bundle.js → runtime~main.a391da1c.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=>""+({29:"UITreedropdown-story",84:"UIActionCallout-story",210:"UIFlexibleTable-story",218:"UIPersona-story",244:"UICalloutCollisionTransform-story",248:"UISections-story",292:"UICallout-story",294:"UICheckbox-story",295:"UICombobox-story",302:"UITranslationInput-story",309:"UITable-story",328:"UIMessageBar-story",398:"UILabel-story",456:"UISeparator-story",469:"UILink-story",520:"UIDropdown-story",524:"UIIcon-story",626:"UIToggle-story",682:"UILoader-story",693:"UIDialog-story",740:"UIButton-story",761:"UICreateSelect-story",778:"UIContextualMenu-story",786:"UISearchBox-story",797:"UITextInput-story",835:"UIDatePicker-story",844:"UIToggleGroup-story",900:"UIChoiceGroup-story",963:"UITooltip-story"}[e]||e)+"."+{29:"5ff8c2a8",84:"b91ac520",169:"3cef0c60",210:"2c13d1e8",218:"9d5750d4",239:"df74670d",244:"cc07045d",248:"233ac58f",277:"b4eb5ff2",292:"d2720bed",294:"ef3a5b0a",295:"9da4ca1c",302:"9e4a233b",307:"71a90966",308:"ee260d41",309:"4fbef46b",314:"88c87a07",328:"28245a77",398:"fe877da7",405:"2472d9fb",456:"608804ec",469:"cb4bc655",494:"7dd7fb93",520:"c229d439",524:"98a0771b",580:"f238ed95",626:"1eb81da9",666:"98ab036d",682:"177c9825",693:"3223c2f8",740:"f98ff4fa",761:"e2f32e1b",763:"3cd34b10",778:"8c94e82e",786:"9133a6d6",797:"171bd469",835:"3319a11e",844:"4ac2c028",900:"136500c4",909:"ce148956",930:"1b3c5615",959:"fddcd3e5",963:"a201b868"}[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={303: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!=303){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})();})();
+(()=>{(()=>{"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],l=!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):(l=!1,i<o&&(o=i));if(l){e.splice(n--,1);var d=a();d!==void 0&&(f=d)}}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(l=>n[l]=()=>t[l]);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=>""+({29:"UITreedropdown-story",84:"UIActionCallout-story",210:"UIFlexibleTable-story",218:"UIPersona-story",244:"UICalloutCollisionTransform-story",248:"UISections-story",292:"UICallout-story",294:"UICheckbox-story",295:"UICombobox-story",302:"UITranslationInput-story",309:"UITable-story",328:"UIMessageBar-story",398:"UILabel-story",456:"UISeparator-story",469:"UILink-story",520:"UIDropdown-story",524:"UIIcon-story",626:"UIToggle-story",682:"UILoader-story",693:"UIDialog-story",740:"UIButton-story",761:"UICreateSelect-story",778:"UIContextualMenu-story",786:"UISearchBox-story",797:"UITextInput-story",835:"UIDatePicker-story",844:"UIToggleGroup-story",900:"UIChoiceGroup-story",963:"UITooltip-story"}[e]||e)+"."+{29:"5ff8c2a8",84:"c4c2ba89",169:"3cef0c60",210:"2c13d1e8",218:"9d5750d4",239:"df74670d",244:"cc07045d",248:"233ac58f",277:"b4eb5ff2",292:"ae31276b",294:"ef3a5b0a",295:"9da4ca1c",302:"9e4a233b",307:"9b1e7ad5",308:"ee260d41",309:"4fbef46b",314:"88c87a07",328:"28245a77",398:"fe877da7",405:"2472d9fb",456:"608804ec",469:"cb4bc655",494:"1829058d",520:"c229d439",524:"98a0771b",580:"f238ed95",626:"1eb81da9",666:"98ab036d",682:"177c9825",693:"3223c2f8",740:"f98ff4fa",761:"e2f32e1b",763:"3cd34b10",778:"8c94e82e",786:"9133a6d6",797:"171bd469",835:"3319a11e",844:"6f3e7d06",900:"136500c4",909:"ce148956",930:"1b3c5615",959:"6d7ed24c",963:"eda2d811"}[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,l;if(i!==void 0)for(var s=document.getElementsByTagName("script"),d=0;d<s.length;d++){var c=s[d];if(c.getAttribute("src")==t||c.getAttribute("data-webpack")==f+i){o=c;break}}o||(l=!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),l&&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={303: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!=303){var o=new Promise((c,b)=>n=e[a]=[c,b]);i.push(n[2]=o);var l=r.p+r.u(a),s=new Error,d=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(l,d,"chunk-"+a,a)}else e[a]=0},r.O.j=a=>e[a]===0;var f=(a,i)=>{var[n,o,l]=i,s,d,c=0;if(n.some(u=>e[u]!==0)){for(s in o)r.o(o,s)&&(r.m[s]=o[s]);if(l)var b=l(r)}for(a&&a(i);c<n.length;c++)d=n[c],r.o(e,d)&&e[d]&&e[d][0](),e[d]=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/307.71a90966.iframe.bundle.js

@@ -1 +0,0 @@
-(()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[307],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/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.88.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIContextualMenu/UIContextualMenu.scss":(g,t,e)=>{var M=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),d=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/api.js"),l=d(M);l.push([g.id,'.ts-ContextualMenu-callout{box-shadow:none;background:var(--vscode-menu-background, var(--vscode-input-background));border:1px solid var(--vscode-focusBorder);border-radius:2px}.ts-ContextualMenu-callout .ms-Callout-main{border-radius:2px;background:var(--vscode-menu-background, var(--vscode-input-background));transform:translateZ(0)}.ts-ContextualMenu{background:var(--vscode-menu-background, var(--vscode-input-background))}.ts-ContextualMenu .ms-ContextualMenu-item>div,.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link,.ts-ContextualMenu .ms-ContextualMenu-item>div>button{min-height:22px;height:auto}.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link,.ts-ContextualMenu .ms-ContextualMenu-item>div>button{font-size:13px;color:var(--vscode-editorSuggestWidget-foreground);padding:0px 8px;padding-right:3px}.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link svg>path,.ts-ContextualMenu .ms-ContextualMenu-item>div>button svg>path{fill:var(--vscode-editorSuggestWidget-foreground)}.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link.is-disabled,.ts-ContextualMenu .ms-ContextualMenu-item>div>button.is-disabled{opacity:.2}.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link:hover,.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link:active,.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link.is-expanded,.ts-ContextualMenu .ms-ContextualMenu-item>div>button:hover,.ts-ContextualMenu .ms-ContextualMenu-item>div>button:active,.ts-ContextualMenu .ms-ContextualMenu-item>div>button.is-expanded{background-color:var(--vscode-list-hoverBackground);color:var(--vscode-editorSuggestWidget-foreground)}.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link:hover:after,.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link:active:after,.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link.is-expanded:after,.ts-ContextualMenu .ms-ContextualMenu-item>div>button:hover:after,.ts-ContextualMenu .ms-ContextualMenu-item>div>button:active:after,.ts-ContextualMenu .ms-ContextualMenu-item>div>button.is-expanded:after{outline:none;border:none}.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link:hover svg>path,.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link:active svg>path,.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link.is-expanded svg>path,.ts-ContextualMenu .ms-ContextualMenu-item>div>button:hover svg>path,.ts-ContextualMenu .ms-ContextualMenu-item>div>button:active svg>path,.ts-ContextualMenu .ms-ContextualMenu-item>div>button.is-expanded svg>path{fill:var(--vscode-editorSuggestWidget-foreground)}.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link:hover~.ms-ContextualMenu-splitMenu,.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link:active~.ms-ContextualMenu-splitMenu,.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link.is-expanded~.ms-ContextualMenu-splitMenu,.ts-ContextualMenu .ms-ContextualMenu-item>div>button:hover~.ms-ContextualMenu-splitMenu,.ts-ContextualMenu .ms-ContextualMenu-item>div>button:active~.ms-ContextualMenu-splitMenu,.ts-ContextualMenu .ms-ContextualMenu-item>div>button.is-expanded~.ms-ContextualMenu-splitMenu{background-color:var(--vscode-list-hoverBackground);color:var(--vscode-editorSuggestWidget-foreground)}.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link:hover~.ms-ContextualMenu-splitMenu:after,.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link:active~.ms-ContextualMenu-splitMenu:after,.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link.is-expanded~.ms-ContextualMenu-splitMenu:after,.ts-ContextualMenu .ms-ContextualMenu-item>div>button:hover~.ms-ContextualMenu-splitMenu:after,.ts-ContextualMenu .ms-ContextualMenu-item>div>button:active~.ms-ContextualMenu-splitMenu:after,.ts-ContextualMenu .ms-ContextualMenu-item>div>button.is-expanded~.ms-ContextualMenu-splitMenu:after{outline:none;border:none}.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link:hover~.ms-ContextualMenu-splitMenu svg>path,.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link:active~.ms-ContextualMenu-splitMenu svg>path,.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link.is-expanded~.ms-ContextualMenu-splitMenu svg>path,.ts-ContextualMenu .ms-ContextualMenu-item>div>button:hover~.ms-ContextualMenu-splitMenu svg>path,.ts-ContextualMenu .ms-ContextualMenu-item>div>button:active~.ms-ContextualMenu-splitMenu svg>path,.ts-ContextualMenu .ms-ContextualMenu-item>div>button.is-expanded~.ms-ContextualMenu-splitMenu svg>path{fill:var(--vscode-editorSuggestWidget-foreground)}.ts-ContextualMenu .ms-ContextualMenu-item>div>button{padding-right:0;width:calc(100% - 22px)}.ts-ContextualMenu .ms-ContextualMenu-item>div>button+span{display:none}.ts-ContextualMenu .ms-ContextualMenu-item .ms-ContextualMenu-splitMenu{padding:0;width:22px;min-width:22px}.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link:hover:after,.ts-ContextualMenu .ms-ContextualMenu-item>div:hover:after{content:"";position:absolute;inset:1px;z-index:1;outline:1px dashed var(--vscode-contrastActiveBorder);outline-offset:-1px;pointer-events:none;border:none}.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link:focus{background-color:var(--vscode-editorSuggestWidget-selectedBackground, var(--vscode-quickInputList-focusBackground));color:var(--vscode-editorSuggestWidget-selectedForeground, var(--vscode-quickInputList-focusForeground, var(--vscode-editorSuggestWidget-foreground)))}.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link:focus:after{content:"";position:absolute;inset:1px;z-index:1;outline:1px solid var(--vscode-focusBorder);outline-offset:-1px;pointer-events:none;border:none}.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link:focus svg>path{fill:var(--vscode-editorSuggestWidget-selectedForeground, var(--vscode-quickInputList-focusForeground, var(--vscode-editorSuggestWidget-foreground)))}.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link:focus:hover{background-color:var(--vscode-list-hoverBackground);color:var(--vscode-editorSuggestWidget-foreground)}.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link:focus:hover:after{content:"";position:absolute;inset:1px;z-index:1;outline:1px dashed var(--vscode-contrastActiveBorder);outline-offset:-1px;pointer-events:none;border:none}.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link:focus:hover svg>path{fill:var(--vscode-editorSuggestWidget-foreground)}.ts-ContextualMenu .ms-ContextualMenu-item>div:hover,.ts-ContextualMenu .ms-ContextualMenu-item>div:focus{background:rgba(0,0,0,0)}.ts-ContextualMenu .ms-ContextualMenu-item>div:focus>button:first-child{background-color:var(--vscode-editorSuggestWidget-selectedBackground, var(--vscode-quickInputList-focusBackground));color:var(--vscode-editorSuggestWidget-selectedForeground, var(--vscode-quickInputList-focusForeground, var(--vscode-editorSuggestWidget-foreground)))}.ts-ContextualMenu .ms-ContextualMenu-item>div:focus>button:first-child:after{outline:none;border:none}.ts-ContextualMenu .ms-ContextualMenu-item>div:focus>button:first-child svg>path{fill:var(--vscode-editorSuggestWidget-selectedForeground, var(--vscode-quickInputList-focusForeground, var(--vscode-editorSuggestWidget-foreground)))}.ts-ContextualMenu .ms-ContextualMenu-item>div:focus>button:first-child~.ms-ContextualMenu-splitMenu{background-color:var(--vscode-editorSuggestWidget-selectedBackground, var(--vscode-quickInputList-focusBackground));color:var(--vscode-editorSuggestWidget-selectedForeground, var(--vscode-quickInputList-focusForeground, var(--vscode-editorSuggestWidget-foreground)))}.ts-ContextualMenu .ms-ContextualMenu-item>div:focus>button:first-child~.ms-ContextualMenu-splitMenu:after{outline:none;border:none}.ts-ContextualMenu .ms-ContextualMenu-item>div:focus>button:first-child~.ms-ContextualMenu-splitMenu svg>path{fill:var(--vscode-editorSuggestWidget-selectedForeground, var(--vscode-quickInputList-focusForeground, var(--vscode-editorSuggestWidget-foreground)))}.ts-ContextualMenu .ms-ContextualMenu-item>div:focus:hover>button:first-child{background-color:var(--vscode-list-hoverBackground);color:var(--vscode-editorSuggestWidget-foreground)}.ts-ContextualMenu .ms-ContextualMenu-item>div:focus:hover>button:first-child:after{outline:none;border:none}.ts-ContextualMenu .ms-ContextualMenu-item>div:focus:hover>button:first-child svg>path{fill:var(--vscode-editorSuggestWidget-foreground)}.ts-ContextualMenu .ms-ContextualMenu-item>div:focus:hover>button:first-child~.ms-ContextualMenu-splitMenu{background-color:var(--vscode-list-hoverBackground);color:var(--vscode-editorSuggestWidget-foreground)}.ts-ContextualMenu .ms-ContextualMenu-item>div:focus:hover>button:first-child~.ms-ContextualMenu-splitMenu:after{outline:none;border:none}.ts-ContextualMenu .ms-ContextualMenu-item>div:focus:hover>button:first-child~.ms-ContextualMenu-splitMenu svg>path{fill:var(--vscode-editorSuggestWidget-foreground)}.ts-ContextualMenu .ms-ContextualMenu-item>div:focus:after{content:"";position:absolute;inset:1px;z-index:1;outline:1px solid var(--vscode-focusBorder);outline-offset:-1px;pointer-events:none;border:none}.ts-ContextualMenu .ms-ContextualMenu-item>div:hover:after{content:"";position:absolute;inset:1px;z-index:1;outline:1px dashed var(--vscode-contrastActiveBorder);outline-offset:-1px;pointer-events:none;border:none}.ts-ContextualMenu .ms-ContextualMenu-item>div .ms-ContextualMenu-splitMenu.is-expanded{background-color:var(--vscode-editorSuggestWidget-selectedBackground, var(--vscode-quickInputList-focusBackground));color:var(--vscode-editorSuggestWidget-selectedForeground, var(--vscode-quickInputList-focusForeground, var(--vscode-editorSuggestWidget-foreground)))}.ts-ContextualMenu .ms-ContextualMenu-item>div .ms-ContextualMenu-splitMenu.is-expanded:after{outline:none;border:none}.ts-ContextualMenu .ms-ContextualMenu-item>div .ms-ContextualMenu-splitMenu.is-expanded svg>path{fill:var(--vscode-editorSuggestWidget-selectedForeground, var(--vscode-quickInputList-focusForeground, var(--vscode-editorSuggestWidget-foreground)))}.ts-ContextualMenu .ms-ContextualMenu-item>div .ms-ContextualMenu-splitMenu.is-expanded:hover{background-color:var(--vscode-list-hoverBackground);color:var(--vscode-editorSuggestWidget-foreground)}.ts-ContextualMenu .ms-ContextualMenu-item>div .ms-ContextualMenu-splitMenu.is-expanded:hover:after{outline:none;border:none}.ts-ContextualMenu .ms-ContextualMenu-item>div .ms-ContextualMenu-splitMenu.is-expanded:hover svg>path{fill:var(--vscode-editorSuggestWidget-foreground)}.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-header{padding:0px 8px}.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-header .ms-ContextualMenu-itemText{color:var(--vscode-editorSuggestWidget-foreground);font-size:11px;font-weight:bold;text-transform:uppercase}.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-header .ms-ContextualMenu-linkContent,.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-header .ms-ContextualMenu-itemText{height:22px;line-height:22px}.ts-ContextualMenu .ms-ContextualMenu-itemText{margin:0}.ts-ContextualMenu .ms-ContextualMenu-icon{display:flex;width:12px;height:12px;margin:0 6px 0 0}.ts-ContextualMenu .ms-ContextualMenu-icon svg{width:100%;height:100%}.ts-ContextualMenu .ms-ContextualMenu-divider{background-color:var(--vscode-editorWidget-border)}',""]),g.exports=l},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/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.88.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIContextualMenu/UIHighlightMenuOption.scss":(g,t,e)=>{var M=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),d=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/api.js"),l=d(M);l.push([g.id,".ts-Menu-option{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.ts-Menu-option--highlighted{color:var(--vscode-editorSuggestWidget-highlightForeground);font-weight:bold}.ts-ComboBox--selected .ts-Menu-option--highlighted,.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link:focus .ts-Menu-option--highlighted,.ts-ContextualMenu .ms-ContextualMenu-item>div:focus .ts-Menu-option--highlighted{color:var(--vscode-editorSuggestWidget-focusHighlightForeground, var(--vscode-list-focusHighlightForeground))}",""]),g.exports=l},"./src/components/UIContextualMenu/UIContextualMenu.tsx":function(g,t,e){"use strict";var M=Object.defineProperty,d=Object.defineProperties,l=Object.getOwnPropertyDescriptors,u=Object.getOwnPropertySymbols,s=Object.prototype.hasOwnProperty,_=Object.prototype.propertyIsEnumerable,a=(o,n,m)=>n in o?M(o,n,{enumerable:!0,configurable:!0,writable:!0,value:m}):o[n]=m,c=(o,n)=>{for(var m in n||(n={}))s.call(n,m)&&a(o,m,n[m]);if(u)for(var m of u(n))_.call(n,m)&&a(o,m,n[m]);return o},f=(o,n)=>d(o,l(n)),C=this&&this.__importDefault||function(o){return o&&o.__esModule?o:{default:o}};Object.defineProperty(t,"__esModule",{value:!0}),t.UIContextualMenu=t.getUIcontextualMenuCalloutStyles=t.getUIContextualMenuItemStyles=t.getUIcontextualMenuStyles=t.UIContextualMenuItemType=t.UIContextualMenuProps=t.UIContextualMenuItem=t.IContextualMenuItem=void 0;const r=C(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),p=e("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(t,"UIContextualMenuItemType",{enumerable:!0,get:function(){return p.ContextualMenuItemType}}),Object.defineProperty(t,"UIContextualMenuProps",{enumerable:!0,get:function(){return p.IContextualMenuProps}}),Object.defineProperty(t,"UIContextualMenuItem",{enumerable:!0,get:function(){return p.IContextualMenuItem}});var x=e("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(t,"IContextualMenuItem",{enumerable:!0,get:function(){return x.IContextualMenuItem}});const v=e("./src/components/Icons.tsx");e("./src/components/UIContextualMenu/UIContextualMenu.scss");const y={iconName:v.UiIcons.ArrowDown};function i(){return{root:{minWidth:190,background:"var(--vscode-input-background)",border:0}}}t.getUIcontextualMenuStyles=i;function I(){return{checkmarkIcon:{color:"var(--vscode-foreground)",maxHeight:18,fontSize:16,lineHeight:18,margin:0},icon:{marginLeft:0,marginRight:6},label:{fontFamily:"var(--vscode-font-family)",lineHeight:18,height:18},linkContent:{fontSize:13,height:"auto"},subMenuIcon:{height:16,width:16,transform:"rotate(-90deg)",transformOrigin:"50% 50%",lineHeight:0}}}t.getUIContextualMenuItemStyles=I;function b(o){return{root:{animationFillMode:"none",transform:"rotate(0.0001deg)",maxWidth:o}}}t.getUIcontextualMenuCalloutStyles=b;function h(o){return o.map(n=>(n.itemProps||(n.itemProps={}),n.itemProps.styles?n.itemProps.styles=c(c({},I()),n.itemProps.styles):n.itemProps.styles=I(),n.submenuIconProps||(n.submenuIconProps=y),n!=null&&n.iconProps&&(n.onRenderContent=(m,E)=>r.default.createElement(r.default.Fragment,null,E.renderItemName(m),E.renderItemIcon(m))),n))}const P=o=>{const n=o.className?` ${o.className}`:"";return r.default.createElement(p.ContextualMenu,f(c({},o),{className:`ts-ContextualMenu${n}`,items:h(o.items),isBeakVisible:!1,calloutProps:c({className:"ts-ContextualMenu-callout",styles:b(o.maxWidth)},o.calloutProps),styles:c(c({},i()),o.styles),onRenderSubMenu:m=>m?r.default.createElement(t.UIContextualMenu,c({},m)):null}))};t.UIContextualMenu=P},"./src/components/UIContextualMenu/UIHighlightMenuOption.tsx":function(g,t,e){"use strict";var M=this&&this.__importDefault||function(u){return u&&u.__esModule?u:{default:u}};Object.defineProperty(t,"__esModule",{value:!0}),t.UIHighlightMenuOption=void 0;const d=M(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js"));e("./src/components/UIContextualMenu/UIHighlightMenuOption.scss");class l extends d.default.Component{render(){let s=this.props.text,_=this.props.query;const a=[];if(s&&_){s=s.toString(),_=_.toLowerCase();const c=s.toLowerCase(),f=_.length;let C=0,r=c.indexOf(_);const p=x=>x?a.push(x):null;for(;r!==-1;)p(d.default.createElement("span",{key:"text-"+C},s.substring(C,r))),p(d.default.createElement("span",{className:"ts-Menu-option--highlighted",key:"highlight-"+r},s.substr(r,f))),C=r+f,r=c.indexOf(_,r+f),r===-1&&p(d.default.createElement("span",{key:"text-"+C},s.substring(C,c.length)))}return a.length===0&&a.push(s),d.default.createElement("div",{className:"ts-Menu-option"},a)}}t.UIHighlightMenuOption=l},"./src/components/UIContextualMenu/index.tsx":function(g,t,e){"use strict";var M=this&&this.__createBinding||(Object.create?function(l,u,s,_){_===void 0&&(_=s);var a=Object.getOwnPropertyDescriptor(u,s);(!a||("get"in a?!u.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return u[s]}}),Object.defineProperty(l,_,a)}:function(l,u,s,_){_===void 0&&(_=s),l[_]=u[s]}),d=this&&this.__exportStar||function(l,u){for(var s in l)s!=="default"&&!Object.prototype.hasOwnProperty.call(u,s)&&M(u,l,s)};Object.defineProperty(t,"__esModule",{value:!0}),d(e("./src/components/UIContextualMenu/UIContextualMenu.tsx"),t),d(e("./src/components/UIContextualMenu/UIHighlightMenuOption.tsx"),t)},"./src/components/UIContextualMenu/UIContextualMenu.scss":(g,t,e)=>{"use strict";e.r(t),e.d(t,{default:()=>b});var M=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),d=e.n(M),l=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),u=e.n(l),s=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),_=e.n(s),a=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),c=e.n(a),f=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),C=e.n(f),r=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),p=e.n(r),x=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/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.88.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIContextualMenu/UIContextualMenu.scss"),v=e.n(x),y={};for(const h in x)h!=="default"&&(y[h]=()=>x[h]);e.d(t,y);var i={};i.styleTagTransform=p(),i.setAttributes=c(),i.insert=_().bind(null,"head"),i.domAPI=u(),i.insertStyleElement=C();var I=d()(v(),i);const b=v()&&v().locals?v().locals:void 0},"./src/components/UIContextualMenu/UIHighlightMenuOption.scss":(g,t,e)=>{"use strict";e.r(t),e.d(t,{default:()=>b});var M=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),d=e.n(M),l=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),u=e.n(l),s=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),_=e.n(s),a=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),c=e.n(a),f=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),C=e.n(f),r=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),p=e.n(r),x=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/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.88.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIContextualMenu/UIHighlightMenuOption.scss"),v=e.n(x),y={};for(const h in x)h!=="default"&&(y[h]=()=>x[h]);e.d(t,y);var i={};i.styleTagTransform=p(),i.setAttributes=c(),i.insert=_().bind(null,"head"),i.domAPI=u(),i.insertStyleElement=C();var I=d()(v(),i);const b=v()&&v().locals?v().locals:void 0}}]);})();

package/storybook/494.7dd7fb93.iframe.bundle.js

@@ -1 +0,0 @@
-"use strict";(()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[494],{"./src/components/UIButton/UIActionButton.tsx":function(y,e,n){var p=Object.defineProperty,g=Object.defineProperties,_=Object.getOwnPropertyDescriptors,a=Object.getOwnPropertySymbols,i=Object.prototype.hasOwnProperty,d=Object.prototype.propertyIsEnumerable,l=(r,t,o)=>t in r?p(r,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):r[t]=o,f=(r,t)=>{for(var o in t||(t={}))i.call(t,o)&&l(r,o,t[o]);if(a)for(var o of a(t))d.call(t,o)&&l(r,o,t[o]);return r},h=(r,t)=>g(r,_(t)),v=this&&this.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(e,"__esModule",{value:!0}),e.UIActionButton=void 0;const c=v(n("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),b=n("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),m=n("./src/components/UIContextualMenu/index.tsx");class s extends c.default.Component{constructor(t){super(t),this.setStyle=()=>({root:{minWidth:"initial",height:22,fontSize:"13px",fontWeight:400,color:"var(--vscode-foreground)",borderRadius:0,whiteSpace:"nowrap",backgroundColor:"transparent",selectors:{"&:active":{textDecoration:"underline"},".ms-Fabric--isFocusVisible &:focus:after":{outline:"1px solid var(--vscode-focusBorder)"}}},label:{marginLeft:0,marginRight:0,fontSize:"13px",fontWeight:400,fontFamily:"var(--vscode-font-family)"},rootDisabled:{backgroundColor:"transparent",color:"var(--vscode-foreground)",opacity:"0.4",pointerEvents:"none"},rootHovered:{color:"var(--vscode-foreground)",textDecoration:"underline",backgroundColor:"transparent",selectors:{color:"var(--vscode-foreground)"}},icon:{height:16,lineHeight:16,marginLeft:-3,position:"relative",top:1},menuIcon:{position:"relative",top:1}})}render(){return c.default.createElement(b.ActionButton,h(f({},this.props),{styles:this.setStyle(),menuAs:m.UIContextualMenu}))}}e.UIActionButton=s},"./src/components/UIButton/UIDefaultButton.tsx":function(y,e,n){var p=Object.defineProperty,g=Object.defineProperties,_=Object.getOwnPropertyDescriptors,a=Object.getOwnPropertySymbols,i=Object.prototype.hasOwnProperty,d=Object.prototype.propertyIsEnumerable,l=(t,o,u)=>o in t?p(t,o,{enumerable:!0,configurable:!0,writable:!0,value:u}):t[o]=u,f=(t,o)=>{for(var u in o||(o={}))i.call(o,u)&&l(t,u,o[u]);if(a)for(var u of a(o))d.call(o,u)&&l(t,u,o[u]);return t},h=(t,o)=>g(t,_(o)),v=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(e,"__esModule",{value:!0}),e.UIDefaultButton=void 0;const c=v(n("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),b=n("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),m=n("./src/components/UIContextualMenu/index.tsx"),s=n("./src/components/UIInput/index.tsx");class r extends c.default.Component{constructor(o){super(o),this.setStyle=u=>{const I={position:"absolute",width:1,right:21,top:0,bottom:0,backgroundColor:"var(--vscode-editor-background)"};return{root:h(f({minWidth:"initial",height:22,fontSize:"13px",fontWeight:400,fontFamily:"var(--vscode-font-family)",borderRadius:s.COMMON_INPUT_STYLES.borderRadius,paddingLeft:13,paddingRight:13,backgroundColor:"var(--vscode-button-secondaryBackground, #5f6a79)",borderColor:"var(--vscode-contrastBorder, var(--vscode-button-secondaryBackground, #5f6a79))",color:"var(--vscode-button-secondaryForeground, #ffffff)"},u.primary&&{backgroundColor:"var(--vscode-button-background)",borderColor:"var(--vscode-contrastBorder, var(--vscode-button-background))",color:"var(--vscode-button-foreground)"}),{selectors:{".ms-Fabric--isFocusVisible &:focus:after":{outlineColor:"var(--vscode-focusBorder)",inset:-3}}}),flexContainer:{height:18},label:{marginLeft:0,marginRight:0,fontWeight:400,lineHeight:20,whiteSpace:"nowrap"},rootDisabled:f({opacity:"0.5 !important",backgroundColor:"var(--vscode-button-secondaryBackground,#5f6a79)",borderColor:"var(--vscode-button-secondaryBackground, #5f6a79)",color:"var(--vscode-button-secondaryForeground, #ffffff)"},u.primary&&{opacity:"0.5 !important",color:"var(--vscode-button-foreground)",backgroundColor:"var(--vscode-button-background)",borderColor:"var(--vscode-button-background)"}),rootHovered:f({color:"var(--vscode-button-secondaryForeground, #ffffff)",backgroundColor:"var(--vscode-button-secondaryHoverBackground, #4c5561)",borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-button-secondaryHoverBackground, #4c5561))",selectors:{"svg > path, svg > rect":{fill:"var(--vscode-button-secondaryForeground, #ffffff)"}}},u.primary&&{color:"var(--vscode-button-foreground)",backgroundColor:"var(--vscode-button-hoverBackground)",borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-button-hoverBackground))",selectors:{"svg > path, svg > rect":{fill:"var(--vscode-button-foreground)"}}}),icon:f({height:16,lineHeight:16,marginLeft:-3,color:"var(--vscode-button-secondaryForeground)",selectors:{"svg > path, svg > rect":{fill:"var(--vscode-button-secondaryForeground, #ffffff)"}}},u.primary&&{color:"var(--vscode-button-foreground)",selectors:{"svg > path, svg > rect":{fill:"var(--vscode-button-foreground)"}}}),menuIcon:{selectors:f({"svg > path":{fill:"var(--vscode-button-secondaryForeground, #ffffff)"}},u.primary&&{"svg > path":{fill:"var(--vscode-button-foreground)"}})},splitButtonMenuButton:{padding:6,height:22,boxSizing:"border-box",borderRadius:`0 ${s.COMMON_INPUT_STYLES.borderRadius}px ${s.COMMON_INPUT_STYLES.borderRadius}px 0 !important`,borderLeft:"none",outline:"transparent",userSelect:"none",display:"inline-block",textDecoration:"none",textAlign:"center",cursor:"pointer",verticalAlign:"top",width:22,marginLeft:-1,marginTop:0,marginRight:0,marginBottom:0,backgroundColor:"var(--vscode-button-background)",borderColor:"var(--vscode-contrastBorder, var(--vscode-button-background))",color:"var(--vscode-button-foreground)",selectors:{"&:hover":{color:"var(--vscode-button-foreground)",backgroundColor:"var(--vscode-button-hoverBackground)",borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-button-hoverBackground))",selectors:{"svg > path, svg > rect":{fill:"var(--vscode-button-foreground)"}}}}},splitButtonMenuButtonDisabled:f({opacity:"0.5 !important",backgroundColor:"var(--vscode-button-secondaryBackground,#5f6a79)",borderColor:"var(--vscode-button-secondaryBackground, #5f6a79)",color:"var(--vscode-button-secondaryForeground, #ffffff)"},u.primary&&{color:"var(--vscode-button-foreground)",backgroundColor:"var(--vscode-button-background)",borderColor:"var(--vscode-button-background)"}),splitButtonMenuFocused:{selectors:{"&:focus":{color:"red"}}},splitButtonMenuButtonExpanded:{color:"var(--vscode-button-foreground)",backgroundColor:"var(--vscode-button-hoverBackground)",borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-button-hoverBackground))",selectors:{"svg > path, svg > rect":{fill:"var(--vscode-button-foreground)"},"&:hover":{color:"var(--vscode-button-foreground)",backgroundColor:"var(--vscode-button-hoverBackground)",borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-button-hoverBackground))",selectors:{"svg > path, svg > rect":{fill:"var(--vscode-button-foreground)"}}}}},splitButtonDivider:I,splitButtonDividerDisabled:I,splitButtonContainerFocused:{".ms-Fabric--isFocusVisible &:focus:after":{border:"none",outlineColor:"var(--vscode-focusBorder)",inset:-2}}}}}render(){return c.default.createElement(b.DefaultButton,h(f({},this.props),{styles:this.setStyle(this.props),menuAs:m.UIContextualMenu}))}}e.UIDefaultButton=r},"./src/components/UIButton/UIIconButton.tsx":function(y,e,n){var p=Object.defineProperty,g=Object.defineProperties,_=Object.getOwnPropertyDescriptors,a=Object.getOwnPropertySymbols,i=Object.prototype.hasOwnProperty,d=Object.prototype.propertyIsEnumerable,l=(t,o,u)=>o in t?p(t,o,{enumerable:!0,configurable:!0,writable:!0,value:u}):t[o]=u,f=(t,o)=>{for(var u in o||(o={}))i.call(o,u)&&l(t,u,o[u]);if(a)for(var u of a(o))d.call(o,u)&&l(t,u,o[u]);return t},h=(t,o)=>g(t,_(o)),v=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(e,"__esModule",{value:!0}),e.UIIconButton=e.UIIconButtonSizes=void 0;const c=v(n("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),b=n("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),m=n("./src/components/UIContextualMenu/index.tsx");var s;(function(t){t.Default="Default",t.Wide="Wide"})(s=e.UIIconButtonSizes||(e.UIIconButtonSizes={}));class r extends c.default.Component{constructor(o){super(o),this.setStyle=u=>{const B=(u.sizeType||s.Default)===s.Default?16:26;return{root:{minWidth:"initial",height:16,width:B,boxSizing:"content-box",padding:3,backgroundColor:"transparent",borderRadius:4,selectors:{".ms-Fabric--isFocusVisible &:focus:after":{outline:"1px solid var(--vscode-focusBorder)"}}},rootDisabled:{backgroundColor:"transparent",opacity:"0.4"},rootHasMenu:{width:B},rootHovered:{backgroundColor:this.getButtonInteractionBackgroundColor("--vscode-toolbar-hoverBackground"),outline:"1px dashed var(--vscode-contrastActiveBorder)"},rootPressed:{backgroundColor:this.getButtonInteractionBackgroundColor("--vscode-toolbar-activeBackground")},rootExpanded:{backgroundColor:this.getButtonInteractionBackgroundColor("--vscode-toolbar-hoverBackground"),width:B},rootExpandedHovered:{backgroundColor:"transparent"},flexContainer:{width:"100%",height:"100%"},icon:{height:16,width:B,lineHeight:16},iconHovered:{backgroundColor:"transparent"},menuIconExpanded:{display:"none"},menuIcon:{display:"none"}}}}getButtonInteractionBackgroundColor(o){return`var(${o}, var(--vscode-menubar-selectionBackground))`}render(){return c.default.createElement(b.IconButton,h(f({},this.props),{styles:this.setStyle(this.props),menuAs:m.UIContextualMenu}))}}e.UIIconButton=r},"./src/components/UIButton/UISmallButton.tsx":function(y,e,n){var p=Object.defineProperty,g=Object.defineProperties,_=Object.getOwnPropertyDescriptors,a=Object.getOwnPropertySymbols,i=Object.prototype.hasOwnProperty,d=Object.prototype.propertyIsEnumerable,l=(s,r,t)=>r in s?p(s,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):s[r]=t,f=(s,r)=>{for(var t in r||(r={}))i.call(r,t)&&l(s,t,r[t]);if(a)for(var t of a(r))d.call(r,t)&&l(s,t,r[t]);return s},h=(s,r)=>g(s,_(r)),v=this&&this.__importDefault||function(s){return s&&s.__esModule?s:{default:s}};Object.defineProperty(e,"__esModule",{value:!0}),e.UISmallButton=void 0;const c=v(n("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),b=n("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");class m extends c.default.Component{constructor(r){super(r),this.buttonSecondaryForeground="--vscode-button-secondaryForeground",this.setStyle=t=>({root:h(f({minWidth:"initial",height:16,fontSize:"11px",fontWeight:400,fontFamily:"var(--vscode-font-family)",borderRadius:20,paddingLeft:13,paddingRight:13,backgroundColor:"var(--vscode-button-secondaryBackground, #5f6a79)",borderColor:"var(--vscode-contrastBorder, var(--vscode-button-secondaryBackground, #5f6a79))",color:this.getColorwithFallback(this.buttonSecondaryForeground,"#ffffff")},t.primary&&{backgroundColor:this.getColor("--vscode-button-background"),borderColor:"var(--vscode-contrastBorder, var(--vscode-button-background))",color:this.getColor("--vscode-button-foreground")}),{selectors:{".ms-Fabric--isFocusVisible &:focus:after":{outlineColor:"var(--vscode-focusBorder)",inset:-3}}}),label:{marginLeft:0,marginRight:0,fontWeight:400,lineHeight:11,whiteSpace:"nowrap"},rootDisabled:f({opacity:"0.5 !important",backgroundColor:"var(--vscode-button-secondaryBackground,#5f6a79)",borderColor:"var(--vscode-button-secondaryBackground, #5f6a79)",color:this.getColorwithFallback(this.buttonSecondaryForeground,"#ffffff")},t.primary&&{opacity:"0.5 !important",color:this.getColor("--vscode-button-foreground"),backgroundColor:"var(--vscode-button-background)",borderColor:"var(--vscode-button-background)"}),rootHovered:f({color:this.getColorwithFallback(this.buttonSecondaryForeground,"#ffffff"),backgroundColor:"var(--vscode-button-secondaryHoverBackground, #4c5561)",borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-button-secondaryHoverBackground, #4c5561))",selectors:{"svg > path, svg > rect":{fill:this.getColorwithFallback(this.buttonSecondaryForeground,"#ffffff")}}},t.primary&&{color:"var(--vscode-button-foreground)",backgroundColor:"var(--vscode-button-hoverBackground)",borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-button-hoverBackground))",selectors:{"svg > path, svg > rect":{fill:"var(--vscode-button-foreground)"}}})})}getColor(r){return`var(${r})`}getColorwithFallback(r,t){return`var(${r}, ${t})`}render(){return c.default.createElement(b.DefaultButton,h(f({},this.props),{styles:this.setStyle(this.props)}))}}e.UISmallButton=m},"./src/components/UIButton/UISplitButton.tsx":function(y,e,n){var p=this&&this.__createBinding||(Object.create?function(v,c,b,m){m===void 0&&(m=b);var s=Object.getOwnPropertyDescriptor(c,b);(!s||("get"in s?!c.__esModule:s.writable||s.configurable))&&(s={enumerable:!0,get:function(){return c[b]}}),Object.defineProperty(v,m,s)}:function(v,c,b,m){m===void 0&&(m=b),v[m]=c[b]}),g=this&&this.__setModuleDefault||(Object.create?function(v,c){Object.defineProperty(v,"default",{enumerable:!0,value:c})}:function(v,c){v.default=c}),_=this&&this.__importStar||function(v){if(v&&v.__esModule)return v;var c={};if(v!=null)for(var b in v)b!=="default"&&Object.prototype.hasOwnProperty.call(v,b)&&p(c,v,b);return g(c,v),c};Object.defineProperty(e,"__esModule",{value:!0}),e.UISplitButton=void 0;const a=_(n("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),i=n("./src/components/UIButton/UIDefaultButton.tsx"),d=n("./src/components/UIContextualMenu/index.tsx"),l=n("./src/components/Icons.tsx"),f=n("./src/utilities/index.ts");class h extends a.Component{constructor(c){super(c),this.id=this.props.id?this.props.id:(0,f.getUIId)("ui-split-button-"),this.onClick=()=>{this.props.callback(this.props.button.key)},this.onMenuItemClick=(b,m)=>{m&&m.key&&this.props.callback(m.key)},this.state={menu:{items:c.menuItems,onItemClick:this.onMenuItemClick}},this.onClick=this.onClick.bind(this)}static getDerivedStateFromProps(c,b){return{menu:{items:c.menuItems,onItemClick:b.menu.onItemClick}}}render(){return a.createElement(i.UIDefaultButton,{ariaLabel:this.props.ariaLabel,ariaDescription:this.props.ariaDescription,id:this.id,className:"ui-split-button",primary:!0,split:!0,onClick:this.onClick.bind(this),menuProps:this.state.menu,menuIconProps:{iconName:l.UiIcons.ArrowDown},menuAs:d.UIContextualMenu,disabled:this.props.disabled},this.props.button.text)}}e.UISplitButton=h},"./src/components/UIButton/index.tsx":function(y,e,n){var p=this&&this.__createBinding||(Object.create?function(a,i,d,l){l===void 0&&(l=d);var f=Object.getOwnPropertyDescriptor(i,d);(!f||("get"in f?!i.__esModule:f.writable||f.configurable))&&(f={enumerable:!0,get:function(){return i[d]}}),Object.defineProperty(a,l,f)}:function(a,i,d,l){l===void 0&&(l=d),a[l]=i[d]}),g=this&&this.__exportStar||function(a,i){for(var d in a)d!=="default"&&!Object.prototype.hasOwnProperty.call(i,d)&&p(i,a,d)};Object.defineProperty(e,"__esModule",{value:!0}),e.UIButtonInterface=void 0;const _=n("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(e,"UIButtonInterface",{enumerable:!0,get:function(){return _.IButton}}),g(n("./src/components/UIButton/UIActionButton.tsx"),e),g(n("./src/components/UIButton/UIDefaultButton.tsx"),e),g(n("./src/components/UIButton/UIIconButton.tsx"),e),g(n("./src/components/UIButton/UISplitButton.tsx"),e),g(n("./src/components/UIButton/UISmallButton.tsx"),e)},"./src/utilities/Focus.ts":(y,e,n)=>{Object.defineProperty(e,"__esModule",{value:!0}),e.setUIFocusVisibility=e.getUILastFocusable=e.getUIFirstFocusable=void 0;const p=n("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(e,"getUIFirstFocusable",{enumerable:!0,get:function(){return p.getFirstFocusable}}),Object.defineProperty(e,"getUILastFocusable",{enumerable:!0,get:function(){return p.getLastFocusable}}),Object.defineProperty(e,"setUIFocusVisibility",{enumerable:!0,get:function(){return p.setFocusVisibility}})},"./src/utilities/Id.ts":(y,e,n)=>{Object.defineProperty(e,"__esModule",{value:!0}),e.getUIId=void 0;const p=n("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(e,"getUIId",{enumerable:!0,get:function(){return p.getId}})},"./src/utilities/Keys.ts":(y,e,n)=>{Object.defineProperty(e,"__esModule",{value:!0}),e.UIKeyCodes=void 0;const p=n("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(e,"UIKeyCodes",{enumerable:!0,get:function(){return p.KeyCodes}})},"./src/utilities/index.ts":function(y,e,n){var p=this&&this.__createBinding||(Object.create?function(_,a,i,d){d===void 0&&(d=i);var l=Object.getOwnPropertyDescriptor(a,i);(!l||("get"in l?!a.__esModule:l.writable||l.configurable))&&(l={enumerable:!0,get:function(){return a[i]}}),Object.defineProperty(_,d,l)}:function(_,a,i,d){d===void 0&&(d=i),_[d]=a[i]}),g=this&&this.__exportStar||function(_,a){for(var i in _)i!=="default"&&!Object.prototype.hasOwnProperty.call(a,i)&&p(a,_,i)};Object.defineProperty(e,"__esModule",{value:!0}),g(n("./src/utilities/Focus.ts"),e),g(n("./src/utilities/Id.ts"),e),g(n("./src/utilities/Keys.ts"),e)}}]);})();

package/storybook/959.fddcd3e5.iframe.bundle.js

@@ -1 +0,0 @@
-(()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[959],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/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.88.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIDropdown/UIDropdown.scss":(S,e,s)=>{var g=s("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),u=s("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/api.js"),a=u(g);a.push([S.id,'.ts-SelectBox .ms-Dropdown{background:var(--vscode-input-background)}.ts-SelectBox .ms-Dropdown .ms-Dropdown-title{background:rgba(0,0,0,0);height:26px;line-height:26px;border:1px solid rgba(0,0,0,0);padding:0px 26px 0 8px;font-size:var(--vscode-font-size);font-family:var(--vscode-font-family);font-weight:var(--vscode-font-weight)}.ts-SelectBox .ms-Dropdown>.ms-Dropdown-caretDownWrapper{right:0;width:26px;background:rgba(0,0,0,0);height:100%;text-align:center}.ts-SelectBox .ms-Dropdown>.ms-Dropdown-caretDownWrapper i{height:100%;fill:var(--vscode-foreground)}.ts-SelectBox .ms-Dropdown>.ms-Dropdown-caretDownWrapper i svg{height:100%;width:16px}.ts-SelectBox .ms-Dropdown>.ms-Dropdown-caretDownWrapper i{margin-top:-1px}.ts-SelectBox .ms-Dropdown .ms-Dropdown-title,.ts-SelectBox .ms-Dropdown:hover .ms-Dropdown-title{color:var(--vscode-foreground)}.ts-SelectBox .ms-Dropdown .ms-Dropdown-titleIsPlaceHolder{color:var(--vscode-input-placeholderForeground)}.ts-SelectBox .ms-Dropdown:after{pointer-events:none;content:"";position:absolute;box-sizing:border-box;top:0px;left:0px;width:100%;height:100%;border:1px solid var(--vscode-editorWidget-border);border-radius:2px}.ts-SelectBox .ms-Dropdown.is-open:after,.ts-SelectBox .ms-Dropdown:focus:after,.ts-SelectBox .ms-Dropdown:hover:after{border-color:var(--vscode-focusBorder)}.ts-SelectBox .ms-Dropdown:focus:after,.ts-SelectBox .ms-Dropdown.is-open:after{border-style:solid}.ts-SelectBox--readonly .ms-Dropdown.is-disabled{background-color:var(--vscode-editor-background);font-style:italic}.ts-SelectBox--readonly .ms-Dropdown.is-disabled:after{border-style:dashed}.ts-SelectBox--readonly.ts-SelectBox--empty .ms-Dropdown:hover:after{border-color:var(--vscode-editorWidget-border)}.ts-SelectBox--disabled .ms-Dropdown.is-disabled{opacity:.5;background-color:var(--vscode-editor-inactiveSelectionBackground)}.ts-SelectBox--disabled .ms-Dropdown.is-disabled:after{border-color:var(--vscode-editorWidget-border)}.ts-SelectBox--readonly .ms-Dropdown:focus:after,.ts-SelectBox--disabled .ms-Dropdown:focus:after{border-style:solid;border-color:var(--vscode-focusBorder) !important}.ts-SelectBox--error .ms-Dropdown:after,.ts-SelectBox--error .ms-Dropdown.is-open:after{border-color:var(--vscode-inputValidation-errorBorder)}.ts-SelectBox--warning .ms-Dropdown:after,.ts-SelectBox--warning .ms-Dropdown.is-open:after{border-color:var(--vscode-inputValidation-warningBorder)}.ts-SelectBox--info .ms-Dropdown:after,.ts-SelectBox--info .ms-Dropdown.is-open:after{border-color:var(--vscode-inputValidation-infoBorder)}.ts-dropdown-item-blocker{position:absolute;top:0;left:0;right:0;bottom:0}',""]),S.exports=a},"./src/components/UICallout/CalloutCollisionTransform.ts":(S,e)=>{"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.CalloutCollisionTransform=void 0;const s={target:".ms-Dialog-actions",container:".ms-Dialog-main",absolute:!0,minPagePadding:10},g=20;class u{constructor(t,o,l=s){this.originalStyle={},this.source=t,this.callout=o,this.props=l,this.applyTransformation=this.applyTransformation.bind(this),this.resetTransformation=this.resetTransformation.bind(this),this.preventDismissOnEvent=this.preventDismissOnEvent.bind(this)}createPlaceholder(t){const o=document.createElement("div");return o.classList.add("ts-Callout-transformation"),o.style.height=`${t}px`,o}getElements(){const t=this.source.current,o=t==null?void 0:t.closest(this.props.container);if(o&&t){const l=o==null?void 0:o.querySelector(this.props.target);if(l){const d={container:{dom:o,rect:o.getBoundingClientRect()},target:{dom:l,rect:l.getBoundingClientRect()},source:{dom:t,rect:t.getBoundingClientRect()}},p=this.callout.current;return p&&(d.callout={dom:p,rect:p.getBoundingClientRect()}),d}}}applyTransformation(){const t=this.getElements();if(!t)return;const{container:o,target:l,callout:d,source:p}=t;if(d){const w=window.innerHeight-s.minPagePadding,O=d.rect.height,f=p.rect.bottom;let y=f+O-l.rect.top,b=f+d.rect.height;if(y<=0||b>=w)return;if(b+=l.rect.height,b<=w&&(y+=g),this.props.absolute){const h=o.dom.style;this.originalStyle={transform:h.transform,position:h.position,top:h.top,left:h.left},h.transform="",h.position="absolute",h.top=`${o.rect.top}px`,h.left=`${o.rect.left}px`}this.placeholder=this.createPlaceholder(y),l.dom.prepend(this.placeholder)}}resetTransformation(){const t=this.getElements();if(!t)return;const{container:o,target:l}=t;for(const d in this.originalStyle){const p=this.originalStyle[d];typeof p=="string"&&(o.dom.style[d]=p)}this.originalStyle={},this.placeholder&&(l.dom.removeChild(this.placeholder),this.placeholder=void 0)}preventDismissOnEvent(t){const o=this.getElements();return!!(t.type==="focus"&&(o!=null&&o.target.dom.contains(t.target)))}}e.CalloutCollisionTransform=u},"./src/components/UICallout/UICallout.tsx":function(S,e,s){"use strict";var g=Object.defineProperty,u=Object.defineProperties,a=Object.getOwnPropertyDescriptors,t=Object.getOwnPropertySymbols,o=Object.prototype.hasOwnProperty,l=Object.prototype.propertyIsEnumerable,d=(r,i,c)=>i in r?g(r,i,{enumerable:!0,configurable:!0,writable:!0,value:c}):r[i]=c,p=(r,i)=>{for(var c in i||(i={}))o.call(i,c)&&d(r,c,i[c]);if(t)for(var c of t(i))l.call(i,c)&&d(r,c,i[c]);return r},w=(r,i)=>u(r,a(i)),O=this&&this.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(e,"__esModule",{value:!0}),e.UICallout=e.getCalloutStyle=e.UICalloutContentPadding=e.CALLOUT_STYLES=void 0;const f=O(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),y=s("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");e.CALLOUT_STYLES={background:"var(--vscode-editorSuggestWidget-background)",boxShadow:"0 2px 6px rgb(0 0 0 / 20%), 0 0 0 1px var(--vscode-contrastBorder, var(--vscode-editorSuggestWidget-border))",text:"var(--vscode-editorSuggestWidget-foreground)",font:"var(--vscode-font-family)",borderRadius:4};var b;(function(r){r.None="None",r.Standard="Standard"})(b=e.UICalloutContentPadding||(e.UICalloutContentPadding={}));const h=new Map([[b.Standard,8]]),D=(r,i)=>typeof r=="object"&&typeof r[i]=="object"?r[i]:{},v=r=>{var i;return{root:p({boxShadow:e.CALLOUT_STYLES.boxShadow,backgroundColor:"transparent",borderRadius:e.CALLOUT_STYLES.borderRadius},D(r.styles,"root")),beak:p({backgroundColor:e.CALLOUT_STYLES.background,boxShadow:e.CALLOUT_STYLES.boxShadow},D(r.styles,"beak")),beakCurtain:p({backgroundColor:e.CALLOUT_STYLES.background,borderRadius:e.CALLOUT_STYLES.borderRadius},D(r.styles,"beakCurtain")),calloutMain:p({backgroundColor:e.CALLOUT_STYLES.background,color:e.CALLOUT_STYLES.text,fontFamily:e.CALLOUT_STYLES.font,borderRadius:e.CALLOUT_STYLES.borderRadius,minWidth:(i=r.calloutMinWidth)!=null?i:300,boxSizing:"border-box",padding:h.get(r.contentPadding||b.None)},D(r.styles,"calloutMain")),container:D(r.styles,"container")}};e.getCalloutStyle=v;class E extends f.default.Component{constructor(i){super(i)}render(){return f.default.createElement(y.Callout,w(p({},this.props),{styles:(0,e.getCalloutStyle)(this.props)}),this.props.children)}}e.UICallout=E},"./src/components/UICallout/index.tsx":function(S,e,s){"use strict";var g=this&&this.__createBinding||(Object.create?function(a,t,o,l){l===void 0&&(l=o);var d=Object.getOwnPropertyDescriptor(t,o);(!d||("get"in d?!t.__esModule:d.writable||d.configurable))&&(d={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(a,l,d)}:function(a,t,o,l){l===void 0&&(l=o),a[l]=t[o]}),u=this&&this.__exportStar||function(a,t){for(var o in a)o!=="default"&&!Object.prototype.hasOwnProperty.call(t,o)&&g(t,a,o)};Object.defineProperty(e,"__esModule",{value:!0}),u(s("./src/components/UICallout/CalloutCollisionTransform.ts"),e),u(s("./src/components/UICallout/UICallout.tsx"),e)},"./src/components/UIDropdown/UIDropdown.tsx":function(S,e,s){"use strict";var g=Object.defineProperty,u=Object.defineProperties,a=Object.getOwnPropertyDescriptors,t=Object.getOwnPropertySymbols,o=Object.prototype.hasOwnProperty,l=Object.prototype.propertyIsEnumerable,d=(c,_,n)=>_ in c?g(c,_,{enumerable:!0,configurable:!0,writable:!0,value:n}):c[_]=n,p=(c,_)=>{for(var n in _||(_={}))o.call(_,n)&&d(c,n,_[n]);if(t)for(var n of t(_))l.call(_,n)&&d(c,n,_[n]);return c},w=(c,_)=>u(c,a(_)),O=this&&this.__importDefault||function(c){return c&&c.__esModule?c:{default:c}};Object.defineProperty(e,"__esModule",{value:!0}),e.UIDropdown=e.UIDropdownMenuItemType=e.UIDropdownOption=void 0;const f=O(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),y=s("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(e,"UIDropdownMenuItemType",{enumerable:!0,get:function(){return y.DropdownMenuItemType}}),Object.defineProperty(e,"UIDropdownOption",{enumerable:!0,get:function(){return y.IDropdownOption}});const b=s("./src/components/UIIcon/index.tsx"),h=s("./src/helper/ValidationMessage/index.tsx"),D=s("./src/components/UILabel/index.tsx"),v=s("./src/components/UIDropdown/utils.ts"),E=s("./src/components/UICallout/index.tsx");s("./src/components/UIDropdown/UIDropdown.scss");const r="var(--vscode-inputValidation-errorBorder)";class i extends f.default.Component{constructor(_){super(_),this.dropdownDomRef=f.default.createRef(),this.menuDomRef=f.default.createRef(),this.calloutCollisionTransform=new E.CalloutCollisionTransform(this.dropdownDomRef,this.menuDomRef),this.onRenderCaretDown=()=>f.default.createElement(b.UIIcon,{iconName:"ArrowDown",style:{height:"100%"}}),this.onRenderTitle=n=>{if(this.props.multiSelect&&this.props.onHandleRenderTitle)return this.props.onHandleRenderTitle(n);{const{multiSelectDelimiter:m=", "}=this.props;if(n){const C=n.map(T=>T.text).join(m);return f.default.createElement(f.default.Fragment,null,C)}else return f.default.createElement(f.default.Fragment,null,this.props.title)}},this.onClick=()=>{this.setState(n=>({isOpen:!n.isOpen}),()=>{this.props.multiSelect&&this.props.onHandleOpen&&this.state.isOpen&&(this.setState(n=>({isOpen:!n.isOpen})),this.props.onHandleOpen())})},this.onChange=(n,m,C)=>{this.props.multiSelect&&this.props.onHandleChange&&m&&C&&this.props.onHandleChange(m,C)},this.stopEventPropagation=n=>{n.stopPropagation()},this.onRenderOption=(n,m)=>f.default.createElement(f.default.Fragment,null,m==null?void 0:m(n),(n==null?void 0:n.itemType)!==y.DropdownMenuItemType.Header&&f.default.createElement("div",{onMouseEnter:this.stopEventPropagation.bind(this),onMouseLeave:this.stopEventPropagation.bind(this),onMouseMove:this.stopEventPropagation.bind(this),className:"ts-dropdown-item-blocker"})),this.onRenderItem=(n,m)=>m&&n?(n.title===void 0&&(n.title=n.text),m(n)):null,this.state={options:[],isOpen:!1}}getCalloutStylesForUseAsMinWidth(_){return{root:{minWidth:_.calloutWidth,width:"auto",maxWidth:"calc(100% - 10px)"}}}getClassNames(_){const{className:n,readOnly:m,disabled:C}=this.props,T=_.message?h.MESSAGE_TYPES_CLASSNAME_MAP.get(_.type):void 0;let P=`ts-SelectBox${_.message?" ts-SelectBox--"+T:""}`;return m&&!C&&(P+=" ts-SelectBox--readonly"),C&&(P+=" ts-SelectBox--disabled"),n&&(P+=` ${n}`),(0,v.isDropdownEmpty)(this.props)&&(P+=" ts-SelectBox--empty"),P}getAccessibilityProps(){const{readOnly:_,disabled:n}=this.props,m={};return _&&!n?(m.tabIndex=0,m["data-is-focusable"]=!0,m["aria-disabled"]=void 0,m["aria-readonly"]=!0):n&&(m.tabIndex=0,m["data-is-focusable"]=!0),m}render(){const _=(0,h.getMessageInfo)(this.props),n=this.getAccessibilityProps(),m=()=>p({},{label:p(p(p({},D.labelGlobalStyle),this.props.disabled&&{opacity:"0.4"}),this.props.required&&{selectors:{"::after":{content:"' *'",color:r,paddingRight:12}}}),errorMessage:[_.style]});return f.default.createElement(y.Dropdown,w(p(p({ref:this.dropdownDomRef,calloutProps:p({calloutMaxHeight:200,styles:this.props.useDropdownAsMenuMinWidth?this.getCalloutStylesForUseAsMinWidth:void 0,className:"ts-Callout ts-Callout-Dropdown",popupProps:{ref:this.menuDomRef}},(0,v.getCalloutCollisionTransformationProps)(this.calloutCollisionTransform,this.props.multiSelect,this.props.calloutCollisionTransformation)),onRenderCaretDown:this.onRenderCaretDown,onClick:this.onClick,onChange:this.onChange,onRenderTitle:this.onRenderTitle,onRenderOption:this.onRenderOption.bind(this),onRenderItem:this.onRenderItem.bind(this),responsiveMode:y.ResponsiveMode.xxxLarge,disabled:this.props.readOnly},n),this.props),{styles:m,className:this.getClassNames(_),errorMessage:_.message}))}}e.UIDropdown=i},"./src/components/UIDropdown/index.tsx":function(S,e,s){"use strict";var g=this&&this.__createBinding||(Object.create?function(a,t,o,l){l===void 0&&(l=o);var d=Object.getOwnPropertyDescriptor(t,o);(!d||("get"in d?!t.__esModule:d.writable||d.configurable))&&(d={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(a,l,d)}:function(a,t,o,l){l===void 0&&(l=o),a[l]=t[o]}),u=this&&this.__exportStar||function(a,t){for(var o in a)o!=="default"&&!Object.prototype.hasOwnProperty.call(t,o)&&g(t,a,o)};Object.defineProperty(e,"__esModule",{value:!0}),u(s("./src/components/UIDropdown/UIDropdown.tsx"),e),u(s("./src/components/UIDropdown/utils.ts"),e)},"./src/components/UIDropdown/utils.ts":(S,e)=>{"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.getCalloutCollisionTransformationProps=e.isDropdownEmpty=void 0;function s(u){var a;const{selectedKey:t}=u;return Array.isArray(t)?t.length===0:"text"in u&&u.text||"selectedKeys"in u&&((a=u.selectedKeys)!=null&&a.length)?!1:!t}e.isDropdownEmpty=s;function g(u,a,t){if(a&&t)return{preventDismissOnEvent:u.preventDismissOnEvent,layerProps:{onLayerDidMount:u.applyTransformation,onLayerWillUnmount:u.resetTransformation}}}e.getCalloutCollisionTransformationProps=g},"./src/components/UIDropdown/UIDropdown.scss":(S,e,s)=>{"use strict";s.r(e),s.d(e,{default:()=>r});var g=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),u=s.n(g),a=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),t=s.n(a),o=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),l=s.n(o),d=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),p=s.n(d),w=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),O=s.n(w),f=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),y=s.n(f),b=s("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/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.88.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIDropdown/UIDropdown.scss"),h=s.n(b),D={};for(const i in b)i!=="default"&&(D[i]=()=>b[i]);s.d(e,D);var v={};v.styleTagTransform=y(),v.setAttributes=p(),v.insert=l().bind(null,"head"),v.domAPI=t(),v.insertStyleElement=O();var E=u()(h(),v);const r=h()&&h().locals?h().locals:void 0}}]);})();

package/storybook/UIActionCallout-story.b91ac520.iframe.bundle.js

@@ -1,2 +0,0 @@
-(()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[84],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/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.88.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIActionCallout/UIActionCallout.scss":(p,n,s)=>{var d=s("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),_=s("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/api.js"),o=_(d);o.push([p.id,".UIActionCallout-callout{margin-top:12px;max-height:51px;cursor:pointer;box-sizing:revert;box-shadow:0 4px 8px 0 var(--vscode-widget-shadow);background-color:var(--vscode-editor-background)}.UIActionCallout-callout:hover .ms-Callout-main,.UIActionCallout-callout:hover .ms-Callout-beak{background:var(--vscode-list-hoverBackground)}.UIActionCallout-callout:hover .UIActionCallout-link{text-decoration:none}.UIActionCallout-callout .ms-Callout-beak{left:12px !important;box-shadow:none}.UIActionCallout-subText{padding-top:5px;font-size:13px}.UIActionCallout-link{vertical-align:top;padding-left:5px;font-size:13px;font-weight:700;pointer-events:none}",""]),p.exports=o},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/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.88.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss":(p,n,s)=>{var d=s("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),_=s("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/api.js"),o=_(d);o.push([p.id,".ts-icon{fill:var(--vscode-foreground)}",""]),p.exports=o},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/api.js":p=>{"use strict";p.exports=function(n){var s=[];return s.toString=function(){return this.map(function(_){var o="",e=typeof _[5]!="undefined";return _[4]&&(o+="@supports (".concat(_[4],") {")),_[2]&&(o+="@media ".concat(_[2]," {")),e&&(o+="@layer".concat(_[5].length>0?" ".concat(_[5]):""," {")),o+=n(_),e&&(o+="}"),_[2]&&(o+="}"),_[4]&&(o+="}"),o}).join("")},s.i=function(_,o,e,t,r){typeof _=="string"&&(_=[[null,_,void 0]]);var l={};if(e)for(var a=0;a<this.length;a++){var m=this[a][0];m!=null&&(l[m]=!0)}for(var v=0;v<_.length;v++){var i=[].concat(_[v]);e&&l[i[0]]||(typeof r!="undefined"&&(typeof i[5]=="undefined"||(i[1]="@layer".concat(i[5].length>0?" ".concat(i[5]):""," {").concat(i[1],"}")),i[5]=r),o&&(i[2]&&(i[1]="@media ".concat(i[2]," {").concat(i[1],"}")),i[2]=o),t&&(i[4]?(i[1]="@supports (".concat(i[4],") {").concat(i[1],"}"),i[4]=t):i[4]="".concat(t)),s.push(i))}},s}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js":p=>{"use strict";p.exports=function(n){return n[1]}},"./src/components/UIActionCallout/UIActionCallout.tsx":function(p,n,s){"use strict";var d=this&&this.__importDefault||function(a){return a&&a.__esModule?a:{default:a}};Object.defineProperty(n,"__esModule",{value:!0}),n.UIActionCallout=void 0;const _=s("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),o=d(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),e=s("./src/components/Icons.tsx"),t=s("./src/components/UICallout/index.tsx"),r=s("./src/components/UIIcon/index.tsx");s("./src/components/UIActionCallout/UIActionCallout.scss");class l extends o.default.Component{constructor(m){var v;super(m),this.actionDetail=m.actionDetail,this.commandAction=m.commandAction,this.targetElementId=m.targetElementId,this.showInline=m.showInline,this.anchor=o.default.createRef(),this.onCalloutClick=this.onCalloutClick.bind(this),this.icon=m.icon,this.onClick=m.onClick,this.anchorClicked=!1,this.isError=(v=m.isError)!=null?v:!1}onCalloutClick(){var m;this.onClick&&!this.anchorClicked&&this.onClick(),this.actionDetail.command&&this.commandAction?this.commandAction(this.actionDetail.command):((m=this.anchor.current)==null||m.click(),this.anchorClicked=!1)}handleAnchorClick(){this.anchorClicked=!0}render(){return o.default.createElement(t.UICallout,{className:"UIActionCallout-callout",onClick:this.onCalloutClick,target:`#${this.targetElementId}`,isBeakVisible:!0,doNotLayer:!0,beakWidth:10,calloutMaxWidth:230,calloutMinWidth:230,directionalHint:_.DirectionalHint.bottomLeftEdge,styles:{calloutMain:{padding:"10px"},root:{position:this.showInline===!1?"absolute":"sticky",border:this.isError===!0?"thin solid var(--vscode-errorForeground)":"thin solid none"}}},this.icon&&this.icon.render()||o.default.createElement(r.UIIcon,{iconName:e.UiIcons.HelpAction}),o.default.createElement("a",{ref:this.anchor,href:this.actionDetail.url,className:"UIActionCallout-link",target:"_blank",rel:"noreferrer",onClick:()=>this.handleAnchorClick()},this.actionDetail.linkText),o.default.createElement("div",{className:"UIActionCallout-subText"},this.actionDetail.subText))}}n.UIActionCallout=l},"./src/components/UIActionCallout/index.ts":function(p,n,s){"use strict";var d=this&&this.__createBinding||(Object.create?function(o,e,t,r){r===void 0&&(r=t);var l=Object.getOwnPropertyDescriptor(e,t);(!l||("get"in l?!e.__esModule:l.writable||l.configurable))&&(l={enumerable:!0,get:function(){return e[t]}}),Object.defineProperty(o,r,l)}:function(o,e,t,r){r===void 0&&(r=t),o[r]=e[t]}),_=this&&this.__exportStar||function(o,e){for(var t in o)t!=="default"&&!Object.prototype.hasOwnProperty.call(e,t)&&d(e,o,t)};Object.defineProperty(n,"__esModule",{value:!0}),_(s("./src/components/UIActionCallout/UIActionCallout.tsx"),n)},"./src/components/UICallout/CalloutCollisionTransform.ts":(p,n)=>{"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.CalloutCollisionTransform=void 0;const s={target:".ms-Dialog-actions",container:".ms-Dialog-main",absolute:!0,minPagePadding:10},d=20;class _{constructor(e,t,r=s){this.originalStyle={},this.source=e,this.callout=t,this.props=r,this.applyTransformation=this.applyTransformation.bind(this),this.resetTransformation=this.resetTransformation.bind(this),this.preventDismissOnEvent=this.preventDismissOnEvent.bind(this)}createPlaceholder(e){const t=document.createElement("div");return t.classList.add("ts-Callout-transformation"),t.style.height=`${e}px`,t}getElements(){const e=this.source.current,t=e==null?void 0:e.closest(this.props.container);if(t&&e){const r=t==null?void 0:t.querySelector(this.props.target);if(r){const l={container:{dom:t,rect:t.getBoundingClientRect()},target:{dom:r,rect:r.getBoundingClientRect()},source:{dom:e,rect:e.getBoundingClientRect()}},a=this.callout.current;return a&&(l.callout={dom:a,rect:a.getBoundingClientRect()}),l}}}applyTransformation(){const e=this.getElements();if(!e)return;const{container:t,target:r,callout:l,source:a}=e;if(l){const m=window.innerHeight-s.minPagePadding,v=l.rect.height,i=a.rect.bottom;let C=i+v-r.rect.top,I=i+l.rect.height;if(C<=0||I>=m)return;if(I+=r.rect.height,I<=m&&(C+=d),this.props.absolute){const c=t.dom.style;this.originalStyle={transform:c.transform,position:c.position,top:c.top,left:c.left},c.transform="",c.position="absolute",c.top=`${t.rect.top}px`,c.left=`${t.rect.left}px`}this.placeholder=this.createPlaceholder(C),r.dom.prepend(this.placeholder)}}resetTransformation(){const e=this.getElements();if(!e)return;const{container:t,target:r}=e;for(const l in this.originalStyle){const a=this.originalStyle[l];typeof a=="string"&&(t.dom.style[l]=a)}this.originalStyle={},this.placeholder&&(r.dom.removeChild(this.placeholder),this.placeholder=void 0)}preventDismissOnEvent(e){const t=this.getElements();return!!(e.type==="focus"&&(t!=null&&t.target.dom.contains(e.target)))}}n.CalloutCollisionTransform=_},"./src/components/UICallout/UICallout.tsx":function(p,n,s){"use strict";var d=Object.defineProperty,_=Object.defineProperties,o=Object.getOwnPropertyDescriptors,e=Object.getOwnPropertySymbols,t=Object.prototype.hasOwnProperty,r=Object.prototype.propertyIsEnumerable,l=(u,f,E)=>f in u?d(u,f,{enumerable:!0,configurable:!0,writable:!0,value:E}):u[f]=E,a=(u,f)=>{for(var E in f||(f={}))t.call(f,E)&&l(u,E,f[E]);if(e)for(var E of e(f))r.call(f,E)&&l(u,E,f[E]);return u},m=(u,f)=>_(u,o(f)),v=this&&this.__importDefault||function(u){return u&&u.__esModule?u:{default:u}};Object.defineProperty(n,"__esModule",{value:!0}),n.UICallout=n.getCalloutStyle=n.UICalloutContentPadding=n.CALLOUT_STYLES=void 0;const i=v(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),C=s("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");n.CALLOUT_STYLES={background:"var(--vscode-editorSuggestWidget-background)",boxShadow:"0 2px 6px rgb(0 0 0 / 20%), 0 0 0 1px var(--vscode-contrastBorder, var(--vscode-editorSuggestWidget-border))",text:"var(--vscode-editorSuggestWidget-foreground)",font:"var(--vscode-font-family)",borderRadius:4};var I;(function(u){u.None="None",u.Standard="Standard"})(I=n.UICalloutContentPadding||(n.UICalloutContentPadding={}));const c=new Map([[I.Standard,8]]),y=(u,f)=>typeof u=="object"&&typeof u[f]=="object"?u[f]:{},h=u=>{var f;return{root:a({boxShadow:n.CALLOUT_STYLES.boxShadow,backgroundColor:"transparent",borderRadius:n.CALLOUT_STYLES.borderRadius},y(u.styles,"root")),beak:a({backgroundColor:n.CALLOUT_STYLES.background,boxShadow:n.CALLOUT_STYLES.boxShadow},y(u.styles,"beak")),beakCurtain:a({backgroundColor:n.CALLOUT_STYLES.background,borderRadius:n.CALLOUT_STYLES.borderRadius},y(u.styles,"beakCurtain")),calloutMain:a({backgroundColor:n.CALLOUT_STYLES.background,color:n.CALLOUT_STYLES.text,fontFamily:n.CALLOUT_STYLES.font,borderRadius:n.CALLOUT_STYLES.borderRadius,minWidth:(f=u.calloutMinWidth)!=null?f:300,boxSizing:"border-box",padding:c.get(u.contentPadding||I.None)},y(u.styles,"calloutMain")),container:y(u.styles,"container")}};n.getCalloutStyle=h;class g extends i.default.Component{constructor(f){super(f)}render(){return i.default.createElement(C.Callout,m(a({},this.props),{styles:(0,n.getCalloutStyle)(this.props)}),this.props.children)}}n.UICallout=g},"./src/components/UICallout/index.tsx":function(p,n,s){"use strict";var d=this&&this.__createBinding||(Object.create?function(o,e,t,r){r===void 0&&(r=t);var l=Object.getOwnPropertyDescriptor(e,t);(!l||("get"in l?!e.__esModule:l.writable||l.configurable))&&(l={enumerable:!0,get:function(){return e[t]}}),Object.defineProperty(o,r,l)}:function(o,e,t,r){r===void 0&&(r=t),o[r]=e[t]}),_=this&&this.__exportStar||function(o,e){for(var t in o)t!=="default"&&!Object.prototype.hasOwnProperty.call(e,t)&&d(e,o,t)};Object.defineProperty(n,"__esModule",{value:!0}),_(s("./src/components/UICallout/CalloutCollisionTransform.ts"),n),_(s("./src/components/UICallout/UICallout.tsx"),n)},"./src/components/UIIcon/UIIcon.tsx":function(p,n,s){"use strict";var d=Object.defineProperty,_=Object.defineProperties,o=Object.getOwnPropertyDescriptors,e=Object.getOwnPropertySymbols,t=Object.prototype.hasOwnProperty,r=Object.prototype.propertyIsEnumerable,l=(c,y,h)=>y in c?d(c,y,{enumerable:!0,configurable:!0,writable:!0,value:h}):c[y]=h,a=(c,y)=>{for(var h in y||(y={}))t.call(y,h)&&l(c,h,y[h]);if(e)for(var h of e(y))r.call(y,h)&&l(c,h,y[h]);return c},m=(c,y)=>_(c,o(y)),v=this&&this.__importDefault||function(c){return c&&c.__esModule?c:{default:c}};Object.defineProperty(n,"__esModule",{value:!0}),n.UIIcon=void 0;const i=v(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),C=s("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");s("./src/components/UIIcon/UIIcon.scss");class I extends i.default.Component{constructor(y){super(y),this.setStyle=()=>({})}render(){return i.default.createElement(C.Icon,m(a({},this.props),{className:`ts-icon${this.props.className?` ${this.props.className}`:""}`,styles:this.setStyle()}))}}n.UIIcon=I},"./src/components/UIIcon/index.tsx":function(p,n,s){"use strict";var d=this&&this.__createBinding||(Object.create?function(o,e,t,r){r===void 0&&(r=t);var l=Object.getOwnPropertyDescriptor(e,t);(!l||("get"in l?!e.__esModule:l.writable||l.configurable))&&(l={enumerable:!0,get:function(){return e[t]}}),Object.defineProperty(o,r,l)}:function(o,e,t,r){r===void 0&&(r=t),o[r]=e[t]}),_=this&&this.__exportStar||function(o,e){for(var t in o)t!=="default"&&!Object.prototype.hasOwnProperty.call(e,t)&&d(e,o,t)};Object.defineProperty(n,"__esModule",{value:!0}),_(s("./src/components/UIIcon/UIIcon.tsx"),n)},"./stories/UIActionCallout.story.tsx":function(p,n,s){"use strict";var d=this&&this.__importDefault||function(i){return i&&i.__esModule?i:{default:i}};Object.defineProperty(n,"__esModule",{value:!0}),n.defaultUsage=void 0;const _=s("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),o=d(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),e=s("./src/components/UIActionCallout/index.ts"),t=s("./src/components/UIIcon/index.tsx"),r=s("./src/components/Icons.tsx");n.default={title:"Utilities/ActionCallout"};const l={childrenGap:40},a={linkText:"Need help with this error?",subText:"This link might be able to help.",url:"https://some.url/some/page"},m={linkText:"Click to action!",subText:"Some action will do the thing you need",url:"https://some.url/some/page"},v=()=>o.default.createElement(_.Stack,{tokens:l,style:{width:300}},o.default.createElement(_.Stack,{tokens:l},o.default.createElement("div",{id:"aDivId",style:{width:"fit-content"}},"Some text that needs help as link"),o.default.createElement(e.UIActionCallout,{showInline:!1,targetElementId:"aDivId",actionDetail:a,isError:!0})),o.default.createElement(_.Stack,{tokens:l},o.default.createElement("div",{id:"aDivId1",style:{width:"fit-content"}},"Some text that needs action with specified icon"),o.default.createElement(e.UIActionCallout,{icon:new t.UIIcon({iconName:r.UiIcons.Bulb}),showInline:!1,targetElementId:"aDivId1",actionDetail:m,isError:!1})));n.defaultUsage=v},"./src/components/UIActionCallout/UIActionCallout.scss":(p,n,s)=>{"use strict";s.r(n),s.d(n,{default:()=>u});var d=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),_=s.n(d),o=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),e=s.n(o),t=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),r=s.n(t),l=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),a=s.n(l),m=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),v=s.n(m),i=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),C=s.n(i),I=s("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/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.88.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIActionCallout/UIActionCallout.scss"),c=s.n(I),y={};for(const f in I)f!=="default"&&(y[f]=()=>I[f]);s.d(n,y);var h={};h.styleTagTransform=C(),h.setAttributes=a(),h.insert=r().bind(null,"head"),h.domAPI=e(),h.insertStyleElement=v();var g=_()(c(),h);const u=c()&&c().locals?c().locals:void 0},"./src/components/UIIcon/UIIcon.scss":(p,n,s)=>{"use strict";s.r(n),s.d(n,{default:()=>u});var d=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),_=s.n(d),o=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),e=s.n(o),t=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),r=s.n(t),l=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),a=s.n(l),m=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),v=s.n(m),i=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),C=s.n(i),I=s("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/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.88.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss"),c=s.n(I),y={};for(const f in I)f!=="default"&&(y[f]=()=>I[f]);s.d(n,y);var h={};h.styleTagTransform=C(),h.setAttributes=a(),h.insert=r().bind(null,"head"),h.domAPI=e(),h.insertStyleElement=v();var g=_()(c(),h);const u=c()&&c().locals?c().locals:void 0},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":p=>{"use strict";var n=[];function s(o){for(var e=-1,t=0;t<n.length;t++)if(n[t].identifier===o){e=t;break}return e}function d(o,e){for(var t={},r=[],l=0;l<o.length;l++){var a=o[l],m=e.base?a[0]+e.base:a[0],v=t[m]||0,i="".concat(m," ").concat(v);t[m]=v+1;var C=s(i),I={css:a[1],media:a[2],sourceMap:a[3],supports:a[4],layer:a[5]};if(C!==-1)n[C].references++,n[C].updater(I);else{var c=_(I,e);e.byIndex=l,n.splice(l,0,{identifier:i,updater:c,references:1})}r.push(i)}return r}function _(o,e){var t=e.domAPI(e);t.update(o);var r=function(a){if(a){if(a.css===o.css&&a.media===o.media&&a.sourceMap===o.sourceMap&&a.supports===o.supports&&a.layer===o.layer)return;t.update(o=a)}else t.remove()};return r}p.exports=function(o,e){e=e||{},o=o||[];var t=d(o,e);return function(l){l=l||[];for(var a=0;a<t.length;a++){var m=t[a],v=s(m);n[v].references--}for(var i=d(l,e),C=0;C<t.length;C++){var I=t[C],c=s(I);n[c].references===0&&(n[c].updater(),n.splice(c,1))}t=i}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertBySelector.js":p=>{"use strict";var n={};function s(_){if(typeof n[_]=="undefined"){var o=document.querySelector(_);if(window.HTMLIFrameElement&&o instanceof window.HTMLIFrameElement)try{o=o.contentDocument.head}catch(e){o=null}n[_]=o}return n[_]}function d(_,o){var e=s(_);if(!e)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");e.appendChild(o)}p.exports=d},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertStyleElement.js":p=>{"use strict";function n(s){var d=document.createElement("style");return s.setAttributes(d,s.attributes),s.insert(d,s.options),d}p.exports=n},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(p,n,s)=>{"use strict";function d(_){var o=s.nc;o&&_.setAttribute("nonce",o)}p.exports=d},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleDomAPI.js":p=>{"use strict";function n(_,o,e){var t="";e.supports&&(t+="@supports (".concat(e.supports,") {")),e.media&&(t+="@media ".concat(e.media," {"));var r=typeof e.layer!="undefined";r&&(t+="@layer".concat(e.layer.length>0?" ".concat(e.layer):""," {")),t+=e.css,r&&(t+="}"),e.media&&(t+="}"),e.supports&&(t+="}");var l=e.sourceMap;l&&typeof btoa!="undefined"&&(t+=`
-/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(l))))," */")),o.styleTagTransform(t,_,o.options)}function s(_){if(_.parentNode===null)return!1;_.parentNode.removeChild(_)}function d(_){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var o=_.insertStyleElement(_);return{update:function(t){n(o,_,t)},remove:function(){s(o)}}}p.exports=d},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleTagTransform.js":p=>{"use strict";function n(s,d){if(d.styleSheet)d.styleSheet.cssText=s;else{for(;d.firstChild;)d.removeChild(d.firstChild);d.appendChild(document.createTextNode(s))}}p.exports=n}}]);})();

package/storybook/UICallout-story.d2720bed.iframe.bundle.js

@@ -1,2 +0,0 @@
-"use strict";(()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[292],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/api.js":v=>{v.exports=function(n){var u=[];return u.toString=function(){return this.map(function(r){var o="",e=typeof r[5]!="undefined";return r[4]&&(o+="@supports (".concat(r[4],") {")),r[2]&&(o+="@media ".concat(r[2]," {")),e&&(o+="@layer".concat(r[5].length>0?" ".concat(r[5]):""," {")),o+=n(r),e&&(o+="}"),r[2]&&(o+="}"),r[4]&&(o+="}"),o}).join("")},u.i=function(r,o,e,t,l){typeof r=="string"&&(r=[[null,r,void 0]]);var i={};if(e)for(var s=0;s<this.length;s++){var c=this[s][0];c!=null&&(i[c]=!0)}for(var d=0;d<r.length;d++){var a=[].concat(r[d]);e&&i[a[0]]||(typeof l!="undefined"&&(typeof a[5]=="undefined"||(a[1]="@layer".concat(a[5].length>0?" ".concat(a[5]):""," {").concat(a[1],"}")),a[5]=l),o&&(a[2]&&(a[1]="@media ".concat(a[2]," {").concat(a[1],"}")),a[2]=o),t&&(a[4]?(a[1]="@supports (".concat(a[4],") {").concat(a[1],"}"),a[4]=t):a[4]="".concat(t)),u.push(a))}},u}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js":v=>{v.exports=function(n){return n[1]}},"./src/components/UICallout/CalloutCollisionTransform.ts":(v,n)=>{Object.defineProperty(n,"__esModule",{value:!0}),n.CalloutCollisionTransform=void 0;const u={target:".ms-Dialog-actions",container:".ms-Dialog-main",absolute:!0,minPagePadding:10},p=20;class r{constructor(e,t,l=u){this.originalStyle={},this.source=e,this.callout=t,this.props=l,this.applyTransformation=this.applyTransformation.bind(this),this.resetTransformation=this.resetTransformation.bind(this),this.preventDismissOnEvent=this.preventDismissOnEvent.bind(this)}createPlaceholder(e){const t=document.createElement("div");return t.classList.add("ts-Callout-transformation"),t.style.height=`${e}px`,t}getElements(){const e=this.source.current,t=e==null?void 0:e.closest(this.props.container);if(t&&e){const l=t==null?void 0:t.querySelector(this.props.target);if(l){const i={container:{dom:t,rect:t.getBoundingClientRect()},target:{dom:l,rect:l.getBoundingClientRect()},source:{dom:e,rect:e.getBoundingClientRect()}},s=this.callout.current;return s&&(i.callout={dom:s,rect:s.getBoundingClientRect()}),i}}}applyTransformation(){const e=this.getElements();if(!e)return;const{container:t,target:l,callout:i,source:s}=e;if(i){const c=window.innerHeight-u.minPagePadding,d=i.rect.height,a=s.rect.bottom;let m=a+d-l.rect.top,g=a+i.rect.height;if(m<=0||g>=c)return;if(g+=l.rect.height,g<=c&&(m+=p),this.props.absolute){const _=t.dom.style;this.originalStyle={transform:_.transform,position:_.position,top:_.top,left:_.left},_.transform="",_.position="absolute",_.top=`${t.rect.top}px`,_.left=`${t.rect.left}px`}this.placeholder=this.createPlaceholder(m),l.dom.prepend(this.placeholder)}}resetTransformation(){const e=this.getElements();if(!e)return;const{container:t,target:l}=e;for(const i in this.originalStyle){const s=this.originalStyle[i];typeof s=="string"&&(t.dom.style[i]=s)}this.originalStyle={},this.placeholder&&(l.dom.removeChild(this.placeholder),this.placeholder=void 0)}preventDismissOnEvent(e){const t=this.getElements();return!!(e.type==="focus"&&(t!=null&&t.target.dom.contains(e.target)))}}n.CalloutCollisionTransform=r},"./src/components/UICallout/UICallout.tsx":function(v,n,u){var p=Object.defineProperty,r=Object.defineProperties,o=Object.getOwnPropertyDescriptors,e=Object.getOwnPropertySymbols,t=Object.prototype.hasOwnProperty,l=Object.prototype.propertyIsEnumerable,i=(f,h,y)=>h in f?p(f,h,{enumerable:!0,configurable:!0,writable:!0,value:y}):f[h]=y,s=(f,h)=>{for(var y in h||(h={}))t.call(h,y)&&i(f,y,h[y]);if(e)for(var y of e(h))l.call(h,y)&&i(f,y,h[y]);return f},c=(f,h)=>r(f,o(h)),d=this&&this.__importDefault||function(f){return f&&f.__esModule?f:{default:f}};Object.defineProperty(n,"__esModule",{value:!0}),n.UICallout=n.getCalloutStyle=n.UICalloutContentPadding=n.CALLOUT_STYLES=void 0;const a=d(u("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),m=u("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");n.CALLOUT_STYLES={background:"var(--vscode-editorSuggestWidget-background)",boxShadow:"0 2px 6px rgb(0 0 0 / 20%), 0 0 0 1px var(--vscode-contrastBorder, var(--vscode-editorSuggestWidget-border))",text:"var(--vscode-editorSuggestWidget-foreground)",font:"var(--vscode-font-family)",borderRadius:4};var g;(function(f){f.None="None",f.Standard="Standard"})(g=n.UICalloutContentPadding||(n.UICalloutContentPadding={}));const _=new Map([[g.Standard,8]]),C=(f,h)=>typeof f=="object"&&typeof f[h]=="object"?f[h]:{},b=f=>{var h;return{root:s({boxShadow:n.CALLOUT_STYLES.boxShadow,backgroundColor:"transparent",borderRadius:n.CALLOUT_STYLES.borderRadius},C(f.styles,"root")),beak:s({backgroundColor:n.CALLOUT_STYLES.background,boxShadow:n.CALLOUT_STYLES.boxShadow},C(f.styles,"beak")),beakCurtain:s({backgroundColor:n.CALLOUT_STYLES.background,borderRadius:n.CALLOUT_STYLES.borderRadius},C(f.styles,"beakCurtain")),calloutMain:s({backgroundColor:n.CALLOUT_STYLES.background,color:n.CALLOUT_STYLES.text,fontFamily:n.CALLOUT_STYLES.font,borderRadius:n.CALLOUT_STYLES.borderRadius,minWidth:(h=f.calloutMinWidth)!=null?h:300,boxSizing:"border-box",padding:_.get(f.contentPadding||g.None)},C(f.styles,"calloutMain")),container:C(f.styles,"container")}};n.getCalloutStyle=b;class S extends a.default.Component{constructor(h){super(h)}render(){return a.default.createElement(m.Callout,c(s({},this.props),{styles:(0,n.getCalloutStyle)(this.props)}),this.props.children)}}n.UICallout=S},"./src/components/UICallout/index.tsx":function(v,n,u){var p=this&&this.__createBinding||(Object.create?function(o,e,t,l){l===void 0&&(l=t);var i=Object.getOwnPropertyDescriptor(e,t);(!i||("get"in i?!e.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return e[t]}}),Object.defineProperty(o,l,i)}:function(o,e,t,l){l===void 0&&(l=t),o[l]=e[t]}),r=this&&this.__exportStar||function(o,e){for(var t in o)t!=="default"&&!Object.prototype.hasOwnProperty.call(e,t)&&p(e,o,t)};Object.defineProperty(n,"__esModule",{value:!0}),r(u("./src/components/UICallout/CalloutCollisionTransform.ts"),n),r(u("./src/components/UICallout/UICallout.tsx"),n)},"./stories/UICallout.story.tsx":function(v,n,u){var p=this&&this.__createBinding||(Object.create?function(c,d,a,m){m===void 0&&(m=a);var g=Object.getOwnPropertyDescriptor(d,a);(!g||("get"in g?!d.__esModule:g.writable||g.configurable))&&(g={enumerable:!0,get:function(){return d[a]}}),Object.defineProperty(c,m,g)}:function(c,d,a,m){m===void 0&&(m=a),c[m]=d[a]}),r=this&&this.__setModuleDefault||(Object.create?function(c,d){Object.defineProperty(c,"default",{enumerable:!0,value:d})}:function(c,d){c.default=d}),o=this&&this.__importStar||function(c){if(c&&c.__esModule)return c;var d={};if(c!=null)for(var a in c)a!=="default"&&Object.prototype.hasOwnProperty.call(c,a)&&p(d,c,a);return r(d,c),d};Object.defineProperty(n,"__esModule",{value:!0}),n.Callout=void 0;const e=o(u("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=u("./src/components/UIButton/index.tsx"),l=u("./src/components/UICallout/index.tsx"),i=u("./src/components/Icons.tsx");(0,i.initIcons)(),n.default={title:"Dropdowns/Callout"};const s=()=>{const c="callout-test-id",[d,a]=(0,e.useState)(!1),m=()=>{a(!d)};return e.default.createElement("div",null,e.default.createElement(t.UIIconButton,{id:c,iconProps:{iconName:i.UiIcons.Bulb},checked:d,onClick:m}),d&&e.default.createElement(l.UICallout,{target:`#${c}`,isBeakVisible:!0,beakWidth:5,directionalHint:4,onDismiss:()=>m(),calloutWidth:300,calloutMinWidth:300,contentPadding:l.UICalloutContentPadding.Standard},e.default.createElement("div",null,"lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua ut enim ad minim veniam quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur excepteur sint occaecat cupidatat non proident sunt in culpa qui officia deserunt")))};n.Callout=s},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":v=>{var n=[];function u(o){for(var e=-1,t=0;t<n.length;t++)if(n[t].identifier===o){e=t;break}return e}function p(o,e){for(var t={},l=[],i=0;i<o.length;i++){var s=o[i],c=e.base?s[0]+e.base:s[0],d=t[c]||0,a="".concat(c," ").concat(d);t[c]=d+1;var m=u(a),g={css:s[1],media:s[2],sourceMap:s[3],supports:s[4],layer:s[5]};if(m!==-1)n[m].references++,n[m].updater(g);else{var _=r(g,e);e.byIndex=i,n.splice(i,0,{identifier:a,updater:_,references:1})}l.push(a)}return l}function r(o,e){var t=e.domAPI(e);t.update(o);var l=function(s){if(s){if(s.css===o.css&&s.media===o.media&&s.sourceMap===o.sourceMap&&s.supports===o.supports&&s.layer===o.layer)return;t.update(o=s)}else t.remove()};return l}v.exports=function(o,e){e=e||{},o=o||[];var t=p(o,e);return function(i){i=i||[];for(var s=0;s<t.length;s++){var c=t[s],d=u(c);n[d].references--}for(var a=p(i,e),m=0;m<t.length;m++){var g=t[m],_=u(g);n[_].references===0&&(n[_].updater(),n.splice(_,1))}t=a}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertBySelector.js":v=>{var n={};function u(r){if(typeof n[r]=="undefined"){var o=document.querySelector(r);if(window.HTMLIFrameElement&&o instanceof window.HTMLIFrameElement)try{o=o.contentDocument.head}catch(e){o=null}n[r]=o}return n[r]}function p(r,o){var e=u(r);if(!e)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");e.appendChild(o)}v.exports=p},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertStyleElement.js":v=>{function n(u){var p=document.createElement("style");return u.setAttributes(p,u.attributes),u.insert(p,u.options),p}v.exports=n},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(v,n,u)=>{function p(r){var o=u.nc;o&&r.setAttribute("nonce",o)}v.exports=p},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleDomAPI.js":v=>{function n(r,o,e){var t="";e.supports&&(t+="@supports (".concat(e.supports,") {")),e.media&&(t+="@media ".concat(e.media," {"));var l=typeof e.layer!="undefined";l&&(t+="@layer".concat(e.layer.length>0?" ".concat(e.layer):""," {")),t+=e.css,l&&(t+="}"),e.media&&(t+="}"),e.supports&&(t+="}");var i=e.sourceMap;i&&typeof btoa!="undefined"&&(t+=`
-/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(i))))," */")),o.styleTagTransform(t,r,o.options)}function u(r){if(r.parentNode===null)return!1;r.parentNode.removeChild(r)}function p(r){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var o=r.insertStyleElement(r);return{update:function(t){n(o,r,t)},remove:function(){u(o)}}}v.exports=p},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleTagTransform.js":v=>{function n(u,p){if(p.styleSheet)p.styleSheet.cssText=u;else{for(;p.firstChild;)p.removeChild(p.firstChild);p.appendChild(document.createTextNode(u))}}v.exports=n}}]);})();

package/storybook/UIToggleGroup-story.4ac2c028.iframe.bundle.js

@@ -1,2 +0,0 @@
-(()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[844],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/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.88.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss":(f,r,n)=>{var u=n("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),o=n("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/api.js"),s=o(u);s.push([f.id,".ts-icon{fill:var(--vscode-foreground)}",""]),f.exports=s},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/api.js":f=>{"use strict";f.exports=function(r){var n=[];return n.toString=function(){return this.map(function(o){var s="",e=typeof o[5]!="undefined";return o[4]&&(s+="@supports (".concat(o[4],") {")),o[2]&&(s+="@media ".concat(o[2]," {")),e&&(s+="@layer".concat(o[5].length>0?" ".concat(o[5]):""," {")),s+=r(o),e&&(s+="}"),o[2]&&(s+="}"),o[4]&&(s+="}"),s}).join("")},n.i=function(o,s,e,t,l){typeof o=="string"&&(o=[[null,o,void 0]]);var d={};if(e)for(var i=0;i<this.length;i++){var b=this[i][0];b!=null&&(d[b]=!0)}for(var p=0;p<o.length;p++){var a=[].concat(o[p]);e&&d[a[0]]||(typeof l!="undefined"&&(typeof a[5]=="undefined"||(a[1]="@layer".concat(a[5].length>0?" ".concat(a[5]):""," {").concat(a[1],"}")),a[5]=l),s&&(a[2]&&(a[1]="@media ".concat(a[2]," {").concat(a[1],"}")),a[2]=s),t&&(a[4]?(a[1]="@supports (".concat(a[4],") {").concat(a[1],"}"),a[4]=t):a[4]="".concat(t)),n.push(a))}},n}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js":f=>{"use strict";f.exports=function(r){return r[1]}},"./src/components/UIIcon/UIIcon.tsx":function(f,r,n){"use strict";var u=Object.defineProperty,o=Object.defineProperties,s=Object.getOwnPropertyDescriptors,e=Object.getOwnPropertySymbols,t=Object.prototype.hasOwnProperty,l=Object.prototype.propertyIsEnumerable,d=(_,c,m)=>c in _?u(_,c,{enumerable:!0,configurable:!0,writable:!0,value:m}):_[c]=m,i=(_,c)=>{for(var m in c||(c={}))t.call(c,m)&&d(_,m,c[m]);if(e)for(var m of e(c))l.call(c,m)&&d(_,m,c[m]);return _},b=(_,c)=>o(_,s(c)),p=this&&this.__importDefault||function(_){return _&&_.__esModule?_:{default:_}};Object.defineProperty(r,"__esModule",{value:!0}),r.UIIcon=void 0;const a=p(n("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),y=n("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");n("./src/components/UIIcon/UIIcon.scss");class v extends a.default.Component{constructor(c){super(c),this.setStyle=()=>({})}render(){return a.default.createElement(y.Icon,b(i({},this.props),{className:`ts-icon${this.props.className?` ${this.props.className}`:""}`,styles:this.setStyle()}))}}r.UIIcon=v},"./src/components/UIIcon/index.tsx":function(f,r,n){"use strict";var u=this&&this.__createBinding||(Object.create?function(s,e,t,l){l===void 0&&(l=t);var d=Object.getOwnPropertyDescriptor(e,t);(!d||("get"in d?!e.__esModule:d.writable||d.configurable))&&(d={enumerable:!0,get:function(){return e[t]}}),Object.defineProperty(s,l,d)}:function(s,e,t,l){l===void 0&&(l=t),s[l]=e[t]}),o=this&&this.__exportStar||function(s,e){for(var t in s)t!=="default"&&!Object.prototype.hasOwnProperty.call(e,t)&&u(e,s,t)};Object.defineProperty(r,"__esModule",{value:!0}),o(n("./src/components/UIIcon/UIIcon.tsx"),r)},"./src/components/UILabel/UILabel.tsx":function(f,r,n){"use strict";var u=Object.defineProperty,o=Object.defineProperties,s=Object.getOwnPropertyDescriptors,e=Object.getOwnPropertySymbols,t=Object.prototype.hasOwnProperty,l=Object.prototype.propertyIsEnumerable,d=(_,c,m)=>c in _?u(_,c,{enumerable:!0,configurable:!0,writable:!0,value:m}):_[c]=m,i=(_,c)=>{for(var m in c||(c={}))t.call(c,m)&&d(_,m,c[m]);if(e)for(var m of e(c))l.call(c,m)&&d(_,m,c[m]);return _},b=(_,c)=>o(_,s(c)),p=this&&this.__importDefault||function(_){return _&&_.__esModule?_:{default:_}};Object.defineProperty(r,"__esModule",{value:!0}),r.UILabel=r.labelGlobalStyle=void 0;const a=p(n("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),y=n("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");r.labelGlobalStyle={fontWeight:"bold",fontSize:"13px",color:"var(--vscode-input-foreground)",fontFamily:"var(--vscode-font-family)",padding:"4px 0"};class v extends a.default.Component{constructor(c){super(c)}render(){const c=m=>i({},{root:[i({marginTop:25},r.labelGlobalStyle),m.disabled&&{opacity:"0.4"},m.required&&{selectors:{"::after":{content:"' *'",color:"var(--vscode-inputValidation-errorBorder)",paddingRight:12}}}]});return a.default.createElement(y.Label,b(i({},this.props),{styles:c}))}}r.UILabel=v},"./src/components/UILabel/index.tsx":function(f,r,n){"use strict";var u=this&&this.__createBinding||(Object.create?function(s,e,t,l){l===void 0&&(l=t);var d=Object.getOwnPropertyDescriptor(e,t);(!d||("get"in d?!e.__esModule:d.writable||d.configurable))&&(d={enumerable:!0,get:function(){return e[t]}}),Object.defineProperty(s,l,d)}:function(s,e,t,l){l===void 0&&(l=t),s[l]=e[t]}),o=this&&this.__exportStar||function(s,e){for(var t in s)t!=="default"&&!Object.prototype.hasOwnProperty.call(e,t)&&u(e,s,t)};Object.defineProperty(r,"__esModule",{value:!0}),o(n("./src/components/UILabel/UILabel.tsx"),r)},"./src/utilities/Focus.ts":(f,r,n)=>{"use strict";Object.defineProperty(r,"__esModule",{value:!0}),r.setUIFocusVisibility=r.getUILastFocusable=r.getUIFirstFocusable=void 0;const u=n("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(r,"getUIFirstFocusable",{enumerable:!0,get:function(){return u.getFirstFocusable}}),Object.defineProperty(r,"getUILastFocusable",{enumerable:!0,get:function(){return u.getLastFocusable}}),Object.defineProperty(r,"setUIFocusVisibility",{enumerable:!0,get:function(){return u.setFocusVisibility}})},"./src/utilities/Id.ts":(f,r,n)=>{"use strict";Object.defineProperty(r,"__esModule",{value:!0}),r.getUIId=void 0;const u=n("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(r,"getUIId",{enumerable:!0,get:function(){return u.getId}})},"./src/utilities/Keys.ts":(f,r,n)=>{"use strict";Object.defineProperty(r,"__esModule",{value:!0}),r.UIKeyCodes=void 0;const u=n("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(r,"UIKeyCodes",{enumerable:!0,get:function(){return u.KeyCodes}})},"./src/utilities/index.ts":function(f,r,n){"use strict";var u=this&&this.__createBinding||(Object.create?function(s,e,t,l){l===void 0&&(l=t);var d=Object.getOwnPropertyDescriptor(e,t);(!d||("get"in d?!e.__esModule:d.writable||d.configurable))&&(d={enumerable:!0,get:function(){return e[t]}}),Object.defineProperty(s,l,d)}:function(s,e,t,l){l===void 0&&(l=t),s[l]=e[t]}),o=this&&this.__exportStar||function(s,e){for(var t in s)t!=="default"&&!Object.prototype.hasOwnProperty.call(e,t)&&u(e,s,t)};Object.defineProperty(r,"__esModule",{value:!0}),o(n("./src/utilities/Focus.ts"),r),o(n("./src/utilities/Id.ts"),r),o(n("./src/utilities/Keys.ts"),r)},"./stories/UIToggleGroup.story.tsx":function(f,r,n){"use strict";var u=this&&this.__createBinding||(Object.create?function(p,a,y,v){v===void 0&&(v=y);var _=Object.getOwnPropertyDescriptor(a,y);(!_||("get"in _?!a.__esModule:_.writable||_.configurable))&&(_={enumerable:!0,get:function(){return a[y]}}),Object.defineProperty(p,v,_)}:function(p,a,y,v){v===void 0&&(v=y),p[v]=a[y]}),o=this&&this.__setModuleDefault||(Object.create?function(p,a){Object.defineProperty(p,"default",{enumerable:!0,value:a})}:function(p,a){p.default=a}),s=this&&this.__importStar||function(p){if(p&&p.__esModule)return p;var a={};if(p!=null)for(var y in p)y!=="default"&&Object.prototype.hasOwnProperty.call(p,y)&&u(a,p,y);return o(a,p),a};Object.defineProperty(r,"__esModule",{value:!0}),r.defaultUsage=void 0;const e=s(n("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=n("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),l=n("./src/components/UIToggleGroup/index.ts");(0,n("./src/components/Icons.tsx").initIcons)(),r.default={title:"Basic Inputs/Toggle/Group"};const i={childrenGap:40},b=()=>{const[p,a]=(0,e.useState)(""),y=[{key:"high",text:"H",ariaLabel:"High",title:"High"},{key:"medium",text:"M",ariaLabel:"Medium",title:"Medium"},{key:"low",text:"L",ariaLabel:"Low",title:"Low"}],v=[{key:"high",text:"H"},{key:"medium",text:"M",disabled:!0},{key:"low",text:"L"}],_=[{key:"chart",icon:"Chart"},{key:"star",icon:"Star"},{key:"settings",icon:"Settings"}],c=(m,I)=>{a(I?m:"")};return e.default.createElement(t.Stack,{tokens:i,style:{width:300}},e.default.createElement(t.Text,{variant:"large",className:"textColor"},"UIToggleGroup"),e.default.createElement(t.Stack,{tokens:{childrenGap:16}},e.default.createElement(t.Text,{variant:"medium",className:"textColor"},"UIToggleGroup, default usage"),e.default.createElement(l.UIToggleGroup,{options:y,label:"Test",ariaLabel:"test",onChange:c.bind(this)}),e.default.createElement("span",null,"selection: ",p)),e.default.createElement(t.Stack,{tokens:{childrenGap:16}},e.default.createElement(t.Text,{variant:"medium",className:"textColor"},"UIToggleGroup, required value"),e.default.createElement(l.UIToggleGroup,{options:y,label:"Test",required:!0})),e.default.createElement(t.Stack,{tokens:{childrenGap:16}},e.default.createElement(t.Text,{variant:"medium",className:"textColor"},"UIToggleGroup, with default selected value"),e.default.createElement(l.UIToggleGroup,{options:y,label:"Test",selectedKey:"medium"})),e.default.createElement(t.Stack,{tokens:{childrenGap:16}},e.default.createElement(t.Text,{variant:"medium",className:"textColor"},"UIToggleGroup, with a disabled option"),e.default.createElement(l.UIToggleGroup,{options:v,label:"Test"})),e.default.createElement(t.Stack,{tokens:{childrenGap:16}},e.default.createElement(t.Text,{variant:"medium",className:"textColor"},"UIToggleGroup, with icons option"),e.default.createElement(l.UIToggleGroup,{options:_,label:"Test"})))};r.defaultUsage=b},"./src/components/UIIcon/UIIcon.scss":(f,r,n)=>{"use strict";n.r(r),n.d(r,{default:()=>h});var u=n("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),o=n.n(u),s=n("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),e=n.n(s),t=n("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),l=n.n(t),d=n("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),i=n.n(d),b=n("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),p=n.n(b),a=n("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),y=n.n(a),v=n("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/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.88.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss"),_=n.n(v),c={};for(const g in v)g!=="default"&&(c[g]=()=>v[g]);n.d(r,c);var m={};m.styleTagTransform=y(),m.setAttributes=i(),m.insert=l().bind(null,"head"),m.domAPI=e(),m.insertStyleElement=p();var I=o()(_(),m);const h=_()&&_().locals?_().locals:void 0},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":f=>{"use strict";var r=[];function n(s){for(var e=-1,t=0;t<r.length;t++)if(r[t].identifier===s){e=t;break}return e}function u(s,e){for(var t={},l=[],d=0;d<s.length;d++){var i=s[d],b=e.base?i[0]+e.base:i[0],p=t[b]||0,a="".concat(b," ").concat(p);t[b]=p+1;var y=n(a),v={css:i[1],media:i[2],sourceMap:i[3],supports:i[4],layer:i[5]};if(y!==-1)r[y].references++,r[y].updater(v);else{var _=o(v,e);e.byIndex=d,r.splice(d,0,{identifier:a,updater:_,references:1})}l.push(a)}return l}function o(s,e){var t=e.domAPI(e);t.update(s);var l=function(i){if(i){if(i.css===s.css&&i.media===s.media&&i.sourceMap===s.sourceMap&&i.supports===s.supports&&i.layer===s.layer)return;t.update(s=i)}else t.remove()};return l}f.exports=function(s,e){e=e||{},s=s||[];var t=u(s,e);return function(d){d=d||[];for(var i=0;i<t.length;i++){var b=t[i],p=n(b);r[p].references--}for(var a=u(d,e),y=0;y<t.length;y++){var v=t[y],_=n(v);r[_].references===0&&(r[_].updater(),r.splice(_,1))}t=a}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertBySelector.js":f=>{"use strict";var r={};function n(o){if(typeof r[o]=="undefined"){var s=document.querySelector(o);if(window.HTMLIFrameElement&&s instanceof window.HTMLIFrameElement)try{s=s.contentDocument.head}catch(e){s=null}r[o]=s}return r[o]}function u(o,s){var e=n(o);if(!e)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");e.appendChild(s)}f.exports=u},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertStyleElement.js":f=>{"use strict";function r(n){var u=document.createElement("style");return n.setAttributes(u,n.attributes),n.insert(u,n.options),u}f.exports=r},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(f,r,n)=>{"use strict";function u(o){var s=n.nc;s&&o.setAttribute("nonce",s)}f.exports=u},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleDomAPI.js":f=>{"use strict";function r(o,s,e){var t="";e.supports&&(t+="@supports (".concat(e.supports,") {")),e.media&&(t+="@media ".concat(e.media," {"));var l=typeof e.layer!="undefined";l&&(t+="@layer".concat(e.layer.length>0?" ".concat(e.layer):""," {")),t+=e.css,l&&(t+="}"),e.media&&(t+="}"),e.supports&&(t+="}");var d=e.sourceMap;d&&typeof btoa!="undefined"&&(t+=`
-/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(d))))," */")),s.styleTagTransform(t,o,s.options)}function n(o){if(o.parentNode===null)return!1;o.parentNode.removeChild(o)}function u(o){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var s=o.insertStyleElement(o);return{update:function(t){r(s,o,t)},remove:function(){n(s)}}}f.exports=u},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleTagTransform.js":f=>{"use strict";function r(n,u){if(u.styleSheet)u.styleSheet.cssText=n;else{for(;u.firstChild;)u.removeChild(u.firstChild);u.appendChild(document.createTextNode(n))}}f.exports=r}}]);})();

package/storybook/UITooltip-story.a201b868.iframe.bundle.js

@@ -1 +0,0 @@
-(()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[963],{"./src/components/UICallout/CalloutCollisionTransform.ts":(b,e)=>{"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.CalloutCollisionTransform=void 0;const c={target:".ms-Dialog-actions",container:".ms-Dialog-main",absolute:!0,minPagePadding:10},f=20;class s{constructor(o,t,n=c){this.originalStyle={},this.source=o,this.callout=t,this.props=n,this.applyTransformation=this.applyTransformation.bind(this),this.resetTransformation=this.resetTransformation.bind(this),this.preventDismissOnEvent=this.preventDismissOnEvent.bind(this)}createPlaceholder(o){const t=document.createElement("div");return t.classList.add("ts-Callout-transformation"),t.style.height=`${o}px`,t}getElements(){const o=this.source.current,t=o==null?void 0:o.closest(this.props.container);if(t&&o){const n=t==null?void 0:t.querySelector(this.props.target);if(n){const r={container:{dom:t,rect:t.getBoundingClientRect()},target:{dom:n,rect:n.getBoundingClientRect()},source:{dom:o,rect:o.getBoundingClientRect()}},a=this.callout.current;return a&&(r.callout={dom:a,rect:a.getBoundingClientRect()}),r}}}applyTransformation(){const o=this.getElements();if(!o)return;const{container:t,target:n,callout:r,source:a}=o;if(r){const C=window.innerHeight-c.minPagePadding,v=r.rect.height,T=a.rect.bottom;let y=T+v-n.rect.top,h=T+r.rect.height;if(y<=0||h>=C)return;if(h+=n.rect.height,h<=C&&(y+=f),this.props.absolute){const g=t.dom.style;this.originalStyle={transform:g.transform,position:g.position,top:g.top,left:g.left},g.transform="",g.position="absolute",g.top=`${t.rect.top}px`,g.left=`${t.rect.left}px`}this.placeholder=this.createPlaceholder(y),n.dom.prepend(this.placeholder)}}resetTransformation(){const o=this.getElements();if(!o)return;const{container:t,target:n}=o;for(const r in this.originalStyle){const a=this.originalStyle[r];typeof a=="string"&&(t.dom.style[r]=a)}this.originalStyle={},this.placeholder&&(n.dom.removeChild(this.placeholder),this.placeholder=void 0)}preventDismissOnEvent(o){const t=this.getElements();return!!(o.type==="focus"&&(t!=null&&t.target.dom.contains(o.target)))}}e.CalloutCollisionTransform=s},"./src/components/UICallout/UICallout.tsx":function(b,e,c){"use strict";var f=Object.defineProperty,s=Object.defineProperties,i=Object.getOwnPropertyDescriptors,o=Object.getOwnPropertySymbols,t=Object.prototype.hasOwnProperty,n=Object.prototype.propertyIsEnumerable,r=(l,u,_)=>u in l?f(l,u,{enumerable:!0,configurable:!0,writable:!0,value:_}):l[u]=_,a=(l,u)=>{for(var _ in u||(u={}))t.call(u,_)&&r(l,_,u[_]);if(o)for(var _ of o(u))n.call(u,_)&&r(l,_,u[_]);return l},C=(l,u)=>s(l,i(u)),v=this&&this.__importDefault||function(l){return l&&l.__esModule?l:{default:l}};Object.defineProperty(e,"__esModule",{value:!0}),e.UICallout=e.getCalloutStyle=e.UICalloutContentPadding=e.CALLOUT_STYLES=void 0;const T=v(c("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),y=c("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");e.CALLOUT_STYLES={background:"var(--vscode-editorSuggestWidget-background)",boxShadow:"0 2px 6px rgb(0 0 0 / 20%), 0 0 0 1px var(--vscode-contrastBorder, var(--vscode-editorSuggestWidget-border))",text:"var(--vscode-editorSuggestWidget-foreground)",font:"var(--vscode-font-family)",borderRadius:4};var h;(function(l){l.None="None",l.Standard="Standard"})(h=e.UICalloutContentPadding||(e.UICalloutContentPadding={}));const g=new Map([[h.Standard,8]]),d=(l,u)=>typeof l=="object"&&typeof l[u]=="object"?l[u]:{},p=l=>{var u;return{root:a({boxShadow:e.CALLOUT_STYLES.boxShadow,backgroundColor:"transparent",borderRadius:e.CALLOUT_STYLES.borderRadius},d(l.styles,"root")),beak:a({backgroundColor:e.CALLOUT_STYLES.background,boxShadow:e.CALLOUT_STYLES.boxShadow},d(l.styles,"beak")),beakCurtain:a({backgroundColor:e.CALLOUT_STYLES.background,borderRadius:e.CALLOUT_STYLES.borderRadius},d(l.styles,"beakCurtain")),calloutMain:a({backgroundColor:e.CALLOUT_STYLES.background,color:e.CALLOUT_STYLES.text,fontFamily:e.CALLOUT_STYLES.font,borderRadius:e.CALLOUT_STYLES.borderRadius,minWidth:(u=l.calloutMinWidth)!=null?u:300,boxSizing:"border-box",padding:g.get(l.contentPadding||h.None)},d(l.styles,"calloutMain")),container:d(l.styles,"container")}};e.getCalloutStyle=p;class m extends T.default.Component{constructor(u){super(u)}render(){return T.default.createElement(y.Callout,C(a({},this.props),{styles:(0,e.getCalloutStyle)(this.props)}),this.props.children)}}e.UICallout=m},"./src/components/UICallout/index.tsx":function(b,e,c){"use strict";var f=this&&this.__createBinding||(Object.create?function(i,o,t,n){n===void 0&&(n=t);var r=Object.getOwnPropertyDescriptor(o,t);(!r||("get"in r?!o.__esModule:r.writable||r.configurable))&&(r={enumerable:!0,get:function(){return o[t]}}),Object.defineProperty(i,n,r)}:function(i,o,t,n){n===void 0&&(n=t),i[n]=o[t]}),s=this&&this.__exportStar||function(i,o){for(var t in i)t!=="default"&&!Object.prototype.hasOwnProperty.call(o,t)&&f(o,i,t)};Object.defineProperty(e,"__esModule",{value:!0}),s(c("./src/components/UICallout/CalloutCollisionTransform.ts"),e),s(c("./src/components/UICallout/UICallout.tsx"),e)},"./src/components/UITooltip/UITooltip.tsx":function(b,e,c){"use strict";var f=Object.defineProperty,s=Object.defineProperties,i=Object.getOwnPropertyDescriptors,o=Object.getOwnPropertySymbols,t=Object.prototype.hasOwnProperty,n=Object.prototype.propertyIsEnumerable,r=(d,p,m)=>p in d?f(d,p,{enumerable:!0,configurable:!0,writable:!0,value:m}):d[p]=m,a=(d,p)=>{for(var m in p||(p={}))t.call(p,m)&&r(d,m,p[m]);if(o)for(var m of o(p))n.call(p,m)&&r(d,m,p[m]);return d},C=(d,p)=>s(d,i(p)),v=this&&this.__importDefault||function(d){return d&&d.__esModule?d:{default:d}};Object.defineProperty(e,"__esModule",{value:!0}),e.UITooltip=e.UITooltipDelay=void 0;const T=v(c("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),y=c("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(e,"UITooltipDelay",{enumerable:!0,get:function(){return y.TooltipDelay}});const h=c("./src/components/UICallout/index.tsx");class g extends T.default.Component{constructor(p){super(p)}render(){const p=this.props.maxWidth!==void 0?this.props.maxWidth:200,m=()=>a(a({},{root:{display:"inline-block"},content:{backgroundColor:h.CALLOUT_STYLES.background,color:h.CALLOUT_STYLES.text,fontFamily:h.CALLOUT_STYLES.font}}),this.props.styles),u={beakWidth:10,styles:()=>(0,h.getCalloutStyle)({calloutMinWidth:0,styles:{root:{display:"inline-block"},calloutMain:{padding:10,maxWidth:p}}})},_=T.default.createElement(y.TooltipHost,C(a({},this.props),{styles:m,calloutProps:a(a({},u),this.props.calloutProps)}));return this.props.showOnFocus?_:T.default.createElement("div",{onFocusCapture:S=>{S.target.parentElement&&S.target.parentElement.classList.contains("ms-TooltipHost")&&S.stopPropagation()}},_)}}e.UITooltip=g},"./src/components/UITooltip/UITooltipUtils.tsx":function(b,e,c){"use strict";var f=this&&this.__importDefault||function(n){return n&&n.__esModule?n:{default:n}};Object.defineProperty(e,"__esModule",{value:!0}),e.UITooltipUtils=void 0;const s=f(c("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),i=f(c("../../node_modules/.pnpm/sanitize-html@2.7.3/node_modules/sanitize-html/index.js")),o=c("./src/components/UICallout/index.tsx");class t{static getStyles(){return{root:{},content:{background:o.CALLOUT_STYLES.background,color:o.CALLOUT_STYLES.text},subText:{}}}}e.UITooltipUtils=t,t.renderContent=n=>({onRenderContent:()=>s.default.createElement("span",null,n!=null?n:""),styles:t.getStyles()}),t.renderHTMLContent=n=>{const r=(0,i.default)(n);return{onRenderContent:()=>s.default.createElement("span",{dangerouslySetInnerHTML:{__html:r}}),styles:t.getStyles()}}},"./src/components/UITooltip/index.tsx":function(b,e,c){"use strict";var f=this&&this.__createBinding||(Object.create?function(i,o,t,n){n===void 0&&(n=t);var r=Object.getOwnPropertyDescriptor(o,t);(!r||("get"in r?!o.__esModule:r.writable||r.configurable))&&(r={enumerable:!0,get:function(){return o[t]}}),Object.defineProperty(i,n,r)}:function(i,o,t,n){n===void 0&&(n=t),i[n]=o[t]}),s=this&&this.__exportStar||function(i,o){for(var t in i)t!=="default"&&!Object.prototype.hasOwnProperty.call(o,t)&&f(o,i,t)};Object.defineProperty(e,"__esModule",{value:!0}),s(c("./src/components/UITooltip/UITooltip.tsx"),e),s(c("./src/components/UITooltip/UITooltipUtils.tsx"),e)},"./stories/UITooltip.story.tsx":function(b,e,c){"use strict";var f=this&&this.__importDefault||function(a){return a&&a.__esModule?a:{default:a}};Object.defineProperty(e,"__esModule",{value:!0}),e.Tooltips=void 0;const s=f(c("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),i=c("./src/components/UITooltip/index.tsx"),o=c("./src/components/UIButton/index.tsx"),t=c("./src/components/Icons.tsx");e.default={title:"Dropdowns/Tooltip"},(0,t.initIcons)();const n={name:"Hello, world!",html:"<span><strong>Tag:</strong> name</span>"},r=()=>s.default.createElement(s.default.Fragment,null,s.default.createElement("div",{style:{margin:20}},s.default.createElement(i.UITooltip,{tooltipProps:i.UITooltipUtils.renderContent(n.name)},n.name)),s.default.createElement("div",{style:{margin:20}},s.default.createElement(i.UITooltip,{tooltipProps:i.UITooltipUtils.renderHTMLContent(n.html)},"render HTML content")),s.default.createElement("div",null,s.default.createElement(i.UITooltip,{content:"This is the tooltip"},s.default.createElement(o.UIDefaultButton,null,"Show tooltip on hover and ignore focus"))),s.default.createElement("div",null,s.default.createElement(i.UITooltip,{content:"This is the tooltip",showOnFocus:!0},s.default.createElement(o.UIDefaultButton,null,"Show tooltip on hover and on focus"))));e.Tooltips=r},"?e93e":()=>{},"?67a2":()=>{},"?b45d":()=>{},"?333a":()=>{},"?cb65":()=>{}}]);})();