/*! For license information please see quickaction-quickaction-stories.a6bbf3a1.iframe.bundle.js.LICENSE.txt */
(globalThis.webpackChunk_spectrum_css_preview=globalThis.webpackChunk_spectrum_css_preview||[]).push([[7254,948,6526],{"./deprecated/quickaction/quickaction.stories.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,__namedExportsOrder:()=>__namedExportsOrder,default:()=>quickaction_stories});var lit=__webpack_require__("../node_modules/lit/index.js"),class_map=__webpack_require__("../node_modules/lit/directives/class-map.js"),if_defined=__webpack_require__("../node_modules/lit/directives/if-defined.js"),template=__webpack_require__("../components/actionbutton/stories/template.js"),injectStylesIntoLinkTag=__webpack_require__("../node_modules/style-loader/dist/runtime/injectStylesIntoLinkTag.js"),injectStylesIntoLinkTag_default=__webpack_require__.n(injectStylesIntoLinkTag),insertBySelector=__webpack_require__("../node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),index_vars=__webpack_require__("../node_modules/file-loader/dist/cjs.js??ruleSet[1].rules[10].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[10].use[2]!../node_modules/@spectrum-css/quickaction/dist/index-vars.css"),index_vars_default=__webpack_require__.n(index_vars),options={attributes:{"data-source":"processed"}};options.insert=insertBySelector_default().bind(null,"head");injectStylesIntoLinkTag_default()(index_vars_default(),options);var vars=__webpack_require__("../node_modules/file-loader/dist/cjs.js??ruleSet[1].rules[10].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[10].use[2]!../node_modules/@spectrum-css/quickaction/dist/vars.css"),vars_default=__webpack_require__.n(vars),vars_options={attributes:{"data-source":"processed"}};vars_options.insert=insertBySelector_default().bind(null,"head");injectStylesIntoLinkTag_default()(vars_default(),vars_options);const quickaction_stories={title:"Deprecated/Quick actions",component:"QuickAction",argTypes:{content:{table:{disable:!0}},isOpen:{name:"Open",type:{name:"boolean"},table:{type:{summary:"boolean"},category:"Component"},control:"boolean"},position:{name:"Position",type:{name:"string"},table:{type:{summary:"string"},category:"Component"},control:"select",options:["left","right"]},textOnly:{name:"Text only action buttons",type:{name:"boolean"},table:{type:{summary:"boolean"},category:"Advanced"},control:"boolean"}},args:{rootClass:"spectrum-QuickActions",isOpen:!0,textOnly:!1,content:[{iconName:"Edit",label:"Edit"},{iconName:"Copy",label:"Copy"},{iconName:"Delete",label:"Delete"}]},parameters:{actions:{handles:[]},status:{type:"deprecated"},chromatic:{disable:!0}}},Default=(({rootClass="spectrum-QuickActions",size="m",isOpen=!1,textOnly=!1,position,content=[],id,customClasses=[],...globals})=>content.length?(content.some((c=>c.icon))||(textOnly=!0),lit.qy`
        <!-- Note: Only values that differ in express theme are included -->
        <style>
            :root {
                --spectrum-alias-border-radius-regular: var(--spectrum-global-dimension-size-50);
                --spectrum-alias-background-color-quickactions-overlay: rgba(0,0,0,0.2);
            }
            :root, .spectrum--light {
                --spectrum-alias-background-color-quickactions: rgba(248,248,248,0.9);
            }
            .spectrum--dark {
                --spectrum-alias-background-color-quickactions: rgba(50,50,50,0.9);
            }
            .spectrum--darkest {
                --spectrum-alias-background-color-quickactions: rgba(29,29,29,0.9);
            }
            :root, .spectrum--medium {
                --spectrum-global-dimension-size-50: 4px;
                --spectrum-global-dimension-size-100: 8px;
                --spectrum-global-dimension-size-500: 40px;
            }
            .spectrum--large {
                --spectrum-global-dimension-size-50: 5px;
                --spectrum-global-dimension-size-100: 10px;
                --spectrum-global-dimension-size-500: 50px;
            }
            .spectrum--express {
                --spectrum-alias-border-radius-regular: var(--spectrum-global-dimension-size-75);
            }
        </style>
        <div
            class="${(0,class_map.H)({[rootClass]:!0,[`${rootClass}--size${size?.toUpperCase()}`]:void 0!==size,"is-open":isOpen,[`${rootClass}--${position}`]:void 0!==position,[`${rootClass}--textOnly`]:textOnly,...customClasses.reduce(((a,c)=>({...a,[c]:!0})),{})})}"
            id=${(0,if_defined.J)(id)}
        >
            ${content.map((c=>"object"==typeof c&&c.iconName||c.label?(0,template.B)({...globals,...c,isQuiet:!0}):c))}
        </div>
    `):(console.warn("QuickActions: requires content be passed in to render."),lit.qy``)).bind({});Default.args={},Default.parameters={...Default.parameters,docs:{...Default.parameters?.docs,source:{originalSource:'({\n  rootClass = "spectrum-QuickActions",\n  size = "m",\n  isOpen = false,\n  textOnly = false,\n  position,\n  // noOverlay = false,\n  content = [],\n  id,\n  customClasses = [],\n  ...globals\n}) => {\n  if (!content.length) {\n    console.warn("QuickActions: requires content be passed in to render.");\n    return html``;\n  }\n  if (!content.some(c => c.icon)) textOnly = true;\n  return html`\n        \x3c!-- Note: Only values that differ in express theme are included --\x3e\n        <style>\n            :root {\n                --spectrum-alias-border-radius-regular: var(--spectrum-global-dimension-size-50);\n                --spectrum-alias-background-color-quickactions-overlay: rgba(0,0,0,0.2);\n            }\n            :root, .spectrum--light {\n                --spectrum-alias-background-color-quickactions: rgba(248,248,248,0.9);\n            }\n            .spectrum--dark {\n                --spectrum-alias-background-color-quickactions: rgba(50,50,50,0.9);\n            }\n            .spectrum--darkest {\n                --spectrum-alias-background-color-quickactions: rgba(29,29,29,0.9);\n            }\n            :root, .spectrum--medium {\n                --spectrum-global-dimension-size-50: 4px;\n                --spectrum-global-dimension-size-100: 8px;\n                --spectrum-global-dimension-size-500: 40px;\n            }\n            .spectrum--large {\n                --spectrum-global-dimension-size-50: 5px;\n                --spectrum-global-dimension-size-100: 10px;\n                --spectrum-global-dimension-size-500: 50px;\n            }\n            .spectrum--express {\n                --spectrum-alias-border-radius-regular: var(--spectrum-global-dimension-size-75);\n            }\n        </style>\n        <div\n            class="${classMap({\n    [rootClass]: true,\n    [`${rootClass}--size${size?.toUpperCase()}`]: typeof size !== "undefined",\n    "is-open": isOpen,\n    [`${rootClass}--${position}`]: typeof position !== "undefined",\n    [`${rootClass}--textOnly`]: textOnly,\n    ...customClasses.reduce((a, c) => ({\n      ...a,\n      [c]: true\n    }), {})\n  })}"\n            id=${ifDefined(id)}\n        >\n            ${content.map(c => {\n    if (typeof c === "object" && c.iconName || c.label) {\n      return ActionButton({\n        ...globals,\n        ...c,\n        isQuiet: true\n      });\n    } else return c;\n  })}\n        </div>\n    `;\n}',...Default.parameters?.docs?.source}}};const __namedExportsOrder=["Default"]},"../node_modules/file-loader/dist/cjs.js??ruleSet[1].rules[10].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[10].use[2]!../components/actionbutton/index.css":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__.p+"assets/css/components/actionbutton/index.css"},"../node_modules/file-loader/dist/cjs.js??ruleSet[1].rules[10].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[10].use[2]!../node_modules/@spectrum-css/quickaction/dist/index-vars.css":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__.p+"assets/css/quickaction/dist/index-vars.css"},"../node_modules/file-loader/dist/cjs.js??ruleSet[1].rules[10].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[10].use[2]!../node_modules/@spectrum-css/quickaction/dist/vars.css":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__.p+"assets/css/quickaction/dist/vars.css"},"../components/actionbutton/stories/template.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{B:()=>Template});var lit=__webpack_require__("../node_modules/lit/index.js"),class_map=__webpack_require__("../node_modules/lit/directives/class-map.js"),if_defined=__webpack_require__("../node_modules/lit/directives/if-defined.js"),style_map=__webpack_require__("../node_modules/lit/directives/style-map.js"),when=__webpack_require__("../node_modules/lit-html/directives/when.js"),capitalize=__webpack_require__("../node_modules/lodash-es/capitalize.js"),lowerCase=__webpack_require__("../node_modules/lodash-es/lowerCase.js"),injectStylesIntoLinkTag=__webpack_require__("../node_modules/style-loader/dist/runtime/injectStylesIntoLinkTag.js"),injectStylesIntoLinkTag_default=__webpack_require__.n(injectStylesIntoLinkTag),insertBySelector=__webpack_require__("../node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),actionbutton=__webpack_require__("../node_modules/file-loader/dist/cjs.js??ruleSet[1].rules[10].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[10].use[2]!../components/actionbutton/index.css"),actionbutton_default=__webpack_require__.n(actionbutton),options={attributes:{"data-source":"processed"}};options.insert=insertBySelector_default().bind(null,"head");injectStylesIntoLinkTag_default()(actionbutton_default(),options);var template=__webpack_require__("../components/icon/stories/template.js");const Template=({rootClass="spectrum-ActionButton",size="m",iconName,iconSet,label,isQuiet=!1,isSelected=!1,isEmphasized=!1,isHovered=!1,isFocused=!1,isActive=!1,isDisabled=!1,hasPopup=!1,hideLabel=!1,staticColor,customClasses=[],customStyles={},customIconClasses=[],onclick,id,testId,role,...globals})=>{const{express}=globals;try{express?__webpack_require__.e(509).then(__webpack_require__.bind(__webpack_require__,"../components/actionbutton/themes/express.css")):__webpack_require__.e(8012).then(__webpack_require__.bind(__webpack_require__,"../components/actionbutton/themes/spectrum.css"))}catch(e){console.warn(e)}return lit.qy`
		<button
			aria-label=${(0,if_defined.J)(label)}
			aria-haspopup=${hasPopup?"true":"false"}
			aria-pressed=${isSelected?"true":"false"}
			class=${(0,class_map.H)({[rootClass]:!0,[`${rootClass}--size${size?.toUpperCase()}`]:void 0!==size,[`${rootClass}--quiet`]:isQuiet,[`${rootClass}--emphasized`]:isEmphasized,[`${rootClass}--static${(0,capitalize.A)((0,lowerCase.A)(staticColor))}`]:void 0!==staticColor,"is-disabled":isDisabled,"is-selected":isSelected,"is-hover":isHovered,"is-focus-visible":isFocused,"is-active":isActive,...customClasses.reduce(((a,c)=>({...a,[c]:!0})),{})})}
			id=${(0,if_defined.J)(id)}
			data-testid=${(0,if_defined.J)(testId)}
			role=${(0,if_defined.J)(role)}
			style=${(0,if_defined.J)((0,style_map.W)(customStyles))}
			?disabled=${isDisabled}
			@click=${onclick}
		>
			${(0,when.z)(hasPopup,(()=>(0,template.B)({...globals,size,iconName:"CornerTriangle",setName:"ui",customClasses:[`${rootClass}-hold`]})))}
			${(0,when.z)(iconName,(()=>(0,template.B)({...globals,size,iconName,setName:iconSet,customClasses:[`${rootClass}-icon`,...customIconClasses]})))}
			${(0,when.z)(label&&!hideLabel,(()=>lit.qy`<span class="${rootClass}-label">${label}</span>`))}
		</button>
	`}},"../node_modules/lit-html/directives/when.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";function n(n,r,t){return n?r(n):t?.(n)}__webpack_require__.d(__webpack_exports__,{z:()=>n})},"../node_modules/lit/directives/style-map.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{W:()=>o});var lit_html=__webpack_require__("../node_modules/lit-html/lit-html.js"),directive=__webpack_require__("../node_modules/lit-html/directive.js");const n="important",i=" !"+n,o=(0,directive.u$)(class extends directive.WL{constructor(t){if(super(t),t.type!==directive.OA.ATTRIBUTE||"style"!==t.name||t.strings?.length>2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(t){return Object.keys(t).reduce(((e,r)=>{const s=t[r];return null==s?e:e+`${r=r.includes("-")?r:r.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${s};`}),"")}update(e,[r]){const{style:s}=e.element;if(void 0===this.ft)return this.ft=new Set(Object.keys(r)),this.render(r);for(const t of this.ft)null==r[t]&&(this.ft.delete(t),t.includes("-")?s.removeProperty(t):s[t]=null);for(const t in r){const e=r[t];if(null!=e){this.ft.add(t);const r="string"==typeof e&&e.endsWith(i);t.includes("-")||r?s.setProperty(t,r?e.slice(0,-11):e,r?n:""):s[t]=e}}return lit_html.c0}})},"../node_modules/lodash-es/lowerCase.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});const __WEBPACK_DEFAULT_EXPORT__=(0,__webpack_require__("../node_modules/lodash-es/_createCompounder.js").A)((function(result,word,index){return result+(index?" ":"")+word.toLowerCase()}))}}]);
//# sourceMappingURL=quickaction-quickaction-stories.a6bbf3a1.iframe.bundle.js.map