Mini Kabibi Habibi

"use strict";(globalThis.webpackChunkUniversalAssetBrowser=globalThis.webpackChunkUniversalAssetBrowser||[]).push([[12],{80012:(e,t,n)=>{n.r(t),n.d(t,{CDOActionBarForTests:()=>B,default:()=>w});var i=n(66204),s=n(66902),o=n(76319),r=n(65741),a=n(66518),l=n(45103),c=n(21015),u=n(25205),d=n(57969),h=n(82488),m=n(55751),v=n(62315);n(59651);const p=(0,m.Z)({displayName:"ActionBar",fallback:void 0,swcLoader:void 0,SWCWrapper:(0,i.forwardRef)((function(e,t){const{className:n,flexible:s,open:o,emphasized:r,onClose:a,...l}=e,c=(0,i.useRef)();(0,i.useEffect)((()=>{const e=c.current;return e&&a&&e.addEventListener("close",a),()=>{e&&a&&e.removeEventListener("close",a)}}),[a]);const u={...(0,h.cd)({emphasized:r,flexible:s,open:o}),class:n,...l},d=(0,h.Co)("sp-action-bar");return i.createElement(d,{...u,ref:(0,v.Z)([c,t])})})),tagName:"sp-action-bar"});n(40417),n(92204),n(36391),n(70714),n(77320),n(86277),n(50807),n(49955),n(30884),n(17051),n(24107),n(70924),n(950),n(49943),n(42457),n(15831),n(60539),n(57537),n(54275),n(64881),n(70386),n(30468),n(72224),n(13357),n(20511);var b=(0,o.ZP)((({actions:e,onActionButtonClick:t,selectionStore:n,maxVisibleActions:o,getActiveActions:r,tabIndex:a,isFeatureFlagEnabled:h,intl:m})=>{const v=e.slice(0,o),p=e.slice(o);return(null==e?void 0:e.length)?i.createElement(i.Fragment,null,v.map((e=>{var s;const o=e.icon&&i.cloneElement(e.icon,{size:"S"}),v=d.ZP.isMessageDefined(m,e.label)?m.formatMessage({id:e.label}):e.label;if(null==(s=e.children)?void 0:s.length){const s=r(e.children);return i.createElement("div",{key:e.value,className:"cdo-ActionBar_ActionMenu",slot:"buttons"},i.createElement(l.A,{disabled:!1,elements:n.selectedElements,onActionButtonClick:t,actionMenuItems:s,label:e.label,icon:e.icon,placement:"top-end",tabIndex:null!=a?a:0,isFeatureFlagEnabled:h}))}return i.createElement(c.default,{className:"cdo-ActionBar_ActionButton",key:e.value,id:`ActionButton_${e.value}`,variant:e.buttonVariant,quiet:e.buttonQuiet,icon:i.createElement(u.Z,{size:"S"},o),onClick:()=>t(e),label:v,disabled:!e.isEnabled(n.selectedElements),tabIndex:a,slot:"buttons",staticColor:"white"})})),p.length>0&&i.createElement("div",{className:"cdo-ActionBar_ActionMenu",slot:"buttons"},i.createElement(l.A,{disabled:!1,elements:n.selectedElements,onActionButtonClick:t,actionMenuItems:p,placement:"top-end",tabIndex:null!=a?a:0,isFeatureFlagEnabled:h}))):i.createElement("span",{slot:"buttons",className:"cdo-ActionBar_NoActions"},i.createElement(s.Z,{id:"actionBar.noActions"}))}));Object.defineProperty,Object.getOwnPropertyDescriptor;(0,r.f3)("selectionStore");let f=class extends i.Component{constructor(e){super(e),this.ref=i.createRef(),this.getDimensions=(e,t)=>{const n=[];e.forEach((e=>{var t;const i=null==(t=this.ref.current)?void 0:t.querySelector(`#ActionButton_${e.value}`);i&&n.push(i)}));const i=this.ref.current.clientWidth,s=parseInt(getComputedStyle(t).paddingRight),o=parseInt(getComputedStyle(t).marginRight),r=parseInt(getComputedStyle(t).marginLeft);return{actionButtons:n,gap:8,rightPadding:s,referenceWidth:i,rightMargin:o,leftMargin:r}},this.computeNoOfVisibleActions=()=>{const{actions:e,overflowMenuButtonWidth:t}=this.props,n=this.ref.current,i=null==n?void 0:n.children[0];if(!i||!n)return;const{actionButtons:s,gap:o,rightPadding:r,referenceWidth:a,rightMargin:l,leftMargin:c}=this.getDimensions(e,i);let u=0;for(let e=0;e<s.length;e++){const t=s[e].offsetLeft+s[e].offsetWidth;if(e>=3||a-t<r+l+c)break;u++}if(u<e.length)for(let e=u-1;e>=0&&!(a-(s[e].offsetLeft+s[e].offsetWidth)>r+o+t+l+c);e--)u--;return u},this.handleResize=()=>{requestAnimationFrame((()=>{const e=this.computeNoOfVisibleActions();e<=0||e==this.state.visibleActions||this.setState({visibleActions:e})}))},this.createResizeObserver=()=>{var e;this.resizeObserver=new a.Z(this.handleResize),(null==(e=this.ref)?void 0:e.current)&&this.resizeObserver.observe(this.ref.current)},this.state={visibleActions:0}}componentDidMount(){this.createResizeObserver()}componentDidUpdate(e){const{actions:t}=this.props;var n,i;n=t,i=null==e?void 0:e.actions,n.every(((e,t)=>{var n;return(null==e?void 0:e.value)===(null==(n=i[t])?void 0:n.value)}))||this.handleResize()}componentWillUnmount(){var e;(null==(e=this.ref)?void 0:e.current)&&this.resizeObserver.unobserve(this.ref.current)}render(){const{visibleActions:e}=this.state,{open:t,selectionStore:n,actions:s,intl:o,onActionButtonClick:r,getActiveActions:a,viewStateStore:l,isFeatureFlagEnabled:c}=this.props,{showSelectionBar:u}=l,d=Math.min(s.length,3),h={open:t,selectionStore:n,actions:s,intl:o,maxVisibleActions:d,visibleActions:e,onActionButtonClick:r,getActiveActions:a,isFeatureFlagEnabled:c},m="cdo-action-group "+(e<s.length?"cdo-popover-actions":""),v=u&&(null==n?void 0:n.selectedElements.length)>0;return i.createElement(i.Fragment,null,i.createElement("div",{ref:this.ref,className:"cdo-reference-popover-measurement-container"},t&&i.createElement("div",{className:"cdo-mobile-action-bar"},i.createElement("div",{className:m},i.createElement(b,{...h,maxVisibleActions:d,tabIndex:-1})))),v&&t&&i.createElement("div",{className:"cdo-mobile-action-bar"},i.createElement("div",{className:m},i.createElement(b,{...h,maxVisibleActions:e}))))}};f=((e,t,n,i)=>{for(var s,o=t,r=e.length-1;r>=0;r--)(s=e[r])&&(o=s(o)||o);return o})([r.Pi],f);var g=(0,o.ZP)(f);Object.defineProperty,Object.getOwnPropertyDescriptor;(0,r.f3)("selectionStore");let A=class extends i.Component{constructor(e){super(e),this.ref=i.createRef(),this.getDimensions=(e,t)=>{var n;const i=t.shadowRoot.querySelector(".action-group"),s=getComputedStyle(i),o=parseInt(s.marginRight),r=[];e.forEach((e=>{var t;const n=null==(t=this.ref.current)?void 0:t.querySelector(`#ActionButton_${e.value}`);n&&r.push(n)}));const a=parseInt(s.columnGap),l=parseInt(getComputedStyle(t).paddingRight),c=null==(n=this.ref.current)?void 0:n.clientWidth;return{actionButtons:r,rightMargin:o,gap:a,actionBarRightPadding:l,parentWidth:c}},this.computeNoOfVisibleActions=async()=>{const{actions:e,threshold:t,maxVisibleActions:n,overflowMenuButtonWidth:i}=this.props,s=this.ref.current,o=null==s?void 0:s.children[0];if(!o||!s)return;if(l.U.usingUXP())return o.querySelectorAll("sp-action-button").length;const{actionButtons:r,rightMargin:a,gap:c,actionBarRightPadding:u,parentWidth:d}=this.getDimensions(e,o);let h=0;for(let e=0;e<r.length;e++){r[e].isUpdatePending&&await r[e].updateComplete;const i=r[e].offsetLeft+r[e].offsetWidth;if(e>=n||d-i<a+u+t)break;h++}if(h<e.length)for(let e=h-1;e>=0&&!(d-(r[e].offsetLeft+r[e].offsetWidth)>a+u+t+c+i);e--)h--;return h},this.switchStates=e=>{const{actions:t,viewStateStore:n}=this.props,{showSelectionBar:i}=n,s=Math.min(t.length,3);e<s||(0,l.i)()&&e<=s?i||n.setSelectionBarDisplayState(!0):(this.setState({visibleActions:e}),i&&n.setSelectionBarDisplayState(!1))},this.isActionGroupAvailable=()=>{var e,t,n,i,s,o;if(l.U.usingUXP())return null!==(null==(t=null==(e=this.ref)?void 0:e.current)?void 0:t.querySelector("sp-action-bar"));const r=null==(o=null==(s=null==(i=null==(n=this.ref)?void 0:n.current)?void 0:i.children[0])?void 0:s.shadowRoot)?void 0:o.querySelector(".action-group");return r&&r.offsetWidth>0},this.handleResize=async()=>{if(this.isActionGroupAvailable()){const e=await this.computeNoOfVisibleActions();this.switchStates(e)}},this.handleMutation=async()=>{this.isActionGroupAvailable()&&await this.handleResize()},this.createResizeObserver=()=>{var e;this.resizeObserver=new a.Z(this.handleResize),(null==(e=this.ref)?void 0:e.current)&&this.resizeObserver.observe(this.ref.current)},this.createMutationObserver=()=>{var e,t;this.mutationObserver=new MutationObserver(this.handleMutation),(null==(t=null==(e=this.ref)?void 0:e.current)?void 0:t.children[0])&&this.mutationObserver.observe(this.ref.current.children[0],{attributes:!0,childList:!0,subtree:!0})},this.handleClose=()=>{const{selectionStore:e}=this.props;e.clear()},this.areActionsEqual=(e,t)=>e.length===t.length&&e.every(((e,n)=>e.value===t[n].value)),this.state={visibleActions:0}}componentDidMount(){this.createResizeObserver(),this.createMutationObserver()}async componentDidUpdate(e){const{actions:t}=this.props;this.areActionsEqual(t,null==e?void 0:e.actions)||await this.handleResize()}componentWillUnmount(){this.resizeObserver&&this.resizeObserver.disconnect(),this.mutationObserver&&this.mutationObserver.disconnect()}render(){const{open:e,selectionStore:t,actions:n,intl:o,onActionButtonClick:r,maxVisibleActions:a,viewStateStore:l,getActiveActions:c,isFeatureFlagEnabled:u}=this.props,{showSelectionBar:d}=l,h={selectionStore:t,actions:n,intl:o,maxVisibleActions:a,onActionButtonClick:r,getActiveActions:c,isFeatureFlagEnabled:u},m=null==t?void 0:t.selectedElements.length,{visibleActions:v}=this.state,f=!d&&m>0;return i.createElement(i.Fragment,null,i.createElement("div",{ref:this.ref,className:"cdo-action-bar-measurement-container"},i.createElement(p,{className:"cdo-action-bar-measurement",onClose:this.handleClose,open:e},m>0&&i.createElement(s.Z,{id:"actionbar.selected",values:{numSelected:m},defaultMessage:"{numSelected, plural, =1 {# item} other {# items}} selected"}),i.createElement(b,{tabIndex:-1,...h}))),f&&i.createElement(p,{className:"cdo-desktop-action-bar ",onClose:this.handleClose,open:e,emphasized:!0},m>0&&i.createElement(s.Z,{id:"actionbar.selected",values:{numSelected:m}}),i.createElement(b,{...h,maxVisibleActions:v})))}};A=((e,t,n,i)=>{for(var s,o=t,r=e.length-1;r>=0;r--)(s=e[r])&&(o=s(o)||o);return o})([r.Pi],A);var E=(0,o.ZP)(A);Object.defineProperty,Object.getOwnPropertyDescriptor;const S=e=>"large"===e?40:32;(0,r.f3)("selectionStore");let B=class extends i.Component{constructor(e){super(e);const{maxVisibleActions:t}=this.props;this.maxVisibleActions=t||5}render(){const{selectionStore:e,onActionButtonClick:t,availableActions:n,viewStateStore:s,isFeatureFlagEnabled:o,scale:r}=this.props,a=e.selectedElements.length>0,l=t=>t.filter((t=>t.isVisible(e.selectedElements))),c=l(n),u={open:a,selectionStore:e,actions:c,viewStateStore:s,overflowMenuButtonWidth:S(r),onActionButtonClick:t,getActiveActions:l,isFeatureFlagEnabled:o};return i.createElement(i.Fragment,null,i.createElement(E,{maxVisibleActions:this.maxVisibleActions,threshold:24,...u}),i.createElement(g,{...u}))}};B=((e,t,n,i)=>{for(var s,o=t,r=e.length-1;r>=0;r--)(s=e[r])&&(o=s(o)||o);return o})([r.Pi],B);var w=(0,o.ZP)(B)}}]);