-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy path5533.fba05a91.iframe.bundle.js.map
1 lines (1 loc) · 17.8 KB
/
5533.fba05a91.iframe.bundle.js.map
1
{"version":3,"file":"5533.fba05a91.iframe.bundle.js","mappings":";;AAUA;AACA;;;;;AAOA;;AAEA;ACdA;;AAEA;AACA;ACJA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;AAEA","sources":["webpack://@yoast/ui-library/../../node_modules/@storybook/core-events/dist/errors/preview-errors.mjs","webpack://@yoast/ui-library/../../node_modules/@storybook/addon-backgrounds/dist/preview.js","webpack://@yoast/ui-library/../../node_modules/@storybook/addon-outline/dist/preview.js"],"sourcesContent":["import { StorybookError } from '../chunk-3FIG6PJN.mjs';\nimport dedent from 'ts-dedent';\n\nvar Category=(Category2=>(Category2.PREVIEW_CLIENT_LOGGER=\"PREVIEW_CLIENT-LOGGER\",Category2.PREVIEW_CHANNELS=\"PREVIEW_CHANNELS\",Category2.PREVIEW_CORE_EVENTS=\"PREVIEW_CORE-EVENTS\",Category2.PREVIEW_INSTRUMENTER=\"PREVIEW_INSTRUMENTER\",Category2.PREVIEW_API=\"PREVIEW_API\",Category2.PREVIEW_REACT_DOM_SHIM=\"PREVIEW_REACT-DOM-SHIM\",Category2.PREVIEW_ROUTER=\"PREVIEW_ROUTER\",Category2.PREVIEW_THEMING=\"PREVIEW_THEMING\",Category2.RENDERER_HTML=\"RENDERER_HTML\",Category2.RENDERER_PREACT=\"RENDERER_PREACT\",Category2.RENDERER_REACT=\"RENDERER_REACT\",Category2.RENDERER_SERVER=\"RENDERER_SERVER\",Category2.RENDERER_SVELTE=\"RENDERER_SVELTE\",Category2.RENDERER_VUE=\"RENDERER_VUE\",Category2.RENDERER_VUE3=\"RENDERER_VUE3\",Category2.RENDERER_WEB_COMPONENTS=\"RENDERER_WEB-COMPONENTS\",Category2))(Category||{}),MissingStoryAfterHmrError=class extends StorybookError{constructor(data){super();this.data=data;this.category=\"PREVIEW_API\";this.code=1;}template(){return dedent`\n Couldn't find story matching id '${this.data.storyId}' after HMR.\n - Did you just rename a story?\n - Did you remove it from your CSF file?\n - Are you sure a story with the id '${this.data.storyId}' exists?\n - Please check the values in the stories field of your main.js config and see if they would match your CSF File.\n - Also check the browser console and terminal for potential error messages.`}},ImplicitActionsDuringRendering=class extends StorybookError{constructor(data){super();this.data=data;this.category=\"PREVIEW_API\";this.code=2;this.documentation=\"https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#using-implicit-actions-during-rendering-is-deprecated-for-example-in-the-play-function\";}template(){return dedent`\n We detected that you use an implicit action arg during ${this.data.phase} of your story. \n ${this.data.deprecated?`\nThis is deprecated and won't work in Storybook 8 anymore.\n`:\"\"}\n Please provide an explicit spy to your args like this:\n import { fn } from '@storybook/test';\n ... \n args: {\n ${this.data.name}: fn()\n }\n `}};\n\nexport { Category, ImplicitActionsDuringRendering, MissingStoryAfterHmrError };\n","import { useMemo, useEffect } from '@storybook/preview-api';\nimport { global } from '@storybook/global';\nimport { dedent } from 'ts-dedent';\nimport { logger } from '@storybook/client-logger';\n\nvar PARAM_KEY=\"backgrounds\";var{document,window}=global,isReduceMotionEnabled=()=>window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches,getBackgroundColorByName=(currentSelectedValue,backgrounds=[],defaultName)=>{if(currentSelectedValue===\"transparent\")return \"transparent\";if(backgrounds.find(background=>background.value===currentSelectedValue))return currentSelectedValue;let defaultBackground=backgrounds.find(background=>background.name===defaultName);if(defaultBackground)return defaultBackground.value;if(defaultName){let availableColors=backgrounds.map(background=>background.name).join(\", \");logger.warn(dedent`\n Backgrounds Addon: could not find the default color \"${defaultName}\".\n These are the available colors for your story based on your configuration:\n ${availableColors}.\n `);}return \"transparent\"},clearStyles=selector=>{(Array.isArray(selector)?selector:[selector]).forEach(clearStyle);},clearStyle=selector=>{let element=document.getElementById(selector);element&&element.parentElement?.removeChild(element);},addGridStyle=(selector,css)=>{let existingStyle=document.getElementById(selector);if(existingStyle)existingStyle.innerHTML!==css&&(existingStyle.innerHTML=css);else {let style=document.createElement(\"style\");style.setAttribute(\"id\",selector),style.innerHTML=css,document.head.appendChild(style);}},addBackgroundStyle=(selector,css,storyId)=>{let existingStyle=document.getElementById(selector);if(existingStyle)existingStyle.innerHTML!==css&&(existingStyle.innerHTML=css);else {let style=document.createElement(\"style\");style.setAttribute(\"id\",selector),style.innerHTML=css;let gridStyleSelector=`addon-backgrounds-grid${storyId?`-docs-${storyId}`:\"\"}`,existingGridStyle=document.getElementById(gridStyleSelector);existingGridStyle?existingGridStyle.parentElement?.insertBefore(style,existingGridStyle):document.head.appendChild(style);}};var withBackground=(StoryFn,context)=>{let{globals:globals2,parameters:parameters2}=context,globalsBackgroundColor=globals2[PARAM_KEY]?.value,backgroundsConfig=parameters2[PARAM_KEY],selectedBackgroundColor=useMemo(()=>backgroundsConfig.disable?\"transparent\":getBackgroundColorByName(globalsBackgroundColor,backgroundsConfig.values,backgroundsConfig.default),[backgroundsConfig,globalsBackgroundColor]),isActive=useMemo(()=>selectedBackgroundColor&&selectedBackgroundColor!==\"transparent\",[selectedBackgroundColor]),selector=context.viewMode===\"docs\"?`#anchor--${context.id} .docs-story`:\".sb-show-main\",backgroundStyles=useMemo(()=>{let transitionStyle=\"transition: background-color 0.3s;\";return `\n ${selector} {\n background: ${selectedBackgroundColor} !important;\n ${isReduceMotionEnabled()?\"\":transitionStyle}\n }\n `},[selectedBackgroundColor,selector]);return useEffect(()=>{let selectorId=context.viewMode===\"docs\"?`addon-backgrounds-docs-${context.id}`:\"addon-backgrounds-color\";if(!isActive){clearStyles(selectorId);return}addBackgroundStyle(selectorId,backgroundStyles,context.viewMode===\"docs\"?context.id:null);},[isActive,backgroundStyles,context]),StoryFn()};var withGrid=(StoryFn,context)=>{let{globals:globals2,parameters:parameters2}=context,gridParameters=parameters2[PARAM_KEY].grid,isActive=globals2[PARAM_KEY]?.grid===!0&&gridParameters.disable!==!0,{cellAmount,cellSize,opacity}=gridParameters,isInDocs=context.viewMode===\"docs\",defaultOffset=parameters2.layout===void 0||parameters2.layout===\"padded\"?16:0,offsetX=gridParameters.offsetX??(isInDocs?20:defaultOffset),offsetY=gridParameters.offsetY??(isInDocs?20:defaultOffset),gridStyles=useMemo(()=>{let selector=context.viewMode===\"docs\"?`#anchor--${context.id} .docs-story`:\".sb-show-main\",backgroundSize=[`${cellSize*cellAmount}px ${cellSize*cellAmount}px`,`${cellSize*cellAmount}px ${cellSize*cellAmount}px`,`${cellSize}px ${cellSize}px`,`${cellSize}px ${cellSize}px`].join(\", \");return `\n ${selector} {\n background-size: ${backgroundSize} !important;\n background-position: ${offsetX}px ${offsetY}px, ${offsetX}px ${offsetY}px, ${offsetX}px ${offsetY}px, ${offsetX}px ${offsetY}px !important;\n background-blend-mode: difference !important;\n background-image: linear-gradient(rgba(130, 130, 130, ${opacity}) 1px, transparent 1px),\n linear-gradient(90deg, rgba(130, 130, 130, ${opacity}) 1px, transparent 1px),\n linear-gradient(rgba(130, 130, 130, ${opacity/2}) 1px, transparent 1px),\n linear-gradient(90deg, rgba(130, 130, 130, ${opacity/2}) 1px, transparent 1px) !important;\n }\n `},[cellSize]);return useEffect(()=>{let selectorId=context.viewMode===\"docs\"?`addon-backgrounds-grid-docs-${context.id}`:\"addon-backgrounds-grid\";if(!isActive){clearStyles(selectorId);return}addGridStyle(selectorId,gridStyles);},[isActive,gridStyles,context]),StoryFn()};var decorators=[withGrid,withBackground],parameters={[PARAM_KEY]:{grid:{cellSize:20,opacity:.5,cellAmount:5},values:[{name:\"light\",value:\"#F8F8F8\"},{name:\"dark\",value:\"#333333\"}]}},globals={[PARAM_KEY]:null};\n\nexport { decorators, globals, parameters };\n","import { useMemo, useEffect } from '@storybook/preview-api';\nimport { global } from '@storybook/global';\nimport { dedent } from 'ts-dedent';\n\nvar clearStyles=selector=>{(Array.isArray(selector)?selector:[selector]).forEach(clearStyle);},clearStyle=input=>{let selector=typeof input==\"string\"?input:input.join(\"\"),element=global.document.getElementById(selector);element&&element.parentElement&&element.parentElement.removeChild(element);},addOutlineStyles=(selector,css)=>{let existingStyle=global.document.getElementById(selector);if(existingStyle)existingStyle.innerHTML!==css&&(existingStyle.innerHTML=css);else {let style=global.document.createElement(\"style\");style.setAttribute(\"id\",selector),style.innerHTML=css,global.document.head.appendChild(style);}};var PARAM_KEY=\"outline\";function outlineCSS(selector){return dedent`\n ${selector} body {\n outline: 1px solid #2980b9 !important;\n }\n\n ${selector} article {\n outline: 1px solid #3498db !important;\n }\n\n ${selector} nav {\n outline: 1px solid #0088c3 !important;\n }\n\n ${selector} aside {\n outline: 1px solid #33a0ce !important;\n }\n\n ${selector} section {\n outline: 1px solid #66b8da !important;\n }\n\n ${selector} header {\n outline: 1px solid #99cfe7 !important;\n }\n\n ${selector} footer {\n outline: 1px solid #cce7f3 !important;\n }\n\n ${selector} h1 {\n outline: 1px solid #162544 !important;\n }\n\n ${selector} h2 {\n outline: 1px solid #314e6e !important;\n }\n\n ${selector} h3 {\n outline: 1px solid #3e5e85 !important;\n }\n\n ${selector} h4 {\n outline: 1px solid #449baf !important;\n }\n\n ${selector} h5 {\n outline: 1px solid #c7d1cb !important;\n }\n\n ${selector} h6 {\n outline: 1px solid #4371d0 !important;\n }\n\n ${selector} main {\n outline: 1px solid #2f4f90 !important;\n }\n\n ${selector} address {\n outline: 1px solid #1a2c51 !important;\n }\n\n ${selector} div {\n outline: 1px solid #036cdb !important;\n }\n\n ${selector} p {\n outline: 1px solid #ac050b !important;\n }\n\n ${selector} hr {\n outline: 1px solid #ff063f !important;\n }\n\n ${selector} pre {\n outline: 1px solid #850440 !important;\n }\n\n ${selector} blockquote {\n outline: 1px solid #f1b8e7 !important;\n }\n\n ${selector} ol {\n outline: 1px solid #ff050c !important;\n }\n\n ${selector} ul {\n outline: 1px solid #d90416 !important;\n }\n\n ${selector} li {\n outline: 1px solid #d90416 !important;\n }\n\n ${selector} dl {\n outline: 1px solid #fd3427 !important;\n }\n\n ${selector} dt {\n outline: 1px solid #ff0043 !important;\n }\n\n ${selector} dd {\n outline: 1px solid #e80174 !important;\n }\n\n ${selector} figure {\n outline: 1px solid #ff00bb !important;\n }\n\n ${selector} figcaption {\n outline: 1px solid #bf0032 !important;\n }\n\n ${selector} table {\n outline: 1px solid #00cc99 !important;\n }\n\n ${selector} caption {\n outline: 1px solid #37ffc4 !important;\n }\n\n ${selector} thead {\n outline: 1px solid #98daca !important;\n }\n\n ${selector} tbody {\n outline: 1px solid #64a7a0 !important;\n }\n\n ${selector} tfoot {\n outline: 1px solid #22746b !important;\n }\n\n ${selector} tr {\n outline: 1px solid #86c0b2 !important;\n }\n\n ${selector} th {\n outline: 1px solid #a1e7d6 !important;\n }\n\n ${selector} td {\n outline: 1px solid #3f5a54 !important;\n }\n\n ${selector} col {\n outline: 1px solid #6c9a8f !important;\n }\n\n ${selector} colgroup {\n outline: 1px solid #6c9a9d !important;\n }\n\n ${selector} button {\n outline: 1px solid #da8301 !important;\n }\n\n ${selector} datalist {\n outline: 1px solid #c06000 !important;\n }\n\n ${selector} fieldset {\n outline: 1px solid #d95100 !important;\n }\n\n ${selector} form {\n outline: 1px solid #d23600 !important;\n }\n\n ${selector} input {\n outline: 1px solid #fca600 !important;\n }\n\n ${selector} keygen {\n outline: 1px solid #b31e00 !important;\n }\n\n ${selector} label {\n outline: 1px solid #ee8900 !important;\n }\n\n ${selector} legend {\n outline: 1px solid #de6d00 !important;\n }\n\n ${selector} meter {\n outline: 1px solid #e8630c !important;\n }\n\n ${selector} optgroup {\n outline: 1px solid #b33600 !important;\n }\n\n ${selector} option {\n outline: 1px solid #ff8a00 !important;\n }\n\n ${selector} output {\n outline: 1px solid #ff9619 !important;\n }\n\n ${selector} progress {\n outline: 1px solid #e57c00 !important;\n }\n\n ${selector} select {\n outline: 1px solid #e26e0f !important;\n }\n\n ${selector} textarea {\n outline: 1px solid #cc5400 !important;\n }\n\n ${selector} details {\n outline: 1px solid #33848f !important;\n }\n\n ${selector} summary {\n outline: 1px solid #60a1a6 !important;\n }\n\n ${selector} command {\n outline: 1px solid #438da1 !important;\n }\n\n ${selector} menu {\n outline: 1px solid #449da6 !important;\n }\n\n ${selector} del {\n outline: 1px solid #bf0000 !important;\n }\n\n ${selector} ins {\n outline: 1px solid #400000 !important;\n }\n\n ${selector} img {\n outline: 1px solid #22746b !important;\n }\n\n ${selector} iframe {\n outline: 1px solid #64a7a0 !important;\n }\n\n ${selector} embed {\n outline: 1px solid #98daca !important;\n }\n\n ${selector} object {\n outline: 1px solid #00cc99 !important;\n }\n\n ${selector} param {\n outline: 1px solid #37ffc4 !important;\n }\n\n ${selector} video {\n outline: 1px solid #6ee866 !important;\n }\n\n ${selector} audio {\n outline: 1px solid #027353 !important;\n }\n\n ${selector} source {\n outline: 1px solid #012426 !important;\n }\n\n ${selector} canvas {\n outline: 1px solid #a2f570 !important;\n }\n\n ${selector} track {\n outline: 1px solid #59a600 !important;\n }\n\n ${selector} map {\n outline: 1px solid #7be500 !important;\n }\n\n ${selector} area {\n outline: 1px solid #305900 !important;\n }\n\n ${selector} a {\n outline: 1px solid #ff62ab !important;\n }\n\n ${selector} em {\n outline: 1px solid #800b41 !important;\n }\n\n ${selector} strong {\n outline: 1px solid #ff1583 !important;\n }\n\n ${selector} i {\n outline: 1px solid #803156 !important;\n }\n\n ${selector} b {\n outline: 1px solid #cc1169 !important;\n }\n\n ${selector} u {\n outline: 1px solid #ff0430 !important;\n }\n\n ${selector} s {\n outline: 1px solid #f805e3 !important;\n }\n\n ${selector} small {\n outline: 1px solid #d107b2 !important;\n }\n\n ${selector} abbr {\n outline: 1px solid #4a0263 !important;\n }\n\n ${selector} q {\n outline: 1px solid #240018 !important;\n }\n\n ${selector} cite {\n outline: 1px solid #64003c !important;\n }\n\n ${selector} dfn {\n outline: 1px solid #b4005a !important;\n }\n\n ${selector} sub {\n outline: 1px solid #dba0c8 !important;\n }\n\n ${selector} sup {\n outline: 1px solid #cc0256 !important;\n }\n\n ${selector} time {\n outline: 1px solid #d6606d !important;\n }\n\n ${selector} code {\n outline: 1px solid #e04251 !important;\n }\n\n ${selector} kbd {\n outline: 1px solid #5e001f !important;\n }\n\n ${selector} samp {\n outline: 1px solid #9c0033 !important;\n }\n\n ${selector} var {\n outline: 1px solid #d90047 !important;\n }\n\n ${selector} mark {\n outline: 1px solid #ff0053 !important;\n }\n\n ${selector} bdi {\n outline: 1px solid #bf3668 !important;\n }\n\n ${selector} bdo {\n outline: 1px solid #6f1400 !important;\n }\n\n ${selector} ruby {\n outline: 1px solid #ff7b93 !important;\n }\n\n ${selector} rt {\n outline: 1px solid #ff2f54 !important;\n }\n\n ${selector} rp {\n outline: 1px solid #803e49 !important;\n }\n\n ${selector} span {\n outline: 1px solid #cc2643 !important;\n }\n\n ${selector} br {\n outline: 1px solid #db687d !important;\n }\n\n ${selector} wbr {\n outline: 1px solid #db175b !important;\n }`}var withOutline=(StoryFn,context)=>{let{globals:globals2}=context,isActive=[!0,\"true\"].includes(globals2[PARAM_KEY]),isInDocs=context.viewMode===\"docs\",outlineStyles=useMemo(()=>outlineCSS(isInDocs?'[data-story-block=\"true\"]':\".sb-show-main\"),[context]);return useEffect(()=>{let selectorId=isInDocs?`addon-outline-docs-${context.id}`:\"addon-outline\";return isActive?addOutlineStyles(selectorId,outlineStyles):clearStyles(selectorId),()=>{clearStyles(selectorId);}},[isActive,outlineStyles,context]),StoryFn()};var decorators=[withOutline],globals={[PARAM_KEY]:!1};\n\nexport { decorators, globals };\n"],"names":[],"sourceRoot":""}