/*! For license information please see alertbanner-stories-alertbanner-stories.1559ed2e.iframe.bundle.js.LICENSE.txt */
(globalThis.webpackChunk_spectrum_css_preview=globalThis.webpackChunk_spectrum_css_preview||[]).push([[3062,948,6526],{"../components/alertbanner/stories/alertbanner.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:()=>alertbanner_stories});var lit=__webpack_require__("../node_modules/lit/index.js"),class_map=__webpack_require__("../node_modules/lit/directives/class-map.js"),when=__webpack_require__("../node_modules/lit-html/directives/when.js"),template=__webpack_require__("../components/button/stories/template.js"),stories_template=__webpack_require__("../components/closebutton/stories/template.js"),divider_stories_template=__webpack_require__("../components/divider/stories/template.js"),icon_stories_template=__webpack_require__("../components/icon/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),alertbanner=__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/alertbanner/index.css"),alertbanner_default=__webpack_require__.n(alertbanner),options={attributes:{"data-source":"processed"}};options.insert=insertBySelector_default().bind(null,"head");injectStylesIntoLinkTag_default()(alertbanner_default(),options);const Template=({rootClass="spectrum-AlertBanner",isOpen=!0,text,variant,hasActionButton,customClasses=[],...globals})=>{const{express}=globals;try{express?__webpack_require__.e(6815).then(__webpack_require__.bind(__webpack_require__,"../components/alertbanner/themes/express.css")):__webpack_require__.e(6082).then(__webpack_require__.bind(__webpack_require__,"../components/alertbanner/themes/spectrum.css"))}catch(e){console.warn(e)}const iconName="negative"===variant?"Alert":"info"===variant?"Info":"";return lit.qy`
		<div
			class=${(0,class_map.H)({[rootClass]:!0,"is-open":isOpen,[`${rootClass}--${variant}`]:void 0!==variant,...customClasses.reduce(((a,c)=>({...a,[c]:!0})),{})})}
		>
			<div class="${rootClass}-body">
				<div class="${rootClass}-content">
					${iconName?(0,icon_stories_template.B)({...globals,iconName,customClasses:[`${rootClass}-icon`]}):""}
					<p class="${rootClass}-text">${text}</p>
				</div>
				${(0,when.z)(hasActionButton,(()=>(0,template.B)({size:"m",variant:"staticWhite",treatment:"outline",label:"Action"})))}
			</div>
			<div class="${rootClass}-end">
				${(0,divider_stories_template.B)({vertical:!0,size:"s",tag:"div",...globals})}
				${(0,stories_template.B)({...globals,size:"m",staticColor:"white",onclick})}
			</div>
		</div>
	`},alertbanner_stories={title:"Components/Alert banner",description:"The Alert banner show pressing and high-signal messages, such as system alerts. They’re meant to be noticed and prompt users to take action.",component:"AlertBanner",argTypes:{isOpen:{name:"Open",type:{name:"boolean"},table:{type:{summary:"boolean"},category:"State"},control:"boolean"},text:{name:"Text",type:{name:"string",required:!0},table:{type:{summary:"string"},disable:!1,category:"Component"},control:{type:"text"}},variant:{name:"Background color variants",type:{name:"string"},table:{type:{summary:"string"},category:"Component"},options:["neutral","info","negative"],control:"radio"},hasActionButton:{name:"Display action button",type:{name:"boolean"},table:{type:{summary:"boolean"},category:"State"},control:"boolean"}},args:{rootClass:"spectrum-AlertBanner",isOpen:!0,variant:"neutral",hasActionButton:!0,text:"Your trial has expired"},parameters:{actions:{handles:["click .spectrum-AlertBanner button"]},status:{type:"migrated"}}},Default=(({...args})=>lit.qy`
        <div style="display: flex; flex-direction: column; gap: 1rem">
            ${Template({...args})}
            ${window.isChromatic()?Template({...args,hasActionButton:!0,variant:"info",text:"Your trial will expire in 3 days. Once it expires your files will be saved and ready for you to open again once you have purcahsed the software."}):null}
            ${window.isChromatic()?Template({...args,hasActionButton:!0,variant:"negative",text:"Connection interupted. Check your network to continue."}):null}
        </div>
    `).bind({});Default.args={},Default.parameters={...Default.parameters,docs:{...Default.parameters?.docs,source:{originalSource:'({\n  ...args\n}) => {\n  return html`\n        <div style="display: flex; flex-direction: column; gap: 1rem">\n            ${Template({\n    ...args\n  })}\n            ${window.isChromatic() ? Template({\n    ...args,\n    hasActionButton: true,\n    variant: "info",\n    text: "Your trial will expire in 3 days. Once it expires your files will be saved and ready for you to open again once you have purcahsed the software."\n  }) : null}\n            ${window.isChromatic() ? Template({\n    ...args,\n    hasActionButton: true,\n    variant: "negative",\n    text: "Connection interupted. Check your network to continue."\n  }) : null}\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/alertbanner/index.css":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__.p+"assets/css/components/alertbanner/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]!../components/button/index.css":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__.p+"assets/css/components/button/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]!../components/closebutton/index.css":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__.p+"assets/css/components/closebutton/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]!../components/divider/index.css":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__.p+"assets/css/components/divider/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]!../components/progresscircle/index.css":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__.p+"assets/css/components/progresscircle/index.css"},"../components/button/stories/template.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{B:()=>Template});var external_STORYBOOK_MODULE_PREVIEW_API_=__webpack_require__("@storybook/preview-api"),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"),template=__webpack_require__("../components/icon/stories/template.js"),stories_template=__webpack_require__("../components/progresscircle/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),cjs_ruleSet_1_rules_10_use_2_components_button=__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/button/index.css"),button_default=__webpack_require__.n(cjs_ruleSet_1_rules_10_use_2_components_button),options={attributes:{"data-source":"processed"}};options.insert=insertBySelector_default().bind(null,"head");injectStylesIntoLinkTag_default()(button_default(),options);const Template=({rootClass="spectrum-Button",id,testId,customClasses=[],customStyles={},size="m",label,hideLabel=!1,iconName,iconAfterLabel=!1,variant,staticColor,treatment,onclick,isDisabled=!1,isHovered=!1,isFocused=!1,isActive=!1,isPending=!1,ariaExpanded,ariaControls,...globals})=>{const{express}=globals;try{express?__webpack_require__.e(2903).then(__webpack_require__.bind(__webpack_require__,"../components/button/themes/express.css")):__webpack_require__.e(5258).then(__webpack_require__.bind(__webpack_require__,"../components/button/themes/spectrum.css"))}catch(e){console.warn(e)}const[,updateArgs]=(0,external_STORYBOOK_MODULE_PREVIEW_API_.useArgs)();return lit.qy`
    <button
      class=${(0,class_map.H)({[rootClass]:!0,[`${rootClass}--${treatment}`]:void 0!==treatment,[`${rootClass}--${variant}`]:void 0!==variant,[`${rootClass}--size${size?.toUpperCase()}`]:void 0!==size,[`${rootClass}--static${(0,capitalize.A)((0,lowerCase.A)(staticColor))}`]:void 0!==staticColor,[`${rootClass}--iconOnly`]:hideLabel,"is-pending":isPending,"is-disabled":isDisabled,"is-hover":isHovered,"is-focus-visible":isFocused,"is-active":isActive,...customClasses.reduce(((a,c)=>({...a,[c]:!0})),{})})}
      id=${(0,if_defined.J)(id)}
      style=${(0,if_defined.J)((0,style_map.W)(customStyles))}
      ?disabled=${isDisabled}
      @click=${onclick??function(){updateArgs({isPending:!0}),setTimeout((()=>{updateArgs({isPending:!1})}),3e3)}}
      aria-label=${(0,if_defined.J)(hideLabel?iconName:void 0)}
      aria-expanded=${(0,if_defined.J)(ariaExpanded?.toString())}
      aria-controls=${(0,if_defined.J)(ariaControls)}
      data-testid=${(0,if_defined.J)(testId)}
    >
      ${(0,when.z)(iconName&&!iconAfterLabel,(()=>(0,template.B)({...globals,iconName,size})))}
      ${(0,when.z)(label&&!hideLabel,(()=>lit.qy`<span class=${`${rootClass}-label`}>${label}</span>`))}
      ${(0,when.z)(iconName&&iconAfterLabel,(()=>(0,template.B)({...globals,iconName,size})))}
      ${(0,when.z)(isPending,(()=>{const isOverBackground="white"===staticColor;return(0,stories_template.B)({...globals,size:"s",testId:"progress-circle",overBackground:isOverBackground,isIndeterminate:!0,addStaticBackground:!1})}))}
    </button>
  `}},"../components/closebutton/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"),upperCase=__webpack_require__("../node_modules/lodash-es/upperCase.js"),capitalize=__webpack_require__("../node_modules/lodash-es/capitalize.js"),lowerCase=__webpack_require__("../node_modules/lodash-es/lowerCase.js"),template=__webpack_require__("../components/icon/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),closebutton=__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/closebutton/index.css"),closebutton_default=__webpack_require__.n(closebutton),options={attributes:{"data-source":"processed"}};options.insert=insertBySelector_default().bind(null,"head");injectStylesIntoLinkTag_default()(closebutton_default(),options);const Template=({rootClass="spectrum-CloseButton",size="m",label="Close",staticColor,isDisabled=!1,customClasses=[],id,onclick,...globals})=>{const{express}=globals;try{express?__webpack_require__.e(6603).then(__webpack_require__.bind(__webpack_require__,"../components/closebutton/themes/express.css")):__webpack_require__.e(5750).then(__webpack_require__.bind(__webpack_require__,"../components/closebutton/themes/spectrum.css"))}catch(e){console.warn(e)}return lit.qy`
		<button
			class=${(0,class_map.H)({[rootClass]:!0,[`${rootClass}--size${(0,upperCase.A)(size)}`]:void 0!==size,[`${rootClass}--static${(0,capitalize.A)((0,lowerCase.A)(staticColor))}`]:void 0!==staticColor,...customClasses.reduce(((a,c)=>({...a,[c]:!0})),{})})}
			aria-label="close"
			id=${(0,if_defined.J)(id)}
			label=${(0,if_defined.J)(label)}
			?disabled=${isDisabled}
			@click=${onclick}
		>
			${(0,template.B)({...globals,size,iconName:"Cross",customClasses:[`${rootClass}-UIIcon`]})}
		</button>
	`}},"../components/divider/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"),upperCase=__webpack_require__("../node_modules/lodash-es/upperCase.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),divider=__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/divider/index.css"),divider_default=__webpack_require__.n(divider),options={attributes:{"data-source":"processed"}};options.insert=insertBySelector_default().bind(null,"head");injectStylesIntoLinkTag_default()(divider_default(),options);const Template=({rootClass="spectrum-Divider",size="m",tag="hr",staticColor,vertical=!1,customClasses=[]})=>"hr"===tag?lit.qy`
    <hr
      class=${(0,class_map.H)({[rootClass]:!0,[`${rootClass}--size${(0,upperCase.A)(size)}`]:void 0!==size,[`${rootClass}--vertical`]:!0===vertical,[`${rootClass}--static${(0,capitalize.A)((0,lowerCase.A)(staticColor))}`]:void 0!==staticColor,...customClasses.reduce(((a,c)=>({...a,[c]:!0})),{})})}
      style=${!0===vertical?"min-height: 20px; height: auto; align-self: stretch":""}
      role="separator"
      >
    </hr>`:lit.qy` <div
		class=${(0,class_map.H)({[rootClass]:!0,[`${rootClass}--size${size?.toUpperCase()}`]:void 0!==size,[`${rootClass}--vertical`]:!0===vertical,[`${rootClass}--static${(0,capitalize.A)((0,lowerCase.A)(staticColor))}`]:void 0!==staticColor,...customClasses.reduce(((a,c)=>({...a,[c]:!0})),{})})}
		style=${!0===vertical?"min-height: 20px; height: auto; align-self: stretch":""}
		role="separator"
	></div>`},"../components/progresscircle/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"),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),progresscircle=__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/progresscircle/index.css"),progresscircle_default=__webpack_require__.n(progresscircle),options={attributes:{"data-source":"processed"}};options.insert=insertBySelector_default().bind(null,"head");injectStylesIntoLinkTag_default()(progresscircle_default(),options);const Template=({id,customStyles={},testId,rootClass="spectrum-ProgressCircle",customClasses=[],size="m",overBackground=!1,isIndeterminate=!1,addStaticBackground=overBackground})=>{let sizeClassName="medium";switch(size){case"s":sizeClassName="small";break;case"l":sizeClassName="large";break;default:sizeClassName="medium"}const componentMarkup=lit.qy`
		<div
			class=${(0,class_map.H)({[rootClass]:!0,[`${rootClass}--${sizeClassName}`]:void 0!==size,[`${rootClass}--indeterminate`]:isIndeterminate,[`${rootClass}--staticWhite`]:overBackground,...customClasses.reduce(((a,c)=>({...a,[c]:!0})),{})})}
			id=${(0,if_defined.J)(id)}
			style=${(0,if_defined.J)((0,style_map.W)(customStyles))}
			data-testid=${(0,if_defined.J)(testId)}
		>
			<div class="spectrum-ProgressCircle-track"></div>
			<div class="spectrum-ProgressCircle-fills">
				<div class="spectrum-ProgressCircle-fillMask1">
					<div class="spectrum-ProgressCircle-fillSubMask1">
						<div class="spectrum-ProgressCircle-fill"></div>
					</div>
				</div>
				<div class="spectrum-ProgressCircle-fillMask2">
					<div class="spectrum-ProgressCircle-fillSubMask2">
						<div class="spectrum-ProgressCircle-fill"></div>
					</div>
				</div>
			</div>
		</div>
	`,decoratedMarkup=lit.qy`
		<div style="background-color: #0F797D;">${componentMarkup}</div>
	`;return overBackground&&addStaticBackground?decoratedMarkup:componentMarkup}},"../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()}))},"../node_modules/lodash-es/upperCase.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.toUpperCase()}))}}]);
//# sourceMappingURL=alertbanner-stories-alertbanner-stories.1559ed2e.iframe.bundle.js.map