{
  "version": 3,
  "sources": ["../src/gradients-palette-panel.tsx"],
  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useViewportMatch } from '@wordpress/compose';\nimport {\n\t__experimentalVStack as VStack,\n\t__experimentalPaletteEdit as PaletteEdit,\n\t__experimentalSpacer as Spacer,\n\tDuotonePicker,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport type { Gradient } from '@wordpress/global-styles-engine';\n\n/**\n * Internal dependencies\n */\nimport { Subtitle } from './subtitle';\nimport { useSetting } from './hooks';\n\nconst mobilePopoverProps = { placement: 'bottom-start' as const, offset: 8 };\n\nconst noop = () => {};\n\ninterface GradientPalettePanelProps {\n\tname?: string;\n}\n\nexport default function GradientPalettePanel( {\n\tname,\n}: GradientPalettePanelProps ) {\n\tconst [ themeGradients, setThemeGradients ] = useSetting< Gradient[] >(\n\t\t'color.gradients.theme',\n\t\tname\n\t);\n\tconst [ baseThemeGradients ] = useSetting< Gradient[] >(\n\t\t'color.gradients.theme',\n\t\tname,\n\t\t'base'\n\t);\n\tconst [ defaultGradients, setDefaultGradients ] = useSetting< Gradient[] >(\n\t\t'color.gradients.default',\n\t\tname\n\t);\n\tconst [ baseDefaultGradients ] = useSetting< Gradient[] >(\n\t\t'color.gradients.default',\n\t\tname,\n\t\t'base'\n\t);\n\tconst [ customGradients, setCustomGradients ] = useSetting< Gradient[] >(\n\t\t'color.gradients.custom',\n\t\tname\n\t);\n\n\tconst [ defaultPaletteEnabled ] = useSetting< boolean >(\n\t\t'color.defaultGradients',\n\t\tname\n\t);\n\n\tconst [ customDuotone ] = useSetting( 'color.duotone.custom' ) || [];\n\tconst [ defaultDuotone ] = useSetting( 'color.duotone.default' ) || [];\n\tconst [ themeDuotone ] = useSetting( 'color.duotone.theme' ) || [];\n\tconst [ defaultDuotoneEnabled ] = useSetting( 'color.defaultDuotone' );\n\n\tconst duotonePalette = [\n\t\t...( customDuotone || [] ),\n\t\t...( themeDuotone || [] ),\n\t\t...( defaultDuotone && defaultDuotoneEnabled ? defaultDuotone : [] ),\n\t];\n\n\tconst isMobileViewport = useViewportMatch( 'small', '<' );\n\tconst popoverProps = isMobileViewport ? mobilePopoverProps : undefined;\n\n\treturn (\n\t\t<VStack\n\t\t\tclassName=\"global-styles-ui-gradient-palette-panel\"\n\t\t\tspacing={ 8 }\n\t\t>\n\t\t\t{ !! themeGradients && !! themeGradients.length && (\n\t\t\t\t<PaletteEdit\n\t\t\t\t\tcanReset={ themeGradients !== baseThemeGradients }\n\t\t\t\t\tcanOnlyChangeValues\n\t\t\t\t\tgradients={ themeGradients }\n\t\t\t\t\tonChange={ setThemeGradients }\n\t\t\t\t\tpaletteLabel={ __( 'Theme' ) }\n\t\t\t\t\tpaletteLabelHeadingLevel={ 3 }\n\t\t\t\t\tpopoverProps={ popoverProps }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ !! defaultGradients &&\n\t\t\t\t!! defaultGradients.length &&\n\t\t\t\t!! defaultPaletteEnabled && (\n\t\t\t\t\t<PaletteEdit\n\t\t\t\t\t\tcanReset={ defaultGradients !== baseDefaultGradients }\n\t\t\t\t\t\tcanOnlyChangeValues\n\t\t\t\t\t\tgradients={ defaultGradients }\n\t\t\t\t\t\tonChange={ setDefaultGradients }\n\t\t\t\t\t\tpaletteLabel={ __( 'Default' ) }\n\t\t\t\t\t\tpaletteLabelHeadingLevel={ 3 }\n\t\t\t\t\t\tpopoverProps={ popoverProps }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t<PaletteEdit\n\t\t\t\tgradients={ customGradients }\n\t\t\t\tonChange={ setCustomGradients }\n\t\t\t\tpaletteLabel={ __( 'Custom' ) }\n\t\t\t\tpaletteLabelHeadingLevel={ 3 }\n\t\t\t\tslugPrefix=\"custom-\"\n\t\t\t\tpopoverProps={ popoverProps }\n\t\t\t/>\n\t\t\t{ !! duotonePalette && !! duotonePalette.length && (\n\t\t\t\t<div>\n\t\t\t\t\t<Subtitle level={ 3 }>{ __( 'Duotone' ) }</Subtitle>\n\t\t\t\t\t<Spacer margin={ 3 } />\n\t\t\t\t\t<DuotonePicker\n\t\t\t\t\t\tduotonePalette={ duotonePalette }\n\t\t\t\t\t\tdisableCustomDuotone\n\t\t\t\t\t\tdisableCustomColors\n\t\t\t\t\t\tclearable={ false }\n\t\t\t\t\t\tonChange={ noop }\n\t\t\t\t\t\tcolorPalette={ [] }\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t) }\n\t\t</VStack>\n\t);\n}\n"],
  "mappings": ";AAGA,SAAS,wBAAwB;AACjC;AAAA,EACC,wBAAwB;AAAA,EACxB,6BAA6B;AAAA,EAC7B,wBAAwB;AAAA,EACxB;AAAA,OACM;AACP,SAAS,UAAU;AAMnB,SAAS,gBAAgB;AACzB,SAAS,kBAAkB;AA6DvB,cAgCA,YAhCA;AA3DJ,IAAM,qBAAqB,EAAE,WAAW,gBAAyB,QAAQ,EAAE;AAE3E,IAAM,OAAO,MAAM;AAAC;AAML,SAAR,qBAAuC;AAAA,EAC7C;AACD,GAA+B;AAC9B,QAAM,CAAE,gBAAgB,iBAAkB,IAAI;AAAA,IAC7C;AAAA,IACA;AAAA,EACD;AACA,QAAM,CAAE,kBAAmB,IAAI;AAAA,IAC9B;AAAA,IACA;AAAA,IACA;AAAA,EACD;AACA,QAAM,CAAE,kBAAkB,mBAAoB,IAAI;AAAA,IACjD;AAAA,IACA;AAAA,EACD;AACA,QAAM,CAAE,oBAAqB,IAAI;AAAA,IAChC;AAAA,IACA;AAAA,IACA;AAAA,EACD;AACA,QAAM,CAAE,iBAAiB,kBAAmB,IAAI;AAAA,IAC/C;AAAA,IACA;AAAA,EACD;AAEA,QAAM,CAAE,qBAAsB,IAAI;AAAA,IACjC;AAAA,IACA;AAAA,EACD;AAEA,QAAM,CAAE,aAAc,IAAI,WAAY,sBAAuB,KAAK,CAAC;AACnE,QAAM,CAAE,cAAe,IAAI,WAAY,uBAAwB,KAAK,CAAC;AACrE,QAAM,CAAE,YAAa,IAAI,WAAY,qBAAsB,KAAK,CAAC;AACjE,QAAM,CAAE,qBAAsB,IAAI,WAAY,sBAAuB;AAErE,QAAM,iBAAiB;AAAA,IACtB,GAAK,iBAAiB,CAAC;AAAA,IACvB,GAAK,gBAAgB,CAAC;AAAA,IACtB,GAAK,kBAAkB,wBAAwB,iBAAiB,CAAC;AAAA,EAClE;AAEA,QAAM,mBAAmB,iBAAkB,SAAS,GAAI;AACxD,QAAM,eAAe,mBAAmB,qBAAqB;AAE7D,SACC;AAAA,IAAC;AAAA;AAAA,MACA,WAAU;AAAA,MACV,SAAU;AAAA,MAER;AAAA,SAAC,CAAE,kBAAkB,CAAC,CAAE,eAAe,UACxC;AAAA,UAAC;AAAA;AAAA,YACA,UAAW,mBAAmB;AAAA,YAC9B,qBAAmB;AAAA,YACnB,WAAY;AAAA,YACZ,UAAW;AAAA,YACX,cAAe,GAAI,OAAQ;AAAA,YAC3B,0BAA2B;AAAA,YAC3B;AAAA;AAAA,QACD;AAAA,QAEC,CAAC,CAAE,oBACJ,CAAC,CAAE,iBAAiB,UACpB,CAAC,CAAE,yBACF;AAAA,UAAC;AAAA;AAAA,YACA,UAAW,qBAAqB;AAAA,YAChC,qBAAmB;AAAA,YACnB,WAAY;AAAA,YACZ,UAAW;AAAA,YACX,cAAe,GAAI,SAAU;AAAA,YAC7B,0BAA2B;AAAA,YAC3B;AAAA;AAAA,QACD;AAAA,QAEF;AAAA,UAAC;AAAA;AAAA,YACA,WAAY;AAAA,YACZ,UAAW;AAAA,YACX,cAAe,GAAI,QAAS;AAAA,YAC5B,0BAA2B;AAAA,YAC3B,YAAW;AAAA,YACX;AAAA;AAAA,QACD;AAAA,QACE,CAAC,CAAE,kBAAkB,CAAC,CAAE,eAAe,UACxC,qBAAC,SACA;AAAA,8BAAC,YAAS,OAAQ,GAAM,aAAI,SAAU,GAAG;AAAA,UACzC,oBAAC,UAAO,QAAS,GAAI;AAAA,UACrB;AAAA,YAAC;AAAA;AAAA,cACA;AAAA,cACA,sBAAoB;AAAA,cACpB,qBAAmB;AAAA,cACnB,WAAY;AAAA,cACZ,UAAW;AAAA,cACX,cAAe,CAAC;AAAA;AAAA,UACjB;AAAA,WACD;AAAA;AAAA;AAAA,EAEF;AAEF;",
  "names": []
}
