| 1 |
(()=>{var e,t={395:(e,t)=>{var a;!function(){"use strict";var n={}.hasOwnProperty;function l(){for(var e="",t=0;t<arguments.length;t++){var a=arguments[t];a&&(e=i(e,r(a)))}return e}function r(e){if("string"==typeof e||"number"==typeof e)return e;if("object"!=typeof e)return"";if(Array.isArray(e))return l.apply(null,e);if(e.toString!==Object.prototype.toString&&!e.toString.toString().includes("[native code]"))return e.toString();var t="";for(var a in e)n.call(e,a)&&e[a]&&(t=i(t,a));return t}function i(e,t){return t?e?e+" "+t:e+t:e}e.exports?(l.default=l,e.exports=l):void 0===(a=function(){return l}.apply(t,[]))||(e.exports=a)}()},633:(e,t,a)=>{"use strict";const n=window.wp.blockEditor,l=window.wp.blocks,r=JSON.parse('{"$schema":"https://schemas.wp.org/trunk/block.json","apiVersion":3,"version":"0.0.1","name":"tableberg/toggle","allowedBlocks":["tableberg/table"],"title":"Toggle for Tableberg","category":"layout","description":"Create a tabbed interface where each tab contains tables with full functionality.","keywords":["Tabs","Tabbed Interface","Table","Layout"],"supports":{"customClassName":false},"attributes":{"tabs":{"type":"array","default":["Tab 1","Tab 2","Tab 3"]},"defaultActiveTabIndex":{"type":"number","default":0},"alignment":{"type":"string","default":"left"},"gap":{"type":"string","default":"0"},"tabBorderRadius":{"type":"string","default":"var:preset|spacing|5"},"activeTabTextColor":{"type":"string","default":"white"},"activeTabBackgroundColor":{"type":"string","default":"#671feb"},"inactiveTabTextColor":{"type":"string","default":"white"},"inactiveTabBackgroundColor":{"type":"string","default":"black"}},"example":{},"viewScript":"file:./frontend.ts","editorScript":"file:./index.tsx","editorStyle":"file:./index.css","style":"file:./index.css","textdomain":"tableberg"}'),i=window.wp.data,o=window.wp.components,s=window.wp.primitives,c=window.ReactJSXRuntime;var d=(0,c.jsx)(s.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,c.jsx)(s.Path,{d:"M5 5.5h8V4H5v1.5ZM5 20h8v-1.5H5V20ZM19 9H5v6h14V9Z"})}),g=(0,c.jsx)(s.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,c.jsx)(s.Path,{d:"M19 5.5H5V4h14v1.5ZM19 20H5v-1.5h14V20ZM7 9h10v6H7V9Z"})}),u=(0,c.jsx)(s.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,c.jsx)(s.Path,{d:"M19 5.5h-8V4h8v1.5ZM19 20h-8v-1.5h8V20ZM5 9h14v6H5V9Z"})}),b=(0,c.jsx)(s.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,c.jsx)(s.Path,{d:"M5 4h14v11H5V4Zm11 16H8v-1.5h8V20Z"})}),h=(0,c.jsx)(s.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,c.jsx)(s.Path,{d:"M11 12.5V17.5H12.5V12.5H17.5V11H12.5V6H11V11H6V12.5H11Z"})}),p=(0,c.jsx)(s.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,c.jsx)(s.Path,{d:"M7 11.5h10V13H7z"})});const x=window.React,v=window.wp.i18n,m=function({value:e,gradientValue:t,label:a,palette:l="theme",onChange:r,onGradientChange:o,onDeselect:s,resetAllFilter:d,allowGradient:g=!1}){const{clientId:u}=(0,n.useBlockEditContext)(),b=(0,n.__experimentalUseMultipleOriginColorsAndGradients)(),h=(0,x.useRef)(e),p=(0,x.useRef)(t),{defaultColors:m,themeColors:w,defaultGradients:f,themeGradients:_}=(0,i.useSelect)(e=>{const t=e(n.store).getSettings()?.__experimentalFeatures?.color;return{defaultColors:t.palette.default,themeColors:t.palette.theme,defaultGradients:t.gradients.default,themeGradients:t.gradients.theme}},[]),C="theme"===l?_:f;d||(d=s);let j={clearable:!0,resetAllFilter:d,colorValue:e,colors:"theme"===l?w:m,label:a,onColorChange:e=>{h.current!==e&&(h.current=e,r(e))},onDeselect:s};return g&&(j={...j,gradientValue:t,gradients:C,onGradientChange:e=>{o&&p.current!==e&&(p.current=e,o(e))}}),(0,c.jsx)(n.__experimentalColorGradientSettingsDropdown,{...b,enableAlpha:!0,panelId:u,title:(0,v.__)("Color Settings","tableberg"),popoverProps:{placement:"left start"},settings:[j]})};a(395);var w=(0,c.jsxs)(s.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:[(0,c.jsx)(s.Path,{d:"m19 7.5h-7.628c-.3089-.87389-1.1423-1.5-2.122-1.5-.97966 0-1.81309.62611-2.12197 1.5h-2.12803v1.5h2.12803c.30888.87389 1.14231 1.5 2.12197 1.5.9797 0 1.8131-.62611 2.122-1.5h7.628z"}),(0,c.jsx)(s.Path,{d:"m19 15h-2.128c-.3089-.8739-1.1423-1.5-2.122-1.5s-1.8131.6261-2.122 1.5h-7.628v1.5h7.628c.3089.8739 1.1423 1.5 2.122 1.5s1.8131-.6261 2.122-1.5h2.128z"})]});function f({label:e,value:t,onChange:a,style:l}){const[r,i,s,d,g]=(0,n.useSettings)("spacing.spacingSizes","spacing.spacingSizes.custom","spacing.spacingSizes.theme","spacing.spacingSizes.default","spacing.defaultSpacingSizes"),u=[{slug:"0",size:0},...r||[...i||[],...s||[],...d&&!1!==g?d:[]]],[b,h]=(0,x.useState)(!!t&&!function(e){return"0"===e||/var\(--wp--preset--spacing--.+\)/.test(e)}(t)),[p]=(0,n.useSettings)("spacing.units"),m=(0,o.__experimentalUseCustomUnits)({availableUnits:p||["px","em","rem"]}),f=(0,x.useMemo)(()=>{const e=function(e){if(!e)return;if("0"===e)return"0";const t=e.match(/var\(--wp--preset--spacing--(.+)\)/);return t?t[1]:void 0}(t);if(!e)return 0;const a=u.findIndex(t=>String(t.slug)===e);return-1!==a?a:NaN},[t,u]),[_,C]=(0,x.useMemo)(()=>(0,o.__experimentalParseQuantityAndUnitFromRawValue)(t),[t]),j=C||m[0]?.value||"px",T={...l,border:0,padding:0,margin:0};return(0,c.jsxs)("fieldset",{className:"spacing-sizes-control",style:T,children:[(0,c.jsxs)(o.__experimentalHStack,{className:"spacing-sizes-control__header",style:{marginBottom:"12px"},children:[(0,c.jsx)(o.BaseControl.VisualLabel,{as:"legend",className:"spacing-sizes-control__label",children:e}),(0,c.jsx)(o.Button,{label:b?(0,v.__)("Use size preset"):(0,v.__)("Set custom size"),icon:w,onClick:()=>h(!b),isPressed:b,size:"small",className:"spacing-sizes-control__custom-toggle",iconSize:24})]}),(0,c.jsx)(o.__experimentalVStack,{spacing:.5,children:(0,c.jsx)(o.__experimentalHStack,{className:"spacing-sizes-control__wrapper",children:b?(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(o.__experimentalUnitControl,{hideLabelFromVision:!0,className:"spacing-sizes-control__unit-control",size:"__unstable-large",value:t,onChange:e=>{e&&!isNaN(parseFloat(e))&&a(e)}}),(0,c.jsx)(o.RangeControl,{min:0,max:100,step:1,withInputField:!1,className:"spacing-sizes-control__custom-value-range",label:e,hideLabelFromVision:!0,value:_||0,onChange:e=>{void 0!==e&&a(`${e}${j}`)},__nextHasNoMarginBottom:!0})]}):(0,c.jsx)(o.RangeControl,{className:"spacing-sizes-control__preset-range",label:e,hideLabelFromVision:!0,value:f,min:0,max:u.length-1,marks:u.map((e,t)=>({value:t,label:void 0})),withInputField:!1,onChange:e=>{if(void 0===e)return;const t=u[e]?.slug;a("0"===t?"0":`var(--wp--preset--spacing--${t})`)},__nextHasNoMarginBottom:!0})})})]})}s.SVG,s.Path,s.SVG,s.Path;const _=window.wp.element;var C=(0,_.forwardRef)(({icon:e,size:t=24,...a},n)=>(0,_.cloneElement)(e,{width:t,height:t,...a,ref:n}));function j(e){return(0,n.isValueSpacingPreset)(e)?function(e){if(!e)return;const t=e.match(/var:preset\|spacing\|(.+)/);return t?`var(--wp--preset--spacing--${t[1]})`:e}(e):e}window.lodash;const T=(0,c.jsxs)("svg",{width:"256",height:"256",viewBox:"0 0 256 256",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,c.jsx)("rect",{width:"256",height:"256",fill:"white"}),(0,c.jsxs)("g",{clipPath:"url(#clip0_50_2)",children:[(0,c.jsx)("rect",{x:"30",y:"30",width:"196",height:"39.2",rx:"3.92",fill:"#671FEB"}),(0,c.jsx)("rect",{x:"112.32",y:"108.4",width:"113.68",height:"39.2",rx:"3.92",fill:"#671FEB"}),(0,c.jsx)("rect",{x:"112.32",y:"186.8",width:"113.68",height:"39.2",rx:"3.92",fill:"#671FEB"}),(0,c.jsx)("rect",{x:"30",y:"108.4",width:"39.2",height:"117.6",rx:"3.92",fill:"#671FEB"})]}),(0,c.jsx)("defs",{children:(0,c.jsx)("clipPath",{id:"clip0_50_2",children:(0,c.jsx)("rect",{x:"30",y:"30",width:"196",height:"196",rx:"19.6",fill:"white"})})})]}),B=[{icon:d,title:"Align left",value:"left"},{icon:g,title:"Align center",value:"center"},{icon:u,title:"Align right",value:"right"},{icon:b,title:"Stretch full width",value:"full"}];function k({title:e,active:t=!1,styles:a,onClick:n,onDelete:l}){const r={backgroundColor:a.activeTabBackgroundColor,borderRadius:j(a.tabBorderRadius),color:a.activeTabTextColor},i={backgroundColor:a.inactiveTabBackgroundColor,borderRadius:j(a.tabBorderRadius),color:a.inactiveTabTextColor};return(0,c.jsxs)("div",{className:"tab-heading "+(t?"active":""),onClick:n,"data-toolbar-trigger":"true",style:t?r:i,children:[(0,c.jsx)("p",{tabIndex:0,children:e}),(0,c.jsx)("button",{className:"tab-heading-remove",onClick:l,children:(0,c.jsx)(C,{icon:p})})]})}(0,l.registerBlockType)(r,{attributes:r.attributes,icon:T,edit:function({clientId:e,attributes:t,setAttributes:a,isSelected:r}){const s=(0,n.useBlockProps)(),{children:d,...g}=(0,n.useInnerBlocksProps)(s,{allowedBlocks:["tableberg/table"],template:[["tableberg/table"],["tableberg/table"],["tableberg/table"]],renderAppender:!1}),{tabs:u,alignment:b,defaultActiveTabIndex:p,gap:w,activeTabTextColor:_,inactiveTabTextColor:C,activeTabBackgroundColor:T,inactiveTabBackgroundColor:y,tabBorderRadius:S}=t,[V,I]=(0,x.useState)(p),{innerBlocks:P,innerBlocksLength:N}=(0,i.useSelect)(t=>{const a=t(n.store).getBlock(e)?.innerBlocks;return{innerBlocks:a,innerBlocksLength:a?.length}},[e]),[z,H]=(0,x.useState)(!1),[A,G]=(0,x.useState)(0),{insertBlock:M,removeBlock:R}=(0,i.useDispatch)(n.store),F=(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(n.InspectorControls,{children:(0,c.jsxs)(o.__experimentalToolsPanel,{label:(0,v.__)("Toggle Settings","tableberg"),resetAll:()=>{},children:[(0,c.jsxs)(o.__experimentalToolsPanelItem,{label:(0,v.__)("Default Active Tab"),hasValue:()=>!0,children:[(0,c.jsx)(o.TextControl,{label:"Current Tab Title",value:u[V],onChange:e=>{const t=[...u];t[V]=e,a({tabs:t})}}),(0,c.jsx)(o.__experimentalNumberControl,{label:"Default Active Tab",value:p+1,onChange:e=>a({defaultActiveTabIndex:Math.max(0,Number(e||1)-1)}),min:1,max:u.length})]}),(0,c.jsx)(o.__experimentalToolsPanelItem,{label:(0,v.__)("Tabs alignment","tableberg"),hasValue:()=>!0,children:(0,c.jsx)(o.__experimentalToggleGroupControl,{__nextHasNoMarginBottom:!0,label:(0,v.__)("Tabs alignment","tableberg"),value:b,onChange:e=>a({alignment:e}),children:B.map(({icon:e,title:t,value:a})=>(0,c.jsx)(o.__experimentalToggleGroupControlOptionIcon,{icon:e,value:a,label:t},a))})})]})}),(0,c.jsxs)(n.InspectorControls,{group:"color",children:[(0,c.jsx)(m,{label:(0,v.__)("Active Tab Text Color","tableberg"),value:_,onChange:e=>a({activeTabTextColor:e}),onDeselect:()=>a({activeTabTextColor:""})}),(0,c.jsx)(m,{label:(0,v.__)("Inactive Tab Text Color","tableberg"),value:C,onChange:e=>a({inactiveTabTextColor:e}),onDeselect:()=>a({inactiveTabTextColor:""})}),(0,c.jsx)(m,{label:(0,v.__)("Active Tab Background Color","tableberg"),value:T,onChange:e=>a({activeTabBackgroundColor:e}),onDeselect:()=>a({activeTabBackgroundColor:""})}),(0,c.jsx)(m,{label:(0,v.__)("Inactive Tab Background Color","tableberg"),value:y,onChange:e=>a({inactiveTabBackgroundColor:e}),onDeselect:()=>a({inactiveTabBackgroundColor:""})})]}),(0,c.jsx)(n.InspectorControls,{group:"dimensions",children:(0,c.jsx)(o.__experimentalToolsPanelItem,{label:(0,v.__)("Spacing Under Tabs","tableberg"),hasValue:()=>!0,children:(0,c.jsx)(f,{label:(0,v.__)("Spacing Under Tabs","tableberg"),value:w,onChange:e=>a({gap:e})})})}),(0,c.jsx)(n.InspectorControls,{group:"border",children:(0,c.jsx)(o.__experimentalToolsPanelItem,{label:(0,v.__)("Tab Heading Border Radius","tableberg"),hasValue:()=>!0,children:(0,c.jsx)(f,{label:(0,v.__)("Tab Heading Border Radius","tableberg"),value:S,onChange:e=>a({tabBorderRadius:e})})})})]});return(0,c.jsxs)("div",{...s,className:"toggle-block",children:[F,(0,c.jsxs)("div",{...g,children:[(0,c.jsxs)("nav",{"data-toolbar-trigger":"true",className:`tab-headings ${b}`,style:{marginBottom:j(w)},children:[u.map((e,t)=>(0,c.jsx)(k,{active:V===t,title:e,onClick:()=>I(t),onDelete:()=>{G(t),H(!0)},styles:{activeTabBackgroundColor:T,inactiveTabBackgroundColor:y,activeTabTextColor:_,inactiveTabTextColor:C,tabBorderRadius:S}},`${t}-${e}`)),z&&(0,c.jsx)(o.__experimentalConfirmDialog,{isOpen:z,onCancel:()=>H(!1),onConfirm:()=>{!function(e){if(!P||!N)return;R(P[e].clientId,!1);const t=[...u.slice(0,e),...u.slice(e+1)];I(0),a({tabs:t})}(A),H(!1)},children:"Are you sure you want to delete this tab?"}),r&&(0,c.jsx)("div",{className:"tab-heading-add",children:(0,c.jsx)(o.Button,{icon:h,onClick:function(){M((0,l.createBlock)("tableberg/table"),N,e,!1),I(N),a({tabs:[...u,"Untitled Tab"]})}})})]}),(0,c.jsx)("style",{children:P?.map(function({clientId:e},t){return`\n #block-${e} {\n display: ${V===t?"block":"none"};\n }`}).join("\n")}),(0,c.jsx)("div",{className:"tab-content",children:(0,c.jsx)("div",{children:(0,c.jsx)("div",{children:d})})})]})]})},save:function(){const e=n.useBlockProps.save();return(0,c.jsx)("div",{...e,children:(0,c.jsx)(n.InnerBlocks.Content,{})})}})}},a={};function n(e){var l=a[e];if(void 0!==l)return l.exports;var r=a[e]={exports:{}};return t[e](r,r.exports,n),r.exports}n.m=t,e=[],n.O=(t,a,l,r)=>{if(!a){var i=1/0;for(d=0;d<e.length;d++){for(var[a,l,r]=e[d],o=!0,s=0;s<a.length;s++)(!1&r||i>=r)&&Object.keys(n.O).every(e=>n.O[e](a[s]))?a.splice(s--,1):(o=!1,r<i&&(i=r));if(o){e.splice(d--,1);var c=l();void 0!==c&&(t=c)}}return t}r=r||0;for(var d=e.length;d>0&&e[d-1][2]>r;d--)e[d]=e[d-1];e[d]=[a,l,r]},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),(()=>{var e={849:0,237:0};n.O.j=t=>0===e[t];var t=(t,a)=>{var l,r,[i,o,s]=a,c=0;if(i.some(t=>0!==e[t])){for(l in o)n.o(o,l)&&(n.m[l]=o[l]);if(s)var d=s(n)}for(t&&t(a);c<i.length;c++)r=i[c],n.o(e,r)&&e[r]&&e[r][0](),e[r]=0;return n.O(d)},a=globalThis.webpackChunktableberg=globalThis.webpackChunktableberg||[];a.forEach(t.bind(null,0)),a.push=t.bind(null,a.push.bind(a))})();var l=n.O(void 0,[237],()=>n(633));l=n.O(l)})(); |
